phecda-react 0.1.0 → 1.0.1

package/README.md

@@ -0,0 +1,20 @@
+# phecda-react
+
+> it need a compile plugin to support `emitDecoratorMetadata` in `vite/webpack`
+
+it depends on `valtio`
+
+## quick
+
+```tsx
+export function Home() {
+  const [getter, setter] = useR(UserModel)
+
+  return (
+    <>
+      <div>{getter.name}</div>
+      <button onClick={() => { setter.changeName() }}></button>
+    </>
+  )
+}
+```

package/dist/index.d.ts

@@ -1,13 +1,37 @@
-import { Construct, Events } from 'phecda-web';
+import * as react from 'react';
+import { WebPhecda, Construct, Events } from 'phecda-web';
 export * from 'phecda-web';
 
-declare function useO<T extends Construct>(model: T): any;
-declare function useR<T extends Construct>(model: T): [InstanceType<T>, InstanceType<T>];
-declare function createPhecda(): {
-    load(state?: any): any;
-    unmount(): Promise<void>;
-};
+declare const PhecdaContext: react.Context<WebPhecda | undefined>;
+declare const phecdaSymbol: unique symbol;
+declare function createPhecda(): WebPhecda;
+
+declare function usePhecda(): WebPhecda;
+declare function getPhecda(phecda?: WebPhecda): WebPhecda;
+declare function getR<Model extends Construct>(model: Model, phecda?: WebPhecda): InstanceType<Model>;
 declare function useEvent<Key extends keyof Events>(eventName: Key, cb: (event: Events[Key]) => void): ((arg: Events[Key]) => void)[];
