@threadlabs/looma 0.21.6 → 0.22.1

package/vue/editor/index.js

@@ -1,6 +1,6 @@
 import { computed, defineComponent, h, nextTick, onBeforeUnmount, onMounted, reactive, ref, useId, watch } from "vue";
 import { DEFAULT_MENTION_RESULT_LIMIT, LOOMA_CHIP_COLORS, LOOMA_ICONS, createLoomaMentionExtension, createLoomaSlashCommandExtension, getActiveTableUiState, getDefaultEditorExtensions, getVisualViewportRect, handleTableAction, handleTableOverlayAction, measureTableOverlayGeometry, normalizeActiveTableColumnWidths, normalizeLoomaChipColor, resolveTableCellAt, shouldShowTextFormattingToolbar } from "@threadlabs/looma/editor";
-import { Combobox, EditorInsertTableGrid, EditorMentionMenu, EditorSlashMenu, EditorTableContextMenu, EditorTableOverlay, EditorTableToolbar, EditorToolbar, IconButton, Menu, MenuItem, Popover, Tooltip } from "@threadlabs/looma/vue";
+import { Combobox, EditorInsertTableGrid, EditorMentionMenu, EditorMentionMenuItem, EditorSlashMenu, EditorSlashMenuGroup, EditorSlashMenuItem, EditorTableContextMenu, EditorTableOverlay, EditorTableToolbar, EditorToolbar, IconButton, Menu, MenuItem, Popover, Tooltip } from "@threadlabs/looma/vue";
 import { BubbleMenu, EditorContent, useEditor } from "@tiptap/vue-3";
 import { closeHistory } from "@tiptap/pm/history";
 import { createLowlight } from "lowlight";
@@ -14,6 +14,9 @@ var EDITOR_ADAPTER_COMPONENT_TAG_MAP = {
 	EditorToolbar: "ui-editor-toolbar",
 	EditorSlashMenu: "ui-editor-slash-menu",
 	EditorMentionMenu: "ui-editor-mention-menu",
+	EditorMentionMenuItem: "ui-editor-mention-menu-item",
+	EditorSlashMenuGroup: "ui-editor-slash-menu-group",
+	EditorSlashMenuItem: "ui-editor-slash-menu-item",
 	EditorTableContextMenu: "ui-editor-table-context-menu",
 	EditorTableToolbar: "ui-editor-table-toolbar",
 	EditorInsertTableGrid: "ui-editor-insert-table-grid",
@@ -1975,4 +1978,4 @@ var LoomaEditor = defineComponent({
 	}
 });
 //#endregion
-export { EDITOR_ADAPTER_COMPONENT_TAG_MAP, EditorInsertTableGrid, EditorMentionMenu, EditorSlashMenu, EditorTableContextMenu, EditorTableOverlay, EditorTableToolbar, EditorToolbar, LoomaEditor };
+export { EDITOR_ADAPTER_COMPONENT_TAG_MAP, EditorInsertTableGrid, EditorMentionMenu, EditorMentionMenuItem, EditorSlashMenu, EditorSlashMenuGroup, EditorSlashMenuItem, EditorTableContextMenu, EditorTableOverlay, EditorTableToolbar, EditorToolbar, LoomaEditor };

package/vue/editor/primitives.d.ts

@@ -3,7 +3,7 @@
  * `@threadlabs/looma/vue`, re-exported beside the editor that composes them.
  */
 import type { InsertTableEventDetail, MentionMenuHighlightEventDetail, MentionMenuSelectEventDetail, SlashMenuHighlightEventDetail, SlashMenuSelectEventDetail, TableContextMenuActionEventDetail } from "@threadlabs/looma/editor";
-export { EditorInsertTableGrid, EditorMentionMenu, EditorSlashMenu, EditorTableContextMenu, EditorTableOverlay, EditorTableToolbar, EditorToolbar, } from "@threadlabs/looma/vue";
+export { EditorInsertTableGrid, EditorMentionMenu, EditorMentionMenuItem, EditorSlashMenu, EditorSlashMenuGroup, EditorSlashMenuItem, EditorTableContextMenu, EditorTableOverlay, EditorTableToolbar, EditorToolbar, } from "@threadlabs/looma/vue";
 /** The editor components' event details, by event name. */
 export interface VueEditorAdapterEventMap {
     highlight: MentionMenuHighlightEventDetail | SlashMenuHighlightEventDetail;
@@ -66,6 +66,9 @@ export declare const EDITOR_ADAPTER_COMPONENT_TAG_MAP: {
     readonly EditorToolbar: "ui-editor-toolbar";
     readonly EditorSlashMenu: "ui-editor-slash-menu";
     readonly EditorMentionMenu: "ui-editor-mention-menu";
+    readonly EditorMentionMenuItem: "ui-editor-mention-menu-item";
+    readonly EditorSlashMenuGroup: "ui-editor-slash-menu-group";
+    readonly EditorSlashMenuItem: "ui-editor-slash-menu-item";
     readonly EditorTableContextMenu: "ui-editor-table-context-menu";
     readonly EditorTableToolbar: "ui-editor-table-toolbar";
     readonly EditorInsertTableGrid: "ui-editor-insert-table-grid";

package/vue/host.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.14 for Vue 3.5. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.15 for Vue 3.5. Do not edit.
 import {
   computed,
   Fragment,
@@ -9,6 +9,7 @@ import {
   onUpdated,
   shallowRef,
   useSlots,
+  watch,
   watchEffect,
 } from 'vue'
 
@@ -18,6 +19,7 @@ interface DataReadOptions {
   readonly type?: string
   readonly debounce?: number
   readonly poll?: number
+  readonly sources: () => readonly unknown[]
   readonly parameters: () => Readonly<Record<string, unknown>>
 }
 
@@ -45,7 +47,6 @@ function dataURL(
 /** A Vue-owned declared read; no request is made during SSR. */
 export function useDataRead(state: { value: any }, options: DataReadOptions): void {
   let value: unknown = null
-  let parameters: Readonly<Record<string, unknown>> = {}
   let abort: AbortController | undefined
   let timer: ReturnType<typeof setTimeout> | undefined
   let generation = 0
@@ -71,7 +72,7 @@ export function useDataRead(state: { value: any }, options: DataReadOptions): vo
           return document.baseURI
         }
       })()
-      const response = await fetch(dataURL(options.source, definition, parameters), {
+      const response = await fetch(dataURL(options.source, definition, options.parameters()), {
         signal: controller.signal,
       })
       if (!response.ok) throw new TypeError(`Request failed with ${response.status}.`)
@@ -93,8 +94,7 @@ export function useDataRead(state: { value: any }, options: DataReadOptions): vo
       }
     }
   }
-  const update = (next: Readonly<Record<string, unknown>>): void => {
-    parameters = { ...next }
+  const update = (): void => {
     connected = true
     cancel()
     const current = ++generation
@@ -105,7 +105,7 @@ export function useDataRead(state: { value: any }, options: DataReadOptions): vo
     } else void request(current)
   }
   onMounted(() => {
-    stop = watchEffect(() => update(options.parameters()))
+    stop = watch(options.sources, update, { immediate: true, deep: true })
   })
   onBeforeUnmount(() => {
     stop?.()