chore: refactor to decorate index html

sanity-io · Feb 6, 2025 · 2d8c1ba · 2d8c1ba
1 parent d55479a
commit 2d8c1ba
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 29 deletions.
diff --git a/packages/sanity/src/_internal/cli/server/renderDocument.tsx b/packages/sanity/src/_internal/cli/server/renderDocument.tsx
@@ -119,6 +119,18 @@ export function decorateIndexWithAutoGeneratedWarning(template: string): string
   return template.replace(/<head/, `\n<!--\n${autoGeneratedWarning}\n-->\n<head`)
 }
 
+/**
+ * Decorates the given HTML template with a script
+ * tag that loads the bridge component to communicate
+ * with core-ui.
+ */
+export function decorateIndexWithBridgeScript(template: string): string {
+  return template.replace(
+    '</head>',
+    '<script src="https://core.sanity-cdn.com/bridge.js" async type="module"></script>\n</head>',
+  )
+}
+
 export function getPossibleDocumentComponentLocations(studioRootPath: string): string[] {
   return [path.join(studioRootPath, '_document.js'), path.join(studioRootPath, '_document.tsx')]
 }

diff --git a/packages/sanity/src/_internal/cli/server/runtime.ts b/packages/sanity/src/_internal/cli/server/runtime.ts
@@ -7,6 +7,7 @@ import {debug as serverDebug} from './debug'
 import {getEntryModule} from './getEntryModule'
 import {
   decorateIndexWithAutoGeneratedWarning,
+  decorateIndexWithBridgeScript,
   getPossibleDocumentComponentLocations,
   renderDocument,
 } from './renderDocument'
@@ -48,16 +49,18 @@ export async function writeSanityRuntime({
 
   async function renderAndWriteDocument() {
     debug('Rendering document template')
-    const indexHtml = decorateIndexWithAutoGeneratedWarning(
-      await renderDocument({
-        studioRootPath: cwd,
-        monorepo,
-        props: {
-          entryPath: `/${path.relative(cwd, path.join(runtimeDir, 'app.js'))}`,
-          basePath: basePath || '/',
-        },
-        isCoreApp,
-      }),
+    const indexHtml = decorateIndexWithBridgeScript(
+      decorateIndexWithAutoGeneratedWarning(
+        await renderDocument({
+          studioRootPath: cwd,
+          monorepo,
+          props: {
+            entryPath: `/${path.relative(cwd, path.join(runtimeDir, 'app.js'))}`,
+            basePath: basePath || '/',
+          },
+          isCoreApp,
+        }),
+      ),
     )
 
     debug('Writing index.html to runtime directory')

diff --git a/packages/sanity/src/core/studio/Bridge.tsx b/packages/sanity/src/core/studio/Bridge.tsx
diff --git a/packages/sanity/src/core/studio/Studio.tsx b/packages/sanity/src/core/studio/Studio.tsx
@@ -6,7 +6,6 @@ import {GlobalStyle} from './GlobalStyle'
 import {type RouterHistory} from './router'
 import {StudioLayout} from './StudioLayout'
 import {StudioProvider} from './StudioProvider'
-import {Bridge} from './Bridge'
 
 /**
  * @hidden
@@ -113,7 +112,6 @@ export function Studio(props: StudioProps): React.JSX.Element {
       unstable_history={unstable_history}
       unstable_noAuthBoundary={unstable_noAuthBoundary}
     >
-      <Bridge />
       {globalStyles && <GlobalStyle />}
       <StudioLayout />
     </StudioProvider>