esoftplay 0.0.113-a → 0.0.113-b

package/bin/build.js

@@ -271,7 +271,6 @@ export default function App() {
 			'@react-navigation/native',
 			'@react-navigation/stack',
 			'buffer',
-			'expo-av',
 			'expo-application',
 			'expo-camera',
 			'expo-clipboard',
@@ -282,7 +281,6 @@ export default function App() {
 			'expo-font',
 			'expo-image-manipulator',
 			'expo-image-picker',
-			'expo-linear-gradient',
 			'expo-media-library',
 			'expo-notifications',
 			'expo-status-bar',

package/modules/{content → lib}/gallery.tsx

@@ -5,13 +5,13 @@ import React, { useRef } from 'react';
 import { Pressable, View } from 'react-native';
 import Gallery from 'react-native-awesome-gallery';
 
-export interface ContentGalleryArgs {
+export interface LibGalleryArgs {
 
 }
-export interface ContentGalleryProps {
+export interface LibGalleryProps {
 
 }
-export default function m(props: ContentGalleryProps): any {
+export default function m(props: LibGalleryProps): any {
   let images = LibNavigation.getArgs(props, "images", [])
   const image = LibNavigation.getArgs(props, "image", "")
   const index = LibNavigation.getArgs(props, "index", 0)

package/modules/{content → lib}/video.tsx

@@ -6,14 +6,14 @@ import React from 'react';
 import { ActivityIndicator, StyleSheet, View } from 'react-native';
 import { WebView } from 'react-native-webview';
 
-export interface ContentVideoArgs {
+export interface LibVideoArgs {
 
 }
-export interface ContentVideoProps {
+export interface LibVideoProps {
   code: string,
   style?: any
 }
-export default function m(props: ContentVideoProps): any {
+export default function m(props: LibVideoProps): any {
   const code = props.code
 
   if (!code) {

package/package.json

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

package/modules/content/audio.tsx

@@ -1,126 +0,0 @@
-// noPage
-
-import { LibComponent } from "esoftplay";
-import { Audio } from "expo-av";
-
-export interface ContentAudioProps {
-  code: string,
-  onStatusChange: (status: any) => void
-}
-
-export interface ContentAudioState {
-  playbackInstanceName: string,
-  muted: boolean,
-  playbackInstancePosition: any,
-  playbackInstanceDuration: any,
-  shouldPlay: boolean,
-  isPlaying: boolean,
-  isBuffering: boolean,
-  isLoading: boolean,
-  volume: number,
-}
-
-// create a component
-class eaudio extends LibComponent<ContentAudioProps, ContentAudioState> {
-  playbackInstance: any
-  state: ContentAudioState;
-  props: ContentAudioProps;
-  constructor(props: ContentAudioProps) {
-    super(props)
-    this.props = props;
-    this.playbackInstance = null;
-    this.state = {
-      playbackInstanceName: "loading...",
-      muted: false,
-      playbackInstancePosition: null,
-      playbackInstanceDuration: null,
-      shouldPlay: false,
-      isPlaying: false,
-      isBuffering: false,
-      isLoading: true,
-      volume: 1.0,
-    };
-    this._onPlaybackStatusUpdate = this._onPlaybackStatusUpdate.bind(this)
-    this._loadNewPlaybackInstance = this._loadNewPlaybackInstance.bind(this)
-    this._onPlayPausePressed = this._onPlayPausePressed.bind(this)
-  }
-
-  componentDidMount(): void {
-    super.componentDidMount();
-    Audio.setAudioModeAsync({
-      allowsRecordingIOS: false,
-      interruptionModeIOS: Audio.INTERRUPTION_MODE_IOS_DO_NOT_MIX,
-      playsInSilentModeIOS: true,
-      shouldDuckAndroid: true,
-      staysActiveInBackground: false,
-      interruptionModeAndroid: Audio.INTERRUPTION_MODE_ANDROID_DUCK_OTHERS,
-      playThroughEarpieceAndroid: false
-    });
-    this._loadNewPlaybackInstance(false);
-  }
-
-  componentWillUnmount(): void {
-    super.componentWillUnmount();
-    (async () => {
-      if (this.playbackInstance != null) {
-        await this.playbackInstance.unloadAsync();
-        this.playbackInstance.setOnPlaybackStatusUpdate(null);
-        this.playbackInstance = null;
-      }
-    })()
-  }
-
-  async _loadNewPlaybackInstance(playing: boolean): Promise<void> {
-    if (this.playbackInstance != null) {
-      await this.playbackInstance.unloadAsync();
-      this.playbackInstance.setOnPlaybackStatusUpdate(null);
-      this.playbackInstance = null;
-    }
-
-    const source = { uri: "https://api.soundcloud.com/tracks/" + this.props.code + "/stream?client_id=4a584e57dbc1c522b0ccdb68464f6ec3" };
-    const initialStatus = {
-      shouldPlay: playing,
-      volume: this.state.volume,
-      isMuted: this.state.muted,
-    };
-    const { sound, status } = await Audio.Sound.createAsync(
-      source,
-      initialStatus,
-      this._onPlaybackStatusUpdate
-    );
-    this.playbackInstance = sound;
-  }
-
-  _onPlaybackStatusUpdate(status: any): void {
-    if (status.isLoaded) {
-      this.setState({
-        playbackInstancePosition: status.positionMillis,
-        playbackInstanceDuration: status.durationMillis,
-        shouldPlay: status.shouldPlay,
-        isPlaying: status.isPlaying,
-        isBuffering: status.isBuffering,
-        muted: status.isMuted,
-        volume: status.volume,
-      }, () => this.props.onStatusChange(this.state.isPlaying));
-    } else {
-      if (status.error) {
-      }
-    }
-  };
-
-  _onPlayPausePressed(): void {
-    if (this.playbackInstance != null) {
-      if (this.state.isPlaying) {
-        this.playbackInstance.pauseAsync()
-      } else {
-        this.playbackInstance.playAsync()
-      }
-    }
-  }
-
-  render(): any {
-    return null
-  }
-}
-
-export default eaudio;

package/modules/content/bookmark.tsx

@@ -1,81 +0,0 @@
-// withHooks
-
-import { ContentHeader, ContentItem, LibIcon, LibList, LibStyle, useGlobalReturn, useGlobalState } from 'esoftplay';
-import React from 'react';
-import { Text, View } from 'react-native';
-
-
-export interface ContentBookmarkArgs {
-
-}
-export interface ContentBookmarkProps {
-
-}
-
-export interface ContentBookmarkData {
-  id: string,
-  title: string,
-  intro: string,
-  description: string,
-  image: string,
-  created: string,
-  updated: string,
-  url: string,
-  publish: string,
-  type_id: string,
-  created_by: string,
-  created_by_alias: string,
-  modified_by: string,
-  revised: string,
-  hits: string,
-  rating: string,
-  last_hits: string,
-  is_popimage: string,
-  is_front: string,
-  is_config: string,
-  config: string,
-}
-export interface ContentBookmarkType {
-  ids: number[],
-  data: ContentBookmarkData[]
-}
-
-
-const _state = useGlobalState<ContentBookmarkType>({ data: [], ids: [] }, { persistKey: 'content_bookmark_data' })
-
-export function toggle(row: ContentBookmarkData) {
-  let { data, ids } = _state.get()
-  const idx = ids.indexOf(Number(row.id))
-  if (idx < 0) {
-    data.unshift(row)
-    ids.unshift(Number(row.id))
-  } else {
-    data.splice(idx, 1)
-    ids.splice(idx, 1)
-  }
-  _state.set({ data, ids })
-}
-
-export function state(): useGlobalReturn<ContentBookmarkType> {
-  return _state
-}
-
-export default function m(props: ContentBookmarkProps): any {
-  const data = _state.useSelector(s => s.data)
-  return (
-    <View style={{ flex: 1 }} >
-      <ContentHeader title="Artikel tersimpan" searchButton />
-      <LibList
-        data={data}
-        ListEmptyComponent={
-          <View style={{ height: LibStyle.height - 100, justifyContent: 'center', alignItems: 'center', marginHorizontal: 24 }} >
-            <LibIcon name='bookmark-plus-outline' color={"#FD5593"} size={40} />
-            <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} />}
-      />
-    </View>
-  )
-}

package/modules/content/category.tsx

@@ -1,59 +0,0 @@
-// withHooks
-
-import { ContentHeader, esp, LibCurl, LibList, LibNavigation, LibPicture, useGlobalReturn, useGlobalState } from 'esoftplay';
-import React, { useEffect, useRef } from 'react';
-import { Pressable, Text, View } from 'react-native';
-
-
-export interface ContentCategoryArgs {
-
-}
-export interface ContentCategoryProps {
-
-}
-
-const _state = useGlobalState<any>([], { persistKey: 'content_category' })
-
-export function state(): useGlobalReturn<any> {
-  return _state
-}
-
-
-export default function m(props: ContentCategoryProps): any {
-  let { url } = useRef<any>(LibNavigation.getArgsAll(props)).current
-  const conf = esp.config()
-  url = url || conf.content
-  const data = _state.useSelector(s => s)
-
-  useEffect(() => {
-    new LibCurl(url + 'menu', null,
-      (res, msg) => {
-        _state.set(res)
-      },
-      (msg) => {
-
-      }
-    )
-  }, [])
-
-  return (
-    <View style={{ flex: 1 }} >
-      <ContentHeader title="Kategori" searchButton />
-      <LibList
-        style={{ flex: 1, padding: 5 }}
-        data={data?.list?.[0]?.filter?.((row: any) => row.par_id == 0)}
-        numColumns={3}
-        renderItem={(item) => {
-          return (
-            <Pressable
-              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={{  fontSize: 12, fontWeight: "500", lineHeight: 20, color: "#060606", marginBottom: 12, }}>{item?.title}</Text>
-            </Pressable>
-          )
-        }}
-      />
-    </View>
-  )
-}

package/modules/content/category_list.tsx

@@ -1,52 +0,0 @@
-// withHooks
-// noPage
-import { ContentCategoryProperty, esp, LibCurl, LibNavigation, LibPicture } from 'esoftplay';
-import React, { useEffect, useRef } from 'react';
-import { Pressable, ScrollView, Text, View } from 'react-native';
-
-
-export interface ContentCategory_listArgs {
-
-}
-export interface ContentCategory_listProps {
-  id: number
-}
-export default function m(props: ContentCategory_listProps): any {
-  const { id } = props
-  let { url } = useRef<any>(LibNavigation.getArgsAll(props)).current
-  const conf = esp.config()
-  url = url || conf.content
-  const menu = ContentCategoryProperty.state().useSelector(s => s)
-
-  useEffect(() => {
-    new LibCurl(url + 'menu', null,
-      (res, msg) => {
-        ContentCategoryProperty.state().set(res)
-      },
-      (msg) => {
-
-      }
-    )
-  }, [])
-
-  if (id == 0)
-    return null
-
-  return (
-    <View style={{}} >
-      <ScrollView horizontal nestedScrollEnabled
-        style={{ margin: 0 }} >
-        {
-          menu?.list?.[0]?.filter?.((row: any) => row.par_id == id).map((row: any) => (
-            <Pressable
-              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={{  marginLeft: 8 }} >{row.title}</Text>
-            </Pressable>
-          ))
-        }
-      </ScrollView>
-    </View>
-  )
-}

package/modules/content/comment.tsx

@@ -1,173 +0,0 @@
-// withHooks
-
-import { ContentComment_item, ContentHeader, LibCurl, LibIcon, LibInfinite, LibInput, LibKeyboard_avoid, LibNavigation, 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';
-
-
-export interface ContentCommentArgs {
-  id: number | string
-}
-export interface ContentCommentProps {
-
-}
-const _state = useGlobalState<any>(undefined, {
-  persistKey: 'content_comment_user',
-  listener: (data) => {
-    LibSociallogin.setUser(data)
-  }
-})
-
-export function state(): useGlobalReturn<any> {
-  return _state
-}
-
-export default function m(props: ContentCommentProps): any {
-  const listComment = useRef<LibInfinite>(null)
-  const commentInput = useRef<LibInput>(null)
-  let { url, url_post, id, par_id, header } = LibNavigation.getArgsAll(props)
-
-  url = useRef(url || esp.config('content') + 'user/commentlist/' + id).current
-  url_post = useRef(url_post || esp.config('content') + 'user/commentpost/' + id).current
-  let comment = useRef('').current
-  const config = esp.config()
-  const comment_login = esp.config("comment_login");
-  const [headerComment, setHeaderComment] = useSafeState(header)
-  const [showLoginForm, setShowLoginForm] = useSafeState(false)
-  const [refresher, setRefresher] = useSafeState(1)
-
-  if (par_id) {
-    url += url.includes('?') ? '&par_id=' + par_id : '?par_id=' + par_id
-    url_post += url_post.includes('?') ? '&par_id=' + par_id : '?par_id=' + par_id
-  }
-
-  const [user, setUser] = _state.useState()
-
-  function refresh() {
-    if (header) {
-      setHeaderComment(LibObject.update(headerComment, (count) => count + 1)('reply'))
-    }
-    setRefresher(refresher + 1)
-    commentInput.current?.setText('')
-  }
-
-  useEffect(() => {
-    LibSociallogin.getUser(setUser)
-  }, [])
-
-  useEffect(() => {
-    if (showLoginForm && user) {
-      setShowLoginForm(false)
-    }
-  }, [user])
-
-
-  function send() {
-    if (user) {
-      if (comment != '') {
-        const post = { ...user, content: comment }
-        new LibCurl(url_post, post,
-          (res, msg) => {
-            refresh()
-          },
-          (msg) => {
-            const success = msg.includes('<div class="alert alert-success" role="alert">')
-            if (!success) {
-              let _msg = (/<\/span>(.*)<\/div>/g).exec(msg)
-              Alert.alert('Komentar gagal dikirim', _msg?.[1])
-            } else {
-              refresh()
-            }
-          }
-        )
-      } else {
-        LibToastProperty.show('Cek koment')
-      }
-    } else {
-      if (comment_login == 1 && !user) {
-        setShowLoginForm(true)
-        LibToastProperty.show('Silahkan login terlebih dahulu')
-      }
-    }
-  }
-
-
-  if (showLoginForm) {
-    return (
-      <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>
-          <View style={{ justifyContent: "center" }} >
-            <Pressable
-              onPress={() => { setShowLoginForm(false) }} >
-              <Text style={{ color: LibStyle.colorPrimary }} >{"BATAL"}</Text>
-            </Pressable>
-          </View>
-        </View>
-        <LibSociallogin
-          url={config.content + "user/commentlogin"}
-          onResult={setUser}
-        />
-      </View>
-    )
-  }
-  let x = (item) => <ContentComment_item url={url} url_post={url_post} {...item} />
-
-  return (
-    <View style={{ flex: 1 }} >
-      <ContentHeader backButton title="Komentar" />
-      <LibKeyboard_avoid
-        key={refresher + ''}
-        style={{ flex: 1, backgroundColor: '#f9f9f9' }} >
-        <LibInfinite
-          ref={listComment}
-          url={url}
-          ListHeaderComponent={
-            header &&
-            <View style={{ flexDirection: 'row', backgroundColor: 'white', borderLeftWidth: headerComment.par_id > 0 ? 60 : 0, borderLeftColor: '#f9f9f9', borderBottomWidth: 8, borderBottomColor: '#f9f9f9' }} >
-              <View style={{ marginTop: 18, marginLeft: 16 }} >
-                <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>
-                <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>
-                  </View>
-                </Pressable>
-              </View>
-            </View>
-          }
-          renderItem={x}
-        />
-        <View style={{ flexDirection: 'row', backgroundColor: 'white', alignItems: 'center' }} >
-          {
-            (comment_login == 1) &&
-            <Pressable onPress={() => setShowLoginForm(true)} >
-              <Image source={{ uri: user?.image }} style={{ height: 40, width: 40, borderRadius: 20, backgroundColor: '#f2f2f2', marginLeft: 16 }} />
-            </Pressable>
-          }
-          <LibInput base
-            ref={commentInput}
-            placeholder={"Kirim Komentar"}
-            onChangeText={(text) => comment = text}
-            style={{ flex: 1, minHeight: 40, paddingHorizontal: 8, borderRadius: 8, backgroundColor: '#f9f9f9', marginVertical: 5, marginHorizontal: 16 }}
-          />
-          {
-            (!(comment_login == 1 && !user)) &&
-            <Pressable
-              onPress={() => send()}
-              style={{ minHeight: 40, width: 40, marginRight: 16, backgroundColor: LibStyle.colorPrimary, justifyContent: 'center', alignItems: 'center', borderRadius: 20 }} >
-              <LibIcon.Ionicons name='md-send' color={LibStyle.colorAccent} />
-            </Pressable>
-          }
-        </View>
-      </LibKeyboard_avoid>
-    </View>
-  )
-}

package/modules/content/comment_item.tsx

@@ -1,60 +0,0 @@
-// withHooks
-// noPage
-
-import { LibIcon, LibNavigation, LibUtils } from 'esoftplay';
-import React from 'react';
-import { Image, Pressable, Text, View } from 'react-native';
-
-
-export interface ContentComment_itemArgs {
-
-}
-export interface ContentComment_itemProps {
-  id: number,
-  url: string,
-  url_post: string,
-  par_id: number,
-  name: string,
-  image: string,
-  content: string,
-  email: string,
-  website: string,
-  date: string,
-  reply: number
-}
-
-export default function m(props: ContentComment_itemProps): any {
-  const styleId_Z2wK9pa: any = { flexDirection: 'row', backgroundColor: 'white', borderLeftWidth: props.par_id > 0 ? 50 : 0, borderLeftColor: '#f9f9f9' }
-  return (
-    <View style={styleId_Z2wK9pa} >
-      <View style={styleId_14E1yO} >
-        <Image source={{ uri: props.image }} style={styleId_2e0Fad} />
-      </View>
-      <View style={styleId_ZLhjsk} >
-        <Text style={styleId_ZCtIoL} >{LibUtils.moment(props.date).format('DD MMM YYYY HH:mm').toUpperCase()}</Text>
-        <Text style={styleId_ZmiARo} >{props.name}</Text>
-        <Text style={styleId_1jN6UB} >{props.content}</Text>
-        <Pressable
-          onPress={() => LibNavigation.push('content/comment', {
-            header: { ...props, par_id: 0 },
-            url: props.url, url_post: props.url_post, par_id: props.id
-          })}
-          style={styleId_Z1IS0fI} >
-          <View style={styleId_Z2nP5oE} >
-            <LibIcon.AntDesign name='message1' size={12} color="#ababab" />
-            <Text style={styleId_Z1pDQI5} >{props.reply} Balasan</Text>
-          </View>
-        </Pressable>
-      </View>
-    </View>
-  )
-}
-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 = {  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 = {  fontSize: 12, lineHeight: 16, color: "#ababab", marginLeft: 5 }

package/modules/content/config.tsx

@@ -1,79 +0,0 @@
-// noPage
-
-import { LibComponent, useGlobalReturn, useGlobalState } from 'esoftplay';
-export interface ContentConfigProps {
-  navigation: any
-}
-export interface ContentConfigState {
-
-}
-
-
-const state = useGlobalState({
-  list: {
-    template: "list.html.php",
-    title: "1",
-    title_link: "1",
-    intro: "1",
-    created: "1",
-    modified: "1",
-    author: "0",
-    tag: "1",
-    tag_link: "1",
-    rating: "1",
-    read_more: "1",
-    tot_list: "12",
-    thumbnail: "1"
-  },
-  detail: {
-    template: "detail.html.php",
-    title: "1",
-    created: "1",
-    modified: 0,
-    author: "1",
-    tag: "1",
-    tag_link: "1",
-    rating: "1",
-    rating_vote: "1",
-    thumbsize: "250",
-    comment: 1,
-    comment_auto: "1",
-    comment_list: "9",
-    comment_form: "1",
-    comment_emoticons: "1",
-    comment_spam: "0",
-    comment_email: "1",
-    pdf: "1",
-    print: "1",
-    email: "1",
-    share: "1"
-  }
-}, { persistKey: 'content_config' })
-
-
-class m extends LibComponent<ContentConfigProps, ContentConfigState> {
-
-  static state(): useGlobalReturn<any> {
-    return state
-  }
-
-  static setList(config: any): void {
-    state.set({
-      ...state.get(),
-      list: config
-    })
-  }
-
-  static setDetail(config: any): void {
-    state.set({
-      ...state.get(),
-      detail: config
-    })
-  }
-
-  render(): any {
-    return null
-  }
-}
-
-export default m;

package/modules/content/detail.tsx

@@ -1,150 +0,0 @@
-// 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 { ImageBackground, Linking, Pressable, Text, View } from 'react-native';
-
-export interface ContentDetailArgs {
-
-}
-export interface ContentDetailProps {
-
-}
-export default function m(props: ContentDetailProps): any {
-  const { id, url, title, image, created } = LibNavigation.getArgsAll(props)
-  const [result, setResult] = useSafeState<any>({ id, url, title, image, created })
-  const [isAudioPlaying, setIsAudioPlaying] = useSafeState(false)
-  const audioRef = useRef<ContentAudio>(null)
-  const configlist = ContentConfig.state().get().detail
-  function loadData() {
-    new LibCurl(url, null,
-      (res, msg) => {
-        setResult(res)
-        ContentConfig.state().set(LibObject.set(ContentConfig.state().get(), res.config)('detail'))
-      },
-      (msg) => {
-
-      }
-    )
-  }
-
-  useEffect(() => {
-    loadData()
-    return () => audioRef.current?.componentWillUnmount()
-  }, [])
-
-  const isDownload = result.link != "" && result.type === "download"
-  const isAudio = result.code != "" && result.type === "audio"
-  const isVideo = result.code != "" && result.type === "video"
-  const _images = result?.images?.length > 0 ? result.images : [{ image: result.image }]
-
-  return (
-    <>
-      <LibScroll
-        stickyHeaderIndices={isVideo ? [0] : undefined}
-        onRefresh={loadData} style={{ flex: 1 }} >
-        {
-          isVideo ?
-            <>
-              <View style={{ backgroundColor: 'black', paddingTop: LibStyle.STATUSBAR_HEIGHT }} >
-                <ContentVideo code={result.code} />
-              </View>
-            </>
-            :
-            <Pressable onPress={() => LibNavigation.navigate('content/gallery', { images: _images })} >
-              <ImageBackground
-                source={{ uri: image }}
-                style={{ height: LibStyle.height * 0.718, marginBottom: 4, ...LibStyle.elevation(4), width: LibStyle.width, justifyContent: 'flex-end' }}>
-                <LinearGradient colors={['transparent', 'rgba(0,0,0,0.8)']} style={applyStyle({ padding: 16, paddingTop: 90 })} >
-                  {result?.images?.length > 0 && <LibIcon.Ionicons name="copy-outline" color={'white'} size={30} style={{ transform: [{ scaleX: -1 }] }} />}
-                  {
-                    configlist.created == 1 &&
-                    <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({  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({  fontSize: 14, lineHeight: 20, color: LibStyle.colorPrimary, })} >{result.created_by_alias}</Text>
-                      </View>
-                    </View>
-                  }
-                </LinearGradient>
-              </ImageBackground>
-            </Pressable>
-        }
-        {
-          isAudio &&
-          <>
-            <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={{  fontSize: 16, marginLeft: 16, fontWeight: "500", letterSpacing: 1.2, color: LibStyle.colorPrimary }} >Klik disini untuk memainkan audio</Text>
-            </Pressable>
-          </>
-        }
-        {
-          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={{  fontSize: 16, marginLeft: 16, fontWeight: "500", letterSpacing: 1.2, color: LibStyle.colorPrimary }} >Klik disini untuk mengunduh</Text>
-          </Pressable>
-        }
-        {
-          isVideo &&
-          <View pointerEvents={'none'} style={applyStyle({ padding: 17, paddingVertical: 5 })} >
-            {
-              configlist.created == 1 &&
-              <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({  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({  fontSize: 14, lineHeight: 20, color: LibStyle.colorPrimary, })} >{result.created_by_alias}</Text>
-              </View>
-            }
-          </View>
-        }
-        <LibWebview
-          source={{ html: result.content }}
-          style={{ flex: 1, marginVertical: 20 }}
-          onFinishLoad={() => { }}
-        />
-        {
-          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={{  fontSize: 14, fontWeight: "500", lineHeight: 18, color: LibStyle.colorAccent }} >KOMENTAR</Text>
-            </Pressable>
-          </View>
-        }
-        {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} />)
-          })
-        }
-      </LibScroll>
-      <View style={{ position: 'absolute', top: 0, left: 0, right: 0, flexDirection: 'row', justifyContent: 'space-between', paddingTop: LibStyle.STATUSBAR_HEIGHT_MASTER + 14, paddingHorizontal: 16 }} >
-        <Pressable onPress={() => LibNavigation.back()} style={{ height: 40, width: 40, borderRadius: 20, alignItems: 'center', justifyContent: 'center', backgroundColor: 'rgba(0,0,0,0.2)' }} >
-          <LibIcon name='arrow-left' color='white' />
-        </Pressable>
-        {
-          configlist.share == 1 &&
-          <Pressable onPress={() => LibUtils.share(url.replace('://data.', '://'))} style={{ height: 40, width: 40, borderRadius: 20, alignItems: 'center', justifyContent: 'center', backgroundColor: 'rgba(0,0,0,0.2)' }} >
-            <LibIcon name="share" color={'white'} />
-          </Pressable>
-        }
-      </View>
-    </>
-  )
-}

package/modules/content/header.tsx

@@ -1,49 +0,0 @@
-// withHooks
-// noPage
-
-import { LibIcon, LibNavigation, LibStatusbar, LibStyle } from 'esoftplay';
-import React from 'react';
-import { Pressable, Text, View } from 'react-native';
-
-
-export interface ContentHeaderArgs {
-
-}
-export interface ContentHeaderProps {
-  title: string,
-  backButton?: boolean
-  searchButton?: boolean
-}
-
-export default function m(props: ContentHeaderProps): any {
-  return (
-    <>
-      <LibStatusbar style='light' />
-      <View style={{ flexDirection: 'row', alignItems: 'center', paddingBottom: 12, paddingTop: LibStyle.STATUSBAR_HEIGHT_MASTER + 14, paddingHorizontal: 16, backgroundColor: LibStyle.colorPrimary }} >
-        {
-          props.backButton &&
-          <Pressable
-            onPress={() => LibNavigation.back()}
-            style={{ paddingRight: 16 }}>
-            <LibIcon name='arrow-left' color={LibStyle.colorAccent} />
-          </Pressable>
-        }
-        <View style={{ flex: 1 }} >
-          <Text style={{  fontSize: 20, fontWeight: "500", lineHeight: 26, color: LibStyle.colorAccent }} >{props?.title}</Text>
-          {/* {
-            !props.backButton &&
-            <Text style={{  fontSize: 14, lineHeight: 20, color: LibStyle.colorAccent }} >{LibUtils.moment(undefined, 'id').format('dddd, DD MMMM YYYY')}</Text>
-          } */}
-        </View>
-        {
-          props.searchButton &&
-          <Pressable
-            onPress={() => LibNavigation.navigate('content/search')}
-            style={{ paddingLeft: 16 }}>
-            <LibIcon name='magnify' color={LibStyle.colorAccent} />
-          </Pressable>
-        }
-      </View>
-    </>
-  )
-}

package/modules/content/index.tsx

@@ -1,52 +0,0 @@
-// withHooks
-
-import { ContentBookmark, ContentCategory, ContentList, LibIcon, LibStyle, useGlobalReturn, useGlobalState } from 'esoftplay';
-import React from 'react';
-import { Pressable, Text, View } from 'react-native';
-
-export interface ContentIndexArgs {
-
-}
-export interface ContentIndexProps {
-
-}
-const _state = useGlobalState(0)
-
-
-export function state(): useGlobalReturn<number> {
-  return _state
-}
-
-export default function m(props: ContentIndexProps): any {
-  const [idx, setIdx] = _state.useState()
-  const Aview = [ContentList, ContentCategory, ContentBookmark][idx]
-
-  return (
-    <>
-      <Aview />
-      <View style={styleId_ZKPd2h} >
-        <Pressable onPress={() => setIdx(0)} style={styleId_Z2pKvdh} >
-          <>
-            <LibIcon name='home' size={26} color={idx == 0 ? LibStyle.colorPrimary : 'grey'} />
-            <Text style={{ ...styleId_Z25Lwf9, color: idx == 0 ? LibStyle.colorPrimary : 'grey' }} >Beranda</Text>
-          </>
-        </Pressable>
-        <Pressable onPress={() => setIdx(1)} style={styleId_Z2pKvdh} >
-          <>
-            <LibIcon name='view-dashboard' size={26} color={idx == 1 ? LibStyle.colorPrimary : 'grey'} />
-            <Text style={{ ...styleId_Z25Lwf9, color: idx == 1 ? LibStyle.colorPrimary : 'grey' }} >Kategori</Text>
-          </>
-        </Pressable>
-        <Pressable onPress={() => setIdx(2)} style={styleId_Z2pKvdh} >
-          <>
-            <LibIcon name='bookmark' size={26} color={idx == 2 ? LibStyle.colorPrimary : 'grey'} />
-            <Text style={{ ...styleId_Z25Lwf9, color: idx == 2 ? LibStyle.colorPrimary : 'grey' }} >Disimpan</Text>
-          </>
-        </Pressable>
-      </View>
-    </>
-  )
-}
-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 = {  fontSize: 12, fontWeight: "500", lineHeight: 16, textAlign: "center", color: 'grey' }

package/modules/content/item.tsx

@@ -1,112 +0,0 @@
-// withHooks
-// noPage
-
-import { ContentBookmarkProperty, ContentConfig, LibIcon, LibNavigation, LibPicture, LibStyle, LibUtils } from 'esoftplay';
-import React from 'react';
-import { Image, Linking, Pressable, Text, View } from 'react-native';
-
-
-export interface ContentItemArgs {
-
-}
-export interface ContentItemProps {
-  id: string,
-  title: string,
-  intro: string,
-  description: string,
-  image: string,
-  created: string,
-  updated: string,
-  url: string,
-  publish: string,
-  type_id: string,
-  created_by: string,
-  created_by_alias: string,
-  modified_by: string,
-  revised: string,
-  hits: string,
-  rating: string,
-  last_hits: string,
-  is_popimage: string,
-  is_front: string,
-  is_config: string,
-  config: string,
-}
-export default function m(props: ContentItemProps): any {
-  const isBook = ContentBookmarkProperty.state().useSelector(s => s.ids.includes(Number(props.id)))
-  const configlist = ContentConfig.state().get().list
-  if (props.created == 'sponsor')
-    if (props.title == '')
-      return (
-        <Pressable onPress={() => Linking.openURL(props.url)} >
-          <Image source={{ uri: props.image }} style={styleId_Z1pdPtF} />
-        </Pressable>
-      )
-    else if (props.image === "")
-      return (
-        <Pressable
-          onPress={() => Linking.openURL(props.url)}
-          style={styleId_Z1S0WHq} >
-          <View style={styleId_Z13iiKo} >
-            <Text style={styleId_Z14zkzb} >{props.created.toUpperCase()}</Text>
-            <Text numberOfLines={2} ellipsizeMode='tail' style={styleId_1NrPkO} >{props.title}</Text>
-            <View style={styleId_Z1i5LUH} >
-              <Text style={styleId_mzCdS} >{props.created_by_alias}</Text>
-            </View>
-          </View>
-        </Pressable>
-      )
-    else
-      return (
-        <Pressable
-          onPress={() => LibNavigation.push('content/detail', { ...props })}
-          style={styleId_Z1S0WHq} >
-          <Image source={{ uri: props.image }} style={styleId_Zl1hMr} />
-          <View style={styleId_Z13iiKo} >
-            <Text style={styleId_Z14zkzb} >{props.created.toUpperCase()}</Text>
-            <Text numberOfLines={2} ellipsizeMode='tail' style={styleId_1NrPkO} >{props.title}</Text>
-            <View style={styleId_Z1i5LUH} >
-              <Text style={styleId_mzCdS} >{props.created_by_alias}</Text>
-            </View>
-          </View>
-        </Pressable>
-      )
-
-  return (
-    <Pressable
-      onPress={() => LibNavigation.push('content/detail', { ...props })}
-      style={styleId_Z1S0WHq} >
-      {
-        configlist.thumbnail == 1 &&
-        <LibPicture source={{ uri: props.image }} style={styleId_Zl1hMr} />
-      }
-      <View style={styleId_Z13iiKo} >
-        {
-          configlist.created == 1 &&
-          <Text style={styleId_Z14zkzb} >{LibUtils.moment(props.created, 'id').format('DD MMM YYYY HH:mm').toUpperCase()}</Text>
-        }
-        {
-          configlist.title == 1 &&
-          <Text numberOfLines={2} ellipsizeMode='tail' style={styleId_1NrPkO} >{props.title}</Text>
-        }
-        {
-          configlist.author == 1 &&
-          <View style={styleId_Z1i5LUH} >
-            <Text style={styleId_mzCdS} >{props.created_by_alias}</Text>
-          </View>
-        }
-      </View>
-      <Pressable onPress={() => ContentBookmarkProperty.toggle(props)} >
-        <LibIcon name={isBook ? 'bookmark' : 'bookmark-plus-outline'} color={'#FD5593'} size={24} />
-      </Pressable>
-    </Pressable>
-  )
-}
-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 = {  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 = {  fontSize: 14, lineHeight: 20, color: LibStyle.colorPrimary, }
-const styleId_Zl1hMr: any = { height: 90, width: 110, borderRadius: 8, backgroundColor: '#f8f8f8' }

package/modules/content/item_header.tsx

@@ -1,59 +0,0 @@
-// withHooks
-// noPage
-
-import { applyStyle, ContentBookmarkProperty, LibIcon, LibNavigation, LibStyle, LibUtils } from 'esoftplay';
-import { LinearGradient } from 'expo-linear-gradient';
-import React from 'react';
-import { ImageBackground, Pressable, Text, View } from 'react-native';
-
-export interface ContentItem_headerArgs {
-
-}
-export interface ContentItem_headerProps {
-  id: string,
-  title: string,
-  intro: string,
-  description: string,
-  image: string,
-  created: string,
-  updated: string,
-  url: string,
-  publish: string,
-  type_id: string,
-  created_by: string,
-  created_by_alias: string,
-  modified_by: string,
-  revised: string,
-  hits: string,
-  rating: string,
-  last_hits: string,
-  is_popimage: string,
-  is_front: string,
-  is_config: string,
-  config: string,
-}
-const itemHeight = LibStyle.width * 3 / 4
-export default function m(props: ContentItem_headerProps): any {
-  const isBook = ContentBookmarkProperty.state().useSelector(s => s.ids.includes(Number(props.id)))
-
-  return (
-    <Pressable onPress={() => LibNavigation.push('content/detail', { ...props })} >
-      <ImageBackground
-        source={{ uri: props.image }}
-        style={applyStyle({ height: itemHeight, width: LibStyle.width, justifyContent: 'flex-end' })} >
-        <LinearGradient colors={['transparent', 'rgba(0,0,0,0.8)']} style={applyStyle({ padding: 16 })} >
-          <Text style={applyStyle({  fontSize: 10, fontWeight: "500", letterSpacing: 1.5, color: "white", textTransform: 'uppercase' })} >{LibUtils.moment(props.created, 'id').format('DD MMM YYYY HH:mm')}</Text>
-          <Text style={applyStyle({  fontSize: 24, fontWeight: "500", lineHeight: 30, color: "white", marginTop: 5 })} >{props.title}</Text>
-          <View style={applyStyle({ flexDirection: 'row', marginTop: 5 })} >
-            <View style={applyStyle({ backgroundColor: 'rgba(255,255,255,0.6)', borderRadius: 4, paddingHorizontal: 10, })} >
-              <Text style={applyStyle({  fontSize: 14, lineHeight: 20, color: LibStyle.colorPrimary, })} >{props.created_by_alias}</Text>
-            </View>
-          </View>
-        </LinearGradient>
-        <Pressable onPress={() => ContentBookmarkProperty.toggle(props)} style={applyStyle({ position: 'absolute', top: 16, right: 16 })} >
-          <LibIcon name={isBook ? 'bookmark' : 'bookmark-plus-outline'} color={'#FD5593'} size={30} />
-        </Pressable>
-      </ImageBackground>
-    </Pressable>
-  )
-}

package/modules/content/list.tsx

@@ -1,60 +0,0 @@
-// withHooks
-
-import { ContentCategory_list, ContentConfig, ContentHeader, ContentItem, ContentItem_header, esp, LibCarrousel, LibInfinite, LibNavigation, LibObject, LibStyle, UserRoutes, useSafeState } from 'esoftplay';
-import React, { useRef } from 'react';
-import { View } from 'react-native';
-
-
-export interface ContentListArgs {
-
-}
-export interface ContentListProps {
-
-}
-export default function m(props: ContentListProps): any {
-
-  const routes = UserRoutes.state().get()
-
-  let { url, title, id } = useRef<any>(LibNavigation.getArgsAll(props)).current
-  const conf = esp.config()
-  url = url || conf.content
-  id = id || 0
-  const [data, setData] = useSafeState<any[]>([])
-  const [header, setHeader] = useSafeState<any[]>([])
-
-  return (
-    <View style={{ flex: 1 }} >
-      <ContentHeader backButton={routes?.index != undefined && routes?.index > 0} title={title || esp.appjson()?.expo?.name} searchButton />
-      <LibInfinite
-        url={url}
-        injectData={data}
-        ListHeaderComponent={
-          <>
-            <ContentCategory_list id={id} />
-            <LibCarrousel
-              autoplay
-              bullets
-              bulletsContainerStyle={{ justifyContent: 'flex-end', marginRight: 10 }}
-              chosenBulletStyle={{ width: 8, height: 4, borderRadius: 2, marginHorizontal: 4 }}
-              bulletStyle={{ width: 4, height: 4, borderRadius: 2, marginHorizontal: 4 }}
-              style={{ height: 3 / 4 * LibStyle.width }}>
-              {header.map(item => <ContentItem_header {...item} />)}
-            </LibCarrousel>
-          </>
-        }
-        onResult={(res) => {
-          ContentConfig.state().set(LibObject.set(ContentConfig.state().get(), res.config)('list'))
-        }}
-        onDataChange={(data: any[], page) => {
-          if (page == 0) {
-            setData(LibObject.splice(data, 0, 4)())
-            setHeader(data.slice(0, 4).filter((row) => row.created != 'sponsor'))
-          } else {
-            setData(data)
-          }
-        }}
-        renderItem={(item) => <ContentItem {...item} />}
-      />
-    </View>
-  )
-}

package/modules/content/search.tsx

@@ -1,37 +0,0 @@
-// withHooks
-
-import { ContentHeader, esp, LibInput, LibNavigation } from 'esoftplay';
-import React, { useRef } from 'react';
-import { View } from 'react-native';
-
-
-export interface ContentSearchArgs {
-
-}
-export interface ContentSearchProps {
-
-}
-export default function m(props: ContentSearchProps): any {
-  const searchInput = useRef<LibInput>(null)
-  const content = esp.config('content')
-
-  function doSearch() {
-    const keyword = encodeURIComponent(searchInput.current?.getText() || '')
-    LibNavigation.push('content/list', { title: 'Cari untuk ' + keyword, url: content + 'search.htm?id=' + keyword })
-  }
-
-  return (
-    <View>
-      <ContentHeader title="Cari Artikel" backButton />
-      <LibInput base
-        ref={searchInput}
-        autoFocus
-        placeholder={"Cari artikel"}
-        returnKeyType="search"
-        onChangeText={(text) => { }}
-        onSubmitEditing={() => doSearch()}
-        style={{ flex: 1, minHeight: 40, paddingHorizontal: 8, borderRadius: 8, backgroundColor: '#f5f5f5', marginVertical: 16, marginHorizontal: 16 }}
-      />
-    </View>
-  )
-}