frontend-hamroun 1.1.8 → 1.1.9

package/dist/component.d.ts

@@ -8,7 +8,7 @@ export declare class Component {
     setState(newState: any): Promise<void>;
     private _replayEvents;
     private _deepCloneWithEvents;
-    update(): Promise<Text | HTMLElement>;
+    update(): Promise<HTMLElement | Text>;
     private _updateElement;
     render(): any;
 }

package/dist/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});async function m(t){if(console.log("Creating element from:",t),t==null)return document.createTextNode("");if(typeof t=="string"||typeof t=="number")return document.createTextNode(String(t));if(typeof t.type=="function"){const c=t.type(t.props||{});return m(c)}const e=document.createElement(t.type),r=t.props||{};if(r.children){const c=Array.isArray(r.children)?r.children:[r.children];for(const n of c){const o=await m(n);e.appendChild(o)}}return Object.entries(r).forEach(([c,n])=>{if(c!=="children")if(c.startsWith("on")&&typeof n=="function"){const o=c.toLowerCase().substring(2);e.addEventListener(o,n)}else c==="style"&&typeof n=="object"?Object.assign(e.style,n):typeof n!="object"&&typeof n!="function"&&e.setAttribute(c,String(n))}),e}let h=[],a=!1;function w(t){if(a){h.push(t);return}a=!0;try{for(t();h.length>0;){const e=h.shift();e==null||e()}}finally{a=!1}}function A(){return a}let s=0;const d=new Map,i=new Map,l=new Map,p=new Map,y=new Map;let g=null,b=null,E=null;function U(t,e,r){g=t,b=r,E=e}function B(){return s++,i.set(s,0),s}function I(){s=0}function S(t){if(!s)throw new Error("useState must be called within a render");d.has(s)||d.set(s,[]);const e=d.get(s),r=i.get(s);r>=e.length&&e.push(t);const c=e[r],n=o=>{const u=typeof o=="function"?o(e[r]):o;e[r]!==u&&(e[r]=u,A()?w(()=>M(s)):M(s))};return i.set(s,r+1),[c,n]}function T(t,e){if(!s)throw new Error("useEffect must be called within a render");const r=i.get(s);l.has(s)||l.set(s,[]);const c=l.get(s),n=c[r];(!n||!e||!n.deps||e.some((o,u)=>o!==n.deps[u]))&&(n!=null&&n.cleanup&&n.cleanup(),queueMicrotask(()=>{const o=t()||void 0;c[r]={cleanup:o,deps:e}})),i.set(s,r+1)}function R(t,e){if(!s)throw new Error("useMemo must be called within a render");const r=i.get(s);p.has(s)||p.set(s,[]);const c=p.get(s),n=c[r];if(!n||e&&e.some((o,u)=>!Object.is(o,n.deps[u]))){const o=t();return c[r]={value:o,deps:e},i.set(s,r+1),o}return i.set(s,r+1),n.value}function F(t){if(!s)throw new Error("useRef must be called within a render");const e=i.get(s);y.has(s)||y.set(s,[]);const r=y.get(s);if(e>=r.length){const n={current:t};return r.push(n),i.set(s,e+1),n}const c=r[e];return i.set(s,e+1),c}async function M(t){try{const e=l.get(t);e&&(e.forEach(r=>{r.cleanup&&r.cleanup()}),l.set(t,[])),g&&b&&E&&await g(E,b)}catch(e){console.error("Error during rerender:",e)}}function L(){const[t,e]=S(null);return[t,()=>e(null)]}const f=new Map;function D(t){const e=Symbol();return f.set(e,t),{Provider:({value:c,children:n})=>{const o=f.get(e);return Object.is(o,c)||f.set(e,c),n},Consumer:({children:c})=>{const n=f.get(e);return c(n)},useSelector:c=>{const n=f.get(e);return R(()=>c(n),[n])},_id:e}}function H(t){return f.get(t._id)}function O(t,e){const r=Object.keys(t).filter(n=>n!=="children"),c=Object.keys(e).filter(n=>n!=="children");return r.length!==c.length?!1:r.every(n=>t[n]===e[n])}function K(t,e){return t==null||e==null?t!==e:typeof t!=typeof e?!0:typeof e=="string"||typeof e=="number"?t!==e:e.type!==t.type?!0:!O(t.props,e.props)}function V(t,e){return!O(t,e)}let x=!1;async function _(t,e){x=!0;try{await j(t,e)}finally{x=!1}}async function j(t,e){if(!e)throw new Error("Container element is null");console.log("Rendering to:",e.id),w(async()=>{const r=B();try{U(j,t,e);const c=await m(t);x||(e.innerHTML=""),e.appendChild(c)}finally{I()}})}const C=(t,e,r)=>({type:t,props:{...e,children:e!=null&&e.children?Array.isArray(e.children)?e.children:[e.children]:[]},key:r}),q=C,P=C,Q=Symbol("Fragment");exports.Fragment=Q;exports.batchUpdates=w;exports.createContext=D;exports.diff=K;exports.hydrate=_;exports.jsx=C;exports.jsxDEV=P;exports.jsxs=q;exports.render=j;exports.shouldComponentUpdate=V;exports.useContext=H;exports.useEffect=T;exports.useErrorBoundary=L;exports.useMemo=R;exports.useRef=F;exports.useState=S;
+//# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../src/jsx-runtime.ts","../src/batch.ts","../src/hooks.ts","../src/context.ts","../src/vdom.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: any): Promise<HTMLElement | Text> {\r\n  console.log('Creating element from:', vnode);\r\n\r\n  // Handle null or undefined\r\n  if (vnode == null) {\r\n    return document.createTextNode('');\r\n  }\r\n\r\n  // Handle primitive types (string, number)\r\n  if (typeof vnode === 'string' || typeof vnode === 'number') {\r\n    return document.createTextNode(String(vnode));\r\n  }\r\n\r\n  // Handle functional components\r\n  if (typeof vnode.type === 'function') {\r\n    const result = vnode.type(vnode.props || {});\r\n    return createElement(result);\r\n  }\r\n\r\n  // Handle regular DOM elements\r\n  const element = document.createElement(vnode.type);\r\n  const props = vnode.props || {};\r\n\r\n  // Handle children\r\n  if (props.children) {\r\n    const children = Array.isArray(props.children) ? props.children : [props.children];\r\n    for (const child of children) {\r\n      const childElement = await createElement(child);\r\n      element.appendChild(childElement);\r\n    }\r\n  }\r\n\r\n  // Handle other props\r\n  Object.entries(props).forEach(([key, value]) => {\r\n    if (key === 'children') return;\r\n    \r\n    if (key.startsWith('on') && typeof value === 'function') {\r\n      // Handle event listeners\r\n      const eventName = key.toLowerCase().substring(2);\r\n      element.addEventListener(eventName, value as EventListener);\r\n    } else if (key === 'style' && typeof value === 'object') {\r\n      // Handle style object\r\n      Object.assign(element.style, value);\r\n    } else if (typeof value !== 'object' && typeof value !== 'function') {\r\n      // Handle regular attributes\r\n      element.setAttribute(key, String(value));\r\n    }\r\n  });\r\n\r\n  return element;\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","interface VNode {\r\n  type: string | Function;\r\n  props: Record<string, any>;\r\n  key?: string | number;\r\n}\r\n\r\nfunction arePropsEqual(oldProps: any, newProps: any): boolean {\r\n  const oldKeys = Object.keys(oldProps).filter(k => k !== 'children');\r\n  const newKeys = Object.keys(newProps).filter(k => k !== 'children');\r\n  \r\n  if (oldKeys.length !== newKeys.length) return false;\r\n  return oldKeys.every(key => oldProps[key] === newProps[key]);\r\n}\r\n\r\nexport function diff(oldNode: VNode | any, newNode: VNode | any): boolean {\r\n  if (oldNode == null || newNode == null) return oldNode !== newNode;\r\n  if (typeof oldNode !== typeof newNode) return true;\r\n  if (typeof newNode === 'string' || typeof newNode === 'number')\r\n    return oldNode !== newNode;\r\n  if (newNode.type !== oldNode.type) return true;\r\n  return !arePropsEqual(oldNode.props, newNode.props);\r\n}\r\n\r\nexport function shouldComponentUpdate(oldProps: any, newProps: any): boolean {\r\n  return !arePropsEqual(oldProps, newProps);\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 | null) {\r\n  if (!container) {\r\n    throw new Error('Container element is null');\r\n  }\r\n\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\nexport { diff, shouldComponentUpdate } from './vdom';\r\n\r\n// Add JSX runtime\r\nexport const jsx = (type: any, props: any, key?: any) => ({\r\n  type,\r\n  props: {\r\n    ...props,\r\n    children: props?.children ? \r\n      Array.isArray(props.children) ? props.children : [props.children]\r\n      : []\r\n  },\r\n  key\r\n});\r\n\r\nexport const jsxs = jsx;\r\nexport const jsxDEV = jsx; // Add development runtime\r\nexport const Fragment = Symbol('Fragment');\r\n\r\n"],"names":["createElement","vnode","result","element","props","children","child","childElement","key","value","eventName","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","error","useErrorBoundary","setError","contexts","createContext","defaultValue","id","prevValue","selector","useContext","context","arePropsEqual","oldProps","newProps","oldKeys","k","newKeys","diff","oldNode","newNode","shouldComponentUpdate","isHydrating","hydrate","render","domNode","jsx","type","jsxs","jsxDEV","Fragment"],"mappings":"gFAsBA,eAAsBA,EAAcC,EAAyC,CAI3E,GAHQ,QAAA,IAAI,yBAA0BA,CAAK,EAGvCA,GAAS,KACJ,OAAA,SAAS,eAAe,EAAE,EAInC,GAAI,OAAOA,GAAU,UAAY,OAAOA,GAAU,SAChD,OAAO,SAAS,eAAe,OAAOA,CAAK,CAAC,EAI1C,GAAA,OAAOA,EAAM,MAAS,WAAY,CACpC,MAAMC,EAASD,EAAM,KAAKA,EAAM,OAAS,CAAA,CAAE,EAC3C,OAAOD,EAAcE,CAAM,CAC7B,CAGA,MAAMC,EAAU,SAAS,cAAcF,EAAM,IAAI,EAC3CG,EAAQH,EAAM,OAAS,GAG7B,GAAIG,EAAM,SAAU,CACZ,MAAAC,EAAW,MAAM,QAAQD,EAAM,QAAQ,EAAIA,EAAM,SAAW,CAACA,EAAM,QAAQ,EACjF,UAAWE,KAASD,EAAU,CACtB,MAAAE,EAAe,MAAMP,EAAcM,CAAK,EAC9CH,EAAQ,YAAYI,CAAY,CAClC,CACF,CAGO,cAAA,QAAQH,CAAK,EAAE,QAAQ,CAAC,CAACI,EAAKC,CAAK,IAAM,CAC9C,GAAID,IAAQ,WAEZ,GAAIA,EAAI,WAAW,IAAI,GAAK,OAAOC,GAAU,WAAY,CAEvD,MAAMC,EAAYF,EAAI,YAAY,EAAE,UAAU,CAAC,EACvCL,EAAA,iBAAiBO,EAAWD,CAAsB,CACjD,MAAAD,IAAQ,SAAW,OAAOC,GAAU,SAEtC,OAAA,OAAON,EAAQ,MAAOM,CAAK,EACzB,OAAOA,GAAU,UAAY,OAAOA,GAAU,YAEvDN,EAAQ,aAAaK,EAAK,OAAOC,CAAK,CAAC,CACzC,CACD,EAEMN,CACT,CCvEA,IAAIQ,EAA8B,CAAA,EAC9BC,EAAoB,GAEjB,SAASC,EAAaC,EAAyB,CACpD,GAAIF,EAAmB,CACrBD,EAAW,KAAKG,CAAQ,EACxB,MACF,CAEoBF,EAAA,GAChB,GAAA,CAEK,IADEE,IACFH,EAAW,OAAS,GAAG,CACtB,MAAAI,EAAiBJ,EAAW,QACjBI,GAAA,MAAAA,GACnB,CAAA,QACA,CACoBH,EAAA,EACtB,CACF,CAEO,SAASI,GAAa,CACpB,OAAAJ,CACT,CCpBA,IAAIK,EAAwB,EAC5B,MAAMC,MAAa,IACbC,MAAmB,IACnBC,MAAc,IACdC,MAAY,IACZC,MAAW,IAQjB,IAAIC,EAAgF,KAChFC,EAAsC,KACtCC,EAAsB,KAEV,SAAAC,EACdZ,EACAX,EACAwB,EACA,CACuBJ,EAAAT,EACLU,EAAAG,EACDF,EAAAtB,CACnB,CAEO,SAASyB,GAAgB,CAC9B,OAAAX,IACaE,EAAA,IAAIF,EAAe,CAAC,EAC1BA,CACT,CAEO,SAASY,GAAe,CACbZ,EAAA,CAClB,CAEO,SAASa,EAAYC,EAAwD,CAClF,GAAI,CAACd,EACG,MAAA,IAAI,MAAM,yCAAyC,EAGtDC,EAAO,IAAID,CAAa,GACpBC,EAAA,IAAID,EAAe,CAAA,CAAE,EAGxB,MAAAe,EAAkBd,EAAO,IAAID,CAAa,EAC1CgB,EAAQd,EAAa,IAAIF,CAAa,EAExCgB,GAASD,EAAgB,QAC3BA,EAAgB,KAAKD,CAAO,EAGxB,MAAAG,EAAQF,EAAgBC,CAAK,EAC7BE,EAAYC,GAAmC,CAC7C,MAAAC,EAAY,OAAOD,GAAa,WACjCA,EAAsBJ,EAAgBC,CAAK,CAAC,EAC7CG,EAEAJ,EAAgBC,CAAK,IAAMI,IAE/BL,EAAgBC,CAAK,EAAII,EAErBrB,IACWH,EAAA,IAAMyB,EAASrB,CAAa,CAAC,EAE1CqB,EAASrB,CAAa,EACxB,EAGW,OAAAE,EAAA,IAAIF,EAAegB,EAAQ,CAAC,EAClC,CAACC,EAAOC,CAAQ,CACzB,CAEgB,SAAAI,EAAUzB,EAAqC0B,EAAc,CAC3E,GAAI,CAACvB,EAAqB,MAAA,IAAI,MAAM,0CAA0C,EAExE,MAAAwB,EAActB,EAAa,IAAIF,CAAa,EAE7CG,EAAQ,IAAIH,CAAa,GACpBG,EAAA,IAAIH,EAAe,CAAA,CAAE,EAGzB,MAAAyB,EAAmBtB,EAAQ,IAAIH,CAAa,EAC5C0B,EAAaD,EAAiBD,CAAW,GAG3C,CAACE,GAAc,CAACH,GAAQ,CAACG,EAAW,MACpCH,EAAK,KAAK,CAACI,EAAKC,IAAMD,IAAQD,EAAW,KAAME,CAAC,CAAC,KAG/CF,GAAA,MAAAA,EAAY,SACdA,EAAW,QAAQ,EAIrB,eAAe,IAAM,CACb,MAAAG,EAAUhC,KAAc,OAC9B4B,EAAiBD,CAAW,EAAI,CAAE,QAAAK,EAAkB,KAAAN,CAAK,CAAA,CAC1D,GAGUrB,EAAA,IAAIF,EAAewB,EAAc,CAAC,CACjD,CAEgB,SAAAM,EAAWC,EAAkBR,EAAgB,CAC3D,GAAI,CAACvB,EAAqB,MAAA,IAAI,MAAM,wCAAwC,EAEtE,MAAAgC,EAAY9B,EAAa,IAAIF,CAAa,EAE3CI,EAAM,IAAIJ,CAAa,GACpBI,EAAA,IAAIJ,EAAe,CAAA,CAAE,EAGvB,MAAAiC,EAAiB7B,EAAM,IAAIJ,CAAa,EACxCkC,EAAWD,EAAeD,CAAS,EAEzC,GAAI,CAACE,GAAaX,GAAQA,EAAK,KAAK,CAACI,EAAKC,IAAM,CAAC,OAAO,GAAGD,EAAKO,EAAS,KAAKN,CAAC,CAAC,CAAC,EAAI,CACnF,MAAMpC,EAAQuC,IACd,OAAAE,EAAeD,CAAS,EAAI,CAAE,MAAAxC,EAAO,KAAA+B,CAAK,EAC7BrB,EAAA,IAAIF,EAAegC,EAAY,CAAC,EACtCxC,CACT,CAEa,OAAAU,EAAA,IAAIF,EAAegC,EAAY,CAAC,EACtCE,EAAS,KAClB,CAEO,SAASC,EAAUrB,EAAY,CACpC,GAAI,CAACd,EAAqB,MAAA,IAAI,MAAM,uCAAuC,EAErE,MAAAoC,EAAWlC,EAAa,IAAIF,CAAa,EAE1CK,EAAK,IAAIL,CAAa,GACpBK,EAAA,IAAIL,EAAe,CAAA,CAAE,EAGtB,MAAAqC,EAAgBhC,EAAK,IAAIL,CAAa,EACxC,GAAAoC,GAAYC,EAAc,OAAQ,CAE9BC,MAAAA,EAAM,CAAE,QAASxB,GACvB,OAAAuB,EAAc,KAAKC,CAAG,EACTpC,EAAA,IAAIF,EAAeoC,EAAW,CAAC,EACrCE,CACT,CAEM,MAAAA,EAAMD,EAAcD,CAAQ,EACrB,OAAAlC,EAAA,IAAIF,EAAeoC,EAAW,CAAC,EACrCE,CACT,CAKA,eAAejB,EAASkB,EAAoB,CACtC,GAAA,CAEI,MAAAd,EAAmBtB,EAAQ,IAAIoC,CAAU,EAC3Cd,IACFA,EAAiB,QAAkBe,GAAA,CAC7BA,EAAO,SAASA,EAAO,QAAQ,CAAA,CACpC,EACOrC,EAAA,IAAIoC,EAAY,CAAA,CAAE,GAGxBjC,GAAwBC,GAAmBC,GACvC,MAAAF,EAAqBE,EAAgBD,CAAe,QAErDkC,EAAO,CACN,QAAA,MAAM,yBAA0BA,CAAK,CAC/C,CACF,CAGO,SAASC,GAA+C,CAC7D,KAAM,CAACD,EAAOE,CAAQ,EAAI9B,EAAuB,IAAI,EACrD,MAAO,CAAC4B,EAAO,IAAME,EAAS,IAAI,CAAC,CACrC,CCnLA,MAAMC,MAAe,IAUd,SAASC,EAAiBC,EAA6B,CAC5D,MAAMC,EAAK,SACF,OAAAH,EAAA,IAAIG,EAAID,CAAY,EAOtB,CACL,SAAU,CAAC,CAAE,MAAAtD,EAAO,SAAAJ,KAAe,CAC3B,MAAA4D,EAAYJ,EAAS,IAAIG,CAAE,EACjC,OAAK,OAAO,GAAGC,EAAWxD,CAAK,GACpBoD,EAAA,IAAIG,EAAIvD,CAAK,EAEjBJ,CACT,EACA,SAAU,CAAC,CAAE,SAAAA,KAAe,CACpB,MAAAI,EAAQoD,EAAS,IAAIG,CAAE,EAC7B,OAAO3D,EAASI,CAAK,CACvB,EACA,YAjBsByD,GAAiC,CACjD,MAAAzD,EAAQoD,EAAS,IAAIG,CAAE,EAC7B,OAAOjB,EAAQ,IAAMmB,EAASzD,CAAK,EAAG,CAACA,CAAK,CAAC,CAAA,EAgB7C,IAAKuD,CAAA,CAET,CAEO,SAASG,EAAcC,EAAwB,CAC7C,OAAAP,EAAS,IAAIO,EAAQ,GAAG,CACjC,CClCA,SAASC,EAAcC,EAAeC,EAAwB,CACtD,MAAAC,EAAU,OAAO,KAAKF,CAAQ,EAAE,OAAOG,GAAKA,IAAM,UAAU,EAC5DC,EAAU,OAAO,KAAKH,CAAQ,EAAE,OAAOE,GAAKA,IAAM,UAAU,EAE9D,OAAAD,EAAQ,SAAWE,EAAQ,OAAe,GACvCF,EAAQ,MAAahE,GAAA8D,EAAS9D,CAAG,IAAM+D,EAAS/D,CAAG,CAAC,CAC7D,CAEgB,SAAAmE,EAAKC,EAAsBC,EAA+B,CACpE,OAAAD,GAAW,MAAQC,GAAW,KAAaD,IAAYC,EACvD,OAAOD,GAAY,OAAOC,EAAgB,GAC1C,OAAOA,GAAY,UAAY,OAAOA,GAAY,SAC7CD,IAAYC,EACjBA,EAAQ,OAASD,EAAQ,KAAa,GACnC,CAACP,EAAcO,EAAQ,MAAOC,EAAQ,KAAK,CACpD,CAEgB,SAAAC,EAAsBR,EAAeC,EAAwB,CACpE,MAAA,CAACF,EAAcC,EAAUC,CAAQ,CAC1C,CCVA,IAAIQ,EAAc,GAEI,eAAAC,EAAQ7E,EAAcwB,EAAwB,CACpDoD,EAAA,GACV,GAAA,CACI,MAAAE,EAAO9E,EAASwB,CAAS,CAAA,QAC/B,CACcoD,EAAA,EAChB,CACF,CAEsB,eAAAE,EAAO9E,EAAcwB,EAA+B,CACxE,GAAI,CAACA,EACG,MAAA,IAAI,MAAM,2BAA2B,EAGrC,QAAA,IAAI,gBAAiBA,EAAU,EAAE,EAEzCd,EAAa,SAAY,CACvB,MAAM2C,EAAa5B,IACf,GAAA,CACgBF,EAAAuD,EAAQ9E,EAASwB,CAAS,EACtC,MAAAuD,EAAU,MAAMlF,EAAcG,CAAO,EAEtC4E,IACHpD,EAAU,UAAY,IAExBA,EAAU,YAAYuD,CAAO,CAAA,QAE7B,CACarD,GACf,CAAA,CACD,CACH,CAKO,MAAMsD,EAAM,CAACC,EAAWhF,EAAYI,KAAe,CACxD,KAAA4E,EACA,MAAO,CACL,GAAGhF,EACH,SAAUA,GAAA,MAAAA,EAAO,SACf,MAAM,QAAQA,EAAM,QAAQ,EAAIA,EAAM,SAAW,CAACA,EAAM,QAAQ,EAC9D,CAAC,CACP,EACA,IAAAI,CACF,GAEa6E,EAAOF,EACPG,EAASH,EACTI,EAAW,OAAO,UAAU"}

