cosveti-sync 0.0.6 → 0.0.8

package/README.md

@@ -48,7 +48,7 @@ First, set up the backend API in your Convex project. Create a file like `convex
 ```typescript
 import { defineApp } from 'convex/server';
 
-import tiptapSync from '../lib/component/convex.config.js';
+import tiptapSync from 'cosveti-sync/convex.config.js';
 
 const app = defineApp();
 
@@ -61,7 +61,7 @@ export default app;
 First, set up the backend API in your Convex project. Create a file like `convex/tiptapSync.ts`:
 
 ```typescript
-import { TiptapSyncClient } from '../lib/client/index.js';
+import { TiptapSyncClient } from 'cosveti-sync';
 import { components } from './_generated/api.js';
 
 const tiptapSync = new TiptapSyncClient(components.tiptapSync);
@@ -122,7 +122,7 @@ Here's a complete example showing how to integrate the library:
 
 ```svelte
 <script lang="ts">
-	import { useTiptapSync } from '$lib/index.js';
+	import { useTiptapSync } from 'cosveti-sync/tiptap';
 	import { api } from '$convex/_generated/api.js';
 	import type { ConvexClient } from 'convex/browser';
 	import { useConvexClient } from 'convex-svelte';

package/dist/tiptap/index.js

@@ -1,6 +1,7 @@
 import { getCachedState } from './getCachedState.js';
 import { derived, writable } from 'svelte/store';
 import { syncExtension } from './syncExtension.js';
+import { BROWSER } from 'esm-env';
 // import { useConvexClient } from 'convex-svelte';
 export const MAX_STEPS_SYNC = 10;
 export const SNAPSHOT_DEBOUNCE_MS = 1000;
@@ -82,53 +83,55 @@ export function createInitialStateStore(convex, syncApi, id, cacheKeyPrefix) {
     // So the store will be set first, then a newer version from server will arrive
     // const queryArgs = cachedState ? 'skip' : { id };
     const queryArgs = { id };
-    convex
-        .query(syncApi.getSnapshot, queryArgs)
-        .then((result) => {
-        // Handle missing document case
-        if (!result) {
-            store.set({ loading: false, initialContent: null });
-            return;
-        }
-        const { content, version } = result;
-        // Handle explicit null content
-        if (content === null) {
-            store.set({ loading: false, initialContent: null });
-            return;
-        }
-        // Validate content type before parsing
-        if (typeof content !== 'string') {
-            const errorMsg = `Invalid content type received: ${typeof content}`;
-            console.error(errorMsg, { content, version });
-            throw new Error(errorMsg); // Propagate to catch block for unified error handling
-        }
-        try {
-            // Safely parse and validate structure
-            const parsedContent = JSON.parse(content);
-            // Optional: Add runtime type validation here if Content has specific structure
-            // if (!isValidContent(parsedContent)) throw new Error('Invalid content structure');
+    if (BROWSER) {
+        convex
+            .query(syncApi.getSnapshot, queryArgs)
+            .then((result) => {
+            // Handle missing document case
+            if (!result) {
+                store.set({ loading: false, initialContent: null });
+                return;
+            }
+            const { content, version } = result;
+            // Handle explicit null content
+            if (content === null) {
+                store.set({ loading: false, initialContent: null });
+                return;
+            }
+            // Validate content type before parsing
+            if (typeof content !== 'string') {
+                const errorMsg = `Invalid content type received: ${typeof content}`;
+                console.error(errorMsg, { content, version });
+                throw new Error(errorMsg); // Propagate to catch block for unified error handling
+            }
+            try {
+                // Safely parse and validate structure
+                const parsedContent = JSON.parse(content);
+                // Optional: Add runtime type validation here if Content has specific structure
+                // if (!isValidContent(parsedContent)) throw new Error('Invalid content structure');
+                store.set({
+                    loading: false,
+                    initialContent: parsedContent, // Assert only after validation
+                    initialVersion: version
+                });
+            }
+            catch (parseError) {
+                console.error('Content parsing failed:', parseError, { rawContent: content });
+                throw new Error(`JSON parse error: ${parseError instanceof Error ? parseError.message : 'Unknown error'}`);
+            }
+        })
+            .catch((error) => {
+            console.error('Snapshot load failed:', error);
+            // Unified error state update (covers query errors, type errors, parse errors)
             store.set({
                 loading: false,
-                initialContent: parsedContent, // Assert only after validation
-                initialVersion: version
+                initialContent: null
+                // Optional: Add error tracking if your store supports it
+                // error: error instanceof Error ? error.message : 'Unknown snapshot error'
             });
-        }
-        catch (parseError) {
-            console.error('Content parsing failed:', parseError, { rawContent: content });
-            throw new Error(`JSON parse error: ${parseError instanceof Error ? parseError.message : 'Unknown error'}`);
-        }
-    })
-        .catch((error) => {
-        console.error('Snapshot load failed:', error);
-        // Unified error state update (covers query errors, type errors, parse errors)
-        store.set({
-            loading: false,
-            initialContent: null
-            // Optional: Add error tracking if your store supports it
-            // error: error instanceof Error ? error.message : 'Unknown snapshot error'
+            // Re-throw if caller needs to handle errors (remove if errors should be fully absorbed)
+            // throw error;
         });
-        // Re-throw if caller needs to handle errors (remove if errors should be fully absorbed)
-        // throw error;
-    });
+    }
     return store;
 }

package/package.json

@@ -2,7 +2,7 @@
 	"name": "cosveti-sync",
 	"description": "A convex component for syncing tiptap in a svelte project",
 	"homepage": "https://github.com/feavel1/cosveti-sync",
-	"version": "0.0.6",
+	"version": "0.0.8",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",