-declare function initialize<M extends Construct>(model: M, deleteOtherProperty?: boolean): InstanceType<M> | void;
+declare function useR<Model extends Construct>(model: Model): (InstanceType<Model> | (InstanceType<Model> extends infer T ? T extends InstanceType<Model> ? T extends {
+    $$valtioSnapshot: infer S;
+} ? S : T extends RegExp | Error | Date | Map<any, any> | Set<any> | WeakMap<any, any> | WeakSet<any> | ((...args: any[]) => any) | (string | number | bigint | boolean | symbol | null | undefined) ? T : T extends Promise<unknown> ? Awaited<T> : T extends object ? T extends infer T_1 extends object ? { readonly [K in keyof T_1]: T[K] extends infer T_2 ? T_2 extends T[K] ? T_2 extends {
+    $$valtioSnapshot: infer S;
+} ? S : T_2 extends RegExp | Error | Date | Map<any, any> | Set<any> | WeakMap<any, any> | WeakSet<any> | ((...args: any[]) => any) | (string | number | bigint | boolean | symbol | null | undefined) ? T_2 : T_2 extends Promise<unknown> ? Awaited<T_2> : T_2 extends object ? T_2 extends infer T_3 extends object ? { readonly [K_1 in keyof T_3]: T_2[K_1] extends infer T_4 ? T_4 extends T_2[K_1] ? T_4 extends {
+    $$valtioSnapshot: infer S;
+} ? S : T_4 extends RegExp | Error | Date | Map<any, any> | Set<any> | WeakMap<any, any> | WeakSet<any> | ((...args: any[]) => any) | (string | number | bigint | boolean | symbol | null | undefined) ? T_4 : T_4 extends Promise<unknown> ? Awaited<T_4> : T_4 extends object ? T_4 extends infer T_5 extends object ? { readonly [K_2 in keyof T_5]: T_4[K_2] extends infer T_6 ? T_6 extends T_4[K_2] ? T_6 extends {
+    $$valtioSnapshot: infer S;
+} ? S : T_6 extends RegExp | Error | Date | Map<any, any> | Set<any> | WeakMap<any, any> | WeakSet<any> | ((...args: any[]) => any) | (string | number | bigint | boolean | symbol | null | undefined) ? T_6 : T_6 extends Promise<unknown> ? Awaited<T_6> : T_6 extends object ? T_6 extends infer T_7 extends object ? { readonly [K_3 in keyof T_7]: T_6[K_3] extends infer T_8 ? T_8 extends T_6[K_3] ? T_8 extends {
+    $$valtioSnapshot: infer S;
+} ? S : T_8 extends RegExp | Error | Date | Map<any, any> | Set<any> | WeakMap<any, any> | WeakSet<any> | ((...args: any[]) => any) | (string | number | bigint | boolean | symbol | null | undefined) ? T_8 : T_8 extends Promise<unknown> ? Awaited<T_8> : T_8 extends object ? T_8 extends infer T_9 extends object ? { readonly [K_4 in keyof T_9]: T_8[K_4] extends infer T_10 ? T_10 extends T_8[K_4] ? T_10 extends {
+    $$valtioSnapshot: infer S;
+} ? S : T_10 extends RegExp | Error | Date | Map<any, any> | Set<any> | WeakMap<any, any> | WeakSet<any> | ((...args: any[]) => any) | (string | number | bigint | boolean | symbol | null | undefined) ? T_10 : T_10 extends Promise<unknown> ? Awaited<T_10> : T_10 extends object ? T_10 extends infer T_11 extends object ? { readonly [K_5 in keyof T_11]: T_10[K_5] extends infer T_12 ? T_12 extends T_10[K_5] ? T_12 extends {
+    $$valtioSnapshot: infer S;
+} ? S : T_12 extends RegExp | Error | Date | Map<any, any> | Set<any> | WeakMap<any, any> | WeakSet<any> | ((...args: any[]) => any) | (string | number | bigint | boolean | symbol | null | undefined) ? T_12 : T_12 extends Promise<unknown> ? Awaited<T_12> : T_12 extends object ? T_12 extends infer T_13 extends object ? { readonly [K_6 in keyof T_13]: T_12[K_6] extends infer T_14 ? T_14 extends T_12[K_6] ? T_14 extends {
+    $$valtioSnapshot: infer S;
+} ? S : T_14 extends RegExp | Error | Date | Map<any, any> | Set<any> | WeakMap<any, any> | WeakSet<any> | ((...args: any[]) => any) | (string | number | bigint | boolean | symbol | null | undefined) ? T_14 : T_14 extends Promise<unknown> ? Awaited<T_14> : T_14 extends object ? T_14 extends infer T_15 extends object ? { readonly [K_7 in keyof T_15]: T_14[K_7] extends infer T_16 ? T_16 extends T_14[K_7] ? T_16 extends {
+    $$valtioSnapshot: infer S;
+} ? S : T_16 extends RegExp | Error | Date | Map<any, any> | Set<any> | WeakMap<any, any> | WeakSet<any> | ((...args: any[]) => any) | (string | number | bigint | boolean | symbol | null | undefined) ? T_16 : T_16 extends Promise<unknown> ? Awaited<T_16> : T_16 extends object ? T_16 extends infer T_17 extends object ? { readonly [K_8 in keyof T_17]: T_16[K_8] extends infer T_18 ? T_18 extends T_16[K_8] ? T_18 extends {
+    $$valtioSnapshot: infer S;
+} ? S : T_18 extends RegExp | Error | Date | Map<any, any> | Set<any> | WeakMap<any, any> | WeakSet<any> | ((...args: any[]) => any) | (string | number | bigint | boolean | symbol | null | undefined) ? T_18 : T_18 extends Promise<unknown> ? Awaited<T_18> : T_18 extends object ? T_18 extends infer T_19 extends object ? { readonly [K_9 in keyof T_19]: T_18[K_9] extends infer T_20 ? T_20 extends T_18[K_9] ? T_20 extends {
+    $$valtioSnapshot: infer S;
+} ? S : T_20 extends RegExp | Error | Date | Map<any, any> | Set<any> | WeakMap<any, any> | WeakSet<any> | ((...args: any[]) => any) | (string | number | bigint | boolean | symbol | null | undefined) ? T_20 : T_20 extends Promise<unknown> ? Awaited<T_20> : T_20 extends object ? T_20 extends infer T_21 extends object ? { readonly [K_10 in keyof T_21]: any; } : never : T_20 : never : never; } : never : T_18 : never : never; } : never : T_16 : never : never; } : never : T_14 : never : never; } : never : T_12 : never : never; } : never : T_10 : never : never; } : never : T_8 : never : never; } : never : T_6 : never : never; } : never : T_4 : never : never; } : never : T_2 : never : never; } : never : T : never : never))[];
 
