esoftplay 0.0.107 → 0.0.108

package/bin/build.js

@@ -119,24 +119,7 @@ if (fs.existsSync(packjson)) {
 
 	/* Create esp command line */
 	if (args[0] == "install") {
-		execSync('esp start', { stdio: ['inherit', 'inherit', 'inherit'] })
-		spawn('esp', ['start'], { stdio: 'inherit' })
-			.on('exit', function (code) {
-				console.log(code);
-			})
-			.on('error', function () {
-				console.log("Installing the package 'esoftplay-cli'...");
-				spawn('npm', ['install', '--global', '--loglevel', 'error', 'esoftplay-cli'], {
-					stdio: ['inherit', 'ignore', 'inherit'],
-				}).on('close', function (code) {
-					if (code !== 0) {
-						console.error('Installing esoftplay-cli failed. You can install it manually with:');
-						console.error('  npm install --global esoftplay-cli');
-					} else {
-						console.log('esoftplay-cli installed. You can run `esp help` for instructions.');
-					}
-				});
-			});
+		execSync('cd ../../ && node ./node_modules/esoftplay/bin/router.js', { stdio: ['inherit', 'inherit', 'inherit'] })
 	}
 
 	/* Update app.json */
@@ -371,16 +354,23 @@ export default function App() {
 				cmd += "&& yarn add " + installDevLibs.join(" ") + " --dev "
 			if (installExpoLibs.length > 0)
 				cmd += "&& expo install " + installExpoLibs.join(" ")
-				cmd += "&& esp start"
+			cmd += "&& node ./node_modules/esoftplay/bin/router.js"
 			execSync(cmd, { stdio: ['inherit', 'inherit', 'inherit'] })
 			console.log('App.js has been replace to App.tsx');
+			/* 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');")
+				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);
+						const names = (/import\("\.\/createIconSet"\)\.Icon<((.*))\,.*>/g).exec(rdfile);
 						if (names && names[1].includes('|')) {
 							esoftplayIcon += 'export type ' + dfile.replace('.d.ts', 'Types') + ' = ' + names[1] + '\n';
 						}
@@ -392,7 +382,6 @@ export default function App() {
 			}
 			console.log('Please wait until processes has finished...');
 		});
-		// execSync('esp start', { stdio: ['inherit', 'inherit', 'inherit'] })
 	}
 } else {
 	console.log(packjson + " not found!!")

package/bin/router.js

@@ -108,7 +108,6 @@ checks.forEach(modules => {
                 return console.log(err)
               } else {
                 var isIndexed = (tmpExp.indexOf(clsName) > -1) ? false : true;
-                // console.log(isIndexed, clsName);
                 var isHooks = false
                 var isUseLibs = false
                 /* REGEX HOOKS */
@@ -509,43 +508,6 @@ function isChange(path, compare) {
 /* CREATE REDUCER LIST */
 function createReducer() {
   if (countRead >= countLoop) {
-    // var CodeImporter = "";
-    // var CodeReducer = "";
-    // for (const key in Reducers) {
-    //   if (HookReducers.includes(key)) {
-    //     CodeImporter += "\nimport * as " + key + " from '../../." + Reducers[key] + "';";
-    //   } else {
-    //     CodeImporter += "\nimport " + key + " from '../../." + Reducers[key] + "';";
-    //   }
-    //   CodeReducer += "\n\t" + key + ": " + key + ".reducer,";
-    // }
-    // if (CodeReducer != "") {
-    //   CodeReducer = CodeReducer.substr(0, CodeReducer.length - 1);
-    // }
-    // Text = "import { combineReducers } from 'redux'" +
-    //   "\nimport { persistReducer } from 'redux-persist'" +
-    //   "\nimport AsyncStorage from '@react-native-async-storage/async-storage'" + CodeImporter +
-    //   "\n\nconst combiner = combineReducers({" + CodeReducer +
-    //   "\n})\n\n" +
-    //   "\nconst persistConfig = {" +
-    //   "\n\tkey: 'root'," +
-    //   "\n\tstorage: AsyncStorage," +
-    //   "\n\twhitelist: ['" + Object.keys(Persistor).join('\',\'') + "']" +
-    //   "\n}" +
-    //   "\nconst reducers = (state, action) => {" +
-    //   "\n\tif (action.type === 'user_class_delete') {" +
-    //   "\n\t\tstate = undefined" +
-    //   "\n\t}" +
-    //   "\n\treturn combiner(state, action)" +
-    //   "\n	}" +
-    //   "\nexport default persistReducer(persistConfig, reducers)";
-    // if (isChange(tmpDir + "reducers.js", Text)) {
-    //   fs.writeFile(tmpDir + "reducers.js", Text, { flag: 'w' }, function (err) {
-    //     if (err) {
-    //       return console.log(err);
-    //     }
-    //   })
-    // }
     createRouter()
     createIndex();
   } else {
@@ -587,7 +549,6 @@ function createRouter() {
         item += "" +
           "import * as " + ucword(module) + ucword(task) + SuffixHooksProperty + " from '../../." + Modules[module][task] + "';\n" +
           "const " + ucword(module) + ucword(task) + " = React.memo(_" + ucword(module) + ucword(task) + ", isEqual); \n" +
-          // "const " + ucword(module) + ucword(task) + " = _" + ucword(module) + ucword(task) + "; \n" +
           "export { " + ucword(module) + ucword(task) + SuffixHooksProperty + ", " + ucword(module) + ucword(task) + " };\n"
       } else if (UseLibs.includes(nav)) {
         item += "" +

package/esp.ts

@@ -1,6 +1,7 @@
 import { esp, LibLocale, UserRoutes } from 'esoftplay';
 import Constants from 'expo-constants';
 import { LogBox, Platform } from 'react-native';
+import 'react-native-reanimated';
 import _assets from './cache/assets';
 import navs from './cache/navigations';
 import routers from './cache/routers';

package/global.ts

@@ -155,7 +155,7 @@ const n = () => {
           })
         }
       })
-    }, 50)
+    }, 30)
   }
   return m
 }

