frontend-hamroun 1.1.3 → 1.1.5

package/dist/frontend-hamroun.js

@@ -1,192 +1,245 @@
-async function m(t) {
+function O(n, e) {
+  console.log("JSX Transform:", { type: n, props: e });
+  const t = { ...e };
+  return arguments.length > 2 && (t.children = Array.prototype.slice.call(arguments, 2)), { type: n, props: t };
+}
+const H = ({ children: n }) => n;
+async function d(n) {
   var e;
-  if (console.log("Creating element from:", t), t == null || typeof t == "boolean")
+  if (console.log("Creating element from:", n), n == null || typeof n == "boolean")
     return document.createTextNode("");
-  if (typeof t == "number" || typeof t == "string")
-    return document.createTextNode(String(t));
-  if (Array.isArray(t)) {
-    const r = document.createDocumentFragment();
-    for (const s of t) {
-      const n = await m(s);
-      r.appendChild(n);
+  if (typeof n == "number" || typeof n == "string")
+    return document.createTextNode(String(n));
+  if (Array.isArray(n)) {
+    const t = document.createDocumentFragment();
+    for (const s of n) {
+      const r = await d(s);
+      t.appendChild(r);
     }
-    return r;
+    return t;
   }
-  if ("type" in t && t.props !== void 0) {
-    const { type: r, props: s } = t;
-    if (typeof r == "function")
+  if ("type" in n && n.props !== void 0) {
+    const { type: t, props: s } = n;
+    if (typeof t == "function")
       try {
-        const c = await r(s || {}), a = await m(c);
-        return a instanceof Element && a.setAttribute("data-component-id", r.name || r.toString()), a;
+        const c = await t(s || {}), a = await d(c);
+        return a instanceof Element && a.setAttribute("data-component-id", t.name || t.toString()), a;
       } catch (c) {
         return console.error("Error rendering component:", c), document.createTextNode("");
       }
-    const n = document.createElement(r);
+    const r = document.createElement(t);
     for (const [c, a] of Object.entries(s || {}))
       if (c !== "children")
         if (c.startsWith("on") && typeof a == "function") {
-          const f = c.toLowerCase().slice(2), S = (e = n.__events) == null ? void 0 : e[f];
-          S && n.removeEventListener(f, S), n.addEventListener(f, a), n.__events || (n.__events = {}), n.__events[f] = a;
-        } else
-          c === "style" && typeof a == "object" ? Object.assign(n.style, a) : c === "className" ? n.setAttribute("class", String(a)) : c !== "key" && c !== "ref" && n.setAttribute(c, String(a));
+          const u = c.toLowerCase().slice(2), x = (e = r.__events) == null ? void 0 : e[u];
+          x && r.removeEventListener(u, x), r.addEventListener(u, a), r.__events || (r.__events = {}), r.__events[u] = a;
+        } else c === "style" && typeof a == "object" ? Object.assign(r.style, a) : c === "className" ? r.setAttribute("class", String(a)) : c !== "key" && c !== "ref" && r.setAttribute(c, String(a));
     const i = s == null ? void 0 : s.children;
     if (i != null) {
       const c = Array.isArray(i) ? i.flat() : [i];
       for (const a of c) {
-        const f = await m(a);
-        n.appendChild(f);
+        const u = await d(a);
+        r.appendChild(u);
       }
     }
-    return n;
+    return r;
   }
-  return document.createTextNode(String(t));
+  return document.createTextNode(String(n));
 }
-let h = [], p = !1;
-function _(t) {
-  if (p) {
-    h.push(t);
+let p = [], h = !1;
+function M(n) {
+  if (h) {
+    p.push(n);
     return;
   }
-  p = !0;
+  h = !0;
   try {
-    for (t(); h.length > 0; ) {
-      const e = h.shift();
+    for (n(); p.length > 0; ) {
+      const e = p.shift();
       e == null || e();
     }
   } finally {
-    p = !1;
+    h = !1;
   }
 }
-function R() {
-  return p;
+function S() {
+  return h;
 }
 let o = 0;
-const g = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map(), y = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map();
-let b = null, E = null, x = null;
-function A(t, e, r) {
-  b = t, E = r, x = e;
+const g = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map(), y = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map();
+let w = null, _ = null, v = null;
+function j(n, e, t) {
+  w = n, _ = t, v = e;
 }
-function T() {
-  return o++, u.set(o, 0), o;
+function A() {
+  return o++, l.set(o, 0), o;
 }
-function j() {
+function T() {
   o = 0;
 }
-function v(t) {
+function R(n) {
   if (!o)
     throw new Error("useState must be called within a render");
   g.has(o) || g.set(o, []);
-  const e = g.get(o), r = u.get(o);
-  r >= e.length && e.push(t);
-  const s = e[r], n = (i) => {
-    const c = typeof i == "function" ? i(e[r]) : i;
-    e[r] !== c && (e[r] = c, R() ? _(() => C(o)) : C(o));
+  const e = g.get(o), t = l.get(o);
+  t >= e.length && e.push(n);
+  const s = e[t], r = (i) => {
+    const c = typeof i == "function" ? i(e[t]) : i;
+    e[t] !== c && (e[t] = c, S() ? M(() => C(o)) : C(o));
   };
-  return u.set(o, r + 1), [s, n];
-}
-function L(t, e) {
-  if (!o)
-    throw new Error("useEffect must be called within a render");
-  const r = u.get(o);
-  d.has(o) || d.set(o, []);
-  const s = d.get(o), n = s[r];
-  (!n || !e || !n.deps || e.some((i, c) => i !== n.deps[c])) && (n != null && n.cleanup && n.cleanup(), queueMicrotask(() => {
-    const i = t() || void 0;
-    s[r] = { cleanup: i, deps: e };
-  })), u.set(o, r + 1);
-}
-function I(t, e) {
-  if (!o)
-    throw new Error("useMemo must be called within a render");
-  const r = u.get(o);
+  return l.set(o, t + 1), [s, r];
+}
+function k(n, e) {
+  if (!o) throw new Error("useEffect must be called within a render");
+  const t = l.get(o);
+  m.has(o) || m.set(o, []);
+  const s = m.get(o), r = s[t];
+  (!r || !e || !r.deps || e.some((i, c) => i !== r.deps[c])) && (r != null && r.cleanup && r.cleanup(), queueMicrotask(() => {
+    const i = n() || void 0;
+    s[t] = { cleanup: i, deps: e };
+  })), l.set(o, t + 1);
+}
+function L(n, e) {
+  if (!o) throw new Error("useMemo must be called within a render");
+  const t = l.get(o);
   y.has(o) || y.set(o, []);
-  const s = y.get(o), n = s[r];
-  if (!n || e && e.some((i, c) => !Object.is(i, n.deps[c]))) {
-    const i = t();
-    return s[r] = { value: i, deps: e }, u.set(o, r + 1), i;
+  const s = y.get(o), r = s[t];
+  if (!r || e && e.some((i, c) => !Object.is(i, r.deps[c]))) {
+    const i = n();
+    return s[t] = { value: i, deps: e }, l.set(o, t + 1), i;
   }
-  return u.set(o, r + 1), n.value;
+  return l.set(o, t + 1), r.value;
+}
+function D(n) {
+  if (!o) throw new Error("useRef must be called within a render");
+  const e = l.get(o);
+  E.has(o) || E.set(o, []);
+  const t = E.get(o);
+  if (e >= t.length) {
+    const r = { current: n };
+    return t.push(r), l.set(o, e + 1), r;
+  }
+  const s = t[e];
+  return l.set(o, e + 1), s;
 }
-function O(t) {
-  if (!o)
-    throw new Error("useRef must be called within a render");
-  const e = u.get(o);
-  w.has(o) || w.set(o, []);
-  const r = w.get(o);
-  if (e >= r.length) {
-    const n = { current: t };
-    return r.push(n), u.set(o, e + 1), n;
-  }
-  const s = r[e];
-  return u.set(o, e + 1), s;
-}
-async function C(t) {
+async function C(n) {
   try {
-    const e = d.get(t);
-    e && (e.forEach((r) => {
-      r.cleanup && r.cleanup();
-    }), d.set(t, [])), b && E && x && await b(x, E);
+    const e = m.get(n);
+    e && (e.forEach((t) => {
+      t.cleanup && t.cleanup();
+    }), m.set(n, [])), w && _ && v && await w(v, _);
   } catch (e) {
     console.error("Error during rerender:", e);
   }
 }
-function k() {
-  const [t, e] = v(null);
-  return [t, () => e(null)];
+function I() {
+  const [n, e] = R(null);
+  return [n, () => e(null)];
 }
-const l = /* @__PURE__ */ new Map();
-function B(t) {
+const f = /* @__PURE__ */ new Map();
+function W(n) {
   const e = Symbol();
-  return l.set(e, t), {
-    Provider: ({ value: s, children: n }) => {
-      const i = l.get(e);
-      return Object.is(i, s) || l.set(e, s), n;
+  return f.set(e, n), {
+    Provider: ({ value: s, children: r }) => {
+      const i = f.get(e);
+      return Object.is(i, s) || f.set(e, s), r;
     },
     Consumer: ({ children: s }) => {
-      const n = l.get(e);
-      return s(n);
+      const r = f.get(e);
+      return s(r);
     },
     useSelector: (s) => {
-      const n = l.get(e);
-      return I(() => s(n), [n]);
+      const r = f.get(e);
+      return L(() => s(r), [r]);
     },
     _id: e
   };
 }
-function H(t) {
-  return l.get(t._id);
+function B(n) {
+  return f.get(n._id);
+}
+class P {
+  constructor(e = {}) {
+    this.state = {}, this.element = null, this._mounted = !1, this.props = e;
+  }
+  componentDidMount() {
+  }
+  async setState(e) {
+    const t = { ...this.state };
+    this.state = { ...t, ...e }, console.log(`${this.constructor.name} state updated:`, {
+      prev: t,
+      next: this.state
+    }), await Promise.resolve(), this._mounted ? await this.update() : await this.update();
+  }
+  _replayEvents(e, t) {
+    const s = e.__events || {};
+    Object.entries(s).forEach(([r, i]) => {
+      t.addEventListener(r, i);
+    }), t.__events = s;
+  }
+  _deepCloneWithEvents(e) {
+    const t = e.cloneNode(!1), s = e.__events || {};
+    return t.__events = s, Object.entries(s).forEach(([r, i]) => {
+      t.addEventListener(r, i);
+    }), Array.from(e.childNodes).forEach((r) => {
+      r instanceof HTMLElement ? t.appendChild(this._deepCloneWithEvents(r)) : t.appendChild(r.cloneNode(!0));
+    }), t;
+  }
+  async update() {
+    const e = this.render();
+    if (!e) return document.createTextNode("");
+    const t = await d(e);
+    if (t instanceof HTMLElement)
+      return this._updateElement(t);
+    const s = document.createElement("div");
+    return s.appendChild(t), this._updateElement(s);
+  }
+  async _updateElement(e) {
+    const t = this._deepCloneWithEvents(e);
+    return t.__instance = this, this.element ? this.element.parentNode && (this.element.parentNode.replaceChild(t, this.element), this.element = t) : (this.element = t, this._mounted || (this._mounted = !0, queueMicrotask(() => this.componentDidMount()))), this.element;
+  }
+  render() {
+    throw new Error("Component must implement render() method");
+  }
 }
-let M = !1;
-async function U(t, e) {
-  M = !0;
+let b = !1;
+async function F(n, e) {
+  b = !0;
   try {
-    await N(t, e);
+    await N(n, e);
   } finally {
-    M = !1;
+    b = !1;
   }
 }
-async function N(t, e) {
-  console.log("Rendering to:", e.id), _(async () => {
-    const r = T();
+async function N(n, e) {
+  console.log("Rendering to:", e.id), M(async () => {
+    const t = A();
     try {
-      A(N, t, e);
-      const s = await m(t);
-      M || (e.innerHTML = ""), e.appendChild(s);
+      j(N, n, e);
+      const s = await d(n);
+      b || (e.innerHTML = ""), e.appendChild(s);
     } finally {
-      j();
+      T();
     }
   });
 }
 export {
-  _ as batchUpdates,
-  B as createContext,
-  U as hydrate,
+  P as Component,
+  H as Fragment,
+  M as batchUpdates,
+  W as createContext,
+  d as createElement,
+  F as hydrate,
+  S as isBatching,
+  O as jsx,
+  O as jsxDEV,
+  O as jsxs,
   N as render,
-  H as useContext,
-  L as useEffect,
-  k as useErrorBoundary,
-  I as useMemo,
-  O as useRef,
-  v as useState
+  B as useContext,
+  k as useEffect,
+  I as useErrorBoundary,
+  L as useMemo,
+  D as useRef,
+  R as useState
 };
 //# sourceMappingURL=frontend-hamroun.js.map

package/dist/frontend-hamroun.js.map

@@ -1 +1 @@
-{"version":3,"file":"frontend-hamroun.js","sources":["../src/jsx-runtime.ts","../src/batch.ts","../src/hooks.ts","../src/context.ts","../src/index.ts"],"sourcesContent":["import type { Component } from './component';\r\n\r\ninterface VNode {\r\n  type: string | Function;\r\n  props: Record<string, any>;\r\n}\r\n\r\nexport function jsx(type: string | Function, props: any): VNode {\r\n  console.log('JSX Transform:', { type, props });\r\n  const processedProps = { ...props };\r\n  \r\n  // Handle children properly\r\n  if (arguments.length > 2) {\r\n    processedProps.children = Array.prototype.slice.call(arguments, 2);\r\n  }\r\n  \r\n  return { type, props: processedProps };\r\n}\r\n\r\nexport { jsx as jsxs, jsx as jsxDEV };\r\nexport const Fragment = ({ children }: { children: any }) => children;\r\n\r\nexport async function createElement(vnode: VNode | any): Promise<Node> {\r\n  console.log('Creating element from:', vnode);\r\n\r\n  // Handle primitives and null\r\n  if (vnode == null) {\r\n    return document.createTextNode('');\r\n  }\r\n  \r\n  if (typeof vnode === 'boolean') {\r\n    return document.createTextNode('');\r\n  }\r\n\r\n  if (typeof vnode === 'number' || typeof vnode === 'string') {\r\n    return document.createTextNode(String(vnode));\r\n  }\r\n\r\n  // Handle arrays\r\n  if (Array.isArray(vnode)) {\r\n    const fragment = document.createDocumentFragment();\r\n    for (const child of vnode) {\r\n      const node = await createElement(child);\r\n      fragment.appendChild(node);\r\n    }\r\n    return fragment;\r\n  }\r\n\r\n  // Handle VNode\r\n  if ('type' in vnode && vnode.props !== undefined) {\r\n    const { type, props } = vnode;\r\n    \r\n    // Handle function components\r\n    if (typeof type === 'function') {\r\n      try {\r\n        const result = await type(props || {});\r\n        const node = await createElement(result);\r\n        if (node instanceof Element) {\r\n          node.setAttribute('data-component-id', type.name || type.toString());\r\n        }\r\n        return node;\r\n      } catch (error) {\r\n        console.error('Error rendering component:', error);\r\n        return document.createTextNode('');\r\n      }\r\n    }\r\n\r\n    // Create DOM element\r\n    const element = document.createElement(type as string);\r\n    \r\n    // Handle props\r\n    for (const [key, value] of Object.entries(props || {})) {\r\n      if (key === 'children') continue;\r\n      if (key.startsWith('on') && typeof value === 'function') {\r\n        const eventName = key.toLowerCase().slice(2);\r\n        // Remove existing event listener if any\r\n        const existingHandler = (element as any).__events?.[eventName];\r\n        if (existingHandler) {\r\n          element.removeEventListener(eventName, existingHandler);\r\n        }\r\n        \r\n        // Add new event listener\r\n        element.addEventListener(eventName, value as EventListener);\r\n        if (!(element as any).__events) {\r\n          (element as any).__events = {};\r\n        }\r\n        (element as any).__events[eventName] = value;\r\n      } else if (key === 'style' && typeof value === 'object') {\r\n        Object.assign(element.style, value);\r\n      } else if (key === 'className') {\r\n        element.setAttribute('class', String(value));\r\n      } else if (key !== 'key' && key !== 'ref') {\r\n        element.setAttribute(key, String(value));\r\n      }\r\n    }\r\n\r\n    // Handle children\r\n    const children = props?.children;\r\n    if (children != null) {\r\n      const childArray = Array.isArray(children) ? children.flat() : [children];\r\n      for (const child of childArray) {\r\n        const childNode = await createElement(child);\r\n        element.appendChild(childNode);\r\n      }\r\n    }\r\n\r\n    return element;\r\n  }\r\n\r\n  // Handle other objects by converting to string\r\n  return document.createTextNode(String(vnode));\r\n}\r\n","type BatchCallback = () => void;\r\nlet batchQueue: BatchCallback[] = [];\r\nlet isBatchingUpdates = false;\r\n\r\nexport function batchUpdates(callback: BatchCallback) {\r\n  if (isBatchingUpdates) {\r\n    batchQueue.push(callback);\r\n    return;\r\n  }\r\n\r\n  isBatchingUpdates = true;\r\n  try {\r\n    callback();\r\n    while (batchQueue.length > 0) {\r\n      const queuedCallback = batchQueue.shift();\r\n      queuedCallback?.();\r\n    }\r\n  } finally {\r\n    isBatchingUpdates = false;\r\n  }\r\n}\r\n\r\nexport function isBatching() {\r\n  return isBatchingUpdates;\r\n}\r\n","import { createElement } from './jsx-runtime';\r\nimport { batchUpdates, isBatching } from './batch';\r\nimport { diff } from './vdom';\r\n\r\nlet currentRender: number = 0;\r\nconst states = new Map<number, any[]>();\r\nconst stateIndices = new Map<number, number>();\r\nconst effects = new Map<number, Effect[]>();\r\nconst memos = new Map<number, { value: any; deps: any[] }[]>();\r\nconst refs = new Map<number, any[]>();\r\n\r\ninterface Effect {\r\n  cleanup?: () => void;\r\n  deps?: any[];\r\n}\r\n\r\n// Add at the top with other declarations\r\nlet globalRenderCallback: ((element: any, container: HTMLElement) => void) | null = null;\r\nlet globalContainer: HTMLElement | null = null;\r\nlet currentElement: any = null;\r\n\r\nexport function setRenderCallback(\r\n  callback: (element: any, container: HTMLElement) => void,\r\n  element: any,\r\n  container: HTMLElement\r\n) {\r\n  globalRenderCallback = callback;\r\n  globalContainer = container;\r\n  currentElement = element;\r\n}\r\n\r\nexport function prepareRender() {\r\n  currentRender++;\r\n  stateIndices.set(currentRender, 0);\r\n  return currentRender;\r\n}\r\n\r\nexport function finishRender() {\r\n  currentRender = 0;\r\n}\r\n\r\nexport function useState<T>(initial: T): [T, (value: T | ((prev: T) => T)) => void] {\r\n  if (!currentRender) {\r\n    throw new Error('useState must be called within a render');\r\n  }\r\n\r\n  if (!states.has(currentRender)) {\r\n    states.set(currentRender, []);\r\n  }\r\n\r\n  const componentStates = states.get(currentRender)!;\r\n  const index = stateIndices.get(currentRender)!;\r\n  \r\n  if (index >= componentStates.length) {\r\n    componentStates.push(initial);\r\n  }\r\n\r\n  const state = componentStates[index];\r\n  const setState = (newValue: T | ((prev: T) => T)) => {\r\n    const nextValue = typeof newValue === 'function' \r\n      ? (newValue as Function)(componentStates[index])\r\n      : newValue;\r\n\r\n    if (componentStates[index] === nextValue) return; // Skip if value hasn't changed\r\n    \r\n    componentStates[index] = nextValue;\r\n    \r\n    if (isBatching()) {\r\n      batchUpdates(() => rerender(currentRender));\r\n    } else {\r\n      rerender(currentRender);\r\n    }\r\n  };\r\n\r\n  stateIndices.set(currentRender, index + 1);\r\n  return [state, setState];\r\n}\r\n\r\nexport function useEffect(callback: () => (() => void) | void, deps?: any[]) {\r\n  if (!currentRender) throw new Error('useEffect must be called within a render');\r\n  \r\n  const effectIndex = stateIndices.get(currentRender)!;\r\n  \r\n  if (!effects.has(currentRender)) {\r\n    effects.set(currentRender, []);\r\n  }\r\n\r\n  const componentEffects = effects.get(currentRender)!;\r\n  const prevEffect = componentEffects[effectIndex];\r\n  \r\n  // Run effect if deps changed\r\n  if (!prevEffect || !deps || !prevEffect.deps || \r\n      deps.some((dep, i) => dep !== prevEffect.deps![i])) {\r\n    \r\n    // Cleanup previous effect\r\n    if (prevEffect?.cleanup) {\r\n      prevEffect.cleanup();\r\n    }\r\n\r\n    // Schedule new effect\r\n    queueMicrotask(() => {\r\n      const cleanup = callback() || undefined;\r\n      componentEffects[effectIndex] = { cleanup: cleanup, deps };\r\n    });\r\n  }\r\n  \r\n  stateIndices.set(currentRender, effectIndex + 1);\r\n}\r\n\r\nexport function useMemo<T>(factory: () => T, deps: any[]): T {\r\n  if (!currentRender) throw new Error('useMemo must be called within a render');\r\n  \r\n  const memoIndex = stateIndices.get(currentRender)!;\r\n  \r\n  if (!memos.has(currentRender)) {\r\n    memos.set(currentRender, []);\r\n  }\r\n\r\n  const componentMemos = memos.get(currentRender)!;\r\n  const prevMemo = componentMemos[memoIndex];\r\n  \r\n  if (!prevMemo || (deps && deps.some((dep, i) => !Object.is(dep, prevMemo.deps[i])))) {\r\n    const value = factory();\r\n    componentMemos[memoIndex] = { value, deps };\r\n    stateIndices.set(currentRender, memoIndex + 1);\r\n    return value;\r\n  }\r\n\r\n  stateIndices.set(currentRender, memoIndex + 1);\r\n  return prevMemo.value;\r\n}\r\n\r\nexport function useRef<T>(initial: T) {\r\n  if (!currentRender) throw new Error('useRef must be called within a render');\r\n  \r\n  const refIndex = stateIndices.get(currentRender)!;\r\n  \r\n  if (!refs.has(currentRender)) {\r\n    refs.set(currentRender, []);\r\n  }\r\n\r\n  const componentRefs = refs.get(currentRender)!;\r\n  if (refIndex >= componentRefs.length) {\r\n    // Initialize with an object that has a current property\r\n    const ref = { current: initial };\r\n    componentRefs.push(ref);\r\n    stateIndices.set(currentRender, refIndex + 1);\r\n    return ref;\r\n  }\r\n\r\n  const ref = componentRefs[refIndex];\r\n  stateIndices.set(currentRender, refIndex + 1);\r\n  return ref;\r\n}\r\n\r\n// Add a map to track component DOM nodes\r\nconst componentNodes = new Map<Function, Node>();\r\n\r\nasync function rerender(rendererId: number) {\r\n  try {\r\n    // Clean up effects\r\n    const componentEffects = effects.get(rendererId);\r\n    if (componentEffects) {\r\n      componentEffects.forEach(effect => {\r\n        if (effect.cleanup) effect.cleanup();\r\n      });\r\n      effects.set(rendererId, []);\r\n    }\r\n\r\n    if (globalRenderCallback && globalContainer && currentElement) {\r\n      await globalRenderCallback(currentElement, globalContainer);\r\n    }\r\n  } catch (error) {\r\n    console.error('Error during rerender:', error);\r\n  }\r\n}\r\n\r\n// Add new hook for error boundaries\r\nexport function useErrorBoundary(): [Error | null, () => void] {\r\n  const [error, setError] = useState<Error | null>(null);\r\n  return [error, () => setError(null)];\r\n}\r\n\r\n// Remove withHooks export\r\n","import { useMemo } from \"./hooks\";\r\n\r\nconst contexts = new Map<symbol, any>();\r\nlet currentRender: Function | null = null;\r\n\r\nexport interface Context<T> {\r\n  Provider: (props: { value: T; children?: any }) => any;\r\n  Consumer: (props: { children: (value: T) => any }) => any;\r\n  _id: symbol;\r\n  useSelector: <S>(selector: (state: T) => S) => S;\r\n}\r\n\r\nexport function createContext<T>(defaultValue: T): Context<T> {\r\n  const id = Symbol();\r\n  contexts.set(id, defaultValue);\r\n  \r\n  const useSelector = <S>(selector: (state: T) => S): S => {\r\n    const value = contexts.get(id);\r\n    return useMemo(() => selector(value), [value]);\r\n  };\r\n\r\n  return {\r\n    Provider: ({ value, children }) => {\r\n      const prevValue = contexts.get(id);\r\n      if (!Object.is(prevValue, value)) {\r\n        contexts.set(id, value);\r\n      }\r\n      return children;\r\n    },\r\n    Consumer: ({ children }) => {\r\n      const value = contexts.get(id);\r\n      return children(value);\r\n    },\r\n    useSelector,\r\n    _id: id\r\n  };\r\n}\r\n\r\nexport function useContext<T>(context: Context<T>): T {\r\n  return contexts.get(context._id);\r\n}\r\n","import { createElement } from './jsx-runtime';\r\nimport { prepareRender, finishRender, setRenderCallback } from './hooks';\r\nimport { batchUpdates } from './batch';\r\n\r\nexport { \r\n  useState, \r\n  useEffect, \r\n  useMemo, \r\n  useRef,\r\n  useErrorBoundary \r\n} from './hooks';\r\n\r\nexport { createContext, useContext } from './context';\r\nexport { batchUpdates } from './batch';\r\n\r\nlet isHydrating = false;\r\n\r\nexport async function hydrate(element: any, container: HTMLElement) {\r\n  isHydrating = true;\r\n  try {\r\n    await render(element, container);\r\n  } finally {\r\n    isHydrating = false;\r\n  }\r\n}\r\n\r\nexport async function render(element: any, container: HTMLElement) {\r\n  console.log('Rendering to:', container.id);\r\n  \r\n  batchUpdates(async () => {\r\n    const rendererId = prepareRender();\r\n    try {\r\n      setRenderCallback(render, element, container);\r\n      const domNode = await createElement(element);\r\n      \r\n      if (!isHydrating) {\r\n        container.innerHTML = '';\r\n      }\r\n      container.appendChild(domNode);\r\n      \r\n    } finally {\r\n      finishRender();\r\n    }\r\n  });\r\n}\r\n\r\n"],"names":["createElement","vnode","_a","fragment","child","node","type","props","result","error","element","key","value","eventName","existingHandler","children","childArray","childNode","batchQueue","isBatchingUpdates","batchUpdates","callback","queuedCallback","isBatching","currentRender","states","stateIndices","effects","memos","refs","globalRenderCallback","globalContainer","currentElement","setRenderCallback","container","prepareRender","finishRender","useState","initial","componentStates","index","state","setState","newValue","nextValue","rerender","useEffect","deps","effectIndex","componentEffects","prevEffect","dep","i","cleanup","useMemo","factory","memoIndex","componentMemos","prevMemo","useRef","refIndex","componentRefs","ref","rendererId","effect","useErrorBoundary","setError","contexts","createContext","defaultValue","id","prevValue","selector","useContext","context","isHydrating","hydrate","render","domNode"],"mappings":"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"}
+{"version":3,"file":"frontend-hamroun.js","sources":["../src/jsx-runtime.ts","../src/batch.ts","../src/hooks.ts","../src/context.ts","../src/component.ts","../src/index.ts"],"sourcesContent":["import type { Component } from './component';\r\n\r\ninterface VNode {\r\n  type: string | Function;\r\n  props: Record<string, any>;\r\n}\r\n\r\nexport function jsx(type: string | Function, props: any): VNode {\r\n  console.log('JSX Transform:', { type, props });\r\n  const processedProps = { ...props };\r\n  \r\n  // Handle children properly\r\n  if (arguments.length > 2) {\r\n    processedProps.children = Array.prototype.slice.call(arguments, 2);\r\n  }\r\n  \r\n  return { type, props: processedProps };\r\n}\r\n\r\nexport { jsx as jsxs, jsx as jsxDEV };\r\nexport const Fragment = ({ children }: { children: any }) => children;\r\n\r\nexport async function createElement(vnode: VNode | any): Promise<Node> {\r\n  console.log('Creating element from:', vnode);\r\n\r\n  // Handle primitives and null\r\n  if (vnode == null) {\r\n    return document.createTextNode('');\r\n  }\r\n  \r\n  if (typeof vnode === 'boolean') {\r\n    return document.createTextNode('');\r\n  }\r\n\r\n  if (typeof vnode === 'number' || typeof vnode === 'string') {\r\n    return document.createTextNode(String(vnode));\r\n  }\r\n\r\n  // Handle arrays\r\n  if (Array.isArray(vnode)) {\r\n    const fragment = document.createDocumentFragment();\r\n    for (const child of vnode) {\r\n      const node = await createElement(child);\r\n      fragment.appendChild(node);\r\n    }\r\n    return fragment;\r\n  }\r\n\r\n  // Handle VNode\r\n  if ('type' in vnode && vnode.props !== undefined) {\r\n    const { type, props } = vnode;\r\n    \r\n    // Handle function components\r\n    if (typeof type === 'function') {\r\n      try {\r\n        const result = await type(props || {});\r\n        const node = await createElement(result);\r\n        if (node instanceof Element) {\r\n          node.setAttribute('data-component-id', type.name || type.toString());\r\n        }\r\n        return node;\r\n      } catch (error) {\r\n        console.error('Error rendering component:', error);\r\n        return document.createTextNode('');\r\n      }\r\n    }\r\n\r\n    // Create DOM element\r\n    const element = document.createElement(type as string);\r\n    \r\n    // Handle props\r\n    for (const [key, value] of Object.entries(props || {})) {\r\n      if (key === 'children') continue;\r\n      if (key.startsWith('on') && typeof value === 'function') {\r\n        const eventName = key.toLowerCase().slice(2);\r\n        // Remove existing event listener if any\r\n        const existingHandler = (element as any).__events?.[eventName];\r\n        if (existingHandler) {\r\n          element.removeEventListener(eventName, existingHandler);\r\n        }\r\n        \r\n        // Add new event listener\r\n        element.addEventListener(eventName, value as EventListener);\r\n        if (!(element as any).__events) {\r\n          (element as any).__events = {};\r\n        }\r\n        (element as any).__events[eventName] = value;\r\n      } else if (key === 'style' && typeof value === 'object') {\r\n        Object.assign(element.style, value);\r\n      } else if (key === 'className') {\r\n        element.setAttribute('class', String(value));\r\n      } else if (key !== 'key' && key !== 'ref') {\r\n        element.setAttribute(key, String(value));\r\n      }\r\n    }\r\n\r\n    // Handle children\r\n    const children = props?.children;\r\n    if (children != null) {\r\n      const childArray = Array.isArray(children) ? children.flat() : [children];\r\n      for (const child of childArray) {\r\n        const childNode = await createElement(child);\r\n        element.appendChild(childNode);\r\n      }\r\n    }\r\n\r\n    return element;\r\n  }\r\n\r\n  // Handle other objects by converting to string\r\n  return document.createTextNode(String(vnode));\r\n}\r\n","type BatchCallback = () => void;\r\nlet batchQueue: BatchCallback[] = [];\r\nlet isBatchingUpdates = false;\r\n\r\nexport function batchUpdates(callback: BatchCallback) {\r\n  if (isBatchingUpdates) {\r\n    batchQueue.push(callback);\r\n    return;\r\n  }\r\n\r\n  isBatchingUpdates = true;\r\n  try {\r\n    callback();\r\n    while (batchQueue.length > 0) {\r\n      const queuedCallback = batchQueue.shift();\r\n      queuedCallback?.();\r\n    }\r\n  } finally {\r\n    isBatchingUpdates = false;\r\n  }\r\n}\r\n\r\nexport function isBatching() {\r\n  return isBatchingUpdates;\r\n}\r\n","import { createElement } from './jsx-runtime';\r\nimport { batchUpdates, isBatching } from './batch';\r\nimport { diff } from './vdom';\r\n\r\nlet currentRender: number = 0;\r\nconst states = new Map<number, any[]>();\r\nconst stateIndices = new Map<number, number>();\r\nconst effects = new Map<number, Effect[]>();\r\nconst memos = new Map<number, { value: any; deps: any[] }[]>();\r\nconst refs = new Map<number, any[]>();\r\n\r\ninterface Effect {\r\n  cleanup?: () => void;\r\n  deps?: any[];\r\n}\r\n\r\n// Add at the top with other declarations\r\nlet globalRenderCallback: ((element: any, container: HTMLElement) => void) | null = null;\r\nlet globalContainer: HTMLElement | null = null;\r\nlet currentElement: any = null;\r\n\r\nexport function setRenderCallback(\r\n  callback: (element: any, container: HTMLElement) => void,\r\n  element: any,\r\n  container: HTMLElement\r\n) {\r\n  globalRenderCallback = callback;\r\n  globalContainer = container;\r\n  currentElement = element;\r\n}\r\n\r\nexport function prepareRender() {\r\n  currentRender++;\r\n  stateIndices.set(currentRender, 0);\r\n  return currentRender;\r\n}\r\n\r\nexport function finishRender() {\r\n  currentRender = 0;\r\n}\r\n\r\nexport function useState<T>(initial: T): [T, (value: T | ((prev: T) => T)) => void] {\r\n  if (!currentRender) {\r\n    throw new Error('useState must be called within a render');\r\n  }\r\n\r\n  if (!states.has(currentRender)) {\r\n    states.set(currentRender, []);\r\n  }\r\n\r\n  const componentStates = states.get(currentRender)!;\r\n  const index = stateIndices.get(currentRender)!;\r\n  \r\n  if (index >= componentStates.length) {\r\n    componentStates.push(initial);\r\n  }\r\n\r\n  const state = componentStates[index];\r\n  const setState = (newValue: T | ((prev: T) => T)) => {\r\n    const nextValue = typeof newValue === 'function' \r\n      ? (newValue as Function)(componentStates[index])\r\n      : newValue;\r\n\r\n    if (componentStates[index] === nextValue) return; // Skip if value hasn't changed\r\n    \r\n    componentStates[index] = nextValue;\r\n    \r\n    if (isBatching()) {\r\n      batchUpdates(() => rerender(currentRender));\r\n    } else {\r\n      rerender(currentRender);\r\n    }\r\n  };\r\n\r\n  stateIndices.set(currentRender, index + 1);\r\n  return [state, setState];\r\n}\r\n\r\nexport function useEffect(callback: () => (() => void) | void, deps?: any[]) {\r\n  if (!currentRender) throw new Error('useEffect must be called within a render');\r\n  \r\n  const effectIndex = stateIndices.get(currentRender)!;\r\n  \r\n  if (!effects.has(currentRender)) {\r\n    effects.set(currentRender, []);\r\n  }\r\n\r\n  const componentEffects = effects.get(currentRender)!;\r\n  const prevEffect = componentEffects[effectIndex];\r\n  \r\n  // Run effect if deps changed\r\n  if (!prevEffect || !deps || !prevEffect.deps || \r\n      deps.some((dep, i) => dep !== prevEffect.deps![i])) {\r\n    \r\n    // Cleanup previous effect\r\n    if (prevEffect?.cleanup) {\r\n      prevEffect.cleanup();\r\n    }\r\n\r\n    // Schedule new effect\r\n    queueMicrotask(() => {\r\n      const cleanup = callback() || undefined;\r\n      componentEffects[effectIndex] = { cleanup: cleanup, deps };\r\n    });\r\n  }\r\n  \r\n  stateIndices.set(currentRender, effectIndex + 1);\r\n}\r\n\r\nexport function useMemo<T>(factory: () => T, deps: any[]): T {\r\n  if (!currentRender) throw new Error('useMemo must be called within a render');\r\n  \r\n  const memoIndex = stateIndices.get(currentRender)!;\r\n  \r\n  if (!memos.has(currentRender)) {\r\n    memos.set(currentRender, []);\r\n  }\r\n\r\n  const componentMemos = memos.get(currentRender)!;\r\n  const prevMemo = componentMemos[memoIndex];\r\n  \r\n  if (!prevMemo || (deps && deps.some((dep, i) => !Object.is(dep, prevMemo.deps[i])))) {\r\n    const value = factory();\r\n    componentMemos[memoIndex] = { value, deps };\r\n    stateIndices.set(currentRender, memoIndex + 1);\r\n    return value;\r\n  }\r\n\r\n  stateIndices.set(currentRender, memoIndex + 1);\r\n  return prevMemo.value;\r\n}\r\n\r\nexport function useRef<T>(initial: T) {\r\n  if (!currentRender) throw new Error('useRef must be called within a render');\r\n  \r\n  const refIndex = stateIndices.get(currentRender)!;\r\n  \r\n  if (!refs.has(currentRender)) {\r\n    refs.set(currentRender, []);\r\n  }\r\n\r\n  const componentRefs = refs.get(currentRender)!;\r\n  if (refIndex >= componentRefs.length) {\r\n    // Initialize with an object that has a current property\r\n    const ref = { current: initial };\r\n    componentRefs.push(ref);\r\n    stateIndices.set(currentRender, refIndex + 1);\r\n    return ref;\r\n  }\r\n\r\n  const ref = componentRefs[refIndex];\r\n  stateIndices.set(currentRender, refIndex + 1);\r\n  return ref;\r\n}\r\n\r\n// Add a map to track component DOM nodes\r\nconst componentNodes = new Map<Function, Node>();\r\n\r\nasync function rerender(rendererId: number) {\r\n  try {\r\n    // Clean up effects\r\n    const componentEffects = effects.get(rendererId);\r\n    if (componentEffects) {\r\n      componentEffects.forEach(effect => {\r\n        if (effect.cleanup) effect.cleanup();\r\n      });\r\n      effects.set(rendererId, []);\r\n    }\r\n\r\n    if (globalRenderCallback && globalContainer && currentElement) {\r\n      await globalRenderCallback(currentElement, globalContainer);\r\n    }\r\n  } catch (error) {\r\n    console.error('Error during rerender:', error);\r\n  }\r\n}\r\n\r\n// Add new hook for error boundaries\r\nexport function useErrorBoundary(): [Error | null, () => void] {\r\n  const [error, setError] = useState<Error | null>(null);\r\n  return [error, () => setError(null)];\r\n}\r\n\r\n// Remove withHooks export\r\n","import { useMemo } from \"./hooks\";\r\n\r\nconst contexts = new Map<symbol, any>();\r\nlet currentRender: Function | null = null;\r\n\r\nexport interface Context<T> {\r\n  Provider: (props: { value: T; children?: any }) => any;\r\n  Consumer: (props: { children: (value: T) => any }) => any;\r\n  _id: symbol;\r\n  useSelector: <S>(selector: (state: T) => S) => S;\r\n}\r\n\r\nexport function createContext<T>(defaultValue: T): Context<T> {\r\n  const id = Symbol();\r\n  contexts.set(id, defaultValue);\r\n  \r\n  const useSelector = <S>(selector: (state: T) => S): S => {\r\n    const value = contexts.get(id);\r\n    return useMemo(() => selector(value), [value]);\r\n  };\r\n\r\n  return {\r\n    Provider: ({ value, children }) => {\r\n      const prevValue = contexts.get(id);\r\n      if (!Object.is(prevValue, value)) {\r\n        contexts.set(id, value);\r\n      }\r\n      return children;\r\n    },\r\n    Consumer: ({ children }) => {\r\n      const value = contexts.get(id);\r\n      return children(value);\r\n    },\r\n    useSelector,\r\n    _id: id\r\n  };\r\n}\r\n\r\nexport function useContext<T>(context: Context<T>): T {\r\n  return contexts.get(context._id);\r\n}\r\n","import { createElement } from './jsx-runtime';\r\n\r\nexport class Component {\r\n  state: any = {};\r\n  props: any;\r\n  element: HTMLElement | null = null;\r\n  private _mounted: boolean = false;\r\n\r\n  constructor(props: any = {}) {\r\n    this.props = props;\r\n  }\r\n\r\n  componentDidMount() {\r\n    // Hook for after component is mounted\r\n  }\r\n\r\n  async setState(newState: any) {\r\n    const prevState = { ...this.state };\r\n    this.state = { ...prevState, ...newState };\r\n    console.log(`${this.constructor.name} state updated:`, {\r\n      prev: prevState,\r\n      next: this.state\r\n    });\r\n    \r\n    await Promise.resolve(); // Ensure state is updated before re-render\r\n    if (this._mounted) {\r\n      await this.update();\r\n    } else {\r\n      await this.update();\r\n    }\r\n  }\r\n\r\n  private _replayEvents(oldElement: HTMLElement, newElement: HTMLElement) {\r\n    const oldEvents = (oldElement as any).__events || {};\r\n    Object.entries(oldEvents).forEach(([event, handler]) => {\r\n      newElement.addEventListener(event as keyof HTMLElementEventMap, handler as EventListener);\r\n    });\r\n    (newElement as any).__events = oldEvents;\r\n  }\r\n\r\n  private _deepCloneWithEvents(node: HTMLElement): HTMLElement {\r\n    const clone = node.cloneNode(false) as HTMLElement;\r\n    \r\n    // Copy events from original element\r\n    const events = (node as any).__events || {};\r\n    (clone as any).__events = events;\r\n    Object.entries(events).forEach(([event, handler]) => {\r\n      clone.addEventListener(event as keyof HTMLElementEventMap, handler as EventListener);\r\n    });\r\n\r\n    // Clone children\r\n    Array.from(node.childNodes).forEach(child => {\r\n      if (child instanceof HTMLElement) {\r\n        clone.appendChild(this._deepCloneWithEvents(child));\r\n      } else {\r\n        clone.appendChild(child.cloneNode(true));\r\n      }\r\n    });\r\n\r\n    return clone;\r\n  }\r\n\r\n  async update() {\r\n    const vdom = this.render();\r\n    if (!vdom) return document.createTextNode('');\r\n    \r\n    const rendered = await createElement(vdom);\r\n    if (rendered instanceof HTMLElement) {\r\n      return this._updateElement(rendered);\r\n    }\r\n    \r\n    const wrapper = document.createElement('div');\r\n    wrapper.appendChild(rendered);\r\n    return this._updateElement(wrapper);\r\n  }\r\n\r\n  private async _updateElement(rendered: HTMLElement) {\r\n    const newElement = this._deepCloneWithEvents(rendered);\r\n    (newElement as any).__instance = this;\r\n    \r\n    if (!this.element) {\r\n      this.element = newElement;\r\n      if (!this._mounted) {\r\n        this._mounted = true;\r\n        queueMicrotask(() => this.componentDidMount());\r\n      }\r\n    } else if (this.element.parentNode) {\r\n      this.element.parentNode.replaceChild(newElement, this.element);\r\n      this.element = newElement;\r\n    }\r\n    \r\n    return this.element;\r\n  }\r\n\r\n  render(): any {\r\n    throw new Error('Component must implement render() method');\r\n  }\r\n}\r\n","import { createElement } from './jsx-runtime';\r\nimport { prepareRender, finishRender, setRenderCallback } from './hooks';\r\nimport { batchUpdates } from './batch';\r\n\r\nexport { \r\n  useState, \r\n  useEffect, \r\n  useMemo, \r\n  useRef,\r\n  useErrorBoundary \r\n} from './hooks';\r\n\r\nexport { createContext, useContext } from './context';\r\nexport { batchUpdates } from './batch';\r\n\r\nexport * from './component';\r\nexport * from './context';\r\nexport * from './batch';\r\nexport * from './jsx-runtime';\r\n// Export any other modules you want to make public\r\n\r\nlet isHydrating = false;\r\n\r\nexport async function hydrate(element: any, container: HTMLElement) {\r\n  isHydrating = true;\r\n  try {\r\n    await render(element, container);\r\n  } finally {\r\n    isHydrating = false;\r\n  }\r\n}\r\n\r\nexport async function render(element: any, container: HTMLElement) {\r\n  console.log('Rendering to:', container.id);\r\n  \r\n  batchUpdates(async () => {\r\n    const rendererId = prepareRender();\r\n    try {\r\n      setRenderCallback(render, element, container);\r\n      const domNode = await createElement(element);\r\n      \r\n      if (!isHydrating) {\r\n        container.innerHTML = '';\r\n      }\r\n      container.appendChild(domNode);\r\n      \r\n    } finally {\r\n      finishRender();\r\n    }\r\n  });\r\n}\r\n\r\n"],"names":["jsx","type","props","processedProps","Fragment","children","createElement","vnode","_a","fragment","child","node","result","error","element","key","value","eventName","existingHandler","childArray","childNode","batchQueue","isBatchingUpdates","batchUpdates","callback","queuedCallback","isBatching","currentRender","states","stateIndices","effects","memos","refs","globalRenderCallback","globalContainer","currentElement","setRenderCallback","container","prepareRender","finishRender","useState","initial","componentStates","index","state","setState","newValue","nextValue","rerender","useEffect","deps","effectIndex","componentEffects","prevEffect","dep","i","cleanup","useMemo","factory","memoIndex","componentMemos","prevMemo","useRef","refIndex","componentRefs","ref","rendererId","effect","useErrorBoundary","setError","contexts","createContext","defaultValue","id","prevValue","selector","useContext","context","Component","newState","prevState","oldElement","newElement","oldEvents","event","handler","clone","events","vdom","rendered","wrapper","isHydrating","hydrate","render","domNode"],"mappings":"AAOgB,SAAAA,EAAIC,GAAyBC,GAAmB;AAC9D,UAAQ,IAAI,kBAAkB,EAAE,MAAAD,GAAM,OAAAC,GAAO;AACvC,QAAAC,IAAiB,EAAE,GAAGD,EAAM;AAG9B,SAAA,UAAU,SAAS,MACrBC,EAAe,WAAW,MAAM,UAAU,MAAM,KAAK,WAAW,CAAC,IAG5D,EAAE,MAAAF,GAAM,OAAOE,EAAe;AACvC;AAGO,MAAMC,IAAW,CAAC,EAAE,UAAAC,QAAkCA;AAE7D,eAAsBC,EAAcC,GAAmC;AAfvD,MAAAC;AAuBV,MAPI,QAAA,IAAI,0BAA0BD,CAAK,GAGvCA,KAAS,QAIT,OAAOA,KAAU;AACZ,WAAA,SAAS,eAAe,EAAE;AAGnC,MAAI,OAAOA,KAAU,YAAY,OAAOA,KAAU;AAChD,WAAO,SAAS,eAAe,OAAOA,CAAK,CAAC;AAI1C,MAAA,MAAM,QAAQA,CAAK,GAAG;AAClB,UAAAE,IAAW,SAAS,uBAAuB;AACjD,eAAWC,KAASH,GAAO;AACnB,YAAAI,IAAO,MAAML,EAAcI,CAAK;AACtC,MAAAD,EAAS,YAAYE,CAAI;AAAA,IAAA;AAEpB,WAAAF;AAAA,EAAA;AAIT,MAAI,UAAUF,KAASA,EAAM,UAAU,QAAW;AAC1C,UAAA,EAAE,MAAAN,GAAM,OAAAC,EAAA,IAAUK;AAGpB,QAAA,OAAON,KAAS;AACd,UAAA;AACF,cAAMW,IAAS,MAAMX,EAAKC,KAAS,CAAA,CAAE,GAC/BS,IAAO,MAAML,EAAcM,CAAM;AACvC,eAAID,aAAgB,WAClBA,EAAK,aAAa,qBAAqBV,EAAK,QAAQA,EAAK,UAAU,GAE9DU;AAAA,eACAE,GAAO;AACN,uBAAA,MAAM,8BAA8BA,CAAK,GAC1C,SAAS,eAAe,EAAE;AAAA,MAAA;AAK/B,UAAAC,IAAU,SAAS,cAAcb,CAAc;AAG1C,eAAA,CAACc,GAAKC,CAAK,KAAK,OAAO,QAAQd,KAAS,CAAA,CAAE;AACnD,UAAIa,MAAQ;AACZ,YAAIA,EAAI,WAAW,IAAI,KAAK,OAAOC,KAAU,YAAY;AACvD,gBAAMC,IAAYF,EAAI,YAAY,EAAE,MAAM,CAAC,GAErCG,KAAmBV,IAAAM,EAAgB,aAAhB,gBAAAN,EAA2BS;AACpD,UAAIC,KACMJ,EAAA,oBAAoBG,GAAWC,CAAe,GAIhDJ,EAAA,iBAAiBG,GAAWD,CAAsB,GACpDF,EAAgB,aACnBA,EAAgB,WAAW,CAAC,IAE9BA,EAAgB,SAASG,CAAS,IAAID;AAAA,QAC9B,MAAA,CAAAD,MAAQ,WAAW,OAAOC,KAAU,WACtC,OAAA,OAAOF,EAAQ,OAAOE,CAAK,IACzBD,MAAQ,cACjBD,EAAQ,aAAa,SAAS,OAAOE,CAAK,CAAC,IAClCD,MAAQ,SAASA,MAAQ,SAClCD,EAAQ,aAAaC,GAAK,OAAOC,CAAK,CAAC;AAK3C,UAAMX,IAAWH,KAAA,gBAAAA,EAAO;AACxB,QAAIG,KAAY,MAAM;AACd,YAAAc,IAAa,MAAM,QAAQd,CAAQ,IAAIA,EAAS,SAAS,CAACA,CAAQ;AACxE,iBAAWK,KAASS,GAAY;AACxB,cAAAC,IAAY,MAAMd,EAAcI,CAAK;AAC3C,QAAAI,EAAQ,YAAYM,CAAS;AAAA,MAAA;AAAA,IAC/B;AAGK,WAAAN;AAAA,EAAA;AAIT,SAAO,SAAS,eAAe,OAAOP,CAAK,CAAC;AAC9C;AC9GA,IAAIc,IAA8B,CAAC,GAC/BC,IAAoB;AAEjB,SAASC,EAAaC,GAAyB;AACpD,MAAIF,GAAmB;AACrB,IAAAD,EAAW,KAAKG,CAAQ;AACxB;AAAA,EAAA;AAGkB,EAAAF,IAAA;AAChB,MAAA;AAEK,SADEE,EAAA,GACFH,EAAW,SAAS,KAAG;AACtB,YAAAI,IAAiBJ,EAAW,MAAM;AACvB,MAAAI,KAAA,QAAAA;AAAA,IAAA;AAAA,EACnB,UACA;AACoB,IAAAH,IAAA;AAAA,EAAA;AAExB;AAEO,SAASI,IAAa;AACpB,SAAAJ;AACT;ACpBA,IAAIK,IAAwB;AAC5B,MAAMC,wBAAa,IAAmB,GAChCC,wBAAmB,IAAoB,GACvCC,wBAAc,IAAsB,GACpCC,wBAAY,IAA2C,GACvDC,wBAAW,IAAmB;AAQpC,IAAIC,IAAgF,MAChFC,IAAsC,MACtCC,IAAsB;AAEV,SAAAC,EACdZ,GACAV,GACAuB,GACA;AACuB,EAAAJ,IAAAT,GACLU,IAAAG,GACDF,IAAArB;AACnB;AAEO,SAASwB,IAAgB;AAC9B,SAAAX,KACaE,EAAA,IAAIF,GAAe,CAAC,GAC1BA;AACT;AAEO,SAASY,IAAe;AACb,EAAAZ,IAAA;AAClB;AAEO,SAASa,EAAYC,GAAwD;AAClF,MAAI,CAACd;AACG,UAAA,IAAI,MAAM,yCAAyC;AAG3D,EAAKC,EAAO,IAAID,CAAa,KACpBC,EAAA,IAAID,GAAe,EAAE;AAGxB,QAAAe,IAAkBd,EAAO,IAAID,CAAa,GAC1CgB,IAAQd,EAAa,IAAIF,CAAa;AAExC,EAAAgB,KAASD,EAAgB,UAC3BA,EAAgB,KAAKD,CAAO;AAGxB,QAAAG,IAAQF,EAAgBC,CAAK,GAC7BE,IAAW,CAACC,MAAmC;AAC7C,UAAAC,IAAY,OAAOD,KAAa,aACjCA,EAAsBJ,EAAgBC,CAAK,CAAC,IAC7CG;AAEA,IAAAJ,EAAgBC,CAAK,MAAMI,MAE/BL,EAAgBC,CAAK,IAAII,GAErBrB,MACWH,EAAA,MAAMyB,EAASrB,CAAa,CAAC,IAE1CqB,EAASrB,CAAa;AAAA,EAE1B;AAEa,SAAAE,EAAA,IAAIF,GAAegB,IAAQ,CAAC,GAClC,CAACC,GAAOC,CAAQ;AACzB;AAEgB,SAAAI,EAAUzB,GAAqC0B,GAAc;AAC3E,MAAI,CAACvB,EAAqB,OAAA,IAAI,MAAM,0CAA0C;AAExE,QAAAwB,IAActB,EAAa,IAAIF,CAAa;AAElD,EAAKG,EAAQ,IAAIH,CAAa,KACpBG,EAAA,IAAIH,GAAe,EAAE;AAGzB,QAAAyB,IAAmBtB,EAAQ,IAAIH,CAAa,GAC5C0B,IAAaD,EAAiBD,CAAW;AAG/C,GAAI,CAACE,KAAc,CAACH,KAAQ,CAACG,EAAW,QACpCH,EAAK,KAAK,CAACI,GAAKC,MAAMD,MAAQD,EAAW,KAAME,CAAC,CAAC,OAG/CF,KAAA,QAAAA,EAAY,WACdA,EAAW,QAAQ,GAIrB,eAAe,MAAM;AACb,UAAAG,IAAUhC,OAAc;AAC9B,IAAA4B,EAAiBD,CAAW,IAAI,EAAE,SAAAK,GAAkB,MAAAN,EAAK;AAAA,EAAA,CAC1D,IAGUrB,EAAA,IAAIF,GAAewB,IAAc,CAAC;AACjD;AAEgB,SAAAM,EAAWC,GAAkBR,GAAgB;AAC3D,MAAI,CAACvB,EAAqB,OAAA,IAAI,MAAM,wCAAwC;AAEtE,QAAAgC,IAAY9B,EAAa,IAAIF,CAAa;AAEhD,EAAKI,EAAM,IAAIJ,CAAa,KACpBI,EAAA,IAAIJ,GAAe,EAAE;AAGvB,QAAAiC,IAAiB7B,EAAM,IAAIJ,CAAa,GACxCkC,IAAWD,EAAeD,CAAS;AAEzC,MAAI,CAACE,KAAaX,KAAQA,EAAK,KAAK,CAACI,GAAKC,MAAM,CAAC,OAAO,GAAGD,GAAKO,EAAS,KAAKN,CAAC,CAAC,CAAC,GAAI;AACnF,UAAMvC,IAAQ0C,EAAQ;AACtB,WAAAE,EAAeD,CAAS,IAAI,EAAE,OAAA3C,GAAO,MAAAkC,EAAK,GAC7BrB,EAAA,IAAIF,GAAegC,IAAY,CAAC,GACtC3C;AAAA,EAAA;AAGI,SAAAa,EAAA,IAAIF,GAAegC,IAAY,CAAC,GACtCE,EAAS;AAClB;AAEO,SAASC,EAAUrB,GAAY;AACpC,MAAI,CAACd,EAAqB,OAAA,IAAI,MAAM,uCAAuC;AAErE,QAAAoC,IAAWlC,EAAa,IAAIF,CAAa;AAE/C,EAAKK,EAAK,IAAIL,CAAa,KACpBK,EAAA,IAAIL,GAAe,EAAE;AAGtB,QAAAqC,IAAgBhC,EAAK,IAAIL,CAAa;AACxC,MAAAoC,KAAYC,EAAc,QAAQ;AAE9BC,UAAAA,IAAM,EAAE,SAASxB,EAAQ;AAC/B,WAAAuB,EAAc,KAAKC,CAAG,GACTpC,EAAA,IAAIF,GAAeoC,IAAW,CAAC,GACrCE;AAAAA,EAAA;AAGH,QAAAA,IAAMD,EAAcD,CAAQ;AACrB,SAAAlC,EAAA,IAAIF,GAAeoC,IAAW,CAAC,GACrCE;AACT;AAKA,eAAejB,EAASkB,GAAoB;AACtC,MAAA;AAEI,UAAAd,IAAmBtB,EAAQ,IAAIoC,CAAU;AAC/C,IAAId,MACFA,EAAiB,QAAQ,CAAUe,MAAA;AAC7B,MAAAA,EAAO,WAASA,EAAO,QAAQ;AAAA,IAAA,CACpC,GACOrC,EAAA,IAAIoC,GAAY,EAAE,IAGxBjC,KAAwBC,KAAmBC,KACvC,MAAAF,EAAqBE,GAAgBD,CAAe;AAAA,WAErDrB,GAAO;AACN,YAAA,MAAM,0BAA0BA,CAAK;AAAA,EAAA;AAEjD;AAGO,SAASuD,IAA+C;AAC7D,QAAM,CAACvD,GAAOwD,CAAQ,IAAI7B,EAAuB,IAAI;AACrD,SAAO,CAAC3B,GAAO,MAAMwD,EAAS,IAAI,CAAC;AACrC;ACnLA,MAAMC,wBAAe,IAAiB;AAU/B,SAASC,EAAiBC,GAA6B;AAC5D,QAAMC,IAAK,OAAO;AACT,SAAAH,EAAA,IAAIG,GAAID,CAAY,GAOtB;AAAA,IACL,UAAU,CAAC,EAAE,OAAAxD,GAAO,UAAAX,QAAe;AAC3B,YAAAqE,IAAYJ,EAAS,IAAIG,CAAE;AACjC,aAAK,OAAO,GAAGC,GAAW1D,CAAK,KACpBsD,EAAA,IAAIG,GAAIzD,CAAK,GAEjBX;AAAA,IACT;AAAA,IACA,UAAU,CAAC,EAAE,UAAAA,QAAe;AACpB,YAAAW,IAAQsD,EAAS,IAAIG,CAAE;AAC7B,aAAOpE,EAASW,CAAK;AAAA,IACvB;AAAA,IACA,aAjBkB,CAAI2D,MAAiC;AACjD,YAAA3D,IAAQsD,EAAS,IAAIG,CAAE;AAC7B,aAAOhB,EAAQ,MAAMkB,EAAS3D,CAAK,GAAG,CAACA,CAAK,CAAC;AAAA,IAC/C;AAAA,IAeE,KAAKyD;AAAA,EACP;AACF;AAEO,SAASG,EAAcC,GAAwB;AAC7C,SAAAP,EAAS,IAAIO,EAAQ,GAAG;AACjC;ACtCO,MAAMC,EAAU;AAAA,EAMrB,YAAY5E,IAAa,IAAI;AAL7B,SAAA,QAAa,CAAC,GAEgB,KAAA,UAAA,MAC9B,KAAQ,WAAoB,IAG1B,KAAK,QAAQA;AAAA,EAAA;AAAA,EAGf,oBAAoB;AAAA,EAAA;AAAA,EAIpB,MAAM,SAAS6E,GAAe;AAC5B,UAAMC,IAAY,EAAE,GAAG,KAAK,MAAM;AAClC,SAAK,QAAQ,EAAE,GAAGA,GAAW,GAAGD,EAAS,GACzC,QAAQ,IAAI,GAAG,KAAK,YAAY,IAAI,mBAAmB;AAAA,MACrD,MAAMC;AAAA,MACN,MAAM,KAAK;AAAA,IAAA,CACZ,GAED,MAAM,QAAQ,QAAQ,GAClB,KAAK,WACP,MAAM,KAAK,OAAO,IAElB,MAAM,KAAK,OAAO;AAAA,EACpB;AAAA,EAGM,cAAcC,GAAyBC,GAAyB;AAChE,UAAAC,IAAaF,EAAmB,YAAY,CAAC;AAC5C,WAAA,QAAQE,CAAS,EAAE,QAAQ,CAAC,CAACC,GAAOC,CAAO,MAAM;AAC3C,MAAAH,EAAA,iBAAiBE,GAAoCC,CAAwB;AAAA,IAAA,CACzF,GACAH,EAAmB,WAAWC;AAAA,EAAA;AAAA,EAGzB,qBAAqBxE,GAAgC;AACrD,UAAA2E,IAAQ3E,EAAK,UAAU,EAAK,GAG5B4E,IAAU5E,EAAa,YAAY,CAAC;AACzC,WAAA2E,EAAc,WAAWC,GACnB,OAAA,QAAQA,CAAM,EAAE,QAAQ,CAAC,CAACH,GAAOC,CAAO,MAAM;AAC7C,MAAAC,EAAA,iBAAiBF,GAAoCC,CAAwB;AAAA,IAAA,CACpF,GAGD,MAAM,KAAK1E,EAAK,UAAU,EAAE,QAAQ,CAASD,MAAA;AAC3C,MAAIA,aAAiB,cACnB4E,EAAM,YAAY,KAAK,qBAAqB5E,CAAK,CAAC,IAElD4E,EAAM,YAAY5E,EAAM,UAAU,EAAI,CAAC;AAAA,IACzC,CACD,GAEM4E;AAAA,EAAA;AAAA,EAGT,MAAM,SAAS;AACP,UAAAE,IAAO,KAAK,OAAO;AACzB,QAAI,CAACA,EAAa,QAAA,SAAS,eAAe,EAAE;AAEtC,UAAAC,IAAW,MAAMnF,EAAckF,CAAI;AACzC,QAAIC,aAAoB;AACf,aAAA,KAAK,eAAeA,CAAQ;AAG/B,UAAAC,IAAU,SAAS,cAAc,KAAK;AAC5C,WAAAA,EAAQ,YAAYD,CAAQ,GACrB,KAAK,eAAeC,CAAO;AAAA,EAAA;AAAA,EAGpC,MAAc,eAAeD,GAAuB;AAC5C,UAAAP,IAAa,KAAK,qBAAqBO,CAAQ;AACpD,WAAAP,EAAmB,aAAa,MAE5B,KAAK,UAMC,KAAK,QAAQ,eACtB,KAAK,QAAQ,WAAW,aAAaA,GAAY,KAAK,OAAO,GAC7D,KAAK,UAAUA,MAPf,KAAK,UAAUA,GACV,KAAK,aACR,KAAK,WAAW,IACD,eAAA,MAAM,KAAK,mBAAmB,KAO1C,KAAK;AAAA,EAAA;AAAA,EAGd,SAAc;AACN,UAAA,IAAI,MAAM,0CAA0C;AAAA,EAAA;AAE9D;AC5EA,IAAIS,IAAc;AAEI,eAAAC,EAAQ9E,GAAcuB,GAAwB;AACpD,EAAAsD,IAAA;AACV,MAAA;AACI,UAAAE,EAAO/E,GAASuB,CAAS;AAAA,EAAA,UAC/B;AACc,IAAAsD,IAAA;AAAA,EAAA;AAElB;AAEsB,eAAAE,EAAO/E,GAAcuB,GAAwB;AACzD,UAAA,IAAI,iBAAiBA,EAAU,EAAE,GAEzCd,EAAa,YAAY;AACvB,UAAM2C,IAAa5B,EAAc;AAC7B,QAAA;AACgB,MAAAF,EAAAyD,GAAQ/E,GAASuB,CAAS;AACtC,YAAAyD,IAAU,MAAMxF,EAAcQ,CAAO;AAE3C,MAAK6E,MACHtD,EAAU,YAAY,KAExBA,EAAU,YAAYyD,CAAO;AAAA,IAAA,UAE7B;AACa,MAAAvD,EAAA;AAAA,IAAA;AAAA,EACf,CACD;AACH;"}

package/dist/index.d.ts

@@ -1,5 +1,9 @@
 export { useState, useEffect, useMemo, useRef, useErrorBoundary } from './hooks';
 export { createContext, useContext } from './context';
 export { batchUpdates } from './batch';
+export * from './component';
+export * from './context';
+export * from './batch';
+export * from './jsx-runtime';
 export declare function hydrate(element: any, container: HTMLElement): Promise<void>;
 export declare function render(element: any, container: HTMLElement): Promise<void>;

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "frontend-hamroun",
-  "version": "1.1.3",
+  "version": "1.1.5",
   "description": "A lightweight frontend framework with hooks and virtual DOM",
   "type": "module",
-  "main": "./dist/index.cjs.js",
-  "module": "./dist/index.es.js",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
     "dist",
@@ -15,19 +15,24 @@
   ],
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.es.js",
-      "require": "./dist/index.cjs.js"
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
     },
-    "./package.json": "./package.json"
+    "./jsx-runtime": {
+      "import": "./dist/jsx-runtime.js",
+      "require": "./dist/jsx-runtime.cjs",
+      "types": "./dist/jsx-runtime.d.ts"
+    }
   },
   "bin": {
     "frontend-hamroun": "./bin/cli.js",
     "create-frontend-app": "./bin/cli.js"
   },
   "scripts": {
+    "dev": "vite",
     "build": "vite build && tsc --emitDeclarationOnly",
-    "clean": "node -e \"if(require('fs').existsSync('dist')) require('fs').rmSync('dist',{recursive:true})\"",
+    "clean": "rimraf dist",
     "prepublishOnly": "npm run clean && npm run build"
   },
   "keywords": [
@@ -45,12 +50,13 @@
   },
   "devDependencies": {
     "@types/react": "^19.0.8",
-    "@vitejs/plugin-react": "^4.0.4",
+    "@vitejs/plugin-react": "^4.2.1",
     "nanospinner": "^1.1.0",
+    "rimraf": "^5.0.10",
     "terser": "^5.38.1",
     "typescript": "^5.0.0",
-    "vite": "^4.4.9",
-    "vite-plugin-dts": "^4.5.0",
+    "vite": "^5.0.12",
+    "vite-plugin-dts": "^3.7.2",
     "vitest": "^0.34.0"
   },
   "publishConfig": {

package/templates/spa/package.json

@@ -9,7 +9,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "frontend-hamroun": "^1.1.3"
+    "frontend-hamroun": "latest"
   },
   "devDependencies": {
     "vite": "^4.4.9",