frontend-hamroun 1.1.54 → 1.1.56

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/batch.ts","../src/hooks.ts","../src/jsx-runtime.ts","../src/renderer.ts","../src/server-renderer.ts","../src/router.ts","../src/link.tsx","../src/context.ts","../src/templates/default.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\n// Add environment detection\r\nconst isServer = typeof window === 'undefined';\r\n\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  // Skip effect execution on server\r\n  if (isServer) {\r\n    // Just increment hook index for SSR consistency\r\n    const effectIndex = stateIndices.get(currentRender)!;\r\n    stateIndices.set(currentRender, effectIndex + 1);\r\n    return;\r\n  }\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// Define RouterState interface\r\ninterface RouterState {\r\n  pathname: string;\r\n  search: string;\r\n  hash: string;\r\n  params: Record<string, string>;\r\n}\r\n\r\n// Make router SSR-compatible\r\nexport function useRouter() {\r\n  // Server-side default state\r\n  const defaultState: RouterState = {\r\n    pathname: '/',\r\n    search: '',\r\n    hash: '',\r\n    params: {}\r\n  };\r\n  \r\n  // Use current path in SSR context\r\n  if (isServer) {\r\n    // Try to use URL from context or fallback to default\r\n    return {\r\n      ...defaultState,\r\n      push: () => {},\r\n      replace: () => {},\r\n      back: () => {},\r\n      forward: () => {}\r\n    };\r\n  }\r\n  \r\n  // ...existing client-side router logic...\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 } from './types';\r\nimport { defaultTemplate, TemplateOptions, ScriptConfig } from './templates/default';\r\n\r\n// Track component instances during SSR\r\nconst componentStack: any[] = [];\r\nlet currentComponent: any = null;\r\n\r\nexport async function renderToString(\r\n  element: JSX.Element | any,\r\n  options: Partial<TemplateOptions> = {}\r\n): Promise<string> {\r\n  componentStack.length = 0;\r\n  currentComponent = null;\r\n\r\n  try {\r\n    // Handle JSX elements and Component functions differently\r\n    let content: string;\r\n    \r\n    if (typeof element === 'function') {\r\n      // If element is a component function, call it\r\n      const rendered = await element({});\r\n      content = await renderNodeToString(rendered);\r\n    } else {\r\n      // Otherwise treat as VNode or primitive\r\n      content = await renderNodeToString(element);\r\n    }\r\n\r\n    const processedScripts = options.scripts?.map(script => \r\n      typeof script === 'string' \r\n        ? { src: script, defer: true } as ScriptConfig\r\n        : { ...script, defer: script.defer ?? true }\r\n    );\r\n\r\n    // Generate the full HTML document\r\n    return defaultTemplate(content, {\r\n      title: 'Frontend Hamroun App',\r\n      ...options,\r\n      scripts: processedScripts\r\n    });\r\n  } catch (error) {\r\n    console.error('Server rendering error:', error);\r\n    // Return error page in development\r\n    if (process.env.NODE_ENV === 'development') {\r\n      const errorMessage = error instanceof Error \r\n        ? error.stack || error.message \r\n        : String(error);\r\n      \r\n      return `\r\n        <!DOCTYPE html>\r\n        <html>\r\n          <head><title>Rendering Error</title></head>\r\n          <body>\r\n            <h1>Server Rendering Error</h1>\r\n            <pre>${escapeHtml(errorMessage)}</pre>\r\n          </body>\r\n        </html>\r\n      `;\r\n    }\r\n    return '';\r\n  } finally {\r\n    // Cleanup\r\n    componentStack.length = 0;\r\n    currentComponent = null;\r\n  }\r\n}\r\n\r\n// Add support for Component instances\r\nasync function renderNodeToString(node: VNode | any): Promise<string> {\r\n  // Handle null and boolean\r\n  if (node == null || typeof node === 'boolean') return '';\r\n\r\n  // Handle Component instances with render method\r\n  if (node && typeof node === 'object' && typeof node.render === 'function') {\r\n    try {\r\n      const result = await node.render();\r\n      return renderNodeToString(result);\r\n    } catch (error) {\r\n      console.error('Error rendering component instance:', error);\r\n      return '';\r\n    }\r\n  }\r\n\r\n  // Handle primitives\r\n  if (typeof node === 'number' || typeof node === 'string') {\r\n    return escapeHtml(String(node));\r\n  }\r\n\r\n  // Handle arrays\r\n  if (Array.isArray(node)) {\r\n    const results = await Promise.all(\r\n      node.map(child => renderNodeToString(child))\r\n    );\r\n    return results.join('');\r\n  }\r\n\r\n  // Handle functional components\r\n  if (typeof node === 'function') {\r\n    const prevComponent = currentComponent;\r\n    currentComponent = { type: node.name || 'Anonymous' };\r\n    componentStack.push(currentComponent);\r\n\r\n    try {\r\n      const result = await node({});\r\n      return renderNodeToString(result);\r\n    } finally {\r\n      componentStack.pop();\r\n      currentComponent = prevComponent;\r\n    }\r\n  }\r\n\r\n  // Handle VNodes\r\n  if (node.type) {\r\n    if (typeof node.type === 'function') {\r\n      const prevComponent = currentComponent;\r\n      currentComponent = {\r\n        type: node.type.name || 'Anonymous',\r\n        props: node.props || {}\r\n      };\r\n      componentStack.push(currentComponent);\r\n\r\n      try {\r\n        const result = await node.type(node.props || {});\r\n        return renderNodeToString(result);\r\n      } finally {\r\n        componentStack.pop();\r\n        currentComponent = prevComponent;\r\n      }\r\n    }\r\n\r\n    // Handle HTML elements\r\n    let html = `<${node.type}`;\r\n    \r\n    // Add props\r\n    if (node.props) {\r\n      html += renderProps(node.props);\r\n    }\r\n\r\n    // Self-closing tags\r\n    const voidElements = new Set([\r\n      'area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input',\r\n      'link', 'meta', 'param', 'source', 'track', 'wbr'\r\n    ]);\r\n\r\n    if (voidElements.has(node.type)) {\r\n      return html + '/>';\r\n    }\r\n\r\n    html += '>';\r\n\r\n    // Render children\r\n    if (node.props?.children) {\r\n      const children = Array.isArray(node.props.children)\r\n        ? node.props.children\r\n        : [node.props.children];\r\n\r\n      for (const child of children) {\r\n        html += await renderNodeToString(child);\r\n      }\r\n    }\r\n\r\n    return html + `</${node.type}>`;\r\n  }\r\n\r\n  // Handle other cases\r\n  return '';\r\n}\r\n\r\nfunction renderProps(props: Record<string, any>): string {\r\n  let html = '';\r\n\r\n  for (const [key, value] of Object.entries(props)) {\r\n    // Skip special props\r\n    if (key === 'children' || key === 'key' || key === 'ref') continue;\r\n\r\n    // Handle className\r\n    if (key === 'className') {\r\n      if (value) html += ` class=\"${escapeHtml(String(value))}\"`;\r\n      continue;\r\n    }\r\n\r\n    // Handle style objects\r\n    if (key === 'style' && typeof value === 'object' && value !== null) {\r\n      html += ` style=\"${styleToString(value)}\"`;\r\n      continue;\r\n    }\r\n\r\n    // Skip event handlers\r\n    if (key.startsWith('on')) continue;\r\n\r\n    // Handle boolean attributes\r\n    if (typeof value === 'boolean') {\r\n      if (value) html += ` ${key}`;\r\n      continue;\r\n    }\r\n\r\n    // Handle other attributes\r\n    if (value != null) {\r\n      html += ` ${key}=\"${escapeHtml(String(value))}\"`;\r\n    }\r\n  }\r\n\r\n  return html;\r\n}\r\n\r\nfunction escapeHtml(str: string): string {\r\n  return str\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\r\nfunction styleToString(style: Record<string, any>): string {\r\n  return Object.entries(style)\r\n    .map(([key, value]) => `${hyphenate(key)}: ${value}`)\r\n    .join('; ');\r\n}\r\n\r\n// Convert camelCase to kebab-case\r\nfunction hyphenate(str: string): string {\r\n  return str.replace(/[A-Z]/g, m => '-' + m.toLowerCase());\r\n}\r\n","import { useState, useEffect } from './hooks';\r\n\r\ninterface RouterState {\r\n  pathname: string;\r\n  search: string;\r\n  hash: string;\r\n  params: Record<string, string>;\r\n}\r\n\r\ninterface RouterOptions {\r\n  replace?: boolean;\r\n  scroll?: boolean;\r\n}\r\n\r\nlet currentState: RouterState = {\r\n  pathname: typeof window !== 'undefined' ? window.location.pathname : '/',\r\n  search: typeof window !== 'undefined' ? window.location.search : '',\r\n  hash: typeof window !== 'undefined' ? window.location.hash : '',\r\n  params: {}\r\n};\r\n\r\nconst listeners = new Set<(state: RouterState) => void>();\r\n\r\n// Parse route pattern and extract params\r\nfunction matchRoute(pattern: string, pathname: string): Record<string, string> | null {\r\n  const paramNames: string[] = [];\r\n  const regexPattern = pattern.replace(/:([^/]+)/g, (_, name) => {\r\n    paramNames.push(name);\r\n    return '([^/]+)';\r\n  });\r\n\r\n  const match = pathname.match(new RegExp(`^${regexPattern}$`));\r\n  if (!match) return null;\r\n\r\n  const params: Record<string, string> = {};\r\n  paramNames.forEach((name, i) => {\r\n    params[name] = match[i + 1];\r\n  });\r\n\r\n  return params;\r\n}\r\n\r\nfunction updateState(newPath: string, options: RouterOptions = {}) {\r\n  const url = new URL(newPath, window.location.origin);\r\n  const newState: RouterState = {\r\n    pathname: url.pathname,\r\n    search: url.search,\r\n    hash: url.hash,\r\n    params: {}\r\n  };\r\n\r\n  if (options.replace) {\r\n    window.history.replaceState(newState, '', url.toString());\r\n  } else {\r\n    window.history.pushState(newState, '', url.toString());\r\n  }\r\n\r\n  currentState = newState;\r\n  listeners.forEach(listener => listener(newState));\r\n\r\n  if (options.scroll) {\r\n    window.scrollTo(0, 0);\r\n  }\r\n}\r\n\r\nexport function navigate(to: string, options: RouterOptions = {}) {\r\n  if (typeof window === 'undefined') return;\r\n  updateState(to, options);\r\n}\r\n\r\nexport function useRouter() {\r\n  const [state, setState] = useState<RouterState>(currentState);\r\n\r\n  useEffect(() => {\r\n    const handleRouteChange = (newState: RouterState) => {\r\n      setState(newState);\r\n    };\r\n\r\n    const handlePopState = () => {\r\n      currentState = {\r\n        pathname: window.location.pathname,\r\n        search: window.location.search,\r\n        hash: window.location.hash,\r\n        params: {}\r\n      };\r\n      setState(currentState);\r\n    };\r\n\r\n    listeners.add(handleRouteChange);\r\n    window.addEventListener('popstate', handlePopState);\r\n\r\n    return () => {\r\n      listeners.delete(handleRouteChange);\r\n      window.removeEventListener('popstate', handlePopState);\r\n    };\r\n  }, []);\r\n\r\n  return {\r\n    ...state,\r\n    push: (to: string, options?: RouterOptions) => navigate(to, options),\r\n    replace: (to: string, options?: RouterOptions) => navigate(to, { ...options, replace: true }),\r\n    back: () => window.history.back(),\r\n    forward: () => window.history.forward()\r\n  };\r\n}\r\n\r\nexport function useRoute(pattern: string) {\r\n  const { pathname } = useRouter();\r\n  const [params, setParams] = useState<Record<string, string>>({});\r\n  const [isMatch, setIsMatch] = useState(false);\r\n\r\n  useEffect(() => {\r\n    const matchedParams = matchRoute(pattern, pathname);\r\n    setIsMatch(!!matchedParams);\r\n    setParams(matchedParams || {});\r\n  }, [pattern, pathname]);\r\n\r\n  return { isMatch, params };\r\n}\r\n\r\nexport function useParams<T extends Record<string, string>>() {\r\n  const router = useRouter();\r\n  return router.params as T;\r\n}\r\n\r\nexport function useSearchParams() {\r\n  const { search } = useRouter();\r\n  return new URLSearchParams(search);\r\n}\r\n","import { navigate } from './router';\r\n\r\ninterface LinkProps {\r\n  href: string;\r\n  children?: any;\r\n  replace?: boolean;\r\n  className?: string;\r\n  style?: Record<string, string>;\r\n  [key: string]: any;\r\n}\r\n\r\nexport function Link({ \r\n  href, \r\n  children, \r\n  replace = false, \r\n  className,\r\n  style,\r\n  ...rest \r\n}: LinkProps) {\r\n  const handleClick = (e: MouseEvent) => {\r\n    e.preventDefault();\r\n    navigate(href, { replace });\r\n  };\r\n\r\n  return {\r\n    type: 'a',\r\n    props: {\r\n      href,\r\n      onClick: handleClick,\r\n      className,\r\n      style,\r\n      ...rest,\r\n      children\r\n    }\r\n  };\r\n}\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","export interface ScriptConfig {\r\n  src: string;\r\n  defer?: boolean;\r\n  async?: boolean;\r\n  type?: string;\r\n}\r\n\r\nexport interface TemplateOptions {\r\n  title: string;\r\n  description?: string;\r\n  scripts?: (string | ScriptConfig)[];\r\n  styles?: string[];\r\n  initialState?: any;\r\n  meta?: Record<string, string>;\r\n  bodyAttrs?: Record<string, string>;\r\n  htmlAttrs?: Record<string, string>;\r\n}\r\n\r\nexport function defaultTemplate(content: string, options: TemplateOptions): string {\r\n  const {\r\n    title,\r\n    description = '',\r\n    scripts = [],\r\n    styles = [],\r\n    initialState = {},\r\n    meta = {},\r\n    bodyAttrs = {},\r\n    htmlAttrs = { lang: 'en' }\r\n  } = options;\r\n\r\n  const htmlAttributes = Object.entries(htmlAttrs)\r\n    .map(([key, value]) => `${key}=\"${value}\"`)\r\n    .join(' ');\r\n\r\n  const bodyAttributes = Object.entries(bodyAttrs)\r\n    .map(([key, value]) => `${key}=\"${value}\"`)\r\n    .join(' ');\r\n\r\n  const metaTags = Object.entries(meta)\r\n    .map(([name, content]) => `    <meta name=\"${name}\" content=\"${content}\">`)\r\n    .join('\\n');\r\n\r\n  const scriptTags = scripts.map(script => {\r\n    if (typeof script === 'string') {\r\n      return `    <script src=\"${script}\" defer></script>`;\r\n    }\r\n    const { src, defer = true, async = false, type } = script;\r\n    return `    <script src=\"${src}\"${defer ? ' defer' : ''}${async ? ' async' : ''}${type ? ` type=\"${type}\"` : ''}></script>`;\r\n  }).join('\\n');\r\n\r\n  return `<!DOCTYPE html>\r\n<html ${htmlAttributes}>\r\n  <head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    ${description ? `<meta name=\"description\" content=\"${description}\">\\n` : ''}${metaTags}\r\n    <title>${title}</title>\r\n${styles.map(href => `    <link rel=\"stylesheet\" href=\"${href}\">`).join('\\n')}\r\n    <script>\r\n      window.__INITIAL_STATE__ = ${JSON.stringify(initialState)};\r\n    </script>\r\n  </head>\r\n  <body ${bodyAttributes}>\r\n    <div id=\"root\">${content}</div>\r\n${scriptTags}\r\n  </body>\r\n</html>`;\r\n}\r\n"],"names":["isBatching","queue","batchUpdates","fn","push","length","nextFn","shift","currentRender","states","Map","stateIndices","effects","memos","refs","globalRenderCallback","globalContainer","currentElement","isServer","window","serverStates","useState","initial","Error","has","set","componentState","get","index","state","setState","newValue","componentStates","nextValue","rerender","useEffect","callback","deps","effectIndex","componentEffects","prevEffect","some","dep","i","cleanup","queueMicrotask","async","rendererId","forEach","effect","error","console","jsx","type","props","log","processedProps","arguments","children","Array","prototype","slice","call","createElement","vnode","document","createTextNode","String","isArray","fragment","createDocumentFragment","child","node","appendChild","result","Element","setAttribute","name","toString","element","key","value","Object","entries","startsWith","eventName","toLowerCase","existingHandler","_a","__events","removeEventListener","addEventListener","assign","style","childArray","flat","childNode","isHydrating","render","container","id","setRenderCallback","domNode","innerHTML","delete","renderNodeToString","escapeHtml","Promise","all","map","join","html","styleToString","renderProps","Set","str","replace","m","currentState","pathname","location","search","hash","params","listeners","navigate","to","options","newPath","url","URL","origin","newState","history","replaceState","pushState","listener","scroll","scrollTo","updateState","href","className","rest","onClick","e","preventDefault","defaultValue","Provider","Consumer","_id","Symbol","useSelector","selector","content","rendered","processedScripts","scripts","script","src","defer","title","description","styles","initialState","meta","bodyAttrs","htmlAttrs","lang","htmlAttributes","bodyAttributes","metaTags","scriptTags","JSON","stringify","defaultTemplate","process","env","NODE_ENV","stack","message","context","setError","factory","memoIndex","componentMemos","prevMemo","is","refIndex","componentRefs","ref","current","handleRouteChange","handlePopState","add","back","forward"],"mappings":"gFAAO,IAAIA,GAAa,EACxB,MAAMC,EAAoB,GAEnB,SAASC,EAAaC,GAC3B,GAAIH,EACFC,EAAMG,KAAKD,OADb,CAKaH,GAAA,EACT,IAEK,QAAAC,EAAMI,OAAS,GAAG,CACjB,MAAAC,EAASL,EAAMM,QACZ,MAAAD,GAAAA,GACX,CAAA,CACA,QACaN,GAAA,CACf,CAXA,CAYF,CCfA,IAAIQ,EAAwB,EAC5B,MAAMC,MAAaC,IACbC,MAAmBD,IACnBE,MAAcF,IACdG,MAAYH,IACZI,MAAWJ,IAQjB,IAAIK,EAAgF,KAChFC,EAAsC,KACtCC,EAAsB,KAG1B,MAAMC,EAA6B,oBAAXC,OAElBC,MAAmBV,IAyBlB,SAASW,EAAYC,GAC1B,IAAKd,EACG,MAAA,IAAIe,MAAM,2CAGlB,GAAIL,EAAU,CAEPE,EAAaI,IAAIhB,IACpBY,EAAaK,IAAIjB,EAAmB,IAAAE,KAEhC,MAAAgB,EAAiBN,EAAaO,IAAInB,GAClCoB,EAAQjB,EAAagB,IAAInB,IAAkB,EAE5CkB,EAAeF,IAAII,IACPF,EAAAD,IAAIG,EAAON,GAGtBO,MAAAA,EAAQH,EAAeC,IAAIC,GAC3BE,EAAYC,IAAD,EAKV,OADMpB,EAAAc,IAAIjB,EAAeoB,EAAQ,GACjC,CAACC,EAAOC,EACjB,CAEKrB,EAAOe,IAAIhB,IACPC,EAAAgB,IAAIjB,EAAe,IAGtB,MAAAwB,EAAkBvB,EAAOkB,IAAInB,GAC7BoB,EAAQjB,EAAagB,IAAInB,GAE3BoB,GAASI,EAAgB3B,QAC3B2B,EAAgB5B,KAAKkB,GAGjB,MAAAO,EAAQG,EAAgBJ,GAkBvB,OADMjB,EAAAc,IAAIjB,EAAeoB,EAAQ,GACjC,CAACC,EAjBUE,IACV,MAAAE,EAAgC,mBAAbF,EACpBA,EAAsBC,EAAgBJ,IACvCG,EAEAC,EAAgBJ,KAAWK,IAE/BD,EAAgBJ,GAASK,EAErBjC,EACWE,GAAA,IAAMgC,EAAS1B,KAE5B0B,EAAS1B,GACX,EAKJ,CAEgB,SAAA2B,EAAUC,EAAqCC,GAC7D,IAAK7B,EAAqB,MAAA,IAAIe,MAAM,4CAGpC,GAAIL,EAAU,CAENoB,MAAAA,EAAc3B,EAAagB,IAAInB,GAErC,YADaG,EAAAc,IAAIjB,EAAe8B,EAAc,EAEhD,CAEM,MAAAA,EAAc3B,EAAagB,IAAInB,GAEhCI,EAAQY,IAAIhB,IACPI,EAAAa,IAAIjB,EAAe,IAGvB,MAAA+B,EAAmB3B,EAAQe,IAAInB,GAC/BgC,EAAaD,EAAiBD,GAG/BE,GAAeH,GAASG,EAAWH,OACpCA,EAAKI,MAAK,CAACC,EAAKC,IAAMD,IAAQF,EAAWH,KAAMM,cAG7CH,WAAYI,UACdJ,EAAWI,UAIbC,gBAAe,KACP,MAAAD,EAAUR,UAAc,EAC9BG,EAAiBD,GAAe,CAAEM,UAAkBP,OAAK,KAIhD1B,EAAAc,IAAIjB,EAAe8B,EAAc,EAChD,CAmDAQ,eAAeZ,EAASa,GAClB,IAEI,MAAAR,EAAmB3B,EAAQe,IAAIoB,GACjCR,IACeA,EAAAS,SAAkBC,IAC7BA,EAAOL,SAASK,EAAOL,SAAQ,IAE7BhC,EAAAa,IAAIsB,EAAY,KAGtBhC,GAAwBC,GAAmBC,SACvCF,EAAqBE,EAAgBD,SAEtCkC,GACCC,QAAAD,MAAM,yBAA0BA,EAC1C,CACF,CC7MA,SAASE,EAAIC,EAAyBC,GACpCH,QAAQI,IAAI,iBAAkB,CAAEF,OAAMC,UAChC,MAAAE,EAAiB,IAAKF,GAOrB,OAJHG,UAAUpD,OAAS,IACrBmD,EAAeE,SAAWC,MAAMC,UAAUC,MAAMC,KAAKL,UAAW,IAG3D,CAAEJ,OAAMC,MAAOE,EACxB,CAIAV,eAAeiB,EAAcC,SAI3B,GAHQb,QAAAI,IAAI,yBAA0BS,GAGzB,MAATA,EACK,OAAAC,SAASC,eAAe,IAG7B,GAAiB,kBAAVF,EACF,OAAAC,SAASC,eAAe,IAGjC,GAAqB,iBAAVF,GAAuC,iBAAVA,EACtC,OAAOC,SAASC,eAAeC,OAAOH,IAIpC,GAAAL,MAAMS,QAAQJ,GAAQ,CAClB,MAAAK,EAAWJ,SAASK,yBAC1B,IAAA,MAAWC,KAASP,EAAO,CACnB,MAAAQ,QAAaT,EAAcQ,GACjCF,EAASI,YAAYD,EACvB,CACO,OAAAH,CACT,CAGA,GAAI,SAAUL,QAAyB,IAAhBA,EAAMV,MAAqB,CAC1C,MAAAD,KAAEA,EAAMC,MAAAA,GAAUU,EAGpB,GAAgB,mBAATX,EACL,IACF,MAAMqB,QAAerB,EAAKC,GAAS,CAAE,GAC/BkB,QAAaT,EAAcW,GAI1B,OAHHF,aAAgBG,SAClBH,EAAKI,aAAa,oBAAqBvB,EAAKwB,MAAQxB,EAAKyB,YAEpDN,QACAtB,GAEA,OADCC,QAAAD,MAAM,6BAA8BA,GACrCe,SAASC,eAAe,GACjC,CAII,MAAAa,EAAUd,SAASF,cAAcV,GAG5B,IAAA,MAAC2B,EAAKC,KAAUC,OAAOC,QAAQ7B,GAAS,CAAA,GACjD,GAAY,aAAR0B,EACJ,GAAIA,EAAII,WAAW,OAA0B,mBAAVH,EAAsB,CACvD,MAAMI,EAAYL,EAAIM,cAAczB,MAAM,GAEpC0B,EAAmB,OAAAC,EAAgBT,EAAAU,eAAW,EAAAD,EAAAH,GAChDE,GACMR,EAAAW,oBAAoBL,EAAWE,GAIjCR,EAAAY,iBAAiBN,EAAWJ,GAC9BF,EAAgBU,WACnBV,EAAgBU,SAAW,IAEbV,EAAAU,SAASJ,GAAaJ,CAC9B,KAAQ,UAARD,GAAoC,iBAAVC,EAC5BC,OAAAU,OAAOb,EAAQc,MAAOZ,GACZ,cAARD,EACTD,EAAQH,aAAa,QAAST,OAAOc,IACpB,QAARD,GAAyB,QAARA,GAC1BD,EAAQH,aAAaI,EAAKb,OAAOc,IAKrC,MAAMvB,EAAkB,MAAPJ,OAAO,EAAAA,EAAAI,SACxB,GAAgB,MAAZA,EAAkB,CACd,MAAAoC,EAAanC,MAAMS,QAAQV,GAAYA,EAASqC,OAAS,CAACrC,GAChE,IAAA,MAAWa,KAASuB,EAAY,CACxB,MAAAE,QAAkBjC,EAAcQ,GACtCQ,EAAQN,YAAYuB,EACtB,CACF,CAEO,OAAAjB,CACT,CAGA,OAAOd,SAASC,eAAeC,OAAOH,GACxC,CC1GA,IAAIiC,GAAc,EAWInD,eAAAoD,EAAOnB,EAAcoB,GACjChD,QAAAI,IAAI,gBAAiB4C,EAAUC,IAEvClG,GAAa4C,UFmBbtC,IACaG,EAAAc,IAAIjB,EAAe,GElB1B,KFMQ,SACd4B,EACA2C,EACAoB,GAEuBpF,EAAAqB,EACLpB,EAAAmF,EACDlF,EAAA8D,CACnB,CEbwBsB,CAAAH,EAAQnB,EAASoB,GAC7B,MAAAG,QAAgBvC,EAAcgB,GAE/BkB,IACHE,EAAUI,UAAY,IAExBJ,EAAU1B,YAAY6B,EAAO,CAE7B,QFcApF,GACFE,EAAaoF,OAAOhG,GAENA,EAAA,CEfd,IAEJ,CCkCAsC,eAAe2D,EAAmBjC,SAE5B,GAAQ,MAARA,GAAgC,kBAATA,EAA2B,MAAA,GAGtD,GAAIA,GAAwB,iBAATA,GAA4C,mBAAhBA,EAAK0B,OAC9C,IAEF,OAAOO,QADcjC,EAAK0B,gBAEnBhD,GAEA,OADCC,QAAAD,MAAM,sCAAuCA,GAC9C,EACT,CAIF,GAAoB,iBAATsB,GAAqC,iBAATA,EAC9B,OAAAkC,EAAWvC,OAAOK,IAIvB,GAAAb,MAAMS,QAAQI,GAAO,CAIhB,aAHemC,QAAQC,IAC5BpC,EAAKqC,KAAatC,GAAAkC,EAAmBlC,OAExBuC,KAAK,GACtB,CAGI,GAAgB,mBAATtC,EAAqB,CAEHA,EAAKK,KAG5B,IAEF,OAAO4B,QADcjC,EAAK,CAAA,GACM,CAChC,QAGF,CACF,CAGA,GAAIA,EAAKnB,KAAM,CACT,GAAqB,mBAAdmB,EAAKnB,KAAqB,CAG3BmB,EAAKnB,KAAKwB,KACTL,EAAKlB,MAIV,IAEF,OAAOmD,QADcjC,EAAKnB,KAAKmB,EAAKlB,OAAS,CAAA,GACb,CAChC,QAGF,CACF,CAGI,IAAAyD,EAAO,IAAIvC,EAAKnB,OAGhBmB,EAAKlB,QACCyD,GAiCd,SAAqBzD,GACnB,IAAIyD,EAAO,GAEX,IAAA,MAAY/B,EAAKC,KAAUC,OAAOC,QAAQ7B,GAE5B,aAAR0B,GAA8B,QAARA,GAAyB,QAARA,IAG/B,cAARA,EAMQ,UAARA,GAAoC,iBAAVC,GAAgC,OAAVA,EAMhDD,EAAII,WAAW,QAGE,kBAAVH,EAME,MAATA,IACF8B,GAAQ,IAAI/B,MAAQ0B,EAAWvC,OAAOc,QANlCA,IAAO8B,GAAQ,IAAI/B,MATf+B,GAAA,WAAWC,EAAc/B,MAN7BA,IAAO8B,GAAQ,WAAWL,EAAWvC,OAAOc,SAyB7C,OAAA8B,CACT,CApEcE,CAAYzC,EAAKlB,QAS3B,OALyB4D,IAAI,CAC3B,OAAQ,OAAQ,KAAM,MAAO,QAAS,KAAM,MAAO,QACnD,OAAQ,OAAQ,QAAS,SAAU,QAAS,QAG7B1F,IAAIgD,EAAKnB,MACxB,OAAO0D,EAAO,KAMZ,GAHIA,GAAA,IAGJ,OAAAvB,EAAAhB,EAAKlB,YAAL,EAAAkC,EAAY9B,SAAU,CACxB,MAAMA,EAAWC,MAAMS,QAAQI,EAAKlB,MAAMI,UACtCc,EAAKlB,MAAMI,SACX,CAACc,EAAKlB,MAAMI,UAEhB,IAAA,MAAWa,KAASb,EACVqD,SAAMN,EAAmBlC,EAErC,CAEO,OAAAwC,EAAO,KAAKvC,EAAKnB,OAC1B,CAGO,MAAA,EACT,CAuCA,SAASqD,EAAWS,GAClB,OAAOA,EACJC,QAAQ,KAAM,SACdA,QAAQ,KAAM,QACdA,QAAQ,KAAM,QACdA,QAAQ,KAAM,UACdA,QAAQ,KAAM,SACnB,CAEA,SAASJ,EAAcnB,GACrB,OAAOX,OAAOC,QAAQU,GACnBgB,KAAI,EAAE7B,EAAKC,MAAW,SAKRkC,EALqBnC,EAM/BmC,EAAIC,QAAQ,aAAe,IAAMC,EAAE/B,oBANKL,IAKjD,IAAmBkC,CALqC,IACnDL,KAAK,KACV,CC3MA,IAAIQ,EAA4B,CAC9BC,SAA4B,oBAAXpG,OAAyBA,OAAOqG,SAASD,SAAW,IACrEE,OAA0B,oBAAXtG,OAAyBA,OAAOqG,SAASC,OAAS,GACjEC,KAAwB,oBAAXvG,OAAyBA,OAAOqG,SAASE,KAAO,GAC7DC,OAAQ,CAAC,GAGX,MAAMC,MAAgBV,IA4Cf,SAASW,EAASC,EAAYC,EAAyB,IACtC,oBAAX5G,QAxBb,SAAqB6G,EAAiBD,EAAyB,IAC7D,MAAME,EAAM,IAAIC,IAAIF,EAAS7G,OAAOqG,SAASW,QACvCC,EAAwB,CAC5Bb,SAAUU,EAAIV,SACdE,OAAQQ,EAAIR,OACZC,KAAMO,EAAIP,KACVC,OAAQ,CAAC,GAGPI,EAAQX,QACVjG,OAAOkH,QAAQC,aAAaF,EAAU,GAAIH,EAAInD,YAE9C3D,OAAOkH,QAAQE,UAAUH,EAAU,GAAIH,EAAInD,YAG9BwC,EAAAc,EACfR,EAAU5E,SAAQwF,GAAYA,EAASJ,KAEnCL,EAAQU,QACHtH,OAAAuH,SAAS,EAAG,EAEvB,CAIEC,CAAYb,EAAIC,EAClB,kBHjDiB,EAAGrE,cAAkCA,eIR/C,UAAckF,KACnBA,EAAAlF,SACAA,EAAA0D,QACAA,GAAU,EAAAyB,UACVA,EAAAhD,MACAA,KACGiD,IAOI,MAAA,CACLzF,KAAM,IACNC,MAAO,CACLsF,OACAG,QATiBC,IACnBA,EAAEC,iBACOpB,EAAAe,EAAM,CAAExB,WAAS,EAQxByB,YACAhD,WACGiD,EACHpF,YAGN,+CCvBO,SAA0BwF,GAcxB,MAbS,CACdC,SAAU,EAAGlE,QAAOvB,cACXA,EAET0F,SAAU,EAAG1F,cACJA,EAASwF,GAElBG,IAAKC,SACLC,YAAiBC,GACRA,EAASN,GAKtB,0CJrBsBpG,eAAQiC,EAAcoB,GAC5BF,GAAA,EACV,UACIC,EAAOnB,EAASoB,EAAS,CAC/B,QACcF,GAAA,CAChB,CACF,uECNAnD,eACEiC,EACAgD,EAAoC,UAKhC,IAEE,IAAA0B,EAEA,GAAmB,mBAAZ1E,EAAwB,CAEjC,MAAM2E,QAAiB3E,EAAQ,CAAA,GACrB0E,QAAMhD,EAAmBiD,EAAQ,MAGjCD,QAAMhD,EAAmB1B,GAG/B,MAAA4E,EAAmB,OAAAnE,EAAQuC,EAAA6B,cAAS,EAAApE,EAAAqB,QACtB,iBAAXgD,EACH,CAAEC,IAAKD,EAAQE,OAAO,GACtB,IAAKF,EAAQE,MAAOF,EAAOE,QAAS,KAI1C,OIhBY,SAAgBN,EAAiB1B,GACzC,MAAAiC,MACJA,EAAAC,YACAA,EAAc,GAAAL,QACdA,EAAU,GAACM,OACXA,EAAS,GAACC,aACVA,EAAe,CAAC,EAAAC,KAChBA,EAAO,CAAC,EAAAC,UACRA,EAAY,CAAC,EAAAC,UACbA,EAAY,CAAEC,KAAM,OAClBxC,EAEEyC,EAAiBtF,OAAOC,QAAQmF,GACnCzD,KAAI,EAAE7B,EAAKC,KAAW,GAAGD,MAAQC,OACjC6B,KAAK,KAEF2D,EAAiBvF,OAAOC,QAAQkF,GACnCxD,KAAI,EAAE7B,EAAKC,KAAW,GAAGD,MAAQC,OACjC6B,KAAK,KAEF4D,EAAWxF,OAAOC,QAAQiF,GAC7BvD,KAAI,EAAEhC,EAAM4E,KAAa,mBAAmB5E,eAAkB4E,QAC9D3C,KAAK,MAEF6D,EAAaf,EAAQ/C,KAAcgD,IACnC,GAAkB,iBAAXA,EACT,MAAO,oBAAoBA,sBAE7B,MAAMC,IAAEA,EAAKC,MAAAA,GAAQ,QAAMjH,GAAQ,EAAAO,KAAOA,GAASwG,EACnD,MAAO,oBAAoBC,KAAOC,EAAQ,SAAW,KAAKjH,EAAQ,SAAW,KAAKO,EAAO,UAAUA,KAAU,eAAE,IAC9GyD,KAAK,MAED,MAAA,0BACD0D,6HAIFP,EAAc,qCAAqCA,QAAoB,KAAKS,iBACrEV,cACXE,EAAOrD,KAAY+B,GAAA,oCAAoCA,QAAU9B,KAAK,yDAErC8D,KAAKC,UAAUV,2CAGxCM,0BACWhB,YACnBkB,uBAGF,CJjCWG,CAAgBrB,EAAS,CAC9BO,MAAO,0BACJjC,EACH6B,QAASD,UAEJzG,GAGH,GAFIC,QAAAD,MAAM,0BAA2BA,GAEZ,gBAAzB6H,QAAQC,IAAIC,SAA4B,CAKnC,MAAA,qLAMMvE,EAVQxD,aAAiB3B,MAClC2B,EAAMgI,OAAShI,EAAMiI,QACrBhH,OAAOjB,uDAYb,CACO,MAAA,EAAA,CAMX,qBGnCO,SAAuBkI,GACrB,OAAAA,CACT,+CNwLO,WACL,MAAOlI,EAAOmI,GAAYhK,EAAuB,MACjD,MAAO,CAAC6B,EAAO,IAAMmI,EAAS,MAChC,kBAxEgB,SAAWC,EAAkBjJ,GAC3C,IAAK7B,EAAqB,MAAA,IAAIe,MAAM,0CAE9B,MAAAgK,EAAY5K,EAAagB,IAAInB,GAE9BK,EAAMW,IAAIhB,IACPK,EAAAY,IAAIjB,EAAe,IAGrB,MAAAgL,EAAiB3K,EAAMc,IAAInB,GAC3BiL,EAAWD,EAAeD,GAEhC,IAAKE,GAAapJ,GAAQA,EAAKI,MAAK,CAACC,EAAKC,KAAOuC,OAAOwG,GAAGhJ,EAAK+I,EAASpJ,KAAKM,MAAO,CACnF,MAAMsC,EAAQqG,IAGP,OAFPE,EAAeD,GAAa,CAAEtG,QAAO5C,QACxB1B,EAAAc,IAAIjB,EAAe+K,EAAY,GACrCtG,CACT,CAGA,OADatE,EAAAc,IAAIjB,EAAe+K,EAAY,GACrCE,EAASxG,KAClB,iBAEO,SAAmB3D,GACxB,IAAKd,EAAqB,MAAA,IAAIe,MAAM,yCAE9B,MAAAoK,EAAWhL,EAAagB,IAAInB,GAE7BM,EAAKU,IAAIhB,IACPM,EAAAW,IAAIjB,EAAe,IAGpB,MAAAoL,EAAgB9K,EAAKa,IAAInB,GAC3B,GAAAmL,GAAYC,EAAcvL,OAAQ,CAE9BwL,MAAAA,EAAM,CAAEC,QAASxK,GAGhBuK,OAFPD,EAAcxL,KAAKyL,GACNlL,EAAAc,IAAIjB,EAAemL,EAAW,GACpCE,CACT,CAEM,MAAAA,EAAMD,EAAcD,GAEnB,OADMhL,EAAAc,IAAIjB,EAAemL,EAAW,GACpCE,CACT,oBIxHO,WACL,MAAOhK,EAAOC,GAAYT,EAAsBiG,GA0BzC,OAxBPnF,GAAU,KACF,MAAA4J,EAAqB3D,IACzBtG,EAASsG,EAAQ,EAGb4D,EAAiB,KACN1E,EAAA,CACbC,SAAUpG,OAAOqG,SAASD,SAC1BE,OAAQtG,OAAOqG,SAASC,OACxBC,KAAMvG,OAAOqG,SAASE,KACtBC,OAAQ,CAAC,GAEX7F,EAASwF,EAAY,EAMvB,OAHAM,EAAUqE,IAAIF,GACP5K,OAAAwE,iBAAiB,WAAYqG,GAE7B,KACLpE,EAAUpB,OAAOuF,GACV5K,OAAAuE,oBAAoB,WAAYsG,EAAc,CAAA,GAEtD,IAEI,IACFnK,EACHzB,KAAM,CAAC0H,EAAYC,IAA4BF,EAASC,EAAIC,GAC5DX,QAAS,CAACU,EAAYC,IAA4BF,EAASC,EAAI,IAAKC,EAASX,SAAS,IACtF8E,KAAM,IAAM/K,OAAOkH,QAAQ6D,OAC3BC,QAAS,IAAMhL,OAAOkH,QAAQ8D,UAElC"}
+{"version":3,"file":"index.js","sources":["../src/batch.ts","../src/hooks.ts","../src/jsx-runtime.ts","../src/renderer.ts","../src/server-renderer.ts","../src/router.ts","../src/link.tsx","../src/context.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","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 { prepareRender, finishRender, setRenderCallback } from './hooks';\r\n\r\nexport async function renderToString(element: any): Promise<string> {\r\n  // Setup render context\r\n  const rendererId = prepareRender();\r\n  setRenderCallback(() => {}, element, null as any);\r\n  \r\n  try {\r\n    if (element == null) return '';\r\n    \r\n    if (typeof element === 'boolean') return '';\r\n    \r\n    if (typeof element === 'number' || typeof element === 'string') {\r\n      return escapeHtml(String(element));\r\n    }\r\n\r\n    if (Array.isArray(element)) {\r\n      const children = await Promise.all(element.map(renderToString));\r\n      return children.join('');\r\n    }\r\n\r\n    if ('type' in element && element.props !== undefined) {\r\n      const { type, props } = element;\r\n\r\n      // Handle function components\r\n      if (typeof type === 'function') {\r\n        try {\r\n          // Prepare new render context for the component\r\n          prepareRender();\r\n          const result = await type(props || {});\r\n          const html = await renderToString(result);\r\n          finishRender();\r\n          return html;\r\n        } catch (error) {\r\n          console.error('Error rendering component:', error);\r\n          return '';\r\n        }\r\n      }\r\n\r\n      // Handle regular elements\r\n      let html = `<${type}`;\r\n\r\n      // Add attributes\r\n      for (const [key, value] of Object.entries(props || {})) {\r\n        if (key === 'children') continue;\r\n        if (key === 'className') {\r\n          html += ` class=\"${escapeHtml(String(value))}\"`;\r\n        } else if (key === 'style' && typeof value === 'object') {\r\n          html += ` style=\"${stringifyStyle(value || {})}\"`;\r\n        } else if (!key.startsWith('on')) {\r\n          html += ` ${key}=\"${escapeHtml(String(value))}\"`;\r\n        }\r\n      }\r\n\r\n      // Handle self-closing tags\r\n      const voidElements = new Set([\r\n        'area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input',\r\n        'link', 'meta', 'param', 'source', 'track', 'wbr'\r\n      ]);\r\n      \r\n      if (voidElements.has(type)) {\r\n        return html + '/>';\r\n      }\r\n\r\n      html += '>';\r\n\r\n      // Add children\r\n      if (props?.children) {\r\n        const children = Array.isArray(props.children) ? props.children : [props.children];\r\n        const renderedChildren = await Promise.all(children.map(renderToString));\r\n        html += renderedChildren.join('');\r\n      }\r\n\r\n      return html + `</${type}>`;\r\n    }\r\n\r\n    return escapeHtml(String(element));\r\n  } finally {\r\n    finishRender();\r\n  }\r\n}\r\n\r\nfunction escapeHtml(str: string): string {\r\n  return str\r\n    .replace(/&/g, '&amp;')\r\n    .replace(/</g, '&lt;')\r\n    .replace(/>/g, '&gt;')\r\n    .replace(/\"/g, '&quot;')\r\n    .replace(/'/g, '&#39;');\r\n}\r\n\r\nfunction stringifyStyle(style: Record<string, any>): string {\r\n  return Object.entries(style)\r\n    .map(([key, value]) => `${hyphenate(key)}:${value}`)\r\n    .join(';');\r\n}\r\n\r\nfunction hyphenate(str: string): string {\r\n  return str.replace(/[A-Z]/g, match => '-' + match.toLowerCase());\r\n}\r\n","import { useState, useEffect } from './hooks';\r\n\r\ninterface RouterState {\r\n  pathname: string;\r\n  search: string;\r\n  hash: string;\r\n  params: Record<string, string>;\r\n}\r\n\r\ninterface RouterOptions {\r\n  replace?: boolean;\r\n  scroll?: boolean;\r\n}\r\n\r\nlet currentState: RouterState = {\r\n  pathname: typeof window !== 'undefined' ? window.location.pathname : '/',\r\n  search: typeof window !== 'undefined' ? window.location.search : '',\r\n  hash: typeof window !== 'undefined' ? window.location.hash : '',\r\n  params: {}\r\n};\r\n\r\nconst listeners = new Set<(state: RouterState) => void>();\r\n\r\n// Parse route pattern and extract params\r\nfunction matchRoute(pattern: string, pathname: string): Record<string, string> | null {\r\n  const paramNames: string[] = [];\r\n  const regexPattern = pattern.replace(/:([^/]+)/g, (_, name) => {\r\n    paramNames.push(name);\r\n    return '([^/]+)';\r\n  });\r\n\r\n  const match = pathname.match(new RegExp(`^${regexPattern}$`));\r\n  if (!match) return null;\r\n\r\n  const params: Record<string, string> = {};\r\n  paramNames.forEach((name, i) => {\r\n    params[name] = match[i + 1];\r\n  });\r\n\r\n  return params;\r\n}\r\n\r\nfunction updateState(newPath: string, options: RouterOptions = {}) {\r\n  const url = new URL(newPath, window.location.origin);\r\n  const newState: RouterState = {\r\n    pathname: url.pathname,\r\n    search: url.search,\r\n    hash: url.hash,\r\n    params: {}\r\n  };\r\n\r\n  if (options.replace) {\r\n    window.history.replaceState(newState, '', url.toString());\r\n  } else {\r\n    window.history.pushState(newState, '', url.toString());\r\n  }\r\n\r\n  currentState = newState;\r\n  listeners.forEach(listener => listener(newState));\r\n\r\n  if (options.scroll) {\r\n    window.scrollTo(0, 0);\r\n  }\r\n}\r\n\r\nexport function navigate(to: string, options: RouterOptions = {}) {\r\n  if (typeof window === 'undefined') return;\r\n  updateState(to, options);\r\n}\r\n\r\nexport function useRouter() {\r\n  const [state, setState] = useState<RouterState>(currentState);\r\n\r\n  useEffect(() => {\r\n    const handleRouteChange = (newState: RouterState) => {\r\n      setState(newState);\r\n    };\r\n\r\n    const handlePopState = () => {\r\n      currentState = {\r\n        pathname: window.location.pathname,\r\n        search: window.location.search,\r\n        hash: window.location.hash,\r\n        params: {}\r\n      };\r\n      setState(currentState);\r\n    };\r\n\r\n    listeners.add(handleRouteChange);\r\n    window.addEventListener('popstate', handlePopState);\r\n\r\n    return () => {\r\n      listeners.delete(handleRouteChange);\r\n      window.removeEventListener('popstate', handlePopState);\r\n    };\r\n  }, []);\r\n\r\n  return {\r\n    ...state,\r\n    push: (to: string, options?: RouterOptions) => navigate(to, options),\r\n    replace: (to: string, options?: RouterOptions) => navigate(to, { ...options, replace: true }),\r\n    back: () => window.history.back(),\r\n    forward: () => window.history.forward()\r\n  };\r\n}\r\n\r\nexport function useRoute(pattern: string) {\r\n  const { pathname } = useRouter();\r\n  const [params, setParams] = useState<Record<string, string>>({});\r\n  const [isMatch, setIsMatch] = useState(false);\r\n\r\n  useEffect(() => {\r\n    const matchedParams = matchRoute(pattern, pathname);\r\n    setIsMatch(!!matchedParams);\r\n    setParams(matchedParams || {});\r\n  }, [pattern, pathname]);\r\n\r\n  return { isMatch, params };\r\n}\r\n\r\nexport function useParams<T extends Record<string, string>>() {\r\n  const router = useRouter();\r\n  return router.params as T;\r\n}\r\n\r\nexport function useSearchParams() {\r\n  const { search } = useRouter();\r\n  return new URLSearchParams(search);\r\n}\r\n","import { navigate } from './router';\r\n\r\ninterface LinkProps {\r\n  href: string;\r\n  children?: any;\r\n  replace?: boolean;\r\n  className?: string;\r\n  style?: Record<string, string>;\r\n  [key: string]: any;\r\n}\r\n\r\nexport function Link({ \r\n  href, \r\n  children, \r\n  replace = false, \r\n  className,\r\n  style,\r\n  ...rest \r\n}: LinkProps) {\r\n  const handleClick = (e: MouseEvent) => {\r\n    e.preventDefault();\r\n    navigate(href, { replace });\r\n  };\r\n\r\n  return {\r\n    type: 'a',\r\n    props: {\r\n      href,\r\n      onClick: handleClick,\r\n      className,\r\n      style,\r\n      ...rest,\r\n      children\r\n    }\r\n  };\r\n}\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"],"names":["isBatching","queue","batchUpdates","fn","push","length","nextFn","shift","currentRender","states","Map","stateIndices","effects","memos","refs","globalRenderCallback","globalContainer","currentElement","isServer","window","serverStates","setRenderCallback","callback","element","container","prepareRender","set","finishRender","delete","useState","initial","Error","has","componentState","get","index","state","setState","newValue","componentStates","nextValue","rerender","useEffect","deps","effectIndex","componentEffects","prevEffect","some","dep","i","cleanup","queueMicrotask","async","rendererId","forEach","effect","error","console","jsx","type","props","log","processedProps","arguments","children","Array","prototype","slice","call","createElement","vnode","document","createTextNode","String","isArray","fragment","createDocumentFragment","child","node","appendChild","result","Element","setAttribute","name","toString","key","value","Object","entries","startsWith","eventName","toLowerCase","existingHandler","_a","__events","removeEventListener","addEventListener","assign","style","childArray","flat","childNode","isHydrating","render","id","domNode","innerHTML","escapeHtml","str","replace","currentState","pathname","location","search","hash","params","listeners","Set","navigate","to","options","newPath","url","URL","origin","newState","history","replaceState","pushState","listener","scroll","scrollTo","updateState","href","className","rest","onClick","e","preventDefault","defaultValue","Provider","Consumer","_id","Symbol","useSelector","selector","renderToString","Promise","all","map","join","html","match","context","setError","factory","memoIndex","componentMemos","prevMemo","is","refIndex","componentRefs","ref","current","handleRouteChange","handlePopState","add","back","forward"],"mappings":"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"}

