@abraca/nuxt 1.9.1 → 2.0.0

package/dist/runtime/components/editor/AEditorUndoButton.d.vue.ts

@@ -0,0 +1,26 @@
+/**
+ * <AEditorUndoButton>
+ *
+ * Standalone undo button bound to a TipTap editor. Drop it in any toolbar.
+ *
+ * Usage:
+ *   <AEditorUndoButton :editor="editor" />
+ */
+import type { Editor } from '@tiptap/vue-3';
+type __VLS_Props = {
+    editor: Editor | null | undefined;
+    size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg';
+    variant?: 'ghost' | 'soft' | 'outline' | 'solid' | 'subtle' | 'link';
+    color?: 'neutral' | 'primary' | 'secondary' | 'error' | 'warning' | 'success' | 'info';
+    icon?: string;
+    tooltip?: string | false;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    color: "neutral" | "primary" | "secondary" | "error" | "warning" | "success" | "info";
+    icon: string;
+    size: "2xs" | "xs" | "sm" | "md" | "lg";
+    variant: "ghost" | "soft" | "outline" | "solid" | "subtle" | "link";
+    tooltip: string | false;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/editor/AEditorUndoButton.vue

@@ -0,0 +1,38 @@
+<script setup>
+import { useTiptapHistory } from "../../composables/useTiptapHistory";
+const props = defineProps({
+  editor: { type: null, required: true },
+  size: { type: String, required: false, default: "xs" },
+  variant: { type: String, required: false, default: "ghost" },
+  color: { type: String, required: false, default: "neutral" },
+  icon: { type: String, required: false, default: "i-lucide-undo" },
+  tooltip: { type: [String, Boolean], required: false, default: "Undo" }
+});
+const { canUndo, undo } = useTiptapHistory(() => props.editor ?? null);
+</script>
+
+<template>
+  <UTooltip
+    v-if="tooltip"
+    :text="tooltip"
+    :content="{ side: 'bottom' }"
+  >
+    <UButton
+      :icon="icon"
+      :size="size"
+      :variant="variant"
+      :color="color"
+      :disabled="!canUndo"
+      @click="undo"
+    />
+  </UTooltip>
+  <UButton
+    v-else
+    :icon="icon"
+    :size="size"
+    :variant="variant"
+    :color="color"
+    :disabled="!canUndo"
+    @click="undo"
+  />
+</template>

package/dist/runtime/components/editor/AEditorUndoButton.vue.d.ts

@@ -0,0 +1,26 @@
+/**
+ * <AEditorUndoButton>
+ *
+ * Standalone undo button bound to a TipTap editor. Drop it in any toolbar.
+ *
+ * Usage:
+ *   <AEditorUndoButton :editor="editor" />
+ */
+import type { Editor } from '@tiptap/vue-3';
+type __VLS_Props = {
+    editor: Editor | null | undefined;
+    size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg';
+    variant?: 'ghost' | 'soft' | 'outline' | 'solid' | 'subtle' | 'link';
+    color?: 'neutral' | 'primary' | 'secondary' | 'error' | 'warning' | 'success' | 'info';
+    icon?: string;
+    tooltip?: string | false;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    color: "neutral" | "primary" | "secondary" | "error" | "warning" | "success" | "info";
+    icon: string;
+    size: "2xs" | "xs" | "sm" | "md" | "lg";
+    variant: "ghost" | "soft" | "outline" | "solid" | "subtle" | "link";
+    tooltip: string | false;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/editor/AIconPickerPopover.d.vue.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    modelValue: string;
+    open: boolean;
+    options?: string[];
+};
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/editor/AIconPickerPopover.vue

@@ -0,0 +1,113 @@
+<script setup>
+import { ref, computed, watch, nextTick, onBeforeUnmount } from "vue";
+import { LUCIDE_ICON_NAMES } from "../../utils/lucideIcons";
+const BATCH_SIZE = 80;
+const props = defineProps({
+  modelValue: { type: String, required: true },
+  open: { type: Boolean, required: true },
+  options: { type: Array, required: false }
+});
+const emit = defineEmits(["update:modelValue", "update:open"]);
+const search = ref("");
+const loadedCount = ref(BATCH_SIZE);
+const sentinel = ref(null);
+const scrollContainer = ref(null);
+const sourceIcons = computed(
+  () => props.options?.length ? props.options : LUCIDE_ICON_NAMES
+);
+const filteredIcons = computed(() => {
+  if (!search.value) return sourceIcons.value;
+  const q = search.value.toLowerCase();
+  return sourceIcons.value.filter((n) => n.includes(q));
+});
+const visibleIcons = computed(
+  () => filteredIcons.value.slice(0, loadedCount.value)
+);
+const hasMore = computed(() => loadedCount.value < filteredIcons.value.length);
+watch(search, () => {
+  loadedCount.value = BATCH_SIZE;
+  scrollContainer.value?.scrollTo(0, 0);
+});
+let observer = null;
+function setupObserver() {
+  observer?.disconnect();
+  if (!sentinel.value) return;
+  observer = new IntersectionObserver(
+    (entries) => {
+      if (entries[0]?.isIntersecting && hasMore.value) {
+        loadedCount.value += BATCH_SIZE;
+      }
+    },
+    { root: scrollContainer.value, threshold: 0 }
+  );
+  observer.observe(sentinel.value);
+}
+watch(sentinel, () => setupObserver());
+watch(() => props.open, async (open) => {
+  if (open) {
+    loadedCount.value = BATCH_SIZE;
+    search.value = "";
+    await nextTick();
+    searchInput.value?.$el?.querySelector("input")?.focus();
+    await nextTick();
+    setupObserver();
+  } else {
+    observer?.disconnect();
+  }
+});
+onBeforeUnmount(() => observer?.disconnect());
+function selectIcon(name) {
+  emit("update:modelValue", name);
+  emit("update:open", false);
+}
+const searchInput = ref(null);
+</script>
+
+<template>
+  <UPopover
+    :open="open"
+    :content="{ align: 'start' }"
+    @update:open="$emit('update:open', $event)"
+  >
+    <slot />
+    <template #content>
+      <div class="w-72 p-2 flex flex-col gap-2">
+        <UInput
+          ref="searchInput"
+          v-model="search"
+          size="sm"
+          placeholder="Search icons…"
+          icon="i-lucide-search"
+        />
+        <div
+          ref="scrollContainer"
+          class="max-h-64 overflow-y-auto overflow-x-hidden"
+        >
+          <div class="grid grid-cols-8 gap-0.5">
+            <UTooltip
+              v-for="name in visibleIcons"
+              :key="name"
+              :text="name"
+            >
+              <button
+                class="size-8 flex items-center justify-center rounded cursor-pointer hover:bg-(--ui-bg-elevated)"
+                :class="modelValue === name ? 'bg-(--ui-bg-accented)' : ''"
+                @click="selectIcon(name)"
+              >
+                <UIcon
+                  :name="`i-lucide-${name}`"
+                  class="size-4"
+                />
+              </button>
+            </UTooltip>
+          </div>
+          <div
+            v-if="hasMore"
+            ref="sentinel"
+            class="h-4"
+          />
+        </div>
+      </div>
+    </template>
+  </UPopover>
+</template>

package/dist/runtime/components/editor/AIconPickerPopover.vue.d.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    modelValue: string;
+    open: boolean;
+    options?: string[];
+};
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/editor/ANodeInlineLabel.d.vue.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    modelValue: string;
+    placeholder?: string;
+    variant?: 'label' | 'title' | 'name';
+    disabled?: boolean;
+};
+declare function startEdit(): void;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    startEdit: typeof startEdit;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    editStart: () => any;
+    editEnd: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onEditStart?: (() => any) | undefined;
+    onEditEnd?: (() => any) | undefined;
+}>, {
+    disabled: boolean;
+    variant: "label" | "title" | "name";
+    placeholder: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/editor/ANodeInlineLabel.vue

@@ -0,0 +1,101 @@
+<script setup>
+import { ref, watch, nextTick } from "vue";
+const props = defineProps({
+  modelValue: { type: String, required: true },
+  placeholder: { type: String, required: false, default: "Untitled" },
+  variant: { type: String, required: false, default: "label" },
+  disabled: { type: Boolean, required: false, default: false }
+});
+const emit = defineEmits(["update:modelValue", "editStart", "editEnd"]);
+const editable = ref(null);
+const editing = ref(false);
+function startEdit() {
+  if (props.disabled) return;
+  if (editing.value) return;
+  editing.value = true;
+  emit("editStart");
+  nextTick(() => {
+    if (!editable.value) return;
+    editable.value.focus();
+    const range = document.createRange();
+    range.selectNodeContents(editable.value);
+    const sel = window.getSelection();
+    sel?.removeAllRanges();
+    sel?.addRange(range);
+  });
+}
+function commit() {
+  if (!editing.value) return;
+  const next = (editable.value?.innerText ?? "").replace(/\s+/g, " ").trim();
+  editing.value = false;
+  emit("editEnd");
+  if (next !== props.modelValue) emit("update:modelValue", next);
+  if (editable.value) editable.value.innerText = next || props.modelValue;
+}
+function cancel() {
+  if (!editing.value) return;
+  editing.value = false;
+  emit("editEnd");
+  if (editable.value) editable.value.innerText = props.modelValue;
+}
+function onKeydown(e) {
+  if (e.key === "Enter") {
+    e.preventDefault();
+    editable.value?.blur();
+  } else if (e.key === "Escape") {
+    e.preventDefault();
+    cancel();
+    editable.value?.blur();
+  } else {
+    e.stopPropagation();
+  }
+}
+function onPaste(e) {
+  e.preventDefault();
+  const text = e.clipboardData?.getData("text/plain") ?? "";
+  if (!text) return;
+  const win = typeof window !== "undefined" ? window : void 0;
+  const sel = win?.getSelection?.();
+  if (sel && sel.rangeCount > 0) {
+    const range = sel.getRangeAt(0);
+    range.deleteContents();
+    range.insertNode(win.document.createTextNode(text.replace(/\s+/g, " ")));
+    range.collapse(false);
+  }
+}
+watch(() => props.modelValue, (v) => {
+  if (!editing.value && editable.value) {
+    editable.value.innerText = v;
+  }
+});
+defineExpose({ startEdit });
+</script>
+
+<template>
+  <span
+    class="inline-node-label group/label inline-flex items-center rounded-sm min-w-[1ch]"
+    :class="[
+  variant === 'title' && 'font-semibold text-(--ui-text-highlighted)',
+  variant === 'name' && 'font-mono font-semibold text-(--ui-primary)',
+  variant === 'label' && 'text-(--ui-text-highlighted)',
+  editing ? 'ring-1 ring-(--ui-primary) bg-(--ui-bg-elevated) px-1 -mx-1' : 'hover:bg-(--ui-bg-elevated)/60 px-1 -mx-1 cursor-text'
+]"
+    contenteditable="false"
+    @click="startEdit"
+    @dblclick.stop="startEdit"
+  >
+    <span
+      ref="editable"
+      :contenteditable="editing && !disabled"
+      class="outline-none whitespace-pre"
+      :class="!modelValue && !editing ? 'text-(--ui-text-muted) italic' : ''"
+      spellcheck="false"
+      @mousedown="(e) => {
+  if (editing) e.stopPropagation();
+}"
+      @blur="commit"
+      @keydown="onKeydown"
+      @paste="onPaste"
+    >{{ modelValue || (editing ? "" : placeholder) }}</span>
+  </span>
+</template>

