chore: fix issue caused during applying old comments

Author: ovflowd

src/generators/web/utils/bundle.mjs

@@ -26,7 +26,7 @@ export default async function bundleCode(codeMap, { server = false } = {}) {
   const clientExperimentalConfig = {
     // Generate an import map for cache-busted module resolution in browsers
     // https://rolldown.rs/options/experimental#chunkimportmap
-    chunkImportMap: !server && {
+    chunkImportMap: {
       baseUrl: './',
       fileName: 'importmap.json',
     },
@@ -43,8 +43,8 @@ export default async function bundleCode(codeMap, { server = false } = {}) {
     output: {
       // Output module format:
       // - "cjs" for CommonJS (used in Node.js environments)
-      // - "iife" for browser environments (self-contained script tag)
-      format: server ? 'cjs' : 'iife',
+      // - "esm" for browser environments (Using Chunk Code-Splitting)
+      format: server ? 'cjs' : 'esm',
 
       // Minify output only for browser builds to optimize file size.
       // Server builds are usually not minified to preserve stack traces and debuggability.
@@ -66,25 +66,27 @@ export default async function bundleCode(codeMap, { server = false } = {}) {
       ? ['preact', 'preact-render-to-string', '@node-core/ui-components']
       : [],
 
-    // Inject global compile-time constants that will be replaced in code.
-    // These are useful for tree-shaking and conditional branching.
-    // Be sure to update type declarations (`types.d.ts`) if these change.
-    define: {
-      // Static data injected directly into the bundle (as a literal or serialized JSON).
-      __STATIC_DATA__: staticData,
-
-      // Boolean flags used for conditional logic in source code:
-      // Example: `if (SERVER) {...}` or `if (CLIENT) {...}`
-      // These flags help split logic for server/client environments.
-      // Unused branches will be removed via tree-shaking.
-      SERVER: String(server),
-      CLIENT: String(!server),
-    },
+    transform: {
+      // Inject global compile-time constants that will be replaced in code.
+      // These are useful for tree-shaking and conditional branching.
+      // Be sure to update type declarations (`types.d.ts`) if these change.
+      define: {
+        // Static data injected directly into the bundle (as a literal or serialized JSON).
+        __STATIC_DATA__: staticData,
+
+        // Boolean flags used for conditional logic in source code:
+        // Example: `if (SERVER) {...}` or `if (CLIENT) {...}`
+        // These flags help split logic for server/client environments.
+        // Unused branches will be removed via tree-shaking.
+        SERVER: String(server),
+        CLIENT: String(!server),
+      },
 
-    // JSX transformation configuration.
-    // `'react-jsx'` enables the automatic JSX runtime, which doesn't require `import React`.
-    // Since we're using Preact via aliasing, this setting works well with `preact/compat`.
-    jsx: 'react-jsx',
+      // JSX transformation configuration.
+      // `'react-jsx'` enables the automatic JSX runtime, which doesn't require `import React`.
+      // Since we're using Preact via aliasing, this setting works well with `preact/compat`.
+      jsx: 'react-jsx',
+    },
 
     // Module resolution aliases.
     // This tells the bundler to use `preact/compat` wherever `react` or `react-dom` is imported.