esoftplay 0.0.129 → 0.0.130

package/bin/analyze.js

@@ -0,0 +1,52 @@
+const fs = require('fs');
+
+const importer = `\nimport useRenderCounter from 'esoftplay/render';`
+const hook = (module) => `\n\tconst RC = useRenderCounter('${module}')`
+const tag = `\t\t\t<RC />\n`
+const param = process.argv[2]
+
+if (param == 'clear') {
+  fs.readdirSync('./modules/').forEach((module) => {
+    if (fs.statSync('./modules/' + module).isDirectory()) {
+      fs.readdirSync('./modules/' + module).forEach((task) => {
+        let text = fs.readFileSync('./modules/' + module + '/' + task, { encoding: 'utf8' })
+        text = text.replace(importer, "")
+        text = text.replace(hook(module + '/' + task), "")
+        text = text.replace(tag, "")
+        fs.writeFileSync('./modules/' + module + '/' + task, text, { encoding: 'utf8' })
+      })
+    }
+  })
+} else {
+
+  fs.readdirSync('./modules/').forEach((module) => {
+    if (fs.statSync('./modules/' + module).isDirectory()) {
+      fs.readdirSync('./modules/' + module).forEach((task) => {
+        let text = fs.readFileSync('./modules/' + module + '/' + task, { encoding: 'utf8' })
+        const importText = (/\n(import .*)\n/g).exec(text)
+        if (importText && importText.length > 1) {
+          const firstImport = importText[1]
+          text = text.replace(importer, "")
+          text = text.replace(firstImport, firstImport + importer)
+          const hooks = (/\n(export default function.*)\n/g).exec(text)
+          if (hooks && hooks.length > 1) {
+            const mainFunction = hooks[1]
+            text = text.replace(hook(module + '/' + task), "")
+            text = text.replace(mainFunction, mainFunction + hook(module + '/' + task))
+            let subText = (/(export default function.*\n})/gs).exec(text)
+            const render = (/(\n\s{2}return.*\n.*\>\n)/g).exec(subText)
+            if (subText && subText.length > 1 && render && render.length > 1) {
+              const mainRender = render[1]
+              let newSubText = subText[1].replace(tag, "")
+              newSubText = newSubText.replace(mainRender, mainRender + tag)
+              text = text.replace(subText[1], newSubText)
+              fs.writeFileSync('./modules/' + module + '/' + task, text, { encoding: 'utf8' })
+            }
+          }
+        } else {
+          console.log('SKIP => ' + module + '/' + task)
+        }
+      })
+    }
+  })
+}

package/bin/build.js

@@ -329,7 +329,6 @@ export default function App() {
 			"babel-plugin-transform-react-native-style-optimizer",
 			"babel-plugin-transform-remove-console",
 			"@types/react",
-			"@types/react-native",
 			"typescript",
 		]
 

package/bin/cli.js

@@ -32,6 +32,14 @@ if (args.length == 0) {
 	return
 }
 switch (args[0]) {
+	case "a":
+	case "analyze":
+		command('node ./node_modules/esoftplay/bin/analyze.js')
+		break
+	case "ac":
+	case "analyze clear":
+		command('node ./node_modules/esoftplay/bin/analyze.js clear')
+		break;
 	case "help":
 		help()
 		break;
@@ -265,6 +273,7 @@ function update() {
 			}
 		})
 	}
+	command("node ./node_modules/esoftplay/bin/locale.js")
 	consoleSucces("esoftplay framework sudah diupdate!")
 }
 