package/dist/index.d.ts

@@ -2,4 +2,21 @@ export { useState, useEffect, useMemo, useRef, useErrorBoundary } from './hooks'
 export { createContext, useContext } from './context';
 export { batchUpdates } from './batch';
 export declare function hydrate(element: any, container: HTMLElement): Promise<void>;
-export declare function render(element: any, container: HTMLElement): Promise<void>;
+export declare function render(element: any, container: HTMLElement | null): Promise<void>;
+export { diff, shouldComponentUpdate } from './vdom';
+export declare const jsx: (type: any, props: any, key?: any) => {
+    type: any;
+    props: any;
+    key: any;
+};
+export declare const jsxs: (type: any, props: any, key?: any) => {
+    type: any;
+    props: any;
+    key: any;
+};
+export declare const jsxDEV: (type: any, props: any, key?: any) => {
+    type: any;
+    props: any;
+    key: any;
+};
+export declare const Fragment: unique symbol;

package/dist/index.es.js

@@ -0,0 +1,201 @@
+async function d(t) {
+  if (console.log("Creating element from:", t), t == null)
+    return document.createTextNode("");
+  if (typeof t == "string" || typeof t == "number")
+    return document.createTextNode(String(t));
+  if (typeof t.type == "function") {
+    const c = t.type(t.props || {});
+    return d(c);
+  }
+  const e = document.createElement(t.type), r = t.props || {};
+  if (r.children) {
+    const c = Array.isArray(r.children) ? r.children : [r.children];
+    for (const n of c) {
+      const i = await d(n);
+      e.appendChild(i);
+    }
+  }
+  return Object.entries(r).forEach(([c, n]) => {
+    if (c !== "children")
+      if (c.startsWith("on") && typeof n == "function") {
+        const i = c.toLowerCase().substring(2);
+        e.addEventListener(i, n);
+      } else
+        c === "style" && typeof n == "object" ? Object.assign(e.style, n) : typeof n != "object" && typeof n != "function" && e.setAttribute(c, String(n));
+  }), e;
+}
+let h = [], a = !1;
+function M(t) {
+  if (a) {
+    h.push(t);
+    return;
+  }
+  a = !0;
+  try {
+    for (t(); h.length > 0; ) {
+      const e = h.shift();
+      e == null || e();
+    }
+  } finally {
+    a = !1;
+  }
+}
+function R() {
+  return a;
+}
+let s = 0;
+const p = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), y = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map();
+let g = null, b = null, E = null;
+function O(t, e, r) {
+  g = t, b = r, E = e;
+}
+function A() {
+  return s++, o.set(s, 0), s;
+}
+function I() {
+  s = 0;
+}
+function B(t) {
+  if (!s)
+    throw new Error("useState must be called within a render");
+  p.has(s) || p.set(s, []);
+  const e = p.get(s), r = o.get(s);
+  r >= e.length && e.push(t);
+  const c = e[r], n = (i) => {
+    const f = typeof i == "function" ? i(e[r]) : i;
+    e[r] !== f && (e[r] = f, R() ? M(() => x(s)) : x(s));
+  };
+  return o.set(s, r + 1), [c, n];
+}
+function T(t, e) {
+  if (!s)
+    throw new Error("useEffect must be called within a render");
+  const r = o.get(s);
+  l.has(s) || l.set(s, []);
+  const c = l.get(s), n = c[r];
+  (!n || !e || !n.deps || e.some((i, f) => i !== n.deps[f])) && (n != null && n.cleanup && n.cleanup(), queueMicrotask(() => {
+    const i = t() || void 0;
+    c[r] = { cleanup: i, deps: e };
+  })), o.set(s, r + 1);
+}
+function L(t, e) {
+  if (!s)
+    throw new Error("useMemo must be called within a render");
+  const r = o.get(s);
+  y.has(s) || y.set(s, []);
+  const c = y.get(s), n = c[r];
+  if (!n || e && e.some((i, f) => !Object.is(i, n.deps[f]))) {
+    const i = t();
+    return c[r] = { value: i, deps: e }, o.set(s, r + 1), i;
+  }
+  return o.set(s, r + 1), n.value;
+}
+function U(t) {
+  if (!s)
+    throw new Error("useRef must be called within a render");
+  const e = o.get(s);
+  m.has(s) || m.set(s, []);
+  const r = m.get(s);
+  if (e >= r.length) {
+    const n = { current: t };
+    return r.push(n), o.set(s, e + 1), n;
+  }
+  const c = r[e];
+  return o.set(s, e + 1), c;
+}
+async function x(t) {
+  try {
+    const e = l.get(t);
+    e && (e.forEach((r) => {
+      r.cleanup && r.cleanup();
+    }), l.set(t, [])), g && b && E && await g(E, b);
+  } catch (e) {
+    console.error("Error during rerender:", e);
+  }
+}
+function F() {
+  const [t, e] = B(null);
+  return [t, () => e(null)];
+}
+const u = /* @__PURE__ */ new Map();
+function H(t) {
+  const e = Symbol();
+  return u.set(e, t), {
+    Provider: ({ value: c, children: n }) => {
+      const i = u.get(e);
+      return Object.is(i, c) || u.set(e, c), n;
+    },
+    Consumer: ({ children: c }) => {
+      const n = u.get(e);
+      return c(n);
+    },
+    useSelector: (c) => {
+      const n = u.get(e);
+      return L(() => c(n), [n]);
+    },
+    _id: e
+  };
+}
+function K(t) {
+  return u.get(t._id);
+}
+function j(t, e) {
+  const r = Object.keys(t).filter((n) => n !== "children"), c = Object.keys(e).filter((n) => n !== "children");
+  return r.length !== c.length ? !1 : r.every((n) => t[n] === e[n]);
+}
+function _(t, e) {
+  return t == null || e == null ? t !== e : typeof t != typeof e ? !0 : typeof e == "string" || typeof e == "number" ? t !== e : e.type !== t.type ? !0 : !j(t.props, e.props);
+}
+function q(t, e) {
+  return !j(t, e);
+}
+let w = !1;
+async function D(t, e) {
+  w = !0;
+  try {
+    await C(t, e);
+  } finally {
+    w = !1;
+  }
+}
+async function C(t, e) {
+  if (!e)
+    throw new Error("Container element is null");
+  console.log("Rendering to:", e.id), M(async () => {
+    const r = A();
+    try {
+      O(C, t, e);
+      const c = await d(t);
+      w || (e.innerHTML = ""), e.appendChild(c);
+    } finally {
+      I();
+    }
+  });
+}
+const S = (t, e, r) => ({
+  type: t,
+  props: {
+    ...e,
+    children: e != null && e.children ? Array.isArray(e.children) ? e.children : [e.children] : []
+  },
+  key: r
+}), Q = S, V = S, W = Symbol("Fragment");
+export {
+  W as Fragment,
+  M as batchUpdates,
+  H as createContext,
+  _ as diff,
+  D as hydrate,
+  S as jsx,
+  V as jsxDEV,
+  Q as jsxs,
+  C as render,
+  q as shouldComponentUpdate,
+  K as useContext,
+  T as useEffect,
+  F as useErrorBoundary,
+  L as useMemo,
+  U as useRef,
+  B as useState
+};
+//# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../src/jsx-runtime.ts","../src/batch.ts","../src/hooks.ts","../src/context.ts","../src/vdom.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: any): Promise<HTMLElement | Text> {\r\n  console.log('Creating element from:', vnode);\r\n\r\n  // Handle null or undefined\r\n  if (vnode == null) {\r\n    return document.createTextNode('');\r\n  }\r\n\r\n  // Handle primitive types (string, number)\r\n  if (typeof vnode === 'string' || typeof vnode === 'number') {\r\n    return document.createTextNode(String(vnode));\r\n  }\r\n\r\n  // Handle functional components\r\n  if (typeof vnode.type === 'function') {\r\n    const result = vnode.type(vnode.props || {});\r\n    return createElement(result);\r\n  }\r\n\r\n  // Handle regular DOM elements\r\n  const element = document.createElement(vnode.type);\r\n  const props = vnode.props || {};\r\n\r\n  // Handle children\r\n  if (props.children) {\r\n    const children = Array.isArray(props.children) ? props.children : [props.children];\r\n    for (const child of children) {\r\n      const childElement = await createElement(child);\r\n      element.appendChild(childElement);\r\n    }\r\n  }\r\n\r\n  // Handle other props\r\n  Object.entries(props).forEach(([key, value]) => {\r\n    if (key === 'children') return;\r\n    \r\n    if (key.startsWith('on') && typeof value === 'function') {\r\n      // Handle event listeners\r\n      const eventName = key.toLowerCase().substring(2);\r\n      element.addEventListener(eventName, value as EventListener);\r\n    } else if (key === 'style' && typeof value === 'object') {\r\n      // Handle style object\r\n      Object.assign(element.style, value);\r\n    } else if (typeof value !== 'object' && typeof value !== 'function') {\r\n      // Handle regular attributes\r\n      element.setAttribute(key, String(value));\r\n    }\r\n  });\r\n\r\n  return element;\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","interface VNode {\r\n  type: string | Function;\r\n  props: Record<string, any>;\r\n  key?: string | number;\r\n}\r\n\r\nfunction arePropsEqual(oldProps: any, newProps: any): boolean {\r\n  const oldKeys = Object.keys(oldProps).filter(k => k !== 'children');\r\n  const newKeys = Object.keys(newProps).filter(k => k !== 'children');\r\n  \r\n  if (oldKeys.length !== newKeys.length) return false;\r\n  return oldKeys.every(key => oldProps[key] === newProps[key]);\r\n}\r\n\r\nexport function diff(oldNode: VNode | any, newNode: VNode | any): boolean {\r\n  if (oldNode == null || newNode == null) return oldNode !== newNode;\r\n  if (typeof oldNode !== typeof newNode) return true;\r\n  if (typeof newNode === 'string' || typeof newNode === 'number')\r\n    return oldNode !== newNode;\r\n  if (newNode.type !== oldNode.type) return true;\r\n  return !arePropsEqual(oldNode.props, newNode.props);\r\n}\r\n\r\nexport function shouldComponentUpdate(oldProps: any, newProps: any): boolean {\r\n  return !arePropsEqual(oldProps, newProps);\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 | null) {\r\n  if (!container) {\r\n    throw new Error('Container element is null');\r\n  }\r\n\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\nexport { diff, shouldComponentUpdate } from './vdom';\r\n\r\n// Add JSX runtime\r\nexport const jsx = (type: any, props: any, key?: any) => ({\r\n  type,\r\n  props: {\r\n    ...props,\r\n    children: props?.children ? \r\n      Array.isArray(props.children) ? props.children : [props.children]\r\n      : []\r\n  },\r\n  key\r\n});\r\n\r\nexport const jsxs = jsx;\r\nexport const jsxDEV = jsx; // Add development runtime\r\nexport const Fragment = Symbol('Fragment');\r\n\r\n"],"names":["createElement","vnode","result","element","props","children","child","childElement","key","value","eventName","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","error","useErrorBoundary","setError","contexts","createContext","defaultValue","id","prevValue","selector","useContext","context","arePropsEqual","oldProps","newProps","oldKeys","k","newKeys","diff","oldNode","newNode","shouldComponentUpdate","isHydrating","hydrate","render","domNode","jsx","type","jsxs","jsxDEV","Fragment"],"mappings":"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"}

