@symbo.ls/mermaid 3.14.713 → 3.14.714

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @symbo.ls/mermaid
 
+## 3.14.714
+
+### Patch Changes
+
+- Server rendering is correct and fast, opt-in hydration, and Cloudflare deploys run the full build (FW-BRENDER-HYDRATION-AND-CF-DEPLOY-PROVIDER-1, FW-PUBLISH-TIME-PRERENDER-SSRCACHE-1).
+
+  Behaviour changes (check these first):
+
+  - `smbls build` copies `public/` into the output root (never replacing a file the bundler wrote), so `_redirects`, `_headers` and `404.html` ship with every bundler.
+  - Booting over a pre-rendered page removes only `style[data-emotion="smbls"]` and `style[data-brender]`; the host page's own `<style>` tags stay.
+  - The Cloudflare worker (`renderProjectHtml` without eval) keeps the client render instead of painting a wrong pre-render; a stored pre-render (`ssrCache` / `__ssr`) is still served. `ssrWithoutEval: true` opts back in.
+
+  Fixes:
+
+  - Every server render after the first one paints its theme colours again (linkedom made `deepClone` copy nothing nested).
+  - Server pages ship their own reset, keyframes and `:root` once, also in the Cloudflare worker (`generateGlobalCSS` read the wrong keys, wrote files and cached across projects).
+  - A pre-render waits for its own requests instead of a flat 2 s; server renders stop rescanning the head for every inserted rule.
+  - The server render gets the project's `globalScope` and context keys, as the client does; a `<select>` with a value no longer drops its parent.
+
+  New, opt-in:
+
+  - Hydration: `hydrate: true` (or `window.__BRENDER_HYDRATE__` from the server, with `__BR_REGISTRY__`) adopts the server DOM instead of replacing it; a mismatch falls back to a fresh node, a throw to the fresh render. brender `renderPage({ adoptDom })` ships the registry and the recorded GET answers; `@symbo.ls/fetch` exports `createEarlySeedScript`, `earlyKey`, `EARLY_KEY`.
+  - `smbls deploy --provider cloudflare [--target pages|workers] [--dry-run] [--no-brender]` runs the full `smbls build` pipeline; `--target workers` writes Workers Static Assets config.
+  - `smbls publish --ssr` (or `"prerender": true` in `symbols.json`) pre-renders every static route and stores it as `__ssr`, which the platform renderer serves; off by default.
+
 ## 3.14.707
 
 ### Patch Changes

package/dist/esm/src/bundle.js

