get todo status and priority from content for public view;

Signed-off-by: Sahil Shubham <[email protected]>

Author: sahil-shubham

apps/webapp/src/Editor/Plugins/todoUtils.ts

@@ -18,11 +18,13 @@ export const getTodoMetadata = (content: NodeEditorContent) => {
   const block = content[0]
 
   if (block && block.type === ELEMENT_TODO_LI) {
-    const { priority, status, ...rest } = block
+    const { priority, status, metadata, ...rest } = block
 
     return {
       priority,
-      status
+      status,
+      createdAt: metadata?.createdAt,
+      updatedAt: metadata?.updatedAt
     }
   }
 }

apps/webapp/src/Hooks/API/useNodeAPI.ts

@@ -6,6 +6,7 @@ import {
   extractMetadata,
   GET_REQUEST_MINIMUM_GAP_IN_MS,
   getTagsFromContent,
+  getTodosFromContent,
   mog,
   NodeEditorContent,
   removeNulls
@@ -15,6 +16,7 @@ import { useAuthStore } from '../../Stores/useAuth'
 import { useContentStore } from '../../Stores/useContentStore'
 import { useDataStore } from '../../Stores/useDataStore'
 import { useSnippetStore } from '../../Stores/useSnippetStore'
+import { useTodoStore } from '../../Stores/useTodoStore'
 import { deserializeContent, serializeContent } from '../../Utils/serializer'
 import { WorkerRequestType } from '../../Utils/worker'
 import { runBatchWorker } from '../../Workers/controller'
@@ -30,6 +32,7 @@ export const useApi = () => {
   const setMetadata = useContentStore((store) => store.setMetadata)
   const setContent = useContentStore((store) => store.setContent)
   const { getTitleFromNoteId } = useLinks()
+  const updateNodeTodos = useTodoStore((store) => store.replaceContentOfTodos)
   const { updateILinksFromAddedRemovedPaths } = useInternalLinks()
   const { setNodePublic, setNodePrivate, checkNodePublic } = useDataStore()
   const { updateFromContent } = useUpdater()
@@ -246,7 +249,7 @@ export const useApi = () => {
         updatedAt: d.updatedAt
       }
 
-      // console.log(metadata, d.data)
+      // console.log(metadata, d.data, todos)
       return {
         title: d.title,
         data: d.data,
@@ -255,11 +258,15 @@ export const useApi = () => {
       }
     })
 
+    const content = deserializeContent(res.data)
+    const todos = getTodosFromContent(content)
+    updateNodeTodos(nodeId, todos)
+
     if (res) {
       return {
         id: nodeId,
         title: res.title ?? '',
-        content: deserializeContent(res.data),
+        content: content,
         metadata: res.metadata ?? undefined,
         version: res.version
       }

apps/webapp/src/Stores/useTodoStore.ts

@@ -11,7 +11,8 @@ import {
   PriorityType,
   TodoStatus,
   TodosType,
-  TodoType} from '@mexit/core'
+  TodoType
+} from '@mexit/core'
 
 import { getTodoMetadata } from '../Editor/Plugins/todoUtils'
 
@@ -36,8 +37,8 @@ export const createTodo = (
     },
     mentions,
     tags,
-    createdAt: Date.now(),
-    updatedAt: Date.now()
+    createdAt: metaData?.createdAt ?? Date.now(),
+    updatedAt: metaData?.updatedAt ?? Date.now()
   }
 }
 
@@ -158,9 +159,9 @@ const useTodoStore = create<TodoStoreType>(
             const tags = getTagsFromContent([content])
             const mentions = getMentionsFromContent([content])
             // mog('replaceContent', { nodeid, tags, mentions, todosContent, nodeTodos, todo, content })
-            return todo
-              ? { ...todo, mentions, tags, content: [content] }
-              : createTodo(nodeid, content.id, [content], mentions, tags)
+
+            // Currently nothing as todo id, it is same as block id for now
+            return createTodo(nodeid, content.id, [content], mentions, tags)
           })
 
           const leftOutTodos = nTodo.filter((todo) => !nodeTodos.find((t) => t.id === todo.id && nodeid === t.nodeid))