@abraca/nuxt 1.9.1 → 2.0.0

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

@@ -0,0 +1,64 @@
+import type { Editor } from '@tiptap/vue-3';
+type __VLS_Props = {
+    /** Document ID — passed through to default presence/expand handlers */
+    nodeId?: string | null;
+    /** Display label */
+    nodeLabel?: string;
+    /** Lucide icon name (with `i-lucide-` prefix or just the suffix) */
+    icon?: string;
+    /** Optional inline CSS color for the icon */
+    iconColor?: string;
+    /** TipTap editor — when passed, default undo/redo buttons render */
+    editor?: Editor | null;
+    /** Show undo/redo buttons in default slot. Default: true when editor passed */
+    showUndoRedo?: boolean;
+    /** Show expand-to-full-page button. Default: true when nodeId passed */
+    showExpand?: boolean;
+    /** Show presence facepile in default presence slot. Default: true when nodeId passed */
+    showPresence?: boolean;
+    /** Tooltip text for the expand button */
+    expandTooltip?: string;
+};
+declare var __VLS_1: {
+    icon: string;
+    color: string | undefined;
+}, __VLS_8: {
+    label: string | undefined;
+}, __VLS_10: {}, __VLS_12: {}, __VLS_19: {
+    editor: Editor | null | undefined;
+}, __VLS_31: {}, __VLS_33: {
+    expand: () => void;
+};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    title?: (props: typeof __VLS_8) => any;
+} & {
+    'actions-left'?: (props: typeof __VLS_10) => any;
+} & {
+    presence?: (props: typeof __VLS_12) => any;
+} & {
+    'undo-redo'?: (props: typeof __VLS_19) => any;
+} & {
+    'actions-right'?: (props: typeof __VLS_31) => any;
+} & {
+    expand?: (props: typeof __VLS_33) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    expand: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onExpand?: (() => any) | undefined;
+}>, {
+    showUndoRedo: boolean;
+    showExpand: boolean;
+    showPresence: boolean;
+    expandTooltip: string;
+}, {}, {}, {}, 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/ANodePanelHeader.vue

@@ -0,0 +1,105 @@
+<script setup>
+import { computed } from "vue";
+import AFacepile from "./aware/AFacepile.vue";
+import AEditorUndoButton from "./editor/AEditorUndoButton.vue";
+import AEditorRedoButton from "./editor/AEditorRedoButton.vue";
+const props = defineProps({
+  nodeId: { type: [String, null], required: false },
+  nodeLabel: { type: String, required: false },
+  icon: { type: String, required: false },
+  iconColor: { type: String, required: false },
+  editor: { type: [Object, null], required: false },
+  showUndoRedo: { type: Boolean, required: false, default: void 0 },
+  showExpand: { type: Boolean, required: false, default: void 0 },
+  showPresence: { type: Boolean, required: false, default: void 0 },
+  expandTooltip: { type: String, required: false, default: "Open as full page" }
+});
+const emit = defineEmits(["expand"]);
+const resolvedIcon = computed(() => {
+  const i = props.icon;
+  if (!i) return "i-lucide-file-text";
+  return i.startsWith("i-") ? i : `i-lucide-${i}`;
+});
+const undoRedoEnabled = computed(
+  () => props.showUndoRedo === void 0 ? !!props.editor : props.showUndoRedo
+);
+const expandEnabled = computed(
+  () => props.showExpand === void 0 ? !!props.nodeId : props.showExpand
+);
+const presenceEnabled = computed(
+  () => props.showPresence === void 0 ? !!props.nodeId : props.showPresence
+);
+</script>
+
+<template>
+  <div class="flex items-center gap-2 min-w-0 flex-1">
+    <!-- icon slot -->
+    <slot
+      name="icon"
+      :icon="resolvedIcon"
+      :color="iconColor"
+    >
+      <UIcon
+        :name="resolvedIcon"
+        class="size-4 shrink-0"
+        :style="iconColor ? `color: ${iconColor}` : ''"
+        :class="iconColor ? '' : 'text-muted'"
+      />
+    </slot>
+
+    <!-- title slot -->
+    <slot
+      name="title"
+      :label="nodeLabel"
+    >
+      <span class="font-medium truncate flex-1">{{ nodeLabel || "Document" }}</span>
+    </slot>
+
+    <!-- left-of-presence actions (badges, status indicators, etc.) -->
+    <slot name="actions-left" />
+
+    <!-- presence -->
+    <slot name="presence">
+      <AFacepile
+        v-if="presenceEnabled && nodeId"
+        :doc-id="nodeId"
+        size="2xs"
+        :max="3"
+      />
+    </slot>
+
+    <!-- editor-coupled actions: undo/redo -->
+    <slot
+      name="undo-redo"
+      :editor="editor"
+    >
+      <template v-if="undoRedoEnabled && editor">
+        <AEditorUndoButton :editor="editor" />
+        <AEditorRedoButton :editor="editor" />
+      </template>
+    </slot>
+
+    <!-- right-of-undo extension actions -->
+    <slot name="actions-right" />
+
+    <!-- expand to full page -->
+    <slot
+      name="expand"
+      :expand="() => emit('expand')"
+    >
+      <UTooltip
+        v-if="expandEnabled"
+        :text="expandTooltip"
+        :content="{ side: 'bottom' }"
+      >
+        <UButton
+          icon="i-lucide-expand"
+          size="xs"
+          variant="ghost"
+          color="neutral"
+          @click="emit('expand')"
+        />
+      </UTooltip>
+    </slot>
+  </div>
+</template>

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

