esoftplay 0.0.113 → 0.0.114-c

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' }