@codedesignai/nextjs-live-edit-plugin 1.0.6 → 1.0.8

package/index.js

@@ -44,8 +44,13 @@ function withLiveEdit(nextConfig = {}, pluginOptions = {}) {
   const existingTurbopack = nextConfig.turbopack || {};
   const existingRules = existingTurbopack.rules || {};
 
+  // Merge allowedDevOrigins — sandbox domains need cross-origin HMR access
+  // for React hydration to complete (which <Script strategy="afterInteractive"> depends on)
+  const existingOrigins = nextConfig.allowedDevOrigins || [];
+
   return {
     ...nextConfig,
+    allowedDevOrigins: [...existingOrigins, '*.miraqal.com', '*.codedesign.one', '*.cdsn.app'],
     turbopack: {
       ...existingTurbopack,
       rules: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codedesignai/nextjs-live-edit-plugin",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "Next.js plugin for live editing React components with AST-powered source mapping",
   "main": "index.js",
   "exports": {

package/source-mapper-loader.js

@@ -225,10 +225,14 @@ module.exports = function sourceMapperLoader(source) {
         for (const child of node.children) {
           // 2a. Direct JSXText with non-whitespace content
           if (child.type === 'JSXText') {
-            const trimmed = child.value.trim();
+            const raw = child.value;
+            const trimmed = raw.trim();
             if (trimmed.length > 0) {
+              // Adjust start/end to the trimmed text boundaries (not the full node which includes whitespace)
+              const trimStart = child.start + raw.indexOf(trimmed);
+              const trimEnd = trimStart + trimmed.length;
               regions.push(
-                makeRegion(source, relativeToSrcDir, child.start, child.end, trimmed, 'text-content')
+                makeRegion(source, relativeToSrcDir, trimStart, trimEnd, trimmed, 'text-content')
               );
             }
           }