mirror of
https://github.com/amitwh/markdown-converter.git
synced 2026-08-02 18:10:18 +05:30
feat(renderer): persist last-opened folder (mc-file-store) + restore on mount
This commit is contained in:
@@ -9,9 +9,11 @@ import { Sidebar } from '@/components/sidebar/Sidebar';
|
||||
import { useAppStore } from '@/stores/app-store';
|
||||
import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from '@/components/ui/resizable';
|
||||
import { useFileShortcuts } from '@/hooks/use-file-shortcuts';
|
||||
import { useRestoreLastFolder } from '@/hooks/use-restore-last-folder';
|
||||
|
||||
export function AppShell() {
|
||||
useFileShortcuts();
|
||||
useRestoreLastFolder();
|
||||
const { sidebarVisible, previewVisible, paneSizes, setPaneSizes } = useAppStore();
|
||||
|
||||
return (
|
||||
|
||||
@@ -0,0 +1,18 @@
|
||||
import { useEffect } from 'react';
|
||||
import { useFileStore } from '@/stores/file-store';
|
||||
|
||||
/**
|
||||
* On mount, re-opens the last folder if one was persisted via the file store's
|
||||
* zustand persist middleware. Idempotent — re-running with the same path is a
|
||||
* no-op (openFolder's list IPC call would just re-fetch, which is acceptable).
|
||||
*/
|
||||
export function useRestoreLastFolder(): void {
|
||||
useEffect(() => {
|
||||
const { rootPath, openFolder, tree } = useFileStore.getState();
|
||||
if (rootPath && !tree) {
|
||||
void openFolder(rootPath);
|
||||
}
|
||||
// Run once on mount only. Persist hydration happens before AppShell renders.
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, []);
|
||||
}
|
||||
@@ -1,4 +1,5 @@
|
||||
import { create } from 'zustand';
|
||||
import { persist, createJSONStorage } from 'zustand/middleware';
|
||||
import { immer } from 'zustand/middleware/immer';
|
||||
import { enableMapSet } from 'immer';
|
||||
import { ipc } from '@/lib/ipc';
|
||||
@@ -68,7 +69,8 @@ function updateNode(tree: FileNode, dirPath: string, updater: (node: FileNode) =
|
||||
}
|
||||
|
||||
export const useFileStore = create<FileState>()(
|
||||
immer((set) => ({
|
||||
persist(
|
||||
immer((set) => ({
|
||||
tree: null,
|
||||
rootPath: null,
|
||||
expanded: new Set<string>(),
|
||||
@@ -221,5 +223,13 @@ export const useFileStore = create<FileState>()(
|
||||
useFileStore.getState().markTabClean(activeTabId);
|
||||
return true;
|
||||
},
|
||||
}))
|
||||
})),
|
||||
{
|
||||
name: 'mc-file-store',
|
||||
storage: createJSONStorage(() => localStorage),
|
||||
// Only persist the folder path; tree, expanded Set, and openTabs are
|
||||
// rebuilt on demand. The app re-opens the folder on startup.
|
||||
partialize: (state) => ({ rootPath: state.rootPath }),
|
||||
}
|
||||
)
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user