frosty 0.0.90 → 0.0.92

package/dist/internals/common-jmXMOod4.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common-jmXMOod4.d.ts","sources":["../../src/renderer/common.ts"],"sourcesContent":["//\n//  common.ts\n//\n//  The MIT License\n//  Copyright (c) 2021 - 2025 O2ter Limited. All rights reserved.\n//\n//  Permission is hereby granted, free of charge, to any person obtaining a copy\n//  of this software and associated documentation files (the \"Software\"), to deal\n//  in the Software without restriction, including without limitation the rights\n//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n//  copies of the Software, and to permit persons to whom the Software is\n//  furnished to do so, subject to the following conditions:\n//\n//  The above copyright notice and this permission notice shall be included in\n//  all copies or substantial portions of the Software.\n//\n//  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n//  THE SOFTWARE.\n//\n\nimport _ from 'lodash';\nimport { VNode } from '../core/reconciler/vnode';\nimport { myersSync } from 'myers.js';\nimport { globalEvents } from '../core/web/event';\nimport { ComponentNode, NativeElementType } from '../core/types/component';\nimport { svgProps, htmlProps, tags } from '../../generated/elements';\nimport { _propValue } from '../core/web/props';\nimport { ClassName, StyleProp } from '../core/types/style';\nimport { ExtendedCSSProperties } from '../core/web/styles/css';\nimport { _Renderer } from '../core/renderer';\nimport { processCss } from '../core/web/styles/process';\nimport { StyleBuilder } from './style';\nimport { mergeRefs } from '../core/utils';\nimport type { DOMWindow } from 'jsdom';\nimport { compress } from './minify/compress';\n\nconst SVG_NS = 'http://www.w3.org/2000/svg';\nconst HTML_NS = 'http://www.w3.org/1999/xhtml';\nconst MATHML_NS = 'http://www.w3.org/1998/Math/MathML';\n\nconst findPrototypeProperty = (object: any, propertyName: string) => {\n  while (object && object.constructor && object.constructor.name !== 'Object') {\n    let desc = Object.getOwnPropertyDescriptor(object, propertyName);\n    if (desc) return desc;\n    object = Object.getPrototypeOf(object);\n  }\n  return null;\n};\n\nconst isWriteable = (object: any, propertyName: string) => {\n  let desc = findPrototypeProperty(object, propertyName);\n  if (!desc) {\n    return false;\n  }\n  if (desc.writable && typeof desc.value !== 'function') {\n    return true;\n  }\n  return !!desc.set;\n};\n\nexport abstract class DOMNativeNode extends NativeElementType {\n\n  static createElement: (doc: Document, renderer: _DOMRenderer) => DOMNativeNode;\n\n  abstract get target(): Element | Element[];\n\n  abstract update(props: Record<string, any> & {\n    className?: string;\n    style?: string;\n  }): void;\n\n  abstract replaceChildren(children: (string | Element | DOMNativeNode)[]): void;\n\n  abstract destroy(): void;\n}\n\nexport abstract class _DOMRenderer extends _Renderer<Element | DOMNativeNode> {\n\n  private _window: Window | DOMWindow;\n  private _namespace_map = new WeakMap<VNode, string | undefined>();\n\n  private _tracked_head_children: (string | Element | DOMNativeNode)[] = [];\n  private _tracked_style = new StyleBuilder();\n  /** @internal */\n  _tracked_server_resource = new Map<string, string>();\n  private _tracked_elements = new Map<Element | DOMNativeNode, { props: string[]; className: string[]; listener: Record<string, EventListener | undefined>; }>();\n\n  constructor(window: Window | DOMWindow) {\n    super();\n    this._window = window;\n  }\n\n  get document() {\n    return this.window.document;\n  }\n\n  get window() {\n    return this._window;\n  }\n\n  /** @internal */\n  _beforeUpdate() {\n    if (this._server) {\n      this._tracked_head_children = [];\n      this._tracked_server_resource = new Map<string, string>();\n    }\n  }\n\n  /** @internal */\n  _afterUpdate() {\n    this._tracked_style.select([...this._tracked_elements.values().flatMap(({ className }) => className)]);\n    const head = this.document.head ?? this.document.createElementNS(HTML_NS, 'head');\n    const styleElem = this.document.querySelector('style[data-frosty-style]') ?? this.document.createElementNS(HTML_NS, 'style');\n    styleElem.setAttribute('data-frosty-style', '');\n    if (styleElem.textContent !== this._tracked_style.css)\n      styleElem.textContent = this._tracked_style.css;\n    if (this._server) {\n      const ssrData = this._tracked_server_resource.size ? this.document.createElementNS(HTML_NS, 'script') : undefined;\n      if (ssrData) {\n        ssrData.setAttribute('data-frosty-ssr-data', '');\n        ssrData.setAttribute('type', 'text/plain');\n        ssrData.innerHTML = compress(JSON.stringify(Object.fromEntries(this._tracked_server_resource)));\n      }\n      this.__replaceChildren(head, _.compact([...this._tracked_head_children, styleElem, ssrData]));\n    } else if (styleElem.parentNode !== head) {\n      head.appendChild(styleElem);\n    }\n    if (!this.document.head) {\n      this.document.documentElement.insertBefore(head, this.document.body);\n    }\n  }\n\n  /** @internal */\n  _createElement(node: VNode, stack: VNode[]) {\n    const { type } = node;\n    if (!_.isString(type) && type.prototype instanceof DOMNativeNode) {\n      const ElementType = type as typeof DOMNativeNode;\n      const elem = ElementType.createElement(this.document, this);\n      this._tracked_elements.set(elem, {\n        props: [],\n        className: [],\n        listener: {},\n      });\n      this._updateElement(node, elem, stack);\n      return elem;\n    }\n    if (!_.isString(type)) throw Error('Invalid type');\n    switch (type) {\n      case 'html': return this.document.documentElement;\n      case 'head': return this.document.head ?? this.document.createElementNS(HTML_NS, 'head');\n      case 'body': return this.document.body ?? this.document.createElementNS(HTML_NS, 'body');\n      default: break;\n    }\n    const _ns_list = _.compact([\n      _.includes(tags.svg, type) && SVG_NS,\n      _.includes(tags.html, type) && HTML_NS,\n      _.includes(tags.mathml, type) && MATHML_NS,\n    ]);\n    const parent = _.last(stack);\n    const ns = _ns_list.length > 1 ? parent && _.first(_.intersection([this._namespace_map.get(parent)], _ns_list)) : _.first(_ns_list);\n    const elem = ns ? this.document.createElementNS(ns, type) : this.document.createElement(type);\n    this._namespace_map.set(node, ns);\n    this._tracked_elements.set(elem, {\n      props: [],\n      className: [],\n      listener: {},\n    });\n    this._updateElement(node, elem, stack);\n    return elem;\n  }\n\n  private __createBuiltClassName(\n    element: Element | DOMNativeNode,\n    className: ClassName,\n    style: StyleProp<ExtendedCSSProperties>,\n  ) {\n    const _className = _.compact(_.flattenDeep([className]));\n    const built = this._tracked_style.buildStyle(_.compact(_.flattenDeep([style])));\n    const tracked = this._tracked_elements.get(element);\n    if (tracked) tracked.className = built;\n    return [..._className, ...built].join(' ');\n  }\n\n  private __updateEventListener(\n    element: Element,\n    key: string,\n    listener: EventListener | undefined,\n    options?: AddEventListenerOptions,\n  ) {\n    const event = key.endsWith('Capture') ? key.slice(2, -7).toLowerCase() : key.slice(2).toLowerCase();\n    const tracked_listener = this._tracked_elements.get(element)?.listener;\n    if (!tracked_listener) return;\n    if (tracked_listener[key] !== listener) {\n      if (_.isFunction(tracked_listener[key])) element.removeEventListener(event, tracked_listener[key], options);\n      if (_.isFunction(listener)) element.addEventListener(event, listener, options);\n    }\n    tracked_listener[key] = listener;\n  }\n\n  /** @internal */\n  _updateElement(node: VNode, element: Element | DOMNativeNode, stack: VNode[]) {\n\n    if (element instanceof DOMNativeNode) {\n      const {\n        props: { ref, className, style, inlineStyle, ..._props }\n      } = node;\n      if (ref) mergeRefs(ref)(element.target);\n      const builtClassName = this.__createBuiltClassName(element, className, style);\n      const { css } = processCss(inlineStyle);\n      element.update({\n        className: builtClassName ? builtClassName : undefined,\n        style: css ? css : undefined,\n        ..._props\n      });\n      return;\n    }\n\n    const {\n      type,\n      props: { ref, className, style, inlineStyle, innerHTML, ..._props }\n    } = node;\n\n    if (!_.isString(type)) throw Error('Invalid type');\n    switch (type) {\n      case 'html': return;\n      case 'head': return;\n      case 'body': return;\n      default: break;\n    }\n\n    if (ref) mergeRefs(ref)(element);\n\n    const builtClassName = this.__createBuiltClassName(element, className, style);\n    if (_.isEmpty(builtClassName)) {\n      if (!_.isNil(element.getAttribute('class')))\n        element.removeAttribute('class');\n    } else if (element.className !== builtClassName) {\n      element.className = builtClassName;\n    }\n    if (!_.isEmpty(innerHTML) && element.innerHTML !== innerHTML) element.innerHTML = innerHTML;\n\n    if (inlineStyle) {\n      const { css } = processCss(inlineStyle);\n      const oldValue = element.getAttribute('style');\n      const newValue = css.split('\\n').join('');\n      if (oldValue !== newValue)\n        element.setAttribute('style', newValue);\n    } else if (!_.isNil(element.getAttribute('style'))) {\n      element.removeAttribute('style');\n    }\n\n    const tracked = this._tracked_elements.get(element);\n    if (!tracked) return;\n    const removed = _.difference(tracked.props, _.keys(_props));\n    const props = {\n      ..._props,\n      ..._.fromPairs(_.map(removed, x => [x, undefined])),\n    };\n    tracked.props = _.keys(_props);\n\n    for (const [key, value] of _.entries(props)) {\n      if (_.includes(globalEvents, key)) {\n        this.__updateEventListener(element, key, value, { capture: false });\n      } else if (key.endsWith('Capture') && _.includes(globalEvents, key.slice(0, -7))) {\n        this.__updateEventListener(element, key, value, { capture: true });\n      } else if (isWriteable(element, key)) {\n        if ((element as any)[key] !== value)\n          (element as any)[key] = value;\n      } else if (key.startsWith('data-')) {\n        const oldValue = element.getAttribute(key);\n        if (value === false || _.isNil(value)) {\n          if (!_.isNil(oldValue))\n            element.removeAttribute(key);\n        } else {\n          const newValue = value === true ? '' : `${value}`;\n          if (oldValue !== newValue)\n            element.setAttribute(key, newValue);\n        }\n      } else {\n        const { type: _type, attr } = (htmlProps as any)['*'][key]\n          ?? (htmlProps as any)[type]?.[key]\n          ?? (svgProps as any)['*'][key]\n          ?? (svgProps as any)[type]?.[key]\n          ?? {};\n        if (_type && attr && (_propValue as any)[_type]) {\n          const oldValue = element.getAttribute(key);\n          if (value === false || _.isNil(value)) {\n            if (!_.isNil(oldValue))\n              element.removeAttribute(key);\n          } else {\n            const newValue = value === true ? '' : `${value}`;\n            if (oldValue !== newValue)\n              element.setAttribute(key, newValue);\n          }\n        }\n      }\n    }\n  }\n\n  /** @internal */\n  _replaceChildren(node: VNode, element: Element | DOMNativeNode, children: (string | Element | DOMNativeNode)[], stack: VNode[], force?: boolean) {\n    if (element instanceof DOMNativeNode) {\n      element.replaceChildren(children);\n    } else {\n      const {\n        type,\n        props: { innerHTML }\n      } = node;\n      if (type === 'head') {\n        this._tracked_head_children.push(...children);\n      } else if (_.isEmpty(innerHTML)) {\n        this.__replaceChildren(element, children, force);\n      }\n    }\n  }\n\n  /** @internal */\n  _destroyElement(node: VNode, element: Element | DOMNativeNode) {\n    if (element instanceof DOMNativeNode) {\n      element.destroy();\n    } else {\n      const tracked_listener = this._tracked_elements.get(element)?.listener;\n      for (const [key, listener] of _.entries(tracked_listener)) {\n        const event = key.endsWith('Capture') ? key.slice(2, -7).toLowerCase() : key.slice(2).toLowerCase();\n        if (_.isFunction(listener)) {\n          element.removeEventListener(event, listener, { capture: key.endsWith('Capture') });\n        }\n      }\n    }\n    this._tracked_elements.delete(element);\n  }\n\n  __replaceChildren(element: Element, children: (string | Element | DOMNativeNode)[], force?: boolean) {\n    const diff = myersSync(\n      _.map(element.childNodes, x => x.nodeType === this.document.TEXT_NODE ? x.textContent ?? '' : x),\n      _.flatMap(children, x => x instanceof DOMNativeNode ? x.target : x),\n      { compare: (a, b) => a === b },\n    );\n    let i = 0;\n    for (const { remove, insert, equivalent } of diff) {\n      if (equivalent) {\n        i += equivalent.length;\n      } else if (remove) {\n        for (const child of remove) {\n          if (force || _.isString(child) || this._tracked_elements.has(child as any)) {\n            element.removeChild(element.childNodes[i]);\n          } else {\n            i++;\n          }\n        }\n      }\n      if (insert) {\n        for (const child of insert) {\n          const node = _.isString(child) ? this.document.createTextNode(child) : child;\n          element.insertBefore(node, element.childNodes[i++]);\n        }\n      }\n    }\n  }\n\n  async renderToString(component: ComponentNode) {\n    const root = this.createRoot();\n    try {\n      await root.mount(component, { skipMount: true });\n      const elements = _.flatMap(_.castArray(root.root ?? []), x => x instanceof DOMNativeNode ? x.target : x);\n      const str = _.map(elements, x => x.outerHTML).join('');\n      return str.startsWith('<html>') ? `<!DOCTYPE html>${str}` : str;\n    } finally {\n      root.unmount();\n    }\n  }\n}\n"],"names":[],"mappings":";;;;AAGO,uBAAA,aAAA,SAAA,iBAAA;AACP,gCAAA,QAAA,YAAA,YAAA,KAAA,aAAA;AACA,2BAAA,OAAA,GAAA,OAAA;AACA,2BAAA,MAAA;AACA;AACA;AACA;AACA,iDAAA,OAAA,GAAA,aAAA;AACA;AACA;AACO,uBAAA,YAAA,SAAA,SAAA,CAAA,OAAA,GAAA,aAAA;AACP;AACA;AACA;AACA;AACA;AACA,wBAAA,MAAA,GAAA,SAAA;AACA,oBAAA,QAAA;AACA,kBAAA,MAAA,GAAA,SAAA;AACA;AACA;AACA,+BAAA,OAAA,sBAAA,OAAA,GAAA,aAAA;AACA,8BAAA,aAAA,GAAA,OAAA;AACA;;;;"}
+{"version":3,"file":"common-jmXMOod4.d.ts","sources":["../../src/renderer/common.ts"],"sourcesContent":["//\n//  common.ts\n//\n//  The MIT License\n//  Copyright (c) 2021 - 2025 O2ter Limited. All rights reserved.\n//\n//  Permission is hereby granted, free of charge, to any person obtaining a copy\n//  of this software and associated documentation files (the \"Software\"), to deal\n//  in the Software without restriction, including without limitation the rights\n//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n//  copies of the Software, and to permit persons to whom the Software is\n//  furnished to do so, subject to the following conditions:\n//\n//  The above copyright notice and this permission notice shall be included in\n//  all copies or substantial portions of the Software.\n//\n//  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n//  THE SOFTWARE.\n//\n\nimport _ from 'lodash';\nimport { VNode } from '../core/reconciler/vnode';\nimport { myersSync } from 'myers.js';\nimport { globalEvents } from '../core/web/event';\nimport { ComponentNode, NativeElementType } from '../core/types/component';\nimport { svgProps, htmlProps, tags } from '../../generated/elements';\nimport { _propValue } from '../core/web/props';\nimport { ClassName, StyleProp } from '../core/types/style';\nimport { ExtendedCSSProperties } from '../core/web/styles/css';\nimport { _Renderer } from '../core/renderer';\nimport { processCss } from '../core/web/styles/process';\nimport { StyleBuilder } from './style';\nimport { mergeRefs } from '../core/utils';\nimport type { DOMWindow } from 'jsdom';\nimport { compress } from './minify/compress';\n\nconst SVG_NS = 'http://www.w3.org/2000/svg';\nconst HTML_NS = 'http://www.w3.org/1999/xhtml';\nconst MATHML_NS = 'http://www.w3.org/1998/Math/MathML';\n\nconst findPrototypeProperty = (object: any, propertyName: string) => {\n  while (object && object.constructor && object.constructor.name !== 'Object') {\n    let desc = Object.getOwnPropertyDescriptor(object, propertyName);\n    if (desc) return desc;\n    object = Object.getPrototypeOf(object);\n  }\n  return null;\n};\n\nconst isWriteable = (object: any, propertyName: string) => {\n  let desc = findPrototypeProperty(object, propertyName);\n  if (!desc) {\n    return false;\n  }\n  if (desc.writable && typeof desc.value !== 'function') {\n    return true;\n  }\n  return !!desc.set;\n};\n\nexport abstract class DOMNativeNode extends NativeElementType {\n\n  static createElement: (doc: Document, renderer: _DOMRenderer) => DOMNativeNode;\n\n  abstract get target(): Element | Element[];\n\n  abstract update(props: Record<string, any> & {\n    className?: string;\n    style?: string;\n  }): void;\n\n  abstract replaceChildren(children: (string | Element | DOMNativeNode)[]): void;\n\n  abstract destroy(): void;\n}\n\nexport abstract class _DOMRenderer extends _Renderer<Element | DOMNativeNode> {\n\n  private _window: Window | DOMWindow;\n  private _namespace_map = new WeakMap<VNode, string | undefined>();\n\n  private _tracked_head_children: (string | Element | DOMNativeNode)[] = [];\n  private _tracked_style = new StyleBuilder();\n  /** @internal */\n  _tracked_server_resource = new Map<string, string>();\n  private _tracked_elements = new Map<Element | DOMNativeNode, { props: string[]; className: string[]; listener: Record<string, EventListener | undefined>; }>();\n\n  constructor(window: Window | DOMWindow) {\n    super();\n    this._window = window;\n  }\n\n  get document() {\n    return this.window.document;\n  }\n\n  get window() {\n    return this._window;\n  }\n\n  /** @internal */\n  _beforeUpdate() {\n    if (this._server) {\n      this._tracked_head_children = [];\n      this._tracked_server_resource = new Map<string, string>();\n    }\n  }\n\n  /** @internal */\n  _afterUpdate() {\n    this._tracked_style.select([...this._tracked_elements.values().flatMap(({ className }) => className)]);\n    const head = this.document.head ?? this.document.createElementNS(HTML_NS, 'head');\n    const styleElem = this.document.querySelector('style[data-frosty-style]') ?? this.document.createElementNS(HTML_NS, 'style');\n    styleElem.setAttribute('data-frosty-style', '');\n    if (styleElem.textContent !== this._tracked_style.css)\n      styleElem.textContent = this._tracked_style.css;\n    if (this._server) {\n      const ssrData = this._tracked_server_resource.size ? this.document.createElementNS(HTML_NS, 'script') : undefined;\n      if (ssrData) {\n        ssrData.setAttribute('data-frosty-ssr-data', '');\n        ssrData.setAttribute('type', 'text/plain');\n        ssrData.innerHTML = compress(JSON.stringify(Object.fromEntries(this._tracked_server_resource)));\n      }\n      this.__replaceChildren(head, _.compact([...this._tracked_head_children, styleElem, ssrData]));\n    } else if (styleElem.parentNode !== head) {\n      head.appendChild(styleElem);\n    }\n    if (!this.document.head) {\n      this.document.documentElement.insertBefore(head, this.document.body);\n    }\n  }\n\n  /** @internal */\n  _createElement(node: VNode, stack: VNode[]) {\n    const { type } = node;\n    if (!_.isString(type) && type.prototype instanceof DOMNativeNode) {\n      const ElementType = type as typeof DOMNativeNode;\n      const elem = ElementType.createElement(this.document, this);\n      this._tracked_elements.set(elem, {\n        props: [],\n        className: [],\n        listener: {},\n      });\n      this._updateElement(node, elem, stack);\n      return elem;\n    }\n    if (!_.isString(type)) throw Error('Invalid type');\n    switch (type) {\n      case 'html': return this.document.documentElement;\n      case 'head': return this.document.head ?? this.document.createElementNS(HTML_NS, 'head');\n      case 'body': return this.document.body ?? this.document.createElementNS(HTML_NS, 'body');\n      default: break;\n    }\n    const _ns_list = _.compact([\n      _.includes(tags.svg, type) && SVG_NS,\n      _.includes(tags.html, type) && HTML_NS,\n      _.includes(tags.mathml, type) && MATHML_NS,\n    ]);\n    const parent = _.last(stack);\n    const ns = _ns_list.length > 1 ? parent && _.first(_.intersection([this._namespace_map.get(parent)], _ns_list)) : _.first(_ns_list);\n    const elem = ns ? this.document.createElementNS(ns, type) : this.document.createElement(type);\n    this._namespace_map.set(node, ns);\n    this._tracked_elements.set(elem, {\n      props: [],\n      className: [],\n      listener: {},\n    });\n    this._updateElement(node, elem, stack);\n    return elem;\n  }\n\n  private __createBuiltClassName(\n    element: Element | DOMNativeNode,\n    className: ClassName,\n    style: StyleProp<ExtendedCSSProperties>,\n  ) {\n    const _className = _.compact(_.flattenDeep([className]));\n    const built = this._tracked_style.buildStyle(_.compact(_.flattenDeep([style])));\n    const tracked = this._tracked_elements.get(element);\n    if (tracked) tracked.className = built;\n    return [..._className, ...built].join(' ');\n  }\n\n  private __updateEventListener(\n    element: Element,\n    key: string,\n    listener: EventListener | undefined,\n  ) {\n    const event = key.endsWith('Capture') ? key.slice(2, -7).toLowerCase() : key.slice(2).toLowerCase();\n    const tracked_listener = this._tracked_elements.get(element)?.listener;\n    if (!tracked_listener) return;\n    if (tracked_listener[key] !== listener) {\n      const options = { capture: key.endsWith('Capture') };\n      if (_.isFunction(tracked_listener[key])) element.removeEventListener(event, tracked_listener[key], options);\n      if (_.isFunction(listener)) element.addEventListener(event, listener, options);\n    }\n    tracked_listener[key] = listener;\n  }\n\n  /** @internal */\n  _updateElement(node: VNode, element: Element | DOMNativeNode, stack: VNode[]) {\n\n    if (element instanceof DOMNativeNode) {\n      const {\n        props: { ref, className, style, inlineStyle, ..._props }\n      } = node;\n      if (ref) mergeRefs(ref)(element.target);\n      const builtClassName = this.__createBuiltClassName(element, className, style);\n      const { css } = processCss(inlineStyle);\n      element.update({\n        className: builtClassName ? builtClassName : undefined,\n        style: css ? css : undefined,\n        ..._props\n      });\n      return;\n    }\n\n    const {\n      type,\n      props: { ref, className, style, inlineStyle, innerHTML, ..._props }\n    } = node;\n\n    if (!_.isString(type)) throw Error('Invalid type');\n    switch (type) {\n      case 'html': return;\n      case 'head': return;\n      case 'body': return;\n      default: break;\n    }\n\n    if (ref) mergeRefs(ref)(element);\n\n    const builtClassName = this.__createBuiltClassName(element, className, style);\n    if (_.isEmpty(builtClassName)) {\n      if (!_.isNil(element.getAttribute('class')))\n        element.removeAttribute('class');\n    } else if (element.className !== builtClassName) {\n      element.className = builtClassName;\n    }\n    if (!_.isEmpty(innerHTML) && element.innerHTML !== innerHTML) element.innerHTML = innerHTML;\n\n    if (inlineStyle) {\n      const { css } = processCss(inlineStyle);\n      const oldValue = element.getAttribute('style');\n      const newValue = css.split('\\n').join('');\n      if (oldValue !== newValue)\n        element.setAttribute('style', newValue);\n    } else if (!_.isNil(element.getAttribute('style'))) {\n      element.removeAttribute('style');\n    }\n\n    const tracked = this._tracked_elements.get(element);\n    if (!tracked) return;\n    const removed = _.difference(tracked.props, _.keys(_props));\n    const props = {\n      ..._props,\n      ..._.fromPairs(_.map(removed, x => [x, undefined])),\n    };\n    tracked.props = _.keys(_props);\n\n    for (const [key, value] of _.entries(props)) {\n      if (_.includes(globalEvents, key)) {\n        this.__updateEventListener(element, key, value);\n      } else if (key.endsWith('Capture') && _.includes(globalEvents, key.slice(0, -7))) {\n        this.__updateEventListener(element, key, value);\n      } else if (key.startsWith('data-')) {\n        const oldValue = element.getAttribute(key);\n        if (value === false || _.isNil(value)) {\n          if (!_.isNil(oldValue))\n            element.removeAttribute(key);\n        } else {\n          const newValue = value === true ? '' : `${value}`;\n          if (oldValue !== newValue)\n            element.setAttribute(key, newValue);\n        }\n      } else {\n        const { type: _type, attr } = (htmlProps as any)['*'][key]\n          ?? (htmlProps as any)[type]?.[key]\n          ?? (svgProps as any)['*'][key]\n          ?? (svgProps as any)[type]?.[key]\n          ?? {};\n        const writeable = isWriteable(element, key);\n        if (writeable && !_.isNil(value)) {\n          if ((element as any)[key] !== value) (element as any)[key] = value;\n        } else if (_type && attr && (_propValue as any)[_type]) {\n          const oldValue = element.getAttribute(key);\n          if (value === false || _.isNil(value)) {\n            if (!_.isNil(oldValue))\n              element.removeAttribute(key);\n          } else {\n            const newValue = value === true ? '' : `${value}`;\n            if (oldValue !== newValue)\n              element.setAttribute(key, newValue);\n          }\n        } else if (writeable) {\n          if ((element as any)[key] !== value) (element as any)[key] = value;\n        }\n      }\n    }\n  }\n\n  /** @internal */\n  _replaceChildren(node: VNode, element: Element | DOMNativeNode, children: (string | Element | DOMNativeNode)[], stack: VNode[], force?: boolean) {\n    if (element instanceof DOMNativeNode) {\n      element.replaceChildren(children);\n    } else {\n      const {\n        type,\n        props: { innerHTML }\n      } = node;\n      if (type === 'head') {\n        this._tracked_head_children.push(...children);\n      } else if (_.isEmpty(innerHTML)) {\n        this.__replaceChildren(element, children, force);\n      }\n    }\n  }\n\n  /** @internal */\n  _destroyElement(node: VNode, element: Element | DOMNativeNode) {\n    if (element instanceof DOMNativeNode) {\n      element.destroy();\n    } else {\n      const tracked_listener = this._tracked_elements.get(element)?.listener;\n      for (const [key, listener] of _.entries(tracked_listener)) {\n        const event = key.endsWith('Capture') ? key.slice(2, -7).toLowerCase() : key.slice(2).toLowerCase();\n        if (_.isFunction(listener)) {\n          element.removeEventListener(event, listener, { capture: key.endsWith('Capture') });\n        }\n      }\n    }\n    this._tracked_elements.delete(element);\n  }\n\n  __replaceChildren(element: Element, children: (string | Element | DOMNativeNode)[], force?: boolean) {\n    const diff = myersSync(\n      _.map(element.childNodes, x => x.nodeType === this.document.TEXT_NODE ? x.textContent ?? '' : x),\n      _.flatMap(children, x => x instanceof DOMNativeNode ? x.target : x),\n      { compare: (a, b) => a === b },\n    );\n    let i = 0;\n    for (const { remove, insert, equivalent } of diff) {\n      if (equivalent) {\n        i += equivalent.length;\n      } else if (remove) {\n        for (const child of remove) {\n          if (force || _.isString(child) || this._tracked_elements.has(child as any)) {\n            element.removeChild(element.childNodes[i]);\n          } else {\n            i++;\n          }\n        }\n      }\n      if (insert) {\n        for (const child of insert) {\n          const node = _.isString(child) ? this.document.createTextNode(child) : child;\n          element.insertBefore(node, element.childNodes[i++]);\n        }\n      }\n    }\n  }\n\n  async renderToString(component: ComponentNode) {\n    const root = this.createRoot();\n    try {\n      await root.mount(component, { skipMount: true });\n      const elements = _.flatMap(_.castArray(root.root ?? []), x => x instanceof DOMNativeNode ? x.target : x);\n      const str = _.map(elements, x => x.outerHTML).join('');\n      return str.startsWith('<html>') ? `<!DOCTYPE html>${str}` : str;\n    } finally {\n      root.unmount();\n    }\n  }\n}\n"],"names":[],"mappings":";;;;AAGO,uBAAA,aAAA,SAAA,iBAAA;AACP,gCAAA,QAAA,YAAA,YAAA,KAAA,aAAA;AACA,2BAAA,OAAA,GAAA,OAAA;AACA,2BAAA,MAAA;AACA;AACA;AACA;AACA,iDAAA,OAAA,GAAA,aAAA;AACA;AACA;AACO,uBAAA,YAAA,SAAA,SAAA,CAAA,OAAA,GAAA,aAAA;AACP;AACA;AACA;AACA;AACA;AACA,wBAAA,MAAA,GAAA,SAAA;AACA,oBAAA,QAAA;AACA,kBAAA,MAAA,GAAA,SAAA;AACA;AACA;AACA,+BAAA,OAAA,sBAAA,OAAA,GAAA,aAAA;AACA,8BAAA,aAAA,GAAA,OAAA;AACA;;;;"}

