phecda-react 0.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 fgsreally
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.ts

@@ -0,0 +1,27 @@
+import * as react from 'react';
+import { Events } from 'phecda-core';
+export * from 'phecda-core';
+
+interface PhecdaEmitter {
+    on<N extends keyof Events>(eventName: N, cb: (args: Events[N]) => void): void;
+    off<N extends keyof Events>(eventName: N, cb?: (args: Events[N]) => void): void;
+    emit<N extends keyof Events>(eventName: N, param: Events[N]): void;
+}
+interface PhecdaInstance {
+    useOMap: Map<any, any>;
+    useVMap: WeakMap<any, any>;
+    useRMap: WeakMap<any, any>;
+    fnMap: WeakMap<any, any>;
+}
+
+declare const emitter: PhecdaEmitter;
+declare function setActivePhecda(phecda: PhecdaInstance): void;
+declare function getActivePhecda(): PhecdaInstance;
+declare function useO<T extends new (...args: any) => any>(Model: T): any;
+declare function useR<T extends new (...args: any) => any>(Model: T): [InstanceType<T>, InstanceType<T>];
+declare function createPhecdaContext(): ({ children }: any) => react.FunctionComponentElement<react.ProviderProps<null>>;
+
+declare function wrapError(target: any, key: PropertyKey, errorHandler: Function): (...args: any) => any;
+declare function isAsyncFunc(fn: Function): boolean;
+
+export { createPhecdaContext, emitter, getActivePhecda, isAsyncFunc, setActivePhecda, useO, useR, wrapError };

package/dist/index.js

