plug-code 1.1.5 → 1.1.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "plug-code",
-  "version": "1.1.5",
+  "version": "1.1.7",
   "description": "",
   "main": "src/plug-code.tsx",
   "types": "types/plug-code.d.ts",

package/src/core/plcAPI.tsx

@@ -51,6 +51,31 @@ export class PlcAPI<S extends ObjectType> {
         return this;
     }
 
+    replace<K extends string>(key: K & "root", data: Partial<any>, slot?: string) {
+        const currentSub = this.substores.get(key) || {};
+        const newSub = { ...currentSub, ...data };
+
+        this.substores.set(key, newSub);
+        this.store.set(key as any, newSub);
+
+        if (slot) {
+            this.invalidate(slot);
+        }
+    }
+
+    derive<K extends string>(outputKey: K, dependencies: string[], calculator: () => any) {
+        const runUpdate = () => {
+            const result = calculator();
+            this.replace("root" as any, { [outputKey]: result });
+        };
+
+        dependencies.forEach(dep => {
+            this.store.subscribe(dep as any, () => runUpdate());
+        });
+
+        runUpdate();
+    }
+
     register(slot: SlotKey, node: () => React.ReactNode): void;
     register<K extends string>(slot: SlotKey, node: (data: any) => React.ReactNode, dependencyKey: K): void;
     register(slot: SlotKey, node: (data?: any) => React.ReactNode, dependencyKey?: string) {

package/src/plug-code.tsx

@@ -39,9 +39,7 @@ export function createPlugAndCode<S extends ObjectType>(
         }, []);
 
         useEffect(() => {
-            api.update("root", (draft: any) => {
-                Object.assign(draft, initialProps);
-            });
+            api.replace("root", initialProps)
         }, [initialProps, api]);
 
         const useSelector = <Result,>(selector: (state: any) => Result): Result => {