rwsdk 0.2.0-alpha.9 → 0.3.0

package/dist/vite/transformJsxScriptTagsPlugin.test.mjs

@@ -1,5 +1,15 @@
-import { describe, it, expect } from "vitest";
+import { describe, it, expect, beforeEach } from "vitest";
 import { transformJsxScriptTagsCode } from "./transformJsxScriptTagsPlugin.mjs";
+import jsBeautify from "js-beautify";
+import stubEnvVars from "../lib/testUtils/stubEnvVars.mjs";
+// Helper function to normalize code formatting for test comparisons
+function normalizeCode(code) {
+    return jsBeautify(code, { indent_size: 2 });
+}
+stubEnvVars();
+beforeEach(() => {
+    process.env.RWSDK_BUILD_PASS = "worker";
+});
 describe("transformJsxScriptTagsCode", () => {
     const mockManifest = {
         "src/client.tsx": { file: "assets/client-a1b2c3d4.js" },
@@ -13,18 +23,19 @@ describe("transformJsxScriptTagsCode", () => {
         type: "module"
       })
     `;
-        const result = await transformJsxScriptTagsCode(code, mockManifest);
-        expect(result?.code).toEqual(`import { requestInfo } from "rwsdk/worker";
+        const clientEntryPoints = new Set();
+        const result = await transformJsxScriptTagsCode(code, clientEntryPoints, mockManifest, "/Users/justin/rw/forks/workers-sdk/sdk/sdk");
+        const expected = `import { requestInfo } from "rwsdk/worker";
 
-      (
-              (requestInfo.rw.scriptsToBeLoaded.add("/src/client.tsx")),
-              jsx("script", {
-        src: "/assets/client-a1b2c3d4.js",
-        type: "module",
-          nonce: requestInfo.rw.nonce
-    })
-            )
-    `);
+(
+(requestInfo.rw.scriptsToBeLoaded.add("/src/client.tsx")),
+jsx("script", {
+src: "rwsdk_asset:/src/client.tsx",
+type: "module",
+nonce: requestInfo.rw.nonce
+})
+)`;
+        expect(normalizeCode(result?.code || "")).toEqual(normalizeCode(expected));
     });
     it("transforms inline scripts with dynamic imports", async () => {
         const code = `
@@ -33,33 +44,35 @@ describe("transformJsxScriptTagsCode", () => {
         children: "import('/src/client.tsx').then(module => { console.log(module); })"
       })
     `;
-        const result = await transformJsxScriptTagsCode(code, mockManifest);
-        expect(result?.code).toEqual(`import { requestInfo } from "rwsdk/worker";
+        const clientEntryPoints = new Set();
+        const result = await transformJsxScriptTagsCode(code, clientEntryPoints, mockManifest, "/project/root/dir");
+        const expected = `import { requestInfo } from "rwsdk/worker";
 
-      (
-              (requestInfo.rw.scriptsToBeLoaded.add("/src/client.tsx")),
-              jsx("script", {
-        type: "module",
-        children: "import('/assets/client-a1b2c3d4.js').then(module => { console.log(module); })",
-          nonce: requestInfo.rw.nonce
-    })
-            )
-    `);
+(
+(requestInfo.rw.scriptsToBeLoaded.add("/src/client.tsx")),
+jsx("script", {
+type: "module",
+children: "import('rwsdk_asset:/src/client.tsx').then(module => { console.log(module); })",
+nonce: requestInfo.rw.nonce
+})
+)`;
+        expect(normalizeCode(result?.code || "")).toEqual(normalizeCode(expected));
     });
     it("transforms inline scripts with type=module", async () => {
         const code = `
       jsx("script", { type: "module", children: "import('/src/client.tsx')" })
     `;
-        const result = await transformJsxScriptTagsCode(code, mockManifest);
-        expect(result?.code).toEqual(`import { requestInfo } from "rwsdk/worker";
+        const clientEntryPoints = new Set();
+        const result = await transformJsxScriptTagsCode(code, clientEntryPoints, mockManifest, "/project/root/dir");
+        const expected = `import { requestInfo } from "rwsdk/worker";
 
-      (
-              (requestInfo.rw.scriptsToBeLoaded.add("/src/client.tsx")),
-              jsx("script", { type: "module", children: "import('/assets/client-a1b2c3d4.js')",
-          nonce: requestInfo.rw.nonce
-    })
-            )
-    `);
+(
+(requestInfo.rw.scriptsToBeLoaded.add("/src/client.tsx")),
+jsx("script", { type: "module", children: "import('rwsdk_asset:/src/client.tsx')",
+nonce: requestInfo.rw.nonce
+})
+)`;
+        expect(normalizeCode(result?.code || "")).toEqual(normalizeCode(expected));
     });
     it("transforms inline scripts with multiline content", async () => {
         const code = `
