@codedesignai/nextjs-live-edit-plugin 1.0.5 → 1.0.7

package/index.js

@@ -29,18 +29,14 @@ const path = require('path');
  */
 function withLiveEdit(nextConfig = {}, pluginOptions = {}) {
   const sourceDirs = pluginOptions.sourceDirs || ['app', 'components', 'src'];
-
-  // Only add source mapping in development mode
-  if (process.env.NODE_ENV === 'production') {
-    return nextConfig;
-  }
+  const projectRoot = pluginOptions.projectRoot || process.cwd();
 
   const loaderPath = path.resolve(__dirname, 'source-mapper-loader.js');
   const loaderConfig = {
     loader: loaderPath,
     options: {
       sourceDirs,
-      projectRoot: process.cwd(),
+      projectRoot,
     },
   };
 
@@ -48,12 +44,18 @@ 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'],
     turbopack: {
       ...existingTurbopack,
       rules: {
         ...existingRules,
+        // Apply our source mapper loader to JSX and TSX files
         '*.jsx': {
           loaders: [loaderConfig],
         },

package/live-edit-handler.js

@@ -538,16 +538,6 @@ function createLiveEditHandler(options = {}) {
   };
 
   async function POST(request) {
-    // Only allow in development
-    if (process.env.NODE_ENV === 'production') {
-      return new Response(
-        JSON.stringify({
-          success: false,
-          error: 'Live editing is only available in development mode',
-        }),
-        { status: 403, headers: { 'Content-Type': 'application/json', ...corsHeaders } }
-      );
-    }
 
     try {
       const data = await request.json();
@@ -614,12 +604,6 @@ function createPagesApiHandler(options = {}) {
       return;
     }
 
-    if (process.env.NODE_ENV === 'production') {
-      res
-        .status(403)
-        .json({ success: false, error: 'Live editing is only available in development mode' });
-      return;
-    }
 
     try {
       const data = req.body;

package/package.json

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

package/source-mapper-loader.js

@@ -146,11 +146,6 @@ function extractStringFromAttrValue(valueNode) {
  *   - Inline backgroundImage styles
  */
 module.exports = function sourceMapperLoader(source) {
-  // Only run in development mode
-  if (process.env.NODE_ENV === 'production') {
-    return source;
-  }
-
   const resourcePath = this.resourcePath;
   const options = this.getOptions() || {};