-export { createPhecda, initialize, useEvent, useO, useR };
+export { PhecdaContext, createPhecda, getPhecda, getR, phecdaSymbol, useEvent, usePhecda, useR };

package/dist/index.js

@@ -22,108 +22,88 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  PhecdaContext: () => PhecdaContext,
   createPhecda: () => createPhecda,
-  initialize: () => initialize,
+  getPhecda: () => getPhecda,
+  getR: () => getR,
+  phecdaSymbol: () => phecdaSymbol,
   useEvent: () => useEvent,
-  useO: () => useO,
+  usePhecda: () => usePhecda,
   useR: () => useR
 });
 module.exports = __toCommonJS(src_exports);
 
 // src/core.ts
 var import_valtio = require("valtio");
-var import_react = require("react");
 var import_phecda_web = require("phecda-web");
-function useO(model) {
-  const { state, origin } = (0, import_phecda_web.getActiveInstance)();
-  if ((0, import_phecda_web.get)(model.prototype, "isolate")) {
-    const instance2 = new model();
-    return instance2;
-  }
-  const tag = (0, import_phecda_web.getTag)(model);
-  if (tag in state) {
-    if (process.env.NODE_ENV === "development") {
-      if (origin.get(state[tag]) === model)
-        return state[tag];
-    } else {
-      if (origin.get(state[tag]) !== model)
-        console.warn(`Synonym model: Module taged "${String(tag)}" has been loaded before, so won't load Module "${model.name}"`);
-      return state[tag];
-    }
-    return state[tag];
-  }
-  const instance = new model();
-  state[tag] = instance;
-  return instance;
-}
-__name(useO, "useO");
-function useR(model) {
-  const { cache: cacheMap } = (0, import_phecda_web.getActiveInstance)();
-  const instance = useO(model);
-  if (cacheMap.has(instance)) {
-    const proxyInstance2 = cacheMap.get(instance);
-    return [
-      (0, import_valtio.useSnapshot)(proxyInstance2),
-      proxyInstance2
-    ];
-  }
-  const proxyInstance = (0, import_valtio.proxy)(instance);
-  instance._promise = (0, import_phecda_web.invokeHandler)("init", proxyInstance);
-  cacheMap.set(instance, proxyInstance);
-  return [
-    (0, import_valtio.useSnapshot)(proxyInstance),
-    proxyInstance
-  ];
-}
-__name(useR, "useR");
+var import_react = require("react");
+var PhecdaContext = (0, import_react.createContext)(void 0);
+var phecdaSymbol = Symbol("");
 function createPhecda() {
-  (0, import_phecda_web.resetActiveInstance)();
-  return {
-    load(state) {
-      const instance = (0, import_phecda_web.getActiveInstance)();
-      if (state)
-        instance.state = state;
-      return this;
-    },
-    async unmount() {
-      const { state } = (0, import_phecda_web.getActiveInstance)();
-      await Object.values(state).map((ins) => (0, import_phecda_web.invokeHandler)("unmount", ins));
-      (0, import_phecda_web.resetActiveInstance)();
-    }
-  };
+  return new import_phecda_web.WebPhecda((instance) => {
+    return (0, import_valtio.proxy)(instance);
+  });
 }
 __name(createPhecda, "createPhecda");
