esoftplay 0.0.124 → 0.0.125

package/bin/build.js

@@ -143,36 +143,35 @@ if (fs.existsSync(packjson)) {
 		}
 
 		const easconfg = `{
-"cli": {
-	"version": ">= 0.52.0"
-},
-"build": {
-	"development": {
-		"developmentClient": true,
-		"distribution": "internal",
-		"ios": {
-			"simulator": true,
-			"resourceClass": "m1-medium"
-		}
-	},
-	"preview": {
-		"distribution": "internal",
-		"ios": {
-			"simulator": true,
-			"resourceClass": "m1-medium"
-		}
+	"cli": {
+		"version": ">= 0.52.0"
 	},
-	"preview_build": {
-		"distribution": "internal",
-		"android": {
-			"buildType": "apk"
+	"build": {
+		"development": {
+			"developmentClient": true,
+			"distribution": "internal",
+			"ios": {
+				"simulator": true			
+			}
+		},
+		"preview": {
+			"distribution": "internal",
+			"ios": {
+				"simulator": true			
+			}
+		},
+		"preview_build": {
+			"distribution": "internal",
+			"android": {
+				"buildType": "apk"
+			}
+		},
+		"production": {
 		}
 	},
-	"production": {}
-},
-"submit": {
-	"production": {}
-}
+	"submit": {
+		"production": {}
+	}
 }`
 
 		fs.writeFile(easjson, easconfg, (err) => {

package/bin/cli.js

@@ -170,7 +170,7 @@ function jsEng(file, isHermes) {
 			return
 		}
 		let app = JSON.parse(txt)
-		app.expo.jsEngine = isHermes ? "hermes" : "jsc"
+		app.expo.jsEngine = isHermes ? "hermes" : "hermes"
 		fs.writeFileSync(file, JSON.stringify(app, undefined, 2))
 	} else {
 		consoleError(file)
@@ -669,8 +669,8 @@ function buildPrepare(include = true) {
 					comm.push(`cp -n ./node_modules/esoftplay/modules/${module}/* ./modules/${module}`)
 				}
 			});
-			comm.push('cp ./node_modules/esoftplay/libs/worker.tsx ./assets/')
-			comm.push('node ./node_modules/esoftplay/assets/prepare.mjs')
+			// comm.push('cp ./node_modules/esoftplay/libs/worker.tsx ./assets/')
+			// comm.push('node ./node_modules/esoftplay/assets/prepare.mjs')
 			consoleSucces("\n\nPLEASE COPY AND EXECUTE THE FOLLOWING COMMAND\n\n" + comm.join('\n') + "\n")
 		}
 	} else {

package/bin/router.js

@@ -429,14 +429,16 @@ declare module "esoftplay" {
       backgroundWhite: string,
     }
   }
+  
   interface useGlobalReturn<T> {
-    useState: () => [T, (newState: T | ((a:T) => T)) => T | undefined, () => void],
-    get: () => T,
+    useState: () => [T, (newState: T) => void, () => void],
+    get: (param?: string, ...params: string[]) => T,
     set: (x: T) => void,
     reset: () => void,
     connect: (props: useGlobalConnect<T>) => any,
     useSelector: (selector: (state: T) => any) => any;
   }
