Remove Keywords on Next Gen

[CSWinnall]

Hi All

If you are thinking of using Next Gen before the KTL is ready here is some code that will strip all the keywords from the Live App. That way you don't need to remove the keywords from each view and they will be still there when the KTL has been evolved.

Either add this code to the blank JS Pane in Next Gen:

Knack.ready().then(() => {
	const DEBUG = false; // toggle verbose logging

	// Regex constants
	const TRAILING_WS = /(?:\s| )+$/gi;
	const FIRST_DIRECTIVE = /(?:<br\s*\/?>\s*)?_[a-z][\w-]*(?:=[^<\r\n]*)?/i;

	// Cache for processed descriptions
	const cleanedDescriptions = Object.create(null);

	/**
	 * Clean a description by trimming and removing everything from the first directive token onward.
	 * @param {string} desc
	 * @returns {string}
	 */
	function cleanDescription(desc = '') {
		if (!(desc && desc.trim())) return '';
		desc = desc.replace(TRAILING_WS, '');
		const match = desc.match(FIRST_DIRECTIVE);
		return match ? desc.slice(0, match.index).trimEnd() : desc.trimEnd();
	}

	/** Apply cleaned description into the DOM */
	function applyDescription(viewKey, cleaned) {
		try {
			const viewElement = document.getElementById(viewKey);
			if (!viewElement || viewElement.dataset.descCleaned === 'true') return;
			const header = viewElement.querySelector('.kn-view-header');
			if (!header) return;
			const richBlocks = header.querySelectorAll('.kn-rich-text-renderer');
			if (richBlocks.length > 1) {
				richBlocks[1].innerHTML = cleaned;
				viewElement.dataset.descCleaned = 'true';
			} else if (richBlocks.length === 1) {
				const sole = richBlocks[0];
				const raw = sole.innerHTML.trim();
				if (cleaned !== raw) {
					sole.innerHTML = cleaned;
					viewElement.dataset.descCleaned = 'true';
				}
			}
		} catch (err) {
			if (DEBUG) console.error(`[VIEW ${viewKey}] description replacement failed`, err);
		}
	}

	// Lazy processing: clean description on first render only
	Knack.on('view:render', ({ viewKey }) => {
		// If already cached, just apply
		if (viewKey in cleanedDescriptions) {
			applyDescription(viewKey, cleanedDescriptions[viewKey]);
			return;
		}
		// Extract raw description from the rendered DOM (no extra API call needed)
		const viewElement = document.getElementById(viewKey);
		if (!viewElement) return;
		const header = viewElement.querySelector('.kn-view-header');
		if (!header) return;
		const richBlocks = header.querySelectorAll('.kn-rich-text-renderer');
		if (!richBlocks.length) return;
		const rawDesc = richBlocks.length > 1 ? richBlocks[1].innerHTML : richBlocks[0].innerHTML;
		if (!rawDesc.trim()) return; // nothing to clean
		const cleaned = cleanDescription(rawDesc);
		cleanedDescriptions[viewKey] = cleaned;
		if (DEBUG) {
			if (cleaned !== rawDesc) console.log(`[VIEW ${viewKey}] description cleaned`, { original: rawDesc, cleaned });
			else console.log(`[VIEW ${viewKey}] description unchanged`);
		}
		applyDescription(viewKey, cleaned);
	});
});

OR if you already have the Knack ready part just the code inside the Knack.ready brackets.

Craig