@yorkie-js/react 0.7.1 → 0.7.3

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

@@ -1,4 +1,5 @@
 import { ClientOptions } from '@yorkie-js/sdk';
+import { Counter } from '@yorkie-js/sdk';
 import { default as default_2 } from 'react';
 import { Document as Document_2 } from '@yorkie-js/sdk';
 import { Indexable } from '@yorkie-js/sdk';
@@ -9,6 +10,8 @@ import { Presence } from '@yorkie-js/sdk';
 import { PropsWithChildren } from 'react';
 import { RevisionSummary } from '@yorkie-js/sdk';
 import { StreamConnectionStatus } from '@yorkie-js/sdk';
+import { Text as Text_2 } from '@yorkie-js/sdk';
+import { Tree } from '@yorkie-js/sdk';
 
 /**
  * `ChannelProvider` is a component that provides Channel context to its children.
@@ -42,6 +45,8 @@ declare type ChannelProviderProps = PropsWithChildren<{
     isRealtime?: boolean;
 }>;
 
+export { Counter }
+
 /**
  * `createDocumentSelector` is a factory function that provides a selector-based `useDocument` hook.
  * By currying this function, type T can be inferred from the selector function.
@@ -87,6 +92,10 @@ export { RevisionSummary }
  */
 export declare function shallowEqual<T>(valueA: T, valueB: T): boolean;
 
+export { Text_2 as Text }
+
+export { Tree }
+
 /**
  * `useChannel` is a custom hook that returns the channel state.
  * It must be used within a ChannelProvider.

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

@@ -5497,6 +5497,7 @@ var Code = /* @__PURE__ */ ((Code2) => {
   Code2["ErrUnauthenticated"] = "ErrUnauthenticated";
   Code2["ErrTooManySubscribers"] = "ErrTooManySubscribers";
   Code2["ErrTooManyAttachments"] = "ErrTooManyAttachments";
+  Code2["ErrEpochMismatch"] = "ErrEpochMismatch";
   return Code2;
 })(Code || {});
 class YorkieError extends Error {
@@ -5828,6 +5829,8 @@ class ElementRHT {
     if (!node || executedAt.after(node.getValue().getPositionedAt())) {
       this.nodeMapByKey.set(key, newNode);
       value.setMovedAt(executedAt);
+    } else if (!node.isRemoved()) {
+      value.remove(node.getValue().getPositionedAt());
     }
     return removed;
   }
@@ -17217,22 +17220,49 @@ class Tree {
     }
   }
   /**
-   * `styleByPath` sets the attributes to the elements of the given path.
+   * `styleByPath` sets the attributes to the elements of the given
+   * path. When called with two paths, it styles the range between
+   * them.
    */
