uraniyum 1.0.0

package/dist/helpers.d.ts

@@ -0,0 +1,5 @@
+type Component = (() => HTMLElement) | {
+    render: () => void;
+};
+export declare function add(...components: Component[]): void;
+export {};

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./state";
+export * from "./tags";
+export * from "./router";
+export * from "./helpers";

package/dist/index.esm.js

@@ -0,0 +1,89 @@
+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);
+        };
+    };
+    return { get, set, subscribe };
+}
+
+const tags = new Proxy({}, {
+    get(_, tag) {
+        return (attrsOrChild, ...children) => {
+            const el = document.createElement(tag);
+            if (attrsOrChild && typeof attrsOrChild === 'object' && !Array.isArray(attrsOrChild) && !(attrsOrChild instanceof Node)) {
+                for (const [k, v] of Object.entries(attrsOrChild)) {
+                    el.setAttribute(k, v);
+                }
+            }
+            else if (attrsOrChild != null) {
+                children.unshift(attrsOrChild);
+            }
+            for (const child of children.flat()) {
+                if (child instanceof Node)
+                    el.appendChild(child);
+                else
+                    el.appendChild(document.createTextNode(String(child)));
+            }
+            return el;
+        };
+    }
+});
+
+function router(routes) {
+    const getRoute = (path) => {
+        return routes[path] || routes["*"];
+    };
+    const renderRoute = () => {
+        const path = window.location.pathname;
+        const pageFn = getRoute(path);
+        const page = pageFn();
+        const app = document.getElementById("app");
+        if (!app)
+            throw new Error("No #app element found");
+        app.innerHTML = "";
+        app.appendChild(page);
+    };
+    window.addEventListener("popstate", renderRoute);
+    return {
+        render: renderRoute,
+        navigate: (path) => {
+            history.pushState(null, "", path);
+            renderRoute();
+        }
+    };
+}
+
+function add(...components) {
+    const app = document.getElementById("app");
+    if (!app)
+        throw new Error("No #app element found");
+    for (const c of components) {
+        if (typeof c === "function") {
+            const el = c();
+            if (!(el instanceof Node)) {
+                throw new Error("Component function must return an HTMLElement");
+            }
+            app.appendChild(el);
+        }
+        else if ("render" in c && typeof c.render === "function") {
+            c.render();
+        }
+        else {
+            throw new Error("Invalid component passed to add()");
+        }
+    }
+}
+
+export { add, router, state, tags };
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/state.ts","../src/tags.ts","../src/router.ts","../src/helpers.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})","export function router(routes: Record<string, () => HTMLElement>) {\r\n    const getRoute = (path: string) => {\r\n        return routes[path] || routes[\"*\"]\r\n    }\r\n\r\n    const renderRoute = () => {\r\n        const path = window.location.pathname\r\n        const pageFn = getRoute(path)\r\n        const page = pageFn()\r\n        const app = document.getElementById(\"app\")\r\n        if (!app) throw new Error(\"No #app element found\")\r\n        app.innerHTML = \"\"\r\n        app.appendChild(page)\r\n    }\r\n\r\n    window.addEventListener(\"popstate\", renderRoute)\r\n\r\n    return {\r\n        render: renderRoute,\r\n        navigate: (path: string) => {\r\n            history.pushState(null, \"\", path)\r\n            renderRoute()\r\n        }\r\n    }\r\n}","type Component = (() => HTMLElement) | { render: () => void }\r\n\r\nexport function add(...components: Component[]) {\r\n    const app = document.getElementById(\"app\")\r\n    if (!app) throw new Error(\"No #app element found\")\r\n\r\n    for (const c of components) {\r\n        if (typeof c === \"function\") {\r\n            const el = c()\r\n            if (!(el instanceof Node)) {\r\n                throw new Error(\"Component function must return an HTMLElement\")\r\n            }\r\n            app.appendChild(el)\r\n        } else if (\"render\" in c && typeof c.render === \"function\") {\r\n            c.render()\r\n        } else {\r\n            throw new Error(\"Invalid component passed to add()\")\r\n        }\r\n    }\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,96 @@
+'use strict';
+
+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);
+        };
+    };
+    return { get, set, subscribe };
+}
+
+const tags = new Proxy({}, {
+    get(_, tag) {
+        return (attrsOrChild, ...children) => {
+            const el = document.createElement(tag);
+            if (attrsOrChild && typeof attrsOrChild === 'object' && !Array.isArray(attrsOrChild) && !(attrsOrChild instanceof Node)) {
+                for (const [k, v] of Object.entries(attrsOrChild)) {
+                    el.setAttribute(k, v);
+                }
+            }
+            else if (attrsOrChild != null) {
+                children.unshift(attrsOrChild);
+            }
+            for (const child of children.flat()) {
+                if (child instanceof Node)
+                    el.appendChild(child);
+                else
+                    el.appendChild(document.createTextNode(String(child)));
+            }
+            return el;
+        };
+    }
+});
+
+function router(routes) {
+    const getRoute = (path) => {
+        return routes[path] || routes["*"];
+    };
+    const renderRoute = () => {
+        const path = window.location.pathname;
+        const pageFn = getRoute(path);
+        const page = pageFn();
+        const app = document.getElementById("app");
+        if (!app)
+            throw new Error("No #app element found");
+        app.innerHTML = "";
+        app.appendChild(page);
+    };
+    window.addEventListener("popstate", renderRoute);
+    return {
+        render: renderRoute,
+        navigate: (path) => {
+            history.pushState(null, "", path);
+            renderRoute();
+        }
+    };
+}
+
+function add(...components) {
+    const app = document.getElementById("app");
+    if (!app)
+        throw new Error("No #app element found");
+    for (const c of components) {
+        if (typeof c === "function") {
+            const el = c();
+            if (!(el instanceof Node)) {
+                throw new Error("Component function must return an HTMLElement");
+            }
+            app.appendChild(el);
+        }
+        else if ("render" in c && typeof c.render === "function") {
+            c.render();
+        }
+        else {
+            throw new Error("Invalid component passed to add()");
+        }
+    }
+}
+
+exports.add = add;
+exports.router = router;
+exports.state = state;
+exports.tags = tags;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/state.ts","../src/tags.ts","../src/router.ts","../src/helpers.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})","export function router(routes: Record<string, () => HTMLElement>) {\r\n    const getRoute = (path: string) => {\r\n        return routes[path] || routes[\"*\"]\r\n    }\r\n\r\n    const renderRoute = () => {\r\n        const path = window.location.pathname\r\n        const pageFn = getRoute(path)\r\n        const page = pageFn()\r\n        const app = document.getElementById(\"app\")\r\n        if (!app) throw new Error(\"No #app element found\")\r\n        app.innerHTML = \"\"\r\n        app.appendChild(page)\r\n    }\r\n\r\n    window.addEventListener(\"popstate\", renderRoute)\r\n\r\n    return {\r\n        render: renderRoute,\r\n        navigate: (path: string) => {\r\n            history.pushState(null, \"\", path)\r\n            renderRoute()\r\n        }\r\n    }\r\n}","type Component = (() => HTMLElement) | { render: () => void }\r\n\r\nexport function add(...components: Component[]) {\r\n    const app = document.getElementById(\"app\")\r\n    if (!app) throw new Error(\"No #app element found\")\r\n\r\n    for (const c of components) {\r\n        if (typeof c === \"function\") {\r\n            const el = c()\r\n            if (!(el instanceof Node)) {\r\n                throw new Error(\"Component function must return an HTMLElement\")\r\n            }\r\n            app.appendChild(el)\r\n        } else if (\"render\" in c && typeof c.render === \"function\") {\r\n            c.render()\r\n        } else {\r\n            throw new Error(\"Invalid component passed to add()\")\r\n        }\r\n    }\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/index.min.js

@@ -0,0 +1,2 @@
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).MiniUI={})}(this,function(e){"use strict";const n=new Proxy({},{get:(e,n)=>(e,...t)=>{const o=document.createElement(n);if(!e||"object"!=typeof e||Array.isArray(e)||e instanceof Node)null!=e&&t.unshift(e);else for(const[n,t]of Object.entries(e))o.setAttribute(n,t);for(const e of t.flat())e instanceof Node?o.appendChild(e):o.appendChild(document.createTextNode(String(e)));return o}});e.add=function(...e){const n=document.getElementById("app");if(!n)throw new Error("No #app element found");for(const t of e)if("function"==typeof t){const e=t();if(!(e instanceof Node))throw new Error("Component function must return an HTMLElement");n.appendChild(e)}else{if(!("render"in t)||"function"!=typeof t.render)throw new Error("Invalid component passed to add()");t.render()}},e.router=function(e){const n=()=>{const n=(n=>e[n]||e["*"])(window.location.pathname),t=n(),o=document.getElementById("app");if(!o)throw new Error("No #app element found");o.innerHTML="",o.appendChild(t)};return window.addEventListener("popstate",n),{render:n,navigate:e=>{history.pushState(null,"",e),n()}}},e.state=function(e){let n=e;const t=[];return{get:()=>n,set:e=>{n=e,t.forEach(e=>e(n))},subscribe:e=>(t.push(e),()=>{const n=t.indexOf(e);n>-1&&t.splice(n,1)})}},e.tags=n,Object.defineProperty(e,"__esModule",{value:!0})});
+//# sourceMappingURL=index.min.js.map

