spikijs 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 novver
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,79 @@
+# Spikijs
+
+A lightweight and reactive JavaScript micro-framework 
+
+---
+
+## Documentation
+Read the full documentation on [GitHub](https://github.com/novver/spikijs)
+
+---
+
+## Installation
+
+### via NPM
+```bash
+npm install spikijs
+
+```
+
+### via CDN
+
+For quick prototyping, you can use the CDN directly in your HTML:
+
+```html
+<script src="[https://unpkg.com/spikijs](https://unpkg.com/spikijs)"></script>
+
+```
+
+---
+
+## Quick Start
+
+Here is a simple "Counter" example to show how Spikijs works.
+
+### 1. HTML Layout
+
+Use special `s-` attributes to bind data and events to your HTML.
+
+```html
+<div s-data="counter">
+    <h1 s-text="title"></h1>
+    <h2 s-text="count"></h2>
+    
+    <button s-click="decrement">-</button>
+    <button s-click="increment">+</button>
+</div>
+
+```
+
+### 2. JavaScript Logic
+
+Register your component logic and start the framework.
+
+```javascript
+import spiki from 'spikijs';
+
+// Register the 'counter' component
+spiki.data('counter', () => ({
+    count: 0,
+    title: 'Hello Spiki',
+    
+    increment() {
+        this.count++;
+    },
+    decrement() {
+        this.count--;
+    }
+}));
+
+// Initialize the framework
+spiki.start();
+
+```
+
+---
+
+## License
+
+MIT

package/package.json

@@ -0,0 +1,29 @@
+{
+    "name": "spikijs",
+    "license": "MIT",
+    "version": "1.0.0",
+    "type": "module",
+    "repository": {
+      "type": "git",
+      "url": "git+https://github.com/novver/spikijs.git"
+    },
+    "homepage": "https://github.com/novver/spikijs#readme",
+    "bugs": {
+      "url": "https://github.com/novver/spikijs/issues"
+    },
+    "main": "./spiki.esm.min.js",
+    "unpkg": "./spiki.min.js",
+    "jsdelivr": "./spiki.min.js",
+    "exports": {
+      ".": {
+        "development": "./spiki.esm.js",
+        "default": "./spiki.esm.min.js"
+      }
+    },
+    "files": [
+      "spiki.esm.js",
+      "spiki.esm.min.js",
+      "spiki.js",
+      "spiki.min.js"
+    ]
+  }

package/spiki.esm.js

@@ -0,0 +1,457 @@
+var spiki = (function () {
+    var registry = Object.create(null);
+    var metaMap = new WeakMap();
+    var targetMap = new WeakMap();
+    var proxyMap = new WeakMap();
+    var pathCache = new Map();
+    var queue = new Set();
+    var loopRE = /^\s*(.*?)\s+in\s+(.+)\s*$/;
+
+    var activeEffect, isFlushing, globalStore;
+    var shouldTrigger = true;
+    var p = Promise.resolve();
+
+    // 1. Array Interceptors
+    var arrayInstrumentations = {};
+    ['push', 'pop', 'shift', 'unshift', 'splice', 'sort', 'reverse'].forEach(function (m) {
+        arrayInstrumentations[m] = function () {
+            var args = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                args[_i] = arguments[_i];
+            }
+            shouldTrigger = false;
+            try {
+                var res = Array.prototype[m].apply(this, args);
+                return res;
+            } finally {
+                shouldTrigger = true;
+                trigger(this, 'length');
+            }
+        };
+    });
+
+    // 2. Helpers
+    var createScope = function (parent) {
+        var proto = Object.create(parent);
+        return new Proxy(proto, {
+            set: function (target, key, value, receiver) {
+                if (target.hasOwnProperty(key)) return Reflect.set(target, key, value, receiver);
+                var cursor = target;
+                while (cursor && !Object.prototype.hasOwnProperty.call(cursor, key)) {
+                    cursor = Object.getPrototypeOf(cursor);
+                }
+                return Reflect.set(cursor || target, key, value);
+            }
+        });
+    };
+
+    var evaluate = function (scope, path) {
+        if (typeof path !== 'string') return { val: path, ctx: scope };
+
+        if (path.indexOf('.') === -1) {
+            return { val: scope ? scope[path] : undefined, ctx: scope };
+        }
+
+        var parts = pathCache.get(path);
+        if (!parts) {
+            if (pathCache.size > 1000) pathCache.clear();
+            parts = path.split('.');
+            pathCache.set(path, parts);
+        }
+
+        var val = scope, ctx = scope;
+        for (var i = 0; i < parts.length; i++) {
+            var part = parts[i];
+            if (val == null) {
+                return { val: val, ctx: null };
+            }
+            ctx = val;
+            val = val[part];
+        }
+        return { val: val, ctx: ctx };
+    };
+
+    var nextTick = function (fn) {
+        return !queue.has(fn) && queue.add(fn) && !isFlushing && (isFlushing = true) &&
+            p.then(function () {
+                queue.forEach(function (j) { j(); });
+                queue.clear();
+                isFlushing = false;
+            });
+    };
+
+    // 3. Reactivity
+    var track = function (t, k) {
+        if (!activeEffect) return;
+        var deps = targetMap.get(t);
+        if (!deps) {
+            deps = new Map();
+            targetMap.set(t, deps);
+        }
+        var dep = deps.get(k);
+        if (!dep) {
+            dep = new Set();
+            deps.set(k, dep);
+        }
+        dep.add(activeEffect);
+        activeEffect.d.add(dep);
+    };
+
+    var trigger = function (t, k) {
+        var depsMap, dep;
+        if (shouldTrigger && (depsMap = targetMap.get(t)) && (dep = depsMap.get(k))) {
+            dep.forEach(function (e) {
+                e.x ? e.x(e) : e();
+            });
+        }
+    };
+
+    var effect = function (fn, scheduler) {
+        var runner = function () {
+            runner.d.forEach(function (d) { d.delete(runner); });
+            runner.d.clear();
+            var prev = activeEffect;
+            activeEffect = runner;
+            try { fn(); } finally { activeEffect = prev; }
+        };
+        runner.d = new Set();
+        runner.x = scheduler;
+        runner();
+        return function () {
+            runner.d.forEach(function (d) { d.delete(runner); });
+            runner.d.clear();
+            queue.delete(runner);
+        };
+    };
+
+    var reactive = function (obj) {
+        if (!obj || typeof obj !== 'object' || obj._p || obj instanceof Node) return obj;
+        var existing = proxyMap.get(obj);
+        if (existing) return existing;
+
+        var proxy = new Proxy(obj, {
+            get: function (t, k, r) {
+                if (k === '_p') return true;
+                if (Array.isArray(t) && arrayInstrumentations.hasOwnProperty(k)) return arrayInstrumentations[k];
+                track(t, k);
+                var res = Reflect.get(t, k, r);
+                return res && typeof res === 'object' && !(res instanceof Node) ? reactive(res) : res;
+            },
+            set: function (t, k, v, r) {
+                var old = t[k];
+                var hadKey = Array.isArray(t) ? Number(k) < t.length : Object.prototype.hasOwnProperty.call(t, k);
+                var res = Reflect.set(t, k, v, r);
+                if (shouldTrigger) {
+                    if (!hadKey) {
+                        trigger(t, k);
+                        if (Array.isArray(t)) trigger(t, 'length');
+                    } else if (old !== v) {
+                        trigger(t, k);
+                    }
+                }
+                return res;
+            },
+            deleteProperty: function (t, k) {
+                var hadKey = Object.prototype.hasOwnProperty.call(t, k);
+                var res = Reflect.deleteProperty(t, k);
+                if (res && hadKey) {
+                    trigger(t, k);
+                    if (Array.isArray(t)) trigger(t, 'length');
+                }
+                return res;
+            }
+        });
+        proxyMap.set(obj, proxy);
+        return proxy;
+    };
+
+    globalStore = reactive({});
+
+    // 4. DOM Ops
+    var ops = {
+        text: function (el, v) { el.textContent = (v !== null && v !== undefined) ? v : ''; },
+        html: function (el, v) { el.innerHTML = (v !== null && v !== undefined) ? v : ''; },
+        value: function (el, v) {
+            if (el.type === 'checkbox') {
+                el.checked = !!v;
+            } else if (el.type === 'radio' && el.name) {
+                el.checked = el.value == v;
+            } else {
+                if (el.value != v) el.value = (v !== null && v !== undefined) ? v : '';
+            }
+        },
+        attr: function (el, v, arg) {
+            (v == null || v === false) ? el.removeAttribute(arg) : el.setAttribute(arg, v === true ? '' : v);
+        },
+        class: function (el, v) {
+            if (typeof v === 'string') {
+                v.split(/\s+/).forEach(function (c) {
+                    if (c) el.classList[c[0] === '!' ? 'remove' : 'add'](c[0] === '!' ? c.slice(1) : c);
+                });
+            }
+        },
+        init: function () { },
+        destroy: function () { }
+    };
+
+    // 5. Engine
+    var mount = function (root) {
+        if (root._m) return;
+        root._m = 1;
+        var fac = registry[root.getAttribute('s-data')];
+        if (!fac) return;
+
+        var state = reactive(fac());
+        state.$refs = {};
+        state.$root = root;
+        state.$store = globalStore;
+
+        var rootK = [];
+
+        var handleEvent = function (e) {
+            var t = e.target;
+            if (t._m && (e.type === 'input' || e.type === 'change')) {
+                var path = t._m;
+                var v = t.type === 'checkbox' ? t.checked : t.value;
+                var evaluated = evaluate(t._s || state, path);
+                var parentObj = evaluated.ctx;
+
+                if (path.indexOf('.') === -1) {
+                    (t._s || state)[path] = v;
+                } else if (parentObj) {
+                    var parts = path.split('.');
+                    parentObj[parts[parts.length - 1]] = v;
+                }
+            }
+
+            var hn;
+            while (t && t !== root.parentNode) {
+                var meta = metaMap.get(t);
+                if (meta && (hn = meta[e.type])) {
+                    var evRes = evaluate(t._s || state, hn);
+                    var fn = evRes.val;
+                    var ctx = evRes.ctx;
+                    if (typeof fn === 'function') fn.call(ctx, e);
+                }
+                t = t.parentNode;
+            }
+        };
+
+        var walk = function (el, scope, kList) {
+            if (el.nodeType !== 1 || el.hasAttribute('s-ignore')) return;
+
+            if (el !== root && el.hasAttribute('s-data')) {
+                var child = mount(el);
+                if (child) kList.push(child.unmount);
+                return;
+            }
+
+            var val;
+            if ((val = el.getAttribute('s-if'))) {
+                var anchor = document.createTextNode('');
+                var branchK = [];
+                el.replaceWith(anchor);
+                var node;
+
+                kList.push(function () { branchK.forEach(function (s) { s(); }); });
+
+                return kList.push(effect(function () {
+                    var ev = evaluate(scope, val);
+                    var res = ev.val;
+                    var ctx = ev.ctx;
+                    var truthy = typeof res === 'function' ? res.call(ctx, el) : res;
+
+                    if (truthy) {
+                        if (!node) {
+                            node = el.cloneNode(true);
+                            node.removeAttribute('s-if');
+                            walk(node, scope, branchK);
+                            anchor.parentNode.insertBefore(node, anchor);
+                        }
+                    } else if (node) {
+                        branchK.forEach(function (s) { s(); });
+                        branchK.length = 0;
+                        node.remove();
+                        node = null;
+                    }
+                }, nextTick));
+            }
+
+            if (el.tagName === 'TEMPLATE' && (val = el.getAttribute('s-for'))) {
+                var match = val.match(loopRE);
+                if (!match) return;
+                var lhs = match[1].replace(/[()]/g, '');
+                var listKey = match[2];
+                var splitLhs = lhs.split(',');
+                var alias = splitLhs[0].trim();
+                var idx = splitLhs[1] ? splitLhs[1].trim() : null;
+
+                var keyAttr = el.getAttribute('s-key');
+                var anchor_1 = document.createTextNode('');
+                el.replaceWith(anchor_1);
+                var pool = new Map();
+
+                kList.push(function () {
+                    pool.forEach(function (r) {
+                        r.k.forEach(function (s) { s(); });
+                    });
+                });
+
+                return kList.push(effect(function () {
+                    var ev = evaluate(scope, listKey);
+                    var rawItems = ev.val;
+                    var items = rawItems;
+                    if (Array.isArray(items)) track(items, 'length');
+
+                    var cursor = anchor_1;
+                    var iterable = Array.isArray(items) ? items : items ? Object.keys(items) : [];
+                    var nextPool = new Map();
+
+                    iterable.forEach(function (raw, i) {
+                        var key = Array.isArray(items) ? i : raw;
+                        var item = Array.isArray(items) ? raw : items[raw];
+
+                        var rowKey;
+                        if (keyAttr && item) rowKey = item[keyAttr];
+                        else rowKey = (typeof item === 'object' && item) ? item : key + '_' + item;
+
+                        var row = pool.get(rowKey);
+
+                        var defineAlias = function (targetObj) {
+                            Object.defineProperty(targetObj, alias, {
+                                configurable: true, enumerable: true,
+                                get: function () { return items[key]; },
+                                set: function (v) { items[key] = v; }
+                            });
+                        };
+
+                        if (!row) {
+                            var clone = el.content.cloneNode(true);
+                            var s = createScope(scope);
+                            var rowK = [];
+
+                            defineAlias(s);
+                            if (idx) s[idx] = key;
+
+                            var nodes = [];
+                            var c = clone.firstChild;
+                            while (c) {
+                                nodes.push(c);
+                                var next = c.nextSibling;
+                                walk(c, s, rowK);
+                                c = next;
+                            }
+                            row = { n: nodes, s: s, k: rowK };
+                        } else {
+                            defineAlias(row.s);
+                            if (idx) row.s[idx] = key;
+                        }
+
+                        if (row.n[0] !== cursor.nextSibling) {
+                            var frag = document.createDocumentFragment();
+                            row.n.forEach(function (n) { frag.appendChild(n); });
+                            cursor.parentNode.insertBefore(frag, cursor.nextSibling);
+                        }
+                        cursor = row.n[row.n.length - 1];
+                        nextPool.set(rowKey, row);
+                        pool.delete(rowKey);
+                    });
+                    pool.forEach(function (row) {
+                        row.k.forEach(function (s) { s(); });
+                        row.n.forEach(function (n) { n.remove(); });
+                    });
+                    pool = nextPool;
+                }, nextTick));
+            }
+
+            var attrs = el.attributes;
+            for (var i = attrs.length - 1; i >= 0; i--) {
+                (function (attr) {
+                    var name = attr.name;
+                    var value = attr.value;
+                    
+                    if (name[0] === ':') {
+                        kList.push(effect(function () {
+                            var ev = evaluate(scope, value);
+                            var res = ev.val;
+                            var ctx = ev.ctx;
+                            ops[name.slice(1) === 'class' ? 'class' : 'attr'](el, typeof res === 'function' ? res.call(ctx, el) : res, name.slice(1));
+                        }, nextTick));
+                        
+                    } else if (name[0] === 's' && name[1] === '-') {
+                        var type = name.slice(2);
+                        if (type === 'ref') {
+                            state.$refs[value] = el;
+                        } else if (type === 'model') {
+                            kList.push(effect(function () {
+                                var ev = evaluate(scope, value);
+                                ops.value(el, ev.val);
+                            }, nextTick));
+                            if (/^(INPUT|SELECT|TEXTAREA)$/.test(el.tagName)) {
+                                el._s = scope; el._m = value;
+                                var evt = (el.type === 'checkbox' || el.type === 'radio' || el.tagName === 'SELECT') ? 'change' : 'input';
+                                if (!root._e) root._e = new Set();
+                                if (!root._e.has(evt)) {
+                                    root._e.add(evt);
+                                    root.addEventListener(evt, handleEvent);
+                                }
+                            }
+                        } else if (ops[type]) {
+                            kList.push(effect(function () {
+                                var ev = evaluate(scope, value);
+                                var res = ev.val;
+                                var ctx = ev.ctx;
+                                ops[type](el, typeof res === 'function' ? res.call(ctx, el) : res);
+                            }, nextTick));
+                        } else {
+                            el._s = scope;
+                            var meta = metaMap.get(el);
+                            if (!meta) {
+                                meta = {};
+                                metaMap.set(el, meta);
+                            }
+                            meta[type] = value;
+                            if (!root._e) root._e = new Set();
+                            if (!root._e.has(type)) {
+                                root._e.add(type);
+                                root.addEventListener(type, handleEvent);
+                            }
+                        }
+                    }
+                })(attrs[i]);
+            }
+
+            var child = el.firstElementChild;
+            while (child) {
+                var next = child.nextElementSibling;
+                walk(child, scope, kList);
+                child = next;
+            }
+        };
+
+        walk(root, state, rootK);
+        if (state.init) state.init();
+
+        return {
+            unmount: function () {
+                if (state.destroy) state.destroy.call(state);
+                rootK.forEach(function (s) { s(); });
+                if (root._e) root._e.forEach(function (k) { root.removeEventListener(k, handleEvent); });
+                root._m = 0;
+            }
+        };
+    };
+
+    return {
+        data: function (n, f) { registry[n] = f; },
+        start: function () {
+            var els = document.querySelectorAll('[s-data]');
+            for (var i = 0; i < els.length; i++) {
+                mount(els[i]);
+            }
+        },
+        store: function (k, v) { return v === undefined ? globalStore[k] : (globalStore[k] = v); }
+    };
+})();
+
+export default spiki;