@@ -1,4 +1,4 @@
-import r from"./utils/logger.js";import*as m from"smbls/iife-string";import{isWrappedLibrary as D}from"@symbo.ls/utils";const p=m.default,f=m.version||null;r.debug(`[BUNDLE] smbls IIFE loaded from smbls/iife-string (${p.length} bytes, v${f||"unknown"})`);const g=s=>s.replace(/</g,"\\u003c");function E(){return p}function N(){return f}function B(s,e,t,T={}){if(r.debug(`[BUNDLE] getBundleScript started for ${s}`),!e)return r.warn("[BUNDLE] No data provided, returning empty"),"";try{if(e.dependencies&&Array.isArray(e.sharedLibraries))for(const o of e.sharedLibraries){const h=D(o)?o.library:o,u=h&&h.key;if(u)for(const k of["@symbo-ls","@symbo.ls"]){const i=`${k}/${u}`;e.dependencies[i]&&(delete e.dependencies[i],r.debug(`[BUNDLE] Dropped CDN dependency ${i} \u2014 shipped as a shared library`))}}}catch(o){r.error(`[BUNDLE] Failed to strip shared-library dependencies: ${o.message}`)}const b=g(JSON.stringify(e)),y=t?.headers&&typeof t.headers.get=="function"&&t.headers.get("host")||t?.headers?.host||t?.host||t?.url&&(()=>{try{return new URL(t.url).host}catch{return""}})()||"",n=String(y).toLowerCase().split(":")[0],a=(()=>{if(t?.query)return t.query;try{return Object.fromEntries(new URL(t?.url||"","http://x").searchParams)}catch{return{}}})(),v=a.release||!1,S=a.version,c=n.endsWith(".symbo.ls")||n.endsWith(".preview.symbols.app")||n==="localhost"||n.endsWith(".localhost"),l=!!v||!!S||!c,w=e&&(e._id||e.projectId||e.id)||null,x=c?g(JSON.stringify({...e.settings,liveSync:!l,inspect:!0,verbose:!l,projectId:w})):"null",d=`
+import o from"./utils/logger.js";import*as m from"smbls/iife-string";import{isWrappedLibrary as D}from"@symbo.ls/utils";const p=m.default,f=m.version||null;o.debug(`[BUNDLE] smbls IIFE loaded from smbls/iife-string (${p.length} bytes, v${f||"unknown"})`);const g=i=>i.replace(/</g,"\\u003c");function E(){return p}function _(){return f}function N(i,e,t,T={}){if(o.debug(`[BUNDLE] getBundleScript started for ${i}`),!e)return o.warn("[BUNDLE] No data provided, returning empty"),"";try{if(e.dependencies&&Array.isArray(e.sharedLibraries))for(const r of e.sharedLibraries){const s=D(r)?r.library:r,u=s&&s.key;if(u)for(const k of["@symbo-ls","@symbo.ls"]){const a=`${k}/${u}`;e.dependencies[a]&&(delete e.dependencies[a],o.debug(`[BUNDLE] Dropped CDN dependency ${a} \u2014 shipped as a shared library`))}}}catch(r){o.error(`[BUNDLE] Failed to strip shared-library dependencies: ${r.message}`)}const b=g(JSON.stringify(e,(r,s)=>r==="__ssr"?void 0:s)),y=t?.headers&&typeof t.headers.get=="function"&&t.headers.get("host")||t?.headers?.host||t?.host||t?.url&&(()=>{try{return new URL(t.url).host}catch{return""}})()||"",n=String(y).toLowerCase().split(":")[0],c=(()=>{if(t?.query)return t.query;try{return Object.fromEntries(new URL(t?.url||"","http://x").searchParams)}catch{return{}}})(),v=c.release||!1,S=c.version,l=n.endsWith(".symbo.ls")||n.endsWith(".preview.symbols.app")||n==="localhost"||n.endsWith(".localhost"),d=!!v||!!S||!l,w=e&&(e._id||e.projectId||e.id)||null,x=l?g(JSON.stringify({...e.settings,liveSync:!d,inspect:!0,verbose:!d,projectId:w})):"null",h=`
     var context = Smbls.deepDestringifyFunctions(${b}, {}, { lazy: 'context', window: window });
     // Must name the SAME provider render.js used for the page's importmap
     // (default 'symbols' \u2192 pkg.symbo.ls). This drives prepareDependencies'
@@ -98,4 +98,4 @@ import r from"./utils/logger.js";import*as m from"smbls/iife-string";import{isWr
     }
 
     Smbls.create(app, context);
-  `;return r.debug(`[BUNDLE] Script generated (${d.length} bytes)`),d}export{B as getBundleScript,E as getSmblsIife,N as getSmblsRuntimeVersion};
+  `;return o.debug(`[BUNDLE] Script generated (${h.length} bytes)`),h}export{N as getBundleScript,E as getSmblsIife,_ as getSmblsRuntimeVersion};

package/dist/esm/src/render.js

