@sprawlify/primitives 0.0.1

package/dist/highlight-word.mjs

@@ -0,0 +1,99 @@
+//#region src/shared/highlight-word/normalize-span.ts
+const normalizeSpan = (spans, len) => {
+	const result = [];
+	const append = (start, end, match) => {
+		if (end - start > 0) result.push({
+			start,
+			end,
+			match
+		});
+	};
+	if (spans.length === 0) append(0, len, false);
+	else {
+		let lastIndex = 0;
+		for (const chunk of spans) {
+			append(lastIndex, chunk.start, false);
+			append(chunk.start, chunk.end, true);
+			lastIndex = chunk.end;
+		}
+		append(lastIndex, len, false);
+	}
+	return result;
+};
+
+//#endregion
+//#region src/shared/highlight-word/escape-regex.ts
+const escapeRegex = (term) => term.replace(/[|\\{}()[\]^$+*?.-]/g, (char) => `\\${char}`);
+
+//#endregion
+//#region src/shared/highlight-word/highlight-first.ts
+function highlightFirst(props) {
+	const { text, query, ignoreCase, exactMatch } = props;
+	if (exactMatch) {
+		const escapedQuery = escapeRegex(query);
+		const regex = new RegExp(`\\b(${escapedQuery})\\b`, ignoreCase ? "i" : "");
+		const match = text.match(regex);
+		if (!match || match.index === void 0) return [{
+			text,
+			match: false
+		}];
+		const start$1 = match.index;
+		return normalizeSpan([{
+			start: start$1,
+			end: start$1 + match[0].length
+		}], text.length).map((chunk) => ({
+			text: text.slice(chunk.start, chunk.end),
+			match: !!chunk.match
+		}));
+	}
+	const searchText = ignoreCase ? text.toLowerCase() : text;
+	const searchQuery = ignoreCase ? typeof query === "string" ? query.toLowerCase() : query : query;
+	const start = typeof searchText === "string" ? searchText.indexOf(searchQuery) : -1;
+	if (start === -1) return [{
+		text,
+		match: false
+	}];
+	return normalizeSpan([{
+		start,
+		end: start + searchQuery.length
+	}], text.length).map((chunk) => ({
+		text: text.slice(chunk.start, chunk.end),
+		match: !!chunk.match
+	}));
+}
+
+//#endregion
+//#region src/shared/highlight-word/highlight-multiple.ts
+const buildRegex = (queryProp, flags, exactMatch) => {
+	const query = queryProp.filter(Boolean).map((text) => escapeRegex(text));
+	const pattern = exactMatch ? `\\b(${query.join("|")})\\b` : `(${query.join("|")})`;
+	return new RegExp(pattern, flags);
+};
+const getRegexFlags = (ignoreCase, matchAll = true) => `${ignoreCase ? "i" : ""}${matchAll ? "g" : ""}`;
+function highlightMultiple(props) {
+	const { text, query, ignoreCase, matchAll, exactMatch } = props;
+	if (query.length === 0) return [{
+		text,
+		match: false
+	}];
+	const flags = getRegexFlags(ignoreCase, matchAll);
+	const regex = buildRegex(Array.isArray(query) ? query : [query], flags, exactMatch);
+	return normalizeSpan([...text.matchAll(regex)].map((match) => ({
+		start: match.index || 0,
+		end: (match.index || 0) + match[0].length
+	})), props.text.length).map((chunk) => ({
+		text: props.text.slice(chunk.start, chunk.end),
+		match: !!chunk.match
+	}));
+}
+
+//#endregion
+//#region src/shared/highlight-word/highlight.ts
+const highlightWord = (props) => {
+	if (props.matchAll == null) props.matchAll = Array.isArray(props.query);
+	if (!props.matchAll && Array.isArray(props.query)) throw new Error("matchAll must be true when using multiple queries");
+	return props.matchAll ? highlightMultiple(props) : highlightFirst(props);
+};
+
+//#endregion
+export { highlightWord };