frosty 0.0.24 → 0.0.26

package/dist/dom.d.ts

@@ -1,4 +1,5 @@
-import { _ as _DOMRenderer } from './internals/common-lyg386GG.js';
+import { _ as _DOMRenderer } from './internals/common-D1aDqVhZ.js';
+export { D as DOMNativeNode } from './internals/common-D1aDqVhZ.js';
 import './internals/common-agClzvnU.js';
 import '@o2ter/utils-js';
 import 'lodash';

package/dist/dom.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var common = require('./internals/common-DV3pvrs5.js');
+var common = require('./internals/common-BYkI-LyH.js');
 require('lodash');
 require('myers.js');
+require('./internals/component-DJsXAx2C.js');
 require('./internals/renderer-CF5XEhhm.js');
 require('./internals/state-Dq9CkYWl.js');
-require('./internals/component-DJsXAx2C.js');
 require('nextick');
 require('postcss');
 require('postcss-js');
@@ -47,5 +47,6 @@ class DOMRenderer extends common._DOMRenderer {
     }
 }
 
+exports.DOMNativeNode = common.DOMNativeNode;
 exports.DOMRenderer = DOMRenderer;
 //# sourceMappingURL=dom.js.map

package/dist/dom.js.map

@@ -1 +1 @@
-{"version":3,"file":"dom.js","sources":["../../src/renderer/dom.ts"],"sourcesContent":["//\n//  dom.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 { _DOMRenderer } from './common';\n\nexport class DOMRenderer extends _DOMRenderer {\n\n  static default = new DOMRenderer();\n\n  static createRoot(root: Element): ReturnType<typeof DOMRenderer.default.createRoot> {\n    return this.default.createRoot(root);\n  }\n\n  /** @internal */\n  get _server(): boolean {\n    return typeof window === 'undefined';\n  }\n}\n"],"names":["_DOMRenderer"],"mappings":";;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAKM,MAAO,WAAY,SAAQA,mBAAY,CAAA;AAE3C,IAAA,OAAO,OAAO,GAAG,IAAI,WAAW,EAAE;IAElC,OAAO,UAAU,CAAC,IAAa,EAAA;QAC7B,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC;;;AAItC,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,OAAO,MAAM,KAAK,WAAW;;;;;;"}
+{"version":3,"file":"dom.js","sources":["../../src/renderer/dom.ts"],"sourcesContent":["//\n//  dom.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 { _DOMRenderer } from './common';\n\nexport { DOMNativeNode } from './common';\n\nexport class DOMRenderer extends _DOMRenderer {\n\n  static default = new DOMRenderer();\n\n  static createRoot(root: Element): ReturnType<typeof DOMRenderer.default.createRoot> {\n    return this.default.createRoot(root);\n  }\n\n  /** @internal */\n  get _server(): boolean {\n    return typeof window === 'undefined';\n  }\n}\n"],"names":["_DOMRenderer"],"mappings":";;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAOM,MAAO,WAAY,SAAQA,mBAAY,CAAA;AAE3C,IAAA,OAAO,OAAO,GAAG,IAAI,WAAW,EAAE;IAElC,OAAO,UAAU,CAAC,IAAa,EAAA;QAC7B,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC;;;AAItC,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,OAAO,MAAM,KAAK,WAAW;;;;;;;"}

package/dist/dom.mjs

@@ -1,9 +1,10 @@
-import { _ as _DOMRenderer } from './internals/common-DrondvLe.mjs';
+import { _ as _DOMRenderer } from './internals/common-Cdpc1Wfn.mjs';
+export { D as DOMNativeNode } from './internals/common-Cdpc1Wfn.mjs';
 import 'lodash';
 import 'myers.js';
+import './internals/component-tyF62qKh.mjs';
 import './internals/renderer-C4lqJp-s.mjs';
 import './internals/state-D54t8ETv.mjs';
-import './internals/component-tyF62qKh.mjs';
 import 'nextick';
 import 'postcss';
 import 'postcss-js';