package/dist/internals/{renderer-Dn64xymQ.mjs → renderer-C3Lq-xHV.mjs}

@@ -34,7 +34,7 @@ class _Renderer {
         const children = (node, elements) => {
             return _.flatMap(node.children, x => _.isString(x) ? x : elements.get(x)?.native ?? children(x, elements));
         };
-        const commit = (elements) => {
+        const commit = (elements, force) => {
             const _mount = (node, stack) => {
                 for (const item of node.children) {
                     if (item instanceof VNode)
@@ -42,7 +42,7 @@ class _Renderer {
                 }
                 const element = elements.get(node)?.native;
                 if (element) {
-                    this._replaceChildren(node, element, children(node, elements), stack);
+                    this._replaceChildren(node, element, children(node, elements), stack, force);
                 }
                 const state = [];
                 const prevState = mountState.get(node) ?? [];
@@ -68,10 +68,10 @@ class _Renderer {
                 mountState.delete(node);
             }
             if (root)
-                this._replaceChildren(runtime.node, root, _.castArray(elements.get(runtime.node)?.native ?? children(runtime.node, elements)), [], true);
+                this._replaceChildren(runtime.node, root, _.castArray(elements.get(runtime.node)?.native ?? children(runtime.node, elements)), [], force);
             _mount(runtime.node, []);
         };
-        const update = async (elements) => {
+        const update = async (elements, force) => {
             this._beforeUpdate();
             const map = new Map();
             for await (const { node, stack, updated } of runtime.excute()) {
@@ -95,7 +95,7 @@ class _Renderer {
                     map.set(node, { native: elements?.get(node)?.native ?? this._createElement(node, stack) });
                 }
             }
-            commit(map);
+            commit(map, force);
             if (elements) {
                 for (const [node, element] of elements) {
                     if (map.has(node) || !element.native)
@@ -109,7 +109,7 @@ class _Renderer {
         let update_count = 0;
         let render_count = 0;
         let destroyed = false;
-        let elements = await update();
+        let elements = await update(undefined, true);
         const listener = runtime.event.register('onchange', () => {
             if (render_count !== update_count++)
                 return;
@@ -118,7 +118,7 @@ class _Renderer {
                     if (destroyed)
                         return;
                     const current = update_count;
-                    elements = await update(elements);
+                    elements = await update(elements, false);
                     render_count = current;
                 }
             });
@@ -161,4 +161,4 @@ class _Renderer {
 }
 
 export { _Renderer as _ };
-//# sourceMappingURL=renderer-Dn64xymQ.mjs.map
+//# sourceMappingURL=renderer-C3Lq-xHV.mjs.map

package/dist/internals/renderer-C3Lq-xHV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer-C3Lq-xHV.mjs","sources":["../../../src/core/renderer.ts"],"sourcesContent":["//\n//  renderer.ts\n//\n//  The MIT License\n//  Copyright (c) 2021 - 2025 O2ter Limited. All rights reserved.\n//\n//  Permission is hereby granted, free of charge, to any person obtaining a copy\n//  of this software and associated documentation files (the \"Software\"), to deal\n//  in the Software without restriction, including without limitation the rights\n//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n//  copies of the Software, and to permit persons to whom the Software is\n//  furnished to do so, subject to the following conditions:\n//\n//  The above copyright notice and this permission notice shall be included in\n//  all copies or substantial portions of the Software.\n//\n//  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n//  THE SOFTWARE.\n//\n\nimport _ from 'lodash';\nimport { VNode } from './reconciler/vnode';\nimport { ComponentNode, NativeElementType } from './types/component';\nimport { reconciler } from './reconciler/state';\nimport nextick from 'nextick';\nimport { equalDeps } from './reconciler/utils';\n\nexport abstract class _Renderer<T> {\n\n  protected abstract _beforeUpdate(): void;\n\n  protected abstract _afterUpdate(): void;\n\n  protected abstract _createElement(node: VNode, stack: VNode[]): T;\n\n  protected abstract _updateElement(node: VNode, element: T, stack: VNode[]): void;\n\n  protected abstract _destroyElement(node: VNode, element: T): void;\n\n  protected abstract _replaceChildren(node: VNode, element: T, children: (T | string)[], stack: VNode[], force?: boolean): void;\n\n  abstract get _server(): boolean;\n\n  private async _createRoot(\n    root: T | null,\n    component: ComponentNode,\n    options?: {\n      skipMount?: boolean;\n    },\n  ) {\n\n    const runtime = reconciler.buildVNodes(component, this);\n\n    type _State = {\n      hook: string;\n      deps: any;\n      unmount?: () => void;\n    };\n\n    const mountState = new Map<VNode, _State[]>();\n\n    const children = (node: VNode, elements: Map<VNode, { native?: T }>): (string | T)[] => {\n      return _.flatMap(node.children, x => _.isString(x) ? x : elements.get(x)?.native ?? children(x, elements));\n    };\n\n    const commit = (elements: Map<VNode, { native?: T }>, force?: boolean) => {\n\n      const _mount = (node: VNode, stack: VNode[]) => {\n        for (const item of node.children) {\n          if (item instanceof VNode) _mount(item, [...stack, node]);\n        }\n        const element = elements.get(node)?.native;\n        if (element) {\n          this._replaceChildren(node, element, children(node, elements), stack, force);\n        }\n        const state: _State[] = [];\n        const prevState = mountState.get(node) ?? [];\n        const curState = node.state;\n        for (const i of _.range(Math.max(prevState.length, curState.length))) {\n          const unmount = prevState[i]?.unmount;\n          const changed = prevState[i]?.hook !== curState[i]?.hook || !equalDeps(prevState[i].deps, curState[i]?.deps);\n          if (unmount && changed) unmount();\n          state.push({\n            hook: curState[i].hook,\n            deps: curState[i].deps,\n            unmount: options?.skipMount || !changed ? prevState[i]?.unmount : curState[i].mount?.(),\n          });\n        }\n        mountState.set(node, state);\n      };\n\n      for (const [node, state] of mountState) {\n        if (elements.has(node)) continue;\n        for (const { unmount } of state) unmount?.();\n        mountState.delete(node);\n      }\n      if (root) this._replaceChildren(\n        runtime.node, root,\n        _.castArray(elements.get(runtime.node)?.native ?? children(runtime.node, elements)),\n        [], \n        force,\n      );\n      _mount(runtime.node, []);\n    };\n\n    const update = async (elements?: Map<VNode, { native?: T }>, force?: boolean) => {\n      this._beforeUpdate();\n      const map = new Map<VNode, { native?: T }>();\n      for await (const { node, stack, updated } of runtime.excute()) {\n        if (node.error) continue;\n        if (_.isFunction(node.type) && !(node.type.prototype instanceof NativeElementType)) {\n          map.set(node, {});\n          continue;\n        }\n        if (updated) {\n          let elem = elements?.get(node)?.native;\n          if (elem) {\n            this._updateElement(node, elem, stack);\n          } else {\n            elem = this._createElement(node, stack);\n          }\n          map.set(node, { native: elem });\n        } else {\n          map.set(node, { native: elements?.get(node)?.native ?? this._createElement(node, stack) });\n        }\n      }\n      commit(map, force);\n      if (elements) {\n        for (const [node, element] of elements) {\n          if (map.has(node) || !element.native) continue;\n          this._destroyElement(node, element.native);\n        }\n      }\n      this._afterUpdate();\n      return map;\n    };\n\n    let update_count = 0;\n    let render_count = 0;\n    let destroyed = false;\n    let elements = await update(undefined, true);\n\n    const listener = runtime.event.register('onchange', () => {\n      if (render_count !== update_count++) return;\n      nextick(async () => {\n        while (render_count !== update_count) {\n          if (destroyed) return;\n          const current = update_count;\n          elements = await update(elements, false);\n          render_count = current;\n        }\n      });\n    });\n\n    return {\n      get root() {\n        if (root) return root;\n        const elems = _.castArray(elements.get(runtime.node)?.native ?? children(runtime.node, elements));\n        const nodes = _.filter(elems, x => !_.isString(x)) as T[];\n        return nodes.length === 1 ? nodes[0] : nodes;\n      },\n      destroy: () => {\n        if (root) this._replaceChildren(runtime.node, root, [], [], true);\n        destroyed = true;\n        listener.remove();\n        for (const state of mountState.values()) {\n          for (const { unmount } of state) unmount?.();\n        }\n      },\n    };\n  }\n\n  createRoot(root?: T) {\n    let state: Awaited<ReturnType<typeof this._createRoot>> | undefined;\n    return {\n      get root() {\n        return state?.root;\n      },\n      mount: async (\n        component: ComponentNode,\n        options?: {\n          skipMount?: boolean;\n        },\n      ) => {\n        state = await this._createRoot(root ?? null, component, options);\n      },\n      unmount: () => {\n        state?.destroy();\n        state = undefined;\n      },\n    };\n  }\n}"],"names":[],"mappings":"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"}

package/dist/internals/{renderer-DCxs31Tn.js → renderer-CdsGzt2W.js}

@@ -36,7 +36,7 @@ class _Renderer {
         const children = (node, elements) => {
             return _.flatMap(node.children, x => _.isString(x) ? x : elements.get(x)?.native ?? children(x, elements));
         };
-        const commit = (elements) => {
+        const commit = (elements, force) => {
             const _mount = (node, stack) => {
                 for (const item of node.children) {
                     if (item instanceof state.VNode)
@@ -44,7 +44,7 @@ class _Renderer {
                 }
                 const element = elements.get(node)?.native;
                 if (element) {
-                    this._replaceChildren(node, element, children(node, elements), stack);
+                    this._replaceChildren(node, element, children(node, elements), stack, force);
                 }
                 const state$1 = [];
                 const prevState = mountState.get(node) ?? [];
@@ -70,10 +70,10 @@ class _Renderer {
                 mountState.delete(node);
             }
             if (root)
-                this._replaceChildren(runtime.node, root, _.castArray(elements.get(runtime.node)?.native ?? children(runtime.node, elements)), [], true);
+                this._replaceChildren(runtime.node, root, _.castArray(elements.get(runtime.node)?.native ?? children(runtime.node, elements)), [], force);
             _mount(runtime.node, []);
         };
-        const update = async (elements) => {
+        const update = async (elements, force) => {
             this._beforeUpdate();
             const map = new Map();
             for await (const { node, stack, updated } of runtime.excute()) {
@@ -97,7 +97,7 @@ class _Renderer {
                     map.set(node, { native: elements?.get(node)?.native ?? this._createElement(node, stack) });
                 }
             }
-            commit(map);
+            commit(map, force);
             if (elements) {
                 for (const [node, element] of elements) {
                     if (map.has(node) || !element.native)
@@ -111,7 +111,7 @@ class _Renderer {
         let update_count = 0;
         let render_count = 0;
         let destroyed = false;
-        let elements = await update();
+        let elements = await update(undefined, true);
         const listener = runtime.event.register('onchange', () => {
             if (render_count !== update_count++)
                 return;
@@ -120,7 +120,7 @@ class _Renderer {
                     if (destroyed)
                         return;
                     const current = update_count;
-                    elements = await update(elements);
+                    elements = await update(elements, false);
                     render_count = current;
                 }
             });
@@ -163,4 +163,4 @@ class _Renderer {
 }
 
 exports._Renderer = _Renderer;
-//# sourceMappingURL=renderer-DCxs31Tn.js.map
+//# sourceMappingURL=renderer-CdsGzt2W.js.map

package/dist/internals/renderer-CdsGzt2W.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer-CdsGzt2W.js","sources":["../../../src/core/renderer.ts"],"sourcesContent":["//\n//  renderer.ts\n//\n//  The MIT License\n//  Copyright (c) 2021 - 2025 O2ter Limited. All rights reserved.\n//\n//  Permission is hereby granted, free of charge, to any person obtaining a copy\n//  of this software and associated documentation files (the \"Software\"), to deal\n//  in the Software without restriction, including without limitation the rights\n//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n//  copies of the Software, and to permit persons to whom the Software is\n//  furnished to do so, subject to the following conditions:\n//\n//  The above copyright notice and this permission notice shall be included in\n//  all copies or substantial portions of the Software.\n//\n//  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n//  THE SOFTWARE.\n//\n\nimport _ from 'lodash';\nimport { VNode } from './reconciler/vnode';\nimport { ComponentNode, NativeElementType } from './types/component';\nimport { reconciler } from './reconciler/state';\nimport nextick from 'nextick';\nimport { equalDeps } from './reconciler/utils';\n\nexport abstract class _Renderer<T> {\n\n  protected abstract _beforeUpdate(): void;\n\n  protected abstract _afterUpdate(): void;\n\n  protected abstract _createElement(node: VNode, stack: VNode[]): T;\n\n  protected abstract _updateElement(node: VNode, element: T, stack: VNode[]): void;\n\n  protected abstract _destroyElement(node: VNode, element: T): void;\n\n  protected abstract _replaceChildren(node: VNode, element: T, children: (T | string)[], stack: VNode[], force?: boolean): void;\n\n  abstract get _server(): boolean;\n\n  private async _createRoot(\n    root: T | null,\n    component: ComponentNode,\n    options?: {\n      skipMount?: boolean;\n    },\n  ) {\n\n    const runtime = reconciler.buildVNodes(component, this);\n\n    type _State = {\n      hook: string;\n      deps: any;\n      unmount?: () => void;\n    };\n\n    const mountState = new Map<VNode, _State[]>();\n\n    const children = (node: VNode, elements: Map<VNode, { native?: T }>): (string | T)[] => {\n      return _.flatMap(node.children, x => _.isString(x) ? x : elements.get(x)?.native ?? children(x, elements));\n    };\n\n    const commit = (elements: Map<VNode, { native?: T }>, force?: boolean) => {\n\n      const _mount = (node: VNode, stack: VNode[]) => {\n        for (const item of node.children) {\n          if (item instanceof VNode) _mount(item, [...stack, node]);\n        }\n        const element = elements.get(node)?.native;\n        if (element) {\n          this._replaceChildren(node, element, children(node, elements), stack, force);\n        }\n        const state: _State[] = [];\n        const prevState = mountState.get(node) ?? [];\n        const curState = node.state;\n        for (const i of _.range(Math.max(prevState.length, curState.length))) {\n          const unmount = prevState[i]?.unmount;\n          const changed = prevState[i]?.hook !== curState[i]?.hook || !equalDeps(prevState[i].deps, curState[i]?.deps);\n          if (unmount && changed) unmount();\n          state.push({\n            hook: curState[i].hook,\n            deps: curState[i].deps,\n            unmount: options?.skipMount || !changed ? prevState[i]?.unmount : curState[i].mount?.(),\n          });\n        }\n        mountState.set(node, state);\n      };\n\n      for (const [node, state] of mountState) {\n        if (elements.has(node)) continue;\n        for (const { unmount } of state) unmount?.();\n        mountState.delete(node);\n      }\n      if (root) this._replaceChildren(\n        runtime.node, root,\n        _.castArray(elements.get(runtime.node)?.native ?? children(runtime.node, elements)),\n        [], \n        force,\n      );\n      _mount(runtime.node, []);\n    };\n\n    const update = async (elements?: Map<VNode, { native?: T }>, force?: boolean) => {\n      this._beforeUpdate();\n      const map = new Map<VNode, { native?: T }>();\n      for await (const { node, stack, updated } of runtime.excute()) {\n        if (node.error) continue;\n        if (_.isFunction(node.type) && !(node.type.prototype instanceof NativeElementType)) {\n          map.set(node, {});\n          continue;\n        }\n        if (updated) {\n          let elem = elements?.get(node)?.native;\n          if (elem) {\n            this._updateElement(node, elem, stack);\n          } else {\n            elem = this._createElement(node, stack);\n          }\n          map.set(node, { native: elem });\n        } else {\n          map.set(node, { native: elements?.get(node)?.native ?? this._createElement(node, stack) });\n        }\n      }\n      commit(map, force);\n      if (elements) {\n        for (const [node, element] of elements) {\n          if (map.has(node) || !element.native) continue;\n          this._destroyElement(node, element.native);\n        }\n      }\n      this._afterUpdate();\n      return map;\n    };\n\n    let update_count = 0;\n    let render_count = 0;\n    let destroyed = false;\n    let elements = await update(undefined, true);\n\n    const listener = runtime.event.register('onchange', () => {\n      if (render_count !== update_count++) return;\n      nextick(async () => {\n        while (render_count !== update_count) {\n          if (destroyed) return;\n          const current = update_count;\n          elements = await update(elements, false);\n          render_count = current;\n        }\n      });\n    });\n\n    return {\n      get root() {\n        if (root) return root;\n        const elems = _.castArray(elements.get(runtime.node)?.native ?? children(runtime.node, elements));\n        const nodes = _.filter(elems, x => !_.isString(x)) as T[];\n        return nodes.length === 1 ? nodes[0] : nodes;\n      },\n      destroy: () => {\n        if (root) this._replaceChildren(runtime.node, root, [], [], true);\n        destroyed = true;\n        listener.remove();\n        for (const state of mountState.values()) {\n          for (const { unmount } of state) unmount?.();\n        }\n      },\n    };\n  }\n\n  createRoot(root?: T) {\n    let state: Awaited<ReturnType<typeof this._createRoot>> | undefined;\n    return {\n      get root() {\n        return state?.root;\n      },\n      mount: async (\n        component: ComponentNode,\n        options?: {\n          skipMount?: boolean;\n        },\n      ) => {\n        state = await this._createRoot(root ?? null, component, options);\n      },\n      unmount: () => {\n        state?.destroy();\n        state = undefined;\n      },\n    };\n  }\n}"],"names":["component","reconciler","VNode","state","equalDeps","NativeElementType"],"mappings":"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"}

package/dist/internals/renderer-D4aiCZGU.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderer-D4aiCZGU.d.ts","sources":["../../src/core/reconciler/vnode.ts","../../src/core/renderer.ts"],"sourcesContent":["//\n//  vnode.ts\n//\n//  The MIT License\n//  Copyright (c) 2021 - 2025 O2ter Limited. All rights reserved.\n//\n//  Permission is hereby granted, free of charge, to any person obtaining a copy\n//  of this software and associated documentation files (the \"Software\"), to deal\n//  in the Software without restriction, including without limitation the rights\n//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n//  copies of the Software, and to permit persons to whom the Software is\n//  furnished to do so, subject to the following conditions:\n//\n//  The above copyright notice and this permission notice shall be included in\n//  all copies or substantial portions of the Software.\n//\n//  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n//  THE SOFTWARE.\n//\n\nimport _ from 'lodash';\nimport { ComponentNode, NativeElementType } from '../types/component';\nimport { Context, isContext } from '../hooks/context';\nimport { reconciler } from './state';\nimport { myersSync } from 'myers.js';\nimport { EventEmitter } from './events';\nimport { equalDeps } from './utils';\nimport { _Renderer } from '../renderer';\nimport { PropsType } from '../types/runtime';\nimport { uniqueId } from '../utils';\n\nexport type VNodeState = {\n  hook: string;\n  deps: any;\n  data?: any;\n  mount?: () => () => void;\n};\n\nexport type _ContextState = {\n  value: any;\n  state: string;\n  node: VNode;\n};\n\nexport class VNode {\n\n  /** @internal */\n  _component: ComponentNode;\n\n  private _id = uniqueId();\n\n  private _event: EventEmitter;\n  private _props: PropsType = {};\n  private _error?: any;\n  private _children: (VNode | string)[] = [];\n  private _state?: VNodeState[];\n  private _dirty = true;\n  private _listens = new Map<Context<any>, Omit<_ContextState, 'value'>>();\n\n  /** @internal */\n  _content_state = uniqueId();\n  private _content_value?: any;\n\n  /** @internal */\n  constructor(component: ComponentNode, event: EventEmitter) {\n    this._component = component;\n    this._event = event;\n  }\n\n  /** @internal */\n  _resolve_children(child: any): (VNode | string)[] {\n    if (_.isBoolean(child) || _.isNil(child)) return [];\n    if (_.isString(child)) return [child];\n    if (_.isNumber(child)) return [`${child}`];\n    if (child instanceof ComponentNode) return [new VNode(child, this._event)];\n    if (_.isArrayLikeObject(child)) return _.flatMap(child, x => this._resolve_children(x));\n    if (typeof child[Symbol.iterator] === 'function') return _.flatMap([...child], x => this._resolve_children(x));\n    throw Error(`${child} are not valid as a child.`);\n  }\n\n  get id() {\n    return this._id;\n  }\n\n  get type() {\n    return this._component.type;\n  }\n\n  get props() {\n    return this._props;\n  }\n\n  get key() {\n    return this._component.key;\n  }\n\n  get state() {\n    return this._state ?? [];\n  }\n\n  get children() {\n    return this._children;\n  }\n\n  get error() {\n    return this._error;\n  }\n\n  /** @internal */\n  _setDirty() {\n    this._dirty = true;\n    this._event.emit('onchange');\n  }\n\n  /** @internal */\n  private _check_context(values: Map<Context<any>, Omit<_ContextState, 'value'>>) {\n    return this._listens.entries().every(([k, v]) => {\n      const { state, node } = values.get(k) ?? {};\n      return state === v.state && node === v.node;\n    });\n  }\n\n  /** @internal */\n  async _updateIfNeed(options: {\n    renderer: _Renderer<any>;\n    stack: VNode[];\n    propsProvider: VNode[];\n    errorBoundary?: VNode;\n    contextValue: Map<Context<any>, _ContextState>;\n  }) {\n    if (!this._dirty && this._check_context(options.contextValue)) return false;\n    try {\n      const self = this;\n      const { type, props: _props } = this._component;\n      const props = _.mapValues(\n        options.propsProvider.reduceRight((p, node) => node.props.callback({ type, props: p }), _props),\n        (v, k) => _.isFunction(v) ? function (this: any, ...args: any[]) {\n          const current = self._component.props[k];\n          return _.isFunction(current) ? current.call(this, ...args) : v.call(this, ...args);\n        } : v,\n      );\n      let children: (VNode | string)[];\n      if (_.isString(type) || type?.prototype instanceof NativeElementType) {\n        children = this._resolve_children(props.children);\n      } else if (isContext(type)) {\n        const { value } = props;\n        if (!equalDeps(this._content_value, value)) this._content_state = uniqueId();\n        this._content_value = value;\n        children = this._resolve_children(type(props as any));\n      } else if (_.isFunction(type)) {\n        let resolved;\n        while (true) {\n          resolved = reconciler.withHookState({\n            renderer: options.renderer,\n            node: this,\n            state: this._state,\n            stack: options.stack,\n            contextValue: options.contextValue,\n          }, (state) => ({ rendered: type(props), state }));\n          this._state = resolved.state.state;\n          if (_.isEmpty(resolved.state.tasks)) break;\n          await Promise.all(resolved.state.tasks);\n        }\n        this._listens = new Map(options.contextValue.entries().filter(([k]) => resolved.state.listens.has(k)));\n        children = this._resolve_children(resolved.rendered);\n      } else {\n        throw Error(`Invalid node type ${type}`);\n      }\n      const diff = myersSync(this._children, children, {\n        compare: (lhs, rhs) => {\n          if (_.isString(lhs) && _.isString(rhs)) return lhs === rhs;\n          if (lhs instanceof VNode && rhs instanceof VNode) return lhs._component._equal(rhs._component);\n          return false;\n        },\n      });\n      this._props = _.omit(props, 'children');\n      this._children = _.flatMap(diff, x => x.equivalent ?? x.insert ?? []);\n      this._error = undefined;\n      for (const [i, item] of this._children.entries()) {\n        if (!(item instanceof VNode)) continue;\n        if (!(children[i] instanceof VNode)) continue;\n        if (!equalDeps(item._component.props, children[i]._component.props, (l, r) => _.isFunction(l) && _.isFunction(r) ? true : undefined)) item._dirty = true;\n        item._component = children[i]._component;\n      }\n    } catch (error) {\n      this._props = {};\n      this._children = [];\n      this._error = error;\n      (async () => {\n        try {\n          const { onError, silent } = options.errorBoundary?.props ?? {};\n          if (!silent) console.error(error);\n          if (_.isFunction(onError)) await onError(error, this._component, _.map(options.stack, x => x._component));\n        } catch (e) {\n          console.error(e);\n        }\n      })();\n    } finally {\n      this._dirty = false;\n    }\n    return true;\n  }\n}\n","//\n//  renderer.ts\n//\n//  The MIT License\n//  Copyright (c) 2021 - 2025 O2ter Limited. All rights reserved.\n//\n//  Permission is hereby granted, free of charge, to any person obtaining a copy\n//  of this software and associated documentation files (the \"Software\"), to deal\n//  in the Software without restriction, including without limitation the rights\n//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n//  copies of the Software, and to permit persons to whom the Software is\n//  furnished to do so, subject to the following conditions:\n//\n//  The above copyright notice and this permission notice shall be included in\n//  all copies or substantial portions of the Software.\n//\n//  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n//  THE SOFTWARE.\n//\n\nimport _ from 'lodash';\nimport { VNode } from './reconciler/vnode';\nimport { ComponentNode, NativeElementType } from './types/component';\nimport { reconciler } from './reconciler/state';\nimport nextick from 'nextick';\nimport { equalDeps } from './reconciler/utils';\n\nexport abstract class _Renderer<T> {\n\n  protected abstract _beforeUpdate(): void;\n\n  protected abstract _afterUpdate(): void;\n\n  protected abstract _createElement(node: VNode, stack: VNode[]): T;\n\n  protected abstract _updateElement(node: VNode, element: T, stack: VNode[]): void;\n\n  protected abstract _destroyElement(node: VNode, element: T): void;\n\n  protected abstract _replaceChildren(node: VNode, element: T, children: (T | string)[], stack: VNode[], force?: boolean): void;\n\n  abstract get _server(): boolean;\n\n  private async _createRoot(\n    root: T | null,\n    component: ComponentNode,\n    options?: {\n      skipMount?: boolean;\n    },\n  ) {\n\n    const runtime = reconciler.buildVNodes(component, this);\n\n    type _State = {\n      hook: string;\n      deps: any;\n      unmount?: () => void;\n    };\n\n    const mountState = new Map<VNode, _State[]>();\n\n    const children = (node: VNode, elements: Map<VNode, { native?: T }>): (string | T)[] => {\n      return _.flatMap(node.children, x => _.isString(x) ? x : elements.get(x)?.native ?? children(x, elements));\n    };\n\n    const commit = (elements: Map<VNode, { native?: T }>) => {\n\n      const _mount = (node: VNode, stack: VNode[]) => {\n        for (const item of node.children) {\n          if (item instanceof VNode) _mount(item, [...stack, node]);\n        }\n        const element = elements.get(node)?.native;\n        if (element) {\n          this._replaceChildren(node, element, children(node, elements), stack);\n        }\n        const state: _State[] = [];\n        const prevState = mountState.get(node) ?? [];\n        const curState = node.state;\n        for (const i of _.range(Math.max(prevState.length, curState.length))) {\n          const unmount = prevState[i]?.unmount;\n          const changed = prevState[i]?.hook !== curState[i]?.hook || !equalDeps(prevState[i].deps, curState[i]?.deps);\n          if (unmount && changed) unmount();\n          state.push({\n            hook: curState[i].hook,\n            deps: curState[i].deps,\n            unmount: options?.skipMount || !changed ? prevState[i]?.unmount : curState[i].mount?.(),\n          });\n        }\n        mountState.set(node, state);\n      };\n\n      for (const [node, state] of mountState) {\n        if (elements.has(node)) continue;\n        for (const { unmount } of state) unmount?.();\n        mountState.delete(node);\n      }\n      if (root) this._replaceChildren(\n        runtime.node, root,\n        _.castArray(elements.get(runtime.node)?.native ?? children(runtime.node, elements)),\n        [], true\n      );\n      _mount(runtime.node, []);\n    };\n\n    const update = async (elements?: Map<VNode, { native?: T }>) => {\n      this._beforeUpdate();\n      const map = new Map<VNode, { native?: T }>();\n      for await (const { node, stack, updated } of runtime.excute()) {\n        if (node.error) continue;\n        if (_.isFunction(node.type) && !(node.type.prototype instanceof NativeElementType)) {\n          map.set(node, {});\n          continue;\n        }\n        if (updated) {\n          let elem = elements?.get(node)?.native;\n          if (elem) {\n            this._updateElement(node, elem, stack);\n          } else {\n            elem = this._createElement(node, stack);\n          }\n          map.set(node, { native: elem });\n        } else {\n          map.set(node, { native: elements?.get(node)?.native ?? this._createElement(node, stack) });\n        }\n      }\n      commit(map);\n      if (elements) {\n        for (const [node, element] of elements) {\n          if (map.has(node) || !element.native) continue;\n          this._destroyElement(node, element.native);\n        }\n      }\n      this._afterUpdate();\n      return map;\n    };\n\n    let update_count = 0;\n    let render_count = 0;\n    let destroyed = false;\n    let elements = await update();\n\n    const listener = runtime.event.register('onchange', () => {\n      if (render_count !== update_count++) return;\n      nextick(async () => {\n        while (render_count !== update_count) {\n          if (destroyed) return;\n          const current = update_count;\n          elements = await update(elements);\n          render_count = current;\n        }\n      });\n    });\n\n    return {\n      get root() {\n        if (root) return root;\n        const elems = _.castArray(elements.get(runtime.node)?.native ?? children(runtime.node, elements));\n        const nodes = _.filter(elems, x => !_.isString(x)) as T[];\n        return nodes.length === 1 ? nodes[0] : nodes;\n      },\n      destroy: () => {\n        if (root) this._replaceChildren(runtime.node, root, [], [], true);\n        destroyed = true;\n        listener.remove();\n        for (const state of mountState.values()) {\n          for (const { unmount } of state) unmount?.();\n        }\n      },\n    };\n  }\n\n  createRoot(root?: T) {\n    let state: Awaited<ReturnType<typeof this._createRoot>> | undefined;\n    return {\n      get root() {\n        return state?.root;\n      },\n      mount: async (\n        component: ComponentNode,\n        options?: {\n          skipMount?: boolean;\n        },\n      ) => {\n        state = await this._createRoot(root ?? null, component, options);\n      },\n      unmount: () => {\n        state?.destroy();\n        state = undefined;\n      },\n    };\n  }\n}"],"names":[],"mappings":";;AAEO;AACP;AACA;AACA;AACA;AACA;AAMO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AC5BO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;"}
+{"version":3,"file":"renderer-D4aiCZGU.d.ts","sources":["../../src/core/reconciler/vnode.ts","../../src/core/renderer.ts"],"sourcesContent":["//\n//  vnode.ts\n//\n//  The MIT License\n//  Copyright (c) 2021 - 2025 O2ter Limited. All rights reserved.\n//\n//  Permission is hereby granted, free of charge, to any person obtaining a copy\n//  of this software and associated documentation files (the \"Software\"), to deal\n//  in the Software without restriction, including without limitation the rights\n//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n//  copies of the Software, and to permit persons to whom the Software is\n//  furnished to do so, subject to the following conditions:\n//\n//  The above copyright notice and this permission notice shall be included in\n//  all copies or substantial portions of the Software.\n//\n//  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n//  THE SOFTWARE.\n//\n\nimport _ from 'lodash';\nimport { ComponentNode, NativeElementType } from '../types/component';\nimport { Context, isContext } from '../hooks/context';\nimport { reconciler } from './state';\nimport { myersSync } from 'myers.js';\nimport { EventEmitter } from './events';\nimport { equalDeps } from './utils';\nimport { _Renderer } from '../renderer';\nimport { PropsType } from '../types/runtime';\nimport { uniqueId } from '../utils';\n\nexport type VNodeState = {\n  hook: string;\n  deps: any;\n  data?: any;\n  mount?: () => () => void;\n};\n\nexport type _ContextState = {\n  value: any;\n  state: string;\n  node: VNode;\n};\n\nexport class VNode {\n\n  /** @internal */\n  _component: ComponentNode;\n\n  private _id = uniqueId();\n\n  private _event: EventEmitter;\n  private _props: PropsType = {};\n  private _error?: any;\n  private _children: (VNode | string)[] = [];\n  private _state?: VNodeState[];\n  private _dirty = true;\n  private _listens = new Map<Context<any>, Omit<_ContextState, 'value'>>();\n\n  /** @internal */\n  _content_state = uniqueId();\n  private _content_value?: any;\n\n  /** @internal */\n  constructor(component: ComponentNode, event: EventEmitter) {\n    this._component = component;\n    this._event = event;\n  }\n\n  /** @internal */\n  _resolve_children(child: any): (VNode | string)[] {\n    if (_.isBoolean(child) || _.isNil(child)) return [];\n    if (_.isString(child)) return [child];\n    if (_.isNumber(child)) return [`${child}`];\n    if (child instanceof ComponentNode) return [new VNode(child, this._event)];\n    if (_.isArrayLikeObject(child)) return _.flatMap(child, x => this._resolve_children(x));\n    if (typeof child[Symbol.iterator] === 'function') return _.flatMap([...child], x => this._resolve_children(x));\n    throw Error(`${child} are not valid as a child.`);\n  }\n\n  get id() {\n    return this._id;\n  }\n\n  get type() {\n    return this._component.type;\n  }\n\n  get props() {\n    return this._props;\n  }\n\n  get key() {\n    return this._component.key;\n  }\n\n  get state() {\n    return this._state ?? [];\n  }\n\n  get children() {\n    return this._children;\n  }\n\n  get error() {\n    return this._error;\n  }\n\n  /** @internal */\n  _setDirty() {\n    this._dirty = true;\n    this._event.emit('onchange');\n  }\n\n  /** @internal */\n  private _check_context(values: Map<Context<any>, Omit<_ContextState, 'value'>>) {\n    return this._listens.entries().every(([k, v]) => {\n      const { state, node } = values.get(k) ?? {};\n      return state === v.state && node === v.node;\n    });\n  }\n\n  /** @internal */\n  async _updateIfNeed(options: {\n    renderer: _Renderer<any>;\n    stack: VNode[];\n    propsProvider: VNode[];\n    errorBoundary?: VNode;\n    contextValue: Map<Context<any>, _ContextState>;\n  }) {\n    if (!this._dirty && this._check_context(options.contextValue)) return false;\n    try {\n      const self = this;\n      const { type, props: _props } = this._component;\n      const props = _.mapValues(\n        options.propsProvider.reduceRight((p, node) => node.props.callback({ type, props: p }), _props),\n        (v, k) => _.isFunction(v) ? function (this: any, ...args: any[]) {\n          const current = self._component.props[k];\n          return _.isFunction(current) ? current.call(this, ...args) : v.call(this, ...args);\n        } : v,\n      );\n      let children: (VNode | string)[];\n      if (_.isString(type) || type?.prototype instanceof NativeElementType) {\n        children = this._resolve_children(props.children);\n      } else if (isContext(type)) {\n        const { value } = props;\n        if (!equalDeps(this._content_value, value)) this._content_state = uniqueId();\n        this._content_value = value;\n        children = this._resolve_children(type(props as any));\n      } else if (_.isFunction(type)) {\n        let resolved;\n        while (true) {\n          resolved = reconciler.withHookState({\n            renderer: options.renderer,\n            node: this,\n            state: this._state,\n            stack: options.stack,\n            contextValue: options.contextValue,\n          }, (state) => ({ rendered: type(props), state }));\n          this._state = resolved.state.state;\n          if (_.isEmpty(resolved.state.tasks)) break;\n          await Promise.all(resolved.state.tasks);\n        }\n        this._listens = new Map(options.contextValue.entries().filter(([k]) => resolved.state.listens.has(k)));\n        children = this._resolve_children(resolved.rendered);\n      } else {\n        throw Error(`Invalid node type ${type}`);\n      }\n      const diff = myersSync(this._children, children, {\n        compare: (lhs, rhs) => {\n          if (_.isString(lhs) && _.isString(rhs)) return lhs === rhs;\n          if (lhs instanceof VNode && rhs instanceof VNode) return lhs._component._equal(rhs._component);\n          return false;\n        },\n      });\n      this._props = _.omit(props, 'children');\n      this._children = _.flatMap(diff, x => x.equivalent ?? x.insert ?? []);\n      this._error = undefined;\n      for (const [i, item] of this._children.entries()) {\n        if (!(item instanceof VNode)) continue;\n        if (!(children[i] instanceof VNode)) continue;\n        if (!equalDeps(item._component.props, children[i]._component.props, (l, r) => _.isFunction(l) && _.isFunction(r) ? true : undefined)) item._dirty = true;\n        item._component = children[i]._component;\n      }\n    } catch (error) {\n      this._props = {};\n      this._children = [];\n      this._error = error;\n      (async () => {\n        try {\n          const { onError, silent } = options.errorBoundary?.props ?? {};\n          if (!silent) console.error(error);\n          if (_.isFunction(onError)) await onError(error, this._component, _.map(options.stack, x => x._component));\n        } catch (e) {\n          console.error(e);\n        }\n      })();\n    } finally {\n      this._dirty = false;\n    }\n    return true;\n  }\n}\n","//\n//  renderer.ts\n//\n//  The MIT License\n//  Copyright (c) 2021 - 2025 O2ter Limited. All rights reserved.\n//\n//  Permission is hereby granted, free of charge, to any person obtaining a copy\n//  of this software and associated documentation files (the \"Software\"), to deal\n//  in the Software without restriction, including without limitation the rights\n//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n//  copies of the Software, and to permit persons to whom the Software is\n//  furnished to do so, subject to the following conditions:\n//\n//  The above copyright notice and this permission notice shall be included in\n//  all copies or substantial portions of the Software.\n//\n//  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n//  THE SOFTWARE.\n//\n\nimport _ from 'lodash';\nimport { VNode } from './reconciler/vnode';\nimport { ComponentNode, NativeElementType } from './types/component';\nimport { reconciler } from './reconciler/state';\nimport nextick from 'nextick';\nimport { equalDeps } from './reconciler/utils';\n\nexport abstract class _Renderer<T> {\n\n  protected abstract _beforeUpdate(): void;\n\n  protected abstract _afterUpdate(): void;\n\n  protected abstract _createElement(node: VNode, stack: VNode[]): T;\n\n  protected abstract _updateElement(node: VNode, element: T, stack: VNode[]): void;\n\n  protected abstract _destroyElement(node: VNode, element: T): void;\n\n  protected abstract _replaceChildren(node: VNode, element: T, children: (T | string)[], stack: VNode[], force?: boolean): void;\n\n  abstract get _server(): boolean;\n\n  private async _createRoot(\n    root: T | null,\n    component: ComponentNode,\n    options?: {\n      skipMount?: boolean;\n    },\n  ) {\n\n    const runtime = reconciler.buildVNodes(component, this);\n\n    type _State = {\n      hook: string;\n      deps: any;\n      unmount?: () => void;\n    };\n\n    const mountState = new Map<VNode, _State[]>();\n\n    const children = (node: VNode, elements: Map<VNode, { native?: T }>): (string | T)[] => {\n      return _.flatMap(node.children, x => _.isString(x) ? x : elements.get(x)?.native ?? children(x, elements));\n    };\n\n    const commit = (elements: Map<VNode, { native?: T }>, force?: boolean) => {\n\n      const _mount = (node: VNode, stack: VNode[]) => {\n        for (const item of node.children) {\n          if (item instanceof VNode) _mount(item, [...stack, node]);\n        }\n        const element = elements.get(node)?.native;\n        if (element) {\n          this._replaceChildren(node, element, children(node, elements), stack, force);\n        }\n        const state: _State[] = [];\n        const prevState = mountState.get(node) ?? [];\n        const curState = node.state;\n        for (const i of _.range(Math.max(prevState.length, curState.length))) {\n          const unmount = prevState[i]?.unmount;\n          const changed = prevState[i]?.hook !== curState[i]?.hook || !equalDeps(prevState[i].deps, curState[i]?.deps);\n          if (unmount && changed) unmount();\n          state.push({\n            hook: curState[i].hook,\n            deps: curState[i].deps,\n            unmount: options?.skipMount || !changed ? prevState[i]?.unmount : curState[i].mount?.(),\n          });\n        }\n        mountState.set(node, state);\n      };\n\n      for (const [node, state] of mountState) {\n        if (elements.has(node)) continue;\n        for (const { unmount } of state) unmount?.();\n        mountState.delete(node);\n      }\n      if (root) this._replaceChildren(\n        runtime.node, root,\n        _.castArray(elements.get(runtime.node)?.native ?? children(runtime.node, elements)),\n        [], \n        force,\n      );\n      _mount(runtime.node, []);\n    };\n\n    const update = async (elements?: Map<VNode, { native?: T }>, force?: boolean) => {\n      this._beforeUpdate();\n      const map = new Map<VNode, { native?: T }>();\n      for await (const { node, stack, updated } of runtime.excute()) {\n        if (node.error) continue;\n        if (_.isFunction(node.type) && !(node.type.prototype instanceof NativeElementType)) {\n          map.set(node, {});\n          continue;\n        }\n        if (updated) {\n          let elem = elements?.get(node)?.native;\n          if (elem) {\n            this._updateElement(node, elem, stack);\n          } else {\n            elem = this._createElement(node, stack);\n          }\n          map.set(node, { native: elem });\n        } else {\n          map.set(node, { native: elements?.get(node)?.native ?? this._createElement(node, stack) });\n        }\n      }\n      commit(map, force);\n      if (elements) {\n        for (const [node, element] of elements) {\n          if (map.has(node) || !element.native) continue;\n          this._destroyElement(node, element.native);\n        }\n      }\n      this._afterUpdate();\n      return map;\n    };\n\n    let update_count = 0;\n    let render_count = 0;\n    let destroyed = false;\n    let elements = await update(undefined, true);\n\n    const listener = runtime.event.register('onchange', () => {\n      if (render_count !== update_count++) return;\n      nextick(async () => {\n        while (render_count !== update_count) {\n          if (destroyed) return;\n          const current = update_count;\n          elements = await update(elements, false);\n          render_count = current;\n        }\n      });\n    });\n\n    return {\n      get root() {\n        if (root) return root;\n        const elems = _.castArray(elements.get(runtime.node)?.native ?? children(runtime.node, elements));\n        const nodes = _.filter(elems, x => !_.isString(x)) as T[];\n        return nodes.length === 1 ? nodes[0] : nodes;\n      },\n      destroy: () => {\n        if (root) this._replaceChildren(runtime.node, root, [], [], true);\n        destroyed = true;\n        listener.remove();\n        for (const state of mountState.values()) {\n          for (const { unmount } of state) unmount?.();\n        }\n      },\n    };\n  }\n\n  createRoot(root?: T) {\n    let state: Awaited<ReturnType<typeof this._createRoot>> | undefined;\n    return {\n      get root() {\n        return state?.root;\n      },\n      mount: async (\n        component: ComponentNode,\n        options?: {\n          skipMount?: boolean;\n        },\n      ) => {\n        state = await this._createRoot(root ?? null, component, options);\n      },\n      unmount: () => {\n        state?.destroy();\n        state = undefined;\n      },\n    };\n  }\n}"],"names":[],"mappings":";;AAEO;AACP;AACA;AACA;AACA;AACA;AAMO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AC5BO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;"}

package/dist/server-dom.js

@@ -1,11 +1,11 @@
 'use strict';
 
 var jsdom = require('jsdom');
-var common = require('./internals/common-CnL8ftw8.js');
+var common = require('./internals/common-DYvTqDME.js');
 require('lodash');
 require('myers.js');
 require('./internals/component-BiP3XIPe.js');
-require('./internals/renderer-DCxs31Tn.js');
+require('./internals/renderer-CdsGzt2W.js');
 require('./internals/state-CdizLCyu.js');
 require('nextick');
 require('postcss');

package/dist/server-dom.mjs

@@ -1,10 +1,10 @@
 import { JSDOM } from 'jsdom';
 export * from 'jsdom';
-import { _ as _DOMRenderer } from './internals/common-DmBH-tsg.mjs';
+import { _ as _DOMRenderer } from './internals/common-8aOatOjL.mjs';
 import 'lodash';
 import 'myers.js';
 import './internals/component-BzurKp_J.mjs';
-import './internals/renderer-Dn64xymQ.mjs';
+import './internals/renderer-C3Lq-xHV.mjs';
 import './internals/state-BRL-17Kd.mjs';
 import 'nextick';
 import 'postcss';

package/dist/web.d.ts

@@ -50,7 +50,6 @@ declare const useLocation: () => {
     protocol: string;
     search: string;
 };
-type URLSearchParamsInit = ConstructorParameters<typeof URLSearchParams>[0];
 /**
  * A hook for reading and updating the URL's query string (search parameters).
  *
@@ -66,7 +65,7 @@ type URLSearchParamsInit = ConstructorParameters<typeof URLSearchParams>[0];
  * const page = searchParams.get('page');
  * setSearchParams({ page: '2', filter: 'active' });
  */
-declare const useSearchParams: () => readonly [URLSearchParams, (dispatch: SetStateAction<URLSearchParamsInit, URLSearchParams>, config?: {
+declare const useSearchParams: () => readonly [URLSearchParams, (dispatch: SetStateAction<string | string[][] | Record<string, string> | URLSearchParams | undefined, URLSearchParams>, config?: {
     replace?: boolean;
 }) => void];
 

package/dist/web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"web.d.ts","sources":["../src/web/document.ts","../src/web/location.ts","../src/web/observer.ts","../src/web/online.ts","../src/web/server.ts","../src/web/storage.ts","../src/web/visibility.ts","../src/web/window.ts"],"sourcesContent":["//\n//  document.ts\n//\n//  The MIT License\n//  Copyright (c) 2021 - 2025 O2ter Limited. All rights reserved.\n//\n//  Permission is hereby granted, free of charge, to any person obtaining a copy\n//  of this software and associated documentation files (the \"Software\"), to deal\n//  in the Software without restriction, including without limitation the rights\n//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n//  copies of the Software, and to permit persons to whom the Software is\n//  furnished to do so, subject to the following conditions:\n//\n//  The above copyright notice and this permission notice shall be included in\n//  all copies or substantial portions of the Software.\n//\n//  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n//  THE SOFTWARE.\n//\n\nimport _ from 'lodash';\nimport { reconciler } from '../core/reconciler/state';\nimport { _DOMRenderer } from '../renderer/common';\n\nexport const useDocument = () => {\n  const state = reconciler.currentHookState;\n  if (!state) throw Error('useDocument must be used within a render function.');\n  if (state.renderer instanceof _DOMRenderer) {\n    return state.renderer.document;\n  } else {\n    throw Error('Unsupported renderer.');\n  }\n}","//\n//  location.ts\n//\n//  The MIT License\n//  Copyright (c) 2021 - 2025 O2ter Limited. All rights reserved.\n//\n//  Permission is hereby granted, free of charge, to any person obtaining a copy\n//  of this software and associated documentation files (the \"Software\"), to deal\n//  in the Software without restriction, including without limitation the rights\n//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n//  copies of the Software, and to permit persons to whom the Software is\n//  furnished to do so, subject to the following conditions:\n//\n//  The above copyright notice and this permission notice shall be included in\n//  all copies or substantial portions of the Software.\n//\n//  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n//  THE SOFTWARE.\n//\n\nimport _ from 'lodash';\nimport { useMemo } from '../core/hooks/memo';\nimport { useCallback } from '../core/hooks/callback';\nimport { useSyncExternalStore } from '../core/hooks/sync';\nimport { EventEmitter } from '../core/reconciler/events';\nimport { SetStateAction } from '../core/types/common';\nimport { useWindow } from './window';\n\nconst emitters = new WeakMap<Document, EventEmitter>();\nconst emitterFor = (document: Document) => {\n  if (!emitters.has(document)) emitters.set(document, new EventEmitter());\n  return emitters.get(document)!;\n}\n\n/**\n * A hook that provides the current browser location and methods to manipulate the browser history.\n *\n * @returns An object with the following properties and methods:\n * - `hash`: The fragment identifier of the URL.\n * - `host`: The hostname and port number.\n * - `hostname`: The domain name.\n * - `href`: The full URL.\n * - `origin`: The protocol, hostname, and port.\n * - `pathname`: The path of the URL.\n * - `port`: The port number.\n * - `protocol`: The protocol scheme.\n * - `search`: The query string.\n * - `state`: The current state object associated with the history entry.\n * - `back()`: Navigates to the previous entry in the history stack.\n * - `forward()`: Navigates to the next entry in the history stack.\n * - `pushState(data, url)`: Pushes a new entry onto the history stack.\n * - `replaceState(data, url)`: Replaces the current history entry.\n *\n * The hook subscribes to changes in the browser's history and location, causing components to re-render when navigation occurs.\n *\n * @example\n * const location = useLocation();\n * console.log(location.pathname); // e.g., \"/about\"\n * location.pushState({ some: 'state' }, '/new-path');\n */\nexport const useLocation = () => {\n  const window = useWindow();\n  const emitter = emitterFor(window.document);\n  const result = (history?: History) => ({\n    ..._.pick(window.document.location, 'hash', 'host', 'hostname', 'href', 'origin', 'pathname', 'port', 'protocol', 'search'),\n    state: history?.state ?? null,\n    back: () => {\n      history?.back();\n    },\n    forward: () => {\n      history?.forward();\n      emitter.emit('change');\n    },\n    pushState: (data: any, url?: string | URL | null) => {\n      history?.pushState(data, '', url);\n      emitter.emit('change');\n    },\n    replaceState: (data: any, url?: string | URL | null) => {\n      history?.replaceState(data, '', url);\n      emitter.emit('change');\n    },\n  });\n  return useSyncExternalStore((onStoreChange) => {\n    window.addEventListener('popstate', onStoreChange);\n    const event = emitter.register('change', onStoreChange);\n    return () => {\n      window.removeEventListener('popstate', onStoreChange);\n      event.remove();\n    }\n  }, () => result(window.history));\n}\n\ntype URLSearchParamsInit = ConstructorParameters<typeof URLSearchParams>[0];\n\n/**\n * A hook for reading and updating the URL's query string (search parameters).\n *\n * @returns A tuple:\n *   - The first element is a `URLSearchParams` instance representing the current query string.\n *   - The second element is a function to update the search parameters, which accepts any valid\n *     `URLSearchParams` initializer (string, array, or object).\n *\n * Updating the search parameters will push a new history entry and update the URL in the address bar.\n *\n * @example\n * const [searchParams, setSearchParams] = useSearchParams();\n * const page = searchParams.get('page');\n * setSearchParams({ page: '2', filter: 'active' });\n */\nexport const useSearchParams = () => {\n  const location = useLocation();\n  const searchParams = useMemo(() => new URLSearchParams(location.search), [location.search]);\n  const setSearchParams = useCallback((\n    dispatch: SetStateAction<URLSearchParamsInit, URLSearchParams>,\n    config?: {\n      replace?: boolean;\n    },\n  ) => {\n    const params = _.isFunction(dispatch) ? dispatch(new URLSearchParams(location.search)) : dispatch;\n    const newParams = new URLSearchParams(params);\n    if (config?.replace === false) {\n      location.pushState(location.state, `?${newParams.toString()}`);\n    } else {\n      location.replaceState(location.state, `?${newParams.toString()}`);\n    }\n  });\n  return [searchParams, setSearchParams] as const;\n}\n","//\n//  observer.ts\n//\n//  The MIT License\n//  Copyright (c) 2021 - 2025 O2ter Limited. All rights reserved.\n//\n//  Permission is hereby granted, free of charge, to any person obtaining a copy\n//  of this software and associated documentation files (the \"Software\"), to deal\n//  in the Software without restriction, including without limitation the rights\n//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n//  copies of the Software, and to permit persons to whom the Software is\n//  furnished to do so, subject to the following conditions:\n//\n//  The above copyright notice and this permission notice shall be included in\n//  all copies or substantial portions of the Software.\n//\n//  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n//  THE SOFTWARE.\n//\n\nimport _ from 'lodash';\nimport { useEffect } from '../core/hooks/effect';\nimport { useCallback } from '../core/hooks/callback';\nimport { RefObject } from '../core/types/common';\n\ninterface _Observer<T> {\n  observe(target: Element, options?: T): void;\n  unobserve(target: Element): void;\n}\n\nconst createObserver = <E extends { target: Element; }, T>(\n  constructor: new (callback: (entries: E[]) => void) => _Observer<T>\n) => {\n  const listeners = new WeakMap<Element, ((entry: E) => void)[]>();\n  const observer = new constructor((entries) => {\n    for (const entry of entries) {\n      for (const listener of listeners.get(entry.target) ?? []) {\n        (async () => {\n          try {\n            await listener(entry);\n          } catch (e) {\n            console.error(e);\n          }\n        })();\n      }\n    }\n  });\n  return {\n    observe: (target: Element, callback: (entry: E) => void, options?: T) => {\n      observer.observe(target, options);\n      listeners.set(target, [...listeners.get(target) ?? [], callback]);\n    },\n    unobserve: (target: Element, callback: (entry: E) => void) => {\n      const list = _.filter(listeners.get(target), x => x !== callback);\n      listeners.set(target, list);\n      if (_.isEmpty(list)) observer.unobserve?.(target);\n    },\n  };\n};\n\nconst observer = typeof window === 'undefined' ? undefined : {\n  resize: createObserver(ResizeObserver),\n  intersection: createObserver(IntersectionObserver),\n};\n\nexport const useResizeObserver = (\n  target: RefObject<Element | null | undefined> | Element | null | undefined,\n  callback: (entry: ResizeObserverEntry) => void,\n  options?: ResizeObserverOptions,\n) => {\n  const _callback = useCallback(callback);\n  useEffect(() => {\n    const _target = target && 'current' in target ? target.current : target;\n    if (!observer || !_target) return;\n    observer.resize.observe(_target, _callback, options);\n    return () => observer.resize.unobserve(_target, _callback);\n  }, [target]);\n}\n\nexport const useIntersectionObserver = (\n  target: RefObject<Element | null | undefined> | Element | null | undefined,\n  callback: (entry: IntersectionObserverEntry) => void,\n) => {\n  const _callback = useCallback(callback);\n  useEffect(() => {\n    const _target = target && 'current' in target ? target.current : target;\n    if (!observer || !_target) return;\n    observer.intersection.observe(_target, _callback);\n    return () => observer.intersection.unobserve(_target, _callback);\n  }, [target]);\n}\n\nexport const useMutationObserver = (\n  target: RefObject<Node | null | undefined> | Node | null | undefined,\n  callback: MutationCallback,\n  options?: MutationObserverInit,\n) => {\n  const _callback = useCallback(callback);\n  useEffect(() => {\n    const _target = target && 'current' in target ? target.current : target;\n    if (typeof window === 'undefined' || !_target) return;\n    const observer = new MutationObserver(_callback);\n    observer.observe(_target, options);\n    return () => observer.disconnect();\n  }, [target]);\n}\n\nexport const usePerformanceObserver = (\n  callback: PerformanceObserverCallback,\n  options?: PerformanceObserverInit,\n) => {\n  const _callback = useCallback(callback);\n  useEffect(() => {\n    if (typeof window === 'undefined') return;\n    const observer = new PerformanceObserver(_callback);\n    observer.observe(options);\n    return () => observer.disconnect();\n  }, []);\n}\n","//\n//  online.ts\n//\n//  The MIT License\n//  Copyright (c) 2021 - 2025 O2ter Limited. All rights reserved.\n//\n//  Permission is hereby granted, free of charge, to any person obtaining a copy\n//  of this software and associated documentation files (the \"Software\"), to deal\n//  in the Software without restriction, including without limitation the rights\n//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n//  copies of the Software, and to permit persons to whom the Software is\n//  furnished to do so, subject to the following conditions:\n//\n//  The above copyright notice and this permission notice shall be included in\n//  all copies or substantial portions of the Software.\n//\n//  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n//  THE SOFTWARE.\n//\n\nimport _ from 'lodash';\nimport { useSyncExternalStore } from '../core/hooks/sync';\n\nexport const useOnline = () => useSyncExternalStore((onStoreChange) => {\n  window.addEventListener('offline', onStoreChange);\n  window.addEventListener('online', onStoreChange);\n  return () => {\n    window.removeEventListener('offline', onStoreChange);\n    window.removeEventListener('online', onStoreChange);\n  };\n}, () => navigator.onLine, () => false);","//\n//  server.ts\n//\n//  The MIT License\n//  Copyright (c) 2021 - 2025 O2ter Limited. All rights reserved.\n//\n//  Permission is hereby granted, free of charge, to any person obtaining a copy\n//  of this software and associated documentation files (the \"Software\"), to deal\n//  in the Software without restriction, including without limitation the rights\n//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n//  copies of the Software, and to permit persons to whom the Software is\n//  furnished to do so, subject to the following conditions:\n//\n//  The above copyright notice and this permission notice shall be included in\n//  all copies or substantial portions of the Software.\n//\n//  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n//  THE SOFTWARE.\n//\n\nimport _ from 'lodash';\nimport { reconciler } from '../core/reconciler/state';\nimport { _DOMRenderer } from '../renderer/common';\nimport { decompress } from '../renderer/minify/decompress';\n\nconst decodedSsrData = new WeakMap<Document, any>();\n\nexport const useServerResource = (key: string, resource?: () => string): string | undefined => {\n  const state = reconciler.currentHookState;\n  if (!state) throw Error('useServerResource must be used within a render function.');\n  if (state.renderer instanceof _DOMRenderer) {\n    if (state.renderer._server) {\n      const data = resource?.();\n      if (!_.isString(data)) throw Error('Invalid return type of resource');\n      state.renderer._tracked_server_resource.set(key, data);\n      return data;\n    } else {\n      const cached = decodedSsrData.get(state.renderer.document);\n      if (!_.isNil(cached)) return cached[key];\n      const ssrData = state.renderer.document.querySelector('script[data-frosty-ssr-data]');\n      if (ssrData instanceof HTMLElement) {\n        try {\n          const decoded = JSON.parse(decompress(ssrData.innerText.trim()));\n          decodedSsrData.set(state.renderer.document, decoded);\n          return decoded[key];\n        } catch (e) {\n          console.error(e);\n          decodedSsrData.set(state.renderer.document, {});\n        }\n        ssrData.remove();\n      } else {\n        decodedSsrData.set(state.renderer.document, {});\n      }\n    }\n  } else {\n    throw Error('Unsupported renderer.');\n  }\n}\n","//\n//  storage.ts\n//\n//  The MIT License\n//  Copyright (c) 2021 - 2025 O2ter Limited. All rights reserved.\n//\n//  Permission is hereby granted, free of charge, to any person obtaining a copy\n//  of this software and associated documentation files (the \"Software\"), to deal\n//  in the Software without restriction, including without limitation the rights\n//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n//  copies of the Software, and to permit persons to whom the Software is\n//  furnished to do so, subject to the following conditions:\n//\n//  The above copyright notice and this permission notice shall be included in\n//  all copies or substantial portions of the Software.\n//\n//  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n//  THE SOFTWARE.\n//\n\nimport _ from 'lodash';\nimport { useSyncExternalStore } from '../core/hooks/sync';\nimport { useCallback } from '../core/hooks/callback';\nimport { SetStateAction } from '../core/types/common';\nimport { EventEmitter } from '../core/reconciler/events';\n\nconst emitters = new WeakMap<Storage, EventEmitter>();\nconst emitterFor = (storage: Storage) => {\n  if (!emitters.has(storage)) emitters.set(storage, new EventEmitter());\n  return emitters.get(storage)!;\n}\n\nconst _useStorage = (\n  storage: () => Storage,\n  key: string,\n  initialValue?: string | null\n) => {\n  const state = useSyncExternalStore((onStoreChange) => {\n    const _storage = storage();\n    const emitter = emitterFor(_storage);\n    const callback = (ev: StorageEvent) => { \n      if (!ev.storageArea || ev.storageArea === _storage) onStoreChange();\n    };\n    window.addEventListener('storage', callback);\n    const event = emitter.register('change', onStoreChange);\n    return () => {\n      window.removeEventListener('storage', callback);\n      event.remove();\n    }\n  }, () => storage().getItem(key), () => undefined);\n  const setState = useCallback((v: SetStateAction<string | null | undefined>) => {\n    try {\n      const _storage = storage();\n      const newValue = _.isFunction(v) ? v(state) : v;\n      if (_.isNil(newValue)) {\n        _storage.removeItem(key);\n      } else {\n        _storage.setItem(key, newValue);\n      }\n      const emitter = emitterFor(_storage);\n      emitter.emit('change');\n    } catch (e) {\n      console.error(e);\n    }\n  }, [key]);\n  return [state ?? initialValue ?? null, setState] as const;\n}\n\nexport const useLocalStorage = (\n  key: string,\n  initialValue?: string | null\n) => _useStorage(() => window.localStorage, key, initialValue);\n\nexport const useSessionStorage = (\n  key: string,\n  initialValue?: string | null\n) => _useStorage(() => window.sessionStorage, key, initialValue);\n","//\n//  visibility.ts\n//\n//  The MIT License\n//  Copyright (c) 2021 - 2025 O2ter Limited. All rights reserved.\n//\n//  Permission is hereby granted, free of charge, to any person obtaining a copy\n//  of this software and associated documentation files (the \"Software\"), to deal\n//  in the Software without restriction, including without limitation the rights\n//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n//  copies of the Software, and to permit persons to whom the Software is\n//  furnished to do so, subject to the following conditions:\n//\n//  The above copyright notice and this permission notice shall be included in\n//  all copies or substantial portions of the Software.\n//\n//  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n//  THE SOFTWARE.\n//\n\nimport _ from 'lodash';\nimport { useSyncExternalStore } from '../core/hooks/sync';\nimport { useDocument } from './document';\n\nexport const useVisibility = () => {\n  const document = useDocument();\n  return useSyncExternalStore((onStoreChange) => {\n    document.addEventListener('visibilitychange', onStoreChange);\n    return () => {\n      document.removeEventListener('visibilitychange', onStoreChange);\n    }\n  }, () => {\n    if (document.hasFocus()) {\n      return 'active' as const;\n    } else if (document.visibilityState === 'visible') {\n      return 'inactive' as const;\n    } else {\n      return 'background' as const;\n    }\n  }, () => 'unknown' as const);\n}\n","//\n//  window.ts\n//\n//  The MIT License\n//  Copyright (c) 2021 - 2025 O2ter Limited. All rights reserved.\n//\n//  Permission is hereby granted, free of charge, to any person obtaining a copy\n//  of this software and associated documentation files (the \"Software\"), to deal\n//  in the Software without restriction, including without limitation the rights\n//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n//  copies of the Software, and to permit persons to whom the Software is\n//  furnished to do so, subject to the following conditions:\n//\n//  The above copyright notice and this permission notice shall be included in\n//  all copies or substantial portions of the Software.\n//\n//  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n//  THE SOFTWARE.\n//\n\nimport _ from 'lodash';\nimport { useSyncExternalStore } from '../core/hooks/sync';\nimport { uniqueId } from '../core/utils';\nimport { reconciler } from '../core/reconciler/state';\nimport { _DOMRenderer } from '../renderer/common';\n\nexport const useWindow = () => {\n  const state = reconciler.currentHookState;\n  if (!state) throw Error('useWindow must be used within a render function.');\n  if (state.renderer instanceof _DOMRenderer) {\n    return state.renderer.window;\n  } else {\n    throw Error('Unsupported renderer.');\n  }\n}\n\nconst emptyInsets = { top: 0, left: 0, right: 0, bottom: 0 };\nconst safeAreaInsets = (window: ReturnType<typeof useWindow>) => {\n  let support;\n  if (!('CSS' in window) || !_.isFunction(window.CSS.supports)) {\n    return emptyInsets;\n  }\n  if (window.CSS.supports('top: env(safe-area-inset-top)')) {\n    support = 'env'\n  } else if (window.CSS.supports('top: constant(safe-area-inset-top)')) {\n    support = 'constant'\n  } else {\n    return emptyInsets;\n  }\n  const id = uniqueId();\n  const style = document.createElement('style');\n  style.textContent = `:root {\n    --${id}-top: ${support}(safe-area-inset-top);\n    --${id}-left: ${support}(safe-area-inset-left);\n    --${id}-right: ${support}(safe-area-inset-right);\n    --${id}-bottom: ${support}(safe-area-inset-bottom);\n  }`;\n  document.head.appendChild(style);\n  const computedStyle = getComputedStyle(document.documentElement);\n  const insets = {\n    top: computedStyle.getPropertyValue(`--${id}-top`),\n    left: computedStyle.getPropertyValue(`--${id}-left`),\n    right: computedStyle.getPropertyValue(`--${id}-right`),\n    bottom: computedStyle.getPropertyValue(`--${id}-bottom`),\n  };\n  style.remove();\n  return _.mapValues(insets, v => parseFloat(v));\n}\n\nexport const useWindowMetrics = () => {\n  const window = useWindow();\n  return useSyncExternalStore((onStoreChange) => {\n    window.addEventListener('resize', onStoreChange);\n    return () => {\n      window.removeEventListener('resize', onStoreChange);\n    };\n  }, () => ({\n    safeAreaInsets: safeAreaInsets(window),\n    devicePixelRatio: window.devicePixelRatio,\n    outerWidth: window.outerWidth,\n    outerHeight: window.outerHeight,\n    innerWidth: window.innerWidth,\n    innerHeight: window.innerHeight,\n  }));\n}\n\nexport const useVisualViewportMetrics = () => {\n  const { visualViewport } = useWindow();\n  return useSyncExternalStore((onStoreChange) => {\n    visualViewport?.addEventListener('resize', onStoreChange);\n    return () => {\n      visualViewport?.removeEventListener('resize', onStoreChange);\n    };\n  }, () => visualViewport && ({\n    width: visualViewport.width,\n    height: visualViewport.height,\n    scale: visualViewport.scale,\n  }));\n}\n\nexport const useWindowScroll = () => {\n  const window = useWindow();\n  return useSyncExternalStore((onStoreChange) => {\n    window.addEventListener('scroll', onStoreChange);\n    return () => {\n      window.removeEventListener('scroll', onStoreChange);\n    };\n  }, () => ({\n    scrollX: window.scrollX,\n    scrollY: window.scrollY,\n  }));\n}\n\nconst colorSchemeDarkCache = new WeakMap<ReturnType<typeof useWindow>, MediaQueryList | undefined>();\n\nexport const useColorScheme = () => {\n  const window = useWindow();\n  if (!colorSchemeDarkCache.has(window)) colorSchemeDarkCache.set(window, window.matchMedia?.('(prefers-color-scheme: dark)'));\n  const colorSchemeDark = colorSchemeDarkCache.get(window);\n  return useSyncExternalStore((onStoreChange) => {\n    colorSchemeDark?.addEventListener('change', onStoreChange);\n    return () => {\n      colorSchemeDark?.removeEventListener('change', onStoreChange);\n    };\n  }, () => colorSchemeDark?.matches ? 'dark' : 'light');\n}\n"],"names":[],"mappings":";;;;;;;;AAAO;;ACCP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO;AACP;AACA;;AC5DO;AACA;AACA;AACA;;ACJA;;ACAA;;ACCA;AACA;;ACFA;;ACAA;AACA;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO;AACP;AACA;AACA;AACA;AACO;AACP;AACA;AACA;AACO;;"}
+{"version":3,"file":"web.d.ts","sources":["../src/web/document.ts","../src/web/location.ts","../src/web/observer.ts","../src/web/online.ts","../src/web/server.ts","../src/web/storage.ts","../src/web/visibility.ts","../src/web/window.ts"],"sourcesContent":["//\n//  document.ts\n//\n//  The MIT License\n//  Copyright (c) 2021 - 2025 O2ter Limited. All rights reserved.\n//\n//  Permission is hereby granted, free of charge, to any person obtaining a copy\n//  of this software and associated documentation files (the \"Software\"), to deal\n//  in the Software without restriction, including without limitation the rights\n//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n//  copies of the Software, and to permit persons to whom the Software is\n//  furnished to do so, subject to the following conditions:\n//\n//  The above copyright notice and this permission notice shall be included in\n//  all copies or substantial portions of the Software.\n//\n//  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n//  THE SOFTWARE.\n//\n\nimport _ from 'lodash';\nimport { reconciler } from '../core/reconciler/state';\nimport { _DOMRenderer } from '../renderer/common';\n\nexport const useDocument = () => {\n  const state = reconciler.currentHookState;\n  if (!state) throw Error('useDocument must be used within a render function.');\n  if (state.renderer instanceof _DOMRenderer) {\n    return state.renderer.document;\n  } else {\n    throw Error('Unsupported renderer.');\n  }\n}","//\n//  location.ts\n//\n//  The MIT License\n//  Copyright (c) 2021 - 2025 O2ter Limited. All rights reserved.\n//\n//  Permission is hereby granted, free of charge, to any person obtaining a copy\n//  of this software and associated documentation files (the \"Software\"), to deal\n//  in the Software without restriction, including without limitation the rights\n//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n//  copies of the Software, and to permit persons to whom the Software is\n//  furnished to do so, subject to the following conditions:\n//\n//  The above copyright notice and this permission notice shall be included in\n//  all copies or substantial portions of the Software.\n//\n//  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n//  THE SOFTWARE.\n//\n\nimport _ from 'lodash';\nimport { useMemo } from '../core/hooks/memo';\nimport { useCallback } from '../core/hooks/callback';\nimport { useSyncExternalStore } from '../core/hooks/sync';\nimport { EventEmitter } from '../core/reconciler/events';\nimport { SetStateAction } from '../core/types/common';\nimport { useWindow } from './window';\n\nconst emitters = new WeakMap<Document, EventEmitter>();\nconst emitterFor = (document: Document) => {\n  if (!emitters.has(document)) emitters.set(document, new EventEmitter());\n  return emitters.get(document)!;\n}\n\n/**\n * A hook that provides the current browser location and methods to manipulate the browser history.\n *\n * @returns An object with the following properties and methods:\n * - `hash`: The fragment identifier of the URL.\n * - `host`: The hostname and port number.\n * - `hostname`: The domain name.\n * - `href`: The full URL.\n * - `origin`: The protocol, hostname, and port.\n * - `pathname`: The path of the URL.\n * - `port`: The port number.\n * - `protocol`: The protocol scheme.\n * - `search`: The query string.\n * - `state`: The current state object associated with the history entry.\n * - `back()`: Navigates to the previous entry in the history stack.\n * - `forward()`: Navigates to the next entry in the history stack.\n * - `pushState(data, url)`: Pushes a new entry onto the history stack.\n * - `replaceState(data, url)`: Replaces the current history entry.\n *\n * The hook subscribes to changes in the browser's history and location, causing components to re-render when navigation occurs.\n *\n * @example\n * const location = useLocation();\n * console.log(location.pathname); // e.g., \"/about\"\n * location.pushState({ some: 'state' }, '/new-path');\n */\nexport const useLocation = () => {\n  const window = useWindow();\n  const emitter = emitterFor(window.document);\n  const result = (history?: History) => ({\n    ..._.pick(window.document.location, 'hash', 'host', 'hostname', 'href', 'origin', 'pathname', 'port', 'protocol', 'search'),\n    state: history?.state ?? null,\n    back: () => {\n      history?.back();\n    },\n    forward: () => {\n      history?.forward();\n      emitter.emit('change');\n    },\n    pushState: (data: any, url?: string | URL | null) => {\n      history?.pushState(data, '', url);\n      emitter.emit('change');\n    },\n    replaceState: (data: any, url?: string | URL | null) => {\n      history?.replaceState(data, '', url);\n      emitter.emit('change');\n    },\n  });\n  return useSyncExternalStore((onStoreChange) => {\n    window.addEventListener('popstate', onStoreChange);\n    const event = emitter.register('change', onStoreChange);\n    return () => {\n      window.removeEventListener('popstate', onStoreChange);\n      event.remove();\n    }\n  }, () => result(window.history));\n}\n\n/**\n * A hook for reading and updating the URL's query string (search parameters).\n *\n * @returns A tuple:\n *   - The first element is a `URLSearchParams` instance representing the current query string.\n *   - The second element is a function to update the search parameters, which accepts any valid\n *     `URLSearchParams` initializer (string, array, or object).\n *\n * Updating the search parameters will push a new history entry and update the URL in the address bar.\n *\n * @example\n * const [searchParams, setSearchParams] = useSearchParams();\n * const page = searchParams.get('page');\n * setSearchParams({ page: '2', filter: 'active' });\n */\nexport const useSearchParams = () => {\n  const location = useLocation();\n  const searchParams = useMemo(() => new URLSearchParams(location.search), [location.search]);\n  type URLSearchParamsInit = ConstructorParameters<typeof URLSearchParams>[0];\n  const setSearchParams = useCallback((\n    dispatch: SetStateAction<URLSearchParamsInit, URLSearchParams>,\n    config?: {\n      replace?: boolean;\n    },\n  ) => {\n    const params = _.isFunction(dispatch) ? dispatch(new URLSearchParams(location.search)) : dispatch;\n    const newParams = new URLSearchParams(params);\n    if (config?.replace === false) {\n      location.pushState(location.state, `?${newParams.toString()}`);\n    } else {\n      location.replaceState(location.state, `?${newParams.toString()}`);\n    }\n  });\n  return [searchParams, setSearchParams] as const;\n}\n","//\n//  observer.ts\n//\n//  The MIT License\n//  Copyright (c) 2021 - 2025 O2ter Limited. All rights reserved.\n//\n//  Permission is hereby granted, free of charge, to any person obtaining a copy\n//  of this software and associated documentation files (the \"Software\"), to deal\n//  in the Software without restriction, including without limitation the rights\n//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n//  copies of the Software, and to permit persons to whom the Software is\n//  furnished to do so, subject to the following conditions:\n//\n//  The above copyright notice and this permission notice shall be included in\n//  all copies or substantial portions of the Software.\n//\n//  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n//  THE SOFTWARE.\n//\n\nimport _ from 'lodash';\nimport { useEffect } from '../core/hooks/effect';\nimport { useCallback } from '../core/hooks/callback';\nimport { RefObject } from '../core/types/common';\n\ninterface _Observer<T> {\n  observe(target: Element, options?: T): void;\n  unobserve(target: Element): void;\n}\n\nconst createObserver = <E extends { target: Element; }, T>(\n  constructor: new (callback: (entries: E[]) => void) => _Observer<T>\n) => {\n  const listeners = new WeakMap<Element, ((entry: E) => void)[]>();\n  const observer = new constructor((entries) => {\n    for (const entry of entries) {\n      for (const listener of listeners.get(entry.target) ?? []) {\n        (async () => {\n          try {\n            await listener(entry);\n          } catch (e) {\n            console.error(e);\n          }\n        })();\n      }\n    }\n  });\n  return {\n    observe: (target: Element, callback: (entry: E) => void, options?: T) => {\n      observer.observe(target, options);\n      listeners.set(target, [...listeners.get(target) ?? [], callback]);\n    },\n    unobserve: (target: Element, callback: (entry: E) => void) => {\n      const list = _.filter(listeners.get(target), x => x !== callback);\n      listeners.set(target, list);\n      if (_.isEmpty(list)) observer.unobserve?.(target);\n    },\n  };\n};\n\nconst observer = typeof window === 'undefined' ? undefined : {\n  resize: createObserver(ResizeObserver),\n  intersection: createObserver(IntersectionObserver),\n};\n\nexport const useResizeObserver = (\n  target: RefObject<Element | null | undefined> | Element | null | undefined,\n  callback: (entry: ResizeObserverEntry) => void,\n  options?: ResizeObserverOptions,\n) => {\n  const _callback = useCallback(callback);\n  useEffect(() => {\n    const _target = target && 'current' in target ? target.current : target;\n    if (!observer || !_target) return;\n    observer.resize.observe(_target, _callback, options);\n    return () => observer.resize.unobserve(_target, _callback);\n  }, [target]);\n}\n\nexport const useIntersectionObserver = (\n  target: RefObject<Element | null | undefined> | Element | null | undefined,\n  callback: (entry: IntersectionObserverEntry) => void,\n) => {\n  const _callback = useCallback(callback);\n  useEffect(() => {\n    const _target = target && 'current' in target ? target.current : target;\n    if (!observer || !_target) return;\n    observer.intersection.observe(_target, _callback);\n    return () => observer.intersection.unobserve(_target, _callback);\n  }, [target]);\n}\n\nexport const useMutationObserver = (\n  target: RefObject<Node | null | undefined> | Node | null | undefined,\n  callback: MutationCallback,\n  options?: MutationObserverInit,\n) => {\n  const _callback = useCallback(callback);\n  useEffect(() => {\n    const _target = target && 'current' in target ? target.current : target;\n    if (typeof window === 'undefined' || !_target) return;\n    const observer = new MutationObserver(_callback);\n    observer.observe(_target, options);\n    return () => observer.disconnect();\n  }, [target]);\n}\n\nexport const usePerformanceObserver = (\n  callback: PerformanceObserverCallback,\n  options?: PerformanceObserverInit,\n) => {\n  const _callback = useCallback(callback);\n  useEffect(() => {\n    if (typeof window === 'undefined') return;\n    const observer = new PerformanceObserver(_callback);\n    observer.observe(options);\n    return () => observer.disconnect();\n  }, []);\n}\n","//\n//  online.ts\n//\n//  The MIT License\n//  Copyright (c) 2021 - 2025 O2ter Limited. All rights reserved.\n//\n//  Permission is hereby granted, free of charge, to any person obtaining a copy\n//  of this software and associated documentation files (the \"Software\"), to deal\n//  in the Software without restriction, including without limitation the rights\n//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n//  copies of the Software, and to permit persons to whom the Software is\n//  furnished to do so, subject to the following conditions:\n//\n//  The above copyright notice and this permission notice shall be included in\n//  all copies or substantial portions of the Software.\n//\n//  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n//  THE SOFTWARE.\n//\n\nimport _ from 'lodash';\nimport { useSyncExternalStore } from '../core/hooks/sync';\n\nexport const useOnline = () => useSyncExternalStore((onStoreChange) => {\n  window.addEventListener('offline', onStoreChange);\n  window.addEventListener('online', onStoreChange);\n  return () => {\n    window.removeEventListener('offline', onStoreChange);\n    window.removeEventListener('online', onStoreChange);\n  };\n}, () => navigator.onLine, () => false);","//\n//  server.ts\n//\n//  The MIT License\n//  Copyright (c) 2021 - 2025 O2ter Limited. All rights reserved.\n//\n//  Permission is hereby granted, free of charge, to any person obtaining a copy\n//  of this software and associated documentation files (the \"Software\"), to deal\n//  in the Software without restriction, including without limitation the rights\n//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n//  copies of the Software, and to permit persons to whom the Software is\n//  furnished to do so, subject to the following conditions:\n//\n//  The above copyright notice and this permission notice shall be included in\n//  all copies or substantial portions of the Software.\n//\n//  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n//  THE SOFTWARE.\n//\n\nimport _ from 'lodash';\nimport { reconciler } from '../core/reconciler/state';\nimport { _DOMRenderer } from '../renderer/common';\nimport { decompress } from '../renderer/minify/decompress';\n\nconst decodedSsrData = new WeakMap<Document, any>();\n\nexport const useServerResource = (key: string, resource?: () => string): string | undefined => {\n  const state = reconciler.currentHookState;\n  if (!state) throw Error('useServerResource must be used within a render function.');\n  if (state.renderer instanceof _DOMRenderer) {\n    if (state.renderer._server) {\n      const data = resource?.();\n      if (!_.isString(data)) throw Error('Invalid return type of resource');\n      state.renderer._tracked_server_resource.set(key, data);\n      return data;\n    } else {\n      const cached = decodedSsrData.get(state.renderer.document);\n      if (!_.isNil(cached)) return cached[key];\n      const ssrData = state.renderer.document.querySelector('script[data-frosty-ssr-data]');\n      if (ssrData instanceof HTMLElement) {\n        try {\n          const decoded = JSON.parse(decompress(ssrData.innerText.trim()));\n          decodedSsrData.set(state.renderer.document, decoded);\n          return decoded[key];\n        } catch (e) {\n          console.error(e);\n          decodedSsrData.set(state.renderer.document, {});\n        }\n        ssrData.remove();\n      } else {\n        decodedSsrData.set(state.renderer.document, {});\n      }\n    }\n  } else {\n    throw Error('Unsupported renderer.');\n  }\n}\n","//\n//  storage.ts\n//\n//  The MIT License\n//  Copyright (c) 2021 - 2025 O2ter Limited. All rights reserved.\n//\n//  Permission is hereby granted, free of charge, to any person obtaining a copy\n//  of this software and associated documentation files (the \"Software\"), to deal\n//  in the Software without restriction, including without limitation the rights\n//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n//  copies of the Software, and to permit persons to whom the Software is\n//  furnished to do so, subject to the following conditions:\n//\n//  The above copyright notice and this permission notice shall be included in\n//  all copies or substantial portions of the Software.\n//\n//  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n//  THE SOFTWARE.\n//\n\nimport _ from 'lodash';\nimport { useSyncExternalStore } from '../core/hooks/sync';\nimport { useCallback } from '../core/hooks/callback';\nimport { SetStateAction } from '../core/types/common';\nimport { EventEmitter } from '../core/reconciler/events';\n\nconst emitters = new WeakMap<Storage, EventEmitter>();\nconst emitterFor = (storage: Storage) => {\n  if (!emitters.has(storage)) emitters.set(storage, new EventEmitter());\n  return emitters.get(storage)!;\n}\n\nconst _useStorage = (\n  storage: () => Storage,\n  key: string,\n  initialValue?: string | null\n) => {\n  const state = useSyncExternalStore((onStoreChange) => {\n    const _storage = storage();\n    const emitter = emitterFor(_storage);\n    const callback = (ev: StorageEvent) => { \n      if (!ev.storageArea || ev.storageArea === _storage) onStoreChange();\n    };\n    window.addEventListener('storage', callback);\n    const event = emitter.register('change', onStoreChange);\n    return () => {\n      window.removeEventListener('storage', callback);\n      event.remove();\n    }\n  }, () => storage().getItem(key), () => undefined);\n  const setState = useCallback((v: SetStateAction<string | null | undefined>) => {\n    try {\n      const _storage = storage();\n      const newValue = _.isFunction(v) ? v(state) : v;\n      if (_.isNil(newValue)) {\n        _storage.removeItem(key);\n      } else {\n        _storage.setItem(key, newValue);\n      }\n      const emitter = emitterFor(_storage);\n      emitter.emit('change');\n    } catch (e) {\n      console.error(e);\n    }\n  }, [key]);\n  return [state ?? initialValue ?? null, setState] as const;\n}\n\nexport const useLocalStorage = (\n  key: string,\n  initialValue?: string | null\n) => _useStorage(() => window.localStorage, key, initialValue);\n\nexport const useSessionStorage = (\n  key: string,\n  initialValue?: string | null\n) => _useStorage(() => window.sessionStorage, key, initialValue);\n","//\n//  visibility.ts\n//\n//  The MIT License\n//  Copyright (c) 2021 - 2025 O2ter Limited. All rights reserved.\n//\n//  Permission is hereby granted, free of charge, to any person obtaining a copy\n//  of this software and associated documentation files (the \"Software\"), to deal\n//  in the Software without restriction, including without limitation the rights\n//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n//  copies of the Software, and to permit persons to whom the Software is\n//  furnished to do so, subject to the following conditions:\n//\n//  The above copyright notice and this permission notice shall be included in\n//  all copies or substantial portions of the Software.\n//\n//  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n//  THE SOFTWARE.\n//\n\nimport _ from 'lodash';\nimport { useSyncExternalStore } from '../core/hooks/sync';\nimport { useDocument } from './document';\n\nexport const useVisibility = () => {\n  const document = useDocument();\n  return useSyncExternalStore((onStoreChange) => {\n    document.addEventListener('visibilitychange', onStoreChange);\n    return () => {\n      document.removeEventListener('visibilitychange', onStoreChange);\n    }\n  }, () => {\n    if (document.hasFocus()) {\n      return 'active' as const;\n    } else if (document.visibilityState === 'visible') {\n      return 'inactive' as const;\n    } else {\n      return 'background' as const;\n    }\n  }, () => 'unknown' as const);\n}\n","//\n//  window.ts\n//\n//  The MIT License\n//  Copyright (c) 2021 - 2025 O2ter Limited. All rights reserved.\n//\n//  Permission is hereby granted, free of charge, to any person obtaining a copy\n//  of this software and associated documentation files (the \"Software\"), to deal\n//  in the Software without restriction, including without limitation the rights\n//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n//  copies of the Software, and to permit persons to whom the Software is\n//  furnished to do so, subject to the following conditions:\n//\n//  The above copyright notice and this permission notice shall be included in\n//  all copies or substantial portions of the Software.\n//\n//  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n//  THE SOFTWARE.\n//\n\nimport _ from 'lodash';\nimport { useSyncExternalStore } from '../core/hooks/sync';\nimport { uniqueId } from '../core/utils';\nimport { reconciler } from '../core/reconciler/state';\nimport { _DOMRenderer } from '../renderer/common';\n\nexport const useWindow = () => {\n  const state = reconciler.currentHookState;\n  if (!state) throw Error('useWindow must be used within a render function.');\n  if (state.renderer instanceof _DOMRenderer) {\n    return state.renderer.window;\n  } else {\n    throw Error('Unsupported renderer.');\n  }\n}\n\nconst emptyInsets = { top: 0, left: 0, right: 0, bottom: 0 };\nconst safeAreaInsets = (window: ReturnType<typeof useWindow>) => {\n  let support;\n  if (!('CSS' in window) || !_.isFunction(window.CSS.supports)) {\n    return emptyInsets;\n  }\n  if (window.CSS.supports('top: env(safe-area-inset-top)')) {\n    support = 'env'\n  } else if (window.CSS.supports('top: constant(safe-area-inset-top)')) {\n    support = 'constant'\n  } else {\n    return emptyInsets;\n  }\n  const id = uniqueId();\n  const style = document.createElement('style');\n  style.textContent = `:root {\n    --${id}-top: ${support}(safe-area-inset-top);\n    --${id}-left: ${support}(safe-area-inset-left);\n    --${id}-right: ${support}(safe-area-inset-right);\n    --${id}-bottom: ${support}(safe-area-inset-bottom);\n  }`;\n  document.head.appendChild(style);\n  const computedStyle = getComputedStyle(document.documentElement);\n  const insets = {\n    top: computedStyle.getPropertyValue(`--${id}-top`),\n    left: computedStyle.getPropertyValue(`--${id}-left`),\n    right: computedStyle.getPropertyValue(`--${id}-right`),\n    bottom: computedStyle.getPropertyValue(`--${id}-bottom`),\n  };\n  style.remove();\n  return _.mapValues(insets, v => parseFloat(v));\n}\n\nexport const useWindowMetrics = () => {\n  const window = useWindow();\n  return useSyncExternalStore((onStoreChange) => {\n    window.addEventListener('resize', onStoreChange);\n    return () => {\n      window.removeEventListener('resize', onStoreChange);\n    };\n  }, () => ({\n    safeAreaInsets: safeAreaInsets(window),\n    devicePixelRatio: window.devicePixelRatio,\n    outerWidth: window.outerWidth,\n    outerHeight: window.outerHeight,\n    innerWidth: window.innerWidth,\n    innerHeight: window.innerHeight,\n  }));\n}\n\nexport const useVisualViewportMetrics = () => {\n  const { visualViewport } = useWindow();\n  return useSyncExternalStore((onStoreChange) => {\n    visualViewport?.addEventListener('resize', onStoreChange);\n    return () => {\n      visualViewport?.removeEventListener('resize', onStoreChange);\n    };\n  }, () => visualViewport && ({\n    width: visualViewport.width,\n    height: visualViewport.height,\n    scale: visualViewport.scale,\n  }));\n}\n\nexport const useWindowScroll = () => {\n  const window = useWindow();\n  return useSyncExternalStore((onStoreChange) => {\n    window.addEventListener('scroll', onStoreChange);\n    return () => {\n      window.removeEventListener('scroll', onStoreChange);\n    };\n  }, () => ({\n    scrollX: window.scrollX,\n    scrollY: window.scrollY,\n  }));\n}\n\nconst colorSchemeDarkCache = new WeakMap<ReturnType<typeof useWindow>, MediaQueryList | undefined>();\n\nexport const useColorScheme = () => {\n  const window = useWindow();\n  if (!colorSchemeDarkCache.has(window)) colorSchemeDarkCache.set(window, window.matchMedia?.('(prefers-color-scheme: dark)'));\n  const colorSchemeDark = colorSchemeDarkCache.get(window);\n  return useSyncExternalStore((onStoreChange) => {\n    colorSchemeDark?.addEventListener('change', onStoreChange);\n    return () => {\n      colorSchemeDark?.removeEventListener('change', onStoreChange);\n    };\n  }, () => colorSchemeDark?.matches ? 'dark' : 'light');\n}\n"],"names":[],"mappings":";;;;;;;;AAAO,cAAA,WAAA,QAAA,QAAA;;ACCP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,cAAA,WAAA;AACP;AACA;AACA;AACA,0CAAA,GAAA;AACA,6CAAA,GAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,cAAA,eAAA,kBAAA,eAAA,aAAA,cAAA,uBAAA,MAAA,mBAAA,eAAA,cAAA,eAAA;AACP;AACA;;AC3DO,cAAA,iBAAA,WAAA,SAAA,CAAA,OAAA,uBAAA,OAAA,uCAAA,mBAAA,qBAAA,qBAAA;AACA,cAAA,uBAAA,WAAA,SAAA,CAAA,OAAA,uBAAA,OAAA,uCAAA,yBAAA;AACA,cAAA,mBAAA,WAAA,SAAA,CAAA,IAAA,uBAAA,IAAA,+BAAA,gBAAA,YAAA,oBAAA;AACA,cAAA,sBAAA,aAAA,2BAAA,YAAA,uBAAA;;ACJA,cAAA,SAAA;;ACAA,cAAA,iBAAA;;ACCA,cAAA,eAAA,8EAAA,cAAA;AACA,cAAA,iBAAA,8EAAA,cAAA;;ACFA,cAAA,aAAA;;ACAA,cAAA,SAAA,QAAA,MAAA,GAAwC,KAAe,CAAA,SAAA;AACvD,cAAA,gBAAA;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,cAAA,wBAAA;AACP;AACA;AACA;AACA;AACO,cAAA,eAAA;AACP;AACA;AACA;AACO,cAAA,cAAA;;;;"}

package/dist/web.js

@@ -1,12 +1,12 @@
 'use strict';
 
 var state = require('./internals/state-CdizLCyu.js');
-var common = require('./internals/common-CnL8ftw8.js');
+var common = require('./internals/common-DYvTqDME.js');
 var _ = require('lodash');
 var sync = require('./internals/sync-aZg8gOj1.js');
 require('./internals/component-BiP3XIPe.js');
 require('myers.js');
-require('./internals/renderer-DCxs31Tn.js');
+require('./internals/renderer-CdsGzt2W.js');
 require('nextick');
 require('postcss');
 require('postcss-js');