Move editor stuff to its own folder

src/app/components/EventCreate.svelte

@@ -3,29 +3,27 @@
   import type {Readable} from "svelte/store"
   import {writable} from "svelte/store"
   import {createEditor, type Editor, EditorContent} from "svelte-tiptap"
-  import {NProfileExtension, ImageExtension} from "nostr-editor"
   import {randomId} from "@welshman/lib"
   import {createEvent, EVENT_DATE, EVENT_TIME} from "@welshman/util"
   import {publishThunk, makeThunk, dateToSeconds} from "@welshman/app"
-  import {findNodes} from "@lib/tiptap"
   import Icon from "@lib/components/Icon.svelte"
   import Field from "@lib/components/Field.svelte"
   import Button from "@lib/components/Button.svelte"
   import DateTimeInput from "@lib/components/DateTimeInput.svelte"
-  import {makeMention, makeIMeta} from "@app/commands"
-  import {getNoteEditorOptions, addFile, uploadFiles} from "@app/editor"
-  import {pushModal, clearModal} from "@app/modal"
+  import {getPubkeyHints} from "@app/commands"
+  import {getEditorOptions, addFile, uploadFiles, getEditorTags} from "@lib/editor"
+  import {clearModal} from "@app/modal"
   import {pushToast} from "@app/toast"
 
   export let url
 
-  const submit = () => uploadFiles($editor)
+  const startSubmit = () => uploadFiles($editor)
 
   const back = () => history.back()
 
-  const uploading = writable(false)
+  const loading = writable(false)
 
-  const sendMessage = () => {
+  const submit = () => {
     if (!title) {
       return pushToast({
         theme: "error",
@@ -40,15 +38,7 @@
       })
     }
 
-    const json = $editor.getJSON()
     const kind = isAllDay ? EVENT_DATE : EVENT_TIME
-    const mentionTags = findNodes(NProfileExtension.name, json).map(m =>
-      makeMention(m.attrs!.pubkey, m.attrs!.relays),
-    )
-    const imetaTags = findNodes(ImageExtension.name, json).map(({attrs: {src, sha256: x}}: any) =>
-      makeIMeta(src, {x, ox: x}),
-    )
-
     const event = createEvent(kind, {
       content: $editor.getText(),
       tags: [
@@ -57,8 +47,7 @@
         ["location", location],
         ["start", dateToSeconds(start).toString()],
         ["end", dateToSeconds(end).toString()],
-        ...mentionTags,
-        ...imetaTags,
+        ...getEditorTags($editor),
       ],
     })
 
@@ -67,19 +56,18 @@
   }
 
   let editor: Readable<Editor>
-  let isAllDay = false
-  let file: File
+  const isAllDay = false
   let title = ""
   let location = ""
   let start: Date
   let end: Date
 
   onMount(() => {
-    editor = createEditor(getNoteEditorOptions({uploading, sendMessage}))
+    editor = createEditor(getEditorOptions({submit, loading, getPubkeyHints}))
   })
 </script>
 
-<form class="column gap-4" on:submit|preventDefault={submit}>
+<form class="column gap-4" on:submit|preventDefault={startSubmit}>
   <div class="py-2">
     <h1 class="heading">Create an Event</h1>
     <p class="text-center">Invite other group members to events online or in real life.</p>
@@ -95,14 +83,11 @@
     <div
       slot="input"
       class="relative z-feature flex gap-2 border-t border-solid border-base-100 bg-base-100">
-      <div class="flex-grow overflow-hidden input-editor">
+      <div class="input-editor flex-grow overflow-hidden">
         <EditorContent editor={$editor} />
       </div>
-      <Button
-        data-tip="Add an image"
-        class="btn center tooltip"
-        on:click={() => addFile($editor)}>
-        {#if $uploading}
+      <Button data-tip="Add an image" class="center btn tooltip" on:click={() => addFile($editor)}>
+        {#if $loading}
           <span class="loading loading-spinner loading-xs"></span>
         {:else}
           <Icon icon="gallery-send" />
@@ -134,9 +119,6 @@
       <Icon icon="alt-arrow-left" />
       Go back
     </Button>
-    <Button type="submit" class="btn btn-primary">
-      Create Event
-    </Button>
+    <Button type="submit" class="btn btn-primary">Create Event</Button>
   </div>
 </form>
-