@wirekyt/dom 0.0.1 → 0.0.2

package/dist/from-window-5ZhzSURC.js

@@ -0,0 +1,68 @@
+import { c as createRect } from "./rect-utils-d_3gZVsc.js";
+//#region src/common/rect-utils/clamp.ts
+const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
+const clampPoint = (position, size, boundaryRect) => {
+	return {
+		x: clamp(position.x, boundaryRect.x, boundaryRect.x + boundaryRect.width - size.width),
+		y: clamp(position.y, boundaryRect.y, boundaryRect.y + boundaryRect.height - size.height)
+	};
+};
+const defaultMinSize = {
+	width: 0,
+	height: 0
+};
+const defaultMaxSize = {
+	width: Infinity,
+	height: Infinity
+};
+const clampSize = (size, minSize = defaultMinSize, maxSize = defaultMaxSize) => {
+	return {
+		width: Math.min(Math.max(size.width, minSize.width), maxSize.width),
+		height: Math.min(Math.max(size.height, minSize.height), maxSize.height)
+	};
+};
+//#endregion
+//#region src/common/rect-utils/constrain.ts
+const constrainRect = (rect, boundary) => {
+	return {
+		x: Math.max(boundary.x, Math.min(rect.x, boundary.x + boundary.width - rect.width)),
+		y: Math.max(boundary.y, Math.min(rect.y, boundary.y + boundary.height - rect.height)),
+		width: Math.min(rect.width, boundary.width),
+		height: Math.min(rect.height, boundary.height)
+	};
+};
+//#endregion
+//#region src/common/rect-utils/equality.ts
+const isSizeEqual = (a, b) => {
+	return a.width === b?.width && a.height === b?.height;
+};
+const isPointEqual = (a, b) => {
+	return a.x === b?.x && a.y === b?.y;
+};
+const isRectEqual = (a, b) => {
+	return isPointEqual(a, b) && isSizeEqual(a, b);
+};
+//#endregion
+//#region src/common/rect-utils/from-window.ts
+function getWindowRect(win, opts = {}) {
+	return createRect(getViewportRect(win, opts));
+}
+function getViewportRect(win, opts) {
+	const { excludeScrollbar = false } = opts;
+	const { innerWidth, innerHeight, document: doc, visualViewport } = win;
+	const rect = {
+		x: 0,
+		y: 0,
+		width: visualViewport?.width || innerWidth,
+		height: visualViewport?.height || innerHeight
+	};
+	if (excludeScrollbar) {
+		const scrollbarWidth = innerWidth - doc.documentElement.clientWidth;
+		const scrollbarHeight = innerHeight - doc.documentElement.clientHeight;
+		rect.width -= scrollbarWidth;
+		rect.height -= scrollbarHeight;
+	}
+	return rect;
+}
+//#endregion
+export { isSizeEqual as a, clampSize as c, isRectEqual as i, getWindowRect as n, constrainRect as o, isPointEqual as r, clampPoint as s, getViewportRect as t };

package/dist/from-window-B9DKtaoR.cjs

