olova 1.0.2 → 1.0.3

package/dist/olova.js

@@ -0,0 +1 @@
+let createApp=({data:e,computed:t,methods:r,watch:o,mounted:n,beforeMount:a,beforeUpdate:l,template:c,plugins:i=[],components:s={}})=>{let u,d={},f={},m={},h={},p={},E=new Map,y=new Map,b=(e,t)=>{y.set(e,t)},g=(e,t)=>{p[e]=t},A=e=>new Proxy(e,{get:(e,t)=>"object"==typeof e[t]&&null!==e[t]?A(e[t]):e[t],set:(e,t,r)=>(e[t]!==r&&(e[t]=r,N(t)),!0)});Error;class $ extends Error{constructor(e){super(e),this.name="StateError"}}let w=(e,t,r=Error)=>function(...o){try{return e.apply(this,o)}catch(e){throw new r(`${t}: ${e.message}`)}};a&&w(a,"Error in beforeMount hook",$).call(M);let v=new Set,T=e=>{d[e]&&(v.add(e),requestAnimationFrame((()=>{v.forEach((e=>{d[e].forEach(w((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"))})),v.clear()})))},N=e=>{l&&w(l,"Error in beforeUpdate hook").call(M,e),T(e),x(),_(e),m.__updated__&&m.__updated__.forEach((e=>e.callback.call(M)))},x=()=>{Object.keys(f).forEach((e=>delete f[e]))},_=e=>{m[e]&&m[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])}))};o&&Object.keys(o).forEach((e=>{"function"==typeof o[e]?m[e]=[{callback:o[e]}]:"object"==typeof o[e]?m[e]=[{...o[e]}]:m[e]=Array.isArray(o[e])?o[e].map((e=>({callback:e}))):[{callback:o[e]}]}));let M=A({...e,$refs:new Proxy(h,{get:(e,t)=>e[t],set(){throw Error("$refs is read-only")}})}),L={},C={};t&&Object.keys(t).forEach((e=>{let r=t[e];L[e]=[],Object.defineProperty(M,e,{get:()=>"function"==typeof r&&"AsyncFunction"===r.constructor.name?(C[e]||(f[e]=new Proxy(M,{get:(t,r)=>(L[e].includes(r)||L[e].push(r),t[r])}),C[e]=r.call(M).then((t=>(f[e]=t,delete C[e],T(e),t))).catch((t=>{console.error(`Error in async computed property "${e}":`,t)}))),C[e]):(f.hasOwnProperty(e)||(f[e]=new Proxy(M,{get:(t,r)=>(L[e].includes(r)||L[e].push(r),t[r])}),f[e]=r.call(M)),f[e]),enumerable:!0})}));let O=()=>{let e=document.createElement("div");e.innerHTML=c.trim(),u.appendChild(e);let t=e=>{e.nodeType===Node.ELEMENT_NODE&&Array.from((e=(e=>{if(e.nodeType===Node.ELEMENT_NODE){let t=e.tagName.toLowerCase();if(y.has(t)){let r=y.get(t),o=Array.from(e.attributes).reduce(((e,t)=>(e[t.name]=t.value,e)),{}),n=r(o),a=document.createElement("div");a.innerHTML=n;let l=a.firstElementChild;return e.parentNode.replaceChild(l,e),l}}return e})(e)).childNodes).forEach(t)};Array.from(u.childNodes).forEach(t),u.querySelectorAll("*").forEach((e=>{if(e instanceof HTMLElement){(e=>{Array.from(e.attributes).forEach((t=>{let r=t.name.startsWith("$")?t.name.slice(1):null;if(r&&p[r]){let o=t.value;p[r](e,o,M),e.removeAttribute(t.name)}}))})(e),[...e.childNodes].filter((e=>e.nodeType===Node.TEXT_NODE&&/\{.*?\}/.test(e.textContent||""))).forEach((e=>{let t=e.textContent||"",r=t.match(/\{(.*?)\}/g);r&&r.forEach((r=>{let o=r.replace(/\{|\}/g,"").trim();d[o]||(d[o]=[]),d[o].push({node:e,originalText:t})}))})),Array.from(e.attributes).forEach((t=>{if(t.name.startsWith("$")){let r=t.value.trim(),o=t.name.slice(1);d[r]||(d[r]=[]),d[r].push({element:e,attrName:o})}}))}}))};Object.entries(s).forEach((([e,t])=>{b(e,t)}));let S={beforeCreate:[],created:[],beforeMount:[],mounted:[],beforeUpdate:[],updated:[],beforeUnmount:[],unmounted:[]},k=(e,t)=>{S[e]&&S[e].push(t)},j=e=>{S[e]&&S[e].forEach((e=>e.call(M)))};return window.addEventListener("error",(e=>{console.error("Global error:",e)})),{mount:w((function(e){if(!(u=document.querySelector(e)))throw Error(`Element with selector "${e}" not found.`);j("beforeCreate"),j("created"),a&&a.call(M),j("beforeMount"),i.forEach((e=>{"function"==typeof e&&e({createPlugin:g,state:M,bindings:d})})),O(),u.querySelectorAll("*").forEach((e=>{Array.from(e.attributes).forEach((t=>{if(t.name.startsWith("@")){let o=t.name.slice(1),n=t.value.trim();e.addEventListener(o,(e=>{if(r&&r[n])r[n].call(M,e);else try{Function("state","event",`with(state) { ${n} }`).call(M,M,e),N()}catch(e){console.error(`Error executing inline event expression: ${n}`,e)}}))}}))})),u.querySelectorAll("[\\$style]").forEach((e=>{if(!(e instanceof HTMLElement))return;let t=e.getAttribute("$style");t&&((()=>{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(e){console.error("Error applying style directive:",e)}})(),T(t))})),u.querySelectorAll("[\\$if]").forEach((e=>{if(!(e instanceof HTMLElement))return;let t=e.getAttribute("$if");if(!t)return;let r=e.parentNode,o=document.createComment("$if placeholder");r?.insertBefore(o,e);let n=e.nextElementSibling;for(;n&&!n.hasAttribute("$else");)n=n.nextElementSibling;(()=>{try{Function("state",`with(state) { return ${t} }`)(M)?(e.style.display="",e.parentNode!==r&&r?.insertBefore(e,o.nextSibling),n&&(n.style.display="none")):(e.style.display="none",n&&(n.style.display=""))}catch(e){console.error("Error evaluating :if directive:",e)}})(),T(t)})),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)return void console.error("Invalid :for expression:",t);let[,o,n]=r,a=e.parentNode,l=document.createComment("$for placeholder");a?.insertBefore(l,e),e.removeAttribute("$for");let c=e.cloneNode(!0);a?.removeChild(e);let i=()=>{let e=document.createDocumentFragment(),t=M[n];for((Array.isArray(t)&&t.forEach(((t,r)=>{let n=c.cloneNode(!0),a=new Proxy({[o]:t,index:r},{get:(e,t)=>t in e?e[t]:M[t]}),l=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} }`)(a))))}else e.nodeType===Node.ELEMENT_NODE&&Array.from(e.childNodes).forEach(l)};l(n),n.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} }`)(a)));e.setAttribute(t.name,r)}}))})),e.appendChild(n)})));l.nextSibling;)a?.removeChild(l.nextSibling);a?.insertBefore(e,l.nextSibling)};i(),d[n]||(d[n]=[]),d[n].push({updateFor:i})})),u.querySelectorAll("[\\$ref]").forEach((e=>{if(!(e instanceof HTMLElement))return;let t=e.getAttribute("$ref");t&&(h[t]=e,e.removeAttribute("$ref"))})),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})),d[t]||(d[t]=[]),d[t].push({element:e,updateModel(){e.value=M[t]||""}}),e.removeAttribute("$model"))})),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(e){console.error("Error applying class directive:",e)}e.removeAttribute("$class")};r(),d[t]||(d[t]=[]),d[t].push({updateClass:r})})),(e=>{Object.keys(L).forEach((t=>{L[t].includes(e)&&(delete f[t],T(t))}))})(),u.querySelectorAll("[\\$show]").forEach((e=>{e instanceof HTMLElement&&(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(e){console.error("Error evaluating $show directive:",e)}};r(),d[t]||(d[t]=[]),d[t].push({element:e,update:r})})(e)})),n&&n.call(M),j("mounted"),Object.keys(M).forEach((e=>T(e)))}),"Error mounting application"),onUpdated:e=>{if("function"==typeof e){let t=w(e,"Error in onUpdated callback");m.__updated__||(m.__updated__=[]),m.__updated__.push({callback:t})}},createPlugin:g,emit:(e,t)=>{E.has(e)||E.set(e,[]),E.get(e).forEach((e=>e(t)))},on:(e,t)=>(E.has(e)||E.set(e,[]),E.get(e).push(t),()=>{let r=E.get(e),o=r.indexOf(t);-1!==o&&r.splice(o,1)}),addLifecycleHook:k,applyMixin: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=>{o[t]||(o[t]=[]),o[t].push(e.watch[t])})),e.mounted&&k("mounted",e.mounted)},component:b}};export{createApp};

package/package.json

@@ -1,14 +1,8 @@
 {
   "name": "olova",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "A lightweight JavaScript framework for building reactive applications.",
-  "main": "index.js",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "preview": "vite preview",
-    "test": "jest"
-  },
+  "main": "olova.js",
   "keywords": [
     "javascript",
     "framework",
@@ -17,9 +11,5 @@
   ],
   "author": "Nazmul Hossain",
   "license": "MIT",
-  "dependencies": {},
-  "devDependencies": {
-    "vite": "^4.0.0",
-    "jest": "^30.1.0"
-  }
+  "dependencies": {}
 }

package/dist/index.js

@@ -1 +0,0 @@
-class olova{constructor(){this.$elements={},this.listeners={},this.components={},this.plugins={},this.refs={},this.$refs=new Proxy({},{get:(e,t)=>this.refs[t]}),this.data={},this.dependencies=new Map,this.subscribers=new Map,this.effects=[],this.cleanupEffects=[]}registerPlugin(e,t){this.plugins[e]=t}registerComponent(e,t){this.components[e]=t,this.defineCustomElement(e)}defineCustomElement(e){const t=this;class i extends HTMLElement{connectedCallback(){this.render()}render(){const i=this.getProps(),n=(0,t.components[e])(i),s=document.createElement("div");s.innerHTML=n.trim();const r=this.parentNode,o=s.firstChild;o&&(r.replaceChild(o,this),t.applyDirectivesToElement(o),t.initReactiveSystem(),t.runEffects())}getProps(){const e={};for(const t of this.attributes)e[t.name]=t.value;return e}static get observedAttributes(){return Object.keys(t.components[e]({})||{})}attributeChangedCallback(e,t,i){this.render()}}customElements.define(e,i)}applyDirectivesToElement(e){this.applyShowDirective(e),this.applyIfDirective(e),this.applyForDirective(e),this.applyModelDirective(e),this.applyAttrDirective(e),this.applyClassDirective(e),this.applyStyleDirective(e),this.applyBindDirective(e),this.applyRefDirective(e),e.querySelectorAll("*").forEach((e=>{this.applyShowDirective(e),this.applyIfDirective(e),this.applyForDirective(e),this.applyModelDirective(e),this.applyAttrDirective(e),this.applyClassDirective(e),this.applyStyleDirective(e),this.applyBindDirective(e),this.applyRefDirective(e)}))}applyShowDirective(e){if(!(e instanceof HTMLElement))return;const t=e.getAttribute("$show");t&&this.effect((()=>{const i=this.evaluateExpression(t);e.style.display=i?"":"none"}))}applyIfDirective(e){if(!(e instanceof HTMLElement))return;const t=e.getAttribute("$if");if(!t)return;const i=e.parentNode,n=document.createComment("$if placeholder");i?.insertBefore(n,e);let s=e.nextElementSibling;for(;s&&!s.hasAttribute("$else");)s=s.nextElementSibling;s&&i?.removeChild(s),this.effect((()=>{this.evaluateExpression(t)?(e.style.display="",e.parentNode!==i&&i?.insertBefore(e,n.nextSibling),s&&(s.style.display="none",s.parentNode===i&&i?.removeChild(s))):(e.style.display="none",e.parentNode===i&&i?.removeChild(e),s&&(s.style.display="",s.parentNode!==i&&i?.insertBefore(s,n.nextSibling)))}))}applyForDirective(e){if(!(e instanceof HTMLElement))return;const t=e.getAttribute("$for");if(!t)return;const[i,n]=t.split(" in "),s=e.parentNode,r=document.createComment("$for placeholder");s?.insertBefore(r,e),e.remove(),this.effect((()=>{const t=this.evaluateExpression(n),o=new Set;let c=r.nextSibling;for(;c&&c.nodeType===Node.ELEMENT_NODE;)o.add(c),c=c.nextSibling;t.forEach(((t,n)=>{let c=Array.from(o).find((e=>e.getAttribute("key")===String(n)));c?o.delete(c):(c=e.cloneNode(!0),c.setAttribute("key",String(n)),s?.insertBefore(c,r.nextSibling)),this.interpolateElement(c,{[i]:t,index:n})})),o.forEach((e=>e.remove()))}))}applyModelDirective(e){if(!(e instanceof HTMLInputElement))return;const t=e.getAttribute("$model");t&&(e.addEventListener("input",(e=>{this.setExpressionValue(t,e.target.value)})),this.effect((()=>{e.value=this.evaluateExpression(t)})))}applyAttrDirective(e){if(!(e instanceof HTMLElement))return;const t=e.getAttribute("$attr")?.split(",");t&&t.forEach((t=>{const[i,n]=t.split(":");this.effect((()=>{e.setAttribute(i,this.evaluateExpression(n))}))}))}applyClassDirective(e){if(!(e instanceof HTMLElement))return;const t=e.getAttribute("$class");t&&this.effect((()=>{const i=this.evaluateExpression(t);"object"==typeof i&&null!==i?Object.entries(i).forEach((([t,i])=>{i?e.classList.add(t):e.classList.remove(t)})):"string"==typeof i&&(e.className=i)}))}applyStyleDirective(e){if(!(e instanceof HTMLElement))return;const t=e.getAttribute("$style");t&&this.effect((()=>{const i=this.evaluateExpression(t);"object"==typeof i&&null!==i?Object.keys(i).forEach((t=>{e.style[t]=i[t]})):"string"==typeof i&&e.setAttribute("style",i)}))}applyBindDirective(e){if(!(e instanceof HTMLElement))return;const t=e.getAttribute("$bind");t&&(this.effect((()=>{const i=this.evaluateExpression(t);this.setElementValue(e,i)})),e.addEventListener("input",(e=>{const i=this.getElementValue(e.target);this.setExpressionValue(t,i)})),"checkbox"!==e.type&&"radio"!==e.type||e.addEventListener("change",(e=>{const i=this.getElementValue(e.target);this.setExpressionValue(t,i)})))}applyRefDirective(e){if(!(e instanceof HTMLElement))return;const t=e.getAttribute("$ref");t&&this.registerRef(t,e)}setElementValue(e,t){e instanceof HTMLInputElement?"checkbox"===e.type?e.checked=!!t:"radio"===e.type?e.checked=e.value===t:e.value=t:(e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement)&&(e.value=t)}getElementValue(e){return e instanceof HTMLInputElement?"checkbox"===e.type?e.checked:"radio"===e.type?e.checked?e.value:null:e.value:e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement?e.value:void 0}useEffect(e){this.effects.push(e)}runEffects(){this.effects.forEach((e=>{const t=e();"function"==typeof t&&this.cleanupEffects.push(t)})),this.effects=[]}cleanup(){this.cleanupEffects.forEach((e=>e())),this.cleanupEffects=[]}getRef(e){return void 0!==this.refs[e]?this.refs[e]:(console.warn(`Ref '${e}' not found.`),null)}registerRef(e,t){this.refs[e]=t}defineReactive(e,t,i){this.listeners[t]=[],Object.defineProperty(e,t,{get:()=>(this.track(t),i),set:e=>{i!==e&&(i=e,this.notify(t))}})}watch(e,t){this.listeners[e]||(this.listeners[e]=[]),this.listeners[e].push(t)}track(e){olova.activeEffect&&(this.dependencies.has(e)||this.dependencies.set(e,new Set),this.dependencies.get(e).add(olova.activeEffect))}notify(e){this.dependencies.has(e)&&this.dependencies.get(e).forEach((e=>e())),this.listeners[e]&&this.listeners[e].forEach((e=>e()))}effect(e){olova.activeEffect=e,e(),olova.activeEffect=null}makeReactive(e){for(const t in e)e.hasOwnProperty(t)&&this.defineReactive(e,t,e[t])}initReactiveSystem(){this.makeReactive(window.useSignal),this.initDirectives(),this.initEvents(),this.initDataBinding()}initDirectives(){this.initIfDirective(),this.initRefDirective(),this.initShowDirective(),this.initForDirective(),this.initModelDirective(),this.initAttrDirective(),this.initClassDirective(),this.initStyleDirective(),this.initBindDirective(),this.initHtmlDirective(),Object.keys(this.plugins).forEach((e=>{document.querySelectorAll(`[\\$${e}]`).forEach((t=>{const i=t.getAttribute(`$${e}`);this.effect((()=>{const n=this.evaluateExpression(i);this.plugins[e](t,n,this)}))}))}))}initHtmlDirective(){document.querySelectorAll("[\\$html]").forEach((e=>{if(!(e instanceof HTMLElement))return;const t=e.getAttribute("$html");t&&this.effect((()=>{const i=this.evaluateExpression(t);e.innerHTML=i,e.removeAttribute("$html")}))}))}initClassDirective(){document.querySelectorAll("[\\$class]").forEach((e=>{if(!(e instanceof HTMLElement))return;const t=e.getAttribute("$class");t&&this.effect((()=>{const i=this.evaluateExpression(t);"object"==typeof i&&null!==i?Object.entries(i).forEach((([t,i])=>{i?e.classList.add(t):e.classList.remove(t)})):"string"==typeof i&&(e.className=i)}))}))}initShowDirective(){document.querySelectorAll("[\\$show]").forEach((e=>{if(!(e instanceof HTMLElement))return;const t=e.getAttribute("$show");t&&this.effect((()=>{const i=this.evaluateExpression(t);e.style.display=i?"":"none"}))}))}initBindDirective(){document.querySelectorAll("[\\$bind]").forEach((e=>{if(!(e instanceof HTMLElement))return;const t=e.getAttribute("$bind");t&&(this.effect((()=>{const i=this.evaluateExpression(t);this.setElementValue(e,i)})),e.addEventListener("input",(e=>{const i=this.getElementValue(e.target);this.setExpressionValue(t,i)})),"checkbox"!==e.type&&"radio"!==e.type||e.addEventListener("change",(e=>{const i=this.getElementValue(e.target);this.setExpressionValue(t,i)})))}))}setElementValue(e,t){e instanceof HTMLInputElement?"checkbox"===e.type?e.checked=!!t:"radio"===e.type?e.checked=e.value===t:e.value=t:(e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement)&&(e.value=t)}getElementValue(e){return e instanceof HTMLInputElement?"checkbox"===e.type?e.checked:"radio"===e.type?e.checked?e.value:null:e.value:e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement?e.value:void 0}initStyleDirective(){document.querySelectorAll("[\\$style]").forEach((e=>{if(!(e instanceof HTMLElement))return;const t=e.getAttribute("$style");t&&this.effect((()=>{const i=this.evaluateExpression(t);"object"==typeof i&&null!==i?Object.keys(i).forEach((t=>{e.style[t]=i[t]})):"string"==typeof i&&e.setAttribute("style",i)}))}))}initIfDirective(){document.querySelectorAll("[\\$if]").forEach((e=>{if(!(e instanceof HTMLElement))return;const t=e.getAttribute("$if");if(!t)return;const i=e.parentNode,n=document.createComment("$if placeholder");i?.insertBefore(n,e);let s=e.nextElementSibling;for(;s&&!s.hasAttribute("$else");)s=s.nextElementSibling;s&&i?.removeChild(s),this.effect((()=>{this.evaluateExpression(t)?(e.style.display="",e.parentNode!==i&&i?.insertBefore(e,n.nextSibling),s&&(s.style.display="none",s.parentNode===i&&i?.removeChild(s))):(e.style.display="none",e.parentNode===i&&i?.removeChild(e),s&&(s.style.display="",s.parentNode!==i&&i?.insertBefore(s,n.nextSibling)))}))}))}initRefDirective(){document.querySelectorAll("[\\$ref]").forEach((e=>{if(!(e instanceof HTMLElement))return;const t=e.getAttribute("$ref");t&&this.registerRef(t,e),e.removeAttribute("$ref")}))}initForDirective(){document.querySelectorAll("[\\$for]").forEach((e=>{if(!(e instanceof HTMLElement))return;const t=e.getAttribute("$for");if(!t)return;const[i,n]=t.split(" in "),s=e.parentNode,r=document.createComment("$for placeholder");s?.insertBefore(r,e),e.removeAttribute("$for");const o=e.cloneNode(!0);e.remove(),this.effect((()=>{const e=this.evaluateExpression(n),t=new Set;let c=r.nextSibling;for(;c&&c.nodeType===Node.ELEMENT_NODE;)t.add(c),c=c.nextSibling;e.forEach(((e,n)=>{let c=Array.from(t).find((e=>e.getAttribute("key")===String(n)));c?t.delete(c):(c=o.cloneNode(!0),c.setAttribute("key",String(n)),s?.insertBefore(c,r.nextSibling)),this.interpolateElement(c,{[i]:e,index:n})})),t.forEach((e=>e.remove()))}))}))}initModelDirective(){document.querySelectorAll("[\\$model]").forEach((e=>{if(!(e instanceof HTMLInputElement))return;const t=e.getAttribute("$model");t&&(e.addEventListener("input",(e=>{this.setExpressionValue(t,e.target.value)})),this.effect((()=>{e.value=this.evaluateExpression(t)})))}))}initAttrDirective(){document.querySelectorAll("[\\$attr]").forEach((e=>{if(!(e instanceof HTMLElement))return;const t=e.getAttribute("$attr")?.split(",");t&&t.forEach((t=>{const[i,n]=t.split(":");this.effect((()=>{e.setAttribute(i,this.evaluateExpression(n))}))}))}))}initEvents(){["click","input","change","mouseover","mousemove","mouseout","keydown","keyup","mousedown","mouseup","dblclick","focus","blur","contextmenu","drag","drop","scroll","resize","touchstart","touchmove","touchend","paste","copy","cut","error","load","submit","animationstart","animationend","animationiteration","transitionend","hashchange","beforeunload","fullscreenchange","message","canplay","canplaythrough","durationchange","emptied","ended","invalid","progress","ratechange","waiting","volumechange","wheel","focusin","focusout","pointerenter","pointerleave","touchcancel"].forEach((e=>{document.querySelectorAll(`[\\@${e}]`).forEach((t=>{if(!(t instanceof HTMLElement))return;const i=t.getAttribute(`@${e}`);i&&t.addEventListener(e,(t=>{try{let e=i.trim();if(e in window.useSignal&&"function"==typeof window.useSignal[e])window.useSignal[e](t);else{new Function("event, $",`with($) { ${e} }`)(t,window.useSignal)}}catch(t){console.error(`Error executing handler '${i}' for event '${e}':`,t)}}))}))}))}initDataBinding(){this.compileTextNodes(document.body)}compileTextNodes(e){const t=document.createTreeWalker(e,NodeFilter.SHOW_TEXT);let i;const n=[];for(;i=t.nextNode();)i.textContent.includes("{")&&i.textContent.includes("}")&&n.push(i);n.forEach((e=>{const t=e.textContent.split(/(\{.*?\})/),i=document.createDocumentFragment();t.forEach((e=>{if(e.startsWith("{")&&e.endsWith("}")){const t=document.createTextNode(""),n=e.slice(2,-2).trim();this.effect((()=>{t.textContent=this.evaluateExpression(n)})),i.appendChild(t)}else i.appendChild(document.createTextNode(e))})),e.parentNode.replaceChild(i,e)}))}interpolateTextNodes(e,t){const i=document.createTreeWalker(e,NodeFilter.SHOW_TEXT);let n;const s=[];for(;n=i.nextNode();)n.textContent.includes("{")&&n.textContent.includes("}")&&s.push(n);s.forEach((e=>{const i=e.textContent.split(/(\{.*?\})/),n=document.createDocumentFragment();i.forEach((e=>{if(e.startsWith("{")&&e.endsWith("}")){const i=document.createTextNode(""),s=e.slice(2,-2).trim();this.effect((()=>{i.textContent=this.evaluateExpression(s,t)})),n.appendChild(i)}else n.appendChild(document.createTextNode(e))})),e.parentNode.replaceChild(n,e)}))}evaluateExpression(e,t={}){try{return new Function("useSignal","with(useSignal) { return "+e+" }")({...window.useSignal,...t})}catch(t){return console.error(`Error evaluating expression: ${e}`,t),""}}setExpressionValue(e,t){try{new Function("useSignal","value",`with(useSignal) { ${e} = value }`)(window.useSignal,t)}catch(t){console.error(`Error setting value for expression: ${e}`,t)}}interpolateElement(e,t){this.interpolateAttributes(e,t),this.interpolateTextNodes(e,t),Array.from(e.children).forEach((e=>this.interpolateElement(e,t)))}interpolateAttributes(e,t){Array.from(e.attributes).forEach((e=>{e.value.includes("{")&&e.value.includes("}")&&this.effect((()=>{e.value=this.interpolate(e.value,t)}))}))}interpolateTextNodes(e,t){const i=document.createTreeWalker(e,NodeFilter.SHOW_TEXT);let n;const s=[];for(;n=i.nextNode();)n.textContent.includes("{")&&n.textContent.includes("}")&&s.push(n);s.forEach((e=>{const i=document.createDocumentFragment();e.textContent.split(/(\{.*?\})/).forEach((e=>{if(e.startsWith("{")&&e.endsWith("}")){const n=document.createElement("span"),s=e.slice(2,-2).trim();this.effect((()=>{n.textContent=this.evaluateExpression(s,t)})),i.appendChild(n)}else i.appendChild(document.createTextNode(e))})),e.parentNode.replaceChild(i,e)}))}interpolate(e,t){return e.replace(/\{\{(.*?)\}\}/g,((e,i)=>this.evaluateExpression(i,t)))}static init(){const e=new olova;window.$refs=e.$refs,window.$=t=>e.$(t);return window.useSignal=new Proxy(((e={})=>{Object.assign(window.useSignal,e)}),{get:(t,i)=>("call"===i||"apply"===i||e.track(i),Reflect.get(t,i)),set:(t,i,n)=>(Reflect.get(t,i)!==n&&(Reflect.set(t,i,n),e.notify(i),e.runEffects()),!0)}),document.addEventListener("DOMContentLoaded",(()=>{e.renderTemplate()})),window.addEventListener("beforeunload",(()=>{e.cleanup()})),window.useEffect=t=>{e.useEffect(t)},window.component=(t,i)=>{e.registerComponent(t,i)},window.plugin=(t,i)=>e.registerPlugin(t,i),e}renderTemplate(){const e=document.getElementById("root"),t=document.querySelector("template");if(e&&t){let i=t.innerHTML;i=i.replace(/<([a-z-]+)><\/\1>/g,""),e.innerHTML=i,t.remove(),this.initReactiveSystem(),this.runEffects()}else console.error("Root element or app template not found")}}olova.activeEffect=null;export default olova;