@codedesignai/nextjs-live-edit-plugin 1.0.0 → 1.0.1

package/index.js

@@ -2,6 +2,7 @@ const path = require('path');
 
 /**
  * Next.js config wrapper that enables the live edit plugin.
+ * Uses Turbopack's built-in webpack loader support via turbopack.rules.
  * 
  * Usage in next.config.js (CommonJS):
  * 
@@ -25,37 +26,40 @@ const path = require('path');
 function withLiveEdit(nextConfig = {}, pluginOptions = {}) {
   const sourceDirs = pluginOptions.sourceDirs || ['app', 'components', 'src'];
 
-  return {
-    ...nextConfig,
-    webpack(config, context) {
-      const { dev, isServer } = context;
+  // Only add source mapping in development mode
+  if (process.env.NODE_ENV === 'production') {
+    return nextConfig;
+  }
 
-      // Only add the source mapper in development mode and for client builds
-      // (source mapping attributes are only needed in the browser)
-      if (dev && !isServer) {
-        // Add our source mapper loader for JSX/TSX files
-        config.module.rules.push({
-          test: /\.(jsx|tsx)$/,
-          // Only process files in the configured source directories
-          include: sourceDirs.map(dir => path.resolve(process.cwd(), dir)),
-          use: [
-            {
-              loader: path.resolve(__dirname, 'source-mapper-loader.js'),
-              options: {
-                sourceDirs,
-                projectRoot: process.cwd(),
-              },
-            },
-          ],
-        });
-      }
+  const loaderPath = path.resolve(__dirname, 'source-mapper-loader.js');
+  const loaderConfig = {
+    loader: loaderPath,
+    options: {
+      sourceDirs,
+      projectRoot: process.cwd(),
+    },
+  };
 
-      // Call the user's webpack config if they provided one
-      if (typeof nextConfig.webpack === 'function') {
-        return nextConfig.webpack(config, context);
-      }
+  // Merge with existing turbopack config
+  const existingTurbopack = nextConfig.turbopack || {};
+  const existingRules = existingTurbopack.rules || {};
 
-      return config;
+  return {
+    ...nextConfig,
+    turbopack: {
+      ...existingTurbopack,
+      rules: {
+        ...existingRules,
+        // Apply our source mapper loader to JSX and TSX files
+        '*.jsx': {
+          loaders: [loaderConfig],
+          as: '*.jsx',
+        },
+        '*.tsx': {
+          loaders: [loaderConfig],
+          as: '*.tsx',
+        },
+      },
     },
   };
 }

package/package.json

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