@kungal/editor-nuxt 0.33.0 → 0.35.0

package/CHANGELOG.md

@@ -1,5 +1,90 @@
 # @kungal/editor-nuxt
 
+## 0.35.0
+
+### Minor Changes
+
+- c90e1b9: fix(link): give a typed URL the scheme it needs, in ONE place
+
+  Typing `www.kungal.com/topic/1` into any link input produced a **relative**
+  href: with no scheme the browser resolves it against the current page, so the
+  link went to `<origin>/<current/path>/www.kungal.com/topic/1` — dead, and dead
+  in a way the author can't see while writing.
+
+  `insertLinkCommand` now normalizes its `href`, and since every link entry point
+  (the selection bubble's input, the headless toolbar's URL panel, the KunUI
+  toolbar's popover, and a host's own `linkPrompt` adapter) dispatches that one
+  command, all of them are fixed at once — a host must not re-implement this.
+
+  - `www.kungal.com/topic/1` → `https://www.kungal.com/topic/1` (https, not http:
+    an http-only site redirects, an https-only site doesn't). Ports, queries,
+    fragments and bare IPv4 hosts included.
+  - `me@kungal.com` → `mailto:me@kungal.com` (`https://` would read the address as
+    userinfo and go nowhere).
+  - Untouched: anything with a scheme — `kungal-user:` / `kungal-reply:` included
+    — and anything explicitly relative (`/x`, `./x`, `../x`, `#x`, `?x`, `//host`).
+  - The one ambiguous input is a lone dotted word: `readme.md` looks exactly like
+    a hostname (`.md` is a TLD), so it gets `https://`. Write `./readme.md` when a
+    relative file is what you mean.
+
+  The rule is also exported as `normalizeLinkHref(input)` from the light,
+  zero-dependency `@kungal/editor-core` entry, so a server can normalize legacy
+  content with the exact same logic.
+
+  Along with it, the three URL inputs move from `type="url"` to `type="text"` +
+  `inputmode="url"`. Native URL validation rejects exactly the schemeless input
+  this change exists to accept — in the KunUI toolbar's popover, which submits a
+  real `<form>`, pressing Enter on `www.kungal.com/topic/1` did nothing at all.
+  The mobile keyboard hint is kept.
+
+### Patch Changes
+
+- Updated dependencies [c90e1b9]
+  - @kungal/editor-core@0.35.0
+  - @kungal/editor-vue@0.35.0
+
+## 0.34.0
+
+### Minor Changes
+
+- ab7fbc2: No native `prompt` left: the headless toolbar gets a link URL panel too
+
+  0.33.0 gave the selection bubble an inline URL input; the fixed (headless)
+  toolbar still popped `window.prompt`. It now opens a small panel under the link
+  button — Enter applies, Esc cancels, clicking outside closes, and the editor
+  gets focus back. Same behaviour as the bubble otherwise: an existing href is
+  prefilled (and selected), and with nothing selected the URL is inserted as
+  linked text. A panel rather than an in-place swap because a fixed toolbar row
+  that rearranges itself is jarring; the bubble is already a floating layer, so
+  there the swap is the right shape.
+
+  **Breaking (CSS hook, one version old):** `.kun-editor__bubble-input` →
+  `.kun-editor__link-input`. Both entry points render the same input, so the hook
+  is named after the thing, not the place. Hosts importing
+  `@kungal/editor-nuxt/editor.css` need no change; a copied stylesheet wants the
+  rename plus the two new hooks:
+
+  ```css
+  .kun-editor__link {
+    position: relative;
+  } /* structural */
+  .kun-editor__link-panel {
+    position: absolute;
+  } /* structural */
+  .kun-editor__link-input {
+    /* shared by the toolbar panel and the bubble */
+  }
+  ```
+
+  `linkPrompt` keeps taking precedence over all three built-in entries (bubble
+  input, toolbar panel, KunUI popover), so a host modal is still one override.
+
+### Patch Changes
+
+- Updated dependencies [ab7fbc2]
+  - @kungal/editor-core@0.34.0
+  - @kungal/editor-vue@0.34.0
+
 ## 0.33.0
 
 ### Minor Changes

package/editor.css

@@ -166,23 +166,6 @@
 .kun-editor__bubble-btn:hover {
   background: var(--color-default-100);
 }
-/* Link entry: the bubble swaps its button row for this URL input in place
-   (data-mode="link"), so no second floating layer is involved. */
-.kun-editor__bubble-input {
-  width: 14rem;
-  min-width: 0;
-  padding: 0.25rem 0.5rem;
-  border: 1px solid var(--color-default-200);
-  border-radius: 0.375rem;
-  background: transparent;
-  color: var(--color-foreground);
-  font: inherit;
-  font-size: 0.875rem;
-  outline: none;
-}
-.kun-editor__bubble-input:focus {
-  border-color: var(--color-primary);
-}
 
 /* ── Loading placeholder (WYSIWYG create/hydrate gap) ───────────────────── */
 /* Shown while Milkdown hydrates; reserves height so the area doesn't collapse. */
@@ -270,6 +253,50 @@
   display: inline-flex;
 }
 
