Added .sv_* files that are files for directories. So you can now edit

directories as files.

Frontend/src/App.jsx

@@ -7,7 +7,14 @@ import DirectoryPane from "./Components/DirectoryPane.jsx";
 import TagPanel from "./Components/TagPanel.jsx";
 import SettingsPanel from "./Components/SettingsPanel.jsx";
 import LoginScreen from "./Components/LoginScreen.jsx";
-import { FetchAuthStatus, FetchMe, FetchRoots, FetchSettings, FetchTheme } from "./Api.js";
+import {
+  EnsureDirectoryNote,
+  FetchAuthStatus,
+  FetchMe,
+  FetchRoots,
+  FetchSettings,
+  FetchTheme,
+} from "./Api.js";
 import { PaletteRoles } from "./ThemeRoles.js";
 
 function ApplyTheme(Palette) {
@@ -41,6 +48,7 @@ export default function App() {
   const [ViewPath, SetViewPath] = useState("");
   const [ViewIsDirectory, SetViewIsDirectory] = useState(true);
   const [ViewFileType, SetViewFileType] = useState(null);
+  const [ViewNoteFilePath, SetViewNoteFilePath] = useState(null);
   const [CurrentDirectoryPath, SetCurrentDirectoryPath] = useState("");
   const [SidebarKey, SetSidebarKey] = useState(0);
   const [Settings, SetSettings] = useState(null);
@@ -104,6 +112,7 @@ export default function App() {
     SetViewPath(FilePath);
     SetViewIsDirectory(false);
     SetViewFileType(FileType);
+    SetViewNoteFilePath(null);
     SetCurrentDirectoryPath(GetParentPath(FilePath));
   }
 
@@ -111,6 +120,7 @@ export default function App() {
     SetViewPath(DirectoryPath);
     SetViewIsDirectory(true);
     SetViewFileType(null);
+    SetViewNoteFilePath(null);
     SetCurrentDirectoryPath(DirectoryPath);
   }
 
@@ -118,9 +128,34 @@ export default function App() {
     SetCurrentDirectoryPath(DirectoryPath);
   }
 
-  function HandleEntrySelect(EntryPath, IsDirectory, FileType) {
+  // A directory is opened the same way a file is - via its own note file -
+  // rather than by drilling into its listing. Browsing a directory's
+  // contents happens separately, through the sidebar tree.
+  function HandleSelectDirectoryNote(DirectoryPath, NoteName, NoteFileType) {
+    SetViewPath(DirectoryPath);
+    SetViewIsDirectory(false);
+    SetViewFileType(NoteFileType);
+    SetViewNoteFilePath(`${DirectoryPath}/${NoteName}`);
+    SetCurrentDirectoryPath(DirectoryPath);
+  }
+
+  async function OpenDirectoryNote(DirectoryPath, Note) {
+    if (Note) {
+      HandleSelectDirectoryNote(DirectoryPath, Note.Name, Note.FileType);
+      return;
+    }
+
+    try {
+      const Created = await EnsureDirectoryNote(ActiveRoot, DirectoryPath);
+      HandleSelectDirectoryNote(DirectoryPath, Created.Name, Created.FileType);
+    } catch (Error) {
+      window.alert(Error.message);
+    }
+  }
+
+  function HandleEntrySelect(EntryPath, IsDirectory, FileType, Note) {
     if (IsDirectory) {
-      HandleNavigateDirectory(EntryPath);
+      OpenDirectoryNote(EntryPath, Note);
     } else {
       HandleSelectFile(EntryPath, FileType);
     }
@@ -133,7 +168,11 @@ export default function App() {
   function HandleEntryRenamed(OldPath, NewPath, IsDirectory) {
     RefreshSidebar();
 
-    if (!ViewIsDirectory && ViewPath === OldPath) {
+    if (ViewNoteFilePath && ViewPath === OldPath) {
+      // Viewing this directory's own note - the server already renamed the
+      // note file to match, so just re-resolve it under the new path.
+      OpenDirectoryNote(NewPath, null);
+    } else if (!ViewIsDirectory && ViewPath === OldPath) {
       HandleSelectFile(NewPath, ViewFileType);
     } else if (ViewIsDirectory && ViewPath === OldPath) {
       HandleNavigateDirectory(NewPath);
@@ -178,6 +217,7 @@ export default function App() {
         CurrentDirectoryPath={CurrentDirectoryPath}
         CurrentUser={CurrentUser}
         OnSelectFile={HandleSelectFile}
+        OnSelectDirectory={OpenDirectoryNote}
         OnNavigateDirectory={HandleNavigateDirectory}
         OnBrowseDirectory={HandleBrowseDirectory}
         OnEntryRenamed={HandleEntryRenamed}
@@ -197,7 +237,7 @@ export default function App() {
               <Breadcrumb
                 RootName={ActiveRoot}
                 FilePath={ViewPath}
-                IsDirectory={ViewIsDirectory}
+                IsDirectory={ViewIsDirectory || Boolean(ViewNoteFilePath)}
                 OnNavigate={HandleNavigateDirectory}
               />
             ) : (
@@ -234,7 +274,7 @@ export default function App() {
           ) : (
             <PreviewPane
               RootName={ActiveRoot}
-              FilePath={ViewPath}
+              FilePath={ViewNoteFilePath || ViewPath}
               FileType={ViewFileType}
               OnNavigateLink={HandleSelectFile}
               ShowGitBlame={Settings ? Settings.ShowGitBlame : false}
@@ -242,7 +282,9 @@ export default function App() {
               StickyToolbar={Settings ? Settings.StickyToolbar : true}
             />
           )}
-          {!ViewIsDirectory && <TagPanel RootName={ActiveRoot} FilePath={ViewPath} />}
+          {!ViewIsDirectory && !ViewNoteFilePath && (
+            <TagPanel RootName={ActiveRoot} FilePath={ViewPath} />
+          )}
         </div>
       </div>
       {IsSettingsOpen && (