vaderjs-native 1.0.2 → 1.0.4

package/app-template/app/build/intermediates/assets/debug/mergeDebugAssets/vaderapp/index.js.map

@@ -0,0 +1,11 @@
+{
+  "version": 3,
+  "sources": ["..\\node_modules\\vaderjs-native\\index.ts", "..\\app\\index.tsx"],
+  "sourcesContent": [
+    "// Android key code to key mapping\r\nconst ANDROID_KEY_MAP: Record<number, string> = {\r\n  19: \"ArrowUp\",    // DPAD_UP\r\n  20: \"ArrowDown\",  // DPAD_DOWN\r\n  21: \"ArrowLeft\",  // DPAD_LEFT\r\n  22: \"ArrowRight\", // DPAD_RIGHT\r\n  23: \"Enter\",      // DPAD_CENTER\r\n  4: \"Back\",        // BACK\r\n};\r\n// Already have this: \r\n// New: Android bridge\r\n// @ts-ignore\r\nwindow.onNativeKey = function(keyCode: number) {\r\n  const key = ANDROID_KEY_MAP[keyCode];\r\n  if (!key) return;\r\n   // add debug element to show key presses\r\n   const debugElement = document.getElementById(\"debug-keypress\");\r\n   if (debugElement) {\r\n     debugElement.textContent = `Key pressed: ${key}`;\r\n   }\r\n\r\n  // Create a fake KeyboardEvent so FocusManager can handle it\r\n  const event = new KeyboardEvent(\"keydown\", { key });\r\n  document.dispatchEvent(event);\r\n};\r\nlet nextUnitOfWork: Fiber | null = null;\r\nlet wipRoot: Fiber | null = null;\r\nlet currentRoot: Fiber | null = null;\r\nlet deletions: Fiber[] | null = null;\r\nlet wipFiber: Fiber | null = null;\r\nlet hookIndex = 0;\r\nlet isRenderScheduled = false;\r\n /**\r\n * FocusManager - Handles D-pad navigation and focus management\r\n */\r\nclass FocusManager {\r\n  constructor() {\r\n    this.focusableSelectors = [\r\n      'button',\r\n      'a[href]',\r\n      'input',\r\n      'select',\r\n      'textarea',\r\n      '[tabindex]',\r\n      '[role=\"button\"]',\r\n      '[role=\"menuitem\"]',\r\n      '[role=\"tab\"]',\r\n      '[role=\"option\"]',\r\n      '[contenteditable=\"true\"]'\r\n    ];\r\n    this.currentFocusIndex = -1;\r\n    this.focusableElements = [];\r\n    this.isEnabled = true;\r\n    this.debug = false;\r\n    \r\n    this.init();\r\n  }\r\n\r\n  init() {\r\n    // Listen for the keyboard events dispatched by onNativeKey\r\n    document.addEventListener('keydown', this.handleKeyDown.bind(this));\r\n    \r\n    // Update focusable elements when DOM changes\r\n    this.observeDOMChanges();\r\n    \r\n    // Initial focusable elements scan\r\n    this.updateFocusableElements();\r\n    \r\n    // Try to focus first element by default\r\n    setTimeout(() => {\r\n      if (this.focusableElements.length > 0) {\r\n        this.setFocusIndex(0);\r\n      }\r\n    }, 100);\r\n    \r\n    // Debug visualization\r\n    if (this.debug) {\r\n      this.addDebugStyles();\r\n    }\r\n  }\r\n\r\n  handleKeyDown(event) {\r\n    if (!this.isEnabled) return;\r\n    \r\n    const key = event.key;\r\n    \r\n    switch(key) {\r\n      case 'ArrowUp':\r\n        event.preventDefault();\r\n        this.navigate(-1, 'vertical');\r\n        break;\r\n      case 'ArrowDown':\r\n        event.preventDefault();\r\n        this.navigate(1, 'vertical');\r\n        break;\r\n      case 'ArrowLeft':\r\n        event.preventDefault();\r\n        this.navigate(-1, 'horizontal');\r\n        break;\r\n      case 'ArrowRight':\r\n        event.preventDefault();\r\n        this.navigate(1, 'horizontal');\r\n        break;\r\n      case 'Enter':\r\n        event.preventDefault();\r\n        this.activateCurrentElement();\r\n        break;\r\n      case 'Back':\r\n        event.preventDefault();\r\n        this.handleBackButton();\r\n        break;\r\n    }\r\n  }\r\n\r\n  updateFocusableElements() {\r\n    const allElements = Array.from(document.querySelectorAll(this.focusableSelectors.join(',')));\r\n    \r\n    // Filter elements that are visible and not disabled\r\n    this.focusableElements = allElements.filter(el => {\r\n      const style = window.getComputedStyle(el);\r\n      const isVisible = style.display !== 'none' && \r\n                       style.visibility !== 'hidden' && \r\n                       style.opacity !== '0';\r\n      const isEnabled = !el.disabled && el.getAttribute('aria-disabled') !== 'true';\r\n      const hasTabIndex = el.tabIndex !== -1 || el.hasAttribute('tabindex');\r\n      \r\n      return isVisible && isEnabled && (hasTabIndex || this.isFocusableByDefault(el));\r\n    });\r\n    \r\n    // Sort by visual position (top-to-bottom, left-to-right)\r\n    this.focusableElements.sort((a, b) => {\r\n      const rectA = a.getBoundingClientRect();\r\n      const rectB = b.getBoundingClientRect();\r\n      \r\n      if (Math.abs(rectA.top - rectB.top) < 10) {\r\n        return rectA.left - rectB.left;\r\n      }\r\n      return rectA.top - rectB.top;\r\n    });\r\n    \r\n    // Update current focus index if current element still exists\r\n    if (this.currentFocusIndex >= 0) {\r\n      const currentElement = this.getCurrentElement();\r\n      if (currentElement) {\r\n        this.currentFocusIndex = this.focusableElements.indexOf(currentElement);\r\n      }\r\n    }\r\n    \r\n    if (this.currentFocusIndex === -1 && this.focusableElements.length > 0) {\r\n      this.currentFocusIndex = 0;\r\n    }\r\n    \r\n    if (this.debug) {\r\n      this.highlightFocusableElements();\r\n    }\r\n  }\r\n\r\n  isFocusableByDefault(element) {\r\n    return ['button', 'a[href]', 'input', 'select', 'textarea'].some(selector => \r\n      element.matches(selector)\r\n    );\r\n  }\r\n\r\n  navigate(direction, orientation) {\r\n    if (this.focusableElements.length === 0) return;\r\n    \r\n    const currentElement = this.getCurrentElement();\r\n    if (!currentElement && this.focusableElements.length > 0) {\r\n      this.setFocusIndex(0);\r\n      return;\r\n    }\r\n    \r\n    const currentIndex = this.focusableElements.indexOf(currentElement);\r\n    const currentRect = currentElement.getBoundingClientRect();\r\n    \r\n    let bestCandidate = null;\r\n    let bestScore = Infinity;\r\n    \r\n    this.focusableElements.forEach((element, index) => {\r\n      if (index === currentIndex) return;\r\n      \r\n      const rect = element.getBoundingClientRect();\r\n      let score = 0;\r\n      \r\n      if (orientation === 'vertical') {\r\n        const verticalDistance = direction > 0 ? \r\n          rect.top - currentRect.bottom : \r\n          currentRect.top - rect.bottom;\r\n        \r\n        const horizontalDistance = Math.abs((rect.left + rect.right) / 2 - \r\n                                          (currentRect.left + currentRect.right) / 2);\r\n        \r\n        if (verticalDistance < 0) return; // Wrong direction\r\n        \r\n        // Prioritize elements directly below/above, then consider horizontal alignment\r\n        score = verticalDistance + horizontalDistance * 0.3;\r\n      } else { // horizontal\r\n        const horizontalDistance = direction > 0 ? \r\n          rect.left - currentRect.right : \r\n          currentRect.left - rect.right;\r\n        \r\n        const verticalDistance = Math.abs((rect.top + rect.bottom) / 2 - \r\n                                        (currentRect.top + currentRect.bottom) / 2);\r\n        \r\n        if (horizontalDistance < 0) return; // Wrong direction\r\n        \r\n        // Prioritize elements directly right/left, then consider vertical alignment\r\n        score = horizontalDistance + verticalDistance * 0.3;\r\n      }\r\n      \r\n      if (score < bestScore) {\r\n        bestScore = score;\r\n        bestCandidate = index;\r\n      }\r\n    });\r\n    \r\n    // If no candidate found in primary direction, try opposite direction\r\n    if (bestCandidate === null && this.focusableElements.length > 1) {\r\n      const nextIndex = (currentIndex + direction + this.focusableElements.length) % \r\n                       this.focusableElements.length;\r\n      bestCandidate = nextIndex;\r\n    }\r\n    \r\n    if (bestCandidate !== null) {\r\n      this.setFocusIndex(bestCandidate);\r\n    }\r\n  }\r\n\r\n  setFocusIndex(index) {\r\n    if (index < 0 || index >= this.focusableElements.length) return;\r\n    \r\n    this.currentFocusIndex = index;\r\n    const element = this.focusableElements[index];\r\n    \r\n    // Remove focus from all elements\r\n    this.focusableElements.forEach(el => {\r\n      el.classList.remove('focused', 'dpad-focused');\r\n      el.removeAttribute('data-focused');\r\n    });\r\n    \r\n    // Add focus to current element\r\n    element.classList.add('focused', 'dpad-focused');\r\n    element.setAttribute('data-focused', 'true');\r\n    element.focus();\r\n    \r\n    // Scroll into view if needed\r\n    element.scrollIntoView({\r\n      behavior: 'smooth',\r\n      block: 'center',\r\n      inline: 'center'\r\n    });\r\n    \r\n    // Dispatch custom event\r\n    element.dispatchEvent(new CustomEvent('dpadfocus', {\r\n      bubbles: true,\r\n      detail: { element, index }\r\n    }));\r\n    \r\n    if (this.debug) {\r\n      console.log('Focused element:', element, 'Index:', index);\r\n    }\r\n  }\r\n\r\n  getCurrentElement() {\r\n    return this.focusableElements[this.currentFocusIndex];\r\n  }\r\n\r\n  activateCurrentElement() {\r\n    const element = this.getCurrentElement();\r\n    if (!element) return;\r\n    \r\n    // Trigger appropriate action based on element type\r\n    if (element.tagName === 'A' || element.tagName === 'BUTTON') {\r\n      element.click();\r\n    } else if (element.tagName === 'INPUT' || element.tagName === 'TEXTAREA') {\r\n      // Already focused, just ensure it's active\r\n      element.focus();\r\n    } else {\r\n      // Generic click for other focusable elements\r\n      element.click();\r\n    }\r\n  }\r\n\r\n  handleBackButton() {\r\n    // Dispatch global back event\r\n    document.dispatchEvent(new CustomEvent('dpadback', {\r\n      bubbles: true\r\n    }));\r\n    \r\n    // Or go back in history\r\n    if (window.history.length > 1) {\r\n      window.history.back();\r\n    }\r\n  }\r\n\r\n  observeDOMChanges() {\r\n    // Use MutationObserver to update focusable elements when DOM changes\r\n    const observer = new MutationObserver(() => {\r\n      this.updateFocusableElements();\r\n    });\r\n    \r\n    observer.observe(document.body, {\r\n      childList: true,\r\n      subtree: true,\r\n      attributes: true,\r\n      attributeFilter: ['style', 'class', 'hidden', 'disabled', 'tabindex']\r\n    });\r\n    \r\n    // Also update on resize and scroll\r\n    window.addEventListener('resize', () => this.updateFocusableElements());\r\n    window.addEventListener('scroll', () => this.updateFocusableElements());\r\n  }\r\n\r\n  // Debug methods\r\n  addDebugStyles() {\r\n    const style = document.createElement('style');\r\n    style.textContent = `\r\n      .dpad-focused {\r\n        outline: 3px solid #4CAF50 !important;\r\n        outline-offset: 2px !important;\r\n        box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.3) !important;\r\n        transition: outline 0.2s ease;\r\n      }\r\n      \r\n      .focus-highlight {\r\n        position: fixed;\r\n        top: 10px;\r\n        right: 10px;\r\n        background: rgba(0, 0, 0, 0.8);\r\n        color: white;\r\n        padding: 10px;\r\n        border-radius: 5px;\r\n        font-family: monospace;\r\n        z-index: 9999;\r\n      }\r\n    `;\r\n    document.head.appendChild(style);\r\n  }\r\n\r\n  highlightFocusableElements() {\r\n    // Remove existing highlights\r\n    document.querySelectorAll('.focus-highlight').forEach(el => el.remove());\r\n    \r\n    // Add highlight element\r\n    const highlight = document.createElement('div');\r\n    highlight.className = 'focus-highlight';\r\n    highlight.textContent = `Focusable: ${this.focusableElements.length} | Current: ${this.currentFocusIndex}`;\r\n    document.body.appendChild(highlight);\r\n  }\r\n\r\n  // Public API\r\n  enable() {\r\n    this.isEnabled = true;\r\n  }\r\n\r\n  disable() {\r\n    this.isEnabled = false;\r\n  }\r\n\r\n  focusFirst() {\r\n    if (this.focusableElements.length > 0) {\r\n      this.setFocusIndex(0);\r\n    }\r\n  }\r\n\r\n  focusLast() {\r\n    if (this.focusableElements.length > 0) {\r\n      this.setFocusIndex(this.focusableElements.length - 1);\r\n    }\r\n  }\r\n\r\n  focusElement(element) {\r\n    const index = this.focusableElements.indexOf(element);\r\n    if (index !== -1) {\r\n      this.setFocusIndex(index);\r\n    }\r\n  }\r\n}\r\n\r\n \r\n \r\ninterface Fiber {\r\n  type?: string | Function;\r\n  dom?: Node;\r\n  props: {\r\n    children: VNode[];\r\n    [key: string]: any;\r\n  };\r\n  parent?: Fiber;\r\n  child?: Fiber;\r\n  sibling?: Fiber;\r\n  alternate?: Fiber;\r\n  effectTag?: \"PLACEMENT\" | \"UPDATE\" | \"DELETION\";\r\n  hooks?: Hook[];\r\n  key?: string | number | null;\r\n    propsCache?: Record<string, any>;\r\n  __compareProps?: (prev: any, next: any) => boolean;\r\n  __skipMemo?: boolean;\r\n  _needsUpdate?: boolean; \r\n}\r\n\r\nexport interface VNode {\r\n  type: string | Function;\r\n  props: {\r\n    children: VNode[];\r\n    [key: string]: any;\r\n  };\r\n  key?: string | number | null;\r\n}\r\n\r\ninterface Hook {\r\n  state?: any;\r\n  queue?: any[];\r\n  deps?: any[];\r\n  _cleanupFn?: Function;\r\n  memoizedValue?: any;\r\n  current?: any;\r\n}\r\n\r\n/**\r\n * Checks if a property key is an event handler.\r\n * @param {string} key - The property key to check.\r\n * @returns {boolean} True if the key is an event handler.\r\n */\r\nconst isEvent = (key: string) => key.startsWith(\"on\");\r\n\r\n/**\r\n * Checks if a property key is a regular property (not children or event).\r\n * @param {string} key - The property key to check.\r\n * @returns {boolean} True if the key is a regular property.\r\n */\r\nconst isProperty = (key: string) => key !== \"children\" && !isEvent(key);\r\n\r\n/**\r\n * Creates a function to check if a property has changed between objects.\r\n * @param {object} prev - The previous object.\r\n * @param {object} next - The next object.\r\n * @returns {function} A function that takes a key and returns true if the property changed.\r\n */\r\nconst isNew = (prev: object, next: object) => (key: string) => prev[key] !== next[key];\r\n\r\n/**\r\n * Creates a function to check if a property was removed from an object.\r\n * @param {object} prev - The previous object.\r\n * @param {object} next - The next object.\r\n * @returns {function} A function that takes a key and returns true if the property was removed.\r\n */\r\nconst isGone = (prev: object, next: object) => (key: string) => !(key in next);\r\n\r\n/**\r\n * Creates a DOM node for a fiber.\r\n * @param {Fiber} fiber - The fiber to create a DOM node for.\r\n * @returns {Node} The created DOM node.\r\n */\r\nfunction createDom(fiber: Fiber): Node {\r\n  let dom: Node;\r\n\r\n  if (fiber.type === \"TEXT_ELEMENT\") {\r\n    dom = document.createTextNode(fiber.props.nodeValue ?? \"\");\r\n  } else {\r\n    const isSvg = isSvgElement(fiber);\r\n    dom = isSvg\r\n      ? document.createElementNS(\"http://www.w3.org/2000/svg\", fiber.type as string)\r\n      : document.createElement(fiber.type as string);\r\n  }\r\n\r\n  // Assign ref if it exists\r\n  if (fiber.props.ref) {\r\n    fiber.props.ref.current = dom;\r\n  }\r\n\r\n  updateDom(dom, {}, fiber.props);\r\n  return dom;\r\n}\r\n\r\nfunction isSvgElement(fiber: Fiber): boolean {\r\n  // Check if the fiber is an <svg> itself or inside an <svg>\r\n  let parent = fiber.parent; \r\n  if (fiber.type === \"svg\") return true;\r\n  while (parent) {\r\n    if (parent.type === \"svg\") return true;\r\n    parent = parent.parent;\r\n  }\r\n  return false;\r\n}\r\n\r\n\r\n/**\r\n * Applies updated props to a DOM node.\r\n * @param {Node} dom - The DOM node to update.\r\n * @param {object} prevProps - The previous properties.\r\n * @param {object} nextProps - The new properties.\r\n */\r\nfunction updateDom(dom: Node, prevProps: any, nextProps: any): void {\r\n  prevProps = prevProps || {};\r\n  nextProps = nextProps || {};\r\n\r\n  const isSvg = dom instanceof SVGElement;\r\n\r\n  // Remove old or changed event listeners\r\n  Object.keys(prevProps)\r\n    .filter(isEvent)\r\n    .filter(key => !(key in nextProps) || isNew(prevProps, nextProps)(key))\r\n    .forEach(name => {\r\n      const eventType = name.toLowerCase().substring(2);\r\n      if (typeof prevProps[name] === 'function') {\r\n        (dom as Element).removeEventListener(eventType, prevProps[name]);\r\n      }\r\n    });\r\n\r\n  // Remove old properties\r\n  Object.keys(prevProps)\r\n    .filter(isProperty)\r\n    .filter(isGone(prevProps, nextProps))\r\n    .forEach(name => {\r\n      if (name === 'className' || name === 'class') {\r\n        (dom as Element).removeAttribute('class');\r\n      } else if (name === 'style') {\r\n        (dom as HTMLElement).style.cssText = '';\r\n      } else {\r\n        if (isSvg) {\r\n          (dom as Element).removeAttribute(name);\r\n        } else {\r\n          (dom as any)[name] = '';\r\n        }\r\n      }\r\n    });\r\n\r\n  // Set new or changed properties\r\n  Object.keys(nextProps)\r\n    .filter(isProperty)\r\n    .filter(isNew(prevProps, nextProps))\r\n    .forEach(name => {\r\n      if (name === 'style') {\r\n        const style = nextProps[name];\r\n        if (typeof style === 'string') {\r\n          (dom as HTMLElement).style.cssText = style;\r\n        } else if (typeof style === 'object' && style !== null) {\r\n          for (const [key, value] of Object.entries(style)) {\r\n            (dom as HTMLElement).style[key] = value;\r\n          }\r\n        }\r\n      } else if (name === 'className' || name === 'class') {\r\n        (dom as Element).setAttribute('class', nextProps[name]);\r\n      } else {\r\n        if (isSvg) {\r\n          (dom as Element).setAttribute(name, nextProps[name]);\r\n        } else {\r\n          (dom as any)[name] = nextProps[name];\r\n        }\r\n      }\r\n    });\r\n\r\n  // Add new event listeners\r\n  Object.keys(nextProps)\r\n    .filter(isEvent)\r\n    .filter(isNew(prevProps, nextProps))\r\n    .forEach(name => {\r\n      const eventType = name.toLowerCase().substring(2);\r\n      const handler = nextProps[name];\r\n      if (typeof handler === 'function') {\r\n        (dom as Element).addEventListener(eventType, handler);\r\n      }\r\n    });\r\n\r\n    Object.keys(nextProps)\r\n    .filter(isEvent)\r\n    .filter(isNew(prevProps, nextProps))\r\n    .forEach(name => {\r\n      const eventType = name.toLowerCase().substring(2);\r\n      const handler = nextProps[name];\r\n      if (typeof handler === 'function') {\r\n        // Remove old listener first if it exists\r\n        if (prevProps[name]) {\r\n          dom.removeEventListener(eventType, prevProps[name]);\r\n        }\r\n        // Add new listener with passive: true for better performance\r\n        dom.addEventListener(eventType, handler, { passive: true });\r\n      }\r\n    });\r\n}\r\n\r\n\r\n/**\r\n * Commits the entire work-in-progress tree to the DOM.\r\n */\r\nfunction commitRoot(): void {\r\n  deletions.forEach(commitWork);\r\n  commitWork(wipRoot.child);\r\n  currentRoot = wipRoot;\r\n  wipRoot = null;\r\n  isRenderScheduled = false;\r\n}\r\n\r\n/**\r\n * Recursively commits a fiber and its children to the DOM.\r\n * @param {Fiber} fiber - The fiber to commit.\r\n */\r\nfunction commitWork(fiber: Fiber | null): void {\r\n  if (!fiber) {\r\n    return;\r\n  }\r\n\r\n  let domParentFiber = fiber.parent;\r\n  while (domParentFiber && !domParentFiber.dom) {\r\n    domParentFiber = domParentFiber.parent;\r\n  }\r\n  const domParent = domParentFiber ? domParentFiber.dom : null;\r\n\r\n  if (fiber.effectTag === \"PLACEMENT\" && fiber.dom != null) {\r\n    if (domParent) domParent.appendChild(fiber.dom);\r\n  } else if (fiber.effectTag === \"UPDATE\" && fiber.dom != null) {\r\n    updateDom(fiber.dom, fiber.alternate?.props ?? {}, fiber.props);\r\n  } else if (fiber.effectTag === \"DELETION\") {\r\n    commitDeletion(fiber);\r\n  }\r\n\r\n  commitWork(fiber.child);\r\n  commitWork(fiber.sibling);\r\n}\r\n\r\n/**\r\n * Recursively removes a fiber and its children from the DOM.\r\n * @param {Fiber} fiber - The fiber to remove.\r\n */\r\nfunction commitDeletion(fiber: Fiber | null): void {\r\n  if (!fiber) {\r\n    return;\r\n  }\r\n  if (fiber.dom) {\r\n    if (fiber.dom.parentNode) {\r\n      fiber.dom.parentNode.removeChild(fiber.dom);\r\n    }\r\n  } else if (fiber.child) {\r\n    commitDeletion(fiber.child);\r\n  }\r\n}\r\n\r\n/**\r\n * Renders a virtual DOM element into a container.\r\n * @param {VNode} element - The root virtual DOM element to render.\r\n * @param {Node} container - The DOM container to render into.\r\n */\r\nexport function render(element: VNode, container: Node): void {\r\n  container.innerHTML = \"\";\r\n  \r\n  wipRoot = {\r\n    dom: container,\r\n    props: {\r\n      children: [element],\r\n    },\r\n    alternate: currentRoot,\r\n  };\r\n  deletions = [];\r\n  nextUnitOfWork = wipRoot;\r\n requestAnimationFrame(workLoop);\r\n}\r\n\r\n/**\r\n * The main work loop for rendering and reconciliation.\r\n */\r\nfunction workLoop(): void {\r\n  if (!wipRoot && currentRoot) {\r\n    wipRoot = {\r\n      dom: currentRoot.dom,\r\n      props: currentRoot.props,\r\n      alternate: currentRoot,\r\n    };\r\n    deletions = [];\r\n    nextUnitOfWork = wipRoot;\r\n  }\r\n \r\n  while (nextUnitOfWork) {\r\n    nextUnitOfWork = performUnitOfWork(nextUnitOfWork);\r\n  }\r\n\r\n  if (!nextUnitOfWork && wipRoot) {\r\n    commitRoot();\r\n  }\r\n}\r\n\r\n \r\n/**\r\n * Performs work on a single fiber unit.\r\n * @param {Fiber} fiber - The fiber to perform work on.\r\n * @returns {Fiber|null} The next fiber to work on.\r\n */\r\nfunction performUnitOfWork(fiber: Fiber): Fiber | null {\r\n  const isFunctionComponent = fiber.type instanceof Function;\r\n \r\n  if (isFunctionComponent) {\r\n    updateFunctionComponent(fiber);\r\n  } else {\r\n    updateHostComponent(fiber);\r\n  }\r\n\r\n  if (fiber.child) {\r\n    return fiber.child;\r\n  }\r\n\r\n  let nextFiber = fiber;\r\n  while (nextFiber) {\r\n    if (nextFiber.sibling) {\r\n      return nextFiber.sibling;\r\n    }\r\n    nextFiber = nextFiber.parent;\r\n  }\r\n  return null;\r\n}\r\n\r\n/**\r\n * Updates a function component fiber.\r\n * @param {Fiber} fiber - The function component fiber to update.\r\n */\r\n function updateFunctionComponent(fiber: Fiber) {\r\n  wipFiber = fiber;\r\n  hookIndex = 0;\r\n  fiber.hooks = fiber.alternate?.hooks || [];\r\n\r\n  // Directly call the component function without memoization\r\n  // The 'createComponent' call is removed.\r\n  const children = [(fiber.type as Function)(fiber.props)]\r\n    .flat()\r\n    .filter(child => child != null && typeof child !== 'boolean')\r\n    .map(child => typeof child === 'object' ? child : createTextElement(child));\r\n\r\n  reconcileChildren(fiber, children);\r\n}\r\n/**\r\n * Updates a host component fiber (DOM element).\r\n * @param {Fiber} fiber - The host component fiber to update.\r\n */\r\nfunction updateHostComponent(fiber: Fiber): void {\r\n  if (!fiber.dom) {\r\n    fiber.dom = createDom(fiber);\r\n  }\r\n  reconcileChildren(fiber, fiber.props.children);\r\n}\r\n\r\n/**\r\n * Reconciles the children of a fiber with new elements.\r\n * @param {Fiber} wipFiber - The work-in-progress fiber.\r\n * @param {VNode[]} elements - The new child elements.\r\n */\r\n function reconcileChildren(wipFiber: Fiber, elements: VNode[]) {\r\n  let index = 0;\r\n  let oldFiber = wipFiber.alternate?.child;\r\n  let prevSibling: Fiber | null = null;\r\n  \r\n  // Create map of existing fibers by key\r\n  const existingFibers = new Map<string | number | null, Fiber>();\r\n  while (oldFiber) {\r\n    const key = oldFiber.key ?? index;\r\n    existingFibers.set(key, oldFiber);\r\n    oldFiber = oldFiber.sibling;\r\n    index++;\r\n  }\r\n\r\n  index = 0;\r\n  for (; index < elements.length; index++) {\r\n    const element = elements[index];\r\n    const key = element?.key ?? index;\r\n    const oldFiber = existingFibers.get(key);\r\n    \r\n    const sameType = oldFiber && element && element.type === oldFiber.type;\r\n    let newFiber: Fiber | null = null;\r\n\r\n    if (sameType) {\r\n      // Reuse the fiber\r\n      newFiber = {\r\n        type: oldFiber.type,\r\n        props: element.props,\r\n        dom: oldFiber.dom,\r\n        parent: wipFiber,\r\n        alternate: oldFiber,\r\n        effectTag: \"UPDATE\",\r\n        hooks: oldFiber.hooks,\r\n        key\r\n      };\r\n      existingFibers.delete(key);\r\n    } else if (element) {\r\n      // Create new fiber\r\n      newFiber = {\r\n        type: element.type,\r\n        props: element.props,\r\n        dom: null,\r\n        parent: wipFiber,\r\n        alternate: null,\r\n        effectTag: \"PLACEMENT\",\r\n        key\r\n      };\r\n    }\r\n\r\n    if (oldFiber && !sameType) {\r\n      oldFiber.effectTag = \"DELETION\";\r\n      deletions.push(oldFiber);\r\n    }\r\n\r\n    if (index === 0) {\r\n      wipFiber.child = newFiber;\r\n    } else if (prevSibling && newFiber) {\r\n      prevSibling.sibling = newFiber;\r\n    }\r\n\r\n    if (newFiber) {\r\n      prevSibling = newFiber;\r\n    }\r\n  }\r\n\r\n  // Mark remaining old fibers for deletion\r\n  existingFibers.forEach(fiber => {\r\n    fiber.effectTag = \"DELETION\";\r\n    deletions.push(fiber);\r\n  });\r\n}\r\n\r\n/**\r\n * Creates a virtual DOM element.\r\n * @param {string|Function} type - The type of the element.\r\n * @param {object} props - The element's properties.\r\n * @param {...any} children - The element's children.\r\n * @returns {VNode} The created virtual DOM element.\r\n */\r\nexport function createElement(\r\n  type: string | Function,\r\n  props?: object,\r\n  ...children: any[]\r\n): VNode {\r\n  return {\r\n    type,\r\n    props: {\r\n      ...props,\r\n      children: children\r\n        .flat()\r\n        .filter(child => child != null && typeof child !== \"boolean\")\r\n        .map(child =>\r\n          typeof child === \"object\" ? child : createTextElement(child)\r\n        ),\r\n    },\r\n    key: props?.key ?? null,\r\n  };\r\n}\r\n\r\n/**\r\n * Creates a text virtual DOM element.\r\n * @param {string} text - The text content.\r\n * @returns {VNode} The created text element.\r\n */\r\nfunction createTextElement(text: string): VNode {\r\n  return {\r\n    type: \"TEXT_ELEMENT\",\r\n    props: {\r\n      nodeValue: text,\r\n      children: [],\r\n    },\r\n  };\r\n}\r\n\r\n/**\r\n * A React-like useState hook for managing component state.\r\n * @template T\r\n * @param {T|(() => T)} initial - The initial state value or initializer function.\r\n * @returns {[T, (action: T | ((prevState: T) => T)) => void]} A stateful value and a function to update it.\r\n */\r\n\r\n \r\n\r\n export function useState<T>(initial: T | (() => T)): [T, (action: T | ((prevState: T) => T)) => void] {\r\n  if (!wipFiber) {\r\n    throw new Error(\"Hooks can only be called inside a Vader.js function component.\");\r\n  }\r\n\r\n  let hook = wipFiber.hooks[hookIndex]; \r\n  if (!hook) {\r\n    hook = { \r\n      state: typeof initial === \"function\" ? (initial as () => T)() : initial,\r\n      queue: [],\r\n      _needsUpdate: false\r\n    };\r\n    wipFiber.hooks[hookIndex] = hook;\r\n  }\r\n\r\n  const setState = (action: T | ((prevState: T) => T)) => {\r\n    // Calculate new state based on current state \r\n    const newState = typeof action === \"function\" \r\n      ? (action as (prevState: T) => T)(hook.state)\r\n      : action;\r\n    \r\n      hook.state = newState;  \r\n      \r\n      // Reset work-in-progress root to trigger re-r \r\n      \r\n      deletions = [];\r\n      nextUnitOfWork = wipRoot;\r\n      \r\n      // Start the render process\r\n      requestAnimationFrame(workLoop);\r\n  };\r\n\r\n  hookIndex++;\r\n  return [hook.state, setState];\r\n}\r\n \r\n/**\r\n * A React-like useEffect hook for side effects.\r\n * @param {Function} callback - The effect callback.\r\n * @param {Array} deps - The dependency array.\r\n */\r\nexport function useEffect(callback: Function, deps?: any[]): void {\r\n  if (!wipFiber) {\r\n    throw new Error(\"Hooks can only be called inside a Vader.js function component.\");\r\n  }\r\n  \r\n  let hook = wipFiber.hooks[hookIndex];\r\n  if (!hook) {\r\n    hook = { deps: undefined, _cleanupFn: undefined };\r\n    wipFiber.hooks[hookIndex] = hook;\r\n  }\r\n  \r\n  const hasChanged = hook.deps === undefined || \r\n                   !deps || \r\n                   deps.some((dep, i) => !Object.is(dep, hook.deps[i]));\r\n\r\n  if (hasChanged) {\r\n    if (hook._cleanupFn) {\r\n      hook._cleanupFn();\r\n    }\r\n    setTimeout(() => {\r\n      const newCleanup = callback();\r\n      if (typeof newCleanup === 'function') {\r\n        hook._cleanupFn = newCleanup;\r\n      } else {\r\n        hook._cleanupFn = undefined;\r\n      }\r\n    }, 0);\r\n  }\r\n  \r\n  hook.deps = deps;\r\n  hookIndex++;\r\n}\r\n\r\n/**\r\n * A switch component for conditional rendering.\r\n * @param {object} props - The component props.\r\n * @param {VNode[]} props.children - The child components.\r\n * @returns {VNode|null} The matched child or null.\r\n */\r\nexport function Switch({ children }: { children: VNode[] }): VNode | null {\r\n  const childrenArray = Array.isArray(children) ? children : [children];\r\n  const match = childrenArray.find(child => child && child.props.when);\r\n  if (match) {\r\n    return match;\r\n  }\r\n  return childrenArray.find(child => child && child.props.default) || null;\r\n}\r\n\r\n/**\r\n * A match component for use with Switch.\r\n * @param {object} props - The component props.\r\n * @param {boolean} props.when - The condition to match.\r\n * @param {VNode[]} props.children - The child components.\r\n * @returns {VNode|null} The children if when is true, otherwise null.\r\n */ \r\nexport function Match({ when, children }: { when: boolean, children: VNode[] }): VNode | null {\r\n   //@ts-ignore\r\n  return when ? children : null;\r\n}\r\n\r\nexport function  Show({ when, children }: { when: boolean, children: VNode[] }): VNode | null {\r\n   //@ts-ignore\r\n  return when ? children : null;\r\n}\r\nexport function showToast  (message: string, duration = 3000)   {\r\n  //@ts-ignore\r\n  if (window.Android && typeof window.Android.showToast === \"function\") {\r\n     //@ts-ignore\r\n    window.Android.showToast(message, duration);\r\n  } else {\r\n    console.log(`[showToast] ${message}`);\r\n  }\r\n};\r\n\r\n/**\r\n * A React-like useRef hook for mutable references.\r\n * @template T\r\n * @param {T} initial - The initial reference value.\r\n * @returns {{current: T}} A mutable ref object.\r\n */\r\nexport function useRef<T>(initial: T): { current: T } {\r\n  if (!wipFiber) {\r\n    throw new Error(\"Hooks can only be called inside a Vader.js function component.\");\r\n  }\r\n\r\n  let hook = wipFiber.hooks[hookIndex];\r\n  if (!hook) {\r\n    hook = { current: initial };\r\n    wipFiber.hooks[hookIndex] = hook;\r\n  }\r\n\r\n  hookIndex++;\r\n   //@ts-ignore\r\n  return hook;\r\n}\r\n\r\n/**\r\n * A React-like useLayoutEffect hook that runs synchronously after DOM mutations.\r\n * @param {Function} callback - The effect callback.\r\n * @param {Array} deps - The dependency array.\r\n */\r\nexport function useLayoutEffect(callback: Function, deps?: any[]): void {\r\n  if (!wipFiber) {\r\n    throw new Error(\"Hooks can only be called inside a Vader.js function component.\");\r\n  }\r\n\r\n  let hook = wipFiber.hooks[hookIndex];\r\n  if (!hook) {\r\n    hook = { deps: undefined, _cleanupFn: undefined };\r\n    wipFiber.hooks[hookIndex] = hook;\r\n  }\r\n\r\n  const hasChanged = hook.deps === undefined || \r\n                   !deps || \r\n                   deps.some((dep, i) => !Object.is(dep, hook.deps[i]));\r\n\r\n  if (hasChanged) {\r\n    if (hook._cleanupFn) {\r\n      hook._cleanupFn();\r\n    }\r\n    const cleanup = callback();\r\n    if (typeof cleanup === 'function') {\r\n      hook._cleanupFn = cleanup;\r\n    } else {\r\n      hook._cleanupFn = undefined;\r\n    }\r\n  }\r\n\r\n  hook.deps = deps;\r\n  hookIndex++;\r\n}\r\n\r\n/**\r\n * A React-like useReducer hook for state management with reducers.\r\n * @template S\r\n * @template A\r\n * @param {(state: S, action: A) => S} reducer - The reducer function.\r\n * @param {S} initialState - The initial state.\r\n * @returns {[S, (action: A) => void]} The current state and dispatch function.\r\n */\r\nexport function useReducer<S, A>(\r\n  reducer: (state: S, action: A) => S,\r\n  initialState: S\r\n): [S, (action: A) => void] {\r\n  if (!wipFiber) {\r\n    throw new Error(\"Hooks can only be called inside a Vader.js function component.\");\r\n  }\r\n\r\n  let hook = wipFiber.hooks[hookIndex];\r\n  if (!hook) {\r\n    hook = {\r\n      state: initialState,\r\n      queue: [],\r\n    };\r\n    wipFiber.hooks[hookIndex] = hook;\r\n  }\r\n\r\n  hook.queue.forEach((action) => {\r\n    hook.state = reducer(hook.state, action);\r\n  });\r\n  hook.queue = [];\r\n\r\n  const dispatch = (action: A) => {\r\n    hook.queue.push(action);\r\n    if (!isRenderScheduled) {\r\n      isRenderScheduled = true;\r\n      requestAnimationFrame(workLoop);\r\n    }\r\n  };\r\n\r\n  hookIndex++;\r\n  return [hook.state, dispatch];\r\n}\r\n\r\n/**\r\n * A React-like useContext hook for accessing context values.\r\n * @template T\r\n * @param {Context<T>} Context - The context object to use.\r\n * @returns {T} The current context value.\r\n */\r\nexport function useContext<T>(Context: Context<T>): T {\r\n  if (!wipFiber) {\r\n    throw new Error(\"Hooks can only be called inside a Vader.js function component.\");\r\n  }\r\n\r\n  let fiber = wipFiber.parent;\r\n  while (fiber) {\r\n    if (fiber.type && fiber.type._context === Context) {\r\n      return fiber.props.value;\r\n    }\r\n    fiber = fiber.parent;\r\n  }\r\n\r\n  return Context._defaultValue;\r\n}\r\n\r\ninterface Context<T> {\r\n  _defaultValue: T;\r\n  Provider: Function & { _context: Context<T> };\r\n}\r\n\r\n/**\r\n * Creates a context object for use with useContext.\r\n * @template T\r\n * @param {T} defaultValue - The default context value.\r\n * @returns {Context<T>} The created context object.\r\n */\r\nexport function createContext<T>(defaultValue: T): Context<T> {\r\n  const context = {\r\n    _defaultValue: defaultValue,\r\n    Provider: function Provider({ children }: { children: VNode[] }) {\r\n      return children;\r\n    },\r\n  };\r\n  context.Provider._context = context;\r\n  return context;\r\n}\r\n\r\n/**\r\n * A React-like useMemo hook for memoizing expensive calculations.\r\n * @template T\r\n * @param {() => T} factory - The function to memoize.\r\n * @param {Array} deps - The dependency array.\r\n * @returns {T} The memoized value.\r\n */\r\nexport function useMemo<T>(factory: () => T, deps?: any[]): T {\r\n  if (!wipFiber) {\r\n    throw new Error(\"Hooks can only be called inside a Vader.js function component.\");\r\n  }\r\n\r\n  let hook = wipFiber.hooks[hookIndex];\r\n  if (!hook) {\r\n    hook = { memoizedValue: factory(), deps };\r\n    wipFiber.hooks[hookIndex] = hook;\r\n  }\r\n\r\n  const hasChanged = hook.deps === undefined || \r\n                   !deps || \r\n                   deps.some((dep, i) => !Object.is(dep, hook.deps[i]));\r\n  if (hasChanged) {\r\n    hook.memoizedValue = factory();\r\n    hook.deps = deps;\r\n  }\r\n\r\n  hookIndex++;\r\n  return hook.memoizedValue;\r\n}\r\n\r\n/**\r\n * A React-like useCallback hook for memoizing functions.\r\n * @template T\r\n * @param {T} callback - The function to memoize.\r\n * @param {Array} deps - The dependency array.\r\n * @returns {T} The memoized callback.\r\n */\r\nexport function useCallback<T extends Function>(callback: T, deps?: any[]): T {\r\n  return useMemo(() => callback, deps);\r\n}\r\n\r\n/**\r\n * A hook for managing arrays with common operations.\r\n * @template T\r\n * @param {T[]} initialValue - The initial array value.\r\n * @returns {{\r\n *   array: T[],\r\n *   add: (item: T) => void,\r\n *   remove: (index: number) => void,\r\n *   update: (index: number, item: T) => void\r\n * }} An object with the array and mutation functions.\r\n */\r\nexport function useArray<T>(initialValue: T[] = []): {\r\n  array: T[],\r\n  add: (item: T) => void,\r\n  remove: (index: number) => void,\r\n  update: (index: number, item: T) => void\r\n} {\r\n  const [array, setArray] = useState(initialValue);\r\n\r\n  const add = (item: T) => {\r\n    setArray((prevArray) => [...prevArray, item]);\r\n  };\r\n\r\n  const remove = (index: number) => {\r\n    setArray((prevArray) => prevArray.filter((_, i) => i !== index));\r\n  };\r\n\r\n  const update = (index: number, item: T) => {\r\n    setArray((prevArray) => prevArray.map((prevItem, i) => (i === index ? item : prevItem)));\r\n  };\r\n\r\n  return { array, add, remove, update };\r\n}\r\n\r\n/**\r\n * A hook for running a function at a fixed interval.\r\n * @param {Function} callback - The function to run.\r\n * @param {number|null} delay - The delay in milliseconds, or null to stop.\r\n */\r\nexport function useInterval(callback: Function, delay: number | null): void {\r\n  useEffect(() => {\r\n    if (delay === null) return;\r\n    const interval = setInterval(callback, delay);\r\n    return () => clearInterval(interval);\r\n  }, [callback, delay]);\r\n}\r\n\r\n// Types for cache configuration\r\ninterface QueryCacheOptions {\r\n  expiryMs?: number; // Cache duration in milliseconds\r\n  enabled?: boolean; // Whether caching is enabled\r\n}\r\n\r\n// Default cache options\r\nconst DEFAULT_CACHE_OPTIONS: QueryCacheOptions = {\r\n  expiryMs: 5 * 60 * 1000, // 5 minutes default\r\n  enabled: true\r\n};\r\n\r\n// In-memory cache store\r\nconst queryCache = new Map<string, {\r\n  data: any;\r\n  timestamp: number;\r\n  options: QueryCacheOptions;\r\n}>();\r\n\r\nexport function useQuery<T>(\r\n  url: string,\r\n  cacheOptions: QueryCacheOptions = {} // Default to empty object\r\n): {\r\n  data: T | null;\r\n  loading: boolean;\r\n  error: Error | null;\r\n  refetch: () => Promise<void>;\r\n} {\r\n  const [data, setData] = useState<T | null>(null);\r\n  const [loading, setLoading] = useState(true);\r\n  const [error, setError] = useState<Error | null>(null);\r\n\r\n  // FIX: Destructure primitive values from cacheOptions for stable dependencies.\r\n  const { \r\n    enabled = DEFAULT_CACHE_OPTIONS.enabled, \r\n    expiryMs = DEFAULT_CACHE_OPTIONS.expiryMs \r\n  } = cacheOptions;\r\n\r\n  // FIX: Memoize the options object so its reference is stable across renders.\r\n  // It will only be recreated if `enabled` or `expiryMs` changes.\r\n  const mergedCacheOptions = useMemo(() => ({\r\n    enabled,\r\n    expiryMs,\r\n  }), [enabled, expiryMs]);\r\n\r\n  const fetchData = useCallback(async () => {\r\n    setLoading(true);\r\n    try {\r\n      // Check cache first if enabled\r\n      if (mergedCacheOptions.enabled) {\r\n        const cached = queryCache.get(url);\r\n        const now = Date.now();\r\n        \r\n        if (cached && now - cached.timestamp < mergedCacheOptions.expiryMs) {\r\n          setData(cached.data);\r\n          setLoading(false);\r\n          return;\r\n        }\r\n      }\r\n\r\n      // Not in cache or expired - fetch fresh data\r\n      const response = await fetch(url);\r\n      \r\n      if (!response.ok) {\r\n        throw new Error(`HTTP error! status: ${response.status}`);\r\n      }\r\n      \r\n      const result = await response.json();\r\n      \r\n      // Update cache if enabled\r\n      if (mergedCacheOptions.enabled) {\r\n        queryCache.set(url, {\r\n          data: result,\r\n          timestamp: Date.now(),\r\n          options: mergedCacheOptions\r\n        });\r\n      }\r\n      \r\n      setData(result);\r\n    } catch (err) {\r\n      setError(err instanceof Error ? err : new Error(String(err)));\r\n    } finally {\r\n      setLoading(false);\r\n    }\r\n  }, [url, mergedCacheOptions]); // This dependency is now stable\r\n\r\n  useEffect(() => {\r\n    fetchData();\r\n  }, [fetchData]); // This dependency is now stable\r\n\r\n  return { data, loading, error, refetch: fetchData };\r\n}\r\n\r\n/**\r\n * A hook for tracking window focus state.\r\n * @returns {boolean} True if the window is focused.\r\n */\r\nexport function useWindowFocus(): boolean {\r\n  const [isFocused, setIsFocused] = useState(true);\r\n\r\n  useEffect(() => {\r\n    const onFocus = () => setIsFocused(true);\r\n    const onBlur = () => setIsFocused(false);\r\n\r\n    window.addEventListener(\"focus\", onFocus);\r\n    window.addEventListener(\"blur\", onBlur);\r\n\r\n    return () => {\r\n      window.removeEventListener(\"focus\", onFocus);\r\n      window.removeEventListener(\"blur\", onBlur);\r\n    };\r\n  }, []);\r\n\r\n  return isFocused;\r\n}\r\n\r\n/**\r\n * A hook for syncing state with localStorage.\r\n * @template T\r\n * @param {string} key - The localStorage key.\r\n * @param {T} initialValue - The initial value.\r\n * @returns {[T, (value: T) => void]} The stored value and a function to update it.\r\n */\r\nexport function useLocalStorage<T>(key: string, initialValue: T): [T, (value: T) => void] {\r\n  const [storedValue, setStoredValue] = useState(() => {\r\n    try {\r\n      const item = localStorage.getItem(key);\r\n      return item ? JSON.parse(item) : initialValue;\r\n    } catch (error) {\r\n      return initialValue;\r\n    }\r\n  });\r\n\r\n  const setValue = (value: T) => {\r\n    try {\r\n      setStoredValue(value);\r\n      localStorage.setItem(key, JSON.stringify(value));\r\n    } catch (error) {\r\n      console.error(\"Error saving to localStorage\", error);\r\n    }\r\n  };\r\n\r\n  return [storedValue, setValue];\r\n}\r\n\r\n\r\nexport function Link({\r\n  to,\r\n  className,\r\n  children,\r\n}: {\r\n  to: string;\r\n  className?: string;\r\n  children: VNode[];\r\n}): VNode {\r\n  const handleClick = (e: MouseEvent) => {\r\n    e.preventDefault();\r\n\r\n    // Normalize path\r\n    const normalized = to.startsWith(\"/\") ? to : \"/\" + to;\r\n\r\n    // ✅ Android WebView bridge (optional)\r\n    if (window.Android && typeof window.Android.navigate === \"function\") {\r\n      window.Android.navigate(normalized);\r\n      return;\r\n    }\r\n\r\n    // ✅ Android asset WebView fallback\r\n    if (location.protocol === \"file:\") {\r\n      location.href = normalized + \"/index.html\";\r\n      return;\r\n    }\r\n\r\n    // ✅ Normal browser navigation\r\n    window.location.href = normalized;\r\n  };\r\n\r\n  return createElement(\r\n    \"a\",\r\n    {\r\n      href: to,\r\n      onClick: handleClick,\r\n      className,\r\n    },\r\n    ...children\r\n  );\r\n}\r\n\r\n/**\r\n * A hook for detecting clicks outside an element.\r\n * @param {React.RefObject} ref - A ref to the element to watch.\r\n * @param {Function} handler - The handler to call when a click outside occurs.\r\n */\r\nexport function useOnClickOutside(ref: { current: HTMLElement | null }, handler: Function): void {\r\n  useEffect(() => {\r\n    const listener = (event: MouseEvent) => {\r\n      if (ref.current && !ref.current.contains(event.target as Node)) {\r\n        handler(event);\r\n      }\r\n    };\r\n    document.addEventListener(\"mousedown\", listener);\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", listener);\r\n    };\r\n  }, [ref, handler]);\r\n}\r\nconst Vader = {\r\n  render,\r\n  createElement,\r\n  useState,\r\n  useEffect,\r\n  useLayoutEffect,\r\n  useReducer,\r\n  useContext,\r\n  createContext,\r\n  useMemo,\r\n  useCallback,\r\n  useRef,\r\n  useArray,\r\n  useQuery,\r\n  useWindowFocus,\r\n  useLocalStorage,\r\n  useInterval,\r\n  Switch,\r\n  Match,\r\n  Show,\r\n  Link,\r\n  showToast, \r\n};\r\n\r\nObject.defineProperty(window, \"Vader\", {\r\n  value: Vader,\r\n  writable: false,\r\n  configurable: false,\r\n});\r\n",
+    "\"use client\"\nimport * as Vader from \"vaderjs-native\"\nimport { useState, useArray } from \"vaderjs-native\"\n\n\nfunction Counter() {\n  const [count, setCount] = useState(0)\n  \n  return (  \n    <div class=\"p-4\">\n      <h1 class=\"text-3xl font-bold underline text-center mb-4\">\n        Counter: {count}\n      </h1>\n      <div class=\"flex justify-center\">\n        <button class=\"bg-blue-300 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded mr-2\" onClick={() => setCount(count + 1)}>\n          Increment\n        </button>\n        <button class=\"bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded\" onClick={() => setCount(count - 1)}>\n          Decrement\n        </button>\n        <p>HMR WORKS</p>\n      </div>\n    </div>\n  )\n}\n\nVader.render(<Counter />, document.getElementById(\"app\")!)"
+  ],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAM,kBAA0C;AAAA,EAC9C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,GAAG;AACL;AAIA,OAAO,cAAc,QAAQ,CAAC,SAAiB;AAAA,EAC7C,MAAM,MAAM,gBAAgB;AAAA,EAC5B,IAAI,CAAC;AAAA,IAAK;AAAA,EAET,MAAM,eAAe,SAAS,eAAe,gBAAgB;AAAA,EAC7D,IAAI,cAAc;AAAA,IAChB,aAAa,cAAc,gBAAgB;AAAA,EAC7C;AAAA,EAGD,MAAM,QAAQ,IAAI,cAAc,WAAW,EAAE,IAAI,CAAC;AAAA,EAClD,SAAS,cAAc,KAAK;AAAA;AAE9B,IAAI,iBAA+B;AACnC,IAAI,UAAwB;AAC5B,IAAI,cAA4B;AAChC,IAAI,YAA4B;AAChC,IAAI,WAAyB;AAC7B,IAAI,YAAY;AAChB,IAAI,oBAAoB;AAyYxB,IAAM,UAAU,CAAC,QAAgB,IAAI,WAAW,IAAI;AAOpD,IAAM,aAAa,CAAC,QAAgB,QAAQ,cAAc,CAAC,QAAQ,GAAG;AAQtE,IAAM,QAAQ,CAAC,MAAc,SAAiB,CAAC,QAAgB,KAAK,SAAS,KAAK;AAQlF,IAAM,SAAS,CAAC,MAAc,SAAiB,CAAC,QAAgB,EAAE,OAAO;AAOzE,SAAS,SAAS,CAAC,OAAoB;AAAA,EACrC,IAAI;AAAA,EAEJ,IAAI,MAAM,SAAS,gBAAgB;AAAA,IACjC,MAAM,SAAS,eAAe,MAAM,MAAM,aAAa,EAAE;AAAA,EAC3D,EAAO;AAAA,IACL,MAAM,QAAQ,aAAa,KAAK;AAAA,IAChC,MAAM,QACF,SAAS,gBAAgB,8BAA8B,MAAM,IAAc,IAC3E,SAAS,cAAc,MAAM,IAAc;AAAA;AAAA,EAIjD,IAAI,MAAM,MAAM,KAAK;AAAA,IACnB,MAAM,MAAM,IAAI,UAAU;AAAA,EAC5B;AAAA,EAEA,UAAU,KAAK,CAAC,GAAG,MAAM,KAAK;AAAA,EAC9B,OAAO;AAAA;AAGT,SAAS,YAAY,CAAC,OAAuB;AAAA,EAE3C,IAAI,SAAS,MAAM;AAAA,EACnB,IAAI,MAAM,SAAS;AAAA,IAAO,OAAO;AAAA,EACjC,OAAO,QAAQ;AAAA,IACb,IAAI,OAAO,SAAS;AAAA,MAAO,OAAO;AAAA,IAClC,SAAS,OAAO;AAAA,EAClB;AAAA,EACA,OAAO;AAAA;AAUT,SAAS,SAAS,CAAC,KAAW,WAAgB,WAAsB;AAAA,EAClE,YAAY,aAAa,CAAC;AAAA,EAC1B,YAAY,aAAa,CAAC;AAAA,EAE1B,MAAM,QAAQ,eAAe;AAAA,EAG7B,OAAO,KAAK,SAAS,EAClB,OAAO,OAAO,EACd,OAAO,SAAO,EAAE,OAAO,cAAc,MAAM,WAAW,SAAS,EAAE,GAAG,CAAC,EACrE,QAAQ,UAAQ;AAAA,IACf,MAAM,YAAY,KAAK,YAAY,EAAE,UAAU,CAAC;AAAA,IAChD,IAAI,OAAO,UAAU,UAAU,YAAY;AAAA,MACxC,IAAgB,oBAAoB,WAAW,UAAU,KAAK;AAAA,IACjE;AAAA,GACD;AAAA,EAGH,OAAO,KAAK,SAAS,EAClB,OAAO,UAAU,EACjB,OAAO,OAAO,WAAW,SAAS,CAAC,EACnC,QAAQ,UAAQ;AAAA,IACf,IAAI,SAAS,eAAe,SAAS,SAAS;AAAA,MAC3C,IAAgB,gBAAgB,OAAO;AAAA,IAC1C,EAAO,SAAI,SAAS,SAAS;AAAA,MAC1B,IAAoB,MAAM,UAAU;AAAA,IACvC,EAAO;AAAA,MACL,IAAI,OAAO;AAAA,QACR,IAAgB,gBAAgB,IAAI;AAAA,MACvC,EAAO;AAAA,QACJ,IAAY,QAAQ;AAAA;AAAA;AAAA,GAG1B;AAAA,EAGH,OAAO,KAAK,SAAS,EAClB,OAAO,UAAU,EACjB,OAAO,MAAM,WAAW,SAAS,CAAC,EAClC,QAAQ,UAAQ;AAAA,IACf,IAAI,SAAS,SAAS;AAAA,MACpB,MAAM,QAAQ,UAAU;AAAA,MACxB,IAAI,OAAO,UAAU,UAAU;AAAA,QAC5B,IAAoB,MAAM,UAAU;AAAA,MACvC,EAAO,SAAI,OAAO,UAAU,YAAY,UAAU,MAAM;AAAA,QACtD,YAAY,KAAK,UAAU,OAAO,QAAQ,KAAK,GAAG;AAAA,UAC/C,IAAoB,MAAM,OAAO;AAAA,QACpC;AAAA,MACF;AAAA,IACF,EAAO,SAAI,SAAS,eAAe,SAAS,SAAS;AAAA,MAClD,IAAgB,aAAa,SAAS,UAAU,KAAK;AAAA,IACxD,EAAO;AAAA,MACL,IAAI,OAAO;AAAA,QACR,IAAgB,aAAa,MAAM,UAAU,KAAK;AAAA,MACrD,EAAO;AAAA,QACJ,IAAY,QAAQ,UAAU;AAAA;AAAA;AAAA,GAGpC;AAAA,EAGH,OAAO,KAAK,SAAS,EAClB,OAAO,OAAO,EACd,OAAO,MAAM,WAAW,SAAS,CAAC,EAClC,QAAQ,UAAQ;AAAA,IACf,MAAM,YAAY,KAAK,YAAY,EAAE,UAAU,CAAC;AAAA,IAChD,MAAM,UAAU,UAAU;AAAA,IAC1B,IAAI,OAAO,YAAY,YAAY;AAAA,MAChC,IAAgB,iBAAiB,WAAW,OAAO;AAAA,IACtD;AAAA,GACD;AAAA,EAED,OAAO,KAAK,SAAS,EACpB,OAAO,OAAO,EACd,OAAO,MAAM,WAAW,SAAS,CAAC,EAClC,QAAQ,UAAQ;AAAA,IACf,MAAM,YAAY,KAAK,YAAY,EAAE,UAAU,CAAC;AAAA,IAChD,MAAM,UAAU,UAAU;AAAA,IAC1B,IAAI,OAAO,YAAY,YAAY;AAAA,MAEjC,IAAI,UAAU,OAAO;AAAA,QACnB,IAAI,oBAAoB,WAAW,UAAU,KAAK;AAAA,MACpD;AAAA,MAEA,IAAI,iBAAiB,WAAW,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,IAC5D;AAAA,GACD;AAAA;AAOL,SAAS,UAAU,GAAS;AAAA,EAC1B,UAAU,QAAQ,UAAU;AAAA,EAC5B,WAAW,QAAQ,KAAK;AAAA,EACxB,cAAc;AAAA,EACd,UAAU;AAAA,EACV,oBAAoB;AAAA;AAOtB,SAAS,UAAU,CAAC,OAA2B;AAAA,EAC7C,IAAI,CAAC,OAAO;AAAA,IACV;AAAA,EACF;AAAA,EAEA,IAAI,iBAAiB,MAAM;AAAA,EAC3B,OAAO,kBAAkB,CAAC,eAAe,KAAK;AAAA,IAC5C,iBAAiB,eAAe;AAAA,EAClC;AAAA,EACA,MAAM,YAAY,iBAAiB,eAAe,MAAM;AAAA,EAExD,IAAI,MAAM,cAAc,eAAe,MAAM,OAAO,MAAM;AAAA,IACxD,IAAI;AAAA,MAAW,UAAU,YAAY,MAAM,GAAG;AAAA,EAChD,EAAO,SAAI,MAAM,cAAc,YAAY,MAAM,OAAO,MAAM;AAAA,IAC5D,UAAU,MAAM,KAAK,MAAM,WAAW,SAAS,CAAC,GAAG,MAAM,KAAK;AAAA,EAChE,EAAO,SAAI,MAAM,cAAc,YAAY;AAAA,IACzC,eAAe,KAAK;AAAA,EACtB;AAAA,EAEA,WAAW,MAAM,KAAK;AAAA,EACtB,WAAW,MAAM,OAAO;AAAA;AAO1B,SAAS,cAAc,CAAC,OAA2B;AAAA,EACjD,IAAI,CAAC,OAAO;AAAA,IACV;AAAA,EACF;AAAA,EACA,IAAI,MAAM,KAAK;AAAA,IACb,IAAI,MAAM,IAAI,YAAY;AAAA,MACxB,MAAM,IAAI,WAAW,YAAY,MAAM,GAAG;AAAA,IAC5C;AAAA,EACF,EAAO,SAAI,MAAM,OAAO;AAAA,IACtB,eAAe,MAAM,KAAK;AAAA,EAC5B;AAAA;AAQK,SAAS,MAAM,CAAC,SAAgB,WAAuB;AAAA,EAC5D,UAAU,YAAY;AAAA,EAEtB,UAAU;AAAA,IACR,KAAK;AAAA,IACL,OAAO;AAAA,MACL,UAAU,CAAC,OAAO;AAAA,IACpB;AAAA,IACA,WAAW;AAAA,EACb;AAAA,EACA,YAAY,CAAC;AAAA,EACb,iBAAiB;AAAA,EAClB,sBAAsB,QAAQ;AAAA;AAM/B,SAAS,QAAQ,GAAS;AAAA,EACxB,IAAI,CAAC,WAAW,aAAa;AAAA,IAC3B,UAAU;AAAA,MACR,KAAK,YAAY;AAAA,MACjB,OAAO,YAAY;AAAA,MACnB,WAAW;AAAA,IACb;AAAA,IACA,YAAY,CAAC;AAAA,IACb,iBAAiB;AAAA,EACnB;AAAA,EAEA,OAAO,gBAAgB;AAAA,IACrB,iBAAiB,kBAAkB,cAAc;AAAA,EACnD;AAAA,EAEA,IAAI,CAAC,kBAAkB,SAAS;AAAA,IAC9B,WAAW;AAAA,EACb;AAAA;AASF,SAAS,iBAAiB,CAAC,OAA4B;AAAA,EACrD,MAAM,sBAAsB,MAAM,gBAAgB;AAAA,EAElD,IAAI,qBAAqB;AAAA,IACvB,wBAAwB,KAAK;AAAA,EAC/B,EAAO;AAAA,IACL,oBAAoB,KAAK;AAAA;AAAA,EAG3B,IAAI,MAAM,OAAO;AAAA,IACf,OAAO,MAAM;AAAA,EACf;AAAA,EAEA,IAAI,YAAY;AAAA,EAChB,OAAO,WAAW;AAAA,IAChB,IAAI,UAAU,SAAS;AAAA,MACrB,OAAO,UAAU;AAAA,IACnB;AAAA,IACA,YAAY,UAAU;AAAA,EACxB;AAAA,EACA,OAAO;AAAA;AAOR,SAAS,uBAAuB,CAAC,OAAc;AAAA,EAC9C,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,MAAM,QAAQ,MAAM,WAAW,SAAS,CAAC;AAAA,EAIzC,MAAM,WAAW,CAAE,MAAM,KAAkB,MAAM,KAAK,CAAC,EACpD,KAAK,EACL,OAAO,WAAS,SAAS,QAAQ,OAAO,UAAU,SAAS,EAC3D,IAAI,WAAS,OAAO,UAAU,WAAW,QAAQ,kBAAkB,KAAK,CAAC;AAAA,EAE5E,kBAAkB,OAAO,QAAQ;AAAA;AAMnC,SAAS,mBAAmB,CAAC,OAAoB;AAAA,EAC/C,IAAI,CAAC,MAAM,KAAK;AAAA,IACd,MAAM,MAAM,UAAU,KAAK;AAAA,EAC7B;AAAA,EACA,kBAAkB,OAAO,MAAM,MAAM,QAAQ;AAAA;AAQ9C,SAAS,iBAAiB,CAAC,WAAiB,UAAmB;AAAA,EAC9D,IAAI,QAAQ;AAAA,EACZ,IAAI,WAAW,UAAS,WAAW;AAAA,EACnC,IAAI,cAA4B;AAAA,EAGhC,MAAM,iBAAiB,IAAI;AAAA,EAC3B,OAAO,UAAU;AAAA,IACf,MAAM,MAAM,SAAS,OAAO;AAAA,IAC5B,eAAe,IAAI,KAAK,QAAQ;AAAA,IAChC,WAAW,SAAS;AAAA,IACpB;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,EACR,MAAO,QAAQ,SAAS,QAAQ,SAAS;AAAA,IACvC,MAAM,UAAU,SAAS;AAAA,IACzB,MAAM,MAAM,SAAS,OAAO;AAAA,IAC5B,MAAM,YAAW,eAAe,IAAI,GAAG;AAAA,IAEvC,MAAM,WAAW,aAAY,WAAW,QAAQ,SAAS,UAAS;AAAA,IAClE,IAAI,WAAyB;AAAA,IAE7B,IAAI,UAAU;AAAA,MAEZ,WAAW;AAAA,QACT,MAAM,UAAS;AAAA,QACf,OAAO,QAAQ;AAAA,QACf,KAAK,UAAS;AAAA,QACd,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,WAAW;AAAA,QACX,OAAO,UAAS;AAAA,QAChB;AAAA,MACF;AAAA,MACA,eAAe,OAAO,GAAG;AAAA,IAC3B,EAAO,SAAI,SAAS;AAAA,MAElB,WAAW;AAAA,QACT,MAAM,QAAQ;AAAA,QACd,OAAO,QAAQ;AAAA,QACf,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,WAAW;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,IAEA,IAAI,aAAY,CAAC,UAAU;AAAA,MACzB,UAAS,YAAY;AAAA,MACrB,UAAU,KAAK,SAAQ;AAAA,IACzB;AAAA,IAEA,IAAI,UAAU,GAAG;AAAA,MACf,UAAS,QAAQ;AAAA,IACnB,EAAO,SAAI,eAAe,UAAU;AAAA,MAClC,YAAY,UAAU;AAAA,IACxB;AAAA,IAEA,IAAI,UAAU;AAAA,MACZ,cAAc;AAAA,IAChB;AAAA,EACF;AAAA,EAGA,eAAe,QAAQ,WAAS;AAAA,IAC9B,MAAM,YAAY;AAAA,IAClB,UAAU,KAAK,KAAK;AAAA,GACrB;AAAA;AAUI,SAAS,aAAa,CAC3B,MACA,UACG,UACI;AAAA,EACP,OAAO;AAAA,IACL;AAAA,IACA,OAAO;AAAA,SACF;AAAA,MACH,UAAU,SACP,KAAK,EACL,OAAO,WAAS,SAAS,QAAQ,OAAO,UAAU,SAAS,EAC3D,IAAI,WACH,OAAO,UAAU,WAAW,QAAQ,kBAAkB,KAAK,CAC7D;AAAA,IACJ;AAAA,IACA,KAAK,OAAO,OAAO;AAAA,EACrB;AAAA;AAQF,SAAS,iBAAiB,CAAC,MAAqB;AAAA,EAC9C,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA,MACX,UAAU,CAAC;AAAA,IACb;AAAA,EACF;AAAA;AAYM,SAAS,QAAW,CAAC,SAA0E;AAAA,EACrG,IAAI,CAAC,UAAU;AAAA,IACb,MAAM,IAAI,MAAM,gEAAgE;AAAA,EAClF;AAAA,EAEA,IAAI,OAAO,SAAS,MAAM;AAAA,EAC1B,IAAI,CAAC,MAAM;AAAA,IACT,OAAO;AAAA,MACL,OAAO,OAAO,YAAY,aAAc,QAAoB,IAAI;AAAA,MAChE,OAAO,CAAC;AAAA,MACR,cAAc;AAAA,IAChB;AAAA,IACA,SAAS,MAAM,aAAa;AAAA,EAC9B;AAAA,EAEA,MAAM,WAAW,CAAC,WAAsC;AAAA,IAEtD,MAAM,WAAW,OAAO,WAAW,aAC9B,OAA+B,KAAK,KAAK,IAC1C;AAAA,IAEF,KAAK,QAAQ;AAAA,IAIb,YAAY,CAAC;AAAA,IACb,iBAAiB;AAAA,IAGjB,sBAAsB,QAAQ;AAAA;AAAA,EAGlC;AAAA,EACA,OAAO,CAAC,KAAK,OAAO,QAAQ;AAAA;AAQvB,SAAS,SAAS,CAAC,UAAoB,MAAoB;AAAA,EAChE,IAAI,CAAC,UAAU;AAAA,IACb,MAAM,IAAI,MAAM,gEAAgE;AAAA,EAClF;AAAA,EAEA,IAAI,OAAO,SAAS,MAAM;AAAA,EAC1B,IAAI,CAAC,MAAM;AAAA,IACT,OAAO,EAAE,MAAM,WAAW,YAAY,UAAU;AAAA,IAChD,SAAS,MAAM,aAAa;AAAA,EAC9B;AAAA,EAEA,MAAM,aAAa,KAAK,SAAS,aAChB,CAAC,QACD,KAAK,KAAK,CAAC,KAAK,MAAM,CAAC,OAAO,GAAG,KAAK,KAAK,KAAK,EAAE,CAAC;AAAA,EAEpE,IAAI,YAAY;AAAA,IACd,IAAI,KAAK,YAAY;AAAA,MACnB,KAAK,WAAW;AAAA,IAClB;AAAA,IACA,WAAW,MAAM;AAAA,MACf,MAAM,aAAa,SAAS;AAAA,MAC5B,IAAI,OAAO,eAAe,YAAY;AAAA,QACpC,KAAK,aAAa;AAAA,MACpB,EAAO;AAAA,QACL,KAAK,aAAa;AAAA;AAAA,OAEnB,CAAC;AAAA,EACN;AAAA,EAEA,KAAK,OAAO;AAAA,EACZ;AAAA;AASK,SAAS,MAAM,GAAG,YAAiD;AAAA,EACxE,MAAM,gBAAgB,MAAM,QAAQ,QAAQ,IAAI,WAAW,CAAC,QAAQ;AAAA,EACpE,MAAM,QAAQ,cAAc,KAAK,WAAS,SAAS,MAAM,MAAM,IAAI;AAAA,EACnE,IAAI,OAAO;AAAA,IACT,OAAO;AAAA,EACT;AAAA,EACA,OAAO,cAAc,KAAK,WAAS,SAAS,MAAM,MAAM,OAAO,KAAK;AAAA;AAU/D,SAAS,KAAK,GAAG,MAAM,YAAgE;AAAA,EAE5F,OAAO,OAAO,WAAW;AAAA;AAGpB,SAAU,IAAI,GAAG,MAAM,YAAgE;AAAA,EAE5F,OAAO,OAAO,WAAW;AAAA;AAEpB,SAAS,SAAW,CAAC,SAAiB,WAAW,MAAQ;AAAA,EAE9D,IAAI,OAAO,WAAW,OAAO,OAAO,QAAQ,cAAc,YAAY;AAAA,IAEpE,OAAO,QAAQ,UAAU,SAAS,QAAQ;AAAA,EAC5C,EAAO;AAAA,IACL,QAAQ,IAAI,eAAe,SAAS;AAAA;AAAA;AAUjC,SAAS,MAAS,CAAC,SAA4B;AAAA,EACpD,IAAI,CAAC,UAAU;AAAA,IACb,MAAM,IAAI,MAAM,gEAAgE;AAAA,EAClF;AAAA,EAEA,IAAI,OAAO,SAAS,MAAM;AAAA,EAC1B,IAAI,CAAC,MAAM;AAAA,IACT,OAAO,EAAE,SAAS,QAAQ;AAAA,IAC1B,SAAS,MAAM,aAAa;AAAA,EAC9B;AAAA,EAEA;AAAA,EAEA,OAAO;AAAA;AAQF,SAAS,eAAe,CAAC,UAAoB,MAAoB;AAAA,EACtE,IAAI,CAAC,UAAU;AAAA,IACb,MAAM,IAAI,MAAM,gEAAgE;AAAA,EAClF;AAAA,EAEA,IAAI,OAAO,SAAS,MAAM;AAAA,EAC1B,IAAI,CAAC,MAAM;AAAA,IACT,OAAO,EAAE,MAAM,WAAW,YAAY,UAAU;AAAA,IAChD,SAAS,MAAM,aAAa;AAAA,EAC9B;AAAA,EAEA,MAAM,aAAa,KAAK,SAAS,aAChB,CAAC,QACD,KAAK,KAAK,CAAC,KAAK,MAAM,CAAC,OAAO,GAAG,KAAK,KAAK,KAAK,EAAE,CAAC;AAAA,EAEpE,IAAI,YAAY;AAAA,IACd,IAAI,KAAK,YAAY;AAAA,MACnB,KAAK,WAAW;AAAA,IAClB;AAAA,IACA,MAAM,UAAU,SAAS;AAAA,IACzB,IAAI,OAAO,YAAY,YAAY;AAAA,MACjC,KAAK,aAAa;AAAA,IACpB,EAAO;AAAA,MACL,KAAK,aAAa;AAAA;AAAA,EAEtB;AAAA,EAEA,KAAK,OAAO;AAAA,EACZ;AAAA;AAWK,SAAS,UAAgB,CAC9B,SACA,cAC0B;AAAA,EAC1B,IAAI,CAAC,UAAU;AAAA,IACb,MAAM,IAAI,MAAM,gEAAgE;AAAA,EAClF;AAAA,EAEA,IAAI,OAAO,SAAS,MAAM;AAAA,EAC1B,IAAI,CAAC,MAAM;AAAA,IACT,OAAO;AAAA,MACL,OAAO;AAAA,MACP,OAAO,CAAC;AAAA,IACV;AAAA,IACA,SAAS,MAAM,aAAa;AAAA,EAC9B;AAAA,EAEA,KAAK,MAAM,QAAQ,CAAC,WAAW;AAAA,IAC7B,KAAK,QAAQ,QAAQ,KAAK,OAAO,MAAM;AAAA,GACxC;AAAA,EACD,KAAK,QAAQ,CAAC;AAAA,EAEd,MAAM,WAAW,CAAC,WAAc;AAAA,IAC9B,KAAK,MAAM,KAAK,MAAM;AAAA,IACtB,IAAI,CAAC,mBAAmB;AAAA,MACtB,oBAAoB;AAAA,MACpB,sBAAsB,QAAQ;AAAA,IAChC;AAAA;AAAA,EAGF;AAAA,EACA,OAAO,CAAC,KAAK,OAAO,QAAQ;AAAA;AASvB,SAAS,UAAa,CAAC,SAAwB;AAAA,EACpD,IAAI,CAAC,UAAU;AAAA,IACb,MAAM,IAAI,MAAM,gEAAgE;AAAA,EAClF;AAAA,EAEA,IAAI,QAAQ,SAAS;AAAA,EACrB,OAAO,OAAO;AAAA,IACZ,IAAI,MAAM,QAAQ,MAAM,KAAK,aAAa,SAAS;AAAA,MACjD,OAAO,MAAM,MAAM;AAAA,IACrB;AAAA,IACA,QAAQ,MAAM;AAAA,EAChB;AAAA,EAEA,OAAO,QAAQ;AAAA;AAcV,SAAS,aAAgB,CAAC,cAA6B;AAAA,EAC5D,MAAM,UAAU;AAAA,IACd,eAAe;AAAA,IACf,UAAU,SAAS,QAAQ,GAAG,YAAmC;AAAA,MAC/D,OAAO;AAAA;AAAA,EAEX;AAAA,EACA,QAAQ,SAAS,WAAW;AAAA,EAC5B,OAAO;AAAA;AAUF,SAAS,OAAU,CAAC,SAAkB,MAAiB;AAAA,EAC5D,IAAI,CAAC,UAAU;AAAA,IACb,MAAM,IAAI,MAAM,gEAAgE;AAAA,EAClF;AAAA,EAEA,IAAI,OAAO,SAAS,MAAM;AAAA,EAC1B,IAAI,CAAC,MAAM;AAAA,IACT,OAAO,EAAE,eAAe,QAAQ,GAAG,KAAK;AAAA,IACxC,SAAS,MAAM,aAAa;AAAA,EAC9B;AAAA,EAEA,MAAM,aAAa,KAAK,SAAS,aAChB,CAAC,QACD,KAAK,KAAK,CAAC,KAAK,MAAM,CAAC,OAAO,GAAG,KAAK,KAAK,KAAK,EAAE,CAAC;AAAA,EACpE,IAAI,YAAY;AAAA,IACd,KAAK,gBAAgB,QAAQ;AAAA,IAC7B,KAAK,OAAO;AAAA,EACd;AAAA,EAEA;AAAA,EACA,OAAO,KAAK;AAAA;AAUP,SAAS,WAA+B,CAAC,UAAa,MAAiB;AAAA,EAC5E,OAAO,QAAQ,MAAM,UAAU,IAAI;AAAA;AAc9B,SAAS,QAAW,CAAC,eAAoB,CAAC,GAK/C;AAAA,EACA,OAAO,OAAO,YAAY,SAAS,YAAY;AAAA,EAE/C,MAAM,MAAM,CAAC,SAAY;AAAA,IACvB,SAAS,CAAC,cAAc,CAAC,GAAG,WAAW,IAAI,CAAC;AAAA;AAAA,EAG9C,MAAM,SAAS,CAAC,UAAkB;AAAA,IAChC,SAAS,CAAC,cAAc,UAAU,OAAO,CAAC,GAAG,MAAM,MAAM,KAAK,CAAC;AAAA;AAAA,EAGjE,MAAM,SAAS,CAAC,OAAe,SAAY;AAAA,IACzC,SAAS,CAAC,cAAc,UAAU,IAAI,CAAC,UAAU,MAAO,MAAM,QAAQ,OAAO,QAAS,CAAC;AAAA;AAAA,EAGzF,OAAO,EAAE,OAAO,KAAK,QAAQ,OAAO;AAAA;AAQ/B,SAAS,WAAW,CAAC,UAAoB,OAA4B;AAAA,EAC1E,UAAU,MAAM;AAAA,IACd,IAAI,UAAU;AAAA,MAAM;AAAA,IACpB,MAAM,WAAW,YAAY,UAAU,KAAK;AAAA,IAC5C,OAAO,MAAM,cAAc,QAAQ;AAAA,KAClC,CAAC,UAAU,KAAK,CAAC;AAAA;AAUtB,IAAM,wBAA2C;AAAA,EAC/C,UAAU,IAAI,KAAK;AAAA,EACnB,SAAS;AACX;AAGA,IAAM,aAAa,IAAI;AAMhB,SAAS,QAAW,CACzB,KACA,eAAkC,CAAC,GAMnC;AAAA,EACA,OAAO,MAAM,WAAW,SAAmB,IAAI;AAAA,EAC/C,OAAO,SAAS,cAAc,SAAS,IAAI;AAAA,EAC3C,OAAO,OAAO,YAAY,SAAuB,IAAI;AAAA,EAGrD;AAAA,IACE,UAAU,sBAAsB;AAAA,IAChC,WAAW,sBAAsB;AAAA,MAC/B;AAAA,EAIJ,MAAM,qBAAqB,QAAQ,OAAO;AAAA,IACxC;AAAA,IACA;AAAA,EACF,IAAI,CAAC,SAAS,QAAQ,CAAC;AAAA,EAEvB,MAAM,YAAY,YAAY,YAAY;AAAA,IACxC,WAAW,IAAI;AAAA,IACf,IAAI;AAAA,MAEF,IAAI,mBAAmB,SAAS;AAAA,QAC9B,MAAM,SAAS,WAAW,IAAI,GAAG;AAAA,QACjC,MAAM,MAAM,KAAK,IAAI;AAAA,QAErB,IAAI,UAAU,MAAM,OAAO,YAAY,mBAAmB,UAAU;AAAA,UAClE,QAAQ,OAAO,IAAI;AAAA,UACnB,WAAW,KAAK;AAAA,UAChB;AAAA,QACF;AAAA,MACF;AAAA,MAGA,MAAM,WAAW,MAAM,MAAM,GAAG;AAAA,MAEhC,IAAI,CAAC,SAAS,IAAI;AAAA,QAChB,MAAM,IAAI,MAAM,uBAAuB,SAAS,QAAQ;AAAA,MAC1D;AAAA,MAEA,MAAM,SAAS,MAAM,SAAS,KAAK;AAAA,MAGnC,IAAI,mBAAmB,SAAS;AAAA,QAC9B,WAAW,IAAI,KAAK;AAAA,UAClB,MAAM;AAAA,UACN,WAAW,KAAK,IAAI;AAAA,UACpB,SAAS;AAAA,QACX,CAAC;AAAA,MACH;AAAA,MAEA,QAAQ,MAAM;AAAA,MACd,OAAO,KAAK;AAAA,MACZ,SAAS,eAAe,QAAQ,MAAM,IAAI,MAAM,OAAO,GAAG,CAAC,CAAC;AAAA,cAC5D;AAAA,MACA,WAAW,KAAK;AAAA;AAAA,KAEjB,CAAC,KAAK,kBAAkB,CAAC;AAAA,EAE5B,UAAU,MAAM;AAAA,IACd,UAAU;AAAA,KACT,CAAC,SAAS,CAAC;AAAA,EAEd,OAAO,EAAE,MAAM,SAAS,OAAO,SAAS,UAAU;AAAA;AAO7C,SAAS,cAAc,GAAY;AAAA,EACxC,OAAO,WAAW,gBAAgB,SAAS,IAAI;AAAA,EAE/C,UAAU,MAAM;AAAA,IACd,MAAM,UAAU,MAAM,aAAa,IAAI;AAAA,IACvC,MAAM,SAAS,MAAM,aAAa,KAAK;AAAA,IAEvC,OAAO,iBAAiB,SAAS,OAAO;AAAA,IACxC,OAAO,iBAAiB,QAAQ,MAAM;AAAA,IAEtC,OAAO,MAAM;AAAA,MACX,OAAO,oBAAoB,SAAS,OAAO;AAAA,MAC3C,OAAO,oBAAoB,QAAQ,MAAM;AAAA;AAAA,KAE1C,CAAC,CAAC;AAAA,EAEL,OAAO;AAAA;AAUF,SAAS,eAAkB,CAAC,KAAa,cAA0C;AAAA,EACxF,OAAO,aAAa,kBAAkB,SAAS,MAAM;AAAA,IACnD,IAAI;AAAA,MACF,MAAM,OAAO,aAAa,QAAQ,GAAG;AAAA,MACrC,OAAO,OAAO,KAAK,MAAM,IAAI,IAAI;AAAA,MACjC,OAAO,OAAO;AAAA,MACd,OAAO;AAAA;AAAA,GAEV;AAAA,EAED,MAAM,WAAW,CAAC,UAAa;AAAA,IAC7B,IAAI;AAAA,MACF,eAAe,KAAK;AAAA,MACpB,aAAa,QAAQ,KAAK,KAAK,UAAU,KAAK,CAAC;AAAA,MAC/C,OAAO,OAAO;AAAA,MACd,QAAQ,MAAM,gCAAgC,KAAK;AAAA;AAAA;AAAA,EAIvD,OAAO,CAAC,aAAa,QAAQ;AAAA;AAIxB,SAAS,IAAI;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,GAKQ;AAAA,EACR,MAAM,cAAc,CAAC,MAAkB;AAAA,IACrC,EAAE,eAAe;AAAA,IAGjB,MAAM,aAAa,GAAG,WAAW,GAAG,IAAI,KAAK,MAAM;AAAA,IAGnD,IAAI,OAAO,WAAW,OAAO,OAAO,QAAQ,aAAa,YAAY;AAAA,MACnE,OAAO,QAAQ,SAAS,UAAU;AAAA,MAClC;AAAA,IACF;AAAA,IAGA,IAAI,SAAS,aAAa,SAAS;AAAA,MACjC,SAAS,OAAO,aAAa;AAAA,MAC7B;AAAA,IACF;AAAA,IAGA,OAAO,SAAS,OAAO;AAAA;AAAA,EAGzB,OAAO,cACL,KACA;AAAA,IACE,MAAM;AAAA,IACN,SAAS;AAAA,IACT;AAAA,EACF,GACA,GAAG,QACL;AAAA;AAQK,SAAS,iBAAiB,CAAC,KAAsC,SAAyB;AAAA,EAC/F,UAAU,MAAM;AAAA,IACd,MAAM,WAAW,CAAC,UAAsB;AAAA,MACtC,IAAI,IAAI,WAAW,CAAC,IAAI,QAAQ,SAAS,MAAM,MAAc,GAAG;AAAA,QAC9D,QAAQ,KAAK;AAAA,MACf;AAAA;AAAA,IAEF,SAAS,iBAAiB,aAAa,QAAQ;AAAA,IAC/C,OAAO,MAAM;AAAA,MACX,SAAS,oBAAoB,aAAa,QAAQ;AAAA;AAAA,KAEnD,CAAC,KAAK,OAAO,CAAC;AAAA;AAEnB,IAAM,QAAQ;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,OAAO,eAAe,QAAQ,SAAS;AAAA,EACrC,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAChB,CAAC;;;ACx6CD;AAKA,SAAS,OAAO,GAAG;AAAA,EACjB,OAAO,OAAO,YAAY,SAAS,CAAC;AAAA,EAEpC,uBACE,cAaE,OAbF;AAAA,IAAK,OAAM;AAAA,qBACT,cAEE,MAFF;AAAA,IAAI,OAAM;AAAA,KAAV,aACY,KACV,mBACF,cAQE,OARF;AAAA,IAAK,OAAM;AAAA,qBACT,cAEE,UAFF;AAAA,IAAQ,OAAM;AAAA,IAA4E,SAAS,MAAM,SAAS,QAAQ,CAAC;AAAA,KAA3H,WAEE,mBACF,cAEE,UAFF;AAAA,IAAQ,OAAM;AAAA,IAAqE,SAAS,MAAM,SAAS,QAAQ,CAAC;AAAA,KAApH,WAEE,mBACF,cAAc,KAAd,iBAAc,CACd,CACF;AAAA;AAIA,uBAAO,cAAC,SAAD,IAAS,GAAI,SAAS,eAAe,KAAK,CAAE;",
+  "debugId": "A9003A2175A4ACE364756E2164756E21",
+  "names": []
+}