muerwre/markdown-home-tab
1
0
Fork 0
mirror of https://github.com/muerwre/markdown-home-tab.git synced 2025-04-25 00:46:41 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

implement Storage Provider

Browse source
This commit is contained in:
Fedor Katurov 2024-10-07 22:48:09 +07:00
parent db911e51e4
commit 2ba35b8e2b
16 changed files with 393 additions and 96 deletions
Download patch file Download diff file Expand all files Collapse all files

33
src/modules/layout/components/GridLayout/hooks/useGridLayoutPersistance.ts
View file

@ -1,30 +1,27 @@
import { DockviewApi, DockviewReadyEvent, SerializedDockview } from "dockview";
import { DockviewApi, DockviewReadyEvent } from "dockview";
import { useCallback, useEffect, useRef, useState } from "react";
import { useStorage } from "../../../../../modules/storage/StorageContext";
import { createDefaultLayout } from "../utils/createDefaultLayout";
import { BrowserSyncStorage } from "~/utils";
const storage = new BrowserSyncStorage();
const key = 'dockview_persistance_layout';
export const useGridLayoutPersistance = () => {
const api = useRef<DockviewApi>();
const [hydrated, setHydrated] = useState(false);
const { layout, setLayout } = useStorage();
const onReady = (event: DockviewReadyEvent) => {
if (hydrated) {
return;
}
api.current = event.api;
storage.get<SerializedDockview>(key).then(layout => {
if (!layout) {
throw new Error("No layout saved, its okay");
}
event.api.fromJSON(layout);
}).catch(() => {
if (!layout) {
createDefaultLayout(event.api);
}).finally(() => {
setHydrated(true);
});
return;
}
event.api.fromJSON(layout);
setHydrated(true);
};
const persistLayout = useCallback(() => {
@ -32,8 +29,8 @@ export const useGridLayoutPersistance = () => {
return;
}
storage.set(key, api.current.toJSON());
}, []);
setLayout(api.current.toJSON());
}, [setLayout]);
useEffect(() => {
const onLayoutChange = api.current?.onDidLayoutChange(() => {