olova 1.0.23 → 2.0.1

package/README.md

@@ -1,65 +1,54 @@
-# olova
+# Olova JavaScript Framework
 
-## Example
+Olova is a lightweight and reactive JavaScript framework that simplifies UI
+development with a clean, intuitive syntax. It provides a reactivity system and
+hooks to manage state and side effects, allowing developers to build modern web
+applications with ease.
 
-```html
-<div id="app">
-  <template>
-    <div>
-      <div>{ count }</div>
-      <button @click="increment">Increment</button>
-    </div>
-  </template>
-</div>
+## Features
 
-<script type="module">
-  import { createApp } from "//unpkg.com/olova";
-
-  const app = createApp({
-    data: {
-      count: 0,
-    },
-    methods: {
-      increment() {
-        this.count++;
-      },
-    },
-  });
-  app.mount("#app");
-</script>
-```
+- **State Management**: Use the `State` hook to manage reactive state in your
+  components.
+- **Side Effects**: Use the `Effect` hook to run side effects in response to
+  state changes.
+- **JSX-style Syntax**: Write UI components using a simple, declarative
+  JSX-style syntax.
+- **Reactivity**: Automatically re-render components when state changes.
 
 ## Installation
 
+To get started with Olova, first install the core library via npm or yarn.
+
 ```bash
 npm install olova
 ```
 
-## Usage
+or
 
-```js
-import { createApp } from "olova";
+```bash
+yarn add olova
 ```
 
-```js
-const app = createApp({
-  data: {
-    count: 0,
-  },
-  methods: {
-    increment() {
-      this.count++;
-    },
-  },
-  template: `
-  <div>
-    <div>{ count }</div>
-    <button @click="increment">Increment</button>
-  </div>
-  `,
-});
-```
+## Example Usage
+
+Here is an example of a basic component in Olova:
 
 ```js