@@ -0,0 +1,205 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  createPhecdaContext: () => createPhecdaContext,
+  emitter: () => emitter,
+  getActivePhecda: () => getActivePhecda,
+  isAsyncFunc: () => isAsyncFunc,
+  setActivePhecda: () => setActivePhecda,
+  useO: () => useO,
+  useR: () => useR,
+  wrapError: () => wrapError
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/composables.ts
+var import_valtio = require("valtio");
+var import_phecda_core = require("phecda-core");
+var import_react = require("react");
+var import_mitt = __toESM(require("mitt"));
+
+// src/utils.ts
+function wrapError(target, key, errorHandler) {
+  if (isAsyncFunc(target[key])) {
+    return (...args) => {
+      return target[key].apply(target, args).catch(errorHandler);
+    };
+  } else {
+    return (...args) => {
+      try {
+        return target[key].apply(target, args);
+      } catch (e) {
+        return errorHandler(e);
+      }
+    };
+  }
+}
+__name(wrapError, "wrapError");
+function isAsyncFunc(fn) {
+  return fn[Symbol.toStringTag] === "AsyncFunction";
+}
+__name(isAsyncFunc, "isAsyncFunc");
+
+// src/composables.ts
+var emitter = (0, import_mitt.default)();
+var activePhecda = {
+  useOMap: /* @__PURE__ */ new Map(),
+  useVMap: /* @__PURE__ */ new WeakMap(),
+  useRMap: /* @__PURE__ */ new WeakMap(),
+  fnMap: /* @__PURE__ */ new WeakMap()
+};
+function setActivePhecda(phecda) {
+  activePhecda = phecda;
+}
+__name(setActivePhecda, "setActivePhecda");
+function getActivePhecda() {
+  return activePhecda;
+}
+__name(getActivePhecda, "getActivePhecda");
+function useO(Model) {
+  const { useOMap } = getActivePhecda();
+  if (useOMap.has(Model))
+    return useOMap.get(Model);
+  const instance = new Model();
+  useOMap.set(Model, instance);
+  return instance;
+}
+__name(useO, "useO");
+function useR(Model) {
+  const { useRMap, fnMap } = getActivePhecda();
+  const instance = useO(Model);
+  if (useRMap.has(instance)) {
+    const proxyInstance2 = useRMap.get(instance);
+    return [
+      (0, import_valtio.useSnapshot)(proxyInstance2),
+      proxyInstance2
+    ];
+  }
+  const proxyInstance = (0, import_valtio.proxy)(new Proxy(instance, {
+    get(target, key) {
+      if (typeof target[key] === "function") {
+        if (fnMap.has(target[key]))
+          return fnMap.get(target[key]);
+        const errorHandler = (0, import_phecda_core.getHandler)(target, key).find((item) => item.error)?.error;
+        if (!errorHandler)
+          return target[key].bind(target);
+        const wrapper = wrapError(target, key, errorHandler);
+        fnMap.set(target[key], wrapper);
+        return wrapper;
+      }
+      return target[key];
+    },
+    set(target, key, v) {
+      target[key] = v;
+      return true;
+    }
+  }));
+  (0, import_phecda_core.register)(proxyInstance);
+  useRMap.set(instance, proxyInstance);
+  return [
+    (0, import_valtio.useSnapshot)(proxyInstance),
+    proxyInstance
+  ];
+}
+__name(useR, "useR");
+function createPhecdaContext() {
+  const { Provider } = (0, import_react.createContext)(null);
+  let eventRecord = [];
+  return ({ children }) => {
+    (0, import_react.useEffect)(() => {
+      return () => {
+        getActivePhecda().useOMap.clear();
+        eventRecord.forEach(([eventName, handler]) => emitter.off(eventName, handler));
+        eventRecord = [];
+      };
+    }, []);
+    if (!(0, import_phecda_core.getProperty)("watcher")) {
+      (0, import_phecda_core.injectProperty)("watcher", ({ eventName, instance, key, options }) => {
+        const fn = typeof instance[key] === "function" ? instance[key].bind(instance) : (v) => instance[key] = v;
+        if (options?.once) {
+          const handler = /* @__PURE__ */ __name((...args) => {
+            fn(...args);
+            emitter.off(eventName, handler);
+          }, "handler");
+          emitter.on(eventName, handler);
+          eventRecord.push([
+            eventName,
+            handler
+          ]);
+        } else {
+          eventRecord.push([
+            eventName,
+            fn
+          ]);
+          emitter.on(eventName, fn);
+        }
+      });
+    }
+    if (!(0, import_phecda_core.getProperty)("storage")) {
+      (0, import_phecda_core.injectProperty)("storage", ({ tag, key, instance }) => {
+        if (!tag)
+          return;
+        const initstr = localStorage.getItem(tag);
+        if (initstr) {
+          const data = JSON.parse(initstr);
+          if (key) {
+            instance[key] = data;
+          } else {
+            for (const i in data) {
+              if (i)
+                instance[i] = data[i];
+            }
+          }
+        }
+        globalThis.addEventListener("beforeunload", () => {
+          localStorage.setItem(tag, JSON.stringify(key ? instance[key] : instance));
+        });
+      });
+    }
+    return (0, import_react.createElement)(Provider, {
+      value: null
+    }, children);
+  };
+}
+__name(createPhecdaContext, "createPhecdaContext");
+
+// src/index.ts
+__reExport(src_exports, require("phecda-core"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createPhecdaContext,
+  emitter,
+  getActivePhecda,
+  isAsyncFunc,
+  setActivePhecda,
+  useO,
+  useR,
+  wrapError
+});

package/dist/index.mjs

