@hyperframes/studio-server 0.8.124 → 0.8.126

package/dist/index.js

@@ -3283,7 +3283,9 @@ import { createHash } from "crypto";
 import {
   AFTER_FONTS_SCRIPT_TYPE,
   addScenePartsManifest,
+  RUNTIME_BOOTSTRAP_ATTR as RUNTIME_BOOTSTRAP_ATTR2,
   insertBeforeCloseTag as insertBeforeCloseTag2,
+  insertRuntimeTag,
   stripEmbeddedRuntimeScripts as stripEmbeddedRuntimeScripts2
 } from "@hyperframes/core/compiler";
 import { STUDIO_PREVIEW_MARK_META } from "@hyperframes/core/studio-preview-mark";
@@ -3300,7 +3302,11 @@ import {
   rewriteCssAssetUrls,
   rewriteInlineStyleAssetUrls
 } from "@hyperframes/core";
-import { deferScriptsUntilFonts, stripEmbeddedRuntimeScripts } from "@hyperframes/core/compiler";
+import {
+  deferScriptsUntilFonts,
+  RUNTIME_BOOTSTRAP_ATTR,
+  stripEmbeddedRuntimeScripts
+} from "@hyperframes/core/compiler";
 import { isFullHtmlDocument } from "@hyperframes/core/compiler/html-document";
 import { gsapCdnDist } from "@hyperframes/core/gsap-cdn";
 function rewriteRelativePaths(root, compPath, projectDir) {
@@ -3451,10 +3457,8 @@ ${headContent}`;
   if (compHeadContent) headContent += `
 ${compHeadContent}`;
   headContent = stripEmbeddedRuntimeScripts(headContent);
-  if (!headContent.includes("hyperframe.runtime") && !headContent.includes("hyperframes-preview-runtime")) {
-    headContent += `
-<script data-hyperframes-preview-runtime="1" src="${runtimeUrl}"></script>`;
-  }
+  headContent += `
+<script ${RUNTIME_BOOTSTRAP_ATTR}="1" src="${runtimeUrl}"></script>`;
   if (!headContent.includes("gsap")) {
     headContent += `
 <script src="${gsapCdnDist()}gsap.min.js"></script>`;
@@ -3644,6 +3648,10 @@ function parseStudioMotionManifestContent(content) {
     return { hasMotion: false, hasCustomEase: false };
   }
 }
+function withPreviewRuntime(html, runtimeUrl) {
+  const tag = `<script ${RUNTIME_BOOTSTRAP_ATTR2}="1" src="${runtimeUrl}"></script>`;
+  return insertRuntimeTag(stripEmbeddedRuntimeScripts2(html), tag);
+}
 function injectScriptTagIntoHead(html, scriptTag) {
   return insertBeforeCloseTag2(html, "head", `${scriptTag}
 `) ?? `${scriptTag}
@@ -3840,7 +3848,6 @@ function registerPreviewRoutes(api, adapter) {
   const previewBuilds = /* @__PURE__ */ new Map();
   async function buildPreview(project, previewVariables, builtKey, capture, signature) {
     const diskMain = resolveProjectMainHtml(project.dir, project.id);
-    const normalizedDisk = diskMain ? ensureHfIds2(diskMain.html) : null;
     try {
       let bundled = await adapter.bundle(project.dir, {
         stampHfIds: true,
@@ -3849,17 +3856,12 @@ function registerPreviewRoutes(api, adapter) {
       let mainCompositionPath = "index.html";
       if (!bundled) {
         if (!diskMain) return null;
-        bundled = stripEmbeddedRuntimeScripts2(normalizedDisk ?? diskMain.html);
+        bundled = ensureHfIds2(diskMain.html);
         mainCompositionPath = diskMain.compositionPath;
       }
+      bundled = withPreviewRuntime(bundled, adapter.runtimeUrl);
       recordPreviewReferences(project.dir, bundled);
       recordPreviewBuilt(project.dir);
-      if (!bundled.includes("hyperframe.runtime") && !bundled.includes("hyperframes-preview-runtime")) {
-        const runtimeTag = `<script src="${adapter.runtimeUrl}"></script>`;
-        bundled = insertBeforeCloseTag2(bundled, "body", `${runtimeTag}
-`) ?? `${bundled}
-${runtimeTag}`;
-      }
       bundled = withPreviewBase(bundled, project.id);
       bundled = injectStudioPreviewAugmentations(
         ensureHfIds2(await transformPreviewHtml(bundled, adapter, project, mainCompositionPath)),
@@ -3885,7 +3887,10 @@ ${runtimeTag}`;
     } catch {
       const fallback = resolveProjectMainHtml(project.dir, project.id);
       if (fallback) {
-        const fallbackHtml = withPreviewBase(ensureHfIds2(fallback.html), project.id);
+        const fallbackHtml = withPreviewBase(
+          withPreviewRuntime(ensureHfIds2(fallback.html), adapter.runtimeUrl),
+          project.id
+        );
         let fallbackAugmented = injectStudioPreviewAugmentations(
           await transformPreviewHtml(fallbackHtml, adapter, project, fallback.compositionPath),
           adapter,