@keak/sdk 1.0.1

package/src/plugins/next.cjs

@@ -0,0 +1,145 @@
+/**
+ * Keak Next.js Plugin
+ * 
+ * Automatically injects source location attributes into JSX elements
+ * for use with Keak IDE element selection.
+ * 
+ * Usage in next.config.js:
+ * 
+ * const { withKeak } = require('keak-sdk/plugins/next');
+ * 
+ * module.exports = withKeak({
+ *   // your existing Next.js config
+ * });
+ * 
+ * Or for ESM (next.config.mjs):
+ * 
+ * import { withKeak } from 'keak-sdk/plugins/next';
+ * export default withKeak({ ... });
+ */
+
+const path = require('path');
+
+function withKeak(nextConfig = {}) {
+  console.log('[Keak] withKeak() called - plugin loaded successfully');
+  return {
+    ...nextConfig,
+    webpack(config, options) {
+      console.log('[Keak] webpack() called with options:', { dev: options.dev, isServer: options.isServer });
+      const { dev, isServer } = options;
+
+      // Only inject in development mode and client-side
+      if (dev && !isServer) {
+        console.log('[Keak] Configuring Babel loader for source injection...');
+
+        // Helper function to resolve modules from the project's node_modules
+        const resolveFromProject = (moduleName) => {
+          try {
+            // Try to resolve from the project's context (where next.config.js is)
+            return require.resolve(moduleName, {
+              paths: [process.cwd()]
+            });
+          } catch (e) {
+            // Fallback to resolving from keak-sdk's context
+            console.warn(`[Keak] Could not resolve ${moduleName} from project, falling back to keak-sdk`);
+            return require.resolve(moduleName);
+          }
+        };
+
+        // Try to find and modify existing babel-loader configurations
+        let modifiedExistingLoader = false;
+
+        config.module.rules.forEach(rule => {
+          // Handle rules with use array
+          if (rule.use && Array.isArray(rule.use)) {
+            rule.use.forEach(loader => {
+              if (typeof loader === 'object' && loader.loader && loader.loader.includes('babel-loader')) {
+                // Found babel-loader, add our plugin if it's not already there
+                if (!loader.options) loader.options = {};
+                if (!loader.options.plugins) loader.options.plugins = [];
+
+                // Check if our plugin is already in the list
+                const hasKeakPlugin = loader.options.plugins.some(plugin =>
+                  (Array.isArray(plugin) && plugin[0] && plugin[0].includes('babel-source-inject')) ||
+                  (typeof plugin === 'string' && plugin.includes('babel-source-inject'))
+                );
+
+                if (!hasKeakPlugin) {
+                  loader.options.plugins.push([
+                    require.resolve('./babel-source-inject.cjs'),
+                    { includeElementIndex: true }
+                  ]);
+                  console.log('[Keak] Added source injection plugin to existing babel-loader');
+                  modifiedExistingLoader = true;
+                }
+              }
+            });
+          }
+
+          // Handle rules with use object
+          if (rule.use && typeof rule.use === 'object' && !Array.isArray(rule.use)) {
+            const loader = rule.use;
+            if (loader.loader && loader.loader.includes('babel-loader')) {
+              if (!loader.options) loader.options = {};
+              if (!loader.options.plugins) loader.options.plugins = [];
+
+              const hasKeakPlugin = loader.options.plugins.some(plugin =>
+                (Array.isArray(plugin) && plugin[0] && plugin[0].includes('babel-source-inject')) ||
+                (typeof plugin === 'string' && plugin.includes('babel-source-inject'))
+              );
+
+              if (!hasKeakPlugin) {
+                loader.options.plugins.push([
+                  require.resolve('./babel-source-inject.cjs'),
+                  { includeElementIndex: true }
+                ]);
+                console.log('[Keak] Added source injection plugin to existing babel-loader (object form)');
+                modifiedExistingLoader = true;
+              }
+            }
+          }
+        });
+
+        // If no existing babel-loader was modified, add a new rule
+        if (!modifiedExistingLoader) {
+          console.log('[Keak] No existing babel-loader found, adding new Babel loader with source injection plugin');
+          // PREPEND the rule so it matches before Next.js's built-in rules
+          config.module.rules.unshift({
+            test: /\.(jsx|tsx)$/,
+            exclude: /node_modules/,
+            use: {
+              loader: resolveFromProject('babel-loader'),
+              options: {
+                presets: [
+                  [resolveFromProject('@babel/preset-react'), {
+                    runtime: 'automatic'
+                  }],
+                  resolveFromProject('@babel/preset-typescript')
+                ],
+                plugins: [
+                  [
+                    require.resolve('./babel-source-inject.cjs'),
+                    {
+                      includeElementIndex: true
+                    }
+                  ]
+                ],
+                cacheDirectory: true
+              }
+            }
+          });
+        }
+      }
+
+      // Call the original webpack config function if it exists
+      if (typeof nextConfig.webpack === 'function') {
+        return nextConfig.webpack(config, options);
+      }
+
+      return config;
+    }
+  };
+}
+
+module.exports = { withKeak };
+