Update welshman

package-lock.json

@@ -21,18 +21,19 @@
         "@tiptap/extension-hard-break": "^2.6.6",
         "@tiptap/extension-history": "^2.6.6",
         "@tiptap/extension-paragraph": "^2.6.6",
+        "@tiptap/extension-placeholder": "^2.9.1",
         "@tiptap/extension-text": "^2.6.6",
         "@tiptap/suggestion": "^2.6.4",
         "@types/throttle-debounce": "^5.0.2",
         "@vite-pwa/assets-generator": "^0.2.6",
         "@vite-pwa/sveltekit": "^0.6.6",
-        "@welshman/app": "~0.0.19",
+        "@welshman/app": "~0.0.20",
         "@welshman/content": "~0.0.12",
         "@welshman/dvm": "~0.0.10",
         "@welshman/feeds": "~0.0.21",
         "@welshman/lib": "~0.0.23",
-        "@welshman/net": "~0.0.29",
+        "@welshman/net": "~0.0.30",
-        "@welshman/signer": "~0.0.9",
+        "@welshman/signer": "~0.0.10",
         "@welshman/store": "~0.0.12",
         "@welshman/util": "~0.0.42",
         "daisyui": "^4.12.10",
@@ -1798,6 +1799,7 @@
       "version": "6.1.2",
       "resolved": "https://registry.npmjs.org/@capacitor/core/-/core-6.1.2.tgz",
       "integrity": "sha512-xFy1/4qLFLp5WCIzIhtwUuVNNoz36+V7/BzHmLqgVJcvotc4MMjswW/TshnPQaLLujEOaLkA4h8ZJ0uoK3ImGg==",
+      "license": "MIT",
       "peer": true,
       "dependencies": {
         "tslib": "^2.1.0"
@@ -3213,6 +3215,20 @@
         "@tiptap/core": "^2.6.6"
       }
     },
