@abraca/nuxt 2.25.0 → 2.26.0

package/dist/module.json

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

package/dist/runtime/components/ADocumentTree.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { ref, computed, nextTick, shallowRef, toRaw, watch } from "vue";
+import { useVirtualizer } from "@tanstack/vue-virtual";
 import { useAbracadabra, useTrash, useChat, useVoice, useToast, useAppConfig, useSyncedMap, useDocImport, useDocExport, useWindowManager, useAwareness } from "#imports";
 import { resolveDocType, getAvailableDocTypes } from "../utils/docTypes";
 import { avatarBorderStyle } from "../utils/avatarStyle";
@@ -225,6 +226,20 @@ const flatItems = computed(() => {
   }
   return result;
 });
+const scrollParent = ref(null);
+const ROW_HEIGHT = 32;
+const rowVirtualizer = useVirtualizer(
+  computed(() => ({
+    count: flatItems.value.length,
+    getScrollElement: () => scrollParent.value,
+    estimateSize: () => ROW_HEIGHT,
+    overscan: 12,
+    getItemKey: (index) => flatItems.value[index]?.id ?? index
+  }))
+);
+const virtualRows = computed(
+  () => rowVirtualizer.value.getVirtualItems().map((vRow) => ({ vRow, item: flatItems.value[vRow.index], idx: vRow.index })).filter((r) => r.item)
+);
 function getItemIcon(item) {
   const meta = item.meta;
   if (meta?.icon && typeof meta.icon === "string") return `i-lucide-${meta.icon}`;
@@ -983,6 +998,9 @@ function onTreeDragOver(e) {
   onImportDragOver(e);
 }
 const focusedIndex = ref(-1);
+watch(focusedIndex, (i) => {
+  if (i >= 0 && i < flatItems.value.length) rowVirtualizer.value.scrollToIndex(i, { align: "auto" });
+});
 function onTreeKeydown(e) {
   const items = flatItems.value;
   if (!items.length) return;
@@ -1117,7 +1135,7 @@ defineExpose({
 
   <div
     v-else-if="!collapsed"
-    class="flex flex-col min-h-0"
+    class="flex flex-col min-h-0 h-full"
     :class="externalDragActive ? 'ring-2 ring-inset ring-(--ui-primary)/30 rounded-(--ui-radius) bg-(--ui-primary)/3' : ''"
     tabindex="0"
     role="tree"

package/dist/runtime/components/aware/AMedia.d.vue.ts

@@ -12,8 +12,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     awareness: boolean;
     tag: "video" | "audio";
     live: boolean;
-    controls: boolean;
     total: boolean;
+    controls: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/aware/AMedia.vue.d.ts

@@ -12,8 +12,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     awareness: boolean;
     tag: "video" | "audio";
     live: boolean;
-    controls: boolean;
     total: boolean;
+    controls: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/composables/useChildTree.js

@@ -23,9 +23,23 @@ export function useChildTree(rootDoc, parentDocId, options) {
     }
     return result;
   });
+  const childrenByParent = computed(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const e of entries.value) {
+      let arr = map.get(e.parentId);
+      if (!arr) {
+        arr = [];
+        map.set(e.parentId, arr);
+      }
+      arr.push(e);
+    }
+    for (const arr of map.values()) arr.sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
+    return map;
+  });
   function childrenOf(parentId) {
     const target = parentId === null ? parentDocId : parentId;
-    return entries.value.filter((e) => e.parentId === target).sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
+    const bucket = childrenByParent.value.get(target);
+    return bucket ? bucket.slice() : [];
   }
   function descendantsOf(id) {
     const result = [];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abraca/nuxt",
-  "version": "2.25.0",
+  "version": "2.26.0",
   "description": "First-class Nuxt module for the Abracadabra CRDT collaboration platform",
   "repository": "abracadabra/abracadabra-nuxt",
   "license": "MIT",