galadrim-feedback 1.0.13 → 1.0.15

package/README.md

@@ -110,7 +110,7 @@ Galadrim Feedback requires a plugin to add file path data to your components.
 1.  Install the necessary packages:
 
     ```bash
-    yarn add -D swc-plugin-react-generate-paths @swc/core
+    yarn add -D swc-plugin-react-generate-paths
     ```
 
 2.  Configure your build tool:

package/bin/cli.js

@@ -14,38 +14,82 @@ const NOTION_DATABASE_ID = process.argv
 
 const CURSOR_PROMPT = `Install and configure Galadrim Feedback in this React project:
 
+1. Install dependencies:
 yarn add axios galadrim-feedback
 
-
-### Babel  Plugin Configuration
-
-Add the **babel-plugin-react-generate-paths** plugin to your Babel configuration.
-
-#### Option 1: In vite.config.ts
-
-If you're using Vite, add the plugin in the vite.config.ts file as follows:
-
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react";
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [
-    react({
-      babel: {
-        plugins: [["babel-plugin-react-generate-paths"]],
+2. Configure Path Generation Plugin:
+Galadrim Feedback requires a plugin to add file path data to your components. We recommend using the SWC plugin for performance, but a Babel plugin is also available for older projects.
+
+#### SWC Configuration (Recommended)
+1.  Install the necessary packages:
+    \`yarn add -D swc-plugin-react-generate-paths\`
+
+2.  Configure your build tool:
+    **For Vite:**
+    Install \`@vitejs/plugin-react-swc\` and update your \`vite.config.ts\`:
+    \`\`\`typescript
+    // vite.config.ts
+    import { defineConfig } from "vite";
+    import react from "@vitejs/plugin-react-swc";
+
+    export default defineConfig({
+      plugins: [
+        react({
+          plugins: [["swc-plugin-react-generate-paths", {}]],
+        }),
+      ],
+    });
+    \`\`\`
+
+    **For Next.js (Turbopack):**
+    Update your \`next.config.js\`:
+    \`\`\`javascript
+    // next.config.js
+    module.exports = {
+      experimental: {
+        swcPlugins: [
+          [
+            "swc-plugin-react-generate-paths",
+            {
+              displayName: true,
+              ssr: true,
+            },
+          ],
+        ],
       },
-    }),
-  ],
-});
-
-#### Option 2: In .babelrc
-
-If you're using a .babelrc file, add the plugin to the plugins section:
-
-{
-  "plugins": ["babel-plugin-react-generate-paths"]
-}
+    };
+    \`\`\`
+
+#### Babel Configuration
+If your project uses Babel, you can use the Babel plugin instead.
+
+1.  Install the plugin:
+    \`yarn add -D babel-plugin-react-generate-paths\`
+
+2.  Configure your build tool:
+    **For Vite:**
+    \`\`\`typescript
+    // vite.config.ts
+    import { defineConfig } from "vite";
+    import react from "@vitejs/plugin-react";
+
+    export default defineConfig({
+      plugins: [
+        react({
+          babel: {
+            plugins: [["babel-plugin-react-generate-paths"]],
+          },
+        }),
+      ],
+    });
+    \`\`\`
+    
+    **For other Babel setups (e.g. \`.babelrc\`):**
+    \`\`\`json
+    {
+      "plugins": ["babel-plugin-react-generate-paths"]
+    }
+    \`\`\`
 
 
 3. Configure FeedbackRoot component:

package/declaration.d.ts

@@ -2,3 +2,8 @@ declare module "*.svg" {
   const content: string;
   export default content;
 }
+
+declare module "*.css" {
+  const classes: { [key: string]: string };
+  export default classes;
+}