+  
   interface useGlobalOption {
     persistKey?: string,
     inFile?: boolean,

package/esp.ts

@@ -31,8 +31,6 @@ console.warn = (...arg) => {
 };
 LogBox.ignoreLogs(ignoreWarns);
 
-
-
 let app = require('../../app.json');
 let conf = require('../../config.json');
 let lconf: any
@@ -41,6 +39,8 @@ try {
 } catch (error) {
 
 }
+if (conf?.config?.isDebug == 0)
+  LogBox.ignoreAllLogs();
 
 const esp = {
   mergeDeep(target: any, ...sources: any[]) {
@@ -205,7 +205,14 @@ const esp = {
   },
   log(message?: any, ...optionalParams: any[]) {
     if (esp.config("isDebug") == 1) {
-      console.log(message, ...optionalParams, "\x1b[0m");
+      let out = [message]
+      if (optionalParams)
+        out.push(...optionalParams)
+      out.forEach((x) => {
+        if (x != undefined)
+          console.log(JSON.stringify(x, undefined, 2), "\x1b[0m");
+        console.log(x, "\x1b[0m")
+      })
     }
   },
   logColor: {

package/global.ts

@@ -6,9 +6,10 @@ import * as R from 'react';
 import { fastFilter, fastLoop } from './fast';
 const isEqual = require('react-fast-compare');
 
+
 export interface useGlobalReturn<T> {
   useState: () => [T, (newState: T) => void, () => void],
-  get: () => T,
+  get: (param?: string, ...params: string[]) => T,
   set: (x: T) => void,
   reset: () => void,
   connect: (props: useGlobalConnect<T>) => any,
@@ -19,6 +20,7 @@ export interface useGlobalOption {
   persistKey?: string,
   inFile?: boolean,
   listener?: (data: any) => void,
+  jsonBeautify?: boolean,
   isUserData?: boolean
 }
 
@@ -47,12 +49,19 @@ export default function useGlobalState<T>(initValue: T, o?: useGlobalOption): us
 
   if (o?.persistKey) {
     let persistKey = o?.persistKey
-    STORAGE.getItem(persistKey).then((p) => {
+    STORAGE.getItem(persistKey).then((p: any) => {
       if (p) {
         if (p != undefined && typeof p == 'string' && (p.startsWith("{") || p.startsWith("[")))
           try { set(JSON.parse(p)) } catch (error) { }
-        else
-          try { /* @ts-ignore */ set(eval(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) { }
+          }
+        }
       }
     })
   }
@@ -60,7 +69,7 @@ export default function useGlobalState<T>(initValue: T, o?: useGlobalOption): us
   /* register to userData to automatically reset state and persist */
   if (o?.isUserData) {
     function resetFunction() {
-      set(initValue)
+      del()
     }
     if (o?.persistKey) {
       if (UserData)
@@ -79,7 +88,7 @@ export default function useGlobalState<T>(initValue: T, o?: useGlobalOption): us
         switch (typeof ns) {
           case 'object':
             if (ns != null || ns != undefined)
-              data = JSON.stringify(ns)
+              data = o.jsonBeautify ? JSON.stringify(ns, undefined, 2) : JSON.stringify(ns)
             break;
           default:
             data = String(ns)

package/libs/worker.tsx

@@ -1,166 +1,46 @@
-import { esp } from "esoftplay";
-import _global from "esoftplay/_global";
-import React, { useRef } from "react";
-import { Platform, View } from 'react-native';
-import WebView from "react-native-webview";
+import { useRef } from "react";
 
-_global.WorkerBase = React.createRef()
-_global.WorkerTasks = new Map()
-_global.injectedJavaScripts = []
-_global.WorkerReady = 0
-_global.WorkerCount = 0
 
 const Worker = {
   delete(taskId: string) {
-    _global.WorkerTasks.delete(taskId)
   },
   useWorker(name: string, func: (...fparams: any[]) => Promise<any>): (params: any[], res: (data: any) => void) => void {
+    console.warn("Esoftplay Worker DEPRECATED, please remove from your code")
     const ref = useRef(Worker.registerJobAsync(name, func)).current
     return ref
   },
   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)
-    Worker.dispatch(() => x, '', () => { })
+    console.warn("Esoftplay Worker DEPRECATED, please remove from your code");
     return (params: (string | number | boolean)[], res: (data: string) => void) => {
-      if (Platform.OS == 'android')
-        if (Platform.Version <= 22) {
-          return res(func(...params))
-        }
-      Worker.dispatch(
-        (id: number) => {
-          let _params = params.map((param) => {
-            if (typeof param == 'string')
-              return `"` + param + `"`
-            return param
-          })
-          return (`window.ReactNativeWebView.postMessage(JSON.stringify({ data: ` + name + `(` + _params.join(", ") + `), id: ` + id + ` }));true;`)
-        }
-        , '', res)
+      return res(func(...params))
     }
   },
   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)
-    Worker.dispatch(() => x, '', () => { })
+    console.warn("Esoftplay Worker DEPRECATED, please remove from your code");
     return (params: (string | number | boolean)[], res: (data: string) => void) => {
-      if (Platform.OS == 'android')
-        if (Platform.Version <= 22) {
-          (async () => res(await func(...params)))()
-          return
-        }
-
-      Worker.dispatch(
-        (id: number) => {
-          let _params = params.map((param) => {
-            if (typeof param == 'string')
-              return `"` + param + `"`
-            return param
-          })
-          return (`(async () => window.ReactNativeWebView.postMessage(JSON.stringify({ data: await ` + name + `(` + _params.join(", ") + `), id: ` + id + ` })))();true;`)
-        }
-        , '', res)
+      (async () => res(await func(...params)))()
     }
   },
   objToString(data: any): string {
-    if (Platform.OS == 'android')
-      if (Platform.Version <= 22) {
-        return JSON.stringify(data)
-      }
-    return JSON.stringify(JSON.stringify(data)).slice(1, -1);
+    return JSON.stringify(data)
   },
   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)))()
-        return
-      }
-    Worker.dispatch(
-      (id: number) => {
-        const nameFunction = func.toString().replace('function', 'function tempFunction')
-        let _params = params.map((param) => {
-          if (typeof param == 'string')
-            return `"` + param + `"`
-          return param
-        })
-        return (`(async () => window.ReactNativeWebView.postMessage(JSON.stringify({ data: await ` + nameFunction + `(` + _params.join(", ") + `), id: ` + id + ` })))();true;`)
-      }
-      , '', res)
+    console.warn("Esoftplay Worker DEPRECATED, please remove from your code");
+    (async () => res(await func(...params)))()
   },
   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))
