fix: bundle clients from compiled index file

Author: mrlubos

.changeset/eight-squids-crash.md

@@ -0,0 +1,8 @@
+---
+'@hey-api/client-axios': patch
+'@hey-api/client-fetch': patch
+'@hey-api/client-nuxt': patch
+'@hey-api/openapi-ts': patch
+---
+
+fix: bundle clients from compiled index file

examples/openapi-ts-sample/openapi-ts.config.ts

@@ -2,8 +2,7 @@ import { defineConfig } from '@hey-api/openapi-ts';
 
 export default defineConfig({
   client: '@hey-api/client-fetch',
-  input:
-    '../../packages/openapi-ts/test/spec/2.0.x/body-response-text-plain.yaml',
+  input: '../../packages/openapi-ts/test/spec/3.1.x/body-nested-array.yaml',
   output: {
     format: 'prettier',
     lint: 'eslint',

examples/openapi-ts-sample/src/App.tsx

@@ -14,7 +14,9 @@ import { postFoo } from './client/sdk.gen';
 function App() {
   const onClick = async () => {
     postFoo({
-      body: 'foo',
+      body: {
+        foo: [[1, 2]],
+      },
     });
   };
 

examples/openapi-ts-sample/src/client/sdk.gen.ts

@@ -3,22 +3,23 @@
 import {
   createClient,
   createConfig,
+  formDataBodySerializer,
   type Options,
 } from '@hey-api/client-fetch';
 
-import type { PostFooData, PostFooResponse } from './types.gen';
+import type { PostFooData } from './types.gen';
 
 export const client = createClient(createConfig());
 
 export const postFoo = <ThrowOnError extends boolean = false>(
   options: Options<PostFooData, ThrowOnError>,
 ) =>
-  (options?.client ?? client).post<PostFooResponse, unknown, ThrowOnError>({
-    bodySerializer: null,
+  (options?.client ?? client).post<unknown, unknown, ThrowOnError>({
+    ...formDataBodySerializer,
     url: '/foo',
     ...options,
     headers: {
-      'Content-Type': 'text/plain',
+      'Content-Type': null,
       ...options?.headers,
     },
   });

examples/openapi-ts-sample/src/client/types.gen.ts

@@ -1,7 +1,9 @@
 // This file is auto-generated by @hey-api/openapi-ts
 
 export type PostFooData = {
-  body: string;
+  body: {
+    foo: Array<Array<number>>;
+  };
   path?: never;
   query?: never;
   url: '/foo';
@@ -11,7 +13,5 @@ export type PostFooResponses = {
   /**
    * OK
    */
-  200: string;
+  200: unknown;
 };
-
-export type PostFooResponse = PostFooResponses[keyof PostFooResponses];

package.json

@@ -57,6 +57,8 @@
     "husky": "9.1.7",
     "lint-staged": "15.3.0",
     "prettier": "3.4.2",
+    "rollup": "4.31.0",
+    "rollup-plugin-dts": "6.1.1",
     "tsup": "8.3.5",
     "typescript": "5.5.3",
     "typescript-eslint": "8.19.1",

packages/client-axios/package.json

@@ -54,7 +54,7 @@
     "src"
   ],
   "scripts": {
-    "build": "tsup && pnpm check-exports",
+    "build": "tsup && rollup -c && pnpm check-exports",
     "check-exports": "attw --pack .",
     "dev": "tsup --watch",
     "prepublishOnly": "pnpm build",
@@ -68,6 +68,7 @@
     "axios": ">= 1.0.0 < 2"
   },
   "devDependencies": {
+    "@hey-api/client-core": "workspace:*",
     "axios": "1.7.9"
   }
 }

packages/client-axios/rollup.config.mjs

@@ -0,0 +1,30 @@
+import path from 'node:path';
+
+import { defineConfig } from 'rollup';
+import dts from 'rollup-plugin-dts';
+
+const files = ['index.d.ts', 'index.d.cts'];
+
+export default files.map((file) =>
+  defineConfig({
+    external: (id) => {
+      const normalizedId = id.split(path.sep).join('/');
+      if (normalizedId === '@hey-api/client-core') {
+        return false;
+      }
+      return (
+        !normalizedId.startsWith('/') && !/^[a-zA-Z]:\//.test(normalizedId)
+      );
+    },
+    input: `./dist/${file}`,
+    output: {
+      file: `./dist/${file}`,
+      format: 'es',
+    },
+    plugins: [
+      dts({
+        respectExternal: true,
+      }),
+    ],
+  }),
+);

packages/client-axios/src/__tests__/utils.test.ts

@@ -1,62 +1,7 @@
+import type { Auth } from '@hey-api/client-core';
 import { describe, expect, it, vi } from 'vitest';
 
-import type { Auth } from '../types';
-import {
-  axiosHeadersKeywords,
-  getAuthToken,
-  mergeHeaders,
-  setAuthParams,
-} from '../utils';
-
-describe('getAuthToken', () => {
-  it('returns bearer token', async () => {
-    const auth = vi.fn().mockReturnValue('foo');
-    const token = await getAuthToken(
-      {
-        scheme: 'bearer',
-        type: 'http',
-      },
-      auth,
-    );
-    expect(auth).toHaveBeenCalled();
-    expect(token).toBe('Bearer foo');
-  });
-
-  it('returns basic token', async () => {
-    const auth = vi.fn().mockReturnValue('foo:bar');
-    const token = await getAuthToken(
-      {
-        scheme: 'basic',
-        type: 'http',
-      },
-      auth,
-    );
-    expect(auth).toHaveBeenCalled();
-    expect(token).toBe(`Basic ${btoa('foo:bar')}`);
-  });
-
-  it('returns raw token', async () => {
-    const auth = vi.fn().mockReturnValue('foo');
-    const token = await getAuthToken(
-      {
-        type: 'http',
-      },
-      auth,
-    );
-    expect(auth).toHaveBeenCalled();
-    expect(token).toBe('foo');
-  });
-
-  it('returns nothing when auth function is undefined', async () => {
-    const token = await getAuthToken(
-      {
-        type: 'http',
-      },
-      undefined,
-    );
-    expect(token).toBeUndefined();
-  });
-});
+import { axiosHeadersKeywords, mergeHeaders, setAuthParams } from '../utils';
 
 describe('mergeHeaders', () => {
   it.each(axiosHeadersKeywords)(

packages/client-axios/src/index.ts

@@ -110,17 +110,17 @@ export const createClient = (config: Config): Client => {
 };
 
 export type {
-  Auth,
   Client,
   Config,
   Options,
   OptionsLegacyParser,
   RequestOptions,
   RequestResult,
 } from './types';
+export { createConfig } from './utils';
+export type { Auth, QuerySerializerOptions } from '@hey-api/client-core';
 export {
-  createConfig,
   formDataBodySerializer,
   jsonBodySerializer,
   urlSearchParamsBodySerializer,
-} from './utils';
+} from '@hey-api/client-core';