frontend-hamroun 1.2.83 → 1.2.85

package/dist/jsx-runtime.js.map

@@ -1 +1 @@
-{"version":3,"file":"jsx-runtime.js","sources":["../src/jsx-runtime.ts"],"sourcesContent":["import type { Component } from './component.js';\r\n\r\ninterface VNode {\r\n  type: string | Function;\r\n  props: Record<string, any>;\r\n}\r\n\r\nfunction 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\nconst Fragment = ({ children }: { children: any }) => children;\r\n\r\nasync 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\r\n// Export named functions and aliases without duplicates\r\nexport {\r\n  jsx,\r\n  jsx as jsxs,\r\n  jsx as jsxDEV,\r\n  Fragment,\r\n  createElement\r\n};\r\n\r\n// Named exports object\r\nconst jsxRuntime = {\r\n  jsx,\r\n  jsxs: jsx,\r\n  jsxDEV: jsx,\r\n  Fragment,\r\n  createElement\r\n};\r\n\r\nexport default jsxRuntime;\r\n"],"names":[],"mappings":"AAOA,SAAS,IAAI,MAAyB,OAAmB;AACvD,UAAQ,IAAI,kBAAkB,EAAE,MAAM,OAAO;AACvC,QAAA,iBAAiB,EAAE,GAAG,MAAM;AAG9B,MAAA,UAAU,SAAS,GAAG;AACxB,mBAAe,WAAW,MAAM,UAAU,MAAM,KAAK,WAAW,CAAC;AAAA,EAAA;AAG5D,SAAA,EAAE,MAAM,OAAO,eAAe;AACvC;AAEA,MAAM,WAAW,CAAC,EAAE,eAAkC;AAEtD,eAAe,cAAc,OAAmC;AACtD,UAAA,IAAI,0BAA0B,KAAK;AAG3C,MAAI,SAAS,MAAM;AACV,WAAA,SAAS,eAAe,EAAE;AAAA,EAAA;AAG/B,MAAA,OAAO,UAAU,WAAW;AACvB,WAAA,SAAS,eAAe,EAAE;AAAA,EAAA;AAGnC,MAAI,OAAO,UAAU,YAAY,OAAO,UAAU,UAAU;AAC1D,WAAO,SAAS,eAAe,OAAO,KAAK,CAAC;AAAA,EAAA;AAI1C,MAAA,MAAM,QAAQ,KAAK,GAAG;AAClB,UAAA,WAAW,SAAS,uBAAuB;AACjD,eAAW,SAAS,OAAO;AACnB,YAAA,OAAO,MAAM,cAAc,KAAK;AACtC,eAAS,YAAY,IAAI;AAAA,IAAA;AAEpB,WAAA;AAAA,EAAA;AAIT,MAAI,UAAU,SAAS,MAAM,UAAU,QAAW;AAC1C,UAAA,EAAE,MAAM,MAAA,IAAU;AAGpB,QAAA,OAAO,SAAS,YAAY;AAC1B,UAAA;AACF,cAAM,SAAS,MAAM,KAAK,SAAS,CAAA,CAAE;AAC/B,cAAA,OAAO,MAAM,cAAc,MAAM;AACvC,YAAI,gBAAgB,SAAS;AAC3B,eAAK,aAAa,qBAAqB,KAAK,QAAQ,KAAK,UAAU;AAAA,QAAA;AAE9D,eAAA;AAAA,eACA,OAAO;AACN,gBAAA,MAAM,8BAA8B,KAAK;AAC1C,eAAA,SAAS,eAAe,EAAE;AAAA,MAAA;AAAA,IACnC;AAII,UAAA,UAAU,SAAS,cAAc,IAAc;AAG1C,eAAA,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,SAAS,CAAA,CAAE,GAAG;AACtD,UAAI,QAAQ,WAAY;AACxB,UAAI,IAAI,WAAW,IAAI,KAAK,OAAO,UAAU,YAAY;AACvD,cAAM,YAAY,IAAI,YAAY,EAAE,MAAM,CAAC;AAErC,cAAA,kBAAmB,QAAgB,WAAW,SAAS;AAC7D,YAAI,iBAAiB;AACX,kBAAA,oBAAoB,WAAW,eAAe;AAAA,QAAA;AAIhD,gBAAA,iBAAiB,WAAW,KAAsB;AACtD,YAAA,CAAE,QAAgB,UAAU;AAC7B,kBAAgB,WAAW,CAAC;AAAA,QAAA;AAE9B,gBAAgB,SAAS,SAAS,IAAI;AAAA,MAC9B,WAAA,QAAQ,WAAW,OAAO,UAAU,UAAU;AAChD,eAAA,OAAO,QAAQ,OAAO,KAAK;AAAA,MAAA,WACzB,QAAQ,aAAa;AAC9B,gBAAQ,aAAa,SAAS,OAAO,KAAK,CAAC;AAAA,MAClC,WAAA,QAAQ,SAAS,QAAQ,OAAO;AACzC,gBAAQ,aAAa,KAAK,OAAO,KAAK,CAAC;AAAA,MAAA;AAAA,IACzC;AAIF,UAAM,WAAW,OAAO;AACxB,QAAI,YAAY,MAAM;AACd,YAAA,aAAa,MAAM,QAAQ,QAAQ,IAAI,SAAS,SAAS,CAAC,QAAQ;AACxE,iBAAW,SAAS,YAAY;AACxB,cAAA,YAAY,MAAM,cAAc,KAAK;AAC3C,gBAAQ,YAAY,SAAS;AAAA,MAAA;AAAA,IAC/B;AAGK,WAAA;AAAA,EAAA;AAIT,SAAO,SAAS,eAAe,OAAO,KAAK,CAAC;AAC9C;AAYA,MAAM,aAAa;AAAA,EACjB;AAAA,EACA,MAAM;AAAA,EACN,QAAQ;AAAA,EACR;AAAA,EACA;AACF;"}
+{"version":3,"file":"jsx-runtime.js","sources":["../src/jsx-runtime.ts"],"sourcesContent":["import type { VNode, ComponentType, Key, ReactElement } from './types.js';\r\n\r\nfunction 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\nconst Fragment = ({ children }: { children: any }) => children;\r\n\r\nasync 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\r\n// Export named functions and aliases\r\nexport {\r\n  jsx,\r\n  jsx as jsxs,\r\n  jsx as jsxDEV,\r\n  Fragment,\r\n  createElement\r\n};\r\n\r\n// Named exports object\r\nconst jsxRuntime = {\r\n  jsx,\r\n  jsxs: jsx,\r\n  jsxDEV: jsx,\r\n  Fragment,\r\n  createElement\r\n};\r\n\r\nexport default jsxRuntime;\r\n"],"names":[],"mappings":"AAEA,SAAS,IAAI,MAAyB,OAAmB;AACvD,UAAQ,IAAI,kBAAkB,EAAE,MAAM,OAAO;AACvC,QAAA,iBAAiB,EAAE,GAAG,MAAM;AAG9B,MAAA,UAAU,SAAS,GAAG;AACxB,mBAAe,WAAW,MAAM,UAAU,MAAM,KAAK,WAAW,CAAC;AAAA,EAAA;AAG5D,SAAA,EAAE,MAAM,OAAO,eAAe;AACvC;AAEA,MAAM,WAAW,CAAC,EAAE,eAAkC;AAEtD,eAAe,cAAc,OAAmC;AACtD,UAAA,IAAI,0BAA0B,KAAK;AAG3C,MAAI,SAAS,MAAM;AACV,WAAA,SAAS,eAAe,EAAE;AAAA,EAAA;AAG/B,MAAA,OAAO,UAAU,WAAW;AACvB,WAAA,SAAS,eAAe,EAAE;AAAA,EAAA;AAGnC,MAAI,OAAO,UAAU,YAAY,OAAO,UAAU,UAAU;AAC1D,WAAO,SAAS,eAAe,OAAO,KAAK,CAAC;AAAA,EAAA;AAI1C,MAAA,MAAM,QAAQ,KAAK,GAAG;AAClB,UAAA,WAAW,SAAS,uBAAuB;AACjD,eAAW,SAAS,OAAO;AACnB,YAAA,OAAO,MAAM,cAAc,KAAK;AACtC,eAAS,YAAY,IAAI;AAAA,IAAA;AAEpB,WAAA;AAAA,EAAA;AAIT,MAAI,UAAU,SAAS,MAAM,UAAU,QAAW;AAC1C,UAAA,EAAE,MAAM,MAAA,IAAU;AAGpB,QAAA,OAAO,SAAS,YAAY;AAC1B,UAAA;AACF,cAAM,SAAS,MAAM,KAAK,SAAS,CAAA,CAAE;AAC/B,cAAA,OAAO,MAAM,cAAc,MAAM;AACvC,YAAI,gBAAgB,SAAS;AAC3B,eAAK,aAAa,qBAAqB,KAAK,QAAQ,KAAK,UAAU;AAAA,QAAA;AAE9D,eAAA;AAAA,eACA,OAAO;AACN,gBAAA,MAAM,8BAA8B,KAAK;AAC1C,eAAA,SAAS,eAAe,EAAE;AAAA,MAAA;AAAA,IACnC;AAII,UAAA,UAAU,SAAS,cAAc,IAAc;AAG1C,eAAA,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,SAAS,CAAA,CAAE,GAAG;AACtD,UAAI,QAAQ,WAAY;AACxB,UAAI,IAAI,WAAW,IAAI,KAAK,OAAO,UAAU,YAAY;AACvD,cAAM,YAAY,IAAI,YAAY,EAAE,MAAM,CAAC;AAErC,cAAA,kBAAmB,QAAgB,WAAW,SAAS;AAC7D,YAAI,iBAAiB;AACX,kBAAA,oBAAoB,WAAW,eAAe;AAAA,QAAA;AAIhD,gBAAA,iBAAiB,WAAW,KAAsB;AACtD,YAAA,CAAE,QAAgB,UAAU;AAC7B,kBAAgB,WAAW,CAAC;AAAA,QAAA;AAE9B,gBAAgB,SAAS,SAAS,IAAI;AAAA,MAC9B,WAAA,QAAQ,WAAW,OAAO,UAAU,UAAU;AAChD,eAAA,OAAO,QAAQ,OAAO,KAAK;AAAA,MAAA,WACzB,QAAQ,aAAa;AAC9B,gBAAQ,aAAa,SAAS,OAAO,KAAK,CAAC;AAAA,MAClC,WAAA,QAAQ,SAAS,QAAQ,OAAO;AACzC,gBAAQ,aAAa,KAAK,OAAO,KAAK,CAAC;AAAA,MAAA;AAAA,IACzC;AAIF,UAAM,WAAW,OAAO;AACxB,QAAI,YAAY,MAAM;AACd,YAAA,aAAa,MAAM,QAAQ,QAAQ,IAAI,SAAS,SAAS,CAAC,QAAQ;AACxE,iBAAW,SAAS,YAAY;AACxB,cAAA,YAAY,MAAM,cAAc,KAAK;AAC3C,gBAAQ,YAAY,SAAS;AAAA,MAAA;AAAA,IAC/B;AAGK,WAAA;AAAA,EAAA;AAIT,SAAO,SAAS,eAAe,OAAO,KAAK,CAAC;AAC9C;AAYA,MAAM,aAAa;AAAA,EACjB;AAAA,EACA,MAAM;AAAA,EACN,QAAQ;AAAA,EACR;AAAA,EACA;AACF;"}

