litestar-vite-plugin 0.26.1 → 0.28.0

package/dist/js/nuxt.js

@@ -2,6 +2,7 @@ import fs from "node:fs";
 import path from "node:path";
 import colors from "picocolors";
 import { readBridgeConfig } from "./shared/bridge-schema.js";
+import { installManagedShutdown } from "./shared/managed-shutdown.js";
 import { normalizeHost, resolveHotFilePath, resolveLitestarPort } from "./shared/network.js";
 import { createLitestarTypeGenPlugin, resolveTypesConfig } from "./shared/typegen-plugin.js";
 import { hmrServerConfig } from "./shared/vite-compat.js";
@@ -105,6 +106,7 @@ function createProxyPlugin(config) {
       };
     },
     configureServer(server) {
+      installManagedShutdown(server);
       if (config.verbose) {
         server.middlewares.use((req, _res, next) => {
           if (req.url?.startsWith(config.apiPrefix)) {
@@ -186,26 +188,18 @@ function litestarNuxtModule(userOptions, nuxt) {
     console.log(colors.cyan("[litestar-nuxt]"), "Nitro devProxy configured:");
     console.log(JSON.stringify(nuxt.options.nitro.devProxy, null, 2));
   }
-  if (config.hotFile && config.devPort) {
-    const rawHost = process.env.NUXT_HOST || process.env.HOST || "127.0.0.1";
-    const host = normalizeHost(rawHost);
-    const url = `http://${host}:${config.devPort}`;
-    fs.mkdirSync(path.dirname(config.hotFile), { recursive: true });
-    fs.writeFileSync(config.hotFile, url);
-    if (config.verbose) {
-      console.log(colors.cyan("[litestar-nuxt]"), colors.dim(`Hotfile written: ${config.hotFile} -> ${url}`));
-    }
-  }
   if (nuxt.hook && config.hotFile) {
+    const hotFile = config.hotFile;
     nuxt.hook("listen", (_server, listener) => {
       const info = listener;
-      if (info && typeof info.port === "number") {
-        const host = normalizeHost(info.host || "127.0.0.1");
-        const url = `http://${host}:${info.port}`;
-        fs.mkdirSync(path.dirname(config.hotFile), { recursive: true });
-        fs.writeFileSync(config.hotFile, url);
+      const port = info?.address?.port ?? info?.port;
+      if (typeof port === "number") {
+        const host = normalizeHost(info.address?.address || info.host || "127.0.0.1");
+        const url = `http://${host}:${port}`;
+        fs.mkdirSync(path.dirname(hotFile), { recursive: true });
+        fs.writeFileSync(hotFile, url);
         if (config.verbose) {
-          console.log(colors.cyan("[litestar-nuxt]"), colors.dim(`Hotfile updated via listen hook: ${url}`));
+          console.log(colors.cyan("[litestar-nuxt]"), colors.dim(`Hotfile written after listen: ${hotFile} -> ${url}`));
         }
       }
     });

package/dist/js/react/index.d.ts

@@ -0,0 +1,28 @@
+/**
+ * React bindings for generic and Litestar Queues event streams.
+ *
+ * @module
+ */
+import { type EventStreamOptions, type QueueEventStreamOptions, type StreamGap } from "litestar-vite-plugin/helpers";
+export interface EventStreamState<TFrame> {
+    healthy: boolean;
+    lastEvent: TFrame | null;
+    lastGap: StreamGap | null;
+    events: TFrame[];
+}
+export type ReactEventStreamOptions<TFrame> = EventStreamOptions<TFrame> & {
+    key: string;
+    bufferSize?: number;
+};
+export type ReactQueueEventStreamOptions<TFrame> = QueueEventStreamOptions<TFrame> & {
+    key: string;
+    bufferSize?: number;
+};
+/**
+ * Subscribe a React component to a generic event stream.
+ */
+export declare function useEventStream<TFrame = unknown>(options: ReactEventStreamOptions<TFrame>): EventStreamState<TFrame>;
+/**
+ * Subscribe a React component to a Litestar Queues event stream.
+ */
+export declare function useQueueEventStream<TFrame = unknown>(options: ReactQueueEventStreamOptions<TFrame>): EventStreamState<TFrame>;

package/dist/js/react/index.js

@@ -0,0 +1,54 @@
+/**
+ * React bindings for generic and Litestar Queues event streams.
+ *
+ * @module
+ */
+import { createEventStream, createQueueEventStream } from "litestar-vite-plugin/helpers";
+import { useEffect, useRef, useState } from "react";
+function initialState() {
+    return { events: [], healthy: false, lastEvent: null, lastGap: null };
+}
+function useStream(factory, options) {
+    const optionsRef = useRef(options);
+    optionsRef.current = options;
+    const [state, setState] = useState(initialState);
+    const transport = options.transport ?? "websocket";
+    useEffect(() => {
+        setState(initialState);
+        const { bufferSize: _bufferSize, key: _key, ...streamOptions } = optionsRef.current;
+        const stream = factory({
+            ...streamOptions,
+            onEvent: (frame) => {
+                optionsRef.current.onEvent(frame);
+                setState((current) => {
+                    const bufferSize = Math.max(0, optionsRef.current.bufferSize ?? 100);
+                    const events = bufferSize === 0 ? [] : [...current.events, frame].slice(-bufferSize);
+                    return { ...current, events, lastEvent: frame };
+                });
+            },
+            onGap: (gap) => {
+                optionsRef.current.onGap?.(gap);
+                setState((current) => ({ ...current, lastGap: gap }));
+            },
+            onHealthChange: (healthy) => {
+                optionsRef.current.onHealthChange?.(healthy);
+                setState((current) => ({ ...current, healthy }));
+            },
+        });
+        stream.connect();
+        return () => stream.dispose();
+    }, [factory, options.key, transport]);
+    return state;
+}
+/**
+ * Subscribe a React component to a generic event stream.
+ */
+export function useEventStream(options) {
+    return useStream(createEventStream, options);
+}
+/**
+ * Subscribe a React component to a Litestar Queues event stream.
+ */
+export function useQueueEventStream(options) {
+    return useStream(createQueueEventStream, options);
+}

package/dist/js/shared/bridge-schema.d.ts

@@ -37,9 +37,9 @@ export interface BridgeSchema {
     appUrl: string | null;
     /**
      * Litestar dev server port. Used by framework integrations to set
-     * `vite.server.hmr.clientPort`, ensuring the browser connects to Litestar
-     * (not the framework dev server) for HMR — preserving the single-port
-     * contract.
+     * `vite.server.ws.clientPort` on Vite 8.1+ (`vite.server.hmr.clientPort` on
+     * Vite 7 / 8.0), ensuring the browser connects to Litestar (not the framework
+     * dev server) for HMR — preserving the single-port contract.
      */
     litestarPort: number | null;
     bundleDir: string;

package/dist/js/shared/constants.d.ts

@@ -11,9 +11,12 @@
  */
 export declare const DEBOUNCE_MS = 300;
 /**
- * Pinned fallback package spec for @hey-api/openapi-ts.
+ * Pinned fallback package specs for the type generator.
  *
  * Keep this in sync with CURRENT_NPM_VERSION_RANGES in the Python scaffold
- * registry and the optional peer dependency range in package.json.
+ * registry. @hey-api/openapi-ts uses the TypeScript compiler API and is not
+ * currently compatible with TypeScript 7.
  */
 export declare const HEY_API_PINNED_SPEC = "@hey-api/openapi-ts@0.98.2";
+export declare const TYPESCRIPT_PINNED_SPEC = "typescript@6.0.3";
+export declare const TYPEGEN_FALLBACK_PACKAGE_SPECS: readonly ["@hey-api/openapi-ts@0.98.2", "typescript@6.0.3"];

package/dist/js/shared/constants.js

@@ -1,6 +1,10 @@
 const DEBOUNCE_MS = 300;
 const HEY_API_PINNED_SPEC = "@hey-api/openapi-ts@0.98.2";
+const TYPESCRIPT_PINNED_SPEC = "typescript@6.0.3";
+const TYPEGEN_FALLBACK_PACKAGE_SPECS = [HEY_API_PINNED_SPEC, TYPESCRIPT_PINNED_SPEC];
 export {
   DEBOUNCE_MS,
-  HEY_API_PINNED_SPEC
+  HEY_API_PINNED_SPEC,
+  TYPEGEN_FALLBACK_PACKAGE_SPECS,
+  TYPESCRIPT_PINNED_SPEC
 };

package/dist/js/shared/managed-shutdown.d.ts

@@ -0,0 +1,8 @@
+import type { ViteDevServer } from "vite";
+/**
+ * Close a Python-managed Vite sidecar when its stdin pipe reaches EOF.
+ *
+ * @param server - Vite server owned by the Python parent process.
+ * @param markShuttingDown - Optional callback for integration-specific shutdown state.
+ */
+export declare function installManagedShutdown(server: ViteDevServer, markShuttingDown?: () => void): void;

package/dist/js/shared/managed-shutdown.js

@@ -0,0 +1,26 @@
+const installedServers = /* @__PURE__ */ new WeakSet();
+function installManagedShutdown(server, markShuttingDown) {
+  if (process.env.LITESTAR_VITE_MANAGED !== "1" || installedServers.has(server)) {
+    return;
+  }
+  installedServers.add(server);
+  let shuttingDown = false;
+  const shutdown = async () => {
+    if (shuttingDown) {
+      return;
+    }
+    shuttingDown = true;
+    markShuttingDown?.();
+    try {
+      await server.close();
+    } finally {
+      process.exit(0);
+    }
+  };
+  process.stdin.on("end", shutdown);
+  process.stdin.on("close", shutdown);
+  process.stdin.resume();
+}
+export {
+  installManagedShutdown
+};

package/dist/js/shared/network.d.ts

@@ -25,9 +25,10 @@ export declare function normalizeHost(host: string): string;
  * Resolve the Litestar dev server port for HMR routing.
  *
  * Framework integrations (Astro/Nuxt/SvelteKit) need this port to set
- * `vite.server.hmr.clientPort` so the browser opens the HMR WebSocket against
- * Litestar — NOT the framework dev server's port — preserving the
- * single-port-via-ASGI contract.
+ * `vite.server.ws.clientPort` on Vite 8.1+ (`vite.server.hmr.clientPort` on
+ * Vite 7 / 8.0) so the browser opens the HMR WebSocket against Litestar — NOT
+ * the framework dev server's port — preserving the single-port-via-ASGI
+ * contract.
  *
  * Resolution order:
  *   1. `bridge.litestarPort` (preferred; written by Python ≥0.23.0).

package/dist/js/shared/typegen-core.js

@@ -4,7 +4,7 @@ import { createRequire } from "node:module";
 import path from "node:path";
 import { promisify } from "node:util";
 import { resolveInstallHint, resolvePackageExecutorArgv } from "../install-hint.js";
-import { HEY_API_PINNED_SPEC } from "./constants.js";
+import { HEY_API_PINNED_SPEC, TYPEGEN_FALLBACK_PACKAGE_SPECS, TYPESCRIPT_PINNED_SPEC } from "./constants.js";
 import { emitPagePropsTypes } from "./emit-page-props-types.js";
 import { emitSchemasTypes } from "./emit-schemas-types.js";
 import { emitStaticPropsTypes } from "./emit-static-props-types.js";
@@ -70,6 +70,7 @@ async function runHeyApiGeneration(config, configPath, plugins, logger) {
   }
   const fallback = resolvePackageExecutorArgv(args, executor, {
     packageSpec: HEY_API_PINNED_SPEC,
+    additionalPackageSpecs: [TYPESCRIPT_PINNED_SPEC],
     binName: "openapi-ts"
   });
   if (!fallback.length) {
@@ -121,8 +122,8 @@ async function runTypeGeneration(config, options = {}) {
           const isPackageNotInstalled = message.includes("not installed");
           const isRuntimeEnoent = !isPackageNotInstalled && (message.includes("ENOENT") || error instanceof Error && "code" in error && error.code === "ENOENT");
           if (isPackageNotInstalled) {
-            const zodHint = config.generateZod ? " zod" : "";
-            const errorMessage = `@hey-api/openapi-ts not installed - run: ${resolveInstallHint(`@hey-api/openapi-ts${zodHint}`)}`;
+            const installPackages = config.generateZod ? [...TYPEGEN_FALLBACK_PACKAGE_SPECS, "zod"] : TYPEGEN_FALLBACK_PACKAGE_SPECS;
+            const errorMessage = `@hey-api/openapi-ts not installed - run: ${resolveInstallHint(installPackages)}`;
             result.errors.push(errorMessage);
             logger?.error(errorMessage);
           } else if (isRuntimeEnoent) {

package/dist/js/svelte/index.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Svelte stores for generic and Litestar Queues event streams.
+ *
+ * @module
+ */
+import { type EventStreamOptions, type QueueEventStreamOptions, type StreamGap } from "litestar-vite-plugin/helpers";
+import { type Readable } from "svelte/store";
+export interface EventStreamStoreState<TFrame> {
+    healthy: boolean;
+    lastEvent: TFrame | null;
+    lastGap: StreamGap | null;
+    events: TFrame[];
+}
+export type SvelteEventStreamOptions<TFrame> = EventStreamOptions<TFrame> & {
+    bufferSize?: number;
+};
+export type SvelteQueueEventStreamOptions<TFrame> = QueueEventStreamOptions<TFrame> & {
+    bufferSize?: number;
+};
+/**
+ * Create a readable store backed by a generic event stream.
+ */
+export declare function createEventStreamStore<TFrame = unknown>(options: SvelteEventStreamOptions<TFrame>): Readable<EventStreamStoreState<TFrame>>;
+/**
+ * Create a readable store backed by a Litestar Queues event stream.
+ */
+export declare function createQueueEventStreamStore<TFrame = unknown>(options: SvelteQueueEventStreamOptions<TFrame>): Readable<EventStreamStoreState<TFrame>>;

package/dist/js/svelte/index.js

@@ -0,0 +1,51 @@
+/**
+ * Svelte stores for generic and Litestar Queues event streams.
+ *
+ * @module
+ */
+import { createEventStream, createQueueEventStream } from "litestar-vite-plugin/helpers";
+import { readable } from "svelte/store";
+function initialState() {
+    return { events: [], healthy: false, lastEvent: null, lastGap: null };
+}
+function createStreamStore(factory, options) {
+    return readable(initialState(), (set) => {
+        let state = initialState();
+        const update = (next) => {
+            state = { ...state, ...next };
+            set(state);
+        };
+        const { bufferSize: _bufferSize, ...streamOptions } = options;
+        const stream = factory({
+            ...streamOptions,
+            onEvent: (frame) => {
+                options.onEvent(frame);
+                const bufferSize = Math.max(0, options.bufferSize ?? 100);
+                const events = bufferSize === 0 ? [] : [...state.events, frame].slice(-bufferSize);
+                update({ events, lastEvent: frame });
+            },
+            onGap: (gap) => {
+                options.onGap?.(gap);
+                update({ lastGap: gap });
+            },
+            onHealthChange: (healthy) => {
+                options.onHealthChange?.(healthy);
+                update({ healthy });
+            },
+        });
+        stream.connect();
+        return () => stream.dispose();
+    });
+}
+/**
+ * Create a readable store backed by a generic event stream.
+ */
+export function createEventStreamStore(options) {
+    return createStreamStore(createEventStream, options);
+}
+/**
+ * Create a readable store backed by a Litestar Queues event stream.
+ */
+export function createQueueEventStreamStore(options) {
+    return createStreamStore(createQueueEventStream, options);
+}

package/dist/js/sveltekit.js

@@ -2,6 +2,7 @@ import fs from "node:fs";
 import path from "node:path";
 import colors from "picocolors";
 import { readBridgeConfig } from "./shared/bridge-schema.js";
+import { installManagedShutdown } from "./shared/managed-shutdown.js";
 import { normalizeHost, resolveHotFilePath, resolveLitestarPort } from "./shared/network.js";
 import { createLitestarTypeGenPlugin, resolveTypesConfig } from "./shared/typegen-plugin.js";
 import { hmrServerConfig } from "./shared/vite-compat.js";
@@ -97,6 +98,7 @@ function litestarSvelteKit(userConfig = {}) {
       };
     },
     configureServer(server) {
+      installManagedShutdown(server);
       if (config.verbose) {
         server.middlewares.use((req, _res, next) => {
           if (req.url?.startsWith(config.apiPrefix)) {

package/dist/js/vue/index.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Vue bindings for generic and Litestar Queues event streams.
+ *
+ * @module
+ */
+import { type EventStreamOptions, type QueueEventStreamOptions, type StreamGap } from "litestar-vite-plugin/helpers";
+import { type MaybeRefOrGetter, type Ref, type ShallowRef } from "vue";
+export interface VueEventStreamState<TFrame> {
+    healthy: Ref<boolean>;
+    lastEvent: ShallowRef<TFrame | null>;
+    lastGap: ShallowRef<StreamGap | null>;
+    events: ShallowRef<TFrame[]>;
+}
+export type VueEventStreamOptions<TFrame> = EventStreamOptions<TFrame> & {
+    key: MaybeRefOrGetter<string>;
+    bufferSize?: number;
+};
+export type VueQueueEventStreamOptions<TFrame> = QueueEventStreamOptions<TFrame> & {
+    key: MaybeRefOrGetter<string>;
+    bufferSize?: number;
+};
+/**
+ * Subscribe a Vue scope to a generic event stream.
+ */
+export declare function useEventStream<TFrame = unknown>(options: VueEventStreamOptions<TFrame>): VueEventStreamState<TFrame>;
+/**
+ * Subscribe a Vue scope to a Litestar Queues event stream.
+ */
+export declare function useQueueEventStream<TFrame = unknown>(options: VueQueueEventStreamOptions<TFrame>): VueEventStreamState<TFrame>;

package/dist/js/vue/index.js

@@ -0,0 +1,57 @@
+/**
+ * Vue bindings for generic and Litestar Queues event streams.
+ *
+ * @module
+ */
+import { createEventStream, createQueueEventStream } from "litestar-vite-plugin/helpers";
+import { onMounted, onScopeDispose, ref, shallowRef, toValue, watch } from "vue";
+function useStream(factory, options) {
+    const healthy = ref(false);
+    const lastEvent = shallowRef(null);
+    const lastGap = shallowRef(null);
+    const events = shallowRef([]);
+    let stream = null;
+    const stop = () => {
+        stream?.dispose();
+        stream = null;
+    };
+    const start = () => {
+        stop();
+        healthy.value = false;
+        const { bufferSize: _bufferSize, key: _key, ...streamOptions } = options;
+        stream = factory({
+            ...streamOptions,
+            onEvent: (frame) => {
+                options.onEvent(frame);
+                lastEvent.value = frame;
+                const bufferSize = Math.max(0, options.bufferSize ?? 100);
+                events.value = bufferSize === 0 ? [] : [...events.value, frame].slice(-bufferSize);
+            },
+            onGap: (gap) => {
+                options.onGap?.(gap);
+                lastGap.value = gap;
+            },
+            onHealthChange: (value) => {
+                options.onHealthChange?.(value);
+                healthy.value = value;
+            },
+        });
+        stream.connect();
+    };
+    onMounted(start);
+    watch(() => [toValue(options.key), options.transport ?? "websocket"], () => start());
+    onScopeDispose(stop);
+    return { events, healthy, lastEvent, lastGap };
+}
+/**
+ * Subscribe a Vue scope to a generic event stream.
+ */
+export function useEventStream(options) {
+    return useStream(createEventStream, options);
+}
+/**
+ * Subscribe a Vue scope to a Litestar Queues event stream.
+ */
+export function useQueueEventStream(options) {
+    return useStream(createQueueEventStream, options);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "litestar-vite-plugin",
-  "version": "0.26.1",
+  "version": "0.28.0",
   "type": "module",
   "description": "Litestar plugin for Vite.",
   "keywords": [
@@ -30,6 +30,18 @@
       "types": "./dist/js/inertia-helpers/index.d.ts",
       "import": "./dist/js/inertia-helpers/index.js"
     },
+    "./react": {
+      "types": "./dist/js/react/index.d.ts",
+      "import": "./dist/js/react/index.js"
+    },
+    "./vue": {
+      "types": "./dist/js/vue/index.d.ts",
+      "import": "./dist/js/vue/index.js"
+    },
+    "./svelte": {
+      "types": "./dist/js/svelte/index.d.ts",
+      "import": "./dist/js/svelte/index.js"
+    },
     "./astro": {
       "types": "./dist/js/astro.d.ts",
       "import": "./dist/js/astro.js"
@@ -59,6 +71,15 @@
       "inertia-helpers": [
         "./dist/js/inertia-helpers/index.d.ts"
       ],
+      "react": [
+        "./dist/js/react/index.d.ts"
+      ],
+      "vue": [
+        "./dist/js/vue/index.d.ts"
+      ],
+      "svelte": [
+        "./dist/js/svelte/index.d.ts"
+      ],
       "astro": [
         "./dist/js/astro.d.ts"
       ],
@@ -85,14 +106,15 @@
     "litestar-vite-typegen": "dist/js/typegen-cli.js"
   },
   "scripts": {
-    "build": "npm run build-plugin && npm run build-helpers && npm run build-inertia-helpers && npm run build-integrations && npm run build-static-pages",
+    "build": "npm run build-plugin && npm run build-helpers && npm run build-inertia-helpers && npm run build-adapters && npm run build-integrations && npm run build-static-pages",
     "build-static-pages": "vite build --config src/js/src/server-starting/vite.config.ts && mv src/py/litestar_vite/static/index.html src/py/litestar_vite/static/server-starting.html",
     "build-plugin": "rm -rf dist/js && npm run build-plugin-types && npm run build-plugin-esm && npm run build-dev-server",
     "build-dev-server": "vite build --config src/js/src/dev-server/vite.config.ts && mv dist/js/index.html dist/js/dev-server-index.html",
     "build-plugin-types": "tsc --project src/js/tsconfig.json --emitDeclarationOnly",
-    "build-plugin-esm": "esbuild src/js/src/index.ts --platform=node --format=esm --outfile=dist/js/index.js && esbuild src/js/src/install-hint.ts --platform=node --format=esm --outfile=dist/js/install-hint.js && esbuild src/js/src/litestar-meta.ts --platform=node --format=esm --outfile=dist/js/litestar-meta.js && esbuild src/js/src/typegen-cli.ts --platform=node --format=esm --outfile=dist/js/typegen-cli.js --banner:js='#!/usr/bin/env node' && chmod +x dist/js/typegen-cli.js && mkdir -p dist/js/shared && esbuild src/js/src/shared/bridge-schema.ts src/js/src/shared/constants.ts src/js/src/shared/debounce.ts src/js/src/shared/format-path.ts src/js/src/shared/logger.ts src/js/src/shared/emit-page-props-types.ts src/js/src/shared/emit-schemas-types.ts src/js/src/shared/emit-static-props-types.ts src/js/src/shared/typegen-plugin.ts src/js/src/shared/typegen-core.ts src/js/src/shared/write-if-changed.ts src/js/src/shared/typegen-cache.ts src/js/src/shared/network.ts src/js/src/shared/vite-compat.ts --platform=node --format=esm --outdir=dist/js/shared",
+    "build-plugin-esm": "esbuild src/js/src/index.ts --platform=node --format=esm --outfile=dist/js/index.js && esbuild src/js/src/install-hint.ts --platform=node --format=esm --outfile=dist/js/install-hint.js && esbuild src/js/src/litestar-meta.ts --platform=node --format=esm --outfile=dist/js/litestar-meta.js && esbuild src/js/src/typegen-cli.ts --platform=node --format=esm --outfile=dist/js/typegen-cli.js --banner:js='#!/usr/bin/env node' && chmod +x dist/js/typegen-cli.js && mkdir -p dist/js/shared && esbuild src/js/src/shared/bridge-schema.ts src/js/src/shared/constants.ts src/js/src/shared/debounce.ts src/js/src/shared/format-path.ts src/js/src/shared/logger.ts src/js/src/shared/managed-shutdown.ts src/js/src/shared/emit-page-props-types.ts src/js/src/shared/emit-schemas-types.ts src/js/src/shared/emit-static-props-types.ts src/js/src/shared/typegen-plugin.ts src/js/src/shared/typegen-core.ts src/js/src/shared/write-if-changed.ts src/js/src/shared/typegen-cache.ts src/js/src/shared/network.ts src/js/src/shared/vite-compat.ts --platform=node --format=esm --outdir=dist/js/shared",
     "build-helpers": "rm -rf dist/js/helpers && tsc --project src/js/tsconfig.helpers.json",
     "build-inertia-helpers": "rm -rf dist/js/inertia-helpers && tsc --project src/js/tsconfig.inertia-helpers.json",
+    "build-adapters": "rm -rf dist/js/react dist/js/vue dist/js/svelte && tsc --project src/js/tsconfig.react.json && tsc --project src/js/tsconfig.vue.json && tsc --project src/js/tsconfig.svelte.json",
     "build-integrations": "esbuild src/js/src/astro.ts src/js/src/sveltekit.ts src/js/src/nuxt.ts src/js/src/inertia-types.ts --platform=node --format=esm --outdir=dist/js",
     "lint": "oxlint src/js/src src/js/tests",
     "lint:examples": "oxlint examples",
@@ -104,25 +126,46 @@
   "devDependencies": {
     "@tailwindcss/vite": "^4.0.0",
     "@types/node": "^26.0.1",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
     "@vitest/coverage-v8": "^4.1.8",
     "esbuild": "0.28.1",
     "happy-dom": "^20.0.2",
     "oxfmt": "^0.56.0",
     "oxlint": "^1.66.0",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
     "svelte": "^5.56.0",
     "tailwindcss": "^4.0.0",
     "typescript": "^6.0.3",
     "vite": "^8.1.0",
     "vite-plugin-singlefile": "^2.3.0",
-    "vitest": "^4.1.8"
+    "vitest": "^4.1.8",
+    "vue": "^3.5.40"
   },
   "peerDependencies": {
     "@hey-api/openapi-ts": "^0.98.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "svelte": "^5.0.0",
+    "vue": "^3.5.0",
     "vite": "^7.0.0 || ^8.0.0"
   },
   "peerDependenciesMeta": {
     "@hey-api/openapi-ts": {
       "optional": true
+    },
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    },
+    "svelte": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
     }
   },
   "engines": {