+    "node_modules/@tiptap/extension-placeholder": {
+      "version": "2.9.1",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-placeholder/-/extension-placeholder-2.9.1.tgz",
+      "integrity": "sha512-Q/w3OOg/C6jGBf4QKEWKF9k+iaCQCgPoaIg2IDTPx8QmaxRfgoVE5Csd+oTOY/brdmSNXOxykZWEci6OJP+MbA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
+      }
+    },
     "node_modules/@tiptap/extension-text": {
       "version": "2.6.6",
       "resolved": "https://registry.npmjs.org/@tiptap/extension-text/-/extension-text-2.6.6.tgz",
@@ -3623,16 +3639,16 @@
       }
     },
     "node_modules/@welshman/app": {
-      "version": "0.0.19",
+      "version": "0.0.20",
-      "resolved": "https://registry.npmjs.org/@welshman/app/-/app-0.0.19.tgz",
+      "resolved": "https://registry.npmjs.org/@welshman/app/-/app-0.0.20.tgz",
-      "integrity": "sha512-uv5i6+Z3mm2cjTusbRHPYXy3bndefsBSfSYZ9lnAj8wRkvX7UPj5wgYbGim5IgEX8Y5r0SitnN5fICELCEcaCA==",
+      "integrity": "sha512-hStVq7HUQAYvaT1lV8Z7e0zNU/qMMc/oXIoo3/o7B42aHomHuziUKtXCMCJvBhpStpT0x3atcmvWeTvsZwPPTw==",
       "license": "MIT",
       "dependencies": {
         "@welshman/dvm": "~0.0.10",
         "@welshman/feeds": "~0.0.20",
         "@welshman/lib": "~0.0.23",
-        "@welshman/net": "~0.0.29",
+        "@welshman/net": "~0.0.30",
-        "@welshman/signer": "~0.0.9",
+        "@welshman/signer": "~0.0.10",
         "@welshman/store": "~0.0.11",
         "@welshman/util": "~0.0.42",
         "fuse.js": "^7.0.0",
@@ -3685,25 +3701,26 @@
       }
     },
     "node_modules/@welshman/net": {
-      "version": "0.0.29",
+      "version": "0.0.30",
-      "resolved": "https://registry.npmjs.org/@welshman/net/-/net-0.0.29.tgz",
+      "resolved": "https://registry.npmjs.org/@welshman/net/-/net-0.0.30.tgz",
-      "integrity": "sha512-2Gd793da/p+TwXoze0PAF3QFAi6D2UU0vLUnU4tfyLp3HRqJ2mjcxLgxrgZYJhIYxxGGtaYYd4KghekeFmgj3w==",
+      "integrity": "sha512-whFPG/NKW80VAA1RL/RQOvEd6PqAUgLV7gBJ/06rKzmfTtG6SUcro/Qz0c25bEB/BjPvMjTF/M0hv6qQJLRL6Q==",
       "license": "MIT",
       "dependencies": {
         "@welshman/lib": "~0.0.23",
-        "@welshman/util": "~0.0.40",
+        "@welshman/util": "~0.0.42",
         "isomorphic-ws": "^5.0.0",
         "ws": "^8.16.0"
       }
     },
     "node_modules/@welshman/signer": {
-      "version": "0.0.9",
+      "version": "0.0.10",
-      "resolved": "https://registry.npmjs.org/@welshman/signer/-/signer-0.0.9.tgz",
+      "resolved": "https://registry.npmjs.org/@welshman/signer/-/signer-0.0.10.tgz",
-      "integrity": "sha512-XaID2F+kGWDJRfW4bbW4ZBs+ilBqqdBfT8EYgLzRtA4NyT8cpPuUhm8v0av/DJONtTMfoEJg5ZR5JcxvPPqofA==",
+      "integrity": "sha512-6PNnWN2BbmjSEBXvpO9RSQg+TOCXZHnMf0r/OeW1a4KfUkRgeevDg0TqVQLnvO9xYNi6rnrFLcrSqiVvVeag4g==",
+      "license": "MIT",
       "dependencies": {
-        "@welshman/lib": "~0.0.22",
+        "@welshman/lib": "~0.0.23",
-        "@welshman/net": "~0.0.28",
+        "@welshman/net": "~0.0.30",
-        "@welshman/util": "~0.0.37",
+        "@welshman/util": "~0.0.42",
         "nostr-tools": "^2.7.2"
       },
       "peerDependencies": {
@@ -6962,6 +6979,7 @@
       "version": "0.0.3",
       "resolved": "https://registry.npmjs.org/nostr-signer-capacitor-plugin/-/nostr-signer-capacitor-plugin-0.0.3.tgz",
       "integrity": "sha512-Aa3gmaEsmI80zm6/+Z12CEryzVlSSB+ERUhPTUGg/juQUlYGyeynifm306URUXYF4NkrdBpJua/gmcvhXcZoUA==",
+      "license": "MIT",
       "peer": true,
       "peerDependencies": {
         "@capacitor/core": "^6.0.0"
@@ -9475,6 +9493,7 @@
       "version": "2.8.0",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.0.tgz",
       "integrity": "sha512-jWVzBLplnCmoaTr13V9dYbiQ99wvZRd0vNWaDRg+aVYRcjDF3nDksxFDE/+fkXnKhpnUUkmx5pK/v8mCtLVqZA==",
+      "license": "0BSD",
       "peer": true
     },
     "node_modules/tunnel-agent": {

package.json

@@ -45,18 +45,19 @@
     "@tiptap/extension-hard-break": "^2.6.6",
     "@tiptap/extension-history": "^2.6.6",
     "@tiptap/extension-paragraph": "^2.6.6",
+    "@tiptap/extension-placeholder": "^2.9.1",
     "@tiptap/extension-text": "^2.6.6",
     "@tiptap/suggestion": "^2.6.4",
     "@types/throttle-debounce": "^5.0.2",
     "@vite-pwa/assets-generator": "^0.2.6",
     "@vite-pwa/sveltekit": "^0.6.6",
-    "@welshman/app": "~0.0.19",
+    "@welshman/app": "~0.0.20",
     "@welshman/content": "~0.0.12",
     "@welshman/dvm": "~0.0.10",
     "@welshman/feeds": "~0.0.21",
     "@welshman/lib": "~0.0.23",
-    "@welshman/net": "~0.0.29",
+    "@welshman/net": "~0.0.30",
-    "@welshman/signer": "~0.0.9",
+    "@welshman/signer": "~0.0.10",
     "@welshman/store": "~0.0.12",
     "@welshman/util": "~0.0.42",
     "daisyui": "^4.12.10",

src/app.css

@@ -108,6 +108,10 @@
   @apply flex flex-col gap-4;
 }
 
+.col-8 {
+  @apply flex flex-col gap-8;
+}
+
 .ellipsize {
   @apply overflow-hidden text-ellipsis;
 }

src/app/components/ConfirmDelete.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import Confirm from "@lib/components/Confirm.svelte"
   import {publishDelete} from "@app/commands"
+  import {clearModals} from '@app/modal'
 
   export let url
   export let event
@@ -8,7 +9,7 @@
   const confirm = async () => {
     await publishDelete({event, relays: [url]})
 
-    history.back()
+    clearModals()
   }
 </script>
 

src/app/components/LogIn.svelte

@@ -63,10 +63,11 @@
       relays: rootHandle.nip46 || rootHandle.relays || nip46 || relays,
     }
 
-    const broker = Nip46Broker.get(pubkey, secret, handler)
+    // Gotta use user pubkey as the handler pubkey for historical reasons
+    const broker = Nip46Broker.get({secret, handler: {...handler, pubkey}})
 
     if (await broker.connect("", nip46Perms)) {
-      await onSuccess({method: "nip46", pubkey, secret, handler}, relays)
+      await onSuccess({method: "nip46", pubkey, secret, handler: {...handler, pubkey}}, relays)
     } else {
       pushToast({
         theme: "error",

src/app/components/SignUp.svelte

@@ -28,7 +28,7 @@
       })
     }
 
-    const signupBroker = Nip46Broker.get("", secret, handler)
+    const signupBroker = Nip46Broker.get({secret, handler})
     const pubkey = await signupBroker.createAccount(username, nip46Perms)
 
     if (!pubkey) {
@@ -38,10 +38,11 @@
       })
     }
 