-      }
-    Worker.dispatch(
-      (id: number) => {
-        const nameFunction = func.toString().replace('function', 'function tempFunction')
-        let _params = params.map((param) => {
-          if (typeof param == 'string')
-            return `"` + param + `"`
-          return param
-        })
-
-        const out = nameFunction + `\nwindow.ReactNativeWebView.postMessage(JSON.stringify({ data: tempFunction` + `(` + _params.join(",") + `), id: ` + id + ` }));true;`
-        return out
-      }
-      , '', res)
+    console.warn("Esoftplay Worker DEPRECATED, please remove from your code");
+    return res(func(...params))
   },
   dispatch(task: (id: number) => string, url: string, result: (r: string) => void): void {
-    if (_global.WorkerReady > 0 && typeof _global.WorkerBase?.current?.injectJavaScript == 'function') {
-      _global.WorkerCount++
-      var _task = task(_global.WorkerCount)
-      _global.WorkerTasks.set(String(_global.WorkerCount), {
-        task: _task,
-        result: result
-      })
-      _global.WorkerBase?.current?.injectJavaScript?.(_task)
-    } else {
-      setTimeout(() => {
-        Worker.dispatch(task, url, result)
-      }, 1000);
-    }
+    
   },
   onMessage(withRefName: string): any {
-    return (e: any) => {
-      if (e.nativeEvent.data == withRefName) {
-        _global.WorkerReady += 1
-        return
-      }
-      const dt = e.nativeEvent.data
-      const x = JSON.parse(dt)
-      const itemTask = _global.WorkerTasks.get(String(x.id))
-      if (itemTask) {
-        itemTask.result(x.data)
-        Worker.delete(x.id)
-      }
-    }
+    
   },
   Provider(props: any): any {
-    if (Platform.OS == 'android')
-      if (Platform.Version <= 22) {
-        return props.children
-      }
-    return (
-      <View style={{ flex: 1 }} >
-        <View style={{ height: 0, width: 0 }} >
-          <WebView
-            ref={_global.WorkerBase}
-            style={{ width: 0, height: 0 }}
-            javaScriptEnabled={true}
-            injectedJavaScript={`\nwindow.ReactNativeWebView.postMessage("BaseWorkerIsReady")\n` + _global.injectedJavaScripts.join('\n') + '\ntrue;'}
-            originWhitelist={["*"]}
-            source={{ uri: esp.config("protocol") + "://" + esp.config("domain") + esp.config("uri") + "dummyPageToBypassCORS" }}
-            onMessage={Worker.onMessage('BaseWorkerIsReady')}
-          />
-        </View>
-        {props.children}
-      </View>
-    )
+    console.warn("Esoftplay Worker DEPRECATED, please remove from your code")
+    return props.children
   }
 }
 export default Worker

