@faasjs/react 3.3.0 → 3.4.0

package/dist/index.d.mts

@@ -2,7 +2,6 @@ import { FaasAction, FaasData, FaasParams } from '@faasjs/types';
 export { FaasAction, FaasData, FaasParams } from '@faasjs/types';
 import { Response, BaseUrl, ResponseError, Options, FaasBrowserClient } from '@faasjs/browser';
 export { Options, Response, ResponseError, ResponseHeaders } from '@faasjs/browser';
-import * as react from 'react';
 import { ReactNode, ReactElement, Component, ComponentType, ComponentProps } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
@@ -62,7 +61,6 @@ declare function useEqualCallback<T extends (...args: any[]) => any>(callback: T
  * Creates a splitting context with the given default value.
  *
  * @param defaultValue The default value of the splitting context.
- * @returns The provider component and the hook to use the splitting context.
  *
  * @example
  * ```tsx
@@ -104,11 +102,21 @@ declare function useEqualCallback<T extends (...args: any[]) => any>(callback: T
  */
 declare function createSplittingContext<T extends Record<string, any>>(defaultValue: {
     [K in keyof T]: Partial<T[K]> | null;
-}): {
-    Provider: (props: {
+} | (keyof T)[]): {
+    /**
+     * The provider component of the splitting context.
+     * @see https://faasjs.com/doc/react/functions/createSplittingContext.html#provider
+     */
+    Provider(props: {
         value?: Partial<T>;
-        children: React.ReactNode;
-    }) => react.ReactNode;
+        children: ReactNode;
+        memo?: true | any[];
+    }): ReactNode;
+    /**
+     * The hook to use the splitting context.
+     *
+     * @see https://faasjs.com/doc/react/functions/createSplittingContext.html#use
+     */
     use: () => Readonly<T>;
 };
 

package/dist/index.d.ts

@@ -2,7 +2,6 @@ import { FaasAction, FaasData, FaasParams } from '@faasjs/types';
 export { FaasAction, FaasData, FaasParams } from '@faasjs/types';
 import { Response, BaseUrl, ResponseError, Options, FaasBrowserClient } from '@faasjs/browser';
 export { Options, Response, ResponseError, ResponseHeaders } from '@faasjs/browser';
-import * as react from 'react';
 import { ReactNode, ReactElement, Component, ComponentType, ComponentProps } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
@@ -62,7 +61,6 @@ declare function useEqualCallback<T extends (...args: any[]) => any>(callback: T
  * Creates a splitting context with the given default value.
  *
  * @param defaultValue The default value of the splitting context.
- * @returns The provider component and the hook to use the splitting context.
  *
  * @example
  * ```tsx
@@ -104,11 +102,21 @@ declare function useEqualCallback<T extends (...args: any[]) => any>(callback: T
  */
 declare function createSplittingContext<T extends Record<string, any>>(defaultValue: {
     [K in keyof T]: Partial<T[K]> | null;
-}): {
-    Provider: (props: {
+} | (keyof T)[]): {
+    /**
+     * The provider component of the splitting context.
+     * @see https://faasjs.com/doc/react/functions/createSplittingContext.html#provider
+     */
+    Provider(props: {
         value?: Partial<T>;
-        children: React.ReactNode;
-    }) => react.ReactNode;
+        children: ReactNode;
+        memo?: true | any[];
+    }): ReactNode;
+    /**
+     * The hook to use the splitting context.
+     *
+     * @see https://faasjs.com/doc/react/functions/createSplittingContext.html#use
+     */
     use: () => Readonly<T>;
 };
 

package/dist/index.js

@@ -77,14 +77,21 @@ function useEqualCallback(callback, dependencies) {
   );
 }
 function createSplittingContext(defaultValue) {
+  const keys = Array.isArray(defaultValue) ? defaultValue : Object.keys(defaultValue);
+  const defaultValues = Array.isArray(defaultValue) ? keys.reduce((prev, cur) => {
+    prev[cur] = null;
+    return prev;
+  }, {}) : defaultValue;
   const contexts = {};
-  const keys = Object.keys(defaultValue);
-  for (const key of keys) contexts[key] = react.createContext(defaultValue[key]);
+  for (const key of keys) contexts[key] = react.createContext(defaultValues[key]);
   function Provider(props) {
-    let children = props.children;
+    let children = props.memo ? useEqualMemo(
+      () => props.children,
+      typeof props.memo === "boolean" ? [] : props.memo
+    ) : props.children;
     for (const key of keys) {
       const Context = contexts[key];
-      const value = props.value?.[key] ?? defaultValue[key];
+      const value = props.value?.[key] ?? defaultValues[key];
       children = /* @__PURE__ */ jsxRuntime.jsx(Context.Provider, { value, children });
     }
     return children;

package/dist/index.mjs

@@ -75,14 +75,21 @@ function useEqualCallback(callback, dependencies) {
   );
 }
 function createSplittingContext(defaultValue) {
+  const keys = Array.isArray(defaultValue) ? defaultValue : Object.keys(defaultValue);
+  const defaultValues = Array.isArray(defaultValue) ? keys.reduce((prev, cur) => {
+    prev[cur] = null;
+    return prev;
+  }, {}) : defaultValue;
   const contexts = {};
-  const keys = Object.keys(defaultValue);
-  for (const key of keys) contexts[key] = createContext(defaultValue[key]);
+  for (const key of keys) contexts[key] = createContext(defaultValues[key]);
   function Provider(props) {
-    let children = props.children;
+    let children = props.memo ? useEqualMemo(
+      () => props.children,
+      typeof props.memo === "boolean" ? [] : props.memo
+    ) : props.children;
     for (const key of keys) {
       const Context = contexts[key];
-      const value = props.value?.[key] ?? defaultValue[key];
+      const value = props.value?.[key] ?? defaultValues[key];
       children = /* @__PURE__ */ jsx(Context.Provider, { value, children });
     }
     return children;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faasjs/react",
-  "version": "3.3.0",
+  "version": "3.4.0",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -35,12 +35,12 @@
   ],
   "peerDependencies": {
     "react": "*",
-    "@faasjs/browser": "3.3.0"
+    "@faasjs/browser": "3.4.0"
   },
   "devDependencies": {
     "@types/react": "*",
     "react": "*",
-    "@faasjs/browser": "3.3.0"
+    "@faasjs/browser": "3.4.0"
   },
   "engines": {
     "node": ">=22.0.0",