uraniyum 1.0.4 → 1.0.6

package/dist/index.esm.js

@@ -1,20 +1,47 @@
-function state(initial) {
-    let value = initial;
-    const listeners = [];
-    const set = (newValue) => {
-        value = newValue;
-        listeners.forEach(fn => fn(value));
-    };
-    const get = () => value;
-    const subscribe = (fn) => {
-        listeners.push(fn);
-        return () => {
-            const index = listeners.indexOf(fn);
-            if (index > -1)
-                listeners.splice(index, 1);
-        };
+let currentEffect = null;
+function track(st) {
+    if (currentEffect) {
+        st.subs.add(currentEffect);
+        currentEffect.deps.add(st);
+    }
+}
+function cleanup(effect) {
+    for (const d of effect.deps)
+        d.subs.delete(effect);
+    effect.deps.clear();
+}
+function State(v) {
+    const st = {
+        subs: new Set(),
+        get val() {
+            track(st);
+            return v;
+        },
+        set val(nv) {
+            if (nv === v)
+                return;
+            v = nv;
+            for (const fn of Array.from(st.subs)) {
+                fn();
+            }
+        },
     };
-    return { get, set, subscribe };
+    return st;
+}
+function Derive(fn) {
+    const effect = (() => {
+        cleanup(effect);
+        currentEffect = effect;
+        try {
+            fn();
+        }
+        finally {
+            currentEffect = null;
+        }
+    });
+    effect.deps = new Set();
+    effect();
+    return effect;
 }
 
 const tags = new Proxy({}, {
@@ -41,7 +68,6 @@ const tags = new Proxy({}, {
 });
 
 function router(routes) {
-    const container = document.createElement("div");
     const routePatterns = [];
     for (const path in routes) {
         const keys = [];
@@ -56,7 +82,6 @@ function router(routes) {
     }
     const renderRoute = () => {
         const path = window.location.pathname;
-        let matched = false;
         for (const { regex, keys, handler } of routePatterns) {
             const match = path.match(regex);
             if (match) {
@@ -64,22 +89,24 @@ function router(routes) {
                 keys.forEach((key, i) => {
                     params[key] = match[i + 1];
                 });
-                container.innerHTML = "";
-                container.appendChild(handler(params));
-                matched = true;
-                break;
+                return handler(params);
             }
         }
-        if (!matched && routes["*"]) {
-            container.innerHTML = "";
-            container.appendChild(routes["*"]());
+        if (routes["*"]) {
+            return routes["*"]();
         }
+        throw new Error("No route matched and no fallback provided");
+    };
+    const onPopState = () => {
+        const el = renderRoute();
+        document.body.innerHTML = "";
+        document.body.appendChild(el);
     };
-    window.addEventListener("popstate", renderRoute);
-    renderRoute();
+    window.addEventListener("popstate", onPopState);
+    const initialEl = renderRoute();
+    document.body.appendChild(initialEl);
     return {
-        render: renderRoute,
-        element: container
+        render: onPopState
     };
 }
 
@@ -229,5 +256,5 @@ function mergeStyleSets(...sets) {
     return makeStyles(merged)();
 }
 
-export { add, makeStyles, mergeClasses, mergeStyleSets, router, state, tags };
+export { Derive, State, add, makeStyles, mergeClasses, mergeStyleSets, router, tags };
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../src/state.ts","../src/tags.ts","../src/router.ts","../src/helpers.ts","../src/styles.ts"],"sourcesContent":["export function state<T>(initial: T) {\r\n    let value = initial\r\n    const listeners: Function[] = []\r\n\r\n    const set = (newValue: T) => {\r\n        value = newValue\r\n        listeners.forEach(fn => fn(value))\r\n    }\r\n\r\n    const get = () => value\r\n\r\n    const subscribe = (fn: Function) => {\r\n        listeners.push(fn)\r\n        return () => {\r\n            const index = listeners.indexOf(fn)\r\n            if (index > -1) listeners.splice(index, 1)\r\n        }\r\n    }\r\n\r\n    return { get, set, subscribe }\r\n}","export const tags = new Proxy({}, {\r\n    get(_, tag: string) {\r\n        return (attrsOrChild?: any, ...children: any[]) => {\r\n            const el = document.createElement(tag)\r\n            if (attrsOrChild && typeof attrsOrChild === 'object' && !Array.isArray(attrsOrChild) && !(attrsOrChild instanceof Node)) {\r\n                for (const [k, v] of Object.entries(attrsOrChild)) {\r\n                    el.setAttribute(k, v as string)\r\n                }\r\n            } else if (attrsOrChild != null) {\r\n                children.unshift(attrsOrChild)\r\n            }\r\n\r\n            for (const child of children.flat()) {\r\n                if (child instanceof Node) el.appendChild(child)\r\n                else el.appendChild(document.createTextNode(String(child)))\r\n            }\r\n            return el\r\n        }\r\n    }\r\n})","type RouteHandler = (params?: Record<string, string>) => HTMLElement\r\n\r\nexport function router(routes: Record<string, RouteHandler>) {\r\n    const container = document.createElement(\"div\")\r\n    const routePatterns: {\r\n        regex: RegExp\r\n        keys: string[]\r\n        handler: RouteHandler\r\n    }[] = []\r\n\r\n    for (const path in routes) {\r\n        const keys: string[] = []\r\n        const pattern = path\r\n            .replace(/\\/:[^\\/]+/g, (match) => {\r\n                keys.push(match.slice(2))\r\n                return \"/([^/]+)\"\r\n            })\r\n            .replace(/\\*/g, \".*\")\r\n        const regex = new RegExp(`^${pattern}$`)\r\n        routePatterns.push({ regex, keys, handler: routes[path] })\r\n    }\r\n\r\n    const renderRoute = () => {\r\n        const path = window.location.pathname\r\n        let matched = false\r\n\r\n        for (const { regex, keys, handler } of routePatterns) {\r\n            const match = path.match(regex)\r\n            if (match) {\r\n                const params: Record<string, string> = {}\r\n                keys.forEach((key, i) => {\r\n                    params[key] = match[i + 1]\r\n                })\r\n                container.innerHTML = \"\"\r\n                container.appendChild(handler(params))\r\n                matched = true\r\n                break\r\n            }\r\n        }\r\n\r\n        if (!matched && routes[\"*\"]) {\r\n            container.innerHTML = \"\"\r\n            container.appendChild(routes[\"*\"]())\r\n        }\r\n    }\r\n\r\n    window.addEventListener(\"popstate\", renderRoute)\r\n    renderRoute()\r\n\r\n    return {\r\n        render: renderRoute,\r\n        element: container\r\n    }\r\n}\r\n","type Component =\r\n    | (() => HTMLElement)\r\n    | { render: () => void; element: HTMLElement };\r\n\r\nexport function add(component: Component) {\r\n    if (typeof component === \"function\") {\r\n        const el = component();\r\n        if (!(el instanceof HTMLElement)) {\r\n            throw new Error(\"Component function must return an HTMLElement\");\r\n        }\r\n        document.body.appendChild(el);\r\n        return;\r\n    }\r\n\r\n    if (\"render\" in component && typeof component.render === \"function\") {\r\n        if (!(component.element instanceof HTMLElement)) {\r\n            throw new Error(\"Component object must have an HTMLElement in .element\");\r\n        }\r\n        document.body.appendChild(component.element);\r\n        component.render();\r\n        return;\r\n    }\r\n\r\n    throw new Error(\"Invalid component passed to add()\");\r\n}\r\n","export type CSSValue = string | number | (() => string | number);\r\nexport interface CSSProperties {\r\n    [key: string]: CSSValue | CSSProperties;\r\n}\r\nexport type StyleRule = CSSProperties & {\r\n    ':hover'?: CSSProperties;\r\n    ':focus'?: CSSProperties;\r\n    ':active'?: CSSProperties;\r\n    ':disabled'?: CSSProperties;\r\n    [key: string]: any;\r\n};\r\nexport type StylesMap<T extends Record<string, any> = {}> = {\r\n    [K in keyof T]: StyleRule;\r\n};\r\nexport type ClassNames<T extends Record<string, any>> = { [K in keyof T]: string };\r\n\r\nconst styleCache = new Map<string, string>();\r\nconst keyframeCache = new Map<string, string>();\r\nlet styleElement: HTMLStyleElement | null = null;\r\n\r\nconst ALLOWED_PREFIXES = [\r\n    'root', 'button', 'icon', 'text', 'container', 'wrapper',\r\n    'card', 'header', 'section'\r\n];\r\n\r\nfunction ensureStyleElement() {\r\n    if (!styleElement) {\r\n        styleElement = document.createElement('style');\r\n        styleElement.id = 'styles';\r\n        document.head.appendChild(styleElement);\r\n    }\r\n    return styleElement;\r\n}\r\n\r\nfunction hashString(str: string): string {\r\n    let hash = 5381;\r\n    for (let i = 0; i < str.length; i++) hash = (hash * 33) ^ str.charCodeAt(i);\r\n    return (hash >>> 0).toString(36);\r\n}\r\n\r\nconst kebabCache = new Map<string, string>();\r\nfunction camelToKebab(str: string): string {\r\n    if (!kebabCache.has(str)) {\r\n        kebabCache.set(str, str.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase());\r\n    }\r\n    return kebabCache.get(str)!;\r\n}\r\n\r\nfunction stringifyDecls(props: CSSProperties, keyframes: Map<string, string>): string {\r\n    const out: string[] = [];\r\n    for (const [key, raw] of Object.entries(props)) {\r\n        if (raw == null || typeof raw === \"object\") continue;\r\n        let val = typeof raw === \"function\" ? raw() : raw;\r\n\r\n        if (typeof val === \"string\") {\r\n            for (const [orig, uniq] of keyframes) {\r\n                val = val.replaceAll(`$${orig}`, uniq);\r\n            }\r\n        }\r\n        out.push(`${camelToKebab(key)}:${val}`);\r\n    }\r\n    return out.join(\";\");\r\n}\r\n\r\nconst KEYFRAMES_REGEX = /^@keyframes /;\r\n\r\nfunction registerKeyframes(name: string, frames: Record<string, CSSProperties>): string {\r\n    const hash = hashString(name + JSON.stringify(frames));\r\n    const unique = `${name}-${hash}`;\r\n\r\n    if (keyframeCache.has(unique)) return unique;\r\n\r\n    const rules = Object.entries(frames)\r\n        .map(([step, styles]) => `${step}{${stringifyDecls(styles, new Map())}}`)\r\n        .join(\"\");\r\n\r\n    ensureStyleElement().appendChild(\r\n        document.createTextNode(`@keyframes ${unique}{${rules}}\\n`)\r\n    );\r\n    keyframeCache.set(unique, unique);\r\n    return unique;\r\n}\r\n\r\nfunction buildRules(className: string, rule: StyleRule, keyframes: Map<string, string>): string[] {\r\n    const rules: string[] = [];\r\n    const base: CSSProperties = {};\r\n\r\n    for (const [key, val] of Object.entries(rule)) {\r\n        if (KEYFRAMES_REGEX.test(key)) continue;\r\n\r\n        if (key.startsWith(':') && typeof val === \"object\") {\r\n            rules.push(`.${className}${key}{${stringifyDecls(val, keyframes)}}`);\r\n        }\r\n        else if (key.startsWith('@media') && typeof val === \"object\") {\r\n            rules.push(`${key}{.${className}{${stringifyDecls(val, keyframes)}}}`);\r\n        }\r\n        else if (key.includes('&') && typeof val === \"object\") {\r\n            const selector = key.replaceAll(\"&\", `.${className}`);\r\n            rules.push(`${selector}{${stringifyDecls(val, keyframes)}}`);\r\n        }\r\n        else if (!key.startsWith('@')) {\r\n            base[key] = val;\r\n        }\r\n    }\r\n\r\n    if (Object.keys(base).length > 0) {\r\n        rules.push(`.${className}{${stringifyDecls(base, keyframes)}}`);\r\n    }\r\n\r\n    return rules;\r\n}\r\n\r\nexport function makeStyles<T extends StylesMap>(styles: T) {\r\n    return () => {\r\n        const classNames = {} as ClassNames<T>;\r\n        const collectedRules: string[] = [];\r\n        const keyframesMap = new Map<string, string>();\r\n\r\n        for (const [key, val] of Object.entries(styles)) {\r\n            if (KEYFRAMES_REGEX.test(key)) {\r\n                const name = key.replace('@keyframes ', '');\r\n                const unique = registerKeyframes(name, val as any);\r\n                keyframesMap.set(name, unique);\r\n            }\r\n        }\r\n\r\n        for (const [slot, rule] of Object.entries(styles)) {\r\n            if (KEYFRAMES_REGEX.test(slot)) continue;\r\n\r\n            const hash = hashString(JSON.stringify(rule));\r\n            const className =\r\n                ALLOWED_PREFIXES.includes(slot) ? `${slot}-${hash}` : `css-${hash}`;\r\n\r\n            if (!styleCache.has(className)) {\r\n                const rules = buildRules(className, rule as StyleRule, keyframesMap);\r\n                collectedRules.push(...rules);\r\n                styleCache.set(className, className);\r\n            }\r\n\r\n            classNames[slot as keyof T] = className;\r\n        }\r\n\r\n        if (collectedRules.length) {\r\n            const el = ensureStyleElement();\r\n            for (const r of collectedRules) el.appendChild(document.createTextNode(r + \"\\n\"));\r\n        }\r\n\r\n        return classNames;\r\n    };\r\n}\r\n\r\nexport const mergeClasses = (...classes: (string | undefined | null | false)[]) =>\r\n    classes.filter(Boolean).join(\" \");\r\n\r\nexport function mergeStyleSets<T extends StylesMap>(...sets: (T | undefined)[]) {\r\n    const merged: any = {};\r\n    for (const set of sets) {\r\n        if (!set) continue;\r\n        for (const k in set) {\r\n            merged[k] = { ...(merged[k] || {}), ...set[k] };\r\n        }\r\n    }\r\n    return makeStyles(merged)();\r\n}"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../src/state.ts","../src/tags.ts","../src/router.ts","../src/helpers.ts","../src/styles.ts"],"sourcesContent":["export type Effect = (() => void) & { deps: Set<State<any>> };\r\n\r\nexport interface State<T> {\r\n    subs: Set<Effect | (() => void)>;\r\n    val: T;\r\n}\r\n\r\nfunction isState<T = any>(x: unknown): x is State<T> {\r\n    return typeof x === \"object\" && x !== null && \"subs\" in x && \"val\" in x;\r\n}\r\n\r\nlet currentEffect: Effect | null = null;\r\n\r\nfunction track<T>(st: State<T>): void {\r\n    if (currentEffect) {\r\n        st.subs.add(currentEffect);\r\n        currentEffect.deps.add(st);\r\n    }\r\n}\r\n\r\nfunction cleanup(effect: Effect): void {\r\n    for (const d of effect.deps) d.subs.delete(effect);\r\n    effect.deps.clear();\r\n}\r\n\r\nexport function State<T>(v: T): State<T> {\r\n    const st = {\r\n        subs: new Set<Effect | (() => void)>(),\r\n        get val() {\r\n            track(st);\r\n            return v;\r\n        },\r\n        set val(nv: T) {\r\n            if (nv === v) return;\r\n            v = nv;\r\n            for (const fn of Array.from(st.subs)) {\r\n                (fn as (() => void))();\r\n            }\r\n        },\r\n    } as State<T>;\r\n    return st;\r\n}\r\n\r\nexport function Derive(fn: () => void): Effect {\r\n    const effect = (() => {\r\n        cleanup(effect);\r\n        currentEffect = effect;\r\n        try {\r\n            fn();\r\n        } finally {\r\n            currentEffect = null;\r\n        }\r\n    }) as Effect;\r\n    effect.deps = new Set();\r\n    effect();\r\n    return effect;\r\n}\r\n","export const tags = new Proxy({}, {\r\n    get(_, tag: string) {\r\n        return (attrsOrChild?: any, ...children: any[]) => {\r\n            const el = document.createElement(tag)\r\n            if (attrsOrChild && typeof attrsOrChild === 'object' && !Array.isArray(attrsOrChild) && !(attrsOrChild instanceof Node)) {\r\n                for (const [k, v] of Object.entries(attrsOrChild)) {\r\n                    el.setAttribute(k, v as string)\r\n                }\r\n            } else if (attrsOrChild != null) {\r\n                children.unshift(attrsOrChild)\r\n            }\r\n\r\n            for (const child of children.flat()) {\r\n                if (child instanceof Node) el.appendChild(child)\r\n                else el.appendChild(document.createTextNode(String(child)))\r\n            }\r\n            return el\r\n        }\r\n    }\r\n})","type RouteHandler = (params?: Record<string, string>) => HTMLElement;\r\n\r\nexport function router(routes: Record<string, RouteHandler>) {\r\n    const routePatterns: {\r\n        regex: RegExp;\r\n        keys: string[];\r\n        handler: RouteHandler;\r\n    }[] = [];\r\n\r\n    for (const path in routes) {\r\n        const keys: string[] = [];\r\n        const pattern = path\r\n            .replace(/\\/:[^\\/]+/g, (match) => {\r\n                keys.push(match.slice(2));\r\n                return \"/([^/]+)\";\r\n            })\r\n            .replace(/\\*/g, \".*\");\r\n        const regex = new RegExp(`^${pattern}$`);\r\n        routePatterns.push({ regex, keys, handler: routes[path] });\r\n    }\r\n\r\n    const renderRoute = (): HTMLElement => {\r\n        const path = window.location.pathname;\r\n\r\n        for (const { regex, keys, handler } of routePatterns) {\r\n            const match = path.match(regex);\r\n            if (match) {\r\n                const params: Record<string, string> = {};\r\n                keys.forEach((key, i) => {\r\n                    params[key] = match[i + 1];\r\n                });\r\n                return handler(params);\r\n            }\r\n        }\r\n\r\n        if (routes[\"*\"]) {\r\n            return routes[\"*\"]();\r\n        }\r\n\r\n        throw new Error(\"No route matched and no fallback provided\");\r\n    };\r\n\r\n    const onPopState = () => {\r\n        const el = renderRoute();\r\n        document.body.innerHTML = \"\";\r\n        document.body.appendChild(el);\r\n    };\r\n    window.addEventListener(\"popstate\", onPopState);\r\n\r\n    const initialEl = renderRoute();\r\n    document.body.appendChild(initialEl);\r\n\r\n    return {\r\n        render: onPopState\r\n    };\r\n}","type Component =\r\n    | (() => HTMLElement)\r\n    | { render: () => void; element: HTMLElement };\r\n\r\nexport function add(component: Component) {\r\n    if (typeof component === \"function\") {\r\n        const el = component();\r\n        if (!(el instanceof HTMLElement)) {\r\n            throw new Error(\"Component function must return an HTMLElement\");\r\n        }\r\n        document.body.appendChild(el);\r\n        return;\r\n    }\r\n\r\n    if (\"render\" in component && typeof component.render === \"function\") {\r\n        if (!(component.element instanceof HTMLElement)) {\r\n            throw new Error(\"Component object must have an HTMLElement in .element\");\r\n        }\r\n        document.body.appendChild(component.element);\r\n        component.render();\r\n        return;\r\n    }\r\n\r\n    throw new Error(\"Invalid component passed to add()\");\r\n}\r\n","export type CSSValue = string | number | (() => string | number);\r\nexport interface CSSProperties {\r\n    [key: string]: CSSValue | CSSProperties;\r\n}\r\nexport type StyleRule = CSSProperties & {\r\n    ':hover'?: CSSProperties;\r\n    ':focus'?: CSSProperties;\r\n    ':active'?: CSSProperties;\r\n    ':disabled'?: CSSProperties;\r\n    [key: string]: any;\r\n};\r\nexport type StylesMap<T extends Record<string, any> = {}> = {\r\n    [K in keyof T]: StyleRule;\r\n};\r\nexport type ClassNames<T extends Record<string, any>> = { [K in keyof T]: string };\r\n\r\nconst styleCache = new Map<string, string>();\r\nconst keyframeCache = new Map<string, string>();\r\nlet styleElement: HTMLStyleElement | null = null;\r\n\r\nconst ALLOWED_PREFIXES = [\r\n    'root', 'button', 'icon', 'text', 'container', 'wrapper',\r\n    'card', 'header', 'section'\r\n];\r\n\r\nfunction ensureStyleElement() {\r\n    if (!styleElement) {\r\n        styleElement = document.createElement('style');\r\n        styleElement.id = 'styles';\r\n        document.head.appendChild(styleElement);\r\n    }\r\n    return styleElement;\r\n}\r\n\r\nfunction hashString(str: string): string {\r\n    let hash = 5381;\r\n    for (let i = 0; i < str.length; i++) hash = (hash * 33) ^ str.charCodeAt(i);\r\n    return (hash >>> 0).toString(36);\r\n}\r\n\r\nconst kebabCache = new Map<string, string>();\r\nfunction camelToKebab(str: string): string {\r\n    if (!kebabCache.has(str)) {\r\n        kebabCache.set(str, str.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase());\r\n    }\r\n    return kebabCache.get(str)!;\r\n}\r\n\r\nfunction stringifyDecls(props: CSSProperties, keyframes: Map<string, string>): string {\r\n    const out: string[] = [];\r\n    for (const [key, raw] of Object.entries(props)) {\r\n        if (raw == null || typeof raw === \"object\") continue;\r\n        let val = typeof raw === \"function\" ? raw() : raw;\r\n\r\n        if (typeof val === \"string\") {\r\n            for (const [orig, uniq] of keyframes) {\r\n                val = val.replaceAll(`$${orig}`, uniq);\r\n            }\r\n        }\r\n        out.push(`${camelToKebab(key)}:${val}`);\r\n    }\r\n    return out.join(\";\");\r\n}\r\n\r\nconst KEYFRAMES_REGEX = /^@keyframes /;\r\n\r\nfunction registerKeyframes(name: string, frames: Record<string, CSSProperties>): string {\r\n    const hash = hashString(name + JSON.stringify(frames));\r\n    const unique = `${name}-${hash}`;\r\n\r\n    if (keyframeCache.has(unique)) return unique;\r\n\r\n    const rules = Object.entries(frames)\r\n        .map(([step, styles]) => `${step}{${stringifyDecls(styles, new Map())}}`)\r\n        .join(\"\");\r\n\r\n    ensureStyleElement().appendChild(\r\n        document.createTextNode(`@keyframes ${unique}{${rules}}\\n`)\r\n    );\r\n    keyframeCache.set(unique, unique);\r\n    return unique;\r\n}\r\n\r\nfunction buildRules(className: string, rule: StyleRule, keyframes: Map<string, string>): string[] {\r\n    const rules: string[] = [];\r\n    const base: CSSProperties = {};\r\n\r\n    for (const [key, val] of Object.entries(rule)) {\r\n        if (KEYFRAMES_REGEX.test(key)) continue;\r\n\r\n        if (key.startsWith(':') && typeof val === \"object\") {\r\n            rules.push(`.${className}${key}{${stringifyDecls(val, keyframes)}}`);\r\n        }\r\n        else if (key.startsWith('@media') && typeof val === \"object\") {\r\n            rules.push(`${key}{.${className}{${stringifyDecls(val, keyframes)}}}`);\r\n        }\r\n        else if (key.includes('&') && typeof val === \"object\") {\r\n            const selector = key.replaceAll(\"&\", `.${className}`);\r\n            rules.push(`${selector}{${stringifyDecls(val, keyframes)}}`);\r\n        }\r\n        else if (!key.startsWith('@')) {\r\n            base[key] = val;\r\n        }\r\n    }\r\n\r\n    if (Object.keys(base).length > 0) {\r\n        rules.push(`.${className}{${stringifyDecls(base, keyframes)}}`);\r\n    }\r\n\r\n    return rules;\r\n}\r\n\r\nexport function makeStyles<T extends StylesMap>(styles: T) {\r\n    return () => {\r\n        const classNames = {} as ClassNames<T>;\r\n        const collectedRules: string[] = [];\r\n        const keyframesMap = new Map<string, string>();\r\n\r\n        for (const [key, val] of Object.entries(styles)) {\r\n            if (KEYFRAMES_REGEX.test(key)) {\r\n                const name = key.replace('@keyframes ', '');\r\n                const unique = registerKeyframes(name, val as any);\r\n                keyframesMap.set(name, unique);\r\n            }\r\n        }\r\n\r\n        for (const [slot, rule] of Object.entries(styles)) {\r\n            if (KEYFRAMES_REGEX.test(slot)) continue;\r\n\r\n            const hash = hashString(JSON.stringify(rule));\r\n            const className =\r\n                ALLOWED_PREFIXES.includes(slot) ? `${slot}-${hash}` : `css-${hash}`;\r\n\r\n            if (!styleCache.has(className)) {\r\n                const rules = buildRules(className, rule as StyleRule, keyframesMap);\r\n                collectedRules.push(...rules);\r\n                styleCache.set(className, className);\r\n            }\r\n\r\n            classNames[slot as keyof T] = className;\r\n        }\r\n\r\n        if (collectedRules.length) {\r\n            const el = ensureStyleElement();\r\n            for (const r of collectedRules) el.appendChild(document.createTextNode(r + \"\\n\"));\r\n        }\r\n\r\n        return classNames;\r\n    };\r\n}\r\n\r\nexport const mergeClasses = (...classes: (string | undefined | null | false)[]) =>\r\n    classes.filter(Boolean).join(\" \");\r\n\r\nexport function mergeStyleSets<T extends StylesMap>(...sets: (T | undefined)[]) {\r\n    const merged: any = {};\r\n    for (const set of sets) {\r\n        if (!set) continue;\r\n        for (const k in set) {\r\n            merged[k] = { ...(merged[k] || {}), ...set[k] };\r\n        }\r\n    }\r\n    return makeStyles(merged)();\r\n}"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -2,23 +2,50 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function state(initial) {
-    let value = initial;
-    const listeners = [];
-    const set = (newValue) => {
-        value = newValue;
-        listeners.forEach(fn => fn(value));
-    };
-    const get = () => value;
-    const subscribe = (fn) => {
-        listeners.push(fn);
-        return () => {
-            const index = listeners.indexOf(fn);
-            if (index > -1)
-                listeners.splice(index, 1);
-        };
+let currentEffect = null;
+function track(st) {
+    if (currentEffect) {
+        st.subs.add(currentEffect);
+        currentEffect.deps.add(st);
+    }
+}
+function cleanup(effect) {
+    for (const d of effect.deps)
+        d.subs.delete(effect);
+    effect.deps.clear();
+}
+function State(v) {
+    const st = {
+        subs: new Set(),
+        get val() {
+            track(st);
+            return v;
+        },
+        set val(nv) {
+            if (nv === v)
+                return;
+            v = nv;
+            for (const fn of Array.from(st.subs)) {
+                fn();
+            }
+        },
     };
-    return { get, set, subscribe };
+    return st;
+}
+function Derive(fn) {
+    const effect = (() => {
+        cleanup(effect);
+        currentEffect = effect;
+        try {
+            fn();
+        }
+        finally {
+            currentEffect = null;
+        }
+    });
+    effect.deps = new Set();
+    effect();
+    return effect;
 }
 
 const tags = new Proxy({}, {
@@ -45,7 +72,6 @@ const tags = new Proxy({}, {
 });
 
 function router(routes) {
-    const container = document.createElement("div");
     const routePatterns = [];
     for (const path in routes) {
         const keys = [];
@@ -60,7 +86,6 @@ function router(routes) {
     }
     const renderRoute = () => {
         const path = window.location.pathname;
-        let matched = false;
         for (const { regex, keys, handler } of routePatterns) {
             const match = path.match(regex);
             if (match) {
@@ -68,22 +93,24 @@ function router(routes) {
                 keys.forEach((key, i) => {
                     params[key] = match[i + 1];
                 });
-                container.innerHTML = "";
-                container.appendChild(handler(params));
-                matched = true;
-                break;
+                return handler(params);
             }
         }
-        if (!matched && routes["*"]) {
-            container.innerHTML = "";
-            container.appendChild(routes["*"]());
+        if (routes["*"]) {
+            return routes["*"]();
         }
+        throw new Error("No route matched and no fallback provided");
+    };
+    const onPopState = () => {
+        const el = renderRoute();
+        document.body.innerHTML = "";
+        document.body.appendChild(el);
     };
-    window.addEventListener("popstate", renderRoute);
-    renderRoute();
+    window.addEventListener("popstate", onPopState);
+    const initialEl = renderRoute();
+    document.body.appendChild(initialEl);
     return {
-        render: renderRoute,
-        element: container
+        render: onPopState
     };
 }
 
@@ -233,11 +260,12 @@ function mergeStyleSets(...sets) {
     return makeStyles(merged)();
 }
 
+exports.Derive = Derive;
+exports.State = State;
 exports.add = add;
 exports.makeStyles = makeStyles;
 exports.mergeClasses = mergeClasses;
 exports.mergeStyleSets = mergeStyleSets;
 exports.router = router;
-exports.state = state;
 exports.tags = tags;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/state.ts","../src/tags.ts","../src/router.ts","../src/helpers.ts","../src/styles.ts"],"sourcesContent":["export function state<T>(initial: T) {\r\n    let value = initial\r\n    const listeners: Function[] = []\r\n\r\n    const set = (newValue: T) => {\r\n        value = newValue\r\n        listeners.forEach(fn => fn(value))\r\n    }\r\n\r\n    const get = () => value\r\n\r\n    const subscribe = (fn: Function) => {\r\n        listeners.push(fn)\r\n        return () => {\r\n            const index = listeners.indexOf(fn)\r\n            if (index > -1) listeners.splice(index, 1)\r\n        }\r\n    }\r\n\r\n    return { get, set, subscribe }\r\n}","export const tags = new Proxy({}, {\r\n    get(_, tag: string) {\r\n        return (attrsOrChild?: any, ...children: any[]) => {\r\n            const el = document.createElement(tag)\r\n            if (attrsOrChild && typeof attrsOrChild === 'object' && !Array.isArray(attrsOrChild) && !(attrsOrChild instanceof Node)) {\r\n                for (const [k, v] of Object.entries(attrsOrChild)) {\r\n                    el.setAttribute(k, v as string)\r\n                }\r\n            } else if (attrsOrChild != null) {\r\n                children.unshift(attrsOrChild)\r\n            }\r\n\r\n            for (const child of children.flat()) {\r\n                if (child instanceof Node) el.appendChild(child)\r\n                else el.appendChild(document.createTextNode(String(child)))\r\n            }\r\n            return el\r\n        }\r\n    }\r\n})","type RouteHandler = (params?: Record<string, string>) => HTMLElement\r\n\r\nexport function router(routes: Record<string, RouteHandler>) {\r\n    const container = document.createElement(\"div\")\r\n    const routePatterns: {\r\n        regex: RegExp\r\n        keys: string[]\r\n        handler: RouteHandler\r\n    }[] = []\r\n\r\n    for (const path in routes) {\r\n        const keys: string[] = []\r\n        const pattern = path\r\n            .replace(/\\/:[^\\/]+/g, (match) => {\r\n                keys.push(match.slice(2))\r\n                return \"/([^/]+)\"\r\n            })\r\n            .replace(/\\*/g, \".*\")\r\n        const regex = new RegExp(`^${pattern}$`)\r\n        routePatterns.push({ regex, keys, handler: routes[path] })\r\n    }\r\n\r\n    const renderRoute = () => {\r\n        const path = window.location.pathname\r\n        let matched = false\r\n\r\n        for (const { regex, keys, handler } of routePatterns) {\r\n            const match = path.match(regex)\r\n            if (match) {\r\n                const params: Record<string, string> = {}\r\n                keys.forEach((key, i) => {\r\n                    params[key] = match[i + 1]\r\n                })\r\n                container.innerHTML = \"\"\r\n                container.appendChild(handler(params))\r\n                matched = true\r\n                break\r\n            }\r\n        }\r\n\r\n        if (!matched && routes[\"*\"]) {\r\n            container.innerHTML = \"\"\r\n            container.appendChild(routes[\"*\"]())\r\n        }\r\n    }\r\n\r\n    window.addEventListener(\"popstate\", renderRoute)\r\n    renderRoute()\r\n\r\n    return {\r\n        render: renderRoute,\r\n        element: container\r\n    }\r\n}\r\n","type Component =\r\n    | (() => HTMLElement)\r\n    | { render: () => void; element: HTMLElement };\r\n\r\nexport function add(component: Component) {\r\n    if (typeof component === \"function\") {\r\n        const el = component();\r\n        if (!(el instanceof HTMLElement)) {\r\n            throw new Error(\"Component function must return an HTMLElement\");\r\n        }\r\n        document.body.appendChild(el);\r\n        return;\r\n    }\r\n\r\n    if (\"render\" in component && typeof component.render === \"function\") {\r\n        if (!(component.element instanceof HTMLElement)) {\r\n            throw new Error(\"Component object must have an HTMLElement in .element\");\r\n        }\r\n        document.body.appendChild(component.element);\r\n        component.render();\r\n        return;\r\n    }\r\n\r\n    throw new Error(\"Invalid component passed to add()\");\r\n}\r\n","export type CSSValue = string | number | (() => string | number);\r\nexport interface CSSProperties {\r\n    [key: string]: CSSValue | CSSProperties;\r\n}\r\nexport type StyleRule = CSSProperties & {\r\n    ':hover'?: CSSProperties;\r\n    ':focus'?: CSSProperties;\r\n    ':active'?: CSSProperties;\r\n    ':disabled'?: CSSProperties;\r\n    [key: string]: any;\r\n};\r\nexport type StylesMap<T extends Record<string, any> = {}> = {\r\n    [K in keyof T]: StyleRule;\r\n};\r\nexport type ClassNames<T extends Record<string, any>> = { [K in keyof T]: string };\r\n\r\nconst styleCache = new Map<string, string>();\r\nconst keyframeCache = new Map<string, string>();\r\nlet styleElement: HTMLStyleElement | null = null;\r\n\r\nconst ALLOWED_PREFIXES = [\r\n    'root', 'button', 'icon', 'text', 'container', 'wrapper',\r\n    'card', 'header', 'section'\r\n];\r\n\r\nfunction ensureStyleElement() {\r\n    if (!styleElement) {\r\n        styleElement = document.createElement('style');\r\n        styleElement.id = 'styles';\r\n        document.head.appendChild(styleElement);\r\n    }\r\n    return styleElement;\r\n}\r\n\r\nfunction hashString(str: string): string {\r\n    let hash = 5381;\r\n    for (let i = 0; i < str.length; i++) hash = (hash * 33) ^ str.charCodeAt(i);\r\n    return (hash >>> 0).toString(36);\r\n}\r\n\r\nconst kebabCache = new Map<string, string>();\r\nfunction camelToKebab(str: string): string {\r\n    if (!kebabCache.has(str)) {\r\n        kebabCache.set(str, str.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase());\r\n    }\r\n    return kebabCache.get(str)!;\r\n}\r\n\r\nfunction stringifyDecls(props: CSSProperties, keyframes: Map<string, string>): string {\r\n    const out: string[] = [];\r\n    for (const [key, raw] of Object.entries(props)) {\r\n        if (raw == null || typeof raw === \"object\") continue;\r\n        let val = typeof raw === \"function\" ? raw() : raw;\r\n\r\n        if (typeof val === \"string\") {\r\n            for (const [orig, uniq] of keyframes) {\r\n                val = val.replaceAll(`$${orig}`, uniq);\r\n            }\r\n        }\r\n        out.push(`${camelToKebab(key)}:${val}`);\r\n    }\r\n    return out.join(\";\");\r\n}\r\n\r\nconst KEYFRAMES_REGEX = /^@keyframes /;\r\n\r\nfunction registerKeyframes(name: string, frames: Record<string, CSSProperties>): string {\r\n    const hash = hashString(name + JSON.stringify(frames));\r\n    const unique = `${name}-${hash}`;\r\n\r\n    if (keyframeCache.has(unique)) return unique;\r\n\r\n    const rules = Object.entries(frames)\r\n        .map(([step, styles]) => `${step}{${stringifyDecls(styles, new Map())}}`)\r\n        .join(\"\");\r\n\r\n    ensureStyleElement().appendChild(\r\n        document.createTextNode(`@keyframes ${unique}{${rules}}\\n`)\r\n    );\r\n    keyframeCache.set(unique, unique);\r\n    return unique;\r\n}\r\n\r\nfunction buildRules(className: string, rule: StyleRule, keyframes: Map<string, string>): string[] {\r\n    const rules: string[] = [];\r\n    const base: CSSProperties = {};\r\n\r\n    for (const [key, val] of Object.entries(rule)) {\r\n        if (KEYFRAMES_REGEX.test(key)) continue;\r\n\r\n        if (key.startsWith(':') && typeof val === \"object\") {\r\n            rules.push(`.${className}${key}{${stringifyDecls(val, keyframes)}}`);\r\n        }\r\n        else if (key.startsWith('@media') && typeof val === \"object\") {\r\n            rules.push(`${key}{.${className}{${stringifyDecls(val, keyframes)}}}`);\r\n        }\r\n        else if (key.includes('&') && typeof val === \"object\") {\r\n            const selector = key.replaceAll(\"&\", `.${className}`);\r\n            rules.push(`${selector}{${stringifyDecls(val, keyframes)}}`);\r\n        }\r\n        else if (!key.startsWith('@')) {\r\n            base[key] = val;\r\n        }\r\n    }\r\n\r\n    if (Object.keys(base).length > 0) {\r\n        rules.push(`.${className}{${stringifyDecls(base, keyframes)}}`);\r\n    }\r\n\r\n    return rules;\r\n}\r\n\r\nexport function makeStyles<T extends StylesMap>(styles: T) {\r\n    return () => {\r\n        const classNames = {} as ClassNames<T>;\r\n        const collectedRules: string[] = [];\r\n        const keyframesMap = new Map<string, string>();\r\n\r\n        for (const [key, val] of Object.entries(styles)) {\r\n            if (KEYFRAMES_REGEX.test(key)) {\r\n                const name = key.replace('@keyframes ', '');\r\n                const unique = registerKeyframes(name, val as any);\r\n                keyframesMap.set(name, unique);\r\n            }\r\n        }\r\n\r\n        for (const [slot, rule] of Object.entries(styles)) {\r\n            if (KEYFRAMES_REGEX.test(slot)) continue;\r\n\r\n            const hash = hashString(JSON.stringify(rule));\r\n            const className =\r\n                ALLOWED_PREFIXES.includes(slot) ? `${slot}-${hash}` : `css-${hash}`;\r\n\r\n            if (!styleCache.has(className)) {\r\n                const rules = buildRules(className, rule as StyleRule, keyframesMap);\r\n                collectedRules.push(...rules);\r\n                styleCache.set(className, className);\r\n            }\r\n\r\n            classNames[slot as keyof T] = className;\r\n        }\r\n\r\n        if (collectedRules.length) {\r\n            const el = ensureStyleElement();\r\n            for (const r of collectedRules) el.appendChild(document.createTextNode(r + \"\\n\"));\r\n        }\r\n\r\n        return classNames;\r\n    };\r\n}\r\n\r\nexport const mergeClasses = (...classes: (string | undefined | null | false)[]) =>\r\n    classes.filter(Boolean).join(\" \");\r\n\r\nexport function mergeStyleSets<T extends StylesMap>(...sets: (T | undefined)[]) {\r\n    const merged: any = {};\r\n    for (const set of sets) {\r\n        if (!set) continue;\r\n        for (const k in set) {\r\n            merged[k] = { ...(merged[k] || {}), ...set[k] };\r\n        }\r\n    }\r\n    return makeStyles(merged)();\r\n}"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/state.ts","../src/tags.ts","../src/router.ts","../src/helpers.ts","../src/styles.ts"],"sourcesContent":["export type Effect = (() => void) & { deps: Set<State<any>> };\r\n\r\nexport interface State<T> {\r\n    subs: Set<Effect | (() => void)>;\r\n    val: T;\r\n}\r\n\r\nfunction isState<T = any>(x: unknown): x is State<T> {\r\n    return typeof x === \"object\" && x !== null && \"subs\" in x && \"val\" in x;\r\n}\r\n\r\nlet currentEffect: Effect | null = null;\r\n\r\nfunction track<T>(st: State<T>): void {\r\n    if (currentEffect) {\r\n        st.subs.add(currentEffect);\r\n        currentEffect.deps.add(st);\r\n    }\r\n}\r\n\r\nfunction cleanup(effect: Effect): void {\r\n    for (const d of effect.deps) d.subs.delete(effect);\r\n    effect.deps.clear();\r\n}\r\n\r\nexport function State<T>(v: T): State<T> {\r\n    const st = {\r\n        subs: new Set<Effect | (() => void)>(),\r\n        get val() {\r\n            track(st);\r\n            return v;\r\n        },\r\n        set val(nv: T) {\r\n            if (nv === v) return;\r\n            v = nv;\r\n            for (const fn of Array.from(st.subs)) {\r\n                (fn as (() => void))();\r\n            }\r\n        },\r\n    } as State<T>;\r\n    return st;\r\n}\r\n\r\nexport function Derive(fn: () => void): Effect {\r\n    const effect = (() => {\r\n        cleanup(effect);\r\n        currentEffect = effect;\r\n        try {\r\n            fn();\r\n        } finally {\r\n            currentEffect = null;\r\n        }\r\n    }) as Effect;\r\n    effect.deps = new Set();\r\n    effect();\r\n    return effect;\r\n}\r\n","export const tags = new Proxy({}, {\r\n    get(_, tag: string) {\r\n        return (attrsOrChild?: any, ...children: any[]) => {\r\n            const el = document.createElement(tag)\r\n            if (attrsOrChild && typeof attrsOrChild === 'object' && !Array.isArray(attrsOrChild) && !(attrsOrChild instanceof Node)) {\r\n                for (const [k, v] of Object.entries(attrsOrChild)) {\r\n                    el.setAttribute(k, v as string)\r\n                }\r\n            } else if (attrsOrChild != null) {\r\n                children.unshift(attrsOrChild)\r\n            }\r\n\r\n            for (const child of children.flat()) {\r\n                if (child instanceof Node) el.appendChild(child)\r\n                else el.appendChild(document.createTextNode(String(child)))\r\n            }\r\n            return el\r\n        }\r\n    }\r\n})","type RouteHandler = (params?: Record<string, string>) => HTMLElement;\r\n\r\nexport function router(routes: Record<string, RouteHandler>) {\r\n    const routePatterns: {\r\n        regex: RegExp;\r\n        keys: string[];\r\n        handler: RouteHandler;\r\n    }[] = [];\r\n\r\n    for (const path in routes) {\r\n        const keys: string[] = [];\r\n        const pattern = path\r\n            .replace(/\\/:[^\\/]+/g, (match) => {\r\n                keys.push(match.slice(2));\r\n                return \"/([^/]+)\";\r\n            })\r\n            .replace(/\\*/g, \".*\");\r\n        const regex = new RegExp(`^${pattern}$`);\r\n        routePatterns.push({ regex, keys, handler: routes[path] });\r\n    }\r\n\r\n    const renderRoute = (): HTMLElement => {\r\n        const path = window.location.pathname;\r\n\r\n        for (const { regex, keys, handler } of routePatterns) {\r\n            const match = path.match(regex);\r\n            if (match) {\r\n                const params: Record<string, string> = {};\r\n                keys.forEach((key, i) => {\r\n                    params[key] = match[i + 1];\r\n                });\r\n                return handler(params);\r\n            }\r\n        }\r\n\r\n        if (routes[\"*\"]) {\r\n            return routes[\"*\"]();\r\n        }\r\n\r\n        throw new Error(\"No route matched and no fallback provided\");\r\n    };\r\n\r\n    const onPopState = () => {\r\n        const el = renderRoute();\r\n        document.body.innerHTML = \"\";\r\n        document.body.appendChild(el);\r\n    };\r\n    window.addEventListener(\"popstate\", onPopState);\r\n\r\n    const initialEl = renderRoute();\r\n    document.body.appendChild(initialEl);\r\n\r\n    return {\r\n        render: onPopState\r\n    };\r\n}","type Component =\r\n    | (() => HTMLElement)\r\n    | { render: () => void; element: HTMLElement };\r\n\r\nexport function add(component: Component) {\r\n    if (typeof component === \"function\") {\r\n        const el = component();\r\n        if (!(el instanceof HTMLElement)) {\r\n            throw new Error(\"Component function must return an HTMLElement\");\r\n        }\r\n        document.body.appendChild(el);\r\n        return;\r\n    }\r\n\r\n    if (\"render\" in component && typeof component.render === \"function\") {\r\n        if (!(component.element instanceof HTMLElement)) {\r\n            throw new Error(\"Component object must have an HTMLElement in .element\");\r\n        }\r\n        document.body.appendChild(component.element);\r\n        component.render();\r\n        return;\r\n    }\r\n\r\n    throw new Error(\"Invalid component passed to add()\");\r\n}\r\n","export type CSSValue = string | number | (() => string | number);\r\nexport interface CSSProperties {\r\n    [key: string]: CSSValue | CSSProperties;\r\n}\r\nexport type StyleRule = CSSProperties & {\r\n    ':hover'?: CSSProperties;\r\n    ':focus'?: CSSProperties;\r\n    ':active'?: CSSProperties;\r\n    ':disabled'?: CSSProperties;\r\n    [key: string]: any;\r\n};\r\nexport type StylesMap<T extends Record<string, any> = {}> = {\r\n    [K in keyof T]: StyleRule;\r\n};\r\nexport type ClassNames<T extends Record<string, any>> = { [K in keyof T]: string };\r\n\r\nconst styleCache = new Map<string, string>();\r\nconst keyframeCache = new Map<string, string>();\r\nlet styleElement: HTMLStyleElement | null = null;\r\n\r\nconst ALLOWED_PREFIXES = [\r\n    'root', 'button', 'icon', 'text', 'container', 'wrapper',\r\n    'card', 'header', 'section'\r\n];\r\n\r\nfunction ensureStyleElement() {\r\n    if (!styleElement) {\r\n        styleElement = document.createElement('style');\r\n        styleElement.id = 'styles';\r\n        document.head.appendChild(styleElement);\r\n    }\r\n    return styleElement;\r\n}\r\n\r\nfunction hashString(str: string): string {\r\n    let hash = 5381;\r\n    for (let i = 0; i < str.length; i++) hash = (hash * 33) ^ str.charCodeAt(i);\r\n    return (hash >>> 0).toString(36);\r\n}\r\n\r\nconst kebabCache = new Map<string, string>();\r\nfunction camelToKebab(str: string): string {\r\n    if (!kebabCache.has(str)) {\r\n        kebabCache.set(str, str.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase());\r\n    }\r\n    return kebabCache.get(str)!;\r\n}\r\n\r\nfunction stringifyDecls(props: CSSProperties, keyframes: Map<string, string>): string {\r\n    const out: string[] = [];\r\n    for (const [key, raw] of Object.entries(props)) {\r\n        if (raw == null || typeof raw === \"object\") continue;\r\n        let val = typeof raw === \"function\" ? raw() : raw;\r\n\r\n        if (typeof val === \"string\") {\r\n            for (const [orig, uniq] of keyframes) {\r\n                val = val.replaceAll(`$${orig}`, uniq);\r\n            }\r\n        }\r\n        out.push(`${camelToKebab(key)}:${val}`);\r\n    }\r\n    return out.join(\";\");\r\n}\r\n\r\nconst KEYFRAMES_REGEX = /^@keyframes /;\r\n\r\nfunction registerKeyframes(name: string, frames: Record<string, CSSProperties>): string {\r\n    const hash = hashString(name + JSON.stringify(frames));\r\n    const unique = `${name}-${hash}`;\r\n\r\n    if (keyframeCache.has(unique)) return unique;\r\n\r\n    const rules = Object.entries(frames)\r\n        .map(([step, styles]) => `${step}{${stringifyDecls(styles, new Map())}}`)\r\n        .join(\"\");\r\n\r\n    ensureStyleElement().appendChild(\r\n        document.createTextNode(`@keyframes ${unique}{${rules}}\\n`)\r\n    );\r\n    keyframeCache.set(unique, unique);\r\n    return unique;\r\n}\r\n\r\nfunction buildRules(className: string, rule: StyleRule, keyframes: Map<string, string>): string[] {\r\n    const rules: string[] = [];\r\n    const base: CSSProperties = {};\r\n\r\n    for (const [key, val] of Object.entries(rule)) {\r\n        if (KEYFRAMES_REGEX.test(key)) continue;\r\n\r\n        if (key.startsWith(':') && typeof val === \"object\") {\r\n            rules.push(`.${className}${key}{${stringifyDecls(val, keyframes)}}`);\r\n        }\r\n        else if (key.startsWith('@media') && typeof val === \"object\") {\r\n            rules.push(`${key}{.${className}{${stringifyDecls(val, keyframes)}}}`);\r\n        }\r\n        else if (key.includes('&') && typeof val === \"object\") {\r\n            const selector = key.replaceAll(\"&\", `.${className}`);\r\n            rules.push(`${selector}{${stringifyDecls(val, keyframes)}}`);\r\n        }\r\n        else if (!key.startsWith('@')) {\r\n            base[key] = val;\r\n        }\r\n    }\r\n\r\n    if (Object.keys(base).length > 0) {\r\n        rules.push(`.${className}{${stringifyDecls(base, keyframes)}}`);\r\n    }\r\n\r\n    return rules;\r\n}\r\n\r\nexport function makeStyles<T extends StylesMap>(styles: T) {\r\n    return () => {\r\n        const classNames = {} as ClassNames<T>;\r\n        const collectedRules: string[] = [];\r\n        const keyframesMap = new Map<string, string>();\r\n\r\n        for (const [key, val] of Object.entries(styles)) {\r\n            if (KEYFRAMES_REGEX.test(key)) {\r\n                const name = key.replace('@keyframes ', '');\r\n                const unique = registerKeyframes(name, val as any);\r\n                keyframesMap.set(name, unique);\r\n            }\r\n        }\r\n\r\n        for (const [slot, rule] of Object.entries(styles)) {\r\n            if (KEYFRAMES_REGEX.test(slot)) continue;\r\n\r\n            const hash = hashString(JSON.stringify(rule));\r\n            const className =\r\n                ALLOWED_PREFIXES.includes(slot) ? `${slot}-${hash}` : `css-${hash}`;\r\n\r\n            if (!styleCache.has(className)) {\r\n                const rules = buildRules(className, rule as StyleRule, keyframesMap);\r\n                collectedRules.push(...rules);\r\n                styleCache.set(className, className);\r\n            }\r\n\r\n            classNames[slot as keyof T] = className;\r\n        }\r\n\r\n        if (collectedRules.length) {\r\n            const el = ensureStyleElement();\r\n            for (const r of collectedRules) el.appendChild(document.createTextNode(r + \"\\n\"));\r\n        }\r\n\r\n        return classNames;\r\n    };\r\n}\r\n\r\nexport const mergeClasses = (...classes: (string | undefined | null | false)[]) =>\r\n    classes.filter(Boolean).join(\" \");\r\n\r\nexport function mergeStyleSets<T extends StylesMap>(...sets: (T | undefined)[]) {\r\n    const merged: any = {};\r\n    for (const set of sets) {\r\n        if (!set) continue;\r\n        for (const k in set) {\r\n            merged[k] = { ...(merged[k] || {}), ...set[k] };\r\n        }\r\n    }\r\n    return makeStyles(merged)();\r\n}"],"names":[],"mappings":"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"}

package/dist/index.min.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).MiniUI={})}(this,function(e){"use strict";const t=new Proxy({},{get:(e,t)=>(e,...n)=>{const o=document.createElement(t);if(!e||"object"!=typeof e||Array.isArray(e)||e instanceof Node)null!=e&&n.unshift(e);else for(const[t,n]of Object.entries(e))o.setAttribute(t,n);for(const e of n.flat())e instanceof Node?o.appendChild(e):o.appendChild(document.createTextNode(String(e)));return o}});const n=new Map,o=new Map;let r=null;const s=["root","button","icon","text","container","wrapper","card","header","section"];function c(){return r||(r=document.createElement("style"),r.id="styles",document.head.appendChild(r)),r}function i(e){let t=5381;for(let n=0;n<e.length;n++)t=33*t^e.charCodeAt(n);return(t>>>0).toString(36)}const f=new Map;function a(e){return f.has(e)||f.set(e,e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),f.get(e)}function d(e,t){const n=[];for(const[o,r]of Object.entries(e)){if(null==r||"object"==typeof r)continue;let e="function"==typeof r?r():r;if("string"==typeof e)for(const[n,o]of t)e=e.replaceAll(`$${n}`,o);n.push(`${a(o)}:${e}`)}return n.join(";")}const l=/^@keyframes /;function u(e,t){const n=`${e}-${i(e+JSON.stringify(t))}`;if(o.has(n))return n;const r=Object.entries(t).map(([e,t])=>`${e}{${d(t,new Map)}}`).join("");return c().appendChild(document.createTextNode(`@keyframes ${n}{${r}}\n`)),o.set(n,n),n}function p(e,t,n){const o=[],r={};for(const[s,c]of Object.entries(t))if(!l.test(s))if(s.startsWith(":")&&"object"==typeof c)o.push(`.${e}${s}{${d(c,n)}}`);else if(s.startsWith("@media")&&"object"==typeof c)o.push(`${s}{.${e}{${d(c,n)}}}`);else if(s.includes("&")&&"object"==typeof c){const t=s.replaceAll("&",`.${e}`);o.push(`${t}{${d(c,n)}}`)}else s.startsWith("@")||(r[s]=c);return Object.keys(r).length>0&&o.push(`.${e}{${d(r,n)}}`),o}function h(e){return()=>{const t={},o=[],r=new Map;for(const[t,n]of Object.entries(e))if(l.test(t)){const e=t.replace("@keyframes ",""),o=u(e,n);r.set(e,o)}for(const[c,f]of Object.entries(e)){if(l.test(c))continue;const e=i(JSON.stringify(f)),a=s.includes(c)?`${c}-${e}`:`css-${e}`;if(!n.has(a)){const e=p(a,f,r);o.push(...e),n.set(a,a)}t[c]=a}if(o.length){const e=c();for(const t of o)e.appendChild(document.createTextNode(t+"\n"))}return t}}e.add=function(e){if("function"==typeof e){const t=e();if(!(t instanceof HTMLElement))throw new Error("Component function must return an HTMLElement");return void document.body.appendChild(t)}if("render"in e&&"function"==typeof e.render){if(!(e.element instanceof HTMLElement))throw new Error("Component object must have an HTMLElement in .element");return document.body.appendChild(e.element),void e.render()}throw new Error("Invalid component passed to add()")},e.makeStyles=h,e.mergeClasses=(...e)=>e.filter(Boolean).join(" "),e.mergeStyleSets=function(...e){const t={};for(const n of e)if(n)for(const e in n)t[e]={...t[e]||{},...n[e]};return h(t)()},e.router=function(e){const t=document.createElement("div"),n=[];for(const t in e){const o=[],r=t.replace(/\/:[^\/]+/g,e=>(o.push(e.slice(2)),"/([^/]+)")).replace(/\*/g,".*"),s=new RegExp(`^${r}$`);n.push({regex:s,keys:o,handler:e[t]})}const o=()=>{const o=window.location.pathname;let r=!1;for(const{regex:e,keys:s,handler:c}of n){const n=o.match(e);if(n){const e={};s.forEach((t,o)=>{e[t]=n[o+1]}),t.innerHTML="",t.appendChild(c(e)),r=!0;break}}!r&&e["*"]&&(t.innerHTML="",t.appendChild(e["*"]()))};return window.addEventListener("popstate",o),o(),{render:o,element:t}},e.state=function(e){let t=e;const n=[];return{get:()=>t,set:e=>{t=e,n.forEach(e=>e(t))},subscribe:e=>(n.push(e),()=>{const t=n.indexOf(e);t>-1&&n.splice(t,1)})}},e.tags=t,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).MiniUI={})}(this,function(e){"use strict";let t=null;const n=new Proxy({},{get:(e,t)=>(e,...n)=>{const o=document.createElement(t);if(!e||"object"!=typeof e||Array.isArray(e)||e instanceof Node)null!=e&&n.unshift(e);else for(const[t,n]of Object.entries(e))o.setAttribute(t,n);for(const e of n.flat())e instanceof Node?o.appendChild(e):o.appendChild(document.createTextNode(String(e)));return o}});const o=new Map,r=new Map;let s=null;const c=["root","button","icon","text","container","wrapper","card","header","section"];function i(){return s||(s=document.createElement("style"),s.id="styles",document.head.appendChild(s)),s}function f(e){let t=5381;for(let n=0;n<e.length;n++)t=33*t^e.charCodeAt(n);return(t>>>0).toString(36)}const d=new Map;function a(e){return d.has(e)||d.set(e,e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),d.get(e)}function u(e,t){const n=[];for(const[o,r]of Object.entries(e)){if(null==r||"object"==typeof r)continue;let e="function"==typeof r?r():r;if("string"==typeof e)for(const[n,o]of t)e=e.replaceAll(`$${n}`,o);n.push(`${a(o)}:${e}`)}return n.join(";")}const l=/^@keyframes /;function p(e,t){const n=`${e}-${f(e+JSON.stringify(t))}`;if(r.has(n))return n;const o=Object.entries(t).map(([e,t])=>`${e}{${u(t,new Map)}}`).join("");return i().appendChild(document.createTextNode(`@keyframes ${n}{${o}}\n`)),r.set(n,n),n}function h(e,t,n){const o=[],r={};for(const[s,c]of Object.entries(t))if(!l.test(s))if(s.startsWith(":")&&"object"==typeof c)o.push(`.${e}${s}{${u(c,n)}}`);else if(s.startsWith("@media")&&"object"==typeof c)o.push(`${s}{.${e}{${u(c,n)}}}`);else if(s.includes("&")&&"object"==typeof c){const t=s.replaceAll("&",`.${e}`);o.push(`${t}{${u(c,n)}}`)}else s.startsWith("@")||(r[s]=c);return Object.keys(r).length>0&&o.push(`.${e}{${u(r,n)}}`),o}function m(e){return()=>{const t={},n=[],r=new Map;for(const[t,n]of Object.entries(e))if(l.test(t)){const e=t.replace("@keyframes ",""),o=p(e,n);r.set(e,o)}for(const[s,i]of Object.entries(e)){if(l.test(s))continue;const e=f(JSON.stringify(i)),d=c.includes(s)?`${s}-${e}`:`css-${e}`;if(!o.has(d)){const e=h(d,i,r);n.push(...e),o.set(d,d)}t[s]=d}if(n.length){const e=i();for(const t of n)e.appendChild(document.createTextNode(t+"\n"))}return t}}e.Derive=function(e){const n=()=>{!function(e){for(const t of e.deps)t.subs.delete(e);e.deps.clear()}(n),t=n;try{e()}finally{t=null}};return n.deps=new Set,n(),n},e.State=function(e){const n={subs:new Set,get val(){return function(e){t&&(e.subs.add(t),t.deps.add(e))}(n),e},set val(t){if(t!==e){e=t;for(const e of Array.from(n.subs))e()}}};return n},e.add=function(e){if("function"==typeof e){const t=e();if(!(t instanceof HTMLElement))throw new Error("Component function must return an HTMLElement");return void document.body.appendChild(t)}if("render"in e&&"function"==typeof e.render){if(!(e.element instanceof HTMLElement))throw new Error("Component object must have an HTMLElement in .element");return document.body.appendChild(e.element),void e.render()}throw new Error("Invalid component passed to add()")},e.makeStyles=m,e.mergeClasses=(...e)=>e.filter(Boolean).join(" "),e.mergeStyleSets=function(...e){const t={};for(const n of e)if(n)for(const e in n)t[e]={...t[e]||{},...n[e]};return m(t)()},e.router=function(e){const t=[];for(const n in e){const o=[],r=n.replace(/\/:[^\/]+/g,e=>(o.push(e.slice(2)),"/([^/]+)")).replace(/\*/g,".*"),s=new RegExp(`^${r}$`);t.push({regex:s,keys:o,handler:e[n]})}const n=()=>{const n=window.location.pathname;for(const{regex:e,keys:o,handler:r}of t){const t=n.match(e);if(t){const e={};return o.forEach((n,o)=>{e[n]=t[o+1]}),r(e)}}if(e["*"])return e["*"]();throw new Error("No route matched and no fallback provided")},o=()=>{const e=n();document.body.innerHTML="",document.body.appendChild(e)};window.addEventListener("popstate",o);const r=n();return document.body.appendChild(r),{render:o}},e.tags=n,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=index.min.js.map

package/dist/index.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.min.js","sources":["../src/tags.ts","../src/styles.ts","../src/helpers.ts","../src/router.ts","../src/state.ts"],"sourcesContent":["export const tags = new Proxy({}, {\r\n    get(_, tag: string) {\r\n        return (attrsOrChild?: any, ...children: any[]) => {\r\n            const el = document.createElement(tag)\r\n            if (attrsOrChild && typeof attrsOrChild === 'object' && !Array.isArray(attrsOrChild) && !(attrsOrChild instanceof Node)) {\r\n                for (const [k, v] of Object.entries(attrsOrChild)) {\r\n                    el.setAttribute(k, v as string)\r\n                }\r\n            } else if (attrsOrChild != null) {\r\n                children.unshift(attrsOrChild)\r\n            }\r\n\r\n            for (const child of children.flat()) {\r\n                if (child instanceof Node) el.appendChild(child)\r\n                else el.appendChild(document.createTextNode(String(child)))\r\n            }\r\n            return el\r\n        }\r\n    }\r\n})","export type CSSValue = string | number | (() => string | number);\r\nexport interface CSSProperties {\r\n    [key: string]: CSSValue | CSSProperties;\r\n}\r\nexport type StyleRule = CSSProperties & {\r\n    ':hover'?: CSSProperties;\r\n    ':focus'?: CSSProperties;\r\n    ':active'?: CSSProperties;\r\n    ':disabled'?: CSSProperties;\r\n    [key: string]: any;\r\n};\r\nexport type StylesMap<T extends Record<string, any> = {}> = {\r\n    [K in keyof T]: StyleRule;\r\n};\r\nexport type ClassNames<T extends Record<string, any>> = { [K in keyof T]: string };\r\n\r\nconst styleCache = new Map<string, string>();\r\nconst keyframeCache = new Map<string, string>();\r\nlet styleElement: HTMLStyleElement | null = null;\r\n\r\nconst ALLOWED_PREFIXES = [\r\n    'root', 'button', 'icon', 'text', 'container', 'wrapper',\r\n    'card', 'header', 'section'\r\n];\r\n\r\nfunction ensureStyleElement() {\r\n    if (!styleElement) {\r\n        styleElement = document.createElement('style');\r\n        styleElement.id = 'styles';\r\n        document.head.appendChild(styleElement);\r\n    }\r\n    return styleElement;\r\n}\r\n\r\nfunction hashString(str: string): string {\r\n    let hash = 5381;\r\n    for (let i = 0; i < str.length; i++) hash = (hash * 33) ^ str.charCodeAt(i);\r\n    return (hash >>> 0).toString(36);\r\n}\r\n\r\nconst kebabCache = new Map<string, string>();\r\nfunction camelToKebab(str: string): string {\r\n    if (!kebabCache.has(str)) {\r\n        kebabCache.set(str, str.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase());\r\n    }\r\n    return kebabCache.get(str)!;\r\n}\r\n\r\nfunction stringifyDecls(props: CSSProperties, keyframes: Map<string, string>): string {\r\n    const out: string[] = [];\r\n    for (const [key, raw] of Object.entries(props)) {\r\n        if (raw == null || typeof raw === \"object\") continue;\r\n        let val = typeof raw === \"function\" ? raw() : raw;\r\n\r\n        if (typeof val === \"string\") {\r\n            for (const [orig, uniq] of keyframes) {\r\n                val = val.replaceAll(`$${orig}`, uniq);\r\n            }\r\n        }\r\n        out.push(`${camelToKebab(key)}:${val}`);\r\n    }\r\n    return out.join(\";\");\r\n}\r\n\r\nconst KEYFRAMES_REGEX = /^@keyframes /;\r\n\r\nfunction registerKeyframes(name: string, frames: Record<string, CSSProperties>): string {\r\n    const hash = hashString(name + JSON.stringify(frames));\r\n    const unique = `${name}-${hash}`;\r\n\r\n    if (keyframeCache.has(unique)) return unique;\r\n\r\n    const rules = Object.entries(frames)\r\n        .map(([step, styles]) => `${step}{${stringifyDecls(styles, new Map())}}`)\r\n        .join(\"\");\r\n\r\n    ensureStyleElement().appendChild(\r\n        document.createTextNode(`@keyframes ${unique}{${rules}}\\n`)\r\n    );\r\n    keyframeCache.set(unique, unique);\r\n    return unique;\r\n}\r\n\r\nfunction buildRules(className: string, rule: StyleRule, keyframes: Map<string, string>): string[] {\r\n    const rules: string[] = [];\r\n    const base: CSSProperties = {};\r\n\r\n    for (const [key, val] of Object.entries(rule)) {\r\n        if (KEYFRAMES_REGEX.test(key)) continue;\r\n\r\n        if (key.startsWith(':') && typeof val === \"object\") {\r\n            rules.push(`.${className}${key}{${stringifyDecls(val, keyframes)}}`);\r\n        }\r\n        else if (key.startsWith('@media') && typeof val === \"object\") {\r\n            rules.push(`${key}{.${className}{${stringifyDecls(val, keyframes)}}}`);\r\n        }\r\n        else if (key.includes('&') && typeof val === \"object\") {\r\n            const selector = key.replaceAll(\"&\", `.${className}`);\r\n            rules.push(`${selector}{${stringifyDecls(val, keyframes)}}`);\r\n        }\r\n        else if (!key.startsWith('@')) {\r\n            base[key] = val;\r\n        }\r\n    }\r\n\r\n    if (Object.keys(base).length > 0) {\r\n        rules.push(`.${className}{${stringifyDecls(base, keyframes)}}`);\r\n    }\r\n\r\n    return rules;\r\n}\r\n\r\nexport function makeStyles<T extends StylesMap>(styles: T) {\r\n    return () => {\r\n        const classNames = {} as ClassNames<T>;\r\n        const collectedRules: string[] = [];\r\n        const keyframesMap = new Map<string, string>();\r\n\r\n        for (const [key, val] of Object.entries(styles)) {\r\n            if (KEYFRAMES_REGEX.test(key)) {\r\n                const name = key.replace('@keyframes ', '');\r\n                const unique = registerKeyframes(name, val as any);\r\n                keyframesMap.set(name, unique);\r\n            }\r\n        }\r\n\r\n        for (const [slot, rule] of Object.entries(styles)) {\r\n            if (KEYFRAMES_REGEX.test(slot)) continue;\r\n\r\n            const hash = hashString(JSON.stringify(rule));\r\n            const className =\r\n                ALLOWED_PREFIXES.includes(slot) ? `${slot}-${hash}` : `css-${hash}`;\r\n\r\n            if (!styleCache.has(className)) {\r\n                const rules = buildRules(className, rule as StyleRule, keyframesMap);\r\n                collectedRules.push(...rules);\r\n                styleCache.set(className, className);\r\n            }\r\n\r\n            classNames[slot as keyof T] = className;\r\n        }\r\n\r\n        if (collectedRules.length) {\r\n            const el = ensureStyleElement();\r\n            for (const r of collectedRules) el.appendChild(document.createTextNode(r + \"\\n\"));\r\n        }\r\n\r\n        return classNames;\r\n    };\r\n}\r\n\r\nexport const mergeClasses = (...classes: (string | undefined | null | false)[]) =>\r\n    classes.filter(Boolean).join(\" \");\r\n\r\nexport function mergeStyleSets<T extends StylesMap>(...sets: (T | undefined)[]) {\r\n    const merged: any = {};\r\n    for (const set of sets) {\r\n        if (!set) continue;\r\n        for (const k in set) {\r\n            merged[k] = { ...(merged[k] || {}), ...set[k] };\r\n        }\r\n    }\r\n    return makeStyles(merged)();\r\n}","type Component =\r\n    | (() => HTMLElement)\r\n    | { render: () => void; element: HTMLElement };\r\n\r\nexport function add(component: Component) {\r\n    if (typeof component === \"function\") {\r\n        const el = component();\r\n        if (!(el instanceof HTMLElement)) {\r\n            throw new Error(\"Component function must return an HTMLElement\");\r\n        }\r\n        document.body.appendChild(el);\r\n        return;\r\n    }\r\n\r\n    if (\"render\" in component && typeof component.render === \"function\") {\r\n        if (!(component.element instanceof HTMLElement)) {\r\n            throw new Error(\"Component object must have an HTMLElement in .element\");\r\n        }\r\n        document.body.appendChild(component.element);\r\n        component.render();\r\n        return;\r\n    }\r\n\r\n    throw new Error(\"Invalid component passed to add()\");\r\n}\r\n","type RouteHandler = (params?: Record<string, string>) => HTMLElement\r\n\r\nexport function router(routes: Record<string, RouteHandler>) {\r\n    const container = document.createElement(\"div\")\r\n    const routePatterns: {\r\n        regex: RegExp\r\n        keys: string[]\r\n        handler: RouteHandler\r\n    }[] = []\r\n\r\n    for (const path in routes) {\r\n        const keys: string[] = []\r\n        const pattern = path\r\n            .replace(/\\/:[^\\/]+/g, (match) => {\r\n                keys.push(match.slice(2))\r\n                return \"/([^/]+)\"\r\n            })\r\n            .replace(/\\*/g, \".*\")\r\n        const regex = new RegExp(`^${pattern}$`)\r\n        routePatterns.push({ regex, keys, handler: routes[path] })\r\n    }\r\n\r\n    const renderRoute = () => {\r\n        const path = window.location.pathname\r\n        let matched = false\r\n\r\n        for (const { regex, keys, handler } of routePatterns) {\r\n            const match = path.match(regex)\r\n            if (match) {\r\n                const params: Record<string, string> = {}\r\n                keys.forEach((key, i) => {\r\n                    params[key] = match[i + 1]\r\n                })\r\n                container.innerHTML = \"\"\r\n                container.appendChild(handler(params))\r\n                matched = true\r\n                break\r\n            }\r\n        }\r\n\r\n        if (!matched && routes[\"*\"]) {\r\n            container.innerHTML = \"\"\r\n            container.appendChild(routes[\"*\"]())\r\n        }\r\n    }\r\n\r\n    window.addEventListener(\"popstate\", renderRoute)\r\n    renderRoute()\r\n\r\n    return {\r\n        render: renderRoute,\r\n        element: container\r\n    }\r\n}\r\n","export function state<T>(initial: T) {\r\n    let value = initial\r\n    const listeners: Function[] = []\r\n\r\n    const set = (newValue: T) => {\r\n        value = newValue\r\n        listeners.forEach(fn => fn(value))\r\n    }\r\n\r\n    const get = () => value\r\n\r\n    const subscribe = (fn: Function) => {\r\n        listeners.push(fn)\r\n        return () => {\r\n            const index = listeners.indexOf(fn)\r\n            if (index > -1) listeners.splice(index, 1)\r\n        }\r\n    }\r\n\r\n    return { get, set, subscribe }\r\n}"],"names":["tags","Proxy","get","_","tag","attrsOrChild","children","el","document","createElement","Array","isArray","Node","unshift","k","v","Object","entries","setAttribute","child","flat","appendChild","createTextNode","String","styleCache","Map","keyframeCache","styleElement","ALLOWED_PREFIXES","ensureStyleElement","id","head","hashString","str","hash","i","length","charCodeAt","toString","kebabCache","camelToKebab","has","set","replace","toLowerCase","stringifyDecls","props","keyframes","out","key","raw","val","orig","uniq","replaceAll","push","join","KEYFRAMES_REGEX","registerKeyframes","name","frames","unique","JSON","stringify","rules","map","step","styles","buildRules","className","rule","base","test","startsWith","includes","selector","keys","makeStyles","classNames","collectedRules","keyframesMap","slot","r","component","HTMLElement","Error","body","render","element","classes","filter","Boolean","sets","merged","routes","container","routePatterns","path","pattern","match","slice","regex","RegExp","handler","renderRoute","window","location","pathname","matched","params","forEach","innerHTML","addEventListener","initial","value","listeners","newValue","fn","subscribe","index","indexOf","splice"],"mappings":"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"}
+{"version":3,"file":"index.min.js","sources":["../src/state.ts","../src/tags.ts","../src/styles.ts","../src/helpers.ts","../src/router.ts"],"sourcesContent":["export type Effect = (() => void) & { deps: Set<State<any>> };\r\n\r\nexport interface State<T> {\r\n    subs: Set<Effect | (() => void)>;\r\n    val: T;\r\n}\r\n\r\nfunction isState<T = any>(x: unknown): x is State<T> {\r\n    return typeof x === \"object\" && x !== null && \"subs\" in x && \"val\" in x;\r\n}\r\n\r\nlet currentEffect: Effect | null = null;\r\n\r\nfunction track<T>(st: State<T>): void {\r\n    if (currentEffect) {\r\n        st.subs.add(currentEffect);\r\n        currentEffect.deps.add(st);\r\n    }\r\n}\r\n\r\nfunction cleanup(effect: Effect): void {\r\n    for (const d of effect.deps) d.subs.delete(effect);\r\n    effect.deps.clear();\r\n}\r\n\r\nexport function State<T>(v: T): State<T> {\r\n    const st = {\r\n        subs: new Set<Effect | (() => void)>(),\r\n        get val() {\r\n            track(st);\r\n            return v;\r\n        },\r\n        set val(nv: T) {\r\n            if (nv === v) return;\r\n            v = nv;\r\n            for (const fn of Array.from(st.subs)) {\r\n                (fn as (() => void))();\r\n            }\r\n        },\r\n    } as State<T>;\r\n    return st;\r\n}\r\n\r\nexport function Derive(fn: () => void): Effect {\r\n    const effect = (() => {\r\n        cleanup(effect);\r\n        currentEffect = effect;\r\n        try {\r\n            fn();\r\n        } finally {\r\n            currentEffect = null;\r\n        }\r\n    }) as Effect;\r\n    effect.deps = new Set();\r\n    effect();\r\n    return effect;\r\n}\r\n","export const tags = new Proxy({}, {\r\n    get(_, tag: string) {\r\n        return (attrsOrChild?: any, ...children: any[]) => {\r\n            const el = document.createElement(tag)\r\n            if (attrsOrChild && typeof attrsOrChild === 'object' && !Array.isArray(attrsOrChild) && !(attrsOrChild instanceof Node)) {\r\n                for (const [k, v] of Object.entries(attrsOrChild)) {\r\n                    el.setAttribute(k, v as string)\r\n                }\r\n            } else if (attrsOrChild != null) {\r\n                children.unshift(attrsOrChild)\r\n            }\r\n\r\n            for (const child of children.flat()) {\r\n                if (child instanceof Node) el.appendChild(child)\r\n                else el.appendChild(document.createTextNode(String(child)))\r\n            }\r\n            return el\r\n        }\r\n    }\r\n})","export type CSSValue = string | number | (() => string | number);\r\nexport interface CSSProperties {\r\n    [key: string]: CSSValue | CSSProperties;\r\n}\r\nexport type StyleRule = CSSProperties & {\r\n    ':hover'?: CSSProperties;\r\n    ':focus'?: CSSProperties;\r\n    ':active'?: CSSProperties;\r\n    ':disabled'?: CSSProperties;\r\n    [key: string]: any;\r\n};\r\nexport type StylesMap<T extends Record<string, any> = {}> = {\r\n    [K in keyof T]: StyleRule;\r\n};\r\nexport type ClassNames<T extends Record<string, any>> = { [K in keyof T]: string };\r\n\r\nconst styleCache = new Map<string, string>();\r\nconst keyframeCache = new Map<string, string>();\r\nlet styleElement: HTMLStyleElement | null = null;\r\n\r\nconst ALLOWED_PREFIXES = [\r\n    'root', 'button', 'icon', 'text', 'container', 'wrapper',\r\n    'card', 'header', 'section'\r\n];\r\n\r\nfunction ensureStyleElement() {\r\n    if (!styleElement) {\r\n        styleElement = document.createElement('style');\r\n        styleElement.id = 'styles';\r\n        document.head.appendChild(styleElement);\r\n    }\r\n    return styleElement;\r\n}\r\n\r\nfunction hashString(str: string): string {\r\n    let hash = 5381;\r\n    for (let i = 0; i < str.length; i++) hash = (hash * 33) ^ str.charCodeAt(i);\r\n    return (hash >>> 0).toString(36);\r\n}\r\n\r\nconst kebabCache = new Map<string, string>();\r\nfunction camelToKebab(str: string): string {\r\n    if (!kebabCache.has(str)) {\r\n        kebabCache.set(str, str.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase());\r\n    }\r\n    return kebabCache.get(str)!;\r\n}\r\n\r\nfunction stringifyDecls(props: CSSProperties, keyframes: Map<string, string>): string {\r\n    const out: string[] = [];\r\n    for (const [key, raw] of Object.entries(props)) {\r\n        if (raw == null || typeof raw === \"object\") continue;\r\n        let val = typeof raw === \"function\" ? raw() : raw;\r\n\r\n        if (typeof val === \"string\") {\r\n            for (const [orig, uniq] of keyframes) {\r\n                val = val.replaceAll(`$${orig}`, uniq);\r\n            }\r\n        }\r\n        out.push(`${camelToKebab(key)}:${val}`);\r\n    }\r\n    return out.join(\";\");\r\n}\r\n\r\nconst KEYFRAMES_REGEX = /^@keyframes /;\r\n\r\nfunction registerKeyframes(name: string, frames: Record<string, CSSProperties>): string {\r\n    const hash = hashString(name + JSON.stringify(frames));\r\n    const unique = `${name}-${hash}`;\r\n\r\n    if (keyframeCache.has(unique)) return unique;\r\n\r\n    const rules = Object.entries(frames)\r\n        .map(([step, styles]) => `${step}{${stringifyDecls(styles, new Map())}}`)\r\n        .join(\"\");\r\n\r\n    ensureStyleElement().appendChild(\r\n        document.createTextNode(`@keyframes ${unique}{${rules}}\\n`)\r\n    );\r\n    keyframeCache.set(unique, unique);\r\n    return unique;\r\n}\r\n\r\nfunction buildRules(className: string, rule: StyleRule, keyframes: Map<string, string>): string[] {\r\n    const rules: string[] = [];\r\n    const base: CSSProperties = {};\r\n\r\n    for (const [key, val] of Object.entries(rule)) {\r\n        if (KEYFRAMES_REGEX.test(key)) continue;\r\n\r\n        if (key.startsWith(':') && typeof val === \"object\") {\r\n            rules.push(`.${className}${key}{${stringifyDecls(val, keyframes)}}`);\r\n        }\r\n        else if (key.startsWith('@media') && typeof val === \"object\") {\r\n            rules.push(`${key}{.${className}{${stringifyDecls(val, keyframes)}}}`);\r\n        }\r\n        else if (key.includes('&') && typeof val === \"object\") {\r\n            const selector = key.replaceAll(\"&\", `.${className}`);\r\n            rules.push(`${selector}{${stringifyDecls(val, keyframes)}}`);\r\n        }\r\n        else if (!key.startsWith('@')) {\r\n            base[key] = val;\r\n        }\r\n    }\r\n\r\n    if (Object.keys(base).length > 0) {\r\n        rules.push(`.${className}{${stringifyDecls(base, keyframes)}}`);\r\n    }\r\n\r\n    return rules;\r\n}\r\n\r\nexport function makeStyles<T extends StylesMap>(styles: T) {\r\n    return () => {\r\n        const classNames = {} as ClassNames<T>;\r\n        const collectedRules: string[] = [];\r\n        const keyframesMap = new Map<string, string>();\r\n\r\n        for (const [key, val] of Object.entries(styles)) {\r\n            if (KEYFRAMES_REGEX.test(key)) {\r\n                const name = key.replace('@keyframes ', '');\r\n                const unique = registerKeyframes(name, val as any);\r\n                keyframesMap.set(name, unique);\r\n            }\r\n        }\r\n\r\n        for (const [slot, rule] of Object.entries(styles)) {\r\n            if (KEYFRAMES_REGEX.test(slot)) continue;\r\n\r\n            const hash = hashString(JSON.stringify(rule));\r\n            const className =\r\n                ALLOWED_PREFIXES.includes(slot) ? `${slot}-${hash}` : `css-${hash}`;\r\n\r\n            if (!styleCache.has(className)) {\r\n                const rules = buildRules(className, rule as StyleRule, keyframesMap);\r\n                collectedRules.push(...rules);\r\n                styleCache.set(className, className);\r\n            }\r\n\r\n            classNames[slot as keyof T] = className;\r\n        }\r\n\r\n        if (collectedRules.length) {\r\n            const el = ensureStyleElement();\r\n            for (const r of collectedRules) el.appendChild(document.createTextNode(r + \"\\n\"));\r\n        }\r\n\r\n        return classNames;\r\n    };\r\n}\r\n\r\nexport const mergeClasses = (...classes: (string | undefined | null | false)[]) =>\r\n    classes.filter(Boolean).join(\" \");\r\n\r\nexport function mergeStyleSets<T extends StylesMap>(...sets: (T | undefined)[]) {\r\n    const merged: any = {};\r\n    for (const set of sets) {\r\n        if (!set) continue;\r\n        for (const k in set) {\r\n            merged[k] = { ...(merged[k] || {}), ...set[k] };\r\n        }\r\n    }\r\n    return makeStyles(merged)();\r\n}","type Component =\r\n    | (() => HTMLElement)\r\n    | { render: () => void; element: HTMLElement };\r\n\r\nexport function add(component: Component) {\r\n    if (typeof component === \"function\") {\r\n        const el = component();\r\n        if (!(el instanceof HTMLElement)) {\r\n            throw new Error(\"Component function must return an HTMLElement\");\r\n        }\r\n        document.body.appendChild(el);\r\n        return;\r\n    }\r\n\r\n    if (\"render\" in component && typeof component.render === \"function\") {\r\n        if (!(component.element instanceof HTMLElement)) {\r\n            throw new Error(\"Component object must have an HTMLElement in .element\");\r\n        }\r\n        document.body.appendChild(component.element);\r\n        component.render();\r\n        return;\r\n    }\r\n\r\n    throw new Error(\"Invalid component passed to add()\");\r\n}\r\n","type RouteHandler = (params?: Record<string, string>) => HTMLElement;\r\n\r\nexport function router(routes: Record<string, RouteHandler>) {\r\n    const routePatterns: {\r\n        regex: RegExp;\r\n        keys: string[];\r\n        handler: RouteHandler;\r\n    }[] = [];\r\n\r\n    for (const path in routes) {\r\n        const keys: string[] = [];\r\n        const pattern = path\r\n            .replace(/\\/:[^\\/]+/g, (match) => {\r\n                keys.push(match.slice(2));\r\n                return \"/([^/]+)\";\r\n            })\r\n            .replace(/\\*/g, \".*\");\r\n        const regex = new RegExp(`^${pattern}$`);\r\n        routePatterns.push({ regex, keys, handler: routes[path] });\r\n    }\r\n\r\n    const renderRoute = (): HTMLElement => {\r\n        const path = window.location.pathname;\r\n\r\n        for (const { regex, keys, handler } of routePatterns) {\r\n            const match = path.match(regex);\r\n            if (match) {\r\n                const params: Record<string, string> = {};\r\n                keys.forEach((key, i) => {\r\n                    params[key] = match[i + 1];\r\n                });\r\n                return handler(params);\r\n            }\r\n        }\r\n\r\n        if (routes[\"*\"]) {\r\n            return routes[\"*\"]();\r\n        }\r\n\r\n        throw new Error(\"No route matched and no fallback provided\");\r\n    };\r\n\r\n    const onPopState = () => {\r\n        const el = renderRoute();\r\n        document.body.innerHTML = \"\";\r\n        document.body.appendChild(el);\r\n    };\r\n    window.addEventListener(\"popstate\", onPopState);\r\n\r\n    const initialEl = renderRoute();\r\n    document.body.appendChild(initialEl);\r\n\r\n    return {\r\n        render: onPopState\r\n    };\r\n}"],"names":["currentEffect","tags","Proxy","get","_","tag","attrsOrChild","children","el","document","createElement","Array","isArray","Node","unshift","k","v","Object","entries","setAttribute","child","flat","appendChild","createTextNode","String","styleCache","Map","keyframeCache","styleElement","ALLOWED_PREFIXES","ensureStyleElement","id","head","hashString","str","hash","i","length","charCodeAt","toString","kebabCache","camelToKebab","has","set","replace","toLowerCase","stringifyDecls","props","keyframes","out","key","raw","val","orig","uniq","replaceAll","push","join","KEYFRAMES_REGEX","registerKeyframes","name","frames","unique","JSON","stringify","rules","map","step","styles","buildRules","className","rule","base","test","startsWith","includes","selector","keys","makeStyles","classNames","collectedRules","keyframesMap","slot","r","fn","effect","d","deps","subs","delete","clear","cleanup","Set","st","add","track","nv","from","component","HTMLElement","Error","body","render","element","classes","filter","Boolean","sets","merged","routes","routePatterns","path","pattern","match","slice","regex","RegExp","handler","renderRoute","window","location","pathname","params","forEach","onPopState","innerHTML","addEventListener","initialEl"],"mappings":"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"}

package/dist/router.d.ts

@@ -1,6 +1,5 @@
 type RouteHandler = (params?: Record<string, string>) => HTMLElement;
 export declare function router(routes: Record<string, RouteHandler>): {
     render: () => void;
-    element: HTMLDivElement;
 };
 export {};

package/dist/state.d.ts

@@ -1,5 +1,9 @@
-export declare function state<T>(initial: T): {
-    get: () => T;
-    set: (newValue: T) => void;
-    subscribe: (fn: Function) => () => void;
+export type Effect = (() => void) & {
+    deps: Set<State<any>>;
 };
+export interface State<T> {
+    subs: Set<Effect | (() => void)>;
+    val: T;
+}
+export declare function State<T>(v: T): State<T>;
+export declare function Derive(fn: () => void): Effect;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uraniyum",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
   "browser": "dist/index.min.js",

package/src/router.ts

@@ -1,54 +1,56 @@
-type RouteHandler = (params?: Record<string, string>) => HTMLElement
+type RouteHandler = (params?: Record<string, string>) => HTMLElement;
 
 export function router(routes: Record<string, RouteHandler>) {
-    const container = document.createElement("div")
     const routePatterns: {
-        regex: RegExp
-        keys: string[]
-        handler: RouteHandler
-    }[] = []
+        regex: RegExp;
+        keys: string[];
+        handler: RouteHandler;
+    }[] = [];
 
     for (const path in routes) {
-        const keys: string[] = []
+        const keys: string[] = [];
         const pattern = path
             .replace(/\/:[^\/]+/g, (match) => {
-                keys.push(match.slice(2))
-                return "/([^/]+)"
+                keys.push(match.slice(2));
+                return "/([^/]+)";
             })
-            .replace(/\*/g, ".*")
-        const regex = new RegExp(`^${pattern}$`)
-        routePatterns.push({ regex, keys, handler: routes[path] })
+            .replace(/\*/g, ".*");
+        const regex = new RegExp(`^${pattern}$`);
+        routePatterns.push({ regex, keys, handler: routes[path] });
     }
 
-    const renderRoute = () => {
-        const path = window.location.pathname
-        let matched = false
+    const renderRoute = (): HTMLElement => {
+        const path = window.location.pathname;
 
         for (const { regex, keys, handler } of routePatterns) {
-            const match = path.match(regex)
+            const match = path.match(regex);
             if (match) {
-                const params: Record<string, string> = {}
+                const params: Record<string, string> = {};
                 keys.forEach((key, i) => {
-                    params[key] = match[i + 1]
-                })
-                container.innerHTML = ""
-                container.appendChild(handler(params))
-                matched = true
-                break
+                    params[key] = match[i + 1];
+                });
+                return handler(params);
             }
         }
 
-        if (!matched && routes["*"]) {
-            container.innerHTML = ""
-            container.appendChild(routes["*"]())
+        if (routes["*"]) {
+            return routes["*"]();
         }
-    }
 
-    window.addEventListener("popstate", renderRoute)
-    renderRoute()
+        throw new Error("No route matched and no fallback provided");
+    };
+
+    const onPopState = () => {
+        const el = renderRoute();
+        document.body.innerHTML = "";
+        document.body.appendChild(el);
+    };
+    window.addEventListener("popstate", onPopState);
+
+    const initialEl = renderRoute();
+    document.body.appendChild(initialEl);
 
     return {
-        render: renderRoute,
-        element: container
-    }
-}
+        render: onPopState
+    };
+}

package/src/state.ts

@@ -1,21 +1,57 @@
-export function state<T>(initial: T) {
-    let value = initial
-    const listeners: Function[] = []
+export type Effect = (() => void) & { deps: Set<State<any>> };
 
-    const set = (newValue: T) => {
-        value = newValue
-        listeners.forEach(fn => fn(value))
-    }
+export interface State<T> {
+    subs: Set<Effect | (() => void)>;
+    val: T;
+}
 
-    const get = () => value
+function isState<T = any>(x: unknown): x is State<T> {
+    return typeof x === "object" && x !== null && "subs" in x && "val" in x;
+}
 
-    const subscribe = (fn: Function) => {
-        listeners.push(fn)
-        return () => {
-            const index = listeners.indexOf(fn)
-            if (index > -1) listeners.splice(index, 1)
-        }
+let currentEffect: Effect | null = null;
+
+function track<T>(st: State<T>): void {
+    if (currentEffect) {
+        st.subs.add(currentEffect);
+        currentEffect.deps.add(st);
     }
+}
 
-    return { get, set, subscribe }
-}
+function cleanup(effect: Effect): void {
+    for (const d of effect.deps) d.subs.delete(effect);
+    effect.deps.clear();
+}
+
+export function State<T>(v: T): State<T> {
+    const st = {
+        subs: new Set<Effect | (() => void)>(),
+        get val() {
+            track(st);
+            return v;
+        },
+        set val(nv: T) {
+            if (nv === v) return;
+            v = nv;
+            for (const fn of Array.from(st.subs)) {
+                (fn as (() => void))();
+            }
+        },
+    } as State<T>;
+    return st;
+}
+
+export function Derive(fn: () => void): Effect {
+    const effect = (() => {
+        cleanup(effect);
+        currentEffect = effect;
+        try {
+            fn();
+        } finally {
+            currentEffect = null;
+        }
+    }) as Effect;
+    effect.deps = new Set();
+    effect();
+    return effect;
+}