Added FileSystem.ts and fixed todo section

Author: el3um4s

electron/IPC/fileSystem.ts

@@ -0,0 +1,113 @@
+import { SendChannels } from "./General/channelsInterface";
+import IPC from "./General/IPC";
+import { app, BrowserWindow } from "electron";
+import { access, writeFile, mkdir, readFile } from 'fs/promises';
+import path from "path";
+
+
+const nameAPI = "fileSystem";
+
+// to Main
+const validSendChannel: SendChannels = {
+    "readFile": readFileTodos,
+    "saveFile": saveFile
+};
+
+// from Main
+const validReceiveChannel: string[] = [
+    "getFile"
+];
+
+const fileSystem = new IPC ({
+    nameAPI,
+    validSendChannel,
+    validReceiveChannel
+});
+
+export default fileSystem;
+
+async function readFileTodos(mainWindow: BrowserWindow, event: Electron.IpcMainEvent, fileName: any) {
+    const fileExists = await checkFileTodosExists(fileName);
+    if (!fileExists) {
+        await createDir();
+        const data = `[]`;
+        await writeTodos(fileName, data);
+    }
+    const todos = await loadTodos(fileName);
+    mainWindow.webContents.send("getFile", todos);
+}
+
+async function saveFile(mainWindow: BrowserWindow, event: Electron.IpcMainEvent, data: { fileName: string, todo: string }) {
+    const { fileName, todo } = {...data};
+    console.log(fileName);
+    console.log(todo);
+
+    const fileExists = await checkFileTodosExists(fileName);
+    if (!fileExists) {
+        await createDir();
+    }
+    await writeTodos(fileName, todo);
+}
+
+async function checkFileTodosExists(fileName:string) {
+    const userData = app.getPath('userData');
+    const pathFile = path.join(userData, 'todos' ,fileName);
+    try {
+        await access(pathFile);
+        return true;
+    } catch (error) {
+        console.log("DOES NOT exist:", pathFile);
+        console.error(error);
+        return false;
+    }
+}
+
+async function writeTodos(fileName: string, data: string) {
+    const userData = app.getPath('userData');
+    const pathFile = path.join(userData, 'todos' ,fileName);
+    try {
+        await writeFile(pathFile, data);
+    } catch (error) {
+        console.log("await writeFile(pathFile, data);", pathFile);
+        console.error(error);
+    }
+}
+
+async function createDir() {
+    const userData = app.getPath('userData');
+    const pathDir = path.join(userData, 'todos');
+    let dirExists = false;
+    try {
+        await access(pathDir);
+        dirExists = true;
+    } catch (error) {
+        // The check failed
+        console.log("DOES NOT exist:", pathDir);
+        console.error(error);
+        dirExists = false;
+    }
+
+    if (!dirExists) {
+        try {
+            await mkdir(pathDir);
+        } catch (error) {
+            console.log(" await mkdir(pathDir);", pathDir);
+            console.error(error);
+        }
+    }
+}
+
+
+async function loadTodos(fileName: string) {
+    const userData = app.getPath('userData');
+    const pathDir = path.join(userData, 'todos', fileName);
+    let result = [];
+    try {
+        const rawData = await readFile(pathDir, 'utf-8');
+        result = JSON.parse(rawData);
+    } catch (err) {
+        console.error(err);
+    }
+
+    return result;
+}

electron/configureDev.ts

