Merge pull request #6 from clearfeld/main

v.0.6.0

Author: clearfeld

src-tauri/Cargo.lock

@@ -1,6 +1,6 @@
 [package]
 name = "construct"
-version = "0.5.0"
+version = "0.6.0"
 description = "A GUI API Client"
 authors = ["clearfeld"]
 edition = "2021"

src-tauri/Cargo.toml

@@ -11,13 +11,9 @@
   "permissions": [
     "updater:default",
     "updater:default",
-    {
-      "identifier": "fs:allow-exists",
-      "allow": [{ "path": "$APPDATA/*" }]
-    },
-    "fs:allow-appdata-read",
+    "fs:allow-exists",
     "fs:allow-appdata-read-recursive",
-    "fs:allow-appdata-write",
-    "fs:allow-appdata-write-recursive"
+    "fs:allow-appdata-write-recursive",
+    "core:window:allow-destroy"
   ]
 }

src-tauri/capabilities/desktop.json

@@ -1,7 +1,7 @@
 {
 	"$schema": "https://schema.tauri.app/config/2",
 	"productName": "construct",
-	"version": "0.5.0",
+	"version": "0.6.0",
 	"identifier": "com.construct.app",
 	"build": {
 		"beforeDevCommand": "pnpm dev",

src-tauri/tauri.conf.json

@@ -61,8 +61,6 @@ function App() {
 				path="/"
 				element={
 					<div>
-						<SessionSaveAndLoadManager />
-
 						<div
 							style={{
 								height: "var(--navbar-height)",
@@ -71,6 +69,8 @@ function App() {
 							<Navbar />
 						</div>
 
+						<SessionSaveAndLoadManager />
+
 						<Outlet />
 
 						{/* <main className="container">

src/App.tsx

@@ -1,20 +1,34 @@
-import {
-	exists,
-	BaseDirectory,
-	readTextFile,
-} from "@tauri-apps/plugin-fs";
-import { useEffect } from "react";
+import * as stylex from "@stylexjs/stylex";
+import { exists, BaseDirectory, readTextFile } from "@tauri-apps/plugin-fs";
+import { useEffect, useState } from "react";
 import useRequestStore from "./stores/request_store/index.ts";
 import { useNavigate } from "react-router";
-
-// TODO: have different file for local and prod version of app
-const session_file = "last_session.json";
-
-// import { listen } from "@tauri-apps/api/event";
+import { LoadingSize, LoadingSpinner } from "@controlkit/ui";
+import { appDataDir } from "@tauri-apps/api/path";
+
+const session_file = import.meta.env.DEV ? "last_session_dev_mode.json" : "last_session.json";
+const roaming_dir = await appDataDir(); // "com.construct.app";
+
+const styles = stylex.create({
+	wrapper: {
+		backgroundColor: "var(--color-bg)",
+		position: "absolute",
+		width: "100%",
+		height: "calc(100% - var(--navbar-height))",
+		zIndex: 1000,
+		display: "flex",
+		flexDirection: "column",
+		gap: "1rem",
+		justifyContent: "center",
+		alignItems: "center",
+	},
+});
 
 export default function SessionSaveAndLoadManager() {
 	const navigate = useNavigate();
 
+	const [loading, setLoading] = useState<boolean>(true);
+
 	const setAllDataFromSessionSave = useRequestStore(
 		(state) => state.setAllDataFromSessionSave,
 	);
@@ -44,10 +58,8 @@ export default function SessionSaveAndLoadManager() {
 		// 	}
 		// };
 
-		// // TODO: need to figure this out in case of alt f4 or other types of window close events
-		// // listen("tauri://close-requested", async (event) => {
-		// // 	await AttemptToSaveLocalSession();
-		// // });
+		// TODO: need to figure this out in case of alt f4 or other types of window close events
+
 
 		// window.addEventListener("keydown", handleKeyDown);
 
@@ -56,20 +68,19 @@ export default function SessionSaveAndLoadManager() {
 		// };
 	}, []);
 
-
 	async function SetLocalSessionIfExists() {
 		// TODO: https://tauri.app/plugin/file-system/#read
 		// probably should use readTextFileLines or Binary data format for session file instead of raw json
 		// but its fine for now
 
 		// TODO: create a separate file within appConfig for settings store in the future
 
-		const previous_session_exists = await exists(session_file, {
+		const previous_session_exists = await exists(`${roaming_dir}/${session_file}`, {
 			baseDir: BaseDirectory.AppData,
 		});
 
 		if (previous_session_exists) {
-			const session_json = await readTextFile(session_file, {
+			const session_json = await readTextFile(`${roaming_dir}/${session_file}`, {
 				baseDir: BaseDirectory.AppData,
 			});
 
@@ -95,8 +106,18 @@ export default function SessionSaveAndLoadManager() {
 		} else {
 			console.log("doesnt exists");
 		}
+
+		setLoading(false);
 	}
 
-	return <></>;
+	return (
+		<>
+			{loading && (
+				<div {...stylex.props(styles.wrapper)}>
+					<LoadingSpinner size={LoadingSize.LARGE} />
+					<p>Checking for local session...</p>
+				</div>
+			)}
+		</>
+	);
 }
-