refactor: changed important paths to be under /app, updated packages

Vali-98 · Jul 23, 2024 · 6b98fad · 6b98fad
1 parent 292c298
commit 6b98fad
Show file tree

Hide file tree

Showing 81 changed files with 478 additions and 235 deletions.
diff --git a/app/BookInfo/[bookName].js b/app/BookInfo/[bookName].js
@@ -1,4 +1,4 @@
-import { Lorebooks } from '@constants/Lorebooks'
+import { Lorebooks } from 'app/constants/Lorebooks'
 import { Style } from '@globals'
 import { Stack, useLocalSearchParams } from 'expo-router'
 import React, { useEffect, useState } from 'react'

diff --git a/app/CharInfo.tsx b/app/CharInfo.tsx
@@ -1,9 +1,9 @@
 import AnimatedView from '@components/AnimatedView'
-import { CharacterCardV2 } from '@constants/Characters'
-import { RecentMessages } from '@constants/RecentMessages'
-import { Tokenizer } from '@constants/Tokenizer'
 import { FontAwesome } from '@expo/vector-icons'
 import { Characters, Logger, Style } from '@globals'
+import { CharacterCardV2 } from 'app/constants/Characters'
+import { RecentMessages } from 'app/constants/RecentMessages'
+import { Tokenizer } from 'app/constants/Tokenizer'
 import * as DocumentPicker from 'expo-document-picker'
 import { Stack, useRouter } from 'expo-router'
 import { useState } from 'react'

diff --git a/app/CharMenu.tsx b/app/CharMenu.tsx
@@ -1,7 +1,7 @@
 import AnimatedView from '@components/AnimatedView'
 import TextBoxModal from '@components/TextBoxModal'
 import { AntDesign, FontAwesome, Ionicons } from '@expo/vector-icons'
