add expo sqlite3. work on settings.

app.json

@@ -32,6 +32,20 @@
           "resizeMode": "contain",
           "backgroundColor": "#ffffff"
         }
+      ],
+      [
+        "expo-sqlite",
+        {
+          "enableFTS": true,
+          "useSQLCipher": true,
+          "android": {
+            "enableFTS": false,
+            "useSQLCipher": false
+          },
+          "ios": {
+            "customBuildFlags": ["-DSQLITE_ENABLE_DBSTAT_VTAB=1 -DSQLITE_ENABLE_SNAPSHOT=1"]
+          }
+        }
       ]
     ],
     "experiments": {

app/lib/conversation.ts

@@ -1,7 +1,7 @@
 import { Translator } from "../i18n/api";
 
 export type Speaker = {
-    id: string,
+    id: "host" | "guest",
     language : string,
 }
 

app/lib/db.ts

@@ -0,0 +1,33 @@
+import * as SQLite from "react-native-sqlite-storage"
+
+SQLite.enablePromise(true);
+
+export const MIGRATE_UP = {
+    1: [
+        `CREATE TABLE IF NOT EXIST settings (
+            host_language TEXT,
+            libretranslate_base_url TEXT,
+            ui_direction INTEGER
+        )`,
+    ]
+}
+
+export const MIGRATE_DOWN = {
+    1: [
+        `DROP TABLE IF EXISTS settings`
+    ]
+}
+
+export async function getDb(migrationDirection : "up" | "down" = "up") {
+    const db = await SQLite.openDatabase({
+        name: "translation_terrace",
+    });
+
+    for (let [migration, statements] of Object.entries(MIGRATE_UP)) {
+        for (let statement of statements) {
+            await db.transaction(async (tx) => {
+                await tx.executeSql(statement)
+            });
+        }
+    }
+}

components/ConversationPlay.tsx

@@ -52,7 +52,7 @@ function ConversationPlay (props : ConversationPlayProps) {
 export default ConversationPlay;import React, { useState } from 'react';
 import { View, Text, TextInput, Button } from 'react-native';
 import { Conversation, Speaker, Translator } from './index';
-import { languages } from './lang';
+import {LANG_FLAGS} from "@/app/i18n/lang"
 
 interface ConversationPlayProps {
   translator: Translator;

components/Settings.tsx

@@ -0,0 +1,91 @@
+import React, { useEffect, useState } from "react";
+import { StyleSheet, View } from "react-native";
+import { NavigationContainer } from "@react-navigation/native";
+
+import {
+  default as ReactNativeSettings,
+  SettingsElement,
+} from "@mmomtchev/react-native-settings";
+import { longLang } from "@/app/i18n/lang";
+import { Translator, language_matrix } from "@/app/i18n/api";
+
+// We will store the config here
+const configData: Record<string, string> = {};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: "#fff",
+    justifyContent: "center",
+    padding: "1.5%",
+  },
+});
+
+// Retrieve a conf item or return the default
+const confGet = (key: string, def: string): string => configData[key] || def;
+
+// Store a conf item
+const confSet = (key: string, value: string): void => {
+  configData[key] = value;
+};
+
+// Choose from a list item
+const intelligence: Record<string, string> = {
+  L: "Low",
+  M: "Medium",
+  H: "High",
+};
+
+// This is the configuration schema
+const settings: SettingsElement[] = [
+  {
+    label: "Host Language",
+    type: "enum",
+    // You can override the way the value is displayed
+    values: ["en", "es", "fr"],
+    display: (v) => {
+      return longLang(v);
+    },
+    get: confGet.bind(null, "@hostLanguage", ""),
+    set: confSet.bind(null, "@hostLanguage"),
+  },
+  // Choose from a list, uses the standard phone navigation screens
+  {
+    label: "Intelligence",
+    title: "Select Intelligence",
+    type: "enum",
+    values: Object.keys(intelligence),
+    display: (v: string) => intelligence[v],
+    get: confGet.bind(null, "@int", "M"),
+    set: confSet.bind(null, "@int"),
+  },
+];
+
+export default function Settings() {
+  // Simply pass the schema here
+  // It integrates in your existing `NavigationContainer` or `Screen`
+  const [translator, setTranslator] = useState<Translator>(new Translator("en"))
+  const [languages, setLanguages] = useState<language_matrix | undefined>();
+  const [languagesLoaded, setLanguagesLoaded] = useState<boolean>(false);
+
+  useEffect(() => {
+    const fetchData = async () => {
+      try {
+        // Replace with your actual async data fetching logic
+        const languages = await translator.fetchLanguages();
+        setLanguages(languages);
+        setLanguagesLoaded(true);
+      } catch (error) {
+        console.error("Error fetching data:", error);
+      }
+    };
+  });
+  
+  return (
+    <NavigationContainer>
+      <View style={styles.container}>
+        <ReactNativeSettings settings={settings} />
+      </View>
+    </NavigationContainer>
+  );
+}

package.json

@@ -14,6 +14,7 @@
   "dependencies": {
     "@babel/runtime": "^7.26.7",
     "@expo/vector-icons": "^14.0.4",
+    "@mmomtchev/react-native-settings": "^1.1.0",
     "@react-native-async-storage/async-storage": "^1.23.1",
     "@react-navigation/bottom-tabs": "^7.2.0",
     "@react-navigation/elements": "^2.2.5",
@@ -21,7 +22,6 @@
     "@react-navigation/native-stack": "^7.2.0",
     "@types/jsdom": "^21.1.7",
     "cheerio": "^1.0.0",
-    "expo": "~52.0.27",
     "expo-blur": "~14.0.2",
     "expo-constants": "~17.0.4",
     "expo-doctor": "^1.12.5",
@@ -30,6 +30,7 @@
     "expo-linking": "~7.0.4",
     "expo-router": "~4.0.17",
     "expo-splash-screen": "~0.29.21",
+    "expo-sqlite": "~15.0.6",
     "expo-status-bar": "~2.0.1",
     "expo-symbols": "~0.2.1",
     "expo-system-ui": "~4.0.7",
@@ -48,6 +49,7 @@
     "react-native-reanimated": "~3.16.7",
     "react-native-safe-area-context": "4.12.0",
     "react-native-screens": "~4.4.0",
+    "react-native-sqlite-storage": "^6.0.1",
     "react-native-web": "~0.19.13",
     "react-native-webview": "13.12.5",
     "ts-node": "^10.9.2"
@@ -61,7 +63,9 @@
     "@types/jest": "^29.5.14",
     "@types/jquery": "^3.5.32",
     "@types/react": "~18.3.18",
+    "@types/react-native-sqlite-storage": "^6.0.5",
     "@types/react-test-renderer": "^18.3.1",
+    "expo": "~52.0.27",
     "jest": "^29.7.0",
     "jest-expo": "~52.0.3",
     "jest-runner-tsc": "^1.6.0",