frosty 0.0.67 → 0.0.68

package/README.md

@@ -38,6 +38,56 @@ function App() {
 
 See the [API documentation](./docs) for more details and advanced usage.
 
+## Usage
+
+To run your app with Frosty CLI using `npx`:
+
+```sh
+npx frosty run app.js
+```
+
+### Common Options
+
+- `-w, --watch`   Enable watch mode (rebuild on file changes)
+- `-d, --debug`   Enable debug mode (development build)
+- `-p, --port <port>` Specify server port (default: 8080)
+- `-c, --configuration <file>` Use a custom config file (default: server.config.js)
+- `-s, --src <dir>`  Specify source directory
+- `-o, --output <dir>` Specify output directory
+
+### Example Commands
+
+Start your app in development mode with watch:
+
+```sh
+npx frosty run --watch --debug app.js
+```
+
+Run with a custom port and config:
+
+```sh
+npx frosty run --port 3000 --configuration my.config.js app.js
+```
+
+See `npx frosty run --help` for the full list of options.
+
+### Configuration File
+
+You can customize the build and server behavior by providing a `server.config.js` file in your project root. This file can export an object or a function that returns configuration options for Frosty’s CLI and build process. Common settings include specifying source/output directories, custom plugins, module rules, and server options.
+
+Example `server.config.js`:
+
+```js
+module.exports = {
+  src: 'src',
+  output: 'dist',
+  serverEntry: 'server.js',
+  options: {
+    // custom webpack or build options
+  }
+};
+```
+
 ## TypeScript Setup
 
 To enable JSX support with Frosty in TypeScript, update your `tsconfig.json`:

package/dist/_native.d.ts

@@ -1,6 +1,6 @@
-import { N as NativeElementType, c as PropsType, b as ComponentNode } from './internals/common-C5xm7xDw.js';
-export { V as VNode, _ as _Renderer } from './internals/renderer-D4aiCZGU.js';
-export { u as uniqueId } from './internals/utils-B_4b5vas.js';
+import { N as NativeElementType, b as PropsType, a as ComponentNode } from './internals/common-lfYTb1eV.js';
+export { V as VNode, _ as _Renderer } from './internals/renderer-DBPR_8BN.js';
+export { u as uniqueId } from './internals/utils-CyrF9IfR.js';
 import '@o2ter/utils-js';
 import 'lodash';
 import 'csstype';

package/dist/_native.mjs

@@ -1,6 +1,6 @@
 import { _ as _createElement } from './internals/runtime-DK28Kyy2.mjs';
-export { _ as _Renderer } from './internals/renderer-DgKjFDB-.mjs';
-export { b as EventEmitter, V as VNode, a as uniqueId } from './internals/state-j1YggBhW.mjs';
+export { _ as _Renderer } from './internals/renderer-CEj3F2CM.mjs';
+export { E as EventEmitter, V as VNode, u as uniqueId } from './internals/state-C4Wldkq7.mjs';
 export { N as NativeElementType } from './internals/component-BzurKp_J.mjs';
 import 'lodash';
 import 'nextick';

package/dist/dom.d.ts

@@ -1,9 +1,9 @@
-import { _ as _DOMRenderer } from './internals/common-jmXMOod4.js';
-import './internals/common-C5xm7xDw.js';
+import { _ as _DOMRenderer } from './internals/common-B0Nya-9e.js';
+import './internals/common-lfYTb1eV.js';
 import '@o2ter/utils-js';
 import 'lodash';
 import 'csstype';
-import './internals/renderer-D4aiCZGU.js';
+import './internals/renderer-DBPR_8BN.js';
 import 'jsdom';
 
 declare class DOMRenderer extends _DOMRenderer {

package/dist/dom.mjs

@@ -1,9 +1,9 @@
-import { _ as _DOMRenderer } from './internals/common-uTufm_t7.mjs';
+import { _ as _DOMRenderer } from './internals/common-Ca5Ux3vo.mjs';
 import 'lodash';
 import 'myers.js';
 import './internals/component-BzurKp_J.mjs';
-import './internals/renderer-DgKjFDB-.mjs';
-import './internals/state-j1YggBhW.mjs';
+import './internals/renderer-CEj3F2CM.mjs';
+import './internals/state-C4Wldkq7.mjs';
 import 'nextick';
 import 'postcss';
 import 'postcss-js';

package/dist/index.d.ts

@@ -1,9 +1,9 @@
-import { S as SetStateAction, C as ComponentType, P as PropsWithChildren, E as ElementNode, R as RefObject, a as Ref, b as ComponentNode, _ as _ElementType, N as NativeElementType, c as PropsType } from './internals/common-C5xm7xDw.js';
-export { h as CSSProperties, e as ClassName, j as ComponentProps, k as ComponentPropsWithoutRef, m as ComponentRef, g as ExtendedCSSProperties, i as RefAttribute, l as RefCallback, f as StyleProp, d as createElement } from './internals/common-C5xm7xDw.js';
+import { S as SetStateAction, C as ComponentType, P as PropsWithChildren, E as ElementNode, c as RefObject, R as Ref, a as ComponentNode, _ as _ElementType, N as NativeElementType, b as PropsType } from './internals/common-lfYTb1eV.js';
+export { h as CSSProperties, e as ClassName, j as ComponentProps, k as ComponentPropsWithoutRef, m as ComponentRef, g as ExtendedCSSProperties, i as RefAttribute, l as RefCallback, f as StyleProp, d as createElement } from './internals/common-lfYTb1eV.js';
 import _ from 'lodash';
 import { Awaitable } from '@o2ter/utils-js';
-export { F as Fragment } from './internals/fragment-BQXp1_iv.js';
-export { m as mergeRefs } from './internals/utils-B_4b5vas.js';
+export { F as Fragment } from './internals/fragment-CApRh6Hp.js';
+export { m as mergeRefs } from './internals/utils-CyrF9IfR.js';
 import 'csstype';
 
 /**

package/dist/index.mjs

@@ -1,9 +1,9 @@
 import _ from 'lodash';
-import { _ as _useEffect, a as _useMemo, u as useCallback, b as useMemo, c as useEffect, d as useSyncExternalStore } from './internals/sync-D_pTd9lu.mjs';
+import { _ as _useEffect, d as _useMemo, b as useCallback, a as useMemo, c as useEffect, u as useSyncExternalStore } from './internals/sync-Ciycjqeo.mjs';
 import { jsx } from './jsx-runtime.mjs';
 export { Fragment } from './jsx-runtime.mjs';
-import { r as reconciler, c as createContext, u as useContext, a as uniqueId } from './internals/state-j1YggBhW.mjs';
-export { E as ErrorBoundary, P as PropsProvider, m as mergeRefs } from './internals/state-j1YggBhW.mjs';
+import { r as reconciler, c as createContext, a as useContext, u as uniqueId } from './internals/state-C4Wldkq7.mjs';
+export { b as ErrorBoundary, P as PropsProvider, m as mergeRefs } from './internals/state-C4Wldkq7.mjs';
 export { C as ComponentNode } from './internals/component-BzurKp_J.mjs';
 export { c as createElement } from './internals/runtime-DK28Kyy2.mjs';
 import 'myers.js';

package/dist/internals/{common-jmXMOod4.d.ts → common-B0Nya-9e.d.ts}

@@ -1,5 +1,5 @@
-import { N as NativeElementType, b as ComponentNode } from './common-C5xm7xDw.js';
-import { _ as _Renderer } from './renderer-D4aiCZGU.js';
+import { N as NativeElementType, a as ComponentNode } from './common-lfYTb1eV.js';
+import { _ as _Renderer } from './renderer-DBPR_8BN.js';
 import { DOMWindow } from 'jsdom';
 
 declare abstract class DOMNativeNode extends NativeElementType {
@@ -28,4 +28,4 @@ declare abstract class _DOMRenderer extends _Renderer<Element | DOMNativeNode> {
 }
 
 export { DOMNativeNode as D, _DOMRenderer as _ };
-//# sourceMappingURL=common-jmXMOod4.d.ts.map
+//# sourceMappingURL=common-B0Nya-9e.d.ts.map

package/dist/internals/{common-jmXMOod4.d.ts.map → common-B0Nya-9e.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';\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  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    }\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    if (this._tracked_style.isEmpty) {\n      if (this._server) {\n        this.__replaceChildren(head, this._tracked_head_children);\n      }\n    } else {\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        this.__replaceChildren(head, [...this._tracked_head_children, styleElem]);\n      } else if (styleElem.parentNode !== head) {\n        head.appendChild(styleElem);\n      }\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-B0Nya-9e.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';\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  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    }\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    if (this._tracked_style.isEmpty) {\n      if (this._server) {\n        this.__replaceChildren(head, this._tracked_head_children);\n      }\n    } else {\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        this.__replaceChildren(head, [...this._tracked_head_children, styleElem]);\n      } else if (styleElem.parentNode !== head) {\n        head.appendChild(styleElem);\n      }\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;;;;"}

package/dist/internals/{common-uTufm_t7.mjs → common-Ca5Ux3vo.mjs}

@@ -1,12 +1,12 @@
 import _ from 'lodash';
 import { myersSync } from 'myers.js';
 import { N as NativeElementType } from './component-BzurKp_J.mjs';
-import { _ as _Renderer } from './renderer-DgKjFDB-.mjs';
+import { _ as _Renderer } from './renderer-CEj3F2CM.mjs';
 import postcss from 'postcss';
 import { parse } from 'postcss-js';
 import nested from 'postcss-nested';
 import autoprefixer from 'autoprefixer';
-import { a as uniqueId, m as mergeRefs } from './state-j1YggBhW.mjs';
+import { u as uniqueId, m as mergeRefs } from './state-C4Wldkq7.mjs';
 
 //
 //  event.ts
@@ -4165,4 +4165,4 @@ class _DOMRenderer extends _Renderer {
 }
 
 export { DOMNativeNode as D, _DOMRenderer as _ };
-//# sourceMappingURL=common-uTufm_t7.mjs.map
+//# sourceMappingURL=common-Ca5Ux3vo.mjs.map