package/dist/jsx-runtime.d.ts

@@ -7,4 +7,4 @@ export { jsx as jsxs, jsx as jsxDEV };
 export declare const Fragment: ({ children }: {
     children: any;
 }) => any;
-export declare function createElement(vnode: VNode | any): Promise<Node>;
+export declare function createElement(vnode: any): Promise<HTMLElement | Text>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frontend-hamroun",
-  "version": "1.1.8",
+  "version": "1.1.9",
   "description": "A lightweight frontend framework with hooks and virtual DOM",
   "type": "module",
   "main": "./dist/index.js",
@@ -19,14 +19,18 @@
       "import": "./dist/index.es.js",
       "require": "./dist/index.js",
       "default": "./dist/index.es.js"
-    }
+    },
+    "./package.json": "./package.json"
   },
   "bin": {
     "frontend-hamroun": "./bin/cli.js",
     "create-frontend-app": "./bin/cli.js"
   },
   "scripts": {
-    "build": "vite build && tsc --emitDeclarationOnly",
+    "dev": "npx concurrently \"npm:dev:lib\" \"npm:dev:test\"",
+    "dev:lib": "vite build --watch",
+    "dev:test": "vite serve test",
+    "build": "vite build --config vite.config.ts && tsc --project tsconfig.build.json",
     "clean": "node -e \"if(require('fs').existsSync('dist')) require('fs').rmSync('dist',{recursive:true})\"",
     "prepublishOnly": "npm run clean && npm run build"
   },