package/modules/lib/autoreload.ts

@@ -2,25 +2,24 @@
 
 import { InteractionManager } from 'react-native'
 
-export default (() => {
-  let updater = undefined
-  return {
-    set(callback: () => void, duration?: number): void {
-      if (updater != undefined) {
-        clearInterval(updater)
-        updater = undefined
-      }
-      updater = setInterval(() => {
-        InteractionManager.runAfterInteractions(() => {
-          callback()
-        });
-      }, duration || 6000)
-    },
-    clear(): void {
-      if (updater != undefined) {
-        clearInterval(updater)
-        updater = undefined
-      }
+let updater: any
+export default class m {
+  static set(callback: () => void, duration?: number): void {
+    if (updater != undefined) {
+      clearInterval(updater)
+      updater = undefined
     }
+    updater = setInterval(() => {
+      InteractionManager.runAfterInteractions(() => {
+        callback()
+      });
+    }, duration || 6000)
   }
-})()
+
+  static clear(): void {
+    if (updater != undefined) {
+      clearInterval(updater)
+      updater = undefined
+    }
+  }
+}

package/modules/lib/curl.ts

@@ -6,8 +6,8 @@ import { LibNet_status } from 'esoftplay/cache/lib/net_status/import';
 import { LibProgress } from 'esoftplay/cache/lib/progress/import';
 import { LibToastProperty } from 'esoftplay/cache/lib/toast/import';
 import { LibUtils } from 'esoftplay/cache/lib/utils/import';
-import esp from 'esoftplay/esp';
 import { reportApiError } from "esoftplay/error";
+import esp from 'esoftplay/esp';
 import Constants from 'expo-constants';
 
 //api_logger_import
@@ -288,6 +288,7 @@ export default class m {
         esp.log(this.url + this.uri, options)
       this.fetchConf = { url: this.url + this.uri, options: options }
       this.initTimeout(this.timeout);
+      //api_init_time
       fetch(this.url + this.uri, options).then(async (res) => {
         this.cancelTimeout()
         var resText = await res.text()
@@ -301,6 +302,7 @@ export default class m {
           LibProgress.hide()
           this.onError(resText)
         }
+        //api_logger
       }).catch((e) => {
         this.cancelTimeout()
         LibProgress.hide()
@@ -441,16 +443,14 @@ export default class m {
     LibProgress.hide()
   }
 
-  protected getTimeByTimeZone(timeZone: string): number {
-    let localTimezoneOffset = new Date().getTimezoneOffset()
-    let serverTimezoneOffset = -420 // -420 for Asia/Jakarta
-    let diff
-    if (localTimezoneOffset < serverTimezoneOffset) {
-      diff = localTimezoneOffset - serverTimezoneOffset
-    } else {
-      diff = (serverTimezoneOffset - localTimezoneOffset) * -1
-    }
-    let time = new Date().getTime() + (diff * 60 * 1000 * -1);
-    return time;
+  protected getTimeByTimeZone(GMT: number): number {
+    const date = new Date()
+    let currentOffsetInMinutes = date.getTimezoneOffset();
+    let currentOffsetInHours = currentOffsetInMinutes / 60;
+    let currentGMT = -currentOffsetInHours;
+    let currentOffset = currentGMT * 60 * 60 * 1000;
+    let targetOffset = 7/* Asia/Jakarta */ * 60 * 60 * 1000;
+    let gmtDiff = targetOffset - currentOffset;
+    return date.getTime() + gmtDiff
   }
 }

package/modules/lib/gradient.tsx

@@ -0,0 +1,59 @@
+// withHooks
+
+import { LinearGradient } from 'expo-linear-gradient';
+import React from 'react';
+
+export interface LibGradientArgs {
+
+}
+export interface LibGradientProps {
+  style?: any,
+  children: any,
+  direction: "top-to-bottom" | "bottom-to-top" | "left-to-right" | "right-to-left" | "top-left-to-bottom-right" | "bottom-right-to-top-left" | "top-right-to-bottom-left" | "bottom-left-to-top-right",
+  colors: string[]
+}
+const direction = {
+  "top-to-bottom": {
+    start: { x: 0.5, y: 0 },
+    end: { x: 0.5, y: 1 }
+  },
+  "bottom-to-top": {
+    start: { x: 0.5, y: 1 },
+    end: { x: 0.5, y: 0 }
+  },
+  "left-to-right": {
+    start: { x: 0, y: 0.5 },
+    end: { x: 1, y: 0.5 }
+  },
+  "right-to-left": {
+    start: { x: 1, y: 0.5 },
+    end: { x: 0, y: 0.5 }
+  },
+  "top-left-to-bottom-right": {
+    start: { x: 0, y: 0 },
+    end: { x: 1, y: 1 }
+  },
+  "bottom-right-to-top-left": {
+    start: { x: 1, y: 1 },
+    end: { x: 0, y: 0 }
+  },
+  "top-right-to-bottom-left": {
+    start: { x: 1, y: 0 },
+    end: { x: 0, y: 1 }
+  },
+  "bottom-left-to-top-right": {
+    start: { x: 0, y: 1 },
+    end: { x: 1, y: 0 }
+  }
+};
+
+export default function m(props: LibGradientProps): any {
+  return (
+    <LinearGradient
+      colors={props.colors}
+      style={props.style}
+      {...direction[props.direction]} >
+      {props.children}
+    </LinearGradient>
+  )
+}

package/modules/lib/infinite.tsx

@@ -1,5 +1,5 @@
 // noPage
-
+import { FlashList } from "@shopify/flash-list";
 import { LibComponent } from 'esoftplay/cache/lib/component/import';
 import { LibCurl } from 'esoftplay/cache/lib/curl/import';
 import { LibListItemLayout } from 'esoftplay/cache/lib/list/import';
@@ -10,7 +10,7 @@ import esp from 'esoftplay/esp';
 
 import React from 'react';
 import isEqual from 'react-fast-compare';
-import { FlatList, View } from 'react-native';
+import { View } from 'react-native';
 
 export interface LibInfiniteProps {
   url: string,
@@ -66,7 +66,7 @@ export default class m extends LibComponent<LibInfiniteProps, LibInfiniteState>{
   isStop: boolean = false
   page: number | undefined = 0
   pages: number[]
-  flatlist = React.createRef<FlatList<View>>()
+  flatlist = React.createRef<FlashList<View>>()
 
   constructor(props: LibInfiniteProps) {
     super(props);
@@ -179,7 +179,7 @@ export default class m extends LibComponent<LibInfiniteProps, LibInfiniteState>{
     const { data, error } = this.state
     const { errorView, refreshEnabled } = this.props
     // const AutoLayoutViewNativeComponent = require("@shopify/flash-list/src/native/auto-layout/AutoLayoutViewNativeComponent")
-    const List = /* !!AutoLayoutViewNativeComponent ? FlashList : */ FlatList
+    const List = /* !!AutoLayoutViewNativeComponent ? FlashList : */ FlashList
     return (
       <View style={{ flex: 1 }} >
         {
@@ -205,6 +205,7 @@ export default class m extends LibComponent<LibInfiniteProps, LibInfiniteState>{
               }
               showsHorizontalScrollIndicator={false}
               showsVerticalScrollIndicator={false}
+              estimatedItemSize={this.props.staticHeight || 100}
               initialNumToRender={5}
               maxToRenderPerBatch={10}
               windowSize={10}

package/modules/lib/list.tsx

@@ -2,9 +2,10 @@
 
 
 // 
+import { FlashList } from "@shopify/flash-list";
 import { LibComponent } from 'esoftplay/cache/lib/component/import';
 import React from "react";
-import { FlatList, View } from 'react-native';
+import { View } from 'react-native';
 
 export interface LibListItemLayout {
   length: number,
@@ -50,7 +51,7 @@ export interface LibListState {
 export default class m extends LibComponent<LibListProps, LibListState> {
 
   view: any = React.createRef()
-  flatlist = React.createRef<FlatList<View>>()
+  flatlist = React.createRef<FlashList<View>>()
   constructor(props: LibListProps) {
     super(props);
     this.scrollToIndex = this.scrollToIndex.bind(this);
@@ -77,7 +78,7 @@ export default class m extends LibComponent<LibListProps, LibListState> {
         return ({ getItemLayout: (data, index) => this.props.staticHeight ? ({ length: this.props.staticHeight, offset: this.props.staticHeight, index: index }) : undefined })
     }
     // const AutoLayoutViewNativeComponent = require("@shopify/flash-list/src/native/auto-layout/AutoLayoutViewNativeComponent")
-    const List = /* !!AutoLayoutViewNativeComponent ? FlashList : */ FlatList
+    const List = /* !!AutoLayoutViewNativeComponent ? FlashList : */ FlashList
     return (
       <View ref={(e) => this.view = e} style={[{ flex: 1 }]} >
         <List
@@ -89,6 +90,7 @@ export default class m extends LibComponent<LibListProps, LibListState> {
           refreshing={false}
           nestedScrollEnabled
           initialNumToRender={5}
+          estimatedItemSize={this.props.staticHeight || 100}
           maxToRenderPerBatch={10}
           windowSize={10}
           {...this.props}

package/modules/lib/picture.tsx

@@ -1,14 +1,7 @@
 // withHooks
 // noPage
-import { esp, useSafeState } from 'esoftplay';
-import { LibStyle } from 'esoftplay/cache/lib/style/import';
-import { LibWorkloop } from 'esoftplay/cache/lib/workloop/import';
-import Worker from 'esoftplay/libs/worker';
-import * as FileSystem from 'expo-file-system';
-import React, { useLayoutEffect } from 'react';
-import { PixelRatio, Platform, View } from 'react-native';
+import React from 'react';
 import FastImage from 'react-native-fast-image';
-const sh = require("shorthash")
 
 export interface LibPictureSource {
   uri: string
@@ -21,74 +14,7 @@ export interface LibPictureProps {
   onError?: () => void,
 }
 
-const CACHE_DIR = `${FileSystem.cacheDirectory}lib-picture-cache/`;
-
-(() => {
-  try {
-    FileSystem.makeDirectoryAsync(CACHE_DIR).then().catch(e => { });
-  } catch (e) {
-    // do nothing
-  }
-})()
-
-const getCacheEntry = async (uri: string, toSize: number): Promise<{ exists: boolean; path: string }> => {
-  const path = `${CACHE_DIR}${sh.unique(uri)}-${toSize}.png`;
-  const info = await FileSystem.getInfoAsync(path);
-  const { exists } = info;
-  return { exists, path };
-};
-
-const fetchPicture = Worker.registerJobAsync('lib_picture_fetch', (url: string, toSize: number) => {
-  'show source';
-  return new Promise((resolve, reject) => {
-    'show source';
-    fetch(url, { mode: 'cors' })
-      .then(response => response.blob())
-      .then(blob => {
-        let reader = new FileReader();
-        reader.onload = function () {
-          let img = document.createElement('img');
-          img.onload = function () {
-            let wantedMaxSize = toSize
-            let rawheight = img.height
-            let rawwidth = img.width
-            let wantedheight = 0
-            let wantedwidth = 0
-            let ratio = rawwidth / rawheight
-            if (Math.max(rawheight, rawwidth) > wantedMaxSize) {
-              if (rawheight > rawwidth) {
-                wantedwidth = wantedMaxSize * ratio;
-                wantedheight = wantedMaxSize;
-              } else {
-                wantedwidth = wantedMaxSize;
-                wantedheight = wantedMaxSize / ratio;
-              }
-            } else {
-              wantedwidth = rawwidth
-              wantedheight = rawheight
-            }
-            let canvas = document.createElement('canvas');
-            let ctx = canvas.getContext('2d');
-            canvas.width = wantedwidth;
-            canvas.height = wantedheight;
-            //@ts-ignore
-            ctx.drawImage(this, 0, 0, wantedwidth, wantedheight);
-            let x = canvas.toDataURL();
-            resolve(x.replace("data:image/png;base64,", ""))
-          }
-          img.src = String(reader.result)
-        };
-        reader.readAsDataURL(blob);
-      });
-  })
-})
-
 export default function m(props: LibPictureProps): any {
-  const [uri, setUri] = useSafeState('')
-  let b_uri = props?.source?.uri?.replace?.('://api.', '://')
-  b_uri = b_uri?.replace?.('://data.', '://')
-  let { width, height } = props.style
-  const valid = b_uri?.includes?.(esp.config('domain'))
 
   let resizeMode
   if (props?.style?.resizeMode == 'cover')
@@ -102,54 +28,5 @@ export default function m(props: LibPictureProps): any {
   else
     resizeMode = FastImage.resizeMode.cover
 
-  if (!width || !height) {
-    if (width) {
-      height = width
-    } else {
-      width = height
-    }
-    console.warn("Width and Height is Required");
-  }
-
-  useLayoutEffect(() => {
-    if (!valid || (Platform.OS == 'android' && Platform.Version <= 22)) {
-      return
-    }
-    if (b_uri) {
-      let toSize = Math.max(width, height)
-      toSize = isNaN(toSize) ? LibStyle.width * 0.5 : toSize
-      getCacheEntry(b_uri, toSize).then(({ path, exists }) => {
-        if (exists) {
-          setUri(path)
-        } else {
-          fetchPicture([b_uri, PixelRatio.getPixelSizeForLayoutSize(toSize)], (uri) => {
-            setUri("data:image/png;base64," + uri)
-            if (!props.noCache)
-              LibWorkloop.execNextTix(FileSystem.writeAsStringAsync, [path, uri, { encoding: "base64" }])
-          })
-        }
-      })
-    }
-  }, [props?.source?.uri])
-
-  if (!valid || (Platform.Version <= 22 && Platform.OS == 'android')) {
-    if (typeof props.source != 'number' && !b_uri) {
-      return <View style={props.style} />
-    }
-    return <FastImage {...props} resizeMode={resizeMode} />
-  }
-
-  if (!valid || (!props.source.hasOwnProperty("uri"))) {
-    return <FastImage {...props} resizeMode={resizeMode} />
-  }
-
-  if (uri == '') {
-    return (
-      <View style={[{ backgroundColor: '#f1f2f3', borderRadius: 10 }, props.style]} />
-    )
-  }
-
-  return (
-    <FastImage key={b_uri + uri} {...props} source={{ uri: uri }} style={props.style} resizeMode={resizeMode} />
-  )
+  return <FastImage  {...props} resizeMode={resizeMode} />
 }

package/modules/user/index.tsx

@@ -2,6 +2,7 @@
 // noPage
 import { esp, useSafeState } from 'esoftplay';
 import { LibDialog } from 'esoftplay/cache/lib/dialog/import';
+import { LibIcon } from 'esoftplay/cache/lib/icon/import';
 import { LibImage } from 'esoftplay/cache/lib/image/import';
 import { LibNet_status } from 'esoftplay/cache/lib/net_status/import';
 import { LibProgress } from 'esoftplay/cache/lib/progress/import';
@@ -14,14 +15,12 @@ import Navs from 'esoftplay/cache/navs';
 import { UseDeeplink } from 'esoftplay/cache/use/deeplink/import';
 import { UserClass } from 'esoftplay/cache/user/class/import';
 import { UserHook } from 'esoftplay/cache/user/hook/import';
-import { LibIcon } from 'esoftplay/cache/lib/icon/import';
 import { UserLoading } from 'esoftplay/cache/user/loading/import';
 import { UserRoutes } from 'esoftplay/cache/user/routes/import';
 import useGlobalState from 'esoftplay/global';
-import _global from 'esoftplay/_global';
 import * as Font from "expo-font";
 import React, { useEffect, useLayoutEffect } from 'react';
-import { Platform, Pressable, Text, View } from "react-native";
+import { Platform, Pressable, View } from "react-native";
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 
 export interface UserIndexProps {
@@ -46,18 +45,6 @@ function setFonts(): Promise<void> {
 }
 
 
-
-function isWorkerReady(onReady: () => void): void {
-  // @ts-ignore
-  if (_global.WorkerReady < 1) {
-
-    setTimeout(() => isWorkerReady(onReady), 10)
-  } else {
-    onReady()
-  }
-}
-
-
 const route = useGlobalState<any>(undefined, { persistKey: 'user_index_routes_initial' })
 export default function m(props: UserIndexProps): any {
   const [loading, setLoading] = useSafeState(true)
@@ -77,7 +64,7 @@ export default function m(props: UserIndexProps): any {
   }
 
   useLayoutEffect(() => {
-    let limitReady = 3
+    let limitReady = 2
 
     if (esp.config("asyncWorker") == true) {
       limitReady = 2
@@ -89,16 +76,6 @@ export default function m(props: UserIndexProps): any {
       }
     }
 
-    if (limitReady == 3) {
-
-      isWorkerReady(() => {
-        ready.current += 1
-        if (ready.current >= limitReady) {
-          setLoading(false)
-        }
-      })
-    }
-
     (async () => {
       await setFonts()
       ready.current += 1

package/moment.ts

@@ -16,6 +16,30 @@ const dayjsType: any = ["day", "week", "month", "quarter", "year", "hour", "minu
 function isNumeric(n) {
   return !isNaN(parseFloat(n)) && isFinite(n);
 }
+export function setTimeOffset(date?: string | Date | any): Date {
+  const _date = (date instanceof Date ? date : (typeof date == 'string' ? new Date(date) : new Date()))
+  let currentOffsetInMinutes = _date.getTimezoneOffset();
+  let currentOffsetInHours = currentOffsetInMinutes / 60;
+  let currentGMT = -currentOffsetInHours;
+  let currentOffset = currentGMT * 60 * 60 * 1000;
+  let targetOffset = 7/* Asia/Jakarta */ * 60 * 60 * 1000;
+  let gmtDiff = targetOffset - currentOffset;
+  let timeWithOffset = new Date(_date.getTime() + gmtDiff);
+  return timeWithOffset
+}
+export function resetTimeOffset(date: Date): Date {
+  if (!(date instanceof Date)) {
+    date = dayjs(date).toDate()
+  }
+  let currentOffsetInMinutes = date.getTimezoneOffset();
+  let currentOffsetInHours = currentOffsetInMinutes / 60;
+  let currentGMT = -currentOffsetInHours;
+  let currentOffset = currentGMT * 60 * 60 * 1000;
+  let targetOffset = 7/* Asia/Jakarta */ * 60 * 60 * 1000;
+  let gmtDiff = targetOffset - currentOffset;
+  let originalTime = new Date(date.getTime() - gmtDiff);
+  return originalTime;
+}
 
 export default function moment(date?: string | Date | any) {
   let _date = isNumeric(date) ? new Date(date * 1000) : date
@@ -40,11 +64,12 @@ export default function moment(date?: string | Date | any) {
     },
     /* last chain */
     fromNow: () => {
-      const out = dayjs(_date).fromNow()
+      const out = dayjs(resetTimeOffset(_date)).fromNow()
       return out
     },
-    format: (custom: string) => {
-      const out = dayjs(_date).format(custom)
+    format: (custom: string, ignoreTimezone?: boolean) => {
+      const _d = ignoreTimezone ? _date : resetTimeOffset(_date)
+      const out = dayjs(_d).format(custom)
       return out
     },
     toDate: () => {
@@ -52,7 +77,7 @@ export default function moment(date?: string | Date | any) {
       return out
     },
     toMiliseconds: () => {
-      const out = String(dayjs(_date).valueOf())
+      const out = String(dayjs(resetTimeOffset(_date)).valueOf())
       return out
     },
     duration: (other_date: string | Date) => {

package/package.json

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