package/dist/index.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.min.js","sources":["../src/tags.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})","type Component = (() => HTMLElement) | { render: () => void }\r\n\r\nexport function add(...components: Component[]) {\r\n    const app = document.getElementById(\"app\")\r\n    if (!app) throw new Error(\"No #app element found\")\r\n\r\n    for (const c of components) {\r\n        if (typeof c === \"function\") {\r\n            const el = c()\r\n            if (!(el instanceof Node)) {\r\n                throw new Error(\"Component function must return an HTMLElement\")\r\n            }\r\n            app.appendChild(el)\r\n        } else if (\"render\" in c && typeof c.render === \"function\") {\r\n            c.render()\r\n        } else {\r\n            throw new Error(\"Invalid component passed to add()\")\r\n        }\r\n    }\r\n}\r\n","export function router(routes: Record<string, () => HTMLElement>) {\r\n    const getRoute = (path: string) => {\r\n        return routes[path] || routes[\"*\"]\r\n    }\r\n\r\n    const renderRoute = () => {\r\n        const path = window.location.pathname\r\n        const pageFn = getRoute(path)\r\n        const page = pageFn()\r\n        const app = document.getElementById(\"app\")\r\n        if (!app) throw new Error(\"No #app element found\")\r\n        app.innerHTML = \"\"\r\n        app.appendChild(page)\r\n    }\r\n\r\n    window.addEventListener(\"popstate\", renderRoute)\r\n\r\n    return {\r\n        render: renderRoute,\r\n        navigate: (path: string) => {\r\n            history.pushState(null, \"\", path)\r\n            renderRoute()\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","components","app","getElementById","Error","c","render","routes","renderRoute","pageFn","path","getRoute","window","location","pathname","page","innerHTML","addEventListener","navigate","history","pushState","initial","value","listeners","set","newValue","forEach","fn","subscribe","push","index","indexOf","splice"],"mappings":"mPAAaA,EAAO,IAAIC,MAAM,GAAI,CAC9BC,IAAG,CAACC,EAAGC,IACI,CAACC,KAAuBC,KAC3B,MAAMC,EAAKC,SAASC,cAAcL,GAClC,IAAIC,GAAwC,iBAAjBA,GAA8BK,MAAMC,QAAQN,IAAmBA,aAAwBO,KAIvF,MAAhBP,GACPC,EAASO,QAAQR,QAJjB,IAAK,MAAOS,EAAGC,KAAMC,OAAOC,QAAQZ,GAChCE,EAAGW,aAAaJ,EAAGC,GAM3B,IAAK,MAAMI,KAASb,EAASc,OACrBD,aAAiBP,KAAML,EAAGc,YAAYF,GACrCZ,EAAGc,YAAYb,SAASc,eAAeC,OAAOJ,KAEvD,OAAOZ,WCdH,YAAOiB,GACnB,MAAMC,EAAMjB,SAASkB,eAAe,OACpC,IAAKD,EAAK,MAAM,IAAIE,MAAM,yBAE1B,IAAK,MAAMC,KAAKJ,EACZ,GAAiB,mBAANI,EAAkB,CACzB,MAAMrB,EAAKqB,IACX,KAAMrB,aAAcK,MAChB,MAAM,IAAIe,MAAM,iDAEpBF,EAAIJ,YAAYd,EACnB,KAAM,MAAI,WAAYqB,IAAyB,mBAAbA,EAAEC,OAGjC,MAAM,IAAIF,MAAM,qCAFhBC,EAAEC,QAGL,CAET,WCnBM,SAAiBC,GACnB,MAIMC,EAAc,KAChB,MACMC,EANO,CAACC,GACPH,EAAOG,IAASH,EAAO,KAKfI,CADFC,OAAOC,SAASC,UAEvBC,EAAON,IACPP,EAAMjB,SAASkB,eAAe,OACpC,IAAKD,EAAK,MAAM,IAAIE,MAAM,yBAC1BF,EAAIc,UAAY,GAChBd,EAAIJ,YAAYiB,IAKpB,OAFAH,OAAOK,iBAAiB,WAAYT,GAE7B,CACHF,OAAQE,EACRU,SAAWR,IACPS,QAAQC,UAAU,KAAM,GAAIV,GAC5BF,KAGZ,UCxBM,SAAmBa,GACrB,IAAIC,EAAQD,EACZ,MAAME,EAAwB,GAiB9B,MAAO,CAAE5C,IAVG,IAAM2C,EAUJE,IAfDC,IACTH,EAAQG,EACRF,EAAUG,QAAQC,GAAMA,EAAGL,KAaZM,UARAD,IACfJ,EAAUM,KAAKF,GACR,KACH,MAAMG,EAAQP,EAAUQ,QAAQJ,GAC5BG,GAAS,GAAGP,EAAUS,OAAOF,EAAO,KAKpD"}

