@hypequery/react 0.0.3 → 0.1.0

package/README.md

@@ -63,7 +63,7 @@ Factory function that creates type-safe `useQuery` and `useMutation` hooks for y
 interface CreateHooksConfig<TApi> {
   baseUrl: string;                          // Required: API base URL (e.g., '/api' or 'https://api.example.com')
   fetchFn?: typeof fetch;                   // Optional: Custom fetch implementation (defaults to global fetch)
-  headers?: Record<string, string>;         // Optional: Default headers for all requests
+  headers?: Record<string, string> | (() => Record<string, string>); // Optional: Default headers or a resolver function
   config?: Record<string, QueryMethodConfig>; // Optional: Per-route HTTP method overrides
   api?: TApi;                               // Optional: API object to auto-extract HTTP methods
 }

package/dist/createHooks.d.ts

@@ -10,7 +10,7 @@ export interface CreateHooksConfig<TApi = Record<string, {
 }>> {
     baseUrl: string;
     fetchFn?: typeof fetch;
-    headers?: Record<string, string>;
+    headers?: Record<string, string> | (() => Record<string, string>);
     config?: Record<string, QueryMethodConfig>;
     api?: TApi;
 }

package/dist/createHooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createHooks.d.ts","sourceRoot":"","sources":["../src/createHooks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,eAAe,IAAI,uBAAuB,EAC/C,KAAK,kBAAkB,IAAI,0BAA0B,EACrD,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB,CAAC,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE;IAAE,KAAK,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,OAAO,CAAA;CAAE,CAAC;IAC3F,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,KAAK,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;IAC3C,GAAG,CAAC,EAAE,IAAI,CAAC;CACZ;AAED,QAAA,MAAM,cAAc,eAAkC,CAAC;AAEvD,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC,GAAG;IAAE,CAAC,cAAc,CAAC,EAAE,IAAI,CAAA;CAAE,CAEtF;AA6DD,wBAAgB,WAAW,CAAC,GAAG,SAAS,MAAM,CAAC,MAAM,EAAE;IAAE,KAAK,EAAE,GAAG,CAAC;IAAC,MAAM,EAAE,GAAG,CAAA;CAAE,CAAC,EACjF,MAAM,EAAE,iBAAiB,CAAC,GAAG,CAAC;wBAkEZ,IAAI,SAAS,YAAY,CAAC,GAAG,CAAC,+kBAE7C,cAAc,CAAC,WAAW,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,SAAS,CAAC;2BAwC/B,IAAI,SAAS,YAAY,CAAC,GAAG,CAAC,QAC3C,IAAI,kIAET,iBAAiB,CAAC,WAAW,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;EAW/E"}
+{"version":3,"file":"createHooks.d.ts","sourceRoot":"","sources":["../src/createHooks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,eAAe,IAAI,uBAAuB,EAC/C,KAAK,kBAAkB,IAAI,0BAA0B,EACrD,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB,CAAC,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE;IAAE,KAAK,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,OAAO,CAAA;CAAE,CAAC;IAC3F,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,KAAK,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAClE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;IAC3C,GAAG,CAAC,EAAE,IAAI,CAAC;CACZ;AAED,QAAA,MAAM,cAAc,eAAkC,CAAC;AAEvD,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC,GAAG;IAAE,CAAC,cAAc,CAAC,EAAE,IAAI,CAAA;CAAE,CAEtF;AA6DD,wBAAgB,WAAW,CAAC,GAAG,SAAS,MAAM,CAAC,MAAM,EAAE;IAAE,KAAK,EAAE,GAAG,CAAC;IAAC,MAAM,EAAE,GAAG,CAAA;CAAE,CAAC,EACjF,MAAM,EAAE,iBAAiB,CAAC,GAAG,CAAC;wBAmEZ,IAAI,SAAS,YAAY,CAAC,GAAG,CAAC,+kBAE7C,cAAc,CAAC,WAAW,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,SAAS,CAAC;2BAwC/B,IAAI,SAAS,YAAY,CAAC,GAAG,CAAC,QAC3C,IAAI,kIAET,iBAAiB,CAAC,WAAW,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;EAW/E"}

package/dist/createHooks.js

@@ -78,10 +78,11 @@ export function createHooks(config) {
         else if (input !== undefined) {
             body = JSON.stringify(input);
         }
+        const resolvedHeaders = typeof headers === 'function' ? headers() : headers;
         const res = await fetchFn(finalUrl, {
             method,
             headers: {
-                ...headers,
+                ...resolvedHeaders,
                 ...(body ? { 'content-type': 'application/json' } : {}),
             },
             body,

package/dist/createHooks.test.js

@@ -67,6 +67,32 @@ describe('createHooks', () => {
             await waitFor(() => expect(result.current.data).toEqual({ status: 'ok' }));
             expect(fetchMock).toHaveBeenCalledWith('https://example.com/api/noInput', expect.objectContaining({ method: 'GET' }));
         });
+        it('invokes header factory per request', async () => {
+            const headerFactory = vi.fn()
+                .mockReturnValueOnce({ 'x-token': 'first' })
+                .mockReturnValueOnce({ 'x-token': 'second' });
+            const { useQuery } = createHooks({
+                baseUrl: 'https://example.com/api',
+                fetchFn: fetchMock,
+                headers: headerFactory,
+            });
+            fetchMock.mockResolvedValue(mockSuccessResponse({ name: 'User' }));
+            const first = renderHook(() => useQuery('getUser', { id: '1' }), {
+                wrapper: createWrapper(),
+            });
+            await waitFor(() => {
+                expect(first.result.current.data).toEqual({ name: 'User' });
+            });
+            const second = renderHook(() => useQuery('getUser', { id: '2' }), {
+                wrapper: createWrapper(),
+            });
+            await waitFor(() => {
+                expect(second.result.current.data).toEqual({ name: 'User' });
+            });
+            expect(headerFactory).toHaveBeenCalledTimes(2);
+            expect(fetchMock.mock.calls[0][1]?.headers).toMatchObject({ 'x-token': 'first' });
+            expect(fetchMock.mock.calls[1][1]?.headers).toMatchObject({ 'x-token': 'second' });
+        });
     });
     describe('HTTP Method Handling', () => {
         const fetchMock = vi.fn();

package/dist/errors.d.ts

@@ -0,0 +1,9 @@
+/**
+ * HTTP error with status code and response body
+ */
+export declare class HttpError extends Error {
+    readonly status: number;
+    readonly body: unknown;
+    constructor(message: string, status: number, body: unknown);
+}
+//# sourceMappingURL=errors.d.ts.map

package/dist/errors.js

@@ -0,0 +1,13 @@
+/**
+ * HTTP error with status code and response body
+ */
+export class HttpError extends Error {
+    constructor(message, status, body) {
+        super(message);
+        this.status = status;
+        this.body = body;
+        this.name = 'HttpError';
+        // Maintain proper prototype chain for instanceof checks
+        Object.setPrototypeOf(this, HttpError.prototype);
+    }
+}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { createHooks, queryOptions } from './createHooks.js';
+export { HttpError } from './errors.js';
+export type { QueryInput, QueryOutput, HttpMethod } from './types.js';
+export type { CreateHooksConfig, QueryMethodConfig } from './createHooks.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/types.d.ts

@@ -0,0 +1,9 @@
+export type HttpMethod = "GET" | "POST" | "PUT" | "PATCH" | "DELETE";
+export type ExtractNames<Api> = Extract<keyof Api, string>;
+export type QueryInput<Api, Name extends ExtractNames<Api>> = Api[Name] extends {
+    input: infer Input;
+} ? Input : never;
+export type QueryOutput<Api, Name extends ExtractNames<Api>> = Api[Name] extends {
+    output: infer Output;
+} ? Output : never;
+//# sourceMappingURL=types.d.ts.map

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hypequery/react",
-  "version": "0.0.3",
+  "version": "0.1.0",
   "description": "React hooks for consuming hypequery APIs",
   "type": "module",
   "main": "./dist/index.js",
@@ -35,7 +35,7 @@
     "access": "public"
   },
   "scripts": {
-    "build": "tsc -b",
+    "build": "tsc -b --force && node scripts/verify-dist.js",
     "types": "tsc -b --noEmit",
     "test:types": "tsc --project tsconfig.type-tests.json",
     "test": "npm run test:types && vitest run"