@zveltio/vue 1.0.0

package/README.md

@@ -0,0 +1,134 @@
+# @zveltio/vue
+
+Official Vue 3 SDK for [Zveltio](https://zveltio.com) — composables for collections, real-time, auth, storage, and offline sync.
+
+## Installation
+
+```bash
+npm install @zveltio/vue @zveltio/sdk
+# or
+bun add @zveltio/vue @zveltio/sdk
+```
+
+## Setup
+
+Register the plugin in your Vue app:
+
+```ts
+import { createApp } from 'vue';
+import { ZveltioPlugin } from '@zveltio/vue';
+import App from './App.vue';
+
+createApp(App)
+  .use(ZveltioPlugin, { url: 'https://your-engine.example.com' })
+  .mount('#app');
+```
+
+## Composables
+
+### Data
+
+```vue
+<script setup lang="ts">
+import { useCollection, useRecord } from '@zveltio/vue';
+
+const { data, loading, error, refresh } = useCollection('products', {
+  filter: { status: 'active' },
+  sort: '-createdAt',
+  limit: 20,
+});
+
+const { data: product } = useRecord('products', 'id-123');
+</script>
+
+<template>
+  <div v-if="loading">Loading...</div>
+  <ProductCard v-for="p in data" :key="p.id" :product="p" />
+</template>
+```
+
+### Real-time
+
+```vue
+<script setup lang="ts">
+import { useRealtime } from '@zveltio/vue';
+
+const event = useRealtime('orders');
+// event.value: { action: 'create'|'update'|'delete', record: {...} } | null
+</script>
+
+<template>
+  <div>Last event: {{ event?.action }}</div>
+</template>
+```
+
+### Offline Sync
+
+```vue
+<script setup lang="ts">
+import { useSyncCollection, useSyncStatus } from '@zveltio/vue';
+
+const { records, pending, conflicts } = useSyncCollection('products');
+const { isOnline } = useSyncStatus();
+</script>
+
+<template>
+  <Banner v-if="!isOnline">Offline — syncing when reconnected</Banner>
+  <div
+    v-for="p in records"
+    :key="p.id"
+    :style="{ opacity: p._syncStatus === 'pending' ? 0.6 : 1 }"
+  >
+    {{ p.name }}
+  </div>
+</template>
+```
+
+### Auth
+
+```vue
+<script setup lang="ts">
+import { useAuth } from '@zveltio/vue';
+
+const { user, signIn, signOut, loading } = useAuth();
+</script>
+
+<template>
+  <div v-if="loading" />
+  <button v-else-if="!user" @click="signIn({ email, password })">Sign In</button>
+  <div v-else>
+    {{ user.email }}
+    <button @click="signOut">Sign Out</button>
+  </div>
+</template>
+```
+
+### Storage
+
+```vue
+<script setup lang="ts">
+import { useStorage } from '@zveltio/vue';
+
+const { upload, uploading, progress } = useStorage();
+
+async function handleFile(e: Event) {
+  const file = (e.target as HTMLInputElement).files?.[0];
+  if (file) {
+    const url = await upload(file);
+    console.log('Uploaded:', url);
+  }
+}
+</script>
+
+<template>
+  <input type="file" @change="handleFile" :disabled="uploading" />
+  <progress v-if="uploading" :value="progress" max="100" />
+</template>
+```
+
+## Links
+
+- [Documentation](https://zveltio.com/docs)
+- [GitHub](https://github.com/zveltio-devs/zveltio)
+- [Core SDK](https://www.npmjs.com/package/@zveltio/sdk)
+- [React SDK](https://www.npmjs.com/package/@zveltio/react)

package/dist/composables/useAuth.d.ts

@@ -0,0 +1,11 @@
+import { type Ref } from 'vue';
+export declare function useAuth(): {
+    user: Ref<any | null>;
+    session: Ref<any | null>;
+    loading: Ref<boolean>;
+    error: Ref<Error | null>;
+    login: (email: string, password: string) => Promise<void>;
+    logout: () => Promise<void>;
+    signup: (email: string, password: string, name: string) => Promise<void>;
+};
+//# sourceMappingURL=useAuth.d.ts.map

package/dist/composables/useAuth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAuth.d.ts","sourceRoot":"","sources":["../../src/composables/useAuth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAM/C,wBAAgB,OAAO,IAAI;IACzB,IAAI,EAAE,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC;IACtB,OAAO,EAAE,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC;IACzB,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACtB,KAAK,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;IACzB,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC1E,CAmEA"}

package/dist/composables/useAuth.js

@@ -0,0 +1,73 @@
+import { ref, onMounted } from 'vue';
+import { inject } from 'vue';
+import { fetchSession, loginUser, logoutUser, signupUser } from '@zveltio/sdk';
+import { ZVELTIO_CLIENT_KEY } from '../plugin.js';
+export function useAuth() {
+    const client = inject(ZVELTIO_CLIENT_KEY);
+    if (!client)
+        throw new Error('useAuth must be used within ZveltioPlugin');
+    const user = ref(null);
+    const session = ref(null);
+    const loading = ref(true);
+    const error = ref(null);
+    const loadSession = async () => {
+        try {
+            const state = await fetchSession(client);
+            session.value = state.session;
+            user.value = state.user;
+        }
+        finally {
+            loading.value = false;
+        }
+    };
+    onMounted(loadSession);
+    const login = async (email, password) => {
+        loading.value = true;
+        error.value = null;
+        try {
+            const state = await loginUser(client, email, password);
+            user.value = state.user;
+            session.value = state.session;
+        }
+        catch (err) {
+            error.value = err instanceof Error ? err : new Error(String(err));
+            throw err;
+        }
+        finally {
+            loading.value = false;
+        }
+    };
+    const logout = async () => {
+        loading.value = true;
+        error.value = null;
+        try {
+            const state = await logoutUser(client);
+            user.value = state.user;
+            session.value = state.session;
+        }
+        catch (err) {
+            error.value = err instanceof Error ? err : new Error(String(err));
+            throw err;
+        }
+        finally {
+            loading.value = false;
+        }
+    };
+    const signup = async (email, password, name) => {
+        loading.value = true;
+        error.value = null;
+        try {
+            const state = await signupUser(client, email, password, name);
+            user.value = state.user;
+            session.value = state.session;
+        }
+        catch (err) {
+            error.value = err instanceof Error ? err : new Error(String(err));
+            throw err;
+        }
+        finally {
+            loading.value = false;
+        }
+    };
+    return { user, session, loading, error, login, logout, signup };
+}

package/dist/composables/useCollection.d.ts

@@ -0,0 +1,9 @@
+import { type Ref } from 'vue';
+import { type CollectionOptions } from '@zveltio/sdk';
+export declare function useCollection<T = any>(collectionName: string, options?: CollectionOptions): {
+    data: Ref<T[] | null>;
+    loading: Ref<boolean>;
+    error: Ref<Error | null>;
+    refetch: () => Promise<void>;
+};
+//# sourceMappingURL=useCollection.d.ts.map

package/dist/composables/useCollection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCollection.d.ts","sourceRoot":"","sources":["../../src/composables/useCollection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAE/C,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAIvE,wBAAgB,aAAa,CAAC,CAAC,GAAG,GAAG,EACnC,cAAc,EAAE,MAAM,EACtB,OAAO,CAAC,EAAE,iBAAiB,GAC1B;IAAE,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;IAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAAC,KAAK,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;IAAC,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CAAE,CAuB1G"}

package/dist/composables/useCollection.js

@@ -0,0 +1,27 @@
+import { ref, onMounted } from 'vue';
+import { inject } from 'vue';
+import { fetchCollection } from '@zveltio/sdk';
+import { ZVELTIO_CLIENT_KEY } from '../plugin.js';
+export function useCollection(collectionName, options) {
+    const client = inject(ZVELTIO_CLIENT_KEY);
+    if (!client)
+        throw new Error('useCollection must be used within ZveltioPlugin');
+    const data = ref(null);
+    const loading = ref(true);
+    const error = ref(null);
+    const load = async () => {
+        loading.value = true;
+        error.value = null;
+        try {
+            data.value = await fetchCollection(client, collectionName, options);
+        }
+        catch (err) {
+            error.value = err instanceof Error ? err : new Error(String(err));
+        }
+        finally {
+            loading.value = false;
+        }
+    };
+    onMounted(load);
+    return { data, loading, error, refetch: load };
+}

package/dist/composables/useRealtime.d.ts

@@ -0,0 +1,2 @@
+export declare function useRealtime(baseUrl: string, collection: string, event: string | null, callback: (data: any) => void): void;
+//# sourceMappingURL=useRealtime.d.ts.map

package/dist/composables/useRealtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRealtime.d.ts","sourceRoot":"","sources":["../../src/composables/useRealtime.ts"],"names":[],"mappings":"AAGA,wBAAgB,WAAW,CACzB,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,MAAM,EAClB,KAAK,EAAE,MAAM,GAAG,IAAI,EACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,GAC5B,IAAI,CAoBN"}

package/dist/composables/useRealtime.js

@@ -0,0 +1,22 @@
+import { onMounted, onUnmounted } from 'vue';
+import { ZveltioRealtime } from '@zveltio/sdk';
+export function useRealtime(baseUrl, collection, event, callback) {
+    let realtime = null;
+    let unsub = null;
+    onMounted(() => {
+        if (!baseUrl || !collection)
+            return;
+        realtime = new ZveltioRealtime(baseUrl);
+        realtime.connect();
+        unsub = realtime.subscribe(collection, (data) => {
+            if (!event || data.event === event) {
+                callback(data);
+            }
+        });
+    });
+    onUnmounted(() => {
+        unsub?.();
+        realtime?.disconnect();
+        realtime = null;
+    });
+}

package/dist/composables/useRecord.d.ts

@@ -0,0 +1,8 @@
+import { type Ref } from 'vue';
+export declare function useRecord<T = any>(collectionName: string, id: string | null | undefined): {
+    data: Ref<T | null>;
+    loading: Ref<boolean>;
+    error: Ref<Error | null>;
+    refetch: () => Promise<void>;
+};
+//# sourceMappingURL=useRecord.d.ts.map

package/dist/composables/useRecord.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRecord.d.ts","sourceRoot":"","sources":["../../src/composables/useRecord.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAMtD,wBAAgB,SAAS,CAAC,CAAC,GAAG,GAAG,EAC/B,cAAc,EAAE,MAAM,EACtB,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAC5B;IAAE,IAAI,EAAE,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAAC,KAAK,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;IAAC,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CAAE,CAyBxG"}

package/dist/composables/useRecord.js

@@ -0,0 +1,33 @@
+import { ref, onMounted, watch } from 'vue';
+import { inject } from 'vue';
+import { fetchRecord } from '@zveltio/sdk';
+import { ZVELTIO_CLIENT_KEY } from '../plugin.js';
+export function useRecord(collectionName, id) {
+    const client = inject(ZVELTIO_CLIENT_KEY);
+    if (!client)
+        throw new Error('useRecord must be used within ZveltioPlugin');
+    const data = ref(null);
+    const loading = ref(!!id);
+    const error = ref(null);
+    const load = async () => {
+        if (!id) {
+            data.value = null;
+            loading.value = false;
+            return;
+        }
+        loading.value = true;
+        error.value = null;
+        try {
+            data.value = await fetchRecord(client, collectionName, id);
+        }
+        catch (err) {
+            error.value = err instanceof Error ? err : new Error(String(err));
+        }
+        finally {
+            loading.value = false;
+        }
+    };
+    onMounted(load);
+    watch(() => id, load);
+    return { data, loading, error, refetch: load };
+}

package/dist/composables/useStorage.d.ts

@@ -0,0 +1,10 @@
+import { type Ref } from 'vue';
+import { type StorageFile } from '@zveltio/sdk';
+export declare function useStorage(): {
+    upload: (file: File, folder?: string) => Promise<StorageFile>;
+    list: (folder?: string) => Promise<StorageFile[]>;
+    remove: (fileId: string) => Promise<void>;
+    uploading: Ref<boolean>;
+    error: Ref<Error | null>;
+};
+//# sourceMappingURL=useStorage.d.ts.map

package/dist/composables/useStorage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStorage.d.ts","sourceRoot":"","sources":["../../src/composables/useStorage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAEpC,OAAO,EAAqC,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAInF,wBAAgB,UAAU,IAAI;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IAC9D,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;IAClD,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1C,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACxB,KAAK,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;CAC1B,CAwBA"}

package/dist/composables/useStorage.js

@@ -0,0 +1,28 @@
+import { ref } from 'vue';
+import { inject } from 'vue';
+import { uploadFile, listFiles, removeFile } from '@zveltio/sdk';
+import { ZVELTIO_CLIENT_KEY } from '../plugin.js';
+export function useStorage() {
+    const client = inject(ZVELTIO_CLIENT_KEY);
+    if (!client)
+        throw new Error('useStorage must be used within ZveltioPlugin');
+    const uploading = ref(false);
+    const error = ref(null);
+    const upload = async (file, folder) => {
+        uploading.value = true;
+        error.value = null;
+        try {
+            return await uploadFile(client, file, folder);
+        }
+        catch (err) {
+            error.value = err instanceof Error ? err : new Error(String(err));
+            throw error.value;
+        }
+        finally {
+            uploading.value = false;
+        }
+    };
+    const list = (folder) => listFiles(client, folder);
+    const remove = (fileId) => removeFile(client, fileId);
+    return { upload, list, remove, uploading, error };
+}

package/dist/composables/useSyncCollection.d.ts

@@ -0,0 +1,11 @@
+import { type Ref } from 'vue';
+export interface UseSyncCollectionOptions {
+    realtimeUrl?: string;
+    syncInterval?: number;
+}
+export declare function useSyncCollection<T = any>(collectionName: string, options?: UseSyncCollectionOptions): {
+    data: Ref<T[] | null>;
+    loading: Ref<boolean>;
+    error: Ref<Error | null>;
+};
+//# sourceMappingURL=useSyncCollection.d.ts.map

package/dist/composables/useSyncCollection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSyncCollection.d.ts","sourceRoot":"","sources":["../../src/composables/useSyncCollection.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAM5D,MAAM,WAAW,wBAAwB;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,iBAAiB,CAAC,CAAC,GAAG,GAAG,EACvC,cAAc,EAAE,MAAM,EACtB,OAAO,CAAC,EAAE,wBAAwB,GACjC;IAAE,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;IAAC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAAC,KAAK,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAA;CAAE,CAgC5E"}

package/dist/composables/useSyncCollection.js

@@ -0,0 +1,34 @@
+import { ref, onMounted, onUnmounted } from 'vue';
+import { SyncManager } from '@zveltio/sdk';
+import { inject } from 'vue';
+import { ZVELTIO_CLIENT_KEY } from '../plugin.js';
+export function useSyncCollection(collectionName, options) {
+    const client = inject(ZVELTIO_CLIENT_KEY);
+    if (!client)
+        throw new Error('useSyncCollection must be used within ZveltioPlugin');
+    const data = ref(null);
+    const loading = ref(true);
+    const error = ref(null);
+    let sync = null;
+    let unsub = null;
+    onMounted(async () => {
+        sync = new SyncManager(client, { syncInterval: options?.syncInterval });
+        try {
+            await sync.start(options?.realtimeUrl);
+            unsub = sync.collection(collectionName).subscribe((records) => {
+                data.value = records;
+                loading.value = false;
+            });
+        }
+        catch (err) {
+            error.value = err instanceof Error ? err : new Error(String(err));
+            loading.value = false;
+        }
+    });
+    onUnmounted(() => {
+        unsub?.();
+        sync?.stop();
+        sync = null;
+    });
+    return { data, loading, error };
+}

package/dist/composables/useSyncStatus.d.ts

@@ -0,0 +1,7 @@
+import { type Ref } from 'vue';
+import type { SyncManager } from '@zveltio/sdk';
+import type { SyncStatus } from '../types.js';
+export declare function useSyncStatus(syncManager?: SyncManager, pollIntervalMs?: number): {
+    status: Ref<SyncStatus>;
+};
+//# sourceMappingURL=useSyncStatus.d.ts.map

package/dist/composables/useSyncStatus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSyncStatus.d.ts","sourceRoot":"","sources":["../../src/composables/useSyncStatus.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,wBAAgB,aAAa,CAC3B,WAAW,CAAC,EAAE,WAAW,EACzB,cAAc,SAAO,GACpB;IAAE,MAAM,EAAE,GAAG,CAAC,UAAU,CAAC,CAAA;CAAE,CAgD7B"}

package/dist/composables/useSyncStatus.js

@@ -0,0 +1,46 @@
+import { ref, onMounted, onUnmounted } from 'vue';
+export function useSyncStatus(syncManager, pollIntervalMs = 2000) {
+    const status = ref({ status: 'online', pendingCount: 0 });
+    let timer = null;
+    const updateOnline = () => {
+        if (typeof navigator !== 'undefined') {
+            status.value = {
+                ...status.value,
+                status: navigator.onLine ? 'online' : 'offline',
+            };
+        }
+    };
+    onMounted(() => {
+        if (!syncManager) {
+            if (typeof window !== 'undefined') {
+                window.addEventListener('online', updateOnline);
+                window.addEventListener('offline', updateOnline);
+                updateOnline();
+            }
+            return;
+        }
+        const poll = async () => {
+            try {
+                const s = await syncManager.getStatus();
+                status.value = {
+                    status: s.isOnline ? (s.pending > 0 ? 'syncing' : 'online') : 'offline',
+                    pendingCount: s.pending,
+                };
+            }
+            catch {
+                /* ignore */
+            }
+        };
+        poll();
+        timer = setInterval(poll, pollIntervalMs);
+    });
+    onUnmounted(() => {
+        if (timer)
+            clearInterval(timer);
+        if (typeof window !== 'undefined') {
+            window.removeEventListener('online', updateOnline);
+            window.removeEventListener('offline', updateOnline);
+        }
+    });
+    return { status };
+}

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+export { ZveltioPlugin, ZVELTIO_CLIENT_KEY } from './plugin.js';
+export type { ZveltioPluginOptions } from './plugin.js';
+export { useCollection } from './composables/useCollection.js';
+export { useRecord } from './composables/useRecord.js';
+export { useSyncCollection } from './composables/useSyncCollection.js';
+export type { UseSyncCollectionOptions } from './composables/useSyncCollection.js';
+export { useSyncStatus } from './composables/useSyncStatus.js';
+export { useRealtime } from './composables/useRealtime.js';
+export { useAuth } from './composables/useAuth.js';
+export { useStorage } from './composables/useStorage.js';
+export type { CollectionOptions, SyncStatus } from './types.js';
+export { ZveltioClient, createZveltioClient } from '@zveltio/sdk';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAChE,YAAY,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,YAAY,EAAE,wBAAwB,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,YAAY,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAGhE,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC"}

package/dist/index.js

@@ -0,0 +1,10 @@
+export { ZveltioPlugin, ZVELTIO_CLIENT_KEY } from './plugin.js';
+export { useCollection } from './composables/useCollection.js';
+export { useRecord } from './composables/useRecord.js';
+export { useSyncCollection } from './composables/useSyncCollection.js';
+export { useSyncStatus } from './composables/useSyncStatus.js';
+export { useRealtime } from './composables/useRealtime.js';
+export { useAuth } from './composables/useAuth.js';
+export { useStorage } from './composables/useStorage.js';
+// Re-export core client for convenience
+export { ZveltioClient, createZveltioClient } from '@zveltio/sdk';

package/dist/plugin.d.ts

@@ -0,0 +1,10 @@
+import type { App } from 'vue';
+import type { ZveltioClient } from '@zveltio/sdk';
+export declare const ZVELTIO_CLIENT_KEY = "zveltio-client";
+export interface ZveltioPluginOptions {
+    client: ZveltioClient;
+}
+export declare const ZveltioPlugin: {
+    install(app: App, options: ZveltioPluginOptions): void;
+};
+//# sourceMappingURL=plugin.d.ts.map

package/dist/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAElD,eAAO,MAAM,kBAAkB,mBAAmB,CAAC;AAEnD,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,aAAa,CAAC;CACvB;AAED,eAAO,MAAM,aAAa;iBACX,GAAG,WAAW,oBAAoB;CAMhD,CAAC"}

package/dist/plugin.js

@@ -0,0 +1,9 @@
+export const ZVELTIO_CLIENT_KEY = 'zveltio-client';
+export const ZveltioPlugin = {
+    install(app, options) {
+        if (!options?.client) {
+            throw new Error('[ZveltioPlugin] options.client is required');
+        }
+        app.provide(ZVELTIO_CLIENT_KEY, options.client);
+    },
+};

package/dist/types.d.ts

@@ -0,0 +1,13 @@
+export interface CollectionOptions {
+    filter?: Record<string, any>;
+    sort?: string;
+    order?: 'asc' | 'desc';
+    limit?: number;
+    page?: number;
+    search?: string;
+}
+export interface SyncStatus {
+    status: 'online' | 'offline' | 'syncing';
+    pendingCount: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IACzC,YAAY,EAAE,MAAM,CAAC;CACtB"}

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@zveltio/vue",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@zveltio/sdk": "1.0.0"
+  },
+  "peerDependencies": {
+    "vue": ">=3.3"
+  },
+  "devDependencies": {
+    "vue": "^3.3.0",
+    "typescript": "^5.4.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/zveltio-devs/zveltio.git"
+  }
+}