package/spiki.esm.min.js

@@ -0,0 +1 @@
+var spiki=(()=>{var n,r,w=Object,x=Array,k=Reflect,e=Promise,E=Map,P=Set,t=WeakMap,T="length",N="slice",L="split",C="push",S="forEach",$="delete",o="clear",O="add",j="has",M="get",R="set",W="value",q="input",z="change",B="parentNode",D="nextSibling",F="prototype",H="hasOwnProperty",I="getAttribute",U="removeAttribute",X="addEventListener",G="insertBefore",J="replaceWith",K="remove",Q="createTextNode",V="cloneNode",Y="tagName",Z="s-data",ee="s-if",a=w.create(null),re=new t,i=new t,l=new t,s=new E,c=new P,te=/^\s*(.*?)\s+in\s+(.+)\s*$/,v=!0,f=e.resolve(),u={};[C,"pop","shift","unshift","splice","sort","reverse"][S](function(t){u[t]=function(){for(var e=[],r=arguments[T];r--;)e[r]=arguments[r];v=!1;try{return x[F][t].apply(this,e)}finally{v=!0,y(this,T)}}});var ne=(e,r)=>{if("string"!=typeof r)return{v:r,c:e};if(-1===r.indexOf("."))return{v:e?e[r]:void 0,c:e};var t=s[M](r);t||(1e3<s.size&&s[o](),t=r[L]("."),s[R](r,t));for(var n=e,a=e,i=0;i<t[T];i++){if(null==n)return{v:n,c:null};n=(a=n)[t[i]]}return{v:n,c:a}},ae=e=>!c[j](e)&&c[O](e)&&!r&&(r=!0)&&f.then(()=>{c[S](e=>e()),c[o](),r=!1}),ie=(e,r)=>{var t;n&&((t=i[M](e))||i[R](e,t=new E),(e=t[M](r))||t[R](r,e=new P),e[O](n),n.d[O](e))},y=(e,r)=>{var t,n;v&&(t=i[M](e))&&(n=t[M](r))&&n[S](e=>e.x?e.x(e):e())},oe=(r,e)=>{var t=()=>{t.d[S](e=>e[$](t)),t.d[o]();var e=n;n=t;try{r()}finally{n=e}};return t.d=new P,t.x=e,t(),()=>{t.d[S](e=>e[$](t)),t.d[o](),c[$](t)}},d=e=>{if(!e||"object"!=typeof e||e._p||e instanceof Node)return e;var r=l[M](e);return r||(r=new Proxy(e,{get:(e,r,t)=>{if("_p"===r)return!0;if(x.isArray(e)&&w[F][H].call(u,r))return u[r];ie(e,r);t=k[M](e,r,t);return!t||"object"!=typeof t||t instanceof Node?t:d(t)},set:(e,r,t,n)=>{var a=e[r],i=x.isArray(e)?Number(r)<e[T]:w[F][H].call(e,r),n=k[R](e,r,t,n);return v&&(i?a!==t&&y(e,r):(y(e,r),x.isArray(e)&&y(e,T))),n},deleteProperty:(e,r)=>{var t=w[F][H].call(e,r),n=k.deleteProperty(e,r);return n&&t&&(y(e,r),x.isArray(e)&&y(e,T)),n}}),l[R](e,r),r)},p=d({}),le={text:(e,r)=>{e.textContent=null!=r?r:""},html:(e,r)=>{e.innerHTML=null!=r?r:""},value:(e,r)=>{"checkbox"===e.type?e.checked=!!r:"radio"===e.type&&e.name?e.checked=e[W]==r:e[W]!=r&&(e[W]=null!=r?r:"")},attr:(e,r,t)=>{null==r||!1===r?e[U](t):e.setAttribute(t,!0===r?"":r)},class:(r,e)=>{"string"==typeof e&&e[L](/\s+/)[S](e=>{e&&r.classList["!"===e[0]?K:O]("!"===e[0]?e[N](1):e)})},init:()=>{},destroy:()=>{}},se=u=>{if(!u._m){u._m=1;var e=a[u[I](Z)];if(e){var y=d(e());y.$refs={},y.$root=u,y.$store=p;var r=[],b=e=>{var r,t,n,a,i=e.target;for(!i._m||e.type!==q&&e.type!==z||(n=i._m,r="checkbox"===i.type?i.checked:i[W],t=ne(i._s||y,n),-1===n.indexOf(".")?(i._s||y)[n]=r:t.c&&(n=n[L]("."),t.c[n[n[T]-1]]=r));i&&i!==u[B];){var o=re[M](i);o&&(a=o[e.type])&&("function"==typeof(o=ne(i._s||y,a)).v&&o.v.call(o.c,e)),i=i[B]}},A=(d,p,i)=>{if(1===d.nodeType&&!d[I]("s-ignore"))if(d!==u&&d[I](Z)){var e=se(d);e&&i[C](e.unmount)}else{var r;if(r=d[I](ee)){var t,n=document[Q](""),a=[];return d[J](n),i[C](()=>{a[S](e=>e())}),i[C](oe(()=>{var e=ne(p,r);("function"==typeof e.v?e.v.call(e.c,d):e.v)?t||((t=d[V](!0))[U](ee),A(t,p,a),n[B][G](t,n)):t&&(a[S](e=>e()),a[T]=0,t[K](),t=null)},ae))}if("TEMPLATE"===d[Y]&&(r=d[I]("s-for"))){var o=r.match(te);if(!o)return;var e=o[1].replace(/[()]/g,"")[L](","),l=o[2],m=e[0].trim(),_=e[1]?e[1].trim():null,h=d[I]("s-key"),n=document[Q]("");d[J](n);var g=new E;return i[C](()=>{g[S](e=>e.k[S](e=>e()))}),i[C](oe(()=>{var f=ne(p,l).v;x.isArray(f)&&ie(f,T);var u=n,e=x.isArray(f)?f:f?w.keys(f):[],y=new E;e[S]((e,r)=>{var t,n=x.isArray(f)?r:e,a=x.isArray(f)?e:f[e],i=h&&a?a[h]:"object"==typeof a&&a?a:n+"_"+a,r=g[M](i),e=e=>{w.defineProperty(e,m,{configurable:!0,enumerable:!0,get:()=>f[n],set:e=>{f[n]=e}})};if(r)e(r.s),_&&(r.s[_]=n);else{var a=d.content[V](!0),o=(e=>{e=w.create(e);return new Proxy(e,{set:(e,r,t,n)=>{if(w[F][H].call(e,r))return k[R](e,r,t,n);for(var a=e;a&&!w[F][H].call(a,r);)a=w.getPrototypeOf(a);return k[R](a||e,r,t)}})})(p),l=[];e(o),_&&(o[_]=n);for(var s=[],c=a.firstChild;c;){s[C](c);var v=c[D];A(c,o,l),c=v}r={n:s,s:o,k:l}}r.n[0]!==u[D]&&(t=document.createDocumentFragment(),r.n[S](e=>t.appendChild(e)),u[B][G](t,u[D])),u=r.n[r.n[T]-1],y[R](i,r),g[$](i)}),g[S](e=>{e.k[S](e=>e()),e.n[S](e=>e[K]())}),g=y},ae))}for(var s=d.attributes,c=s[T]-1;0<=c;c--)(e=>{var r,t,n=e.name,a=e[W];":"===n[0]?i[C](oe(()=>{var e=ne(p,a);le["class"===n[N](1)?"class":"attr"](d,"function"==typeof e.v?e.v.call(e.c,d):e.v,n[N](1))},ae)):"s"===n[0]&&"-"===n[1]&&("ref"===(r=n[N](2))?y.$refs[a]=d:"model"===r?(i[C](oe(()=>{le.value(d,ne(p,a).v)},ae)),/^(INPUT|SELECT|TEXTAREA)$/.test(d[Y])&&(d._s=p,d._m=a,t="checkbox"===d.type||"radio"===d.type||"SELECT"===d[Y]?z:q,u._e||(u._e=new P),u._e[j](t)||(u._e[O](t),u[X](t,b)))):le[r]?i[C](oe(()=>{var e=ne(p,a);le[r](d,"function"==typeof e.v?e.v.call(e.c,d):e.v)},ae)):(d._s=p,(t=re[M](d))||re[R](d,t={}),t[r]=a,u._e||(u._e=new P),u._e[j](r)||(u._e[O](r),u[X](r,b))))})(s[c]);for(var v=d.firstElementChild;v;){var f=v.nextElementSibling;A(v,p,i),v=f}}};return A(u,y,r),y.init&&y.init(),{unmount:()=>{y.destroy&&y.destroy.call(y),r[S](e=>e()),u._e&&u._e[S](e=>u.removeEventListener(e,b)),u._m=0}}}}};return{data:(e,r)=>{a[e]=r},start:()=>{for(var e=document.querySelectorAll("["+Z+"]"),r=0;r<e[T];r++)se(e[r])},store:(e,r)=>void 0===r?p[e]:p[e]=r}})();export default spiki;