package/dist/router.d.ts

@@ -0,0 +1,4 @@
+export declare function router(routes: Record<string, () => HTMLElement>): {
+    render: () => void;
+    navigate: (path: string) => void;
+};

package/dist/state.d.ts

@@ -0,0 +1,5 @@
+export declare function state<T>(initial: T): {
+    get: () => T;
+    set: (newValue: T) => void;
+    subscribe: (fn: Function) => () => void;
+};

package/dist/tags.d.ts

@@ -0,0 +1 @@
+export declare const tags: {};

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "uraniyum",
+  "version": "1.0.0",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "browser": "dist/index.min.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist/",
+    "src/",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "rollup -c",
+    "dev": "rollup -c -w",
+    "type-check": "tsc --noEmit"
+  },
+  "keywords": [
+    "framework"
+  ],
+  "author": "",
+  "license": "ISC",
+  "description": "yum",
+  "devDependencies": {
+    "@rollup/plugin-typescript": "^12.3.0",
+    "rollup": "^2.79.2",
+    "rollup-plugin-terser": "^7.0.2",
+    "typescript": "^5.9.3"
+  },
+  "dependencies": {
+    "tslib": "^2.8.1"
+  }
+}

package/src/helpers.ts

@@ -0,0 +1,20 @@
+type Component = (() => HTMLElement) | { render: () => void }
+
+export function add(...components: Component[]) {
+    const app = document.getElementById("app")
+    if (!app) throw new Error("No #app element found")
+
+    for (const c of components) {
+        if (typeof c === "function") {
+            const el = c()
+            if (!(el instanceof Node)) {
+                throw new Error("Component function must return an HTMLElement")
+            }
+            app.appendChild(el)
+        } else if ("render" in c && typeof c.render === "function") {
+            c.render()
+        } else {
+            throw new Error("Invalid component passed to add()")
+        }
+    }
+}

