frosty 0.0.114 → 0.0.115

package/dist/_native.d.mts

@@ -1,5 +1,5 @@
 import { N as NativeElementType, c as PropsType, C as ComponentNode } from './internals/common-CpEB3ieX.mjs';
-export { V as VNode, _ as _Renderer } from './internals/renderer-BelBgEvy.mjs';
+export { V as VNode, _ as _Renderer } from './internals/renderer-JDjL_fNZ.mjs';
 export { u as uniqueId } from './internals/utils-CWsh4Zpu.mjs';
 import '@o2ter/utils-js';
 import 'lodash';

package/dist/_native.d.ts

@@ -1,5 +1,5 @@
 import { N as NativeElementType, c as PropsType, C as ComponentNode } from './internals/common-CpEB3ieX.js';
-export { V as VNode, _ as _Renderer } from './internals/renderer--F4YB5QP.js';
+export { V as VNode, _ as _Renderer } from './internals/renderer-CtvkpyUB.js';
 export { u as uniqueId } from './internals/utils-B79j-cNE.js';
 import '@o2ter/utils-js';
 import 'lodash';

package/dist/_native.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var runtime = require('./internals/runtime-57ivQprw.js');
-var renderer = require('./internals/renderer-CNz1Y3a_.js');
+var renderer = require('./internals/renderer-Dv-IAwBn.js');
 var state = require('./internals/state-C9_fGuhZ.js');
 require('lodash');
 require('nextick');

package/dist/_native.mjs

@@ -1,6 +1,6 @@
 import { _ as _createElement } from './internals/runtime-Dp4_akLf.mjs';
 export { N as NativeElementType } from './internals/runtime-Dp4_akLf.mjs';
-export { _ as _Renderer } from './internals/renderer-CA9aKFMW.mjs';
+export { _ as _Renderer } from './internals/renderer-DNuaMgXi.mjs';
 export { d as EventEmitter, V as VNode, a as uniqueId } from './internals/state-DgSrjGGU.mjs';
 import 'lodash';
 import 'nextick';

package/dist/dom.d.mts

@@ -1,9 +1,9 @@
-import { _ as _DOMRenderer } from './internals/renderer-BQawOCgo.mjs';
+import { _ as _DOMRenderer } from './internals/renderer-CJV68U2U.mjs';
 import './internals/common-CpEB3ieX.mjs';
 import '@o2ter/utils-js';
 import 'lodash';
 import 'csstype';
-import './internals/renderer-BelBgEvy.mjs';
+import './internals/renderer-JDjL_fNZ.mjs';
 import 'jsdom';
 
 declare class DOMRenderer extends _DOMRenderer {

package/dist/dom.d.ts

@@ -1,9 +1,9 @@
-import { _ as _DOMRenderer } from './internals/renderer-Bv5pi6kG.js';
+import { _ as _DOMRenderer } from './internals/renderer-Bnsr3mNZ.js';
 import './internals/common-CpEB3ieX.js';
 import '@o2ter/utils-js';
 import 'lodash';
 import 'csstype';
-import './internals/renderer--F4YB5QP.js';
+import './internals/renderer-CtvkpyUB.js';
 import 'jsdom';
 
 declare class DOMRenderer extends _DOMRenderer {

package/dist/dom.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var renderer = require('./internals/renderer-I-1wuWMB.js');
+var renderer = require('./internals/renderer-DINmR7Fc.js');
 require('lodash');
 require('myers.js');
-require('./internals/renderer-CNz1Y3a_.js');
+require('./internals/renderer-Dv-IAwBn.js');
 require('./internals/state-C9_fGuhZ.js');
 require('./internals/runtime-57ivQprw.js');
 require('nextick');

package/dist/dom.mjs

@@ -1,7 +1,7 @@
-import { _ as _DOMRenderer } from './internals/renderer-DowEJaeR.mjs';
+import { _ as _DOMRenderer } from './internals/renderer-B2hPQcF0.mjs';
 import 'lodash';
 import 'myers.js';
-import './internals/renderer-CA9aKFMW.mjs';
+import './internals/renderer-DNuaMgXi.mjs';
 import './internals/state-DgSrjGGU.mjs';
 import './internals/runtime-Dp4_akLf.mjs';
 import 'nextick';

package/dist/internals/{renderer-DowEJaeR.mjs → renderer-B2hPQcF0.mjs}

@@ -1,5 +1,5 @@
 import _ from 'lodash';
-import { _ as _Renderer } from './renderer-CA9aKFMW.mjs';
+import { _ as _Renderer } from './renderer-DNuaMgXi.mjs';
 import postcss from 'postcss';
 import { parse } from 'postcss-js';
 import nested from 'postcss-nested';
@@ -4281,11 +4281,10 @@ class _DOMRenderer extends _Renderer {
                 props: [],
                 className: [],
             });
-            this._updateElement(node, elem, stack);
             return elem;
         }
         if (!_.isString(type))