@@ -75,52 +88,54 @@ describe("transformJsxScriptTagsCode", () => {
         \`
       })
     `;
-        const result = await transformJsxScriptTagsCode(code, mockManifest);
-        expect(result?.code).toEqual(`import { requestInfo } from "rwsdk/worker";
+        const clientEntryPoints = new Set();
+        const result = await transformJsxScriptTagsCode(code, clientEntryPoints, mockManifest, "/project/root/dir");
+        const expected = `import { requestInfo } from "rwsdk/worker";
 
-      (
-              (requestInfo.rw.scriptsToBeLoaded.add("/src/entry.js")),
-              jsx("script", {
-        type: "module",
-        children: \`
+(
+(requestInfo.rw.scriptsToBeLoaded.add("/src/entry.js")),
+jsx("script", {
+type: "module",
+children: \`
           // Some comments here
           const init = async () => {
-            await import('/assets/entry-e5f6g7h8.js');
+            await import('rwsdk_asset:/src/entry.js');
             console.log('initialized');
           };
           init();
         \`,
-          nonce: requestInfo.rw.nonce
-    })
-            )
-    `);
+nonce: requestInfo.rw.nonce
+})
+)`;
+        expect(normalizeCode(result?.code || "")).toEqual(normalizeCode(expected));
     });
     it("transforms multiple imports in the same inline script", async () => {
         const code = `
       jsx("script", {
         type: "module",
         children: \`
-          import('/src/client.tsx');
-          import('/src/entry.js');
-        \`
+import('/src/client.tsx');
+import('/src/entry.js');
+\`
       })
     `;
-        const result = await transformJsxScriptTagsCode(code, mockManifest);
-        expect(result?.code).toEqual(`import { requestInfo } from "rwsdk/worker";
+        const clientEntryPoints = new Set();
+        const result = await transformJsxScriptTagsCode(code, clientEntryPoints, mockManifest, "/project/root/dir");
+        const expected = `import { requestInfo } from "rwsdk/worker";
 
-      (
-              (requestInfo.rw.scriptsToBeLoaded.add("/src/client.tsx")),
+(
+(requestInfo.rw.scriptsToBeLoaded.add("/src/client.tsx")),
 (requestInfo.rw.scriptsToBeLoaded.add("/src/entry.js")),
-              jsx("script", {
-        type: "module",
-        children: \`
-          import('/assets/client-a1b2c3d4.js');
-          import('/assets/entry-e5f6g7h8.js');
-        \`,
-          nonce: requestInfo.rw.nonce
-    })
-            )
-    `);
+jsx("script", {
+type: "module",
+children: \`
+import('rwsdk_asset:/src/client.tsx');
+import('rwsdk_asset:/src/entry.js');
+\`,
+nonce: requestInfo.rw.nonce
+})
+)`;
+        expect(normalizeCode(result?.code || "")).toEqual(normalizeCode(expected));
     });
     it("transforms link href attributes with preload rel", async () => {
         const code = `
@@ -130,14 +145,17 @@ describe("transformJsxScriptTagsCode", () => {
         as: "script"
       })
     `;
-        const result = await transformJsxScriptTagsCode(code, mockManifest);
-        expect(result?.code).toEqual(`
+        const clientEntryPoints = new Set();
+        const result = await transformJsxScriptTagsCode(code, clientEntryPoints, mockManifest, "/project/root/dir");
+        const expected = `
       jsx("link", {
         rel: "preload",
-        href: "/assets/client-a1b2c3d4.js",
+        href: "rwsdk_asset:/src/client.tsx",
         as: "script"
       })
-    `);
+    `;
+        expect(normalizeCode(result?.code || "")).toEqual(normalizeCode(expected));
+        expect(clientEntryPoints.size).toBe(0); // Make sure it doesn't incorrectly add to entry points
     });
     it("transforms link href attributes with modulepreload rel", async () => {
         const code = `
@@ -146,13 +164,15 @@ describe("transformJsxScriptTagsCode", () => {
         rel: "modulepreload"
       })
     `;
-        const result = await transformJsxScriptTagsCode(code, mockManifest);
-        expect(result?.code).toEqual(`
+        const clientEntryPoints = new Set();
+        const result = await transformJsxScriptTagsCode(code, clientEntryPoints, mockManifest, "/project/root/dir");
+        const expected = `
       jsx("link", {
-        href: "/assets/client-a1b2c3d4.js",
+        href: "rwsdk_asset:/src/client.tsx",
         rel: "modulepreload"
       })
-    `);
+    `;
+        expect(normalizeCode(result?.code || "")).toEqual(normalizeCode(expected));
     });
     it("transforms real-world Document component example", async () => {
         const code = `
@@ -164,7 +184,7 @@ describe("transformJsxScriptTagsCode", () => {
               jsx("meta", { charSet: "utf-8" }),
               jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }),
               jsx("title", { children: "@redwoodjs/starter-standard" }),
-              jsx("link", { rel: "modulepreload", href: "/src/client.tsx", as: "script" })
+              jsx("link", { rel: "modulepreload", href: "rwsdk_asset:/src/client.tsx", as: "script" })
             ]
           }),
           jsx("body", {
@@ -176,40 +196,42 @@ describe("transformJsxScriptTagsCode", () => {
         ]
       })
     `;
-        const result = await transformJsxScriptTagsCode(code, mockManifest);
-        expect(result?.code).toEqual(`import { requestInfo } from "rwsdk/worker";
+        const clientEntryPoints = new Set();
+        const result = await transformJsxScriptTagsCode(code, clientEntryPoints, mockManifest, "/project/root/dir");
+        const expected = `import { requestInfo } from "rwsdk/worker";
 
-      jsx("html", {
-        lang: "en",
-        children: [
-          jsx("head", {
-            children: [
-              jsx("meta", { charSet: "utf-8" }),
-              jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }),
-              jsx("title", { children: "@redwoodjs/starter-standard" }),
-              jsx("link", { rel: "modulepreload", href: "/assets/client-a1b2c3d4.js", as: "script" })
-            ]
-          }),
-          jsx("body", {
-            children: [
-              jsx("div", { id: "root", children: props.children }),
-              (
-                              (requestInfo.rw.scriptsToBeLoaded.add("/src/client.tsx")),
-                              jsx("script", { children: "import(\\"\/assets\/client-a1b2c3d4.js\\")",
-                                  nonce: requestInfo.rw.nonce
-                            })
-                            )
-            ]
-          })
-        ]
-      })
-    `);
+jsx("html", {
+lang: "en",
+children: [
+jsx("head", {
+children: [
+jsx("meta", { charSet: "utf-8" }),
+jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }),
+jsx("title", { children: "@redwoodjs/starter-standard" }),
+jsx("link", { rel: "modulepreload", href: "rwsdk_asset:/src/client.tsx", as: "script" })
+]
+}),
+jsx("body", {
+children: [
+jsx("div", { id: "root", children: props.children }),
+(
+(requestInfo.rw.scriptsToBeLoaded.add("/src/client.tsx")),
+jsx("script", { children: "import(\\"rwsdk_asset:/src/client.tsx\\")",
+nonce: requestInfo.rw.nonce
+})
+)
+]
+})
+]
+})`;
+        expect(normalizeCode(result?.code || "")).toEqual(normalizeCode(expected));
     });
     it("returns null when no transformations are needed", async () => {
         const code = `
       jsx("div", { children: "No scripts or links here" })
     `;
-        const result = await transformJsxScriptTagsCode(code, mockManifest);
+        const clientEntryPoints = new Set();
+        const result = await transformJsxScriptTagsCode(code, clientEntryPoints, mockManifest, "/project/root/dir");
         expect(result).toBeUndefined();
     });
     it("handles paths not found in manifest", async () => {
@@ -219,18 +241,19 @@ describe("transformJsxScriptTagsCode", () => {
         type: "module"
       })
     `;
-        const result = await transformJsxScriptTagsCode(code, mockManifest);
-        expect(result?.code).toEqual(`import { requestInfo } from "rwsdk/worker";
+        const clientEntryPoints = new Set();
+        const result = await transformJsxScriptTagsCode(code, clientEntryPoints, mockManifest, "/project/root/dir");
+        const expected = `import { requestInfo } from "rwsdk/worker";
 
-      (
-              (requestInfo.rw.scriptsToBeLoaded.add("/src/non-existent.js")),
-              jsx("script", {
-        src: "/src/non-existent.js",
-        type: "module",
-          nonce: requestInfo.rw.nonce
-    })
-            )
-    `);
+(
+(requestInfo.rw.scriptsToBeLoaded.add("/src/non-existent.js")),
+jsx("script", {
+src: "rwsdk_asset:/src/non-existent.js",
+type: "module",
+nonce: requestInfo.rw.nonce
+})
+)`;
+        expect(normalizeCode(result?.code || "")).toEqual(normalizeCode(expected));
     });
     it("adds nonce to script tags with src attribute and imports requestInfo", async () => {
         const code = `
@@ -239,18 +262,19 @@ describe("transformJsxScriptTagsCode", () => {
         type: "module"
       })
     `;
-        const result = await transformJsxScriptTagsCode(code, mockManifest);
-        expect(result?.code).toEqual(`import { requestInfo } from "rwsdk/worker";
+        const clientEntryPoints = new Set();
+        const result = await transformJsxScriptTagsCode(code, clientEntryPoints, mockManifest, "/project/root/dir");
+        const expected = `import { requestInfo } from "rwsdk/worker";
 
-      (
-              (requestInfo.rw.scriptsToBeLoaded.add("/src/client.tsx")),
-              jsx("script", {
-        src: "/assets/client-a1b2c3d4.js",
-        type: "module",
-          nonce: requestInfo.rw.nonce
-    })
-            )
-    `);
+(
+(requestInfo.rw.scriptsToBeLoaded.add("/src/client.tsx")),
+jsx("script", {
+src: "rwsdk_asset:/src/client.tsx",
+type: "module",
+nonce: requestInfo.rw.nonce
+})
+)`;
+        expect(normalizeCode(result?.code || "")).toEqual(normalizeCode(expected));
     });
     it("adds nonce to script tags with string literal children", async () => {
         const code = `
@@ -259,7 +283,8 @@ describe("transformJsxScriptTagsCode", () => {
         children: "console.log('hello world')"
       })
     `;
-        const result = await transformJsxScriptTagsCode(code, {});
+        const clientEntryPoints = new Set();
+        const result = await transformJsxScriptTagsCode(code, clientEntryPoints, mockManifest, "/project/root/dir");
         expect(result?.code).toEqual(`import { requestInfo } from "rwsdk/worker";
 
       jsx("script", {
@@ -276,7 +301,8 @@ describe("transformJsxScriptTagsCode", () => {
         dangerouslySetInnerHTML: { __html: "console.log('hello world')" }
       })
     `;
-        const result = await transformJsxScriptTagsCode(code, {});
+        const clientEntryPoints = new Set();
+        const result = await transformJsxScriptTagsCode(code, clientEntryPoints, mockManifest, "/project/root/dir");
         expect(result?.code).toEqual(undefined);
     });
     it("does not add nonce to script tags that already have nonce", async () => {
@@ -287,7 +313,8 @@ describe("transformJsxScriptTagsCode", () => {
         nonce: "existing-nonce"
       })
     `;
-        const result = await transformJsxScriptTagsCode(code, {});
+        const clientEntryPoints = new Set();
+        const result = await transformJsxScriptTagsCode(code, clientEntryPoints, mockManifest, "/project/root/dir");
         expect(result?.code).toEqual(undefined);
     });
     it("uses existing requestInfo import if already present", async () => {
@@ -300,7 +327,8 @@ describe("transformJsxScriptTagsCode", () => {
         children: "console.log('hello world')"
       })
     `;
-        const result = await transformJsxScriptTagsCode(code, {});
+        const clientEntryPoints = new Set();
+        const result = await transformJsxScriptTagsCode(code, clientEntryPoints, mockManifest, "/project/root/dir");
         expect(result?.code).toEqual(`
       import { foo } from 'bar';
       import { requestInfo, someOtherThing } from "rwsdk/worker";
@@ -326,7 +354,8 @@ describe("transformJsxScriptTagsCode", () => {
         children: "console.log('hello world')"
       })
     `;
-        const result = await transformJsxScriptTagsCode(code, {});
+        const clientEntryPoints = new Set();
+        const result = await transformJsxScriptTagsCode(code, clientEntryPoints, mockManifest, "/project/root/dir");
         expect(result?.code).toEqual(`
       import { foo } from 'bar';
       import { someOtherThing, requestInfo } from "rwsdk/worker";
@@ -346,17 +375,245 @@ describe("transformJsxScriptTagsCode", () => {
       })
     `;
         // Call without providing manifest (simulating dev mode)
-        const result = await transformJsxScriptTagsCode(code);
-        expect(result?.code).toEqual(`import { requestInfo } from "rwsdk/worker";
+        const clientEntryPoints = new Set();
+        const result = await transformJsxScriptTagsCode(code, clientEntryPoints, mockManifest, "/project/root/dir");
+        const expected = `import { requestInfo } from "rwsdk/worker";
 
-      (
-              (requestInfo.rw.scriptsToBeLoaded.add("/src/client.tsx")),
-              jsx("script", {
-        src: "/src/client.tsx",
-        type: "module",
-          nonce: requestInfo.rw.nonce
-    })
-            )
-    `);
+(
+(requestInfo.rw.scriptsToBeLoaded.add("/src/client.tsx")),
+jsx("script", {
+src: "rwsdk_asset:/src/client.tsx",
+type: "module",
+nonce: requestInfo.rw.nonce
+})
+)`;
+        expect(normalizeCode(result?.code || "")).toEqual(normalizeCode(expected));
+    });
+    it("regression favicon links", async () => {
+        const code = `
+    import { jsxDEV } from "react/jsx-dev-runtime";
+import styles from "./index.css?url";
+export const Document = ({
+  children
+}) => /* @__PURE__ */ jsxDEV("html", { lang: "en", children: [
+  /* @__PURE__ */ jsxDEV("head", { children: [
+    /* @__PURE__ */ jsxDEV("meta", { charSet: "utf-8" }, void 0, false, {
+      fileName: "/Users/justin/rw/blotter/rwsdk-guestbook/src/app/document/Document.tsx",
+      lineNumber: 8,
+      columnNumber: 4
+    }, this),
+    /* @__PURE__ */ jsxDEV("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }, void 0, false, {
+      fileName: "/Users/justin/rw/blotter/rwsdk-guestbook/src/app/document/Document.tsx",
+      lineNumber: 9,
+      columnNumber: 4
+    }, this),
+    /* @__PURE__ */ jsxDEV("title", { children: "rwsdk-guestbook" }, void 0, false, {
+      fileName: "/Users/justin/rw/blotter/rwsdk-guestbook/src/app/document/Document.tsx",
+      lineNumber: 10,
+      columnNumber: 4
+    }, this),
+    /* @__PURE__ */ jsxDEV("link", { rel: "preconnect", href: "https://fonts.googleapis.com" }, void 0, false, {
+      fileName: "/Users/justin/rw/blotter/rwsdk-guestbook/src/app/document/Document.tsx",
+      lineNumber: 11,
+      columnNumber: 4
+    }, this),
+    /* @__PURE__ */ jsxDEV(
+      "link",
+      {
+        rel: "preconnect",
+        href: "https://fonts.gstatic.com",
+        crossOrigin: "anonymous"
+      },
+      void 0,
+      false,
+      {
+        fileName: "/Users/justin/rw/blotter/rwsdk-guestbook/src/app/document/Document.tsx",
+        lineNumber: 12,
+        columnNumber: 4
+      },
+      this
+    ),
+    /* @__PURE__ */ jsxDEV(
+      "link",
+      {
+        href: "https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&display=swap",
+        rel: "stylesheet"
+      },
+      void 0,
+      false,
+      {
+        fileName: "/Users/justin/rw/blotter/rwsdk-guestbook/src/app/document/Document.tsx",
+        lineNumber: 17,
+        columnNumber: 4
+      },
+      this
+    ),
+    /* @__PURE__ */ jsxDEV("script", { src: "/theme-script.js" }, void 0, false, {
+      fileName: "/Users/justin/rw/blotter/rwsdk-guestbook/src/app/document/Document.tsx",
+      lineNumber: 21,
+      columnNumber: 4
+    }, this),
+    /* @__PURE__ */ jsxDEV("link", { rel: "icon", href: "/favicon.svg" }, void 0, false, {
+      fileName: "/Users/justin/rw/blotter/rwsdk-guestbook/src/app/document/Document.tsx",
+      lineNumber: 22,
+      columnNumber: 4
+    }, this),
+    /* @__PURE__ */ jsxDEV("link", { rel: "modulepreload", href: "rwsdk_asset:/src/client.tsx" }, void 0, false, {
+      fileName: "/Users/justin/rw/blotter/rwsdk-guestbook/src/app/document/Document.tsx",
+      lineNumber: 23,
+      columnNumber: 4
+    }, this),
+    /* @__PURE__ */ jsxDEV("link", { rel: "stylesheet", href: styles }, void 0, false, {
+      fileName: "/Users/justin/rw/blotter/rwsdk-guestbook/src/app/document/Document.tsx",
+      lineNumber: 24,
+      columnNumber: 4
+    }, this)
+  ] }, void 0, true, {
+    fileName: "/Users/justin/rw/blotter/rwsdk-guestbook/src/app/document/Document.tsx",
+    lineNumber: 7,
+    columnNumber: 3
+  }, this),
+  /* @__PURE__ */ jsxDEV("body", { children: [
+    /* @__PURE__ */ jsxDEV("div", { id: "root", children }, void 0, false, {
+      fileName: "/Users/justin/rw/blotter/rwsdk-guestbook/src/app/document/Document.tsx",
+      lineNumber: 27,
+      columnNumber: 4
+    }, this),
+    /* @__PURE__ */ jsxDEV("script", { children: 'import("/src/client.tsx")' }, void 0, false, {
+      fileName: "/Users/justin/rw/blotter/rwsdk-guestbook/src/app/document/Document.tsx",
+      lineNumber: 28,
+      columnNumber: 4
+    }, this)
+  ] }, void 0, true, {
+    fileName: "/Users/justin/rw/blotter/rwsdk-guestbook/src/app/document/Document.tsx",
+    lineNumber: 26,
+    columnNumber: 3
+  }, this)
+] }, void 0, true, {
+  fileName: "/Users/justin/rw/blotter/rwsdk-guestbook/src/app/document/Document.tsx",
+  lineNumber: 6,
+  columnNumber: 2
+}, this);
+`;
+        const clientEntryPoints = new Set();
+        const result = await transformJsxScriptTagsCode(code, clientEntryPoints, mockManifest, "/project/root/dir");
+        // For this complex test, we'll just verify the key transformations
+        const expected = `
+import { jsxDEV } from "react/jsx-dev-runtime";
+import styles from "./index.css?url";
+import { requestInfo } from "rwsdk/worker";
+
+export const Document = ({
+children
+}) => /* @__PURE__ */ jsxDEV("html", { lang: "en", children: [
+/* @__PURE__ */ jsxDEV("head", { children: [
+  /* @__PURE__ */ jsxDEV("meta", { charSet: "utf-8" }, void 0, false, {
+    fileName: "/Users/justin/rw/blotter/rwsdk-guestbook/src/app/document/Document.tsx",
+    lineNumber: 8,
+    columnNumber: 4
+  }, this),
+  /* @__PURE__ */ jsxDEV("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }, void 0, false, {
+    fileName: "/Users/justin/rw/blotter/rwsdk-guestbook/src/app/document/Document.tsx",
+    lineNumber: 9,
+    columnNumber: 4
+  }, this),
+  /* @__PURE__ */ jsxDEV("title", { children: "rwsdk-guestbook" }, void 0, false, {
+    fileName: "/Users/justin/rw/blotter/rwsdk-guestbook/src/app/document/Document.tsx",
+    lineNumber: 10,
+    columnNumber: 4
+  }, this),
+  /* @__PURE__ */ jsxDEV("link", { rel: "preconnect", href: "https://fonts.googleapis.com" }, void 0, false, {
+    fileName: "/Users/justin/rw/blotter/rwsdk-guestbook/src/app/document/Document.tsx",
+    lineNumber: 11,
+    columnNumber: 4
+  }, this),
+  /* @__PURE__ */ jsxDEV(
+    "link",
+    {
+      rel: "preconnect",
+      href: "https://fonts.gstatic.com",
+      crossOrigin: "anonymous"
+    },
+    void 0,
+    false,
+    {
+      fileName: "/Users/justin/rw/blotter/rwsdk-guestbook/src/app/document/Document.tsx",
+      lineNumber: 12,
+      columnNumber: 4
+    },
+    this
+  ),
+  /* @__PURE__ */ jsxDEV(
+    "link",
+    {
+      href: "https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&display=swap",
+      rel: "stylesheet"
+    },
+    void 0,
+    false,
+    {
+      fileName: "/Users/justin/rw/blotter/rwsdk-guestbook/src/app/document/Document.tsx",
+      lineNumber: 17,
+      columnNumber: 4
+    },
+    this
+  ),
+  (
+(requestInfo.rw.scriptsToBeLoaded.add("/theme-script.js")),
+/* @__PURE__ */ jsxDEV("script", { src: "rwsdk_asset:/theme-script.js",
+                          nonce: requestInfo.rw.nonce
+                    }, void 0, false, {
+      fileName: "/Users/justin/rw/blotter/rwsdk-guestbook/src/app/document/Document.tsx",
+      lineNumber: 21,
+      columnNumber: 4
+    }, this)
+),
+  /* @__PURE__ */ jsxDEV("link", { rel: "icon", href: "/favicon.svg" }, void 0, false, {
+    fileName: "/Users/justin/rw/blotter/rwsdk-guestbook/src/app/document/Document.tsx",
+    lineNumber: 22,
+    columnNumber: 4
+  }, this),
+  /* @__PURE__ */ jsxDEV("link", { rel: "modulepreload", href: "rwsdk_asset:/src/client.tsx" }, void 0, false, {
+    fileName: "/Users/justin/rw/blotter/rwsdk-guestbook/src/app/document/Document.tsx",
+    lineNumber: 23,
+    columnNumber: 4
+  }, this),
+  /* @__PURE__ */ jsxDEV("link", { rel: "stylesheet", href: styles }, void 0, false, {
+    fileName: "/Users/justin/rw/blotter/rwsdk-guestbook/src/app/document/Document.tsx",
+    lineNumber: 24,
+    columnNumber: 4
+  }, this)
+] }, void 0, true, {
+  fileName: "/Users/justin/rw/blotter/rwsdk-guestbook/src/app/document/Document.tsx",
+  lineNumber: 7,
+  columnNumber: 3
+}, this),
+/* @__PURE__ */ jsxDEV("body", { children: [
+  /* @__PURE__ */ jsxDEV("div", { id: "root", children }, void 0, false, {
+    fileName: "/Users/justin/rw/blotter/rwsdk-guestbook/src/app/document/Document.tsx",
+    lineNumber: 27,
+    columnNumber: 4
+  }, this),
+  (
+(requestInfo.rw.scriptsToBeLoaded.add("/src/client.tsx")),
+/* @__PURE__ */ jsxDEV("script", { children: "import(\\"rwsdk_asset:/src/client.tsx\\")",
+                        nonce: requestInfo.rw.nonce
+                  }, void 0, false, {
+      fileName: "/Users/justin/rw/blotter/rwsdk-guestbook/src/app/document/Document.tsx",
+      lineNumber: 28,
+      columnNumber: 4
+    }, this)
+)
+] }, void 0, true, {
+  fileName: "/Users/justin/rw/blotter/rwsdk-guestbook/src/app/document/Document.tsx",
+  lineNumber: 26,
+  columnNumber: 3
+}, this)
+] }, void 0, true, {
+fileName: "/Users/justin/rw/blotter/rwsdk-guestbook/src/app/document/Document.tsx",
+lineNumber: 6,
+columnNumber: 2
+}, this);`;
+        expect(normalizeCode(result?.code || "")).toEqual(normalizeCode(expected));
     });
 });