Update examples version to v0.4.19 (#812)

yorkie-team · May 13, 2024 · 2e33940 · 2e33940
1 parent 555d5ad
commit 2e33940
Show file tree

Hide file tree

Showing 13 changed files with 154 additions and 92 deletions.
diff --git a/examples/nextjs-scheduler/package.json b/examples/nextjs-scheduler/package.json
@@ -13,7 +13,7 @@
     "react": "18.2.0",
     "react-calendar": "^4.6.0",
     "react-dom": "18.2.0",
-    "yorkie-js-sdk": "^0.4.18"
+    "yorkie-js-sdk": "^0.4.19"
   },
   "devDependencies": {
     "@types/node": "20.4.2",

diff --git a/examples/profile-stack/package.json b/examples/profile-stack/package.json
@@ -12,6 +12,6 @@
     "vite": "^3.2.7"
   },
   "dependencies": {
-    "yorkie-js-sdk": "^0.4.18"
+    "yorkie-js-sdk": "^0.4.19"
   }
 }
diff --git a/examples/react-tldraw/package.json b/examples/react-tldraw/package.json
@@ -16,7 +16,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "unique-names-generator": "^4.7.1",
-    "yorkie-js-sdk": "^0.4.18"
+    "yorkie-js-sdk": "^0.4.19"
   },
   "devDependencies": {
     "@types/lodash": "^4.14.198",

diff --git a/examples/react-todomvc/package.json b/examples/react-todomvc/package.json
@@ -13,7 +13,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "todomvc-app-css": "^2.4.2",
-    "yorkie-js-sdk": "^0.4.18"
+    "yorkie-js-sdk": "^0.4.19"
   },
   "devDependencies": {
     "@types/react": "^18.0.24",

diff --git a/examples/simultaneous-cursors/package.json b/examples/simultaneous-cursors/package.json
@@ -11,7 +11,7 @@
   "dependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "yorkie-js-sdk": "^0.4.18"
+    "yorkie-js-sdk": "^0.4.19"
   },
   "devDependencies": {
     "@types/react": "^18.0.37",

diff --git a/examples/vanilla-codemirror6/package.json b/examples/vanilla-codemirror6/package.json
@@ -20,6 +20,6 @@
     "@codemirror/state": "^6.1.2",
     "@codemirror/view": "^6.3.1",
     "codemirror": "^6.0.1",
-    "yorkie-js-sdk": "^0.4.18"
+    "yorkie-js-sdk": "^0.4.19"
   }
 }
diff --git a/examples/vanilla-codemirror6/src/main.ts b/examples/vanilla-codemirror6/src/main.ts
@@ -26,11 +26,6 @@ async function main() {
   });
   await client.activate();
 
