esoftplay 0.0.137 → 0.0.138-b

package/bin/build.js

@@ -297,6 +297,7 @@ export default UserIndex`;
 			'expo-dev-client',
 			'expo-file-system',
 			'expo-font',
+			'expo-image',
 			'expo-image-manipulator',
 			'expo-image-picker',
 			'expo-linear-gradient',
@@ -311,7 +312,6 @@ export default UserIndex`;
 			'react-fast-compare',
 			'react-native-gesture-handler',
 			'react-native-awesome-gallery',
-			'react-native-fast-image',
 			'react-native-mmkv',
 			'react-native-pan-pinch-view',
 			'react-native-reanimated',
@@ -371,23 +371,29 @@ export default UserIndex`;
 			// execSync("cd ../../ && eas update:configure || true")
 			console.log('App.js has been replace to App.tsx');
 			if (appjson)
-
-				if (fs.existsSync('../@expo/vector-icons')) {
-					let esoftplayIcon = ''
-					fs.readdir('../@expo/vector-icons/build', (err, files) => {
-						const dfiles = files.filter((file) => file.includes('d.ts'))
-						dfiles.map((dfile, i) => {
-							const rdfile = fs.readFileSync('../@expo/vector-icons/build/' + dfile, { encoding: 'utf8' })
-							const names = (/import\("\.\/createIconSet"\)\.Icon<((.*))\,.*>/g).exec(rdfile);
-							if (names && names[1].includes('|')) {
-								esoftplayIcon += 'export type ' + dfile.replace('.d.ts', 'Types') + ' = ' + names[1] + '\n';
-							}
-						})
-						fs.writeFileSync('../@expo/vector-icons/build/esoftplay_icons.ts', esoftplayIcon)
-					})
-				} else {
-					console.log("@expo/vector-icons not installed")
+				/* bugfix AsyncStorage @firebase, remove this section if firebase has update the AsyncStorage */
+				if (fs.existsSync('../@firebase/app/dist/index.rn.cjs.js')) {
+					let firebaseText = fs.readFileSync('../@firebase/app/dist/index.rn.cjs.js', 'utf8')
+					firebaseText = firebaseText.replace("var AsyncStorage = require('react-native').AsyncStorage;", "var AsyncStorage = require('@react-native-async-storage/async-storage').default;")
+					fs.writeFileSync('../@firebase/app/dist/index.rn.cjs.js', firebaseText)
 				}
+			/* end AsyncStorage @firebase section */
+			if (fs.existsSync('../@expo/vector-icons')) {
+				let esoftplayIcon = ''
+				fs.readdir('../@expo/vector-icons/build', (err, files) => {
+					const dfiles = files.filter((file) => file.includes('d.ts'))
+					dfiles.map((dfile, i) => {
+						const rdfile = fs.readFileSync('../@expo/vector-icons/build/' + dfile, { encoding: 'utf8' })
+						const names = (/import\("\.\/createIconSet"\)\.Icon<((.*))\,.*>/g).exec(rdfile);
+						if (names && names[1].includes('|')) {
+							esoftplayIcon += 'export type ' + dfile.replace('.d.ts', 'Types') + ' = ' + names[1] + '\n';
+						}
+					})
+					fs.writeFileSync('../@expo/vector-icons/build/esoftplay_icons.ts', esoftplayIcon)
+				})
+			} else {
+				console.log("@expo/vector-icons not installed")
+			}
 			console.log('Please wait until processes has finished...');
 		});
 	}

package/bin/cli.js

@@ -24,8 +24,9 @@ var args = process.argv.slice(2);
 
 // console.log(modpath, "sdofsjdofjsd")
 function execution() {
-	const cmd = `watchman watch-del ./ && watchman watch ./ && watchman -j <<< '["trigger","./",{"name":"esp","expression":["allof",["not",["dirname","node_modules"]],["not",["name","index.d.ts"]]],"command":["bun","./node_modules/esoftplay/bin/router.js"],"append_files":true}]' && bun ./node_modules/esoftplay/bin/run.js && bun ./node_modules/esoftplay/bin/router.js`
+	const cmd = `watchman watch-del ./ && watchman watch ./ && watchman -j <<< '["trigger","./",{"name":"esp","expression":["allof",["not",["dirname","node_modules"]],["not",["name","index.d.ts"]]],"command":["bun","./node_modules/esoftplay/bin/router.js"],"append_files":true}]' && bun ./node_modules/esoftplay/bin/run.js && bun ./node_modules/esoftplay/bin/gen.js && bun ./node_modules/esoftplay/bin/router.js`
 	command(cmd)
+
 }
 
 if (args.length == 0) {
@@ -38,7 +39,7 @@ switch (args[0]) {
 		command('bun ./node_modules/esoftplay/bin/analyze.js')
 		break
 	case "ac":
-	case "analyze clear":
+	case "analyze-clear":
 		command('bun ./node_modules/esoftplay/bin/analyze.js clear')
 		break;
 	case "fr":
@@ -46,7 +47,7 @@ switch (args[0]) {
 		command('bun ./node_modules/esoftplay/bin/perf.js')
 		break
 	case "frc":
-	case "fastrefresh clear":
+	case "fastrefresh-clear":
 		command('bun ./node_modules/esoftplay/bin/perf.js clear')
 		break;
 	case "font":
@@ -153,9 +154,8 @@ switch (args[0]) {
 		break;
 }
 
-function setupUpdate() {
-	command("eas update:configure")
-	const easconfg = `{
+function easconfg() {
+	return `{
 		"cli": {
 			"version": ">= 0.52.0"
 		},
@@ -195,7 +195,46 @@ function setupUpdate() {
 			"production": {}
 		}
 	}`
-	fs.writeFileSync(easjson, easconfg, { encoding: 'utf8' })
+}
+
+
+
+function setupUpdate() {
+	command("eas update:configure")
+	fs.writeFileSync(easjson, easconfg(), { encoding: 'utf8' })
+	fs.writeFileSync(isDebug() ? appdebug : applive, JSON.stringify(readToJSON(appjson), undefined, 2))
+}
+
+function isDebug() {
+	let cjson = readToJSON(confjson)
+	let status
+	let clive
+	let cdebug
+	let alive
+	let adebug
+	if (fs.existsSync(conflive)) {
+		clive = readToJSON(conflive)
+	}
+	if (fs.existsSync(applive)) {
+		alive = readToJSON(applive)
+	}
+	if (fs.existsSync(confdebug)) {
+		cdebug = readToJSON(confdebug)
+	}
+	if (fs.existsSync(appdebug)) {
+		adebug = readToJSON(appdebug)
+	}
+	if (clive) {
+		if (clive.config.domain == cjson.config.domain) {
+			status = "live"
+		}
+	}
+	if (cdebug) {
+		if (cdebug.config.domain == cjson.config.domain) {
+			status = "debug"
+		}
+	}
+	return status == "debug"
 }
 
 function createFontConfig() {
@@ -233,24 +272,6 @@ function createFontConfig() {
 }
 
 function switchStatusAssets(status) {
-
-	const iconpng = DIR + "assets/icon.png"
-	const icondebug = DIR + "assets/icon.debug.png"
-	const iconlive = DIR + "assets/icon.live.png"
-
-	const icon_iospng = DIR + "assets/icon_ios.png"
-	const icon_iosdebug = DIR + "assets/icon_ios.debug.png"
-	const icon_ioslive = DIR + "assets/icon_ios.live.png"
-
-	const iconNotifpng = DIR + "assets/iconNotif.png"
-	const iconNotifdebug = DIR + "assets/iconNotif.debug.png"
-	const iconNotiflive = DIR + "assets/iconNotif.live.png"
-
-	const splashpng = DIR + "assets/splash.png"
-	const splashdebug = DIR + "assets/splash.debug.png"
-	const splashlive = DIR + "assets/splash.live.png"
-
-
 	function copyFileFromTo(from, to) {
 		if (fs.existsSync(from)) {
 			if (fs.existsSync(to))
@@ -258,18 +279,6 @@ function switchStatusAssets(status) {
 			command('cp ' + from + ' ' + to)
 		}
 	}
-	if (status.includes('l')) {
-		copyFileFromTo(iconlive, iconpng)
-		copyFileFromTo(icon_ioslive, icon_iospng)
-		copyFileFromTo(splashlive, splashpng)
-		copyFileFromTo(iconNotiflive, iconNotifpng)
-	}
-	if (status.includes('d')) {
-		copyFileFromTo(icondebug, iconpng)
-		copyFileFromTo(icon_iosdebug, icon_iospng)
-		copyFileFromTo(splashdebug, splashpng)
-		copyFileFromTo(iconNotifdebug, iconNotifpng)
-	}
 
 	fs.readdirSync(DIR + '/modules/').forEach((mod) => {
 		const path = DIR + '/modules/' + mod
@@ -285,7 +294,17 @@ function switchStatusAssets(status) {
 					}
 			})
 	})
-
+	fs.readdirSync(DIR + '/assets/').forEach((file) => {
+		const path = DIR + '/assets/'
+		if (status.includes('d'))
+			if (file.match(/^.*.debug.*/g)) {
+				copyFileFromTo(path + '/' + file, path + '/' + file.replace('.debug.', '.'))
+			}
+		if (status.includes('l'))
+			if (file.match(/^.*.live.*/g)) {
+				copyFileFromTo(path + '/' + file, path + '/' + file.replace('.live.', '.'))
+			}
+	})
 }
 
 function excludeModules() {
@@ -504,6 +523,10 @@ function readToJSON(path) {
 	return isJSON ? JSON.parse(txt) : txt
 }
 
+function isCustomUpdates() {
+	let ajson = readToJSON(appjson)
+	return ajson.expo.updates.hasOwnProperty('url') && !ajson.expo.updates.url.includes("https://u.expo.dev")
+}
 
 function publish(notes) {
 	let status = "-"
@@ -682,6 +705,7 @@ Pastikan data sudah benar sebelum anda melanjutkan, lanjut publish ketikkan runt
 			fs.writeFileSync(appjson, JSON.stringify(ajson, undefined, 2))
 			consoleSucces("start publishing " + status.toUpperCase() + " - PUBLISH_ID : " + (last_id + 1))
 			command(`eas update --branch default --message "${notes}"`)
+			command("rm -rf ./dist")
 			consoleSucces("Berhasil")
 			const os = require('os')
 			var d = new Date();
@@ -842,6 +866,15 @@ function buildPrepare(include = true) {
 			});
 			consoleSucces("BUILD PREPARE SUCCESS..!")
 		}
+		if (isCustomUpdates()) {
+			let ejson = readToJSON(easjson)
+			delete ejson.build.development.channel
+			delete ejson.build.development_build.channel
+			delete ejson.build.preview.channel
+			delete ejson.build.preview_build.channel
+			delete ejson.build.production.channel
+			fs.writeFileSync(easjson, JSON.stringify(ejson, undefined, 2))
+		}
 	} else {
 		excludeOnBuild('ios', false)
 		if (fs.existsSync('./assets/esoftplaymodules')) {
@@ -850,6 +883,9 @@ function buildPrepare(include = true) {
 		}
 		else
 			consoleError('')
+		if (isCustomUpdates()) {
+			fs.writeFileSync(easjson, easconfg())
+		}
 	}
 }
 