@@ -43,6 +43,7 @@ class ConfigureDev {
     _build_Dist() { exec("npm run svelte:build"); }
     _watch_Dist() { require("electron-reload")(path.join(__dirname, "www")); }
     _serve_Dist() { 
+        // this.loadURL = serve({ directory: pathOnDisk, scheme: "html" });
         this.loadURL = serve({ directory: "dist/www" });
     }
 

electron/index.ts

@@ -4,6 +4,7 @@ import Main from "./mainWindow";
 
 import systemInfo from './IPC/systemInfo';
 import updaterInfo from './IPC/updaterInfo';
+import fileSystem from './IPC/fileSystem';
 
 const developerOptions = {
   isInProduction: true,    // true if is in production
@@ -12,6 +13,12 @@ const developerOptions = {
   watchSvelteBuild: false,   // true when you want to watch build svelte 
 };
 
+/*
+  testing svelte side: isInProduction: false, serveSvelteDev: true, buildSvelteDev:false, watchSvelteBuild: false
+  testing only electron side: isInProduction: true, serveSvelteDev: false, buildSvelteDev:false, watchSvelteBuild: false
+  testing both side: isInProduction: true, serveSvelteDev: false, buildSvelteDev:true, watchSvelteBuild: true
+*/
+
 const windowSettings = {
   title:  "MEMENTO - SvelteKit, Electron, TypeScript",
   width: 854,
@@ -23,8 +30,8 @@ let main = new Main(windowSettings, developerOptions);
 main.onEvent.on("window-created", async () => {
   systemInfo.initIpcMain(ipcMain, main.window);
   updaterInfo.initIpcMain(ipcMain, main.window);
-
+  fileSystem.initIpcMain(ipcMain, main.window);
+  
   updaterInfo.initAutoUpdater(autoUpdater, main.window);
-
 });
 

electron/mainWindow.ts

@@ -66,9 +66,19 @@ class Main {
     });
 
     if (this.configDev.isLocalHost()) {
-      await window.loadURL("http://localhost:3000/");
+      try {
+        await window.loadURL("http://localhost:3000/");
+      } catch (error) {
+        console.log(`ERROR: window.loadURL("http://localhost:3000/");`)
+        console.log(error)
+      }
     } else if (this.configDev.isElectronServe()) {
-      await this.configDev.loadURL(window);
+      try {
+        await this.configDev.loadURL(window);
+      } catch (error) {
+        console.log(`this.configDev.loadURL(window);`)
+        console.log(error)
+      }
     }
 
     window.show();

electron/preload.ts

@@ -1,6 +1,7 @@
 import { generateContextBridge } from "./IPC/General/contextBridge"
 
-import systemInfo from "./IPC/systemInfo";
+import systemInfo from './IPC/systemInfo';
 import updaterInfo from './IPC/updaterInfo';
+import fileSystem from './IPC/fileSystem';
 
-generateContextBridge([systemInfo, updaterInfo]);
+generateContextBridge([systemInfo, updaterInfo, fileSystem]);

package.json

@@ -4,7 +4,7 @@
   "description": "Memento: how to use Svelte with Electron and TypeScript",
   "author": "Samuele de Tomasi <[email protected]>",
   "license": "MIT",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "main": "dist/index.js",
   "scripts": {
     "nodemon": "nodemon",

svelte/src/hooks.ts

@@ -12,42 +12,51 @@ export function enhance(
 		result: (res: Response, form: HTMLFormElement) => void;
 	}
 ) {
-	let current_token: {};
 
 	async function handle_submit(e: Event) {
-		const token = (current_token = {});
-
 		e.preventDefault();
-
+		console.log("HANDLE_SUBMIT");
+		console.log(e);
+		const formData = new FormData(form);
+		console.log(formData);
+		console.log(form);
 		const body = new FormData(form);
-
 		if (pending) pending(body, form);
+		console.log(body);
+		console.log(form.action);
+		// const token = (current_token = {});
 
-		try {
-			const res = await fetch(form.action, {
-				method: form.method,
-				headers: {
-					accept: 'application/json'
-				},
-				body
-			});
-
-			if (token !== current_token) return;
-
-			if (res.ok) {
-				result(res, form);
-			} else if (error) {
-				error(res, null, form);
-			} else {
-				console.error(await res.text());
-			}
-		} catch (e) {
-			if (error) {
-				error(null, e, form);
-			} else {
-				throw e;
-			}
-		}
+		// e.preventDefault();
+
+		// const body = new FormData(form);
+
+		// if (pending) pending(body, form);
+
+		// try {
+		// 	const res = await fetch(form.action, {
+		// 		method: form.method,
+		// 		headers: {
+		// 			accept: 'application/json'
+		// 		},
+		// 		body
+		// 	});
+
+		// 	if (token !== current_token) return;
+
+		// 	if (res.ok) {
+		// 		result(res, form);
+		// 	} else if (error) {
+		// 		error(res, null, form);
+		// 	} else {
+		// 		console.error(await res.text());
+		// 	}
+		// } catch (e) {
+		// 	if (error) {
+		// 		error(null, e, form);
+		// 	} else {
+		// 		throw e;
+		// 	}
+		// }
 	}
 
 	form.addEventListener('submit', handle_submit);

svelte/src/components/InfoElectron.svelte renamed to svelte/src/lib/components/InfoElectron.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { slide } from 'svelte/transition';
-	import Tab from '../../components/tab.svelte';
+	import Tab from '$lib/components/tab.svelte';
 
 	import Start from './tab/start.svelte';
 	import Command from './tab/command.svelte';

svelte/src/components/Version.svelte renamed to svelte/src/lib/components/Version.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import Version from '../../../components/Version.svelte';
-	import InfoElectron from '../../../components/InfoElectron.svelte';
+	import Version from '$lib/components/Version.svelte';
+	import InfoElectron from '$lib/components/InfoElectron.svelte';
 </script>
 
 <div>