@jelper/context-composer 1.1.2 → 1.2.0

package/es/index.js

@@ -1,25 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React, { memo } from 'react';
-export const createCtxComposer = (useCfgHook) => {
+export const createCtxComposer = (useCfgHook, opts = {}) => {
+    const { builder } = opts;
     const ComposerCtx = React.createContext({});
+    const useComposerCtx = () => {
+        return React.useContext(ComposerCtx);
+    };
+    const buildHooks = (cb) => {
+        return (...p) => {
+            const value = React.useContext(ComposerCtx);
+            return cb(value)(...p);
+        };
+    };
     return {
-        forwardComposer: (Com, propsAreEqual) => {
+        forwardComposer(Com, propsAreEqual) {
             const MemoCom = memo(Com, propsAreEqual);
             return (props) => {
                 const value = useCfgHook(props);
-                return (React.createElement(ComposerCtx.Provider, { value: value },
-                    React.createElement(MemoCom, Object.assign({}, props))));
-            };
-        },
-        useComposerCtx() {
-            return React.useContext(ComposerCtx);
-        },
-        buildHooks(cb) {
-            return (...p) => {
-                const value = React.useContext(ComposerCtx);
-                return cb(value)(...p);
+                return (_jsx(ComposerCtx.Provider, { value: value, children: builder ? builder(props, MemoCom) : _jsx(MemoCom, Object.assign({}, props)) }));
             };
         },
-        ComposerCtx,
+        useComposerCtx,
+        buildHooks,
     };
 };
 export const mergeComposer = (list) => {
@@ -27,7 +29,7 @@ export const mergeComposer = (list) => {
         return list.reduce((res, it) => {
             return (props) => {
                 const CurrCom = it(res);
-                return React.createElement(CurrCom, Object.assign({}, props));
+                return _jsx(CurrCom, Object.assign({}, props));
             };
         }, Com);
     };

package/lib/index.js

@@ -35,32 +35,35 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.mergeComposer = exports.createCtxComposer = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = __importStar(require("react"));
-var createCtxComposer = function (useCfgHook) {
+var createCtxComposer = function (useCfgHook, opts) {
+    if (opts === void 0) { opts = {}; }
+    var builder = opts.builder;
     var ComposerCtx = react_1.default.createContext({});
+    var useComposerCtx = function () {
+        return react_1.default.useContext(ComposerCtx);
+    };
+    var buildHooks = function (cb) {
+        return function () {
+            var p = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                p[_i] = arguments[_i];
+            }
+            var value = react_1.default.useContext(ComposerCtx);
+            return cb(value).apply(void 0, p);
+        };
+    };
     return {
         forwardComposer: function (Com, propsAreEqual) {
             var MemoCom = (0, react_1.memo)(Com, propsAreEqual);
             return function (props) {
                 var value = useCfgHook(props);
-                return (react_1.default.createElement(ComposerCtx.Provider, { value: value },
-                    react_1.default.createElement(MemoCom, __assign({}, props))));
-            };
-        },
-        useComposerCtx: function () {
-            return react_1.default.useContext(ComposerCtx);
-        },
-        buildHooks: function (cb) {
-            return function () {
-                var p = [];
-                for (var _i = 0; _i < arguments.length; _i++) {
-                    p[_i] = arguments[_i];
-                }
-                var value = react_1.default.useContext(ComposerCtx);
-                return cb(value).apply(void 0, p);
+                return ((0, jsx_runtime_1.jsx)(ComposerCtx.Provider, { value: value, children: builder ? builder(props, MemoCom) : (0, jsx_runtime_1.jsx)(MemoCom, __assign({}, props)) }));
             };
         },
-        ComposerCtx: ComposerCtx,
+        useComposerCtx: useComposerCtx,
+        buildHooks: buildHooks,
     };
 };
 exports.createCtxComposer = createCtxComposer;
@@ -69,7 +72,7 @@ var mergeComposer = function (list) {
         return list.reduce(function (res, it) {
             return function (props) {
                 var CurrCom = it(res);
-                return react_1.default.createElement(CurrCom, __assign({}, props));
+                return (0, jsx_runtime_1.jsx)(CurrCom, __assign({}, props));
             };
         }, Com);
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jelper/context-composer",
-  "version": "1.1.2",
+  "version": "1.2.0",
   "description": "react context helper",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -27,15 +27,19 @@
     "access": "public"
   },
   "devDependencies": {
-    "react": "~18.2.0",
     "@jelper/builder": "workspace:*",
-    "@types/node": "~18.0.0",
-    "@types/react": "~18.2.17"
+    "react": "~19.x.x",
+		"react-dom": "~19.x.x",
+		"typescript": "~5.9.3",
+    "@types/node": "~22.0.0",
+    "@types/react": "~19.x.x",
+		"@types/react-dom": "~19.x.x"
   },
   "dependencies": {
   },
   "peerDependencies": {
-    "react": ">=18.0.0"
+    "react": ">=19.0.0",
+		"react-dom": ">=19.0.0"
   },
   "author": "apathyjade@outlook.com",
   "license": "ISC",

package/types/index.d.ts

@@ -1,10 +1,12 @@
-import React, { FC } from 'react';
-type Composer<P> = (Com: FC<P>) => FC<P>;
-export declare const createCtxComposer: <P extends React.JSX.IntrinsicAttributes, T>(useCfgHook: (props: P) => T) => {
-    forwardComposer: (Com: FC<P>) => FC<P>;
-    useComposerCtx: () => T;
-    buildHooks: <F extends (...arg: any) => any>(cb: (value: T) => F) => (...p: Parameters<F>) => ReturnType<F>;
-    ComposerCtx: React.Context<T>;
+import { type FC, type JSX } from 'react';
+type Composer<P extends {}> = (Com: FC<P>) => FC<P>;
+interface Opts<P extends {}> {
+    builder?: <T extends {} = P>(props: P, Com: FC<T>) => JSX.Element;
+}
+export declare const createCtxComposer: <P extends {}, T>(useCfgHook: (props: P) => T, opts?: Opts<P>) => {
+    readonly forwardComposer: <U extends {} = P>(Com: FC<U>, propsAreEqual?: (prevProps: Readonly<U>, nextProps: Readonly<U>) => boolean) => (props: P) => import("react/jsx-runtime").JSX.Element;
+    readonly useComposerCtx: () => T;
+    readonly buildHooks: <F extends (...arg: any) => any>(cb: (value: T) => F) => (...p: Parameters<F>) => ReturnType<F>;
 };
-export declare const mergeComposer: <P extends React.JSX.IntrinsicAttributes>(list: Array<Composer<P>>) => Composer<P>;
+export declare const mergeComposer: <P extends {}>(list: Array<Composer<P>>) => Composer<P>;
 export default createCtxComposer;