@@ -1,12 +1,12 @@
-import E from"./utils/logger.js";import ut from"./utils/vartranformer.js";import{getBundleScript as yt,getSmblsIife as bt,getSmblsRuntimeVersion as St}from"./bundle.js";import{deepDestringifyFunctions as $t,isStringTag as z,markRevived as Tt}from"./utils/deepDestringify.js";import{transpile as U}from"./utils/funcql-transpile.js";import{normalizeRoute as Et,resolvePageRoute as It}from"./route.js";import{generateMetaTags as Ot,getPageMetadata as vt,getImportMapScript as Rt}from"@symbo.ls/utils";import{getTapStyles as Nt,getTapRuntimeSnippet as _t}from"@symbo.ls/tap";import{resolveDeployIdentity as xt,deployIdentityScript as Dt}from"./deployIdentity.js";const wt=(t,o)=>{const e=parseInt(t,16);if(Number.isNaN(e))return t;const s=m=>m>255?255:m<0?0:m,n=s((e>>16)+o),i=s((e>>8&255)+o);return((s((e&255)+o)|i<<8|n<<16)+16777216).toString(16).slice(1)},K=(t,o)=>{if(typeof t!="string")return;if(o&&typeof o[t]=="string")return o[t];if(/^(#|rgb|hsl|var\(|[a-z]+$)/i.test(t))return t;const e=t.match(/^([a-z][a-z0-9]*)(?:\.(\d+))?([+-]\d+)?$/i);if(e&&(e[2]||e[3])){const s=o&&o[e[1]],n=typeof s=="string"&&s.match(/^#?([0-9a-f]{6})$/i);if(n){let i=n[1];if(e[3]&&(i=wt(i,parseInt(e[3],10))),e[2]){const f=parseFloat("0."+e[2]),m=parseInt(i,16);return`rgba(${m>>16&255},${m>>8&255},${m&255},${f})`}return"#"+i}}},Pt=process.env.BRENDER!=="false";let M=null,V=null,W=null;if(Pt)try{const t=await import("@symbo.ls/brender");M=t.renderRoute,V=t.generateSitemap,W=t.prefetchPageData}catch(t){E.debug(`[MERMAID] Brender not available: ${t.message}`)}const Lt=`<!doctype html>
+import I from"./utils/logger.js";import Et from"./utils/vartranformer.js";import{getBundleScript as Tt,getSmblsIife as vt,getSmblsRuntimeVersion as _t}from"./bundle.js";import{deepDestringifyFunctions as It,isStringTag as W,markRevived as Ot}from"./utils/deepDestringify.js";import{transpile as K}from"./utils/funcql-transpile.js";import{normalizeRoute as Rt,resolvePageRoute as Nt}from"./route.js";import{generateMetaTags as Dt,getPageMetadata as xt,getImportMapScript as wt}from"@symbo.ls/utils";import{getTapStyles as Lt,getTapRuntimeSnippet as Pt}from"@symbo.ls/tap";import{resolveDeployIdentity as Bt,deployIdentityScript as At}from"./deployIdentity.js";const Mt=(t,o)=>{const e=parseInt(t,16);if(Number.isNaN(e))return t;const s=d=>d>255?255:d<0?0:d,n=s((e>>16)+o),i=s((e>>8&255)+o);return((s((e&255)+o)|i<<8|n<<16)+16777216).toString(16).slice(1)},q=(t,o)=>{if(typeof t!="string")return;if(o&&typeof o[t]=="string")return o[t];if(/^(#|rgb|hsl|var\(|[a-z]+$)/i.test(t))return t;const e=t.match(/^([a-z][a-z0-9]*)(?:\.(\d+))?([+-]\d+)?$/i);if(e&&(e[2]||e[3])){const s=o&&o[e[1]],n=typeof s=="string"&&s.match(/^#?([0-9a-f]{6})$/i);if(n){let i=n[1];if(e[3]&&(i=Mt(i,parseInt(e[3],10))),e[2]){const f=parseFloat("0."+e[2]),d=parseInt(i,16);return`rgba(${d>>16&255},${d>>8&255},${d&255},${f})`}return"#"+i}}},jt=process.env.BRENDER!=="false";let D=null,G=null,Q=null,M=null;if(jt)try{const t=await import("@symbo.ls/brender");D=t.renderRoute,G=t.generateSitemap,Q=t.prefetchPageData,M=t.adoptionScripts||null}catch(t){I.debug(`[MERMAID] Brender not available: ${t.message}`)}const kt=()=>{try{return(0,eval)("1"),!0}catch{return!1}},Ct=`<!doctype html>
 <html'\${{{ ROOT_ATTRS }}}'>
   <head>
     <meta charset="UTF-8" />
     '\${{{ HEAD_BOOT }}}'
     '\${{{ META }}}'
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <style id="smbls-tap-styles">${Nt()}</style>
-    <script>${_t()}<\/script>
+    <style id="smbls-tap-styles">${Lt()}</style>
+    <script>${Pt()}<\/script>
     '\${{{ IMPORTMAP }}}'
   </head>
   <body>
@@ -23,20 +23,20 @@ import E from"./utils/logger.js";import ut from"./utils/vartranformer.js";import
     <\/script>
     '\${{{ EDITOR }}}'
   </body>
-</html>`;function k(t,o=Array.isArray(t)?[]:{}){for(const e in t){if(!Object.prototype.hasOwnProperty.call(t,e))continue;const s=t[e];if(typeof s=="string"){const n=s.trim();if(n.startsWith("(")&&n.includes("=>")||n.startsWith("function")||n.startsWith("async ")){const f=U(s);o[e]=f?f.schema:null}else o[e]=s}else z(s)?o[e]=s.value:Array.isArray(s)?o[e]=s.map(n=>{if(typeof n=="string"){const i=n.trim();if(i.startsWith("(")&&i.includes("=>")||i.startsWith("function")||i.startsWith("async ")){const m=U(n);return m?m.schema:null}}return z(n)?n.value:n&&typeof n=="object"?k(n):n}):s&&typeof s=="object"&&!Array.isArray(s)?o[e]=k(s):o[e]=s}return Tt(o)}async function Vt(t,o={}){const{appkey:e,pathname:s="/",channel:n="production",userEnv:i=n,isProd:f=!1,req:m,query:Bt,userId:A,smblsIife:q,editorBundle:j,analyzedScript:G="",indexHtml:Q,ssrCache:a,deployChannel:X,apiBaseUrl:Z}=o;if(!t)return{html:"",status:404,contentType:"text/html"};if(typeof e=="string"&&e.includes("/")){const[c,g]=e.split("/");t.key||(t.key=g),t.owner||(t.owner=c)}const N=Et(s),$=It(t.pages,s),_=i==="production"||i==="staging";let I="",x="",r=null,O=null,D="";if(a&&_){I=a.html||"";const c=[];a.fontLinks&&c.push(a.fontLinks);const g=[a.globalCSS||"",a.resetCss||""].filter(Boolean).join(`
-`);g&&c.push(`<style>${g}</style>`),a.css&&c.push(`<style data-emotion="smbls">${a.css}</style>`),x=c.join(`
-`);const u=[];if(a.ssrTranslations){const p=(t.config||t.settings||{}).polyglot||t.polyglot,l=p?.storagePrefix||"",d=p?.storageLangKey||"",h=[];for(const y in a.ssrTranslations){const b=a.ssrTranslations[y];b&&typeof b=="object"&&h.push(`localStorage.setItem(${JSON.stringify(l+y)},${JSON.stringify(JSON.stringify(b))})`)}if(d){const y=p?.defaultLang||"en";h.push(`if(!localStorage.getItem(${JSON.stringify(d)}))localStorage.setItem(${JSON.stringify(d)},${JSON.stringify(y)})`)}h.length&&u.push(`<script>try{${h.join(";")}}catch(e){}<\/script>`)}u.push("<script>window.__BRENDER__=true<\/script>"),D=u.join(`
-`),r={metadata:a.metadata,prefetchedState:a.prefetchedState,activeLang:a.activeLang}}else if(M&&_)try{const c=$?$.route:N;E.debug(`[MERMAID] Running brender for route: ${c}`);let g=!1;try{(0,eval)("1"),g=!0}catch{}if(O=g?$t(t):k(t),r=await M(O,{route:c,pathname:N}),r){I=r.html||"";const u=[];r.fontLinks&&u.push(r.fontLinks);const S=r.globalCSS||{},p=[S.rootRule||"",r.resetCss||"",S.keyframeRules||""].filter(Boolean).join(`
-`);p&&u.push(`<style>${p}</style>`),r.css&&u.push(`<style data-emotion="smbls">${r.css}</style>`),x=u.join(`
-`);const l=[];if(r.ssrTranslations){const h=(O?.config||{}).polyglot||O?.polyglot,y=h?.storagePrefix||"",b=h?.storageLangKey||"",v=[];for(const R in r.ssrTranslations){const B=r.ssrTranslations[R];B&&typeof B=="object"&&v.push(`localStorage.setItem(${JSON.stringify(y+R)},${JSON.stringify(JSON.stringify(B))})`)}if(b){const R=h?.defaultLang||"en";v.push(`if(!localStorage.getItem(${JSON.stringify(b)}))localStorage.setItem(${JSON.stringify(b)},${JSON.stringify(R)})`)}v.length&&l.push(`<script>try{${v.join(";")}}catch(e){}<\/script>`)}g&&r.brRegistry&&Object.keys(r.brRegistry).length&&l.push(`<script>window.__BR_REGISTRY__=${JSON.stringify(r.brRegistry)}<\/script>`),l.push("<script>window.__BRENDER__=true<\/script>"),D=l.join(`
-`),E.debug(`[MERMAID] Brender completed: body=${I.length}b, registry=${Object.keys(r.brRegistry||{}).length}`)}}catch(c){E.warn(`[MERMAID] Brender failed, falling back to client render: ${c.message}`)}const tt=yt(e,t,m),F=St(),et=Rt(t,t?.settings?.cdnProvider||"symbols",{pin:F?{smbls:F}:void 0}),st=t?.files&&t.files["index.html"],C=Q||st?.code||Lt,nt=xt({deployChannel:X,channel:n,userEnv:i,apiBaseUrl:Z}),J=Dt(nt),ot=/\$\{\{\{\s*DEPLOY_IDENTITY\s*\}\}\}/.test(C),rt=A?`<script>window.__SYMBOLS_AUTH__=${JSON.stringify({userId:A})}<\/script>`:"",w=r?.prefetchedState,it=(t.config||t.settings||{}).polyglot||t.polyglot,ct=r?.activeLang||it?.defaultLang||"en",lt=w&&Object.keys(w).length?{state:w,lang:ct,actualPathname:s}:{actualPathname:s},at=r?.metadata&&Object.keys(r.metadata).length?r.metadata:vt(t,$?$.route:N,lt,{isProduction:f,channel:n}),pt=Ot(at,f),P=q||bt();if(!P)return E.error("[MERMAID] smbls IIFE bundle not available"),{html:"Internal Server Error: smbls bundle not found",status:500,contentType:"text/plain"};const ft=j&&!f?`<script defer type="text/javascript">${j}<\/script>`:"",mt=f?`<!-- built with symbols.app -->
-`:`<!-- symbols | ${e} | ${i} | ${_?"ssr":"csr"} | noindex -->
-`,L=t.useDocumentTheme!==!1,T=t.globalTheme&&t.globalTheme!=="auto"?String(t.globalTheme):null,H=t.themeStorageKey?String(t.themeStorageKey):"",dt=L&&T?' data-theme="'+T+'"':"",gt=L?"<script>(function(){try{var t=null;try{t=new URLSearchParams(location.search).get('globalTheme')}catch(e){}"+(H?"if(!t){try{t=localStorage.getItem("+JSON.stringify(H)+")}catch(e){}}":"")+"if(!t||t==='auto'){"+(T?"t="+JSON.stringify(T)+";":"try{t=window.matchMedia&&window.matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light'}catch(e){}")+`}if(t&&t!=='auto')document.documentElement.setAttribute('data-theme',t);}catch(e){}})();<\/script>
-    <meta name="color-scheme" content="light dark">`:"";let Y="";if(L){const c=t.designSystem||t.config&&t.config.designSystem||{},g=c.color||{},u=c.theme&&c.theme.document||{},S=l=>{const d=u["@"+l];if(!d)return null;const h=K(d.background,g),y=K(d.color,g);return[h&&`background:${h}`,y&&`color:${y}`].filter(Boolean).join(";")||null},p=[];if(T){const l=S(T);l&&p.push(`html{${l}}`)}else{const l=S("dark"),d=S("light");l&&(p.push(`@media (prefers-color-scheme:dark){:root:not([data-theme]) html{${l}}}`),p.push(`[data-theme="dark"] html{${l}}`)),d&&(p.push(`@media (prefers-color-scheme:light){:root:not([data-theme]) html{${d}}}`),p.push(`[data-theme="light"] html{${d}}`))}p.length&&(Y=`<style>${p.join("")}</style>`)}const ht=typeof t.__criticalCss=="string"&&t.__criticalCss.trim()?`<style>${t.__criticalCss}</style>`:"";return{html:ut(mt+C,{ROOT_ATTRS:dt,HEAD_BOOT:gt+(ht||Y),META:pt+`
-`+x+`
-`+D+`
-`+rt,BUNDLE:tt,BODY:I,SMBLS_IIFE:ot?P:J+`
-`+P,DEPLOY_IDENTITY:J,NODE_ENV:"'production'",IMPORTMAP:et,EDITOR:ft+G},{allowScript:!0}),status:$&&$.notFound?404:200,contentType:"text/html"}}function Wt(t,o="production",e=null){const s=o!=="production"?` (${o})`:"",n=e==="not_public",i=n?"Site Not Yet Public":"Not Published",f=n?`This site isn't public yet${s}`:`This project hasn't been published yet${s}`;return`<!doctype html>
+</html>`;function j(t,o=Array.isArray(t)?[]:{}){for(const e in t){if(!Object.prototype.hasOwnProperty.call(t,e))continue;const s=t[e];if(typeof s=="string"){const n=s.trim();if(n.startsWith("(")&&n.includes("=>")||n.startsWith("function")||n.startsWith("async ")){const f=K(s);o[e]=f?f.schema:null}else o[e]=s}else W(s)?o[e]=s.value:Array.isArray(s)?o[e]=s.map(n=>{if(typeof n=="string"){const i=n.trim();if(i.startsWith("(")&&i.includes("=>")||i.startsWith("function")||i.startsWith("async ")){const d=K(n);return d?d.schema:null}}return W(n)?n.value:n&&typeof n=="object"?j(n):n}):s&&typeof s=="object"&&!Array.isArray(s)?o[e]=j(s):o[e]=s}return Ot(o)}async function te(t,o={}){const{appkey:e,pathname:s="/",channel:n="production",userEnv:i=n,isProd:f=!1,req:d,query:Ft,userId:k,smblsIife:X,editorBundle:C,analyzedScript:Z="",indexHtml:tt,ssrCache:a,deployChannel:et,apiBaseUrl:st,evalAvailable:F,ssrWithoutEval:nt=process.env.BRENDER_WITHOUT_EVAL==="true",adoptDom:rt=!1}=o;if(!t)return{html:"",status:404,contentType:"text/html"};const J=typeof F=="boolean"?F:kt();if(typeof e=="string"&&e.includes("/")){const[p,y]=e.split("/");t.key||(t.key=y),t.owner||(t.owner=p)}const x=Rt(s),T=Nt(t.pages,s),O=i==="production"||i==="staging";let R="",w="",r=null,N=null,L="";if((a&&typeof a=="object"&&typeof a.html=="string"&&a.html?a:null)&&O){const p=t.__ssr&&typeof t.__ssr=="object"&&t.__ssr.__styles||{};R=(typeof p.sprite=="string"&&!/id="svgSprite"/.test(a.html)?p.sprite:"")+(a.html||"");const m=c=>a[c]!=null?a[c]:p[c],h=[];m("fontLinks")&&h.push(m("fontLinks"));const g=[m("globalCSS")||"",m("resetCss")||""].filter(Boolean).join(`
+`);g&&h.push(`<style data-brender>${g}</style>`),m("css")&&h.push(`<style data-emotion="smbls">${m("css")}</style>`),w=h.join(`
+`);const l=[];if(a.ssrTranslations){const u=(t.config||t.settings||{}).polyglot||t.polyglot,_=u?.storagePrefix||"",$=u?.storageLangKey||"",b=[];for(const S in a.ssrTranslations){const E=a.ssrTranslations[S];E&&typeof E=="object"&&b.push(`localStorage.setItem(${JSON.stringify(_+S)},${JSON.stringify(JSON.stringify(E))})`)}if($){const S=u?.defaultLang||"en";b.push(`if(!localStorage.getItem(${JSON.stringify($)}))localStorage.setItem(${JSON.stringify($)},${JSON.stringify(S)})`)}b.length&&l.push(`<script>try{${b.join(";")}}catch(e){}<\/script>`)}l.push("<script>window.__BRENDER__=true<\/script>"),L=l.join(`
+`),r={metadata:a.metadata,prefetchedState:a.prefetchedState,activeLang:a.activeLang}}else if(D&&O&&!J&&!nt)I.debug("[MERMAID] Brender skipped: eval is unavailable in this runtime (client render)");else if(D&&O)try{const p=T?T.route:x;I.debug(`[MERMAID] Running brender for route: ${p}`);const y=J;if(N=y?It(t):j(t),r=await D(N,{route:p,pathname:x}),r){R=r.html||"";const m=[];r.fontLinks&&m.push(r.fontLinks);const h=r.globalCSS||{},g=[h.rootRule||"",r.resetCss||"",h.keyframeRules||""].filter(Boolean).join(`
+`);g&&m.push(`<style data-brender>${g}</style>`),r.css&&m.push(`<style data-emotion="smbls">${r.css}</style>`),w=m.join(`
+`);const l=[];if(r.ssrTranslations){const u=(N?.config||{}).polyglot||N?.polyglot,_=u?.storagePrefix||"",$=u?.storageLangKey||"",b=[];for(const S in r.ssrTranslations){const E=r.ssrTranslations[S];E&&typeof E=="object"&&b.push(`localStorage.setItem(${JSON.stringify(_+S)},${JSON.stringify(JSON.stringify(E))})`)}if($){const S=u?.defaultLang||"en";b.push(`if(!localStorage.getItem(${JSON.stringify($)}))localStorage.setItem(${JSON.stringify($)},${JSON.stringify(S)})`)}b.length&&l.push(`<script>try{${b.join(";")}}catch(e){}<\/script>`)}if(rt&&y&&M){const c=M(r);c&&l.push(c)}else y&&r.brRegistry&&Object.keys(r.brRegistry).length&&l.push(`<script>window.__BR_REGISTRY__=${JSON.stringify(r.brRegistry)}<\/script>`);l.push("<script>window.__BRENDER__=true<\/script>"),L=l.join(`
+`),I.debug(`[MERMAID] Brender completed: body=${R.length}b, registry=${Object.keys(r.brRegistry||{}).length}`)}}catch(p){I.warn(`[MERMAID] Brender failed, falling back to client render: ${p.message}`)}const ot=Tt(e,t,d),H=_t(),it=wt(t,t?.settings?.cdnProvider||"symbols",{pin:H?{smbls:H}:void 0}),lt=t?.files&&t.files["index.html"],Y=tt||lt?.code||Ct,ct=Bt({deployChannel:et,channel:n,userEnv:i,apiBaseUrl:st}),z=At(ct),at=/\$\{\{\{\s*DEPLOY_IDENTITY\s*\}\}\}/.test(Y),pt=k?`<script>window.__SYMBOLS_AUTH__=${JSON.stringify({userId:k})}<\/script>`:"",P=r?.prefetchedState,ft=(t.config||t.settings||{}).polyglot||t.polyglot,dt=r?.activeLang||ft?.defaultLang||"en",mt=P&&Object.keys(P).length?{state:P,lang:dt,actualPathname:s}:{actualPathname:s},gt=r?.metadata&&Object.keys(r.metadata).length?r.metadata:xt(t,T?T.route:x,mt,{isProduction:f,channel:n}),ht=Dt(gt,f),B=X||vt();if(!B)return I.error("[MERMAID] smbls IIFE bundle not available"),{html:"Internal Server Error: smbls bundle not found",status:500,contentType:"text/plain"};const ut=C&&!f?`<script defer type="text/javascript">${C}<\/script>`:"",yt=f?`<!-- built with symbols.app -->
+`:`<!-- symbols | ${e} | ${i} | ${O?"ssr":"csr"} | noindex -->
+`,A=t.useDocumentTheme!==!1,v=t.globalTheme&&t.globalTheme!=="auto"?String(t.globalTheme):null,U=t.themeStorageKey?String(t.themeStorageKey):"",bt=A&&v?' data-theme="'+v+'"':"",St=A?"<script>(function(){try{var t=null;try{t=new URLSearchParams(location.search).get('globalTheme')}catch(e){}"+(U?"if(!t){try{t=localStorage.getItem("+JSON.stringify(U)+")}catch(e){}}":"")+"if(!t||t==='auto'){"+(v?"t="+JSON.stringify(v)+";":"try{t=window.matchMedia&&window.matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light'}catch(e){}")+`}if(t&&t!=='auto')document.documentElement.setAttribute('data-theme',t);}catch(e){}})();<\/script>
+    <meta name="color-scheme" content="light dark">`:"";let V="";if(A){const p=t.designSystem||t.config&&t.config.designSystem||{},y=p.color||{},m=p.theme&&p.theme.document||{},h=l=>{const c=m["@"+l];if(!c)return null;const u=q(c.background,y),_=q(c.color,y);return[u&&`background:${u}`,_&&`color:${_}`].filter(Boolean).join(";")||null},g=[];if(v){const l=h(v);l&&g.push(`html{${l}}`)}else{const l=h("dark"),c=h("light");l&&(g.push(`@media (prefers-color-scheme:dark){:root:not([data-theme]) html{${l}}}`),g.push(`[data-theme="dark"] html{${l}}`)),c&&(g.push(`@media (prefers-color-scheme:light){:root:not([data-theme]) html{${c}}}`),g.push(`[data-theme="light"] html{${c}}`))}g.length&&(V=`<style>${g.join("")}</style>`)}const $t=typeof t.__criticalCss=="string"&&t.__criticalCss.trim()?`<style>${t.__criticalCss}</style>`:"";return{html:Et(yt+Y,{ROOT_ATTRS:bt,HEAD_BOOT:St+($t||V),META:ht+`
+`+w+`
+`+L+`
+`+pt,BUNDLE:ot,BODY:R,SMBLS_IIFE:at?B:z+`
+`+B,DEPLOY_IDENTITY:z,NODE_ENV:"'production'",IMPORTMAP:it,EDITOR:ut+Z},{allowScript:!0}),status:T&&T.notFound?404:200,contentType:"text/html"}}function ee(t,o="production",e=null){const s=o!=="production"?` (${o})`:"",n=e==="not_public",i=n?"Site Not Yet Public":"Not Published",f=n?`This site isn't public yet${s}`:`This project hasn't been published yet${s}`;return`<!doctype html>
 <html>
 <head>
   <meta charset="UTF-8">
@@ -62,4 +62,4 @@ import E from"./utils/logger.js";import ut from"./utils/vartranformer.js";import
     <span class="env">${t}${s}</span>
   </div>
 </body>
-</html>`}export{Lt as DEFAULT_TEMPLATE_HTML,V as generateSitemap,W as prefetchPageData,Wt as renderNotPublishedHtml,Vt as renderProjectHtml,k as transpileFunctionStrings};
+</html>`}export{Ct as DEFAULT_TEMPLATE_HTML,G as generateSitemap,Q as prefetchPageData,ee as renderNotPublishedHtml,te as renderProjectHtml,j as transpileFunctionStrings};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbo.ls/mermaid",
-  "version": "3.14.713",
+  "version": "3.14.714",
   "type": "module",
   "license": "CC-BY-NC-4.0",
   "description": "Self-sustaining server runner for Symbols projects from JSON. Renders DOMQL projects to HTML with optional brender SSR.",
@@ -68,7 +68,7 @@
     "express": "^4.22.2"
   },
   "optionalDependencies": {
-    "@symbo.ls/brender": "^3.14.599"
+    "@symbo.ls/brender": "^3.14.663"
   },
   "publishConfig": {
     "access": "public"