-    const loginBroker = Nip46Broker.get(pubkey, secret, handler)
+    // Gotta use user pubkey as the handler pubkey for historical reasons
+    const loginBroker = Nip46Broker.get({secret, handler: {...handler, pubkey}})
 
     if (await loginBroker.connect("", nip46Perms)) {
-      addSession({method: "nip46", pubkey, secret, handler})
+      addSession({method: "nip46", pubkey, secret, handler: {...handler, pubkey}})
       pushToast({message: "Successfully logged in!"})
       clearModals()
     } else {

src/app/components/ThreadCreate.svelte

@@ -7,6 +7,7 @@
   import {createEvent} from "@welshman/util"
   import {publishThunk} 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 ModalHeader from "@lib/components/ModalHeader.svelte"
   import ModalFooter from "@lib/components/ModalFooter.svelte"
@@ -25,8 +26,15 @@
   const loading = writable(false)
 
   const submit = () => {
+
+    if (!title) {
+      return pushToast({
+        theme: "error",
+        message: "Please provide a title for your thread.",
+      })
+    }
+
     const content = $editor.getText()
-    const tags = append(tagRoom(GENERAL, url), getEditorTags($editor))
 
     if (!content.trim()) {
       return pushToast({
@@ -35,6 +43,12 @@
       })
     }
 
+    const tags = [
+      ["title", title],
+      tagRoom(GENERAL, url),
+      ...getEditorTags($editor),
+    ]
+
     publishThunk({
       event: createEvent(THREAD, {content, tags}),
       relays: [url],
@@ -43,10 +57,19 @@
     history.back()
   }
 
+  let title: string
   let editor: Readable<Editor>
 
   onMount(() => {
-    editor = createEditor(getEditorOptions({submit, loading, getPubkeyHints, autofocus: true}))
+    editor = createEditor(
+      getEditorOptions({
+        submit,
+        loading,
+        getPubkeyHints,
+        autofocus: true,
+        placeholder: "What's on your mind?",
+      })
+    )
   })
 </script>
 
@@ -55,10 +78,19 @@
     <div slot="title">Create a Thread</div>
     <div slot="info">Share a link, or start a discussion.</div>
   </ModalHeader>
-  <div class="relative">
+  <div class="relative col-8">
-    <div class="note-editor flex-grow overflow-hidden">
+    <Field>
-      <EditorContent editor={$editor} />
+      <p slot="label">Title*</p>
-    </div>
+      <label class="input input-bordered flex w-full items-center gap-2" slot="input">
+        <input bind:value={title} class="grow" type="text" placeholder="What is this thread about?" />
+      </label>
+    </Field>
+    <Field>
+      <p slot="label">Message*</p>
+      <div slot="input" class="note-editor flex-grow overflow-hidden">
+        <EditorContent editor={$editor} />
+      </div>
+    </Field>
     <Button
       data-tip="Add an image"
       class="tooltip tooltip-left absolute bottom-1 right-2"

src/lib/editor/index.ts

@@ -1,6 +1,7 @@
 import type {Writable} from "svelte/store"
 import {nprofileEncode} from "nostr-tools/nip19"
 import {SvelteNodeViewRenderer} from "svelte-tiptap"
+import Placeholder from '@tiptap/extension-placeholder'
 import Code from "@tiptap/extension-code"
 import CodeBlock from "@tiptap/extension-code-block"
 import Document from "@tiptap/extension-document"
@@ -53,6 +54,7 @@ type EditorOptions = {
   loading: Writable<boolean>
   getPubkeyHints: (pubkey: string) => string[]
   submitOnEnter?: boolean
+  placeholder?: string
   autofocus?: boolean
 }
 
@@ -80,6 +82,7 @@ export const getEditorOptions = ({
   loading,
   getPubkeyHints,
   submitOnEnter,
+  placeholder = "",
   autofocus = false,
 }: EditorOptions) => ({
   autofocus,
@@ -94,6 +97,7 @@ export const getEditorOptions = ({
     Paragraph,
     Text,
     TagExtension,
+    Placeholder.configure({placeholder}),
     submitOnEnter ? getModifiedHardBreakExtension() : HardBreakExtension,
     LinkExtension.extend({addNodeView: () => SvelteNodeViewRenderer(EditLink)}),
     Bolt11Extension.extend(asInline({addNodeView: () => SvelteNodeViewRenderer(EditBolt11)})),