@cou.sh/nuxt 1.0.1

package/README.md

@@ -0,0 +1,84 @@
+<!--
+Get your module up and running quickly.
+
+Find and replace all on all files (CMD+SHIFT+F):
+- Name: My Module
+- Package name: my-module
+- Description: My new Nuxt module
+-->
+
+# My Module
+
+[![npm version][npm-version-src]][npm-version-href]
+[![npm downloads][npm-downloads-src]][npm-downloads-href]
+[![License][license-src]][license-href]
+[![Nuxt][nuxt-src]][nuxt-href]
+
+My new Nuxt module for doing amazing things.
+
+- [✨ &nbsp;Release Notes](/CHANGELOG.md)
+<!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/my-module?file=playground%2Fapp.vue) -->
+<!-- - [📖 &nbsp;Documentation](https://example.com) -->
+
+## Features
+
+<!-- Highlight some of the features your module provide here -->
+- ⛰ &nbsp;Foo
+- 🚠 &nbsp;Bar
+- 🌲 &nbsp;Baz
+
+## Quick Setup
+
+Install the module to your Nuxt application with one command:
+
+```bash
+npx nuxt module add my-module
+```
+
+That's it! You can now use My Module in your Nuxt app ✨
+
+
+## Contribution
+
+<details>
+  <summary>Local development</summary>
+  
+  ```bash
+  # Install dependencies
+  npm install
+  
+  # Generate type stubs
+  npm run dev:prepare
+  
+  # Develop with the playground
+  npm run dev
+  
+  # Build the playground
+  npm run dev:build
+  
+  # Run ESLint
+  npm run lint
+  
+  # Run Vitest
+  npm run test
+  npm run test:watch
+  
+  # Release new version
+  npm run release
+  ```
+
+</details>
+
+
+<!-- Badges -->
+[npm-version-src]: https://img.shields.io/npm/v/my-module/latest.svg?style=flat&colorA=020420&colorB=00DC82
+[npm-version-href]: https://npmjs.com/package/my-module
+
+[npm-downloads-src]: https://img.shields.io/npm/dm/my-module.svg?style=flat&colorA=020420&colorB=00DC82
+[npm-downloads-href]: https://npm.chart.dev/my-module
+
+[license-src]: https://img.shields.io/npm/l/my-module.svg?style=flat&colorA=020420&colorB=00DC82
+[license-href]: https://npmjs.com/package/my-module
+
+[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt
+[nuxt-href]: https://nuxt.com

package/dist/module.d.mts

@@ -0,0 +1,49 @@
+import * as _nuxt_schema from '@nuxt/schema';
+
+interface ModuleOptions {
+    /**
+     * Base URL for the collaboration server (WebSocket + REST).
+     * Can also be set via NUXT_PUBLIC_COLLAB_URL env variable.
+     */
+    baseUrl?: string;
+    /** Authentication configuration */
+    auth?: {
+        /** 'managed' = built-in email/password, 'custom' = bring your own, 'none' = no auth */
+        mode?: "managed" | "custom" | "none";
+        /** Auto-refresh tokens before expiry */
+        autoRefresh?: boolean;
+        /** Seconds before token expiry to trigger refresh */
+        refreshBuffer?: number;
+    };
+    /** Offline support configuration */
+    offline?: {
+        /** Enable IndexedDB persistence for documents */
+        enablePersistence?: boolean;
+        /** Enable offline file upload queue */
+        enableUploadQueue?: boolean;
+        /** IndexedDB database name prefix */
+        persistenceDbName?: string;
+    };
+    /** Auto-import composables from this module */
+    autoImports?: boolean;
+    /** Add global auth middleware (redirects unauthenticated users) */
+    globalAuth?: boolean;
+    /** Redirect paths */
+    redirects?: {
+        login?: string;
+        logout?: string;
+        callback?: string;
+    };
+    /** Debug logging */
+    debug?: boolean;
+}
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
+
+declare module "@nuxt/schema" {
+    interface PublicRuntimeConfig {
+        collab: ModuleOptions;
+    }
+}
+
+export { _default as default };
+export type { ModuleOptions };

package/dist/module.json

@@ -0,0 +1,12 @@
+{
+  "name": "@collab/nuxt",
+  "configKey": "collab",
+  "compatibility": {
+    "nuxt": "^3.0.0 || ^4.0.0"
+  },
+  "version": "1.0.1",
+  "builder": {
+    "@nuxt/module-builder": "1.0.2",
+    "unbuild": "3.6.1"
+  }
+}

package/dist/module.mjs

@@ -0,0 +1,126 @@
+import { defineNuxtModule, createResolver, addPlugin, addComponentsDir, addImports, addImportsDir, addRouteMiddleware } from '@nuxt/kit';
+import { defu } from 'defu';
+
+const module$1 = defineNuxtModule({
+  meta: {
+    name: "@collab/nuxt",
+    configKey: "collab",
+    compatibility: {
+      nuxt: "^3.0.0 || ^4.0.0"
+    }
+  },
+  defaults: {
+    baseUrl: "",
+    auth: {
+      mode: "managed",
+      autoRefresh: true,
+      refreshBuffer: 3600
+    },
+    offline: {
+      enablePersistence: true,
+      enableUploadQueue: true,
+      persistenceDbName: "collab"
+    },
+    autoImports: true,
+    globalAuth: false,
+    redirects: {
+      login: "/login",
+      logout: "/",
+      callback: "/"
+    },
+    debug: false
+  },
+  async setup(options, nuxt) {
+    const resolver = createResolver(import.meta.url);
+    console.log("[Collab Module] setup running");
+    nuxt.options.runtimeConfig.public.collab = defu(
+      nuxt.options.runtimeConfig.public.collab,
+      {
+        baseUrl: options.baseUrl || process.env.NUXT_PUBLIC_COLLAB_URL || "",
+        auth: options.auth,
+        offline: options.offline,
+        redirects: options.redirects,
+        debug: options.debug
+      }
+    );
+    nuxt.options.vite.optimizeDeps = nuxt.options.vite.optimizeDeps || {};
+    nuxt.options.vite.optimizeDeps.include = nuxt.options.vite.optimizeDeps.include || [];
+    nuxt.options.vite.optimizeDeps.include.push(
+      "@rgby/collab-core",
+      "@rgby/collab-vue",
+      "@hocuspocus/provider",
+      "yjs",
+      "y-indexeddb",
+      "y-protocols/awareness",
+      "y-protocols/sync",
+      "y-protocols/auth",
+      "lib0 > isomorphic.js",
+      "@tiptap/core",
+      "@tiptap/vue-3",
+      "@tiptap/pm/state",
+      "@tiptap/pm/view",
+      "@tiptap/pm/tables",
+      "@tiptap/extension-emoji",
+      "@tiptap/extension-list",
+      "@tiptap/extension-table",
+      "tiptap-extension-code-block-shiki",
+      "@internationalized/date",
+      "lucide-vue-next",
+      "scule"
+    );
+    nuxt.options.build.transpile = nuxt.options.build.transpile || [];
+    nuxt.options.build.transpile.push("@rgby/collab-core", "@rgby/collab-vue");
+    addPlugin({
+      src: resolver.resolve("./runtime/plugin"),
+      mode: "client"
+    });
+    addComponentsDir({
+      path: resolver.resolve("./runtime/components"),
+      prefix: "Collab",
+      global: true
+    });
+    const clientComposables = [
+      "provideCollabClient",
+      "useCollabClient",
+      "useDocument",
+      "useSyncedMap",
+      "useSyncedArray",
+      "useSyncedText",
+      "useSyncedXml",
+      "useAwareness",
+      "useLiveComments",
+      "useAuth",
+      "useTiptapEditor",
+      "useCollaborativeDocument"
+    ];
+    const clientPath = await resolver.resolvePath("@rgby/collab-vue");
+    console.log(`[Collab Module] Resolved client path: ${clientPath}`);
+    for (const name of clientComposables) {
+      if (options.debug) {
+        console.log(`[Collab Module] Auto-importing ${name} from ${clientPath}`);
+      }
+      addImports({
+        name,
+        as: name,
+        from: clientPath
+      });
+    }
+    if (options.autoImports) {
+      addImportsDir(resolver.resolve("./runtime/composables"));
+    }
+    if (options.globalAuth) {
+      addRouteMiddleware({
+        name: "collab-auth",
+        path: resolver.resolve("./runtime/middleware/collab-auth"),
+        global: true
+      });
+    } else {
+      addRouteMiddleware({
+        name: "collab-auth",
+        path: resolver.resolve("./runtime/middleware/collab-auth")
+      });
+    }
+  }
+});
+
+export { module$1 as default };

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

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    /** Space ID */
+    spaceId: string;
+    /** Document ID (if omitted, shows space-level activity) */
+    documentId?: string;
+    /** Max items to display */
+    limit?: number;
+};
+declare function loadActivity(): Promise<void>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    refresh: typeof loadActivity;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    documentId: string;
+    limit: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ActivityTimeline.vue

@@ -0,0 +1,108 @@
+<script setup>
+const props = defineProps({
+  spaceId: { type: String, required: true },
+  documentId: { type: String, required: false, default: void 0 },
+  limit: { type: Number, required: false, default: 20 }
+});
+const client = useCollabClient();
+const activities = ref([]);
+const loading = ref(true);
+const timelineItems = computed(
+  () => activities.value.map((a) => ({
+    title: a.title,
+    description: `${a.description} \xB7 ${formatTimeAgo(a.time)}`,
+    icon: a.icon
+  }))
+);
+async function loadActivity() {
+  loading.value = true;
+  const items = [];
+  try {
+    if (props.documentId) {
+      const snapshots = await client.documents.getSnapshots(props.spaceId, props.documentId);
+      for (const snap of snapshots.slice(0, props.limit)) {
+        items.push({
+          title: "Document updated",
+          description: formatSize(snap.size),
+          icon: "i-lucide-history",
+          time: new Date(snap.createdAt)
+        });
+      }
+      try {
+        const comments = await client.comments.list(props.spaceId, props.documentId);
+        for (const thread of comments.threads) {
+          items.push({
+            title: `${thread.authorName} commented`,
+            description: thread.content.slice(0, 60) + (thread.content.length > 60 ? "..." : ""),
+            icon: "i-lucide-message-square",
+            time: new Date(thread.createdAt)
+          });
+          for (const reply of thread.replies) {
+            items.push({
+              title: `${reply.authorName} replied`,
+              description: reply.content.slice(0, 60) + (reply.content.length > 60 ? "..." : ""),
+              icon: "i-lucide-reply",
+              time: new Date(reply.createdAt)
+            });
+          }
+        }
+      } catch {
+      }
+    }
+    items.sort((a, b) => b.time.getTime() - a.time.getTime());
+    activities.value = items.slice(0, props.limit);
+  } finally {
+    loading.value = false;
+  }
+}
+function formatTimeAgo(date) {
+  const now = /* @__PURE__ */ new Date();
+  const diffMs = now.getTime() - date.getTime();
+  const diffMins = Math.floor(diffMs / 6e4);
+  if (diffMins < 1) return "Just now";
+  if (diffMins < 60) return `${diffMins}m ago`;
+  const diffHours = Math.floor(diffMins / 60);
+  if (diffHours < 24) return `${diffHours}h ago`;
+  const diffDays = Math.floor(diffHours / 24);
+  if (diffDays < 30) return `${diffDays}d ago`;
+  return date.toLocaleDateString();
+}
+function formatSize(bytes) {
+  if (bytes == null || isNaN(bytes)) return "";
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+watch(
+  () => [props.spaceId, props.documentId],
+  loadActivity,
+  { immediate: true }
+);
+defineExpose({ refresh: loadActivity });
+</script>
+
+<template>
+  <div class="space-y-3">
+    <div class="flex items-center justify-between">
+      <h3 class="text-sm font-medium">Activity</h3>
+      <UButton
+        icon="i-lucide-refresh-cw"
+        variant="ghost"
+        color="neutral"
+        size="xs"
+        @click="loadActivity"
+      />
+    </div>
+
+    <USkeleton v-if="loading" class="h-32" />
+
+    <UEmpty
+      v-else-if="activities.length === 0"
+      icon="i-lucide-activity"
+      title="No activity yet"
+      size="sm"
+    />
+
+    <UTimeline v-else :items="timelineItems" color="neutral" size="sm" />
+  </div>
+</template>

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

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    /** Space ID */
+    spaceId: string;
+    /** Document ID (if omitted, shows space-level activity) */
+    documentId?: string;
+    /** Max items to display */
+    limit?: number;
+};
+declare function loadActivity(): Promise<void>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    refresh: typeof loadActivity;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    documentId: string;
+    limit: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    /** Login or signup mode */
+    mode?: "login" | "signup";
+    /** Redirect URL after success */
+    redirectTo?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: (err: Error) => any;
+    success: (session: any) => any;
+    "update:mode": (mode: "login" | "signup") => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onError?: ((err: Error) => any) | undefined;
+    onSuccess?: ((session: any) => any) | undefined;
+    "onUpdate:mode"?: ((mode: "login" | "signup") => any) | undefined;
+}>, {
+    mode: "login" | "signup";
+    redirectTo: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/AuthForm.vue

@@ -0,0 +1,78 @@
+<script setup>
+const props = defineProps({
+  mode: { type: String, required: false, default: "login" },
+  redirectTo: { type: String, required: false, default: void 0 }
+});
+const emit = defineEmits(["update:mode", "success", "error"]);
+const { login, signup } = useAuth();
+const toast = useToast();
+const loading = ref(false);
+const errorMessage = ref("");
+const loginFields = [
+  { name: "email", type: "email", label: "Email", placeholder: "you@example.com", required: true },
+  { name: "password", type: "password", label: "Password", placeholder: "Enter your password", required: true }
+];
+const signupFields = [
+  { name: "name", type: "text", label: "Name", placeholder: "Your name", required: true },
+  { name: "email", type: "email", label: "Email", placeholder: "you@example.com", required: true },
+  { name: "password", type: "password", label: "Password", placeholder: "Choose a password", required: true }
+];
+const fields = computed(() => props.mode === "signup" ? signupFields : loginFields);
+async function onSubmit(event) {
+  loading.value = true;
+  errorMessage.value = "";
+  try {
+    let session;
+    if (props.mode === "signup") {
+      session = await signup(event.data.email, event.data.password, event.data.name);
+    } else {
+      session = await login(event.data.email, event.data.password);
+    }
+    toast.add({
+      title: props.mode === "signup" ? "Account created" : "Logged in",
+      color: "success",
+      icon: "i-lucide-check"
+    });
+    emit("success", session);
+    if (props.redirectTo) {
+      navigateTo(props.redirectTo);
+    }
+  } catch (err) {
+    errorMessage.value = err?.message || "Authentication failed";
+    emit("error", err);
+  } finally {
+    loading.value = false;
+  }
+}
+</script>
+
+<template>
+  <div class="space-y-4">
+    <UAuthForm
+      :title="mode === 'signup' ? 'Create Account' : 'Welcome Back'"
+      :description="mode === 'signup' ? 'Sign up to get started.' : 'Sign in to your account.'"
+      :icon="mode === 'signup' ? 'i-lucide-user-plus' : 'i-lucide-log-in'"
+      :fields="fields"
+      :loading="loading"
+      :submit="{ label: mode === 'signup' ? 'Sign Up' : 'Sign In', block: true }"
+      @submit="onSubmit"
+    >
+      <template #footer>
+        <div class="text-center">
+          <UAlert v-if="errorMessage" :title="errorMessage" color="error" variant="subtle" icon="i-lucide-alert-circle" class="mb-3" />
+
+          <span class="text-sm text-(--ui-text-muted)">
+            <template v-if="mode === 'login'">
+              Don't have an account?
+              <UButton variant="link" label="Sign up" size="sm" @click="emit('update:mode', 'signup')" />
+            </template>
+            <template v-else>
+              Already have an account?
+              <UButton variant="link" label="Sign in" size="sm" @click="emit('update:mode', 'login')" />
+            </template>
+          </span>
+        </div>
+      </template>
+    </UAuthForm>
+  </div>
+</template>

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

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    /** Login or signup mode */
+    mode?: "login" | "signup";
+    /** Redirect URL after success */
+    redirectTo?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: (err: Error) => any;
+    success: (session: any) => any;
+    "update:mode": (mode: "login" | "signup") => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onError?: ((err: Error) => any) | undefined;
+    onSuccess?: ((session: any) => any) | undefined;
+    "onUpdate:mode"?: ((mode: "login" | "signup") => any) | undefined;
+}>, {
+    mode: "login" | "signup";
+    redirectTo: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,10 @@
+import type { ShallowRef } from "vue";
+import type { CollabProvider } from "@rgby/collab-core";
+type __VLS_Props = {
+    spaceId: string;
+    documentId: string;
+    provider: ShallowRef<CollabProvider | null> | CollabProvider | null;
+};
+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;