@@ -0,0 +1,64 @@
+import type { Editor } from '@tiptap/vue-3';
+type __VLS_Props = {
+    /** Document ID — passed through to default presence/expand handlers */
+    nodeId?: string | null;
+    /** Display label */
+    nodeLabel?: string;
+    /** Lucide icon name (with `i-lucide-` prefix or just the suffix) */
+    icon?: string;
+    /** Optional inline CSS color for the icon */
+    iconColor?: string;
+    /** TipTap editor — when passed, default undo/redo buttons render */
+    editor?: Editor | null;
+    /** Show undo/redo buttons in default slot. Default: true when editor passed */
+    showUndoRedo?: boolean;
+    /** Show expand-to-full-page button. Default: true when nodeId passed */
+    showExpand?: boolean;
+    /** Show presence facepile in default presence slot. Default: true when nodeId passed */
+    showPresence?: boolean;
+    /** Tooltip text for the expand button */
+    expandTooltip?: string;
+};
+declare var __VLS_1: {
+    icon: string;
+    color: string | undefined;
+}, __VLS_8: {
+    label: string | undefined;
+}, __VLS_10: {}, __VLS_12: {}, __VLS_19: {
+    editor: Editor | null | undefined;
+}, __VLS_31: {}, __VLS_33: {
+    expand: () => void;
+};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    title?: (props: typeof __VLS_8) => any;
+} & {
+    'actions-left'?: (props: typeof __VLS_10) => any;
+} & {
+    presence?: (props: typeof __VLS_12) => any;
+} & {
+    'undo-redo'?: (props: typeof __VLS_19) => any;
+} & {
+    'actions-right'?: (props: typeof __VLS_31) => any;
+} & {
+    expand?: (props: typeof __VLS_33) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    expand: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onExpand?: (() => any) | undefined;
+}>, {
+    showUndoRedo: boolean;
+    showExpand: boolean;
+    showPresence: boolean;
+    expandTooltip: string;
+}, {}, {}, {}, 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/ANodeSettingsPanel.d.vue.ts

