@zveltio/react 1.2.0

package/README.md

@@ -0,0 +1,130 @@
+# @zveltio/react
+
+Official React SDK for [Zveltio](https://zveltio.com) — hooks for collections, real-time, auth, storage, and offline sync.
+
+## Installation
+
+```bash
+npm install @zveltio/react @zveltio/sdk
+# or
+bun add @zveltio/react @zveltio/sdk
+```
+
+## Setup
+
+Wrap your app with `ZveltioProvider`:
+
+```tsx
+import { ZveltioProvider } from '@zveltio/react';
+
+export default function App() {
+  return (
+    <ZveltioProvider url="https://your-engine.example.com">
+      <YourApp />
+    </ZveltioProvider>
+  );
+}
+```
+
+## Hooks
+
+### Data
+
+```tsx
+import { useCollection, useRecord } from '@zveltio/react';
+
+function ProductList() {
+  const { data, loading, error, refresh } = useCollection('products', {
+    filter: { status: 'active' },
+    sort: '-createdAt',
+    limit: 20,
+  });
+
+  if (loading) return <Spinner />;
+  return data.map((p) => <ProductCard key={p.id} product={p} />);
+}
+
+function ProductDetail({ id }: { id: string }) {
+  const { data: product } = useRecord('products', id);
+  return <div>{product?.name}</div>;
+}
+```
+
+### Real-time
+
+```tsx
+import { useRealtime } from '@zveltio/react';
+
+function LiveFeed() {
+  const event = useRealtime('orders');
+  // event: { action: 'create'|'update'|'delete', record: {...} } | null
+  return <div>Last event: {event?.action}</div>;
+}
+```
+
+### Offline Sync
+
+```tsx
+import { useSyncCollection, useSyncStatus } from '@zveltio/react';
+
+function OfflineProducts() {
+  const { records, pending, conflicts } = useSyncCollection('products');
+  const { isOnline } = useSyncStatus();
+
+  return (
+    <>
+      {!isOnline && <Banner>Offline — syncing when reconnected</Banner>}
+      {records.map((p) => (
+        <div key={p.id} style={{ opacity: p._syncStatus === 'pending' ? 0.6 : 1 }}>
+          {p.name}
+        </div>
+      ))}
+    </>
+  );
+}
+```
+
+### Auth
+
+```tsx
+import { useAuth } from '@zveltio/react';
+
+function Header() {
+  const { user, signIn, signOut, loading } = useAuth();
+
+  if (loading) return null;
+  if (!user) return <button onClick={() => signIn({ email, password })}>Sign In</button>;
+  return (
+    <div>
+      {user.email} <button onClick={signOut}>Sign Out</button>
+    </div>
+  );
+}
+```
+
+### Storage
+
+```tsx
+import { useStorage } from '@zveltio/react';
+
+function FileUpload() {
+  const { upload, uploading, progress } = useStorage();
+
+  const handleFile = async (e: React.ChangeEvent<HTMLInputElement>) => {
+    const file = e.target.files?.[0];
+    if (file) {
+      const url = await upload(file);
+      console.log('Uploaded:', url);
+    }
+  };
+
+  return <input type="file" onChange={handleFile} disabled={uploading} />;
+}
+```
+
+## Links
+
+- [Documentation](https://zveltio.com/docs)
+- [GitHub](https://github.com/zveltio/zveltio)
+- [Core SDK](https://www.npmjs.com/package/@zveltio/sdk)
+- [Vue SDK](https://www.npmjs.com/package/@zveltio/vue)

package/dist/context.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ZveltioClient } from '@zveltio/sdk';
+export interface ZveltioProviderProps {
+    client: ZveltioClient;
+    children: React.ReactNode;
+}
+export declare function ZveltioProvider({ client, children }: ZveltioProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useZveltioClient(): ZveltioClient;
+//# sourceMappingURL=context.d.ts.map

package/dist/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAIlD,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAMzE;AAED,wBAAgB,gBAAgB,IAAI,aAAa,CAMhD"}

package/dist/context.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+const ZveltioContext = createContext(null);
+export function ZveltioProvider({ client, children }) {
+    return (_jsx(ZveltioContext.Provider, { value: client, children: children }));
+}
+export function useZveltioClient() {
+    const client = useContext(ZveltioContext);
+    if (!client) {
+        throw new Error('useZveltioClient must be used within a ZveltioProvider');
+    }
+    return client;
+}

package/dist/hooks/useAuth.d.ts

@@ -0,0 +1,9 @@
+import { type AuthState } from '@zveltio/sdk';
+import type { HookResult } from '../types.js';
+export type { AuthState };
+export declare function useAuth(): HookResult<AuthState> & {
+    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/hooks/useAuth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAuth.d.ts","sourceRoot":"","sources":["../../src/hooks/useAuth.ts"],"names":[],"mappings":"AACA,OAAO,EAAmD,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,YAAY,EAAE,SAAS,EAAE,CAAC;AAE1B,wBAAgB,OAAO,IAAI,UAAU,CAAC,SAAS,CAAC,GAAG;IACjD,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,CAwDA"}

package/dist/hooks/useAuth.js

@@ -0,0 +1,61 @@
+import { useState, useEffect, useCallback } from 'react';
+import { fetchSession, loginUser, logoutUser, signupUser } from '@zveltio/sdk';
+import { useZveltioClient } from '../context.js';
+export function useAuth() {
+    const client = useZveltioClient();
+    const [data, setData] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const loadSession = useCallback(async () => {
+        try {
+            setData(await fetchSession(client));
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [client]);
+    useEffect(() => { loadSession(); }, [loadSession]);
+    const login = useCallback(async (email, password) => {
+        setLoading(true);
+        setError(null);
+        try {
+            setData(await loginUser(client, email, password));
+        }
+        catch (err) {
+            setError(err instanceof Error ? err : new Error(String(err)));
+            throw err;
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [client]);
+    const logout = useCallback(async () => {
+        setLoading(true);
+        setError(null);
+        try {
+            setData(await logoutUser(client));
+        }
+        catch (err) {
+            setError(err instanceof Error ? err : new Error(String(err)));
+            throw err;
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [client]);
+    const signup = useCallback(async (email, password, name) => {
+        setLoading(true);
+        setError(null);
+        try {
+            setData(await signupUser(client, email, password, name));
+        }
+        catch (err) {
+            setError(err instanceof Error ? err : new Error(String(err)));
+            throw err;
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [client]);
+    return { data, loading, error, login, logout, signup };
+}

package/dist/hooks/useCollection.d.ts

@@ -0,0 +1,6 @@
+import { type CollectionOptions } from '@zveltio/sdk';
+import type { HookResult } from '../types.js';
+export declare function useCollection<T = any>(collectionName: string, options?: CollectionOptions): HookResult<T[]> & {
+    refetch: () => void;
+};
+//# sourceMappingURL=useCollection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCollection.d.ts","sourceRoot":"","sources":["../../src/hooks/useCollection.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEvE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,wBAAgB,aAAa,CAAC,CAAC,GAAG,GAAG,EACnC,cAAc,EAAE,MAAM,EACtB,OAAO,CAAC,EAAE,iBAAiB,GAC1B,UAAU,CAAC,CAAC,EAAE,CAAC,GAAG;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CAqB3C"}

package/dist/hooks/useCollection.js

@@ -0,0 +1,24 @@
+import { useState, useEffect, useCallback } from 'react';
+import { fetchCollection } from '@zveltio/sdk';
+import { useZveltioClient } from '../context.js';
+export function useCollection(collectionName, options) {
+    const client = useZveltioClient();
+    const [data, setData] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const load = useCallback(async () => {
+        setLoading(true);
+        setError(null);
+        try {
+            setData(await fetchCollection(client, collectionName, options));
+        }
+        catch (err) {
+            setError(err instanceof Error ? err : new Error(String(err)));
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [client, collectionName, JSON.stringify(options)]);
+    useEffect(() => { load(); }, [load]);
+    return { data, loading, error, refetch: load };
+}

package/dist/hooks/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/hooks/useRealtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRealtime.d.ts","sourceRoot":"","sources":["../../src/hooks/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,CAwBN"}

package/dist/hooks/useRealtime.js

@@ -0,0 +1,24 @@
+import { useEffect, useRef } from 'react';
+import { ZveltioRealtime } from '@zveltio/sdk';
+export function useRealtime(baseUrl, collection, event, callback) {
+    const realtimeRef = useRef(null);
+    const callbackRef = useRef(callback);
+    callbackRef.current = callback;
+    useEffect(() => {
+        if (!baseUrl || !collection)
+            return;
+        const realtime = new ZveltioRealtime(baseUrl);
+        realtimeRef.current = realtime;
+        realtime.connect();
+        const unsub = realtime.subscribe(collection, (data) => {
+            if (!event || data.event === event) {
+                callbackRef.current(data);
+            }
+        });
+        return () => {
+            unsub();
+            realtime.disconnect();
+            realtimeRef.current = null;
+        };
+    }, [baseUrl, collection, event]);
+}

package/dist/hooks/useRecord.d.ts

@@ -0,0 +1,5 @@
+import type { HookResult } from '../types.js';
+export declare function useRecord<T = any>(collectionName: string, id: string | null | undefined): HookResult<T> & {
+    refetch: () => void;
+};
+//# sourceMappingURL=useRecord.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRecord.d.ts","sourceRoot":"","sources":["../../src/hooks/useRecord.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,wBAAgB,SAAS,CAAC,CAAC,GAAG,GAAG,EAC/B,cAAc,EAAE,MAAM,EACtB,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAC5B,UAAU,CAAC,CAAC,CAAC,GAAG;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CAsBzC"}

package/dist/hooks/useRecord.js

@@ -0,0 +1,29 @@
+import { useState, useEffect, useCallback } from 'react';
+import { fetchRecord } from '@zveltio/sdk';
+import { useZveltioClient } from '../context.js';
+export function useRecord(collectionName, id) {
+    const client = useZveltioClient();
+    const [data, setData] = useState(null);
+    const [loading, setLoading] = useState(!!id);
+    const [error, setError] = useState(null);
+    const load = useCallback(async () => {
+        if (!id) {
+            setData(null);
+            setLoading(false);
+            return;
+        }
+        setLoading(true);
+        setError(null);
+        try {
+            setData(await fetchRecord(client, collectionName, id));
+        }
+        catch (err) {
+            setError(err instanceof Error ? err : new Error(String(err)));
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [client, collectionName, id]);
+    useEffect(() => { load(); }, [load]);
+    return { data, loading, error, refetch: load };
+}

package/dist/hooks/useStorage.d.ts

@@ -0,0 +1,9 @@
+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: boolean;
+    error: Error | null;
+};
+//# sourceMappingURL=useStorage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useStorage.d.ts","sourceRoot":"","sources":["../../src/hooks/useStorage.ts"],"names":[],"mappings":"AACA,OAAO,EAAqC,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAGnF,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,OAAO,CAAC;IACnB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB,CAuBA"}

package/dist/hooks/useStorage.js

@@ -0,0 +1,26 @@
+import { useState, useCallback } from 'react';
+import { uploadFile, listFiles, removeFile } from '@zveltio/sdk';
+import { useZveltioClient } from '../context.js';
+export function useStorage() {
+    const client = useZveltioClient();
+    const [uploading, setUploading] = useState(false);
+    const [error, setError] = useState(null);
+    const upload = useCallback(async (file, folder) => {
+        setUploading(true);
+        setError(null);
+        try {
+            return await uploadFile(client, file, folder);
+        }
+        catch (err) {
+            const e = err instanceof Error ? err : new Error(String(err));
+            setError(e);
+            throw e;
+        }
+        finally {
+            setUploading(false);
+        }
+    }, [client]);
+    const list = useCallback((folder) => listFiles(client, folder), [client]);
+    const remove = useCallback((fileId) => removeFile(client, fileId), [client]);
+    return { upload, list, remove, uploading, error };
+}

package/dist/hooks/useSyncCollection.d.ts

@@ -0,0 +1,7 @@
+import type { HookResult } from '../types.js';
+export interface UseSyncCollectionOptions {
+    realtimeUrl?: string;
+    syncInterval?: number;
+}
+export declare function useSyncCollection<T = any>(collectionName: string, options?: UseSyncCollectionOptions): HookResult<T[]>;
+//# sourceMappingURL=useSyncCollection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSyncCollection.d.ts","sourceRoot":"","sources":["../../src/hooks/useSyncCollection.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9C,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,UAAU,CAAC,CAAC,EAAE,CAAC,CA+BjB"}

package/dist/hooks/useSyncCollection.js

@@ -0,0 +1,31 @@
+import { useState, useEffect, useRef } from 'react';
+import { SyncManager } from '@zveltio/sdk';
+import { useZveltioClient } from '../context.js';
+export function useSyncCollection(collectionName, options) {
+    const client = useZveltioClient();
+    const [data, setData] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const syncRef = useRef(null);
+    useEffect(() => {
+        const sync = new SyncManager(client, {
+            syncInterval: options?.syncInterval,
+        });
+        syncRef.current = sync;
+        sync.start(options?.realtimeUrl).then(() => {
+            const unsub = sync.collection(collectionName).subscribe((records) => {
+                setData(records);
+                setLoading(false);
+            });
+            return unsub;
+        }).catch((err) => {
+            setError(err instanceof Error ? err : new Error(String(err)));
+            setLoading(false);
+        });
+        return () => {
+            sync.stop();
+            syncRef.current = null;
+        };
+    }, [client, collectionName]);
+    return { data, loading, error };
+}

package/dist/hooks/useSyncStatus.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSyncStatus.d.ts","sourceRoot":"","sources":["../../src/hooks/useSyncStatus.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9C,wBAAgB,aAAa,CAC3B,WAAW,CAAC,EAAE,WAAW,EACzB,cAAc,SAAO,GACpB,UAAU,CAiDZ"}

package/dist/hooks/useSyncStatus.js

@@ -0,0 +1,47 @@
+import { useState, useEffect } from 'react';
+import { useZveltioClient } from '../context.js';
+export function useSyncStatus(syncManager, pollIntervalMs = 2000) {
+    const client = useZveltioClient();
+    const [status, setStatus] = useState({
+        status: 'online',
+        pendingCount: 0,
+    });
+    // If no syncManager passed in, use the client's online state via navigator
+    useEffect(() => {
+        if (!syncManager) {
+            const updateOnline = () => setStatus((s) => ({
+                ...s,
+                status: (typeof navigator !== 'undefined' && !navigator.onLine)
+                    ? 'offline'
+                    : 'online',
+            }));
+            if (typeof window !== 'undefined') {
+                window.addEventListener('online', updateOnline);
+                window.addEventListener('offline', updateOnline);
+                updateOnline();
+            }
+            return () => {
+                if (typeof window !== 'undefined') {
+                    window.removeEventListener('online', updateOnline);
+                    window.removeEventListener('offline', updateOnline);
+                }
+            };
+        }
+        const poll = async () => {
+            try {
+                const s = await syncManager.getStatus();
+                setStatus({
+                    status: s.isOnline ? (s.pending > 0 ? 'syncing' : 'online') : 'offline',
+                    pendingCount: s.pending,
+                });
+            }
+            catch {
+                /* ignore */
+            }
+        };
+        poll();
+        const timer = setInterval(poll, pollIntervalMs);
+        return () => clearInterval(timer);
+    }, [syncManager, pollIntervalMs]);
+    return status;
+}

package/dist/index.d.ts

@@ -0,0 +1,15 @@
+export { ZveltioProvider, useZveltioClient } from './context.js';
+export { useCollection } from './hooks/useCollection.js';
+export { useRecord } from './hooks/useRecord.js';
+export { useSyncCollection } from './hooks/useSyncCollection.js';
+export { useSyncStatus } from './hooks/useSyncStatus.js';
+export { useRealtime } from './hooks/useRealtime.js';
+export { useAuth } from './hooks/useAuth.js';
+export { useStorage } from './hooks/useStorage.js';
+export type { CollectionOptions, HookResult, SyncStatus } from './types.js';
+export type { ZveltioProviderProps } from './context.js';
+export type { UseSyncCollectionOptions } from './hooks/useSyncCollection.js';
+export type { AuthState } from './hooks/useAuth.js';
+export type { StorageFile } from '@zveltio/sdk';
+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,eAAe,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,YAAY,EAAE,iBAAiB,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC5E,YAAY,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACzD,YAAY,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,YAAY,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,YAAY,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGhD,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC"}

package/dist/index.js

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

package/dist/types.d.ts

@@ -0,0 +1,18 @@
+export interface CollectionOptions {
+    filter?: Record<string, any>;
+    sort?: string;
+    order?: 'asc' | 'desc';
+    limit?: number;
+    page?: number;
+    search?: string;
+}
+export interface HookResult<T> {
+    data: T | null;
+    loading: boolean;
+    error: Error | null;
+}
+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,CAAC,CAAC;IAC3B,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;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,34 @@
+{
+  "name": "@zveltio/react",
+  "version": "1.2.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.2.0"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "typescript": "^5.4.0"
+  }
+}