insert some files

apps/app/src/components/PageEditor/PageEditor.tsx

@@ -331,7 +331,7 @@ export const PageEditor = React.memo((props: Props): JSX.Element => {
         const attachment = res.attachment;
         const fileName = attachment.originalName;
 
-        let insertText = `[${fileName}](${attachment.filePathProxied})`;
+        let insertText = `[${fileName}](${attachment.filePathProxied})\n`;
         // when image
         if (attachment.fileFormat.startsWith('image/')) {
         // modify to "![fileName](url)" syntax
@@ -340,6 +340,8 @@ export const PageEditor = React.memo((props: Props): JSX.Element => {
         // TODO: implement
         // refs: https://redmine.weseek.co.jp/issues/126528
         // editorRef.current.insertText(insertText);
+        // codeMirrorEditor?.view?.state.replaceSelection(insertText);
+        codeMirrorEditor?.insertText(insertText);
 
         // when if created newly
         // Not using 'mutateGrant' to inherit the grant of the parent page
@@ -357,7 +359,6 @@ export const PageEditor = React.memo((props: Props): JSX.Element => {
         toastError(e);
       }
       finally {
-        codeMirrorEditor?.insertText(insertText);
       }
 
     });

packages/editor/src/services/codemirror-editor/use-codemirror-editor/use-codemirror-editor.ts

@@ -12,6 +12,7 @@ import { useAppendExtensions, type AppendExtensions } from './utils/append-exten
 import { useFocus, type Focus } from './utils/focus';
 import { useGetDoc, type GetDoc } from './utils/get-doc';
 import { useInitDoc, type InitDoc } from './utils/init-doc';
+import { useInsertText, type InsertText } from './utils/insert-text';
 import { useSetCaretLine, type SetCaretLine } from './utils/set-caret-line';
 
 type UseCodeMirrorEditorUtils = {
@@ -20,6 +21,7 @@ type UseCodeMirrorEditorUtils = {
   getDoc: GetDoc,
   focus: Focus,
   setCaretLine: SetCaretLine,
+  insertText: InsertText,
 }
 export type UseCodeMirrorEditor = {
   state: EditorState | undefined;
@@ -56,6 +58,7 @@ export const useCodeMirrorEditor = (props?: UseCodeMirror): UseCodeMirrorEditor
   const getDoc = useGetDoc(view);
   const focus = useFocus(view);
   const setCaretLine = useSetCaretLine(view);
+  const insertText = useInsertText(view);
 
   return {
     state,
@@ -65,5 +68,6 @@ export const useCodeMirrorEditor = (props?: UseCodeMirror): UseCodeMirrorEditor
     getDoc,
     focus,
     setCaretLine,
+    insertText,
   };
 };

packages/editor/src/services/codemirror-editor/use-codemirror-editor/utils/insert-text.ts

@@ -0,0 +1,17 @@
+import { useCallback } from 'react';
+
+import { EditorView } from '@codemirror/view';
+
+export type InsertText = (text: string) => void;
+
+export const useInsertText = (view?: EditorView): InsertText => {
+
+  return useCallback((text) => {
+    view?.dispatch(
+      view?.state.update(
+        view?.state.replaceSelection(text),
+      ),
+    );
+  }, [view]);
+
+};