@yorkie-js/react 0.6.38 → 0.6.39

package/dist/yorkie-js-react.d.ts

@@ -67,10 +67,11 @@ declare type DocumentContextType<R, P extends Indexable = Indexable> = {
  * This component must be under a `YorkieProvider` component to initialize the
  * Yorkie client properly.
  */
-export declare const DocumentProvider: <R, P extends Indexable = Indexable>({ docKey, initialRoot, initialPresence, children, }: {
+export declare const DocumentProvider: <R, P extends Indexable = Indexable>({ docKey, initialRoot, initialPresence, enableDevtools, children, }: {
     docKey: string;
     initialRoot?: R | undefined;
     initialPresence?: P | undefined;
+    enableDevtools?: boolean | undefined;
     children?: default_2.ReactNode;
 }) => JSX.Element;
 
@@ -159,6 +160,7 @@ export declare const useRoot: <R>() => {
 export declare function useYorkieDoc<R, P extends Indexable = Indexable>(apiKey: string, docKey: string, opts?: Omit<ClientOptions, 'apiKey'> & {
     initialRoot?: R;
     initialPresence?: P;
+    enableDevtools?: boolean;
 }): {
     root: R;
     presences: Array<{

package/dist/yorkie-js-react.es.js

@@ -22294,7 +22294,7 @@ function createAuthInterceptor(apiKey, token) {
   };
 }
 const name$1 = "@yorkie-js/sdk";
-const version$1 = "0.6.38";
+const version$1 = "0.6.39";
 const pkg$1 = {
   name: name$1,
   version: version$1
@@ -23715,7 +23715,7 @@ if (typeof globalThis !== "undefined") {
   };
 }
 const name = "@yorkie-js/react";
-const version = "0.6.38";
+const version = "0.6.39";
 const pkg = {
   name,
   version
@@ -23905,7 +23905,7 @@ function shallowEqual(valueA, valueB) {
     valueB
   );
 }
-function useYorkieDocument(client, clientLoading, clientError, docKey, initialRoot, initialPresence, documentStore) {
+function useYorkieDocument(client, clientLoading, clientError, docKey, initialRoot, initialPresence, enableDevtools, docStore) {
   const initialRootRef = useRef(initialRoot);
   const initialPresenceRef = useRef(initialPresence);
   const [didMount, setDidMount] = useState(false);
@@ -23914,7 +23914,7 @@ function useYorkieDocument(client, clientLoading, clientError, docKey, initialRo
   }, []);
   useEffect(() => {
     if (clientError) {
-      documentStore.setState((state) => ({
+      docStore.setState((state) => ({
         ...state,
         loading: false,
         error: clientError
@@ -23922,22 +23922,22 @@ function useYorkieDocument(client, clientLoading, clientError, docKey, initialRo
       return;
     }
     if (!client || clientLoading || !didMount) {
-      documentStore.setState((state) => ({
+      docStore.setState((state) => ({
         ...state,
         loading: true
       }));
       return;
     }
-    documentStore.setState((state) => ({
+    docStore.setState((state) => ({
       ...state,
       loading: true,
       error: void 0
     }));
-    const newDoc = new Document(docKey);
+    const newDoc = new Document(docKey, { enableDevtools });
     const unsubs = [];
     unsubs.push(
       newDoc.subscribe(() => {
-        documentStore.setState((state) => ({
+        docStore.setState((state) => ({
           ...state,
           root: newDoc.getRoot()
         }));
@@ -23945,7 +23945,7 @@ function useYorkieDocument(client, clientLoading, clientError, docKey, initialRo
     );
     unsubs.push(
       newDoc.subscribe("presence", () => {
-        documentStore.setState((state) => ({
+        docStore.setState((state) => ({
           ...state,
           presences: newDoc.getPresences()
         }));
@@ -23953,7 +23953,7 @@ function useYorkieDocument(client, clientLoading, clientError, docKey, initialRo
     );
     unsubs.push(
       newDoc.subscribe("connection", (event) => {
-        documentStore.setState((state) => ({
+        docStore.setState((state) => ({
           ...state,
           connection: event.value
         }));
@@ -23969,13 +23969,13 @@ function useYorkieDocument(client, clientLoading, clientError, docKey, initialRo
           try {
             newDoc.update(callback);
           } catch (err) {
-            documentStore.setState((state) => ({
+            docStore.setState((state) => ({
               ...state,
               error: err instanceof Error ? err : new Error("Failed to update document")
             }));
           }
         };
-        documentStore.setState((state) => ({
+        docStore.setState((state) => ({
           ...state,
           doc: newDoc,
           root: newDoc.getRoot(),
@@ -23983,12 +23983,12 @@ function useYorkieDocument(client, clientLoading, clientError, docKey, initialRo
           update
         }));
       } catch (err) {
-        documentStore.setState((state) => ({
+        docStore.setState((state) => ({
           ...state,
           error: err instanceof Error ? err : new Error("Failed to attach document")
         }));
       } finally {
-        documentStore.setState((state) => ({
+        docStore.setState((state) => ({
           ...state,
           loading: false
         }));
@@ -24003,13 +24003,14 @@ function useYorkieDocument(client, clientLoading, clientError, docKey, initialRo
         unsub();
       }
     };
-  }, [client, clientLoading, clientError, docKey, documentStore, didMount]);
+  }, [client, clientLoading, clientError, docKey, docStore, didMount]);
 }
 const DocumentContext = createContext(void 0);
 const DocumentProvider = ({
   docKey,
   initialRoot = {},
   initialPresence = {},
+  enableDevtools = false,
   children
 }) => {
   const { client, loading: clientLoading, error: clientError } = useYorkie();
@@ -24034,6 +24035,7 @@ const DocumentProvider = ({
     docKey,
     initialRoot,
     initialPresence,
+    enableDevtools,
     documentStore
   );
   return /* @__PURE__ */ jsx(DocumentContext.Provider, { value: documentStore, children });
@@ -24108,6 +24110,7 @@ function useYorkieDoc(apiKey, docKey, opts) {
     docKey,
     (opts == null ? void 0 : opts.initialRoot) ?? {},
     (opts == null ? void 0 : opts.initialPresence) ?? {},
+    (opts == null ? void 0 : opts.enableDevtools) ?? false,
     documentStore
   );
   const documentState = useSelector(documentStore);