esoftplay 0.0.106 → 0.0.107

package/_cache.ts

@@ -1,7 +1,7 @@
-import * as R from 'react'
 import AsyncStorage from '@react-native-async-storage/async-storage';
+import * as R from 'react';
+import { fastFilter, fastLoop } from './fast';
 const isEqual = require('react-fast-compare');
-import { fastFilter, fastLoop } from './fast'
 
 export interface UseCache_return<T> {
   useCache: () => [T, (newCache: T | ((oldCache: T) => T)) => void, () => void],

package/bin/build.js

@@ -98,27 +98,28 @@ if (fs.existsSync(packjson)) {
 				}
 			}
 		if (rewrite) {
-			fs.readFile(packjson, 'utf8', function (err, data) {
-				if (err) {
-					return console.log(err);
-				}
-				let result = data.replace(stringExist, stringToBe);
+			// fs.readFile(packjson, 'utf8', function (err, data) {
+			// 	if (err) {
+			// 		return console.log(err);
+			// 	}
+			// 	let result = data.replace(stringExist, stringToBe);
 
-				fs.writeFile(packjson, result, 'utf8', function (err) {
-					if (err) return console.log(err);
-				});
-			});
+			// 	fs.writeFile(packjson, result, 'utf8', function (err) {
+			// 		if (err) return console.log(err);
+			// 	});
+			// });
 			// console.log("Please change scripts.start in package.json into '" + $package.scripts.start + "'")
 			// spawn('node', ['./packager.js', args[0], packjson], { stdio: 'inherit' })
-			// fs.writeFile(packjson, JSON.stringify($package, null, 2), (err) => {
-			//   if (err) throw err;
-			//   console.log('package.json has been updated');
-			// });
+			fs.writeFile(packjson, JSON.stringify($package, null, 2), (err) => {
+				if (err) throw err;
+				console.log('package.json has been updated');
+			});
 		}
 	}
 
 	/* 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);
@@ -296,6 +297,7 @@ export default function App() {
 			'@react-native-async-storage/async-storage',
 			'@react-native-masked-view/masked-view',
 			'@react-native-community/netinfo',
+			'@react-navigation/native-stack',
 			'@react-navigation/native',
 			'@react-navigation/stack',
 			'buffer',
@@ -328,6 +330,12 @@ export default function App() {
 			'react-native-webview',
 			'shorthash'
 		]
+		if ($config.config.hasOwnProperty('excludePackages')) {
+			if ($config.config.excludePackages) {
+				const excludePackages = $config.config.excludePackages
+				expoLib = expoLib.filter((item) => !excludePackages.includes(item))
+			}
+		}
 		let devLibs = [
 			"@babel/core",
 			"@types/react",
@@ -360,9 +368,10 @@ export default function App() {
 				fs.mkdirSync(DIR + 'modules')
 			let cmd = "cd ../../ "
 			if (installDevLibs.length > 0)
-				cmd += "&& npm install --save-dev " + installDevLibs.join(" ") + " "
+				cmd += "&& yarn add " + installDevLibs.join(" ") + " --dev "
 			if (installExpoLibs.length > 0)
 				cmd += "&& expo install " + installExpoLibs.join(" ")
+				cmd += "&& esp start"
 			execSync(cmd, { stdio: ['inherit', 'inherit', 'inherit'] })
 			console.log('App.js has been replace to App.tsx');
 			if (fs.existsSync('../@expo/vector-icons')) {
@@ -383,6 +392,7 @@ 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/cli.js

@@ -91,6 +91,7 @@ switch (args[0]) {
 		createMaster(args[1])
 		break;
 	case "start":
+		excludeModules()
 		execution();
 		break;
 	case "bcl":
@@ -106,6 +107,27 @@ switch (args[0]) {
 		break;
 }
 
+function excludeModules() {
+	let cjson = readToJSON(confjson)
+	if (cjson.config.hasOwnProperty('excludeModules')) {
+		if (cjson.config.excludeModules) {
+			const allmodules = cjson.config.excludeModules
+			if (allmodules.length > 0) {
+				consoleSucces('\nSuccess to exclude this modules:')
+				allmodules.forEach((mod) => {
+					const fileTsxPath = DIR + 'node_modules/esoftplay/modules/' + mod + '.tsx'
+					const fileTsPath = DIR + 'node_modules/esoftplay/modules/' + mod + '.ts'
+					const fileJsPath = DIR + 'node_modules/esoftplay/modules/' + mod + '.js'
+					if (fs.existsSync(fileTsxPath)) fs.unlinkSync(fileTsxPath)
+					if (fs.existsSync(fileTsPath)) fs.unlinkSync(fileTsPath)
+					if (fs.existsSync(fileJsPath)) fs.unlinkSync(fileJsPath)
+					consoleSucces('- ' + mod)
+				})
+			}
+		}
+	}
+}
+
 function consoleFunc(msg, success) {
 	if (success) {
 		consoleSucces(msg)
@@ -132,7 +154,7 @@ function configUpdate(state) {
 }
 
 function update() {
-	command("npm install -s esoftplay@latest")
+	command("yarn upgrade esoftplay --latest")
 	if (fs.existsSync(packjson)) {
 		let pack = readToJSON(packjson)
 		let esplibs = Object.keys(pack.dependencies).filter((key) => key.includes("esoftplay"))
@@ -140,7 +162,7 @@ function update() {
 		esplibs.forEach((key) => {
 			if (key != 'esoftplay') {
 				if (args[1] == 'all')
-					command('npm install -s ' + key + '@latest')
+					command('yarn upgrade ' + key + ' --latest')
 				command("cd node_modules/" + key + " && node mover.js")
 				consoleSucces(key + " succesfully implemented!")
 			}

package/bin/router.js

@@ -8,7 +8,6 @@ var typesDir = "./"
 var replacer = new RegExp(/(?:\-|\.(?:ios|android))?\.(?:jsx|js|ts|tsx)$/);
 var Text = "";
 const rngh = "./node_modules/react-native-gesture-handler/react-native-gesture-handler.d.ts"
-// const isEqual = require('react-fast-compare');
 
 const curPackjson = require('../package.json')
 const mainPackjson = require('../../../package.json')
@@ -39,6 +38,7 @@ var UseLibs = []
 var SuffixHooksProperty = ('Property').trim()
 var Persistor = {};
 var Extender = {};
+var NavsExclude = {};
 var grabClass = null;
 var delReducer = true;
 var countLoop = 0; // jumlah file yang telah dihitung
@@ -50,8 +50,9 @@ var Nav5 = (importer, navs) => {
 // @ts-nocheck
 import React from 'react';
 import { NavigationContainer } from '@react-navigation/native';
-import { createNativeStackNavigator } from 'react-native-screens/native-stack';
+import { createNativeStackNavigator } from '@react-navigation/native-stack';
 \nimport { `+ importer + `, esp, _global } from "esoftplay";\n
+\nimport { LibNavigation } from "esoftplay";\n
 const Stack = createNativeStackNavigator();
 
 export default function m(props): any{
@@ -111,7 +112,11 @@ checks.forEach(modules => {
                 var isHooks = false
                 var isUseLibs = false
                 /* REGEX HOOKS */
