automatically create missing directories during write operations

Author: moaqz

src-tauri/capabilities/default.json

@@ -42,6 +42,14 @@
           "path": "$APPLOCALDATA/*"
         }
       ]
+    },
+    {
+      "identifier": "fs:allow-mkdir",
+      "allow": [
+        {
+          "path": "$APPLOCALDATA/*"
+        }
+      ]
     }
   ]
 }

src/lib/fs.ts

@@ -1,16 +1,41 @@
-import { BaseDirectory, readTextFile, writeTextFile, readDir, rename, remove } from "@tauri-apps/plugin-fs";
+import {
+  BaseDirectory,
+  readTextFile,
+  writeTextFile,
+  readDir,
+  rename,
+  remove,
+  mkdir,
+  exists
+} from "@tauri-apps/plugin-fs";
+import { dirname } from "@tauri-apps/api/path";
 import { toKebabCase, toSentenceCase } from "./strings";
 import { RecipeEntries } from "~/types";
 
-export async function readJSONFile<T>(path:string) {
+export async function readJSONFile<T>(path: string) {
   const data = await readTextFile(path, {
     baseDir: BaseDirectory.AppLocalData
   });
 
   return JSON.parse(data) as T;
 }
 
+export async function createDirectory(path: string) {
+  const dir = await dirname(path);
+  const dirExists = await exists(dir, {
+    baseDir: BaseDirectory.AppLocalData,
+  });
+
+  if (!dirExists) {
+    await mkdir(dir, {
+      baseDir: BaseDirectory.AppLocalData,
+      recursive: true,
+    });
+  }
+}
+
 export async function writeJSONFile<T>(path: string, data: T) {
+  await createDirectory(path);
   const _data = typeof data === "string" ? data : JSON.stringify(data);
   return await writeTextFile(path, _data, {
     baseDir: BaseDirectory.AppLocalData,
@@ -43,11 +68,12 @@ export async function listRecipes(path: string = "") {
 
 export function deleteFile(path: string) {
   return remove(path, {
-    baseDir: BaseDirectory.AppLocalData
+    baseDir: BaseDirectory.AppLocalData,
   });
 }
 
-export function renameFile(oldPath: string, newPath: string) {
+export async function renameFile(oldPath: string, newPath: string) {
+  await createDirectory(newPath);
   return rename(oldPath, newPath, {
     newPathBaseDir: BaseDirectory.AppLocalData,
     oldPathBaseDir: BaseDirectory.AppLocalData

src/lib/image.ts

@@ -1,6 +1,7 @@
 import { convertFileSrc } from "@tauri-apps/api/core";
 import { appLocalDataDir, join } from "@tauri-apps/api/path";
 import { writeFile, BaseDirectory } from "@tauri-apps/plugin-fs";
+import { createDirectory } from "./fs";
 
 export async function getLocalImage(imageSrc: string) {
   const localDir = await appLocalDataDir();
@@ -14,8 +15,11 @@ async function getAsByteArray(file: File) {
 }
 
 export async function copyImage(name: string, file: File) {
+  const path = `images/${name}`;
+  await createDirectory(path);
+
   const content = await getAsByteArray(file);
-  return writeFile(`images/${name}`, content, {
+  return writeFile(path, content, {
     baseDir: BaseDirectory.AppLocalData,
   });
 }

src/views/new-recipe.tsx

@@ -23,8 +23,11 @@ export function NewRecipeView() {
           }
         };
 
-        const recipeEntries = await listRecipes("recipes");
-        const fileExists = recipeEntries.find((entry) => entry.id === recipeIdentifier);
+        const recipeEntries = await listRecipes("recipes").catch(() => []);
+        const fileExists = recipeEntries.find((entry) => {
+          return entry.id === recipeIdentifier;
+        });
+
         if (fileExists) {
           toast.error({
             title: "Nombre de receta en uso",