npm - @faasjs/react - Versions diffs - 0.0.3-beta.107 → 0.0.3-beta.108 - Mend

@faasjs/react 0.0.3-beta.107 → 0.0.3-beta.108

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/README.md CHANGED Viewed

@@ -166,7 +166,9 @@ ___
 ### Options
 Ƭ **Options**: `RequestInit` & { `beforeRequest?`: (`{
-    action, params, options
+    action,
+    params,
+    options,
   }`: { `action`: `string` ; `options`: [`Options`](#options) ; `params`: `Record`<`string`, `any`\>  }) => `Promise`<`void`\> \| `void` ; `headers?`: { `[key: string]`: `string`;  } ; `request?`: <PathOrData\>(`url`: `string`, `options`: [`Options`](#options)) => `Promise`<[`Response`](classes/Response.md)<[`FaasData`](#faasdata)<`PathOrData`\>\>\>  }
 ___

package/dist/index.d.mts CHANGED Viewed

@@ -14,9 +14,11 @@ type FaasReactClientInstance = {
   useFaas: <PathOrData extends FaasAction>(
     action: string | PathOrData,
     defaultParams: FaasParams<PathOrData>,
-    options?: useFaasOptions<PathOrData>,
+    options?: useFaasOptions<PathOrData>
   ) => FaasDataInjection<FaasData<PathOrData>>
-  FaasDataWrapper<PathOrData extends FaasAction>(props: FaasDataWrapperProps<PathOrData>): JSX.Element
+  FaasDataWrapper<PathOrData extends FaasAction>(
+    props: FaasDataWrapperProps<PathOrData>
+  ): JSX.Element
 }
 /**
@@ -30,7 +32,7 @@ type FaasDataInjection<Data = any> = {
   data: Data
   error: any
   promise: Promise<Response<Data>>
-  reload(params?: Record<string, any>): 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<Data>>>>
@@ -38,7 +40,9 @@ type FaasDataInjection<Data = any> = {
 }
 type FaasDataWrapperProps<PathOrData extends FaasAction> = {
-  render?(args: FaasDataInjection<FaasData<PathOrData>>): JSX.Element | JSX.Element[]
+  render?(
+    args: FaasDataInjection<FaasData<PathOrData>>
+  ): JSX.Element | JSX.Element[]
   children?: React.ReactElement<Partial<FaasDataInjection>>
   fallback?: JSX.Element | false
   action: string
@@ -72,7 +76,7 @@ type useFaasOptions<PathOrData extends FaasAction> = {
  * })
  * ```
  */
-declare function FaasReactClient({ domain, options, onError }: {
+declare function FaasReactClient({ domain, options, onError, }: {
     domain: string;
     options?: Options;
     onError?: (action: string, params: Record<string, any>) => (res: ResponseError) => Promise<void>;

package/dist/index.d.ts CHANGED Viewed

@@ -14,9 +14,11 @@ type FaasReactClientInstance = {
   useFaas: <PathOrData extends FaasAction>(
     action: string | PathOrData,
     defaultParams: FaasParams<PathOrData>,
-    options?: useFaasOptions<PathOrData>,
+    options?: useFaasOptions<PathOrData>
   ) => FaasDataInjection<FaasData<PathOrData>>
-  FaasDataWrapper<PathOrData extends FaasAction>(props: FaasDataWrapperProps<PathOrData>): JSX.Element
+  FaasDataWrapper<PathOrData extends FaasAction>(
+    props: FaasDataWrapperProps<PathOrData>
+  ): JSX.Element
 }
 /**
@@ -30,7 +32,7 @@ type FaasDataInjection<Data = any> = {
   data: Data
   error: any
   promise: Promise<Response<Data>>
-  reload(params?: Record<string, any>): 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<Data>>>>
@@ -38,7 +40,9 @@ type FaasDataInjection<Data = any> = {
 }
 type FaasDataWrapperProps<PathOrData extends FaasAction> = {
-  render?(args: FaasDataInjection<FaasData<PathOrData>>): JSX.Element | JSX.Element[]
+  render?(
+    args: FaasDataInjection<FaasData<PathOrData>>
+  ): JSX.Element | JSX.Element[]
   children?: React.ReactElement<Partial<FaasDataInjection>>
   fallback?: JSX.Element | false
   action: string
@@ -72,7 +76,7 @@ type useFaasOptions<PathOrData extends FaasAction> = {
  * })
  * ```
  */
-declare function FaasReactClient({ domain, options, onError }: {
+declare function FaasReactClient({ domain, options, onError, }: {
     domain: string;
     options?: Options;
     onError?: (action: string, params: Record<string, any>) => (res: ResponseError) => Promise<void>;

package/dist/index.js CHANGED Viewed

@@ -30,59 +30,71 @@ function FaasReactClient({
     const [params, setParams] = react.useState(defaultParams);
     const [reloadTimes, setReloadTimes] = react.useState(0);
     const [fails, setFails] = react.useState(0);
-    react.useEffect(function() {
-      if (JSON.stringify(defaultParams) !== JSON.stringify(params)) {
-        setParams(defaultParams);
-      }
-    }, [JSON.stringify(defaultParams)]);
-    react.useEffect(function() {
-      if (!action || (options2 == null ? void 0 : options2.skip)) {
-        setLoading(false);
-        return;
-      }
-      setLoading(true);
-      const controller = new AbortController();
-      function send() {
-        const request = client.action(action, options2.params || params, { signal: controller.signal });
-        setPromise(request);
-        request.then((r) => (options2 == null ? void 0 : options2.setData) ? options2.setData(r.data) : setData(r.data)).catch(async (e) => {
-          if ((e == null ? void 0 : e.message) === "The user aborted a request." || (e == null ? void 0 : e.message) === "Aborted")
-            return;
-          if (!fails && typeof (e == null ? void 0 : e.message) === "string" && e.message.indexOf("Failed to fetch") >= 0) {
-            console.warn(`FaasReactClient: ${e.message} retry...`);
-            setFails(1);
-            return send();
-          }
-          if (onError)
-            try {
-              await onError(action, params)(e);
-            } catch (error2) {
-              setError(error2);
+    react.useEffect(
+      function() {
+        if (JSON.stringify(defaultParams) !== JSON.stringify(params)) {
+          setParams(defaultParams);
+        }
+      },
+      [JSON.stringify(defaultParams)]
+    );
+    react.useEffect(
+      function() {
+        if (!action || (options2 == null ? void 0 : options2.skip)) {
+          setLoading(false);
+          return;
+        }
+        setLoading(true);
+        const controller = new AbortController();
+        function send() {
+          const request = client.action(
+            action,
+            options2.params || params,
+            { signal: controller.signal }
+          );
+          setPromise(request);
+          request.then(
+            (r) => (options2 == null ? void 0 : options2.setData) ? options2.setData(r.data) : setData(r.data)
+          ).catch(async (e) => {
+            if ((e == null ? void 0 : e.message) === "The user aborted a request." || (e == null ? void 0 : e.message) === "Aborted")
+              return;
+            if (!fails && typeof (e == null ? void 0 : e.message) === "string" && e.message.indexOf("Failed to fetch") >= 0) {
+              console.warn(`FaasReactClient: ${e.message} retry...`);
+              setFails(1);
+              return send();
             }
-          else
-            setError(e);
-          return Promise.reject(e);
-        }).finally(() => setLoading(false));
-      }
-      if (options2 == null ? void 0 : options2.debounce) {
-        const timeout = setTimeout(send, options2.debounce);
+            if (onError)
+              try {
+                await onError(action, params)(e);
+              } catch (error2) {
+                setError(error2);
+              }
+            else
+              setError(e);
+            return Promise.reject(e);
+          }).finally(() => setLoading(false));
+        }
+        if (options2 == null ? void 0 : options2.debounce) {
+          const timeout = setTimeout(send, options2.debounce);
+          return () => {
+            clearTimeout(timeout);
+            controller.abort();
+            setLoading(false);
+          };
+        }
+        send();
         return () => {
-          clearTimeout(timeout);
           controller.abort();
           setLoading(false);
         };
-      }
-      send();
-      return () => {
-        controller.abort();
-        setLoading(false);
-      };
-    }, [
-      action,
-      JSON.stringify(options2.params || params),
-      reloadTimes,
-      options2.skip
-    ]);
+      },
+      [
+        action,
+        JSON.stringify(options2.params || params),
+        reloadTimes,
+        options2.skip
+      ]
+    );
     return {
       action,
       params,
@@ -122,14 +134,20 @@ function FaasReactClient({
         setData
       });
       const [loaded, setLoaded] = react.useState(false);
-      react.useEffect(function() {
-        if (!loaded && !request.loading)
-          setLoaded(true);
-      }, [request.loading]);
-      react.useEffect(function() {
-        if (onDataChange)
-          onDataChange(request);
-      }, [JSON.stringify(request.data)]);
+      react.useEffect(
+        function() {
+          if (!loaded && !request.loading)
+            setLoaded(true);
+        },
+        [request.loading]
+      );
+      react.useEffect(
+        function() {
+          if (onDataChange)
+            onDataChange(request);
+        },
+        [JSON.stringify(request.data)]
+      );
       if (loaded) {
         if (children)
           return react.cloneElement(children, request);

package/dist/index.mjs CHANGED Viewed

@@ -28,59 +28,71 @@ function FaasReactClient({
     const [params, setParams] = useState(defaultParams);
     const [reloadTimes, setReloadTimes] = useState(0);
     const [fails, setFails] = useState(0);
-    useEffect(function() {
-      if (JSON.stringify(defaultParams) !== JSON.stringify(params)) {
-        setParams(defaultParams);
-      }
-    }, [JSON.stringify(defaultParams)]);
-    useEffect(function() {
-      if (!action || (options2 == null ? void 0 : options2.skip)) {
-        setLoading(false);
-        return;
-      }
-      setLoading(true);
-      const controller = new AbortController();
-      function send() {
-        const request = client.action(action, options2.params || params, { signal: controller.signal });
-        setPromise(request);
-        request.then((r) => (options2 == null ? void 0 : options2.setData) ? options2.setData(r.data) : setData(r.data)).catch(async (e) => {
-          if ((e == null ? void 0 : e.message) === "The user aborted a request." || (e == null ? void 0 : e.message) === "Aborted")
-            return;
-          if (!fails && typeof (e == null ? void 0 : e.message) === "string" && e.message.indexOf("Failed to fetch") >= 0) {
-            console.warn(`FaasReactClient: ${e.message} retry...`);
-            setFails(1);
-            return send();
-          }
-          if (onError)
-            try {
-              await onError(action, params)(e);
-            } catch (error2) {
-              setError(error2);
+    useEffect(
+      function() {
+        if (JSON.stringify(defaultParams) !== JSON.stringify(params)) {
+          setParams(defaultParams);
+        }
+      },
+      [JSON.stringify(defaultParams)]
+    );
+    useEffect(
+      function() {
+        if (!action || (options2 == null ? void 0 : options2.skip)) {
+          setLoading(false);
+          return;
+        }
+        setLoading(true);
+        const controller = new AbortController();
+        function send() {
+          const request = client.action(
+            action,
+            options2.params || params,
+            { signal: controller.signal }
+          );
+          setPromise(request);
+          request.then(
+            (r) => (options2 == null ? void 0 : options2.setData) ? options2.setData(r.data) : setData(r.data)
+          ).catch(async (e) => {
+            if ((e == null ? void 0 : e.message) === "The user aborted a request." || (e == null ? void 0 : e.message) === "Aborted")
+              return;
+            if (!fails && typeof (e == null ? void 0 : e.message) === "string" && e.message.indexOf("Failed to fetch") >= 0) {
+              console.warn(`FaasReactClient: ${e.message} retry...`);
+              setFails(1);
+              return send();
             }
-          else
-            setError(e);
-          return Promise.reject(e);
-        }).finally(() => setLoading(false));
-      }
-      if (options2 == null ? void 0 : options2.debounce) {
-        const timeout = setTimeout(send, options2.debounce);
+            if (onError)
+              try {
+                await onError(action, params)(e);
+              } catch (error2) {
+                setError(error2);
+              }
+            else
+              setError(e);
+            return Promise.reject(e);
+          }).finally(() => setLoading(false));
+        }
+        if (options2 == null ? void 0 : options2.debounce) {
+          const timeout = setTimeout(send, options2.debounce);
+          return () => {
+            clearTimeout(timeout);
+            controller.abort();
+            setLoading(false);
+          };
+        }
+        send();
         return () => {
-          clearTimeout(timeout);
           controller.abort();
           setLoading(false);
         };
-      }
-      send();
-      return () => {
-        controller.abort();
-        setLoading(false);
-      };
-    }, [
-      action,
-      JSON.stringify(options2.params || params),
-      reloadTimes,
-      options2.skip
-    ]);
+      },
+      [
+        action,
+        JSON.stringify(options2.params || params),
+        reloadTimes,
+        options2.skip
+      ]
+    );
     return {
       action,
       params,
@@ -120,14 +132,20 @@ function FaasReactClient({
         setData
       });
       const [loaded, setLoaded] = useState(false);
-      useEffect(function() {
-        if (!loaded && !request.loading)
-          setLoaded(true);
-      }, [request.loading]);
-      useEffect(function() {
-        if (onDataChange)
-          onDataChange(request);
-      }, [JSON.stringify(request.data)]);
+      useEffect(
+        function() {
+          if (!loaded && !request.loading)
+            setLoaded(true);
+        },
+        [request.loading]
+      );
+      useEffect(
+        function() {
+          if (onDataChange)
+            onDataChange(request);
+        },
+        [JSON.stringify(request.data)]
+      );
       if (loaded) {
         if (children)
           return cloneElement(children, request);

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@faasjs/react",
-  "version": "0.0.3-beta.107",
+  "version": "0.0.3-beta.108",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -22,7 +22,7 @@
     "dist"
   ],
   "dependencies": {
-    "@faasjs/browser": "0.0.3-beta.107"
+    "@faasjs/browser": "0.0.3-beta.108"
   },
   "peerDependencies": {
     "react": "*"