package/modules/content/comment.tsx

@@ -98,7 +98,7 @@ export default function m(props: ContentCommentProps): any {
       <View style={{ flex: 1, backgroundColor: "white" }} >
         <ContentHeader title="Login dengan akun" />
         <View style={{ flexDirection: "row", alignItems: "center", justifyContent: "center", paddingRight: 16 }} >
-          <Text style={{ flex: 1, padding: 10,  color: '#606060' }} >{"Silakan login dengan salah satu akun sosial media berikut untuk dapat mengirimkan komentar"}</Text>
+          <Text style={{ flex: 1, padding: 10, color: '#606060' }} >{"Silakan login dengan salah satu akun sosial media berikut untuk dapat mengirimkan komentar"}</Text>
           <View style={{ justifyContent: "center" }} >
             <Pressable
               onPress={() => { setShowLoginForm(false) }} >
@@ -113,6 +113,7 @@ export default function m(props: ContentCommentProps): any {
       </View>
     )
   }
+  let x =(item) => <ContentComment_item url={url} url_post={url_post} {...item} />
 
   return (
     <View style={{ flex: 1 }} >
@@ -130,19 +131,19 @@ export default function m(props: ContentCommentProps): any {
                 <Image source={{ uri: headerComment.image }} style={{ height: 50, backgroundColor: '#f8f8f8', width: 50, resizeMode: 'cover', overflow: 'hidden', borderRadius: 25 }} />
               </View>
               <View style={{ flex: 1, paddingVertical: 16, marginHorizontal: 16 }} >
-                <Text style={{  fontSize: 10, fontWeight: "500", letterSpacing: 1.5, color: "#686868" }} >{LibUtils.moment(headerComment.date).format('DD MMM YYYY HH:mm').toUpperCase()}</Text>
-                <Text style={{  fontSize: 16, fontWeight: "500", lineHeight: 20, color: "#060606", marginTop: 8 }} >{headerComment.name}</Text>
-                <Text style={{  fontSize: 14, fontWeight: "500", lineHeight: 20, color: "#606060" }} >{headerComment.content}</Text>
+                <Text style={{ fontSize: 10, fontWeight: "500", letterSpacing: 1.5, color: "#686868" }} >{LibUtils.moment(headerComment.date).format('DD MMM YYYY HH:mm').toUpperCase()}</Text>
+                <Text style={{ fontSize: 16, fontWeight: "500", lineHeight: 20, color: "#060606", marginTop: 8 }} >{headerComment.name}</Text>
+                <Text style={{ fontSize: 14, fontWeight: "500", lineHeight: 20, color: "#606060" }} >{headerComment.content}</Text>
                 <Pressable style={{ flexDirection: 'row' }} >
                   <View style={{ flexDirection: 'row', alignItems: 'center', marginTop: 9, /* backgroundColor: '#f1f1f1', padding: 3, borderRadius: 6 */ }} >
                     <LibIcon.AntDesign name='message1' size={12} color="#ababab" />
-                    <Text style={{  fontSize: 12, lineHeight: 16, color: "#ababab", marginLeft: 5 }} >{headerComment.reply} Balasan</Text>
+                    <Text style={{ fontSize: 12, lineHeight: 16, color: "#ababab", marginLeft: 5 }} >{headerComment.reply} Balasan</Text>
                   </View>
                 </Pressable>
               </View>
             </View>
           }
-          renderItem={(item) => <ContentComment_item url={url} url_post={url_post} {...item} />}
+          renderItem={x}
         />
         <View style={{ flexDirection: 'row', backgroundColor: 'white', alignItems: 'center' }} >
           {

package/modules/content/gallery.tsx

@@ -2,7 +2,7 @@
 
 import { LibIcon, LibNavigation, LibStyle, LibUtils } from 'esoftplay';
 import React, { useRef } from 'react';
-import { Pressable, ScrollView } from 'react-native';
+import { Pressable, View } from 'react-native';
 import Gallery from 'react-native-awesome-gallery';
 
 export interface ContentGalleryArgs {
@@ -26,8 +26,7 @@ export default function m(props: ContentGalleryProps): any {
   }
 
   return (
-    <ScrollView nestedScrollEnabled
-      style={{ flex: 1, backgroundColor: 'black' }} >
+    <View style={{ flex: 1, overflow: 'hidden', backgroundColor: 'black' }} >
       <Gallery
         data={images.map((image) => (image?.image))}
         onSwipeToClose={() => {
@@ -44,9 +43,9 @@ export default function m(props: ContentGalleryProps): any {
         onPress={() => {
           LibNavigation.back()
         }}
-        style={{ position: 'absolute', height: 35, alignItems: 'center', justifyContent: 'center', width: 35, borderRadius: 17.5, backgroundColor: 'rgba(0,0,0,0.3)', borderWidth: 1, borderColor: 'white', top: LibStyle.STATUSBAR_HEIGHT + 24, right: 24 }} >
+        style={{ position: 'absolute', height: 35, alignItems: 'center', justifyContent: 'center', width: 35, borderRadius: 17.5, backgroundColor: 'rgba(0,0,0,0.3)', borderWidth: 1, borderColor: 'white', top: LibStyle.STATUSBAR_HEIGHT + 24, left: 24 }} >
         <LibIcon name='close' color="white" />
       </Pressable>
-    </ScrollView>
+    </View>
   )
 }

package/modules/lib/datepicker.tsx

@@ -164,17 +164,17 @@ export default function m(props: LibDatepickerProps): any {
         </TouchableOpacity>
       </View>
       <View style={{ height: 175, flexDirection: 'row' }} >
-        <View style={{ width: showYearView ? undefined : 0, flex: showYearView ? 1 : 0, }} >
+        <View style={{ width: showDateView ? undefined : 0, flex: showDateView ? 1 : 0, }} >
           <ScrollPicker
-            ref={refYear}
-            dataSource={years}
-            selectedIndex={years.indexOf(year)}
+            ref={refDate}
+            dataSource={dates}
+            selectedIndex={dates.indexOf(date)}
             itemHeight={35}
             wrapperHeight={175}
             wrapperColor={'#ffffff'}
             highlightColor={'#c8c7cc'}
             renderItem={itemRenderer}
-            onValueChange={onYearChange}
+            onValueChange={onDateChange}
           />
         </View>
         <View style={{ width: showMonthView ? undefined : 0, flex: showMonthView ? 1 : 0, }} >
@@ -190,24 +190,24 @@ export default function m(props: LibDatepickerProps): any {
             onValueChange={onMonthChange}
           />
         </View>
-        <View style={{ width: showDateView ? undefined : 0, flex: showDateView ? 1 : 0, }} >
+        <View style={{ width: showYearView ? undefined : 0, flex: showYearView ? 1 : 0, }} >
           <ScrollPicker
-            ref={refDate}
-            dataSource={dates}
-            selectedIndex={dates.indexOf(date)}
+            ref={refYear}
+            dataSource={years}
+            selectedIndex={years.indexOf(year)}
             itemHeight={35}
             wrapperHeight={175}
             wrapperColor={'#ffffff'}
             highlightColor={'#c8c7cc'}
             renderItem={itemRenderer}
-            onValueChange={onDateChange}
+            onValueChange={onYearChange}
           />
         </View>
       </View>
       <LinearGradient
         start={{ x: 1, y: 0 }}
         end={{ x: 1, y: 1 }}
-        colors={['rgba(255,255,255,1)','rgba(255,255,255,0.8)', 'rgba(255,255,255,0)','rgba(255,255,255,0.8)', 'rgba(255,255,255,1)']}
+        colors={['rgba(255,255,255,1)', 'rgba(255,255,255,0.8)', 'rgba(255,255,255,0)', 'rgba(255,255,255,0.8)', 'rgba(255,255,255,1)']}
         pointerEvents='none' style={{ height: 175, position: 'absolute', top: 44, bottom: 0, left: 0, right: 0 }} />
     </View>
   )

package/modules/lib/infinite.tsx

@@ -16,6 +16,7 @@ export interface LibInfiniteProps {
   onResult?: (res: any, uri: string) => void,
   filterData?: (item: any, index: number, array: any[]) => boolean,
   error?: string,
+  LoadingView?: any,
   errorView?: ((msg: string) => any) | any,
   mainIndex?: string,
   stickyHeaderIndices?: number[],
@@ -174,7 +175,7 @@ export default class m extends LibComponent<LibInfiniteProps, LibInfiniteState>{
       <View style={{ flex: 1 }} >
         {
           (!data || data.length) == 0 && !this.isStop ?
-            <LibLoading />
+            this.props.LoadingView || <LibLoading />
             :
             <FlatList
               ref={this.flatlist}

package/modules/lib/input.tsx

@@ -58,6 +58,7 @@ export default class m extends LibComponent<LibInputProps, LibInputState>{
     this.clearError = this.clearError.bind(this);
     this.setHelper = this.setHelper.bind(this);
     this.clearHelper = this.clearHelper.bind(this);
+    this.reverseString = this.reverseString.bind(this);
     this.getTextMasked = this.getTextMasked.bind(this);
   }
 
@@ -93,20 +94,27 @@ export default class m extends LibComponent<LibInputProps, LibInputState>{
     this.setState({ error: undefined })
   }
 
+  reverseString(str: string): string {
+    let out = '';
+    for (let i = str.length - 1; i >= 0; i--) {
+      out += str[i];
+    }
+    return out;
+  }
+
   mask(text: string): string {
-    let _text = text
     let { mask, maskFrom } = this.props
     if (mask) {
       if (!maskFrom) maskFrom = 'start'
-      let rMask = mask.split("")
-      let rText = this.unmask(_text)?.split?.("")
+      let rMask = mask
+      let rText = this.unmask(text)
       if (maskFrom == 'end') {
-        rMask = [...rMask?.reverse?.()]
-        rText = [...rText?.reverse?.()]
+        rMask = this.reverseString(mask)
+        rText = this.reverseString(rText)
       }
       let maskedText = ''
-      var _addRange = 0
-      var _addMaskChar = ''
+      let _addRange = 0
+      let _addMaskChar = ''
       for (let i = 0; i < rMask.length; i++) {
         const iMask = rMask[i];
         if (iMask == '#') {
@@ -124,12 +132,12 @@ export default class m extends LibComponent<LibInputProps, LibInputState>{
         }
       }
       if (maskFrom == 'end') {
-        maskedText = maskedText.split('').reverse().join('')
+        maskedText = this.reverseString(maskedText)
       }
       this.ref.setNativeProps({ text: maskedText })
       return maskedText
     }
-    return _text
+    return text
   }
 
   unmask(text: string): string {

package/modules/lib/navigation.ts

@@ -91,7 +91,7 @@ export default (() => {
             r(value)
           };
         }
-        m.navigate(route, params)
+        m.push(route, params)
       })
     }
 

package/modules/lib/picture.tsx

@@ -1,10 +1,10 @@
 // withHooks
 // noPage
 
+import { esp, LibStyle, LibWorker, LibWorkloop, useSafeState } from 'esoftplay';
+import * as FileSystem from 'expo-file-system';
 import React, { useMemo } from 'react';
-import { View, Image, Platform, PixelRatio } from 'react-native';
-import { useSafeState, LibWorker, LibStyle, LibWorkloop, esp, } from 'esoftplay';
-import * as FileSystem from 'expo-file-system'
+import { Image, PixelRatio, Platform, View } from 'react-native';
 const sh = require("shorthash")
 
 export interface LibPictureSource {
@@ -36,6 +36,7 @@ const getCacheEntry = async (uri: string, toSize: number): Promise<{ exists: boo
 };
 
 const fetchPicture = LibWorker.registerJobAsync('lib_picture_fetch', (url: string, toSize: number) => {
+  'show source';
   return new Promise((resolve, reject) => {
     fetch(url, { mode: 'cors' })
       .then(response => response.blob())

package/modules/lib/toast.tsx

@@ -2,10 +2,9 @@
 // noPage
 
 import { LibStyle, useGlobalState } from 'esoftplay';
-import React, { useCallback, useEffect, useRef } from 'react';
+import React, { useEffect } from 'react';
 import { Text } from 'react-native';
-import Animated, { EasingNode } from 'react-native-reanimated';
-;
+import Animated, { interpolate, useAnimatedProps, useSharedValue, withTiming } from 'react-native-reanimated';
 
 export interface LibToastProps {
 
@@ -39,35 +38,23 @@ export function show(message: string, timeout?: number): void {
 }
 
 export default function m(props: LibToastProps): any {
-  const data = state.useSelector(s => s)
-  // if (!data.message) return null
+  const [data] = state.useState()
+  const anim = useSharedValue(0)
 
-  const animatable = useRef(new Animated.Value(0)).current
-
-  const inv = animatable.interpolate({
-    inputRange: [0, 1],
-    outputRange: [-(LibStyle.STATUSBAR_HEIGHT + 300), 0],
-  })
-  const op = animatable.interpolate({
-    inputRange: [0, 0.7, 1],
-    outputRange: [0, 0, 1],
-  })
-
-  const showHide = useCallback((show: boolean) => {
-    Animated.timing(animatable, {
-      toValue: show ? 1 : 0,
-      duration: 500,
-      easing: EasingNode.linear
-    }).start()
-  }, [data])
+  const style = useAnimatedProps(() => ({
+    transform: [{
+      translateY: interpolate(anim.value, [0, 1], [-(LibStyle.STATUSBAR_HEIGHT + 400), 0])
+    }],
+    opacity: interpolate(anim.value, [0, 0.8, 1], [0, 0, 1])
+  }))
 
   useEffect(() => {
-    showHide(data?.message)
+    anim.value = withTiming(data?.message ? 1 : 0, { duration: 500 })
   }, [data])
 
   return (
-    <Animated.View style={{ position: 'absolute', top: LibStyle.STATUSBAR_HEIGHT + 70, left: 0, right: 0, transform: [{ translateY: inv }], marginVertical: 4, marginHorizontal: 13, borderRadius: 13, borderWidth: 1, borderColor: '#c4c4c4', opacity: op, backgroundColor: '#333', padding: 16, flex: 1 }} >
-      <Text style={{ fontSize: 13, fontWeight: "bold", fontStyle: "normal", letterSpacing: 0, textAlign: "center", color: 'white' }} >{String(data?.message || '')}</Text>
+    <Animated.View style={[{ position: 'absolute', top: LibStyle.STATUSBAR_HEIGHT + 70, left: 0, right: 0, marginVertical: 4, marginHorizontal: 13, borderRadius: 4, borderWidth: 1, borderColor: '#505050', backgroundColor: '#323232', paddingVertical: 13, paddingHorizontal: 16, }, style, LibStyle.elevation(2)]} >
+      <Text style={{ fontSize: 14, textAlign: "center", color: 'white' }} >{String(data?.message || '')}</Text>
     </Animated.View>
   )
 }

package/modules/lib/updater.tsx

@@ -12,7 +12,7 @@ export interface LibUpdaterProps {
 }
 
 export function install(): void {
-  Updates.reloadAsync()
+  setTimeout(Updates.reloadAsync)
 }
 
 export function alertInstall(title?: string, msg?: string): void {

package/modules/lib/webview.tsx

@@ -127,6 +127,7 @@ class ewebview extends LibComponent<LibWebviewProps, LibWebviewState> {
       <Animated.View style={{ height: this.state.height, overflow: "hidden" }}>
         <WebView
           {...otherprops}
+          cacheEnabled={false} 
           ref={(e: any) => this.webview = e}
           source={this.state.source}
           bounces={bounces !== undefined ? bounces : true}

package/modules/lib/worker.tsx

@@ -32,6 +32,7 @@ export default class m extends Component<LibWorkerProps, LibWorkerState> {
   }
 
   static registerJob(name: string, func: Function): (params: any[], res: (data: any) => void) => void {
+    'show source';
     const x = func.toString().replace('function', 'function ' + name)
     _global.injectedJavaScripts.push(x)
     m.dispatch(() => x, '', () => { })
@@ -54,6 +55,7 @@ export default class m extends Component<LibWorkerProps, LibWorkerState> {
   }
 
   static registerJobAsync(name: string, func: (...fparams: any[]) => Promise<any>): (params: any[], res: (data: any) => void) => void {
+    'show source';
     const x = func.toString().replace('function', 'function ' + name)
     _global.injectedJavaScripts.push(x)
     m.dispatch(() => x, '', () => { })
@@ -86,6 +88,7 @@ export default class m extends Component<LibWorkerProps, LibWorkerState> {
   }
 
   static jobAsync(func: (...fparams: any[]) => Promise<any>, params: (string | number | boolean)[], res: (data: any) => void): void {
+    'show source';
     if (Platform.OS == 'android')
       if (Platform.Version <= 22) {
         (async () => res(await func(...params)))()
@@ -105,6 +108,7 @@ export default class m extends Component<LibWorkerProps, LibWorkerState> {
   }
 
   static job(func: Function, params: (string | number | boolean)[], res: (data: any) => void): void {
+    'show source';
     if (Platform.OS == 'android')
       if (Platform.Version <= 22) {
         return res(func(...params))

package/modules/use/deeplink.ts

@@ -6,12 +6,19 @@ import { useCallback, useEffect } from 'react';
 import { Alert, Linking } from 'react-native';
 
 export default function m(defaultUrl?: string): void {
-  const doLink = useCallback(({ url }: any) => {
+  const doLink = useCallback(({ url }: { url: string }) => {
     const { domain, uri } = esp.config()
     if (url?.includes(defaultUrl || domain))
       LibUtils.debounce(() => {
         url = url.replace((domain + uri), (domain + uri + 'deeplink/'))
-        new LibCurl().custom(url, null,
+        function removeLastDot(url: string) {
+          if (url.substr(url.length - 1, 1) == '.') {
+            url = url.substring(0, url.length - 1)
+            return removeLastDot(url)
+          }
+          return url
+        }
+        new LibCurl().custom(removeLastDot(url), null,
           (res) => {
             if (res.ok == 1) {
               function nav(module: string, url: string) {
@@ -20,6 +27,7 @@ export default function m(defaultUrl?: string): void {
                     nav(module, url)
                   }, 500);
                 } else {
+                  //@ts-nocheck
                   LibNavigation.push(module, { url: url })
                 }
               }

package/modules/user/data.ts

@@ -28,7 +28,9 @@ export default class m {
 
   deleteAll(): void {
     AsyncStorage.getItem("user_data_dependent").then((x) => {
-      Object.values?.(_global.useGlobalUserDelete)?.map?.((func) => func?.())
+      if (_global?.useGlobalUserDelete) {
+        Object.values?.(_global?.useGlobalUserDelete)?.map?.((func) => func?.())
+      }
       if (x) AsyncStorage.multiRemove(JSON.parse(x))
     })
   }

package/modules/user/index.tsx

@@ -5,7 +5,7 @@ import { esp, LibDialog, LibImage, LibNet_status, LibProgress, LibStyle, LibToas
 import * as Font from "expo-font";
 import firebase from 'firebase';
 import React, { useEffect, useMemo } from "react";
-import { View } from "react-native";
+import { Alert, View } from "react-native";
 //@ts-ignore
 import Navs from "../../cache/navs";
 
@@ -47,6 +47,14 @@ export default function m(props: UserIndexProps): any {
   }
 
   useMemo(() => {
+    const timeout = setTimeout(() => {
+      Alert.alert("Yey...! Pembaharuan sudah selesai", "Silahkan mulai ulang aplikasi kamu", [
+        {
+          onPress: () => LibUpdaterProperty.install(),
+          text: "Mulai Ulang Sekarang"
+        }
+      ], { cancelable: false })
+    }, 30 * 1000);
     if (esp.config('firebase').hasOwnProperty('apiKey')) {
       if (!firebase.apps.length) {
         firebase.initializeApp(esp.config('firebase'));
@@ -59,6 +67,7 @@ export default function m(props: UserIndexProps): any {
         if (isNew) {
           LibUpdaterProperty.install()
         } else {
+          clearTimeout(timeout)
           setLoading(false)
         }
       })

package/package.json

@@ -1,11 +1,10 @@
 {
   "name": "esoftplay",
-  "version": "0.0.107",
+  "version": "0.0.108",
   "description": "embedding data from esoftplay framework (web based) into mobile app",
   "main": "cache/index.js",
   "types": "../../index.d.ts",
   "scripts": {
-    "install": "esp start",
     "postinstall": "node ./bin/build.js install",
     "test": "node ./bin/build.js install"
   },