@rexllins/zi 0.0.2

package/dist/zi.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const t=t=>"function"==typeof t,e=()=>{};function n(...t){"undefined"!=typeof globalThis&&globalThis.Zi?.config?.debug&&console.warn("[Zi]",...t)}var s=Object.freeze({__proto__:null,_isObject:t=>null!==t&&"object"==typeof t,_isFn:t,_noop:e,warn:n,log:function(...t){"undefined"!=typeof globalThis&&globalThis.Zi?.config?.debug&&console.log("[Zi]",...t)}});class o{constructor(){this.subs=new Set}depend(){const t=r.currentEffect;t&&this.subs.add(t)}notify(){this.subs.forEach(t=>{try{t()}catch(t){n("Effect error",t)}})}}class r{constructor(){this.targetMap=new WeakMap}static currentEffect=null;_depFor(t,e){let n=this.targetMap.get(t);return n||this.targetMap.set(t,n=new Map),n.has(e)||n.set(e,new o),n.get(e)}reactive(t){if(!t||"object"!=typeof t||t.__isReactive)return t;const e=this;return new Proxy(t,{get(t,n,s){if("__isReactive"===n)return!0;const o=Reflect.get(t,n,s);return e._depFor(t,n).depend(),o&&"object"==typeof o?e.reactive(o):o},set(t,n,s,o){const r=t[n],i=Reflect.set(t,n,s,o);return r!==s&&e._depFor(t,n).notify(),i},deleteProperty(t,n){const s=Reflect.deleteProperty(t,n);return e._depFor(t,n).notify(),s}})}effect(t,{lazy:e=!1}={}){const n=()=>{r.currentEffect=n;try{return t()}finally{r.currentEffect=null}};return e||n(),n}computed(t){let e,n=!0;const s=this.effect(()=>{e=t(),n=!1},{lazy:!0});return{get value(){if(n){r.currentEffect=s;try{e=t()}finally{r.currentEffect=null}n=!1}return e}}}watch(t,e){let n;return this.effect(()=>{const s=t();e(s,n),n=s})}}const i=new r;class c{constructor(t={}){this.state=i.reactive(t),this._modules={}}registerModule(t,e){if(this._modules[t])throw new Error(`Module ${t} exists`);const n=i.reactive(e);return this._modules[t]=n,this.state[t]=n,n}patch(t){t(this.state)}getModule(t){return this._modules[t]}}function a(t,e={}){try{const n=t.trim();if(/^[\w.$\[\]]+$/.test(n))return n.split(".").reduce((t,e)=>null==t?void 0:t[e.trim()],e);const s=new Proxy(e,{get:(t,e)=>e in t?t[e]:void 0,has:()=>!0});return Function("scoped","with(scoped){return ("+t+");}")(s)}catch(e){return void n("Eval error",t,e)}}function h(t,e,n){const s=e&&e.state||{},o=e&&e.props||{};return a(t,Object.assign({},s,o,n||{}))}function u(t,e,s){try{const n=e.state||{},o=t.split(".");let r=n;for(let t=0;t<o.length-1;t++){const e=o[t].trim();e in r||(r[e]={}),r=r[e]}r[o[o.length-1].trim()]=s}catch(e){n("Assign error",t,e)}}function l(t){const e=document.createElement("template");return e.innerHTML=t.trim(),e.content}function p(t){const e=[],n=t=>{e.push(t),t.childNodes&&t.childNodes.forEach(t=>n(t))};return t.childNodes.forEach(t=>n(t)),e}const d={"z-if":(t,e,n,s)=>{i.effect(()=>{const o=!!h(e,n,s);t.__zi_hidden=!o,t.style.display=o?"":"none"})},"z-show":(t,e,n,s)=>{i.effect(()=>{t.style.display=h(e,n,s)?"":"none"})},"z-text":(t,e,n,s)=>{i.effect(()=>{t.textContent=h(e,n,s)||""})},"z-html":(t,e,n,s)=>{i.effect(()=>{t.innerHTML=h(e,n,s)||""})},"z-model":(t,e,n)=>{i.effect(()=>{const s=h(e,n);"checkbox"===t.type?t.checked=!!s:t.value!==s&&(t.value=s||"")});const s=s=>{"checkbox"===t.type?u(e,n,t.checked):u(e,n,t.value)};t.addEventListener("input",s),t.addEventListener("change",s)},"z-for":(t,e,s)=>{const o=t.parentNode,r=document.createComment("z-for");o.replaceChild(r,t);const c=e.match(/^(?:\(([^)]+)\)|([^\s]+))\s+in\s+(.+)$/);if(!c)return n("Invalid z-for",e);const a=(c[1]||c[2]).split(",").map(t=>t.trim()),u=c[3].trim(),l={};i.effect(()=>{(h(u,s)||[]).forEach((e,n)=>{const i=e&&e.id||n;let c=l[i];if(!c){c=t.cloneNode(!0),l[i]=c;const h=Object.assign({},s.getContext(),{[a[0]]:e,[a[1]||"$index"]:n});f(c,s,h),o.insertBefore(c,r.nextSibling)}})})}};function f(e,s,o){if(3===e.nodeType){const t=e.nodeValue;return void(/{{/.test(t)&&i.effect(()=>{e.nodeValue=function(t,e={}){return t.replace(/{{\s*([^}]+)\s*}}/g,(t,s)=>{try{const t=a(s,e);return null==t?"":String(t)}catch(t){return n("Mustache eval",s,t),""}})}(t,o?Object.assign({},s.getContext(),o):s.getContext())}))}1===e.nodeType&&(Array.from(e.attributes||[]).forEach(r=>{if(r.name.startsWith("@")){const i=r.name.slice(1),c=r.value.trim();e.addEventListener(i,e=>{const r=s.methods&&s.methods[c];if(t(r))return r.call(s,e,s);try{Function("event","state","props","ctx","with(state){with(props){with(ctx||{}){"+c+"}}}")(e,s.state,s.props,o||{})}catch(t){n("Inline handler",c,t)}})}}),Array.from(e.attributes||[]).forEach(t=>{if(t.name.startsWith("z-")){const r=s._dirRegistry[t.name]||d[t.name];if(r)try{r(e,t.value,s,o)}catch(e){n("Directive",t.name,e)}else n("Unknown directive",t.name)}}),e.__zi_hidden||Array.from(e.childNodes).forEach(t=>f(t,s,o)))}class m{constructor({template:t="",state:n={},props:s={},methods:o={},onInit:r=e,onMount:c=e,onDestroy:a=e,directives:h={}}={}){this.template=t,this.state=i.reactive(n),this.props=s,this.methods=o,this.onInit=r,this.onMount=c,this.onDestroy=a,this.directives=h,this._dirRegistry=Object.assign({},h),this.el=null,this.mounted=!1}getContext(){return Object.assign({},this.state,this.props)}_resolveTemplate(){if(!this.template)return"";if("string"==typeof this.template&&this.template.startsWith("#")){const t=document.querySelector(this.template);if(!t)throw new Error("Template selector not found: "+this.template);return t.innerHTML}return"string"==typeof this.template?this.template:this.template instanceof HTMLElement?this.template.innerHTML:""}mount(t){this.onInit();const e="string"==typeof t?document.querySelector(t):t;if(!e)throw new Error("Mount not found");this.el=e,this._render(),this.mounted=!0,this.onMount()}unmount(){this.onDestroy(),this.el&&(this.el.innerHTML=""),this.mounted=!1}_render(){const t=l(this._resolveTemplate());p(t).forEach(t=>f(t,this)),this.el.innerHTML="",this.el.appendChild(t)}}class g{constructor({base:t="",headers:e={},fetchImpl:n=fetch}={}){this.base=t.replace(/\/$/,""),this.headers={...e},this.fetch=n}_url(t){return t.startsWith("http")?t:`${this.base}/${t.replace(/^\//,"")}`}async request(t,e,{params:n,body:s,headers:o}={}){const r=this._url(e)+(n?"?"+new URLSearchParams(n):""),i={method:t,headers:{...this.headers,...o||{}}};s&&((i.headers["Content-Type"]||"").includes("application/json")?i.body=JSON.stringify(s):i.body=s);const c=await this.fetch(r,i);if(!c.ok)throw new Error(`HTTP ${c.status}: ${c.statusText}`);return(c.headers.get("content-type")||"").includes("application/json")?c.json():c.text()}get(t,e){return this.request("GET",t,e)}post(t,e){return this.request("POST",t,e)}put(t,e){return this.request("PUT",t,e)}del(t,e){return this.request("DELETE",t,e)}}class y{constructor(t=[],{mode:e="hash",root:n=document.body,notFound:s=null}={}){this.routes=t,this.mode=e,this.root=n,this.current=null,this._cached=[],this._notFound=s,this._onHashChange=this._onHashChange.bind(this),this._compileRoutes()}_compileRoutes(){this._cached=this.routes.map(t=>{const e=[],n=new RegExp("^"+t.path.replace(/:([\w_]+)/g,(t,n)=>(e.push(n),"([^/]+)"))+"$");return{route:t,rx:n,keys:e}})}_match(t){for(const e of this._cached){const n=t.match(e.rx);if(n){const t={};return e.keys.forEach((e,s)=>t[e]=n[s+1]),{route:e.route,params:t}}}return null}_onHashChange(){const t=location.hash.replace(/^#/,"")||"/",e=this._match(t);this._renderRoute(e,t)}_mountComponent(t,e){this.current&&this.current.unmount&&this.current.unmount();const n=this.root;if("function"==typeof t){const s=t({params:e,router:this});s instanceof m?(s.props=Object.assign({},s.props,{$routeParams:e}),s.mount(n),this.current=s):"string"==typeof s?(n.innerHTML=s,this.current={unmount(){n.innerHTML=""}}):s instanceof HTMLElement&&(n.innerHTML="",n.appendChild(s),this.current={unmount(){n.innerHTML=""}})}else t instanceof m?(t.props=Object.assign({},t.props,{$routeParams:e}),t.mount(n),this.current=t):"string"==typeof t&&(n.innerHTML=t,this.current={unmount(){n.innerHTML=""}})}_renderRoute(t,e){if(!t){if(this._notFound){const t=this._notFound();this._mountComponent(t,{})}else n("Route not found",e);return}const{route:s,params:o}=t,r="function"==typeof s.component?s.component({params:o,router:this}):s.component;this._mountComponent(r,o)}init(t){this.root="string"==typeof t?document.querySelector(t):t||document.body,window.addEventListener("hashchange",this._onHashChange),this._onHashChange()}navigate(t){location.hash=t}}class _{constructor({root:t="#app",store:e=null,api:n=null}={}){if(this.root="string"==typeof t?document.querySelector(t):t,!this.root)throw new Error("Root not found");this.store=e||new c({}),this.api=n||new g({}),this.router=null,this.plugins=[]}use(e,n){t(e)?(e({app:this,store:this.store,api:this.api}),this.plugins.push(e)):e&&e.install&&(e.install(this,n),this.plugins.push(e))}mountComponent(t){if(!(t instanceof m))throw new Error("mountComponent expects Component");t.mount(this.root)}useRouter(t){this.router=t}}const w={Reactive:i,Store:c,Component:m,API:g,Router:y,App:_,Directives:d,createFragmentFromHTML:l,processNode:f,flattenNodes:p,...s},b=Object.assign({config:{debug:!0}},w,{createApp:t=>new _(t),createComponent:t=>new m(t),createStore:t=>new c(t),createAPI:t=>new g(t)});"undefined"!=typeof window&&(window.Zi=b),exports.API=g,exports.App=_,exports.Component=m,exports.Directives=d,exports.Reactive=i,exports.Router=y,exports.Store=c,exports.createFragmentFromHTML=l,exports.default=b,exports.flattenNodes=p,exports.processNode=f;
+//# sourceMappingURL=zi.cjs.js.map

package/dist/zi.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zi.cjs.js","sources":["../src/utils.js","../src/reactive.js","../src/store.js","../src/eval.js","../src/dom.js","../src/component.js","../src/api.js","../src/router.js","../src/app.js","../src/index.js"],"sourcesContent":["// src/utils.js\r\nexport const _isObject = v => v !== null && typeof v === 'object';\r\nexport const _isFn = v => typeof v === 'function';\r\nexport const _noop = () => { };\r\n\r\nexport function warn(...args) {\r\n    if (typeof globalThis !== 'undefined' && globalThis.Zi?.config?.debug) {\r\n        console.warn('[Zi]', ...args);\r\n    }\r\n}\r\nexport function log(...args) {\r\n    if (typeof globalThis !== 'undefined' && globalThis.Zi?.config?.debug) {\r\n        console.log('[Zi]', ...args);\r\n    }\r\n}\r\n","// src/reactive.js\r\nimport { warn } from './utils.js';\r\n\r\nexport class Dep {\r\n    constructor() { this.subs = new Set(); }\r\n    depend() { const eff = ReactiveSystem.currentEffect; if (eff) this.subs.add(eff); }\r\n    notify() { this.subs.forEach(fn => { try { fn(); } catch (e) { warn('Effect error', e); } }); }\r\n}\r\n\r\nexport class ReactiveSystem {\r\n    constructor() { this.targetMap = new WeakMap(); }\r\n    static currentEffect = null;\r\n\r\n    _depFor(target, key) {\r\n        let depsMap = this.targetMap.get(target);\r\n        if (!depsMap) this.targetMap.set(target, depsMap = new Map());\r\n        if (!depsMap.has(key)) depsMap.set(key, new Dep());\r\n        return depsMap.get(key);\r\n    }\r\n\r\n    reactive(obj) {\r\n        if (!obj || typeof obj !== 'object' || obj.__isReactive) return obj;\r\n        const self = this;\r\n        return new Proxy(obj, {\r\n            get(target, key, receiver) {\r\n                if (key === '__isReactive') return true;\r\n                const res = Reflect.get(target, key, receiver);\r\n                self._depFor(target, key).depend();\r\n                return (res && typeof res === 'object') ? self.reactive(res) : res;\r\n            },\r\n            set(target, key, val, receiver) {\r\n                const old = target[key];\r\n                const res = Reflect.set(target, key, val, receiver);\r\n                if (old !== val) self._depFor(target, key).notify();\r\n                return res;\r\n            },\r\n            deleteProperty(target, key) {\r\n                const res = Reflect.deleteProperty(target, key);\r\n                self._depFor(target, key).notify();\r\n                return res;\r\n            }\r\n        });\r\n    }\r\n\r\n    effect(fn, { lazy = false } = {}) {\r\n        const runner = () => { ReactiveSystem.currentEffect = runner; try { return fn(); } finally { ReactiveSystem.currentEffect = null; } };\r\n        if (!lazy) runner();\r\n        return runner;\r\n    }\r\n\r\n    computed(getter) {\r\n        let cache, dirty = true;\r\n        const runner = this.effect(() => { cache = getter(); dirty = false; }, { lazy: true });\r\n        return {\r\n            get value() {\r\n                if (dirty) {\r\n                    ReactiveSystem.currentEffect = runner;\r\n                    try { cache = getter(); } finally { ReactiveSystem.currentEffect = null; }\r\n                    dirty = false;\r\n                }\r\n                return cache;\r\n            }\r\n        };\r\n    }\r\n\r\n    watch(getter, cb) {\r\n        let old;\r\n        return this.effect(() => { const val = getter(); cb(val, old); old = val; });\r\n    }\r\n}\r\n\r\nexport const Reactive = new ReactiveSystem();\r\n","// src/store.js\r\nimport { Reactive } from './reactive.js';\r\n\r\nexport class Store {\r\n    constructor(initial = {}) {\r\n        this.state = Reactive.reactive(initial);\r\n        this._modules = {};\r\n    }\r\n\r\n    registerModule(name, stateObj) {\r\n        if (this._modules[name]) throw new Error(`Module ${name} exists`);\r\n        const mod = Reactive.reactive(stateObj);\r\n        this._modules[name] = mod;\r\n        this.state[name] = mod;\r\n        return mod;\r\n    }\r\n\r\n    patch(fn) { fn(this.state); }\r\n\r\n    getModule(name) { return this._modules[name]; }\r\n}\r\n","// src/eval.js\r\nimport { warn } from './utils.js';\r\n\r\n/**\r\n * Evaluate expression in a given scope object.\r\n *\r\n * scope is plain object of variables.\r\n */\r\nexport function evaluateInScope(expr, scope = {}) {\r\n    try {\r\n        const trimmed = expr.trim();\r\n        if (/^[\\w.$\\[\\]]+$/.test(trimmed)) {\r\n            return trimmed.split('.').reduce((a, k) => (a == null ? undefined : a[k.trim()]), scope);\r\n        }\r\n        const proxy = new Proxy(scope, { get(t, k) { return k in t ? t[k] : undefined; }, has() { return true; } });\r\n        return Function('scoped', 'with(scoped){return (' + expr + ');}')(proxy);\r\n    } catch (e) {\r\n        warn('Eval error', expr, e);\r\n        return undefined;\r\n    }\r\n}\r\n\r\n/**\r\n * Evaluate expression in context of component (cmp)\r\n * cmp expected to have state and props.\r\n */\r\nexport function evaluateExpr(expr, cmp, ctx) {\r\n    const state = (cmp && cmp.state) || {};\r\n    const props = (cmp && cmp.props) || {};\r\n    const scoped = Object.assign({}, state, props, ctx || {});\r\n    return evaluateInScope(expr, scoped);\r\n}\r\n\r\n/**\r\n * Assign to dot-path inside component.state\r\n */\r\nexport function assignExpr(expr, cmp, value) {\r\n    try {\r\n        const state = cmp.state || {};\r\n        const parts = expr.split('.');\r\n        let target = state;\r\n        for (let i = 0; i < parts.length - 1; i++) {\r\n            const k = parts[i].trim();\r\n            if (!(k in target)) target[k] = {};\r\n            target = target[k];\r\n        }\r\n        target[parts[parts.length - 1].trim()] = value;\r\n    } catch (e) {\r\n        warn('Assign error', expr, e);\r\n    }\r\n}\r\n\r\n/**\r\n * Simple mustache parser that uses evaluateInScope for expressions\r\n */\r\nexport function parseMustache(template, scope = {}) {\r\n    return template.replace(/{{\\s*([^}]+)\\s*}}/g, (_, expr) => {\r\n        try {\r\n            const val = evaluateInScope(expr, scope);\r\n            return val == null ? '' : String(val);\r\n        } catch (e) {\r\n            warn('Mustache eval', expr, e);\r\n            return '';\r\n        }\r\n    });\r\n}\r\n","// src/dom.js\r\nimport { evaluateExpr, assignExpr, parseMustache } from './eval.js';\r\nimport { Reactive } from './reactive.js';\r\nimport { warn, _isFn } from './utils.js';\r\n\r\n/** DOM helpers */\r\nexport function createFragmentFromHTML(html) {\r\n    const template = document.createElement('template');\r\n    template.innerHTML = html.trim();\r\n    return template.content;\r\n}\r\n\r\nexport function flattenNodes(root) {\r\n    const out = [];\r\n    const walk = node => {\r\n        out.push(node);\r\n        node.childNodes && node.childNodes.forEach(child => walk(child));\r\n    };\r\n    root.childNodes.forEach(n => walk(n));\r\n    return out;\r\n}\r\n\r\n/** Directives object (z-if, z-show, z-text, etc.) */\r\nexport const Directives = {\r\n    'z-if': (el, expr, cmp, ctx) => {\r\n        const apply = () => {\r\n            const val = !!evaluateExpr(expr, cmp, ctx);\r\n            el.__zi_hidden = !val;\r\n            el.style.display = val ? '' : 'none';\r\n        };\r\n        Reactive.effect(apply);\r\n    },\r\n    'z-show': (el, expr, cmp, ctx) => {\r\n        Reactive.effect(() => {\r\n            el.style.display = evaluateExpr(expr, cmp, ctx) ? '' : 'none';\r\n        });\r\n    },\r\n    'z-text': (el, expr, cmp, ctx) => {\r\n        Reactive.effect(() => {\r\n            el.textContent = (evaluateExpr(expr, cmp, ctx) || '');\r\n        });\r\n    },\r\n    'z-html': (el, expr, cmp, ctx) => {\r\n        Reactive.effect(() => {\r\n            el.innerHTML = (evaluateExpr(expr, cmp, ctx) || '');\r\n        });\r\n    },\r\n    'z-model': (el, expr, cmp) => {\r\n        const setEl = () => {\r\n            const v = evaluateExpr(expr, cmp);\r\n            if (el.type === 'checkbox') el.checked = !!v;\r\n            else if (el.value !== v) el.value = v || '';\r\n        };\r\n        Reactive.effect(setEl);\r\n        const handler = e => {\r\n            if (el.type === 'checkbox') assignExpr(expr, cmp, el.checked);\r\n            else assignExpr(expr, cmp, el.value);\r\n        };\r\n        el.addEventListener('input', handler);\r\n        el.addEventListener('change', handler);\r\n    },\r\n    'z-for': (el, expr, cmp) => {\r\n        const parent = el.parentNode;\r\n        const marker = document.createComment('z-for');\r\n        parent.replaceChild(marker, el);\r\n        const m = expr.match(/^(?:\\(([^)]+)\\)|([^\\s]+))\\s+in\\s+(.+)$/);\r\n        if (!m) return warn('Invalid z-for', expr);\r\n        const aliases = (m[1] || m[2]).split(',').map(s => s.trim());\r\n        const sourceExpr = m[3].trim();\r\n        const keyed = {};\r\n        const render = () => {\r\n            const list = evaluateExpr(sourceExpr, cmp) || [];\r\n            // naive keyed reuse\r\n            list.forEach((item, idx) => {\r\n                const key = (item && item.id) || idx;\r\n                let clone = keyed[key];\r\n                if (!clone) {\r\n                    clone = el.cloneNode(true);\r\n                    keyed[key] = clone;\r\n                    const local = Object.assign({}, cmp.getContext(), { [aliases[0]]: item, [aliases[1] || '$index']: idx });\r\n                    processNode(clone, cmp, local);\r\n                    parent.insertBefore(clone, marker.nextSibling);\r\n                }\r\n            });\r\n        };\r\n        Reactive.effect(render);\r\n    }\r\n};\r\n\r\n/**\r\n * processNode: walk a node fragment and attach directives & event handlers\r\n *\r\n * node - DOM node\r\n *\r\n * cmp - Component instance\r\n *\r\n * ctx - optional local context (for z-for items)\r\n */\r\nexport function processNode(node, cmp, ctx) {\r\n    if (node.nodeType === 3) {\r\n        const o = node.nodeValue;\r\n        if (/{{/.test(o)) {\r\n            Reactive.effect(() => {\r\n                node.nodeValue = parseMustache(o, ctx ? Object.assign({}, cmp.getContext(), ctx) : cmp.getContext());\r\n            });\r\n        }\r\n        return;\r\n    }\r\n    if (node.nodeType !== 1) return;\r\n\r\n    Array.from(node.attributes || []).forEach(attr => {\r\n        if (attr.name.startsWith('@')) {\r\n            const evt = attr.name.slice(1);\r\n            const h = attr.value.trim();\r\n            node.addEventListener(evt, e => {\r\n                const m = cmp.methods && cmp.methods[h];\r\n                if (_isFn(m)) return m.call(cmp, e, cmp);\r\n                try {\r\n                    Function('event', 'state', 'props', 'ctx', 'with(state){with(props){with(ctx||{}){' + h + '}}}')(e, cmp.state, cmp.props, ctx || {});\r\n                } catch (err) {\r\n                    warn('Inline handler', h, err);\r\n                }\r\n            });\r\n        }\r\n    });\r\n\r\n    Array.from(node.attributes || []).forEach(attr => {\r\n        if (attr.name.startsWith('z-')) {\r\n            const h = cmp._dirRegistry[attr.name] || Directives[attr.name];\r\n            if (h) {\r\n                try { h(node, attr.value, cmp, ctx); } catch (e) { warn('Directive', attr.name, e); }\r\n            } else warn('Unknown directive', attr.name);\r\n        }\r\n    });\r\n\r\n    if (node.__zi_hidden) return;\r\n    Array.from(node.childNodes).forEach(c => processNode(c, cmp, ctx));\r\n}\r\n","// src/component.js\r\nimport { Reactive } from './reactive.js';\r\nimport { createFragmentFromHTML, flattenNodes, processNode } from './dom.js';\r\nimport { _noop } from './utils.js';\r\n\r\nexport class Component {\r\n    constructor({ template = '', state = {}, props = {}, methods = {}, onInit = _noop, onMount = _noop, onDestroy = _noop, directives = {} } = {}) {\r\n        this.template = template;\r\n        this.state = Reactive.reactive(state);\r\n        this.props = props;\r\n        this.methods = methods;\r\n        this.onInit = onInit;\r\n        this.onMount = onMount;\r\n        this.onDestroy = onDestroy;\r\n        this.directives = directives;\r\n        this._dirRegistry = Object.assign({}, directives); // will be merged by indexing code\r\n        this.el = null;\r\n        this.mounted = false;\r\n    }\r\n\r\n    getContext() { return Object.assign({}, this.state, this.props); }\r\n\r\n    _resolveTemplate() {\r\n        if (!this.template) return '';\r\n        if (typeof this.template === 'string' && this.template.startsWith('#')) {\r\n            const el = document.querySelector(this.template);\r\n            if (!el) throw new Error('Template selector not found: ' + this.template);\r\n            return el.innerHTML;\r\n        }\r\n        if (typeof this.template === 'string') return this.template;\r\n        if (this.template instanceof HTMLElement) return this.template.innerHTML;\r\n        return '';\r\n    }\r\n\r\n    mount(sel) {\r\n        this.onInit();\r\n        const mountEl = (typeof sel === 'string') ? document.querySelector(sel) : sel;\r\n        if (!mountEl) throw new Error('Mount not found');\r\n        this.el = mountEl;\r\n        this._render();\r\n        this.mounted = true;\r\n        this.onMount();\r\n    }\r\n\r\n    unmount() {\r\n        this.onDestroy();\r\n        if (this.el) this.el.innerHTML = '';\r\n        this.mounted = false;\r\n    }\r\n\r\n    _render() {\r\n        const raw = this._resolveTemplate();\r\n        const frag = createFragmentFromHTML(raw);\r\n        // allow directives registry (local override) to be considered in processNode; for simplicity assume processNode uses cmp._dirRegistry\r\n        flattenNodes(frag).forEach(n => processNode(n, this));\r\n        this.el.innerHTML = '';\r\n        this.el.appendChild(frag);\r\n    }\r\n}\r\n","// src/api.js\r\nexport class API {\r\n    constructor({ base = '', headers = {}, fetchImpl = fetch } = {}) {\r\n        this.base = base.replace(/\\/$/, '');\r\n        this.headers = { ...headers };\r\n        this.fetch = fetchImpl;\r\n    }\r\n\r\n    _url(path) { return path.startsWith('http') ? path : `${this.base}/${path.replace(/^\\//, '')}`; }\r\n\r\n    async request(method, path, { params, body, headers } = {}) {\r\n        const url = this._url(path) + (params ? '?' + new URLSearchParams(params) : '');\r\n        const opts = { method, headers: { ...this.headers, ...(headers || {}) } };\r\n        if (body) {\r\n            if ((opts.headers['Content-Type'] || '').includes('application/json')) opts.body = JSON.stringify(body);\r\n            else opts.body = body;\r\n        }\r\n        const res = await this.fetch(url, opts);\r\n        if (!res.ok) throw new Error(`HTTP ${res.status}: ${res.statusText}`);\r\n        const ct = res.headers.get('content-type') || '';\r\n        return ct.includes('application/json') ? res.json() : res.text();\r\n    }\r\n\r\n    get(p, o) { return this.request('GET', p, o); }\r\n    post(p, o) { return this.request('POST', p, o); }\r\n    put(p, o) { return this.request('PUT', p, o); }\r\n    del(p, o) { return this.request('DELETE', p, o); }\r\n}\r\n","// src/router.js\r\nimport { warn } from './utils.js';\r\nimport { Component } from './component.js';\r\n\r\nexport class Router {\r\n    constructor(routes = [], { mode = 'hash', root = document.body, notFound = null } = {}) {\r\n        this.routes = routes;\r\n        this.mode = mode;\r\n        this.root = root;\r\n        this.current = null;\r\n        this._cached = [];\r\n        this._notFound = notFound;\r\n        this._onHashChange = this._onHashChange.bind(this);\r\n        this._compileRoutes();\r\n    }\r\n\r\n    _compileRoutes() {\r\n        this._cached = this.routes.map(r => {\r\n            const keys = [];\r\n            const rx = new RegExp('^' + r.path.replace(/:([\\w_]+)/g, (_, k) => { keys.push(k); return '([^/]+)'; }) + '$');\r\n            return { route: r, rx, keys };\r\n        });\r\n    }\r\n\r\n    _match(path) {\r\n        for (const e of this._cached) {\r\n            const m = path.match(e.rx);\r\n            if (m) {\r\n                const p = {};\r\n                e.keys.forEach((k, i) => p[k] = m[i + 1]);\r\n                return { route: e.route, params: p };\r\n            }\r\n        }\r\n        return null;\r\n    }\r\n\r\n    _onHashChange() {\r\n        const hash = location.hash.replace(/^#/, '') || '/';\r\n        const matched = this._match(hash);\r\n        this._renderRoute(matched, hash);\r\n    }\r\n\r\n    _mountComponent(comp, params) {\r\n        if (this.current && this.current.unmount) this.current.unmount();\r\n        const mp = this.root;\r\n        if (typeof comp === 'function') {\r\n            const inst = comp({ params, router: this });\r\n            if (inst instanceof Component) {\r\n                inst.props = Object.assign({}, inst.props, { $routeParams: params });\r\n                inst.mount(mp);\r\n                this.current = inst;\r\n            } else if (typeof inst === 'string') {\r\n                mp.innerHTML = inst;\r\n                this.current = { unmount() { mp.innerHTML = ''; } };\r\n            } else if (inst instanceof HTMLElement) {\r\n                mp.innerHTML = '';\r\n                mp.appendChild(inst);\r\n                this.current = { unmount() { mp.innerHTML = ''; } };\r\n            }\r\n        } else if (comp instanceof Component) {\r\n            comp.props = Object.assign({}, comp.props, { $routeParams: params });\r\n            comp.mount(mp);\r\n            this.current = comp;\r\n        } else if (typeof comp === 'string') {\r\n            mp.innerHTML = comp;\r\n            this.current = { unmount() { mp.innerHTML = ''; } };\r\n        }\r\n    }\r\n\r\n    _renderRoute(matched, path) {\r\n        if (!matched) {\r\n            if (this._notFound) {\r\n                const c = this._notFound();\r\n                this._mountComponent(c, {});\r\n            } else warn('Route not found', path);\r\n            return;\r\n        }\r\n        const { route, params } = matched;\r\n        const comp = (typeof route.component === 'function' ? route.component({ params, router: this }) : route.component);\r\n        this._mountComponent(comp, params);\r\n    }\r\n\r\n    init(sel) {\r\n        this.root = typeof sel === 'string' ? document.querySelector(sel) : (sel || document.body);\r\n        window.addEventListener('hashchange', this._onHashChange);\r\n        this._onHashChange();\r\n    }\r\n\r\n    navigate(path) { location.hash = path; }\r\n}\r\n","// src/app.js\r\nimport { Store } from './store.js';\r\nimport { API } from './api.js';\r\nimport { Router } from './router.js';\r\nimport { Component } from './component.js';\r\nimport { _isFn } from './utils.js';\r\n\r\nexport class App {\r\n    constructor({ root = '#app', store = null, api = null } = {}) {\r\n        this.root = (typeof root === 'string') ? document.querySelector(root) : root;\r\n        if (!this.root) throw new Error('Root not found');\r\n        this.store = store || new Store({});\r\n        this.api = api || new API({});\r\n        this.router = null;\r\n        this.plugins = [];\r\n    }\r\n\r\n    use(plugin, options) {\r\n        if (_isFn(plugin)) {\r\n            plugin({ app: this, store: this.store, api: this.api });\r\n            this.plugins.push(plugin);\r\n        } else if (plugin && plugin.install) {\r\n            plugin.install(this, options);\r\n            this.plugins.push(plugin);\r\n        }\r\n    }\r\n\r\n    mountComponent(c) {\r\n        if (!(c instanceof Component)) throw new Error('mountComponent expects Component');\r\n        c.mount(this.root);\r\n    }\r\n\r\n    useRouter(r) { this.router = r; }\r\n}\r\n","// src/index.js\r\nimport { Reactive } from './reactive.js';\r\nimport { Store } from './store.js';\r\nimport { Component } from './component.js';\r\nimport { API } from './api.js';\r\nimport { Router } from './router.js';\r\nimport { App } from './app.js';\r\nimport { Directives, createFragmentFromHTML, processNode, flattenNodes } from './dom.js';\r\nimport * as utils from './utils.js';\r\n\r\nconst ZiFramework = { Reactive, Store, Component, API, Router, App, Directives, createFragmentFromHTML, processNode, flattenNodes, ...utils };\r\nconst Zi = Object.assign({ config: { debug: true } }, ZiFramework, {\r\n    createApp: o => new App(o),\r\n    createComponent: o => new Component(o),\r\n    createStore: i => new Store(i),\r\n    createAPI: o => new API(o)\r\n});\r\n\r\nif (typeof window !== 'undefined') window.Zi = Zi;\r\n\r\nexport {\r\n    Reactive, Store, Component, API, Router, App, Directives,\r\n    createFragmentFromHTML, processNode, flattenNodes,\r\n    Zi as default\r\n};\r\n"],"names":["_isFn","v","_noop","warn","args","globalThis","Zi","config","debug","console","log","Dep","constructor","this","subs","Set","depend","eff","ReactiveSystem","currentEffect","add","notify","forEach","fn","e","targetMap","WeakMap","static","_depFor","target","key","depsMap","get","set","Map","has","reactive","obj","__isReactive","self","Proxy","receiver","res","Reflect","val","old","deleteProperty","effect","lazy","runner","computed","getter","cache","dirty","value","watch","cb","Reactive","Store","initial","state","_modules","registerModule","name","stateObj","Error","mod","patch","getModule","evaluateInScope","expr","scope","trimmed","trim","test","split","reduce","a","k","undefined","proxy","t","Function","evaluateExpr","cmp","ctx","props","Object","assign","assignExpr","parts","i","length","createFragmentFromHTML","html","template","document","createElement","innerHTML","content","flattenNodes","root","out","walk","node","push","childNodes","child","n","Directives","el","__zi_hidden","style","display","textContent","type","checked","handler","addEventListener","parent","parentNode","marker","createComment","replaceChild","m","match","aliases","map","s","sourceExpr","keyed","item","idx","id","clone","cloneNode","local","getContext","processNode","insertBefore","nextSibling","nodeType","o","nodeValue","replace","_","String","parseMustache","Array","from","attributes","attr","startsWith","evt","slice","h","methods","call","err","_dirRegistry","c","Component","onInit","onMount","onDestroy","directives","mounted","_resolveTemplate","querySelector","HTMLElement","mount","sel","mountEl","_render","unmount","frag","appendChild","API","base","headers","fetchImpl","fetch","_url","path","request","method","params","body","url","URLSearchParams","opts","includes","JSON","stringify","ok","status","statusText","json","text","p","post","put","del","Router","routes","mode","notFound","current","_cached","_notFound","_onHashChange","bind","_compileRoutes","r","keys","rx","RegExp","route","_match","hash","location","matched","_renderRoute","_mountComponent","comp","mp","inst","router","$routeParams","component","init","window","navigate","App","store","api","plugins","use","plugin","options","app","install","mountComponent","useRouter","ZiFramework","utils","createApp","createComponent","createStore","createAPI"],"mappings":"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"}

package/dist/zi.js

@@ -0,0 +1,2 @@
+const t=t=>"function"==typeof t,e=()=>{};function n(...t){"undefined"!=typeof globalThis&&globalThis.Zi?.config?.debug&&console.warn("[Zi]",...t)}var s=Object.freeze({__proto__:null,_isObject:t=>null!==t&&"object"==typeof t,_isFn:t,_noop:e,warn:n,log:function(...t){"undefined"!=typeof globalThis&&globalThis.Zi?.config?.debug&&console.log("[Zi]",...t)}});class o{constructor(){this.subs=new Set}depend(){const t=r.currentEffect;t&&this.subs.add(t)}notify(){this.subs.forEach(t=>{try{t()}catch(t){n("Effect error",t)}})}}class r{constructor(){this.targetMap=new WeakMap}static currentEffect=null;_depFor(t,e){let n=this.targetMap.get(t);return n||this.targetMap.set(t,n=new Map),n.has(e)||n.set(e,new o),n.get(e)}reactive(t){if(!t||"object"!=typeof t||t.__isReactive)return t;const e=this;return new Proxy(t,{get(t,n,s){if("__isReactive"===n)return!0;const o=Reflect.get(t,n,s);return e._depFor(t,n).depend(),o&&"object"==typeof o?e.reactive(o):o},set(t,n,s,o){const r=t[n],i=Reflect.set(t,n,s,o);return r!==s&&e._depFor(t,n).notify(),i},deleteProperty(t,n){const s=Reflect.deleteProperty(t,n);return e._depFor(t,n).notify(),s}})}effect(t,{lazy:e=!1}={}){const n=()=>{r.currentEffect=n;try{return t()}finally{r.currentEffect=null}};return e||n(),n}computed(t){let e,n=!0;const s=this.effect(()=>{e=t(),n=!1},{lazy:!0});return{get value(){if(n){r.currentEffect=s;try{e=t()}finally{r.currentEffect=null}n=!1}return e}}}watch(t,e){let n;return this.effect(()=>{const s=t();e(s,n),n=s})}}const i=new r;class c{constructor(t={}){this.state=i.reactive(t),this._modules={}}registerModule(t,e){if(this._modules[t])throw new Error(`Module ${t} exists`);const n=i.reactive(e);return this._modules[t]=n,this.state[t]=n,n}patch(t){t(this.state)}getModule(t){return this._modules[t]}}function a(t,e={}){try{const n=t.trim();if(/^[\w.$\[\]]+$/.test(n))return n.split(".").reduce((t,e)=>null==t?void 0:t[e.trim()],e);const s=new Proxy(e,{get:(t,e)=>e in t?t[e]:void 0,has:()=>!0});return Function("scoped","with(scoped){return ("+t+");}")(s)}catch(e){return void n("Eval error",t,e)}}function h(t,e,n){const s=e&&e.state||{},o=e&&e.props||{};return a(t,Object.assign({},s,o,n||{}))}function u(t,e,s){try{const n=e.state||{},o=t.split(".");let r=n;for(let t=0;t<o.length-1;t++){const e=o[t].trim();e in r||(r[e]={}),r=r[e]}r[o[o.length-1].trim()]=s}catch(e){n("Assign error",t,e)}}function l(t){const e=document.createElement("template");return e.innerHTML=t.trim(),e.content}function p(t){const e=[],n=t=>{e.push(t),t.childNodes&&t.childNodes.forEach(t=>n(t))};return t.childNodes.forEach(t=>n(t)),e}const d={"z-if":(t,e,n,s)=>{i.effect(()=>{const o=!!h(e,n,s);t.__zi_hidden=!o,t.style.display=o?"":"none"})},"z-show":(t,e,n,s)=>{i.effect(()=>{t.style.display=h(e,n,s)?"":"none"})},"z-text":(t,e,n,s)=>{i.effect(()=>{t.textContent=h(e,n,s)||""})},"z-html":(t,e,n,s)=>{i.effect(()=>{t.innerHTML=h(e,n,s)||""})},"z-model":(t,e,n)=>{i.effect(()=>{const s=h(e,n);"checkbox"===t.type?t.checked=!!s:t.value!==s&&(t.value=s||"")});const s=s=>{"checkbox"===t.type?u(e,n,t.checked):u(e,n,t.value)};t.addEventListener("input",s),t.addEventListener("change",s)},"z-for":(t,e,s)=>{const o=t.parentNode,r=document.createComment("z-for");o.replaceChild(r,t);const c=e.match(/^(?:\(([^)]+)\)|([^\s]+))\s+in\s+(.+)$/);if(!c)return n("Invalid z-for",e);const a=(c[1]||c[2]).split(",").map(t=>t.trim()),u=c[3].trim(),l={};i.effect(()=>{(h(u,s)||[]).forEach((e,n)=>{const i=e&&e.id||n;let c=l[i];if(!c){c=t.cloneNode(!0),l[i]=c;const h=Object.assign({},s.getContext(),{[a[0]]:e,[a[1]||"$index"]:n});f(c,s,h),o.insertBefore(c,r.nextSibling)}})})}};function f(e,s,o){if(3===e.nodeType){const t=e.nodeValue;return void(/{{/.test(t)&&i.effect(()=>{e.nodeValue=function(t,e={}){return t.replace(/{{\s*([^}]+)\s*}}/g,(t,s)=>{try{const t=a(s,e);return null==t?"":String(t)}catch(t){return n("Mustache eval",s,t),""}})}(t,o?Object.assign({},s.getContext(),o):s.getContext())}))}1===e.nodeType&&(Array.from(e.attributes||[]).forEach(r=>{if(r.name.startsWith("@")){const i=r.name.slice(1),c=r.value.trim();e.addEventListener(i,e=>{const r=s.methods&&s.methods[c];if(t(r))return r.call(s,e,s);try{Function("event","state","props","ctx","with(state){with(props){with(ctx||{}){"+c+"}}}")(e,s.state,s.props,o||{})}catch(t){n("Inline handler",c,t)}})}}),Array.from(e.attributes||[]).forEach(t=>{if(t.name.startsWith("z-")){const r=s._dirRegistry[t.name]||d[t.name];if(r)try{r(e,t.value,s,o)}catch(e){n("Directive",t.name,e)}else n("Unknown directive",t.name)}}),e.__zi_hidden||Array.from(e.childNodes).forEach(t=>f(t,s,o)))}class m{constructor({template:t="",state:n={},props:s={},methods:o={},onInit:r=e,onMount:c=e,onDestroy:a=e,directives:h={}}={}){this.template=t,this.state=i.reactive(n),this.props=s,this.methods=o,this.onInit=r,this.onMount=c,this.onDestroy=a,this.directives=h,this._dirRegistry=Object.assign({},h),this.el=null,this.mounted=!1}getContext(){return Object.assign({},this.state,this.props)}_resolveTemplate(){if(!this.template)return"";if("string"==typeof this.template&&this.template.startsWith("#")){const t=document.querySelector(this.template);if(!t)throw new Error("Template selector not found: "+this.template);return t.innerHTML}return"string"==typeof this.template?this.template:this.template instanceof HTMLElement?this.template.innerHTML:""}mount(t){this.onInit();const e="string"==typeof t?document.querySelector(t):t;if(!e)throw new Error("Mount not found");this.el=e,this._render(),this.mounted=!0,this.onMount()}unmount(){this.onDestroy(),this.el&&(this.el.innerHTML=""),this.mounted=!1}_render(){const t=l(this._resolveTemplate());p(t).forEach(t=>f(t,this)),this.el.innerHTML="",this.el.appendChild(t)}}class g{constructor({base:t="",headers:e={},fetchImpl:n=fetch}={}){this.base=t.replace(/\/$/,""),this.headers={...e},this.fetch=n}_url(t){return t.startsWith("http")?t:`${this.base}/${t.replace(/^\//,"")}`}async request(t,e,{params:n,body:s,headers:o}={}){const r=this._url(e)+(n?"?"+new URLSearchParams(n):""),i={method:t,headers:{...this.headers,...o||{}}};s&&((i.headers["Content-Type"]||"").includes("application/json")?i.body=JSON.stringify(s):i.body=s);const c=await this.fetch(r,i);if(!c.ok)throw new Error(`HTTP ${c.status}: ${c.statusText}`);return(c.headers.get("content-type")||"").includes("application/json")?c.json():c.text()}get(t,e){return this.request("GET",t,e)}post(t,e){return this.request("POST",t,e)}put(t,e){return this.request("PUT",t,e)}del(t,e){return this.request("DELETE",t,e)}}class y{constructor(t=[],{mode:e="hash",root:n=document.body,notFound:s=null}={}){this.routes=t,this.mode=e,this.root=n,this.current=null,this._cached=[],this._notFound=s,this._onHashChange=this._onHashChange.bind(this),this._compileRoutes()}_compileRoutes(){this._cached=this.routes.map(t=>{const e=[],n=new RegExp("^"+t.path.replace(/:([\w_]+)/g,(t,n)=>(e.push(n),"([^/]+)"))+"$");return{route:t,rx:n,keys:e}})}_match(t){for(const e of this._cached){const n=t.match(e.rx);if(n){const t={};return e.keys.forEach((e,s)=>t[e]=n[s+1]),{route:e.route,params:t}}}return null}_onHashChange(){const t=location.hash.replace(/^#/,"")||"/",e=this._match(t);this._renderRoute(e,t)}_mountComponent(t,e){this.current&&this.current.unmount&&this.current.unmount();const n=this.root;if("function"==typeof t){const s=t({params:e,router:this});s instanceof m?(s.props=Object.assign({},s.props,{$routeParams:e}),s.mount(n),this.current=s):"string"==typeof s?(n.innerHTML=s,this.current={unmount(){n.innerHTML=""}}):s instanceof HTMLElement&&(n.innerHTML="",n.appendChild(s),this.current={unmount(){n.innerHTML=""}})}else t instanceof m?(t.props=Object.assign({},t.props,{$routeParams:e}),t.mount(n),this.current=t):"string"==typeof t&&(n.innerHTML=t,this.current={unmount(){n.innerHTML=""}})}_renderRoute(t,e){if(!t){if(this._notFound){const t=this._notFound();this._mountComponent(t,{})}else n("Route not found",e);return}const{route:s,params:o}=t,r="function"==typeof s.component?s.component({params:o,router:this}):s.component;this._mountComponent(r,o)}init(t){this.root="string"==typeof t?document.querySelector(t):t||document.body,window.addEventListener("hashchange",this._onHashChange),this._onHashChange()}navigate(t){location.hash=t}}class _{constructor({root:t="#app",store:e=null,api:n=null}={}){if(this.root="string"==typeof t?document.querySelector(t):t,!this.root)throw new Error("Root not found");this.store=e||new c({}),this.api=n||new g({}),this.router=null,this.plugins=[]}use(e,n){t(e)?(e({app:this,store:this.store,api:this.api}),this.plugins.push(e)):e&&e.install&&(e.install(this,n),this.plugins.push(e))}mountComponent(t){if(!(t instanceof m))throw new Error("mountComponent expects Component");t.mount(this.root)}useRouter(t){this.router=t}}const w={Reactive:i,Store:c,Component:m,API:g,Router:y,App:_,Directives:d,createFragmentFromHTML:l,processNode:f,flattenNodes:p,...s},b=Object.assign({config:{debug:!0}},w,{createApp:t=>new _(t),createComponent:t=>new m(t),createStore:t=>new c(t),createAPI:t=>new g(t)});"undefined"!=typeof window&&(window.Zi=b);export{g as API,_ as App,m as Component,d as Directives,i as Reactive,y as Router,c as Store,l as createFragmentFromHTML,b as default,p as flattenNodes,f as processNode};
+//# sourceMappingURL=zi.js.map

package/dist/zi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zi.js","sources":["../src/utils.js","../src/reactive.js","../src/store.js","../src/eval.js","../src/dom.js","../src/component.js","../src/api.js","../src/router.js","../src/app.js","../src/index.js"],"sourcesContent":["// src/utils.js\r\nexport const _isObject = v => v !== null && typeof v === 'object';\r\nexport const _isFn = v => typeof v === 'function';\r\nexport const _noop = () => { };\r\n\r\nexport function warn(...args) {\r\n    if (typeof globalThis !== 'undefined' && globalThis.Zi?.config?.debug) {\r\n        console.warn('[Zi]', ...args);\r\n    }\r\n}\r\nexport function log(...args) {\r\n    if (typeof globalThis !== 'undefined' && globalThis.Zi?.config?.debug) {\r\n        console.log('[Zi]', ...args);\r\n    }\r\n}\r\n","// src/reactive.js\r\nimport { warn } from './utils.js';\r\n\r\nexport class Dep {\r\n    constructor() { this.subs = new Set(); }\r\n    depend() { const eff = ReactiveSystem.currentEffect; if (eff) this.subs.add(eff); }\r\n    notify() { this.subs.forEach(fn => { try { fn(); } catch (e) { warn('Effect error', e); } }); }\r\n}\r\n\r\nexport class ReactiveSystem {\r\n    constructor() { this.targetMap = new WeakMap(); }\r\n    static currentEffect = null;\r\n\r\n    _depFor(target, key) {\r\n        let depsMap = this.targetMap.get(target);\r\n        if (!depsMap) this.targetMap.set(target, depsMap = new Map());\r\n        if (!depsMap.has(key)) depsMap.set(key, new Dep());\r\n        return depsMap.get(key);\r\n    }\r\n\r\n    reactive(obj) {\r\n        if (!obj || typeof obj !== 'object' || obj.__isReactive) return obj;\r\n        const self = this;\r\n        return new Proxy(obj, {\r\n            get(target, key, receiver) {\r\n                if (key === '__isReactive') return true;\r\n                const res = Reflect.get(target, key, receiver);\r\n                self._depFor(target, key).depend();\r\n                return (res && typeof res === 'object') ? self.reactive(res) : res;\r\n            },\r\n            set(target, key, val, receiver) {\r\n                const old = target[key];\r\n                const res = Reflect.set(target, key, val, receiver);\r\n                if (old !== val) self._depFor(target, key).notify();\r\n                return res;\r\n            },\r\n            deleteProperty(target, key) {\r\n                const res = Reflect.deleteProperty(target, key);\r\n                self._depFor(target, key).notify();\r\n                return res;\r\n            }\r\n        });\r\n    }\r\n\r\n    effect(fn, { lazy = false } = {}) {\r\n        const runner = () => { ReactiveSystem.currentEffect = runner; try { return fn(); } finally { ReactiveSystem.currentEffect = null; } };\r\n        if (!lazy) runner();\r\n        return runner;\r\n    }\r\n\r\n    computed(getter) {\r\n        let cache, dirty = true;\r\n        const runner = this.effect(() => { cache = getter(); dirty = false; }, { lazy: true });\r\n        return {\r\n            get value() {\r\n                if (dirty) {\r\n                    ReactiveSystem.currentEffect = runner;\r\n                    try { cache = getter(); } finally { ReactiveSystem.currentEffect = null; }\r\n                    dirty = false;\r\n                }\r\n                return cache;\r\n            }\r\n        };\r\n    }\r\n\r\n    watch(getter, cb) {\r\n        let old;\r\n        return this.effect(() => { const val = getter(); cb(val, old); old = val; });\r\n    }\r\n}\r\n\r\nexport const Reactive = new ReactiveSystem();\r\n","// src/store.js\r\nimport { Reactive } from './reactive.js';\r\n\r\nexport class Store {\r\n    constructor(initial = {}) {\r\n        this.state = Reactive.reactive(initial);\r\n        this._modules = {};\r\n    }\r\n\r\n    registerModule(name, stateObj) {\r\n        if (this._modules[name]) throw new Error(`Module ${name} exists`);\r\n        const mod = Reactive.reactive(stateObj);\r\n        this._modules[name] = mod;\r\n        this.state[name] = mod;\r\n        return mod;\r\n    }\r\n\r\n    patch(fn) { fn(this.state); }\r\n\r\n    getModule(name) { return this._modules[name]; }\r\n}\r\n","// src/eval.js\r\nimport { warn } from './utils.js';\r\n\r\n/**\r\n * Evaluate expression in a given scope object.\r\n *\r\n * scope is plain object of variables.\r\n */\r\nexport function evaluateInScope(expr, scope = {}) {\r\n    try {\r\n        const trimmed = expr.trim();\r\n        if (/^[\\w.$\\[\\]]+$/.test(trimmed)) {\r\n            return trimmed.split('.').reduce((a, k) => (a == null ? undefined : a[k.trim()]), scope);\r\n        }\r\n        const proxy = new Proxy(scope, { get(t, k) { return k in t ? t[k] : undefined; }, has() { return true; } });\r\n        return Function('scoped', 'with(scoped){return (' + expr + ');}')(proxy);\r\n    } catch (e) {\r\n        warn('Eval error', expr, e);\r\n        return undefined;\r\n    }\r\n}\r\n\r\n/**\r\n * Evaluate expression in context of component (cmp)\r\n * cmp expected to have state and props.\r\n */\r\nexport function evaluateExpr(expr, cmp, ctx) {\r\n    const state = (cmp && cmp.state) || {};\r\n    const props = (cmp && cmp.props) || {};\r\n    const scoped = Object.assign({}, state, props, ctx || {});\r\n    return evaluateInScope(expr, scoped);\r\n}\r\n\r\n/**\r\n * Assign to dot-path inside component.state\r\n */\r\nexport function assignExpr(expr, cmp, value) {\r\n    try {\r\n        const state = cmp.state || {};\r\n        const parts = expr.split('.');\r\n        let target = state;\r\n        for (let i = 0; i < parts.length - 1; i++) {\r\n            const k = parts[i].trim();\r\n            if (!(k in target)) target[k] = {};\r\n            target = target[k];\r\n        }\r\n        target[parts[parts.length - 1].trim()] = value;\r\n    } catch (e) {\r\n        warn('Assign error', expr, e);\r\n    }\r\n}\r\n\r\n/**\r\n * Simple mustache parser that uses evaluateInScope for expressions\r\n */\r\nexport function parseMustache(template, scope = {}) {\r\n    return template.replace(/{{\\s*([^}]+)\\s*}}/g, (_, expr) => {\r\n        try {\r\n            const val = evaluateInScope(expr, scope);\r\n            return val == null ? '' : String(val);\r\n        } catch (e) {\r\n            warn('Mustache eval', expr, e);\r\n            return '';\r\n        }\r\n    });\r\n}\r\n","// src/dom.js\r\nimport { evaluateExpr, assignExpr, parseMustache } from './eval.js';\r\nimport { Reactive } from './reactive.js';\r\nimport { warn, _isFn } from './utils.js';\r\n\r\n/** DOM helpers */\r\nexport function createFragmentFromHTML(html) {\r\n    const template = document.createElement('template');\r\n    template.innerHTML = html.trim();\r\n    return template.content;\r\n}\r\n\r\nexport function flattenNodes(root) {\r\n    const out = [];\r\n    const walk = node => {\r\n        out.push(node);\r\n        node.childNodes && node.childNodes.forEach(child => walk(child));\r\n    };\r\n    root.childNodes.forEach(n => walk(n));\r\n    return out;\r\n}\r\n\r\n/** Directives object (z-if, z-show, z-text, etc.) */\r\nexport const Directives = {\r\n    'z-if': (el, expr, cmp, ctx) => {\r\n        const apply = () => {\r\n            const val = !!evaluateExpr(expr, cmp, ctx);\r\n            el.__zi_hidden = !val;\r\n            el.style.display = val ? '' : 'none';\r\n        };\r\n        Reactive.effect(apply);\r\n    },\r\n    'z-show': (el, expr, cmp, ctx) => {\r\n        Reactive.effect(() => {\r\n            el.style.display = evaluateExpr(expr, cmp, ctx) ? '' : 'none';\r\n        });\r\n    },\r\n    'z-text': (el, expr, cmp, ctx) => {\r\n        Reactive.effect(() => {\r\n            el.textContent = (evaluateExpr(expr, cmp, ctx) || '');\r\n        });\r\n    },\r\n    'z-html': (el, expr, cmp, ctx) => {\r\n        Reactive.effect(() => {\r\n            el.innerHTML = (evaluateExpr(expr, cmp, ctx) || '');\r\n        });\r\n    },\r\n    'z-model': (el, expr, cmp) => {\r\n        const setEl = () => {\r\n            const v = evaluateExpr(expr, cmp);\r\n            if (el.type === 'checkbox') el.checked = !!v;\r\n            else if (el.value !== v) el.value = v || '';\r\n        };\r\n        Reactive.effect(setEl);\r\n        const handler = e => {\r\n            if (el.type === 'checkbox') assignExpr(expr, cmp, el.checked);\r\n            else assignExpr(expr, cmp, el.value);\r\n        };\r\n        el.addEventListener('input', handler);\r\n        el.addEventListener('change', handler);\r\n    },\r\n    'z-for': (el, expr, cmp) => {\r\n        const parent = el.parentNode;\r\n        const marker = document.createComment('z-for');\r\n        parent.replaceChild(marker, el);\r\n        const m = expr.match(/^(?:\\(([^)]+)\\)|([^\\s]+))\\s+in\\s+(.+)$/);\r\n        if (!m) return warn('Invalid z-for', expr);\r\n        const aliases = (m[1] || m[2]).split(',').map(s => s.trim());\r\n        const sourceExpr = m[3].trim();\r\n        const keyed = {};\r\n        const render = () => {\r\n            const list = evaluateExpr(sourceExpr, cmp) || [];\r\n            // naive keyed reuse\r\n            list.forEach((item, idx) => {\r\n                const key = (item && item.id) || idx;\r\n                let clone = keyed[key];\r\n                if (!clone) {\r\n                    clone = el.cloneNode(true);\r\n                    keyed[key] = clone;\r\n                    const local = Object.assign({}, cmp.getContext(), { [aliases[0]]: item, [aliases[1] || '$index']: idx });\r\n                    processNode(clone, cmp, local);\r\n                    parent.insertBefore(clone, marker.nextSibling);\r\n                }\r\n            });\r\n        };\r\n        Reactive.effect(render);\r\n    }\r\n};\r\n\r\n/**\r\n * processNode: walk a node fragment and attach directives & event handlers\r\n *\r\n * node - DOM node\r\n *\r\n * cmp - Component instance\r\n *\r\n * ctx - optional local context (for z-for items)\r\n */\r\nexport function processNode(node, cmp, ctx) {\r\n    if (node.nodeType === 3) {\r\n        const o = node.nodeValue;\r\n        if (/{{/.test(o)) {\r\n            Reactive.effect(() => {\r\n                node.nodeValue = parseMustache(o, ctx ? Object.assign({}, cmp.getContext(), ctx) : cmp.getContext());\r\n            });\r\n        }\r\n        return;\r\n    }\r\n    if (node.nodeType !== 1) return;\r\n\r\n    Array.from(node.attributes || []).forEach(attr => {\r\n        if (attr.name.startsWith('@')) {\r\n            const evt = attr.name.slice(1);\r\n            const h = attr.value.trim();\r\n            node.addEventListener(evt, e => {\r\n                const m = cmp.methods && cmp.methods[h];\r\n                if (_isFn(m)) return m.call(cmp, e, cmp);\r\n                try {\r\n                    Function('event', 'state', 'props', 'ctx', 'with(state){with(props){with(ctx||{}){' + h + '}}}')(e, cmp.state, cmp.props, ctx || {});\r\n                } catch (err) {\r\n                    warn('Inline handler', h, err);\r\n                }\r\n            });\r\n        }\r\n    });\r\n\r\n    Array.from(node.attributes || []).forEach(attr => {\r\n        if (attr.name.startsWith('z-')) {\r\n            const h = cmp._dirRegistry[attr.name] || Directives[attr.name];\r\n            if (h) {\r\n                try { h(node, attr.value, cmp, ctx); } catch (e) { warn('Directive', attr.name, e); }\r\n            } else warn('Unknown directive', attr.name);\r\n        }\r\n    });\r\n\r\n    if (node.__zi_hidden) return;\r\n    Array.from(node.childNodes).forEach(c => processNode(c, cmp, ctx));\r\n}\r\n","// src/component.js\r\nimport { Reactive } from './reactive.js';\r\nimport { createFragmentFromHTML, flattenNodes, processNode } from './dom.js';\r\nimport { _noop } from './utils.js';\r\n\r\nexport class Component {\r\n    constructor({ template = '', state = {}, props = {}, methods = {}, onInit = _noop, onMount = _noop, onDestroy = _noop, directives = {} } = {}) {\r\n        this.template = template;\r\n        this.state = Reactive.reactive(state);\r\n        this.props = props;\r\n        this.methods = methods;\r\n        this.onInit = onInit;\r\n        this.onMount = onMount;\r\n        this.onDestroy = onDestroy;\r\n        this.directives = directives;\r\n        this._dirRegistry = Object.assign({}, directives); // will be merged by indexing code\r\n        this.el = null;\r\n        this.mounted = false;\r\n    }\r\n\r\n    getContext() { return Object.assign({}, this.state, this.props); }\r\n\r\n    _resolveTemplate() {\r\n        if (!this.template) return '';\r\n        if (typeof this.template === 'string' && this.template.startsWith('#')) {\r\n            const el = document.querySelector(this.template);\r\n            if (!el) throw new Error('Template selector not found: ' + this.template);\r\n            return el.innerHTML;\r\n        }\r\n        if (typeof this.template === 'string') return this.template;\r\n        if (this.template instanceof HTMLElement) return this.template.innerHTML;\r\n        return '';\r\n    }\r\n\r\n    mount(sel) {\r\n        this.onInit();\r\n        const mountEl = (typeof sel === 'string') ? document.querySelector(sel) : sel;\r\n        if (!mountEl) throw new Error('Mount not found');\r\n        this.el = mountEl;\r\n        this._render();\r\n        this.mounted = true;\r\n        this.onMount();\r\n    }\r\n\r\n    unmount() {\r\n        this.onDestroy();\r\n        if (this.el) this.el.innerHTML = '';\r\n        this.mounted = false;\r\n    }\r\n\r\n    _render() {\r\n        const raw = this._resolveTemplate();\r\n        const frag = createFragmentFromHTML(raw);\r\n        // allow directives registry (local override) to be considered in processNode; for simplicity assume processNode uses cmp._dirRegistry\r\n        flattenNodes(frag).forEach(n => processNode(n, this));\r\n        this.el.innerHTML = '';\r\n        this.el.appendChild(frag);\r\n    }\r\n}\r\n","// src/api.js\r\nexport class API {\r\n    constructor({ base = '', headers = {}, fetchImpl = fetch } = {}) {\r\n        this.base = base.replace(/\\/$/, '');\r\n        this.headers = { ...headers };\r\n        this.fetch = fetchImpl;\r\n    }\r\n\r\n    _url(path) { return path.startsWith('http') ? path : `${this.base}/${path.replace(/^\\//, '')}`; }\r\n\r\n    async request(method, path, { params, body, headers } = {}) {\r\n        const url = this._url(path) + (params ? '?' + new URLSearchParams(params) : '');\r\n        const opts = { method, headers: { ...this.headers, ...(headers || {}) } };\r\n        if (body) {\r\n            if ((opts.headers['Content-Type'] || '').includes('application/json')) opts.body = JSON.stringify(body);\r\n            else opts.body = body;\r\n        }\r\n        const res = await this.fetch(url, opts);\r\n        if (!res.ok) throw new Error(`HTTP ${res.status}: ${res.statusText}`);\r\n        const ct = res.headers.get('content-type') || '';\r\n        return ct.includes('application/json') ? res.json() : res.text();\r\n    }\r\n\r\n    get(p, o) { return this.request('GET', p, o); }\r\n    post(p, o) { return this.request('POST', p, o); }\r\n    put(p, o) { return this.request('PUT', p, o); }\r\n    del(p, o) { return this.request('DELETE', p, o); }\r\n}\r\n","// src/router.js\r\nimport { warn } from './utils.js';\r\nimport { Component } from './component.js';\r\n\r\nexport class Router {\r\n    constructor(routes = [], { mode = 'hash', root = document.body, notFound = null } = {}) {\r\n        this.routes = routes;\r\n        this.mode = mode;\r\n        this.root = root;\r\n        this.current = null;\r\n        this._cached = [];\r\n        this._notFound = notFound;\r\n        this._onHashChange = this._onHashChange.bind(this);\r\n        this._compileRoutes();\r\n    }\r\n\r\n    _compileRoutes() {\r\n        this._cached = this.routes.map(r => {\r\n            const keys = [];\r\n            const rx = new RegExp('^' + r.path.replace(/:([\\w_]+)/g, (_, k) => { keys.push(k); return '([^/]+)'; }) + '$');\r\n            return { route: r, rx, keys };\r\n        });\r\n    }\r\n\r\n    _match(path) {\r\n        for (const e of this._cached) {\r\n            const m = path.match(e.rx);\r\n            if (m) {\r\n                const p = {};\r\n                e.keys.forEach((k, i) => p[k] = m[i + 1]);\r\n                return { route: e.route, params: p };\r\n            }\r\n        }\r\n        return null;\r\n    }\r\n\r\n    _onHashChange() {\r\n        const hash = location.hash.replace(/^#/, '') || '/';\r\n        const matched = this._match(hash);\r\n        this._renderRoute(matched, hash);\r\n    }\r\n\r\n    _mountComponent(comp, params) {\r\n        if (this.current && this.current.unmount) this.current.unmount();\r\n        const mp = this.root;\r\n        if (typeof comp === 'function') {\r\n            const inst = comp({ params, router: this });\r\n            if (inst instanceof Component) {\r\n                inst.props = Object.assign({}, inst.props, { $routeParams: params });\r\n                inst.mount(mp);\r\n                this.current = inst;\r\n            } else if (typeof inst === 'string') {\r\n                mp.innerHTML = inst;\r\n                this.current = { unmount() { mp.innerHTML = ''; } };\r\n            } else if (inst instanceof HTMLElement) {\r\n                mp.innerHTML = '';\r\n                mp.appendChild(inst);\r\n                this.current = { unmount() { mp.innerHTML = ''; } };\r\n            }\r\n        } else if (comp instanceof Component) {\r\n            comp.props = Object.assign({}, comp.props, { $routeParams: params });\r\n            comp.mount(mp);\r\n            this.current = comp;\r\n        } else if (typeof comp === 'string') {\r\n            mp.innerHTML = comp;\r\n            this.current = { unmount() { mp.innerHTML = ''; } };\r\n        }\r\n    }\r\n\r\n    _renderRoute(matched, path) {\r\n        if (!matched) {\r\n            if (this._notFound) {\r\n                const c = this._notFound();\r\n                this._mountComponent(c, {});\r\n            } else warn('Route not found', path);\r\n            return;\r\n        }\r\n        const { route, params } = matched;\r\n        const comp = (typeof route.component === 'function' ? route.component({ params, router: this }) : route.component);\r\n        this._mountComponent(comp, params);\r\n    }\r\n\r\n    init(sel) {\r\n        this.root = typeof sel === 'string' ? document.querySelector(sel) : (sel || document.body);\r\n        window.addEventListener('hashchange', this._onHashChange);\r\n        this._onHashChange();\r\n    }\r\n\r\n    navigate(path) { location.hash = path; }\r\n}\r\n","// src/app.js\r\nimport { Store } from './store.js';\r\nimport { API } from './api.js';\r\nimport { Router } from './router.js';\r\nimport { Component } from './component.js';\r\nimport { _isFn } from './utils.js';\r\n\r\nexport class App {\r\n    constructor({ root = '#app', store = null, api = null } = {}) {\r\n        this.root = (typeof root === 'string') ? document.querySelector(root) : root;\r\n        if (!this.root) throw new Error('Root not found');\r\n        this.store = store || new Store({});\r\n        this.api = api || new API({});\r\n        this.router = null;\r\n        this.plugins = [];\r\n    }\r\n\r\n    use(plugin, options) {\r\n        if (_isFn(plugin)) {\r\n            plugin({ app: this, store: this.store, api: this.api });\r\n            this.plugins.push(plugin);\r\n        } else if (plugin && plugin.install) {\r\n            plugin.install(this, options);\r\n            this.plugins.push(plugin);\r\n        }\r\n    }\r\n\r\n    mountComponent(c) {\r\n        if (!(c instanceof Component)) throw new Error('mountComponent expects Component');\r\n        c.mount(this.root);\r\n    }\r\n\r\n    useRouter(r) { this.router = r; }\r\n}\r\n","// src/index.js\r\nimport { Reactive } from './reactive.js';\r\nimport { Store } from './store.js';\r\nimport { Component } from './component.js';\r\nimport { API } from './api.js';\r\nimport { Router } from './router.js';\r\nimport { App } from './app.js';\r\nimport { Directives, createFragmentFromHTML, processNode, flattenNodes } from './dom.js';\r\nimport * as utils from './utils.js';\r\n\r\nconst ZiFramework = { Reactive, Store, Component, API, Router, App, Directives, createFragmentFromHTML, processNode, flattenNodes, ...utils };\r\nconst Zi = Object.assign({ config: { debug: true } }, ZiFramework, {\r\n    createApp: o => new App(o),\r\n    createComponent: o => new Component(o),\r\n    createStore: i => new Store(i),\r\n    createAPI: o => new API(o)\r\n});\r\n\r\nif (typeof window !== 'undefined') window.Zi = Zi;\r\n\r\nexport {\r\n    Reactive, Store, Component, API, Router, App, Directives,\r\n    createFragmentFromHTML, processNode, flattenNodes,\r\n    Zi as default\r\n};\r\n"],"names":["_isFn","v","_noop","warn","args","globalThis","Zi","config","debug","console","log","Dep","constructor","this","subs","Set","depend","eff","ReactiveSystem","currentEffect","add","notify","forEach","fn","e","targetMap","WeakMap","static","_depFor","target","key","depsMap","get","set","Map","has","reactive","obj","__isReactive","self","Proxy","receiver","res","Reflect","val","old","deleteProperty","effect","lazy","runner","computed","getter","cache","dirty","value","watch","cb","Reactive","Store","initial","state","_modules","registerModule","name","stateObj","Error","mod","patch","getModule","evaluateInScope","expr","scope","trimmed","trim","test","split","reduce","a","k","undefined","proxy","t","Function","evaluateExpr","cmp","ctx","props","Object","assign","assignExpr","parts","i","length","createFragmentFromHTML","html","template","document","createElement","innerHTML","content","flattenNodes","root","out","walk","node","push","childNodes","child","n","Directives","el","__zi_hidden","style","display","textContent","type","checked","handler","addEventListener","parent","parentNode","marker","createComment","replaceChild","m","match","aliases","map","s","sourceExpr","keyed","item","idx","id","clone","cloneNode","local","getContext","processNode","insertBefore","nextSibling","nodeType","o","nodeValue","replace","_","String","parseMustache","Array","from","attributes","attr","startsWith","evt","slice","h","methods","call","err","_dirRegistry","c","Component","onInit","onMount","onDestroy","directives","mounted","_resolveTemplate","querySelector","HTMLElement","mount","sel","mountEl","_render","unmount","frag","appendChild","API","base","headers","fetchImpl","fetch","_url","path","request","method","params","body","url","URLSearchParams","opts","includes","JSON","stringify","ok","status","statusText","json","text","p","post","put","del","Router","routes","mode","notFound","current","_cached","_notFound","_onHashChange","bind","_compileRoutes","r","keys","rx","RegExp","route","_match","hash","location","matched","_renderRoute","_mountComponent","comp","mp","inst","router","$routeParams","component","init","window","navigate","App","store","api","plugins","use","plugin","options","app","install","mountComponent","useRouter","ZiFramework","utils","createApp","createComponent","createStore","createAPI"],"mappings":"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"}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@rexllins/zi",
+  "version": "0.0.2",
+  "description": "Reactive frontend framework",
+  "main": "dist/zi.cjs.js",
+  "module": "dist/zi.js",
+  "type": "module",
+  "engines": {
+    "node": ">=18"
+  },
+  "types": "types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/zi.js",
+      "require": "./dist/zi.cjs.js",
+      "types": "./types/index.d.ts"
+    }
+  },
+  "files": [
+    "dist",
+    "types"
+  ],
+  "bin": {
+    "zi": "./bin/zi.js"
+  },
+  "scripts": {
+    "build": "rollup -c",
+    "build:watch": "rollup -c -w"
+  },
+  "keywords": [
+    "framework",
+    "reactive",
+    "frontend",
+    "javascript"
+  ],
+  "author": "Rexllins",
+  "license": "MIT",
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^29.0.0",
+    "@rollup/plugin-node-resolve": "^16.0.3",
+    "@rollup/plugin-terser": "^0.4.4",
+    "rollup": "^2.79.2",
+    "rollup-plugin-terser": "^7.0.2"
+  }
+}

package/types/index.d.ts

@@ -0,0 +1,169 @@
+// types/index.d.ts
+declare module '@rexllins/zi' {
+    /* =====================
+       Reactive System
+       ===================== */
+    export type EffectRunner = () => any;
+
+    export type Ref<T> = { value: T };
+
+    export interface ComputedRef<T> { readonly value: T }
+
+    export class ReactiveSystem {
+        static currentEffect: EffectRunner | null;
+
+        reactive<T extends object>(obj: T): T;
+        ref<T>(value: T): Ref<T>;
+        computed<T>(getter: () => T): ComputedRef<T>;
+        effect(fn: () => void, options?: { lazy?: boolean }): EffectRunner;
+        watch<T>(getter: () => T, cb: (val: T, oldVal: T) => void): EffectRunner;
+    }
+
+    export const Reactive: ReactiveSystem;
+
+    /* =====================
+       Store
+       ===================== */
+    export class Store<S extends Record<string, any> = {}> {
+        state: S;
+        private _modules: Record<string, any>;
+        constructor(initial?: S);
+        registerModule<K extends string, M extends object>(
+            name: K,
+            mod: M
+        ): Store<S & { [P in K]: M }>;
+        patch(fn: (state: S) => void): void;
+        getModule<K extends keyof S>(name: K): S[K];
+    }
+
+    /* =====================
+       API Helper
+       ===================== */
+    export interface APIRequestOptions {
+        params?: Record<string, any>;
+        body?: any;
+        headers?: Record<string, string>;
+    }
+
+    export class API {
+        constructor(options?: { base?: string; headers?: Record<string, string>; fetchImpl?: typeof fetch });
+        get<T = any>(url: string, options?: APIRequestOptions): Promise<T>;
+        post<T = any>(url: string, options?: APIRequestOptions): Promise<T>;
+        put<T = any>(url: string, options?: APIRequestOptions): Promise<T>;
+        del<T = any>(url: string, options?: APIRequestOptions): Promise<T>;
+    }
+
+    /* =====================
+       Component
+       ===================== */
+    export type ComponentMethods = Record<string, (...args: any[]) => any>;
+
+    export interface ComponentOptions<
+        S extends Record<string, any> = {},
+        P extends Record<string, any> = {},
+        M extends ComponentMethods = {}
+    > {
+        template?: string | HTMLElement;
+        state?: S;
+        props?: P;
+        methods?: M;
+        onInit?: () => void;
+        onMount?: () => void;
+        onDestroy?: () => void;
+        directives?: Record<string, Function>;
+    }
+
+    export class Component<
+        S extends Record<string, any> = {},
+        P extends Record<string, any> = {},
+        M extends ComponentMethods = {}
+    > {
+        state: S;
+        props: P;
+        methods: M;
+        template: string | HTMLElement;
+        el: HTMLElement | null;
+        mounted: boolean;
+        directives: Record<string, Function>;
+
+        constructor(options?: ComponentOptions<S, P, M>);
+        getContext(): S & P;
+        mount(sel: string | HTMLElement): void;
+        unmount(): void;
+    }
+
+    /* =====================
+       Directives
+       ===================== */
+    export type ZForContext<Item = any> = { $item: Item; $index: number };
+
+    export interface Directives {
+        'z-if': (el: HTMLElement, expr: string, cmp: Component, ctx?: Record<string, any>) => void;
+        'z-show': (el: HTMLElement, expr: string, cmp: Component, ctx?: Record<string, any>) => void;
+        'z-text': (el: HTMLElement, expr: string, cmp: Component, ctx?: Record<string, any>) => void;
+        'z-html': (el: HTMLElement, expr: string, cmp: Component, ctx?: Record<string, any>) => void;
+        'z-model': <T extends Record<string, any>>(el: HTMLInputElement, expr: string, cmp: Component<any, T>) => void;
+        'z-for': (el: HTMLElement, expr: string, cmp: Component<any, any>) => void;
+    }
+
+    export const Directives: Directives;
+
+    /* =====================
+       Router
+       ===================== */
+    export interface RouteRecord<Params extends Record<string, string> = {}> {
+        path: string;
+        component: Component | string | ((opts: { params: Params; router: Router }) => Component | string | HTMLElement);
+    }
+
+    export interface RouterOptions {
+        mode?: 'hash' | 'history';
+        root?: HTMLElement;
+        notFound?: () => Component | string | HTMLElement;
+    }
+
+    export class Router {
+        constructor(routes: RouteRecord[], options?: RouterOptions);
+        init(rootSelector?: string | HTMLElement): void;
+        navigate(path: string): void;
+    }
+
+    /* =====================
+       App & Plugin System
+       ===================== */
+    export type PluginFn<S extends Record<string, any> = {}> = (ctx: { app: App<S>; store: Store<S>; api: API; Reactive: ReactiveSystem }) => void;
+
+    export class App<S extends Record<string, any> = {}> {
+        root: HTMLElement;
+        store: Store<S>;
+        api: API;
+        router: Router | null;
+        plugins: any[];
+
+        constructor(options?: { root?: string | HTMLElement; store?: Store<S>; api?: API });
+
+        use(plugin: PluginFn<S>): void;
+        mountComponent<C extends Component>(c: C): void;
+        useRouter(r: Router): void;
+    }
+
+    /* =====================
+       Helper creators
+       ===================== */
+    export const Zi: {
+        config: { debug: boolean };
+        Reactive: ReactiveSystem;
+        Store: typeof Store;
+        Component: typeof Component;
+        API: typeof API;
+        Router: typeof Router;
+        App: typeof App;
+        Directives: Directives;
+        createApp: <S extends Record<string, any> = {}>(opts?: { root?: string | HTMLElement; store?: Store<S>; api?: API }) => App<S>;
+        createComponent: <S extends Record<string, any> = {}, P extends Record<string, any> = {}, M extends ComponentMethods = {}>(opts?: ComponentOptions<S, P, M>) => Component<S, P, M>;
+        createStore: <S extends Record<string, any> = {}>(init?: S) => Store<S>;
+        createAPI: (opts?: { base?: string; headers?: Record<string, string>; fetchImpl?: typeof fetch }) => API;
+    };
+
+    export default Zi;
+}