@jelper/context-composer 0.1.0

package/es/index.js

@@ -0,0 +1,24 @@
+import React from 'react';
+export const createCtxComposer = (useCfgHook) => {
+    const ComposerCtx = React.createContext({});
+    return {
+        forwardComposer: (Com) => (props) => {
+            const value = useCfgHook(props);
+            return (React.createElement(ComposerCtx.Provider, { value: value },
+                React.createElement(Com, Object.assign({}, props))));
+        },
+        useComposerCtx() {
+            return React.useContext(ComposerCtx);
+        },
+    };
+};
+export const mergeComposer = (list) => {
+    return (Com) => {
+        return list.reduce((res, it) => {
+            return (props) => {
+                const CurrCom = it(res);
+                return React.createElement(CurrCom, Object.assign({}, props));
+            };
+        }, Com);
+    };
+};

package/es/types.js

@@ -0,0 +1,18 @@
+/*
+ * @Author: jade <apathyjade@outlook.com>
+ * @Version: 0.0.1
+ * @Date: 2022-06-22 16:44:40
+ * @Last Modified by:   jade
+ * @Last Modified Time: 2022-06-22 16:44:40
+ */
+export var StorageType;
+(function (StorageType) {
+    StorageType["memory"] = "memory";
+    StorageType["session"] = "session";
+    StorageType["local"] = "local";
+})(StorageType || (StorageType = {}));
+export var StoreType;
+(function (StoreType) {
+    StoreType["global"] = "global";
+    StoreType["page"] = "page";
+})(StoreType || (StoreType = {}));

package/lib/index.js

@@ -0,0 +1,43 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mergeComposer = exports.createCtxComposer = void 0;
+var react_1 = __importDefault(require("react"));
+var createCtxComposer = function (useCfgHook) {
+    var ComposerCtx = react_1.default.createContext({});
+    return {
+        forwardComposer: function (Com) { return function (props) {
+            var value = useCfgHook(props);
+            return (react_1.default.createElement(ComposerCtx.Provider, { value: value },
+                react_1.default.createElement(Com, __assign({}, props))));
+        }; },
+        useComposerCtx: function () {
+            return react_1.default.useContext(ComposerCtx);
+        },
+    };
+};
+exports.createCtxComposer = createCtxComposer;
+var mergeComposer = function (list) {
+    return function (Com) {
+        return list.reduce(function (res, it) {
+            return function (props) {
+                var CurrCom = it(res);
+                return react_1.default.createElement(CurrCom, __assign({}, props));
+            };
+        }, Com);
+    };
+};
+exports.mergeComposer = mergeComposer;

package/lib/types.js

@@ -0,0 +1,21 @@
+"use strict";
+/*
+ * @Author: jade <apathyjade@outlook.com>
+ * @Version: 0.0.1
+ * @Date: 2022-06-22 16:44:40
+ * @Last Modified by:   jade
+ * @Last Modified Time: 2022-06-22 16:44:40
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StoreType = exports.StorageType = void 0;
+var StorageType;
+(function (StorageType) {
+    StorageType["memory"] = "memory";
+    StorageType["session"] = "session";
+    StorageType["local"] = "local";
+})(StorageType || (exports.StorageType = StorageType = {}));
+var StoreType;
+(function (StoreType) {
+    StoreType["global"] = "global";
+    StoreType["page"] = "page";
+})(StoreType || (exports.StoreType = StoreType = {}));

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@jelper/context-composer",
+  "version": "0.1.0",
+  "description": "react context helper",
+  "main": "lib/index.js",
+  "module": "es/index.js",
+	"types": "types/index.d.ts",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "jelper build",
+    "build:debug": "jelper build --debug",
+    "build:help": "jelper build --help",
+    "serve": "jelper serve"
+  },
+  "keywords": [
+    "store",
+    "helper"
+  ],
+  "files": [
+    "package.json",
+    "README.md",
+    "es/**",
+    "lib/**",
+    "types/**"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "@jelper/builder": "workspace:*",
+    "@types/node": "~18.0.0",
+    "@types/react": "~18.2.17"
+  },
+  "dependencies": {
+    "react": "~18.2.0"
+  },
+  "author": "apathyjade@outlook.com",
+  "license": "ISC"
+}

package/types/index.d.ts

@@ -0,0 +1,8 @@
+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;
+};
+export declare const mergeComposer: <P extends React.JSX.IntrinsicAttributes>(list: Array<Composer<P>>) => Composer<P>;
+export {};