kapi-ui 0.1.3 → 0.2.1

package/dist/nuxt-module.js

@@ -0,0 +1,21 @@
+import { defineNuxtModule, addVitePlugin } from '@nuxt/kit';
+import kapiVitePlugin from './vite-plugin.js';
+export default defineNuxtModule({
+    meta: {
+        name: 'kapi-ui',
+        configKey: 'kapi',
+    },
+    setup(_options, nuxt) {
+        var _a;
+        if (!nuxt.options.dev)
+            return;
+        // Nuxt renders HTML through Nitro, not Vite's transformIndexHtml, so the
+        // overlay script has to be injected via unhead instead of the vite plugin.
+        addVitePlugin(kapiVitePlugin());
+        (_a = nuxt.options.app.head).script || (_a.script = []);
+        nuxt.options.app.head.script.push({
+            src: '/@kapi-ui/overlay',
+            type: 'module',
+        });
+    },
+});

package/dist/setup.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 import prompts from 'prompts';
-import { installKapi, injectVitePlugin, KAPI_PACKAGE_NAME } from './utils.js';
+import { installKapi, injectVitePlugin, injectNuxtModule, KAPI_PACKAGE_NAME } from './utils.js';
 async function setup() {
     console.log(`
 ██   ██  █████  ██████  ██ 
@@ -15,6 +15,7 @@ async function setup() {
         message: 'Setup',
         choices: [
             { title: 'Vite', value: 'vite' },
+            { title: 'Nuxt', value: 'nuxt' },
         ],
     });
     if (!response.setupChoice) {
@@ -38,6 +39,24 @@ Add this manually to your vite.config:
   export default defineConfig({
     plugins: [kapi()],
   })
+`);
+            process.exit(1);
+        }
+    }
+    if (response.setupChoice === 'nuxt') {
+        try {
+            installKapi(process.cwd());
+            await injectNuxtModule(process.cwd());
+            console.log('done!');
+        }
+        catch (err) {
+            console.error('Failed to update nuxt.config automatically:', err);
+            console.log(`
+Add this manually to your nuxt.config:
+
+  export default defineNuxtConfig({
+    modules: ['${KAPI_PACKAGE_NAME}/nuxt'],
+  })
 `);
             process.exit(1);
         }

package/dist/utils.js

@@ -1,5 +1,5 @@
 import { loadFile, writeFile } from 'magicast';
-import { addVitePlugin } from 'magicast/helpers';
+import { addVitePlugin, addNuxtModule } from 'magicast/helpers';
 import { existsSync, readFileSync } from 'fs';
 import path from 'path';
 import { fileURLToPath } from 'url';
@@ -34,3 +34,25 @@ export async function injectVitePlugin(cwd) {
     await writeFile(mod, configPath);
     console.log(`✔ Added kapi plugin to ${configFile}`);
 }
+export async function injectNuxtModule(cwd) {
+    const candidates = ['nuxt.config.ts', 'nuxt.config.js', 'nuxt.config.mjs'];
+    const configFile = candidates.find((f) => existsSync(path.join(cwd, f)));
+    if (!configFile) {
+        throw new Error('No nuxt.config found.');
+    }
+    const configPath = path.join(cwd, configFile);
+    const moduleSpecifier = `${KAPI_PACKAGE_NAME}/nuxt`;
+    const existingSource = readFileSync(configPath, 'utf-8');
+    if (existingSource.includes(moduleSpecifier)) {
+        console.log(`✔ kapi module already configured in ${configFile}`);
+        return;
+    }
+    const mod = await loadFile(configPath);
+    // Nuxt renders HTML through Nitro, not Vite's transformIndexHtml, so the
+    // overlay can't be injected as a plain Vite plugin the way it is for Vite
+    // apps. Registering it as a Nuxt module (kapi-ui/nuxt) lets it inject the
+    // overlay script via unhead and add the Vite plugin through @nuxt/kit.
+    addNuxtModule(mod, moduleSpecifier);
+    await writeFile(mod, configPath);
+    console.log(`✔ Added kapi module to ${configFile}`);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kapi-ui",
-  "version": "0.1.3",
+  "version": "0.2.1",
   "description": "Visually prompt your UI",
   "scripts": {
     "build": "tsc",
@@ -13,7 +13,8 @@
     "kapi-ui": "dist/setup.js"
   },
   "exports": {
-    "./vite-plugin": "./dist/vite-plugin.js"
+    "./vite-plugin": "./dist/vite-plugin.js",
+    "./nuxt": "./dist/nuxt-module.js"
   },
   "repository": {
     "type": "git",
@@ -32,6 +33,7 @@
   },
   "homepage": "https://github.com/jcebermudo/kapi#readme",
   "devDependencies": {
+    "@nuxt/schema": "^3.14.0",
     "@types/node": "^26.1.0",
     "@types/prompts": "^2.4.9",
     "@types/ws": "^8.18.1",
@@ -39,6 +41,7 @@
     "vite": "^8.1.3"
   },
   "dependencies": {
+    "@nuxt/kit": "^3.14.0",
     "magicast": "^0.5.3",
     "prompts": "^2.4.2",
     "ws": "^8.21.0"