@@ -44,14 +48,13 @@
     "url": "your-repo-url"
   },
   "devDependencies": {
-    "@types/react": "^19.0.8",
-    "@vitejs/plugin-react": "^4.0.4",
     "nanospinner": "^1.1.0",
     "terser": "^5.38.1",
     "typescript": "^5.0.0",
     "vite": "^4.4.9",
     "vite-plugin-dts": "^4.5.0",
-    "vitest": "^0.34.0"
+    "vitest": "^0.34.0",
+    "concurrently": "^8.2.2"
   },
   "publishConfig": {
     "access": "public"

package/templates/spa/index.html

@@ -3,10 +3,10 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Frontend Hamroun App</title>
+    <title>Frontend App</title>
   </head>
   <body>
     <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
+    <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>

package/templates/spa/package.json

@@ -5,14 +5,16 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "vite build",
-    "preview": "vite preview"
+    "build": "tsc && vite build",
+    "preview": "vite preview",
+    "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0"
   },
   "dependencies": {
-    "frontend-hamroun": "^1.0.0"
+    "frontend-hamroun": "latest"
   },
   "devDependencies": {
-    "vite": "^4.4.9",
-    "typescript": "^5.0.0"
+    "@types/node": "^20.0.0",
+    "typescript": "^5.0.0",
+    "vite": "^4.4.9"
   }
 }