@@ -0,0 +1,166 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// src/composables.ts
+import { proxy, useSnapshot } from "valtio";
+import { getHandler, getProperty, injectProperty, register } from "phecda-core";
+import { createContext, createElement, useEffect } from "react";
+import mitt from "mitt";
+
+// src/utils.ts
+function wrapError(target, key, errorHandler) {
+  if (isAsyncFunc(target[key])) {
+    return (...args) => {
+      return target[key].apply(target, args).catch(errorHandler);
+    };
+  } else {
+    return (...args) => {
+      try {
+        return target[key].apply(target, args);
+      } catch (e) {
+        return errorHandler(e);
+      }
+    };
+  }
+}
+__name(wrapError, "wrapError");
+function isAsyncFunc(fn) {
+  return fn[Symbol.toStringTag] === "AsyncFunction";
+}
+__name(isAsyncFunc, "isAsyncFunc");
+
+// src/composables.ts
+var emitter = mitt();
+var activePhecda = {
+  useOMap: /* @__PURE__ */ new Map(),
+  useVMap: /* @__PURE__ */ new WeakMap(),
+  useRMap: /* @__PURE__ */ new WeakMap(),
+  fnMap: /* @__PURE__ */ new WeakMap()
+};
+function setActivePhecda(phecda) {
+  activePhecda = phecda;
+}
+__name(setActivePhecda, "setActivePhecda");
+function getActivePhecda() {
+  return activePhecda;
+}
+__name(getActivePhecda, "getActivePhecda");
+function useO(Model) {
+  const { useOMap } = getActivePhecda();
+  if (useOMap.has(Model))
+    return useOMap.get(Model);
+  const instance = new Model();
+  useOMap.set(Model, instance);
+  return instance;
+}
+__name(useO, "useO");
+function useR(Model) {
+  const { useRMap, fnMap } = getActivePhecda();
+  const instance = useO(Model);
+  if (useRMap.has(instance)) {
+    const proxyInstance2 = useRMap.get(instance);
+    return [
+      useSnapshot(proxyInstance2),
+      proxyInstance2
+    ];
+  }
+  const proxyInstance = proxy(new Proxy(instance, {
+    get(target, key) {
+      if (typeof target[key] === "function") {
+        if (fnMap.has(target[key]))
+          return fnMap.get(target[key]);
+        const errorHandler = getHandler(target, key).find((item) => item.error)?.error;
+        if (!errorHandler)
+          return target[key].bind(target);
+        const wrapper = wrapError(target, key, errorHandler);
+        fnMap.set(target[key], wrapper);
+        return wrapper;
+      }
+      return target[key];
+    },
+    set(target, key, v) {
+      target[key] = v;
+      return true;
+    }
+  }));
+  register(proxyInstance);
+  useRMap.set(instance, proxyInstance);
+  return [
+    useSnapshot(proxyInstance),
+    proxyInstance
+  ];
+}
+__name(useR, "useR");
+function createPhecdaContext() {
+  const { Provider } = createContext(null);
+  let eventRecord = [];
+  return ({ children }) => {
+    useEffect(() => {
+      return () => {
+        getActivePhecda().useOMap.clear();
+        eventRecord.forEach(([eventName, handler]) => emitter.off(eventName, handler));
+        eventRecord = [];
+      };
+    }, []);
+    if (!getProperty("watcher")) {
+      injectProperty("watcher", ({ eventName, instance, key, options }) => {
+        const fn = typeof instance[key] === "function" ? instance[key].bind(instance) : (v) => instance[key] = v;
+        if (options?.once) {
+          const handler = /* @__PURE__ */ __name((...args) => {
+            fn(...args);
+            emitter.off(eventName, handler);
+          }, "handler");
+          emitter.on(eventName, handler);
+          eventRecord.push([
+            eventName,
+            handler
+          ]);
+        } else {
+          eventRecord.push([
+            eventName,
+            fn
+          ]);
+          emitter.on(eventName, fn);
+        }
+      });
+    }
+    if (!getProperty("storage")) {
+      injectProperty("storage", ({ tag, key, instance }) => {
+        if (!tag)
+          return;
+        const initstr = localStorage.getItem(tag);
+        if (initstr) {
+          const data = JSON.parse(initstr);
+          if (key) {
+            instance[key] = data;
+          } else {
+            for (const i in data) {
+              if (i)
+                instance[i] = data[i];
+            }
+          }
+        }
+        globalThis.addEventListener("beforeunload", () => {
+          localStorage.setItem(tag, JSON.stringify(key ? instance[key] : instance));
+        });
+      });
+    }
+    return createElement(Provider, {
+      value: null
+    }, children);
+  };
+}
+__name(createPhecdaContext, "createPhecdaContext");
+
+// src/index.ts
+export * from "phecda-core";
+export {
+  createPhecdaContext,
+  emitter,
+  getActivePhecda,
+  isAsyncFunc,
+  setActivePhecda,
+  useO,
+  useR,
+  wrapError
+};

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "phecda-react",
+  "version": "0.0.0",
+  "description": "provide store with phecda function to react",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "keywords": [],
+  "author": "",
+  "files": [
+    "dist"
+  ],
+  "license": "MIT",
+  "dependencies": {
+    "mitt": "^3.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "valtio": "^1.13.0",
+    "phecda-core": "2.1.1"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.48",
+    "tsup": "^6.5.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch"
+  }
+}