Ryan/docmost
1
0
Fork 0
mirror of https://github.com/docmost/docmost.git synced 2025-11-19 07:41:09 +10:00
Code Issues Packages Projects Releases Wiki Activity

websocket updates

Browse Source 
* sync page title on icon via websocket
* sync on page tree too
This commit is contained in:
Philipinho
2024-04-27 15:40:22 +01:00
parent 390d58793a
commit 8cc7d39146
17 changed files with 253 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
apps/client/src/features/editor/title-editor.tsx
View File

@ -15,6 +15,8 @@ import { useDebouncedValue } from "@mantine/hooks";
import { useAtom } from "jotai";
import { treeDataAtom } from "@/features/page/tree/atoms/tree-data-atom";
import { updateTreeNodeName } from "@/features/page/tree/utils";
import { useQueryEmit } from "@/features/websocket/use-query-emit.ts";
import { History } from "@tiptap/extension-history";
export interface TitleEditorProps {
pageId: string;
@ -28,6 +30,7 @@ export function TitleEditor({ pageId, title }: TitleEditorProps) {
const pageEditor = useAtomValue(pageEditorAtom);
const [, setTitleEditor] = useAtom(titleEditorAtom);
const [treeData, setTreeData] = useAtom(treeDataAtom);
const emit = useQueryEmit();
const titleEditor = useEditor({
extensions: [
@ -41,6 +44,9 @@ export function TitleEditor({ pageId, title }: TitleEditorProps) {
Placeholder.configure({
placeholder: "Untitled",
}),
History.configure({
depth: 20,
}),
],
onCreate({ editor }) {
if (editor) {
@ -59,6 +65,15 @@ export function TitleEditor({ pageId, title }: TitleEditorProps) {
if (debouncedTitle !== "") {
updatePageMutation.mutate({ pageId, title: debouncedTitle });
setTimeout(() => {
emit({
operation: "updateOne",
entity: ["pages"],
id: pageId,
payload: { title: debouncedTitle },
});
}, 50);
const newTreeData = updateTreeNodeName(treeData, pageId, debouncedTitle);
setTreeData(newTreeData);
}