package/src/index.ts

@@ -0,0 +1,4 @@
+export * from "./state"
+export * from "./tags"
+export * from "./router"
+export * from "./helpers"

package/src/router.ts

@@ -0,0 +1,25 @@
+export function router(routes: Record<string, () => HTMLElement>) {
+    const getRoute = (path: string) => {
+        return routes[path] || routes["*"]
+    }
+
+    const renderRoute = () => {
+        const path = window.location.pathname
+        const pageFn = getRoute(path)
+        const page = pageFn()
+        const app = document.getElementById("app")
+        if (!app) throw new Error("No #app element found")
+        app.innerHTML = ""
+        app.appendChild(page)
+    }
+
+    window.addEventListener("popstate", renderRoute)
+
+    return {
+        render: renderRoute,
+        navigate: (path: string) => {
+            history.pushState(null, "", path)
+            renderRoute()
+        }
+    }
+}

package/src/state.ts

@@ -0,0 +1,21 @@
+export function state<T>(initial: T) {
+    let value = initial
+    const listeners: Function[] = []
+
+    const set = (newValue: T) => {
+        value = newValue
+        listeners.forEach(fn => fn(value))
+    }
+
+    const get = () => value
+
+    const subscribe = (fn: Function) => {
+        listeners.push(fn)
+        return () => {
+            const index = listeners.indexOf(fn)
+            if (index > -1) listeners.splice(index, 1)
+        }
+    }
+
+    return { get, set, subscribe }
+}

package/src/tags.ts

@@ -0,0 +1,20 @@
+export const tags = new Proxy({}, {
+    get(_, tag: string) {
+        return (attrsOrChild?: any, ...children: any[]) => {
+            const el = document.createElement(tag)
+            if (attrsOrChild && typeof attrsOrChild === 'object' && !Array.isArray(attrsOrChild) && !(attrsOrChild instanceof Node)) {
+                for (const [k, v] of Object.entries(attrsOrChild)) {
+                    el.setAttribute(k, v as string)
+                }
+            } else if (attrsOrChild != null) {
+                children.unshift(attrsOrChild)
+            }
+
+            for (const child of children.flat()) {
+                if (child instanceof Node) el.appendChild(child)
+                else el.appendChild(document.createTextNode(String(child)))
+            }
+            return el
+        }
+    }
+})