@faasjs/react 8.0.0-beta.26 → 8.0.0-beta.28

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import { Component, ComponentProps, ComponentType, Dispatch, ErrorInfo, JSX, Rea
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { FaasAction, FaasAction as FaasAction$1, FaasActionUnionType, FaasActionUnionType as FaasActionUnionType$1, FaasData, FaasData as FaasData$1, FaasParams, FaasParams as FaasParams$1 } from "@faasjs/types";
 
-//#region src/generateId.d.ts
+//#region src/generateId/index.d.ts
 /**
  * Generate a random identifier with an optional prefix.
  *
@@ -23,7 +23,7 @@ import { FaasAction, FaasAction as FaasAction$1, FaasActionUnionType, FaasAction
  */
 declare function generateId(prefix?: string, length?: number): string;
 //#endregion
-//#region src/browser.d.ts
+//#region src/browser/index.d.ts
 /**
  * Template literal type for URL strings that must end with a forward slash.
  *
@@ -111,7 +111,7 @@ type Options = RequestInit & {
  *
  * Notes:
  * - Headers are case-insensitive in HTTP but stored with exact casing in this object
- * - Common headers include: Content-Type, Authorization, X-Request-Id, X-Custom-Header
+ * - Common headers include: Content-Type, Authorization, x-faasjs-request-id, X-Custom-Header
  * - No support for multi-value headers (use comma-separated values instead)
  * - Used in Response, ResponseError, and Options types
  * - Simplified model compared to browser's Headers interface (no .get(), .set() methods)
@@ -250,7 +250,7 @@ type ResponseProps<T = any> = {
  *   data: { created: true },
  *   headers: {
  *     'Content-Type': 'application/json',
- *     'X-Request-Id': 'req-123',
+ *     'x-faasjs-request-id': 'req-123',
  *     'X-Cache-Key': 'user-123'
  *   }
  * })
@@ -401,8 +401,8 @@ type ResponseErrorProps = {
  *     if (error.body) {
  *       console.error('Error details:', error.body)
  *     }
- *     if (error.headers['X-Request-Id']) {
- *       console.error('Request ID:', error.headers['X-Request-Id'])
+ *     if (error.headers['x-faasjs-request-id']) {
+ *       console.error('Request ID:', error.headers['x-faasjs-request-id'])
  *     }
  *   }
  * }
@@ -848,7 +848,7 @@ declare class FaasBrowserClient {
   action<PathOrData extends FaasActionUnionType$1>(action: FaasAction$1<PathOrData>, params?: FaasParams$1<PathOrData>, options?: Options): Promise<Response<FaasData$1<PathOrData>>>;
 }
 //#endregion
-//#region src/faas.d.ts
+//#region src/faas/index.d.ts
 /**
  * Call the currently configured FaasReactClient.
  *
@@ -876,7 +876,7 @@ declare class FaasBrowserClient {
  */
 declare function faas<PathOrData extends FaasActionUnionType$1>(action: FaasAction$1<PathOrData>, params: FaasParams$1<PathOrData>, options?: Options): Promise<Response<FaasData$1<PathOrData>>>;
 //#endregion
-//#region src/FaasDataWrapper.d.ts
+//#region src/FaasDataWrapper/index.d.ts
 /**
  * Request state injected by {@link useFaas}, {@link FaasDataWrapper}, and {@link withFaasData}.
  *
@@ -1073,7 +1073,7 @@ type SharedUseFaasOptions<Params, Data> = {
   baseUrl?: BaseUrl;
 };
 //#endregion
-//#region src/useFaas.d.ts
+//#region src/useFaas/index.d.ts
 /**
  * Options that customize the {@link useFaas} request lifecycle.
  *
@@ -1236,7 +1236,7 @@ declare function FaasReactClient(options?: FaasReactClientOptions): FaasReactCli
  */
 declare function getClient(host?: string): FaasReactClientInstance;
 //#endregion
-//#region src/constant.d.ts
+//#region src/constant/index.d.ts
 /**
  * Returns a constant value that is created by the given function.
  *
@@ -1257,7 +1257,7 @@ declare function getClient(host?: string): FaasReactClientInstance;
  */
 declare function useConstant<T>(fn: () => T): T;
 //#endregion
-//#region src/ErrorBoundary.d.ts
+//#region src/ErrorBoundary/index.d.ts
 /**
  * Props for the {@link ErrorBoundary} component.
  */
@@ -1328,7 +1328,7 @@ declare class ErrorBoundary extends Component<ErrorBoundaryProps, {
   render(): string | number | bigint | boolean | _$react_jsx_runtime0.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | _$react.ReactPortal | ReactElement<unknown, string | _$react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null;
 }
 //#endregion
-//#region src/equal.d.ts
+//#region src/equal/index.d.ts
 /**
  * Compares two values for deep equality.
  *
@@ -1433,7 +1433,7 @@ declare function useEqualMemo<T>(callback: () => T, dependencies: any[]): T;
  */
 declare function useEqualCallback<T extends (...args: any[]) => any>(callback: T, dependencies: any[]): T;
 //#endregion
-//#region src/OptionalWrapper.d.ts
+//#region src/OptionalWrapper/index.d.ts
 /**
  * Props for the {@link OptionalWrapper} helper component.
  *
@@ -1477,7 +1477,7 @@ declare namespace OptionalWrapper {
   var displayName: string;
 }
 //#endregion
-//#region src/splittingContext.d.ts
+//#region src/splittingContext/index.d.ts
 /**
  * Create a context whose keys can be consumed independently.
  *
@@ -1593,7 +1593,7 @@ declare function createSplittingContext<T extends Record<string, any>>(defaultVa
   use: <NewT extends T = T>(this: void) => Readonly<NewT>;
 };
 //#endregion
-//#region src/splittingState.d.ts
+//#region src/splittingState/index.d.ts
 /**
  * Setter map generated by {@link useSplittingState} for each state key.
  *
@@ -1624,7 +1624,7 @@ type StatesWithSetters<T> = T & StateSetters<T>;
  */
 declare function useSplittingState<T extends Record<string, unknown>>(initialStates: T): StatesWithSetters<T>;
 //#endregion
-//#region src/useFaasStream.d.ts
+//#region src/useFaasStream/index.d.ts
 /**
  * Options that customize the {@link useFaasStream} request lifecycle.
  */
@@ -1686,7 +1686,7 @@ type UseFaasStreamResult = {
  */
 declare function useFaasStream(action: string, defaultParams: Record<string, any>, options?: UseFaasStreamOptions): UseFaasStreamResult;
 //#endregion
-//#region src/usePrevious.d.ts
+//#region src/usePrevious/index.d.ts
 /**
  * Hook to store the previous value of a state or prop.
  *
@@ -1707,7 +1707,7 @@ declare function useFaasStream(action: string, defaultParams: Record<string, any
  */
 declare function usePrevious<T = any>(value: T): T | undefined;
 //#endregion
-//#region src/useStateRef.d.ts
+//#region src/useStateRef/index.d.ts
 /**
  * Custom hook that returns a stateful value and a ref to that value.
  *

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import { Component, cloneElement, createContext, forwardRef, useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/generateId.ts
+//#region src/generateId/index.ts
 /**
 * Generate a random identifier with an optional prefix.
 *
@@ -23,7 +23,7 @@ function generateId(prefix = "", length = 18) {
 	return `${prefix}${Date.now().toString(36).padStart(8, "0")}${Math.random().toString(36).substring(2, length - 6).padEnd(length - 8, "0")}`;
 }
 //#endregion
-//#region src/browser.ts
+//#region src/browser/index.ts
 /**
 * Wrapper class for HTTP responses from FaasJS functions.
 *
@@ -88,7 +88,7 @@ function generateId(prefix = "", length = 18) {
 *   data: { created: true },
 *   headers: {
 *     'Content-Type': 'application/json',
-*     'X-Request-Id': 'req-123',
+*     'x-faasjs-request-id': 'req-123',
 *     'X-Cache-Key': 'user-123'
 *   }
 * })
@@ -235,8 +235,8 @@ var Response = class {
 *     if (error.body) {
 *       console.error('Error details:', error.body)
 *     }
-*     if (error.headers['X-Request-Id']) {
-*       console.error('Request ID:', error.headers['X-Request-Id'])
+*     if (error.headers['x-faasjs-request-id']) {
+*       console.error('Request ID:', error.headers['x-faasjs-request-id'])
 *     }
 *   }
 * }
@@ -454,7 +454,6 @@ function normalizeMockResponse(response) {
 	return new Response(response || {});
 }
 async function resolveMockResponse(action, params, options) {
-	console.debug(`[FaasJS] Mock request: ${action} %j`, params);
 	if (typeof mock === "function") return normalizeMockResponse(await mock(action, params, options));
 	return normalizeMockResponse(mock);
 }
@@ -659,7 +658,6 @@ var FaasBrowserClient = class {
 		this.id = `FBC-${generateId()}`;
 		this.baseUrl = baseUrl;
 		this.defaultOptions = options;
-		console.debug(`[FaasJS] Initialize with baseUrl: ${this.baseUrl}`);
 	}
 	/**
 	* Makes a request to a FaasJS function.
@@ -778,7 +776,7 @@ var FaasBrowserClient = class {
 	}
 };
 //#endregion
-//#region src/faas.ts
+//#region src/faas/index.ts
 /**
 * Call the currently configured FaasReactClient.
 *
@@ -814,7 +812,7 @@ async function faas(action, params, options) {
 	return client.browserClient.action(action, params, options);
 }
 //#endregion
-//#region src/equal.ts
+//#region src/equal/index.ts
 const AsyncFunction = (async () => {}).constructor;
 /**
 * Compares two values for deep equality.
@@ -1262,7 +1260,7 @@ function useFaasRequest({ action, defaultParams, options, beforeSend, onSuccess,
 				if (typeof e?.message === "string" && e.message.toLowerCase().includes("aborted")) return;
 				if (!failedOnceRef.current && typeof e?.message === "string" && e.message.includes("Failed to fetch")) {
 					failedOnceRef.current = true;
-					console.warn(`FaasReactClient: ${e.message} retry...`);
+					console.warn(`[FaasJS] FaasReactClient: ${e.message} retry...`);
 					run();
 					return;
 				}
@@ -1336,7 +1334,7 @@ function useFaasRequest({ action, defaultParams, options, beforeSend, onSuccess,
 	};
 }
 //#endregion
-//#region src/useFaas.tsx
+//#region src/useFaas/index.tsx
 /**
 * Request FaasJS data and keep request state in React state.
 *
@@ -1512,13 +1510,13 @@ function FaasReactClient(options = { baseUrl: "/" }) {
 function getClient(host) {
 	const client = clients[host || Object.keys(clients)[0]];
 	if (!client) {
-		console.warn("FaasReactClient is not initialized manually, use default.");
+		console.warn("[FaasJS] FaasReactClient is not initialized manually, use default.");
 		return FaasReactClient();
 	}
 	return client;
 }
 //#endregion
-//#region src/constant.ts
+//#region src/constant/index.ts
 /**
 * Returns a constant value that is created by the given function.
 *
@@ -1543,7 +1541,7 @@ function useConstant(fn) {
 	return ref.current.v;
 }
 //#endregion
-//#region src/ErrorBoundary.tsx
+//#region src/ErrorBoundary/index.tsx
 /**
 * React error boundary with an optional custom fallback element.
 *
@@ -1617,7 +1615,7 @@ var ErrorBoundary = class extends Component {
 	}
 };
 //#endregion
-//#region src/OptionalWrapper.tsx
+//#region src/OptionalWrapper/index.tsx
 /**
 * Conditionally wrap children with another component.
 *
@@ -1653,7 +1651,7 @@ function OptionalWrapper(props) {
 }
 OptionalWrapper.displayName = "OptionalWrapper";
 //#endregion
-//#region src/splittingState.tsx
+//#region src/splittingState/index.tsx
 /**
 * Create local state entries and matching setters for each key in an object.
 *
@@ -1682,7 +1680,7 @@ function useSplittingState(initialStates) {
 	return states;
 }
 //#endregion
-//#region src/splittingContext.tsx
+//#region src/splittingContext/index.tsx
 /**
 * Create a context whose keys can be consumed independently.
 *
@@ -1770,7 +1768,7 @@ function createSplittingContext(defaultValue) {
 	};
 }
 //#endregion
-//#region src/useFaasStream.tsx
+//#region src/useFaasStream/index.tsx
 /**
 * Stream a FaasJS response into React state.
 *
@@ -1871,7 +1869,7 @@ function useFaasStream(action, defaultParams, options = {}) {
 	};
 }
 //#endregion
-//#region src/usePrevious.ts
+//#region src/usePrevious/index.ts
 /**
 * Hook to store the previous value of a state or prop.
 *
@@ -1898,7 +1896,7 @@ function usePrevious(value) {
 	return ref.current;
 }
 //#endregion
-//#region src/useStateRef.ts
+//#region src/useStateRef/index.ts
 /**
 * Custom hook that returns a stateful value and a ref to that value.
 *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faasjs/react",
-  "version": "8.0.0-beta.26",
+  "version": "8.0.0-beta.28",
   "homepage": "https://faasjs.com/doc/react/",
   "bugs": {
     "url": "https://github.com/faasjs/faasjs/issues"
@@ -26,12 +26,12 @@
     }
   },
   "devDependencies": {
-    "@faasjs/types": ">=8.0.0-beta.26",
+    "@faasjs/types": ">=8.0.0-beta.28",
     "@types/react": "^19.0.0",
     "react": "^19.0.0"
   },
   "peerDependencies": {
-    "@faasjs/types": ">=8.0.0-beta.26"
+    "@faasjs/types": ">=8.0.0-beta.28"
   },
   "engines": {
     "node": ">=24.0.0",