@yorkie-js/react 0.6.3 → 0.6.5

package/dist/yorkie-js-react.js

@@ -20177,7 +20177,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     };
   }
   const name = "@yorkie-js/sdk";
-  const version = "0.6.3";
+  const version = "0.6.5";
   const pkg = {
     name,
     version
@@ -21090,15 +21090,23 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     const [client, setClient] = react.useState(void 0);
     const [loading, setLoading] = react.useState(true);
     const [error, setError] = react.useState(void 0);
+    const clientRef = react.useRef(void 0);
     react.useEffect(() => {
       setLoading(true);
       setError(void 0);
       async function activateClient() {
+        var _a2;
         try {
+          if ((_a2 = clientRef.current) == null ? void 0 : _a2.isActive()) {
+            setClient(clientRef.current);
+            setLoading(false);
+            return;
+          }
           const newClient = new Client(rpcAddr, {
             apiKey
           });
           await newClient.activate();
+          clientRef.current = newClient;
           setClient(newClient);
         } catch (e) {
           setError(
@@ -21110,8 +21118,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
       activateClient();
       return () => {
-        if (client && client.isActive()) {
-          client.deactivate({ keepalive: true });
+        var _a2;
+        if ((_a2 = clientRef.current) == null ? void 0 : _a2.isActive()) {
+          clientRef.current.deactivate({ keepalive: true });
+          clientRef.current = void 0;
         }
       };
     }, [apiKey, rpcAddr]);
@@ -21141,6 +21151,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     const [error, setError] = react.useState(void 0);
     const [root, setRoot] = react.useState(initialRoot);
     const [presences, setPresences] = react.useState([]);
+    const [connection, setConnection] = react.useState(
+      StreamConnectionStatus.Disconnected
+    );
     react.useEffect(() => {
       if (clientError) {
         setLoading(false);
@@ -21154,20 +21167,31 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       setLoading(true);
       setError(void 0);
       const newDoc = new Document(docKey);
+      const unsubs = [];
+      unsubs.push(
+        newDoc.subscribe(() => {
+          setRoot(newDoc.getRoot());
+        })
+      );
+      unsubs.push(
+        newDoc.subscribe("presence", () => {
+          setPresences(newDoc.getPresences());
+        })
+      );
+      unsubs.push(
+        newDoc.subscribe("connection", (event) => {
+          setConnection(event.value);
+        })
+      );
       async function attachDocument() {
         try {
           await (client == null ? void 0 : client.attach(newDoc, {
             initialRoot,
             initialPresence
           }));
-          newDoc.subscribe(() => {
-            setRoot(newDoc.getRoot());
-          });
-          newDoc.subscribe("presence", () => {
-            setPresences(newDoc.getPresences());
-          });
           setDoc(newDoc);
           setRoot(newDoc.getRoot());
+          setPresences(newDoc.getPresences());
         } catch (err) {
           setError(
             err instanceof Error ? err : new Error("Failed to attach document")
@@ -21181,6 +21205,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         if (client && client.hasDocument(docKey)) {
           client.detach(newDoc);
         }
+        for (const unsub of unsubs) {
+          unsub();
+        }
       };
     }, [client, clientLoading, clientError, docKey]);
     const update = react.useCallback(
@@ -21201,7 +21228,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return /* @__PURE__ */ jsxRuntime.jsx(
       DocumentContext.Provider,
       {
-        value: { root, presences, update, loading, error },
+        value: { root, presences, connection, update, loading, error },
         children
       }
     );
@@ -21214,6 +21241,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return {
       root: context.root,
       presences: context.presences,
+      connection: context.connection,
       update: context.update,
       loading: context.loading,
       error: context.error
@@ -21233,8 +21261,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return context.presences;
   };
+  const useConnection = () => {
+    const context = react.useContext(DocumentContext);
+    if (!context) {
+      throw new Error("useConnection must be used within a DocumentProvider");
+    }
+    return context.connection;
+  };
   exports2.DocumentProvider = DocumentProvider;
   exports2.YorkieProvider = YorkieProvider;
+  exports2.useConnection = useConnection;
   exports2.useDocument = useDocument;
   exports2.usePresences = usePresences;
   exports2.useRoot = useRoot;