@symbiotejs/symbiote 3.5.4 → 3.5.6

package/core/Symbiote.js

@@ -531,6 +531,7 @@ export class Symbiote extends HTMLElement {
 
   destructionDelay = 100;
   disconnectedCallback() {
+    if (globalThis.__SYMBIOTE_SSR) return;
     // if element wasn't connected, there is no need to disconnect it
     if (!this.connectedOnce) {
       return;

package/node/SSR.js

@@ -41,6 +41,21 @@ function extractCSS(sheet) {
   return text;
 }
 
+/**
+ * Check if a node is inside a <pre> or <code> ancestor.
+ * @param {Node} node
+ * @returns {boolean}
+ */
+function isInsidePreformatted(node) {
+  let el = node.parentElement;
+  while (el) {
+    let tag = el.localName;
+    if (tag === 'pre' || tag === 'code') return true;
+    el = el.parentElement;
+  }
+  return false;
+}
+
 /**
  * Resolve {{prop}} text node tokens by reading values from the closest custom element.
  * @param {string} text
@@ -146,8 +161,9 @@ function serializeAttrs(el) {
  * @returns {string}
  */
 function serializeNode(node, emittedStyles, nonce) {
-  // Custom element — recurse:
-  if (node.nodeType === 1 && /** @type {Element} */ (node).localName?.includes('-')) {
+  let preformatted = isInsidePreformatted(node);
+  // Custom element — recurse (skip inside pre/code):
+  if (!preformatted && node.nodeType === 1 && /** @type {Element} */ (node).localName?.includes('-')) {
     return serializeElement(/** @type {HTMLElement} */ (node), emittedStyles, nonce);
   }
   // Regular element:
@@ -162,6 +178,7 @@ function serializeNode(node, emittedStyles, nonce) {
   }
   // Text node:
   if (node.nodeType === 3) {
+    if (preformatted) return node.textContent || '';
     return resolveTextTokens(node.textContent || '', node);
   }
   // Comment:
@@ -233,7 +250,9 @@ async function* streamElement(el, emittedStyles, nonce) {
  * @returns {AsyncGenerator<string>}
  */
 async function* streamNode(node, emittedStyles, nonce) {
-  if (node.nodeType === 1 && /** @type {Element} */ (node).localName?.includes('-')) {
+  let preformatted = isInsidePreformatted(node);
+  // Custom element — stream (skip inside pre/code):
+  if (!preformatted && node.nodeType === 1 && /** @type {Element} */ (node).localName?.includes('-')) {
     yield* streamElement(/** @type {HTMLElement} */ (node), emittedStyles, nonce);
     return;
   }
@@ -252,7 +271,11 @@ async function* streamNode(node, emittedStyles, nonce) {
     return;
   }
   if (node.nodeType === 3) {
-    yield resolveTextTokens(node.textContent || '', node);
+    if (preformatted) {
+      yield node.textContent || '';
+    } else {
+      yield resolveTextTokens(node.textContent || '', node);
+    }
     return;
   }
   if (node.nodeType === 8) {
@@ -342,9 +365,6 @@ export class SSR {
    * Called automatically by processHtml(). Call manually only after renderToString/renderToStream.
    */
   static destroy() {
-    if (SSR.#doc) {
-      SSR.#doc.body.innerHTML = '';
-    }
     delete globalThis.__SYMBIOTE_SSR;
     delete globalThis.document;
     delete globalThis.window;
@@ -375,6 +395,13 @@ export class SSR {
    * ```
    */
   static async processHtml(html, options = {}) {
+    let doctype = '';
+    let doctypeMatch = html.match(/^(\s*<!doctype[^>]*>\s*)/i);
+    if (doctypeMatch) {
+      doctype = doctypeMatch[1];
+      html = html.slice(doctypeMatch[0].length);
+    }
+
     let autoInited = !SSR.#doc;
     if (autoInited) {
       await SSR.init();
@@ -385,11 +412,10 @@ export class SSR {
     for (let child of SSR.#doc.body.childNodes) {
       result += serializeNode(child, emittedStyles, options.nonce);
     }
-    SSR.#doc.body.innerHTML = '';
     if (autoInited) {
       SSR.destroy();
     }
-    return result;
+    return doctype + result;
   }
 
   /**
@@ -422,7 +448,6 @@ export class SSR {
       html = serializeElement(el, new Set(), options.nonce);
       el.remove();
     }
-    SSR.#doc.body.innerHTML = '';
     return html;
   }
 
@@ -454,7 +479,6 @@ export class SSR {
       yield* streamElement(el, new Set(), options.nonce);
       el.remove();
     }
-    SSR.#doc.body.innerHTML = '';
   }
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@symbiotejs/symbiote",
-  "version": "3.5.4",
+  "version": "3.5.6",
   "description": "Symbiote.js - zero-dependency close-to-platform frontend library to build super-powered web components",
   "author": "team@rnd-pro.com",
   "license": "MIT",

package/types/core/Symbiote.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Symbiote.d.ts","sourceRoot":"","sources":["../../core/Symbiote.js"],"names":[],"mappings":";;AAoBA,sBADc,CAAC;IAuBb,cADW,mBAAmB,CACjB;IAEb,iCAEC;IAED,8BAEC;IAkBD,wBAAgB;IA8JhB,+BAJwB,CAAC,SAAZ,aAAU,uBAEZ,CAAC;;;MA0CX;IAuQD,qCAA+B;IAoC/B,iDAFa,OAAO,QAAQ,CAkB3B;IAED,wBAKC;IAGD;;aAYC;IAmHD,6BADY,SAAS,aAAa,QAOjC;IAGD,+BADY,SAAS,aAAa,QAOjC;IAGD,8BADY,SAAS,aAAa,EAIjC;IAGD,gCADY,SAAS,aAAa,EAIjC;IAzkBD,cA6BC;IAzID,gCAEC;IAED,qBAAiB;IACjB,uBAAmB;IAiBnB,kBAHW,SAAS,gBAAgB,0BAuFnC;IAxDG,aAAiD;IA6DnD,OADW,CAAC,CACoB;IAEhC;;MAAmC;IAEnC,oBADW,GAAG,CAAC,CAAC,EAAE,EAAE,gBAAgB,gBAAW,EAAE,KAAK,eAAU,KAAK,IAAI,CAAC,CACvC;IAEnC;;MAA8B;IAC9B,kBAAwB;IAExB,qBAAwB;IAExB,sBAAyB;IAEzB,wBAA0B;IAE1B,0BAA6B;IAI7B,iBAAoB;IAEpB,6BAAgC;IAEhC,mBAAsB;IAEtB,4BAA8B;IAIhC,yBAEC;IAGD,sBASC;IAGD,4BAKC;IAGD,6BAEC;IAuDD,IALuB,CAAC,SAAX,MAAO,CAAE,QACX,CAAC,WACD,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,wBAuC/B;IAGD,2BAIC;IAGD,uBAIC;IAQD,IALuB,CAAC,SAAX,MAAO,CAAE,qBAEX,CAAC,CAAC,CAAC,CAAC,2BAOd;IAMD,UAHW,OAAO,CAAC,CAAC,CAAC,2BAOpB;IAGD,SADc,CAAC,CA6Bd;IAMD,YAHW,OAAO,CAAC,CAAC,CAAC,mCAcpB;IAED,8BAgBC;IAdG,4CASE;IAmFF,0BAAwC;IAwB1C,uBAAyB;IAG3B,0BAEC;IAED,wBAAoB;IAUpB,yBAAuB;IACvB,6BA0BC;IA+CD,oEAeC;IAMD,yDAoBC;IAYD,0BAME;IAMF,0CAFW,GAAG,QAgBb;IAED,yBAGC;IAOD,8EAmBC;;CA+BF;;mBA1uBkB,aAAa;qBAEX,iBAAiB;2BACX,iBAAiB"}
+{"version":3,"file":"Symbiote.d.ts","sourceRoot":"","sources":["../../core/Symbiote.js"],"names":[],"mappings":";;AAoBA,sBADc,CAAC;IAuBb,cADW,mBAAmB,CACjB;IAEb,iCAEC;IAED,8BAEC;IAkBD,wBAAgB;IA8JhB,+BAJwB,CAAC,SAAZ,aAAU,uBAEZ,CAAC;;;MA0CX;IAuQD,qCAA+B;IAqC/B,iDAFa,OAAO,QAAQ,CAkB3B;IAED,wBAKC;IAGD;;aAYC;IAmHD,6BADY,SAAS,aAAa,QAOjC;IAGD,+BADY,SAAS,aAAa,QAOjC;IAGD,8BADY,SAAS,aAAa,EAIjC;IAGD,gCADY,SAAS,aAAa,EAIjC;IA1kBD,cA6BC;IAzID,gCAEC;IAED,qBAAiB;IACjB,uBAAmB;IAiBnB,kBAHW,SAAS,gBAAgB,0BAuFnC;IAxDG,aAAiD;IA6DnD,OADW,CAAC,CACoB;IAEhC;;MAAmC;IAEnC,oBADW,GAAG,CAAC,CAAC,EAAE,EAAE,gBAAgB,gBAAW,EAAE,KAAK,eAAU,KAAK,IAAI,CAAC,CACvC;IAEnC;;MAA8B;IAC9B,kBAAwB;IAExB,qBAAwB;IAExB,sBAAyB;IAEzB,wBAA0B;IAE1B,0BAA6B;IAI7B,iBAAoB;IAEpB,6BAAgC;IAEhC,mBAAsB;IAEtB,4BAA8B;IAIhC,yBAEC;IAGD,sBASC;IAGD,4BAKC;IAGD,6BAEC;IAuDD,IALuB,CAAC,SAAX,MAAO,CAAE,QACX,CAAC,WACD,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,wBAuC/B;IAGD,2BAIC;IAGD,uBAIC;IAQD,IALuB,CAAC,SAAX,MAAO,CAAE,qBAEX,CAAC,CAAC,CAAC,CAAC,2BAOd;IAMD,UAHW,OAAO,CAAC,CAAC,CAAC,2BAOpB;IAGD,SADc,CAAC,CA6Bd;IAMD,YAHW,OAAO,CAAC,CAAC,CAAC,mCAcpB;IAED,8BAgBC;IAdG,4CASE;IAmFF,0BAAwC;IAwB1C,uBAAyB;IAG3B,0BAEC;IAED,wBAAoB;IAUpB,yBAAuB;IACvB,6BA2BC;IA+CD,oEAeC;IAMD,yDAoBC;IAYD,0BAME;IAMF,0CAFW,GAAG,QAgBb;IAED,yBAGC;IAOD,8EAmBC;;CA+BF;;mBA3uBkB,aAAa;qBAEX,iBAAiB;2BACX,iBAAiB"}

package/types/node/SSR.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SSR.d.ts","sourceRoot":"","sources":["../../node/SSR.js"],"names":[],"mappings":"AAsQA;IAEE,8BAAmB;IACnB,8BAAmB;IAMnB;;;OAkEC;IAMD,uBAeC;IAkBD,yBAZW,MAAM,YACN;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,GAChB,OAAO,CAAC,MAAM,CAAC,CA0B3B;IAWD,+BALW,MAAM;;iBAEN;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,GAChB,MAAM,CAyBlB;IAWD,+BALW,MAAM;;iBAEN;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,GAChB,cAAc,CAAC,MAAM,CAAC,CAsBlC;CACF"}
+{"version":3,"file":"SSR.d.ts","sourceRoot":"","sources":["../../node/SSR.js"],"names":[],"mappings":"AA6RA;IAEE,8BAAmB;IACnB,8BAAmB;IAMnB;;;OAkEC;IAMD,uBAYC;IAkBD,yBAZW,MAAM,YACN;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,GAChB,OAAO,CAAC,MAAM,CAAC,CAgC3B;IAWD,+BALW,MAAM;;iBAEN;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,GAChB,MAAM,CAwBlB;IAWD,+BALW,MAAM;;iBAEN;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,GAChB,cAAc,CAAC,MAAM,CAAC,CAqBlC;CACF"}