+/* ── Link URL entry ─────────────────────────────────────────────────────── */
+/* Two shapes, one input hook. The selection bubble swaps its button row for the
+   input IN PLACE (it is itself a floating tooltip — see `[data-mode='link']`);
+   the fixed toolbar, being a static row, opens this small panel under its
+   button instead. */
+.kun-editor__link {
+  position: relative;
+  display: inline-flex;
+}
+
+.kun-editor__link-panel {
+  position: absolute;
+  top: calc(100% + 0.25rem);
+  left: 0;
+  z-index: 30;
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  padding: 0.375rem;
+  background: var(--kun-editor-surface);
+  border: 1px solid var(--color-default-200);
+  border-radius: 0.5rem;
+  box-shadow:
+    0 4px 6px -1px rgb(0 0 0 / 0.1),
+    0 2px 4px -2px rgb(0 0 0 / 0.1);
+}
+
+.kun-editor__link-input {
+  width: 14rem;
+  min-width: 0;
+  padding: 0.25rem 0.5rem;
+  border: 1px solid var(--color-default-200);
+  border-radius: 0.375rem;
+  background: transparent;
+  color: var(--color-foreground);
+  font: inherit;
+  font-size: 0.875rem;
+  outline: none;
+}
+
+.kun-editor__link-input:focus {
+  border-color: var(--color-primary);
+}
+
 /* ── Markdown source (CodeMirror) ───────────────────────────────────────── */
 .kun-editor__source .cm-editor {
   border: 1px solid var(--color-default-200);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kungal/editor-nuxt",
-  "version": "0.33.0",
+  "version": "0.35.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": [
@@ -32,8 +32,8 @@
     "nuxt.config.ts"
   ],
   "dependencies": {
-    "@kungal/editor-core": "0.33.0",
-    "@kungal/editor-vue": "0.33.0"
+    "@kungal/editor-core": "0.35.0",
+    "@kungal/editor-vue": "0.35.0"
   },
   "peerDependencies": {
     "@kungal/ui-vue": "^2.7.0",

package/runtime/KunEditorToolbar.vue

@@ -319,10 +319,14 @@ const insertSticker = (src: string, name: string) =>
             </KunButton>
           </KunTooltip>
         </template>
+        <!-- `type="text"` + `inputmode="url"`, never `type="url"`: this IS a
+             form, so native URL validation would block submit on a schemeless
+             `www.a.com/x` — the very input insertLinkCommand normalizes. -->
         <form class="flex items-center gap-1" @submit.prevent="applyLink">
           <KunInput
             v-model="linkUrl"
-            type="url"
+            type="text"
+            inputmode="url"
             size="sm"
             :placeholder="t.linkPlaceholder"
             :autofocus="true"