@symbo.ls/mermaid 3.14.599 → 3.14.612
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/dist/esm/src/render.js +13 -11
- package/package.json +2 -1
package/CHANGELOG.md
CHANGED
package/dist/esm/src/render.js
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import
|
|
1
|
+
import T from"./utils/logger.js";import pt from"./utils/vartranformer.js";import{getBundleScript as ft,getSmblsIife as gt}from"./bundle.js";import{deepDestringifyFunctions as ht}from"./utils/deepDestringify.js";import{transpile as J}from"./utils/funcql-transpile.js";import{normalizeRoute as mt,resolvePageRoute as dt}from"./route.js";import{generateMetaTags as ut,getPageMetadata as yt,getImportMapScript as bt}from"@symbo.ls/utils";import{getTapStyles as St,getTapRuntimeSnippet as $t}from"@symbo.ls/tap";const Tt=(t,o)=>{const e=parseInt(t,16);if(Number.isNaN(e))return t;const s=g=>g>255?255:g<0?0:g,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)},H=(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=Tt(i,parseInt(e[3],10))),e[2]){const f=parseFloat("0."+e[2]),g=parseInt(i,16);return`rgba(${g>>16&255},${g>>8&255},${g&255},${f})`}return"#"+i}}},Et=process.env.BRENDER!=="false";let B=null,z=null,U=null;if(Et)try{const t=await import("@symbo.ls/brender");B=t.renderRoute,z=t.generateSitemap,U=t.prefetchPageData}catch(t){T.debug(`[MERMAID] Brender not available: ${t.message}`)}const Ot=`<!doctype html>
|
|
2
2
|
<html'\${{{ ROOT_ATTRS }}}'>
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="UTF-8" />
|
|
5
5
|
'\${{{ HEAD_BOOT }}}'
|
|
6
6
|
'\${{{ META }}}'
|
|
7
7
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
8
|
+
<style id="smbls-tap-styles">${St()}</style>
|
|
9
|
+
<script>${$t()}<\/script>
|
|
8
10
|
'\${{{ IMPORTMAP }}}'
|
|
9
11
|
</head>
|
|
10
12
|
<body>
|
|
@@ -20,19 +22,19 @@ import E from"./utils/logger.js";import ft from"./utils/vartranformer.js";import
|
|
|
20
22
|
<\/script>
|
|
21
23
|
'\${{{ EDITOR }}}'
|
|
22
24
|
</body>
|
|
23
|
-
</html>`;function M(t,
|
|
25
|
+
</html>`;function M(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=J(s);o[e]=f?f.schema:null}else o[e]=s}else 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 g=J(n);return g?g.schema:null}}return n&&typeof n=="object"?M(n):n}):s&&typeof s=="object"&&!Array.isArray(s)?o[e]=M(s):o[e]=s}return o}async function jt(t,o={}){const{appkey:e,pathname:s="/",channel:n="production",userEnv:i=n,isProd:f=!1,req:g,query:Rt,userId:j,smblsIife:K,editorBundle:A,analyzedScript:W="",indexHtml:V,ssrCache:a,ProjectDataService:Y}=o;if(!t)return{html:"",status:404,contentType:"text/html"};if(typeof e=="string"&&e.includes("/")){const[c,m]=e.split("/");t.key||(t.key=m),t.owner||(t.owner=c)}const N=mt(s),E=dt(t.pages,s),_=i==="production"||i==="staging";let O="",I="",r=null,R=null,w="";if(a&&_){O=a.html||"";const c=[];a.fontLinks&&c.push(a.fontLinks);const m=[a.globalCSS||"",a.resetCss||""].filter(Boolean).join(`
|
|
24
26
|
`);m&&c.push(`<style>${m}</style>`),a.css&&c.push(`<style data-emotion="smbls">${a.css}</style>`),I=c.join(`
|
|
25
|
-
`);const u=[];if(a.ssrTranslations){const
|
|
26
|
-
`),
|
|
27
|
-
`);
|
|
28
|
-
`);const l=[];if(
|
|
29
|
-
`),
|
|
27
|
+
`);const u=[];if(a.ssrTranslations){const p=(t.config||t.settings||{}).polyglot||t.polyglot,l=p?.storagePrefix||"",h=p?.storageLangKey||"",d=[];for(const y in a.ssrTranslations){const b=a.ssrTranslations[y];b&&typeof b=="object"&&d.push(`localStorage.setItem(${JSON.stringify(l+y)},${JSON.stringify(JSON.stringify(b))})`)}if(h){const y=p?.defaultLang||"en";d.push(`if(!localStorage.getItem(${JSON.stringify(h)}))localStorage.setItem(${JSON.stringify(h)},${JSON.stringify(y)})`)}d.length&&u.push(`<script>try{${d.join(";")}}catch(e){}<\/script>`)}u.push("<script>window.__BRENDER__=true<\/script>"),w=u.join(`
|
|
28
|
+
`),r={metadata:a.metadata,prefetchedState:a.prefetchedState,activeLang:a.activeLang}}else if(B&&_)try{const c=E?E.route:N;T.debug(`[MERMAID] Running brender for route: ${c}`);let m=!1;try{(0,eval)("1"),m=!0}catch{}if(R=m?ht(t):M(t),r=await B(R,{route:c,pathname:N}),r){O=r.html||"";const u=[];r.fontLinks&&u.push(r.fontLinks);const S=r.globalCSS||{},p=[S.rootRule||"",r.resetCss||"",S.keyframeRules||""].filter(Boolean).join(`
|
|
29
|
+
`);p&&u.push(`<style>${p}</style>`),r.css&&u.push(`<style data-emotion="smbls">${r.css}</style>`),I=u.join(`
|
|
30
|
+
`);const l=[];if(r.ssrTranslations){const d=(R?.config||{}).polyglot||R?.polyglot,y=d?.storagePrefix||"",b=d?.storageLangKey||"",v=[];for(const x in r.ssrTranslations){const L=r.ssrTranslations[x];L&&typeof L=="object"&&v.push(`localStorage.setItem(${JSON.stringify(y+x)},${JSON.stringify(JSON.stringify(L))})`)}if(b){const x=d?.defaultLang||"en";v.push(`if(!localStorage.getItem(${JSON.stringify(b)}))localStorage.setItem(${JSON.stringify(b)},${JSON.stringify(x)})`)}v.length&&l.push(`<script>try{${v.join(";")}}catch(e){}<\/script>`)}m&&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>"),w=l.join(`
|
|
31
|
+
`),T.debug(`[MERMAID] Brender completed: body=${O.length}b, registry=${Object.keys(r.brRegistry||{}).length}`)}}catch(c){T.warn(`[MERMAID] Brender failed, falling back to client render: ${c.message}`)}const q=ft(e,t,g,{ProjectDataService:Y}),G=bt(t,t?.settings?.cdnProvider||"esmsh"),Q=t?.files&&t.files["index.html"],X=V||Q?.code||Ot,Z=j?`<script>window.__SYMBOLS_AUTH__=${JSON.stringify({userId:j})}<\/script>`:"",D=r?.prefetchedState,tt=(t.config||t.settings||{}).polyglot||t.polyglot,et=r?.activeLang||tt?.defaultLang||"en",st=D&&Object.keys(D).length?{state:D,lang:et,actualPathname:s}:{actualPathname:s},nt=r?.metadata&&Object.keys(r.metadata).length?r.metadata:yt(t,E?E.route:N,st,{isProduction:f,channel:n}),rt=ut(nt,f),k=K||gt();if(!k)return T.error("[MERMAID] smbls IIFE bundle not available"),{html:"Internal Server Error: smbls bundle not found",status:500,contentType:"text/plain"};const ot=A&&!f?`<script defer type="text/javascript">${A}<\/script>`:"",it=f?`<!-- built with symbols.app -->
|
|
30
32
|
`:`<!-- symbols | ${e} | ${i} | ${_?"ssr":"csr"} | noindex -->
|
|
31
33
|
`,P=t.useDocumentTheme!==!1,$=t.globalTheme&&t.globalTheme!=="auto"?String(t.globalTheme):null,F=t.themeStorageKey?String(t.themeStorageKey):"",ct=P&&$?' data-theme="'+$+'"':"",lt=P?"<script>(function(){try{var t=null;try{t=new URLSearchParams(location.search).get('globalTheme')}catch(e){}"+(F?"if(!t){try{t=localStorage.getItem("+JSON.stringify(F)+")}catch(e){}}":"")+"if(!t||t==='auto'){"+($?"t="+JSON.stringify($)+";":"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>
|
|
32
|
-
<meta name="color-scheme" content="light dark">`:"";let C="";if(P){const c=t.designSystem||t.config&&t.config.designSystem||{},m=c.color||{},u=c.theme&&c.theme.document||{},S=l=>{const h=u["@"+l];if(!h)return null;const d=H(h.background,m),y=H(h.color,m);return[d&&`background:${d}`,y&&`color:${y}`].filter(Boolean).join(";")||null},
|
|
34
|
+
<meta name="color-scheme" content="light dark">`:"";let C="";if(P){const c=t.designSystem||t.config&&t.config.designSystem||{},m=c.color||{},u=c.theme&&c.theme.document||{},S=l=>{const h=u["@"+l];if(!h)return null;const d=H(h.background,m),y=H(h.color,m);return[d&&`background:${d}`,y&&`color:${y}`].filter(Boolean).join(";")||null},p=[];if($){const l=S($);l&&p.push(`html{${l}}`)}else{const l=S("dark"),h=S("light");l&&(p.push(`@media (prefers-color-scheme:dark){:root:not([data-theme]) html{${l}}}`),p.push(`[data-theme="dark"] html{${l}}`)),h&&(p.push(`@media (prefers-color-scheme:light){:root:not([data-theme]) html{${h}}}`),p.push(`[data-theme="light"] html{${h}}`))}p.length&&(C=`<style>${p.join("")}</style>`)}const at=typeof t.__criticalCss=="string"&&t.__criticalCss.trim()?`<style>${t.__criticalCss}</style>`:"";return{html:pt(it+X,{ROOT_ATTRS:ct,HEAD_BOOT:lt+(at||C),META:rt+`
|
|
33
35
|
`+I+`
|
|
34
36
|
`+w+`
|
|
35
|
-
`+Z,BUNDLE:q,BODY:O,SMBLS_IIFE:k,NODE_ENV:"'production'",IMPORTMAP:G,EDITOR:
|
|
37
|
+
`+Z,BUNDLE:q,BODY:O,SMBLS_IIFE:k,NODE_ENV:"'production'",IMPORTMAP:G,EDITOR:ot+W},{allowScript:!0}),status:200,contentType:"text/html"}}function At(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>
|
|
36
38
|
<html>
|
|
37
39
|
<head>
|
|
38
40
|
<meta charset="UTF-8">
|
|
@@ -53,9 +55,9 @@ import E from"./utils/logger.js";import ft from"./utils/vartranformer.js";import
|
|
|
53
55
|
</head>
|
|
54
56
|
<body>
|
|
55
57
|
<div class="container">
|
|
56
|
-
<h1>${
|
|
58
|
+
<h1>${f}</h1>
|
|
57
59
|
<p>${n?"The owner has connected this domain but the project's visibility is set to private. Once they switch it to public in the workspace settings, the site will appear here automatically.":'Run <code>smbls publish</code> to deploy your project, or visit <a href="https://symbols.app">symbols.app</a> to get started.'}</p>
|
|
58
60
|
<span class="env">${t}${s}</span>
|
|
59
61
|
</div>
|
|
60
62
|
</body>
|
|
61
|
-
</html>`}export{
|
|
63
|
+
</html>`}export{Ot as DEFAULT_TEMPLATE_HTML,z as generateSitemap,U as prefetchPageData,At as renderNotPublishedHtml,jt as renderProjectHtml,M as transpileFunctionStrings};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@symbo.ls/mermaid",
|
|
3
|
-
"version": "3.14.
|
|
3
|
+
"version": "3.14.612",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "CC-BY-NC-4.0",
|
|
6
6
|
"description": "Self-sustaining server runner for Symbols projects from JSON. Renders DOMQL projects to HTML with optional brender SSR.",
|
|
@@ -69,6 +69,7 @@
|
|
|
69
69
|
"mermaid": "./dist/esm/bin/start.js"
|
|
70
70
|
},
|
|
71
71
|
"dependencies": {
|
|
72
|
+
"@symbo.ls/tap": "^3.14.612",
|
|
72
73
|
"@symbo.ls/utils": "^3.14.599",
|
|
73
74
|
"cors": "^2.8.6",
|
|
74
75
|
"express": "^4.22.2"
|