package/dist/dom.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dom.mjs","sources":["../../src/renderer/dom.ts"],"sourcesContent":["//\n//  dom.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 { _DOMRenderer } from './common';\n\nexport class DOMRenderer extends _DOMRenderer {\n\n  static default = new DOMRenderer();\n\n  static createRoot(root: Element): ReturnType<typeof DOMRenderer.default.createRoot> {\n    return this.default.createRoot(root);\n  }\n\n  /** @internal */\n  get _server(): boolean {\n    return typeof window === 'undefined';\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAKM,MAAO,WAAY,SAAQ,YAAY,CAAA;AAE3C,IAAA,OAAO,OAAO,GAAG,IAAI,WAAW,EAAE;IAElC,OAAO,UAAU,CAAC,IAAa,EAAA;QAC7B,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC;;;AAItC,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,OAAO,MAAM,KAAK,WAAW;;;;;;"}
+{"version":3,"file":"dom.mjs","sources":["../../src/renderer/dom.ts"],"sourcesContent":["//\n//  dom.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 { _DOMRenderer } from './common';\n\nexport { DOMNativeNode } from './common';\n\nexport class DOMRenderer extends _DOMRenderer {\n\n  static default = new DOMRenderer();\n\n  static createRoot(root: Element): ReturnType<typeof DOMRenderer.default.createRoot> {\n    return this.default.createRoot(root);\n  }\n\n  /** @internal */\n  get _server(): boolean {\n    return typeof window === 'undefined';\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAOM,MAAO,WAAY,SAAQ,YAAY,CAAA;AAE3C,IAAA,OAAO,OAAO,GAAG,IAAI,WAAW,EAAE;IAElC,OAAO,UAAU,CAAC,IAAa,EAAA;QAC7B,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC;;;AAItC,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,OAAO,MAAM,KAAK,WAAW;;;;;;"}

package/dist/internals/{common-DV3pvrs5.js → common-BYkI-LyH.js}

@@ -2,6 +2,7 @@
 
 var _ = require('lodash');
 var myers_js = require('myers.js');
+var component = require('./component-DJsXAx2C.js');
 var renderer = require('./renderer-CF5XEhhm.js');
 var postcss = require('postcss');
 var postcssJs = require('postcss-js');
@@ -3889,6 +3890,9 @@ const isWriteable = (object, propertyName) => {
     }
     return !!desc.set;
 };
