esoftplay 0.0.133-u → 0.0.133-w

package/bin/build.js

@@ -357,6 +357,7 @@ export default UserIndex`;
 			if (installExpoLibs.length > 0)
 				cmd += "&& expo install " + installExpoLibs.join(" ")
 			execSync(cmd + "|| true")
+			execSync("cd ../../ && bun install || true")
 			execSync("cd ../../ && bun ./node_modules/esoftplay/bin/router.js || true")
 			execSync("cd ../../ && bun ./node_modules/esoftplay/bin/locale.js || true")
 			console.log('App.js has been replace to App.tsx');

package/global.ts

@@ -1,13 +1,12 @@
 import esp from 'esoftplay/esp';
 import * as R from 'react';
 
-
-
 export interface useGlobalReturn<T> {
   useState: () => [T, (newState: T | ((newState: T) => T)) => void, () => T],
   get: (param?: string, ...params: string[]) => T,
   set: (x: T | ((old: T) => T)) => void,
   reset: () => void,
+  listen: (cb: (value: T) => void) => () => void
   sync: () => void,
   connect: (props: useGlobalConnect<T>) => any,
   useSelector: (selector: (state: T) => any) => any;
@@ -40,6 +39,7 @@ export default function useGlobalState<T>(initValue: T, o?: useGlobalOption): us
   const isEqual = require('react-fast-compare');
   const subsSetter = new Set<Function>()
   let value: T = initValue;
+  let listener = new Set<Function>()
   let loaded = -1
   let sync: any = undefined
 
@@ -111,6 +111,10 @@ export default function useGlobalState<T>(initValue: T, o?: useGlobalOption): us
     }
   }
 
+  function listen(cb: (value: T) => void): () => void {
+    listener.add(cb)
+    return () => listener.delete(cb)
+  }
 
   /* register to userData to automatically reset state and persist */
   if (o?.isUserData) {
@@ -148,6 +152,9 @@ export default function useGlobalState<T>(initValue: T, o?: useGlobalOption): us
         o.listener(newValue)
       if (o?.useAutoSync && sync)
         sync?.(newValue.filter((item: any) => item.synced != 1))
+      if (listener.size > 0) {
+        listener.forEach((fun) => fun?.(newValue))
+      }
     }
   };
 
@@ -214,5 +221,5 @@ export default function useGlobalState<T>(initValue: T, o?: useGlobalOption): us
     return children ? R.cloneElement(children) : null
   }
 
-  return { useState, get, set, useSelector, reset: del, connect: _connect, sync: _sync };
+  return { useState, get, set, useSelector, reset: del, connect: _connect, sync: _sync, listen: listen };
 }

package/modules/lib/lazy.tsx

@@ -1,24 +1,64 @@
 // withHooks
 // noPage
-import { useSafeState } from 'esoftplay';
-import { useEffect } from 'react';
+
+import { UseTasks } from 'esoftplay/cache/use/tasks/import';
+import useGlobalState from 'esoftplay/global';
+import useSafeState from 'esoftplay/state';
+import { startTransition, useEffect } from 'react';
 import { InteractionManager } from 'react-native';
 
 export interface LibLazyProps {
   children?: any;
 }
 
+const renderList = useGlobalState<Function[]>([])
+const useTasks = UseTasks<Function>()
+
+let timeoutId: NodeJS.Timeout;
+function debounce(cb: () => void, delay: number) {
+  clearTimeout(timeoutId);
+  timeoutId = setTimeout(function () {
+    cb()
+  }, delay);
+}
+let timeoutIdB: NodeJS.Timeout;
+function debounceB(cb: () => void, delay: number) {
+  clearTimeout(timeoutIdB);
+  timeoutIdB = setTimeout(function () {
+    cb()
+  }, delay);
+}
+
 export default function m(props: LibLazyProps): any {
   const [done, setDone] = useSafeState(false);
+  const [sync] = useTasks((item) => new Promise((next) => {
+    InteractionManager.runAfterInteractions(() => {
+      startTransition(() => {
+        item(true)
+        setTimeout(() => {
+          next()
+        }, 50);
+      })
+    })
+  }))
+
+  useEffect(() => {
+    if (done) {
+      debounceB(() => {
+        sync(renderList.get())
+      }, 100);
+    }
+  }, [done])
 
   useEffect(() => {
-    const task = InteractionManager.runAfterInteractions(() => {
-      setDone(true);
-    });
+    renderList.set((x) => [...x, setDone])
+    debounce(() => {
+      sync(renderList.get())
+    }, 100);
     return () => {
-      task.cancel();
-    };
-  }, []);
+      renderList.set((x) => x.filter((c) => c !== setDone))
+    }
+  }, [])
 
   return done ? props.children ?? null : null;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "esoftplay",
-  "version": "0.0.133-u",
+  "version": "0.0.133-w",
   "description": "embedding data from esoftplay framework (web based) into mobile app",
   "main": "cache/index.js",
   "types": "../../index.d.ts",