Jon Staab
114 lines
3.1 KiB
TypeScript
114 lines
3.1 KiB
TypeScript
import {mount} from "svelte"
|
|
import type {Writable} from "svelte/store"
|
|
import {get} from "svelte/store"
|
|
import type {StampedEvent} from "@welshman/util"
|
|
import {getTagValues, getListTags} from "@welshman/util"
|
|
import {Router} from "@welshman/router"
|
|
import {signer, profileSearch, userBlossomServers} from "@welshman/app"
|
|
import {Editor, MentionSuggestion, WelshmanExtension} from "@welshman/editor"
|
|
import {makeMentionNodeView} from "./MentionNodeView"
|
|
import ProfileSuggestion from "./ProfileSuggestion.svelte"
|
|
|
|
export const getUploadUrl = () => {
|
|
const userUrls = getTagValues("server", getListTags(userBlossomServers.get()))
|
|
|
|
for (const url of userUrls) {
|
|
return url.replace(/^ws/, "http")
|
|
}
|
|
|
|
return "https://cdn.satellite.earth"
|
|
}
|
|
|
|
export const signWithAssert = async (template: StampedEvent) => {
|
|
const event = await signer.get().sign(template)
|
|
|
|
return event!
|
|
}
|
|
|
|
export const makeEditor = async ({
|
|
aggressive = false,
|
|
autofocus = false,
|
|
charCount,
|
|
content = "",
|
|
placeholder = "",
|
|
url,
|
|
submit,
|
|
uploading,
|
|
wordCount,
|
|
disableFileUpload,
|
|
}: {
|
|
aggressive?: boolean
|
|
autofocus?: boolean
|
|
charCount?: Writable<number>
|
|
content?: string
|
|
placeholder?: string
|
|
url?: string
|
|
submit: () => void
|
|
uploading?: Writable<boolean>
|
|
wordCount?: Writable<number>
|
|
disableFileUpload?: boolean
|
|
}) => {
|
|
return new Editor({
|
|
content,
|
|
autofocus,
|
|
element: document.createElement("div"),
|
|
extensions: [
|
|
WelshmanExtension.configure({
|
|
submit,
|
|
sign: signWithAssert,
|
|
defaultUploadType: "blossom",
|
|
defaultUploadUrl: getUploadUrl(),
|
|
extensions: {
|
|
placeholder: {
|
|
config: {
|
|
placeholder,
|
|
},
|
|
},
|
|
breakOrSubmit: {
|
|
config: {
|
|
aggressive,
|
|
},
|
|
},
|
|
fileUpload: disableFileUpload
|
|
? false
|
|
: {
|
|
config: {
|
|
onDrop() {
|
|
uploading?.set(true)
|
|
},
|
|
onComplete() {
|
|
uploading?.set(false)
|
|
},
|
|
},
|
|
},
|
|
nprofile: {
|
|
extend: {
|
|
addNodeView: () => makeMentionNodeView(url),
|
|
addProseMirrorPlugins() {
|
|
return [
|
|
MentionSuggestion({
|
|
editor: (this as any).editor,
|
|
search: (term: string) => get(profileSearch).searchValues(term),
|
|
getRelays: (pubkey: string) => Router.get().FromPubkeys([pubkey]).getUrls(),
|
|
createSuggestion: (value: string) => {
|
|
const target = document.createElement("div")
|
|
|
|
mount(ProfileSuggestion, {target, props: {value, url}})
|
|
|
|
return target
|
|
},
|
|
}),
|
|
]
|
|
},
|
|
},
|
|
},
|
|
},
|
|
}),
|
|
],
|
|
onUpdate({editor}) {
|
|
wordCount?.set(editor.storage.wordCount.words)
|
|
charCount?.set(editor.storage.wordCount.chars)
|
|
},
|
|
})
|
|
}
|