init speaker node

Author: yujonglee

packages/tiptap/src/transcript/extensions.ts

@@ -126,3 +126,34 @@ export const WordSplit = Extension.create({
     ];
   },
 });
+
+export const SpeakerSplit = Extension.create({
+  name: "speakerSplit",
+
+  addProseMirrorPlugins() {
+    return [
+      new Plugin({
+        key: new PluginKey("hypr-speaker-split"),
+        props: {
+          handleKeyDown(view, event) {
+            if (
+              event.key === "Enter"
+              && !event.ctrlKey
+              && !event.metaKey
+              && !event.altKey
+            ) {
+              const { state } = view;
+              const { selection } = state;
+
+              if (!selection.empty) {
+                return false;
+              }
+            }
+
+            return false;
+          },
+        },
+      }),
+    ];
+  },
+});

packages/tiptap/src/transcript/index.tsx

@@ -5,7 +5,7 @@ import Text from "@tiptap/extension-text";
 import { EditorContent, useEditor } from "@tiptap/react";
 import { forwardRef, useEffect } from "react";
 
-import { WordSplit } from "./extensions";
+import { SpeakerSplit, WordSplit } from "./extensions";
 import { SpeakerNode, WordNode } from "./nodes";
 
 import "../styles/transcript.css";
@@ -17,6 +17,7 @@ export const extensions = [
   SpeakerNode,
   WordNode,
   WordSplit,
+  SpeakerSplit,
 ];
 
 interface TranscriptEditorProps {