snapshot of https://github.com/twentyhq/twenty.git (main, 2026-09-17; blobs > 131072B omitted)

packages/twenty-front-component-renderer/scripts/front-component-sandbox/build-sandbox-document.ts

@@ -0,0 +1,88 @@
+import * as fs from 'node:fs';
+import * as path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+import { build, type Rollup } from 'vite';
+
+const dirname = path.dirname(fileURLToPath(import.meta.url));
+const projectRoot = path.resolve(dirname, '../..');
+
+const sandboxBootstrapEntryPath = path.resolve(
+  projectRoot,
+  'src/remote/sandbox/sandbox-bootstrap.ts',
+);
+
+const generatedFile = path.resolve(
+  projectRoot,
+  'src/remote/sandbox/generated/frontComponentSandboxDocument.ts',
+);
+
+const replaceProcessEnvReferences = (code: string): string =>
+  code
+    .replace(/process\.env\.NODE_ENV/g, JSON.stringify('production'))
+    .replace(/process\.env/g, '{}');
+
+const escapeClosingScriptTags = (code: string): string =>
+  code.replace(/<\/script/gi, '<\\/script');
+
+const buildSandboxDocument = async (): Promise<void> => {
+  const buildResult = await build({
+    configFile: false,
+    root: projectRoot,
+    resolve: {
+      alias: {
+        '@/': path.resolve(projectRoot, 'src') + '/',
+      },
+    },
+    define: {
+      'process.env.NODE_ENV': JSON.stringify('production'),
+    },
+    build: {
+      write: false,
+      lib: {
+        entry: sandboxBootstrapEntryPath,
+        formats: ['iife'],
+        name: 'frontComponentSandboxBootstrap',
+        fileName: () => 'sandbox-bootstrap.js',
+      },
+      rollupOptions: {
+        plugins: [
+          {
+            name: 'define-process-env',
+            transform: replaceProcessEnvReferences,
+          },
+        ],
+      },
+    },
+    logLevel: 'warn',
+  });
+
+  const rollupOutputs = (
+    Array.isArray(buildResult) ? buildResult : [buildResult]
+  ).filter((item): item is Rollup.RollupOutput => 'output' in item);
+
+  const sandboxBootstrapChunk = rollupOutputs
+    .flatMap((result) => result.output)
+    .find((item): item is Rollup.OutputChunk => item.type === 'chunk');
+
+  if (sandboxBootstrapChunk === undefined) {
+    throw new Error(
+      'Failed to build the front component sandbox bootstrap bundle',
+    );
+  }
+
+  const sandboxBootstrapScriptTag = `<script>${escapeClosingScriptTags(sandboxBootstrapChunk.code)}</script>`;
+  const sandboxDocument = `<!doctype html><html><head><meta charset="utf-8" /></head><body>${sandboxBootstrapScriptTag}</body></html>`;
+
+  const generatedSource = `export const FRONT_COMPONENT_SANDBOX_DOCUMENT = ${JSON.stringify(
+    sandboxDocument,
+  )};\n`;
+
+  fs.mkdirSync(path.dirname(generatedFile), { recursive: true });
+  fs.writeFileSync(generatedFile, generatedSource, 'utf8');
+};
+
+buildSandboxDocument().catch((error: unknown) => {
+  console.error(error);
+  process.exit(1);
+});