fix: Add Excalidraw support to Writing component

Signed-off-by: Innei <[email protected]>

src/components/modules/dashboard/writing/Writing.tsx

@@ -16,6 +16,8 @@ import {
 import { callCommand } from '@milkdown/utils'
 
 import { SimpleIconsMermaid } from '~/components/icons/mermaid'
+import { useEditorCtx } from '~/components/ui/editor/Milkdown/ctx'
+import { excalidrawSchema } from '~/components/ui/editor/Milkdown/plugins/Excalidraw'
 import { useEventCallback } from '~/hooks/common/use-event-callback'
 import { clsxm } from '~/lib/helper'
 import { jotaiStore } from '~/lib/store'
@@ -51,6 +53,8 @@ export const Writing: FC<{
 const MenuBar = () => {
   const editorRef = useEditorRef()
 
+  const ctx = useEditorCtx()
+
   const menuList = [
     {
       icon: 'icon-[material-symbols--undo]',
@@ -102,24 +106,21 @@ const MenuBar = () => {
     {
       icon: 'icon-[mingcute--drawing-board-line]',
       action: () => {
-        const ctx = editorRef?.editor.ctx
         if (!ctx) return
         const view = ctx.get(editorViewCtx)
         if (!view) return
         const state = view.state
 
         const currentCursorPosition = state.selection.from
-        const nextNode = ctx.get(schemaCtx).node('code_block', {
-          language: 'excalidraw',
-        })
+        const schema = ctx.get(schemaCtx)
+        const nextNode = schema.node(excalidrawSchema.type(ctx), {})
 
         view.dispatch(state.tr.insert(currentCursorPosition, nextNode))
       },
     },
     {
       icon: <SimpleIconsMermaid />,
       action: () => {
-        const ctx = editorRef?.editor.ctx
         if (!ctx) return
         const view = ctx.get(editorViewCtx)
         if (!view) return

src/components/ui/editor/Milkdown/plugins/Excalidraw.tsx

@@ -77,6 +77,7 @@ export const excalidrawSchema = $nodeSchema(id, () => {
     defining: true,
     atom: true,
     isolating: true,
+
     attrs: {
       value: {
         default: '',