feat: enhance editor uploads (#895)

* * multi-file paste support
* allow media files (image/videos) to be attachments
* insert trailing node if file placeholder is at the end of the editor

* fix video align

packages/editor-ext/src/lib/media-utils.ts

@@ -1,13 +1,29 @@
 import type { EditorView } from "@tiptap/pm/view";
+import { Transaction } from "@tiptap/pm/state";
 
 export type UploadFn = (
   file: File,
   view: EditorView,
   pos: number,
   pageId: string,
+  // only applicable to file attachments
+  allowMedia?: boolean,
 ) => void;
 
 export interface MediaUploadOptions {
-  validateFn?: (file: File) => void;
+  validateFn?: (file: File, allowMedia?: boolean) => void;
   onUpload: (file: File, pageId: string) => Promise<any>;
 }
+
+export function insertTrailingNode(
+  tr: Transaction,
+  pos: number,
+  view: EditorView,
+) {
+  // create trailing node after decoration
+  // if decoration is at the last node
+  const currentDocSize = view.state.doc.content.size;
+  if (pos + 1 === currentDocSize) {
+    tr.insert(currentDocSize, view.state.schema.nodes.paragraph.create());
+  }
+}