+
+// src/index.ts
+__reExport(src_exports, require("phecda-web"), module.exports);
+
+// src/hook.ts
+var import_phecda_web2 = require("phecda-web");
+var import_react2 = require("react");
+var import_valtio2 = require("valtio");
+var cacheMap = /* @__PURE__ */ new WeakMap();
+function usePhecda() {
+  const activePhecda = (0, import_react2.useContext)(PhecdaContext);
+  if (!activePhecda)
+    throw new Error("[phecda-react]: must under <PhecdaContext.Provider></PhecdaContext.Provider> ");
+  if (!cacheMap.has(activePhecda))
+    cacheMap.set(activePhecda, (0, import_phecda_web2.bindMethod)(activePhecda));
+  return cacheMap.get(activePhecda);
+}
+__name(usePhecda, "usePhecda");
+function getPhecda(phecda) {
+  const activePhecda = phecda || (0, import_phecda_web2.getDefaultPhecda)();
+  if (!activePhecda)
+    throw new Error("[phecda-react]  manually inject the phecda instance if there is no default phecda");
+  if (!cacheMap.has(activePhecda))
+    cacheMap.set(activePhecda, (0, import_phecda_web2.bindMethod)(activePhecda));
+  return cacheMap.get(activePhecda);
+}
+__name(getPhecda, "getPhecda");
+function getR(model, phecda) {
+  return getPhecda(phecda).init(model);
+}
+__name(getR, "getR");
 function useEvent(eventName, cb) {
-  (0, import_react.useEffect)(() => {
-    return () => import_phecda_web.emitter.off(eventName, cb);
+  (0, import_react2.useEffect)(() => {
+    return () => import_phecda_web2.emitter.off(eventName, cb);
   });
-  import_phecda_web.emitter.on(eventName, cb);
+  import_phecda_web2.emitter.on(eventName, cb);
   return [
-    (arg) => import_phecda_web.emitter.emit(eventName, arg),
-    () => import_phecda_web.emitter.off(eventName, cb)
+    (arg) => import_phecda_web2.emitter.emit(eventName, arg),
+    () => import_phecda_web2.emitter.off(eventName, cb)
   ];
 }
 __name(useEvent, "useEvent");
-function initialize(model, deleteOtherProperty = true) {
-  const instance = useO(model);
-  const newInstance = new model();
-  Object.assign(instance, newInstance);
-  if (deleteOtherProperty) {
-    for (const key in instance) {
-      if (!(key in newInstance))
-        delete instance[key];
-    }
-  }
+function useR(model) {
+  const proxy2 = usePhecda().init(model);
+  return [
+    (0, import_valtio2.useSnapshot)(proxy2),
+    (0, import_phecda_web2.bindMethod)(proxy2)
+  ];
 }
-__name(initialize, "initialize");
-
-// src/index.ts
-__reExport(src_exports, require("phecda-web"), module.exports);
+__name(useR, "useR");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  PhecdaContext,
   createPhecda,
-  initialize,
+  getPhecda,
+  getR,
+  phecdaSymbol,
   useEvent,
-  useO,
-  useR
+  usePhecda,
+  useR,
+  ...require("phecda-web")
 });

package/dist/index.mjs

@@ -2,68 +2,48 @@ var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 
 // src/core.ts
-import { proxy, useSnapshot } from "valtio";
-import { useEffect } from "react";
-import { emitter, get, getActiveInstance, getTag, invokeHandler, resetActiveInstance } from "phecda-web";
-function useO(model) {
-  const { state, origin } = getActiveInstance();
-  if (get(model.prototype, "isolate")) {
-    const instance2 = new model();
-    return instance2;
-  }
-  const tag = getTag(model);
-  if (tag in state) {
-    if (process.env.NODE_ENV === "development") {
-      if (origin.get(state[tag]) === model)
-        return state[tag];
-    } else {
-      if (origin.get(state[tag]) !== model)
-        console.warn(`Synonym model: Module taged "${String(tag)}" has been loaded before, so won't load Module "${model.name}"`);
-      return state[tag];
-    }
-    return state[tag];
-  }
-  const instance = new model();
-  state[tag] = instance;
-  return instance;
-}
-__name(useO, "useO");
-function useR(model) {
-  const { cache: cacheMap } = getActiveInstance();
-  const instance = useO(model);
-  if (cacheMap.has(instance)) {
-    const proxyInstance2 = cacheMap.get(instance);
-    return [
-      useSnapshot(proxyInstance2),
-      proxyInstance2
-    ];
-  }
-  const proxyInstance = proxy(instance);
-  instance._promise = invokeHandler("init", proxyInstance);
-  cacheMap.set(instance, proxyInstance);
-  return [
-    useSnapshot(proxyInstance),
-    proxyInstance
-  ];
-}
-__name(useR, "useR");
+import { proxy } from "valtio";
+import { WebPhecda } from "phecda-web";
+import { createContext } from "react";
+var PhecdaContext = createContext(void 0);
+var phecdaSymbol = Symbol("");
 function createPhecda() {
-  resetActiveInstance();
-  return {
-    load(state) {
-      const instance = getActiveInstance();
-      if (state)
-        instance.state = state;
-      return this;
-    },
-    async unmount() {
-      const { state } = getActiveInstance();
-      await Object.values(state).map((ins) => invokeHandler("unmount", ins));
-      resetActiveInstance();
-    }
-  };
+  return new WebPhecda((instance) => {
+    return proxy(instance);
+  });
 }
 __name(createPhecda, "createPhecda");
+
+// src/index.ts
+export * from "phecda-web";
+
+// src/hook.ts
+import { bindMethod, emitter, getDefaultPhecda } from "phecda-web";
+import { useContext, useEffect } from "react";
+import { useSnapshot } from "valtio";
+var cacheMap = /* @__PURE__ */ new WeakMap();
+function usePhecda() {
+  const activePhecda = useContext(PhecdaContext);
+  if (!activePhecda)
+    throw new Error("[phecda-react]: must under <PhecdaContext.Provider></PhecdaContext.Provider> ");
+  if (!cacheMap.has(activePhecda))
+    cacheMap.set(activePhecda, bindMethod(activePhecda));
+  return cacheMap.get(activePhecda);
+}
+__name(usePhecda, "usePhecda");
+function getPhecda(phecda) {
+  const activePhecda = phecda || getDefaultPhecda();
+  if (!activePhecda)
+    throw new Error("[phecda-react]  manually inject the phecda instance if there is no default phecda");
+  if (!cacheMap.has(activePhecda))
+    cacheMap.set(activePhecda, bindMethod(activePhecda));
+  return cacheMap.get(activePhecda);
+}
+__name(getPhecda, "getPhecda");
+function getR(model, phecda) {
+  return getPhecda(phecda).init(model);
+}
+__name(getR, "getR");
 function useEvent(eventName, cb) {
   useEffect(() => {
     return () => emitter.off(eventName, cb);
@@ -75,25 +55,21 @@ function useEvent(eventName, cb) {
   ];
 }
 __name(useEvent, "useEvent");
-function initialize(model, deleteOtherProperty = true) {
-  const instance = useO(model);
-  const newInstance = new model();
-  Object.assign(instance, newInstance);
-  if (deleteOtherProperty) {
-    for (const key in instance) {
-      if (!(key in newInstance))
-        delete instance[key];
-    }
-  }
+function useR(model) {
+  const proxy2 = usePhecda().init(model);
+  return [
+    useSnapshot(proxy2),
+    bindMethod(proxy2)
+  ];
 }
-__name(initialize, "initialize");
-
-// src/index.ts
-export * from "phecda-web";
+__name(useR, "useR");
 export {
+  PhecdaContext,
   createPhecda,
-  initialize,
+  getPhecda,
+  getR,
+  phecdaSymbol,
   useEvent,
-  useO,
+  usePhecda,
   useR
 };

package/package.json

@@ -1,20 +1,24 @@
 {
   "name": "phecda-react",
-  "version": "0.1.0",
+  "version": "1.0.1",
   "description": "provide phecda function to react by valtio",
+  "author": "fgsreally",
+  "license": "MIT",
+  "repository": "https://github.com/fgsreally/phecda/tree/main/packages/react",
+  "keywords": [
+    "phecda",
+    "react"
+  ],
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
-  "keywords": [],
-  "author": "",
   "files": [
     "dist"
   ],
-  "license": "MIT",
   "dependencies": {
     "react": "^18.2.0",
     "valtio": "^1.13.0",
-    "phecda-web": "1.0.1"
+    "phecda-web": "2.0.2"
   },
   "devDependencies": {
     "@types/react": "^18.2.48",