-            throw Error('Invalid type');
+            throw Error(`Invalid type ${type}`);
         switch (type) {
             case 'html': return this.document.documentElement;
             case 'head': return this.document.head ?? this.document.createElementNS(HTML_NS, 'head');
@@ -4304,7 +4303,6 @@ class _DOMRenderer extends _Renderer {
             props: [],
             className: [],
         });
-        this._updateElement(node, elem, stack);
         return elem;
     }
     __createBuiltClassName(element, className, style) {
@@ -4316,7 +4314,7 @@ class _DOMRenderer extends _Renderer {
         return [..._className, ...built].join(' ');
     }
     /** @internal */
-    _updateElement(node, element, stack) {
+    _updateElement(node, element, children, stack, force) {
         if (element instanceof DOMNativeNode) {
             const { props: { ref, className, style, inlineStyle, ..._props } } = node;
             if (ref)
@@ -4327,27 +4325,35 @@ class _DOMRenderer extends _Renderer {
                 className: builtClassName ? builtClassName : undefined,
                 style: css ? css : undefined,
                 ..._props
-            });
+            }, children);
+            return;
+        }
+        if (_.isEmpty(stack)) {
+            DOMNativeNode.Utils.replaceChildren(element, children, (x) => !!force || this._tracked_elements.has(x));
             return;
         }
         const { type, props: { ref, className, style, inlineStyle, innerHTML, ..._props } } = node;
         if (!_.isString(type))
-            throw Error('Invalid type');
+            throw Error(`Invalid type ${type}`);
         switch (type) {
-            case 'html': return;
-            case 'head': return;
-            case 'body': return;
+            case 'head': {
+                this._tracked_head_children.push(...children);
+                return;
+            }
         }
         if (ref)
             mergeRefs(ref)(element);
         const tracked = this._tracked_elements.get(element);
-        if (!tracked)
-            return;
-        const removed = _.difference(tracked.props, _.keys(_props));
-        tracked.props = _.keys(_props);
+        const removed = tracked ? _.difference(tracked.props, _.keys(_props)) : [];
+        if (tracked)
+            tracked.props = _.keys(_props);
         const builtClassName = this.__createBuiltClassName(element, className, style);
-        if (!_.isEmpty(innerHTML) && element.innerHTML !== innerHTML)
+        if (_.isNil(innerHTML)) {
+            DOMNativeNode.Utils.replaceChildren(element, children, (x) => !!force || this._tracked_elements.has(x));
+        }
+        else if (element.innerHTML !== innerHTML) {
             element.innerHTML = innerHTML;
+        }
         DOMNativeNode.Utils.update(element, {
             className: builtClassName,
             style: inlineStyle ? processCss(inlineStyle).css : undefined,
@@ -4356,21 +4362,6 @@ class _DOMRenderer extends _Renderer {
         });
     }
     /** @internal */
-    _replaceChildren(node, element, children, stack, force) {
-        if (element instanceof DOMNativeNode) {
-            element.replaceChildren(children);
-        }
-        else {
-            const { type, props: { innerHTML } } = node;
-            if (type === 'head') {
-                this._tracked_head_children.push(...children);
-            }
-            else if (_.isEmpty(innerHTML)) {
-                DOMNativeNode.Utils.replaceChildren(element, children, (x) => !!force || this._tracked_elements.has(x));
-            }
-        }
-    }
-    /** @internal */
     _destroyElement(node, element) {
         if (element instanceof DOMNativeNode) {
             element.destroy();
@@ -4385,7 +4376,9 @@ class _DOMRenderer extends _Renderer {
             await root.mount(component, { skipMount: true });
             const elements = _.flatMap(_.castArray(root.root ?? []), x => x instanceof DOMNativeNode ? x.target : x);
             const str = _.map(elements, x => x.outerHTML).join('');
-            return str.startsWith('<html>') ? `<!DOCTYPE html>${str}` : str;
+            if (elements.length !== 1)
+                return str;
+            return elements[0].tagName.toLowerCase() === 'html' ? `<!DOCTYPE html>${str}` : str;
         }
         finally {
             root.unmount();
@@ -4394,4 +4387,4 @@ class _DOMRenderer extends _Renderer {
 }
 
 export { DOMNativeNode as D, _DOMRenderer as _ };
-//# sourceMappingURL=renderer-DowEJaeR.mjs.map
+//# sourceMappingURL=renderer-B2hPQcF0.mjs.map