package/dist/index.mjs

@@ -88,11 +88,6 @@ function useState(initial) {
 function useEffect(callback, deps) {
   if (!currentRender)
     throw new Error("useEffect must be called within a render");
-  if (isServer) {
-    const effectIndex2 = stateIndices.get(currentRender);
-    stateIndices.set(currentRender, effectIndex2 + 1);
-    return;
-  }
   const effectIndex = stateIndices.get(currentRender);
   if (!effects.has(currentRender)) {
     effects.set(currentRender, []);
@@ -167,6 +162,24 @@ function useErrorBoundary() {
   const [error, setError] = useState(null);
   return [error, () => setError(null)];
 }
+function createContext(defaultValue) {
+  const context = {
+    Provider: ({ value, children }) => {
+      return children;
+    },
+    Consumer: ({ children }) => {
+      return children(defaultValue);
+    },
+    _id: Symbol(),
+    useSelector: (selector) => {
+      return selector(defaultValue);
+    }
+  };
+  return context;
+}
+function useContext(context) {
+  return context;
+}
 function jsx(type, props) {
   console.log("JSX Transform:", { type, props });
   const processedProps = { ...props };
@@ -246,24 +259,6 @@ async function createElement(vnode) {
   }
   return document.createTextNode(String(vnode));
 }
-function createContext(defaultValue) {
-  const context = {
-    Provider: ({ value, children }) => {
-      return children;
-    },
-    Consumer: ({ children }) => {
-      return children(defaultValue);
-    },
-    _id: Symbol(),
-    useSelector: (selector) => {
-      return selector(defaultValue);
-    }
-  };
-  return context;
-}
-function useContext(context) {
-  return context;
-}
 let isHydrating = false;
 async function hydrate(element, container) {
   isHydrating = true;
@@ -289,194 +284,88 @@ async function render(element, container) {
     }
   });
 }
-function defaultTemplate(content, options) {
-  const {
-    title,
-    description = "",
-    scripts = [],
-    styles = [],
-    initialState = {},
-    meta = {},
-    bodyAttrs = {},
-    htmlAttrs = { lang: "en" }
-  } = options;
-  const htmlAttributes = Object.entries(htmlAttrs).map(([key, value]) => `${key}="${value}"`).join(" ");
-  const bodyAttributes = Object.entries(bodyAttrs).map(([key, value]) => `${key}="${value}"`).join(" ");
-  const metaTags = Object.entries(meta).map(([name, content2]) => `    <meta name="${name}" content="${content2}">`).join("\n");
-  const scriptTags = scripts.map((script) => {
-    if (typeof script === "string") {
-      return `    <script src="${script}" defer><\/script>`;
-    }
-    const { src, defer = true, async = false, type } = script;
-    return `    <script src="${src}"${defer ? " defer" : ""}${async ? " async" : ""}${type ? ` type="${type}"` : ""}><\/script>`;
-  }).join("\n");
-  return `<!DOCTYPE html>
-<html ${htmlAttributes}>
-  <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    ${description ? `<meta name="description" content="${description}">
-` : ""}${metaTags}
-    <title>${title}</title>
-${styles.map((href) => `    <link rel="stylesheet" href="${href}">`).join("\n")}
-    <script>
-      window.__INITIAL_STATE__ = ${JSON.stringify(initialState)};
-    <\/script>
-  </head>
-  <body ${bodyAttributes}>
-    <div id="root">${content}</div>
-${scriptTags}
-  </body>
-</html>`;
-}
-async function renderToString(element, options = {}) {
-  var _a;
+async function renderToString(element) {
+  prepareRender();
+  setRenderCallback(() => {
+  }, element, null);
   try {
-    let content;
-    if (typeof element === "function") {
-      const rendered = await element({});
-      content = await renderNodeToString(rendered);
-    } else {
-      content = await renderNodeToString(element);
-    }
-    const processedScripts = (_a = options.scripts) == null ? void 0 : _a.map(
-      (script) => typeof script === "string" ? { src: script, defer: true } : { ...script, defer: script.defer ?? true }
-    );
-    return defaultTemplate(content, {
-      title: "Frontend Hamroun App",
-      ...options,
-      scripts: processedScripts
-    });
-  } catch (error) {
-    console.error("Server rendering error:", error);
-    if (process.env.NODE_ENV === "development") {
-      const errorMessage = error instanceof Error ? error.stack || error.message : String(error);
-      return `
-        <!DOCTYPE html>
-        <html>
-          <head><title>Rendering Error</title></head>
-          <body>
-            <h1>Server Rendering Error</h1>
-            <pre>${escapeHtml(errorMessage)}</pre>
-          </body>
-        </html>
-      `;
-    }
-    return "";
-  } finally {
-  }
-}
-async function renderNodeToString(node) {
-  var _a;
-  if (node == null || typeof node === "boolean")
-    return "";
-  if (node && typeof node === "object" && typeof node.render === "function") {
-    try {
-      const result = await node.render();
-      return renderNodeToString(result);
-    } catch (error) {
-      console.error("Error rendering component instance:", error);
+    if (element == null)
+      return "";
+    if (typeof element === "boolean")
       return "";
+    if (typeof element === "number" || typeof element === "string") {
+      return escapeHtml(String(element));
     }
-  }
-  if (typeof node === "number" || typeof node === "string") {
-    return escapeHtml(String(node));
-  }
-  if (Array.isArray(node)) {
-    const results = await Promise.all(
-      node.map((child) => renderNodeToString(child))
-    );
-    return results.join("");
-  }
-  if (typeof node === "function") {
-    ({ type: node.name || "Anonymous" });
-    try {
-      const result = await node({});
-      return renderNodeToString(result);
-    } finally {
+    if (Array.isArray(element)) {
+      const children = await Promise.all(element.map(renderToString));
+      return children.join("");
     }
-  }
-  if (node.type) {
-    if (typeof node.type === "function") {
-      ({
-        type: node.type.name || "Anonymous",
-        props: node.props || {}
-      });
-      try {
-        const result = await node.type(node.props || {});
-        return renderNodeToString(result);
-      } finally {
+    if ("type" in element && element.props !== void 0) {
+      const { type, props } = element;
+      if (typeof type === "function") {
+        try {
+          prepareRender();
+          const result = await type(props || {});
+          const html2 = await renderToString(result);
+          finishRender();
+          return html2;
+        } catch (error) {
+          console.error("Error rendering component:", error);
+          return "";
+        }
       }
-    }
-    let html = `<${node.type}`;
-    if (node.props) {
-      html += renderProps(node.props);
-    }
-    const voidElements = /* @__PURE__ */ new Set([
-      "area",
-      "base",
-      "br",
-      "col",
-      "embed",
-      "hr",
-      "img",
-      "input",
-      "link",
-      "meta",
-      "param",
-      "source",
-      "track",
-      "wbr"
-    ]);
-    if (voidElements.has(node.type)) {
-      return html + "/>";
-    }
-    html += ">";
-    if ((_a = node.props) == null ? void 0 : _a.children) {
-      const children = Array.isArray(node.props.children) ? node.props.children : [node.props.children];
-      for (const child of children) {
-        html += await renderNodeToString(child);
+      let html = `<${type}`;
+      for (const [key, value] of Object.entries(props || {})) {
+        if (key === "children")
+          continue;
+        if (key === "className") {
+          html += ` class="${escapeHtml(String(value))}"`;
+        } else if (key === "style" && typeof value === "object") {
+          html += ` style="${stringifyStyle(value || {})}"`;
+        } else if (!key.startsWith("on")) {
+          html += ` ${key}="${escapeHtml(String(value))}"`;
+        }
       }
+      const voidElements = /* @__PURE__ */ new Set([
+        "area",
+        "base",
+        "br",
+        "col",
+        "embed",
+        "hr",
+        "img",
+        "input",
+        "link",
+        "meta",
+        "param",
+        "source",
+        "track",
+        "wbr"
+      ]);
+      if (voidElements.has(type)) {
+        return html + "/>";
+      }
+      html += ">";
+      if (props == null ? void 0 : props.children) {
+        const children = Array.isArray(props.children) ? props.children : [props.children];
+        const renderedChildren = await Promise.all(children.map(renderToString));
+        html += renderedChildren.join("");
+      }
+      return html + `</${type}>`;
     }
-    return html + `</${node.type}>`;
-  }
-  return "";
-}
-function renderProps(props) {
-  let html = "";
-  for (const [key, value] of Object.entries(props)) {
-    if (key === "children" || key === "key" || key === "ref")
-      continue;
-    if (key === "className") {
-      if (value)
-        html += ` class="${escapeHtml(String(value))}"`;
-      continue;
-    }
-    if (key === "style" && typeof value === "object" && value !== null) {
-      html += ` style="${styleToString(value)}"`;
-      continue;
-    }
-    if (key.startsWith("on"))
-      continue;
-    if (typeof value === "boolean") {
-      if (value)
-        html += ` ${key}`;
-      continue;
-    }
-    if (value != null) {
-      html += ` ${key}="${escapeHtml(String(value))}"`;
-    }
+    return escapeHtml(String(element));
+  } finally {
+    finishRender();
   }
-  return html;
 }
 function escapeHtml(str) {
-  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function styleToString(style) {
-  return Object.entries(style).map(([key, value]) => `${hyphenate(key)}: ${value}`).join("; ");
+function stringifyStyle(style) {
+  return Object.entries(style).map(([key, value]) => `${hyphenate(key)}:${value}`).join(";");
 }
 function hyphenate(str) {
-  return str.replace(/[A-Z]/g, (m) => "-" + m.toLowerCase());
+  return str.replace(/[A-Z]/g, (match) => "-" + match.toLowerCase());
 }
 let currentState = {
   pathname: typeof window !== "undefined" ? window.location.pathname : "/",
@@ -568,7 +457,6 @@ export {
   Link,
   batchUpdates,
   createContext,
-  createElement,
   hydrate,
   jsx,
   jsx as jsxs,