@threadlabs/looma 0.22.12 → 0.22.13

package/editor/chunks/extensions.js

@@ -9778,13 +9778,14 @@ var CALLOUT_COMMANDS = [
 ];
 /**
 * Builds Looma's default command policy as fresh objects for one editor.
-* The image command delegates asset selection because Looma does not own upload,
-* persistence, or media-library concerns.
+* Image and link commands delegate their picker because Looma does not own
+* upload, persistence, or destination search. Link appears only when a picker
+* callback is supplied, so a headless default inventory has no dead action.
 *
 * @ownership Returned command objects belong to the caller and are recreated
 * per call so one editor cannot mutate another editor's command inventory.
 */
-function getDefaultSlashCommands(onOpenImagePicker, onOpenChipEditor) {
+function getDefaultSlashCommands(onOpenImagePicker, onOpenChipEditor, onOpenLinkEditor) {
 	return [
 		{
 			title: "Text",
@@ -9950,6 +9951,20 @@ function getDefaultSlashCommands(onOpenImagePicker, onOpenChipEditor) {
 				editor.chain().focus().deleteRange(range).setHorizontalRule().run();
 			}
 		},
+		...onOpenLinkEditor ? [{
+			title: "Link",
+			description: "Link to a destination or URL",
+			icon: "link",
+			keywords: [
+				"link",
+				"url",
+				"website"
+			],
+			command: ({ editor, range }) => {
+				editor.chain().focus().deleteRange(range).run();
+				onOpenLinkEditor();
+			}
+		}] : [],
 		{
 			title: "Image",
 			description: "Upload an image",
@@ -10081,9 +10096,10 @@ var LoomaSlashCommand = Extension.create({
 function createLoomaSlashCommandExtension(options = {}) {
 	const onOpenImagePicker = options.onOpenImagePicker;
 	const onOpenChipEditor = options.onOpenChipEditor;
+	const onOpenLinkEditor = options.onOpenLinkEditor;
 	return LoomaSlashCommand.configure({
 		...options,
-		commands: options.commands ?? getDefaultSlashCommands(onOpenImagePicker, onOpenChipEditor)
+		commands: options.commands ?? getDefaultSlashCommands(onOpenImagePicker, onOpenChipEditor, onOpenLinkEditor)
 	});
 }
 //#endregion

package/editor/extensions/slash-command.d.ts

@@ -49,16 +49,18 @@ export interface LoomaSlashCommandOptions {
     onStateChange?: (state: LoomaSlashMenuSnapshot) => void;
     onOpenImagePicker?: () => void;
     onOpenChipEditor?: (editor: Editor, position: number) => void;
+    onOpenLinkEditor?: () => void;
 }
 /**
  * Builds Looma's default command policy as fresh objects for one editor.
- * The image command delegates asset selection because Looma does not own upload,
- * persistence, or media-library concerns.
+ * Image and link commands delegate their picker because Looma does not own
+ * upload, persistence, or destination search. Link appears only when a picker
+ * callback is supplied, so a headless default inventory has no dead action.
  *
  * @ownership Returned command objects belong to the caller and are recreated
  * per call so one editor cannot mutate another editor's command inventory.
  */
-export declare function getDefaultSlashCommands(onOpenImagePicker?: () => void, onOpenChipEditor?: (editor: Editor, position: number) => void): LoomaSlashCommand[];
+export declare function getDefaultSlashCommands(onOpenImagePicker?: () => void, onOpenChipEditor?: (editor: Editor, position: number) => void, onOpenLinkEditor?: () => void): LoomaSlashCommand[];
 /**
  * Framework-neutral slash-command extension used by the turnkey editor.
  * Consumers embedding Looma into their own Tiptap instance can configure the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threadlabs/looma",
-  "version": "0.22.12",
+  "version": "0.22.13",
   "type": "module",
   "description": "Looma components as HTML, Vue, and plain DOM, with design tokens.",
   "license": "MIT",

package/vue/components.css

@@ -9092,6 +9092,10 @@ html[data-ui-input-modality="touch"]
   color: var(--ui-text-primary);
 }
 
+.looma-editor__link-context-kind {
+  font-size: var(--ui-font-size-xs);
+}
+
 .looma-editor__link-context-actions :is(button, a) {
   display: inline-flex;
   flex: 0 0 auto;

package/vue/editor/index.js

@@ -769,6 +769,7 @@ var LoomaEditor = defineComponent({
 		const slashExtension = createLoomaSlashCommandExtension({
 			onOpenImagePicker: () => fileInput.value?.click(),
 			onOpenChipEditor: openChipEditor,
+			onOpenLinkEditor: () => openLinkEditor(),
 			onStateChange: (state) => {
 				Object.assign(slash, state);
 			}
@@ -1163,7 +1164,7 @@ var LoomaEditor = defineComponent({
 				h("span", {
 					class: "looma-editor__link-context-url",
 					title: href
-				}, linkContextTarget.value ? [h("strong", linkContextTarget.value.label), linkContextTarget.value.detail ? h("small", linkContextTarget.value.detail) : null] : href),
+				}, [h("small", { class: "looma-editor__link-context-kind" }, linkContextTarget.value ? props.linkTargetLabel : "External URL"), ...linkContextTarget.value ? [h("strong", linkContextTarget.value.label), linkContextTarget.value.detail ? h("small", linkContextTarget.value.detail) : null] : [href]]),
 				h("button", {
 					type: "button",
 					onPointerdown: (event) => event.preventDefault(),