feat: add app data logic

iGoodie · Sep 18, 2022 · f028d19 · f028d19
1 parent 7818540
commit f028d19
Show file tree

Hide file tree

Showing 6 changed files with 78 additions and 6 deletions.
diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
@@ -11,7 +11,14 @@
   },
   "tauri": {
     "allowlist": {
-      "all": true
+      "all": true,
+      "fs": {
+        "writeFile": true,
+        "readFile": true,
+        "createDir": true,
+        "readDir": true,
+        "scope": ["*"]
+      }
     },
     "bundle": {
       "active": true,
@@ -57,7 +64,7 @@
         "fullscreen": false,
         "height": 600,
         "resizable": true,
-        "title": "ArcDPS Updater | For DX11",
+        "title": "Arcdps Updater | For DX11",
         "width": 800
       }
     ]

diff --git a/src/App.tsx b/src/App.tsx
@@ -1,6 +1,6 @@
 import { useState } from "react";
 import reactLogo from "./assets/react.svg";
-import TauriAPI from "@tauri-apps/api/tauri";
+import * as TauriAPI from "@tauri-apps/api/tauri";
 import "./App.css";
 
 function App() {

diff --git a/src/main.tsx b/src/main.tsx
@@ -2,8 +2,11 @@ import React from "react";
 import ReactDOM from "react-dom/client";
 import App from "./App";
 import "./style.css";
+import "@/utils/appdata.util.ts";
 
-ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
+const rootElement = document.getElementById("root") as HTMLElement;
+
+ReactDOM.createRoot(rootElement).render(
   <React.StrictMode>
     <App />
   </React.StrictMode>

diff --git a/src/utils/appdata.util.ts b/src/utils/appdata.util.ts
@@ -0,0 +1,53 @@
+import {
+  BaseDirectory,
+  exists,
+  createDir,
+  readTextFile,
+  writeTextFile,
+} from "@tauri-apps/api/fs";
+
+const APP_DATA_FOLDER = "ArcdpsUpdaterDx11";
+const CONFIG_FILE_NAME = "app.config.json";
+
+/* ------------------------- */
+
+interface AppConfig {
+  gameDir?: string;
+}
+
+console.log("Loading App Config...");
+
+let appConfig: AppConfig = {
+  gameDir: "",
+};
+appConfig = await readConfigJson();
+
+console.log("App Config loaded successfully.", appConfig);
+
+/* ------------------------- */
+
+export async function createDataFolder() {
+  return createDir(APP_DATA_FOLDER, {
+    dir: BaseDirectory.Data,
+    recursive: true,
+  });
+}
+
+export async function readConfigJson() {
+  const filepath = `${APP_DATA_FOLDER}/${CONFIG_FILE_NAME}`;
+  try {
+    exists(filepath, { dir: BaseDirectory.Data });
+    const filedata = await readTextFile(filepath, { dir: BaseDirectory.Data });
+    return JSON.parse(filedata);
+  } catch (error) {
+    saveConfigJson();
+    return appConfig;
+  }
+}
+
+export async function saveConfigJson() {
+  const filepath = `${APP_DATA_FOLDER}/${CONFIG_FILE_NAME}`;
+  writeTextFile(filepath, JSON.stringify(appConfig, undefined, 3), {
+    dir: BaseDirectory.Data,
+  });
+}
diff --git a/tsconfig.json b/tsconfig.json
@@ -5,7 +5,7 @@
     "lib": ["DOM", "DOM.Iterable", "ESNext"],
     "allowJs": false,
     "skipLibCheck": true,
-    "esModuleInterop": false,
+    "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
     "strict": true,
     "forceConsistentCasingInFileNames": true,
@@ -14,7 +14,10 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react-jsx"
+    "jsx": "react-jsx",
+    "paths": {
+      "@/*": ["./src"]
+    }
   },
   "include": ["src"],
   "references": [{ "path": "./tsconfig.node.json" }]

diff --git a/vite.config.ts b/vite.config.ts
@@ -1,5 +1,6 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
+import path from "path";
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -24,4 +25,9 @@ export default defineConfig({
     // produce sourcemaps for debug builds
     sourcemap: !!process.env.TAURI_DEBUG,
   },
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./src"),
+    },
+  },
 });