@abraca/nuxt 0.1.0

package/dist/runtime/components/APermissionGuard.vue

@@ -0,0 +1,22 @@
+<script setup>
+import { useDocumentPermissions } from "../composables/useDocumentPermissions";
+import { useAbraLocale } from "../composables/useAbraLocale";
+const props = defineProps({
+  role: { type: String, required: true },
+  requires: { type: [String, Array], required: true },
+  labels: { type: Object, required: false }
+});
+const locale = useAbraLocale("permissionGuard", props.labels);
+const { meetsRole } = useDocumentPermissions(computed(() => props.role));
+const allowed = computed(() => meetsRole(props.requires));
+</script>
+
+<template>
+  <slot v-if="allowed" />
+  <slot
+    v-else
+    name="fallback"
+  >
+    <p class="text-sm text-muted">{{ locale.noPermission }}</p>
+  </slot>
+</template>

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

@@ -0,0 +1,21 @@
+import type { AbracadabraLocale } from '../locale.js';
+type __VLS_Props = {
+    role: string;
+    requires: string | string[];
+    labels?: Partial<AbracadabraLocale['permissionGuard']>;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    fallback?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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/APresence.d.vue.ts

@@ -0,0 +1,43 @@
+import type { AwarenessUser } from '../types.js';
+type __VLS_Props = {
+    /** Max users to display. Default: 5. */
+    max?: number;
+    /** Include the local user in the list. Default: false. */
+    includeSelf?: boolean;
+    /** Filter to users viewing this document. Omit to show all remote peers. */
+    docId?: string;
+};
+declare function userAvatarStyle(user: AwarenessUser): string;
+declare var __VLS_1: {
+    users: AwarenessUser[];
+    overflow: number;
+    currentUser: {
+        [x: string]: any;
+        clientId: number;
+        user?: {
+            name?: string | undefined;
+            color?: string | undefined;
+            avatar?: string | undefined;
+        } | undefined;
+    } | null;
+    avatarStyle: typeof userAvatarStyle;
+}, __VLS_3: {
+    user: AwarenessUser;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    user?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    max: number;
+    includeSelf: boolean;
+}, {}, {}, {}, 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/APresence.vue

@@ -0,0 +1,36 @@
+<script setup>
+import { computed } from "vue";
+import { useAwarenessOf } from "../composables/useYDoc";
+import { avatarBorderStyle } from "../utils/avatarStyle";
+const props = defineProps({
+  max: { type: Number, required: false, default: 5 },
+  includeSelf: { type: Boolean, required: false, default: false },
+  docId: { type: String, required: false }
+});
+const { provider } = useNuxtApp().$abracadabra;
+const { states, currentUser } = useAwarenessOf(provider);
+const users = computed(() => {
+  let all = props.includeSelf ? states.value : states.value.filter((s) => s.clientId !== currentUser.value?.clientId);
+  if (props.docId) all = all.filter((s) => s.docId === props.docId);
+  return all.slice(0, props.max);
+});
+const overflow = computed(
+  () => Math.max(0, states.value.length - (props.includeSelf ? 0 : 1) - props.max)
+);
+const appConfig = useAppConfig();
+const neutral = computed(() => appConfig.ui?.colors?.neutral ?? "zinc");
+function userAvatarStyle(user) {
+  const color = user.user?.color;
+  if (!color) return "";
+  return avatarBorderStyle(color, neutral.value);
+}
+</script>
+
+<template>
+  <slot :users="users" :overflow="overflow" :current-user="currentUser" :avatar-style="userAvatarStyle">
+    <!-- Default: render nothing, slot is the API -->
+    <template v-for="user in users" :key="user.clientId">
+      <slot name="user" :user="user" />
+    </template>
+  </slot>
+</template>

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

@@ -0,0 +1,43 @@
+import type { AwarenessUser } from '../types.js';
+type __VLS_Props = {
+    /** Max users to display. Default: 5. */
+    max?: number;
+    /** Include the local user in the list. Default: false. */
+    includeSelf?: boolean;
+    /** Filter to users viewing this document. Omit to show all remote peers. */
+    docId?: string;
+};
+declare function userAvatarStyle(user: AwarenessUser): string;
+declare var __VLS_1: {
+    users: AwarenessUser[];
+    overflow: number;
+    currentUser: {
+        [x: string]: any;
+        clientId: number;
+        user?: {
+            name?: string | undefined;
+            color?: string | undefined;
+            avatar?: string | undefined;
+        } | undefined;
+    } | null;
+    avatarStyle: typeof userAvatarStyle;
+}, __VLS_3: {
+    user: AwarenessUser;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    user?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    max: number;
+    includeSelf: boolean;
+}, {}, {}, {}, 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/AProvider.d.vue.ts

@@ -0,0 +1,27 @@
+export declare const ABRA_DOC_KEY: unique symbol;
+type __VLS_Props = {
+    docId: string;
+    /** Wrapper element tag. Default: 'div'. Use 'template' for a renderless wrapper. */
+    tag?: string;
+};
+declare var __VLS_8: {
+    provider: any;
+    doc: any;
+    synced: boolean;
+    docId: string;
+    error: string | null;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    tag: 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/AProvider.vue

@@ -0,0 +1,42 @@
+<script setup>
+import { shallowRef, ref, watch, provide } from "vue";
+export const ABRA_DOC_KEY = /* @__PURE__ */ Symbol("abracadabra:doc-context");
+const props = defineProps({
+  docId: { type: String, required: true },
+  tag: { type: String, required: false, default: "div" }
+});
+const { provider: rootProvider } = useNuxtApp().$abracadabra;
+const childProvider = shallowRef(null);
+const childDoc = shallowRef(null);
+const synced = ref(false);
+const error = ref(null);
+watch(rootProvider, async (prov) => {
+  if (!prov || !props.docId) return;
+  try {
+    const cp = await prov.loadChild(props.docId);
+    childProvider.value = cp;
+    childDoc.value = cp?.document ?? null;
+    if (cp) {
+      cp.on("synced", ({ state }) => {
+        synced.value = state;
+      });
+      synced.value = cp.synced ?? false;
+    }
+  } catch (e) {
+    error.value = e?.message ?? String(e);
+    console.error("[AbracadabraProvider] Failed to load child provider:", e);
+  }
+}, { immediate: true });
+provide(ABRA_DOC_KEY, {
+  childProvider,
+  childDoc,
+  docId: props.docId,
+  synced
+});
+</script>
+
+<template>
+  <component :is="tag">
+    <slot :provider="childProvider" :doc="childDoc" :synced="synced" :doc-id="docId" :error="error" />
+  </component>
+</template>

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

@@ -0,0 +1,27 @@
+export declare const ABRA_DOC_KEY: unique symbol;
+type __VLS_Props = {
+    docId: string;
+    /** Wrapper element tag. Default: 'div'. Use 'template' for a renderless wrapper. */
+    tag?: string;
+};
+declare var __VLS_8: {
+    provider: any;
+    doc: any;
+    synced: boolean;
+    docId: string;
+    error: string | null;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    tag: 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/ARoleBadge.d.vue.ts

@@ -0,0 +1,11 @@
+import type { AbracadabraLocale } from '../locale.js';
+type __VLS_Props = {
+    role: string;
+    size?: 'xs' | 'sm' | 'md';
+    labels?: Partial<AbracadabraLocale['roleBadge']>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: "xs" | "sm" | "md";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ARoleBadge.vue

@@ -0,0 +1,29 @@
+<script setup>
+import { useAbraLocale } from "../composables/useAbraLocale";
+const props = defineProps({
+  role: { type: String, required: true },
+  size: { type: String, required: false, default: "sm" },
+  labels: { type: Object, required: false }
+});
+const locale = useAbraLocale("roleBadge", props.labels);
+const ROLE_META = {
+  owner: { color: "warning", icon: "i-lucide-crown" },
+  admin: { color: "error", icon: "i-lucide-shield" },
+  member: { color: "primary", icon: "i-lucide-user" },
+  editor: { color: "info", icon: "i-lucide-pencil" },
+  viewer: { color: "neutral", icon: "i-lucide-eye" }
+};
+const meta = computed(() => ROLE_META[props.role] ?? { color: "neutral", icon: "i-lucide-circle-help" });
+const label = computed(() => locale[props.role] ?? props.role);
+</script>
+
+<template>
+  <UBadge
+    :color="meta.color"
+    :icon="meta.icon"
+    :size="size"
+    variant="soft"
+  >
+    {{ label }}
+  </UBadge>
+</template>

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

@@ -0,0 +1,11 @@
+import type { AbracadabraLocale } from '../locale.js';
+type __VLS_Props = {
+    role: string;
+    size?: 'xs' | 'sm' | 'md';
+    labels?: Partial<AbracadabraLocale['roleBadge']>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: "xs" | "sm" | "md";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,13 @@
+import type { AbracadabraLocale } from '../locale.js';
+type __VLS_Props = {
+    docId: string;
+    collapsed?: boolean;
+    labels?: Partial<AbracadabraLocale['voice']>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "open-stream": (docId: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onOpen-stream"?: ((docId: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;