@faasjs/react 0.0.2-beta.302 → 0.0.2-beta.310

package/lib/index.js

@@ -6,7 +6,6 @@
 
   function FaasReactClient({ domain, options, onError }) {
       const client = new browser.FaasBrowserClient(domain, options);
-      // async function faas<Path extends keyof FaasActions> (action: Path, params: FaasActions[Path]['request']): Promise<Response<FaasActions[Path]['response']>>
       async function faas(action, params) {
           if (onError)
               return client.action(action, params)
@@ -80,7 +79,7 @@
                   if (!loaded && !request.loading)
                       setLoaded(true);
               }, [request.loading]);
-              react.useEffect(() => {
+              react.useEffect(function () {
                   if (onDataChange)
                       onDataChange(request);
               }, [JSON.stringify(request.data)]);

package/lib/react/src/index.d.ts

@@ -1,30 +1,31 @@
 /// <reference types="react" />
-import { Options, Params, Response, ResponseError } from '@faasjs/browser';
-export type { FaasBrowserClient, Options, Params, Response, ResponseHeaders, ResponseError } from '@faasjs/browser';
-declare type FaasDataInjection<T = any> = {
+import { Options, Response, ResponseError } from '@faasjs/browser';
+import { FaasAction, FaasData, FaasParams } from '@faasjs/types';
+export type { FaasBrowserClient, Options, Response, ResponseHeaders, ResponseError } from '@faasjs/browser';
+declare type FaasDataInjection<Data = any> = {
     loading: boolean;
-    data: T;
+    data: Data;
     error: any;
-    promise: Promise<Response<T>>;
-    reload(params?: Params): Promise<Response<T>>;
-    setData: React.Dispatch<React.SetStateAction<T>>;
+    promise: Promise<Response<Data>>;
+    reload(params?: Record<string, any>): Promise<Response<Data>>;
+    setData: React.Dispatch<React.SetStateAction<Data>>;
     setLoading: React.Dispatch<React.SetStateAction<boolean>>;
-    setPromise: React.Dispatch<React.SetStateAction<Promise<Response<T>>>>;
+    setPromise: React.Dispatch<React.SetStateAction<Promise<Response<Data>>>>;
     setError: React.Dispatch<React.SetStateAction<any>>;
 };
-declare type FaasDataProps<T = any> = {
-    element(args: FaasDataInjection<T>): JSX.Element;
+declare type FaasDataProps<PathOrData extends FaasAction> = {
+    element(args: FaasDataInjection<FaasData<PathOrData>>): JSX.Element;
     fallback?: JSX.Element | false;
     action: string;
-    params?: Params;
-    onDataChange?(args: FaasDataInjection<T>): void;
+    params?: FaasParams<PathOrData>;
+    onDataChange?(args: FaasDataInjection<FaasData<PathOrData>>): void;
 };
 export declare function FaasReactClient({ domain, options, onError }: {
     domain: string;
     options?: Options;
-    onError?: (action: string, params: Params) => (res: ResponseError) => Promise<void>;
+    onError?: (action: string, params: Record<string, any>) => (res: ResponseError) => Promise<void>;
 }): {
-    faas: <T = any>(action: string, params: Params) => Promise<Response<T>>;
-    useFaas: <T_1 = any>(action: string, defaultParams: Params) => FaasDataInjection<T_1>;
-    FaasData<T_2 = any>({ action, params, fallback, element, onDataChange }: FaasDataProps<T_2>): JSX.Element;
+    faas: <PathOrData extends FaasAction>(action: string | PathOrData, params: FaasParams<PathOrData>) => Promise<Response<FaasData<PathOrData>>>;
+    useFaas: <PathOrData extends FaasAction>(action: string | PathOrData, defaultParams: FaasParams<PathOrData>) => FaasDataInjection<FaasData<PathOrData>>;
+    FaasData<PathOrData extends FaasAction>(props: FaasDataProps<PathOrData>): JSX.Element;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faasjs/react",
-  "version": "0.0.2-beta.302",
+  "version": "0.0.2-beta.310",
   "license": "MIT",
   "main": "lib/index.js",
   "types": "lib/react/src/index.d.ts",
@@ -34,5 +34,5 @@
   "engines": {
     "npm": ">=8.0.0"
   },
-  "gitHead": "b53fb35a91369afd0185fb555d98e5c9d90b54bd"
+  "gitHead": "0bfca56ec223e3b4b8fd91e51058263f010d4ea6"
 }