frontend-hamroun 1.2.75 → 1.2.77

package/templates/fullstack-app/build/main.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../node_modules/frontend-hamroun/src/batch.ts", "../node_modules/frontend-hamroun/src/hooks.ts", "../node_modules/frontend-hamroun/src/context.ts", "../node_modules/frontend-hamroun/src/jsx-runtime.ts", "../node_modules/frontend-hamroun/src/renderer.ts", "../node_modules/frontend-hamroun/src/server-renderer.ts", "../node_modules/frontend-hamroun/src/index.client.ts", "../src/config.ts", "../src/components/Layout.tsx", "../src/pages/about/index.tsx", "../src/components/UserList.tsx", "../src/data/api.ts", "../src/pages/index.tsx", "../src/pages/users.tsx", "../src/main.tsx", "../src/router.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 { 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\nconst isServer = typeof window === 'undefined';\r\nconst serverStates = new Map<number, any>();\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  if (isServer) {\r\n    serverStates.delete(currentRender);\r\n  }\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 (isServer) {\r\n    // Server-side state handling\r\n    if (!serverStates.has(currentRender)) {\r\n      serverStates.set(currentRender, new Map());\r\n    }\r\n    const componentState = serverStates.get(currentRender)!;\r\n    const index = stateIndices.get(currentRender) || 0;\r\n    \r\n    if (!componentState.has(index)) {\r\n      componentState.set(index, initial);\r\n    }\r\n\r\n    const state = componentState.get(index);\r\n    const setState = (newValue: T | ((prev: T) => T)) => {\r\n      // No-op for server-side\r\n    };\r\n\r\n    stateIndices.set(currentRender, index + 1);\r\n    return [state, setState];\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", "\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 context = {\r\n    Provider: ({ value, children }: { value: T, children?: any }) => {\r\n      return children;\r\n    },\r\n    Consumer: ({ children }: { children: (value: T) => any }) => {\r\n      return children(defaultValue);\r\n    },\r\n    _id: Symbol(),\r\n    useSelector: <S>(selector: (state: T) => S) => {\r\n      return selector(defaultValue);\r\n    }\r\n  };\r\n\r\n  return context;\r\n}\r\n\r\nexport function useContext<T>(context: any): T {\r\n  return context;\r\n}\r\n", "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\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", "import { createElement } from './jsx-runtime';\r\nimport { prepareRender, finishRender, setRenderCallback } from './hooks';\r\nimport { 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", "import { VNode, Component } from './types';\r\nimport { prepareRender, finishRender } from './hooks';\r\n\r\n/**\r\n * Renders a virtual DOM tree to an HTML string\r\n */\r\nexport function renderToString(vnode: VNode): string {\r\n  // Reset hook state for this render\r\n  prepareRender();\r\n  \r\n  // Render the tree to HTML\r\n  const html = renderNodeToString(vnode);\r\n  \r\n  // Clean up after rendering\r\n  finishRender();\r\n  \r\n  return html;\r\n}\r\n\r\n/**\r\n * Internal function to convert a virtual node to an HTML string\r\n */\r\nfunction renderNodeToString(vnode: VNode | string | number | boolean | null | undefined): string {\r\n  // Handle primitive values\r\n  if (vnode === null || vnode === undefined) return '';\r\n  if (typeof vnode === 'boolean') return '';\r\n  if (typeof vnode === 'number' || typeof vnode === 'string') return escapeHtml(String(vnode));\r\n  \r\n  // Handle function components\r\n  if (typeof vnode.type === 'function') {\r\n    const Component = vnode.type as Component;\r\n    const renderedNode = Component(vnode.props || {});\r\n    return renderNodeToString(renderedNode);\r\n  }\r\n  \r\n  // Handle intrinsic elements (regular HTML tags)\r\n  if (typeof vnode.type === 'string') {\r\n    const tag = vnode.type;\r\n    let attrs = '';\r\n    let children = '';\r\n    \r\n    // Convert props to HTML attributes\r\n    if (vnode.props) {\r\n      for (const [key, value] of Object.entries(vnode.props)) {\r\n        // Skip children prop as we handle it separately\r\n        if (key === 'children') continue;\r\n        \r\n        // Skip event handlers (they start with 'on')\r\n        if (key.startsWith('on')) continue;\r\n        \r\n        // Handle the className prop specially\r\n        if (key === 'className') {\r\n          attrs += ` class=\"${escapeHtml(value as string)}\"`;\r\n          continue;\r\n        }\r\n        \r\n        // Handle other attributes\r\n        if (typeof value === 'string' || typeof value === 'number') {\r\n          attrs += ` ${key}=\"${escapeHtml(String(value))}\"`;\r\n        } else if (value === true) {\r\n          // Boolean attributes\r\n          attrs += ` ${key}`;\r\n        }\r\n      }\r\n    }\r\n    \r\n    // Process children\r\n    const childrenArray = (vnode.props?.children) \r\n      ? Array.isArray(vnode.props.children) \r\n        ? vnode.props.children \r\n        : [vnode.props.children]\r\n      : [];\r\n    \r\n    for (const child of childrenArray) {\r\n      children += renderNodeToString(child);\r\n    }\r\n    \r\n    // Self-closing tags\r\n    const selfClosing = [\r\n      'area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input',\r\n      'link', 'meta', 'param', 'source', 'track', 'wbr'\r\n    ];\r\n    \r\n    if (selfClosing.includes(tag)) {\r\n      return `<${tag}${attrs}/>`;\r\n    }\r\n    \r\n    // Regular tags with closing\r\n    return `<${tag}${attrs}>${children}</${tag}>`;\r\n  }\r\n  \r\n  // Handle fragments\r\n  if (vnode.type === Symbol.for('react.fragment')) {\r\n    let fragmentOutput = '';\r\n    const children = Array.isArray(vnode.props?.children)\r\n      ? vnode.props.children\r\n      : vnode.props?.children ? [vnode.props.children] : [];\r\n    \r\n    for (const child of children) {\r\n      fragmentOutput += renderNodeToString(child);\r\n    }\r\n    \r\n    return fragmentOutput;\r\n  }\r\n  \r\n  // Fallback for unknown node types\r\n  console.warn('Unknown vnode type:', vnode.type);\r\n  return '';\r\n}\r\n\r\n/**\r\n * Escape HTML special characters to prevent XSS\r\n */\r\nfunction escapeHtml(text: string): string {\r\n  return text\r\n    .replace(/&/g, '&amp;')\r\n    .replace(/</g, '&lt;')\r\n    .replace(/>/g, '&gt;')\r\n    .replace(/\"/g, '&quot;')\r\n    .replace(/'/g, '&#039;');\r\n}\r\n", "import { createElement } from './jsx-runtime';\r\nimport { prepareRender, finishRender, setRenderCallback } from './hooks';\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\nexport { jsx, jsxs, Fragment } from './jsx-runtime';\r\nexport { render, hydrate } from './renderer';\r\nexport { renderToString } from './server-renderer';\r\n\r\n// Re-export types for client-side usage\r\nexport type { Context } from './context';\r\nexport type { VNode } from './types';\r\n\r\n// Export a placeholder for server functionality that works in browser environments\r\nexport const server = {\r\n  async getServer() {\r\n    throw new Error('Server module can only be used in Node.js environment');\r\n  }\r\n};\r\n\r\nlet isHydrating = false;\r\n", "// Application configuration\r\n// Modify this file to customize your application without changing core files\r\n\r\nexport const AppConfig = {\r\n  // App information\r\n  title: 'Frontend Hamroun App',\r\n  description: 'A full-stack application built with Frontend Hamroun',\r\n  \r\n  // Navigation\r\n  navigation: [\r\n    { path: '/', label: 'Home' },\r\n    { path: '/about', label: 'About' },\r\n    { path: '/users', label: 'Users' }\r\n  ],\r\n  \r\n  // API endpoints\r\n  api: {\r\n    baseUrl: '/api',\r\n    endpoints: {\r\n      users: '/users',\r\n      posts: '/posts'\r\n    }\r\n  },\r\n  \r\n  // Default meta tags\r\n  meta: {\r\n    viewport: 'width=device-width, initial-scale=1.0',\r\n    charset: 'UTF-8',\r\n    author: 'Your Name',\r\n    keywords: 'frontend-hamroun, fullstack, template'\r\n  },\r\n  \r\n  // Style customization\r\n  theme: {\r\n    primaryColor: '#0066cc',\r\n    backgroundColor: '#ffffff',\r\n    textColor: '#333333',\r\n    fontFamily: '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif'\r\n  }\r\n};\r\n\r\nexport default AppConfig;\r\n", "import { jsx, Fragment } from 'frontend-hamroun';\nimport { jsx } from 'frontend-hamroun';\r\nimport AppConfig from '../config';\r\n\r\nexport interface LayoutProps {\r\n  children: any;\r\n  title?: string;\r\n  showNavigation?: boolean;\r\n}\r\n\r\nexport default function Layout({ children, title = AppConfig.title, showNavigation = true }: LayoutProps) {\r\n  const { navigation } = AppConfig;\r\n  \r\n  return (\r\n    <div className=\"container mx-auto px-4 py-8 max-w-5xl\">\r\n      <header className=\"mb-8\">\r\n        <h1 className=\"text-4xl font-bold text-gray-800 mb-4\">{title}</h1>\r\n        \r\n        {showNavigation && (\r\n          <nav className=\"mb-6\">\r\n            <ul className=\"flex space-x-6\">\r\n              {navigation.map(item => (\r\n                <li key={item.path}>\r\n                  <a \r\n                    href={item.path} \r\n                    className=\"text-blue-600 hover:text-blue-800 hover:underline transition-colors font-medium\"\r\n                  >\r\n                    {item.label}\r\n                  </a>\r\n                </li>\r\n              ))}\r\n            </ul>\r\n          </nav>\r\n        )}\r\n      </header>\r\n      \r\n      <main className=\"min-h-[50vh]\">\r\n        {children}\r\n      </main>\r\n      \r\n      <footer className=\"mt-12 pt-6 border-t border-gray-200 text-gray-600 text-sm\">\r\n        <p>{AppConfig.title} &copy; {new Date().getFullYear()}</p>\r\n      </footer>\r\n    </div>\r\n  );\r\n}\r\n", "import { jsx, Fragment } from 'frontend-hamroun';\nimport { jsx } from 'frontend-hamroun';\r\nimport Layout from '../../components/Layout';\r\n\r\nconst AboutPage = ({ initialState }) => {\r\n  return (\r\n    <Layout title=\"About This App\">\r\n      <div className=\"max-w-4xl mx-auto bg-white shadow-lg rounded-lg overflow-hidden\">\r\n        <div className=\"p-8\">\r\n          <p className=\"text-lg text-gray-700 mb-6\">\r\n            This is a frontend application built with Frontend Hamroun framework and styled with Tailwind CSS.\r\n          </p>\r\n          <p className=\"text-gray-600 mb-8\">\r\n            It features server-side rendering, client-side navigation, and websocket-based live reloading during development.\r\n          </p>\r\n          \r\n          <div className=\"bg-gray-50 p-6 rounded-lg border border-gray-200 mb-8\">\r\n            <h2 className=\"text-xl font-semibold text-gray-800 mb-4\">Key Features</h2>\r\n            <ul className=\"space-y-2 text-gray-700\">\r\n              <li className=\"flex items-center\">\r\n                <svg className=\"w-5 h-5 text-green-500 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M5 13l4 4L19 7\"></path>\r\n                </svg>\r\n                Server-side rendering\r\n              </li>\r\n              <li className=\"flex items-center\">\r\n                <svg className=\"w-5 h-5 text-green-500 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M5 13l4 4L19 7\"></path>\r\n                </svg>\r\n                Client-side navigation\r\n              </li>\r\n              <li className=\"flex items-center\">\r\n                <svg className=\"w-5 h-5 text-green-500 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M5 13l4 4L19 7\"></path>\r\n                </svg>\r\n                Component-based architecture\r\n              </li>\r\n              <li className=\"flex items-center\">\r\n                <svg className=\"w-5 h-5 text-green-500 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M5 13l4 4L19 7\"></path>\r\n                </svg>\r\n                Integrated API backend\r\n              </li>\r\n              <li className=\"flex items-center\">\r\n                <svg className=\"w-5 h-5 text-green-500 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M5 13l4 4L19 7\"></path>\r\n                </svg>\r\n                Live reload during development\r\n              </li>\r\n              <li className=\"flex items-center\">\r\n                <svg className=\"w-5 h-5 text-green-500 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M5 13l4 4L19 7\"></path>\r\n                </svg>\r\n                Tailwind CSS for styling\r\n              </li>\r\n            </ul>\r\n          </div>\r\n          \r\n          <a href=\"/\" className=\"inline-block px-6 py-3 bg-blue-600 text-white font-medium rounded-lg hover:bg-blue-700 transition-colors\">\r\n            Back to Home\r\n          </a>\r\n        </div>\r\n      </div>\r\n    </Layout>\r\n  );\r\n};\r\n\r\nexport default AboutPage;\r\n", "import { jsx, Fragment } from 'frontend-hamroun';\nimport { jsx } from 'frontend-hamroun';\r\n\r\nconst UserList = ({ users }) => {\r\n  if (!users || users.length === 0) {\r\n    return (\r\n      <div className=\"p-4 bg-gray-50 rounded-lg border border-gray-200 my-4\">\r\n        <p className=\"text-gray-500 italic\">No users found or still loading...</p>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div className=\"rounded-lg overflow-hidden my-4\">\r\n      <h3 className=\"text-lg font-medium mb-3\">Users ({users.length})</h3>\r\n      <ul className=\"divide-y divide-gray-200 border border-gray-200 rounded-lg overflow-hidden\">\r\n        {users.map(user => (\r\n          <li key={user.id} className=\"flex justify-between items-center p-4 hover:bg-gray-50\">\r\n            <span className=\"font-medium text-gray-800\">{user.name}</span>\r\n            <span className=\"text-gray-500 text-sm\">{user.email}</span>\r\n          </li>\r\n        ))}\r\n      </ul>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default UserList;\r\n", "// General API utility for data fetching\r\n\r\n/**\r\n * Fetch data from an API endpoint\r\n * @param endpoint The API endpoint to fetch from (without /api prefix)\r\n * @param options Additional fetch options\r\n * @returns The parsed JSON response or null if there was an error\r\n */\r\nexport async function fetchApi(endpoint: string, options = {}) {\r\n  const url = endpoint.startsWith('/') ? `/api${endpoint}` : `/api/${endpoint}`;\r\n  \r\n  try {\r\n    console.log(`[API] Fetching data from: ${url}`);\r\n    const response = await fetch(url, {\r\n      headers: {\r\n        'Content-Type': 'application/json',\r\n        'Accept': 'application/json'\r\n      },\r\n      ...options\r\n    });\r\n    \r\n    if (!response.ok) {\r\n      throw new Error(`API request failed: ${response.status} ${response.statusText}`);\r\n    }\r\n    \r\n    const data = await response.json();\r\n    console.log(`[API] Successfully fetched data from: ${url}`);\r\n    return data;\r\n  } catch (error) {\r\n    console.error(`[API] Error fetching from ${url}:`, error);\r\n    return null;\r\n  }\r\n}\r\n\r\n/**\r\n * User-related API calls\r\n */\r\nexport const UserApi = {\r\n  getAll: () => fetchApi('/users'),\r\n  getById: (id: number | string) => fetchApi(`/users/${id}`),\r\n  create: (data: any) => fetchApi('/users', {\r\n    method: 'POST',\r\n    body: JSON.stringify(data)\r\n  }),\r\n  update: (id: number | string, data: any) => fetchApi(`/users/${id}`, {\r\n    method: 'PUT',\r\n    body: JSON.stringify(data)\r\n  }),\r\n  delete: (id: number | string) => fetchApi(`/users/${id}`, {\r\n    method: 'DELETE'\r\n  })\r\n};\r\n\r\n/**\r\n * Post-related API calls\r\n */\r\nexport const PostApi = {\r\n  getAll: () => fetchApi('/posts'),\r\n  getById: (id: number | string) => fetchApi(`/posts/${id}`),\r\n  create: (data: any) => fetchApi('/posts', {\r\n    method: 'POST',\r\n    body: JSON.stringify(data)\r\n  }),\r\n  update: (id: number | string, data: any) => fetchApi(`/posts/${id}`, {\r\n    method: 'PUT',\r\n    body: JSON.stringify(data)\r\n  }),\r\n  delete: (id: number | string) => fetchApi(`/posts/${id}`, {\r\n    method: 'DELETE'\r\n  })\r\n};\r\n", "import { jsx, Fragment } from 'frontend-hamroun';\nimport { jsx } from 'frontend-hamroun';\r\nimport Layout from '../components/Layout';\r\nimport UserList from '../components/UserList';\r\nimport { UserApi } from '../data/api';\r\n\r\nconst HomePage = ({ initialState }) => (\r\n  <Layout title=\"Home\">\r\n    <div className=\"max-w-4xl mx-auto py-8\">\r\n      <h1 className=\"text-3xl font-bold text-blue-600 mb-6\">Welcome to your Frontend Hamroun application!</h1>\r\n      \r\n      <div className=\"bg-white shadow-lg rounded-lg p-6 mb-8\">\r\n        <h2 className=\"text-xl font-semibold text-gray-800 mb-4\">User List</h2>\r\n        <UserList users={initialState.data?.users || []} />\r\n      </div>\r\n      \r\n      <div className=\"bg-gray-50 rounded-lg p-6 border border-gray-200\">\r\n        <h3 className=\"text-lg font-medium text-gray-700 mb-3\">Application State</h3>\r\n        <pre className=\"overflow-auto p-4 bg-gray-100 rounded-md text-sm text-gray-800\">\r\n          {JSON.stringify(initialState, null, 2)}\r\n        </pre>\r\n      </div>\r\n    </div>\r\n  </Layout>\r\n);\r\n\r\n// Static method to fetch initial data for this page\r\nHomePage.getInitialData = async () => {\r\n  return {\r\n    users: await UserApi.getAll()\r\n  };\r\n};\r\n\r\nexport default HomePage;\r\n", "import { jsx, Fragment } from 'frontend-hamroun';\nimport { jsx } from 'frontend-hamroun';\r\nimport Layout from '../components/Layout';\r\nimport { UserApi } from '../data/api';\r\n\r\nconst UsersPage = ({ initialState }) => {\r\n  const users = initialState.data?.users || [];\r\n\r\n  return (\r\n    <Layout title=\"User Management\">\r\n      <div className=\"max-w-4xl mx-auto\">\r\n        <div className=\"bg-blue-50 p-6 rounded-lg mb-8 border border-blue-100\">\r\n          <h2 className=\"text-xl font-semibold text-blue-800 mb-2\">Data Fetching Demo</h2>\r\n          <p className=\"text-blue-700\">This page demonstrates dynamic data fetching with the Users API.</p>\r\n        </div>\r\n        \r\n        <div className=\"bg-white shadow-md rounded-lg overflow-hidden\">\r\n          <div className=\"px-6 py-4 border-b border-gray-200\">\r\n            <h2 className=\"text-xl font-semibold text-gray-800\">User List</h2>\r\n          </div>\r\n          \r\n          {users.length === 0 ? (\r\n            <div className=\"p-6 text-center text-gray-500\">\r\n              <p>No users found.</p>\r\n            </div>\r\n          ) : (\r\n            <div className=\"overflow-x-auto\">\r\n              <table className=\"w-full\">\r\n                <thead>\r\n                  <tr className=\"bg-gray-50\">\r\n                    <th className=\"text-left py-3 px-6 font-medium text-gray-600 text-sm uppercase tracking-wider border-b\">ID</th>\r\n                    <th className=\"text-left py-3 px-6 font-medium text-gray-600 text-sm uppercase tracking-wider border-b\">Name</th>\r\n                    <th className=\"text-left py-3 px-6 font-medium text-gray-600 text-sm uppercase tracking-wider border-b\">Email</th>\r\n                  </tr>\r\n                </thead>\r\n                <tbody className=\"divide-y divide-gray-200\">\r\n                  {users.map(user => (\r\n                    <tr key={user.id} className=\"hover:bg-gray-50\">\r\n                      <td className=\"py-4 px-6 text-sm text-gray-900\">{user.id}</td>\r\n                      <td className=\"py-4 px-6 text-sm font-medium text-gray-900\">{user.name}</td>\r\n                      <td className=\"py-4 px-6 text-sm text-gray-500\">{user.email}</td>\r\n                    </tr>\r\n                  ))}\r\n                </tbody>\r\n              </table>\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </Layout>\r\n  );\r\n};\r\n\r\n// Static method to fetch initial data for this page\r\nUsersPage.getInitialData = async () => {\r\n  return {\r\n    users: await UserApi.getAll()\r\n  };\r\n};\r\n\r\nexport default UsersPage;\r\n", "import { jsx, Fragment } from 'frontend-hamroun';\nimport { render, hydrate, jsx } from 'frontend-hamroun';\r\nimport { router } from './router';\r\n// Import Tailwind CSS\r\nimport './styles.css';\r\n\r\n// Import pages directly to ensure they're available\r\nimport HomePage from './pages/index';\r\nimport AboutPage from './pages/about';\r\nimport UsersPage from './pages/users';\r\n\r\n// Create a mutable variable for hydration state\r\nlet isHydrating = document.getElementById('root')?.innerHTML.trim() !== '';\r\n\r\nconsole.log('[Client] Running client-side code. Hydration state:', isHydrating);\r\n\r\n// Get initial state from server\r\nconst initialState = window.__INITIAL_STATE__ || { \r\n  route: window.location.pathname,\r\n  timestamp: new Date().toISOString(),\r\n  serverRendered: false,\r\n  data: {\r\n    users: null,\r\n    posts: null\r\n  }\r\n};\r\n\r\nconsole.log('[Client] Initial state:', initialState);\r\n\r\n// Function to fetch data from API\r\nasync function fetchData(path) {\r\n  try {\r\n    console.log(`[Client] Fetching data from API: ${path}`);\r\n    const response = await fetch(`/api${path}`);\r\n    if (!response.ok) {\r\n      throw new Error(`API request failed: ${response.status}`);\r\n    }\r\n    const data = await response.json();\r\n    console.log(`[Client] Received data:`, data);\r\n    return data;\r\n  } catch (error) {\r\n    console.error(`[Client] Error fetching data from ${path}:`, error);\r\n    return null;\r\n  }\r\n}\r\n\r\n// Initialize known routes\r\nfunction initializeRouter() {\r\n  console.log('[Client] Initializing router with known pages');\r\n  router.register('index', HomePage);\r\n  router.register('about', AboutPage);\r\n  router.register('users', UsersPage);\r\n}\r\n\r\n// Call initialization before rendering\r\ninitializeRouter();\r\n\r\n// Function to determine which page to render based on the route\r\nasync function renderApp() {\r\n  try {\r\n    // Get current path\r\n    const currentPath = window.location.pathname;\r\n    \r\n    console.log(`[Client] Rendering for path: ${currentPath}`);\r\n    \r\n    // Find the root element\r\n    const rootElement = document.getElementById('root');\r\n    if (!rootElement) {\r\n      console.error('[Client] Root element not found');\r\n      return;\r\n    }\r\n    \r\n    // Fetch data based on the current route\r\n    console.log(`[Client] Fetching users data for ${currentPath}`);\r\n    const users = await fetchData('/users');\r\n    \r\n    if (users) {\r\n      initialState.data = {\r\n        ...initialState.data,\r\n        users\r\n      };\r\n      console.log(`[Client] Updated state with ${users.length} users`);\r\n    }\r\n    \r\n    // Get the component for the current path\r\n    let PageComponent = null;\r\n    \r\n    // Special cases for known routes\r\n    if (currentPath === '/about') {\r\n      try {\r\n        const AboutPage = await import('./pages/about');\r\n        PageComponent = AboutPage.default;\r\n      } catch (err) {\r\n        console.error('[Client] Failed to load about page:', err);\r\n      }\r\n    } else if (currentPath === '/users') {\r\n      try {\r\n        const UsersPage = await import('./pages/users');\r\n        PageComponent = UsersPage.default;\r\n      } catch (err) {\r\n        console.error('[Client] Failed to load users page:', err);\r\n      }\r\n    } else {\r\n      // Try the router for other paths\r\n      PageComponent = await router.resolve(currentPath);\r\n    }\r\n    \r\n    // If component wasn't found, handle special cases\r\n    if (!PageComponent) {\r\n      console.warn(`[Client] Page component not found for ${currentPath}, checking special cases`);\r\n      \r\n      // Special case for /users\r\n      if (currentPath === '/users') {\r\n        try {\r\n          console.log('[Client] Attempting direct import of Users page');\r\n          const UsersModule = await import('./pages/users');\r\n          if (UsersModule.default) {\r\n            PageComponent = UsersModule.default;\r\n          }\r\n        } catch (err) {\r\n          console.error('[Client] Failed to import Users page:', err);\r\n        }\r\n      }\r\n    }\r\n    \r\n    // Final fallback if still no component\r\n    if (!PageComponent) {\r\n      // Create a simple fallback component\r\n      PageComponent = ({ initialState }) => jsx('div', { \r\n        style: 'padding: 20px; max-width: 800px; margin: 0 auto;' \r\n      }, [\r\n        jsx('h1', {}, ['Page Not Found']),\r\n        jsx('p', {}, [`No component found for path: ${initialState.route}`]),\r\n        jsx('a', { href: '/', style: 'color: #0066cc;' }, ['Go to Home'])\r\n      ]);\r\n    }\r\n    \r\n    // Update state with current route and timestamp\r\n    initialState.route = currentPath;\r\n    initialState.timestamp = new Date().toISOString();\r\n    initialState.serverRendered = false; // This is now a client render\r\n    \r\n    // Render or hydrate\r\n    if (isHydrating) {\r\n      console.log('[Client] Hydrating server-rendered content');\r\n      hydrate(<PageComponent initialState={initialState} />, rootElement);\r\n      // After hydration is complete, set to false for future renders\r\n      isHydrating = false;\r\n    } else {\r\n      console.log('[Client] Rendering client-side');\r\n      render(<PageComponent initialState={initialState} />, rootElement);\r\n    }\r\n  } catch (error) {\r\n    console.error('[Client] Error rendering app:', error);\r\n    \r\n    // Render error message\r\n    const rootElement = document.getElementById('root');\r\n    if (rootElement) {\r\n      rootElement.innerHTML = `\r\n        <div style=\"padding: 20px; color: red;\">\r\n          <h1>Error</h1>\r\n          <p>${error.message}</p>\r\n          <pre>${error.stack}</pre>\r\n        </div>\r\n      `;\r\n    }\r\n  }\r\n}\r\n\r\n// Initial render/hydrate\r\nrenderApp();\r\n\r\n// Set up client-side navigation\r\ndocument.addEventListener('click', (e) => {\r\n  // Find if the clicked element is an anchor or inside an anchor\r\n  let target = e.target;\r\n  while (target && target.tagName !== 'A') {\r\n    target = target.parentElement;\r\n    if (!target) break;\r\n  }\r\n  \r\n  // If we found an anchor that's for internal navigation\r\n  if (target && \r\n      target.tagName === 'A' && \r\n      target.getAttribute('href') &&\r\n      target.getAttribute('href').startsWith('/') && \r\n      !target.getAttribute('href').startsWith('//') &&\r\n      !target.getAttribute('target')) {\r\n    e.preventDefault();\r\n    const href = target.getAttribute('href');\r\n    \r\n    // Update history\r\n    window.history.pushState(null, '', href);\r\n    \r\n    // Set to false since we're doing client-side navigation now\r\n    isHydrating = false;\r\n    \r\n    // Re-render the app\r\n    renderApp();\r\n  }\r\n});\r\n\r\n// Handle back/forward navigation\r\nwindow.addEventListener('popstate', () => {\r\n  // Not hydrating during history navigation\r\n  isHydrating = false;\r\n  renderApp();\r\n});\r\n\r\n// Setup live reload for development\r\nif (typeof io !== 'undefined') {\r\n  const socket = io();\r\n  \r\n  socket.on('reload', () => {\r\n    console.log('[Dev] Reloading page due to file changes');\r\n    window.location.reload();\r\n  });\r\n  \r\n  socket.on('welcome', (data) => {\r\n    console.log('[Dev] Connected to development server:', data);\r\n  });\r\n}\r\n", "import { jsx } from 'frontend-hamroun';\r\n// Use dynamic import to ensure it's available\r\n// import UsersPage from './pages/users'; \r\n\r\n// Type definitions for page components\r\nexport interface PageProps {\r\n  initialState: any;\r\n}\r\n\r\nexport interface PageComponent {\r\n  (props: PageProps): any;\r\n  getInitialData?: (path: string) => Promise<any>;\r\n}\r\n\r\n// Define router interface for type safety\r\ninterface RouteParams {\r\n  [key: string]: string;\r\n}\r\n\r\n// Define router class for handling routes\r\nexport class Router {\r\n  private routes: Record<string, PageComponent> = {};\r\n  private notFoundComponent: PageComponent | null = null;\r\n  \r\n  // Register a component for a specific route\r\n  register(path: string, component: PageComponent): Router {\r\n    const normalizedPath = path === '/' ? 'index' : path.replace(/^\\//, '');\r\n    this.routes[normalizedPath] = component;\r\n    console.log(`[Router] Registered component for path: ${normalizedPath}`);\r\n    return this;\r\n  }\r\n  \r\n  // Set the not found component\r\n  setNotFound(component: PageComponent): Router {\r\n    this.notFoundComponent = component;\r\n    return this;\r\n  }\r\n  \r\n  // Get the not found component\r\n  getNotFound(): PageComponent | null {\r\n    return this.notFoundComponent;\r\n  }\r\n  \r\n  // Get all registered routes\r\n  getAllRoutes(): Record<string, PageComponent> {\r\n    return this.routes;\r\n  }\r\n  \r\n  // Find component for a given path\r\n  async resolve(path: string): Promise<PageComponent | null> {\r\n    const normalizedPath = path === '/' ? 'index' : path.replace(/^\\//, '');\r\n    \r\n    console.log(`[Router] Resolving component for path: ${normalizedPath}`);\r\n    \r\n    // Check for exact match first\r\n    if (this.routes[normalizedPath]) {\r\n      return this.routes[normalizedPath];\r\n    }\r\n    \r\n    // Check for nested routes (e.g., \"users/123\" should match a \"users/[id]\" route)\r\n    const pathSegments = normalizedPath.split('/');\r\n    const registeredRoutes = Object.keys(this.routes);\r\n    \r\n    // Try to find dynamic route matches\r\n    for (const route of registeredRoutes) {\r\n      const routeSegments = route.split('/');\r\n      \r\n      // Skip routes with different segment count\r\n      if (routeSegments.length !== pathSegments.length) continue;\r\n      \r\n      let isMatch = true;\r\n      const params: RouteParams = {};\r\n      \r\n      // Compare each segment\r\n      for (let i = 0; i < routeSegments.length; i++) {\r\n        const routeSegment = routeSegments[i];\r\n        const pathSegment = pathSegments[i];\r\n        \r\n        // Handle dynamic segments (e.g., [id])\r\n        if (routeSegment.startsWith('[') && routeSegment.endsWith(']')) {\r\n          const paramName = routeSegment.slice(1, -1);\r\n          params[paramName] = pathSegment;\r\n        }\r\n        // Regular segment, must match exactly\r\n        else if (routeSegment !== pathSegment) {\r\n          isMatch = false;\r\n          break;\r\n        }\r\n      }\r\n      \r\n      if (isMatch) {\r\n        console.log(`[Router] Found dynamic route match: ${route}`);\r\n        // Return the component with params\r\n        return this.routes[route];\r\n      }\r\n    }\r\n    \r\n    // If no match found yet, try to dynamically import the component\r\n    try {\r\n      let component = null;\r\n      let resolvedPath = normalizedPath;\r\n      \r\n      // Next.js-style dynamic route resolution\r\n      try {\r\n        // First, try direct file match (e.g., ./pages/users.tsx)\r\n        // Focus on .tsx since that's what this project uses\r\n        try {\r\n          console.log(`[Router] Trying direct import: ./pages/${resolvedPath}.tsx`);\r\n          const directModule = await import(/* @vite-ignore */ `./pages/${resolvedPath}.tsx`)\r\n            .catch(() => null);\r\n            \r\n          if (directModule) {\r\n            component = directModule.default || directModule;\r\n          }\r\n        } catch (e) {\r\n          console.warn(`[Router] Error importing ./pages/${resolvedPath}.tsx:`, e);\r\n        }\r\n        \r\n        // Next, try index file in directory (e.g., ./pages/about/index.tsx)\r\n        if (!component && !resolvedPath.endsWith('index')) {\r\n          try {\r\n            console.log(`[Router] Trying index file: ./pages/${resolvedPath}/index.tsx`);\r\n            const indexModule = await import(/* @vite-ignore */ `./pages/${resolvedPath}/index.tsx`)\r\n              .catch(() => null);\r\n              \r\n            if (indexModule) {\r\n              component = indexModule.default || indexModule;\r\n            }\r\n          } catch (e) {\r\n            console.warn(`[Router] Error importing ./pages/${resolvedPath}/index.tsx:`, e);\r\n          }\r\n        }\r\n      } catch (routeError) {\r\n        console.warn(`[Router] Error resolving Next.js style route:`, routeError);\r\n      }\r\n      \r\n      // Register and return component if found\r\n      if (component) {\r\n        this.routes[normalizedPath] = component;\r\n        return component;\r\n      }\r\n    } catch (error) {\r\n      console.warn(`[Router] Error importing component for ${normalizedPath}:`, error);\r\n    }\r\n    \r\n    // If we reach here, no component was found\r\n    console.warn(`[Router] No component found for path: ${normalizedPath}`);\r\n    return this.notFoundComponent;\r\n  }\r\n\r\n  // Auto-discover components in the pages directory\r\n  async discoverRoutes(): Promise<Record<string, PageComponent>> {\r\n    console.log('[Router] Auto-discovering routes from pages directory...');\r\n    \r\n    try {\r\n      // Use a more conventional approach instead of relying on import.meta.glob\r\n      await this.tryLoadCoreRoutes();\r\n      \r\n      console.log('[Router] Route discovery complete. Available routes:', Object.keys(this.routes));\r\n      return this.routes;\r\n    } catch (error) {\r\n      console.error('[Router] Error discovering routes:', error);\r\n      await this.tryLoadCoreRoutes();\r\n      return this.routes;\r\n    }\r\n  }\r\n  \r\n  // Fallback method to load core routes\r\n  async tryLoadCoreRoutes(): Promise<void> {\r\n    // First try the auto-discovery approach with dynamic imports\r\n    const pageModules = [\r\n      { path: './pages/index', route: 'index' },\r\n      { path: './pages/about/index', route: 'about' },\r\n      { path: './pages/users', route: 'users' }\r\n    ];\r\n    \r\n    // Try importing each module dynamically - focus on .tsx files\r\n    for (const { path, route } of pageModules) {\r\n      if (!this.routes[route]) {\r\n        try {\r\n          console.log(`[Router] Attempting to load route: ${route}`);\r\n          \r\n          // Only try .tsx imports since that's what the project uses\r\n          const module = await import(/* @vite-ignore */ `${path}.tsx`)\r\n            .catch(() => null);\r\n          \r\n          if (module && module.default) {\r\n            this.routes[route] = module.default;\r\n            console.log(`[Router] Registered route: ${route}`);\r\n          }\r\n        } catch (error) {\r\n          console.warn(`[Router] Could not load route: ${route}`, error);\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Create and export a router instance\r\nexport const router = new Router();\r\n\r\n// NotFound component as fallback (using jsx function instead of JSX syntax)\r\nexport const NotFound: PageComponent = ({ initialState }) => {\r\n  return jsx('div', { className: 'container mx-auto px-4 py-12 max-w-4xl' }, [\r\n    jsx('div', { className: 'bg-white shadow-lg rounded-lg overflow-hidden p-8' }, [\r\n      jsx('h1', { className: 'text-3xl font-bold text-gray-800 mb-4' }, ['Page Not Found']),\r\n      jsx('p', { className: 'text-gray-600 mb-6' }, [`No component found for path: ${initialState?.route || 'unknown'}`]),\r\n      jsx('a', { href: '/', className: 'text-blue-600 hover:text-blue-800 hover:underline transition-colors' }, ['Go to Home']),\r\n      jsx('div', { className: 'mt-8 p-6 bg-gray-50 rounded-lg border border-gray-200' }, [\r\n        jsx('h3', { className: 'text-lg font-medium text-gray-700 mb-3' }, ['Available Routes']),\r\n        jsx('ul', { className: 'space-y-2' }, [\r\n          jsx('li', {}, [jsx('a', { href: '/', className: 'text-blue-600 hover:text-blue-800 hover:underline' }, ['Home'])]),\r\n          jsx('li', {}, [jsx('a', { href: '/about', className: 'text-blue-600 hover:text-blue-800 hover:underline' }, ['About'])]),\r\n          jsx('li', {}, [jsx('a', { href: '/users', className: 'text-blue-600 hover:text-blue-800 hover:underline' }, ['Users'])])\r\n        ])\r\n      ])\r\n    ])\r\n  ]);\r\n};\r\n\r\n// Set NotFound as the default fallback\r\nrouter.setNotFound(NotFound);\r\n\r\n// Improved router initialization with auto-discovery\r\nexport async function initializeRouter(): Promise<Router> {\r\n  try {\r\n    console.log('[Router] Initializing router with auto-discovery...');\r\n    \r\n    // Auto-discover routes\r\n    await router.discoverRoutes();\r\n    \r\n    // Register fallback pages for key routes if they weren't discovered\r\n    const routes = router.getAllRoutes();\r\n    \r\n    if (!routes['index']) {\r\n      router.register('index', ({ initialState }: PageProps) => jsx('div', {}, [\r\n        jsx('h1', {}, ['Welcome']),\r\n        jsx('p', {}, ['This is the home page.'])\r\n      ]));\r\n    }\r\n    \r\n    if (!routes['about']) {\r\n      router.register('about', ({ initialState }: PageProps) => jsx('div', {}, [\r\n        jsx('h1', {}, ['About']),\r\n        jsx('p', {}, ['This is the about page.'])\r\n      ]));\r\n    }\r\n    \r\n    console.log('[Router] Router initialized with routes:', Object.keys(router.getAllRoutes()));\r\n    return router;\r\n  } catch (error) {\r\n    console.error('[Router] Error initializing router:', error);\r\n    return router;\r\n  }\r\n}\r\n"],
-  "mappings": "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",
-  "names": ["initialState", "initialState", "initialState", "initialState", "isHydrating", "AboutPage", "UsersPage", "initialState"]
+  "sources": ["../node_modules/frontend-hamroun/src/batch.ts", "../node_modules/frontend-hamroun/src/hooks.ts", "../node_modules/frontend-hamroun/src/context.ts", "../node_modules/frontend-hamroun/src/jsx-runtime.ts", "../node_modules/frontend-hamroun/src/renderer.ts", "../node_modules/frontend-hamroun/src/server-renderer.ts", "../node_modules/frontend-hamroun/src/index.client.ts", "../src/pages/404.tsx", "../src/pages/[id].tsx", "../src/components/Layout.tsx", "../src/pages/_app.tsx", "../src/pages/_document.tsx", "../src/pages/_error.tsx", "../src/pages/about.tsx", "../src/pages/about/index.tsx", "../src/components/UserList.tsx", "../src/components/StateDemo.tsx", "../src/components/ErrorBoundary.tsx", "../src/data/api.ts", "../src/pages/index.tsx", "../src/pages/users.tsx", "../src/pages/users/[id].tsx", "../src/pages/wasm-demo.tsx", "../src/main.tsx"],
+  "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 { 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\nconst isServer = typeof window === 'undefined';\r\nconst serverStates = new Map<number, any>();\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  if (isServer) {\r\n    serverStates.delete(currentRender);\r\n  }\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 (isServer) {\r\n    // Server-side state handling\r\n    if (!serverStates.has(currentRender)) {\r\n      serverStates.set(currentRender, new Map());\r\n    }\r\n    const componentState = serverStates.get(currentRender)!;\r\n    const index = stateIndices.get(currentRender) || 0;\r\n    \r\n    if (!componentState.has(index)) {\r\n      componentState.set(index, initial);\r\n    }\r\n\r\n    const state = componentState.get(index);\r\n    const setState = (newValue: T | ((prev: T) => T)) => {\r\n      // No-op for server-side\r\n    };\r\n\r\n    stateIndices.set(currentRender, index + 1);\r\n    return [state, setState];\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", "\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 context = {\r\n    Provider: ({ value, children }: { value: T, children?: any }) => {\r\n      return children;\r\n    },\r\n    Consumer: ({ children }: { children: (value: T) => any }) => {\r\n      return children(defaultValue);\r\n    },\r\n    _id: Symbol(),\r\n    useSelector: <S>(selector: (state: T) => S) => {\r\n      return selector(defaultValue);\r\n    }\r\n  };\r\n\r\n  return context;\r\n}\r\n\r\nexport function useContext<T>(context: any): T {\r\n  return context;\r\n}\r\n", "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\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", "import { createElement } from './jsx-runtime';\r\nimport { prepareRender, finishRender, setRenderCallback } from './hooks';\r\nimport { 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", "import { VNode, Component } from './types';\r\nimport { prepareRender, finishRender } from './hooks';\r\n\r\n/**\r\n * Renders a virtual DOM tree to an HTML string\r\n */\r\nexport function renderToString(vnode: VNode): string {\r\n  // Reset hook state for this render\r\n  prepareRender();\r\n  \r\n  // Render the tree to HTML\r\n  const html = renderNodeToString(vnode);\r\n  \r\n  // Clean up after rendering\r\n  finishRender();\r\n  \r\n  return html;\r\n}\r\n\r\n/**\r\n * Internal function to convert a virtual node to an HTML string\r\n */\r\nfunction renderNodeToString(vnode: VNode | string | number | boolean | null | undefined): string {\r\n  // Handle primitive values\r\n  if (vnode === null || vnode === undefined) return '';\r\n  if (typeof vnode === 'boolean') return '';\r\n  if (typeof vnode === 'number' || typeof vnode === 'string') return escapeHtml(String(vnode));\r\n  \r\n  // Handle function components\r\n  if (typeof vnode.type === 'function') {\r\n    const Component = vnode.type as Component;\r\n    const renderedNode = Component(vnode.props || {});\r\n    return renderNodeToString(renderedNode);\r\n  }\r\n  \r\n  // Handle intrinsic elements (regular HTML tags)\r\n  if (typeof vnode.type === 'string') {\r\n    const tag = vnode.type;\r\n    let attrs = '';\r\n    let children = '';\r\n    \r\n    // Convert props to HTML attributes\r\n    if (vnode.props) {\r\n      for (const [key, value] of Object.entries(vnode.props)) {\r\n        // Skip children prop as we handle it separately\r\n        if (key === 'children') continue;\r\n        \r\n        // Skip event handlers (they start with 'on')\r\n        if (key.startsWith('on')) continue;\r\n        \r\n        // Handle the className prop specially\r\n        if (key === 'className') {\r\n          attrs += ` class=\"${escapeHtml(value as string)}\"`;\r\n          continue;\r\n        }\r\n        \r\n        // Handle other attributes\r\n        if (typeof value === 'string' || typeof value === 'number') {\r\n          attrs += ` ${key}=\"${escapeHtml(String(value))}\"`;\r\n        } else if (value === true) {\r\n          // Boolean attributes\r\n          attrs += ` ${key}`;\r\n        }\r\n      }\r\n    }\r\n    \r\n    // Process children\r\n    const childrenArray = (vnode.props?.children) \r\n      ? Array.isArray(vnode.props.children) \r\n        ? vnode.props.children \r\n        : [vnode.props.children]\r\n      : [];\r\n    \r\n    for (const child of childrenArray) {\r\n      children += renderNodeToString(child);\r\n    }\r\n    \r\n    // Self-closing tags\r\n    const selfClosing = [\r\n      'area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input',\r\n      'link', 'meta', 'param', 'source', 'track', 'wbr'\r\n    ];\r\n    \r\n    if (selfClosing.includes(tag)) {\r\n      return `<${tag}${attrs}/>`;\r\n    }\r\n    \r\n    // Regular tags with closing\r\n    return `<${tag}${attrs}>${children}</${tag}>`;\r\n  }\r\n  \r\n  // Handle fragments\r\n  if (vnode.type === Symbol.for('react.fragment')) {\r\n    let fragmentOutput = '';\r\n    const children = Array.isArray(vnode.props?.children)\r\n      ? vnode.props.children\r\n      : vnode.props?.children ? [vnode.props.children] : [];\r\n    \r\n    for (const child of children) {\r\n      fragmentOutput += renderNodeToString(child);\r\n    }\r\n    \r\n    return fragmentOutput;\r\n  }\r\n  \r\n  // Fallback for unknown node types\r\n  console.warn('Unknown vnode type:', vnode.type);\r\n  return '';\r\n}\r\n\r\n/**\r\n * Escape HTML special characters to prevent XSS\r\n */\r\nfunction escapeHtml(text: string): string {\r\n  return text\r\n    .replace(/&/g, '&amp;')\r\n    .replace(/</g, '&lt;')\r\n    .replace(/>/g, '&gt;')\r\n    .replace(/\"/g, '&quot;')\r\n    .replace(/'/g, '&#039;');\r\n}\r\n", "import { createElement } from './jsx-runtime';\r\nimport { prepareRender, finishRender, setRenderCallback } from './hooks';\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\nexport { jsx, jsxs, Fragment } from './jsx-runtime';\r\nexport { render, hydrate } from './renderer';\r\nexport { renderToString } from './server-renderer';\r\n\r\n// Re-export types for client-side usage\r\nexport type { Context } from './context';\r\nexport type { VNode } from './types';\r\n\r\n// Export a placeholder for server functionality that works in browser environments\r\nexport const server = {\r\n  async getServer() {\r\n    throw new Error('Server module can only be used in Node.js environment');\r\n  }\r\n};\r\n\r\nlet isHydrating = false;\r\n", "import { jsx, Fragment } from 'frontend-hamroun';\nimport { jsx } from 'frontend-hamroun';\r\n\r\nexport default function NotFound({ initialState }) {\r\n  return (\r\n    <div className=\"not-found-container max-w-4xl mx-auto p-6\">\r\n      <div className=\"bg-gray-50 border border-gray-200 rounded-lg p-8 shadow-sm\">\r\n        <h1 className=\"text-3xl font-bold text-gray-700 mb-4\">Page Not Found</h1>\r\n        \r\n        <p className=\"text-lg text-gray-600 mb-4\">\r\n          The page you are looking for does not exist or has been moved.\r\n        </p>\r\n        \r\n        <p className=\"text-gray-600 mb-6\">\r\n          Path: <code className=\"bg-gray-100 px-2 py-1 rounded\">{initialState?.route || 'unknown'}</code>\r\n        </p>\r\n        \r\n        <div className=\"mt-6\">\r\n          <a \r\n            href=\"/\"\r\n            className=\"inline-block px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700\"\r\n          >\r\n            Back to Home\r\n          </a>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n", "import { jsx, Fragment } from 'frontend-hamroun';\n", "import { jsx, Fragment } from 'frontend-hamroun';\nimport { jsx } from 'frontend-hamroun';\r\n\r\ninterface LayoutProps {\r\n  children: any;\r\n  title?: string;\r\n}\r\n\r\nexport default function Layout({ children, title = 'Frontend Hamroun App' }: LayoutProps) {\r\n  return (\r\n    <div className=\"min-h-screen flex flex-col bg-gray-50\">\r\n      <header className=\"bg-blue-600 text-white\">\r\n        <div className=\"container mx-auto px-4 py-4 flex justify-between items-center\">\r\n          <h1 className=\"text-xl font-bold\">\r\n            <a href=\"/\" className=\"hover:text-blue-100\">\r\n              {title}\r\n            </a>\r\n          </h1>\r\n          \r\n          <nav>\r\n            <ul className=\"flex space-x-6\">\r\n              <li><a href=\"/\" className=\"hover:text-blue-100\">Home</a></li>\r\n              <li><a href=\"/about\" className=\"hover:text-blue-100\">About</a></li>\r\n              {/* WASM demo link removed */}\r\n            </ul>\r\n          </nav>\r\n        </div>\r\n      </header>\r\n      \r\n      <main className=\"flex-grow container mx-auto px-4 py-8\">\r\n        {children}\r\n      </main>\r\n      \r\n      <footer className=\"bg-gray-800 text-white\">\r\n        <div className=\"container mx-auto px-4 py-6\">\r\n          <p className=\"text-center text-gray-400\">\r\n            &copy; {new Date().getFullYear()} Frontend Hamroun App. All rights reserved.\r\n          </p>\r\n        </div>\r\n      </footer>\r\n    </div>\r\n  );\r\n}\r\n", "import { jsx, Fragment } from 'frontend-hamroun';\nimport { jsx } from 'frontend-hamroun';\r\nimport Layout from '../components/Layout';\r\n\r\n// This is the main App wrapper component similar to Next.js _app.js\r\nexport default function App({ Component, pageProps, initialState }) {\r\n  return (\r\n    <Layout>\r\n      <Component {...pageProps} initialState={initialState} />\r\n    </Layout>\r\n  );\r\n}\r\n", "import { jsx, Fragment } from 'frontend-hamroun';\nimport { jsx } from 'frontend-hamroun';\r\n\r\nexport default function Document({ \r\n  title = 'Frontend Hamroun App',\r\n  headContent,\r\n  bodyContent,\r\n  scripts\r\n}) {\r\n  return (\r\n    <html lang=\"en\">\r\n      <head>\r\n        <meta charSet=\"UTF-8\" />\r\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\r\n        <title>{title}</title>\r\n        <link rel=\"stylesheet\" href=\"/styles.css\" />\r\n        {headContent}\r\n      </head>\r\n      <body>\r\n        <div id=\"root\">{bodyContent}</div>\r\n        <script src=\"/build/main.js\" type=\"module\"></script>\r\n        {scripts}\r\n      </body>\r\n    </html>\r\n  );\r\n}\r\n", "import { jsx, Fragment } from 'frontend-hamroun';\nimport { jsx, useState, useEffect } from 'frontend-hamroun';\r\n\r\nexport default function ErrorPage({ initialState }) {\r\n  const { error } = initialState || {};\r\n  const [showDetails, setShowDetails] = useState(false);\r\n  const isDev = process.env.NODE_ENV !== 'production';\r\n  \r\n  return (\r\n    <div className=\"error-page-container max-w-4xl mx-auto p-6\">\r\n      <div className=\"bg-red-50 border border-red-200 rounded-lg p-8 shadow-sm\">\r\n        <h1 className=\"text-3xl font-bold text-red-700 mb-4\">Something went wrong</h1>\r\n        \r\n        <p className=\"text-lg text-red-600 mb-4\">\r\n          {error?.message || \"An unexpected error occurred\"}\r\n        </p>\r\n        \r\n        {isDev && error?.stack && (\r\n          <div className=\"mt-6\">\r\n            <button\r\n              className=\"text-blue-600 underline mb-2\"\r\n              onClick={() => setShowDetails(!showDetails)}\r\n            >\r\n              {showDetails ? \"Hide\" : \"Show\"} technical details\r\n            </button>\r\n            \r\n            {showDetails && (\r\n              <pre className=\"bg-gray-100 p-4 rounded-md text-sm overflow-auto max-h-96 text-gray-800\">\r\n                {error.stack}\r\n              </pre>\r\n            )}\r\n          </div>\r\n        )}\r\n        \r\n        <div className=\"mt-6\">\r\n          <a \r\n            href=\"/\"\r\n            className=\"inline-block px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700\"\r\n          >\r\n            Back to Home\r\n          </a>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n", "import { jsx, Fragment } from 'frontend-hamroun';\nimport { jsx } from 'frontend-hamroun';\r\nimport Layout from '../components/Layout';\r\n\r\nexport default function AboutPage({ initialState }) {\r\n  return (\r\n    <Layout title=\"About - Frontend Hamroun\">\r\n      <div className=\"max-w-4xl mx-auto\">\r\n        <h1 className=\"text-3xl font-bold text-blue-600 mb-6\">\r\n          About Frontend Hamroun\r\n        </h1>\r\n        \r\n        <div className=\"bg-white shadow-lg rounded-lg p-8 mb-8\">\r\n          <h2 className=\"text-xl font-semibold text-gray-800 mb-4\">What is Frontend Hamroun?</h2>\r\n          <p className=\"text-gray-600 mb-4\">\r\n            Frontend Hamroun is a lightweight JavaScript framework for building modern web applications.\r\n            It provides a familiar component-based architecture with hooks, JSX support, and \r\n            server-side rendering capabilities.\r\n          </p>\r\n          <p className=\"text-gray-600 mb-4\">\r\n            This framework is designed to be simple yet powerful, offering the essential features\r\n            needed for web application development without the complexity of larger frameworks.\r\n          </p>\r\n          \r\n          <h3 className=\"text-lg font-medium text-gray-700 mt-6 mb-2\">Key Features:</h3>\r\n          <ul className=\"list-disc pl-6 text-gray-600 space-y-2\">\r\n            <li>Component-based architecture</li>\r\n            <li>JSX support</li>\r\n            <li>Hooks for state and effects</li>\r\n            <li>Server-side rendering</li>\r\n            <li>Minimal API surface</li>\r\n            <li>File-based routing</li>\r\n            <li>Built-in API routes</li>\r\n          </ul>\r\n        </div>\r\n        \r\n        <div className=\"bg-white shadow-lg rounded-lg p-8\">\r\n          <h2 className=\"text-xl font-semibold text-gray-800 mb-4\">Getting Started</h2>\r\n          <p className=\"text-gray-600 mb-4\">\r\n            This application was created using the Frontend Hamroun fullstack template,\r\n            which provides a complete setup for building applications with server-side rendering,\r\n            API routes, and client-side navigation.\r\n          </p>\r\n          \r\n          <div className=\"bg-gray-50 p-4 rounded-md mt-4\">\r\n            <h3 className=\"text-md font-medium text-gray-700 mb-2\">Quick Start:</h3>\r\n            <pre className=\"bg-gray-800 text-gray-100 p-4 rounded overflow-x-auto\">\r\n              <code>{`# Create a new application\r\nnpx frontend-hamroun create my-app\r\n\r\n# Change directory\r\ncd my-app\r\n\r\n# Start the development server\r\nnpm run dev`}</code>\r\n            </pre>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </Layout>\r\n  );\r\n}\r\n\r\n// Server-side data fetching\r\nexport async function getServerSideProps() {\r\n  return {\r\n    props: {\r\n      pageTitle: 'About Frontend Hamroun',\r\n      description: 'Learn more about the Frontend Hamroun framework'\r\n    }\r\n  };\r\n}\r\n", "import { jsx, Fragment } from 'frontend-hamroun';\nimport { jsx } from 'frontend-hamroun';\r\nimport Layout from '../../components/Layout';\r\n\r\nconst AboutPage = ({ initialState }) => {\r\n  return (\r\n    <Layout title=\"About This App\">\r\n      <div className=\"max-w-4xl mx-auto bg-white shadow-lg rounded-lg overflow-hidden\">\r\n        <div className=\"p-8\">\r\n          <p className=\"text-lg text-gray-700 mb-6\">\r\n            This is a frontend application built with Frontend Hamroun framework and styled with Tailwind CSS.\r\n          </p>\r\n          <p className=\"text-gray-600 mb-8\">\r\n            It features server-side rendering, client-side navigation, and websocket-based live reloading during development.\r\n          </p>\r\n          \r\n          <div className=\"bg-gray-50 p-6 rounded-lg border border-gray-200 mb-8\">\r\n            <h2 className=\"text-xl font-semibold text-gray-800 mb-4\">Key Features</h2>\r\n            <ul className=\"space-y-2 text-gray-700\">\r\n              <li className=\"flex items-center\">\r\n                <svg className=\"w-5 h-5 text-green-500 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M5 13l4 4L19 7\"></path>\r\n                </svg>\r\n                Server-side rendering\r\n              </li>\r\n              <li className=\"flex items-center\">\r\n                <svg className=\"w-5 h-5 text-green-500 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M5 13l4 4L19 7\"></path>\r\n                </svg>\r\n                Client-side navigation\r\n              </li>\r\n              <li className=\"flex items-center\">\r\n                <svg className=\"w-5 h-5 text-green-500 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M5 13l4 4L19 7\"></path>\r\n                </svg>\r\n                Component-based architecture\r\n              </li>\r\n              <li className=\"flex items-center\">\r\n                <svg className=\"w-5 h-5 text-green-500 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M5 13l4 4L19 7\"></path>\r\n                </svg>\r\n                Integrated API backend\r\n              </li>\r\n              <li className=\"flex items-center\">\r\n                <svg className=\"w-5 h-5 text-green-500 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M5 13l4 4L19 7\"></path>\r\n                </svg>\r\n                Live reload during development\r\n              </li>\r\n              <li className=\"flex items-center\">\r\n                <svg className=\"w-5 h-5 text-green-500 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M5 13l4 4L19 7\"></path>\r\n                </svg>\r\n                Tailwind CSS for styling\r\n              </li>\r\n            </ul>\r\n          </div>\r\n          \r\n          <a href=\"/\" className=\"inline-block px-6 py-3 bg-blue-600 text-white font-medium rounded-lg hover:bg-blue-700 transition-colors\">\r\n            Back to Home\r\n          </a>\r\n        </div>\r\n      </div>\r\n    </Layout>\r\n  );\r\n};\r\n\r\nexport default AboutPage;\r\n", "import { jsx, Fragment } from 'frontend-hamroun';\nimport { jsx } from 'frontend-hamroun';\r\n\r\ninterface User {\r\n  id: number;\r\n  name: string;\r\n  email: string;\r\n}\r\n\r\ninterface UserListProps {\r\n  users: User[];\r\n}\r\n\r\nexport default function UserList({ users }: UserListProps) {\r\n  if (!users || users.length === 0) {\r\n    return (\r\n      <div className=\"empty-state p-4 text-center bg-gray-50 rounded\">\r\n        <p className=\"text-gray-500\">No users available</p>\r\n      </div>\r\n    );\r\n  }\r\n  \r\n  return (\r\n    <div className=\"user-list\">\r\n      <ul className=\"divide-y divide-gray-100\">\r\n        {users.map(user => (\r\n          <li key={user.id} className=\"py-3\">\r\n            <div className=\"flex justify-between\">\r\n              <div>\r\n                <p className=\"font-medium text-gray-900\">{user.name}</p>\r\n                <p className=\"text-sm text-gray-500\">{user.email}</p>\r\n              </div>\r\n              <a \r\n                href={`/users/${user.id}`}\r\n                className=\"text-blue-600 hover:underline text-sm self-center\"\r\n              >\r\n                View Profile\r\n              </a>\r\n            </div>\r\n          </li>\r\n        ))}\r\n      </ul>\r\n    </div>\r\n  );\r\n}\r\n", "import { jsx, Fragment } from 'frontend-hamroun';\nimport { jsx, useState, useEffect, useMemo } from 'frontend-hamroun';\r\n\r\n// Define our state types for better type safety\r\ninterface CounterState {\r\n  count: number;\r\n  lastUpdated: string | null;\r\n  history: number[];\r\n}\r\n\r\nexport default function StateDemo() {\r\n  // More comprehensive state with history tracking\r\n  const [state, setState] = useState<CounterState>({\r\n    count: 0,\r\n    lastUpdated: null,\r\n    history: []\r\n  });\r\n  \r\n  // Track UI state separately\r\n  const [isLoading, setIsLoading] = useState(false);\r\n  const [showHistory, setShowHistory] = useState(false);\r\n  \r\n  // Check for server-side rendering\r\n  const isSSR = typeof window === 'undefined';\r\n  \r\n  // Calculate derived state with useMemo for performance\r\n  const stats = useMemo(() => {\r\n    // Ensure we have a valid history array\r\n    if (isSSR || !state || !state.history || state.history.length === 0) {\r\n      return { avg: 0, max: 0, min: 0 };\r\n    }\r\n    \r\n    try {\r\n      const sum = state.history.reduce((a, b) => a + b, 0);\r\n      return {\r\n        avg: parseFloat((sum / state.history.length).toFixed(1)),\r\n        max: Math.max(...state.history),\r\n        min: Math.min(...state.history)\r\n      };\r\n    } catch (error) {\r\n      console.error('Error calculating stats:', error);\r\n      return { avg: 0, max: 0, min: 0 };\r\n    }\r\n  }, [state?.history]);\r\n  \r\n  // Handle increment with history tracking\r\n  const increment = () => {\r\n    if (isSSR) return;\r\n    \r\n    setIsLoading(true);\r\n    \r\n    // Simulate async operation\r\n    setTimeout(() => {\r\n      setState(prevState => ({\r\n        count: prevState.count + 1,\r\n        lastUpdated: new Date().toLocaleTimeString(),\r\n        history: [...(prevState.history || []), prevState.count + 1]\r\n      }));\r\n      setIsLoading(false);\r\n    }, 300);\r\n  };\r\n  \r\n  // Handle decrement with bounds checking\r\n  const decrement = () => {\r\n    if (isSSR) return;\r\n    \r\n    setIsLoading(true);\r\n    \r\n    // Simulate async operation\r\n    setTimeout(() => {\r\n      setState(prevState => ({\r\n        count: Math.max(0, prevState.count - 1),\r\n        lastUpdated: new Date().toLocaleTimeString(),\r\n        history: prevState.count > 0 ? [...(prevState.history || []), prevState.count - 1] : (prevState.history || [])\r\n      }));\r\n      setIsLoading(false);\r\n    }, 300);\r\n  };\r\n  \r\n  // Reset counter\r\n  const reset = () => {\r\n    if (isSSR) return;\r\n    \r\n    setState({\r\n      count: 0,\r\n      lastUpdated: new Date().toLocaleTimeString(),\r\n      history: []\r\n    });\r\n  };\r\n  \r\n  // Toggle history visibility\r\n  const toggleHistory = () => {\r\n    if (isSSR) return;\r\n    \r\n    setShowHistory(prev => !prev);\r\n  };\r\n  \r\n  // For SSR, return a simpler version of the component\r\n  if (isSSR) {\r\n    return (\r\n      <div className=\"bg-white shadow-lg rounded-lg p-6 mb-8\">\r\n        <h2 className=\"text-xl font-semibold text-gray-800 mb-4\">\r\n          State Management Demo\r\n        </h2>\r\n        <div className=\"flex items-center justify-between mb-4\">\r\n          <button className=\"px-4 py-2 bg-gray-200 text-gray-800 rounded-lg\">-</button>\r\n          <span className=\"text-2xl font-bold mx-4\">0</span>\r\n          <button className=\"px-4 py-2 bg-blue-600 text-white rounded-lg\">+</button>\r\n        </div>\r\n        <p className=\"text-sm text-gray-500\">Interactive counter (client-side only)</p>\r\n      </div>\r\n    );\r\n  }\r\n  \r\n  // Regular client-side render\r\n  return (\r\n    <div className=\"bg-white shadow-lg rounded-lg p-6 mb-8\">\r\n      <h2 className=\"text-xl font-semibold text-gray-800 mb-4\">\r\n        State Management Demo\r\n      </h2>\r\n      \r\n      <div className=\"mb-6\">\r\n        <div className=\"flex items-center justify-between mb-4\">\r\n          <button \r\n            onClick={decrement}\r\n            className=\"px-4 py-2 bg-gray-200 text-gray-800 rounded-lg hover:bg-gray-300 disabled:opacity-50\"\r\n            disabled={state.count === 0 || isLoading}\r\n          >\r\n            {isLoading ? '...' : '-'}\r\n          </button>\r\n          \r\n          <span className=\"text-2xl font-bold mx-4\">{state.count}</span>\r\n          \r\n          <button \r\n            onClick={increment}\r\n            className=\"px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:opacity-50\"\r\n            disabled={isLoading}\r\n          >\r\n            {isLoading ? '...' : '+'}\r\n          </button>\r\n        </div>\r\n        \r\n        <button\r\n          onClick={reset}\r\n          className=\"text-sm text-gray-600 hover:text-red-600\"\r\n          disabled={state.count === 0 && (!state.history || state.history.length === 0)}\r\n        >\r\n          Reset Counter\r\n        </button>\r\n      </div>\r\n      \r\n      {state.lastUpdated && (\r\n        <div className=\"mb-4\">\r\n          <p className=\"text-sm text-gray-500\">\r\n            Last updated: {state.lastUpdated}\r\n          </p>\r\n        </div>\r\n      )}\r\n      \r\n      {state.history && state.history.length > 0 && (\r\n        <div className=\"border-t pt-4 mt-4\">\r\n          <div className=\"flex items-center justify-between mb-2\">\r\n            <h3 className=\"text-md font-medium text-gray-700\">Statistics</h3>\r\n            <button\r\n              onClick={toggleHistory}\r\n              className=\"text-sm text-blue-600 hover:underline\"\r\n            >\r\n              {showHistory ? 'Hide History' : 'Show History'}\r\n            </button>\r\n          </div>\r\n          \r\n          <div className=\"grid grid-cols-3 gap-2 mb-3\">\r\n            <div className=\"bg-blue-50 p-2 rounded text-center\">\r\n              <div className=\"text-xs text-gray-500\">Average</div>\r\n              <div className=\"font-bold\">{stats.avg}</div>\r\n            </div>\r\n            <div className=\"bg-green-50 p-2 rounded text-center\">\r\n              <div className=\"text-xs text-gray-500\">Maximum</div>\r\n              <div className=\"font-bold\">{stats.max}</div>\r\n            </div>\r\n            <div className=\"bg-red-50 p-2 rounded text-center\">\r\n              <div className=\"text-xs text-gray-500\">Minimum</div>\r\n              <div className=\"font-bold\">{stats.min}</div>\r\n            </div>\r\n          </div>\r\n          \r\n          {showHistory && (\r\n            <div className=\"mt-3\">\r\n              <h4 className=\"text-sm font-medium text-gray-600 mb-1\">\r\n                History ({state.history.length} events)\r\n              </h4>\r\n              <div className=\"bg-gray-50 p-2 rounded max-h-24 overflow-y-auto text-xs\">\r\n                {state.history.map((value, index) => (\r\n                  <span \r\n                    key={index} \r\n                    className=\"inline-block bg-gray-200 rounded px-2 py-1 m-1\"\r\n                  >\r\n                    {value}\r\n                  </span>\r\n                ))}\r\n              </div>\r\n            </div>\r\n          )}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n", "import { jsx, Fragment } from 'frontend-hamroun';\nimport { jsx, useState, useEffect, useErrorBoundary } from 'frontend-hamroun';\r\n\r\ninterface ErrorBoundaryProps {\r\n  children: any;\r\n  fallback?: (error: Error, reset: () => void) => any;\r\n}\r\n\r\nexport function ErrorBoundary({ children, fallback }: ErrorBoundaryProps) {\r\n  const [error, resetError] = useErrorBoundary();\r\n  \r\n  if (error) {\r\n    if (fallback) {\r\n      return fallback(error, resetError);\r\n    }\r\n    \r\n    return (\r\n      <div className=\"error-boundary p-4 border border-red-500 rounded bg-red-50\">\r\n        <h3 className=\"text-lg font-medium text-red-800 mb-2\">Something went wrong</h3>\r\n        <p className=\"text-red-600 mb-2\">{error.message}</p>\r\n        <button\r\n          onClick={resetError}\r\n          className=\"px-3 py-1 bg-red-600 text-white rounded hover:bg-red-700\"\r\n        >\r\n          Try again\r\n        </button>\r\n        {process.env.NODE_ENV !== 'production' && (\r\n          <pre className=\"mt-3 text-xs overflow-auto p-2 bg-gray-100\">\r\n            {error.stack}\r\n          </pre>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n  \r\n  return children;\r\n}\r\n", "/**\r\n * API utilities for making requests to the backend\r\n */\r\nimport { batchUpdates } from 'frontend-hamroun';\r\n\r\n// Cache for API responses\r\nconst apiCache = new Map<string, { data: any, timestamp: number }>();\r\nconst CACHE_DURATION = 60000; // 1 minute cache\r\n\r\n/**\r\n * Fetch data from the API with caching\r\n */\r\nexport async function fetchApi(\r\n  endpoint: string, \r\n  options: RequestInit & { \r\n    useCache?: boolean,\r\n    forceFresh?: boolean \r\n  } = {}\r\n): Promise<any> {\r\n  const url = endpoint.startsWith('/') ? `/api${endpoint}` : `/api/${endpoint}`;\r\n  const { useCache = true, forceFresh = false, ...fetchOptions } = options;\r\n  \r\n  // Check cache first if enabled\r\n  if (useCache && !forceFresh) {\r\n    const cached = apiCache.get(url);\r\n    if (cached && Date.now() - cached.timestamp < CACHE_DURATION) {\r\n      console.log(`[API] Using cached data for: ${url}`);\r\n      return cached.data;\r\n    }\r\n  }\r\n  \r\n  try {\r\n    console.log(`[API] Fetching data from: ${url}`);\r\n    const response = await fetch(url, {\r\n      headers: {\r\n        'Content-Type': 'application/json',\r\n        'Accept': 'application/json',\r\n      },\r\n      ...fetchOptions\r\n    });\r\n    \r\n    if (!response.ok) {\r\n      throw new Error(`API request failed: ${response.status} ${response.statusText}`);\r\n    }\r\n    \r\n    const data = await response.json();\r\n    console.log(`[API] Successfully fetched data from: ${url}`);\r\n    \r\n    // Cache the response if caching is enabled\r\n    if (useCache) {\r\n      apiCache.set(url, { data, timestamp: Date.now() });\r\n    }\r\n    \r\n    return data;\r\n  } catch (error) {\r\n    console.error(`[API] Error fetching from ${url}:`, error);\r\n    throw error;\r\n  }\r\n}\r\n\r\n/**\r\n * Clear the API cache\r\n */\r\nexport function clearApiCache(endpoint?: string): void {\r\n  if (endpoint) {\r\n    const url = endpoint.startsWith('/') ? `/api${endpoint}` : `/api/${endpoint}`;\r\n    apiCache.delete(url);\r\n  } else {\r\n    apiCache.clear();\r\n  }\r\n}\r\n\r\n// Sample data for development\r\nconst sampleUsers = [\r\n  { id: 1, name: 'User 1', email: 'user1@example.com' },\r\n  { id: 2, name: 'User 2', email: 'user2@example.com' },\r\n  { id: 3, name: 'User 3', email: 'user3@example.com' }\r\n];\r\n\r\nconst samplePosts = [\r\n  { id: 1, title: 'Post 1', content: 'Content for post 1', authorId: 1 },\r\n  { id: 2, title: 'Post 2', content: 'Content for post 2', authorId: 2 },\r\n  { id: 3, title: 'Post 3', content: 'Content for post 3', authorId: 1 }\r\n];\r\n\r\n// Helper to simulate network delay\r\nconst delay = (ms: number) => new Promise(resolve => setTimeout(resolve, ms));\r\n\r\n// User API client\r\nexport const UserApi = {\r\n  // Get all users\r\n  async getAll() {\r\n    try {\r\n      // In a real app, we'd fetch from API\r\n      // const response = await fetch('/api/users');\r\n      // if (!response.ok) throw new Error('Failed to fetch users');\r\n      // return await response.json();\r\n      \r\n      // Simulate API delay\r\n      await delay(300);\r\n      return [...sampleUsers]; // Return a copy to avoid mutations\r\n    } catch (error) {\r\n      console.error('Error fetching users:', error);\r\n      return [];\r\n    }\r\n  },\r\n  \r\n  // Get user by ID\r\n  async getById(id: number | string) {\r\n    try {\r\n      // In a real app, we'd fetch from API\r\n      // const response = await fetch(`/api/users/${id}`);\r\n      // if (!response.ok) throw new Error('User not found');\r\n      // return await response.json();\r\n      \r\n      // Convert ID to number if it's a string\r\n      const userId = typeof id === 'string' ? parseInt(id, 10) : id;\r\n      \r\n      // Simulate API delay\r\n      await delay(200);\r\n      \r\n      // Find user\r\n      const user = sampleUsers.find(u => u.id === userId);\r\n      if (!user) throw new Error('User not found');\r\n      \r\n      return { ...user }; // Return a copy to avoid mutations\r\n    } catch (error) {\r\n      console.error(`Error fetching user ${id}:`, error);\r\n      return null;\r\n    }\r\n  },\r\n  \r\n  // Get posts (all or by author)\r\n  async getPosts(authorId?: number | string) {\r\n    try {\r\n      // In a real app, we'd fetch from API\r\n      // const url = authorId ? `/api/posts?authorId=${authorId}` : '/api/posts';\r\n      // const response = await fetch(url);\r\n      // if (!response.ok) throw new Error('Failed to fetch posts');\r\n      // return await response.json();\r\n      \r\n      // Convert authorId to number if it's a string\r\n      const userId = authorId ? (typeof authorId === 'string' ? parseInt(authorId, 10) : authorId) : undefined;\r\n      \r\n      // Simulate API delay\r\n      await delay(400);\r\n      \r\n      // Filter posts if authorId is provided\r\n      const posts = userId\r\n        ? samplePosts.filter(p => p.authorId === userId)\r\n        : samplePosts;\r\n      \r\n      return [...posts]; // Return a copy to avoid mutations\r\n    } catch (error) {\r\n      console.error('Error fetching posts:', error);\r\n      return [];\r\n    }\r\n  }\r\n};\r\n\r\n// WASM API service\r\nexport const WasmApi = {\r\n  calculate: (operation: 'add' | 'multiply', a: number, b: number) => \r\n    fetchApi(`/wasm/calculate?op=${operation}&a=${a}&b=${b}`),\r\n    \r\n  processJson: (data: any) => fetchApi('/wasm/process-json', {\r\n    method: 'POST',\r\n    body: JSON.stringify(data),\r\n    useCache: false\r\n  })\r\n};\r\n\r\n// Batch multiple API calls for efficiency\r\nexport const batchApiCalls = async <T>(\r\n  apiFunctions: Array<() => Promise<T>>\r\n): Promise<T[]> => {\r\n  const results: T[] = [];\r\n  let errors: Error[] = [];\r\n  \r\n  // Execute all API calls in parallel\r\n  const promises = apiFunctions.map(fn => fn());\r\n  \r\n  try {\r\n    const settledResults = await Promise.allSettled(promises);\r\n    \r\n    // Process results\r\n    batchUpdates(() => {\r\n      settledResults.forEach(result => {\r\n        if (result.status === 'fulfilled') {\r\n          results.push(result.value);\r\n        } else {\r\n          errors.push(result.reason);\r\n        }\r\n      });\r\n    });\r\n    \r\n    if (errors.length) {\r\n      console.error('[API] Some batch API calls failed:', errors);\r\n    }\r\n    \r\n    return results;\r\n  } catch (error) {\r\n    console.error('[API] Batch API calls failed:', error);\r\n    throw error;\r\n  }\r\n};\r\n", "import { jsx, Fragment } from 'frontend-hamroun';\nimport { jsx, useState, useEffect, batchUpdates } from 'frontend-hamroun';\r\nimport UserList from '../components/UserList';\r\nimport StateDemo from '../components/StateDemo';\r\nimport { ErrorBoundary } from '../components/ErrorBoundary';\r\nimport { UserApi } from '../data/api';\r\n\r\n// Home Page Component with Server Side Props\r\nexport default function HomePage({ users, posts, initialState }) {\r\n  const [state, setState] = useState(initialState || {});\r\n  const [refreshTrigger, setRefreshTrigger] = useState(0);\r\n  \r\n  // Fetch data when refresh is triggered\r\n  useEffect(() => {\r\n    if (refreshTrigger === 0) return; // Skip initial render\r\n    \r\n    async function fetchData() {\r\n      try {\r\n        const [users, posts] = await Promise.all([\r\n          UserApi.getAll(),\r\n          UserApi.getPosts()\r\n        ]);\r\n        \r\n        // Use batch updates for efficiency\r\n        batchUpdates(() => {\r\n          setState(prev => ({\r\n            ...prev,\r\n            data: {\r\n              ...prev.data,\r\n              users,\r\n              posts\r\n            },\r\n            lastUpdate: new Date().toISOString()\r\n          }));\r\n        });\r\n      } catch (error) {\r\n        console.error('Error fetching data:', error);\r\n      }\r\n    }\r\n    \r\n    fetchData();\r\n  }, [refreshTrigger]);\r\n  \r\n  const handleRefresh = () => {\r\n    setRefreshTrigger(t => t + 1);\r\n  };\r\n\r\n  return (\r\n    <div className=\"max-w-4xl mx-auto py-8\">\r\n      <h1 className=\"text-3xl font-bold text-blue-600 mb-6\">\r\n        Welcome to your Next-style Frontend Hamroun application!\r\n      </h1>\r\n      \r\n      <div className=\"mb-8\">\r\n        <button \r\n          className=\"mb-4 px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700\"\r\n          onClick={handleRefresh}\r\n        >\r\n          Refresh Data\r\n        </button>\r\n        \r\n        <div className=\"bg-blue-50 p-4 rounded-lg border border-blue-100 mb-6\">\r\n          <p className=\"text-blue-700\">\r\n            Last updated: {state.lastUpdate || 'Never'} \r\n          </p>\r\n        </div>\r\n      </div>\r\n      \r\n      <ErrorBoundary>\r\n        <div className=\"bg-white shadow-lg rounded-lg p-6 mb-8\">\r\n          <h2 className=\"text-xl font-semibold text-gray-800 mb-4\">User List</h2>\r\n          <UserList users={users || state.data?.users || []} />\r\n        </div>\r\n      </ErrorBoundary>\r\n      \r\n      <ErrorBoundary>\r\n        <StateDemo />\r\n      </ErrorBoundary>\r\n      \r\n      <div className=\"bg-gray-50 rounded-lg p-6 border border-gray-200 mt-8\">\r\n        <h3 className=\"text-lg font-medium text-gray-700 mb-3\">Application State</h3>\r\n        <pre className=\"overflow-auto p-4 bg-gray-100 rounded-md text-sm text-gray-800\">\r\n          {JSON.stringify({ users, posts, ...state }, null, 2)}\r\n        </pre>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\n// Server-side data fetching (Next.js style)\r\nexport async function getServerSideProps() {\r\n  try {\r\n    const users = await UserApi.getAll();\r\n    const posts = await UserApi.getPosts();\r\n    \r\n    return {\r\n      props: {\r\n        users,\r\n        posts\r\n      }\r\n    };\r\n  } catch (error) {\r\n    console.error('Error fetching initial data:', error);\r\n    return {\r\n      props: {\r\n        users: [],\r\n        posts: []\r\n      }\r\n    };\r\n  }\r\n}\r\n", "import { jsx, Fragment } from 'frontend-hamroun';\nimport { jsx } from 'frontend-hamroun';\r\nimport Layout from '../components/Layout';\r\nimport { UserApi } from '../data/api';\r\n\r\nconst UsersPage = ({ initialState }) => {\r\n  const users = initialState.data?.users || [];\r\n\r\n  return (\r\n    <Layout title=\"User Management\">\r\n      <div className=\"max-w-4xl mx-auto\">\r\n        <div className=\"bg-blue-50 p-6 rounded-lg mb-8 border border-blue-100\">\r\n          <h2 className=\"text-xl font-semibold text-blue-800 mb-2\">Data Fetching Demo</h2>\r\n          <p className=\"text-blue-700\">This page demonstrates dynamic data fetching with the Users API.</p>\r\n        </div>\r\n        \r\n        <div className=\"bg-white shadow-md rounded-lg overflow-hidden\">\r\n          <div className=\"px-6 py-4 border-b border-gray-200\">\r\n            <h2 className=\"text-xl font-semibold text-gray-800\">User List</h2>\r\n          </div>\r\n          \r\n          {users.length === 0 ? (\r\n            <div className=\"p-6 text-center text-gray-500\">\r\n              <p>No users found.</p>\r\n            </div>\r\n          ) : (\r\n            <div className=\"overflow-x-auto\">\r\n              <table className=\"w-full\">\r\n                <thead>\r\n                  <tr className=\"bg-gray-50\">\r\n                    <th className=\"text-left py-3 px-6 font-medium text-gray-600 text-sm uppercase tracking-wider border-b\">ID</th>\r\n                    <th className=\"text-left py-3 px-6 font-medium text-gray-600 text-sm uppercase tracking-wider border-b\">Name</th>\r\n                    <th className=\"text-left py-3 px-6 font-medium text-gray-600 text-sm uppercase tracking-wider border-b\">Email</th>\r\n                  </tr>\r\n                </thead>\r\n                <tbody className=\"divide-y divide-gray-200\">\r\n                  {users.map(user => (\r\n                    <tr key={user.id} className=\"hover:bg-gray-50\">\r\n                      <td className=\"py-4 px-6 text-sm text-gray-900\">{user.id}</td>\r\n                      <td className=\"py-4 px-6 text-sm font-medium text-gray-900\">{user.name}</td>\r\n                      <td className=\"py-4 px-6 text-sm text-gray-500\">{user.email}</td>\r\n                    </tr>\r\n                  ))}\r\n                </tbody>\r\n              </table>\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </Layout>\r\n  );\r\n};\r\n\r\n// Static method to fetch initial data for this page\r\nUsersPage.getInitialData = async () => {\r\n  return {\r\n    users: await UserApi.getAll()\r\n  };\r\n};\r\n\r\nexport default UsersPage;\r\n", "import { jsx, Fragment } from 'frontend-hamroun';\nimport { jsx, useState, useEffect } from 'frontend-hamroun';\r\nimport { UserApi } from '../../data/api';\r\n\r\nexport default function UserDetail({ user, posts, initialState }) {\r\n  // State for client-side data fetching when needed\r\n  const [userData, setUserData] = useState(user);\r\n  const [userPosts, setUserPosts] = useState(posts || []);\r\n  const [loading, setLoading] = useState(false);\r\n  const [error, setError] = useState(null);\r\n  \r\n  // Get user ID from route params\r\n  const { id } = initialState?.params || {};\r\n  \r\n  // Fetch user data if not provided from server\r\n  useEffect(() => {\r\n    if (!userData && id) {\r\n      setLoading(true);\r\n      \r\n      Promise.all([\r\n        UserApi.getById(id),\r\n        UserApi.getPosts(id)\r\n      ])\r\n        .then(([userData, postsData]) => {\r\n          setUserData(userData);\r\n          setUserPosts(postsData);\r\n          setLoading(false);\r\n        })\r\n        .catch(err => {\r\n          console.error('Error fetching user data:', err);\r\n          setError(err.message || 'Failed to load user data');\r\n          setLoading(false);\r\n        });\r\n    }\r\n  }, [userData, id]);\r\n\r\n  if (loading) {\r\n    return (\r\n      <div className=\"max-w-4xl mx-auto p-4\">\r\n        <div className=\"animate-pulse rounded-md bg-gray-100 p-8\">\r\n          <div className=\"h-8 bg-gray-200 rounded w-1/4 mb-4\"></div>\r\n          <div className=\"h-4 bg-gray-200 rounded w-1/2 mb-2\"></div>\r\n          <div className=\"h-4 bg-gray-200 rounded w-3/4 mb-4\"></div>\r\n          <div className=\"h-40 bg-gray-200 rounded mb-4\"></div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  if (error) {\r\n    return (\r\n      <div className=\"max-w-4xl mx-auto p-4\">\r\n        <div className=\"rounded-md bg-red-50 p-4 border border-red-200\">\r\n          <h2 className=\"text-lg font-bold text-red-700\">Error Loading User</h2>\r\n          <p className=\"text-red-600\">{error}</p>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  if (!userData) {\r\n    return (\r\n      <div className=\"max-w-4xl mx-auto p-4\">\r\n        <div className=\"rounded-md bg-yellow-50 p-4 border border-yellow-200\">\r\n          <h2 className=\"text-lg font-bold text-yellow-700\">User Not Found</h2>\r\n          <p className=\"text-yellow-600\">Could not find user with ID: {id}</p>\r\n          <a href=\"/users\" className=\"text-blue-600 hover:underline mt-2 block\">\r\n            Back to Users List\r\n          </a>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div className=\"max-w-4xl mx-auto p-4\">\r\n      <div className=\"bg-white shadow-lg rounded-lg p-6 mb-6\">\r\n        <h1 className=\"text-2xl font-bold text-gray-800 mb-4\">{userData.name}</h1>\r\n        <div className=\"user-info mb-6\">\r\n          <p className=\"text-gray-600\">\r\n            <span className=\"font-bold\">ID:</span> {userData.id}\r\n          </p>\r\n          <p className=\"text-gray-600\">\r\n            <span className=\"font-bold\">Email:</span> {userData.email}\r\n          </p>\r\n        </div>\r\n        \r\n        <a href=\"/users\" className=\"text-blue-600 hover:underline\">\r\n          Back to Users List\r\n        </a>\r\n      </div>\r\n      \r\n      {userPosts && userPosts.length > 0 ? (\r\n        <div className=\"bg-white shadow-lg rounded-lg p-6\">\r\n          <h2 className=\"text-xl font-bold text-gray-800 mb-4\">Posts by {userData.name}</h2>\r\n          <div className=\"space-y-4\">\r\n            {userPosts.map(post => (\r\n              <div key={post.id} className=\"border-b pb-4\">\r\n                <h3 className=\"text-lg font-semibold\">{post.title}</h3>\r\n                <p className=\"text-gray-600\">{post.content}</p>\r\n              </div>\r\n            ))}\r\n          </div>\r\n        </div>\r\n      ) : (\r\n        <div className=\"bg-white shadow-lg rounded-lg p-6\">\r\n          <h2 className=\"text-xl font-bold text-gray-800 mb-4\">Posts by {userData.name}</h2>\r\n          <p className=\"text-gray-500 italic\">No posts found for this user.</p>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n\r\n// Next.js style server-side data fetching\r\nexport async function getServerSideProps({ params }) {\r\n  try {\r\n    const userId = params.id;\r\n    \r\n    // Parallel data fetching\r\n    const [user, posts] = await Promise.all([\r\n      UserApi.getById(parseInt(userId)),\r\n      UserApi.getPosts(parseInt(userId))\r\n    ]);\r\n    \r\n    // Handle user not found\r\n    if (!user) {\r\n      return {\r\n        notFound: true\r\n      };\r\n    }\r\n    \r\n    return {\r\n      props: {\r\n        user,\r\n        posts\r\n      }\r\n    };\r\n  } catch (error) {\r\n    console.error(`Error fetching user ${params.id}:`, error);\r\n    \r\n    // Pass the error for client-side handling\r\n    return {\r\n      props: {\r\n        error: {\r\n          message: error.message,\r\n          status: error.status || 500\r\n        },\r\n        user: null,\r\n        posts: []\r\n      }\r\n    };\r\n  }\r\n}\r\n", "import { jsx, Fragment } from 'frontend-hamroun';\n// This file will be removed as it contains WASM functionality\r\n", "import { jsx, Fragment } from 'frontend-hamroun';\nimport { render, hydrate, jsx } from 'frontend-hamroun';\r\n// Import Tailwind CSS\r\nimport './styles.css';\r\n\r\n// Type declaration for window.__INITIAL_STATE__\r\ndeclare global {\r\n  interface Window {\r\n    __INITIAL_STATE__?: any;\r\n  }\r\n}\r\n\r\n// Get initial state from server\r\nconst initialState = window.__INITIAL_STATE__ || {\r\n  route: window.location.pathname,\r\n  timestamp: new Date().toISOString(),\r\n  serverRendered: false,\r\n  data: {\r\n    users: null,\r\n    posts: null\r\n  }\r\n};\r\n\r\nconsole.log('[Client] Initial state:', initialState);\r\n\r\n// Create a mutable variable for hydration state\r\nlet isHydrating = document.getElementById('root')?.innerHTML.trim() !== '';\r\n\r\n// Function to handle navigation\r\nasync function handleRouteChange(path: string, isPushState = true) {\r\n  try {\r\n    console.log(`[Router] Navigating to: ${path}`);\r\n    \r\n    // Update URL if needed\r\n    if (isPushState) {\r\n      window.history.pushState(null, '', path);\r\n    }\r\n    \r\n    // Dynamically load the page component based on the path\r\n    const normalizedPath = path === '/' ? 'index' : path.replace(/^\\//, '');\r\n    \r\n    let Page;\r\n    try {\r\n      // Dynamic import for the page component\r\n      const module = await import(`./pages/${normalizedPath}.tsx`);\r\n      Page = module.default;\r\n    } catch (error) {\r\n      console.warn(`[Router] Could not load page for ${path}, trying index file`);\r\n      try {\r\n        // Try loading index file in directory\r\n        const module = await import(`./pages/${normalizedPath}/index.tsx`);\r\n        Page = module.default;\r\n      } catch (innerError) {\r\n        console.error(`[Router] Failed to load page component for ${path}`);\r\n        \r\n        // Try to load 404 page\r\n        try {\r\n          const notFoundModule = await import(`./pages/404.tsx`);\r\n          Page = notFoundModule.default;\r\n        } catch (notFoundError) {\r\n          // If all fails, render a simple not found message\r\n          const rootElement = document.getElementById('root');\r\n          if (rootElement) {\r\n            render(\r\n              <div style={{ padding: '20px', maxWidth: '800px', margin: '0 auto' }}>\r\n                <h1>Page Not Found</h1>\r\n                <p>The page you requested could not be found.</p>\r\n                <a href=\"/\" style={{ color: '#0066cc' }}>Go to Home</a>\r\n              </div>,\r\n              rootElement\r\n            );\r\n          }\r\n          return;\r\n        }\r\n      }\r\n    }\r\n    \r\n    // Get the current page props\r\n    let pageProps = initialState.pageProps || {};\r\n    \r\n    // If the page defines getServerSideProps, fetch data\r\n    if (Page.getServerSideProps) {\r\n      try {\r\n        const response = await fetch(`/api/__props${path}`);\r\n        if (response.ok) {\r\n          const data = await response.json();\r\n          pageProps = data.props || {};\r\n        }\r\n      } catch (error) {\r\n        console.error('[Router] Error fetching page props:', error);\r\n      }\r\n    }\r\n    \r\n    // Update the state with current route\r\n    const updatedState = {\r\n      ...initialState,\r\n      route: path,\r\n      pageProps\r\n    };\r\n    \r\n    // Render the page\r\n    const rootElement = document.getElementById('root');\r\n    if (!rootElement) return;\r\n    \r\n    if (isHydrating && path === initialState.route) {\r\n      console.log('[Client] Hydrating server-rendered content');\r\n      hydrate(<Page {...pageProps} initialState={updatedState} />, rootElement);\r\n      isHydrating = false;\r\n    } else {\r\n      console.log('[Client] Rendering client-side');\r\n      render(<Page {...pageProps} initialState={updatedState} />, rootElement);\r\n    }\r\n  } catch (error) {\r\n    console.error('[Router] Navigation error:', error);\r\n  }\r\n}\r\n\r\n// Handle initial route\r\nhandleRouteChange(window.location.pathname, false);\r\n\r\n// Handle client-side navigation\r\ndocument.addEventListener('click', (e) => {\r\n  let target = e.target as HTMLElement | null;\r\n  \r\n  // Find closest anchor element\r\n  while (target && target.tagName !== 'A') {\r\n    target = target.parentElement;\r\n    if (!target) break;\r\n  }\r\n  \r\n  if (target && \r\n      target.tagName === 'A' && \r\n      target.getAttribute('href') && \r\n      target.getAttribute('href')?.startsWith('/') && \r\n      !target.getAttribute('href')?.startsWith('//') && \r\n      !target.getAttribute('target')) {\r\n    \r\n    e.preventDefault();\r\n    const href = target.getAttribute('href') || '/';\r\n    handleRouteChange(href);\r\n  }\r\n});\r\n\r\n// Handle back/forward navigation\r\nwindow.addEventListener('popstate', () => {\r\n  handleRouteChange(window.location.pathname, false);\r\n});\r\n\r\n// Set up socket.io for live reload in development\r\nif (typeof io !== 'undefined') {\r\n  const socket = io();\r\n  socket.on('reload', () => {\r\n    console.log('[Dev] Reloading page due to file changes');\r\n    window.location.reload();\r\n  });\r\n}\r\n"],
+  "mappings": "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",
+  "names": ["index", "state", "setState", "initialState", "initialState", "initialState", "initialState", "about_exports", "AboutPage", "init_about", "initialState", "getServerSideProps", "initialState", "users", "posts", "initialState", "id_exports", "getServerSideProps", "initialState", "userData", "init_id", "isHydrating", "rootElement"]
 }

package/templates/fullstack-app/build.ts

@@ -24,7 +24,7 @@ if (!existsSync(outdir)) {
 // CSS processing plugin for esbuild
 const cssPlugin = {
   name: 'css-processor',
-  setup(build) {
+  setup(build: { onLoad: (arg0: { filter: RegExp; }, arg1: (args: any) => Promise<{ contents: string; loader: string; errors?: undefined; } | { errors: { text: string; }[]; loader: string; contents?: undefined; }>) => void; }) {
     // Handle CSS files
     build.onLoad({ filter: /\.css$/ }, async (args) => {
       // Read the CSS file
@@ -45,7 +45,7 @@ const cssPlugin = {
           contents: result.css,
           loader: 'css'
         };
-      } catch (error) {
+      } catch (error: any) {
         console.error('Error processing CSS:', error);
         return { 
           errors: [{ text: 'Error processing CSS with PostCSS: ' + error.message }],
@@ -118,8 +118,7 @@ async function buildClient() {
               return { contents: content, loader: args.path.endsWith('tsx') ? 'tsx' : 'jsx' };
             });
           }
-        },
-        cssPlugin
+        }
       ],
       loader: {
         '.tsx': 'tsx',