Jon Staab
109 lines
3.0 KiB
TypeScript
109 lines
3.0 KiB
TypeScript
import "@welshman/editor/index.css"
|
|
|
|
import {mount} from "svelte"
|
|
import type {Writable} from "svelte/store"
|
|
import {get} from "svelte/store"
|
|
import {Editor} from "@tiptap/core"
|
|
import {ctx} from "@welshman/lib"
|
|
import type {StampedEvent} from "@welshman/util"
|
|
import {signer, profileSearch} from "@welshman/app"
|
|
import {MentionSuggestion, WelshmanExtension} from "@welshman/editor"
|
|
import {getSetting, userSettingValues} from "@app/state"
|
|
import {MentionNodeView} from "./MentionNodeView"
|
|
import ProfileSuggestion from "./ProfileSuggestion.svelte"
|
|
|
|
export const getUploadType = () => getSetting<"nip96" | "blossom">("upload_type")
|
|
|
|
export const getUploadUrl = () => {
|
|
const {upload_type, nip96_urls, blossom_urls} = userSettingValues.get()
|
|
|
|
return upload_type === "nip96"
|
|
? nip96_urls[0] || "https://nostr.build"
|
|
: blossom_urls[0] || "https://cdn.satellite.earth"
|
|
}
|
|
|
|
export const signWithAssert = async (template: StampedEvent) => {
|
|
const event = await signer.get().sign(template)
|
|
|
|
return event!
|
|
}
|
|
|
|
export const makeEditor = ({
|
|
aggressive = false,
|
|
autofocus = false,
|
|
charCount,
|
|
content = "",
|
|
placeholder = "",
|
|
submit,
|
|
uploading,
|
|
wordCount,
|
|
}: {
|
|
aggressive?: boolean
|
|
autofocus?: boolean
|
|
charCount?: Writable<number>
|
|
content?: string
|
|
placeholder?: string
|
|
submit: () => void
|
|
uploading?: Writable<boolean>
|
|
wordCount?: Writable<number>
|
|
}) =>
|
|
new Editor({
|
|
content,
|
|
autofocus,
|
|
extensions: [
|
|
WelshmanExtension.configure({
|
|
submit,
|
|
sign: signWithAssert,
|
|
defaultUploadType: getUploadType(),
|
|
defaultUploadUrl: getUploadUrl(),
|
|
extensions: {
|
|
placeholder: {
|
|
config: {
|
|
placeholder,
|
|
},
|
|
},
|
|
breakOrSubmit: {
|
|
config: {
|
|
aggressive,
|
|
},
|
|
},
|
|
fileUpload: {
|
|
config: {
|
|
onDrop() {
|
|
uploading?.set(true)
|
|
},
|
|
onComplete() {
|
|
uploading?.set(false)
|
|
},
|
|
},
|
|
},
|
|
nprofile: {
|
|
extend: {
|
|
addNodeView: () => MentionNodeView,
|
|
addProseMirrorPlugins() {
|
|
return [
|
|
MentionSuggestion({
|
|
editor: (this as any).editor,
|
|
search: (term: string) => get(profileSearch).searchValues(term),
|
|
getRelays: (pubkey: string) => ctx.app.router.FromPubkeys([pubkey]).getUrls(),
|
|
createSuggestion: (value: string) => {
|
|
const target = document.createElement("div")
|
|
|
|
mount(ProfileSuggestion, {target, props: {value}})
|
|
|
|
return target
|
|
},
|
|
}),
|
|
]
|
|
},
|
|
},
|
|
},
|
|
},
|
|
}),
|
|
],
|
|
onUpdate({editor}) {
|
|
wordCount?.set(editor.storage.wordCount.words)
|
|
charCount?.set(editor.storage.wordCount.chars)
|
|
},
|
|
})
|