@@ -0,0 +1,49 @@
+import type { PermissionEntry, OnlineUser } from './shell/ADocPanelSettings.vue.js';
+import type { DocPageMeta } from '../types.js';
+type __VLS_Props = {
+    docId: string;
+    /** Document type key (drives metaSchema form). */
+    docTypeKey?: string;
+    /** Document meta to read/write. */
+    docMeta?: DocPageMeta | null;
+    /** Permission entries — left to the consumer (varies per backend). */
+    permissions?: PermissionEntry[];
+    /** Loading flag for permissions. */
+    loadingPermissions?: boolean;
+    /** Online users not yet in permission list. */
+    onlineNotGranted?: OnlineUser[];
+    /** Whether the current user is owner. */
+    isOwner?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update-meta": (patch: Partial<DocPageMeta>) => any;
+    "grant-permission": (userId: string, role: string) => any;
+    "change-role": (userId: string, role: string) => any;
+    "revoke-permission": (userId: string) => any;
+    "create-invite": (options: {
+        role: string;
+        maxUses?: number;
+        expiresIn?: number;
+    }) => any;
+    "sync-doc": () => any;
+    "open-encryption": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate-meta"?: ((patch: Partial<DocPageMeta>) => any) | undefined;
+    "onGrant-permission"?: ((userId: string, role: string) => any) | undefined;
+    "onChange-role"?: ((userId: string, role: string) => any) | undefined;
+    "onRevoke-permission"?: ((userId: string) => any) | undefined;
+    "onCreate-invite"?: ((options: {
+        role: string;
+        maxUses?: number;
+        expiresIn?: number;
+    }) => any) | undefined;
+    "onSync-doc"?: (() => any) | undefined;
+    "onOpen-encryption"?: (() => any) | undefined;
+}>, {
+    isOwner: boolean;
+    permissions: PermissionEntry[];
+    loadingPermissions: boolean;
+    onlineNotGranted: OnlineUser[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ANodeSettingsPanel.vue

@@ -0,0 +1,59 @@
+<script setup>
+import { computed, toRef } from "vue";
+import { useDocSnapshots } from "../composables/useDocSnapshots";
+import { useAbracadabra } from "../composables/useAbracadabra";
+import ADocPanelSettings from "./shell/ADocPanelSettings.vue";
+const props = defineProps({
+  docId: { type: String, required: true },
+  docTypeKey: { type: String, required: false },
+  docMeta: { type: [Object, null], required: false },
+  permissions: { type: Array, required: false, default: () => [] },
+  loadingPermissions: { type: Boolean, required: false, default: false },
+  onlineNotGranted: { type: Array, required: false, default: () => [] },
+  isOwner: { type: Boolean, required: false, default: false }
+});
+const emit = defineEmits(["grant-permission", "change-role", "revoke-permission", "create-invite", "sync-doc", "open-encryption", "update-meta"]);
+const abra = useAbracadabra();
+const docIdRef = toRef(props, "docId");
+const snaps = useDocSnapshots(docIdRef);
+const effectiveRole = computed(() => abra.provider.value?.effectiveRole ?? null);
+const userName = computed(() => abra.userName?.value ?? "");
+const syncStatusIcon = computed(() => abra.provider.value ? "i-lucide-cloud" : "i-lucide-cloud-off");
+const syncStatusColor = computed(() => abra.provider.value ? "text-success" : "text-muted");
+const syncStatusLabel = computed(() => abra.provider.value ? "Connected" : "Disconnected");
+</script>
+
+<template>
+  <ADocPanelSettings
+    :doc-id="docId"
+    :effective-role="effectiveRole"
+    :user-name="userName"
+    :is-owner="isOwner"
+    :permissions="permissions"
+    :loading-permissions="loadingPermissions"
+    :online-not-granted="onlineNotGranted"
+    :sync-status-icon="syncStatusIcon"
+    :sync-status-color="syncStatusColor"
+    :sync-status-label="syncStatusLabel"
+    :doc-type-key="docTypeKey"
+    :doc-meta="docMeta"
+    :snapshots="snaps.snapshots.value"
+    :loading-snapshots="snaps.loading.value"
+    :snapshots-error="snaps.error.value"
+    :has-more-snapshots="snaps.hasMore.value"
+    :pending-snapshot-version="null"
+    :is-creating-snapshot="snaps.creating.value"
+    @grant-permission="(u, r) => emit('grant-permission', u, r)"
+    @change-role="(u, r) => emit('change-role', u, r)"
+    @revoke-permission="(u) => emit('revoke-permission', u)"
+    @create-invite="(o) => emit('create-invite', o)"
+    @sync-doc="emit('sync-doc')"
+    @open-encryption="emit('open-encryption')"
+    @update-meta="(p) => emit('update-meta', p)"
+    @create-snapshot="(label) => snaps.create(label)"
+    @delete-snapshot="(v) => snaps.remove(v)"
+    @restore-snapshot="(v) => snaps.restore(v)"
+    @fork-snapshot="(v) => snaps.fork(v)"
+    @load-more-snapshots="snaps.loadMore"
+  />
+</template>

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

@@ -0,0 +1,49 @@
+import type { PermissionEntry, OnlineUser } from './shell/ADocPanelSettings.vue.js';
+import type { DocPageMeta } from '../types.js';
+type __VLS_Props = {
+    docId: string;
+    /** Document type key (drives metaSchema form). */
+    docTypeKey?: string;
+    /** Document meta to read/write. */
+    docMeta?: DocPageMeta | null;
+    /** Permission entries — left to the consumer (varies per backend). */
+    permissions?: PermissionEntry[];
+    /** Loading flag for permissions. */
+    loadingPermissions?: boolean;
+    /** Online users not yet in permission list. */
+    onlineNotGranted?: OnlineUser[];
+    /** Whether the current user is owner. */
+    isOwner?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update-meta": (patch: Partial<DocPageMeta>) => any;
+    "grant-permission": (userId: string, role: string) => any;
+    "change-role": (userId: string, role: string) => any;
+    "revoke-permission": (userId: string) => any;
+    "create-invite": (options: {
+        role: string;
+        maxUses?: number;
+        expiresIn?: number;
+    }) => any;
+    "sync-doc": () => any;
+    "open-encryption": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate-meta"?: ((patch: Partial<DocPageMeta>) => any) | undefined;
+    "onGrant-permission"?: ((userId: string, role: string) => any) | undefined;
+    "onChange-role"?: ((userId: string, role: string) => any) | undefined;
+    "onRevoke-permission"?: ((userId: string) => any) | undefined;
+    "onCreate-invite"?: ((options: {
+        role: string;
+        maxUses?: number;
+        expiresIn?: number;
+    }) => any) | undefined;
+    "onSync-doc"?: (() => any) | undefined;
+    "onOpen-encryption"?: (() => any) | undefined;
+}>, {
+    isOwner: boolean;
+    permissions: PermissionEntry[];
+    loadingPermissions: boolean;
+    onlineNotGranted: OnlineUser[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    /** Unread count to display in the chip. Omit to auto-bind to useNotifications. */
+    count?: number;
+    /** Tooltip text. Default: 'Notifications'. */
+    tooltip?: string;
+    size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg';
+    variant?: 'ghost' | 'soft' | 'outline' | 'solid' | 'subtle' | 'link';
+    color?: 'neutral' | 'primary' | 'secondary' | 'error' | 'warning' | 'success' | 'info';
+    icon?: string;
+    /** Color of the unread chip. Default: 'error'. */
+    chipColor?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    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;
+    chipColor: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ANotificationBell.vue

@@ -0,0 +1,55 @@
+<script setup>
+import { computed } from "vue";
+import { useNotifications } from "../composables/useNotifications";
+const props = defineProps({
+  count: { type: Number, required: false },
+  tooltip: { type: String, required: false, default: "Notifications" },
+  size: { type: String, required: false, default: "sm" },
+  variant: { type: String, required: false, default: "ghost" },
+  color: { type: String, required: false, default: "neutral" },
+  icon: { type: String, required: false, default: "i-lucide-bell" },
+  chipColor: { type: String, required: false, default: "error" }
+});
+const emit = defineEmits(["click"]);
+const _autoCount = computed(() => {
+  if (props.count !== void 0) return props.count;
+  try {
+    return useNotifications().unreadCount.value;
+  } catch {
+    return 0;
+  }
+});
+const ariaLabel = computed(
+  () => _autoCount.value > 0 ? `${props.tooltip} (${_autoCount.value} unread)` : props.tooltip
+);
+const chipText = computed(
+  () => _autoCount.value > 9 ? "9+" : String(_autoCount.value)
+);
+</script>
+
+<template>
+  <UTooltip
+    :text="tooltip"
+    :content="{ side: 'bottom' }"
+  >
+    <UButton
+      :icon="icon"
+      :variant="variant"
+      :color="color"
+      :size="size"
+      :aria-label="ariaLabel"
+      @click="(e) => emit('click', e)"
+    >
+      <template
+        v-if="_autoCount > 0"
+        #trailing
+      >
+        <UChip
+          :text="chipText"
+          :color="chipColor"
+          size="xs"
+        />
+      </template>
+    </UButton>
+  </UTooltip>
+</template>

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

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    /** Unread count to display in the chip. Omit to auto-bind to useNotifications. */
+    count?: number;
+    /** Tooltip text. Default: 'Notifications'. */
+    tooltip?: string;
+    size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg';
+    variant?: 'ghost' | 'soft' | 'outline' | 'solid' | 'subtle' | 'link';
+    color?: 'neutral' | 'primary' | 'secondary' | 'error' | 'warning' | 'success' | 'info';
+    icon?: string;
+    /** Color of the unread chip. Default: 'error'. */
+    chipColor?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    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;
+    chipColor: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,11 @@
+import type { AbracadabraLocale } from '../locale.js';
+type __VLS_Props = {
+    /** Render the icon-only square variant for a collapsed sidebar. */
+    collapsed?: boolean;
+    labels?: Partial<AbracadabraLocale['offlineSync']>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    collapsed: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;