Move editor stuff to its own folder

src/app/components/ThreadCreate.svelte

@@ -3,44 +3,24 @@
   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, NOTE} from "@welshman/util"
-  import {publishThunk, makeThunk, dateToSeconds} from "@welshman/app"
-  import {findNodes} from "@lib/tiptap"
+  import {publishThunk, makeThunk} from "@welshman/app"
   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 {pushToast} from "@app/toast"
+  import {getPubkeyHints} from "@app/commands"
+  import {getEditorOptions, addFile, uploadFiles, getEditorTags} from "@lib/editor"
+  import {clearModal} from "@app/modal"
 
   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 json = $editor.getJSON()
-    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(NOTE, {
-      content: $editor.getText(),
-      tags: [
-        ...mentionTags,
-        ...imetaTags,
-      ],
-    })
+  const submit = () => {
+    const event = createEvent(NOTE, {content: $editor.getText(), tags: getEditorTags($editor)})
 
     publishThunk(makeThunk({event, relays: [url]}))
     clearModal()
@@ -49,24 +29,24 @@
   let editor: Readable<Editor>
 
   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 a Thread</h1>
     <p class="text-center">Share your thoughts, or start a discussion.</p>
   </div>
   <div class="relative">
-    <div class="flex-grow overflow-hidden note-editor">
+    <div class="note-editor flex-grow overflow-hidden">
       <EditorContent editor={$editor} />
     </div>
     <Button
       data-tip="Add an image"
-      class="tooltip tooltip-left absolute right-2 bottom-1"
+      class="tooltip tooltip-left absolute bottom-1 right-2"
       on:click={() => addFile($editor)}>
-      {#if $uploading}
+      {#if $loading}
         <span class="loading loading-spinner loading-xs"></span>
       {:else}
         <Icon icon="paperclip" size={3} />
@@ -78,9 +58,6 @@
       <Icon icon="alt-arrow-left" />
       Go back
     </Button>
-    <Button type="submit" class="btn btn-primary">
-      Create Thread
-    </Button>
+    <Button type="submit" class="btn btn-primary">Create Thread</Button>
   </div>
 </form>
-