package/templates/spa/src/App.tsx

@@ -0,0 +1,14 @@
+import { useState } from 'frontend-hamroun';
+
+export default function App() {
+  const [count, setCount] = useState(0);
+
+  return (
+    <div>
+      <h1>Count: {count}</h1>
+      <button onClick={() => setCount(c => c + 1)}>
+        Increment
+      </button>
+    </div>
+  );
+}

package/templates/spa/src/main.tsx

@@ -0,0 +1,9 @@
+import { render } from 'frontend-hamroun';
+import App from './App';
+
+const container = document.getElementById('app');
+if (!container) {
+  throw new Error('#app element not found in document');
+}
+
+render(<App />, container);

package/templates/spa/tsconfig.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve",
+    "jsxFactory": "jsx",
+    "jsxFragmentFactory": "Fragment",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/templates/spa/tsconfig.node.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/templates/spa/vite.config.ts

@@ -0,0 +1,16 @@
+import { defineConfig } from 'vite';
+import { resolve } from 'path';
+
+export default defineConfig({
+  resolve: {
+    alias: {
+      '@': '/src',
+      'frontend-hamroun': resolve(__dirname, '../../src/index.ts')
+    }
+  },
+  esbuild: {
+    jsxFactory: 'jsx',
+    jsxFragment: 'Fragment',
+    jsxInject: `import { jsx, Fragment } from 'frontend-hamroun'`
+  }
+});