package/spiki.js

@@ -0,0 +1,461 @@
+(function () {
+"use strict";
+
+var spiki = (function () {
+    var registry = Object.create(null);
+    var metaMap = new WeakMap();
+    var targetMap = new WeakMap();
+    var proxyMap = new WeakMap();
+    var pathCache = new Map();
+    var queue = new Set();
+    var loopRE = /^\s*(.*?)\s+in\s+(.+)\s*$/;
+
+    var activeEffect, isFlushing, globalStore;
+    var shouldTrigger = true;
+    var p = Promise.resolve();
+
+    // 1. Array Interceptors
+    var arrayInstrumentations = {};
+    ['push', 'pop', 'shift', 'unshift', 'splice', 'sort', 'reverse'].forEach(function (m) {
+        arrayInstrumentations[m] = function () {
+            var args = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                args[_i] = arguments[_i];
+            }
+            shouldTrigger = false;
+            try {
+                var res = Array.prototype[m].apply(this, args);
+                return res;
+            } finally {
+                shouldTrigger = true;
+                trigger(this, 'length');
+            }
+        };
+    });
+
+    // 2. Helpers
+    var createScope = function (parent) {
+        var proto = Object.create(parent);
+        return new Proxy(proto, {
+            set: function (target, key, value, receiver) {
+                if (target.hasOwnProperty(key)) return Reflect.set(target, key, value, receiver);
+                var cursor = target;
+                while (cursor && !Object.prototype.hasOwnProperty.call(cursor, key)) {
+                    cursor = Object.getPrototypeOf(cursor);
+                }
+                return Reflect.set(cursor || target, key, value);
+            }
+        });
+    };
+
+    var evaluate = function (scope, path) {
+        if (typeof path !== 'string') return { val: path, ctx: scope };
+
+        if (path.indexOf('.') === -1) {
+            return { val: scope ? scope[path] : undefined, ctx: scope };
+        }
+
+        var parts = pathCache.get(path);
+        if (!parts) {
+            if (pathCache.size > 1000) pathCache.clear();
+            parts = path.split('.');
+            pathCache.set(path, parts);
+        }
+
+        var val = scope, ctx = scope;
+        for (var i = 0; i < parts.length; i++) {
+            var part = parts[i];
+            if (val == null) {
+                return { val: val, ctx: null };
+            }
+            ctx = val;
+            val = val[part];
+        }
+        return { val: val, ctx: ctx };
+    };
+
+    var nextTick = function (fn) {
+        return !queue.has(fn) && queue.add(fn) && !isFlushing && (isFlushing = true) &&
+            p.then(function () {
+                queue.forEach(function (j) { j(); });
+                queue.clear();
+                isFlushing = false;
+            });
+    };
+
+    // 3. Reactivity
+    var track = function (t, k) {
+        if (!activeEffect) return;
+        var deps = targetMap.get(t);
+        if (!deps) {
+            deps = new Map();
+            targetMap.set(t, deps);
+        }
+        var dep = deps.get(k);
+        if (!dep) {
+            dep = new Set();
+            deps.set(k, dep);
+        }
+        dep.add(activeEffect);
+        activeEffect.d.add(dep);
+    };
+
+    var trigger = function (t, k) {
+        var depsMap, dep;
+        if (shouldTrigger && (depsMap = targetMap.get(t)) && (dep = depsMap.get(k))) {
+            dep.forEach(function (e) {
+                e.x ? e.x(e) : e();
+            });
+        }
+    };
+
+    var effect = function (fn, scheduler) {
+        var runner = function () {
+            runner.d.forEach(function (d) { d.delete(runner); });
+            runner.d.clear();
+            var prev = activeEffect;
+            activeEffect = runner;
+            try { fn(); } finally { activeEffect = prev; }
+        };
+        runner.d = new Set();
+        runner.x = scheduler;
+        runner();
+        return function () {
+            runner.d.forEach(function (d) { d.delete(runner); });
+            runner.d.clear();
+            queue.delete(runner);
+        };
+    };
+
+    var reactive = function (obj) {
+        if (!obj || typeof obj !== 'object' || obj._p || obj instanceof Node) return obj;
+        var existing = proxyMap.get(obj);
+        if (existing) return existing;
+
+        var proxy = new Proxy(obj, {
+            get: function (t, k, r) {
+                if (k === '_p') return true;
+                if (Array.isArray(t) && arrayInstrumentations.hasOwnProperty(k)) return arrayInstrumentations[k];
+                track(t, k);
+                var res = Reflect.get(t, k, r);
+                return res && typeof res === 'object' && !(res instanceof Node) ? reactive(res) : res;
+            },
+            set: function (t, k, v, r) {
+                var old = t[k];
+                var hadKey = Array.isArray(t) ? Number(k) < t.length : Object.prototype.hasOwnProperty.call(t, k);
+                var res = Reflect.set(t, k, v, r);
+                if (shouldTrigger) {
+                    if (!hadKey) {
+                        trigger(t, k);
+                        if (Array.isArray(t)) trigger(t, 'length');
+                    } else if (old !== v) {
+                        trigger(t, k);
+                    }
+                }
+                return res;
+            },
+            deleteProperty: function (t, k) {
+                var hadKey = Object.prototype.hasOwnProperty.call(t, k);
+                var res = Reflect.deleteProperty(t, k);
+                if (res && hadKey) {
+                    trigger(t, k);
+                    if (Array.isArray(t)) trigger(t, 'length');
+                }
+                return res;
+            }
+        });
+        proxyMap.set(obj, proxy);
+        return proxy;
+    };
+
+    globalStore = reactive({});
+
+    // 4. DOM Ops
+    var ops = {
+        text: function (el, v) { el.textContent = (v !== null && v !== undefined) ? v : ''; },
+        html: function (el, v) { el.innerHTML = (v !== null && v !== undefined) ? v : ''; },
+        value: function (el, v) {
+            if (el.type === 'checkbox') {
+                el.checked = !!v;
+            } else if (el.type === 'radio' && el.name) {
+                el.checked = el.value == v;
+            } else {
+                if (el.value != v) el.value = (v !== null && v !== undefined) ? v : '';
+            }
+        },
+        attr: function (el, v, arg) {
+            (v == null || v === false) ? el.removeAttribute(arg) : el.setAttribute(arg, v === true ? '' : v);
+        },
+        class: function (el, v) {
+            if (typeof v === 'string') {
+                v.split(/\s+/).forEach(function (c) {
+                    if (c) el.classList[c[0] === '!' ? 'remove' : 'add'](c[0] === '!' ? c.slice(1) : c);
+                });
+            }
+        },
+        init: function () { },
+        destroy: function () { }
+    };
+
+    // 5. Engine
+    var mount = function (root) {
+        if (root._m) return;
+        root._m = 1;
+        var fac = registry[root.getAttribute('s-data')];
+        if (!fac) return;
+
+        var state = reactive(fac());
+        state.$refs = {};
+        state.$root = root;
+        state.$store = globalStore;
+
+        var rootK = [];
+
+        var handleEvent = function (e) {
+            var t = e.target;
+            if (t._m && (e.type === 'input' || e.type === 'change')) {
+                var path = t._m;
+                var v = t.type === 'checkbox' ? t.checked : t.value;
+                var evaluated = evaluate(t._s || state, path);
+                var parentObj = evaluated.ctx;
+
+                if (path.indexOf('.') === -1) {
+                    (t._s || state)[path] = v;
+                } else if (parentObj) {
+                    var parts = path.split('.');
+                    parentObj[parts[parts.length - 1]] = v;
+                }
+            }
+
+            var hn;
+            while (t && t !== root.parentNode) {
+                var meta = metaMap.get(t);
+                if (meta && (hn = meta[e.type])) {
+                    var evRes = evaluate(t._s || state, hn);
+                    var fn = evRes.val;
+                    var ctx = evRes.ctx;
+                    if (typeof fn === 'function') fn.call(ctx, e);
+                }
+                t = t.parentNode;
+            }
+        };
+
+        var walk = function (el, scope, kList) {
+            if (el.nodeType !== 1 || el.hasAttribute('s-ignore')) return;
+
+            if (el !== root && el.hasAttribute('s-data')) {
+                var child = mount(el);
+                if (child) kList.push(child.unmount);
+                return;
+            }
+
+            var val;
+            if ((val = el.getAttribute('s-if'))) {
+                var anchor = document.createTextNode('');
+                var branchK = [];
+                el.replaceWith(anchor);
+                var node;
+
+                kList.push(function () { branchK.forEach(function (s) { s(); }); });
+
+                return kList.push(effect(function () {
+                    var ev = evaluate(scope, val);
+                    var res = ev.val;
+                    var ctx = ev.ctx;
+                    var truthy = typeof res === 'function' ? res.call(ctx, el) : res;
+
+                    if (truthy) {
+                        if (!node) {
+                            node = el.cloneNode(true);
+                            node.removeAttribute('s-if');
+                            walk(node, scope, branchK);
+                            anchor.parentNode.insertBefore(node, anchor);
+                        }
+                    } else if (node) {
+                        branchK.forEach(function (s) { s(); });
+                        branchK.length = 0;
+                        node.remove();
+                        node = null;
+                    }
+                }, nextTick));
+            }
+
+            if (el.tagName === 'TEMPLATE' && (val = el.getAttribute('s-for'))) {
+                var match = val.match(loopRE);
+                if (!match) return;
+                var lhs = match[1].replace(/[()]/g, '');
+                var listKey = match[2];
+                var splitLhs = lhs.split(',');
+                var alias = splitLhs[0].trim();
+                var idx = splitLhs[1] ? splitLhs[1].trim() : null;
+
+                var keyAttr = el.getAttribute('s-key');
+                var anchor_1 = document.createTextNode('');
+                el.replaceWith(anchor_1);
+                var pool = new Map();
+
+                kList.push(function () {
+                    pool.forEach(function (r) {
+                        r.k.forEach(function (s) { s(); });
+                    });
+                });
+
+                return kList.push(effect(function () {
+                    var ev = evaluate(scope, listKey);
+                    var rawItems = ev.val;
+                    var items = rawItems;
+                    if (Array.isArray(items)) track(items, 'length');
+
+                    var cursor = anchor_1;
+                    var iterable = Array.isArray(items) ? items : items ? Object.keys(items) : [];
+                    var nextPool = new Map();
+
+                    iterable.forEach(function (raw, i) {
+                        var key = Array.isArray(items) ? i : raw;
+                        var item = Array.isArray(items) ? raw : items[raw];
+
+                        var rowKey;
+                        if (keyAttr && item) rowKey = item[keyAttr];
+                        else rowKey = (typeof item === 'object' && item) ? item : key + '_' + item;
+
+                        var row = pool.get(rowKey);
+
+                        var defineAlias = function (targetObj) {
+                            Object.defineProperty(targetObj, alias, {
+                                configurable: true, enumerable: true,
+                                get: function () { return items[key]; },
+                                set: function (v) { items[key] = v; }
+                            });
+                        };
+
+                        if (!row) {
+                            var clone = el.content.cloneNode(true);
+                            var s = createScope(scope);
+                            var rowK = [];
+
+                            defineAlias(s);
+                            if (idx) s[idx] = key;
+
+                            var nodes = [];
+                            var c = clone.firstChild;
+                            while (c) {
+                                nodes.push(c);
+                                var next = c.nextSibling;
+                                walk(c, s, rowK);
+                                c = next;
+                            }
+                            row = { n: nodes, s: s, k: rowK };
+                        } else {
+                            defineAlias(row.s);
+                            if (idx) row.s[idx] = key;
+                        }
+
+                        if (row.n[0] !== cursor.nextSibling) {
+                            var frag = document.createDocumentFragment();
+                            row.n.forEach(function (n) { frag.appendChild(n); });
+                            cursor.parentNode.insertBefore(frag, cursor.nextSibling);
+                        }
+                        cursor = row.n[row.n.length - 1];
+                        nextPool.set(rowKey, row);
+                        pool.delete(rowKey);
+                    });
+                    pool.forEach(function (row) {
+                        row.k.forEach(function (s) { s(); });
+                        row.n.forEach(function (n) { n.remove(); });
+                    });
+                    pool = nextPool;
+                }, nextTick));
+            }
+
+            var attrs = el.attributes;
+            for (var i = attrs.length - 1; i >= 0; i--) {
+                (function (attr) {
+                    var name = attr.name;
+                    var value = attr.value;
+                    
+                    if (name[0] === ':') {
+                        kList.push(effect(function () {
+                            var ev = evaluate(scope, value);
+                            var res = ev.val;
+                            var ctx = ev.ctx;
+                            ops[name.slice(1) === 'class' ? 'class' : 'attr'](el, typeof res === 'function' ? res.call(ctx, el) : res, name.slice(1));
+                        }, nextTick));
+                        
+                    } else if (name[0] === 's' && name[1] === '-') {
+                        var type = name.slice(2);
+                        if (type === 'ref') {
+                            state.$refs[value] = el;
+                        } else if (type === 'model') {
+                            kList.push(effect(function () {
+                                var ev = evaluate(scope, value);
+                                ops.value(el, ev.val);
+                            }, nextTick));
+                            if (/^(INPUT|SELECT|TEXTAREA)$/.test(el.tagName)) {
+                                el._s = scope; el._m = value;
+                                var evt = (el.type === 'checkbox' || el.type === 'radio' || el.tagName === 'SELECT') ? 'change' : 'input';
+                                if (!root._e) root._e = new Set();
+                                if (!root._e.has(evt)) {
+                                    root._e.add(evt);
+                                    root.addEventListener(evt, handleEvent);
+                                }
+                            }
+                        } else if (ops[type]) {
+                            kList.push(effect(function () {
+                                var ev = evaluate(scope, value);
+                                var res = ev.val;
+                                var ctx = ev.ctx;
+                                ops[type](el, typeof res === 'function' ? res.call(ctx, el) : res);
+                            }, nextTick));
+                        } else {
+                            el._s = scope;
+                            var meta = metaMap.get(el);
+                            if (!meta) {
+                                meta = {};
+                                metaMap.set(el, meta);
+                            }
+                            meta[type] = value;
+                            if (!root._e) root._e = new Set();
+                            if (!root._e.has(type)) {
+                                root._e.add(type);
+                                root.addEventListener(type, handleEvent);
+                            }
+                        }
+                    }
+                })(attrs[i]);
+            }
+
+            var child = el.firstElementChild;
+            while (child) {
+                var next = child.nextElementSibling;
+                walk(child, scope, kList);
+                child = next;
+            }
+        };
+
+        walk(root, state, rootK);
+        if (state.init) state.init();
+
+        return {
+            unmount: function () {
+                if (state.destroy) state.destroy.call(state);
+                rootK.forEach(function (s) { s(); });
+                if (root._e) root._e.forEach(function (k) { root.removeEventListener(k, handleEvent); });
+                root._m = 0;
+            }
+        };
+    };
+
+    return {
+        data: function (n, f) { registry[n] = f; },
+        start: function () {
+            var els = document.querySelectorAll('[s-data]');
+            for (var i = 0; i < els.length; i++) {
+                mount(els[i]);
+            }
+        },
+        store: function (k, v) { return v === undefined ? globalStore[k] : (globalStore[k] = v); }
+    };
+})();
+
+window.spiki = spiki;
+})();