+class DOMNativeNode extends component.NativeElementType {
+    static createElement;
+}
 class _DOMRenderer extends renderer._Renderer {
     _doc;
     _namespace_map = new WeakMap();
@@ -3934,6 +3938,12 @@ class _DOMRenderer extends renderer._Renderer {
     /** @internal */
     _createElement(node, stack) {
         const { type } = node;
+        if (!_.isString(type) && type.prototype instanceof DOMNativeNode) {
+            const ElementType = type;
+            const elem = ElementType.createElement();
+            this._updateElement(node, elem, stack);
+            return elem;
+        }
         if (!_.isString(type))
             throw Error('Invalid type');
         switch (type) {
@@ -3953,17 +3963,11 @@ class _DOMRenderer extends renderer._Renderer {
         this._updateElement(node, elem, stack);
         return elem;
     }
-    __updateElementStyle(element, className, style) {
+    __createBuiltClassName(className, style) {
         const _className = _.compact(_.flattenDeep([className]));
         const built = this._tracked_style.buildStyle(_.compact(_.flattenDeep([style])));
-        const joined = [..._className, ...built].join(' ');
-        if (_.isEmpty(joined)) {
-            element.removeAttribute('class');
-        }
-        else {
-            element.className = joined;
-        }
         this._tracked_style_names.push(...built);
+        return [..._className, ...built].join(' ');
     }
     __updateEventListener(element, key, listener, options) {
         const event = key.endsWith('Capture') ? key.slice(2, -7).toLowerCase() : key.slice(2).toLowerCase();
@@ -3980,6 +3984,11 @@ class _DOMRenderer extends renderer._Renderer {
     /** @internal */
     _updateElement(node, element, stack) {
         const { type, props: { className, style, inlineStyle, innerHTML, ..._props } } = node;
+        if (element instanceof DOMNativeNode) {
+            const builtClassName = this.__createBuiltClassName(className, style);
+            element.update({ className: builtClassName, style: inlineStyle, innerHTML, ..._props });
+            return;
+        }
         if (!_.isString(type))
             throw Error('Invalid type');
         switch (type) {
@@ -3987,7 +3996,13 @@ class _DOMRenderer extends renderer._Renderer {
             case 'head': return;
             case 'body': return;
         }
-        this.__updateElementStyle(element, className, style);
+        const builtClassName = this.__createBuiltClassName(className, style);
+        if (_.isEmpty(builtClassName)) {
+            element.removeAttribute('class');
+        }
+        else {
+            element.className = builtClassName;
+        }
         if (!_.isEmpty(innerHTML))
             element.innerHTML = innerHTML;
         if (inlineStyle) {
@@ -4050,22 +4065,30 @@ class _DOMRenderer extends renderer._Renderer {
         if (type === 'head') {
             this._tracked_head_children.push(...children);
         }
+        else if (element instanceof DOMNativeNode) {
+            element.replaceChildren(children);
+        }
         else if (_.isEmpty(innerHTML)) {
             this.__replaceChildren(element, children);
         }
     }
     /** @internal */
     _destroyElement(node, element) {
-        const tracked_listener = this._tracked_listener.get(element) ?? {};
-        for (const [key, listener] of _.entries(tracked_listener)) {
-            const event = key.endsWith('Capture') ? key.slice(2, -7).toLowerCase() : key.slice(2).toLowerCase();
-            if (_.isFunction(listener)) {
-                element.removeEventListener(event, listener, { capture: key.endsWith('Capture') });
+        if (element instanceof DOMNativeNode) {
+            element.destroy();
+        }
+        else {
+            const tracked_listener = this._tracked_listener.get(element) ?? {};
+            for (const [key, listener] of _.entries(tracked_listener)) {
+                const event = key.endsWith('Capture') ? key.slice(2, -7).toLowerCase() : key.slice(2).toLowerCase();
+                if (_.isFunction(listener)) {
+                    element.removeEventListener(event, listener, { capture: key.endsWith('Capture') });
+                }
             }
         }
     }
     __replaceChildren(element, children) {
-        const diff = myers_js.myersSync(_.map(element.childNodes, x => x.nodeType === this.doc.TEXT_NODE ? x.textContent ?? '' : x), children, { compare: (a, b) => a === b });
+        const diff = myers_js.myersSync(_.map(element.childNodes, x => x.nodeType === this.doc.TEXT_NODE ? x.textContent ?? '' : x), _.map(children, x => x instanceof DOMNativeNode ? x.target : x), { compare: (a, b) => a === b });
         let i = 0;
         for (const { remove, insert, equivalent } of diff) {
             if (equivalent) {
@@ -4088,7 +4111,7 @@ class _DOMRenderer extends renderer._Renderer {
         const root = this.createRoot();
         try {
             root.mount(component, { skipMount: true });
-            const str = _.map(_.castArray(root.root ?? []), x => x.outerHTML).join('');
+            const str = _.map(_.castArray(root.root ?? []), x => (x instanceof DOMNativeNode ? x.target : x).outerHTML).join('');
             return str.startsWith('<html>') ? `<!DOCTYPE html>${str}` : str;
         }
         finally {
@@ -4097,5 +4120,6 @@ class _DOMRenderer extends renderer._Renderer {
     }
 }
 
+exports.DOMNativeNode = DOMNativeNode;
 exports._DOMRenderer = _DOMRenderer;
-//# sourceMappingURL=common-DV3pvrs5.js.map
+//# sourceMappingURL=common-BYkI-LyH.js.map