olova 1.0.5 → 1.0.7

package/README.md

@@ -11,7 +11,6 @@
 </div>
 
 <script type="module">
-  let rander = document.querySelector("template").innerHTML;
   import { createApp } from "//unpkg.com/olova";
 
   const app = createApp({
@@ -23,7 +22,6 @@
         this.count++;
       },
     },
-    template: rander,
   });
   app.mount("#app");
 </script>

package/dist/olova.js

@@ -1 +1 @@
-let createApp=({data:e,computed:t,methods:r,watch:l,mounted:a,beforeMount:n,beforeUpdate:o,template:i,plugins:c=[],components:s={}})=>{let u,f={},d={},h={},p={},m={},E=new Map,y=new Map,b=(e,t)=>{y.set(e,t)},g=(e,t)=>{m[e]=t},v=e=>{Array.from(e.attributes).forEach(t=>{let r=t.name.startsWith("$")?t.name.slice(1):null;if(r&&m[r]){let l=t.value;m[r](e,l,M),e.removeAttribute(t.name)}})},w=e=>new Proxy(e,{get:(e,t)=>"object"==typeof e[t]&&null!==e[t]?w(e[t]):e[t],set:(e,t,r)=>(e[t]!==r&&(e[t]=r,k(t)),!0)});class A extends Error{constructor(e){super(e),this.name="TemplateError"}}class N extends Error{constructor(e){super(e),this.name="StateError"}}let C=(e,t,r=Error)=>function(...l){try{return e.apply(this,l)}catch(a){throw new r(`${t}: ${a.message}`)}};n&&C(n,"Error in beforeMount hook",N).call(M);let x=new Set,T=e=>{f[e]&&(x.add(e),requestAnimationFrame(()=>{x.forEach(e=>{f[e].forEach(C(t=>{t.node?t.node.textContent=t.originalText.replace(/\{(.*?)\}/g,(e,t)=>Function("state",`with(state) { return ${t} }`)(M)):t.element&&t.attrName?(t.element.setAttribute(t.attrName,M[e]),t.element.removeAttribute(`:${t.attrName}`)):t.update&&t.update()},"Error updating bindings"))}),x.clear()}))},S=e=>{if("function"==typeof e){let t=C(e,"Error in onUpdated callback");h.__updated__||(h.__updated__=[]),h.__updated__.push({callback:t})}},k=e=>{o&&C(o,"Error in beforeUpdate hook").call(M,e),T(e),L(),q(e),h.__updated__&&h.__updated__.forEach(e=>e.callback.call(M))},L=()=>{Object.keys(d).forEach(e=>delete d[e])},q=e=>{h[e]&&h[e].forEach(t=>{t.debounce?(clearTimeout(t.timeout),t.timeout=setTimeout(()=>t.callback.call(M,M[e]),t.debounce)):t.throttle?(!t.lastCalled||Date.now()-t.lastCalled>t.throttle)&&(t.callback.call(M,M[e]),t.lastCalled=Date.now()):t.callback.call(M,M[e])})};l&&Object.keys(l).forEach(e=>{"function"==typeof l[e]?h[e]=[{callback:l[e]}]:"object"==typeof l[e]?h[e]=[{...l[e]}]:h[e]=Array.isArray(l[e])?l[e].map(e=>({callback:e})):[{callback:l[e]}]});let M=w({...e,$refs:new Proxy(p,{get:(e,t)=>e[t],set(){throw Error("$refs is read-only")}})}),O={},$={};t&&Object.keys(t).forEach(e=>{let r=t[e];O[e]=[],Object.defineProperty(M,e,{get:()=>"function"==typeof r&&"AsyncFunction"===r.constructor.name?($[e]||(d[e]=new Proxy(M,{get:(t,r)=>(O[e].includes(r)||O[e].push(r),t[r])}),$[e]=r.call(M).then(t=>(d[e]=t,delete $[e],T(e),t)).catch(t=>{console.error(`Error in async computed property "${e}":`,t)})),$[e]):(d.hasOwnProperty(e)||(d[e]=new Proxy(M,{get:(t,r)=>(O[e].includes(r)||O[e].push(r),t[r])}),d[e]=r.call(M)),d[e]),enumerable:!0})});let D=e=>{Object.keys(O).forEach(t=>{O[t].includes(e)&&(delete d[t],T(t))})},B=()=>{u.querySelectorAll("[\\$style]").forEach(e=>{if(!(e instanceof HTMLElement))return;let t=e.getAttribute("$style");if(!t)return;let r=()=>{try{let r=Function("state",`with(state) { return ${t} }`)(M);"object"==typeof r&&null!==r?Object.entries(r).forEach(([t,r])=>{e.style[t]=r}):"string"==typeof r&&e.setAttribute("style",r)}catch(l){console.error("Error applying style directive:",l)}};r(),T(t)})},_=()=>{u.querySelectorAll("[\\$if]").forEach(e=>{if(!(e instanceof HTMLElement))return;let t=e.getAttribute("$if");if(!t)return;let r=e.parentNode,l=document.createComment("$if placeholder");r?.insertBefore(l,e);let a=e.nextElementSibling;for(;a&&!a.hasAttribute("$else");)a=a.nextElementSibling;let n=()=>{try{Function("state",`with(state) { return ${t} }`)(M)?(e.style.display="",e.parentNode!==r&&r?.insertBefore(e,l.nextSibling),a&&(a.style.display="none")):(e.style.display="none",a&&(a.style.display=""))}catch(n){console.error("Error evaluating :if directive:",n)}};n(),T(t)})},j=e=>{if(!(e instanceof HTMLElement))return;let t=e.getAttribute("$show");if(!t)return;let r=()=>{try{let r=Function("state",`with(state) { return ${t} }`)(M);e.style.display=r?"":"none"}catch(l){console.error("Error evaluating $show directive:",l)}};r(),f[t]||(f[t]=[]),f[t].push({element:e,update:r})},H=()=>{u.querySelectorAll("[\\$for]").forEach(e=>{if(!(e instanceof HTMLElement))return;let t=e.getAttribute("$for");if(!t)return;let r=t.match(/^\s*(\w+)\s+(?:of|in)\s+(\w+)\s*$/);if(!r){console.error("Invalid :for expression:",t);return}let[,l,a]=r,n=e.parentNode,o=document.createComment("$for placeholder");n?.insertBefore(o,e),e.removeAttribute("$for");let i=e.cloneNode(!0);n?.removeChild(e);let c=()=>{let e=document.createDocumentFragment(),t=M[a];for(Array.isArray(t)&&t.forEach((t,r)=>{let a=i.cloneNode(!0),n={[l]:t,index:r},o=new Proxy(n,{get:(e,t)=>(t in e)?e[t]:M[t]}),c=e=>{if(e.nodeType===Node.TEXT_NODE){let t=e.textContent;t.includes("{")&&t.includes("}")&&(e.textContent=t.replace(/\{(.*?)\}/g,(e,t)=>Function("state",`with(state) { return ${t} }`)(o)))}else e.nodeType===Node.ELEMENT_NODE&&Array.from(e.childNodes).forEach(c)};c(a),a.querySelectorAll("*").forEach(e=>{Array.from(e.attributes).forEach(t=>{if(t.value.includes("{")&&t.value.includes("}")){let r=t.value.replace(/\{(.*?)\}/g,(e,t)=>Function("state",`with(state) { return ${t} }`)(o));e.setAttribute(t.name,r)}})}),e.appendChild(a)});o.nextSibling;)n?.removeChild(o.nextSibling);n?.insertBefore(e,o.nextSibling)};c(),f[a]||(f[a]=[]),f[a].push({updateFor:c})})},U=()=>{u.querySelectorAll("[\\$ref]").forEach(e=>{if(!(e instanceof HTMLElement))return;let t=e.getAttribute("$ref");t&&(p[t]=e,e.removeAttribute("$ref"))})},W=()=>{u.querySelectorAll("[\\$model]").forEach(e=>{if(!(e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement))return;let t=e.getAttribute("$model");t&&(e.value=M[t]||"",e.addEventListener("input",e=>{M[t]=e.target.value}),f[t]||(f[t]=[]),f[t].push({element:e,updateModel(){e.value=M[t]||""}}),e.removeAttribute("$model"))})},F=e=>{if(e.nodeType===Node.ELEMENT_NODE){let t=e.tagName.toLowerCase();if(y.has(t)){let r=y.get(t),l=Array.from(e.attributes).reduce((e,t)=>(e[t.name]=t.value,e),{}),a=r(l),n=document.createElement("div");n.innerHTML=a;let o=n.firstElementChild;return e.parentNode.replaceChild(o,e),o}}return e},P=()=>{let e=document.createElement("div");e.innerHTML=i.trim();let t=e.getElementsByTagName("template");if(t.length>0){let r=t[0].content;u.innerHTML="",u.appendChild(r.cloneNode(!0))}else u.innerHTML="",u.appendChild(e);let l=e=>{e.nodeType===Node.ELEMENT_NODE&&Array.from((e=F(e)).childNodes).forEach(l)};Array.from(u.childNodes).forEach(l),u.querySelectorAll("*").forEach(e=>{if(e instanceof HTMLElement){v(e);let t=[...e.childNodes].filter(e=>e.nodeType===Node.TEXT_NODE&&/\{.*?\}/.test(e.textContent||""));t.forEach(e=>{let t=e.textContent||"",r=t.match(/\{(.*?)\}/g);r&&r.forEach(r=>{let l=r.replace(/\{|\}/g,"").trim();f[l]||(f[l]=[]),f[l].push({node:e,originalText:t})})}),Array.from(e.attributes).forEach(t=>{if(t.name.startsWith("$")){let r=t.value.trim(),l=t.name.slice(1);f[r]||(f[r]=[]),f[r].push({element:e,attrName:l})}})}})};Object.entries(s).forEach(([e,t])=>{b(e,t)});let X=()=>{c.forEach(e=>{"function"==typeof e&&e({createPlugin:g,state:M,bindings:f})})},G=()=>{u.querySelectorAll("*").forEach(e=>{Array.from(e.attributes).forEach(t=>{if(t.name.startsWith("@")){let l=t.name.slice(1),a=t.value.trim();e.addEventListener(l,e=>{if(r&&r[a])r[a].call(M,e);else try{Function("state","event",`with(state) { ${a} }`).call(M,M,e),k()}catch(t){console.error(`Error executing inline event expression: ${a}`,t)}})}})})},I=()=>{u.querySelectorAll("[\\$class]").forEach(e=>{if(!(e instanceof HTMLElement))return;let t=e.getAttribute("$class");if(!t)return;let r=()=>{try{let r=Function("state",`with(state) { return ${t} }`)(M);"object"==typeof r&&null!==r?Object.entries(r).forEach(([t,r])=>{r?e.classList.add(t):e.classList.remove(t)}):"string"==typeof r&&(e.className=r)}catch(l){console.error("Error applying class directive:",l)}e.removeAttribute("$class")};r(),f[t]||(f[t]=[]),f[t].push({updateClass:r})})},z=(e,t)=>{E.has(e)||E.set(e,[]),E.get(e).forEach(e=>e(t))},J=(e,t)=>(E.has(e)||E.set(e,[]),E.get(e).push(t),()=>{let r=E.get(e),l=r.indexOf(t);-1!==l&&r.splice(l,1)}),K={beforeCreate:[],created:[],beforeMount:[],mounted:[],beforeUpdate:[],updated:[],beforeUnmount:[],unmounted:[]},Q=(e,t)=>{K[e]&&K[e].push(t)},R=e=>{K[e]&&K[e].forEach(e=>e.call(M))},V=e=>{e.data&&Object.assign(M,e.data()),e.methods&&Object.assign(r,e.methods),e.computed&&Object.assign(t,e.computed),e.watch&&Object.keys(e.watch).forEach(t=>{l[t]||(l[t]=[]),l[t].push(e.watch[t])}),e.mounted&&Q("mounted",e.mounted)},Y=e=>{console.error("Global error:",e)};return window.addEventListener("error",Y),{mount:C(function(e){if(!(u=document.querySelector(e)))throw Error(`Element with selector "${e}" not found.`);R("beforeCreate"),R("created"),n&&n.call(M),R("beforeMount"),X(),P(),G(),B(),_(),H(),U(),W(),I(),D(),u.querySelectorAll("[\\$show]").forEach(e=>{e instanceof HTMLElement&&j(e)}),a&&a.call(M),R("mounted"),Object.keys(M).forEach(e=>T(e))},"Error mounting application"),onUpdated:S,createPlugin:g,emit:z,on:J,addLifecycleHook:Q,applyMixin:V,component:b}};export{createApp};
+const createApp=({data:e,computed:t,methods:n,watch:r,mounted:o,beforeMount:a,beforeUpdate:i,template:c,plugins:s=[],components:l={},mixins:u=[],directives:d={}})=>{let f;const m={},p={},h={},y={},E={...d},b=new Map,v=new Map,w=(e,t)=>{v.set(e,t)},g=(e,t)=>{E[e]=t},A=e=>{Array.from(e.attributes).forEach((t=>{const n=t.name.startsWith("i-")?t.name.slice(1):null;n&&E[n]&&(E[n](e,t.value,$),e.removeAttribute(t.name))}))},T=e=>new Proxy(e,{get:(e,t)=>"object"==typeof e[t]&&null!==e[t]?T(e[t]):e[t],set:(e,t,n)=>(e[t]!==n&&(e[t]=n,H(t)),!0)});Error;class L extends Error{constructor(e){super(e),this.name="StateError"}}const M=(e,t,n=Error)=>function(...r){try{return e.apply(this,r)}catch(e){throw new n(`${t}: ${e.message}`)}};a&&M(a,"Error in beforeMount hook",L).call($);const x=new Set,C=e=>{m[e]&&(x.add(e),requestAnimationFrame((()=>{x.forEach((e=>{m[e].forEach(M((t=>{t.node?t.node.textContent=t.originalText.replace(/\{(.*?)\}/g,((e,t)=>{try{return new Function("state",`with(state) { return ${t} }`)($)}catch(e){return console.error(`Error evaluating expression: ${t}`,e),""}})):t.element&&t.attrName?(t.element.setAttribute(t.attrName,$[e]),t.element.removeAttribute(`:${t.attrName}`)):t.update&&t.update()}),"Error updating bindings"))})),x.clear()})))},H=e=>{i&&M(i,"Error in beforeUpdate hook").call($,e),C(e),N(),S(e),h.__updated__?.forEach((e=>e.callback.call($)))},N=()=>{Object.keys(p).forEach((e=>delete p[e]))},S=e=>{h[e]&&h[e].forEach((t=>{t.debounce?(clearTimeout(t.timeout),t.timeout=setTimeout((()=>t.callback.call($,$[e])),t.debounce)):t.throttle?(!t.lastCalled||Date.now()-t.lastCalled>t.throttle)&&(t.callback.call($,$[e]),t.lastCalled=Date.now()):t.callback.call($,$[e])}))};r&&Object.entries(r).forEach((([e,t])=>{h[e]=Array.isArray(t)?t.map((e=>({callback:e}))):["function"==typeof t?{callback:t}:{...t}]}));const $=T({...e,$refs:new Proxy(y,{get:(e,t)=>e[t],set:()=>{throw new Error("$refs is read-only")}})}),O={},k={};t&&Object.entries(t).forEach((([e,t])=>{O[e]=[],Object.defineProperty($,e,{get:()=>"function"==typeof t&&"AsyncFunction"===t.constructor.name?(k[e]||(p[e]=new Proxy($,{get:(t,n)=>(O[e].includes(n)||O[e].push(n),t[n])}),k[e]=t.call($).then((t=>(p[e]=t,delete k[e],C(e),t))).catch((t=>{console.error(`Error in async computed property "${e}":`,t)}))),k[e]):(p.hasOwnProperty(e)||(p[e]=new Proxy($,{get:(t,n)=>(O[e].includes(n)||O[e].push(n),t[n])}),p[e]=t.call($)),p[e]),enumerable:!0})}));const _=()=>{const e="string"==typeof c?c.trim():c instanceof HTMLElement?c.innerHTML:f.innerHTML.trim();if(!e)throw new Error("No template provided and container is empty");const t=document.createElement("template");t.innerHTML=e,f.innerHTML="",f.appendChild(t.content.cloneNode(!0));const n=e=>{e.nodeType===Node.ELEMENT_NODE&&((e=(e=>{if(e.nodeType===Node.ELEMENT_NODE){const t=e.tagName.toLowerCase();if(v.has(t)){const n=v.get(t)(Array.from(e.attributes).reduce(((e,t)=>({...e,[t.name]:t.value})),{})),r=document.createElement("div");r.innerHTML=n;const o=r.firstElementChild;if(o)return e.parentNode?.replaceChild(o,e),o}}return e})(e))instanceof HTMLElement&&(e.hasAttribute("i-if")&&(e=>{if(!(e instanceof HTMLElement))return;const t=e.getAttribute("i-if");if(!t)return;const n=e.nextElementSibling?.hasAttribute("i-else")?e.nextElementSibling:null,r=e.parentNode,o=document.createComment("i-if placeholder");r?.insertBefore(o,e);const a=()=>{try{new Function("state",`with(state) { return ${t} }`)($)?(e.isConnected||r?.insertBefore(e,o.nextSibling),n?.isConnected&&r?.removeChild(n)):(e.isConnected&&r?.removeChild(e),n&&!n.isConnected&&r?.insertBefore(n,o.nextSibling))}catch(e){console.error("Error evaluating i-if directive:",e)}};a(),(m[t]??=[]).push({element:e,update:a}),e.removeAttribute("i-if"),n?.removeAttribute("i-else")})(e),e.hasAttribute("i-show")&&U(e),A(e)),Array.from(e.childNodes).forEach(n))};Array.from(f.childNodes).forEach(n),f.querySelectorAll("*").forEach((e=>{if(e instanceof HTMLElement){A(e);const t=e=>{const t=e.textContent||"";if(t.includes("{")&&t.includes("}")){const n=t.split(/(\{.*?\})/),r=document.createDocumentFragment();n.forEach((e=>{if(e.startsWith("{")&&e.endsWith("}")){const t=e.slice(1,-1).trim(),n=document.createTextNode("");r.appendChild(n);const o=()=>{try{const e=new Function("state",`with(state) { return ${t} }`)($);n.textContent=e}catch(e){console.error(`Error evaluating expression: ${t}`,e),n.textContent=""}};o(),Object.keys($).forEach((e=>{(m[e]??=[]).push({update:o})}))}else r.appendChild(document.createTextNode(e))})),e.parentNode.replaceChild(r,e)}};e.childNodes.forEach((e=>{e.nodeType===Node.TEXT_NODE&&t(e)}))}}))};Object.entries(l).forEach((([e,t])=>{w(e,t)}));const F={beforeCreate:[],created:[],beforeMount:[],mounted:[],beforeUpdate:[],updated:[],beforeUnmount:[],unmounted:[]},j=(e,t)=>{F[e]&&F[e].push(t)},q=e=>{F[e]?.forEach((e=>e.call($)))},D=e=>{e.data&&Object.assign($,e.data()),e.methods&&Object.assign(n,e.methods),e.computed&&Object.assign(t,e.computed),e.watch&&Object.entries(e.watch).forEach((([e,t])=>{(r[e]??=[]).push(t)})),e.mounted&&j("mounted",e.mounted)};u.forEach(D);window.addEventListener("error",(e=>{console.error("Global error:",e)}));const P={beforeEnter:e=>{e.style.opacity="0",e.style.transform="translateY(-20px)",e.style.display=""},enter:(e,t)=>{const n=1e3*parseFloat(getComputedStyle(e).transitionDuration);requestAnimationFrame((()=>{e.style.opacity="1",e.style.transform="translateY(0)",setTimeout(t,n)}))},afterEnter:e=>{e.style.opacity="",e.style.transform=""},enterCancelled:e=>{e.style.opacity="",e.style.transform=""},beforeLeave:e=>{e.style.opacity="1",e.style.transform="translateY(0)"},leave:(e,t)=>{const n=1e3*parseFloat(getComputedStyle(e).transitionDuration);requestAnimationFrame((()=>{e.style.opacity="0",e.style.transform="translateY(-20px)",setTimeout(t,n)}))},afterLeave:e=>{e.style.display="none",e.style.opacity="",e.style.transform=""},leaveCancelled:e=>{e.style.opacity="",e.style.transform=""}},U=e=>{if(!(e instanceof HTMLElement))return;const t=e.getAttribute("i-show");if(!t)return;let n=null;const r=async()=>{try{const r=new Function("state",`with(state) { return ${t} }`)($);e._transitionShow&&e._transitionHide?(n&&(await n,n=null),n=r?e._transitionShow():e._transitionHide(),await n):e.style.display=r?"":"none"}catch(e){console.error("Error evaluating i-show directive:",e)}};r(),(m[t]??=[]).push({element:e,update:r}),e.removeAttribute("i-show")};return{mount:M((function(e){if(f=document.querySelector(e),!f)throw new Error(`Element with selector "${e}" not found.`);q("beforeCreate"),q("created"),a&&a.call($),q("beforeMount"),s.forEach((e=>{"function"==typeof e&&e({createPlugin:g,state:$,bindings:m})}));const t=f.querySelector("template");var r;t&&(f.innerHTML=t.innerHTML),_(),f.querySelectorAll("*").forEach((e=>{Array.from(e.attributes).forEach((t=>{if(t.name.startsWith("@")){const[r,...o]=t.name.slice(1).split("."),a=t.value.trim(),i={once:o.includes("once"),capture:o.includes("capture")};e.addEventListener(r,(e=>{try{o.includes("prevent")&&e.preventDefault(),o.includes("stop")&&e.stopPropagation(),n&&n[a]?n[a].call($,e):new Function("state","event",`with(state) { ${a} }`).call($,$,e),H()}catch(e){console.error(`Error executing event handler: ${a}`,e)}}),i),e.removeAttribute(t.name)}}))})),f.querySelectorAll("[\\i-for]").forEach((e=>{if(!(e instanceof HTMLElement))return;const t=e.getAttribute("i-for");if(!t)return;const n=t.match(/^\s*(\w+)(?:\s*,\s*(\w+))?\s+(?:of|in)\s+(\w+)\s*$/);if(!n)return void console.error("Invalid i-for expression:",t);const[,r,o,a]=n,i=e.parentNode,c=document.createComment("i-for placeholder");i?.insertBefore(c,e),e.removeAttribute("i-for");const s=e.cloneNode(!0);i?.removeChild(e);const l=()=>{const e=document.createDocumentFragment(),t=$[a];for((Array.isArray(t)&&t.forEach(((t,n)=>{const a=s.cloneNode(!0),i={[r]:t,...o&&{[o]:n}},c=new Proxy(i,{get:(e,t)=>t in e?e[t]:$[t]}),l=e=>{if(e.nodeType===Node.TEXT_NODE){const t=e.textContent;t.includes("{")&&t.includes("}")&&(e.textContent=t.replace(/\{(.*?)\}/g,((e,t)=>new Function("state",`with(state) { return ${t} }`)(c))))}else e.nodeType===Node.ELEMENT_NODE&&Array.from(e.childNodes).forEach(l)};l(a),a.querySelectorAll("*").forEach((e=>{Array.from(e.attributes).forEach((t=>{if(t.value.includes("{")&&t.value.includes("}")){const n=t.value.replace(/\{(.*?)\}/g,((e,t)=>new Function("state",`with(state) { return ${t} }`)(c)));e.setAttribute(t.name,n)}}))})),e.appendChild(a)})));c.nextSibling;)i?.removeChild(c.nextSibling);i?.insertBefore(e,c.nextSibling)};l(),(m[a]??=[]).push({updateFor:l})})),f.querySelectorAll("[\\i-ref]").forEach((e=>{if(!(e instanceof HTMLElement))return;const t=e.getAttribute("i-ref");t&&(y[t]=e,e.removeAttribute("i-ref"))})),f.querySelectorAll("[\\i-model]").forEach((e=>{if(!(e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement))return;const t=e.getAttribute("i-model");if(!t)return;const n=()=>{e instanceof HTMLInputElement?"checkbox"===e.type?$[t]=e.checked:"radio"===e.type?e.checked&&($[t]=e.value):$[t]=e.value:(e instanceof HTMLSelectElement||e instanceof HTMLTextAreaElement)&&($[t]=e.value)},r=()=>{e instanceof HTMLInputElement?"checkbox"===e.type?e.checked=$[t]:"radio"===e.type?e.checked=e.value===$[t]:e.value=$[t]||"":(e instanceof HTMLSelectElement||e instanceof HTMLTextAreaElement)&&(e.value=$[t]||"")};e.addEventListener("input",n),e.addEventListener("change",n),(m[t]??=[]).push({element:e,updateModel:r}),r(),e.removeAttribute("i-model")})),f.querySelectorAll("[\\i-html]").forEach((e=>{if(!(e instanceof HTMLElement))return;const t=e.getAttribute("i-html");if(!t)return;const n=()=>{try{const n=new Function("state",`with(state) { return ${t} }`)($);e.innerHTML=n}catch(e){console.error("Error applying i-html directive:",e)}};n(),(m[t]??=[]).push({updateHtml:n}),e.removeAttribute("i-html")})),f.querySelectorAll("[i-transition]").forEach((e=>{if(!(e instanceof HTMLElement))return;const t=e.getAttribute("i-transition");if(!t)return;const[n,r,o]=t.split(",").map((e=>e.trim())),a=r?`${r}ms`:"300ms",i=o||"ease";e.style.transition=`opacity ${a} ${i}, transform ${a} ${i}`;const c=(t,n)=>new Promise((r=>{let o=!1;return t.before(e),t.during(e,(()=>{o||(t.after(e),n&&n(),r())})),()=>{o=!0,t.cancelled(e),r()}}));e._transitionShow=async t=>{e.style.display="",await c({before:P.beforeEnter,during:P.enter,after:P.afterEnter,cancelled:P.enterCancelled},t)},e._transitionHide=async e=>{await c({before:P.beforeLeave,during:P.leave,after:P.afterLeave,cancelled:P.leaveCancelled},e)},e.style.display="none",e.removeAttribute("i-transition")})),f.querySelectorAll("*").forEach((e=>{e instanceof HTMLElement&&Array.from(e.attributes).forEach((t=>{const n=t.name.match(/^(?:i-bind:|:)(.+)$/);if(!n)return;const[,r]=n,o=t.value,a=()=>{try{let t=new Function("state",`with(state) { return ${o} }`)($);"class"===r?"object"==typeof t&&null!==t?Object.entries(t).forEach((([t,n])=>{e.classList.toggle(t,!!n)})):e.className=t:"style"===r?"object"==typeof t&&null!==t?Object.entries(t).forEach((([t,n])=>{e.style[t]=n})):e.setAttribute("style",t):!1===t?e.removeAttribute(r):e.setAttribute(r,!0===t?"":t)}catch(e){console.error(`Error applying bind directive for ${r}:`,e)}};a(),(m[o]??=[]).push({update:a}),e.removeAttribute(t.name)}))})),Object.entries(O).forEach((([e,t])=>{t.includes(r)&&(delete p[e],C(e))})),f.querySelectorAll("[\\i-show]").forEach((e=>{e instanceof HTMLElement&&U(e)})),o&&o.call($),q("mounted"),Object.keys($).forEach((e=>C(e)))}),"Error mounting application"),onUpdated:e=>{if("function"==typeof e){const t=M(e,"Error in onUpdated callback");(h.__updated__??=[]).push({callback:t})}},createPlugin:g,emit:(e,t)=>{(b.get(e)??[]).forEach((e=>e(t)))},on:(e,t)=>(b.has(e)||b.set(e,[]),b.get(e).push(t),()=>{const n=b.get(e),r=n.indexOf(t);-1!==r&&n.splice(r,1)}),addLifecycleHook:j,applyMixin:D,component:w,render:e=>{const t=document.createElement("template");return t.innerHTML=e.trim(),t.content}}};export{createApp};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "olova",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "A lightweight JavaScript framework for building reactive applications.",
   "main": "dist/olova.js",
   "keywords": [