package/dist/runtime/components/editor/ANodeInlineLabel.vue.d.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    modelValue: string;
+    placeholder?: string;
+    variant?: 'label' | 'title' | 'name';
+    disabled?: boolean;
+};
+declare function startEdit(): void;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    startEdit: typeof startEdit;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    editStart: () => any;
+    editEnd: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onEditStart?: (() => any) | undefined;
+    onEditEnd?: (() => any) | undefined;
+}>, {
+    disabled: boolean;
+    variant: "label" | "title" | "name";
+    placeholder: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/ADocLoadError.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/ADocLoadError.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class="flex flex-col items-center justify-center gap-3 w-full h-full min-h-48 text-dimmed">
+    <UIcon name="i-lucide-triangle-alert" class="size-8" />
+    <p class="text-sm">
+      Failed to load renderer
+    </p>
+    <p class="text-xs">
+      Navigate away and back to retry
+    </p>
+  </div>
+</template>

package/dist/runtime/components/renderers/ADocLoadError.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/ADocLoadingSkeleton.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/ADocLoadingSkeleton.vue

@@ -0,0 +1,5 @@
+<template>
+  <div class="flex items-center justify-center w-full h-full min-h-48">
+    <UIcon name="i-lucide-loader-circle" class="size-6 text-dimmed animate-spin" />
+  </div>
+</template>

package/dist/runtime/components/renderers/ADocLoadingSkeleton.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/renderers/AOverviewRenderer.d.vue.ts

@@ -0,0 +1,22 @@
+import { type AbracadabraLocale } from '../../locale.js';
+import { type RendererBaseProps } from '../../composables/useRendererBase.js';
+type __VLS_Props = RendererBaseProps & {
+    followingUser?: string | null;
+    isSpaceRoot?: boolean;
+    labels?: Partial<AbracadabraLocale['renderers']['overview']>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    connectedUsers: import("vue").ComputedRef<{
+        clientId: number;
+        name: string;
+        color: string;
+        avatar: string | undefined;
+        publicKey: any;
+    }[]>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    labels: Partial<AbracadabraLocale["renderers"]["overview"]>;
+    followingUser: string | null;
+    isSpaceRoot: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;