Inline script for JSONCanvas The script modifies initial transforms thus lazily loading the script causes cumulative-layout-shift-like effect.

Changes

2 changed files (+8/-2)

• internal/page_builder/default_theme/pages/json_canvas.tsx
  • @@ -533,7 +533,8 @@ return h(null, [
    { type: "doctype" }, template({ context, - scripts: [layoutScript, documentTreeScript, ownScript], + scripts: [layoutScript, documentTreeScript], + inlineScripts: [ownScript], body: layout({ fullscreen: true, nav: documentTree({ context }),
• internal/page_builder/default_theme/pages/template.tsx
  • @@ -15,9 +15,13 @@
    context: Readonly<BuildContext | DocumentBuildContext>; scripts?: readonly string[]; + + inlineScripts?: readonly string[]; } - export function template({ body, context, scripts = [] }: TemplateProps) { + export function template( + { body, context, scripts = [], inlineScripts = [] }: TemplateProps, + ) { const { language, websiteTitle, assets, resolveURL } = context; const document = "document" in context ? context.document : null;
  • @@ -100,6 +104,7 @@ {h(
    "body", {}, body, + ...inlineScripts.map((script) => <script>{script}</script>), )} </html> );