@faasjs/react 7.0.4 → 8.0.0-beta.0

package/README.md

@@ -11,7 +11,6 @@ React plugin for FaasJS.
 
 - Support [FaasJS Request Specifications](https://faasjs.com/guide/request-spec.html).
 - Support global and per-request configurations.
-- Support [React Server Actions](https://react.dev/reference/rsc/server-actions).
 - Compatible with [why-did-you-render](https://github.com/welldone-software/why-did-you-render).
 - Additional React functions:
   - Utils:
@@ -80,6 +79,7 @@ npm install @faasjs/react react
 
 - [ErrorChildrenProps](type-aliases/ErrorChildrenProps.md)
 - [FaasAction](type-aliases/FaasAction.md)
+- [FaasActionUnionType](type-aliases/FaasActionUnionType.md)
 - [FaasData](type-aliases/FaasData.md)
 - [FaasDataInjection](type-aliases/FaasDataInjection.md)
 - [FaasDataWrapperProps](type-aliases/FaasDataWrapperProps.md)

package/dist/index.cjs

@@ -236,7 +236,6 @@ function useFaas(action, defaultParams, options = {}) {
     setError
   };
 }
-useFaas.whyDidYouRender = true;
 var clients = {};
 function FaasReactClient({ baseUrl, options, onError } = {
   baseUrl: "/"

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-import { Response, BaseUrl, ResponseError, Options, FaasBrowserClient } from '@faasjs/browser';
+import { Response, BaseUrl, Options, ResponseError, FaasBrowserClient } from '@faasjs/browser';
 export { Options, Response, ResponseError, ResponseHeaders } from '@faasjs/browser';
 import { FaasActionUnionType, FaasAction, FaasParams, FaasData } from '@faasjs/types';
-export { FaasAction, FaasData, FaasParams } from '@faasjs/types';
+export { FaasAction, FaasActionUnionType, FaasData, FaasParams } from '@faasjs/types';
 import * as react from 'react';
 import { JSX, ReactNode, ReactElement, Component, ComponentType, JSXElementConstructor, ComponentProps, Dispatch, SetStateAction, RefObject } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -22,7 +22,7 @@ type FaasDataInjection<PathOrData extends FaasActionUnionType = any> = {
      *
      * **Note**: It will sets skip to false before loading data.
      */
-    reload(params?: Record<string, any>): Promise<Response<PathOrData>>;
+    reload(params?: Record<string, any>): Promise<FaasData<PathOrData>>;
     setData: React.Dispatch<React.SetStateAction<FaasData<PathOrData>>>;
     setLoading: React.Dispatch<React.SetStateAction<boolean>>;
     setPromise: React.Dispatch<React.SetStateAction<Promise<Response<FaasData<PathOrData>>>>>;
@@ -52,9 +52,25 @@ declare const FaasDataWrapper: <PathOrData extends FaasActionUnionType = any>(pr
  * const MyComponent = withFaasData(({ data }) => <div>{data.name}</div>, { action: 'test', params: { a: 1 } })
  * ```
  */
-declare function withFaasData<PathOrData extends FaasAction, TComponentProps extends Required<FaasDataInjection<PathOrData>> = Required<FaasDataInjection<PathOrData>>>(Component: React.FC<TComponentProps>, faasProps: FaasDataWrapperProps<PathOrData>): React.FC<Omit<TComponentProps, keyof FaasDataInjection<PathOrData>> & Record<string, any>>;
+declare function withFaasData<PathOrData extends FaasActionUnionType, TComponentProps extends Required<FaasDataInjection<PathOrData>> = Required<FaasDataInjection<PathOrData>>>(Component: React.FC<TComponentProps>, faasProps: FaasDataWrapperProps<PathOrData>): React.FC<Omit<TComponentProps, keyof FaasDataInjection<PathOrData>> & Record<string, any>>;
 
-type useFaasOptions<PathOrData extends FaasAction> = {
+/**
+ * Request faas server
+ *
+ * @param action {string} action name
+ * @param params {object} action params
+ * @returns {Promise<Response<any>>}
+ *
+ * @example
+ * ```ts
+ * faas<{ title: string }>('post/get', { id: 1 }).then(res => {
+ *   console.log(res.data.title)
+ * })
+ * ```
+ */
+declare function faas<PathOrData extends FaasActionUnionType>(action: FaasAction<PathOrData>, params: FaasParams<PathOrData>, options?: Options): Promise<Response<FaasData<PathOrData>>>;
+
+type useFaasOptions<PathOrData extends FaasActionUnionType> = {
     params?: FaasParams<PathOrData>;
     data?: FaasData<PathOrData>;
     setData?: React.Dispatch<React.SetStateAction<FaasData<PathOrData>>>;
@@ -84,9 +100,6 @@ type useFaasOptions<PathOrData extends FaasAction> = {
  * ```
  */
 declare function useFaas<PathOrData extends FaasActionUnionType>(action: FaasAction<PathOrData>, defaultParams: FaasParams<PathOrData>, options?: useFaasOptions<PathOrData>): FaasDataInjection<PathOrData>;
-declare namespace useFaas {
-    var whyDidYouRender: boolean;
-}
 
 type OnError = (action: string, params: Record<string, any>) => (res: ResponseError) => Promise<void>;
 type FaasReactClientOptions = {
@@ -105,9 +118,9 @@ type FaasReactClientOptions = {
 };
 type FaasReactClientInstance = {
     id: string;
-    faas: <PathOrData extends FaasActionUnionType>(action: FaasAction<PathOrData>, params: FaasParams<PathOrData>, options?: Options) => Promise<Response<FaasData<PathOrData>>>;
-    useFaas: <PathOrData extends FaasActionUnionType>(action: FaasAction<PathOrData>, defaultParams: FaasParams<PathOrData>, options?: useFaasOptions<PathOrData>) => FaasDataInjection<PathOrData>;
-    FaasDataWrapper<PathOrData extends FaasActionUnionType>(props: FaasDataWrapperProps<PathOrData>): JSX.Element;
+    faas: typeof faas;
+    useFaas: typeof useFaas;
+    FaasDataWrapper: typeof FaasDataWrapper;
     onError?: OnError;
     browserClient: FaasBrowserClient;
 };
@@ -414,22 +427,6 @@ declare const FormContextProvider: <NewT extends FormContextProps<Record<string,
 }) => react.ReactNode;
 declare const useFormContext: <NewT extends FormContextProps<Record<string, any>, FormElementTypes, FormRules> = FormContextProps<Record<string, any>, FormElementTypes, FormRules>>() => Readonly<NewT>;
 
-/**
- * Request faas server
- *
- * @param action {string} action name
- * @param params {object} action params
- * @returns {Promise<Response<any>>}
- *
- * @example
- * ```ts
- * faas<{ title: string }>('post/get', { id: 1 }).then(res => {
- *   console.log(res.data.title)
- * })
- * ```
- */
-declare function faas<PathOrData extends FaasActionUnionType>(action: FaasAction<PathOrData>, params: FaasParams<PathOrData>, options?: Options): Promise<Response<FaasData<PathOrData>>>;
-
 type OptionalWrapperProps<TWrapper extends ComponentType<{
     children: ReactNode;
 }> = any> = {

package/dist/index.mjs

@@ -234,7 +234,6 @@ function useFaas(action, defaultParams, options = {}) {
     setError
   };
 }
-useFaas.whyDidYouRender = true;
 var clients = {};
 function FaasReactClient({ baseUrl, options, onError } = {
   baseUrl: "/"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faasjs/react",
-  "version": "7.0.4",
+  "version": "v8.0.0-beta.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -30,12 +30,12 @@
     "dist"
   ],
   "peerDependencies": {
-    "@faasjs/browser": ">=7.0.4"
+    "@faasjs/browser": ">=v8.0.0-beta.0"
   },
   "devDependencies": {
-    "@faasjs/browser": ">=7.0.4",
-    "@types/react": "*",
-    "react": "*"
+    "@faasjs/browser": ">=v8.0.0-beta.0",
+    "@types/react": "^19.0.0",
+    "react": "^19.0.0"
   },
   "engines": {
     "node": ">=24.0.0",