fix(transform,react): remove overlay auto-init from Vite preamble

The preamble's overlay import via /node_modules/ path creates a
separate module instance from Vite's pre-bundled version, breaking
RuntimeManager singleton sharing with the React adapter. This caused
componentName to be null in e2e tests.

Fix: only set window globals in the preamble. Move overlay auto-init
to the react-init virtual module (which uses bare specifiers resolved
through Vite's pre-bundling pipeline, sharing singletons correctly).
transformIndexHtml continues to handle overlay init for SPA setups.

Author: Narrator

packages/domscribe-react/src/vite/vite-plugin.ts

@@ -72,7 +72,9 @@ export function domscribe(options?: DomscribeReactPluginOptions): Plugin {
         : `const _resolvers = new Map();`;
 
       // Bare specifiers here get rewritten by Vite's transform pipeline
-      // to pre-bundled paths, matching what the overlay resolves internally
+      // to pre-bundled paths, matching what the overlay resolves internally.
+      // This module also handles overlay init as a fallback for SSR setups
+      // where transformIndexHtml doesn't fire (e.g. React Router 7).
       return [
         `import { RuntimeManager } from '@domscribe/runtime';`,
         `import { createReactAdapter } from '@domscribe/react';`,
@@ -92,6 +94,13 @@ export function domscribe(options?: DomscribeReactPluginOptions): Plugin {
         `    hookNameResolvers: _resolvers,`,
         `  }),`,
         `}).catch(e => console.warn('[domscribe] Failed to init React runtime:', e.message));`,
+        ``,
+        `// Init overlay if configured (SSR fallback — transformIndexHtml may not fire).`,
+        `// Uses bare specifier so Vite resolves to the same pre-bundled module instance`,
+        `// that RuntimeManager uses, ensuring singleton sharing.`,
+        `if (typeof window !== 'undefined' && window.__DOMSCRIBE_OVERLAY_OPTIONS__) {`,
+        `  import('@domscribe/overlay').then(m => m.initOverlay()).catch(() => {});`,
+        `}`,
       ].join('\n');
     }
     return baseLoad?.call(this, id, ...args) ?? null;

packages/domscribe-transform/src/plugins/vite/vite.plugin.ts

@@ -72,20 +72,14 @@ function buildVitePreamble(opts: {
     );
   }
 
-  // Auto-init overlay (once per page load) for SSR scenarios where
-  // transformIndexHtml never fires
-  let autoInit = '';
-  if (opts.overlayEnabled && opts.relayPort !== undefined) {
-    autoInit =
-      `if(!window.__DOMSCRIBE_AUTO_INIT__){` +
-      `window.__DOMSCRIBE_AUTO_INIT__=true;` +
-      `import('/node_modules/@domscribe/overlay/index.js').then(function(m){return m.initOverlay()}).catch(function(){})` +
-      `}`;
-  }
-
-  return (
-    `if(typeof window!=='undefined'){${parts.join(';')};` + autoInit + `}\n`
-  );
+  // Overlay auto-init is NOT done here — it's handled by:
+  //   • transformIndexHtml (SPA setups)
+  //   • Framework adapter virtual modules (SSR setups, e.g. react-init.js)
+  // Importing the overlay from the preamble via /node_modules/ path creates
+  // a separate module instance from Vite's pre-bundled version, which breaks
+  // RuntimeManager singleton sharing with the adapter.
+
+  return `if(typeof window!=='undefined'){${parts.join(';')}}\n`;
 }
 
 /**