@marianmeres/stuic 2.0.0-next.4 → 2.0.2

package/dist/utils/event-emitter.js

@@ -0,0 +1,40 @@
+/** Sugar, Ah, Honey, Honey... */
+export class EventEmitter extends EventTarget {
+    #abortController = new AbortController();
+    constructor() {
+        super();
+    }
+    /** Overriding so we can use removeAll (via the abortController) later... */
+    addEventListener(type, listener, // fuck it (we would need 3 signatures)
+    options = {}) {
+        // normalize opts (for the `once` shorthand)
+        options = typeof options === "boolean" ? { capture: options } : options;
+        // make sure to always add abort signal
+        options = { ...options, signal: this.#abortController.signal };
+        super.addEventListener(type, listener, options);
+    }
+    /** Yeah! */
+    removeAllListeners() {
+        this.#abortController.abort();
+        this.#abortController = new AbortController(); // reset for future listeners
+    }
+    /** Alias for dispatchEvent(CustomEvent) */
+    emit(eventName, detail = null) {
+        this.dispatchEvent(new CustomEvent(eventName, { detail }));
+    }
+    /** Alias for addEventListener */
+    on(eventName, listener, options) {
+        this.addEventListener(eventName, listener, options);
+        return () => this.removeEventListener(eventName, listener);
+    }
+    /** Alias for removeEventListener */
+    off(eventName, listener) {
+        this.removeEventListener(eventName, listener);
+        return this;
+    }
+    /** Alias for addEventListener with once flag */
+    once(eventName, listener) {
+        this.addEventListener(eventName, listener, { once: true });
+        return () => this.removeEventListener(eventName, listener);
+    }
+}

package/dist/utils/index.d.ts

@@ -1,6 +1,8 @@
 export * from "./breakpoint.svelte.js";
 export * from "./debounce.js";
 export * from "./device-pointer.svelte.js";
+export * from "./escape-regex.js";
+export * from "./event-emitter.js";
 export * from "./event-modifiers.js";
 export * from "./get-id.js";
 export * from "./is-browser.js";
@@ -12,6 +14,8 @@ export * from "./paint.js";
 export * from "./persistent-state.svelte.js";
 export * from "./prefers-reduced-motion.svelte.js";
 export * from "./qsa.js";
+export * from "./replace-map.js";
+export * from "./seconds.js";
 export * from "./sleep.js";
 export * from "./storage-abstraction.js";
 export * from "./str-hash.js";
@@ -19,3 +23,4 @@ export * from "./throttle.js";
 export * from "./tr.js";
 export * from "./tw-merge.js";
 export * from "./ucfirst.js";
+export * from "./unaccent.js";

package/dist/utils/index.js

@@ -1,6 +1,8 @@
 export * from "./breakpoint.svelte.js";
 export * from "./debounce.js";
 export * from "./device-pointer.svelte.js";
+export * from "./escape-regex.js";
+export * from "./event-emitter.js";
 export * from "./event-modifiers.js";
 export * from "./get-id.js";
 export * from "./is-browser.js";
@@ -12,6 +14,8 @@ export * from "./paint.js";
 export * from "./persistent-state.svelte.js";
 export * from "./prefers-reduced-motion.svelte.js";
 export * from "./qsa.js";
+export * from "./replace-map.js";
+export * from "./seconds.js";
 export * from "./sleep.js";
 export * from "./storage-abstraction.js";
 export * from "./str-hash.js";
@@ -19,3 +23,4 @@ export * from "./throttle.js";
 export * from "./tr.js";
 export * from "./tw-merge.js";
 export * from "./ucfirst.js";
+export * from "./unaccent.js";

package/dist/utils/is-plain-object.d.ts

@@ -0,0 +1,2 @@
+/** Checks if value is a plain object */
+export declare function isPlainObject(v: any): boolean;

package/dist/utils/is-plain-object.js

@@ -0,0 +1,4 @@
+/** Checks if value is a plain object */
+export function isPlainObject(v) {
+    return (v !== null && typeof v === "object" && [undefined, Object].includes(v.constructor));
+}

package/dist/utils/replace-map.d.ts

@@ -0,0 +1,5 @@
+/** Will replace all keys from k-v pair map with corresponding value  */
+export declare function replaceMap(str: string, replacementMap: Record<string, string | CallableFunction>, options?: Partial<{
+    ignoreCase: boolean;
+    preSearchKeyTransform: (k: string) => string;
+}>): string;

package/dist/utils/replace-map.js

@@ -0,0 +1,22 @@
+import { escapeRegex } from "./escape-regex.js";
+/** Will replace all keys from k-v pair map with corresponding value  */
+export function replaceMap(str, replacementMap, options = {}) {
+    let result = str;
+    const { ignoreCase = true, 
+    // adding mustache like {{key}} identifiers by default
+    preSearchKeyTransform = (k) => `{{${k}}}`, } = options || {};
+    const keys = Object.keys(replacementMap);
+    // sort keys by length (longest first) to avoid partial replacements
+    // e.g., if we have keys "cat" and "category", we want to replace "category" first
+    keys.sort((a, b) => b.length - a.length);
+    // Replace each key with its corresponding value
+    for (const key of keys) {
+        const value = typeof replacementMap[key] === "function"
+            ? replacementMap[key]()
+            : replacementMap[key];
+        const needle = preSearchKeyTransform(key);
+        const regex = new RegExp(escapeRegex(needle), ignoreCase ? "gi" : "g");
+        result = result.replace(regex, value);
+    }
+    return result;
+}

package/dist/utils/seconds.d.ts

@@ -0,0 +1,7 @@
+export declare function convertSeconds(totalSeconds: number): {
+    days: number;
+    hours: number;
+    minutes: number;
+    seconds: number;
+};
+export declare function formatDuration(totalSeconds: number): string;

package/dist/utils/seconds.js

@@ -0,0 +1,35 @@
+export function convertSeconds(totalSeconds) {
+    if (totalSeconds < 0) {
+        throw new Error("Seconds cannot be negative");
+    }
+    if (!Number.isInteger(totalSeconds)) {
+        totalSeconds = Math.floor(totalSeconds);
+    }
+    const days = Math.floor(totalSeconds / 86400);
+    const hours = Math.floor((totalSeconds % 86400) / 3600);
+    const minutes = Math.floor((totalSeconds % 3600) / 60);
+    const seconds = totalSeconds % 60;
+    return {
+        days,
+        hours,
+        minutes,
+        seconds,
+    };
+}
+export function formatDuration(totalSeconds) {
+    const time = convertSeconds(totalSeconds);
+    const parts = [];
+    if (time.days > 0) {
+        parts.push(`${time.days} day${time.days !== 1 ? "s" : ""}`);
+    }
+    if (time.hours > 0) {
+        parts.push(`${time.hours} hour${time.hours !== 1 ? "s" : ""}`);
+    }
+    if (time.minutes > 0) {
+        parts.push(`${time.minutes} minute${time.minutes !== 1 ? "s" : ""}`);
+    }
+    if (time.seconds > 0) {
+        parts.push(`${time.seconds} second${time.seconds !== 1 ? "s" : ""}`);
+    }
+    return parts.length > 0 ? parts.join(", ") : "0 seconds";
+}

package/dist/utils/tw-merge.d.ts

@@ -6,5 +6,7 @@ export declare function clsClean(s: ClassNameValue): string;
 /**
  * twMerge does not seem to handle "\r", "\n" and/or "\t" within the input strings correctly,
  * so we need to do the cleanup ourselves
+ *
+ * Note: adding clsx preprocess, so we can accept nested/arrays as well (should we need it)
  */
 export declare function twMerge(...args: ClassNameValue[]): string;

package/dist/utils/tw-merge.js

@@ -1,4 +1,5 @@
 import { twMerge as _twMerge } from "tailwind-merge";
+import { clsx } from "clsx";
 /**
  * Normalizes and dedupes whitespaces
  */
@@ -10,7 +11,10 @@ export function clsClean(s) {
 /**
  * twMerge does not seem to handle "\r", "\n" and/or "\t" within the input strings correctly,
  * so we need to do the cleanup ourselves
+ *
+ * Note: adding clsx preprocess, so we can accept nested/arrays as well (should we need it)
  */
 export function twMerge(...args) {
+    // return _twMerge(...args.map(clsx).filter(Boolean).map(clsClean));
     return _twMerge(...args.map(clsClean));
 }

package/dist/utils/unaccent.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Uses Unicode normalization form "NFD" (Normalization Form Decomposition) which separates
+ * characters with diacritical marks into their base character plus the combining diacritical
+ * mark. And then removes (replaces with "") those diacritical marks.
+ */
+export declare function unaccent(input: string): string;

package/dist/utils/unaccent.js

@@ -0,0 +1,8 @@
+/**
+ * Uses Unicode normalization form "NFD" (Normalization Form Decomposition) which separates
+ * characters with diacritical marks into their base character plus the combining diacritical
+ * mark. And then removes (replaces with "") those diacritical marks.
+ */
+export function unaccent(input) {
+    return `${input}`.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+}

package/package.json

@@ -1,67 +1,71 @@
 {
-  "name": "@marianmeres/stuic",
-  "version": "2.0.0-next.4",
-  "files": [
-    "dist",
-    "!dist/**/*.test.*",
-    "!dist/**/*.spec.*"
-  ],
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "svelte": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "type": "module",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "svelte": "./dist/index.js"
-    }
-  },
-  "peerDependencies": {
-    "svelte": "^5.0.0"
-  },
-  "devDependencies": {
-    "@marianmeres/icons-fns": "^4.3.1",
-    "@marianmeres/random-human-readable": "^1.6.1",
-    "@sveltejs/adapter-auto": "^4.0.0",
-    "@sveltejs/kit": "^2.21.1",
-    "@sveltejs/package": "^2.3.11",
-    "@sveltejs/vite-plugin-svelte": "^5.0.3",
-    "@tailwindcss/cli": "^4.1.8",
-    "@tailwindcss/forms": "^0.5.10",
-    "@tailwindcss/typography": "^0.5.16",
-    "@tailwindcss/vite": "^4.1.8",
-    "dotenv": "^16.5.0",
-    "prettier": "^3.5.3",
-    "prettier-plugin-svelte": "^3.4.0",
-    "publint": "^0.3.12",
-    "svelte": "^5.33.10",
-    "svelte-check": "^4.2.1",
-    "tailwindcss": "^4.1.8",
-    "typescript": "^5.8.3",
-    "vite": "^6.3.5",
-    "vitest": "^3.1.4"
-  },
-  "dependencies": {
-    "@marianmeres/clog": "^2.2.3",
-    "@marianmeres/item-collection": "^1.2.14",
-    "@marianmeres/parse-boolean": "^1.1.7",
-    "@marianmeres/ticker": "^1.15.0",
-    "esm-env": "^1.2.2",
-    "runed": "^0.23.4",
-    "tailwind-merge": "^3.3.0"
-  },
-  "scripts": {
-    "dev": "vite dev",
-    "build": "vite build && npm run prepack",
-    "preview": "vite preview",
-    "package": "npm run prepack",
-    "package:watch": "svelte-kit sync && svelte-package --watch && publint",
-    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-    "format": "prettier --write .",
-    "lint": "prettier --check .",
-    "test": "vitest --dir src/"
-  }
-}
+	"name": "@marianmeres/stuic",
+	"version": "2.0.2",
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build && npm run prepack",
+		"preview": "vite preview",
+		"prepare": "svelte-kit sync || echo ''",
+		"prepack": "svelte-kit sync && svelte-package && publint",
+		"package": "npm run prepack",
+		"package:watch": "svelte-kit sync && svelte-package --watch && publint",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"format": "prettier --write .",
+		"lint": "prettier --check .",
+		"test": "vitest --dir src/"
+	},
+	"files": [
+		"dist",
+		"!dist/**/*.test.*",
+		"!dist/**/*.spec.*"
+	],
+	"sideEffects": [
+		"**/*.css"
+	],
+	"svelte": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"type": "module",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"svelte": "./dist/index.js"
+		}
+	},
+	"peerDependencies": {
+		"svelte": "^5.0.0"
+	},
+	"devDependencies": {
+		"@marianmeres/icons-fns": "^4.3.1",
+		"@marianmeres/random-human-readable": "^1.6.1",
+		"@sveltejs/adapter-auto": "^4.0.0",
+		"@sveltejs/kit": "^2.36.1",
+		"@sveltejs/package": "^2.5.0",
+		"@sveltejs/vite-plugin-svelte": "^5.1.1",
+		"@tailwindcss/cli": "^4.1.12",
+		"@tailwindcss/forms": "^0.5.10",
+		"@tailwindcss/typography": "^0.5.16",
+		"@tailwindcss/vite": "^4.1.12",
+		"dotenv": "^16.6.1",
+		"prettier": "^3.6.2",
+		"prettier-plugin-svelte": "^3.4.0",
+		"publint": "^0.3.12",
+		"svelte": "^5.38.2",
+		"svelte-check": "^4.3.1",
+		"tailwindcss": "^4.1.12",
+		"typescript": "^5.9.2",
+		"vite": "^6.3.5",
+		"vitest": "^3.2.4"
+	},
+	"packageManager": "pnpm@10.4.1+sha512.c753b6c3ad7afa13af388fa6d808035a008e30ea9993f58c6663e2bc5ff21679aa834db094987129aa4d488b86df57f7b634981b2f827cdcacc698cc0cfb88af",
+	"dependencies": {
+		"@marianmeres/clog": "^2.3.3",
+		"@marianmeres/item-collection": "^1.2.19",
+		"@marianmeres/parse-boolean": "^1.1.7",
+		"@marianmeres/ticker": "^1.15.0",
+		"clsx": "^2.1.1",
+		"esm-env": "^1.2.2",
+		"runed": "^0.23.4",
+		"tailwind-merge": "^3.3.1"
+	}
+}

package/dist/components/ColResize/ColResize.svelte.d.ts

@@ -1,26 +0,0 @@
-export default ColResize;
-type ColResize = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
-};
-declare const ColResize: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}