package/dist/frontend-hamroun.js

@@ -1,192 +0,0 @@
-async function m(t) {
-  var e;
-  if (console.log("Creating element from:", t), t == null || typeof t == "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);
-    }
-    return r;
-  }
-  if ("type" in t && t.props !== void 0) {
-    const { type: r, props: s } = t;
-    if (typeof r == "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;
-      } catch (c) {
-        return console.error("Error rendering component:", c), document.createTextNode("");
-      }
-    const n = document.createElement(r);
-    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 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);
-      }
-    }
-    return n;
-  }
-  return document.createTextNode(String(t));
-}
-let h = [], p = !1;
-function _(t) {
-  if (p) {
-    h.push(t);
-    return;
-  }
-  p = !0;
-  try {
-    for (t(); h.length > 0; ) {
-      const e = h.shift();
-      e == null || e();
-    }
-  } finally {
-    p = !1;
-  }
-}
-function R() {
-  return p;
-}
-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;
-}
-function T() {
-  return o++, u.set(o, 0), o;
-}
-function j() {
-  o = 0;
-}
-function v(t) {
-  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));
-  };
-  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);
-  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;
-  }
-  return u.set(o, r + 1), n.value;
-}
-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) {
-  try {
-    const e = d.get(t);
-    e && (e.forEach((r) => {
-      r.cleanup && r.cleanup();
-    }), d.set(t, [])), b && E && x && await b(x, E);
-  } catch (e) {
-    console.error("Error during rerender:", e);
-  }
-}
-function k() {
-  const [t, e] = v(null);
-  return [t, () => e(null)];
-}
-const l = /* @__PURE__ */ new Map();
-function B(t) {
-  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;
-    },
-    Consumer: ({ children: s }) => {
-      const n = l.get(e);
-      return s(n);
-    },
-    useSelector: (s) => {
-      const n = l.get(e);
-      return I(() => s(n), [n]);
-    },
-    _id: e
-  };
-}
-function H(t) {
-  return l.get(t._id);
-}
-let M = !1;
-async function U(t, e) {
-  M = !0;
-  try {
-    await N(t, e);
-  } finally {
-    M = !1;
-  }
-}
-async function N(t, e) {
-  console.log("Rendering to:", e.id), _(async () => {
-    const r = T();
-    try {
-      A(N, t, e);
-      const s = await m(t);
-      M || (e.innerHTML = ""), e.appendChild(s);
-    } finally {
-      j();
-    }
-  });
-}
-export {
-  _ as batchUpdates,
-  B as createContext,
-  U as hydrate,
-  N as render,
-  H as useContext,
-  L as useEffect,
-  k as useErrorBoundary,
-  I as useMemo,
-  O as useRef,
-  v as useState
-};
-//# sourceMappingURL=frontend-hamroun.js.map

package/dist/frontend-hamroun.js.map

@@ -1 +0,0 @@
-{"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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"}

package/templates/spa/src/App.ts

@@ -1,26 +0,0 @@
-import { useState } from 'frontend-hamroun';
-
-export default function App() {
-  const [count, setCount] = useState(0);
-
-  return {
-    type: 'div',
-    props: {
-      children: [
-        {
-          type: 'h1',
-          props: {
-            children: 'Frontend Hamroun App'
-          }
-        },
-        {
-          type: 'button',
-          props: {
-            onClick: () => setCount(count + 1),
-            children: `Count: ${count}`
-          }
-        }
-      ]
-    }
-  };
-}

package/templates/spa/src/main.ts

@@ -1,4 +0,0 @@
-import { render } from 'frontend-hamroun';
-import App from './App';
-
-render(App(), document.getElementById('app')!);