@@ -0,0 +1,115 @@
+const require_rect_utils = require("./rect-utils-DiT4k3jS.cjs");
+//#region src/common/rect-utils/clamp.ts
+const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
+const clampPoint = (position, size, boundaryRect) => {
+	return {
+		x: clamp(position.x, boundaryRect.x, boundaryRect.x + boundaryRect.width - size.width),
+		y: clamp(position.y, boundaryRect.y, boundaryRect.y + boundaryRect.height - size.height)
+	};
+};
+const defaultMinSize = {
+	width: 0,
+	height: 0
+};
+const defaultMaxSize = {
+	width: Infinity,
+	height: Infinity
+};
+const clampSize = (size, minSize = defaultMinSize, maxSize = defaultMaxSize) => {
+	return {
+		width: Math.min(Math.max(size.width, minSize.width), maxSize.width),
+		height: Math.min(Math.max(size.height, minSize.height), maxSize.height)
+	};
+};
+//#endregion
+//#region src/common/rect-utils/constrain.ts
+const constrainRect = (rect, boundary) => {
+	return {
+		x: Math.max(boundary.x, Math.min(rect.x, boundary.x + boundary.width - rect.width)),
+		y: Math.max(boundary.y, Math.min(rect.y, boundary.y + boundary.height - rect.height)),
+		width: Math.min(rect.width, boundary.width),
+		height: Math.min(rect.height, boundary.height)
+	};
+};
+//#endregion
+//#region src/common/rect-utils/equality.ts
+const isSizeEqual = (a, b) => {
+	return a.width === b?.width && a.height === b?.height;
+};
+const isPointEqual = (a, b) => {
+	return a.x === b?.x && a.y === b?.y;
+};
+const isRectEqual = (a, b) => {
+	return isPointEqual(a, b) && isSizeEqual(a, b);
+};
+//#endregion
+//#region src/common/rect-utils/from-window.ts
+function getWindowRect(win, opts = {}) {
+	return require_rect_utils.createRect(getViewportRect(win, opts));
+}
+function getViewportRect(win, opts) {
+	const { excludeScrollbar = false } = opts;
+	const { innerWidth, innerHeight, document: doc, visualViewport } = win;
+	const rect = {
+		x: 0,
+		y: 0,
+		width: visualViewport?.width || innerWidth,
+		height: visualViewport?.height || innerHeight
+	};
+	if (excludeScrollbar) {
+		const scrollbarWidth = innerWidth - doc.documentElement.clientWidth;
+		const scrollbarHeight = innerHeight - doc.documentElement.clientHeight;
+		rect.width -= scrollbarWidth;
+		rect.height -= scrollbarHeight;
+	}
+	return rect;
+}
+//#endregion
+Object.defineProperty(exports, "clampPoint", {
+	enumerable: true,
+	get: function() {
+		return clampPoint;
+	}
+});
+Object.defineProperty(exports, "clampSize", {
+	enumerable: true,
+	get: function() {
+		return clampSize;
+	}
+});
+Object.defineProperty(exports, "constrainRect", {
+	enumerable: true,
+	get: function() {
+		return constrainRect;
+	}
+});
+Object.defineProperty(exports, "getViewportRect", {
+	enumerable: true,
+	get: function() {
+		return getViewportRect;
+	}
+});
+Object.defineProperty(exports, "getWindowRect", {
+	enumerable: true,
+	get: function() {
+		return getWindowRect;
+	}
+});
+Object.defineProperty(exports, "isPointEqual", {
+	enumerable: true,
+	get: function() {
+		return isPointEqual;
+	}
+});
+Object.defineProperty(exports, "isRectEqual", {
+	enumerable: true,
+	get: function() {
+		return isRectEqual;
+	}
+});
+Object.defineProperty(exports, "isSizeEqual", {
+	enumerable: true,
+	get: function() {
+		return isSizeEqual;
+	}
+});

package/dist/functions-isw5Ovcx.d.cts

@@ -0,0 +1,16 @@
+//#region src/common/utils/functions.d.ts
+type MaybeFunction<T> = T | (() => T);
+type Nullable<T> = T | null | undefined;
+declare const runIfFn: <T>(v: T | undefined, ...a: T extends ((...a: any[]) => void) ? Parameters<T> : never) => T extends ((...a: any[]) => void) ? NonNullable<ReturnType<T>> : NonNullable<T>;
+declare const cast: <T>(v: unknown) => T;
+declare const identity: (v: VoidFunction) => void;
+declare const noop: () => void;
+declare const callAll: <T extends (...a: any[]) => void>(...fns: (T | null | undefined)[]) => (...a: Parameters<T>) => void;
+declare const uuid: () => string;
+declare function match<V extends string | number = string, R = unknown>(key: V, record: Record<V, R | ((...args: any[]) => R)>, ...args: any[]): R;
+declare const tryCatch: <R>(fn: () => R, fallback: () => R) => R;
+declare function throttle<T extends (...args: any[]) => void>(fn: T, wait?: number): T;
+declare function debounce<T extends (...args: any[]) => void>(fn: T, wait?: number): T;
+declare const hash: (value: string) => string;
+//#endregion
+export { debounce as a, match as c, throttle as d, tryCatch as f, cast as i, noop as l, Nullable as n, hash as o, uuid as p, callAll as r, identity as s, MaybeFunction as t, runIfFn as u };

