@yorkie-js/react 0.7.3-alpha → 0.7.3

package/dist/yorkie-js-react.js

@@ -5499,6 +5499,7 @@
     Code2["ErrUnauthenticated"] = "ErrUnauthenticated";
     Code2["ErrTooManySubscribers"] = "ErrTooManySubscribers";
     Code2["ErrTooManyAttachments"] = "ErrTooManyAttachments";
+    Code2["ErrEpochMismatch"] = "ErrEpochMismatch";
     return Code2;
   })(Code || {});
   class YorkieError extends Error {
@@ -17221,22 +17222,49 @@
       }
     }
     /**
-     * `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);
@@ -17327,6 +17355,51 @@
         )
       );
     }
+    /**
+     * `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);
@@ -18706,6 +18779,7 @@
     DocEventType2["Unwatched"] = "unwatched";
     DocEventType2["PresenceChanged"] = "presence-changed";
     DocEventType2["AuthError"] = "auth-error";
+    DocEventType2["EpochMismatch"] = "epoch-mismatch";
     return DocEventType2;
   })(DocEventType || {});
   var StreamConnectionStatus = /* @__PURE__ */ ((StreamConnectionStatus2) => {
@@ -18995,6 +19069,17 @@
             }
           }, 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);
@@ -19942,7 +20027,7 @@
     };
   }
   const name$1 = "@yorkie-js/sdk";
-  const version$1 = "0.7.3-alpha";
+  const version$1 = "0.7.3";
   const pkg$1 = {
     name: name$1,
     version: version$1
@@ -20733,6 +20818,16 @@
           ).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;
             }
@@ -21116,6 +21211,16 @@
                       }
                     ]);
                   }
+                  if (isErrorCode(e, Code.ErrEpochMismatch)) {
+                    attachment.resource.publish([
+                      {
+                        type: DocEventType.EpochMismatch,
+                        value: {
+                          method: "PushPull"
+                        }
+                      }
+                    ]);
+                  }
                   throw e;
                 })
               );
@@ -21545,6 +21650,9 @@
       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();
       }
@@ -21797,7 +21905,7 @@
     };
   }
   const name = "@yorkie-js/react";
-  const version = "0.7.3-alpha";
+  const version = "0.7.3";
   const pkg = {
     name,
     version