-
+                if (n = (/\n?(?:(?:\/\/\s{0,})|(?:\/\*\s{0,}))noPage/).exec(data)) {
+                  NavsExclude[module + '/' + file.slice(0, file.lastIndexOf('.'))] = true
+                } else {
+                  NavsExclude[module + '/' + file.slice(0, file.lastIndexOf('.'))] = false
+                }
                 if (isIndexed) {
                   if (n = (/\n?(?:(?:\/\/\s{0,})|(?:\/\*\s{0,}))useLibs/).exec(data)) {
                     isUseLibs = true
@@ -572,7 +577,9 @@ function createRouter() {
   for (const module in Modules) {
     for (const task in Modules[module]) {
       nav = module + '/' + task;
-      Navigations.push(nav);
+      if (NavsExclude[nav] == false) {
+        Navigations.push(nav);
+      }
       Task += "\t\t" + 'case "' + nav + '":' + "\n\t\t\t" + 'Out = require("../../.' + Modules[module][task] + '").default' + "\n\t\t\t" + 'break;' + "\n";
       /* ADD ROUTER EACH FILE FOR STATIC IMPORT */
       var item = "import { default as _" + ucword(module) + ucword(task) + " } from '../../." + Modules[module][task] + "';\n"
@@ -632,28 +639,28 @@ function createRouter() {
         return console.log(err);
       }
     });
-    /* CREATE NAVIGATION LIST */
-    Text = "export default [\"" + Navigations.join('", "') + "\"]";
-    fs.writeFile(tmpDir + "navigations.js", Text, { flag: 'w' }, function (err) {
-      if (err) {
-        return console.log(err);
-      }
-    });
-    let importer = []
-    let screens = []
-    Navigations.forEach((nav) => {
-      const [module, task] = nav.split('/')
-      const comp = ucword(module) + ucword(task)
-      importer.push(comp)
-      screens.push("\t\t\t\t<Stack.Screen name={\"" + nav + "\"} component={" + comp + "} />")
-    })
-
-    let N = Nav5(importer.join(", "), screens.join("\n"))
+  }
+  /* CREATE NAVIGATION LIST */
+  Text = "export default [\"" + Navigations.join('", "') + "\"]";
+  fs.writeFile(tmpDir + "navigations.js", Text, { flag: 'w' }, function (err) {
+    if (err) {
+      return console.log(err);
+    }
+  });
+  let importer = []
+  let screens = []
+  Navigations.forEach((nav) => {
+    const [module, task] = nav.split('/')
+    const comp = ucword(module) + ucword(task)
+    importer.push(comp)
+    screens.push("\t\t\t\t<Stack.Screen name={\"" + nav + "\"} component={" + comp + "} />")
+  })
 
+  let N = Nav5(importer.join(", "), screens.join("\n"))
+  if (isChange(tmpDir + 'navs.tsx', N))
     fs.writeFile(tmpDir + "navs.tsx", N, { flag: 'w' }, function (err) {
       if (err) {
         return console.log(err);
       }
     });
-  }
 }

