@cou.sh/nuxt 1.0.1

package/dist/runtime/components/SpaceSettings.vue

@@ -0,0 +1,105 @@
+<script setup>
+const props = defineProps({
+  spaceId: { type: String, required: true }
+});
+const client = useCollabClient();
+const toast = useToast();
+const space = ref(null);
+const loading = ref(true);
+const activeTab = ref("general");
+const saving = ref(false);
+const editName = ref("");
+const tabs = [
+  { label: "General", value: "general", icon: "i-lucide-settings" },
+  { label: "Members", value: "members", icon: "i-lucide-users" },
+  { label: "Danger Zone", value: "danger", icon: "i-lucide-alert-triangle" }
+];
+async function loadSpace() {
+  loading.value = true;
+  try {
+    space.value = await client.spaces.get(props.spaceId);
+    editName.value = space.value.name;
+  } finally {
+    loading.value = false;
+  }
+}
+async function saveName() {
+  if (!editName.value.trim() || editName.value === space.value?.name) return;
+  saving.value = true;
+  try {
+    await client.spaces.create({ name: editName.value.trim(), slug: space.value?.slug });
+    toast.add({ title: "Space updated", color: "success" });
+    await loadSpace();
+  } catch {
+    toast.add({ title: "Failed to update space", color: "error" });
+  } finally {
+    saving.value = false;
+  }
+}
+watch(() => props.spaceId, loadSpace, { immediate: true });
+</script>
+
+<template>
+  <USkeleton v-if="loading" class="h-64" />
+
+  <div v-else-if="space" class="space-y-6">
+    <div>
+      <h2 class="text-lg font-semibold">{{ space.name }}</h2>
+      <p class="text-sm text-(--ui-text-muted)">
+        {{ space.memberCount ?? 0 }} members &middot; {{ space.documentCount ?? 0 }} documents
+      </p>
+    </div>
+
+    <UTabs :items="tabs" v-model="activeTab">
+      <template #content="{ item }">
+        <!-- General -->
+        <div v-if="item.value === 'general'" class="space-y-4 pt-4">
+          <UFormField label="Space name">
+            <div class="flex items-center gap-2">
+              <UInput v-model="editName" class="flex-1" />
+              <UButton
+                label="Save"
+                :loading="saving"
+                :disabled="!editName.trim() || editName === space.name"
+                @click="saveName"
+              />
+            </div>
+          </UFormField>
+
+          <UFormField label="Slug">
+            <UInput :model-value="space.slug" disabled />
+          </UFormField>
+        </div>
+
+        <!-- Members -->
+        <div v-else-if="item.value === 'members'" class="pt-4">
+          <CollabMemberManager
+            :space-id="spaceId"
+            :current-user-role="space.role"
+          />
+        </div>
+
+        <!-- Danger Zone -->
+        <div v-else-if="item.value === 'danger'" class="pt-4">
+          <UCard color="error" variant="subtle">
+            <div class="space-y-3">
+              <div>
+                <div class="text-sm font-medium">Delete space</div>
+                <div class="text-xs text-(--ui-text-muted)">
+                  Permanently delete this space and all its documents. This action cannot be undone.
+                </div>
+              </div>
+              <UButton
+                label="Delete Space"
+                color="error"
+                variant="soft"
+                icon="i-lucide-trash-2"
+                disabled
+              />
+            </div>
+          </UCard>
+        </div>
+      </template>
+    </UTabs>
+  </div>
+</template>

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

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    /** Space ID to manage */
+    spaceId: string;
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,18 @@
+import type { Space } from "@rgby/collab-core";
+type __VLS_Props = {
+    /** Currently selected space ID */
+    modelValue?: string;
+    /** Show "Create new space" action */
+    showCreate?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    create: (space: Space) => any;
+    "update:modelValue": (spaceId: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCreate?: ((space: Space) => any) | undefined;
+    "onUpdate:modelValue"?: ((spaceId: string) => any) | undefined;
+}>, {
+    showCreate: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/SpaceSwitcher.vue

@@ -0,0 +1,104 @@
+<script setup>
+const props = defineProps({
+  modelValue: { type: String, required: false },
+  showCreate: { type: Boolean, required: false, default: true }
+});
+const emit = defineEmits(["update:modelValue", "create"]);
+const client = useCollabClient();
+const spaces = ref([]);
+const loading = ref(true);
+const selectedId = computed({
+  get: () => props.modelValue,
+  set: (val) => {
+    if (val) emit("update:modelValue", val);
+  }
+});
+const items = computed(
+  () => spaces.value.map((s) => ({
+    label: s.name,
+    value: s.id,
+    icon: "i-lucide-layout-grid",
+    suffix: s.memberCount != null ? `${s.memberCount} members` : void 0
+  }))
+);
+async function loadSpaces() {
+  loading.value = true;
+  try {
+    spaces.value = await client.spaces.list();
+  } finally {
+    loading.value = false;
+  }
+}
+const showCreateModal = ref(false);
+const newSpaceName = ref("");
+const creating = ref(false);
+async function createSpace() {
+  if (!newSpaceName.value.trim()) return;
+  creating.value = true;
+  try {
+    const space = await client.spaces.create({
+      name: newSpaceName.value.trim(),
+      slug: newSpaceName.value.trim().toLowerCase().replace(/\s+/g, "-")
+    });
+    spaces.value.push(space);
+    emit("update:modelValue", space.id);
+    emit("create", space);
+    newSpaceName.value = "";
+    showCreateModal.value = false;
+  } finally {
+    creating.value = false;
+  }
+}
+onMounted(loadSpaces);
+</script>
+
+<template>
+  <div class="flex items-center gap-2">
+    <USelectMenu
+      v-model="selectedId"
+      :items="items"
+      value-key="value"
+      placeholder="Select a space..."
+      icon="i-lucide-layout-grid"
+      :loading="loading"
+      class="w-full"
+    />
+
+    <UButton
+      v-if="showCreate"
+      icon="i-lucide-plus"
+      variant="ghost"
+      color="neutral"
+      size="sm"
+      @click="showCreateModal = true"
+    />
+
+    <UModal v-model:open="showCreateModal" title="Create Space" description="Create a new collaboration space.">
+      <template #body>
+        <UFormField label="Space name" required class="w-full">
+          <UInput
+            v-model="newSpaceName"
+            placeholder="My Space"
+            class="w-full"
+            autofocus
+            @keydown.enter="createSpace"
+          />
+        </UFormField>
+      </template>
+      <template #footer>
+        <UButton
+          variant="ghost"
+          color="neutral"
+          label="Cancel"
+          @click="showCreateModal = false"
+        />
+        <UButton
+          label="Create"
+          :loading="creating"
+          :disabled="!newSpaceName.trim()"
+          @click="createSpace"
+        />
+      </template>
+    </UModal>
+  </div>
+</template>

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

@@ -0,0 +1,18 @@
+import type { Space } from "@rgby/collab-core";
+type __VLS_Props = {
+    /** Currently selected space ID */
+    modelValue?: string;
+    /** Show "Create new space" action */
+    showCreate?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    create: (space: Space) => any;
+    "update:modelValue": (spaceId: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCreate?: ((space: Space) => any) | undefined;
+    "onUpdate:modelValue"?: ((spaceId: string) => any) | undefined;
+}>, {
+    showCreate: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    /** Space ID */
+    spaceId: string;
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/TrashBin.vue

@@ -0,0 +1,159 @@
+<script setup>
+const props = defineProps({
+  spaceId: { type: String, required: true }
+});
+const client = useCollabClient();
+const toast = useToast();
+const deletedDocs = ref([]);
+const loading = ref(true);
+const hasMore = ref(false);
+const offset = ref(0);
+const limit = 20;
+const confirmDelete = ref(false);
+const deleteTarget = ref(null);
+const deleting = ref(false);
+async function loadDeleted(append = false) {
+  loading.value = true;
+  try {
+    const result = await client.documents.listDeleted(props.spaceId, {
+      limit,
+      offset: offset.value
+    });
+    if (append) {
+      deletedDocs.value.push(...result.items);
+    } else {
+      deletedDocs.value = result.items;
+    }
+    hasMore.value = result.pagination.hasMore;
+  } finally {
+    loading.value = false;
+  }
+}
+async function restore(doc) {
+  try {
+    await client.documents.restore(props.spaceId, doc.id);
+    deletedDocs.value = deletedDocs.value.filter((d) => d.id !== doc.id);
+    toast.add({ title: "Document restored", color: "success", icon: "i-lucide-check" });
+  } catch {
+    toast.add({ title: "Failed to restore document", color: "error" });
+  }
+}
+function promptDelete(doc) {
+  deleteTarget.value = doc;
+  confirmDelete.value = true;
+}
+async function confirmPermanentDelete() {
+  if (!deleteTarget.value) return;
+  deleting.value = true;
+  try {
+    await client.documents.deletePermanent(props.spaceId, deleteTarget.value.id);
+    deletedDocs.value = deletedDocs.value.filter((d) => d.id !== deleteTarget.value.id);
+    toast.add({ title: "Permanently deleted", color: "success" });
+    confirmDelete.value = false;
+  } catch {
+    toast.add({ title: "Failed to delete", color: "error" });
+  } finally {
+    deleting.value = false;
+  }
+}
+function loadMore() {
+  offset.value += limit;
+  loadDeleted(true);
+}
+function formatDate(dateStr) {
+  if (!dateStr) return "";
+  return new Date(dateStr).toLocaleDateString(void 0, {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  });
+}
+watch(() => props.spaceId, () => {
+  offset.value = 0;
+  loadDeleted();
+}, { immediate: true });
+</script>
+
+<template>
+  <div class="space-y-4">
+    <div class="flex items-center justify-between">
+      <h3 class="text-sm font-medium">Trash</h3>
+      <UButton
+        icon="i-lucide-refresh-cw"
+        variant="ghost"
+        color="neutral"
+        size="xs"
+        @click="offset = 0;
+  loadDeleted()"
+      />
+    </div>
+
+    <USkeleton v-if="loading && deletedDocs.length === 0" class="h-32" />
+
+    <UEmpty
+      v-else-if="deletedDocs.length === 0"
+      icon="i-lucide-trash-2"
+      title="Trash is empty"
+      description="Deleted documents will appear here."
+      size="sm"
+    />
+
+    <div v-else class="space-y-1">
+      <div
+        v-for="doc in deletedDocs"
+        :key="doc.id"
+        class="flex items-center justify-between gap-3 px-2 py-2 rounded-(--ui-radius) hover:bg-(--ui-bg-elevated)"
+      >
+        <div class="flex items-center gap-2 min-w-0">
+          <UIcon name="i-lucide-file-text" class="size-4 shrink-0 text-(--ui-text-muted)" />
+          <div class="min-w-0">
+            <div class="text-sm truncate">{{ doc.name || "Untitled" }}</div>
+            <div v-if="doc.updatedAt" class="text-xs text-(--ui-text-muted)">
+              Deleted {{ formatDate(doc.updatedAt) }}
+            </div>
+          </div>
+        </div>
+
+        <div class="flex items-center gap-1 shrink-0">
+          <UButton
+            icon="i-lucide-rotate-ccw"
+            label="Restore"
+            variant="ghost"
+            color="neutral"
+            size="xs"
+            @click="restore(doc)"
+          />
+          <UButton
+            icon="i-lucide-trash-2"
+            variant="ghost"
+            color="error"
+            size="xs"
+            @click="promptDelete(doc)"
+          />
+        </div>
+      </div>
+
+      <div v-if="hasMore" class="pt-2 text-center">
+        <UButton
+          label="Load more"
+          variant="ghost"
+          color="neutral"
+          size="xs"
+          :loading="loading"
+          @click="loadMore"
+        />
+      </div>
+    </div>
+
+    <UModal
+      v-model:open="confirmDelete"
+      title="Delete Permanently"
+      description="This document will be permanently deleted and cannot be recovered."
+    >
+      <template #footer>
+        <UButton variant="ghost" color="neutral" label="Cancel" @click="confirmDelete = false" />
+        <UButton label="Delete Forever" color="error" :loading="deleting" @click="confirmPermanentDelete" />
+      </template>
+    </UModal>
+  </div>
+</template>

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

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    /** Space ID */
+    spaceId: string;
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    /** Show email in the trigger */
+    showEmail?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    logout: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onLogout?: (() => any) | undefined;
+}>, {
+    showEmail: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/UserMenu.vue

@@ -0,0 +1,50 @@
+<script setup>
+defineProps({
+  showEmail: { type: Boolean, required: false, default: false }
+});
+const emit = defineEmits(["logout"]);
+const { user, isAuthenticated, logout } = useAuth();
+const colorMode = useColorMode();
+const menuItems = computed(() => [
+  [
+    {
+      label: user.value?.name || "User",
+      icon: "i-lucide-user",
+      disabled: true
+    }
+  ],
+  [
+    {
+      label: colorMode.preference === "dark" ? "Light Mode" : "Dark Mode",
+      icon: colorMode.preference === "dark" ? "i-lucide-sun" : "i-lucide-moon",
+      onSelect: () => {
+        colorMode.preference = colorMode.preference === "dark" ? "light" : "dark";
+      }
+    }
+  ],
+  [
+    {
+      label: "Log out",
+      icon: "i-lucide-log-out",
+      color: "error",
+      onSelect: async () => {
+        await logout();
+        emit("logout");
+      }
+    }
+  ]
+]);
+</script>
+
+<template>
+  <UDropdownMenu v-if="isAuthenticated" :items="menuItems">
+    <UButton variant="ghost" color="neutral" class="gap-2">
+      <UAvatar
+        :src="user?.image"
+        :alt="user?.name || 'User'"
+        size="2xs"
+      />
+      <span v-if="showEmail" class="text-sm truncate max-w-32">{{ user?.email }}</span>
+    </UButton>
+  </UDropdownMenu>
+</template>

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

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    /** Show email in the trigger */
+    showEmail?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    logout: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onLogout?: (() => any) | undefined;
+}>, {
+    showEmail: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,13 @@
+import type { ShallowRef } from "vue";
+import type { CollabProvider } from "@rgby/collab-core";
+type __VLS_Props = {
+    provider: ShallowRef<CollabProvider | null> | CollabProvider | null;
+    max?: number;
+    size?: "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl";
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl";
+    max: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/UserPresence.vue

@@ -0,0 +1,34 @@
+<script setup>
+const props = defineProps({
+  provider: { type: null, required: true },
+  max: { type: Number, required: false, default: 5 },
+  size: { type: String, required: false, default: "xs" }
+});
+const providerRef = computed(() => {
+  if (!props.provider) return null;
+  if ("value" in props.provider) return props.provider.value;
+  return props.provider;
+});
+const { states: users } = useAwareness(providerRef);
+</script>
+
+<template>
+  <UAvatarGroup v-if="users.length > 0" :max="max" :size="size">
+    <UTooltip
+      v-for="u in users"
+      :key="u.clientId"
+      :text="u.user?.name || 'Anonymous'"
+    >
+      <UAvatar
+        :alt="u.user?.name || 'Anonymous'"
+        :src="u.user?.avatar"
+        :style="{
+  '--tw-ring-color': u.user?.color || '#ccc',
+  backgroundColor: u.user?.color || '#ccc'
+}"
+      />
+    </UTooltip>
+  </UAvatarGroup>
+
+  <span v-else class="text-xs text-(--ui-text-muted)">No one online</span>
+</template>

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

@@ -0,0 +1,13 @@
+import type { ShallowRef } from "vue";
+import type { CollabProvider } from "@rgby/collab-core";
+type __VLS_Props = {
+    provider: ShallowRef<CollabProvider | null> | CollabProvider | null;
+    max?: number;
+    size?: "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl";
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl";
+    max: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,7 @@
+import type { CollaborationUser } from '../../composables/useEditorCollaboration.js';
+type __VLS_Props = {
+    users: CollaborationUser[];
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,31 @@
+<script setup>
+defineProps({
+  users: { type: Array, required: true }
+});
+</script>
+
+<template>
+  <template v-if="users.length > 0">
+    <UAvatarGroup>
+      <template
+        v-for="user in users"
+        :key="user.name"
+      >
+        <UTooltip :text="user.name">
+          <UAvatar
+            :alt="user.name"
+            size="sm"
+            :style="{
+  color: user.color
+}"
+          />
+        </UTooltip>
+      </template>
+    </UAvatarGroup>
+
+    <USeparator
+      orientation="vertical"
+      class="h-7"
+    />
+  </template>
+</template>

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

@@ -0,0 +1,7 @@
+import type { CollaborationUser } from '../../composables/useEditorCollaboration.js';
+type __VLS_Props = {
+    users: CollaborationUser[];
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/editor/CompletionExtension.d.ts

@@ -0,0 +1,43 @@
+import { Extension } from '@tiptap/core';
+import { PluginKey } from '@tiptap/pm/state';
+import type { Editor } from '@tiptap/vue-3';
+export interface CompletionOptions {
+    /**
+     * Whether to automatically trigger completion while typing
+     * @defaultValue false
+     */
+    autoTrigger?: boolean;
+    /**
+     * Debounce delay in ms before triggering completion
+     * @defaultValue 250
+     */
+    debounce?: number;
+    /**
+     * Characters that should prevent completion from triggering
+     * @defaultValue ['/', ':', '@']
+     */
+    triggerCharacters?: string[];
+    /**
+     * Called when completion should be triggered, receives the editor instance
+     */
+    onTrigger?: (editor: Editor) => void;
+    /**
+     * Called when suggestion is accepted
+     */
+    onAccept?: () => void;
+    /**
+     * Called when suggestion is dismissed
+     */
+    onDismiss?: () => void;
+}
+export interface CompletionStorage {
+    suggestion: string;
+    position: number | undefined;
+    visible: boolean;
+    debouncedTrigger: ((editor: Editor) => void) | null;
+    setSuggestion: (text: string) => void;
+    clearSuggestion: () => void;
+}
+export declare const completionPluginKey: PluginKey<any>;
+export declare const Completion: Extension<CompletionOptions, CompletionStorage>;
+export default Completion;