package/dist/functions-isw5Ovcx.d.ts

@@ -0,0 +1,16 @@
+//#region src/common/utils/functions.d.ts
+type MaybeFunction<T> = T | (() => T);
+type Nullable<T> = T | null | undefined;
+declare const runIfFn: <T>(v: T | undefined, ...a: T extends ((...a: any[]) => void) ? Parameters<T> : never) => T extends ((...a: any[]) => void) ? NonNullable<ReturnType<T>> : NonNullable<T>;
+declare const cast: <T>(v: unknown) => T;
+declare const identity: (v: VoidFunction) => void;
+declare const noop: () => void;
+declare const callAll: <T extends (...a: any[]) => void>(...fns: (T | null | undefined)[]) => (...a: Parameters<T>) => void;
+declare const uuid: () => string;
+declare function match<V extends string | number = string, R = unknown>(key: V, record: Record<V, R | ((...args: any[]) => R)>, ...args: any[]): R;
+declare const tryCatch: <R>(fn: () => R, fallback: () => R) => R;
+declare function throttle<T extends (...args: any[]) => void>(fn: T, wait?: number): T;
+declare function debounce<T extends (...args: any[]) => void>(fn: T, wait?: number): T;
+declare const hash: (value: string) => string;
+//#endregion
+export { debounce as a, match as c, throttle as d, tryCatch as f, cast as i, noop as l, Nullable as n, hash as o, uuid as p, callAll as r, identity as s, MaybeFunction as t, runIfFn as u };

package/dist/highlight-word.cjs

@@ -0,0 +1,95 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/common/highlight-word/escape-regex.ts
+const escapeRegex = (term) => term.replace(/[|\\{}()[\]^$+*?.-]/g, (char) => `\\${char}`);
+//#endregion
+//#region src/common/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/common/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 = match.index;
+		return normalizeSpan([{
+			start,
+			end: start + 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/common/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/common/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
+exports.highlightWord = highlightWord;

package/dist/highlight-word.d.cts

@@ -0,0 +1,24 @@
+//#region src/common/highlight-word/types.d.ts
+interface HighlightRegexOptions {
+  ignoreCase?: boolean | undefined;
+  matchAll?: boolean | undefined;
+  exactMatch?: boolean | undefined;
+}
+interface HighlightWordProps extends HighlightRegexOptions {
+  text: string;
+  query: string | string[];
+}
+interface HighlightChunk {
+  text: string;
+  match: boolean;
+}
+interface HighlightSpan {
+  start: number;
+  end: number;
+  match?: boolean | undefined;
+}
+//#endregion
+//#region src/common/highlight-word/highlight.d.ts
+declare const highlightWord: (props: HighlightWordProps) => HighlightChunk[];
+//#endregion
+export { type HighlightChunk, type HighlightSpan, type HighlightWordProps, highlightWord };

package/dist/highlight-word.d.ts

@@ -0,0 +1,24 @@
+//#region src/common/highlight-word/types.d.ts
+interface HighlightRegexOptions {
+  ignoreCase?: boolean | undefined;
+  matchAll?: boolean | undefined;
+  exactMatch?: boolean | undefined;
+}
+interface HighlightWordProps extends HighlightRegexOptions {
+  text: string;
+  query: string | string[];
+}
+interface HighlightChunk {
+  text: string;
+  match: boolean;
+}
+interface HighlightSpan {
+  start: number;
+  end: number;
+  match?: boolean | undefined;
+}
+//#endregion
+//#region src/common/highlight-word/highlight.d.ts
+declare const highlightWord: (props: HighlightWordProps) => HighlightChunk[];
+//#endregion
+export { type HighlightChunk, type HighlightSpan, type HighlightWordProps, highlightWord };

package/dist/highlight-word.js

@@ -0,0 +1,94 @@
+//#region src/common/highlight-word/escape-regex.ts
+const escapeRegex = (term) => term.replace(/[|\\{}()[\]^$+*?.-]/g, (char) => `\\${char}`);
+//#endregion
+//#region src/common/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/common/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 = match.index;
+		return normalizeSpan([{
+			start,
+			end: start + 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/common/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/common/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 };