-  styleByPath(path, attributes) {
+  styleByPath(fromPathOrPath, toPathOrAttrs, maybeAttrs) {
     if (!this.context || !this.tree) {
       throw new YorkieError(
         Code.ErrNotInitialized,
         "Tree is not initialized yet"
       );
     }
-    if (!path.length) {
-      throw new YorkieError(
-        Code.ErrInvalidArgument,
-        "path should not be empty"
-      );
+    let fromPos;
+    let toPos;
+    let attributes;
+    if (Array.isArray(toPathOrAttrs)) {
+      const fromPath = fromPathOrPath;
+      const toPath = toPathOrAttrs;
+      attributes = maybeAttrs;
+      if (fromPath.length !== toPath.length) {
+        throw new YorkieError(
+          Code.ErrInvalidArgument,
+          "path length should be equal"
+        );
+      }
+      if (!fromPath.length || !toPath.length) {
+        throw new YorkieError(
+          Code.ErrInvalidArgument,
+          "path should not be empty"
+        );
+      }
+      fromPos = this.tree.pathToPos(fromPath);
+      toPos = this.tree.pathToPos(toPath);
+    } else {
+      const path = fromPathOrPath;
+      attributes = toPathOrAttrs;
+      if (!path.length) {
+        throw new YorkieError(
+          Code.ErrInvalidArgument,
+          "path should not be empty"
+        );
+      }
+      [fromPos, toPos] = this.tree.pathToPosRange(path);
     }
-    const [fromPos, toPos] = this.tree.pathToPosRange(path);
     const ticket = this.context.issueTimeTicket();
     const attrs = attributes ? stringifyObjectValues(attributes) : void 0;
     const [pairs, , diff] = this.tree.style([fromPos, toPos], attrs, ticket);
@@ -17323,6 +17353,51 @@ class Tree {
       )
     );
   }
+  /**
+   * `removeStyleByPath` removes the attributes of the elements in
+   * the given path range.
+   */
+  removeStyleByPath(fromPath, toPath, attributesToRemove) {
+    if (!this.context || !this.tree) {
+      throw new YorkieError(
+        Code.ErrNotInitialized,
+        "Tree is not initialized yet"
+      );
+    }
+    if (fromPath.length !== toPath.length) {
+      throw new YorkieError(
+        Code.ErrInvalidArgument,
+        "path length should be equal"
+      );
+    }
+    if (!fromPath.length || !toPath.length) {
+      throw new YorkieError(
+        Code.ErrInvalidArgument,
+        "path should not be empty"
+      );
+    }
+    const fromPos = this.tree.pathToPos(fromPath);
+    const toPos = this.tree.pathToPos(toPath);
+    const ticket = this.context.issueTimeTicket();
+    const [pairs, , diff] = this.tree.removeStyle(
+      [fromPos, toPos],
+      attributesToRemove,
+      ticket
+    );
+    this.context.acc(diff);
+    for (const pair of pairs) {
+      this.context.registerGCPair(pair);
+    }
+    this.context.push(
+      TreeStyleOperation.createTreeRemoveStyleOperation(
+        this.tree.getCreatedAt(),
+        fromPos,
+        toPos,
+        attributesToRemove,
+        ticket
+      )
+    );
+  }
   editInternal(fromPos, toPos, contents, splitLevel = 0) {
     if (contents.length !== 0 && contents[0]) {
       validateTreeNodes(contents);
@@ -18702,6 +18777,7 @@ var DocEventType = /* @__PURE__ */ ((DocEventType2) => {
   DocEventType2["Unwatched"] = "unwatched";
   DocEventType2["PresenceChanged"] = "presence-changed";
   DocEventType2["AuthError"] = "auth-error";
+  DocEventType2["EpochMismatch"] = "epoch-mismatch";
   return DocEventType2;
 })(DocEventType || {});
 var StreamConnectionStatus = /* @__PURE__ */ ((StreamConnectionStatus2) => {
@@ -18991,6 +19067,17 @@ class Document {
           }
         }, arg3);
       }
+      if (arg1 === "epoch-mismatch") {
+        const callback2 = arg2;
+        return this.eventStream.subscribe((event) => {
+          for (const docEvent of event) {
+            if (docEvent.type !== "epoch-mismatch") {
+              continue;
+            }
+            callback2(docEvent);
+          }
+        }, arg3);
+      }
       if (arg1 === "all") {
         const callback2 = arg2;
         return this.eventStream.subscribe(callback2, arg3, arg4);
@@ -19938,7 +20025,7 @@ function createAuthInterceptor(apiKey, token) {
   };
 }
 const name$1 = "@yorkie-js/sdk";
-const version$1 = "0.7.1";
+const version$1 = "0.7.3";
 const pkg$1 = {
   name: name$1,
   version: version$1
@@ -20729,6 +20816,16 @@ class Client {
         ).catch(
           async (err) => {
             logger.error(`[SY] c:"${this.getKey()}" err :`, err);
+            if (isErrorCode(err, Code.ErrEpochMismatch)) {
+              attachment.resource.publish([
+                {
+                  type: DocEventType.EpochMismatch,
+                  value: {
+                    method: "PushPull"
+                  }
+                }
+              ]);
+            }
             await this.handleConnectError(err);
             throw err;
           }
@@ -21112,6 +21209,16 @@ class Client {
                     }
                   ]);
                 }
+                if (isErrorCode(e, Code.ErrEpochMismatch)) {
+                  attachment.resource.publish([
+                    {
+                      type: DocEventType.EpochMismatch,
+                      value: {
+                        method: "PushPull"
+                      }
+                    }
+                  ]);
+                }
                 throw e;
               })
             );
@@ -21541,6 +21648,9 @@ class Client {
     if (errorCodeOf(err) === Code.ErrTooManyAttachments) {
       return false;
     }
+    if (errorCodeOf(err) === Code.ErrEpochMismatch) {
+      return false;
+    }
     if (errorCodeOf(err) === Code.ErrClientNotActivated || errorCodeOf(err) === Code.ErrClientNotFound) {
       this.deactivateInternal();
     }
@@ -21793,7 +21903,7 @@ if (typeof globalThis !== "undefined") {
   };
 }
 const name = "@yorkie-js/react";
-const version = "0.7.1";
+const version = "0.7.3";
 const pkg = {
   name,
   version
@@ -22366,7 +22476,10 @@ const useChannelSessionCount = () => {
 };
 export {
   ChannelProvider,
+  Counter,
   DocumentProvider,
+  Text,
+  Tree,
   YorkieProvider,
   createDocumentSelector,
   shallowEqual,