package/spiki.min.js

@@ -0,0 +1 @@
+(()=>{"use strict";var e=(()=>{var n,r,A=Object,x=Array,k=Reflect,e=Promise,E=Map,P=Set,t=WeakMap,T="length",N="slice",L="split",C="push",S="forEach",$="delete",o="clear",O="add",j="has",M="get",R="set",W="value",q="input",z="change",B="parentNode",D="nextSibling",F="prototype",H="hasOwnProperty",I="getAttribute",U="removeAttribute",X="addEventListener",G="insertBefore",J="replaceWith",K="remove",Q="createTextNode",V="cloneNode",Y="tagName",Z="s-data",ee="s-if",a=A.create(null),re=new t,i=new t,s=new t,l=new E,c=new P,te=/^\s*(.*?)\s+in\s+(.+)\s*$/,v=!0,f=e.resolve(),u={};[C,"pop","shift","unshift","splice","sort","reverse"][S](function(t){u[t]=function(){for(var e=[],r=arguments[T];r--;)e[r]=arguments[r];v=!1;try{return x[F][t].apply(this,e)}finally{v=!0,y(this,T)}}});var ne=(e,r)=>{if("string"!=typeof r)return{v:r,c:e};if(-1===r.indexOf("."))return{v:e?e[r]:void 0,c:e};var t=l[M](r);t||(1e3<l.size&&l[o](),t=r[L]("."),l[R](r,t));for(var n=e,a=e,i=0;i<t[T];i++){if(null==n)return{v:n,c:null};n=(a=n)[t[i]]}return{v:n,c:a}},ae=e=>!c[j](e)&&c[O](e)&&!r&&(r=!0)&&f.then(()=>{c[S](e=>e()),c[o](),r=!1}),ie=(e,r)=>{var t;n&&((t=i[M](e))||i[R](e,t=new E),(e=t[M](r))||t[R](r,e=new P),e[O](n),n.d[O](e))},y=(e,r)=>{var t,n;v&&(t=i[M](e))&&(n=t[M](r))&&n[S](e=>e.x?e.x(e):e())},oe=(r,e)=>{var t=()=>{t.d[S](e=>e[$](t)),t.d[o]();var e=n;n=t;try{r()}finally{n=e}};return t.d=new P,t.x=e,t(),()=>{t.d[S](e=>e[$](t)),t.d[o](),c[$](t)}},p=e=>{if(!e||"object"!=typeof e||e._p||e instanceof Node)return e;var r=s[M](e);return r||(r=new Proxy(e,{get:(e,r,t)=>"_p"===r||(x.isArray(e)&&A[F][H].call(u,r)?u[r]:(ie(e,r),!(t=k[M](e,r,t))||"object"!=typeof t||t instanceof Node?t:p(t))),set:(e,r,t,n)=>{var a=e[r],i=x.isArray(e)?Number(r)<e[T]:A[F][H].call(e,r),n=k[R](e,r,t,n);return v&&(i?a!==t&&y(e,r):(y(e,r),x.isArray(e)&&y(e,T))),n},deleteProperty:(e,r)=>{var t=A[F][H].call(e,r),n=k.deleteProperty(e,r);return n&&t&&(y(e,r),x.isArray(e)&&y(e,T)),n}}),s[R](e,r),r)},m=p({}),se={text:(e,r)=>{e.textContent=null!=r?r:""},html:(e,r)=>{e.innerHTML=null!=r?r:""},value:(e,r)=>{"checkbox"===e.type?e.checked=!!r:"radio"===e.type&&e.name?e.checked=e[W]==r:e[W]!=r&&(e[W]=null!=r?r:"")},attr:(e,r,t)=>{null==r||!1===r?e[U](t):e.setAttribute(t,!0===r?"":r)},class:(r,e)=>{"string"==typeof e&&e[L](/\s+/)[S](e=>{e&&r.classList["!"===e[0]?K:O]("!"===e[0]?e[N](1):e)})},init:()=>{},destroy:()=>{}},le=u=>{if(!u._m){u._m=1;var e=a[u[I](Z)];if(e){var y=p(e());y.$refs={},y.$root=u,y.$store=m;var r=[],d=e=>{var r,t,n,a,i=e.target;for(!i._m||e.type!==q&&e.type!==z||(n=i._m,r="checkbox"===i.type?i.checked:i[W],t=ne(i._s||y,n),-1===n.indexOf(".")?(i._s||y)[n]=r:t.c&&(n=n[L]("."),t.c[n[n[T]-1]]=r));i&&i!==u[B];){var o=re[M](i);o&&(a=o[e.type])&&"function"==typeof(o=ne(i._s||y,a)).v&&o.v.call(o.c,e),i=i[B]}},b=(p,m,i)=>{if(1===p.nodeType&&!p[I]("s-ignore"))if(p!==u&&p[I](Z))(o=le(p))&&i[C](o.unmount);else{var r;if(r=p[I](ee)){var t,n=document[Q](""),a=[];return p[J](n),i[C](()=>{a[S](e=>e())}),i[C](oe(()=>{var e=ne(m,r);("function"==typeof e.v?e.v.call(e.c,p):e.v)?t||((t=p[V](!0))[U](ee),b(t,m,a),n[B][G](t,n)):t&&(a[S](e=>e()),a[T]=0,t[K](),t=null)},ae))}if("TEMPLATE"===p[Y]&&(r=p[I]("s-for"))){var e=r.match(te);if(!e)return;var o=e[1].replace(/[()]/g,"")[L](","),s=e[2],_=o[0].trim(),h=o[1]?o[1].trim():null,g=p[I]("s-key"),n=document[Q]("");p[J](n);var w=new E;return i[C](()=>{w[S](e=>e.k[S](e=>e()))}),i[C](oe(()=>{var u=ne(m,s).v;x.isArray(u)&&ie(u,T);var y=n,e=x.isArray(u)?u:u?A.keys(u):[],d=new E;e[S]((e,r)=>{var t,n,a=x.isArray(u)?r:e,i=x.isArray(u)?e:u[e],o=g&&i?i[g]:"object"==typeof i&&i?i:a+"_"+i,e=e=>{A.defineProperty(e,_,{configurable:!0,enumerable:!0,get:()=>u[a],set:e=>{u[a]=e}})};if(r=w[M](o))e(r.s),h&&(r.s[h]=a);else{var i=p.content[V](!0),s=(n=m,n=A.create(n),new Proxy(n,{set:(e,r,t,n)=>{if(A[F][H].call(e,r))return k[R](e,r,t,n);for(var a=e;a&&!A[F][H].call(a,r);)a=A.getPrototypeOf(a);return k[R](a||e,r,t)}})),l=[];e(s),h&&(s[h]=a);for(var c=[],v=i.firstChild;v;){c[C](v);var f=v[D];b(v,s,l),v=f}r={n:c,s:s,k:l}}r.n[0]!==y[D]&&(t=document.createDocumentFragment(),r.n[S](e=>t.appendChild(e)),y[B][G](t,y[D])),y=r.n[r.n[T]-1],d[R](o,r),w[$](o)}),w[S](e=>{e.k[S](e=>e()),e.n[S](e=>e[K]())}),w=d},ae))}for(var l=p.attributes,c=l[T]-1;0<=c;c--)(e=>{var r,t,n=e.name,a=e[W];":"===n[0]?i[C](oe(()=>{var e=ne(m,a);se["class"===n[N](1)?"class":"attr"](p,"function"==typeof e.v?e.v.call(e.c,p):e.v,n[N](1))},ae)):"s"===n[0]&&"-"===n[1]&&("ref"===(r=n[N](2))?y.$refs[a]=p:"model"===r?(i[C](oe(()=>{se.value(p,ne(m,a).v)},ae)),/^(INPUT|SELECT|TEXTAREA)$/.test(p[Y])&&(p._s=m,p._m=a,t="checkbox"===p.type||"radio"===p.type||"SELECT"===p[Y]?z:q,u._e||(u._e=new P),u._e[j](t)||(u._e[O](t),u[X](t,d)))):se[r]?i[C](oe(()=>{var e=ne(m,a);se[r](p,"function"==typeof e.v?e.v.call(e.c,p):e.v)},ae)):(p._s=m,(t=re[M](p))||re[R](p,t={}),t[r]=a,u._e||(u._e=new P),u._e[j](r)||(u._e[O](r),u[X](r,d))))})(l[c]);for(var v=p.firstElementChild;v;){var f=v.nextElementSibling;b(v,m,i),v=f}}};return b(u,y,r),y.init&&y.init(),{unmount:()=>{y.destroy&&y.destroy.call(y),r[S](e=>e()),u._e&&u._e[S](e=>u.removeEventListener(e,d)),u._m=0}}}}};return{data:(e,r)=>{a[e]=r},start:()=>{for(var e=document.querySelectorAll("["+Z+"]"),r=0;r<e[T];r++)le(e[r])},store:(e,r)=>void 0===r?m[e]:m[e]=r}})();window.spiki=e})();