plug-code 1.1.8 → 1.1.10

package/package.json

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

package/src/core/plcAPI.tsx

@@ -64,9 +64,23 @@ export class PlcAPI<S extends ObjectType> {
     }
 
     derive<K extends string>(outputKey: K, dependencies: string[], calculator: () => any) {
+        let isRunning = false;
+        let idleHandle: number | null = null;
+
         const runUpdate = () => {
-            const result = calculator();
-            this.replace("root" as any, { [outputKey]: result });
+            if (isRunning) return;
+            if (idleHandle) cancelIdleCallback(idleHandle);
+
+            idleHandle = requestIdleCallback(() => {
+                isRunning = true;
+                try {
+                    const result = calculator();
+                    this.replace("root" as any, { [outputKey]: result });
+                } finally {
+                    isRunning = false;
+                    idleHandle = null;
+                }
+            }, { timeout: 100 });
         };
 
         dependencies.forEach(dep => {
@@ -104,7 +118,7 @@ export class PlcAPI<S extends ObjectType> {
         }
     }
 
-    scope<T = any>(key: string & "root"): {
+    scope<T = any>(key: string | "root"): {
         get: () => T;
         update: (updater: (draft: T) => void) => void;
         connect: (renderer: (data: T) => React.ReactNode) => React.FC;
@@ -116,7 +130,7 @@ export class PlcAPI<S extends ObjectType> {
             get: (): T => this.getData(key),
 
             update: (updater: (draft: T) => void) => {
-                this.update(key, updater);
+                this.update(key as any, updater);
             },
 
             connect: (renderer: (data: T) => React.ReactNode) => {

package/types/plug-code.d.ts

@@ -79,7 +79,7 @@ export declare class PlcAPI<S extends ObjectType> {
     
     derive<K extends string>(outputKey: K, dependencies: string[], calculator: () => any): void
 
-    update<K extends keyof S>(key: string & "root", updater: (draft: any) => void, slot?: string): void;
+    update(key: string | "root", updater: (draft: any) => void, slot?: string): void;
 
     subscribe(listener: () => void): () => void;