package/config.js

@@ -19,6 +19,7 @@
     "isDebug": 1,                             // optional: display console on esp.log('any message'), don't use it for automatic detect the environment (production / development)
     "salt": "CHANGE_INTO_YOUR_OWN_SALT",      // SALT form config.php in your website
     "notification": 1,                        // optional: to determine is this application have notification or not
+    "exludeModules":[],                        // optional: to delete module when listed
     "firebase": {                             // https://console.firebase.google.com - download google-services.json
       "apiKey": "FIREBASE_Web_API_Key",       // Eg. AIzaSyAvVyNeXI3RTo7Tl5LCBSZ-mu92VpbPBK8Y
       "authDomain": "FIREBASE_authDomain",    // Eg. project-6495177974885932998.firebaseapp.com

package/error.ts

@@ -1,10 +1,9 @@
-import React from 'react';
-import { Platform } from 'react-native';
+import AsyncStorage from '@react-native-async-storage/async-storage';
 import { LibCurl, UserClass } from 'esoftplay';
-import { default as UserRoutes } from './modules/user/routes'
 import Constants from 'expo-constants';
-import AsyncStorage from '@react-native-async-storage/async-storage'
+import { Platform } from 'react-native';
 import esp from './esp';
+import { default as UserRoutes } from './modules/user/routes';
 let pack = require('../../package.json');
 let app = require('../../app.json');
 const { manifest } = Constants;
@@ -31,21 +30,29 @@ export function setError(error?: any) {
 }
 
 export function reportApiError(fetch: any, error: any) {
-  // if (manifest?.packagerOpts) {
-  //   return
-  // }
+
+  const user = UserClass.state().get()
   let config = esp.config()
+  let msg = [
+    'slug: ' + "#" + app.expo.slug,
+    'dev: ' + Platform.OS + ' - ' + Constants.deviceName,
+    'app/pub_id: ' + Constants.appOwnership + '/' + (config?.publish_id || '-'),
+    'user_id: ' + user?.id || user?.user_id || '-',
+    'username: ' + user?.username || '-',
+    'fetch: ' + String(JSON.stringify(fetch || {}, undefined, 2)).replace(/[\[\]\{\}\"]+/g, ''),
+    'error: ' + error
+  ].join('\n')
+  
+  if (manifest?.packagerOpts) {
+    let post = {
+      text: msg,
+      chat_id: '-626800023',
+      disable_web_page_preview: true
+    }
+    new LibCurl().custom('https://api.telegram.org/bot923808407:AAEFBlllQNKCEn8E66fwEzCj5vs9qGwVGT4/sendMessage', post)
+    return
+  }
   config?.errorReport?.telegramIds?.forEach?.((id: string) => {
-    const user = UserClass.state().get()
-    const msg = [
-      'slug: ' + "#" + app.expo.slug,
-      'dev: ' + Platform.OS + ' - ' + Constants.deviceName,
-      'app/pub_id: ' + Constants.appOwnership + '/' + (config?.publish_id || '-'),
-      'user_id: ' + user?.id || user?.user_id || '-',
-      'username: ' + user?.username || '-',
-      'fetch: ' + String(JSON.stringify(fetch || {}, undefined, 2)).replace(/[\[\]\{\}\"]+/g, ''),
-      'error: ' + error
-    ].join('\n')
     let post = {
       text: msg,
       chat_id: id,

package/esp.ts

@@ -1,16 +1,15 @@
+import { esp, LibLocale, UserRoutes } from 'esoftplay';
+import Constants from 'expo-constants';
+import { LogBox, Platform } from 'react-native';
 import _assets from './cache/assets';
 import navs from './cache/navigations';
 import routers from './cache/routers';
-import { Platform } from 'react-native';
-import { _global, esp, LibLocale, UserRoutes } from 'esoftplay';
-import { LogBox } from 'react-native';
-import Constants from 'expo-constants';
+import './oneplusfixfont';
 LogBox.ignoreLogs(['YellowBox has been replaced with LogBox. Please call LogBox.ignoreLogs() instead.']);
 LogBox.ignoreLogs(['VirtualizedLists should never be nested inside plain ScrollViews with the same orientation - use another VirtualizedList-backed container instead.']);
 let app = require('../../app.json');
 let conf = require('../../config.json');
 let lconf = require('../../config.live.json');
-import './oneplusfixfont'
 
 export default (() => {
   function mergeDeep(target: any, source: any): any {

package/global.ts

@@ -1,8 +1,8 @@
-import * as R from 'react'
 import AsyncStorage from '@react-native-async-storage/async-storage';
+import * as R from 'react';
+import { fastFilter, fastLoop } from './fast';
 const _global = require('./_global')
 const isEqual = require('react-fast-compare');
-import { fastFilter, fastLoop } from './fast'
 
 export interface useGlobalReturn<T> {
   useState: () => [T, (newState: T) => void, () => void],

package/modules/content/audio.tsx

@@ -1,6 +1,7 @@
-import React from "react"
-import { Audio } from "expo-av";
+// noPage
+
 import { LibComponent } from "esoftplay";
+import { Audio } from "expo-av";
 
 export interface ContentAudioProps {
   code: string,

package/modules/content/bookmark.tsx

@@ -70,8 +70,8 @@ export default function m(props: ContentBookmarkProps): any {
         ListEmptyComponent={
           <View style={{ height: LibStyle.height - 100, justifyContent: 'center', alignItems: 'center', marginHorizontal: 24 }} >
             <LibIcon name='bookmark-plus-outline' color={"#FD5593"} size={40} />
-            <Text style={{ fontFamily: "Roboto_medium", fontSize: 34, marginTop: 10, fontWeight: "500", lineHeight: 40, textAlign: "center", color: "#060606" }} >Artikel belum ada</Text>
-            <Text style={{ fontFamily: "Roboto", fontSize: 16, marginTop: 10, lineHeight: 22, textAlign: "center", color: "#686868" }} >Kamu dapat menyimpan artikel untuk dibaca nanti dengan cara klik lambang bookmark</Text>
+            <Text style={{  fontSize: 34, marginTop: 10, fontWeight: "500", lineHeight: 40, textAlign: "center", color: "#060606" }} >Artikel belum ada</Text>
+            <Text style={{  fontSize: 16, marginTop: 10, lineHeight: 22, textAlign: "center", color: "#686868" }} >Kamu dapat menyimpan artikel untuk dibaca nanti dengan cara klik lambang bookmark</Text>
           </View>
         }
         renderItem={(item) => <ContentItem {...item} />}

package/modules/content/category.tsx

@@ -49,7 +49,7 @@ export default function m(props: ContentCategoryProps): any {
               onPress={() => { LibNavigation.push('content/list', { url: item.url, title: item.title, id: item.id }) }}
               style={{ borderRadius: 8, backgroundColor: "#f2f2f2", flex: 0.35, margin: 5, alignItems: 'center' }} >
               <LibPicture source={{ uri: item.image }} style={{ height: 70, width: 70, marginTop: 16, }} />
-              <Text style={{ fontFamily: "Roboto_medium", fontSize: 12, fontWeight: "500", lineHeight: 20, color: "#060606", marginBottom: 12, }}>{item?.title}</Text>
+              <Text style={{  fontSize: 12, fontWeight: "500", lineHeight: 20, color: "#060606", marginBottom: 12, }}>{item?.title}</Text>
             </Pressable>
           )
         }}

package/modules/content/category_list.tsx

@@ -1,5 +1,5 @@
 // withHooks
-
+// noPage
 import { ContentCategoryProperty, esp, LibCurl, LibNavigation, LibPicture, LibUtils } from 'esoftplay';
 import React, { useEffect, useRef } from 'react';
 import { Pressable, ScrollView, Text, View } from 'react-native';
@@ -42,7 +42,7 @@ export default function m(props: ContentCategory_listProps): any {
               onPress={() => { LibNavigation.push('content/list', { url: row.url, title: row.title, id: row.id }) }}
               style={{ borderRadius: 8, flexDirection: 'row', borderWidth: 1, borderColor: "#f2f2f2", margin: 5, padding: 8, alignItems: 'center' }} >
               <LibPicture source={{ uri: row.image }} style={{ width: 20, height: 20, resizeMode: 'contain' }} />
-              <Text style={{ fontFamily: 'Roboto', marginLeft: 8 }} >{row.title}</Text>
+              <Text style={{  marginLeft: 8 }} >{row.title}</Text>
             </Pressable>
           ))
         }

package/modules/content/comment.tsx

@@ -1,8 +1,8 @@
 // withHooks
 
-import React, { useEffect, useRef } from 'react';
-import esp from 'esoftplay/esp';
 import { ContentComment_item, ContentHeader, LibCurl, LibIcon, LibInfinite, LibInput, LibKeyboard_avoid, LibObject, LibSociallogin, LibStyle, LibToastProperty, LibUtils, useGlobalReturn, useGlobalState, useSafeState } from 'esoftplay';
+import esp from 'esoftplay/esp';
+import React, { useEffect, useRef } from 'react';
 import { Alert, Image, Pressable, Text, View } from 'react-native';
 
 
@@ -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, fontFamily: 'Roboto', 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) }} >
@@ -130,13 +130,13 @@ 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={{ fontFamily: "Roboto", fontSize: 10, fontWeight: "500", letterSpacing: 1.5, color: "#686868" }} >{LibUtils.moment(headerComment.date).format('DD MMM YYYY HH:mm').toUpperCase()}</Text>
-                <Text style={{ fontFamily: "Roboto_medium", fontSize: 16, fontWeight: "500", lineHeight: 20, color: "#060606", marginTop: 8 }} >{headerComment.name}</Text>
-                <Text style={{ fontFamily: "Roboto", 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={{ fontFamily: "Roboto", 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>

package/modules/content/comment_item.tsx

@@ -1,6 +1,7 @@
 // withHooks
+// noPage
 
-import { applyStyle, LibIcon, LibNavigation, LibUtils } from 'esoftplay';
+import { LibIcon, LibNavigation, LibUtils } from 'esoftplay';
 import React from 'react';
 import { Image, Pressable, Text, View } from 'react-native';
 
@@ -51,9 +52,9 @@ export default function m(props: ContentComment_itemProps): any {
 const styleId_14E1yO: any = { marginTop: 18, marginLeft: 16 }
 const styleId_2e0Fad: any = { height: 50, width: 50, backgroundColor: '#f8f8f8', resizeMode: 'cover', overflow: 'hidden', borderRadius: 25 }
 const styleId_ZLhjsk: any = { flex: 1, paddingVertical: 16, marginHorizontal: 16, borderBottomWidth: 1, borderBottomColor: '#f9f9f9' }
-const styleId_ZCtIoL: any = { fontFamily: "Roboto", fontSize: 10, fontWeight: "500", letterSpacing: 1.5, color: "#686868" }
-const styleId_ZmiARo: any = { fontFamily: "Roboto_medium", fontSize: 16, fontWeight: "500", lineHeight: 20, color: "#060606", marginTop: 8 }
-const styleId_1jN6UB: any = { fontFamily: "Roboto", fontSize: 14, fontWeight: "500", lineHeight: 20, color: "#606060" }
+const styleId_ZCtIoL: any = {  fontSize: 10, fontWeight: "500", letterSpacing: 1.5, color: "#686868" }
+const styleId_ZmiARo: any = {  fontSize: 16, fontWeight: "500", lineHeight: 20, color: "#060606", marginTop: 8 }
+const styleId_1jN6UB: any = {  fontSize: 14, fontWeight: "500", lineHeight: 20, color: "#606060" }
 const styleId_Z1IS0fI: any = { flexDirection: 'row' }
 const styleId_Z2nP5oE: any = { flexDirection: 'row', alignItems: 'center', marginTop: 9, backgroundColor: '#f1f1f1', padding: 3, borderRadius: 6 }
-const styleId_Z1pDQI5: any = { fontFamily: "Roboto", fontSize: 12, lineHeight: 16, color: "#ababab", marginLeft: 5 }
+const styleId_Z1pDQI5: any = {  fontSize: 12, lineHeight: 16, color: "#ababab", marginLeft: 5 }

package/modules/content/config.tsx

@@ -1,4 +1,5 @@
-import React from 'react';
+// noPage
+
 import { LibComponent, useGlobalReturn, useGlobalState } from 'esoftplay';
 export interface ContentConfigProps {
   navigation: any

package/modules/content/detail.tsx

@@ -1,9 +1,9 @@
 // withHooks
 
+import { applyStyle, ContentAudio, ContentConfig, ContentItem, ContentVideo, LibCurl, LibIcon, LibNavigation, LibObject, LibScroll, LibStyle, LibUtils, LibWebview, useSafeState } from 'esoftplay';
+import { LinearGradient } from 'expo-linear-gradient';
 import React, { useEffect, useRef } from 'react';
-import { applyStyle, ContentAudio, ContentItem, ContentVideo, LibObject, ContentConfig, LibCurl, LibIcon, LibNavigation, LibScroll, LibStyle, LibUtils, LibWebview, useSafeState } from 'esoftplay';
 import { ImageBackground, Linking, Pressable, Text, View } from 'react-native';
-import { LinearGradient } from 'expo-linear-gradient'
 
 export interface ContentDetailArgs {
 
@@ -60,17 +60,17 @@ export default function m(props: ContentDetailProps): any {
                   {result?.images?.length > 0 && <LibIcon.Ionicons name="copy-outline" color={'white'} size={30} style={{ transform: [{ scaleX: -1 }] }} />}
                   {
                     configlist.created == 1 &&
-                    <Text style={applyStyle({ fontFamily: "Roboto_medium", fontSize: 10, fontWeight: "500", letterSpacing: 1.5, color: "white", textTransform: 'uppercase', marginTop: 12 })} >{LibUtils.moment(result.created, 'id').format('DD MMM YYYY HH:mm')}</Text>
+                    <Text style={applyStyle({  fontSize: 10, fontWeight: "500", letterSpacing: 1.5, color: "white", textTransform: 'uppercase', marginTop: 12 })} >{LibUtils.moment(result.created, 'id').format('DD MMM YYYY HH:mm')}</Text>
                   }
                   {
                     configlist.title == 1 &&
-                    <Text style={applyStyle({ fontFamily: "Roboto_medium", fontSize: 34, fontWeight: "500", lineHeight: 40, color: "white", marginTop: 5 })} >{result.title}</Text>
+                    <Text style={applyStyle({  fontSize: 34, fontWeight: "500", lineHeight: 40, color: "white", marginTop: 5 })} >{result.title}</Text>
                   }
                   {
                     configlist.author == 1 &&
                     <View style={applyStyle({ flexDirection: 'row', marginTop: 5 })} >
                       <View style={applyStyle({ backgroundColor: 'rgba(255,255,255,0.6)', borderRadius: 4, paddingHorizontal: 10, })} >
-                        <Text style={applyStyle({ fontFamily: "Roboto", fontSize: 14, lineHeight: 20, color: LibStyle.colorPrimary, })} >{result.created_by_alias}</Text>
+                        <Text style={applyStyle({  fontSize: 14, lineHeight: 20, color: LibStyle.colorPrimary, })} >{result.created_by_alias}</Text>
                       </View>
                     </View>
                   }
@@ -84,7 +84,7 @@ export default function m(props: ContentDetailProps): any {
             <ContentAudio code={result.code} onStatusChange={setIsAudioPlaying} ref={audioRef} />
             <Pressable onPress={() => audioRef.current?._onPlayPausePressed()} style={{ backgroundColor: '#f8f8f8', borderWidth: 1, borderColor: LibStyle.colorPrimary, borderRadius: 13, padding: 16, margin: 16, flexDirection: 'row', alignItems: 'center', justifyContent: 'center' }} >
               <LibIcon.AntDesign name={isAudioPlaying ? 'pause' : 'play'} color={LibStyle.colorPrimary} />
-              <Text style={{ fontFamily: "Roboto", fontSize: 16, marginLeft: 16, fontWeight: "500", letterSpacing: 1.2, color: LibStyle.colorPrimary }} >Klik disini untuk memainkan audio</Text>
+              <Text style={{  fontSize: 16, marginLeft: 16, fontWeight: "500", letterSpacing: 1.2, color: LibStyle.colorPrimary }} >Klik disini untuk memainkan audio</Text>
             </Pressable>
           </>
         }
@@ -92,7 +92,7 @@ export default function m(props: ContentDetailProps): any {
           isDownload &&
           <Pressable onPress={() => Linking.openURL(result.link)} style={{ backgroundColor: '#f8f8f8', borderWidth: 1, borderColor: LibStyle.colorPrimary, borderRadius: 13, padding: 16, margin: 16, flexDirection: 'row', alignItems: 'center', justifyContent: 'center' }} >
             <LibIcon.SimpleLineIcons name='cloud-download' color={LibStyle.colorPrimary} />
-            <Text style={{ fontFamily: "Roboto", fontSize: 16, marginLeft: 16, fontWeight: "500", letterSpacing: 1.2, color: LibStyle.colorPrimary }} >Klik disini untuk mengunduh</Text>
+            <Text style={{  fontSize: 16, marginLeft: 16, fontWeight: "500", letterSpacing: 1.2, color: LibStyle.colorPrimary }} >Klik disini untuk mengunduh</Text>
           </Pressable>
         }
         {
@@ -100,16 +100,16 @@ export default function m(props: ContentDetailProps): any {
           <View pointerEvents={'none'} style={applyStyle({ padding: 17, paddingVertical: 5 })} >
             {
               configlist.created == 1 &&
-              <Text style={applyStyle({ fontFamily: "Roboto_medium", fontSize: 10, fontWeight: "500", letterSpacing: 1.5, color: "#555", textTransform: 'uppercase', marginTop: 12 })} >{LibUtils.moment(result.created, 'id').format('DD MMM YYYY HH:mm')}</Text>
+              <Text style={applyStyle({  fontSize: 10, fontWeight: "500", letterSpacing: 1.5, color: "#555", textTransform: 'uppercase', marginTop: 12 })} >{LibUtils.moment(result.created, 'id').format('DD MMM YYYY HH:mm')}</Text>
             }
             {
               configlist.title == 1 &&
-              <Text style={applyStyle({ fontFamily: "Roboto_medium", fontSize: 34, fontWeight: "500", lineHeight: 40, color: "#555", marginTop: 5 })} >{result.title}</Text>
+              <Text style={applyStyle({  fontSize: 34, fontWeight: "500", lineHeight: 40, color: "#555", marginTop: 5 })} >{result.title}</Text>
             }
             {
               configlist.author == 1 &&
               <View style={applyStyle({ flexDirection: 'row', marginTop: 5 })} >
-                <Text style={applyStyle({ fontFamily: "Roboto", fontSize: 14, lineHeight: 20, color: LibStyle.colorPrimary, })} >{result.created_by_alias}</Text>
+                <Text style={applyStyle({  fontSize: 14, lineHeight: 20, color: LibStyle.colorPrimary, })} >{result.created_by_alias}</Text>
               </View>
             }
           </View>
@@ -123,11 +123,11 @@ export default function m(props: ContentDetailProps): any {
           configlist.comment == 1 &&
           <View style={{ alignItems: 'center', borderBottomWidth: 8, borderBottomColor: '#f2f2f2', paddingBottom: 13 }} >
             <Pressable onPress={() => LibNavigation.navigate('content/comment', { id: result.id })} style={{ borderRadius: 8, paddingHorizontal: 24, paddingVertical: 10, backgroundColor: LibStyle.colorPrimary, }} >
-              <Text style={{ fontFamily: "Roboto_medium", fontSize: 14, fontWeight: "500", lineHeight: 18, color: LibStyle.colorAccent }} >KOMENTAR</Text>
+              <Text style={{  fontSize: 14, fontWeight: "500", lineHeight: 18, color: LibStyle.colorAccent }} >KOMENTAR</Text>
             </Pressable>
           </View>
         }
-        {result?.related?.length > 0 && <Text style={{ fontFamily: "Roboto_medium", fontSize: 20, fontWeight: "500", lineHeight: 26, color: "#060606", marginLeft: 16, marginBottom: 13, marginTop: 20 }} >Artikel Terkait</Text>}
+        {result?.related?.length > 0 && <Text style={{  fontSize: 20, fontWeight: "500", lineHeight: 26, color: "#060606", marginLeft: 16, marginBottom: 13, marginTop: 20 }} >Artikel Terkait</Text>}
         {
           result?.related?.map?.((rel: any, i: number) => {
             return (<ContentItem key={rel + i} {...rel} />)

package/modules/content/gallery.tsx

@@ -1,9 +1,9 @@
 // withHooks
 
+import { LibIcon, LibNavigation, LibStyle, LibUtils } from 'esoftplay';
 import React, { useRef } from 'react';
 import { Pressable, ScrollView } from 'react-native';
 import Gallery from 'react-native-awesome-gallery';
-import { LibIcon, LibNavigation, LibStyle, LibUtils } from 'esoftplay'
 
 export interface ContentGalleryArgs {
 

package/modules/content/header.tsx

@@ -1,6 +1,7 @@
 // withHooks
+// noPage
 
-import { LibStatusbar, LibStyle, LibIcon, LibNavigation } from 'esoftplay';
+import { LibIcon, LibNavigation, LibStatusbar, LibStyle } from 'esoftplay';
 import React from 'react';
 import { Pressable, Text, View } from 'react-native';
 
@@ -28,10 +29,10 @@ export default function m(props: ContentHeaderProps): any {
           </Pressable>
         }
         <View style={{ flex: 1 }} >
-          <Text style={{ fontFamily: "Roboto_medium", fontSize: 20, fontWeight: "500", lineHeight: 26, color: LibStyle.colorAccent }} >{props?.title}</Text>
+          <Text style={{  fontSize: 20, fontWeight: "500", lineHeight: 26, color: LibStyle.colorAccent }} >{props?.title}</Text>
           {/* {
             !props.backButton &&
-            <Text style={{ fontFamily: "Roboto", fontSize: 14, lineHeight: 20, color: LibStyle.colorAccent }} >{LibUtils.moment(undefined, 'id').format('dddd, DD MMMM YYYY')}</Text>
+            <Text style={{  fontSize: 14, lineHeight: 20, color: LibStyle.colorAccent }} >{LibUtils.moment(undefined, 'id').format('dddd, DD MMMM YYYY')}</Text>
           } */}
         </View>
         {

package/modules/content/index.tsx

@@ -1,7 +1,7 @@
 // withHooks
 
+import { ContentBookmark, ContentCategory, ContentList, LibIcon, LibStyle, useGlobalReturn, useGlobalState } from 'esoftplay';
 import React from 'react';
-import { applyStyle, ContentBookmark, ContentCategory, ContentList, LibIcon, LibStyle, useGlobalReturn, useGlobalState } from 'esoftplay';
 import { Pressable, Text, View } from 'react-native';
 
 export interface ContentIndexArgs {
@@ -49,4 +49,4 @@ export default function m(props: ContentIndexProps): any {
 }
 const styleId_ZKPd2h: any = { height: 56, flexDirection: 'row', borderTopWidth: 3, borderTopColor: '#f8f8f8' }
 const styleId_Z2pKvdh: any = { flex: 1, justifyContent: 'center', alignItems: 'center' }
-const styleId_Z25Lwf9: any = { fontFamily: "Roboto", fontSize: 12, fontWeight: "500", lineHeight: 16, textAlign: "center", color: 'grey' }
+const styleId_Z25Lwf9: any = {  fontSize: 12, fontWeight: "500", lineHeight: 16, textAlign: "center", color: 'grey' }

package/modules/content/item.tsx

@@ -1,6 +1,7 @@
 // withHooks
+// noPage
 
-import { ContentConfig, ContentBookmarkProperty, LibIcon, LibNavigation, LibPicture, LibStyle, LibUtils } from 'esoftplay';
+import { ContentBookmarkProperty, ContentConfig, LibIcon, LibNavigation, LibPicture, LibStyle, LibUtils } from 'esoftplay';
 import React from 'react';
 import { Image, Linking, Pressable, Text, View } from 'react-native';
 
@@ -104,8 +105,8 @@ export default function m(props: ContentItemProps): any {
 const styleId_Z1pdPtF: any = { width: LibStyle.width, height: 110, resizeMode: 'contain' }
 const styleId_Z1S0WHq: any = { paddingHorizontal: 16, paddingVertical: 16, flexDirection: 'row', borderBottomWidth: 1, borderTopWidth: 1, borderBottomColor: '#f2f2f2', borderTopColor: '#f8f8f8' }
 const styleId_Z13iiKo: any = { flex: 1, marginLeft: 16, paddingTop: 0 }
-const styleId_Z14zkzb: any = { fontFamily: "Roboto_medium", fontSize: 10, fontWeight: "500", letterSpacing: 1.5, color: "#686868" }
-const styleId_1NrPkO: any = { fontFamily: "Roboto_medium", fontSize: 17, fontWeight: "500", lineHeight: 21, color: "#060606", marginTop: 5, }
+const styleId_Z14zkzb: any = {  fontSize: 10, fontWeight: "500", letterSpacing: 1.5, color: "#686868" }
+const styleId_1NrPkO: any = {  fontSize: 17, fontWeight: "500", lineHeight: 21, color: "#060606", marginTop: 5, }
 const styleId_Z1i5LUH: any = { flexDirection: 'row', marginTop: 5 }
-const styleId_mzCdS: any = { fontFamily: "Roboto", fontSize: 14, lineHeight: 20, color: LibStyle.colorPrimary, }
+const styleId_mzCdS: any = {  fontSize: 14, lineHeight: 20, color: LibStyle.colorPrimary, }
 const styleId_Zl1hMr: any = { height: 90, width: 110, borderRadius: 8, backgroundColor: '#f8f8f8' }