nuxt-openapi-hyperfetch 0.1.6-alpha.1 → 0.2.7-alpha.1

package/README.md

@@ -1,227 +1,231 @@
-# 🚀 Nuxt OpenAPI Generator
-
-**Generate type-safe, SSR-compatible Nuxt composables from OpenAPI/Swagger specifications.**
-
-Transform your API documentation into production-ready **100% Nuxt-native** code—`useFetch` composables, `useAsyncData` composables, and Nuxt Server Routes—with full TypeScript support, lifecycle callbacks, and request interception. No third-party runtime, no wrappers: just Nuxt.
-
----
-
-## ✨ Features
-
-- 🔒 **Type-Safe**: Full TypeScript support derived from your OpenAPI schema
-- ⚡ **SSR Compatible**: Works seamlessly with Nuxt server-side rendering
-- 🔄 **Lifecycle Callbacks**: `onRequest`, `onSuccess`, `onError`, `onFinish`
-- 🌐 **Global Callbacks Plugin**: Define callbacks once, apply to all requests
-- 🛡️ **Request Interception**: Modify headers, body, and query params before sending
-- 🎯 **Smart Data Selection**: Pick specific fields with dot notation for nested paths
-- 🤖 **Auto Type Inference**: Transform response data with automatic TypeScript type inference
-- ⚡ **Automatic Generation**: Single command generates all composables and server routes
-- 💚 **100% Nuxt Native**: Generated composables use `useFetch` / `useAsyncData`; server routes use `defineEventHandler` — no third-party runtime required
-- 📦 **Zero Runtime Dependencies**: Generated code only uses Nuxt built-ins
-- 💡 **Developer Experience**: Interactive CLI with smart defaults
-
----
-
-## 🔧 Generator Engines
-
-Two generation engines are available. The CLI will ask you to choose one when running `nxh generate`:
-
-| Engine | Tool | Node Native | Best for |
-|--------|------|:---:|----------|
-| **official** | [@openapitools/openapi-generator-cli](https://openapi-generator.tech/) | ❌ Requires Java 11+ | Maximum spec compatibility, enterprise projects |
-| **heyapi** | [@hey-api/openapi-ts](https://heyapi.dev/) | ✅ Yes | Quick setup, CI/CD pipelines, Node-only environments |
-
-> The CLI checks for Java automatically when `official` is selected and aborts with an install link if it is not found. Get Java at [adoptium.net](https://adoptium.net).
-
-You can also pre-select the engine in your `nxh.config.js` — the CLI will skip the prompt entirely:
-
-```js
-// nxh.config.js
-export default {
-  generator: 'openapi',   // 'openapi' | 'heyapi'
-  input: './swagger.yaml',
-  output: './api',
-};
-```
-
----
-
-## 📦 Installation
-
-```bash
-npm install -g nuxt-openapi-hyperfetch
-# or
-yarn global add nuxt-openapi-hyperfetch
-# or
-pnpm add -g nuxt-openapi-hyperfetch
-```
-
-Or use directly with npx:
-
-```bash
-npx nuxt-openapi-hyperfetch generate
-```
-
----
-
-## 🚀 Quick Start
-
-### 1. Run the generator
-
-```bash
-nxh generate
-```
-
-The CLI will ask you for:
-
-- 📂 Path to your OpenAPI/Swagger file (`.yaml` or `.json`)
-- 📁 Output directory for generated files
-- 🔧 Which generation engine to use (`official` or `heyapi`)
-- ✅ Which composables to generate (`useFetch`, `useAsyncData`, `TanStack Query`, or Nuxt Server Routes)
-
-Or pass arguments directly:
-
-```bash
-nxh generate -i ./swagger.yaml -o ./api
-```
-
-### 2. Generated output
-
-```
-api/
-+-- runtime.ts
-+-- apis/
-│   +-- PetApi.ts
-│   +-- StoreApi.ts
-+-- models/
-│   +-- Pet.ts
-│   +-- Order.ts
-+-- composables/
-    +-- use-fetch/
-        +-- runtime/
-        │   +-- useApiRequest.ts
-        +-- composables/
-        │   +-- useFetchGetPetById.ts
-        │   +-- useFetchAddPet.ts
-        +-- index.ts
-```
-
-### 3. Configure the API base URL
-
-Add to `nuxt.config.ts`:
-
-```typescript
-export default defineNuxtConfig({
-  runtimeConfig: {
-    public: {
-      apiBaseUrl: process.env.NUXT_PUBLIC_API_BASE_URL || 'https://api.example.com'
-    }
-  }
-})
-```
-
-And in `.env`:
-
-```env
-NUXT_PUBLIC_API_BASE_URL=https://api.example.com
-```
-
-All generated `useFetch` and `useAsyncData` composables will automatically use this as `baseURL`. You can still override it per-composable via `options.baseURL`.
-
-### 4. Use in your Nuxt app
-
-```vue
-<script setup lang="ts">
-import { useFetchGetPetById } from '@/api/composables/use-fetch';
-
-const { data: pet, pending, error } = useFetchGetPetById(
-  { petId: 123 },
-  {
-    onSuccess: (pet) => console.log('Loaded:', pet.name),
-    onError: (err) => console.error('Failed:', err),
-  }
-);
-</script>
-
-<template>
-  <div>
-    <div v-if="pending">Loading...</div>
-    <div v-else-if="error">Error: {{ error }}</div>
-    <div v-else-if="pet">{{ pet.name }} — {{ pet.status }}</div>
-  </div>
-</template>
-```
-
----
-
-## 🖥️ Nuxt Server Routes Generator
-
-In addition to client-side composables, you can generate **Nuxt Server Routes** that proxy requests to your backend API—keeping API keys and secrets server-side.
-
-```
-Client → Nuxt Server Route (generated) → External API
-```
-
-After generation, configure your backend URL in `.env`:
-
-```env
-API_BASE_URL=https://your-backend-api.com/api
-API_SECRET=your-secret-token
-```
-
-And add it to `nuxt.config.ts`:
-
-```typescript
-export default defineNuxtConfig({
-  runtimeConfig: {
-    // Private — server-side only (never exposed to the browser)
-    apiBaseUrl: process.env.API_BASE_URL || '',
-    apiSecret: process.env.API_SECRET || '',
-  },
-});
-```
-
-> **Note:** `runtimeConfig.apiBaseUrl` (private) is only for **Server Routes**. For `useFetch`/`useAsyncData` composables use `runtimeConfig.public.apiBaseUrl` instead — see the [Quick Start](#-quick-start) section above.
-
-Then use standard `useFetch` against your Nuxt routes:
-
-```typescript
-const { data: pet } = useFetch('/api/pet/123');
-```
-
-> **BFF (Backend for Frontend) mode** is also available — generates a transformer layer for auth context, data enrichment, and permission filtering without ever overwriting your custom code. See the [Server Routes Guide](./docs/DEVELOPMENT.md) for details.
-
----
-
-## 📚 Documentation
-
-| Guide | Description |
-|-------|-------------|
-| [Quick Start Guide](./docs/QUICK-START.md) | Understand the project in 5 minutes |
-| [Architecture](./docs/ARCHITECTURE.md) | Design patterns, two-stage generation, shared code |
-| [API Reference](./docs/API-REFERENCE.md) | All CLI options, TypeScript types, composable APIs |
-| [Development Guide](./docs/DEVELOPMENT.md) | Contributing, adding generators, code style |
-| [Troubleshooting](./docs/TROUBLESHOOTING.md) | Common errors and solutions |
-
----
-
-## 🤝 Contributing
-
-Contributions are welcome! Please read the [Contributing Guidelines](./CONTRIBUTING.md) before submitting a PR.
-
-```bash
-# Development setup
-npm install
-npm run build
-npm run validate   # lint + type check
-```
-
----
-
-## 📄 License
-
-Apache-2.0 — see [LICENSE](./LICENSE) for details.
-
----
-
-**Made with ❤️ for Nuxt developers**
+# 🚀 Nuxt OpenAPI Generator
+
+**Generate type-safe, SSR-compatible Nuxt composables from OpenAPI/Swagger specifications.**
+
+📖 **[Full documentation → nuxt-openapi-hyperfetch.netlify.app](https://nuxt-openapi-hyperfetch.netlify.app/)**
+
+---
+
+Transform your API documentation into production-ready **100% Nuxt-native** code—`useFetch` composables, `useAsyncData` composables, and Nuxt Server Routes—with full TypeScript support, lifecycle callbacks, and request interception. No third-party runtime, no wrappers: just Nuxt.
+
+---
+
+## ✨ Features
+
+- 🔒 **Type-Safe**: Full TypeScript support derived from your OpenAPI schema
+- ⚡ **SSR Compatible**: Works seamlessly with Nuxt server-side rendering
+- 🔄 **Lifecycle Callbacks**: `onRequest`, `onSuccess`, `onError`, `onFinish`
+- 🌐 **Global Callbacks Plugin**: Define callbacks once, apply to all requests
+- 🛡️ **Request Interception**: Modify headers, body, and query params before sending
+- 🎯 **Smart Data Selection**: Pick specific fields with dot notation for nested paths
+- 🤖 **Auto Type Inference**: Transform response data with automatic TypeScript type inference
+- ⚡ **Automatic Generation**: Single command generates all composables and server routes
+- 💚 **100% Nuxt Native**: Generated composables use `useFetch` / `useAsyncData`; server routes use `defineEventHandler` — no third-party runtime required
+- 📦 **Zero Runtime Dependencies**: Generated code only uses Nuxt built-ins
+- 💡 **Developer Experience**: Interactive CLI with smart defaults
+
+---
+
+## 🔧 Generator Engines
+
+Two generation engines are available. The CLI will ask you to choose one when running `nxh generate`:
+
+| Engine | Tool | Node Native | Best for |
+|--------|------|:---:|----------|
+| **official** | [@openapitools/openapi-generator-cli](https://openapi-generator.tech/) | ❌ Requires Java 11+ | Maximum spec compatibility, enterprise projects |
+| **heyapi** | [@hey-api/openapi-ts](https://heyapi.dev/) | ✅ Yes | Quick setup, CI/CD pipelines, Node-only environments |
+
+> The CLI checks for Java automatically when `official` is selected and aborts with an install link if it is not found. Get Java at [adoptium.net](https://adoptium.net).
+
+You can also pre-select the engine in your `nxh.config.js` — the CLI will skip the prompt entirely:
+
+```js
+// nxh.config.js
+export default {
+  generator: 'openapi',   // 'openapi' | 'heyapi'
+  input: './swagger.yaml',
+  output: './api',
+};
+```
+
+---
+
+## 📦 Installation
+
+```bash
+npm install -g nuxt-openapi-hyperfetch
+# or
+yarn global add nuxt-openapi-hyperfetch
+# or
+pnpm add -g nuxt-openapi-hyperfetch
+```
+
+Or use directly with npx:
+
+```bash
+npx nuxt-openapi-hyperfetch generate
+```
+
+---
+
+## 🚀 Quick Start
+
+### 1. Run the generator
+
+```bash
+nxh generate
+```
+
+The CLI will ask you for:
+
+- 📂 Path to your OpenAPI/Swagger file (`.yaml` or `.json`)
+- 📁 Output directory for generated files
+- 🔧 Which generation engine to use (`official` or `heyapi`)
+- ✅ Which composables to generate (`useFetch`, `useAsyncData`, `Nuxt server routes`)
+
+Or pass arguments directly:
+
+```bash
+nxh generate -i ./swagger.yaml -o ./api
+```
+
+### 2. Generated output
+
+```
+api/
++-- runtime.ts
++-- apis/
+│   +-- PetApi.ts
+│   +-- StoreApi.ts
++-- models/
+│   +-- Pet.ts
+│   +-- Order.ts
++-- composables/
+    +-- use-fetch/
+        +-- runtime/
+        │   +-- useApiRequest.ts
+        +-- composables/
+        │   +-- useFetchGetPetById.ts
+        │   +-- useFetchAddPet.ts
+        +-- index.ts
+```
+
+### 3. Configure the API base URL
+
+Add to `nuxt.config.ts`:
+
+```typescript
+export default defineNuxtConfig({
+  runtimeConfig: {
+    public: {
+      apiBaseUrl: process.env.NUXT_PUBLIC_API_BASE_URL || 'https://api.example.com'
+    }
+  }
+})
+```
+
+And in `.env`:
+
+```env
+NUXT_PUBLIC_API_BASE_URL=https://api.example.com
+```
+
+All generated `useFetch` and `useAsyncData` composables will automatically use this as `baseURL`. You can still override it per-composable via `options.baseURL`.
+
+### 4. Use in your Nuxt app
+
+```vue
+<script setup lang="ts">
+import { useFetchGetPetById } from '@/api/composables/use-fetch';
+
+const { data: pet, pending, error } = useFetchGetPetById(
+  { petId: 123 },
+  {
+    onSuccess: (pet) => console.log('Loaded:', pet.name),
+    onError: (err) => console.error('Failed:', err),
+  }
+);
+</script>
+
+<template>
+  <div>
+    <div v-if="pending">Loading...</div>
+    <div v-else-if="error">Error: {{ error }}</div>
+    <div v-else-if="pet">{{ pet.name }} — {{ pet.status }}</div>
+  </div>
+</template>
+```
+
+---
+
+## 🖥️ Nuxt Server Routes Generator
+
+In addition to client-side composables, you can generate **Nuxt Server Routes** that proxy requests to your backend API—keeping API keys and secrets server-side.
+
+```
+Client → Nuxt Server Route (generated) → External API
+```
+
+After generation, configure your backend URL in `.env`:
+
+```env
+API_BASE_URL=https://your-backend-api.com/api
+API_SECRET=your-secret-token
+```
+
+And add it to `nuxt.config.ts`:
+
+```typescript
+export default defineNuxtConfig({
+  runtimeConfig: {
+    // Private — server-side only (never exposed to the browser)
+    apiBaseUrl: process.env.API_BASE_URL || '',
+    apiSecret: process.env.API_SECRET || '',
+  },
+});
+```
+
+> **Note:** `runtimeConfig.apiBaseUrl` (private) is only for **Server Routes**. For `useFetch`/`useAsyncData` composables use `runtimeConfig.public.apiBaseUrl` instead — see the [Quick Start](#-quick-start) section above.
+
+Then use standard `useFetch` against your Nuxt routes:
+
+```typescript
+const { data: pet } = useFetch('/api/pet/123');
+```
+
+> **BFF (Backend for Frontend) mode** is also available — generates a transformer layer for auth context, data enrichment, and permission filtering without ever overwriting your custom code. See the [Server Routes Guide](./docs/DEVELOPMENT.md) for details.
+
+---
+
+## 📚 Documentation
+
+| Guide | Description |
+|-------|-------------|
+| [Quick Start Guide](./docs/QUICK-START.md) | Understand the project in 5 minutes |
+| [Architecture](./docs/ARCHITECTURE.md) | Design patterns, two-stage generation, shared code |
+| [API Reference](./docs/API-REFERENCE.md) | All CLI options, TypeScript types, composable APIs |
+| [Development Guide](./docs/DEVELOPMENT.md) | Contributing, adding generators, code style |
+| [Troubleshooting](./docs/TROUBLESHOOTING.md) | Common errors and solutions |
+
+---
+
+## 🤝 Contributing
+
+Contributions are welcome! Please read the [Contributing Guidelines](./CONTRIBUTING.md) before submitting a PR.
+
+```bash
+# Development setup
+npm install
+npm run build
+npm run validate   # lint + type check
+```
+
+---
+
+## 📄 License
+
+Apache-2.0 — see [LICENSE](./LICENSE) for details.
+
+---
+
+**Made with ❤️ for Nuxt developers**

package/dist/cli/logger.d.ts

@@ -42,3 +42,29 @@ export declare function logNote(message: string, title?: string): void;
  * Display section separator
  */
 export declare function logStep(message: string): void;
+/**
+ * Abstract logger interface used by generators.
+ * Decouples generator output from @clack/prompts so the same generators work
+ * in the interactive CLI and in the Nuxt module (where clack is irrelevant).
+ */
+export interface Logger {
+    spinner(): {
+        start(msg: string): void;
+        stop(msg: string): void;
+    };
+    log: {
+        warn(msg: string): void;
+        info(msg: string): void;
+        success(msg: string): void;
+        error(msg: string): void;
+    };
+    note(msg: string, title?: string): void;
+}
+/**
+ * Creates a Logger backed by @clack/prompts — used by the CLI.
+ */
+export declare function createClackLogger(): Logger;
+/**
+ * Creates a Logger backed by console — used by the Nuxt module.
+ */
+export declare function createConsoleLogger(): Logger;

package/dist/cli/logger.js

@@ -56,3 +56,39 @@ export function logNote(message, title) {
 export function logStep(message) {
     p.log.step(message);
 }
+/**
+ * Creates a Logger backed by @clack/prompts — used by the CLI.
+ */
+export function createClackLogger() {
+    return {
+        spinner: () => p.spinner(),
+        log: {
+            warn: (msg) => p.log.warn(msg),
+            info: (msg) => p.log.info(msg),
+            success: (msg) => p.log.success(msg),
+            error: (msg) => p.log.error(msg),
+        },
+        note: (msg, title) => p.note(msg, title),
+    };
+}
+/**
+ * Creates a Logger backed by console — used by the Nuxt module.
+ */
+export function createConsoleLogger() {
+    const prefix = '[nuxt-openapi-hyperfetch]';
+    return {
+        spinner() {
+            return {
+                start: (msg) => console.log(`${prefix} ⏳ ${msg}`),
+                stop: (msg) => console.log(`${prefix} ✓ ${msg}`),
+            };
+        },
+        log: {
+            warn: (msg) => console.warn(`${prefix} ⚠ ${msg}`),
+            info: (msg) => console.info(`${prefix} ℹ ${msg}`),
+            success: (msg) => console.log(`${prefix} ✓ ${msg}`),
+            error: (msg) => console.error(`${prefix} ✗ ${msg}`),
+        },
+        note: (msg, title) => console.log(title ? `\n${prefix} ${title}:\n${msg}\n` : `\n${msg}\n`),
+    };
+}

package/dist/cli/logo.js

@@ -1,11 +1,11 @@
 import gradient from 'gradient-string';
-const NUXT_LOGO = `███╗   ██╗██╗   ██╗██╗  ██╗████████╗
-████╗  ██║██║   ██║╚██╗██╔╝╚══██╔══╝
-██╔██╗ ██║██║   ██║ ╚███╔╝    ██║   
-██║╚██╗██║██║   ██║ ██╔██╗    ██║   
-██║ ╚████║╚██████╔╝██╔╝ ██╗   ██║   
+const NUXT_LOGO = `███╗   ██╗██╗   ██╗██╗  ██╗████████╗
+████╗  ██║██║   ██║╚██╗██╔╝╚══██╔══╝
+██╔██╗ ██║██║   ██║ ╚███╔╝    ██║
+██║╚██╗██║██║   ██║ ██╔██╗    ██║
+██║ ╚████║╚██████╔╝██╔╝ ██╗   ██║
 ╚═╝  ╚═══╝ ╚═════╝ ╚═╝  ╚═╝   ╚═╝`;
-const SUBTITLE = '   Swagger OpenAPI Generator v1.0';
+const SUBTITLE = 'Nuxt OpenAPI Generator - useFetch, useAsyncData & Nuxt server';
 /**
  * Display the Nuxt logo with gradient colors
  * - Green gradient for Nuxt logo (official Nuxt color #00DC82)

package/dist/generators/components/connector-generator/generator.d.ts

@@ -0,0 +1,12 @@
+import type { ConnectorGeneratorOptions } from './types.js';
+import { type Logger } from '../../../cli/logger.js';
+/**
+ * Generate headless connector composables from an OpenAPI spec.
+ *
+ * Steps:
+ *  1. Analyze the spec → ResourceMap (Schema Analyzer)
+ *  2. For each resource: generate connector source, format, write
+ *  3. Write an index barrel file
+ *  4. Copy runtime helpers to the user's project
+ */
+export declare function generateConnectors(options: ConnectorGeneratorOptions, logger?: Logger): Promise<void>;