@kungal/editor-nuxt 0.27.0 → 0.28.0

package/CHANGELOG.md

@@ -1,5 +1,41 @@
 # @kungal/editor-nuxt
 
+## 0.28.0
+
+### Minor Changes
+
+- 8d278e5: Make the insert-link URL entry customizable via a `linkPrompt` adapter.
+
+  The headless toolbar and the selection bubble asked for the link URL with the
+  native `window.prompt` (the KunUI toolbar used an inline popover). Hosts can now
+  supply their own UI instead — a modal, an article picker, etc.:
+
+  ```ts
+  const adapters = {
+    // …uploadImage, notify…
+    linkPrompt: async ({ text }) => await openLinkModal(text), // return the URL, or null to cancel
+  };
+  ```
+
+  - **editor-core**: new `LinkPrompt` type + `linkPrompt?` on `KunEditorAdapters`.
+    It receives the selected text (to prefill / search).
+  - **editor-vue**: the default toolbar and the selection bubble use `linkPrompt`
+    when supplied, else fall back to `window.prompt`.
+  - **editor-nuxt**: when `linkPrompt` is set, `<KunEditorToolbar>`'s link button
+    uses it instead of its inline popover — so one override covers every link entry
+    point (toolbar, default toolbar, bubble).
+
+  Verified in the docs production build: with a `linkPrompt` that derives a URL from
+  the selected text, the selection bubble inserts
+  `[…](https://example.com/search?q=…)` with no native dialog, and the KunUI
+  toolbar link becomes a plain button (no popover); 0 console errors.
+
+### Patch Changes
+
+- Updated dependencies [8d278e5]
+  - @kungal/editor-core@0.28.0
+  - @kungal/editor-vue@0.28.0
+
 ## 0.27.0
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kungal/editor-nuxt",
-  "version": "0.27.0",
+  "version": "0.28.0",
   "description": "KunEditor Nuxt Layer — wraps @kungal/editor-vue and auto-imports <KunEditor> so an existing Nuxt app keeps its exact DX (no import needed).",
   "type": "module",
   "keywords": [
@@ -31,8 +31,8 @@
     "nuxt.config.ts"
   ],
   "dependencies": {
-    "@kungal/editor-core": "0.27.0",
-    "@kungal/editor-vue": "0.27.0"
+    "@kungal/editor-core": "0.28.0",
+    "@kungal/editor-vue": "0.28.0"
   },
   "peerDependencies": {
     "@kungal/ui-vue": "^2.7.0",

package/runtime/KunEditorToolbar.vue

@@ -195,6 +195,18 @@ const applyLink = () => {
   linkPopoverEl?.close()
 }
 
+// When the host supplies a `linkPrompt` adapter, the link button uses THAT (its
+// own modal) instead of the inline popover — so one override covers the toolbar,
+// the default toolbar, and the selection bubble alike.
+const useLinkAdapter = computed(() => !!props.adapters.linkPrompt)
+const applyLinkFromAdapter = async () => {
+  const raw = await props.adapters.linkPrompt?.({ text: '' })
+  const href = raw?.trim()
+  if (href) {
+    props.insertLink({ href })
+  }
+}
+
 // Image upload — via api.uploadImage (shows the in-document "uploading…"
 // placeholder). Only rendered when the host supplies uploadImage.
 const canUpload = computed(() => !!props.adapters.uploadImage)
@@ -268,6 +280,22 @@ const insertSticker = (src: string, name: string) =>
         </button>
       </KunPopover>
 
+      <KunTooltip
+        v-else-if="item.kind === 'link' && useLinkAdapter"
+        :text="t.link"
+        :delay-show="300"
+      >
+        <KunButton
+          variant="light"
+          size="sm"
+          :is-icon-only="true"
+          :aria-label="t.link"
+          @click="applyLinkFromAdapter"
+        >
+          <KunIcon name="lucide:link" />
+        </KunButton>
+      </KunTooltip>
+
       <KunPopover
         v-else-if="item.kind === 'link'"
         :ref="setLinkPopover"