-app.mount("#app");
+import Olova, { State, Effect } from "olova";
+
+export default function Home() {
+  const [count, setCount] = State(0);
+
+  Effect(() => {
+    console.log("Home is rendered");
+    console.log(count);
+  }, [count]);
+
+  return (
+    <>
+      <h1>{count}</h1>
+      <button onClick={() => setCount(count + 1)}>Increment</button>
+    </>
+  );
+}
 ```

package/dist/olova.js

@@ -1 +1,1139 @@
-const createApp=({data:e={},computed:t={},methods:r={},watch:n={},mounted:o,beforeMount:a,beforeUpdate:i,template:c,plugins:s=[],components:l={},mixins:u=[],directives:d={}}={})=>{let f;const h={},p={},m={},y={},E={...d},b=new Map,v=new Map,w=new Map,g=(e,t)=>{v.set(e.toLowerCase(),t);const r=t({});if(r.styles){const t=`olova-component-${e}`;if(!document.getElementById(t)){const e=document.createElement("style");e.id=t,e.textContent=r.styles,document.head.appendChild(e)}w.set(e,t)}},A=(e,t)=>{E[e]=t},T=e=>new Proxy(e,{get:(e,t)=>"object"==typeof e[t]&&null!==e[t]?T(e[t]):e[t],set:(e,t,r)=>(e[t]!==r&&(e[t]=r,$(t)),!0)});Error;class C extends Error{constructor(e){super(e),this.name="StateError"}}const L="undefined"!=typeof process&&"production"===process.env?.NODE_ENV,x=(e,t,r=Error)=>function(...n){try{return e.apply(this,n)}catch(e){if(L)return void(e=>{console.error("[Olova Error]:",e)})(e);throw new r(`${t}: ${e.message}`)}};a&&x(a,"Error in beforeMount hook",C).call(H);new Set;const M=e=>{h[e]&&h[e].forEach(x((t=>{t.node?t.node.textContent=t.originalText.replace(/\{(.*?)\}/g,((e,t)=>{try{return new Function("state","helpers",`with(state) { with(helpers) { return ${t} } }`)(H,Y)}catch(e){return console.error(`Error evaluating expression: ${t}`,e),""}})):t.element&&t.attrName?(t.element.setAttribute(t.attrName,H[e]),t.element.removeAttribute(`:${t.attrName}`)):t.update&&t.update()}),"Error updating bindings"))},$=e=>{Object.entries(O).forEach((([t,r])=>{r.has&&r.has(e)&&(delete p[t],M(t))})),i&&i.call(H,e),M(e),N(e),m.__updated__&&m.__updated__.forEach((e=>e.callback.call(H)))},N=e=>{m[e]&&m[e].forEach((t=>{t.debounce?(clearTimeout(t.timeout),t.timeout=setTimeout((()=>t.callback.call(H,H[e])),t.debounce)):t.throttle?(!t.lastCalled||Date.now()-t.lastCalled>t.throttle)&&(t.callback.call(H,H[e]),t.lastCalled=Date.now()):t.callback.call(H,H[e])}))};n&&Object.entries(n).forEach((([e,t])=>{m[e]=Array.isArray(t)?t.map((e=>({callback:e}))):["function"==typeof t?{callback:t}:{...t}]}));const H=T({...e,$refs:new Proxy(y,{get:(e,t)=>{const r=e[t];return r instanceof HTMLElement?new Proxy(r,{get:(e,t)=>"function"==typeof e[t]?e[t].bind(e):e[t]}):r},set:()=>{throw new Error("$refs is read-only")}})}),O={};t&&Object.entries(t).forEach((([e,t])=>{O[e]=new Set,Object.defineProperty(H,e,{get(){if(!p.hasOwnProperty(e)){const r=new Proxy(H,{get:(t,r)=>(r!==e&&O[e].add(r),t[r])});p[e]=t.call(r)}return p[e]},enumerable:!0,configurable:!0})}));const S=()=>{const e=new WeakMap,t={};f.querySelectorAll("[\\i-model]").forEach((r=>{const n=r.getAttribute("i-model");if(!n)return;const o=()=>{const e=(e=>e instanceof HTMLInputElement?"checkbox"===e.type?e.checked:"radio"===e.type?e.checked?e.value:void 0:e.value:e instanceof HTMLSelectElement?e.multiple?Array.from(e.selectedOptions).map((e=>e.value)):e.value:e instanceof HTMLTextAreaElement?e.value:void 0)(r);void 0!==e&&(H[n]=e,$(n))},a=()=>{((e,t)=>{e instanceof HTMLInputElement?"checkbox"===e.type?e.checked=!!t:"radio"===e.type?e.checked=e.value===t:e.value=t:e instanceof HTMLSelectElement?e.multiple?Array.from(e.options).forEach((e=>{e.selected=t.includes(e.value)})):e.value=t:e instanceof HTMLTextAreaElement&&(e.value=t)})(r,H[n])};if(e.has(r)){e.get(r).forEach((([e,t])=>{r.removeEventListener(e,t)}))}const i=[];if(r instanceof HTMLSelectElement||"checkbox"===r.type||"radio"===r.type){const e=()=>o();r.addEventListener("change",e),i.push(["change",e])}else{const e=()=>o();r.addEventListener("input",e),i.push(["input",e])}e.set(r,i),r instanceof HTMLInputElement&&"radio"===r.type&&(t[n]||(t[n]=[]),t[n].push(r),r.name=`radio-group-${n}`),(h[n]??=[]).push({element:r,updateModel:a}),a(),r.removeAttribute("i-model")})),Object.entries(t).forEach((([e,t])=>{(h[e]??=[]).push({updateModel:()=>{t.forEach((t=>{t.checked=t.value===H[e]}))}})}))},k=e=>{e.querySelectorAll("[i-for]").forEach((e=>{e instanceof HTMLElement&&U(e)})),e.querySelectorAll("*").forEach((e=>{if(e instanceof HTMLElement){if(e.closest("[data-i-for-id]"))return;(e=>{Array.from(e.attributes).forEach((t=>{const r=t.name.startsWith("i-")?t.name.slice(1):null;r&&E[r]&&(E[r](e,t.value,H),e.removeAttribute(t.name))}))})(e),(e=>{if(!(e instanceof HTMLElement))return;const t=e.getAttribute("i-if");if(!t)return;const r=[];let n=null,o=e.nextElementSibling;for(;o&&(o.hasAttribute("i-else-if")||o.hasAttribute("i-else"));){if(o.hasAttribute("i-else-if"))r.push(o);else if(o.hasAttribute("i-else")){n=o;break}o=o.nextElementSibling}const a=e.parentNode,i=document.createComment("i-if placeholder");a?.insertBefore(i,e);const c=()=>{try{if(_(t))e.isConnected||a?.insertBefore(e,i.nextSibling),r.forEach((e=>{e.isConnected&&a?.removeChild(e)})),n?.isConnected&&a?.removeChild(n);else{let t=!1;e.isConnected&&a?.removeChild(e);for(const e of r){const r=e.getAttribute("i-else-if");if(_(r)){e.isConnected||a?.insertBefore(e,i.nextSibling),t=!0;break}e.isConnected&&a?.removeChild(e)}!t&&n?n.isConnected||a?.insertBefore(n,i.nextSibling):n?.isConnected&&a?.removeChild(n)}}catch(e){console.error("Error evaluating i-if directive:",e)}};c(),(h[t]??=[]).push({element:e,update:c}),e.removeAttribute("i-if"),r.forEach((e=>e.removeAttribute("i-else-if"))),n?.removeAttribute("i-else")})(e),B(e),(e=>{e instanceof HTMLElement&&Array.from(e.attributes).forEach((t=>{const r=t.name.match(/^(?:i-bind:|:)(.+)$/);if(!r)return;const[,n]=r,o=t.value,a=()=>{try{let t=_(o);"class"===n?"object"==typeof t&&null!==t?Object.entries(t).forEach((([t,r])=>{e.classList.toggle(t,!!r)})):e.className=t:"style"===n?"object"==typeof t&&null!==t?Object.entries(t).forEach((([t,r])=>{e.style[t]=r})):e.setAttribute("style",t):!1===t?e.removeAttribute(n):e.setAttribute(n,!0===t?"":t)}catch(e){console.error(`Error applying bind directive for ${n}:`,e)}};a(),F(o).forEach((e=>{(h[e]??=[]).push({update:a})})),e.removeAttribute(t.name)}))})(e)}})),j(e)},j=e=>{const t=document.createTreeWalker(e,NodeFilter.SHOW_TEXT,null,!1);let r;for(;r=t.nextNode();){const e=r.textContent;if(e.includes("{")&&e.includes("}")){const t=e.split(/(\{@html\s+.*?\}|\{.*?\})/),n=document.createDocumentFragment();t.forEach((e=>{if(e.startsWith("{@html")&&e.endsWith("}")){const t=e.slice(6,-1).trim(),r=document.createElement("span"),o=()=>{try{const e=_(t);r.innerHTML=e,r.querySelectorAll("*").forEach((e=>{e instanceof HTMLElement&&k(e)}))}catch(e){console.error(`Error evaluating HTML expression: ${t}`,e)}};o();F(t).forEach((e=>{(h[e]??=[]).push({update:o})})),n.appendChild(r)}else if(e.startsWith("{")&&e.endsWith("}")){const t=e.slice(1,-1).trim(),r=document.createTextNode(""),o=()=>{try{r.textContent=_(t)}catch(e){console.error(`Error evaluating expression: ${t}`,e)}};o();F(t).forEach((e=>{(h[e]??=[]).push({update:o})})),n.appendChild(r)}else n.appendChild(document.createTextNode(e))})),r.parentNode.replaceChild(n,r)}}},_=e=>{try{return new Function("state","helpers",`with(state) { with(helpers) { return ${e} } }`)(H,Y)}catch(t){return console.error(`Error evaluating expression: ${e}`,t),""}},F=e=>{const t=e.match(/\b\w+\b/g);return t?t.filter((e=>e in H)):[]};Object.entries(l).forEach((([e,t])=>{g(e,t)}));const q={beforeCreate:[],created:[],beforeMount:[],mounted:[],beforeUpdate:[],updated:[],beforeUnmount:[],unmounted:[]},D=(e,t)=>{q[e]&&q[e].push(t)},W=e=>{q[e]?.forEach((e=>e.call(H)))},P=e=>{e.data&&Object.assign(H,e.data()),e.methods&&Object.assign(r,e.methods),e.computed&&Object.assign(t,e.computed),e.watch&&Object.entries(e.watch).forEach((([e,t])=>{(n[e]??=[]).push(t)})),e.mounted&&D("mounted",e.mounted)};u.forEach(P);window.addEventListener("error",(e=>{console.error("Global error:",e)}));const I={beforeEnter:e=>{e.style.opacity="0",e.style.transform="translateY(-20px)",e.style.display=""},enter:(e,t)=>{const r=1e3*parseFloat(getComputedStyle(e).transitionDuration);requestAnimationFrame((()=>{e.style.opacity="1",e.style.transform="translateY(0)",setTimeout(t,r)}))},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 r=1e3*parseFloat(getComputedStyle(e).transitionDuration);requestAnimationFrame((()=>{e.style.opacity="0",e.style.transform="translateY(-20px)",setTimeout(t,r)}))},afterLeave:e=>{e.style.display="none",e.style.opacity="",e.style.transform=""},leaveCancelled:e=>{e.style.opacity="",e.style.transform=""}},B=e=>{if(!(e instanceof HTMLElement))return;const t=e.getAttribute("i-show");if(!t)return;let r=null;const n=async()=>{try{const n=new Function("state","helpers",`with(state) { with(helpers) { return ${t} } }`)(H,Y);e._transitionShow&&e._transitionHide?(r&&(await r,r=null),r=n?e._transitionShow():e._transitionHide(),await r):e.style.display=n?"":"none"}catch(e){console.error("Error evaluating i-show directive:",e)}};n(),(h[t]??=[]).push({element:e,update:n}),e.removeAttribute("i-show")},U=e=>{if(!(e instanceof HTMLElement))return;const t=e.getAttribute("i-for");if(!t)return;const r=t.match(/(\w+)\s+in\s+(\w+)/);if(!r)return void console.error("Invalid i-for expression:",t);const[,n,o]=r,a=e.parentNode,i=document.createComment(`i-for: ${t}`);a?.insertBefore(i,e);const c=e.cloneNode(!0);c.removeAttribute("i-for");const s=()=>{try{const e=H[o];if(!Array.isArray(e))return void console.error(`Collection ${o} is not an array`);const t=document.createDocumentFragment();let r=i.nextSibling;for(;r&&r.hasAttribute?.("data-i-for-id");){const e=r;r=r.nextSibling,e.remove()}e.forEach(((e,r)=>{const a=c.cloneNode(!0);a.setAttribute("data-i-for-id",`${o}-${r}`);const i=t=>{if(t.nodeType===Node.ELEMENT_NODE)t=(t=>{if(t.nodeType===Node.ELEMENT_NODE){const r=t.tagName.toLowerCase();if(v.has(r)){const o=v.get(r),a=Array.from(t.attributes).reduce(((t,r)=>{const o=r.value.replace(/\{(.*?)\}/g,((t,o)=>{try{const t={[n]:e};return new Function("scope","state","helpers",`with(scope) { with(state) { with(helpers) { return ${o} } } }`)(t,H,Y)}catch(e){return console.error(`Error evaluating prop expression: ${o}`,e),r.value}}));return{...t,[r.name]:o}}),{}),i=o(a),c=document.createElement("div");c.innerHTML=i.template||i;const s=c.firstElementChild;if(s)return Array.from(t.attributes).forEach((e=>{a[e.name]||s.setAttribute(e.name,e.value)})),t.parentNode?.replaceChild(s,t),s}}return t})(t),Array.from(t.childNodes).forEach(i);else if(t.nodeType===Node.TEXT_NODE){const r=t.textContent;r.includes("{")&&r.includes("}")&&(t.textContent=r.replace(/\{(.*?)\}/g,((t,r)=>{try{const t={[n]:e};return new Function("scope","state","helpers",`with(scope) { with(state) { with(helpers) { return ${r} } } }`)(t,H,Y)}catch(e){return console.error(`Error evaluating expression: ${r}`,e),""}})))}};Array.from(a.childNodes).forEach(i),t.appendChild(a)})),a.insertBefore(t,i.nextSibling)}catch(e){console.error("Error in i-for directive:",e)}};s(),(h[o]??=[]).push({update:s}),e.remove()},Y={};new WeakMap;return{mount:x((function(e){if(f=document.querySelector(e),!f)throw new Error(`Element with selector "${e}" not found.`);var t;W("beforeCreate"),W("created"),a&&a.call(H),W("beforeMount"),s.forEach((e=>{"function"==typeof e&&e({createPlugin:A,state:H,bindings:h})})),(()=>{const e=f.querySelector("template"),t=e?e.innerHTML.trim():"string"==typeof c?c.trim():c instanceof HTMLElement?c.innerHTML:f.innerHTML.trim();if(!t)throw new Error("No template provided and container is empty");f.innerHTML="";const r=document.createElement("template");r.innerHTML=t;const n=r.content,o=e=>{if(e.nodeType===Node.ELEMENT_NODE){const t=e.tagName.toLowerCase();if(v.has(t)){const r=v.get(t),n=Array.from(e.attributes).reduce(((e,t)=>({...e,[t.name]:t.value})),{}),a=r(n),i=document.createElement("div");i.innerHTML=a.template||a;const c=i.firstElementChild;if(c)return Array.from(e.attributes).forEach((e=>{n[e.name]||c.setAttribute(e.name,e.value)})),Array.from(c.children).forEach((e=>{o(e)})),void e.parentNode?.replaceChild(c,e)}Array.from(e.children).forEach((e=>{o(e)}))}};Array.from(n.children).forEach((e=>{o(e)})),k(n),f.appendChild(n)})(),f.querySelectorAll("*").forEach((e=>{Array.from(e.attributes).forEach((t=>{if(t.name.startsWith("@")){const[n,...o]=t.name.slice(1).split("."),a=t.value.trim(),i={capture:o.includes("capture"),once:o.includes("once"),passive:o.includes("passive")},c=t=>{try{if(o.includes("stop")&&t.stopPropagation(),o.includes("prevent")&&t.preventDefault(),o.includes("self")&&t.target!==e)return;if(t instanceof KeyboardEvent){const e=o.filter((e=>["ctrl","alt","shift","meta","Tab","ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(e))),r=e.every((e=>t[`${e}Key`]));if(e.length>0&&!r)return;const n=o.find((e=>/^[0-9]+$/.test(e)));if(n&&t.keyCode!==parseInt(n))return;const a=o.find((t=>!e.includes(t)&&!/^[0-9]+$/.test(t)));if(a&&t.key.toLowerCase()!==a.toLowerCase())return}if(t instanceof MouseEvent){const e={left:0,middle:1,right:2},r=o.find((t=>Object.keys(e).includes(t)));if(r&&t.button!==e[r])return}r&&r[a]?r[a].call(H,t):new Function("state","event",`with(state) { ${a} }`).call(H,H,t),$()}catch(e){console.error(`Error executing event handler: ${a}`,e)}};let s=c;if(o.includes("debounce")){const e=parseInt(o[o.indexOf("debounce")+1])||300;s=debounce(c,e)}if(o.includes("throttle")){const e=parseInt(o[o.indexOf("throttle")+1])||300;s=throttle(c,e)}e.addEventListener(n,s,i),e.removeAttribute(t.name)}}))})),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"))})),S(),f.querySelectorAll("[\\i-html]").forEach((e=>{if(!(e instanceof HTMLElement))return;const t=e.getAttribute("i-html");if(!t)return;const r=()=>{try{let r=new Function("state","helpers",`with(state) { with(helpers) { return ${t} } }`)(H,Y);r=r.replace(/\{(.*?)\}/g,((e,t)=>new Function("state",`with(state) { return ${t} }`)(H))),e.innerHTML=r,e.querySelectorAll("*").forEach((e=>{e instanceof HTMLElement&&n(e)}))}catch(e){console.error("Error applying i-html directive:",e)}},n=e=>{Array.from(e.childNodes).forEach((e=>{e.nodeType===Node.TEXT_NODE&&o(e)})),Array.from(e.attributes).forEach((t=>{t.value.includes("{")&&t.value.includes("}")&&a(e,t)}))},o=e=>{const t=e.textContent||"";if(t.includes("{")&&t.includes("}")){const r=t.split(/(\{.*?\})/),n=document.createDocumentFragment();r.forEach((e=>{if(e.startsWith("{")&&e.endsWith("}")){const t=e.slice(1,-1).trim(),r=document.createTextNode("");n.appendChild(r);const o=()=>{r.textContent=_(t)};o(),Object.keys(H).forEach((e=>{(h[e]??=[]).push({update:o})}))}else n.appendChild(document.createTextNode(e))})),e.parentNode.replaceChild(n,e)}},a=(e,t)=>{const r=t.value,n=()=>{const n=r.replace(/\{(.*?)\}/g,((e,t)=>new Function("state",`with(state) { return ${t} }`)(H)));e.setAttribute(t.name,n)};n(),Object.keys(H).forEach((e=>{(h[e]??=[]).push({update:n})}))};r(),Object.keys(H).forEach((e=>{(h[e]??=[]).push({update:r})})),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[r,n,o]=t.split(",").map((e=>e.trim())),a=n?`${n}ms`:"300ms",i=o||"ease";e.style.transition=`opacity ${a} ${i}, transform ${a} ${i}`;const c=(t,r)=>new Promise((n=>{let o=!1;return t.before(e),t.during(e,(()=>{o||(t.after(e),r&&r(),n())})),()=>{o=!0,t.cancelled(e),n()}}));e._transitionShow=async t=>{e.style.display="",await c({before:I.beforeEnter,during:I.enter,after:I.afterEnter,cancelled:I.enterCancelled},t)},e._transitionHide=async e=>{await c({before:I.beforeLeave,during:I.leave,after:I.afterLeave,cancelled:I.leaveCancelled},e)},e.style.display="none",e.removeAttribute("i-transition")})),f.querySelectorAll("*").forEach((e=>{e instanceof HTMLElement&&Array.from(e.attributes).forEach((t=>{const r=t.name.match(/^(?:i-bind:|:)(.+)$/);if(!r)return;const[,n]=r,o=t.value,a=()=>{try{let t=new Function("state","helpers",`with(state) { with(helpers) { return ${o} } }`)(H,Y);"class"===n?"object"==typeof t&&null!==t?Object.entries(t).forEach((([t,r])=>{e.classList.toggle(t,!!r)})):e.className=t:"style"===n?"object"==typeof t&&null!==t?Object.entries(t).forEach((([t,r])=>{e.style[t]=r})):e.setAttribute("style",t):!1===t?e.removeAttribute(n):e.setAttribute(n,!0===t?"":t)}catch(e){console.error(`Error applying bind directive for ${n}:`,e)}};a(),(h[o]??=[]).push({update:a}),e.removeAttribute(t.name)}))})),Object.entries(O).forEach((([e,r])=>{r instanceof Set&&r.has(t)&&(delete p[e],M(e))})),f.querySelectorAll("[\\i-show]").forEach((e=>{e instanceof HTMLElement&&B(e)})),o&&o.call(H),W("mounted"),Object.keys(H).forEach((e=>M(e)))}),"Error mounting application"),onUpdated:e=>{if("function"==typeof e){const t=x(e,"Error in onUpdated callback");(m.__updated__??=[]).push({callback:t})}},createPlugin:A,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 r=b.get(e),n=r.indexOf(t);-1!==n&&r.splice(n,1)}),addLifecycleHook:D,applyMixin:P,component:g,render:e=>{const t=document.createElement("template");return t.innerHTML=e.trim(),t.content},power:e=>{Object.entries(e).forEach((([e,t])=>{Y[e]="function"==typeof t?(...r)=>{try{return t(...r.map((e=>"string"==typeof e&&e.includes("{")&&e.includes("}")?new Function("state","helpers",`with(state) { with(helpers) { return ${e.slice(1,-1)} } }`)(H,Y):e)))}catch(t){return console.error(`Error in helper function '${e}':`,t),""}}:t}))}}};export const debounce=(e,t)=>{let r;return function(...n){clearTimeout(r),r=setTimeout((()=>{clearTimeout(r),e(...n)}),t)}};export const throttle=(e,t)=>{let r;return function(...n){r||(e(...n),r=!0,setTimeout((()=>r=!1),t))}};export{createApp};
+/**
+ * @license
+ * Olova Framework v2.0.0
+ * (c) 2025 Olova
+ * This source code is licensed under the MIT license
+ *
+ * Author: Nazmul Hossain
+ * Made in Bangladesh
+ */
+
+/** @jsx Olova.createElement */
+
+const Olova = {};
+let currentComponent = null,
+  currentHook = 0;
+const states = new WeakMap(),
+  effects = new WeakMap(),
+  memos = new WeakMap(),
+  refs = new WeakMap();
+let isBatchingUpdates = !1;
+const effectComponentIds = new Set(),
+  customHookComponentIds = new Set();
+Olova.createHook = (e) => {
+  if ("function" != typeof e)
+    throw new Error("createHook: Hook implementation must be a function");
+  return (...t) => {
+    if (!currentComponent)
+      throw new Error(
+        "Custom hooks can only be called inside component render"
+      );
+    const o = currentHook++,
+      r = currentComponent;
+    customHooks.has(r) ||
+      (customHooks.set(r, new Map()), customHookComponentIds.add(r));
+    const n = customHooks.get(r);
+    n.has(o) || n.set(o, { state: void 0, cleanup: void 0 });
+    const a = {
+      useState: Olova.State,
+      useEffect: Olova.Effect,
+      useMemo: Olova.Memo,
+      useRef: Olova.Ref,
+      getHookState: () => n.get(o).state,
+      setHookState: (e) => {
+        n.get(o).state = e;
+      },
+      setCleanup: (e) => {
+        "function" == typeof e && (n.get(o).cleanup = e);
+      },
+    };
+    return e(a, ...t);
+  };
+};
+const customHooks = new WeakMap();
+Olova.State = (e) => {
+  const t = currentComponent,
+    o = currentHook++;
+  states.has(t) || states.set(t, []);
+  const r = states.get(t);
+  void 0 === r[o] && (r[o] = e);
+  return [
+    r[o],
+    (e) => {
+      const t = "function" == typeof e ? e(r[o]) : e;
+      queueUpdate(() => {
+        (r[o] = t), rerender();
+      });
+    },
+  ];
+};
+const flattenChildren = (e) =>
+  e.reduce(
+    (e, t) =>
+      null == t || "boolean" == typeof t
+        ? e
+        : Array.isArray(t)
+        ? e.concat(flattenChildren(t))
+        : e.concat("object" == typeof t ? t : createTextElement(t)),
+    []
+  );
+Olova.createElement = (e, t, ...o) =>
+  e === Olova.Fragment
+    ? { type: "FRAGMENT", props: { children: flattenChildren(o) } }
+    : { type: e, props: { ...t, children: flattenChildren(o) } };
+const createTextElement = (e) => ({
+    type: "TEXT_ELEMENT",
+    props: { nodeValue: e, children: [] },
+  }),
+  createDom = (e) => {
+    const t =
+        "TEXT_ELEMENT" === e.type
+          ? document.createTextNode("")
+          : document.createElement(e.type),
+      o = sanitizeProps(e.props);
+    return updateDom(t, {}, o), t;
+  },
+  updateDom = (e, t, o) => {
+    t.style &&
+      Object.keys(t.style).forEach((r) => {
+        (o.style && t.style[r] === o.style[r]) || (e.style[r] = "");
+      });
+    const r = new Map();
+    Object.keys(t || {}).forEach((e) => {
+      "children" === e || e in o || r.set(e, null);
+    }),
+      Object.keys(o || {}).forEach((e) => {
+        "children" !== e && t[e] !== o[e] && r.set(e, o[e]);
+      }),
+      r.forEach((o, r) => {
+        if (r.startsWith("on")) {
+          const n = r.slice(2).toLowerCase();
+          t[r] && e.removeEventListener(n, t[r]), o && e.addEventListener(n, o);
+        } else
+          "style" === r && "object" == typeof o
+            ? Object.assign(e.style, o)
+            : "className" === r
+            ? e.setAttribute("class", o || "")
+            : "boolean" == typeof o
+            ? o
+              ? e.setAttribute(r, "")
+              : e.removeAttribute(r)
+            : (e[r] = o ?? "");
+      });
+  };
+let rootElement = null,
+  currentRoot = null;
+Olova.render = (e, t) => {
+  (rootElement = t),
+    (currentRoot = { dom: t, props: { children: [e] } }),
+    rerender();
+};
+const rerender = () => {
+    if (rootElement && currentRoot) {
+      for (
+        effectComponentIds.forEach((e) => {
+          const t = effects.get(e);
+          t &&
+            t.forEach((e) => {
+              e && e.cleanup && e.cleanup();
+            });
+        }),
+          customHookComponentIds.forEach((e) => {
+            const t = customHooks.get(e);
+            t &&
+              t.forEach((e) => {
+                e.cleanup && e.cleanup();
+              });
+          });
+        rootElement.firstChild;
+
+      )
+        rootElement.removeChild(rootElement.firstChild);
+      renderElement(currentRoot.props.children[0], rootElement);
+    }
+  },
+  cleanupEffects = () => {
+    effects.forEach((e, t) => {
+      e.forEach((e) => {
+        e && e.cleanup && e.cleanup();
+      });
+    });
+  },
+  cleanupCustomHooks = () => {
+    customHooks.forEach((e, t) => {
+      e.forEach((e) => {
+        e.cleanup && e.cleanup();
+      });
+    });
+  },
+  contexts = new Map();
+let contextIndex = 0;
+(Olova.createContext = (e) => {
+  const t = contextIndex++;
+  return (
+    contexts.set(t, { defaultValue: e, value: e }),
+    {
+      Provider: ({ value: e, children: o }) => (
+        (contexts.get(t).value = e), o[0]
+      ),
+      Consumer: ({ children: e }) => e[0](contexts.get(t).value),
+      _contextId: t,
+    }
+  );
+}),
+  (Olova.Context = (e) => {
+    if (!e || "number" != typeof e._contextId)
+      throw new Error(
+        "Context: Invalid context object. Make sure you're passing a context created by createContext()"
+      );
+    return currentHook++, contexts.get(e._contextId).value;
+  });
+const renderElement = (e, t) => {
+  if (!t || !(t instanceof Element || t instanceof DocumentFragment))
+    throw new Error("Invalid container element provided to render");
+  if (!e && 0 !== e && "" !== e) return;
+  if ("FRAGMENT" === e.type) {
+    const o = document.createDocumentFragment();
+    return (
+      e.props.children.forEach((e) => renderElement(e, o)),
+      void t.appendChild(o)
+    );
+  }
+  if ("object" == typeof e.type && e.type.Consumer) {
+    const o = contexts.get(e.type._contextId).value,
+      r = e.props.children[0](o);
+    return void renderElement(r, t);
+  }
+  if ("object" == typeof e.type && e.type.Provider) {
+    const o = e.props.children[0];
+    return void renderElement(o, t);
+  }
+  if ("function" == typeof e.type) {
+    (currentComponent = e.type), (currentHook = 0);
+    const o = e.type(e.props);
+    return void renderElement(o, t);
+  }
+  const o = createDom(e);
+  e.props.children.forEach((e) => renderElement(e, o)), t.appendChild(o);
+};
+(Olova.Effect = (e, t) => {
+  if ("function" != typeof e)
+    throw new Error("Effect: First argument must be a function");
+  if (void 0 !== t && !Array.isArray(t))
+    throw new Error("Effect: Second argument must be an array or undefined");
+  const o = currentComponent,
+    r = currentHook++;
+  effects.has(o) || (effects.set(o, []), effectComponentIds.add(o));
+  const n = effects.get(o),
+    a = n[r];
+  if (!a || !t || t.some((e, t) => !Object.is(e, a.deps[t]))) {
+    a && a.cleanup && a.cleanup();
+    const o = e();
+    n[r] = { deps: t, cleanup: "function" == typeof o ? o : void 0 };
+  }
+}),
+  (Olova.Reducer = (e, t, o) => {
+    const r = currentComponent,
+      n = currentHook++;
+    states.has(r) || states.set(r, []);
+    const a = states.get(r);
+    void 0 === a[n] && (a[n] = o ? o(t) : t);
+    return [
+      a[n],
+      (t) => {
+        (a[n] = e(a[n], t)), rerender();
+      },
+    ];
+  }),
+  (Olova.Callback = (e, t) => Olova.Memo(() => e, t)),
+  (Olova.Memo = (e, t) => {
+    const o = currentComponent,
+      r = currentHook++;
+    memos.has(o) || memos.set(o, []);
+    const n = memos.get(o),
+      a = n[r];
+    if (
+      !a ||
+      !t ||
+      t.length !== a.deps.length ||
+      t.some(
+        (e, t) =>
+          !Object.is(e, a.deps[t]) &&
+          ("object" != typeof e ||
+            null === e ||
+            JSON.stringify(e) !== JSON.stringify(a.deps[t]))
+      )
+    ) {
+      const o = e();
+      return (n[r] = { value: o, deps: t }), o;
+    }
+    return a.value;
+  }),
+  (Olova.Ref = (e) => {
+    const t = currentComponent,
+      o = currentHook++;
+    refs.has(t) || refs.set(t, []);
+    const r = refs.get(t);
+    return void 0 === r[o] && (r[o] = { current: e }), r[o];
+  }),
+  (Olova.LayoutEffect = (e, t) => {
+    Olova.Effect(e, t);
+  }),
+  (Olova.ImperativeHandle = (e, t, o) => {
+    Olova.LayoutEffect(() => {
+      e && (e.current = t());
+    }, o);
+  }),
+  (Olova.Fragment = Symbol("Fragment"));
+let nextUnitOfWork = null,
+  wipRoot = null;
+function createFiber(e, t, o = null) {
+  return {
+    type: e,
+    props: t,
+    key: o,
+    dom: null,
+    parent: null,
+    child: null,
+    sibling: null,
+    alternate: null,
+    effectTag: null,
+    lastProps: null,
+    shouldUpdate: !0,
+    dependencies: new Set(),
+    memoizedState: null,
+  };
+}
+const schedulerPriorities = {
+    ImmediatePriority: 1,
+    UserBlockingPriority: 2,
+    NormalPriority: 3,
+    LowPriority: 4,
+    IdlePriority: 5,
+  },
+  objectPool = {
+    fibers: [],
+    effects: [],
+    acquireFiber() {
+      return this.fibers.pop() || createFiber();
+    },
+    releaseFiber(e) {
+      Object.keys(e).forEach((t) => {
+        e[t] = null;
+      }),
+        this.fibers.push(e);
+    },
+  },
+  workLoop = (e) => {
+    let t = !1;
+    for (; nextUnitOfWork && !t; ) {
+      const o = nextUnitOfWork;
+      if (
+        (o.priorityLevel || schedulerPriorities.NormalPriority) >
+          schedulerPriorities.ImmediatePriority &&
+        e.timeRemaining() < 500
+      ) {
+        t = !0;
+        break;
+      }
+      nextUnitOfWork = performUnitOfWork(o);
+    }
+    !nextUnitOfWork && wipRoot && commitRoot(), requestIdleCallback(workLoop);
+  };
+function performUnitOfWork(e) {
+  if (
+    ("function" == typeof e.type
+      ? updateFunctionComponent(e)
+      : updateHostComponent(e),
+    e.child)
+  )
+    return e.child;
+  let t = e;
+  for (; t; ) {
+    if (t.sibling) return t.sibling;
+    t = t.parent;
+  }
+}
+function updateFunctionComponent(e) {
+  (currentComponent = e), (currentHook = 0), (e.hooks = []);
+  try {
+    const t = [e.type(e.props)];
+    reconcileChildren(e, t);
+  } catch (t) {
+    handleWorkInProgressError(e, t);
+  }
+}
+function updateHostComponent(e) {
+  e.dom || (e.dom = createDom(e)), reconcileChildren(e, e.props.children);
+}
+function reconcileChildren(e, t, o) {
+  let r = null,
+    n = null;
+  const a = new Map();
+  let s = t;
+  for (; s; ) {
+    const e = s.key || s.index;
+    a.set(e, s), (s = s.sibling);
+  }
+  for (let t = 0; t < o.length; t++) {
+    const s = o[t],
+      c = s.key || t,
+      l = a.get(c);
+    l && l.type === s.type
+      ? (n = {
+          ...l,
+          props: s.props,
+          alternate: l,
+          effectTag: "UPDATE",
+          shouldUpdate: !shallowEqual(l.props, s.props),
+        })
+      : ((n = createFiber(s.type, s.props, c)),
+        (n.effectTag = "PLACEMENT"),
+        (n.shouldUpdate = !0),
+        l && ((l.effectTag = "DELETION"), deletions.push(l))),
+      null === r ? (e.child = n) : (r.sibling = n),
+      (r = n),
+      a.delete(c);
+  }
+  a.forEach((e) => {
+    (e.effectTag = "DELETION"), deletions.push(e);
+  });
+}
+function shallowEqual(e, t) {
+  if (Object.is(e, t)) return !0;
+  if (!e || !t) return !1;
+  const o = Object.keys(e),
+    r = Object.keys(t);
+  if (o.length !== r.length) return !1;
+  for (let r = 0; r < o.length; r++) {
+    const n = o[r];
+    if ("children" !== n && !Object.is(e[n], t[n])) return !1;
+  }
+  return !0;
+}
+function handleWorkInProgressError(e, t) {
+  let o = null,
+    r = e;
+  for (; r; ) {
+    if (r.type?.prototype instanceof Olova.ErrorBoundary) {
+      o = r;
+      break;
+    }
+    r = r.parent;
+  }
+  if (!o) throw t;
+  {
+    const r = {
+      componentStack: getComponentStack(e),
+      error: t,
+      errorBoundary: o,
+    };
+    (o.updateQueue = o.updateQueue || []),
+      o.updateQueue.push({ action: "ERROR", error: r }),
+      scheduleWork(o, schedulerPriorities.ImmediatePriority);
+  }
+}
+function commitRoot() {
+  deletions.forEach(commitWork),
+    commitWork(wipRoot.child),
+    (currentRoot = wipRoot),
+    (wipRoot = null);
+}
+const commitWork = (e) => {
+  if (e) {
+    if (e.shouldUpdate)
+      switch (e.effectTag) {
+        case "PLACEMENT":
+          if (e.dom) {
+            const t = getParentFiber(e);
+            t && t.dom.appendChild(e.dom);
+          }
+          break;
+        case "UPDATE":
+          e.dom && updateDom(e.dom, e.alternate.props, e.props);
+          break;
+        case "DELETION":
+          commitDeletion(e);
+      }
+    commitWork(e.child), commitWork(e.sibling);
+  }
+};
+function getParentFiber(e) {
+  let t = e.parent;
+  for (; t && !t.dom; ) t = t.parent;
+  return t;
+}
+(Olova.createStore = (e, t) => {
+  if ("function" != typeof e)
+    throw new Error("createStore: Reducer must be a function");
+  let o = t,
+    r = new Set();
+  const n = (t) => {
+    (o = e(o, t)), r.forEach((e) => e());
+  };
+  return (
+    n({ type: "@@INIT" }),
+    {
+      getState: () => o,
+      dispatch: n,
+      subscribe: (e) => (r.add(e), () => r.delete(e)),
+    }
+  );
+}),
+  (Olova.Provider = ({ store: e, children: t }) => {
+    if (
+      !e ||
+      "function" != typeof e.getState ||
+      "function" != typeof e.dispatch
+    )
+      throw new Error(
+        "Provider: Invalid store object. Make sure you're passing a store created by createStore()"
+      );
+    if (!t) throw new Error("Provider: Must include children elements");
+    const o = Olova.createContext(null),
+      r = () => o.Provider({ value: e, children: [t] });
+    return (r.Context = o), r();
+  }),
+  (Olova.Selector = (e) => {
+    if ("function" != typeof e)
+      throw new Error("Selector: Selector must be a function");
+    const t = Olova.Context(Olova.Provider.Context);
+    if (!t) throw new Error("Selector must be used within a Provider");
+    const [, o] = Olova.State({});
+    Olova.Effect(
+      () =>
+        t.subscribe(() => {
+          const n = e(t.getState());
+          r !== n && o({});
+        }),
+      [t, e]
+    );
+    const r = e(t.getState());
+    return r;
+  }),
+  (Olova.Dispatch = () => {
+    const e = Olova.Context(Olova.Provider.Context);
+    if (!e) throw new Error("Dispatch must be used within a Provider");
+    return e.dispatch;
+  }),
+  (Olova.combineReducers =
+    (e) =>
+    (t = {}, o) => {
+      const r = {};
+      let n = !1;
+      return (
+        Object.entries(e).forEach(([e, a]) => {
+          const s = t[e],
+            c = a(s, o);
+          (r[e] = c), (n = n || c !== s);
+        }),
+        n ? r : t
+      );
+    }),
+  (Olova.createAction = (e) => {
+    const t = (t) => ({ type: e, payload: t });
+    return (t.toString = () => e), t;
+  }),
+  (Olova.applyMiddleware =
+    (...e) =>
+    (t) =>
+    (o, r) => {
+      const n = t(o, r);
+      let a = n.dispatch;
+      const s = { getState: n.getState, dispatch: (e) => a(e) },
+        c = e.map((e) => e(s));
+      return (a = c.reduce((e, t) => t(e))(n.dispatch)), { ...n, dispatch: a };
+    }),
+  (Olova.Suspense = ({ fallback: e, children: t }) => {
+    const [o, r] = Olova.State(!1),
+      [n, a] = Olova.State(null);
+    try {
+      return Olova.createElement(
+        SuspenseProvider,
+        { value: { isPending: o, setPending: r, setError: a } },
+        t
+      );
+    } catch (t) {
+      if (t instanceof Promise) return t.then(() => r(!1)), r(!0), e;
+      throw t;
+    }
+  }),
+  (Olova.ErrorBoundary = class {
+    constructor(e) {
+      (this.state = { hasError: !1, error: null }),
+        (this.fallback = e.fallback);
+    }
+    static getDerivedStateFromError(e) {
+      return { hasError: !0, error: e };
+    }
+    componentDidCatch(e, t) {
+      console.error("Error caught by ErrorBoundary:", e, t),
+        this.props.onError && this.props.onError(e, t);
+    }
+    render() {
+      return this.state.hasError
+        ? "function" == typeof this.fallback
+          ? this.fallback(this.state.error)
+          : this.fallback
+        : this.props.children;
+    }
+  });
+const createVirtualDom = (e) => ({
+    type: e.type,
+    key: e.key || null,
+    ref: e.ref || null,
+    props: {
+      ...e.props,
+      children: Array.isArray(e.props.children)
+        ? e.props.children.map((e) =>
+            "object" == typeof e ? createVirtualDom(e) : e
+          )
+        : e.props.children,
+    },
+    _owner: currentComponent,
+    _store: { validated: !1 },
+    _self: null,
+    _source:
+      "production" !== process.env.NODE_ENV
+        ? {
+            fileName: e._source?.fileName || "unknown",
+            lineNumber: e._source?.lineNumber || 0,
+          }
+        : null,
+  }),
+  reconcileChildrenArray = (e, t, o) => {
+    let r = t,
+      n = null,
+      a = null,
+      s = 0,
+      c = null;
+    const l = new Map();
+    let i = t;
+    for (; i; ) {
+      const e = i.key || s;
+      l.set(e, i), (i = i.sibling);
+    }
+    for (; r && s < o.length; s++) {
+      c = r.sibling;
+      const t = o[s],
+        l = t.key || s;
+      if (l !== (r.key || s)) {
+        r = c;
+        break;
+      }
+      (a = {
+        type: t.type,
+        key: l,
+        props: t.props,
+        dom: r.dom,
+        parent: e,
+        alternate: r,
+        effectTag: "UPDATE",
+        lanes: 0,
+        childLanes: 0,
+      }),
+        null === n ? (e.child = a) : (n.sibling = a),
+        (n = a),
+        (r = c);
+    }
+    for (; s < o.length; ) {
+      const t = o[s];
+      (a = {
+        type: t.type,
+        key: t.key || s,
+        props: t.props,
+        dom: null,
+        parent: e,
+        alternate: null,
+        effectTag: "PLACEMENT",
+        lanes: 0,
+        childLanes: 0,
+      }),
+        null === n ? (e.child = a) : (n.sibling = a),
+        (n = a),
+        s++;
+    }
+    for (; r; ) (r.effectTag = "DELETION"), deletions.push(r), (r = r.sibling);
+    return e.child;
+  },
+  memoizedDiff = (() => {
+    const e = new WeakMap();
+    return (t, o) => {
+      const r = `${t?.type}-${o?.type}`;
+      e.has(t) || e.set(t, new Map());
+      const n = e.get(t);
+      if (n.has(r)) return n.get(r);
+      const a = [];
+      if (t?.type !== o?.type)
+        return a.push({ type: "REPLACE", newNode: o }), n.set(r, a), a;
+      if ("object" != typeof o)
+        return t !== o && a.push({ type: "TEXT", content: o }), n.set(r, a), a;
+      const s = diffProps(t.props, o.props);
+      return (
+        s && a.push({ type: "PROPS", patches: s }),
+        o.props.skipChildrenDiff ||
+          diffChildren(t.props.children, o.props.children, a),
+        n.set(r, a),
+        a
+      );
+    };
+  })(),
+  diffProps = (e, t) => {
+    const o = {};
+    let r = !1;
+    for (const n in e) "children" === n || n in t || ((r = !0), (o[n] = null));
+    for (const n in t)
+      "children" !== n && e[n] !== t[n] && ((r = !0), (o[n] = t[n]));
+    return r ? o : null;
+  },
+  diffChildren = (e, t, o) => {
+    const r = Array.isArray(e) ? e : [e],
+      n = Array.isArray(t) ? t : [t],
+      a = new Map();
+    r.forEach((e, t) => {
+      const o = e?.key || `index:${t}`;
+      a.set(o, { child: e, index: t });
+    });
+    const s = [];
+    let c = 0;
+    n.forEach((e, t) => {
+      const o = e?.key || `index:${t}`,
+        r = a.get(o);
+      if (r) {
+        const t = r.child,
+          n = r.index;
+        n !== c && s.push({ type: "REORDER", from: n, to: c });
+        const l = memoizedDiff(t, e);
+        l.length > 0 && s.push({ type: "UPDATE", index: c, patches: l }),
+          a.delete(o);
+      } else s.push({ type: "INSERT", index: c, node: e });
+      c++;
+    }),
+      a.forEach(({ index: e }) => {
+        s.push({ type: "REMOVE", index: e });
+      }),
+      s.length > 0 && o.push({ type: "CHILDREN", patches: s });
+  },
+  applyPatches = (e, t) => {
+    t.forEach((t) => {
+      switch (t.type) {
+        case "REPLACE":
+          const o = createDom(t.newNode);
+          e.parentNode.replaceChild(o, e);
+          break;
+        case "TEXT":
+          e.textContent = t.content;
+          break;
+        case "PROPS":
+          updateDomProperties(e, t.patches);
+          break;
+        case "CHILDREN":
+          applyChildrenPatches(e, t.patches);
+      }
+    });
+  },
+  updateDomProperties = (e, t) => {
+    Object.entries(t).forEach(([t, o]) => {
+      if (t.startsWith("on")) {
+        const r = t.toLowerCase().substring(2);
+        e._listeners &&
+          e._listeners[r] &&
+          e.removeEventListener(r, e._listeners[r]),
+          o &&
+            (e._listeners || (e._listeners = {}),
+            (e._listeners[r] = o),
+            e.addEventListener(r, o));
+      } else
+        "style" === t && "object" == typeof o
+          ? Object.assign(e.style, o)
+          : "className" === t
+          ? e.setAttribute("class", o)
+          : "boolean" == typeof o
+          ? o
+            ? e.setAttribute(t, "")
+            : e.removeAttribute(t)
+          : null === o
+          ? e.removeAttribute(t)
+          : e.setAttribute(t, o);
+    });
+  },
+  applyChildrenPatches = (e, t) => {
+    const o = Array.from(e.childNodes),
+      r = [];
+    t.forEach((e) => {
+      switch (e.type) {
+        case "REORDER":
+          r.push({ type: "MOVE", from: e.from, to: e.to, node: o[e.from] });
+          break;
+        case "REMOVE":
+          r.push({ type: "REMOVE", index: e.index, node: o[e.index] });
+          break;
+        case "INSERT":
+          r.push({ type: "INSERT", index: e.index, node: createDom(e.node) });
+          break;
+        case "UPDATE":
+          applyPatches(o[e.index], e.patches);
+      }
+    }),
+      r
+        .sort((e, t) =>
+          "REMOVE" === e.type ? -1 : "REMOVE" === t.type ? 1 : e.index - t.index
+        )
+        .forEach((t) => {
+          switch (t.type) {
+            case "MOVE":
+              e.insertBefore(t.node, e.childNodes[t.to] || null);
+              break;
+            case "REMOVE":
+              e.removeChild(t.node);
+              break;
+            case "INSERT":
+              e.insertBefore(t.node, e.childNodes[t.index] || null);
+          }
+        });
+  },
+  priorityLevels = {
+    IMMEDIATE: 1,
+    USER_BLOCKING: 2,
+    NORMAL: 3,
+    LOW: 4,
+    IDLE: 5,
+  },
+  scheduleWork = (e, t) => {
+    new Map().set(t, e);
+  };
+let batchQueue = new Set(),
+  isProcessingBatch = !1;
+const batchedUpdates = (e) => {
+    const t = isBatchingUpdates;
+    isBatchingUpdates = !0;
+    try {
+      return e();
+    } finally {
+      (isBatchingUpdates = t), isBatchingUpdates || flushBatchQueue();
+    }
+  },
+  flushBatchQueue = () => {
+    if (!isProcessingBatch) {
+      isProcessingBatch = !0;
+      try {
+        batchQueue.forEach((e) => {
+          e();
+        });
+      } finally {
+        (isProcessingBatch = !1), batchQueue.clear();
+      }
+      performSyncWork();
+    }
+  },
+  queueUpdate = (e) => {
+    batchQueue.add(e), isBatchingUpdates || flushBatchQueue();
+  },
+  performSyncWork = () => {
+    rerender();
+  };
+(Olova.Transition = () => {
+  const [e, t] = Olova.State(!1);
+  return [
+    e,
+    Olova.Callback((e) => {
+      t(!0),
+        queueMicrotask(() => {
+          try {
+            e();
+          } finally {
+            t(!1);
+          }
+        });
+    }, []),
+  ];
+}),
+  (Olova.DeferredValue = (e, t) => {
+    const [o, r] = Olova.State(e);
+    return (
+      Olova.Effect(() => {
+        const o = setTimeout(() => {
+          r(e);
+        }, t?.timeoutMs || 2e3);
+        return () => clearTimeout(o);
+      }, [e, t?.timeoutMs]),
+      o
+    );
+  }),
+  (Olova.renderToString = (e) => {
+    let t = "";
+    var o;
+    return "string" != typeof (o = e) || (t += o), t;
+  });
+const SyntheticEvent = {
+  preventDefault() {},
+  stopPropagation() {},
+  persist() {},
+  isPersistent() {},
+  nativeEvent: null,
+  target: null,
+  currentTarget: null,
+  type: null,
+};
+Olova.lazy = (e) => {
+  let t = null,
+    o = null;
+  return (r) => {
+    if (
+      (t ||
+        o ||
+        (o = e()
+          .then((e) => {
+            t = e.default || e;
+          })
+          .catch((e) => {
+            throw e;
+          })),
+      t)
+    )
+      return Olova.createElement(t, r);
+    throw o;
+  };
+};
+export const {
+  State: State,
+  createContext: createContext,
+  Context: Context,
+  Effect: Effect,
+  Reducer: Reducer,
+  Callback: Callback,
+  Memo: Memo,
+  Ref: Ref,
+  LayoutEffect: LayoutEffect,
+  ImperativeHandle: ImperativeHandle,
+  Fragment: Fragment,
+  createStore: createStore,
+  Provider: Provider,
+  Selector: Selector,
+  Dispatch: Dispatch,
+  combineReducers: combineReducers,
+  createAction: createAction,
+  applyMiddleware: applyMiddleware,
+  Suspense: Suspense,
+  ErrorBoundary: ErrorBoundary,
+  Transition: Transition,
+  DeferredValue: DeferredValue,
+  renderToString: renderToString,
+  lazy: lazy,
+  StrictMode: StrictMode,
+  Profiler: Profiler,
+  DebugValue: DebugValue,
+  Id: Id,
+  InsertionEffect: InsertionEffect,
+  Optimistic: Optimistic,
+  SyncExternalStore: SyncExternalStore,
+  ActionState: ActionState,
+} = Olova;
+export default Olova;
+(Olova.StrictMode = ({ children: e }) => {
+  const t = (e) => {
+    if ("function" == typeof e.type) {
+      Object.getOwnPropertyNames(e.type.prototype).forEach((t) => {
+        t.startsWith("UNSAFE_") &&
+          console.warn(
+            `StrictMode: Detected deprecated method ${t} in component ${e.type.name}`
+          );
+      }),
+        e.props && e.props.children && e.props.children.forEach(t);
+    }
+  };
+  return e.forEach(t), e[0];
+}),
+  (Olova.Profiler = ({ id: e, onRender: t, children: o }) => {
+    if ("function" != typeof t)
+      return console.warn("Profiler requires an onRender callback"), o;
+    const r = performance.now();
+    return (
+      Olova.Effect(() => {
+        const o = performance.now(),
+          n = o - r;
+        t({
+          id: e,
+          actualDuration: n,
+          baseDuration: n,
+          startTime: r,
+          commitTime: o,
+          interactions: new Set(),
+          phase: "mount",
+        });
+      }, []),
+      o
+    );
+  }),
+  "production" !== process.env.NODE_ENV &&
+    (Olova.__DEV__ = {
+      componentStack: [],
+      markComponentRender: (e) => {
+        Olova.__DEV__.componentStack.push(e),
+          console.log(`Component rendered: ${e.name || "Anonymous"}`);
+      },
+      clearComponentStack: () => {
+        Olova.__DEV__.componentStack = [];
+      },
+    });
+const handleError = (e, t) => {
+    console.error("Error in Olova application:", e),
+      console.error("Component stack:", t);
+    let o = null,
+      r = t[t.length - 1];
+    for (; r && !o; )
+      r.type && r.type.prototype instanceof Olova.ErrorBoundary && (o = r),
+        (r = r.parent);
+    if (!o) throw e;
+    o.setState({ hasError: !0, error: e });
+  },
+  cleanupComponent = (e) => {
+    effects.has(e) &&
+      (effects.get(e).forEach((e) => {
+        e.cleanup && e.cleanup();
+      }),
+      effects.delete(e)),
+      states.has(e) && states.delete(e),
+      memos.has(e) && memos.delete(e),
+      refs.has(e) && refs.delete(e);
+  },
+  sanitizeProps = (e) => {
+    if (e.dangerouslySetInnerHTML) {
+      const t = e.dangerouslySetInnerHTML.__html.replace(
+        /<script[^>]*>([\S\s]*?)<\/script>/gi,
+        ""
+      );
+      e.dangerouslySetInnerHTML.__html = t;
+    }
+    return e;
+  };
+(Olova.DebugValue = (e, t) => {
+  if ("production" !== process.env.NODE_ENV) {
+    const o = t ? t(e) : e;
+    console.log("Debug value:", o);
+  }
+}),
+  (Olova.Id = () => {
+    const [e] = Olova.State(
+      () => `olova-${Math.random().toString(36).slice(2)}`
+    );
+    return e;
+  }),
+  (Olova.InsertionEffect = (e, t) => {
+    Olova.LayoutEffect(e, t);
+  }),
+  (Olova.SyncExternalStore = (e, t, o) => {
+    const [r, n] = Olova.State(t);
+    return (
+      Olova.Effect(
+        () => (
+          n(t()),
+          e(() => {
+            n(t());
+          })
+        ),
+        [e, t]
+      ),
+      r
+    );
+  }),
+  (Olova.Optimistic = (e, t) => {
+    const [o, r] = Olova.State(e),
+      [n, a] = Olova.Transition();
+    return [
+      o,
+      (e) => {
+        a(() => {
+          const n = t(o, e);
+          r(n);
+        });
+      },
+    ];
+  }),
+  (Olova.ActionState = (e, t) => {
+    const [o, r] = Olova.State(e),
+      [n, a] = Olova.State(null),
+      [s, c] = Olova.State(null);
+    return [
+      o,
+      async (e) => {
+        try {
+          a(o);
+          const n = await t(o, e);
+          r(n), a(null), c(null);
+        } catch (e) {
+          c(e), a(null);
+        }
+      },
+      { pending: n, error: s },
+    ];
+  });
+const diffCache = new WeakMap(),
+  memoizedCreateVirtualDom = (e) => {
+    if (diffCache.has(e)) return diffCache.get(e);
+    const t = createVirtualDom(e);
+    return diffCache.set(e, t), t;
+  };
+class UpdateQueue {
+  constructor() {
+    this.updates = new Map();
+  }
+  enqueue(e, t) {
+    this.updates.has(e) || this.updates.set(e, new Set()),
+      this.updates.get(e).add(t);
+  }
+  dequeue() {
+    const e = Array.from(this.updates.keys()).sort();
+    for (const t of e) {
+      const e = this.updates.get(t);
+      if (e.size > 0) {
+        const o = e.values().next().value;
+        return e.delete(o), 0 === e.size && this.updates.delete(t), o;
+      }
+    }
+    return null;
+  }
+}
+const updateQueue = new UpdateQueue(),
+  componentCache = new WeakMap(),
+  getCachedComponent = (e, t) => {
+    const o = JSON.stringify(t);
+    componentCache.has(e) || componentCache.set(e, new Map());
+    const r = componentCache.get(e);
+    return r.has(o) || r.set(o, new e(t)), r.get(o);
+  },
+  batchDomOperations = (e) => {
+    const t = document.createDocumentFragment();
+    return (
+      e.forEach((e) => {
+        if ("INSERT" === e.type) t.appendChild(e.node);
+      }),
+      t
+    );
+  },
+  eventDelegator = {
+    handlers: new Map(),
+    delegate(e, t) {
+      this.handlers.has(e) ||
+        (this.handlers.set(e, new Set()),
+        document.addEventListener(e, this.handleEvent.bind(this))),
+        this.handlers.get(e).add(t);
+    },
+    handleEvent(e) {
+      const t = this.handlers.get(e.type);
+      t && t.forEach((t) => t(e));
+    },
+  },
+  createImmutableState = (e) => ({
+    value: e,
+    set(e) {
+      return !Object.is(this.value, e) && ((this.value = e), !0);
+    },
+  });
+let renderThrottleTimeout = null;
+const throttledRerender = () => {
+  renderThrottleTimeout ||
+    (renderThrottleTimeout = setTimeout(() => {
+      rerender(), (renderThrottleTimeout = null);
+    }, 16));
+};

package/package.json

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