@@ -1201,12 +1237,13 @@ function help() {
 		"\n\n OPTIONS :",
 		"\n - help                        : panduan penggunaan",
 		"\n - a|analyze                   : untuk menambahkan view render counter di semua component",
-		"\n - ac|analyze clear            : untuk menghapus view render counter di semua component",
+		"\n - ac|analyze-clear            : untuk menghapus view render counter di semua component",
 		"\n - font                        : untuk mengaktifkan font dari ./assets/fonts",
 		"\n - fr|fastrefresh              : untuk mengaktfikan fast refresh di semua component",
-		"\n - frc|fastrefresh clear       : untuk menonaktifkan fast refresh di semua component",
+		"\n - frc|fastrefresh-clear       : untuk menonaktifkan fast refresh di semua component",
+		"\n - su|setup-update             : untuk setup update esp module dengan EAS UPDATE SERVICES",
 		"\n - u|update                    : untuk update esp module ke versi terakhir",
-		"\n - u|update all                : untuk update semua esp module ke versi terakhir",
+		"\n - update all                  : untuk update semua esp module ke versi terakhir",
 		"\n - start                       : start esoftplay framework",
 		"\n - b|build                     : untuk build app .ipa .apk .aab",
 		"\n - bp|build-prepare            : untuk prepare for esp b",

package/bin/gen.js

@@ -0,0 +1,9 @@
+const fs = require('fs')
+
+let functions = []
+if (fs.existsSync('./worker')) {
+  fs.readdirSync('./worker').forEach((file) => {
+    functions.push(fs.readFileSync('./worker/' + file).toString())
+  })
+}
+fs.writeFileSync('./node_modules/esoftplay/modules/lib/out.js', "// useLibs \n //noPage \n\nmodule.exports = \`\n" + functions.join('\n') + "\n\`")

package/global.ts

@@ -60,23 +60,28 @@ export default function useGlobalState<T>(initValue: T, o?: useGlobalOption): us
     const LibCurl = esp.mod("lib/curl")
     const UseTasks = esp.mod("use/tasks")
     sync = UseTasks()((item) => new Promise((next) => {
-      if (o?.useAutoSync) {
-        o?.useAutoSync?.isSyncing?.(true)
-        new LibCurl(o.useAutoSync.url, o.useAutoSync?.post?.(item),
-          (res, msg) => {
-            set((old: T) => {
-              if (Array.isArray(old)) {
-                const index = old?.indexOf(item)
-                return esp.mod("lib/object").set(old, 1)(index, 'synced')
-              } else {
-                return old
-              }
-            })
-            next()
-          }, () => {
-            next()
-          }
-        )
+      const { isOnline, isInternetReachable } = esp.mod("lib/net_status").state().get()
+      if (isOnline && isInternetReachable) {
+        if (o?.useAutoSync) {
+          o?.useAutoSync?.isSyncing?.(true)
+          new LibCurl(o.useAutoSync.url, o.useAutoSync?.post?.(item),
+            (res, msg) => {
+              set((old: T) => {
+                if (Array.isArray(old)) {
+                  const index = old?.indexOf(item)
+                  return esp.mod("lib/object").set(old, 1)(index, 'synced')
+                } else {
+                  return old
+                }
+              })
+              next()
+            }, () => {
+              next()
+            }
+          )
+        }
+      } else {
+        next()
       }
     }), () => {
       o?.useAutoSync?.isSyncing?.(false)

package/modules/lib/image.tsx

@@ -104,7 +104,7 @@ class m extends LibComponent<LibImageProps, LibImageState> {
 
   static fromCamera(options?: LibImageCameraOptions): Promise<string> {
     return new Promise((_r) => {
-     const timer = setTimeout(async () => {
+      const timer = setTimeout(async () => {
         const cameraPermission = await ImagePicker.getCameraPermissionsAsync();
         var finalStatus = cameraPermission.status
         if (finalStatus !== 'granted') {
@@ -127,10 +127,17 @@ class m extends LibComponent<LibImageProps, LibImageState> {
           aspect: options?.crop?.ratio?.split(':').map((x) => Number(x)),
           quality: 1,
           presentationStyle: ImagePicker.UIImagePickerPresentationStyle.FULL_SCREEN
-        }).then(async (result: any) => {
-          if (!result)
-            result = ImagePicker?.getPendingResultAsync()
-          if (!result?.cancelled) {
+        }).then(async (res: any) => {
+          if (!res)
+            res = ImagePicker?.getPendingResultAsync()
+          if (!res?.cancelled) {
+            let result: any = undefined
+            let hasUri = res?.uri
+            if (hasUri) {
+              result = res
+            } else if (res?.assets?.[0]) {
+              result = { ...res, ...res.assets[0] }
+            }
             if (Platform.OS == 'ios' && options && options.crop) {
               m.showCropper(result?.uri, options?.crop?.forceCrop, options?.crop?.ratio, options?.crop?.message, async (x) => {
                 let imageUri = await m.processImage(x, options?.maxDimension)
@@ -151,7 +158,7 @@ class m extends LibComponent<LibImageProps, LibImageState> {
 
   static fromGallery(options?: LibImageGalleryOptions): Promise<string | string[]> {
     return new Promise((_r) => {
-    const timer=  setTimeout(async () => {
+      const timer = setTimeout(async () => {
         const { status } = await ImagePicker.getMediaLibraryPermissionsAsync();
         var finalStatus = status
         if (finalStatus !== 'granted') {
@@ -174,8 +181,15 @@ class m extends LibComponent<LibImageProps, LibImageState> {
             allowsEditing: Platform.OS != 'ios' && options && options.crop ? true : false,
             aspect: options?.crop?.ratio?.split(':').map((x) => Number(x)),
             quality: 1,
-          }).then(async (x: any) => {
-            if (!x.cancelled) {
+          }).then(async (z: any) => {
+            if (!z.cancelled) {
+              let x: any = undefined
+              let hasUri = z?.uri
+              if (hasUri) {
+                x = z
+              } else if (z?.assets?.[0]) {
+                x = { ...z, ...z.assets[0] }
+              }
               if (Platform.OS == 'ios' && options && options.crop) {
                 m.showCropper(x.uri, options.crop.forceCrop, options.crop.ratio, options.crop?.message, async (x) => {
                   let imageUri = await m.processImage(x, options?.maxDimension)
@@ -257,7 +271,7 @@ class m extends LibComponent<LibImageProps, LibImageState> {
           }
         }
 
-     const timer=   setTimeout(async () => {
+        const timer = setTimeout(async () => {
           const manipImage = await ImageManipulator.manipulateAsync(
             result.uri,
             doResize ? [{ resize: { width: wantedwidth, height: wantedheight } }] : [],
@@ -272,7 +286,7 @@ class m extends LibComponent<LibImageProps, LibImageState> {
               LibProgress.hide()
               r(msg.message);
             }, 1)
-            clearTimeout(timer)
+          clearTimeout(timer)
         }, 1);
       }
     })
@@ -348,12 +362,12 @@ class m extends LibComponent<LibImageProps, LibImageState> {
                           </TouchableOpacity>
                           :
                           <TouchableOpacity onPress={() => {
-                          const timer =  setTimeout(
+                            const timer = setTimeout(
                               async () => {
                                 m.hide()
                                 this.setState({ image: null })
                               });
-                              clearTimeout(timer)
+                            clearTimeout(timer)
                           }} >
                             <LibIcon.Ionicons name='ios-close-circle' style={{ fontSize: 40, color: 'white' }} />
                           </TouchableOpacity>

package/modules/lib/notification.ts

@@ -45,6 +45,19 @@ Notifications.setNotificationHandler({
   },
 });
 
+export interface notificationTrigger {
+  delayInMinutes: number,
+  repeats?: boolean
+}
+
+export interface notificationContent {
+  title: string,
+  message: string,
+  module?: string,
+  url?: string
+  arguments?: any
+}
+
 const lastUrlState = useGlobalState<any>(undefined)
 
 function mainUrl(): string {
@@ -258,7 +271,7 @@ export default {
           if (String(experienceId).includes('/')) {
             expoToken = await Notifications.getExpoPushTokenAsync({ experienceId })
           } else {
-            expoToken = await Notifications.getExpoPushTokenAsync()
+            expoToken = await Notifications.getExpoPushTokenAsync({ projectId: experienceId })
           }
         }
         if (expoToken) {
@@ -269,6 +282,33 @@ export default {
       }
     })
   },
+  cancelLocalNotification(notif_id: string) {
+    Notifications.cancelScheduledNotificationAsync(notif_id)
+  },
+  setLocalNotification(action: "alert" | "default" | "update", content: notificationContent, trigger: notificationTrigger, callback?: (notif_id: string) => void): void {
+    const triggerSeconds = Number(trigger?.delayInMinutes) * 60
+    const _trigger = {
+      seconds: triggerSeconds,
+      repeats: !!trigger?.repeats,
+    }
+    const params = { status: 3, url: content?.url, ...content?.arguments }
+    Notifications.scheduleNotificationAsync({
+      content: {
+        title: content?.title,
+        body: content?.message,
+        data: {
+          action: action,
+          module: content.module,
+          title: content?.title,
+          message: content?.message,
+          params,
+        },
+      },
+      trigger: _trigger,
+    }).then((notifId) => {
+      callback?.(notifId)
+    }).catch((r) => { })
+  },
   openPushNotif(data: any): void {
     if (!data) return
     if (typeof data == 'string')

package/modules/lib/toast.tsx

@@ -1,8 +1,6 @@
 // withHooks
 // noPage
 
-// nunggu update master, margin sebelah kanan kegeser
-
 import { LibStyle } from 'esoftplay/cache/lib/style/import';
 import useGlobalState from 'esoftplay/global';
 import React, { useEffect } from 'react';
@@ -47,7 +45,7 @@ export default function m(props: LibToastProps): any {
 
   const style = useAnimatedProps(() => ({
     transform: [{
-      translateY: interpolate(anim.value, [0, 1], [-(LibStyle.STATUSBAR_HEIGHT + 400), 0])
+      translateY: interpolate(anim.value, [0, 1], [-200, 0])
     }],
     opacity: interpolate(anim.value, [0, 0.8, 1], [0, 0, 1])
   }))

package/modules/lib/utils.ts

@@ -1,6 +1,8 @@
 // noPage
 // withObject
-import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
+
+//moveup for formatting currency with lang
+import { LibLocale } from 'esoftplay/cache/lib/locale/import';
 import esp from 'esoftplay/esp';
 import useGlobalState from 'esoftplay/global';
 import moment from "esoftplay/moment";
@@ -118,8 +120,13 @@ export default {
     } else {
       val = parseInt(value)?.toFixed?.(0)?.replace?.(/(\d)(?=(\d{3})+$)/g, "$1,")
     }
+    const locale = LibLocale.state().get()
     if (!currency) {
-      currency = "Rp"
+      if (locale == "id") {
+        currency = "Rp"
+      } else {
+        currency = "IDR"
+      }
     }
     if (typeof val === "number") {
       return currency?.replace?.(/\./g, "") + " " + String(val)?.replace?.(/,/g, ".");
@@ -251,10 +258,10 @@ export default {
   },
   mapDirectionTo(latlongFrom: string, latlongTo: string, travelmode: LibUtilsTravelMode): void {
     if (!this.isValidLatLong(latlongFrom)) {
-      return LibToastProperty.show(esp.lang("lib/utils", "toas_latlongfrom"))
+      return esp.modProp("lib/toast").show(esp.lang("lib/utils", "toas_latlongfrom"))
     }
     if (!this.isValidLatLong(latlongTo)) {
-      return LibToastProperty.show(esp.lang("lib/utils", "toas_latlongto"))
+      return esp.modProp("lib/toast").show(esp.lang("lib/utils", "toas_latlongto"))
     }
     Linking.openURL("https://www.google.com/maps/dir/?api=1&travelmode="
       + travelmode
@@ -307,7 +314,7 @@ export default {
       let out = installationId.get()
       if (!out) {
         if (Platform.OS == "android")
-          resolve(String(Application.androidId))
+          resolve(String(Application.androidId || Application.getAndroidId()))
         if (Platform.OS == "ios") {
           let code = await SecureStore.getItemAsync('installationId');
           if (!code) {

package/modules/lib/worker.tsx

@@ -0,0 +1,102 @@
+// withHooks
+import esp from 'esoftplay/esp';
+import useGlobalSubscriber from 'esoftplay/subscribe';
+import { createTimeout } from 'esoftplay/timeout';
+import React, { useEffect, useRef } from 'react';
+import { View } from 'react-native';
+import WebView from 'react-native-webview';
+
+export interface LibUseworkerArgs {
+
+}
+export interface LibUseworkerProps {
+
+}
+
+const subs = useGlobalSubscriber()
+
+export function createTask(functionName: string, ...params: string[]): (res: (data: string) => void) => void {
+  return (res: (data: string) => void) => {
+    subs.trigger({
+      functionName,
+      params,
+      res
+    })
+  }
+}
+
+export default function m(props: LibUseworkerProps): any {
+  let ref = useRef<WebView>(null)
+  let isReady = useRef<number>(0)
+  let workerIds = useRef<number>(1)
+  let tasks = useRef(new Map())
+
+  const dispatch = (task: (id: number) => string, result: (r: string) => void): void => {
+    if (isReady.current > 0 && typeof ref.current?.injectJavaScript == 'function') {
+      const idx = workerIds.current
+      const _task = task(idx)
+      tasks.current.set(String(idx), {
+        task: _task,
+        result: result
+      })
+      ref.current?.injectJavaScript(_task)
+      workerIds.current = idx + 1
+    } else {
+      createTimeout().set(() => {
+        dispatch(task, result)
+      }, 1000)
+    }
+  }
+
+  useEffect(() => {
+    ref.current?.injectJavaScript(`\n${require('./out')}\n`)
+  }, [])
+
+  subs.useSubscribe(() => {
+    const { functionName, params, res } = subs.getValue()
+    dispatch((id: number) => `
+    (async () => {
+      const dt = await ${functionName}(${params.map((x: string) => JSON.stringify(x)).join(", ")});
+      window.ReactNativeWebView.postMessage(JSON.stringify({
+        data: dt,
+        id: ${id}
+      }))
+    })();`, res)
+  })
+
+  const deleteTask = (taskId: string): void => {
+    tasks.current.delete(String(taskId))
+  }
+
+  const onMessage = (withRefName: string): any => {
+    return (e: any) => {
+      if (e.nativeEvent.data == withRefName) {
+        isReady.current = 1
+        return
+      }
+      const dt = e.nativeEvent.data
+      const x = JSON.parse(dt)
+      const itemTask = tasks.current.get(String(x.id))
+      if (itemTask) {
+        itemTask.result(x.data)
+        deleteTask(x.id)
+      }
+    }
+  }
+
+  return (
+    <View style={{ height: 0, width: 0 }} >
+      <WebView
+        ref={ref}
+        style={{ height: 0, width: 0 }}
+        incognito
+        javaScriptEnabled={true}
+        injectedJavaScript={`\nwindow.ReactNativeWebView.postMessage("BaseWorkerIsReady")\n${require('./out')}\n`}
+        originWhitelist={["*"]}
+        source={{ uri: esp.config("protocol") + "://" + esp.config("domain") + esp.config("uri") + "dummyPageToBypassCORS" }}
+        onMessage={onMessage('BaseWorkerIsReady')}
+      />
+    </View>
+  )
+}
+

package/modules/main/index.tsx

@@ -1,18 +1,18 @@
 // withHooks
 import React from 'react';
 import { Text, View } from 'react-native';
-export interface OtherIndexArgs {
+export interface MainIndexArgs {
 
 }
-export interface OtherIndexProps {
+export interface MainIndexProps {
 
 }
 
-export default function m(props: OtherIndexProps): any {
+export default function m(props: MainIndexProps): any {
 
   return (
     <View style={{ flex: 1, backgroundColor: "white", justifyContent: 'center', alignItems: 'center' }} >
-      <Text>Hellow Esoftplay Developer, jangan lupa bismillah dulu</Text>
+      <Text>{`Hellow Esoftplay Developer, jangan lupa bismillah dulu ଘ(੭ˊᵕˋ)੭*`}</Text>
     </View>
   )
 }

package/modules/user/class.ts

@@ -70,7 +70,7 @@ export default {
         return
       }
       esp.mod("lib/notification").requestPermission(async (token) => {
-        if (token && token.includes("ExponentPushToken")) {
+        if (token) {
           const config = esp.config();
           const LibCrypt = esp.mod("lib/crypt")
           var post: any = {
@@ -81,6 +81,7 @@ export default {
             push_id: "",
             is_app: Constants.appOwnership == 'expo' ? 0 : 1,
             os: Platform.OS,
+            installation_id: await esp.mod("lib/utils").getInstallationID(),
             device: Constants.deviceName,
             secretkey: new LibCrypt().encode(config.salt + "|" + moment().format("YYYY-MM-DD hh:mm:ss"))
           }

package/modules/user/index.tsx

@@ -1,6 +1,5 @@
 // withHooks
 // noPage
-import { esp, useSafeState } from 'esoftplay';
 import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
 import { LibImage } from 'esoftplay/cache/lib/image/import';
 import { LibLocale } from 'esoftplay/cache/lib/locale/import';
@@ -10,6 +9,7 @@ import { LibStyle } from 'esoftplay/cache/lib/style/import';
 import { LibToast } from 'esoftplay/cache/lib/toast/import';
 import { LibUpdaterProperty } from 'esoftplay/cache/lib/updater/import';
 import { LibVersion } from 'esoftplay/cache/lib/version/import';
+import { LibWorker } from 'esoftplay/cache/lib/worker/import';
 import { LibWorkloop } from 'esoftplay/cache/lib/workloop/import';
 import Navs from 'esoftplay/cache/navs';
 import { UseDeeplink } from 'esoftplay/cache/use/deeplink/import';
@@ -17,7 +17,9 @@ import { UserClass } from 'esoftplay/cache/user/class/import';
 import { UserHook } from 'esoftplay/cache/user/hook/import';
 import { UserLoading } from 'esoftplay/cache/user/loading/import';
 import * as ErrorReport from 'esoftplay/error';
+import esp from 'esoftplay/esp';
 import moment from 'esoftplay/moment';
+import useSafeState from 'esoftplay/state';
 import { useFonts } from 'expo-font';
 import React, { useLayoutEffect } from 'react';
 import { View } from 'react-native';
@@ -63,12 +65,13 @@ export default function m(props: UserIndexProps): any {
     }
   }, [fontLoaded])
 
-  
+
   //esoftplay-chatting
 
   return (
     <GestureHandlerRootView style={{ flex: 1 }}>
       <View style={{ flex: 1 }}>
+        <LibWorker />
         {
           loading ?
             <UserLoading />
@@ -82,50 +85,10 @@ export default function m(props: UserIndexProps): any {
               <LibProgress />
               <LibToast />
               <UserHook />
-              {/* {__DEV__ && <Draggable />} */}
             </>
         }
       </View>
       <View style={{ backgroundColor: LibStyle?.colorNavigationBar || 'white', height: LibStyle.isIphoneX ? 35 : 0 }} />
     </GestureHandlerRootView>
   )
-}
-
-
-
-
-// const Draggable = () => {
-//   const translateX = useSharedValue(0);
-//   const translateY = useSharedValue(0);
-//   const lastOffset = { x: 0, y: 0 };
-//   const handleGestureEvent = useAnimatedGestureHandler({
-//     onStart: (_, ctx: any) => {
-//       ctx.offsetX = translateX.value;
-//       ctx.offsetY = translateY.value;
-//     },
-//     onActive: (event, ctx) => {
-//       translateX.value = ctx.offsetX + event.translationX;
-//       translateY.value = ctx.offsetY + event.translationY;
-//     },
-//     onEnd: (event) => {
-//       lastOffset.x += event.translationX;
-//       lastOffset.y += event.translationY;
-//     },
-//   });
-//   const animatedStyle = useAnimatedStyle(() => {
-//     return {
-//       transform: [{ translateX: translateX.value }, { translateY: translateY.value }],
-//     };
-//   });
-//   return (
-//     <View style={{ position: 'absolute', right: 10 }}>
-//       <PanGestureHandler onGestureEvent={handleGestureEvent}>
-//         <Animated.View style={[animatedStyle]} >
-//           <Pressable onPress={() => { route.reset(); LibNavigation.backToRoot() }} style={{ right: 10, top: LibStyle.height * 0.5, padding: 10, backgroundColor: 'indigo', alignItems: 'center', justifyContent: 'center', borderRadius: 50 }} >
-//             <LibIcon name='delete-variant' color='white' />
-//           </Pressable>
-//         </Animated.View>
-//       </PanGestureHandler>
-//     </View>
-//   );
-// };
+}

package/package.json

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

package/modules/lib/worker.ts

@@ -1,38 +0,0 @@
-// useLibs
-// noPage
-import { runOnJS, runOnUI } from "react-native-reanimated";
-
-export interface LibWorkerProps {
-
-}
-
-/* 
-const run = LibWorker((arg: any[], cb: (out: any) => void) => {
-  "worklet";
-  let out = 0
-  for (let i = 0; i < arg[0]; i++) {
-    out += i
-  }
-  cb(out)
-})
-run([99999999], res => {
-  setState(res)
-})
-
-*/
-
-export default function m(func: (args: any[], cb: (res: any) => void) => void): (args: any[], cb: (res: any) => void) => void {
-  return (args: any[], cb: (res: any) => void) => {
-    function callback(out: any) {
-      "worklet"
-      runOnJS(cb)(out)
-    }
-
-    function run() {
-      "worklet"
-      func(args, callback)
-    }
-
-    runOnUI(run)()
-  }
-}