@@ -274,95 +283,7 @@ function createMaster(module_name) {
 		const index = `const moduleName = "` + module_name + `"
 		module.exports = { moduleName }`
 		const libs = "[]"
-		const mover = `const fs = require('fs');
-		const shell = require('child_process').execSync;
-		const merge = require('lodash/merge')
-		const { moduleName } = require("./index")
-		const assetsFonts = "assets/fonts"
-		/* copy directory */
-		if (fs.existsSync('../esoftplay/esp.ts')) {
-			if (fs.existsSync('../esoftplay/modules/' + moduleName))
-				shell('rm -r ../esoftplay/modules/' + moduleName)
-			shell("cp -r ./" + moduleName + " ../esoftplay/modules/")
-		} else {
-			throw "Mohon install esoftplay package terlebih dahulu"
-		}
-
-		function readAsJson(path) {
-			let out = ""
-			try {
-				out = JSON.parse(fs.readFileSync(path, { encoding: 'utf8' }))
-			} catch(e) {
-
-			}
-			return out;
-		}	
-
-		function injectConfig(configPath) {
-			if (fs.existsSync(configPath)) {
-				const exsConf = readAsJson(configPath)
-				const conf = readAsJson("./config.json")
-				let _cf = merge({ config: conf }, exsConf)
-				fs.writeFileSync(configPath, JSON.stringify({..._cf}, undefined, 2))
-			}
-		}
-
-		/* injectConfig */
-		injectConfig("../../config.json")
-		injectConfig("../../config.live.json")
-		injectConfig("../../config.debug.json")
-
-		/* move assets */
-		if (fs.existsSync("./assets/")) {
-			if (!fs.existsSync("../../assets/" + moduleName))
-				shell("mkdir -p ../../assets/" + moduleName)
-			try {
-				shell("cp -r -n ./assets/* ../../assets/" + moduleName + "/")
-			} catch (error) { }
-		}
-
-		if (fs.existsSync("./fonts/")) {
-			if (!fs.existsSync("../../" + assetsFonts))
-				shell("mkdir -p ../../" + assetsFonts)
-			try {
-				shell("cp -r -n ./fonts/* ../../" + assetsFonts + "/")
-			} catch (error) { }
-		}
-
-		/* inject lang */
-		if (fs.existsSync("./id.json")) {
-			let moduleLang = readAsJson("./id.json")
-			if (fs.existsSync("../../assets/locale/id.json")) {
-				let projectLang = readAsJson("../../assets/locale/id.json")
-				let _lg = merge(moduleLang, projectLang)
-				moduleLang = {..._lg}
-			}
-			fs.writeFileSync("../../assets/locale/id.json", JSON.stringify(moduleLang, undefined, 2))
-		}
-
-		/* inject libs */
-		if (fs.existsSync("./libs.json")) {
-			let libs = readAsJson("./libs.json")
-			let libsToSkip = []
-			libs.forEach((element, index) => {
-				console.log(element.split("@")[0])
-				if (fs.existsSync("../../node_modules/" + element.split("@")[0])) {
-					libsToSkip.push(element)
-				}
-			})
-			if (libsToSkip.length > 0) {
-				libsToSkip.forEach((lib) => {
-					libs = libs.filter((x) => x != lib)
-					console.log(lib + " is exist, Skipped")
-				})
-			}
-			if (libs.length > 0) {
-				console.log("mohon tunggu ..")
-				console.log("installing \\n" + libs.join("\\n"))
-				shell("cd ../../ && expo install " + libs.join(" && expo install "))
-			}
-			console.log("Success..!")
-		}`
+		const mover = ``
 		const packjson = `{
 			"name": "esoftplay-`+ module_name + `",
 			"version": "0.0.1",
@@ -370,7 +291,7 @@ function createMaster(module_name) {
 			"main": "index.js",
 			"scripts": {
 				"test": "echo \\"Error: no test specified\\" && exit 1",
-				"postinstall": "node ./mover.js"
+				"postinstall": "node ../esoftplay/bin/mover.js esoftplay-`+ module_name + `"
 			},
 			"keywords": [
 				"espftplay-`+ module_name + `",
@@ -787,6 +708,7 @@ function configAvailable(enabled) {
 }
 
 function build() {
+	const local = args[1] == 'local' ? ' --local' : ''
 	const types = isWeb
 		?
 		[
@@ -802,7 +724,7 @@ function build() {
 		[
 			{
 				name: "1. IOS (Development) - Simulator",
-				cmd: "eas build --platform ios --profile development",
+				cmd: "eas build --platform ios --profile development" + local,
 				pre: () => {
 					configAvailable(true)
 					devClientPre(appjson)
@@ -814,7 +736,7 @@ function build() {
 			},
 			{
 				name: "2. IOS (Preview) - Simulator",
-				cmd: "eas build --platform ios --profile preview",
+				cmd: "eas build --platform ios --profile preview" + local,
 				pre: () => {
 					configAvailable(true)
 					devClientPos(appjson)
@@ -826,7 +748,7 @@ function build() {
 			},
 			{
 				name: "3. IOS (Preview) - Non Simulator",
-				cmd: "eas build --platform ios --profile preview_build",
+				cmd: "eas build --platform ios --profile preview_build" + local,
 				pre: () => {
 					configAvailable(true)
 					devClientPos(appjson)
@@ -838,7 +760,7 @@ function build() {
 			},
 			{
 				name: "4. IOS (Production) - ipa",
-				cmd: "eas build --platform ios --profile production",
+				cmd: "eas build --platform ios --profile production" + local,
 				pre: () => {
 					configAvailable(true)
 					devClientPos(appjson)
@@ -850,7 +772,7 @@ function build() {
 			},
 			{
 				name: "5. Android (Development) - apk",
-				cmd: "eas build --platform android --profile development",
+				cmd: "eas build --platform android --profile development" + local,
 				pre: () => {
 					configAvailable(true)
 					devClientPre(appjson)
@@ -862,7 +784,7 @@ function build() {
 			},
 			{
 				name: "6. Android (Preview) - apk",
-				cmd: "eas build --platform android --profile preview",
+				cmd: "eas build --platform android --profile preview" + local,
 				pre: () => {
 					configAvailable(true)
 					devClientPos(appjson)
@@ -874,7 +796,7 @@ function build() {
 			},
 			{
 				name: "7. Android (Production) - aab",
-				cmd: "eas build --platform android --profile production",
+				cmd: "eas build --platform android --profile production" + local,
 				pre: () => {
 					configAvailable(true)
 					devClientPos(appjson)
@@ -892,8 +814,8 @@ function build() {
 			input: process.stdin,
 			output: process.stdout
 		});
-
-		rl.question("Pilih build type :\n\n" + types.map((x) => x.name).join("\n") + '\n\nMasukkan nomor build type: ', function (idx) {
+		const local = args[1] == 'local' ? ' --local' : ''
+		rl.question((local ? "Pilih build type dengan mode LOCAL :\n\n" : "Pilih build type :\n\n") + types.map((x) => x.name).join("\n") + '\n\nMasukkan nomor build type: ', function (idx) {
 			d = types[idx - 1]
 			rl.close();
 		});

package/bin/mover.js

@@ -0,0 +1,108 @@
+const fs = require('fs');
+const shell = require('child_process').execSync;
+const merge = require('lodash/merge')
+const assetsFonts = "assets/fonts"
+let args = process.argv.slice(2);
+
+if (args.length == 0) {
+  console.log("Argumen tidak boleh kosong");
+  return
+}
+
+const mainModule = args[0]
+const moduleName = args[0]?.split("-")?.[1]
+
+/* copy directory */
+if (fs.existsSync('../esoftplay/esp.ts')) {
+  if (fs.existsSync('../esoftplay/modules/' + moduleName))
+    shell('rm -r ../esoftplay/modules/' + moduleName)
+  shell("cp -r ../" + mainModule + "/" + moduleName + " ../esoftplay/modules/")
+} else {
+  throw "Mohon install esoftplay package terlebih dahulu"
+}
+
+function readAsJson(path) {
+  let out = ""
+  try {
+    out = JSON.parse(fs.readFileSync(path, { encoding: 'utf8' }))
+  } catch (e) {
+
+  }
+  return out;
+}
+
+function injectConfig(configPath) {
+  if (fs.existsSync(configPath)) {
+    const config = "../" + mainModule + "/config.json"
+    const exsConf = readAsJson(configPath)
+    const conf = readAsJson(config)
+    let _cf = merge({ config: conf }, exsConf)
+    fs.writeFileSync(configPath, JSON.stringify({ ..._cf }, undefined, 2))
+  }
+}
+
+/* injectConfig */
+injectConfig("../../config.json")
+injectConfig("../../config.live.json")
+injectConfig("../../config.debug.json")
+
+/* move assets */
+if (fs.existsSync("../" + mainModule + "/assets/")) {
+  console.log("ADA ASSETS");
+  if (!fs.existsSync("../../assets/" + moduleName))
+    shell("mkdir -p ../../assets/" + moduleName)
+  try {
+    shell("cp -r -n ../" + mainModule + "/assets/* ../../assets/" + moduleName + "/")
+  } catch (error) { }
+}
+
+if (fs.existsSync("../" + mainModule + "/fonts/")) {
+  console.log("ADA FONTS");
+  if (!fs.existsSync("../../" + assetsFonts))
+    shell("mkdir -p ../../" + assetsFonts)
+  try {
+    shell("cp -r -n ../" + mainModule + "/fonts/* ../../" + assetsFonts + "/")
+  } catch (error) { }
+}
+
+/* inject lang */
+if (fs.existsSync("../" + mainModule + "/id.json")) {
+  let moduleLang = readAsJson("../" + mainModule + "/id.json")
+  if (fs.existsSync("../../assets/locale/id.json")) {
+    let projectLang = readAsJson("../../assets/locale/id.json")
+    let _lg = merge(moduleLang, projectLang)
+    moduleLang = { ..._lg }
+  }
+  fs.writeFileSync("../../assets/locale/id.json", JSON.stringify(moduleLang, undefined, 2))
+  /* sort id.JSON */
+  shell("cd ../../ && node ./node_modules/esoftplay/bin/locale.js")
+}
+
+/* inject libs */
+if (fs.existsSync("../" + mainModule + "/libs.json")) {
+  let libs = readAsJson("../" + mainModule + "/libs.json")
+  let libsToSkip = []
+  libs.forEach((element, index) => {
+    console.log(element.split("@")[0])
+    if (fs.existsSync("../../node_modules/" + element.split("@")[0])) {
+      libsToSkip.push(element)
+    }
+  })
+  if (libsToSkip.length > 0) {
+    libsToSkip.forEach((lib) => {
+      libs = libs.filter((x) => x != lib)
+      console.log(lib + " is exist, Skipped")
+    })
+  }
+  if (libs.length > 0) {
+    console.log("mohon tunggu ..")
+    console.log("installing \\n" + libs.join("\\n"))
+    shell("cd ../../ && expo install " + libs.join(" && expo install "))
+  }
+  console.log("Success..!")
+}
+
+/* execute mover on master */
+if (fs.existsSync("../" + mainModule + "/mover.js")) {
+  shell("node ../" + mainModule + "/mover.js", { stdio: 'inherit' })
+}

package/bin/router.js

@@ -447,6 +447,7 @@ declare module "esoftplay" {
     persistKey?: string,
     inFile?: boolean,
     listener?: (data: any) => void,
+    loadOnInit?: boolean,
     isUserData?: boolean
   }
   

package/global.ts

@@ -21,6 +21,7 @@ export interface useGlobalOption {
   listener?: (data: any) => void,
   jsonBeautify?: boolean,
   isUserData?: boolean,
+  loadOnInit?: boolean,
   onFinish?: () => void
 }
 
@@ -46,31 +47,42 @@ export default function useGlobalState<T>(initValue: T, o?: useGlobalOption): us
   if (!_global.useGlobalSubscriber[_idx])
     _global.useGlobalSubscriber[_idx] = [];
   let value: T = initValue;
+  let loaded = -1
 
   if (o?.persistKey) {
-    let persistKey = o?.persistKey
-    STORAGE.getItem(persistKey).then((p: any) => {
-      if (p) {
-        if (persistKey != '__globalReady')
-          if (p != undefined && typeof p == 'string' && (p.startsWith("{") || p.startsWith("[")))
-            try { set(JSON.parse(p)) } catch (error) { }
-          else {
-            if (p == "true" || p == "false") {
-              try { /* @ts-ignore */ set(eval(p)) } catch (error) { }
-            } else if (isNaN(p)) {
-              try { /* @ts-ignore */ set(p) } catch (error) { }
-            } else {
-              try { /* @ts-ignore */ set(eval(p)) } catch (error) { }
+    loaded = 0
+    if (o?.loadOnInit)
+      loadFromDisk()
+  }
+
+
+  function loadFromDisk() {
+    if (loaded == 0) {
+      loaded = 1
+      let persistKey = o?.persistKey
+      STORAGE.getItem(persistKey).then((p: any) => {
+        if (p) {
+          if (persistKey != '__globalReady')
+            if (p != undefined && typeof p == 'string' && (p.startsWith("{") || p.startsWith("[")))
+              try { set(JSON.parse(p)) } catch (error) { }
+            else {
+              if (p == "true" || p == "false") {
+                try { /* @ts-ignore */ set(eval(p)) } catch (error) { }
+              } else if (isNaN(p)) {
+                try { /* @ts-ignore */ set(p) } catch (error) { }
+              } else {
+                try { /* @ts-ignore */ set(eval(p)) } catch (error) { }
+              }
             }
-          }
-      }
-      if (o?.onFinish) {
-        clearTimeout(timeoutFinish)
-        timeoutFinish = setTimeout(() => {
-          o.onFinish?.()
-        }, 50);
-      }
-    })
+        }
+        if (o?.onFinish) {
+          clearTimeout(timeoutFinish)
+          timeoutFinish = setTimeout(() => {
+            o.onFinish?.()
+          }, 50);
+        }
+      })
+    }
   }
 
 
@@ -116,6 +128,8 @@ export default function useGlobalState<T>(initValue: T, o?: useGlobalOption): us
   }
 
   function useSelector(se: (state: T) => any): void {
+    loadFromDisk()
+
     let [l, s] = R.useState<any>(se(value));
 
     let sl = R.useCallback(
@@ -141,6 +155,7 @@ export default function useGlobalState<T>(initValue: T, o?: useGlobalOption): us
   }
 
   function get(param?: string, ...params: string[]): any {
+    loadFromDisk()
     let out: any = value;
     if (param) {
       const _params = [param, ...params]
@@ -155,6 +170,8 @@ export default function useGlobalState<T>(initValue: T, o?: useGlobalOption): us
 
 
   function useState(): [T, (newState: T) => void, () => T] {
+    loadFromDisk()
+    
     let [l, s] = R.useState<T>(value);
 
     let sl = R.useCallback((ns: T) => { s(ns) }, []);

package/lazy.ts

@@ -12,7 +12,11 @@ export default function useLazyState<T>(initialState?: T): [T, (newValue: T) =>
 
   const setter = (newValue: T) => {
     if (isMounted.current) {
-      value.current = newValue;
+      if (typeof newValue == 'function') {
+        value.current = newValue(value.current)
+      } else {
+        value.current = newValue;
+      }
     }
     return () => {
       if (isMounted.current) {

package/modules/lib/curl.ts

@@ -57,11 +57,8 @@ export default class m {
     this.withHeader = this.withHeader.bind(this);
     this.initTimeout = this.initTimeout.bind(this);
     this.cancelTimeout = this.cancelTimeout.bind(this);
-    const str: any = LibNet_status.state().get();
-    if (uri && str.isOnline) {
+    if (uri) {
       this.init(uri, post, onDone, onFailed, debug);
-    } else if (!str.isOnline && onFailed) {
-      onFailed({ message: this.refineErrorMessage("Failed to access") }, false);
     }
   }
 

package/modules/lib/image.tsx

@@ -242,20 +242,24 @@ class m extends LibComponent<LibImageProps, LibImageState> {
         var wantedMaxSize = maxDimension || 1280
         var rawheight = result.height
         var rawwidth = result.width
-        var ratio = rawwidth / rawheight
-        if (rawheight > rawwidth) {
-          var wantedwidth = wantedMaxSize * ratio;
-          var wantedheight = wantedMaxSize;
-        } else {
-          var wantedwidth = wantedMaxSize;
-          var wantedheight = wantedMaxSize / ratio;
+        let doResize = false
+        if (wantedMaxSize < Math.max(rawheight, rawwidth)) {
+          doResize = true
+          var ratio = rawwidth / rawheight
+          if (rawheight > rawwidth) {
+            var wantedwidth = wantedMaxSize * ratio;
+            var wantedheight = wantedMaxSize;
+          } else {
+            var wantedwidth = wantedMaxSize;
+            var wantedheight = wantedMaxSize / ratio;
+          }
         }
 
         setTimeout(async () => {
           const manipImage = await ImageManipulator.manipulateAsync(
             result.uri,
-            [{ resize: { width: wantedwidth, height: wantedheight } }],
-            { format: SaveFormat.JPEG }
+            doResize ? [{ resize: { width: wantedwidth, height: wantedheight } }] : [],
+            { format: SaveFormat.JPEG, compress: 1.0 }
           );
           new LibCurl().upload('image_upload', "image", String(manipImage.uri), 'image/jpeg',
             (res: any, msg: string) => {

package/modules/lib/locale.ts

@@ -6,8 +6,8 @@ import useGlobalState from 'esoftplay/global';
 import { NativeModules, Platform } from 'react-native';
 
 
-const state = useGlobalState("id", { persistKey: 'lib_locale_lang' })
-const lang = useGlobalState({}, { persistKey: 'lib_locale_lang_data', inFile: true })
+const state = useGlobalState("id", { persistKey: 'lib_locale_lang', loadOnInit: true })
+const lang = useGlobalState({}, { persistKey: 'lib_locale_lang_data', inFile: true, loadOnInit: true })
 
 export default class m {
 

package/modules/lib/net_status.tsx

@@ -39,7 +39,7 @@ class net_status extends LibComponent<LibNet_statusProps, LibNet_statusState> {
   componentDidMount(): void {
     super.componentDidMount()
     this.unsubscribe = NetInfo.addEventListener(state => {
-      this.onChangeConnectivityStatus(!!state.isConnected, state.isInternetReachable)
+      this.onChangeConnectivityStatus(!!state.isConnected, !!state.isInternetReachable)
     });
   }
 
@@ -52,12 +52,15 @@ class net_status extends LibComponent<LibNet_statusProps, LibNet_statusState> {
     let isOnline = isConnected && isInternetReachable
     net_status.setOnline(isConnected, isInternetReachable)
     if (isOnline) {
+      clearTimeout(this.timeout)
       this.timeout = setTimeout(() => {
         this.setState({ zeroHeight: 1 })
       }, 1500)
     } else {
-      this.setState({ zeroHeight: 2 })
       clearTimeout(this.timeout)
+      this.timeout = setTimeout(() => {
+        this.setState({ zeroHeight: 2 })
+      }, 600)
     }
   }
 

package/modules/lib/utils.ts

@@ -19,7 +19,7 @@ export interface LibUtilsDate {
 
 export type LibUtilsTravelMode = 'driving' | 'walking'
 let installationIdDefault
-const installationId = useGlobalState(installationIdDefault, { persistKey: 'deviceId' })
+const installationId = useGlobalState(installationIdDefault, { persistKey: 'deviceId', loadOnInit: true })
 const cache = useGlobalState<any>({ inDebounce: undefined })
 export default class eutils {
 

package/modules/use/tasks.ts

@@ -0,0 +1,35 @@
+// useLibs
+
+import { useLazyState } from "esoftplay";
+import { useRef } from "react";
+
+export default function m<T>(task: (item: T) => Promise<void>, onDone?: () => void): [(data: T[], success?: (isSuccess: boolean) => void) => void, number] {
+  const [counter, setCounter, getCounter] = useLazyState(0)
+  const onProcess = useRef(false)
+
+  function run(data: any[], cb?: (isSuccess: boolean) => void) {
+    if (onProcess.current == true) {
+      if (cb) cb?.(false);
+    } else {
+      onProcess.current = true;
+      if (cb) cb?.(true);
+      setCounter(0)()
+      try {
+        (async () => {
+          for (let i = 0; i < data.length; i++) {
+            const item = data[i];
+            await task(item);
+            if (i == (data.length - 1)) {
+              if (onDone)
+                onDone()
+              onProcess.current = false;
+            }
+            setCounter(getCounter() + 1)()
+          }
+        })()
+      } catch (err) { }
+    }
+  };
+
+  return [run, counter]
+}

package/modules/user/class.ts

@@ -12,7 +12,7 @@ import Constants from 'expo-constants';
 import * as Notifications from 'expo-notifications';
 import { Platform } from 'react-native';
 
-const state = useGlobalState(null, { persistKey: "user" })
+const state = useGlobalState(null, { persistKey: "user", loadOnInit: true })
 
 export default class m {
   static state(): useGlobalReturn<any> {

package/modules/user/index.tsx

@@ -53,7 +53,7 @@ function setFonts(): Promise<void> {
 }
 
 
-const route = useGlobalState<any>(undefined, { persistKey: 'user_index_routes_initial', inFile: true })
+const route = useGlobalState<any>(undefined, { persistKey: 'user_index_routes_initial', inFile: true, loadOnInit: true })
 export default function m(props: UserIndexProps): any {
   const [langId] = LibLocale.state().useState()
   moment().locale(langId)

package/modules/user/notification.tsx

@@ -28,7 +28,7 @@ const initState = {
   unread: 0
 };
 
-const state = useGlobalState<any>(initState, { persistKey: "user_notification_data", isUserData: true })
+const state = useGlobalState<any>(initState, { persistKey: "user_notification_data", isUserData: true, loadOnInit: true })
 class m extends LibComponent<UserNotificationProps, UserNotificationState> {
 
   static state(): useGlobalReturn<any> {

package/package.json

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

package/render.tsx

@@ -0,0 +1,17 @@
+// useLibs  
+// noPage
+
+import { useEffect, useRef } from 'react';
+import { Text } from 'react-native';
+
+export default function useRenderCounter(module: string): any {
+  const counter = useRef(1)
+
+  useEffect(() => {
+    counter.current += 1
+  })
+
+  return () => (
+    <Text style={{ position: 'absolute', fontSize: 7, zIndex: 999, color: 'white', backgroundColor: 'black', bottom: 0, left: 0 }} >{module}: {counter.current}</Text>
+  )
+}

package/state.ts

@@ -1,20 +1,25 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
 
-type useSafeStateReturn<T> = [T | undefined, (value: T | undefined) => void, () => T];
+type useSafeStateReturn<T> = [T | undefined, (value: T | undefined) => void, () => T | undefined];
 
 export default function useSafeState<T = any>(defaultValue?: T): useSafeStateReturn<T> {
   const isMountedRef = useRef<boolean>(true);
-  const [state, setState] = useState<T | undefined>(defaultValue);
+  const valueRef = useRef(defaultValue)
+  const [, rerender] = useState({})
 
   const updateState = useCallback((value: T | undefined) => {
     if (isMountedRef.current) {
-      setState(value)
-      // InteractionManager.runAfterInteractions(() => setState(value))
+      if (typeof value == 'function') {
+        valueRef.current = value(valueRef.current)
+      } else {
+        valueRef.current = value;
+      }
+      rerender({})
     }
   }, []);
 
   const getter = () => {
-    return state
+    return valueRef.current
   }
 
   useEffect(() => {
@@ -24,5 +29,5 @@ export default function useSafeState<T = any>(defaultValue?: T): useSafeStateRet
     };
   }, []);
 
-  return [state, updateState, getter];
+  return [valueRef.current, updateState, getter];
 }

package/subscribe.ts

@@ -1,6 +1,7 @@
 // useLibs
 
 import React from 'react';
+import { InteractionManager } from 'react-native';
 
 export interface useGlobalSubscriberReturn {
   getValue: () => any,
@@ -24,7 +25,7 @@ export default function useGlobalSubscriber(defaultValue?: any): useGlobalSubscr
   const trigger = (newValue?: any) => {
     notify(newValue);
   }
-  
+
   function useSubscribe(func: Function) {
     React.useLayoutEffect(() => {
       subscribers.add(func)
@@ -33,13 +34,17 @@ export default function useGlobalSubscriber(defaultValue?: any): useGlobalSubscr
         if (subscribers.size == 0) reset()
       }
     }, [])
-    
+
     return trigger;
   }
-  
+
   function notify(newValue?: any) {
     value = newValue;
-    subscribers.forEach((fun: Function) => fun?.(newValue));
+    subscribers.forEach((fun: Function) => {
+      InteractionManager.runAfterInteractions(() => {
+        fun?.(newValue)
+      })
+    });
   }
 
   return {