-import { Global, Characters, Chats, Logger, Style } from '@globals'
+import { Characters, Chats, Logger, Style } from '@globals'
 import { useRouter, Stack, usePathname } from 'expo-router'
 import { useEffect, useState } from 'react'
 import {

diff --git a/app/CharacterList.tsx b/app/CharacterList.tsx
@@ -0,0 +1,342 @@
+import AnimatedView from '@components/AnimatedView'
+import TextBoxModal from '@components/TextBoxModal'
+import { AntDesign, FontAwesome, Ionicons } from '@expo/vector-icons'
+import { Characters, Chats, Logger, Style } from '@globals'
+import { useRouter, Stack, usePathname } from 'expo-router'
+import { useEffect, useState } from 'react'
+import {
+    SafeAreaView,
+    TouchableOpacity,
+    ScrollView,
+    Text,
+    Image,
+    StyleSheet,
+    View,
+    ActivityIndicator,
+} from 'react-native'
+import { Gesture, GestureDetector } from 'react-native-gesture-handler'
+import { runOnJS } from 'react-native-reanimated'
+import { useShallow } from 'zustand/react/shallow'
+
+type CharInfo = {
+    name: string
+    id: number
+    image_id: number
+    tags: string[]
+}
+
+const CharacterList = () => {
+    const router = useRouter()
+    const { setCurrentCard, id } = Characters.useCharacterCard(
+        useShallow((state) => ({
+            setCurrentCard: state.setCard,
+            id: state.id,
+        }))
+    )
+    const loadChat = Chats.useChat((state) => state.load)
+
+    const [characterList, setCharacterList] = useState<CharInfo[]>([])
+    const [showNewChar, setShowNewChar] = useState<boolean>(false)
+    const [showDownload, setShowDownload] = useState(false)
+    const [nowLoading, setNowLoading] = useState(false)
+    const [loadedCharId, setLoadedCharId] = useState(id)
+
+    const goBack = () => router.back()
+
+    const gesture = Gesture.Fling()
+        .direction(1)
+        .onEnd(() => {
+            runOnJS(goBack)()
+        })
+    const getCharacterList = async () => {
+        try {
+            const list = await Characters.db.query.cardList('character')
+            setCharacterList(list)
+        } catch (error) {
+            Logger.log(`Could not retrieve characters.\n${error}`, true)
+        }
+    }
+    const setCurrentCharacter = async (charId: number, edit: boolean = false) => {
+        if (nowLoading) return
+        setLoadedCharId(charId)
+
+        try {
+            await setCurrentCard(charId)
+            setNowLoading(true)
+            const returnedChatId = await Chats.db.query.chatNewest(charId)
+            let chatId = returnedChatId
+            if (!chatId) {
+                chatId = await Chats.db.mutate.createChat(charId)
+            }
+            if (!chatId) {
+                Logger.log('Chat creation backup has failed! Please report.', true)
+                return
+            }
+
+            await loadChat(chatId)
+
+            setNowLoading(false)
+            if (edit) router.push('/CharInfo')
+            else router.back()
+        } catch (error) {
+            Logger.log(`Couldn't load character: ${error}`, true)
+            setNowLoading(false)
+        }
+        setLoadedCharId(-1)
+    }
+
+    const handleCreateCharacter = async (text: string) => {
+        if (!text) {
+            Logger.log('Name Cannot Be Empty!', true)
+            return
+        }
+        Characters.db.mutate.createCard(text).then(async (id) => {
+            await setCurrentCharacter(id, true)
+        })
+    }
+
+    useEffect(() => {
+        getCharacterList()
+    }, [usePathname()])
+
+    return (
+        <GestureDetector gesture={gesture}>
+            <SafeAreaView style={styles.mainContainer}>
+                <Stack.Screen
+                    options={{
+                        headerRight: () => (
+                            <View style={styles.headerButtonContainer}>
+                                <TouchableOpacity
+                                    style={styles.headerButtonRight}
+                                    onPress={async () => {
+                                        setShowDownload(true)
+                                    }}>
+                                    <FontAwesome
+                                        name="cloud-download"
+                                        size={28}
+                                        color={Style.getColor('primary-text1')}
+                                    />
+                                </TouchableOpacity>
+
+                                <TouchableOpacity
+                                    style={styles.headerButtonRight}
+                                    onPress={() =>
+                                        Characters.importCharacterFromImage().then(async () => {
+                                            getCharacterList()
+                                        })
+                                    }>
+                                    <FontAwesome
+                                        name="upload"
+                                        size={28}
+                                        color={Style.getColor('primary-text1')}
+                                    />
+                                </TouchableOpacity>
+
+                                <TouchableOpacity
+                                    style={styles.headerButtonRight}
+                                    onPress={async () => {
+                                        setShowNewChar(true)
+                                    }}>
+                                    <FontAwesome
+                                        name="pencil"
+                                        size={28}
+                                        color={Style.getColor('primary-text1')}
+                                    />
+                                </TouchableOpacity>
+                            </View>
+                        ),
+                    }}
+                />
+
+                <TextBoxModal
+                    booleans={[showNewChar, setShowNewChar]}
+                    title="[Creating Character]  Enter Name Below"
+                    onConfirm={handleCreateCharacter}
+                />
+
+                <TextBoxModal
+                    title="Enter Character Hub or Pygmalion Link"
+                    booleans={[showDownload, setShowDownload]}
+                    onConfirm={(text) =>
+                        Characters.importCharacterFromRemote(text).then(() => {
+                            getCharacterList()
+                        })
+                    }
+                    showPaste
+                />
+                {characterList.length === 0 && (
+                    <View style={{ ...styles.mainContainer, alignItems: 'center', marginTop: 30 }}>
+                        <Ionicons
+                            name="person-outline"
+                            color={Style.getColor('primary-text2')}
+                            size={60}
+                        />
+                        <Text
+                            style={{
+                                color: Style.getColor('primary-text2'),
+                                marginTop: 16,
+                                fontStyle: 'italic',
+                                fontSize: 16,
+                            }}>
+                            No Characters Found. Try Importing Some!
+                        </Text>
+                    </View>
+                )}
+
+                {characterList.length !== 0 && (
+                    <ScrollView>
+                        {characterList.map((character, index) => (
+                            <AnimatedView
+                                style={
+                                    character.id === loadedCharId
+                                        ? styles.longButtonSelectedContainer
+                                        : styles.longButtonContainer
+                                }
+                                key={index}
+                                dx={Math.min(500 + index * 200, 2000)}
+                                tduration={Math.min(500 + index * 100, 1000)}
+                                fade={0}
+                                fduration={500}>
+                                <TouchableOpacity
+                                    style={styles.longButton}
+                                    disabled={nowLoading}
+                                    onPress={() => setCurrentCharacter(character.id)}>
+                                    <Image
+                                        source={{
+                                            uri: Characters.getImageDir(character.image_id),
+                                        }}
+                                        style={styles.avatar}
+                                    />
+                                    <View>
+                                        <Text style={styles.nametag}>{character.name}</Text>
+                                        <View
+                                            style={{
+                                                paddingLeft: 16,
+                                                flex: 1,
+                                                flexDirection: 'row',
+                                                flexWrap: 'wrap',
+                                            }}>
+                                            {character.tags.map((item, index) => (
+                                                <Text
+                                                    style={{
+                                                        color: Style.getColor('primary-text2'),
+                                                        fontSize: 12,
+                                                        backgroundColor:
+                                                            Style.getColor('primary-surface4'),
+                                                        paddingHorizontal: 4,
+                                                        paddingVertical: 2,
+                                                        borderRadius: 4,
+                                                        rowGap: 2,
+                                                        columnGap: 4,
+                                                    }}
+                                                    key={index}>
+                                                    {item}
+                                                </Text>
+                                            ))}
+                                        </View>
+                                    </View>
+                                </TouchableOpacity>
+                                <View>
+                                    {nowLoading && character.id === loadedCharId ? (
+                                        <ActivityIndicator
+                                            color={Style.getColor('primary-text2')}
+                                            style={{ paddingLeft: 8 }}
+                                            size={28}
+                                        />
+                                    ) : (
+                                        <TouchableOpacity
+                                            style={styles.secondaryButton}
+                                            onPress={async () => {
+                                                setCurrentCharacter(character.id, true)
+                                            }}
+                                            disabled={nowLoading}>
+                                            <AntDesign
+                                                color={Style.getColor('primary-text2')}
+                                                name="idcard"
+                                                size={32}
+                                            />
+                                        </TouchableOpacity>
+                                    )}
+                                </View>
+                            </AnimatedView>
+                        ))}
+                    </ScrollView>
+                )}
+            </SafeAreaView>
+        </GestureDetector>
+    )
+}
+
+export default CharacterList
+
+const styles = StyleSheet.create({
+    mainContainer: {
+        paddingVertical: 16,
+        paddingHorizontal: 8,
+        flex: 1,
+    },
+
+    longButton: {
+        flexDirection: 'row',
+        flex: 1,
+        padding: 8,
+    },
+
+    longButtonContainer: {
+        backgroundColor: Style.getColor('primary-surface1'),
+        borderColor: Style.getColor('primary-surface1'),
+        borderWidth: 2,
+        flexDirection: 'row',
+        marginBottom: 8,
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        borderRadius: 8,
+        flex: 1,
+    },
+
+    longButtonSelectedContainer: {
+        backgroundColor: Style.getColor('primary-surface1'),
+        borderColor: Style.getColor('primary-brand'),
+        borderWidth: 2,
+        flexDirection: 'row',
+        marginBottom: 8,
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        borderRadius: 8,
+        flex: 1,
+    },
+
+    secondaryButton: {
+        paddingHorizontal: 12,
+        paddingVertical: 20,
+    },
+
+    avatar: {
+        width: 48,
+        height: 48,
+        borderRadius: 12,
+        margin: 4,
+        backgroundColor: Style.getColor('primary-surface2'),
+    },
+
+    nametag: {
+        fontSize: 16,
+        marginLeft: 20,
+        color: Style.getColor('primary-text1'),
+    },
+
+    subtag: {
+        fontSize: 16,
+        marginLeft: 20,
+        color: Style.getColor('primary-text2'),
+    },
+
+    headerButtonRight: {
+        marginLeft: 20,
+        marginRight: 4,
+    },
+
+    headerButtonContainer: {
+        flexDirection: 'row',
+    },
+})
diff --git a/app/ChatSelector.tsx b/app/ChatSelector.tsx
@@ -1,5 +1,5 @@
 import AnimatedView from '@components/AnimatedView'
-import { RecentMessages } from '@constants/RecentMessages'
+import { RecentMessages } from 'app/constants/RecentMessages'
 import { FontAwesome } from '@expo/vector-icons'
 import { Chats, Characters, saveStringExternal, Logger, Style } from '@globals'
 import { useRouter, Stack } from 'expo-router'

diff --git a/app/ColorSettings.tsx b/app/ColorSettings.tsx
@@ -1,5 +1,5 @@
 import { AppSettings } from '@constants/GlobalValues'
-import { ColorId, Style } from '@constants/Style'
+import { ColorId, Style } from 'app/constants/Style'
 import { FontAwesome } from '@expo/vector-icons'
 import Slider from '@react-native-community/slider'
 import { reloadAppAsync } from 'expo'

diff --git a/app/Instruct.tsx b/app/Instruct.tsx
@@ -3,7 +3,7 @@ import CheckboxTitle from '@components/CheckboxTitle'
 import SliderItem from '@components/SliderItem'
 import TextBox from '@components/TextBox'
 import TextBoxModal from '@components/TextBoxModal'
-import { InstructListItem } from '@constants/Instructs'
+import { InstructListItem } from 'app/constants/Instructs'
 import { FontAwesome } from '@expo/vector-icons'
 import { Global, Instructs, saveStringExternal, Logger, Style } from '@globals'
 import Slider from '@react-native-community/slider'