package/dist/renderer-DaVfBeVi.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("./jsx-runtime.cjs"),r=require("./server-renderer-B5b0Q0ck.cjs"),n=new Map;async function t(n,o){try{r.setRenderCallback(t,n,o);r.prepareRender(n);const s=await e.createElement(n);if(o instanceof Element)o.innerHTML="";else for(;o.firstChild;)o.removeChild(o.firstChild);o.appendChild(s),r.finishRender(),console.log("Render completed successfully")}catch(s){throw console.error("Error during render:",s),r.finishRender(),s}}exports.createContext=function(e){const r=Symbol("context");return{Provider:({value:e,children:t})=>(n.set(r,e),t),Consumer:({children:t})=>t(n.get(r)??e),displayName:"Context"}},exports.hydrate=async function(e,r){try{console.log("Starting hydration..."),await t(e,r),console.log("Hydration completed successfully")}catch(n){throw console.error("Error during hydration:",n),n}},exports.render=t,exports.useContext=function(e){return{}};
+//# sourceMappingURL=renderer-DaVfBeVi.cjs.map

package/dist/renderer-DaVfBeVi.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer-DaVfBeVi.cjs","sources":["../src/context.ts","../src/renderer.ts"],"sourcesContent":["import type { Context, ComponentType } from './types.js';\r\n\r\nconst contexts = new Map<symbol, any>();\r\n\r\nexport function createContext<T>(defaultValue: T): Context<T> {\r\n  const contextId = Symbol('context');\r\n  \r\n  const Provider: ComponentType<{ value: T; children?: any }> = ({ value, children }) => {\r\n    contexts.set(contextId, value);\r\n    return children;\r\n  };\r\n  \r\n  const Consumer: ComponentType<{ children: (value: T) => any }> = ({ children }) => {\r\n    const value = contexts.get(contextId) ?? defaultValue;\r\n    return children(value);\r\n  };\r\n\r\n  const context: Context<T> = {\r\n    Provider,\r\n    Consumer,\r\n    displayName: 'Context'\r\n  };\r\n\r\n  return context;\r\n}\r\n\r\nexport function useContext<T>(context: Context<T>): T {\r\n  // In a real implementation, this would access the context value from the component tree\r\n  // For now, returning a default value to satisfy TypeScript\r\n  return {} as T;\r\n}\r\n\r\n// Export the Context type for external use\r\nexport type { Context } from './types.js';\r\n","import { createElement } from './jsx-runtime.js';\r\nimport { prepareRender, finishRender, setRenderCallback } from './hooks.js';\r\nimport type { ReactElement } from './types.js';\r\n\r\n// Render function for client-side rendering\r\nexport async function render(element: ReactElement, container: Element | DocumentFragment): Promise<void> {\r\n  try {\r\n    // Set up render callback for state updates\r\n    setRenderCallback(render, element, container);\r\n    \r\n    // Prepare render context\r\n    const renderId = prepareRender(element);\r\n    \r\n    // Create DOM nodes from virtual elements\r\n    const domNode = await createElement(element);\r\n    \r\n    // Clear container and append new content\r\n    // Handle both Element and DocumentFragment cases\r\n    if (container instanceof Element) {\r\n      container.innerHTML = '';\r\n    } else {\r\n      // For DocumentFragment, clear all children\r\n      while (container.firstChild) {\r\n        container.removeChild(container.firstChild);\r\n      }\r\n    }\r\n    container.appendChild(domNode);\r\n    \r\n    // Finish render\r\n    finishRender();\r\n    \r\n    console.log('Render completed successfully');\r\n  } catch (error) {\r\n    console.error('Error during render:', error);\r\n    // Clean up render context on error\r\n    finishRender();\r\n    throw error;\r\n  }\r\n}\r\n\r\n// Hydrate function for client-side hydration of SSR content\r\nexport async function hydrate(element: ReactElement, container: Element): Promise<void> {\r\n  try {\r\n    console.log('Starting hydration...');\r\n    \r\n    // For now, hydrate works the same as render\r\n    // In a more advanced implementation, this would preserve existing DOM\r\n    // and only attach event listeners and initialize state\r\n    await render(element, container);\r\n    \r\n    console.log('Hydration completed successfully');\r\n  } catch (error) {\r\n    console.error('Error during hydration:', error);\r\n    throw error;\r\n  }\r\n}\r\n"],"names":["contexts","Map","async","render","element","container","prepareRender","domNode","createElement","Element","innerHTML","firstChild","removeChild","appendChild","finishRender","console","log","error","defaultValue","contextId","Symbol","Provider","value","children","set","Consumer","get","displayName","context"],"mappings":"8FAEMA,MAAeC,ICGCC,eAAAC,EAAOC,EAAuBC,GAC9C,wBAEgBF,EAAQC,EAASC,GAGlBC,gBAAcF,GAAzB,MAGAG,QAAgBC,EAAAA,cAAcJ,GAIpC,GAAIC,aAAqBI,QACvBJ,EAAUK,UAAY,QAGtB,KAAOL,EAAUM,YACLN,EAAAO,YAAYP,EAAUM,YAGpCN,EAAUQ,YAAYN,GAGTO,iBAEbC,QAAQC,IAAI,uCACLC,GAID,MAHEF,QAAAE,MAAM,uBAAwBA,GAEzBH,iBACPG,CAAA,CAEV,uBDlCO,SAA0BC,GACzB,MAAAC,EAAYC,OAAO,WAkBlB,MANqB,CAC1BC,SAX4D,EAAGC,QAAOC,eAC7DvB,EAAAwB,IAAIL,EAAWG,GACjBC,GAUPE,SAP+D,EAAGF,cAE3DA,EADOvB,EAAS0B,IAAIP,IAAcD,GAOzCS,YAAa,UAIjB,kBCiBsBzB,eAAQE,EAAuBC,GAC/C,IACFU,QAAQC,IAAI,+BAKNb,EAAOC,EAASC,GAEtBU,QAAQC,IAAI,0CACLC,GAED,MADEF,QAAAE,MAAM,0BAA2BA,GACnCA,CAAA,CAEV,sCD7BO,SAAuBW,GAG5B,MAAO,CAAC,CACV"}

package/dist/renderer-nfT7XSpo.js

@@ -0,0 +1,61 @@
+import { createElement } from "./jsx-runtime.js";
+import { s as setRenderCallback, p as prepareRender, f as finishRender } from "./server-renderer-C4MB-jAp.js";
+const contexts = /* @__PURE__ */ new Map();
+function createContext(defaultValue) {
+  const contextId = Symbol("context");
+  const Provider = ({ value, children }) => {
+    contexts.set(contextId, value);
+    return children;
+  };
+  const Consumer = ({ children }) => {
+    const value = contexts.get(contextId) ?? defaultValue;
+    return children(value);
+  };
+  const context = {
+    Provider,
+    Consumer,
+    displayName: "Context"
+  };
+  return context;
+}
+function useContext(context) {
+  return {};
+}
+async function render(element, container) {
+  try {
+    setRenderCallback(render, element, container);
+    const renderId = prepareRender(element);
+    const domNode = await createElement(element);
+    if (container instanceof Element) {
+      container.innerHTML = "";
+    } else {
+      while (container.firstChild) {
+        container.removeChild(container.firstChild);
+      }
+    }
+    container.appendChild(domNode);
+    finishRender();
+    console.log("Render completed successfully");
+  } catch (error) {
+    console.error("Error during render:", error);
+    finishRender();
+    throw error;
+  }
+}
+async function hydrate(element, container) {
+  try {
+    console.log("Starting hydration...");
+    await render(element, container);
+    console.log("Hydration completed successfully");
+  } catch (error) {
+    console.error("Error during hydration:", error);
+    throw error;
+  }
+}
+export {
+  createContext as c,
+  hydrate as h,
+  render as r,
+  useContext as u
+};
+//# sourceMappingURL=renderer-nfT7XSpo.js.map

package/dist/renderer-nfT7XSpo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer-nfT7XSpo.js","sources":["../src/context.ts","../src/renderer.ts"],"sourcesContent":["import type { Context, ComponentType } from './types.js';\r\n\r\nconst contexts = new Map<symbol, any>();\r\n\r\nexport function createContext<T>(defaultValue: T): Context<T> {\r\n  const contextId = Symbol('context');\r\n  \r\n  const Provider: ComponentType<{ value: T; children?: any }> = ({ value, children }) => {\r\n    contexts.set(contextId, value);\r\n    return children;\r\n  };\r\n  \r\n  const Consumer: ComponentType<{ children: (value: T) => any }> = ({ children }) => {\r\n    const value = contexts.get(contextId) ?? defaultValue;\r\n    return children(value);\r\n  };\r\n\r\n  const context: Context<T> = {\r\n    Provider,\r\n    Consumer,\r\n    displayName: 'Context'\r\n  };\r\n\r\n  return context;\r\n}\r\n\r\nexport function useContext<T>(context: Context<T>): T {\r\n  // In a real implementation, this would access the context value from the component tree\r\n  // For now, returning a default value to satisfy TypeScript\r\n  return {} as T;\r\n}\r\n\r\n// Export the Context type for external use\r\nexport type { Context } from './types.js';\r\n","import { createElement } from './jsx-runtime.js';\r\nimport { prepareRender, finishRender, setRenderCallback } from './hooks.js';\r\nimport type { ReactElement } from './types.js';\r\n\r\n// Render function for client-side rendering\r\nexport async function render(element: ReactElement, container: Element | DocumentFragment): Promise<void> {\r\n  try {\r\n    // Set up render callback for state updates\r\n    setRenderCallback(render, element, container);\r\n    \r\n    // Prepare render context\r\n    const renderId = prepareRender(element);\r\n    \r\n    // Create DOM nodes from virtual elements\r\n    const domNode = await createElement(element);\r\n    \r\n    // Clear container and append new content\r\n    // Handle both Element and DocumentFragment cases\r\n    if (container instanceof Element) {\r\n      container.innerHTML = '';\r\n    } else {\r\n      // For DocumentFragment, clear all children\r\n      while (container.firstChild) {\r\n        container.removeChild(container.firstChild);\r\n      }\r\n    }\r\n    container.appendChild(domNode);\r\n    \r\n    // Finish render\r\n    finishRender();\r\n    \r\n    console.log('Render completed successfully');\r\n  } catch (error) {\r\n    console.error('Error during render:', error);\r\n    // Clean up render context on error\r\n    finishRender();\r\n    throw error;\r\n  }\r\n}\r\n\r\n// Hydrate function for client-side hydration of SSR content\r\nexport async function hydrate(element: ReactElement, container: Element): Promise<void> {\r\n  try {\r\n    console.log('Starting hydration...');\r\n    \r\n    // For now, hydrate works the same as render\r\n    // In a more advanced implementation, this would preserve existing DOM\r\n    // and only attach event listeners and initialize state\r\n    await render(element, container);\r\n    \r\n    console.log('Hydration completed successfully');\r\n  } catch (error) {\r\n    console.error('Error during hydration:', error);\r\n    throw error;\r\n  }\r\n}\r\n"],"names":[],"mappings":";;AAEA,MAAM,+BAAe,IAAiB;AAE/B,SAAS,cAAiB,cAA6B;AACtD,QAAA,YAAY,OAAO,SAAS;AAElC,QAAM,WAAwD,CAAC,EAAE,OAAO,eAAe;AAC5E,aAAA,IAAI,WAAW,KAAK;AACtB,WAAA;AAAA,EACT;AAEA,QAAM,WAA2D,CAAC,EAAE,eAAe;AACjF,UAAM,QAAQ,SAAS,IAAI,SAAS,KAAK;AACzC,WAAO,SAAS,KAAK;AAAA,EACvB;AAEA,QAAM,UAAsB;AAAA,IAC1B;AAAA,IACA;AAAA,IACA,aAAa;AAAA,EACf;AAEO,SAAA;AACT;AAEO,SAAS,WAAc,SAAwB;AAGpD,SAAO,CAAC;AACV;ACzBsB,eAAA,OAAO,SAAuB,WAAsD;AACpG,MAAA;AAEgB,sBAAA,QAAQ,SAAS,SAAS;AAGtC,UAAA,WAAW,cAAc,OAAO;AAGhC,UAAA,UAAU,MAAM,cAAc,OAAO;AAI3C,QAAI,qBAAqB,SAAS;AAChC,gBAAU,YAAY;AAAA,IAAA,OACjB;AAEL,aAAO,UAAU,YAAY;AACjB,kBAAA,YAAY,UAAU,UAAU;AAAA,MAAA;AAAA,IAC5C;AAEF,cAAU,YAAY,OAAO;AAGhB,iBAAA;AAEb,YAAQ,IAAI,+BAA+B;AAAA,WACpC,OAAO;AACN,YAAA,MAAM,wBAAwB,KAAK;AAE9B,iBAAA;AACP,UAAA;AAAA,EAAA;AAEV;AAGsB,eAAA,QAAQ,SAAuB,WAAmC;AAClF,MAAA;AACF,YAAQ,IAAI,uBAAuB;AAK7B,UAAA,OAAO,SAAS,SAAS;AAE/B,YAAQ,IAAI,kCAAkC;AAAA,WACvC,OAAO;AACN,YAAA,MAAM,2BAA2B,KAAK;AACxC,UAAA;AAAA,EAAA;AAEV;"}

package/dist/server-renderer-B5b0Q0ck.cjs

@@ -0,0 +1,2 @@
+"use strict";let e=!1;const t=[];function n(n){if(e)t.push(n);else{e=!0;try{for(n();t.length>0;){const e=t.shift();e?.()}}finally{e=!1}}}let r=0;const s=new Map,o=new Map,c=new Map,i=new Map,u=new Map;let a=null,l=null,f=null;function p(e=null){return r++,o.set(r,0),r}function h(){r=0}function y(t){if(!r)throw new Error("useState must be called within a render");s.has(r)||s.set(r,[]);const c=s.get(r),i=o.get(r)||0;i>=c.length&&c.push(t);const u=c[i];return o.set(r,i+1),[u,t=>{const s="function"==typeof t?t(c[i]):t;c[i]!==s&&(c[i]=s,e?n((()=>g(r))):g(r))}]}async function g(e){try{const t=c.get(e);t&&(t.forEach((e=>{e.cleanup&&e.cleanup()})),c.set(e,[])),a&&l&&f&&await a(f,l)}catch(t){console.error("Error during rerender:",t)}}async function w(e){if(null==e||"boolean"==typeof e)return"";if("string"==typeof e||"number"==typeof e)return d(String(e));if(Array.isArray(e)){return(await Promise.all(e.map((e=>w(e))))).join("")}if(e&&"object"==typeof e&&"type"in e){const{type:n,props:r={}}=e;if("function"==typeof n)try{const e=await n(r);return await w(e)}catch(t){return console.error("Error rendering component:",t),`\x3c!-- Error rendering component: ${t.message} --\x3e`}if("string"==typeof n)return await async function(e,t){const{children:n,...r}=t,s=new Set(["area","base","br","col","embed","hr","img","input","link","meta","param","source","track","wbr"]),o=Object.entries(r).filter((([e,t])=>!e.startsWith("on")&&"key"!==e&&"ref"!==e&&(null!=t&&!1!==t))).map((([e,t])=>{if("className"===e&&(e="class"),!0===t)return e;if("style"===e&&"object"==typeof t&&null!==t){return`style="${d(Object.entries(t).map((([e,t])=>{return`${n=e,n.replace(/[A-Z]/g,(e=>`-${e.toLowerCase()}`))}:${t}`;var n})).join(";"))}"`}return`${e}="${d(String(t))}"`})).join(" "),c=`<${e}${o?" "+o:""}>`;if(s.has(e))return c.slice(0,-1)+"/>";const i=`</${e}>`;if(null!=n){return c+await w(n)+i}return c+i}(n,r)}return d("object"==typeof e?JSON.stringify(e):String(e))}function d(e){const t={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;","/":"&#x2F;"};return e.replace(/[&<>"'/]/g,(e=>t[e]))}exports.batchUpdates=n,exports.finishRender=h,exports.prepareRender=p,exports.renderToString=async function(e){p(!0);try{return await w(e)}finally{h()}},exports.setRenderCallback=function(e,t,n){a=e,l=n,f=t},exports.useEffect=function(e,t){if(!r)throw new Error("useEffect must be called within a render");const n=o.get(r)||0;c.has(r)||c.set(r,[]);const s=c.get(r),i=s[n];i&&t&&i.deps&&!t.some(((e,t)=>e!==i.deps[t]))||(i?.cleanup&&i.cleanup(),queueMicrotask((()=>{const r=e()||void 0;s[n]={cleanup:r,deps:t||[]}}))),o.set(r,n+1)},exports.useErrorBoundary=function(){const[e,t]=y(null);return[e,()=>t(null)]},exports.useMemo=function(e,t){if(!r)throw new Error("useMemo must be called within a render");const n=o.get(r)||0;i.has(r)||i.set(r,[]);const s=i.get(r),c=s[n];if(!c||t&&t.some(((e,t)=>!Object.is(e,c.deps[t])))){const c=e();return s[n]={value:c,deps:t||[]},o.set(r,n+1),c}return o.set(r,n+1),c.value},exports.useRef=function(e){if(!r)throw new Error("useRef must be called within a render");const t=o.get(r)||0;u.has(r)||u.set(r,[]);const n=u.get(r);if(t>=n.length){const s={current:e};return n.push(s),o.set(r,t+1),s}const s=n[t];return o.set(r,t+1),s},exports.useState=y;
+//# sourceMappingURL=server-renderer-B5b0Q0ck.cjs.map

package/dist/server-renderer-B5b0Q0ck.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"server-renderer-B5b0Q0ck.cjs","sources":["../src/batch.ts","../src/hooks.ts","../src/server-renderer.ts"],"sourcesContent":["export let isBatching = false;\r\nconst queue: Function[] = [];\r\n\r\nexport function batchUpdates(fn: Function) {\r\n  if (isBatching) {\r\n    queue.push(fn);\r\n    return;\r\n  }\r\n\r\n  isBatching = true;\r\n  try {\r\n    fn();\r\n    while (queue.length > 0) {\r\n      const nextFn = queue.shift();\r\n      nextFn?.();\r\n    }\r\n  } finally {\r\n    isBatching = false;\r\n  }\r\n}\r\n\r\nexport function getIsBatching() {\r\n  return isBatching;\r\n}\r\n","import { batchUpdates, isBatching } from './batch.js';\r\n\r\n// Current render ID counter\r\nlet currentRender = 0;\r\nlet renderContext: any = null;\r\n\r\n// State storage\r\nconst states = new Map<number, any[]>();\r\nconst stateIndices = new Map<number, number>();\r\nconst effects = new Map<number, any[]>();\r\nconst memos = new Map<number, any[]>();\r\nconst refs = new Map<number, any[]>();\r\n\r\n// Rendering callbacks\r\nlet globalRenderCallback: any = null;\r\nlet globalContainer: any = null;\r\nlet currentElement: any = null;\r\n\r\nexport function setRenderCallback(callback: any, element: any, container: any): void {\r\n  globalRenderCallback = callback;\r\n  globalContainer = container;\r\n  currentElement = element;\r\n}\r\n\r\nexport function prepareRender(component: any = null): number {\r\n  currentRender++;\r\n  renderContext = component;\r\n  stateIndices.set(currentRender, 0);\r\n  return currentRender;\r\n}\r\n\r\nexport function finishRender(): void {\r\n  renderContext = null;\r\n  currentRender = 0;\r\n}\r\n\r\nexport function useState<T>(initial: T): [T, (newValue: 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) || 0;\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  \r\n  const setState = (newValue: T | ((prev: T) => T)) => {\r\n    const nextValue = typeof newValue === 'function'\r\n      ? (newValue as ((prev: T) => T))(componentStates[index])\r\n      : newValue;\r\n      \r\n    if (componentStates[index] === nextValue) return;\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[]): void {\r\n  if (!currentRender) throw new Error(\"useEffect must be called within a render\");\r\n\r\n  const effectIndex = stateIndices.get(currentRender) || 0;\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  if (!prevEffect || !deps || !prevEffect.deps || deps.some((dep, i) => dep !== prevEffect.deps[i])) {\r\n    if (prevEffect?.cleanup) {\r\n      prevEffect.cleanup();\r\n    }\r\n    \r\n    // Schedule effect execution after render is complete\r\n    queueMicrotask(() => {\r\n      const cleanup = callback() || undefined;\r\n      componentEffects[effectIndex] = { cleanup, deps: 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) || 0;\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: 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): { current: T } {\r\n  if (!currentRender) throw new Error(\"useRef must be called within a render\");\r\n  \r\n  const refIndex = stateIndices.get(currentRender) || 0;\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  \r\n  if (refIndex >= componentRefs.length) {\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\nasync function rerender(rendererId: number): Promise<void> {\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    // Trigger re-render\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\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// Re-export from context\r\nexport { createContext, useContext } from './context.js';\r\n","import { VNode } from './types.js';\r\nimport { prepareRender, finishRender } from './hooks.js';\r\n\r\nexport async function renderToString(element: any): Promise<string> {\r\n  const renderId = prepareRender(true); // Mark as SSR\r\n  \r\n  try {\r\n    const html = await renderNodeToString(element);\r\n    return html;\r\n  } finally {\r\n    finishRender();\r\n  }\r\n}\r\n\r\nasync function renderNodeToString(node: any): Promise<string> {\r\n  // Handle null, undefined, boolean\r\n  if (node == null || typeof node === 'boolean') {\r\n    return '';\r\n  }\r\n\r\n  // Handle primitives\r\n  if (typeof node === 'string' || typeof node === 'number') {\r\n    return escapeHtml(String(node));\r\n  }\r\n\r\n  // Handle arrays\r\n  if (Array.isArray(node)) {\r\n    const results = await Promise.all(node.map(child => renderNodeToString(child)));\r\n    return results.join('');\r\n  }\r\n\r\n  // Handle objects with type and props (React-like elements)\r\n  if (node && typeof node === 'object' && 'type' in node) {\r\n    const { type, props = {} } = node;\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        return await renderNodeToString(result);\r\n      } catch (error:any) {\r\n        console.error('Error rendering component:', error);\r\n        return `<!-- Error rendering component: ${error.message} -->`;\r\n      }\r\n    }\r\n\r\n    // Handle DOM elements\r\n    if (typeof type === 'string') {\r\n      return await renderDOMElement(type, props);\r\n    }\r\n  }\r\n\r\n  // Fallback for other objects\r\n  if (typeof node === 'object') {\r\n    return escapeHtml(JSON.stringify(node));\r\n  }\r\n\r\n  return escapeHtml(String(node));\r\n}\r\n\r\nasync function renderDOMElement(tagName: string, props: any): Promise<string> {\r\n  const { children, ...attrs } = props;\r\n  \r\n  // Self-closing tags\r\n  const voidElements = new Set([\r\n    'area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input',\r\n    'link', 'meta', 'param', 'source', 'track', 'wbr'\r\n  ]);\r\n\r\n  // Build attributes string\r\n  const attributeString = Object.entries(attrs)\r\n    .filter(([key, value]) => {\r\n      // Filter out React-specific props and event handlers\r\n      if (key.startsWith('on') || key === 'key' || key === 'ref') return false;\r\n      if (value == null || value === false) return false;\r\n      return true;\r\n    })\r\n    .map(([key, value]) => {\r\n      // Handle className -> class\r\n      if (key === 'className') key = 'class';\r\n      \r\n      // Handle boolean attributes\r\n      if (value === true) return key;\r\n      \r\n      // Handle style objects\r\n      if (key === 'style' && typeof value === 'object' && value !== null) {\r\n        const styleString = Object.entries(value)\r\n          .map(([prop, val]) => `${kebabCase(prop)}:${val}`)\r\n          .join(';');\r\n        return `style=\"${escapeHtml(styleString)}\"`;\r\n      }\r\n      \r\n      return `${key}=\"${escapeHtml(String(value))}\"`;\r\n    })\r\n    .join(' ');\r\n\r\n  const openTag = `<${tagName}${attributeString ? ' ' + attributeString : ''}>`;\r\n  \r\n  // Self-closing elements\r\n  if (voidElements.has(tagName)) {\r\n    return openTag.slice(0, -1) + '/>';\r\n  }\r\n\r\n  // Elements with children\r\n  const closeTag = `</${tagName}>`;\r\n  \r\n  if (children != null) {\r\n    const childrenString = await renderNodeToString(children);\r\n    return openTag + childrenString + closeTag;\r\n  }\r\n  \r\n  return openTag + closeTag;\r\n}\r\n\r\nfunction escapeHtml(text: string): string {\r\n  const htmlEscapes: Record<string, string> = {\r\n    '&': '&amp;',\r\n    '<': '&lt;',\r\n    '>': '&gt;',\r\n    '\"': '&quot;',\r\n    \"'\": '&#x27;',\r\n    '/': '&#x2F;'\r\n  };\r\n  \r\n  return text.replace(/[&<>\"'/]/g, (match) => htmlEscapes[match]);\r\n}\r\n\r\nfunction kebabCase(str: string): string {\r\n  return str.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);\r\n}\r\n"],"names":["isBatching","queue","batchUpdates","fn","push","length","nextFn","shift","currentRender","states","Map","stateIndices","effects","memos","refs","globalRenderCallback","globalContainer","currentElement","prepareRender","component","set","finishRender","useState","initial","Error","has","componentStates","get","index","state","newValue","nextValue","rerender","async","rendererId","componentEffects","forEach","effect","cleanup","error","console","renderNodeToString","node","escapeHtml","String","Array","isArray","Promise","all","map","child","join","type","props","result","message","tagName","children","attrs","voidElements","Set","attributeString","Object","entries","filter","key","value","startsWith","prop","val","str","replace","match","toLowerCase","openTag","slice","closeTag","renderDOMElement","JSON","stringify","text","htmlEscapes","element","callback","container","deps","effectIndex","prevEffect","some","dep","i","queueMicrotask","setError","factory","memoIndex","componentMemos","prevMemo","is","refIndex","componentRefs","ref","current"],"mappings":"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"}

package/dist/{server-renderer-C1WXH-zV.js → server-renderer-C4MB-jAp.js}

@@ -16,18 +16,12 @@ function batchUpdates(fn) {
     isBatching = false;
   }
 }
-function getIsBatching() {
-  return isBatching;
-}
 let currentRender = 0;
-let isServerRender = false;
 const states = /* @__PURE__ */ new Map();
 const stateIndices = /* @__PURE__ */ new Map();
 const effects = /* @__PURE__ */ new Map();
 const memos = /* @__PURE__ */ new Map();
 const refs = /* @__PURE__ */ new Map();
-const isServer = typeof window === "undefined";
-const serverStates = /* @__PURE__ */ new Map();
 let globalRenderCallback = null;
 let globalContainer = null;
 let currentElement = null;
@@ -36,38 +30,18 @@ function setRenderCallback(callback, element, container) {
   globalContainer = container;
   currentElement = element;
 }
-function prepareRender(isSSR = false) {
+function prepareRender(component = null) {
   currentRender++;
-  isServerRender = isSSR;
   stateIndices.set(currentRender, 0);
   return currentRender;
 }
 function finishRender() {
-  if (isServer || isServerRender) {
-    serverStates.delete(currentRender);
-  }
-  isServerRender = false;
   currentRender = 0;
 }
 function useState(initial) {
-  if (!currentRender && !isServerRender) {
+  if (!currentRender) {
     throw new Error("useState must be called within a render");
   }
-  if (isServer || isServerRender) {
-    if (!serverStates.has(currentRender)) {
-      serverStates.set(currentRender, /* @__PURE__ */ new Map());
-    }
-    const componentState = serverStates.get(currentRender);
-    const index2 = stateIndices.get(currentRender) || 0;
-    if (!componentState.has(index2)) {
-      componentState.set(index2, initial);
-    }
-    const state2 = componentState.get(index2);
-    const setState2 = (_newValue) => {
-    };
-    stateIndices.set(currentRender, index2 + 1);
-    return [state2, setState2];
-  }
   if (!states.has(currentRender)) {
     states.set(currentRender, []);
   }
@@ -91,12 +65,7 @@ function useState(initial) {
   return [state, setState];
 }
 function useEffect(callback, deps) {
-  if (!currentRender && !isServerRender) throw new Error("useEffect must be called within a render");
-  if (isServer || isServerRender) {
-    const effectIndex2 = stateIndices.get(currentRender) || 0;
-    stateIndices.set(currentRender, effectIndex2 + 1);
-    return;
-  }
+  if (!currentRender) throw new Error("useEffect must be called within a render");
   const effectIndex = stateIndices.get(currentRender) || 0;
   if (!effects.has(currentRender)) {
     effects.set(currentRender, []);
@@ -115,7 +84,7 @@ function useEffect(callback, deps) {
   stateIndices.set(currentRender, effectIndex + 1);
 }
 function useMemo(factory, deps) {
-  if (!currentRender && !isServerRender) throw new Error("useMemo must be called within a render");
+  if (!currentRender) throw new Error("useMemo must be called within a render");
   const memoIndex = stateIndices.get(currentRender) || 0;
   if (!memos.has(currentRender)) {
     memos.set(currentRender, []);
@@ -132,7 +101,7 @@ function useMemo(factory, deps) {
   return prevMemo.value;
 }
 function useRef(initial) {
-  if (!currentRender && !isServerRender) throw new Error("useRef must be called within a render");
+  if (!currentRender) throw new Error("useRef must be called within a render");
   const refIndex = stateIndices.get(currentRender) || 0;
   if (!refs.has(currentRender)) {
     refs.set(currentRender, []);
@@ -271,11 +240,9 @@ export {
   useEffect as d,
   useState as e,
   finishRender as f,
-  getIsBatching as g,
-  isBatching as i,
   prepareRender as p,
   renderToString as r,
   setRenderCallback as s,
   useErrorBoundary as u
 };
-//# sourceMappingURL=server-renderer-C1WXH-zV.js.map
+//# sourceMappingURL=server-renderer-C4MB-jAp.js.map

package/dist/server-renderer-C4MB-jAp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"server-renderer-C4MB-jAp.js","sources":["../src/batch.ts","../src/hooks.ts","../src/server-renderer.ts"],"sourcesContent":["export let isBatching = false;\r\nconst queue: Function[] = [];\r\n\r\nexport function batchUpdates(fn: Function) {\r\n  if (isBatching) {\r\n    queue.push(fn);\r\n    return;\r\n  }\r\n\r\n  isBatching = true;\r\n  try {\r\n    fn();\r\n    while (queue.length > 0) {\r\n      const nextFn = queue.shift();\r\n      nextFn?.();\r\n    }\r\n  } finally {\r\n    isBatching = false;\r\n  }\r\n}\r\n\r\nexport function getIsBatching() {\r\n  return isBatching;\r\n}\r\n","import { batchUpdates, isBatching } from './batch.js';\r\n\r\n// Current render ID counter\r\nlet currentRender = 0;\r\nlet renderContext: any = null;\r\n\r\n// State storage\r\nconst states = new Map<number, any[]>();\r\nconst stateIndices = new Map<number, number>();\r\nconst effects = new Map<number, any[]>();\r\nconst memos = new Map<number, any[]>();\r\nconst refs = new Map<number, any[]>();\r\n\r\n// Rendering callbacks\r\nlet globalRenderCallback: any = null;\r\nlet globalContainer: any = null;\r\nlet currentElement: any = null;\r\n\r\nexport function setRenderCallback(callback: any, element: any, container: any): void {\r\n  globalRenderCallback = callback;\r\n  globalContainer = container;\r\n  currentElement = element;\r\n}\r\n\r\nexport function prepareRender(component: any = null): number {\r\n  currentRender++;\r\n  renderContext = component;\r\n  stateIndices.set(currentRender, 0);\r\n  return currentRender;\r\n}\r\n\r\nexport function finishRender(): void {\r\n  renderContext = null;\r\n  currentRender = 0;\r\n}\r\n\r\nexport function useState<T>(initial: T): [T, (newValue: 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) || 0;\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  \r\n  const setState = (newValue: T | ((prev: T) => T)) => {\r\n    const nextValue = typeof newValue === 'function'\r\n      ? (newValue as ((prev: T) => T))(componentStates[index])\r\n      : newValue;\r\n      \r\n    if (componentStates[index] === nextValue) return;\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[]): void {\r\n  if (!currentRender) throw new Error(\"useEffect must be called within a render\");\r\n\r\n  const effectIndex = stateIndices.get(currentRender) || 0;\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  if (!prevEffect || !deps || !prevEffect.deps || deps.some((dep, i) => dep !== prevEffect.deps[i])) {\r\n    if (prevEffect?.cleanup) {\r\n      prevEffect.cleanup();\r\n    }\r\n    \r\n    // Schedule effect execution after render is complete\r\n    queueMicrotask(() => {\r\n      const cleanup = callback() || undefined;\r\n      componentEffects[effectIndex] = { cleanup, deps: 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) || 0;\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: 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): { current: T } {\r\n  if (!currentRender) throw new Error(\"useRef must be called within a render\");\r\n  \r\n  const refIndex = stateIndices.get(currentRender) || 0;\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  \r\n  if (refIndex >= componentRefs.length) {\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\nasync function rerender(rendererId: number): Promise<void> {\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    // Trigger re-render\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\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// Re-export from context\r\nexport { createContext, useContext } from './context.js';\r\n","import { VNode } from './types.js';\r\nimport { prepareRender, finishRender } from './hooks.js';\r\n\r\nexport async function renderToString(element: any): Promise<string> {\r\n  const renderId = prepareRender(true); // Mark as SSR\r\n  \r\n  try {\r\n    const html = await renderNodeToString(element);\r\n    return html;\r\n  } finally {\r\n    finishRender();\r\n  }\r\n}\r\n\r\nasync function renderNodeToString(node: any): Promise<string> {\r\n  // Handle null, undefined, boolean\r\n  if (node == null || typeof node === 'boolean') {\r\n    return '';\r\n  }\r\n\r\n  // Handle primitives\r\n  if (typeof node === 'string' || typeof node === 'number') {\r\n    return escapeHtml(String(node));\r\n  }\r\n\r\n  // Handle arrays\r\n  if (Array.isArray(node)) {\r\n    const results = await Promise.all(node.map(child => renderNodeToString(child)));\r\n    return results.join('');\r\n  }\r\n\r\n  // Handle objects with type and props (React-like elements)\r\n  if (node && typeof node === 'object' && 'type' in node) {\r\n    const { type, props = {} } = node;\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        return await renderNodeToString(result);\r\n      } catch (error:any) {\r\n        console.error('Error rendering component:', error);\r\n        return `<!-- Error rendering component: ${error.message} -->`;\r\n      }\r\n    }\r\n\r\n    // Handle DOM elements\r\n    if (typeof type === 'string') {\r\n      return await renderDOMElement(type, props);\r\n    }\r\n  }\r\n\r\n  // Fallback for other objects\r\n  if (typeof node === 'object') {\r\n    return escapeHtml(JSON.stringify(node));\r\n  }\r\n\r\n  return escapeHtml(String(node));\r\n}\r\n\r\nasync function renderDOMElement(tagName: string, props: any): Promise<string> {\r\n  const { children, ...attrs } = props;\r\n  \r\n  // Self-closing tags\r\n  const voidElements = new Set([\r\n    'area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input',\r\n    'link', 'meta', 'param', 'source', 'track', 'wbr'\r\n  ]);\r\n\r\n  // Build attributes string\r\n  const attributeString = Object.entries(attrs)\r\n    .filter(([key, value]) => {\r\n      // Filter out React-specific props and event handlers\r\n      if (key.startsWith('on') || key === 'key' || key === 'ref') return false;\r\n      if (value == null || value === false) return false;\r\n      return true;\r\n    })\r\n    .map(([key, value]) => {\r\n      // Handle className -> class\r\n      if (key === 'className') key = 'class';\r\n      \r\n      // Handle boolean attributes\r\n      if (value === true) return key;\r\n      \r\n      // Handle style objects\r\n      if (key === 'style' && typeof value === 'object' && value !== null) {\r\n        const styleString = Object.entries(value)\r\n          .map(([prop, val]) => `${kebabCase(prop)}:${val}`)\r\n          .join(';');\r\n        return `style=\"${escapeHtml(styleString)}\"`;\r\n      }\r\n      \r\n      return `${key}=\"${escapeHtml(String(value))}\"`;\r\n    })\r\n    .join(' ');\r\n\r\n  const openTag = `<${tagName}${attributeString ? ' ' + attributeString : ''}>`;\r\n  \r\n  // Self-closing elements\r\n  if (voidElements.has(tagName)) {\r\n    return openTag.slice(0, -1) + '/>';\r\n  }\r\n\r\n  // Elements with children\r\n  const closeTag = `</${tagName}>`;\r\n  \r\n  if (children != null) {\r\n    const childrenString = await renderNodeToString(children);\r\n    return openTag + childrenString + closeTag;\r\n  }\r\n  \r\n  return openTag + closeTag;\r\n}\r\n\r\nfunction escapeHtml(text: string): string {\r\n  const htmlEscapes: Record<string, string> = {\r\n    '&': '&amp;',\r\n    '<': '&lt;',\r\n    '>': '&gt;',\r\n    '\"': '&quot;',\r\n    \"'\": '&#x27;',\r\n    '/': '&#x2F;'\r\n  };\r\n  \r\n  return text.replace(/[&<>\"'/]/g, (match) => htmlEscapes[match]);\r\n}\r\n\r\nfunction kebabCase(str: string): string {\r\n  return str.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);\r\n}\r\n"],"names":["ref"],"mappings":"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"}

package/dist/server-renderer.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./server-renderer-Chs-nmJm.cjs");exports.renderToString=e.renderToString;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./server-renderer-B5b0Q0ck.cjs");exports.renderToString=e.renderToString;
 //# sourceMappingURL=server-renderer.cjs.map

package/dist/server-renderer.js

@@ -1,4 +1,4 @@
-import { r } from "./server-renderer-C1WXH-zV.js";
+import { r } from "./server-renderer-C4MB-jAp.js";
 export {
   r as renderToString
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frontend-hamroun",
-  "version": "1.2.83",
+  "version": "1.2.85",
   "description": "A lightweight full-stack JavaScript framework",
   "type": "module",
   "main": "dist/index.cjs",

package/templates/basic-app/build.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=build.d.ts.map

package/templates/basic-app/build.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["build.js"],"names":[],"mappings":""}

package/templates/basic-app/dev.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=dev.d.ts.map

package/templates/basic-app/dev.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev.d.ts","sourceRoot":"","sources":["dev.js"],"names":[],"mappings":""}

package/templates/basic-app/esbuild.config.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=esbuild.config.d.ts.map

package/templates/basic-app/esbuild.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"esbuild.config.d.ts","sourceRoot":"","sources":["esbuild.config.js"],"names":[],"mappings":""}

package/templates/basic-app/postcss.config.d.ts

@@ -0,0 +1,8 @@
+declare namespace _default {
+    namespace plugins {
+        let tailwindcss: {};
+        let autoprefixer: {};
+    }
+}
+export default _default;
+//# sourceMappingURL=postcss.config.d.ts.map

package/templates/basic-app/postcss.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"postcss.config.d.ts","sourceRoot":"","sources":["postcss.config.js"],"names":[],"mappings":""}

package/templates/basic-app/server.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=server.d.ts.map

package/templates/basic-app/server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["server.js"],"names":[],"mappings":""}

package/templates/basic-app/src/App.d.ts

@@ -0,0 +1,2 @@
+export declare function App(): JSX.Element;
+//# sourceMappingURL=App.d.ts.map

package/templates/basic-app/src/App.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["App.tsx"],"names":[],"mappings":"AAwFA,wBAAgB,GAAG,gBA2TlB"}

package/templates/basic-app/src/App.js

@@ -0,0 +1,148 @@
+import { jsx as _jsx, jsxs as _jsxs } from "frontend-hamroun/jsx-runtime";
+import { useState, useEffect, useMemo, useErrorBoundary, useForm } from 'frontend-hamroun';
+// Todo Item Component
+function TodoItem({ todo, onToggle, onDelete }) {
+    return (_jsxs("div", { className: `todo-item ${todo.completed ? 'completed' : ''}`, children: [_jsx("input", { type: "checkbox", checked: todo.completed, onChange: () => onToggle(todo.id), className: "todo-checkbox" }), _jsx("span", { className: "todo-text", children: todo.text }), _jsxs("span", { className: `todo-priority priority-${todo.priority}`, children: [todo.priority === 'high' && '🔴', todo.priority === 'medium' && '🟡', todo.priority === 'low' && '🟢', todo.priority] }), _jsx("div", { className: "todo-actions", children: _jsx("button", { onClick: () => onDelete(todo.id), className: "btn btn-sm btn-danger", title: "Delete todo", children: "\uD83D\uDDD1\uFE0F" }) })] }));
+}
+// Theme Toggle Button Component
+function ThemeToggleButton({ theme, onToggle }) {
+    return (_jsx("button", { onClick: onToggle, className: "btn btn-secondary theme-toggle", title: "Toggle theme", children: theme === 'light' ? '🌙' : '☀️' }));
+}
+// App Footer Component
+function AppFooter({ theme }) {
+    return (_jsx("footer", { className: "app-footer", children: _jsxs("div", { className: "container", children: [_jsx("p", { children: "Built with Frontend Hamroun \u2022 Hooks: useState, useEffect, useMemo, useErrorBoundary, useForm" }), _jsxs("p", { children: ["Theme: ", _jsx("strong", { children: theme }), " \u2022 Environment: ", _jsx("strong", { children: "Client" })] })] }) }));
+}
+export function App() {
+    // State hooks with proper typing
+    const [todos, setTodos] = useState([
+        { id: 1, text: 'Learn Frontend Hamroun hooks', completed: false, priority: 'high' },
+        { id: 2, text: 'Build a todo app', completed: false, priority: 'medium' },
+        { id: 3, text: 'Master client-side concepts', completed: true, priority: 'low' }
+    ]);
+    const [theme, setTheme] = useState('light');
+    const [taskFilter, setTaskFilter] = useState('all');
+    // Error boundary hook
+    const [error, resetError] = useErrorBoundary();
+    // Form hook for adding new todos
+    const addTodoForm = useForm({
+        initialValues: {
+            text: '',
+            priority: 'medium'
+        },
+        validate: (values) => {
+            const errors = {};
+            if (!values.text.trim()) {
+                errors.text = 'Todo text is required';
+            }
+            return errors;
+        },
+        onSubmit: (values) => {
+            const newTodo = {
+                id: Date.now(),
+                text: values.text.trim(),
+                completed: false,
+                priority: values.priority
+            };
+            setTodos(prev => [...prev, newTodo]);
+            addTodoForm.resetForm();
+        }
+    });
+    // Mount effect
+    useEffect(() => {
+        console.log('Todo App mounted');
+        // Load saved todos from localStorage
+        const savedTodos = localStorage.getItem('todos');
+        const savedTheme = localStorage.getItem('theme');
+        if (savedTodos) {
+            try {
+                setTodos(JSON.parse(savedTodos));
+            }
+            catch (e) {
+                console.error('Failed to load saved todos');
+            }
+        }
+        if (savedTheme) {
+            setTheme(savedTheme);
+        }
+        return () => {
+            console.log('Todo App unmounting');
+        };
+    }, []);
+    // Theme effect
+    useEffect(() => {
+        document.body.className = `theme-${theme}`;
+        document.documentElement.setAttribute('data-theme', theme);
+        localStorage.setItem('theme', theme);
+    }, [theme]);
+    // Save todos effect
+    useEffect(() => {
+        if (todos.length === 0)
+            return;
+        localStorage.setItem('todos', JSON.stringify(todos));
+    }, [todos]);
+    // Memoized filtered todos
+    const filteredTodos = useMemo(() => {
+        console.log('Filtering todos - memoized computation');
+        return todos.filter(todo => {
+            if (taskFilter === 'completed')
+                return todo.completed;
+            if (taskFilter === 'active')
+                return !todo.completed;
+            if (taskFilter === 'high')
+                return todo.priority === 'high';
+            if (taskFilter === 'medium')
+                return todo.priority === 'medium';
+            if (taskFilter === 'low')
+                return todo.priority === 'low';
+            return true;
+        });
+    }, [todos, taskFilter]);
+    // Memoized todo stats
+    const todoStats = useMemo(() => {
+        const total = todos.length;
+        const completed = todos.filter(t => t.completed).length;
+        const active = total - completed;
+        const highPriority = todos.filter(t => t.priority === 'high' && !t.completed).length;
+        return { total, completed, active, highPriority };
+    }, [todos]);
+    // Todo action handlers
+    const handleToggleTodo = (id) => {
+        console.log('Toggling todo:', id);
+        setTodos(prev => prev.map(todo => todo.id === id ? { ...todo, completed: !todo.completed } : todo));
+    };
+    const handleDeleteTodo = (id) => {
+        console.log('Deleting todo:', id);
+        setTodos(prev => prev.filter(todo => todo.id !== id));
+    };
+    // Event handlers
+    const clearCompleted = () => {
+        setTodos(prev => prev.filter(todo => !todo.completed));
+    };
+    const markAllComplete = () => {
+        setTodos(prev => prev.map(todo => ({ ...todo, completed: true })));
+    };
+    const toggleTheme = () => {
+        setTheme(prev => prev === 'light' ? 'dark' : 'light');
+    };
+    const simulateError = () => {
+        throw new Error('Simulated error for testing error boundary');
+    };
+    if (error) {
+        return (_jsxs("div", { className: "error-container", children: [_jsx("h2", { children: "Something went wrong!" }), _jsx("p", { children: error.message }), _jsx("button", { onClick: resetError, className: "btn btn-primary", children: "Try Again" })] }));
+    }
+    return (_jsxs("div", { className: `app theme-${theme}`, children: [_jsx("header", { className: "app-header", children: _jsxs("div", { className: "container", children: [_jsxs("h1", { className: "app-title", children: ["\uD83D\uDCDD Todo App", _jsx("span", { className: "subtitle", children: "Built with Frontend Hamroun" })] }), _jsxs("div", { className: "header-controls", children: [_jsx(ThemeToggleButton, { theme: theme, onToggle: toggleTheme }), _jsxs("div", { className: "stats", children: [_jsxs("span", { className: "stat", children: ["Total: ", _jsx("strong", { children: todoStats.total })] }), _jsxs("span", { className: "stat", children: ["Active: ", _jsx("strong", { children: todoStats.active })] }), _jsxs("span", { className: "stat", children: ["Done: ", _jsx("strong", { children: todoStats.completed })] })] })] })] }) }), _jsx("main", { className: "main-content", children: _jsxs("div", { className: "container", children: [_jsxs("section", { className: "card add-todo-section", children: [_jsx("h2", { children: "\u2795 Add New Todo" }), _jsxs("form", { onSubmit: addTodoForm.handleSubmit, className: "add-todo-form", children: [_jsx("input", { type: "text", name: "text", value: addTodoForm.values.text, onChange: addTodoForm.handleChange, onBlur: addTodoForm.handleBlur, placeholder: "What needs to be done?", className: `input todo-input ${addTodoForm.errors.text && addTodoForm.touched.text ? 'error' : ''}` }), _jsxs("select", { name: "priority", value: addTodoForm.values.priority, onChange: addTodoForm.handleChange, className: "select priority-select", children: [_jsx("option", { value: "low", children: "\uD83D\uDFE2 Low Priority" }), _jsx("option", { value: "medium", children: "\uD83D\uDFE1 Medium Priority" }), _jsx("option", { value: "high", children: "\uD83D\uDD34 High Priority" })] }), _jsx("button", { type: "submit", className: `btn btn-primary add-btn ${addTodoForm.isSubmitting ? 'loading' : ''}`, disabled: addTodoForm.isSubmitting || !addTodoForm.values.text.trim(), children: addTodoForm.isSubmitting ? '⏳ Adding...' : '➕ Add Todo' })] }), addTodoForm.errors.text && addTodoForm.touched.text && (_jsx("div", { className: "error-message", children: addTodoForm.errors.text }))] }), _jsxs("section", { className: "card filters-section", children: [_jsx("h2", { children: "\uD83D\uDD0D Filter Todos" }), _jsx("div", { className: "filters", children: ['all', 'active', 'completed', 'high', 'medium', 'low'].map(filterType => (_jsxs("button", { onClick: () => setTaskFilter(filterType), className: `btn btn-sm filter-btn ${taskFilter === filterType ? 'btn-primary' : 'btn-outline'}`, children: [filterType === 'all' && '📋 All', filterType === 'active' && '⏳ Active', filterType === 'completed' && '✅ Completed', filterType === 'high' && '🔴 High Priority', filterType === 'medium' && '🟡 Medium Priority', filterType === 'low' && '🟢 Low Priority'] }, filterType))) }), _jsxs("div", { className: "bulk-actions", children: [_jsx("button", { onClick: markAllComplete, className: "btn btn-success btn-sm", disabled: todoStats.active === 0, children: "\u2705 Mark All Complete" }), _jsx("button", { onClick: clearCompleted, className: "btn btn-warning btn-sm", disabled: todoStats.completed === 0, children: "\uD83D\uDDD1\uFE0F Clear Completed" })] })] }), _jsxs("section", { className: "card todos-section", children: [_jsxs("div", { className: "section-header", children: [_jsx("h2", { children: "\uD83D\uDCCB Todo List" }), _jsxs("div", { className: "filter-info", children: ["Showing ", _jsx("strong", { children: filteredTodos.length }), " of ", _jsx("strong", { children: todoStats.total }), " todos", taskFilter !== 'all' && _jsx("span", { className: "filter-badge", children: taskFilter })] })] }), _jsx("div", { className: "todos-list", children: filteredTodos.length > 0 ? (filteredTodos.map(todo => (_jsx(TodoItem, { todo: todo, onToggle: handleToggleTodo, onDelete: handleDeleteTodo }, todo.id)))) : (_jsx("div", { className: "empty-state", children: _jsx("p", { children: taskFilter === 'all' ? '🎉 No todos yet. Add one above!' :
+                                                taskFilter === 'completed' ? '📝 No completed todos yet.' :
+                                                    taskFilter === 'active' ? '🎯 No active todos. Great job!' :
+                                                        `🔍 No ${taskFilter} priority todos found.` }) })) })] }), _jsxs("section", { className: "card actions-section", children: [_jsx("h2", { children: "\u2699\uFE0F Actions" }), _jsx("div", { className: "action-buttons", children: _jsx("button", { onClick: simulateError, className: "btn btn-danger", children: "\uD83D\uDCA5 Test Error Boundary" }) })] })] }) }), _jsx(AppFooter, { theme: theme }), _jsx("style", { children: `
+        /* ...existing styles... */
+        .error-message {
+          color: #e74c3c;
+          font-size: 0.875rem;
+          margin-top: 0.5rem;
+        }
+        
+        .input.error {
+          border-color: #e74c3c;
+        }
+      ` })] }));
+}