-  // subscribe peer change event
-  client.subscribe((event) => {
-    network.statusListener(networkStatusElem)(event);
-  });
-
   // 02-1. create a document then attach it into the client.
   const doc = new yorkie.Document<YorkieDoc>(
     `codemirror6-${new Date()
@@ -41,6 +36,9 @@ async function main() {
       enableDevtools: true,
     },
   );
+  doc.subscribe('connection', (event) => {
+    network.statusListener(networkStatusElem)(event);
+  });
   doc.subscribe('presence', (event) => {
     if (event.type !== DocEventType.PresenceChanged) {
       displayPeers(peersElem, doc.getPresences(), client.getID()!);

diff --git a/examples/vanilla-codemirror6/src/network.ts b/examples/vanilla-codemirror6/src/network.ts
@@ -1,10 +1,4 @@
-import {
-  ClientEvent,
-  ClientEventType,
-  ClientStatus,
-  StreamConnectionStatus,
-  DocumentSyncResultType,
-} from 'yorkie-js-sdk';
+import { DocEvent, StreamConnectionStatus } from 'yorkie-js-sdk';
 export const network = {
   isOnline: false,
   showOffline: (elem: HTMLElement) => {
@@ -16,26 +10,15 @@ export const network = {
     elem.innerHTML = '<span class="green"> </span>';
   },
   statusListener: (elem: HTMLElement) => {
-    return (event: ClientEvent) => {
+    return (event: DocEvent) => {
       if (
         network.isOnline &&
-        ((event.type == ClientEventType.StatusChanged &&
-          event.value == ClientStatus.Deactivated) ||
-          (event.type == ClientEventType.StreamConnectionStatusChanged &&
-            event.value == StreamConnectionStatus.Disconnected) ||
-          (event.type == ClientEventType.DocumentSynced &&
-            event.value == DocumentSyncResultType.SyncFailed))
+        event.value == StreamConnectionStatus.Disconnected
       ) {
         network.showOffline(elem);
       } else if (
         !network.isOnline &&
-        ((event.type == ClientEventType.StatusChanged &&
-          event.value == ClientStatus.Activated) ||
-          (event.type == ClientEventType.StreamConnectionStatusChanged &&
-            event.value == StreamConnectionStatus.Connected) ||
-          (event.type == ClientEventType.DocumentSynced &&
-            event.value == DocumentSyncResultType.Synced) ||
-          event.type == ClientEventType.DocumentChanged)
+        event.value == StreamConnectionStatus.Connected
       ) {
         network.showOnline(elem);
       }

diff --git a/examples/vanilla-quill/package.json b/examples/vanilla-quill/package.json
@@ -19,6 +19,6 @@
     "quill": "^1.3.7",
     "quill-cursors": "^4.0.0",
     "quill-delta": "^5.0.0",
-    "yorkie-js-sdk": "^0.4.18"
+    "yorkie-js-sdk": "^0.4.19"
   }
 }
diff --git a/examples/vanilla-quill/src/main.ts b/examples/vanilla-quill/src/main.ts
@@ -45,15 +45,13 @@ async function main() {
   });
   await client.activate();
 
-  // 01-2. subscribe client event.
-  client.subscribe((event) => {
-    network.statusListener(networkStatusElem)(event);
-  });
-
   // 02-1. create a document then attach it into the client.
   const doc = new yorkie.Document<YorkieDoc, YorkiePresence>(documentKey, {
     enableDevtools: true,
   });
+  doc.subscribe('connection', (event) => {
+    network.statusListener(networkStatusElem)(event);
+  });
   doc.subscribe('presence', (event) => {
     if (event.type !== DocEventType.PresenceChanged) {
       displayPeers(peersElem, doc.getPresences(), client.getID()!);

diff --git a/examples/vanilla-quill/src/network.ts b/examples/vanilla-quill/src/network.ts
@@ -1,10 +1,4 @@
-import {
-  ClientEvent,
-  ClientEventType,
-  ClientStatus,
-  StreamConnectionStatus,
-  DocumentSyncResultType,
-} from 'yorkie-js-sdk';
+import { DocEvent, StreamConnectionStatus } from 'yorkie-js-sdk';
 export const network = {
   isOnline: false,
   showOffline: (elem: HTMLElement) => {
@@ -16,26 +10,15 @@ export const network = {
     elem.innerHTML = '<span class="green"> </span>';
   },
   statusListener: (elem: HTMLElement) => {
-    return (event: ClientEvent) => {
+    return (event: DocEvent) => {
       if (
         network.isOnline &&
-        ((event.type == ClientEventType.StatusChanged &&
-          event.value == ClientStatus.Deactivated) ||
-          (event.type == ClientEventType.StreamConnectionStatusChanged &&
-            event.value == StreamConnectionStatus.Disconnected) ||
-          (event.type == ClientEventType.DocumentSynced &&
-            event.value == DocumentSyncResultType.SyncFailed))
+        event.value == StreamConnectionStatus.Disconnected
       ) {
         network.showOffline(elem);
       } else if (
         !network.isOnline &&
-        ((event.type == ClientEventType.StatusChanged &&
-          event.value == ClientStatus.Activated) ||
-          (event.type == ClientEventType.StreamConnectionStatusChanged &&
-            event.value == StreamConnectionStatus.Connected) ||
-          (event.type == ClientEventType.DocumentSynced &&
-            event.value == DocumentSyncResultType.Synced) ||
-          event.type == ClientEventType.DocumentChanged)
+        event.value == StreamConnectionStatus.Connected
       ) {
         network.showOnline(elem);
       }

diff --git a/examples/vuejs-kanban/package.json b/examples/vuejs-kanban/package.json
@@ -8,7 +8,7 @@
   },
   "dependencies": {
     "vue": "^3.2.41",
-    "yorkie-js-sdk": "^0.4.18"
+    "yorkie-js-sdk": "^0.4.19"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^3.1.2",