@abraca/nuxt 2.11.0 → 2.13.0

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=4.0.0"
   },
-  "version": "2.11.0",
+  "version": "2.13.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -292,6 +292,13 @@ const module$1 = defineNuxtModule({
       prebundleDeps.push("mapbox-gl");
     } catch {
     }
+    for (const pkg of ["@unovis/vue", "@unovis/ts"]) {
+      try {
+        createRequire(`${nuxt.options.rootDir}/`).resolve(pkg);
+        prebundleDeps.push(pkg);
+      } catch {
+      }
+    }
     if (options.features?.code !== false) {
       const cmPeers = [
         "@codemirror/view",

package/dist/runtime/components/ADocPickerModal.d.vue.ts

@@ -0,0 +1,31 @@
+type __VLS_Props = {
+    open: boolean;
+    /** Modal heading. */
+    title?: string;
+    /** Confirm button label. */
+    confirmLabel?: string;
+    /** Doc to exclude as a target along with its whole subtree (e.g. the doc being moved). */
+    excludeId?: string | null;
+    /** Extra ids to exclude as targets. */
+    excludeIds?: string[];
+    /** Offer a "Top level" (root) option. */
+    allowRoot?: boolean;
+    /** Label for the root option. */
+    rootLabel?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (targetId: string | null) => any;
+    "update:open": (v: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((targetId: string | null) => any) | undefined;
+    "onUpdate:open"?: ((v: boolean) => any) | undefined;
+}>, {
+    title: string;
+    confirmLabel: string;
+    excludeId: string | null;
+    excludeIds: string[];
+    allowRoot: boolean;
+    rootLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ADocPickerModal.vue

@@ -0,0 +1,191 @@
+<script setup>
+import { computed, ref, watch } from "vue";
+import { useDocTree } from "../composables/useDocTree";
+import { resolveDocType } from "../utils/docTypes";
+import AModalShell from "./AModalShell.vue";
+const props = defineProps({
+  open: { type: Boolean, required: true },
+  title: { type: String, required: false, default: "Move to\u2026" },
+  confirmLabel: { type: String, required: false, default: "Move here" },
+  excludeId: { type: [String, null], required: false, default: null },
+  excludeIds: { type: Array, required: false, default: () => [] },
+  allowRoot: { type: Boolean, required: false, default: true },
+  rootLabel: { type: String, required: false, default: "Top level" }
+});
+const emit = defineEmits(["update:open", "select"]);
+const { entries } = useDocTree();
+const open = computed({
+  get: () => props.open,
+  set: (v) => emit("update:open", v)
+});
+const idSet = computed(() => new Set(entries.value.map((e) => e.id)));
+const childrenOf = computed(() => {
+  const map = /* @__PURE__ */ new Map();
+  for (const e of entries.value) {
+    if (e.trashed) continue;
+    const pid = e.parentId && idSet.value.has(e.parentId) ? e.parentId : null;
+    const arr = map.get(pid) ?? [];
+    arr.push(e);
+    map.set(pid, arr);
+  }
+  for (const arr of map.values()) arr.sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
+  return map;
+});
+const excluded = computed(() => {
+  const set = new Set(props.excludeIds);
+  if (props.excludeId) {
+    const queue = [props.excludeId];
+    while (queue.length) {
+      const id = queue.shift();
+      set.add(id);
+      for (const child of childrenOf.value.get(id) ?? []) queue.push(child.id);
+    }
+  }
+  return set;
+});
+const expanded = ref(/* @__PURE__ */ new Set());
+const selectedId = ref(null);
+const search = ref("");
+watch(() => props.open, (isOpen) => {
+  if (isOpen) {
+    selectedId.value = null;
+    search.value = "";
+    expanded.value = /* @__PURE__ */ new Set();
+  }
+});
+function iconFor(entry) {
+  return entry?.meta?.icon ? entry.meta.icon.startsWith("i-") ? entry.meta.icon : `i-lucide-${entry.meta.icon}` : resolveDocType(entry?.type ?? "doc").icon;
+}
+const rows = computed(() => {
+  const q = search.value.trim().toLowerCase();
+  if (q) {
+    return entries.value.filter((e) => !e.trashed && !excluded.value.has(e.id) && (e.label || "").toLowerCase().includes(q)).sort((a, b) => (a.label || "").localeCompare(b.label || "")).slice(0, 100).map((e) => ({ id: e.id, label: e.label || "Untitled", icon: iconFor(e), depth: 0, hasChildren: false, expanded: false }));
+  }
+  const out = [];
+  const walk = (pid, depth) => {
+    for (const e of childrenOf.value.get(pid) ?? []) {
+      if (excluded.value.has(e.id)) continue;
+      const kids = (childrenOf.value.get(e.id) ?? []).filter((c) => !excluded.value.has(c.id));
+      const isExp = expanded.value.has(e.id);
+      out.push({ id: e.id, label: e.label || "Untitled", icon: iconFor(e), depth, hasChildren: kids.length > 0, expanded: isExp });
+      if (isExp) walk(e.id, depth + 1);
+    }
+  };
+  walk(null, 0);
+  return out;
+});
+function toggle(id) {
+  const next = new Set(expanded.value);
+  if (next.has(id)) next.delete(id);
+  else next.add(id);
+  expanded.value = next;
+}
+function confirm() {
+  emit("select", selectedId.value);
+  emit("update:open", false);
+}
+</script>
+
+<template>
+  <AModalShell
+    :open="open"
+    :title="title"
+    max-width="sm:max-w-lg"
+    @update:open="open = $event"
+  >
+    <div class="flex flex-col gap-3">
+      <UInput
+        v-model="search"
+        icon="i-lucide-search"
+        placeholder="Search documents…"
+        size="sm"
+        class="w-full"
+        autofocus
+      />
+
+      <div class="max-h-[50vh] overflow-y-auto rounded-md border border-(--ui-border) divide-y divide-(--ui-border)/60">
+        <!-- Root / top-level option -->
+        <button
+          v-if="allowRoot && !search"
+          type="button"
+          class="w-full flex items-center gap-2 px-3 py-2 text-left text-sm hover:bg-(--ui-bg-elevated) transition-colors"
+          :class="selectedId === null ? 'bg-(--ui-primary)/10 text-(--ui-primary)' : ''"
+          @click="selectedId = null"
+        >
+          <UIcon
+            name="i-lucide-home"
+            class="size-4 shrink-0 text-(--ui-text-muted)"
+          />
+          <span class="flex-1 truncate">{{ rootLabel }}</span>
+          <UIcon
+            v-if="selectedId === null"
+            name="i-lucide-check"
+            class="size-4 shrink-0"
+          />
+        </button>
+
+        <div
+          v-for="row in rows"
+          :key="row.id"
+          class="flex items-center hover:bg-(--ui-bg-elevated) transition-colors"
+          :class="selectedId === row.id ? 'bg-(--ui-primary)/10' : ''"
+          :style="{ paddingLeft: `${row.depth * 16}px` }"
+        >
+          <button
+            type="button"
+            class="size-6 shrink-0 flex items-center justify-center text-(--ui-text-dimmed) hover:text-(--ui-text)"
+            :class="row.hasChildren ? '' : 'invisible'"
+            @click="toggle(row.id)"
+          >
+            <UIcon
+              :name="row.expanded ? 'i-lucide-chevron-down' : 'i-lucide-chevron-right'"
+              class="size-4"
+            />
+          </button>
+          <button
+            type="button"
+            class="flex-1 min-w-0 flex items-center gap-2 px-1 py-2 text-left text-sm"
+            :class="selectedId === row.id ? 'text-(--ui-primary)' : ''"
+            @click="selectedId = row.id"
+          >
+            <UIcon
+              :name="row.icon"
+              class="size-4 shrink-0 text-(--ui-text-muted)"
+            />
+            <span class="flex-1 truncate">{{ row.label }}</span>
+            <UIcon
+              v-if="selectedId === row.id"
+              name="i-lucide-check"
+              class="size-4 shrink-0 mr-2"
+            />
+          </button>
+        </div>
+
+        <p
+          v-if="rows.length === 0"
+          class="px-3 py-6 text-center text-sm text-(--ui-text-dimmed)"
+        >
+          {{ search ? "No matching documents." : "No documents." }}
+        </p>
+      </div>
+    </div>
+
+    <template #footer>
+      <div class="flex items-center justify-end gap-2 w-full">
+        <UButton
+          label="Cancel"
+          color="neutral"
+          variant="ghost"
+          @click="emit('update:open', false)"
+        />
+        <UButton
+          :label="confirmLabel"
+          color="primary"
+          icon="i-lucide-corner-down-right"
+          :disabled="selectedId === null && !allowRoot"
+          @click="confirm"
+        />
+      </div>
+    </template>
+  </AModalShell>
+</template>

package/dist/runtime/components/ADocPickerModal.vue.d.ts

@@ -0,0 +1,31 @@
+type __VLS_Props = {
+    open: boolean;
+    /** Modal heading. */
+    title?: string;
+    /** Confirm button label. */
+    confirmLabel?: string;
+    /** Doc to exclude as a target along with its whole subtree (e.g. the doc being moved). */
+    excludeId?: string | null;
+    /** Extra ids to exclude as targets. */
+    excludeIds?: string[];
+    /** Offer a "Top level" (root) option. */
+    allowRoot?: boolean;
+    /** Label for the root option. */
+    rootLabel?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (targetId: string | null) => any;
+    "update:open": (v: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((targetId: string | null) => any) | undefined;
+    "onUpdate:open"?: ((v: boolean) => any) | undefined;
+}>, {
+    title: string;
+    confirmLabel: string;
+    excludeId: string | null;
+    excludeIds: string[];
+    allowRoot: boolean;
+    rootLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ADocumentTree.vue

@@ -298,6 +298,45 @@ function deleteDoc(docId) {
   if (!docId || !isReady.value) return;
   moveToTrash(docId, userName.value);
 }
+const moveTargetId = ref(null);
+const movePickerOpen = ref(false);
+function openMovePicker(docId) {
+  moveTargetId.value = docId;
+  movePickerOpen.value = true;
+}
+function performMove(newParentId) {
+  const id = moveTargetId.value;
+  if (!id || !isReady.value) return;
+  const entry = treeMap.data[id];
+  if (!entry) return;
+  if ((entry.parentId ?? null) === newParentId) return;
+  treeMap.set(id, { ...entry, parentId: newParentId, order: Date.now() });
+  if (newParentId) {
+    client.value?.createChild(newParentId, { child_id: id, kind: "page" }).catch(() => {
+    });
+    expandedIds.value.add(newParentId);
+    expandedIds.value = new Set(expandedIds.value);
+  }
+  emit("navigate", id);
+}
+const tagsTargetId = ref(null);
+const tagsEditorOpen = ref(false);
+function openTagsEditor(docId) {
+  tagsTargetId.value = docId;
+  tagsEditorOpen.value = true;
+}
+const tagsTargetTags = computed(() => {
+  const id = tagsTargetId.value;
+  if (!id) return [];
+  return treeMap.data[id]?.meta?.tags ?? [];
+});
+function saveTags(tags) {
+  const id = tagsTargetId.value;
+  if (!id || !isReady.value) return;
+  const entry = treeMap.data[id];
+  if (!entry) return;
+  treeMap.set(id, { ...entry, meta: { ...entry.meta ?? {}, tags } });
+}
 const renameId = ref(null);
 const renameValue = ref("");
 const renameInputRef = ref(null);
@@ -770,6 +809,16 @@ function treeNodeMenuItems(item) {
         label: "Add child page",
         icon: "i-lucide-file-plus",
         onSelect: () => createDirectly(item.id)
+      },
+      {
+        label: "Move to\u2026",
+        icon: "i-lucide-corner-down-right",
+        onSelect: () => openMovePicker(item.id)
+      },
+      {
+        label: "Edit tags\u2026",
+        icon: "i-lucide-tags",
+        onSelect: () => openTagsEditor(item.id)
       }
     ],
     [
@@ -1517,6 +1566,22 @@ defineExpose({
       @close="closeOverlay"
     />
   </div>
+
+  <!-- Move-to reparent picker -->
+  <ADocPickerModal
+    v-model:open="movePickerOpen"
+    :exclude-id="moveTargetId"
+    title="Move to…"
+    confirm-label="Move here"
+    @select="performMove"
+  />
+
+  <!-- Edit-tags editor -->
+  <ATagsEditor
+    v-model:open="tagsEditorOpen"
+    :tags="tagsTargetTags"
+    @save="saveTags"
+  />
 </template>
 
 <style scoped>

package/dist/runtime/components/AEditor.d.vue.ts

@@ -35,12 +35,18 @@ type __VLS_Props = {
      * Useful for inspecting CRDT state during development. Default: false.
      */
     showSourceToggle?: boolean;
+    /**
+     * Show the in-canvas ancestor breadcrumb above the document (matching
+     * cou-sh's DocRenderer). Only renders when the doc actually has ancestors,
+     * so root/space docs show nothing. Set false for embeds/previews.
+     */
+    showBreadcrumb?: boolean;
 };
 type __VLS_ModelProps = {
     modelValue?: any;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_42: {
+declare var __VLS_58: {
     editor: any;
     connectedUsers: {
         name: string;
@@ -49,25 +55,25 @@ declare var __VLS_42: {
         docId?: string | undefined;
     }[];
     ready: boolean;
-}, __VLS_51: {
+}, __VLS_67: {
     editor: any;
-}, __VLS_59: {
+}, __VLS_75: {
     editor: any;
-}, __VLS_67: {
+}, __VLS_83: {
     editor: any;
-}, __VLS_70: {
+}, __VLS_86: {
     editor: any;
 };
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_42) => any;
+    default?: (props: typeof __VLS_58) => any;
 } & {
-    link?: (props: typeof __VLS_51) => any;
+    link?: (props: typeof __VLS_67) => any;
 } & {
-    'doc-link'?: (props: typeof __VLS_59) => any;
+    'doc-link'?: (props: typeof __VLS_75) => any;
 } & {
-    'create-child-doc'?: (props: typeof __VLS_67) => any;
+    'create-child-doc'?: (props: typeof __VLS_83) => any;
 } & {
-    'send-to-chat'?: (props: typeof __VLS_70) => any;
+    'send-to-chat'?: (props: typeof __VLS_86) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     editor: import("vue").ComputedRef<any>;
@@ -91,6 +97,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     showDragHandle: boolean;
     variant: "doc" | "prose";
     showSourceToggle: boolean;
+    showBreadcrumb: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;