nextjs-ide-helper 1.5.3 → 1.5.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nextjs-ide-helper",
-  "version": "1.5.3",
+  "version": "1.5.4",
   "description": "A Next.js plugin that automatically adds IDE buttons to React components for seamless IDE integration. Supports Cursor, VS Code, WebStorm, and Atom.",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

package/src/__tests__/loader.test.js

@@ -261,13 +261,11 @@ export function MyModal() {
       const result = loader.call(mockContext, source);
 
       expect(result).toContain("import { withIdeButton } from 'nextjs-ide-helper';");
-      
-      // For function exports, the function should be declared first, then wrapped
-      expect(result).toContain("function MyButton()");
-      expect(result).toContain("function MyModal()");
-      expect(result).toContain("const MyButton = withIdeButton(MyButton,");
-      expect(result).toContain("const MyModal = withIdeButton(MyModal,");
-      
+
+      // For function exports, the function is wrapped as an expression (preserves name for stack traces)
+      expect(result).toContain("export const MyButton = withIdeButton(function MyButton()");
+      expect(result).toContain("export const MyModal = withIdeButton(function MyModal()");
+
       // Verify file paths
       expect(result).toContain("'src/components/Button.tsx'");
     });
@@ -303,9 +301,8 @@ export default MainLayout;`;
       expect(result).toContain("export const PrimaryButton = withIdeButton(() => <button className=\"primary\">Primary</button>,");
       expect(result).toContain("export const SecondaryButton = withIdeButton(() => <button className=\"secondary\">Secondary</button>,");
       
-      // Named function export
-      expect(result).toContain("function DialogModal()");
-      expect(result).toContain("const DialogModal = withIdeButton(DialogModal,");
+      // Named function export (wrapped as function expression)
+      expect(result).toContain("export const DialogModal = withIdeButton(function DialogModal()");
       
       // Default export
       expect(result).toContain("export default withIdeButton(MainLayout,");
@@ -346,7 +343,7 @@ export default MyButton;`;
       const result = loader.call(mockContext, source);
 
       expect(result).toContain("import { withIdeButton } from 'nextjs-ide-helper';");
-      expect(result).toContain("export default withIdeButton(MyCoolComponent,");
+      expect(result).toContain("export default withIdeButton(function MyCoolComponent()");
     });
 
     it('should process direct export default arrow function expressions', function() {
@@ -407,7 +404,7 @@ export default class MyClassComponent extends React.Component {
       const result = loader.call(mockContext, source);
 
       expect(result).toContain("import { withIdeButton } from 'nextjs-ide-helper';");
-      expect(result).toContain("export default withIdeButton(MyComplexComponent123WithNumbers,");
+      expect(result).toContain("export default withIdeButton(function MyComplexComponent123WithNumbers()");
     });
 
     it('should handle function components with TypeScript', function() {
@@ -422,8 +419,7 @@ export default function TypeScriptComponent(props: Props) {
       const result = loader.call(mockContext, source);
 
       expect(result).toContain("import { withIdeButton } from 'nextjs-ide-helper';");
-      expect(result).toContain("export default withIdeButton(TypeScriptComponent,");
-      expect(result).toContain("function TypeScriptComponent(props: Props)");
+      expect(result).toContain("export default withIdeButton(function TypeScriptComponent(props: Props)");
     });
 
     it('should handle class components with TypeScript', function() {
@@ -539,8 +535,7 @@ export default ComplexComponent;`;
       
       // Verify component transformations
       expect(result).toContain("export const InteractiveButton = withIdeButton(() => {");
-      expect(result).toContain("function StatefulModal()");
-      expect(result).toContain("const StatefulModal = withIdeButton(StatefulModal,");
+      expect(result).toContain("export const StatefulModal = withIdeButton(function StatefulModal()");
       expect(result).toContain("export default withIdeButton(ComplexComponent,");
     });