@designcrowd/library.brand-page 6.0.6-json-prereq-1 → 6.0.6-json-prereq-3

package/lib/src/{CreatedOnBrandCrowd-de-de-Dx3e-vQ6.js → CreatedOnBrandCrowd-de-de-CvDAZ3Qq.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-C5H_bvMR.js";
+import { _ as t } from "./lib-BHQg-PvG.js";
 const i = {}, h = {
   width: "275",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-en-us-CbchLDa2.js → CreatedOnBrandCrowd-en-us-DgROckDq.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-C5H_bvMR.js";
+import { _ as t } from "./lib-BHQg-PvG.js";
 const i = {}, h = {
   width: "251",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-es-es-BXbpN7li.js → CreatedOnBrandCrowd-es-es-lvQ5oABV.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-C5H_bvMR.js";
+import { _ as t } from "./lib-BHQg-PvG.js";
 const i = {}, h = {
   width: "250",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-fr-hIk7h9bV.js → CreatedOnBrandCrowd-fr-ca-DDM2q89U.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-C5H_bvMR.js";
+import { _ as t } from "./lib-BHQg-PvG.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-ca-hIk7h9bV.js → CreatedOnBrandCrowd-fr-fr-DDM2q89U.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-C5H_bvMR.js";
+import { _ as t } from "./lib-BHQg-PvG.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-pt-CqsCRIqc.js → CreatedOnBrandCrowd-pt-br-xlgcCsw2.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-C5H_bvMR.js";
+import { _ as t } from "./lib-BHQg-PvG.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-br-CqsCRIqc.js → CreatedOnBrandCrowd-pt-pt-xlgcCsw2.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-C5H_bvMR.js";
+import { _ as t } from "./lib-BHQg-PvG.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnDcom-de-de-NEOtgsvz.js → CreatedOnDcom-de-de-BtoXg_n-.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-C5H_bvMR.js";
+import { _ as e } from "./lib-BHQg-PvG.js";
 const M = {}, Z = {
   width: "242",
   height: "36",

package/lib/src/{CreatedOnDcom-en-us-CKtEdcoG.js → CreatedOnDcom-en-us-DxcNxmi9.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-C5H_bvMR.js";
+import { _ as e } from "./lib-BHQg-PvG.js";
 const i = {}, M = {
   width: "231",
   height: "36",

package/lib/src/{CreatedOnDcom-es-es-DZR9o6DK.js → CreatedOnDcom-es-es-BWaZAgQW.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-C5H_bvMR.js";
+import { _ as e } from "./lib-BHQg-PvG.js";
 const M = {}, Z = {
   width: "230",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-ca-Bo_oTp-T.js → CreatedOnDcom-fr-ca-Co05A_WA.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-C5H_bvMR.js";
+import { _ as e } from "./lib-BHQg-PvG.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-fr-DE6Fa3ie.js → CreatedOnDcom-fr-fr-BtJXovuS.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-C5H_bvMR.js";
+import { _ as e } from "./lib-BHQg-PvG.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-br-Cws2QJ7J.js → CreatedOnDcom-pt-br-DWIPipkQ.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-C5H_bvMR.js";
+import { _ as M } from "./lib-BHQg-PvG.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-pt-DYGQo6q3.js → CreatedOnDcom-pt-pt-BIfV_ZdE.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-C5H_bvMR.js";
+import { _ as M } from "./lib-BHQg-PvG.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/brand-page-maker/utils/rte-render.util.d.ts

@@ -12,16 +12,17 @@ export { isTiptapDocument, getRteJsonPlainText };
  *   - renderRteToHtml  — render either form to final HTML for display.
  *   - toRteJson        — normalise either form to JSON for storage.
  *
- * Rendering uses the SAME extension set as the headless serialiser
- * (getRteExtensions, includeLinkRel) so JSON-rendered output is byte-identical
- * to today's stored HTML — proven by the render-parity golden master.
+ *   - renderRteToHtml uses a DOM-less serialiser (works on the server).
+ *   - toRteJson uses a headless editor to PARSE HTML → JSON, so it only runs
+ *     where a DOM exists (browser, or jsdom in tests); the server never parses
+ *     HTML (migration-18 is DOM-guarded, translation/fraud walk JSON directly).
  */
 export type RichTextValue = string | JSONContent;
 /**
- * Render an RTE value to final HTML. Legacy HTML strings pass through
- * untouched (they are already HTML); Tiptap JSON is rendered via the
- * headless editor's renderHTML, matching the stored-HTML output exactly,
- * and memoised so repeat renders of unchanged content don't re-convert.
+ * Render an RTE value to final HTML. Legacy HTML strings pass through untouched
+ * (they are already HTML); Tiptap JSON is serialised by a DOM-less pure
+ * function (rte-serializer) — no editor, no DOM — so it works on the server
+ * (SSR/publish), not just the browser, and is cheap enough to run per render.
  */
 export declare const renderRteToHtml: (value: RichTextValue | null | undefined) => string;
 /**

package/lib/src/brand-page-maker/utils/rte-render.util.js

@@ -1,15 +1,12 @@
 import { Editor } from '@tiptap/vue-3';
 import { getRteExtensions } from '../composables/rich-text-editor/getRteExtensions';
 import { isTiptapDocument, getRteJsonPlainText } from './rich-text-editor.util';
+import { serializeRteJsonToHtml } from './rte-serializer';
 export { isTiptapDocument, getRteJsonPlainText };
 /**
  * Run a function with a short-lived headless editor (created then destroyed).
- *
- * We deliberately do NOT keep a long-lived editor instance: a lingering Tiptap
- * editor throws "document is not defined" when a test DOM (jsdom) is torn down.
- * The expensive repeat-render case (re-rendering unchanged content on a
- * display-style/layout change) is handled by the render cache below, so this
- * only runs on a cache miss — i.e. genuinely new/changed content.
+ * Used only by toRteJson (HTML → JSON parsing), which needs a real DOM. Not
+ * used by the render path, which is DOM-less.
  */
 const withHeadlessEditor = (fn) => {
     const editor = new Editor({
@@ -24,42 +21,17 @@ const withHeadlessEditor = (fn) => {
     }
 };
 /**
- * JSON→HTML is pure: the same document always renders to the same HTML. A
- * display-style/layout change re-renders every TextWrapper but does NOT change
- * the text content, so without a cache we would re-run the (expensive)
- * setContent+getHTML for unchanged content on every re-render. A small LRU
- * keyed by the document makes those repeat renders a near-free map lookup.
- */
-const RENDER_CACHE_LIMIT = 200;
-const renderCache = new Map();
-/**
- * Render an RTE value to final HTML. Legacy HTML strings pass through
- * untouched (they are already HTML); Tiptap JSON is rendered via the
- * headless editor's renderHTML, matching the stored-HTML output exactly,
- * and memoised so repeat renders of unchanged content don't re-convert.
+ * Render an RTE value to final HTML. Legacy HTML strings pass through untouched
+ * (they are already HTML); Tiptap JSON is serialised by a DOM-less pure
+ * function (rte-serializer) — no editor, no DOM — so it works on the server
+ * (SSR/publish), not just the browser, and is cheap enough to run per render.
  */
 export const renderRteToHtml = (value) => {
     if (value == null || value === '')
         return '';
     if (typeof value === 'string')
         return value;
-    const key = JSON.stringify(value);
-    const cached = renderCache.get(key);
-    if (cached !== undefined) {
-        // LRU bump: re-insert so the most-recently-used key is evicted last.
-        renderCache.delete(key);
-        renderCache.set(key, cached);
-        return cached;
-    }
-    const html = withHeadlessEditor((editor) => {
-        editor.commands.setContent(value);
-        return editor.getHTML();
-    });
-    renderCache.set(key, html);
-    if (renderCache.size > RENDER_CACHE_LIMIT) {
-        renderCache.delete(renderCache.keys().next().value);
-    }
-    return html;
+    return serializeRteJsonToHtml(value);
 };
 /**
  * Normalise an RTE value to a Tiptap JSON document. HTML strings are parsed

package/lib/src/brand-page-maker/utils/rte-serializer.d.ts

@@ -0,0 +1,5 @@
+import type { JSONContent } from '@tiptap/vue-3';
+/**
+ * Serialise a Tiptap JSON document to HTML without an editor/DOM.
+ */
+export declare const serializeRteJsonToHtml: (doc: JSONContent) => string;

package/lib/src/brand-page-maker/utils/rte-serializer.js

@@ -0,0 +1,112 @@
+const escapeHtml = (value) => value.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+const escapeAttr = (value) => escapeHtml(value).replace(/"/g, '&quot;');
+// textStyle attr → CSS property, in a stable order.
+const TEXT_STYLE_PROPS = [
+    ['fontFamily', 'font-family'],
+    ['fontSize', 'font-size'],
+    ['letterSpacing', 'letter-spacing'],
+    ['lineHeight', 'line-height'],
+    ['color', 'color'],
+];
+const textStyleCss = (attrs) => TEXT_STYLE_PROPS.filter(([key]) => typeof attrs[key] === 'string' && attrs[key])
+    .map(([key, css]) => `${css}: ${attrs[key]}`)
+    .join('; ');
+// Outermost → innermost. Reversed at wrap time so links wrap outside spans,
+// which wrap outside the plain formatting marks.
+const MARK_ORDER = [
+    'link',
+    'textStyle',
+    'highlight',
+    'strike',
+    'underline',
+    'italic',
+    'bold',
+    'code',
+];
+const wrapMark = (type, attrs, inner) => {
+    switch (type) {
+        case 'bold':
+            return `<strong>${inner}</strong>`;
+        case 'italic':
+            return `<em>${inner}</em>`;
+        case 'underline':
+            return `<u>${inner}</u>`;
+        case 'strike':
+            return `<s>${inner}</s>`;
+        case 'code':
+            return `<code>${inner}</code>`;
+        case 'textStyle': {
+            const css = textStyleCss(attrs);
+            return css ? `<span style="${escapeAttr(css)}">${inner}</span>` : inner;
+        }
+        case 'highlight': {
+            const color = typeof attrs.color === 'string' ? attrs.color : '';
+            return color
+                ? `<mark data-color="${escapeAttr(color)}" style="background-color: ${escapeAttr(color)}; color: inherit;">${inner}</mark>`
+                : `<mark>${inner}</mark>`;
+        }
+        case 'link': {
+            const href = typeof attrs.href === 'string' ? attrs.href : '';
+            let open = `<a href="${escapeAttr(href)}"`;
+            if (attrs.target)
+                open += ` target="${escapeAttr(String(attrs.target))}"`;
+            if (attrs.rel)
+                open += ` rel="${escapeAttr(String(attrs.rel))}"`;
+            return `${open}>${inner}</a>`;
+        }
+        default:
+            return inner;
+    }
+};
+const renderText = (node) => {
+    let html = escapeHtml(node.text ?? '');
+    const marks = Array.isArray(node.marks) ? node.marks : [];
+    for (const type of [...MARK_ORDER].reverse()) {
+        const mark = marks.find((m) => m?.type === type);
+        if (mark)
+            html = wrapMark(type, mark.attrs ?? {}, html);
+    }
+    return html;
+};
+const alignAttr = (node) => {
+    const align = node.attrs?.textAlign;
+    return typeof align === 'string' && align
+        ? ` style="text-align: ${escapeAttr(align)}"`
+        : '';
+};
+const renderChildren = (node) => (node.content ?? []).map(renderNode).join('');
+const renderNode = (node) => {
+    if (!node || typeof node !== 'object')
+        return '';
+    switch (node.type) {
+        case 'text':
+            return renderText(node);
+        case 'hardBreak':
+            return '<br>';
+        case 'horizontalRule':
+            return '<hr>';
+        case 'paragraph':
+            return `<p${alignAttr(node)}>${renderChildren(node)}</p>`;
+        case 'heading': {
+            const level = Math.min(6, Math.max(1, Number(node.attrs?.level) || 1));
+            return `<h${level}${alignAttr(node)}>${renderChildren(node)}</h${level}>`;
+        }
+        case 'bulletList':
+            return `<ul>${renderChildren(node)}</ul>`;
+        case 'orderedList':
+            return `<ol>${renderChildren(node)}</ol>`;
+        case 'listItem':
+            return `<li>${renderChildren(node)}</li>`;
+        case 'blockquote':
+            return `<blockquote>${renderChildren(node)}</blockquote>`;
+        case 'codeBlock':
+            return `<pre><code>${renderChildren(node)}</code></pre>`;
+        // doc and any unknown container: render children.
+        default:
+            return renderChildren(node);
+    }
+};
+/**
+ * Serialise a Tiptap JSON document to HTML without an editor/DOM.
+ */
+export const serializeRteJsonToHtml = (doc) => renderChildren(doc);

package/lib/src/index.mjs

@@ -1,4 +1,4 @@
-import { A as _, a as E, b as s, c as I, d as S, e as N, f as e, B as A, g as O, h as t, i as C, j as G, k as D, l as P, m as R, n as o, o as L, p as M, q as r, r as n, s as b, t as l, u as i, v as c, w as F, x as g, y as B, z as Y, C as U, D as d, E as u, F as H, G as p, H as y, I as m, J as K, K as k, L as V, M as X, N as v, O as h, P as x, Q as f, R as W, S as z, T as w, U as J, V as Z, W as j, X as q, Y as Q, Z as $, $ as aa, a0 as Ta, a1 as _a, a2 as Ea, a3 as sa, a4 as Ia, a5 as Sa, a6 as Na, a7 as ea, a8 as Aa, a9 as Oa, aa as ta, ab as Ca, ac as Ga, ad as Da, ae as Pa, af as Ra, ag as oa, ah as La, ai as Ma, aj as ra, ak as na, al as ba, am as la, an as ia, ao as ca, ap as Fa, aq as ga, ar as Ba, as as Ya, at as Ua, au as da, av as ua, aw as Ha, ax as pa, ay as ya, az as ma, aA as Ka, aB as ka, aC as Va, aD as Xa, aE as va, aF as ha, aG as xa, aH as fa, aI as Wa, aJ as za, aK as wa, aL as Ja, aM as Za, aN as ja, aO as qa, aP as Qa, aQ as $a, aR as aT, aS as TT, aT as _T, aU as ET, aV as sT, aW as IT, aX as ST, aY as NT, aZ as eT, a_ as AT, a$ as OT, b0 as tT, b1 as CT, b2 as GT, b3 as DT, b4 as PT, b5 as RT, b6 as oT, b7 as LT, b8 as MT, b9 as rT, ba as nT, bb as bT, bc as lT, bd as iT, be as cT, bf as FT, bg as gT, bh as BT, bi as YT, bj as UT, bk as dT, bl as uT, bm as HT, bn as pT, bo as yT, bp as mT, bq as KT, br as kT, bs as VT, bt as XT, bu as vT, bv as hT, bw as xT, bx as fT, by as WT, bz as zT, bA as wT, bB as JT, bC as ZT, bD as jT, bE as qT, bF as QT, bG as $T, bH as a_, bI as T_, bJ as __, bK as E_, bL as s_, bM as I_, bN as S_, bO as N_, bP as e_, bQ as A_, bR as O_, bS as t_, bT as C_, bU as G_, bV as D_, bW as P_, bX as R_, bY as o_, bZ as L_, b_ as M_, b$ as r_, c0 as n_, c1 as b_, c2 as l_, c3 as i_, c4 as c_, c5 as F_, c6 as g_, c7 as B_, c8 as Y_, c9 as U_, ca as d_, cb as u_, cc as H_, cd as p_, ce as y_, cf as m_, cg as K_, ch as k_, ci as V_, cj as X_, ck as v_, cl as h_, cm as x_, cn as f_, co as W_, cp as z_, cq as w_, cr as J_, cs as Z_, ct as j_, cu as q_, cv as Q_, cw as $_, cx as aE, cy as TE, cz as _E } from "./lib-C5H_bvMR.js";
+import { A as _, a as E, b as s, c as I, d as S, e as N, f as e, B as A, g as O, h as t, i as C, j as G, k as D, l as P, m as R, n as o, o as L, p as M, q as r, r as n, s as b, t as l, u as i, v as c, w as F, x as g, y as B, z as Y, C as U, D as d, E as u, F as H, G as p, H as y, I as m, J as K, K as k, L as V, M as X, N as v, O as h, P as x, Q as f, R as W, S as z, T as w, U as J, V as Z, W as j, X as q, Y as Q, Z as $, $ as aa, a0 as Ta, a1 as _a, a2 as Ea, a3 as sa, a4 as Ia, a5 as Sa, a6 as Na, a7 as ea, a8 as Aa, a9 as Oa, aa as ta, ab as Ca, ac as Ga, ad as Da, ae as Pa, af as Ra, ag as oa, ah as La, ai as Ma, aj as ra, ak as na, al as ba, am as la, an as ia, ao as ca, ap as Fa, aq as ga, ar as Ba, as as Ya, at as Ua, au as da, av as ua, aw as Ha, ax as pa, ay as ya, az as ma, aA as Ka, aB as ka, aC as Va, aD as Xa, aE as va, aF as ha, aG as xa, aH as fa, aI as Wa, aJ as za, aK as wa, aL as Ja, aM as Za, aN as ja, aO as qa, aP as Qa, aQ as $a, aR as aT, aS as TT, aT as _T, aU as ET, aV as sT, aW as IT, aX as ST, aY as NT, aZ as eT, a_ as AT, a$ as OT, b0 as tT, b1 as CT, b2 as GT, b3 as DT, b4 as PT, b5 as RT, b6 as oT, b7 as LT, b8 as MT, b9 as rT, ba as nT, bb as bT, bc as lT, bd as iT, be as cT, bf as FT, bg as gT, bh as BT, bi as YT, bj as UT, bk as dT, bl as uT, bm as HT, bn as pT, bo as yT, bp as mT, bq as KT, br as kT, bs as VT, bt as XT, bu as vT, bv as hT, bw as xT, bx as fT, by as WT, bz as zT, bA as wT, bB as JT, bC as ZT, bD as jT, bE as qT, bF as QT, bG as $T, bH as a_, bI as T_, bJ as __, bK as E_, bL as s_, bM as I_, bN as S_, bO as N_, bP as e_, bQ as A_, bR as O_, bS as t_, bT as C_, bU as G_, bV as D_, bW as P_, bX as R_, bY as o_, bZ as L_, b_ as M_, b$ as r_, c0 as n_, c1 as b_, c2 as l_, c3 as i_, c4 as c_, c5 as F_, c6 as g_, c7 as B_, c8 as Y_, c9 as U_, ca as d_, cb as u_, cc as H_, cd as p_, ce as y_, cf as m_, cg as K_, ch as k_, ci as V_, cj as X_, ck as v_, cl as h_, cm as x_, cn as f_, co as W_, cp as z_, cq as w_, cr as J_, cs as Z_, ct as j_, cu as q_, cv as Q_, cw as $_, cx as aE, cy as TE, cz as _E } from "./lib-BHQg-PvG.js";
 import { createPinia as sE, setActivePinia as IE } from "pinia";
 export {
   _ as ABOUT_SECTION_SETTINGS_CONFIG,