spikijs 1.0.7 → 1.0.8

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "spikijs",
   "license": "MIT",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "type": "module",
   "repository": {
     "type": "git",

package/spiki.esm.js

@@ -1,24 +1,27 @@
 var spiki = (() => {
-    // --- State & Storage ---
+    // =========================================================================
+    // 1. STATE & STORAGE
+    // =========================================================================
     var componentRegistry = Object.create(null);
     var eventMetadataMap = new WeakMap();
-    var dependencyMap = new WeakMap();
-    var proxyCache = new WeakMap();
-    var pathSplitCache = new Map();
-    var schedulerQueue = new Set();
+    var dependencyMap = new WeakMap(); // Stores dependencies: Target -> Key -> Set<Effect>
+    var proxyCache = new WeakMap();    // Prevents double-wrapping objects
+    var pathSplitCache = new Map();    // Caches "user.name" -> ["user", "name"]
+    var schedulerQueue = new Set();    // Async task queue
 
-    var loopRegex = /^\s*(.*?)\s+in\s+(.+)\s*$/;
+    var loopRegex = /^\s*(.*?)\s+in\s+(.+)\s*$/; // Regex for "item in items"
 
-    // --- Global State Variables ---
+    // Global flags
     var currentActiveEffect;
     var isFlushingQueue;
     var globalStore;
     var shouldTriggerEffects = true;
     var resolvedPromise = Promise.resolve();
 
-    // -------------------------------------------------------------------------
-    // 1. Array Interceptors
-    // -------------------------------------------------------------------------
+    // =========================================================================
+    // 2. ARRAY INSTRUMENTATION
+    // Intercepts array mutation methods to trigger reactivity
+    // =========================================================================
     var arrayInstrumentations = {};
     ['push', 'pop', 'shift', 'unshift', 'splice', 'sort', 'reverse'].forEach(methodName => {
         arrayInstrumentations[methodName] = function () {
@@ -38,10 +41,12 @@ var spiki = (() => {
         };
     });
 
-    // -------------------------------------------------------------------------
-    // 2. Helper Functions
-    // -------------------------------------------------------------------------
+    // =========================================================================
+    // 3. HELPER FUNCTIONS
+    // =========================================================================
     
+    // Creates a child scope that inherits from parent.
+    // Writes bubble up to the object that actually owns the property.
     var createScope = (parentScope) => {
         var proto = Object.create(parentScope);
         return new Proxy(proto, {
@@ -60,6 +65,7 @@ var spiki = (() => {
         });
     };
 
+    // Resolves "user.name" from the scope
     var evaluatePath = (scope, path) => {
         if (typeof path !== 'string') return { value: path, context: scope };
 
@@ -88,6 +94,7 @@ var spiki = (() => {
         return { value: currentValue, context: currentContext };
     };
 
+    // Microtask Scheduler
     var nextTick = (fn) => {
         return !schedulerQueue.has(fn) && 
                schedulerQueue.add(fn) && 
@@ -100,9 +107,9 @@ var spiki = (() => {
                });
     };
 
-    // -------------------------------------------------------------------------
-    // 3. Reactivity System
-    // -------------------------------------------------------------------------
+    // =========================================================================
+    // 4. REACTIVITY SYSTEM
+    // =========================================================================
 
     var trackDependency = (target, key) => {
         if (!currentActiveEffect) return;
@@ -134,6 +141,7 @@ var spiki = (() => {
 
     var createEffect = (fn, scheduler) => {
         var runner = () => {
+            // Clean up old dependencies before re-running
             runner.dependencies.forEach(depSet => depSet.delete(runner));
             runner.dependencies.clear();
             
@@ -148,7 +156,7 @@ var spiki = (() => {
         
         runner.dependencies = new Set();
         runner.scheduler = scheduler;
-        runner();
+        runner(); // Run immediately
         
         return () => {
             runner.dependencies.forEach(depSet => depSet.delete(runner));
@@ -175,6 +183,7 @@ var spiki = (() => {
                 trackDependency(target, key);
                 
                 var result = Reflect.get(target, key, receiver);
+                // Deep reactivity
                 return result && typeof result === 'object' && !(result instanceof Node) 
                     ? makeReactive(result) 
                     : result;
@@ -214,9 +223,9 @@ var spiki = (() => {
 
     globalStore = makeReactive({});
 
-    // -------------------------------------------------------------------------
-    // 4. DOM Operations
-    // -------------------------------------------------------------------------
+    // =========================================================================
+    // 5. DOM OPERATIONS
+    // =========================================================================
     var domOperations = {
         text: (el, value) => { 
             el.textContent = (value !== null && value !== undefined) ? value : ''; 
@@ -255,9 +264,9 @@ var spiki = (() => {
         destroy: () => { }
     };
 
-    // -------------------------------------------------------------------------
-    // 5. Engine / Mounting Logic
-    // -------------------------------------------------------------------------
+    // =========================================================================
+    // 6. MOUNTING & ENGINE
+    // =========================================================================
     var mountComponent = (rootElement) => {
         if (rootElement.__isMounted) return;
         rootElement.__isMounted = 1;
@@ -273,28 +282,34 @@ var spiki = (() => {
 
         var cleanupCallbacks = [];
 
+        // --- Global Event Delegation Handler ---
         var handleEvent = (e) => {
             var target = e.target;
             
+            // Handle s-model updates
             if (target.__modelPath && (e.type === 'input' || e.type === 'change')) {
                 var path = target.__modelPath;
+                // Use tagged scope if available, else root state
+                var scope = target.__scope || state;
                 var value = target.type === 'checkbox' ? target.checked : target.value;
-                var evaluation = evaluatePath(target.__scope || state, path);
+                var evaluation = evaluatePath(scope, path);
                 var parentObject = evaluation.context;
 
                 if (path.indexOf('.') === -1) {
-                    (target.__scope || state)[path] = value;
+                    scope[path] = value;
                 } else if (parentObject) {
                     var parts = path.split('.');
                     parentObject[parts[parts.length - 1]] = value;
                 }
             }
 
+            // Handle standard events (s-click, etc.)
             var handlerName;
             while (target && target !== rootElement.parentNode) {
                 var meta = eventMetadataMap.get(target);
                 if (meta && (handlerName = meta[e.type])) {
-                    var evalResult = evaluatePath(target.__scope || state, handlerName);
+                    var targetScope = target.__scope || state;
+                    var evalResult = evaluatePath(targetScope, handlerName);
                     var handlerFn = evalResult.value;
                     var handlerContext = evalResult.context;
                     
@@ -306,17 +321,21 @@ var spiki = (() => {
             }
         };
 
+        // --- Core Recursive Walker ---
         var walkDOM = (el, currentScope, cleanupList) => {
+            // 1. Fast Reject: Text nodes, Comments, or s-ignore
             if (el.nodeType !== 1 || el.hasAttribute('s-ignore')) return;
 
+            // 2. Component Boundary Check
             if (el !== rootElement && el.hasAttribute('s-data')) {
                 var childComponent = mountComponent(el);
                 if (childComponent) cleanupList.push(childComponent.unmount);
-                return;
+                return; // Stop recursion here, child handles itself
             }
 
             var attributeValue;
 
+            // 3. Structural Directive: s-if
             if ((attributeValue = el.getAttribute('s-if'))) {
                 var anchor = document.createTextNode('');
                 var branchCleanups = [];
@@ -338,6 +357,7 @@ var spiki = (() => {
                         if (!activeNode) {
                             activeNode = el.cloneNode(true);
                             activeNode.removeAttribute('s-if');
+                            // Recurse into the new branch
                             walkDOM(activeNode, currentScope, branchCleanups);
                             anchor.parentNode.insertBefore(activeNode, anchor);
                         }
@@ -350,6 +370,7 @@ var spiki = (() => {
                 }, nextTick));
             }
 
+            // 4. Structural Directive: s-for
             if (el.tagName === 'TEMPLATE' && (attributeValue = el.getAttribute('s-for'))) {
                 var match = attributeValue.match(loopRegex);
                 if (!match) return;
@@ -416,6 +437,7 @@ var spiki = (() => {
                             while (childNode) {
                                 rowNodes.push(childNode);
                                 var nextSibling = childNode.nextSibling;
+                                // Recursive walk for new DOM nodes
                                 walkDOM(childNode, rowScope, rowCleanups);
                                 childNode = nextSibling;
                             }
@@ -444,82 +466,97 @@ var spiki = (() => {
                 }, nextTick));
             }
 
+            // 5. Attribute Binding & Interactivity Check
             var attributes = el.attributes;
-            for (var i = attributes.length - 1; i >= 0; i--) {
-                ((attr) => {
-                    var name = attr.name;
-                    var value = attr.value;
-                    
-                    if (name[0] === ':') {
-                        cleanupList.push(createEffect(() => {
-                            var evaluation = evaluatePath(currentScope, value);
-                            var result = evaluation.value;
-                            var context = evaluation.context;
-                            var opName = name.slice(1) === 'class' ? 'class' : 'attr';
-                            
-                            domOperations[opName](
-                                el, 
-                                typeof result === 'function' ? result.call(context, el) : result, 
-                                name.slice(1)
-                            );
-                        }, nextTick));
-                        
-                    } else if (name[0] === 's' && name[1] === '-') {
-                        var directiveType = name.slice(2);
+            var isInteractive = false; 
+
+            if (attributes && attributes.length > 0) {
+                // Reverse loop for safety
+                for (var i = attributes.length - 1; i >= 0; i--) {
+                    ((attr) => {
+                        var name = attr.name;
+                        var value = attr.value;
                         
-                        if (directiveType === 'ref') {
-                            state.$refs[value] = el;
-                        } else if (directiveType === 'model') {
-                            cleanupList.push(createEffect(() => {
-                                var evaluation = evaluatePath(currentScope, value);
-                                domOperations.value(el, evaluation.value);
-                            }, nextTick));
-                            
-                            if (/^(INPUT|SELECT|TEXTAREA)$/.test(el.tagName)) {
-                                el.__scope = currentScope; 
-                                el.__modelPath = value;
-                                var eventType = (el.type === 'checkbox' || el.type === 'radio' || el.tagName === 'SELECT') 
-                                    ? 'change' 
-                                    : 'input';
-                                    
-                                if (!rootElement.__listeningEvents) rootElement.__listeningEvents = new Set();
-                                if (!rootElement.__listeningEvents.has(eventType)) {
-                                    rootElement.__listeningEvents.add(eventType);
-                                    rootElement.addEventListener(eventType, handleEvent);
-                                }
-                            }
-                        } else if (domOperations[directiveType]) {
+                        if (name[0] === ':') {
                             cleanupList.push(createEffect(() => {
                                 var evaluation = evaluatePath(currentScope, value);
                                 var result = evaluation.value;
                                 var context = evaluation.context;
-                                domOperations[directiveType](
+                                var opName = name.slice(1) === 'class' ? 'class' : 'attr';
+                                
+                                domOperations[opName](
                                     el, 
-                                    typeof result === 'function' ? result.call(context, el) : result
+                                    typeof result === 'function' ? result.call(context, el) : result, 
+                                    name.slice(1)
                                 );
                             }, nextTick));
-                        } else {
-                            el.__scope = currentScope;
-                            var meta = eventMetadataMap.get(el);
-                            if (!meta) {
-                                meta = {};
-                                eventMetadataMap.set(el, meta);
-                            }
-                            meta[directiveType] = value;
                             
-                            if (!rootElement.__listeningEvents) rootElement.__listeningEvents = new Set();
-                            if (!rootElement.__listeningEvents.has(directiveType)) {
-                                rootElement.__listeningEvents.add(directiveType);
-                                rootElement.addEventListener(directiveType, handleEvent);
+                        } else if (name[0] === 's' && name[1] === '-') {
+                            var directiveType = name.slice(2);
+                            
+                            if (directiveType === 'ref') {
+                                state.$refs[value] = el;
+                            } else if (directiveType === 'model') {
+                                isInteractive = true; // Flag for scope attachment
+                                cleanupList.push(createEffect(() => {
+                                    var evaluation = evaluatePath(currentScope, value);
+                                    domOperations.value(el, evaluation.value);
+                                }, nextTick));
+                                
+                                if (/^(INPUT|SELECT|TEXTAREA)$/.test(el.tagName)) {
+                                    el.__modelPath = value;
+                                    var eventType = (el.type === 'checkbox' || el.type === 'radio' || el.tagName === 'SELECT') 
+                                        ? 'change' 
+                                        : 'input';
+                                        
+                                    if (!rootElement.__listeningEvents) rootElement.__listeningEvents = new Set();
+                                    if (!rootElement.__listeningEvents.has(eventType)) {
+                                        rootElement.__listeningEvents.add(eventType);
+                                        rootElement.addEventListener(eventType, handleEvent);
+                                    }
+                                }
+                            } else if (domOperations[directiveType]) {
+                                cleanupList.push(createEffect(() => {
+                                    var evaluation = evaluatePath(currentScope, value);
+                                    var result = evaluation.value;
+                                    var context = evaluation.context;
+                                    domOperations[directiveType](
+                                        el, 
+                                        typeof result === 'function' ? result.call(context, el) : result
+                                    );
+                                }, nextTick));
+                            } else {
+                                // Event Handlers
+                                isInteractive = true; // Flag for scope attachment
+                                var meta = eventMetadataMap.get(el);
+                                if (!meta) {
+                                    meta = {};
+                                    eventMetadataMap.set(el, meta);
+                                }
+                                meta[directiveType] = value;
+                                
+                                if (!rootElement.__listeningEvents) rootElement.__listeningEvents = new Set();
+                                if (!rootElement.__listeningEvents.has(directiveType)) {
+                                    rootElement.__listeningEvents.add(directiveType);
+                                    rootElement.addEventListener(directiveType, handleEvent);
+                                }
                             }
                         }
-                    }
-                })(attributes[i]);
+                    })(attributes[i]);
+                }
+            }
+
+            // 6. Selective Scope Attachment
+            // Only attach scope to DOM elements that actually need it for events/models.
+            // This saves memory on static elements.
+            if (isInteractive) {
+                el.__scope = currentScope;
             }
 
-            var child = el.firstElementChild;
+            // 7. Recursive Traversal (Optimized Native Loop)
+            var child = el.firstChild;
             while (child) {
-                var next = child.nextElementSibling;
+                var next = child.nextSibling;
                 walkDOM(child, currentScope, cleanupList);
                 child = next;
             }
@@ -542,6 +579,9 @@ var spiki = (() => {
         };
     };
 
+    // =========================================================================
+    // 7. PUBLIC API
+    // =========================================================================
     return {
         data: (name, factoryFn) => { 
             componentRegistry[name] = factoryFn; 

package/spiki.esm.min.js

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

package/spiki.js

@@ -2,26 +2,29 @@
 "use strict";
 
 var spiki = (() => {
-    // --- State & Storage ---
+    // =========================================================================
+    // 1. STATE & STORAGE
+    // =========================================================================
     var componentRegistry = Object.create(null);
     var eventMetadataMap = new WeakMap();
-    var dependencyMap = new WeakMap();
-    var proxyCache = new WeakMap();
-    var pathSplitCache = new Map();
-    var schedulerQueue = new Set();
+    var dependencyMap = new WeakMap(); // Stores dependencies: Target -> Key -> Set<Effect>
+    var proxyCache = new WeakMap();    // Prevents double-wrapping objects
+    var pathSplitCache = new Map();    // Caches "user.name" -> ["user", "name"]
+    var schedulerQueue = new Set();    // Async task queue
 
-    var loopRegex = /^\s*(.*?)\s+in\s+(.+)\s*$/;
+    var loopRegex = /^\s*(.*?)\s+in\s+(.+)\s*$/; // Regex for "item in items"
 
-    // --- Global State Variables ---
+    // Global flags
     var currentActiveEffect;
     var isFlushingQueue;
     var globalStore;
     var shouldTriggerEffects = true;
     var resolvedPromise = Promise.resolve();
 
-    // -------------------------------------------------------------------------
-    // 1. Array Interceptors
-    // -------------------------------------------------------------------------
+    // =========================================================================
+    // 2. ARRAY INSTRUMENTATION
+    // Intercepts array mutation methods to trigger reactivity
+    // =========================================================================
     var arrayInstrumentations = {};
     ['push', 'pop', 'shift', 'unshift', 'splice', 'sort', 'reverse'].forEach(methodName => {
         arrayInstrumentations[methodName] = function () {
@@ -41,10 +44,12 @@ var spiki = (() => {
         };
     });
 
-    // -------------------------------------------------------------------------
-    // 2. Helper Functions
-    // -------------------------------------------------------------------------
+    // =========================================================================
+    // 3. HELPER FUNCTIONS
+    // =========================================================================
     
+    // Creates a child scope that inherits from parent.
+    // Writes bubble up to the object that actually owns the property.
     var createScope = (parentScope) => {
         var proto = Object.create(parentScope);
         return new Proxy(proto, {
@@ -63,6 +68,7 @@ var spiki = (() => {
         });
     };
 
+    // Resolves "user.name" from the scope
     var evaluatePath = (scope, path) => {
         if (typeof path !== 'string') return { value: path, context: scope };
 
@@ -91,6 +97,7 @@ var spiki = (() => {
         return { value: currentValue, context: currentContext };
     };
 
+    // Microtask Scheduler
     var nextTick = (fn) => {
         return !schedulerQueue.has(fn) && 
                schedulerQueue.add(fn) && 
@@ -103,9 +110,9 @@ var spiki = (() => {
                });
     };
 
-    // -------------------------------------------------------------------------
-    // 3. Reactivity System
-    // -------------------------------------------------------------------------
+    // =========================================================================
+    // 4. REACTIVITY SYSTEM
+    // =========================================================================
 
     var trackDependency = (target, key) => {
         if (!currentActiveEffect) return;
@@ -137,6 +144,7 @@ var spiki = (() => {
 
     var createEffect = (fn, scheduler) => {
         var runner = () => {
+            // Clean up old dependencies before re-running
             runner.dependencies.forEach(depSet => depSet.delete(runner));
             runner.dependencies.clear();
             
@@ -151,7 +159,7 @@ var spiki = (() => {
         
         runner.dependencies = new Set();
         runner.scheduler = scheduler;
-        runner();
+        runner(); // Run immediately
         
         return () => {
             runner.dependencies.forEach(depSet => depSet.delete(runner));
@@ -178,6 +186,7 @@ var spiki = (() => {
                 trackDependency(target, key);
                 
                 var result = Reflect.get(target, key, receiver);
+                // Deep reactivity
                 return result && typeof result === 'object' && !(result instanceof Node) 
                     ? makeReactive(result) 
                     : result;
@@ -217,9 +226,9 @@ var spiki = (() => {
 
     globalStore = makeReactive({});
 
-    // -------------------------------------------------------------------------
-    // 4. DOM Operations
-    // -------------------------------------------------------------------------
+    // =========================================================================
+    // 5. DOM OPERATIONS
+    // =========================================================================
     var domOperations = {
         text: (el, value) => { 
             el.textContent = (value !== null && value !== undefined) ? value : ''; 
@@ -258,9 +267,9 @@ var spiki = (() => {
         destroy: () => { }
     };
 
-    // -------------------------------------------------------------------------
-    // 5. Engine / Mounting Logic
-    // -------------------------------------------------------------------------
+    // =========================================================================
+    // 6. MOUNTING & ENGINE
+    // =========================================================================
     var mountComponent = (rootElement) => {
         if (rootElement.__isMounted) return;
         rootElement.__isMounted = 1;
@@ -276,28 +285,34 @@ var spiki = (() => {
 
         var cleanupCallbacks = [];
 
+        // --- Global Event Delegation Handler ---
         var handleEvent = (e) => {
             var target = e.target;
             
+            // Handle s-model updates
             if (target.__modelPath && (e.type === 'input' || e.type === 'change')) {
                 var path = target.__modelPath;
+                // Use tagged scope if available, else root state
+                var scope = target.__scope || state;
                 var value = target.type === 'checkbox' ? target.checked : target.value;
-                var evaluation = evaluatePath(target.__scope || state, path);
+                var evaluation = evaluatePath(scope, path);
                 var parentObject = evaluation.context;
 
                 if (path.indexOf('.') === -1) {
-                    (target.__scope || state)[path] = value;
+                    scope[path] = value;
                 } else if (parentObject) {
                     var parts = path.split('.');
                     parentObject[parts[parts.length - 1]] = value;
                 }
             }
 
+            // Handle standard events (s-click, etc.)
             var handlerName;
             while (target && target !== rootElement.parentNode) {
                 var meta = eventMetadataMap.get(target);
                 if (meta && (handlerName = meta[e.type])) {
-                    var evalResult = evaluatePath(target.__scope || state, handlerName);
+                    var targetScope = target.__scope || state;
+                    var evalResult = evaluatePath(targetScope, handlerName);
                     var handlerFn = evalResult.value;
                     var handlerContext = evalResult.context;
                     
@@ -309,17 +324,21 @@ var spiki = (() => {
             }
         };
 
+        // --- Core Recursive Walker ---
         var walkDOM = (el, currentScope, cleanupList) => {
+            // 1. Fast Reject: Text nodes, Comments, or s-ignore
             if (el.nodeType !== 1 || el.hasAttribute('s-ignore')) return;
 
+            // 2. Component Boundary Check
             if (el !== rootElement && el.hasAttribute('s-data')) {
                 var childComponent = mountComponent(el);
                 if (childComponent) cleanupList.push(childComponent.unmount);
-                return;
+                return; // Stop recursion here, child handles itself
             }
 
             var attributeValue;
 
+            // 3. Structural Directive: s-if
             if ((attributeValue = el.getAttribute('s-if'))) {
                 var anchor = document.createTextNode('');
                 var branchCleanups = [];
@@ -341,6 +360,7 @@ var spiki = (() => {
                         if (!activeNode) {
                             activeNode = el.cloneNode(true);
                             activeNode.removeAttribute('s-if');
+                            // Recurse into the new branch
                             walkDOM(activeNode, currentScope, branchCleanups);
                             anchor.parentNode.insertBefore(activeNode, anchor);
                         }
@@ -353,6 +373,7 @@ var spiki = (() => {
                 }, nextTick));
             }
 
+            // 4. Structural Directive: s-for
             if (el.tagName === 'TEMPLATE' && (attributeValue = el.getAttribute('s-for'))) {
                 var match = attributeValue.match(loopRegex);
                 if (!match) return;
@@ -419,6 +440,7 @@ var spiki = (() => {
                             while (childNode) {
                                 rowNodes.push(childNode);
                                 var nextSibling = childNode.nextSibling;
+                                // Recursive walk for new DOM nodes
                                 walkDOM(childNode, rowScope, rowCleanups);
                                 childNode = nextSibling;
                             }
@@ -447,82 +469,97 @@ var spiki = (() => {
                 }, nextTick));
             }
 
+            // 5. Attribute Binding & Interactivity Check
             var attributes = el.attributes;
-            for (var i = attributes.length - 1; i >= 0; i--) {
-                ((attr) => {
-                    var name = attr.name;
-                    var value = attr.value;
-                    
-                    if (name[0] === ':') {
-                        cleanupList.push(createEffect(() => {
-                            var evaluation = evaluatePath(currentScope, value);
-                            var result = evaluation.value;
-                            var context = evaluation.context;
-                            var opName = name.slice(1) === 'class' ? 'class' : 'attr';
-                            
-                            domOperations[opName](
-                                el, 
-                                typeof result === 'function' ? result.call(context, el) : result, 
-                                name.slice(1)
-                            );
-                        }, nextTick));
-                        
-                    } else if (name[0] === 's' && name[1] === '-') {
-                        var directiveType = name.slice(2);
+            var isInteractive = false; 
+
+            if (attributes && attributes.length > 0) {
+                // Reverse loop for safety
+                for (var i = attributes.length - 1; i >= 0; i--) {
+                    ((attr) => {
+                        var name = attr.name;
+                        var value = attr.value;
                         
-                        if (directiveType === 'ref') {
-                            state.$refs[value] = el;
-                        } else if (directiveType === 'model') {
-                            cleanupList.push(createEffect(() => {
-                                var evaluation = evaluatePath(currentScope, value);
-                                domOperations.value(el, evaluation.value);
-                            }, nextTick));
-                            
-                            if (/^(INPUT|SELECT|TEXTAREA)$/.test(el.tagName)) {
-                                el.__scope = currentScope; 
-                                el.__modelPath = value;
-                                var eventType = (el.type === 'checkbox' || el.type === 'radio' || el.tagName === 'SELECT') 
-                                    ? 'change' 
-                                    : 'input';
-                                    
-                                if (!rootElement.__listeningEvents) rootElement.__listeningEvents = new Set();
-                                if (!rootElement.__listeningEvents.has(eventType)) {
-                                    rootElement.__listeningEvents.add(eventType);
-                                    rootElement.addEventListener(eventType, handleEvent);
-                                }
-                            }
-                        } else if (domOperations[directiveType]) {
+                        if (name[0] === ':') {
                             cleanupList.push(createEffect(() => {
                                 var evaluation = evaluatePath(currentScope, value);
                                 var result = evaluation.value;
                                 var context = evaluation.context;
-                                domOperations[directiveType](
+                                var opName = name.slice(1) === 'class' ? 'class' : 'attr';
+                                
+                                domOperations[opName](
                                     el, 
-                                    typeof result === 'function' ? result.call(context, el) : result
+                                    typeof result === 'function' ? result.call(context, el) : result, 
+                                    name.slice(1)
                                 );
                             }, nextTick));
-                        } else {
-                            el.__scope = currentScope;
-                            var meta = eventMetadataMap.get(el);
-                            if (!meta) {
-                                meta = {};
-                                eventMetadataMap.set(el, meta);
-                            }
-                            meta[directiveType] = value;
                             
-                            if (!rootElement.__listeningEvents) rootElement.__listeningEvents = new Set();
-                            if (!rootElement.__listeningEvents.has(directiveType)) {
-                                rootElement.__listeningEvents.add(directiveType);
-                                rootElement.addEventListener(directiveType, handleEvent);
+                        } else if (name[0] === 's' && name[1] === '-') {
+                            var directiveType = name.slice(2);
+                            
+                            if (directiveType === 'ref') {
+                                state.$refs[value] = el;
+                            } else if (directiveType === 'model') {
+                                isInteractive = true; // Flag for scope attachment
+                                cleanupList.push(createEffect(() => {
+                                    var evaluation = evaluatePath(currentScope, value);
+                                    domOperations.value(el, evaluation.value);
+                                }, nextTick));
+                                
+                                if (/^(INPUT|SELECT|TEXTAREA)$/.test(el.tagName)) {
+                                    el.__modelPath = value;
+                                    var eventType = (el.type === 'checkbox' || el.type === 'radio' || el.tagName === 'SELECT') 
+                                        ? 'change' 
+                                        : 'input';
+                                        
+                                    if (!rootElement.__listeningEvents) rootElement.__listeningEvents = new Set();
+                                    if (!rootElement.__listeningEvents.has(eventType)) {
+                                        rootElement.__listeningEvents.add(eventType);
+                                        rootElement.addEventListener(eventType, handleEvent);
+                                    }
+                                }
+                            } else if (domOperations[directiveType]) {
+                                cleanupList.push(createEffect(() => {
+                                    var evaluation = evaluatePath(currentScope, value);
+                                    var result = evaluation.value;
+                                    var context = evaluation.context;
+                                    domOperations[directiveType](
+                                        el, 
+                                        typeof result === 'function' ? result.call(context, el) : result
+                                    );
+                                }, nextTick));
+                            } else {
+                                // Event Handlers
+                                isInteractive = true; // Flag for scope attachment
+                                var meta = eventMetadataMap.get(el);
+                                if (!meta) {
+                                    meta = {};
+                                    eventMetadataMap.set(el, meta);
+                                }
+                                meta[directiveType] = value;
+                                
+                                if (!rootElement.__listeningEvents) rootElement.__listeningEvents = new Set();
+                                if (!rootElement.__listeningEvents.has(directiveType)) {
+                                    rootElement.__listeningEvents.add(directiveType);
+                                    rootElement.addEventListener(directiveType, handleEvent);
+                                }
                             }
                         }
-                    }
-                })(attributes[i]);
+                    })(attributes[i]);
+                }
+            }
+
+            // 6. Selective Scope Attachment
+            // Only attach scope to DOM elements that actually need it for events/models.
+            // This saves memory on static elements.
+            if (isInteractive) {
+                el.__scope = currentScope;
             }
 
-            var child = el.firstElementChild;
+            // 7. Recursive Traversal (Optimized Native Loop)
+            var child = el.firstChild;
             while (child) {
-                var next = child.nextElementSibling;
+                var next = child.nextSibling;
                 walkDOM(child, currentScope, cleanupList);
                 child = next;
             }
@@ -545,6 +582,9 @@ var spiki = (() => {
         };
     };
 
+    // =========================================================================
+    // 7. PUBLIC API
+    // =========================================================================
     return {
         data: (name, factoryFn) => { 
             componentRegistry[name] = factoryFn; 

package/spiki.min.js

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