[ENG-1072] Error "Folder already exists" when create new canvas (#601)

* a small safeguard

* normalize the name to fix bug

* pr comment

Author: trangdoan982

apps/obsidian/src/components/GeneralSettings.tsx

@@ -191,11 +191,19 @@ const GeneralSettings = () => {
   }, []);
 
   const handleSave = async () => {
+    const trimmedNodesFolderPath = nodesFolderPath.trim();
+    const trimmedCanvasFolderPath = canvasFolderPath.trim();
+    const trimmedCanvasAttachmentsFolderPath =
+      canvasAttachmentsFolderPath.trim();
     plugin.settings.showIdsInFrontmatter = showIdsInFrontmatter;
-    plugin.settings.nodesFolderPath = nodesFolderPath;
-    plugin.settings.canvasFolderPath = canvasFolderPath;
-    plugin.settings.canvasAttachmentsFolderPath = canvasAttachmentsFolderPath;
+    plugin.settings.nodesFolderPath = trimmedNodesFolderPath;
+    plugin.settings.canvasFolderPath = trimmedCanvasFolderPath;
+    plugin.settings.canvasAttachmentsFolderPath =
+      trimmedCanvasAttachmentsFolderPath;
     plugin.settings.nodeTagHotkey = nodeTagHotkey || "";
+    setNodesFolderPath(trimmedNodesFolderPath);
+    setCanvasFolderPath(trimmedCanvasFolderPath);
+    setCanvasAttachmentsFolderPath(trimmedCanvasAttachmentsFolderPath);
     await plugin.saveSettings();
     new Notice("General settings saved");
     setHasUnsavedChanges(false);

apps/obsidian/src/utils/file.ts

@@ -2,13 +2,14 @@ import { TAbstractFile, TFolder, Vault, normalizePath } from "obsidian";
 
 export const checkAndCreateFolder = async (folderpath: string, vault: Vault) => {
   if (!folderpath) return;
+  const normalizedPath = normalizePath(folderpath);
 
-  const abstractItem = vault.getAbstractFileByPath(folderpath);
+  const abstractItem = vault.getAbstractFileByPath(normalizedPath);
   if (abstractItem instanceof TFolder) return;
   if (abstractItem instanceof TAbstractFile) {
-    throw new Error(`${folderpath} exists as a file`);
+    throw new Error(`${normalizedPath} exists as a file`);
   }
-  await vault.createFolder(folderpath);
+  await vault.createFolder(normalizedPath);
 };
 
 export const getNewUniqueFilepath = ({