npm - @yorkie-js/sdk - Versions diffs - 0.6.7 → 0.6.9 - Mend

@yorkie-js/sdk 0.6.7 → 0.6.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/dist/counter.html +2 -2
package/dist/drawing.html +2 -2
package/dist/multi.html +2 -2
package/dist/prosemirror.html +14 -13
package/dist/quill-two-clients.html +2 -2
package/dist/quill.html +2 -3
package/dist/whiteboard.html +1 -1
package/dist/yorkie-js-sdk.d.ts +94 -3
package/dist/yorkie-js-sdk.es.js +373 -16
package/dist/yorkie-js-sdk.es.js.map +1 -1
package/dist/yorkie-js-sdk.js +373 -16
package/dist/yorkie-js-sdk.js.map +1 -1
package/package.json +3 -3
package/dist/index.html +0 -473

package/dist/counter.html CHANGED Viewed

@@ -15,9 +15,9 @@
         <button id="decreaseButton">-</button>
       </div>
     </div>
-    <script src="./yorkie-js-sdk.js"></script>
     <script src="./util.js"></script>
-    <script>
+    <script type="module">
+      import './src/yorkie.ts';
       const statusHolder = document.getElementById('network-status');
       const onlineClientsHolder = document.getElementById('online-clients');
       const counter = document.getElementById('counter');

package/dist/drawing.html CHANGED Viewed

@@ -19,8 +19,8 @@
       <pre style="white-space: pre-wrap"><code id="online-clients"></code></pre>
       <pre style="white-space: pre-wrap" id="log-holder"></pre>
     </div>
-    <script src="./yorkie-js-sdk.js"></script>
-    <script>
+    <script type="module">
+      import './src/yorkie.ts';
       const drawingPanel = document.getElementById('drawing-panel');
       const docPanel = document.getElementById('log-holder');
       const onlineClientsPanel = document.getElementById('online-clients');

package/dist/multi.html CHANGED Viewed

@@ -36,9 +36,9 @@
       <h2>yorkie document</h2>
       <pre style="white-space: pre-wrap" id="log-holder"></pre>
     </div>
-    <script src="./yorkie-js-sdk.js"></script>
     <script src="./util.js"></script>
-    <script>
+    <script type="module">
+      import './src/yorkie.ts';
       const statusHolder = document.getElementById('network-status');
       const placeholder = document.getElementById('placeholder');
       const onlineClientsHolder = document.getElementById('online-clients');

package/dist/prosemirror.html CHANGED Viewed

@@ -4,8 +4,6 @@
     <meta charset="UTF-8" />
     <title>ProseMirror Example</title>
     <link rel="stylesheet" href="prosemirror.css" />
-    <script src="./yorkie-js-sdk.js"></script>
-    <script src="./util.js"></script>
   </head>
   <body>
     <div class="layout">
@@ -29,10 +27,6 @@
             <h2>ProseMirror.Doc</h2>
             <div id="pm-log"></div>
           </div>
-          <div class="data-item">
-            <h2>Yorkie.Tree</h2>
-            <div id="yorkie-log"></div>
-          </div>
         </div>
       </div>
     </div>
@@ -40,18 +34,18 @@
     <script type="importmap">
       {
         "imports": {
+          "prosemirror-model": "https://cdn.jsdelivr.net/npm/prosemirror-model@1.23.0/+esm",
           "prosemirror-state": "https://cdn.jsdelivr.net/npm/prosemirror-state@1.4.3/+esm",
-          "prosemirror-view": "https://cdn.jsdelivr.net/npm/prosemirror-view@1.31.4/+esm",
-          "prosemirror-model": "https://cdn.jsdelivr.net/npm/prosemirror-model@1.19.4/+esm",
-          "prosemirror-transform": "https://cdn.jsdelivr.net//npm/prosemirror-transform@1.7.3/+esm",
+          "prosemirror-view": "https://cdn.jsdelivr.net/npm/prosemirror-view@1.37.0/+esm",
+          "prosemirror-transform": "https://cdn.jsdelivr.net/npm/prosemirror-transform@1.10.2/+esm",
           "prosemirror-keymap": "https://cdn.jsdelivr.net/npm/prosemirror-keymap@1.2.2/+esm",
           "prosemirror-example-setup": "https://cdn.jsdelivr.net/npm/prosemirror-example-setup@1.2.2/+esm",
-          "prosemirror-commands": "https://cdn.jsdelivr.net/npm/prosemirror-commands@1.5.2/+esm",
-          "@yorkie-js/sdk": "./yorkie.js"
+          "prosemirror-commands": "https://cdn.jsdelivr.net/npm/prosemirror-commands@1.6.2/+esm"
         }
       }
     </script>
     <script type="module">
+      import './src/yorkie.ts';
       import {
         EditorState,
         Transaction,
@@ -274,11 +268,19 @@
             treeNodeToDoc(JSON.parse(doc.getRoot().tree.toJSON())),
           ),
           plugins: [
+            ...exampleSetup({ schema: mySchema }).reduce(
+              (uniquePlugins, plugin) => {
+                if (!uniquePlugins.some((p) => p.key === plugin.key)) {
+                  uniquePlugins.push(plugin);
+                }
+                return uniquePlugins;
+              },
+              [],
+            ),
             keymap({
               'Ctrl-b': toggleMark(mySchema.marks.shouting),
               'Ctrl-u': insertStar,
             }),
-            ...exampleSetup({ schema: mySchema }),
           ],
         });
@@ -511,7 +513,6 @@
           .join('');
         paintTree(view.state.doc, 'pm-log');
-        paintTree(doc.getRoot().tree.tree.getRoot(), 'yorkie-log');
         paintTransaction();
       }

package/dist/quill-two-clients.html CHANGED Viewed

@@ -117,9 +117,9 @@
         <div class="online-clients"></div>
       </div>
     </div>
-    <script src="./yorkie-js-sdk.js"></script>
     <script src="./util.js"></script>
-    <script>
+    <script type="module">
+      import './src/yorkie.ts';
       const colorHash = new ColorHash();
       const clientAElem = document.getElementById('client-a');
       const clientBElem = document.getElementById('client-b');

package/dist/quill.html CHANGED Viewed

@@ -19,10 +19,9 @@
     <div id="editor"></div>
     <div id="document"></div>
     <div id="document-text"></div>
-    <script src="./yorkie-js-sdk.js"></script>
     <script src="./util.js"></script>
-    <script>
+    <script type="module">
+      import './src/yorkie.ts';
       const onlineClientsElem = document.getElementById('online-clients');
       const documentElem = document.getElementById('document');
       const documentTextElem = document.getElementById('document-text');

package/dist/whiteboard.html CHANGED Viewed

@@ -72,9 +72,9 @@
         </div>
       </div>
     </div>
-    <script src="./yorkie-js-sdk.js"></script>
     <script src="./util.js"></script>
     <script type="module">
+      import './src/yorkie.ts';
       import devtool from './devtool/object.js';
       const statusHolder = document.getElementById('network-status');
       const onlineClientsHolder = document.getElementById('online-clients');

package/dist/yorkie-js-sdk.d.ts CHANGED Viewed

@@ -1037,9 +1037,9 @@ export declare type CounterOperationInfo = IncreaseOpInfo;
  */
 declare type CounterOperationInfo_2 = IncreaseOpInfo_2;
-declare enum CounterType {
-    IntegerCnt = 0,
-    LongCnt = 1
+export declare enum CounterType {
+    Int = 0,
+    Long = 1
 }
 export declare type CounterValue = number | default_2;
@@ -1132,6 +1132,10 @@ declare class CRDTObject extends CRDTContainer {
      * `has` returns whether the element exists of the given key or not.
      */
     has(key: string): boolean;
+    /**
+     * `getDataSize` returns the data usage of this element.
+     */
+    getDataSize(): DataSize;
     /**
      * `toJSON` returns the JSON encoding of this object.
      */
@@ -1250,6 +1254,10 @@ declare class CRDTRoot {
      * `getGarbageLen` returns length of nodes which can be garbage collected.
      */
     getGarbageLen(): number;
+    /**
+     * `getDocSize` returns the size of the document.
+     */
+    getDocSize(): DocSize;
     /**
      * `deepcopy` copies itself deeply.
      */
@@ -1302,6 +1310,10 @@ declare class CRDTText<A extends Indexable = Indexable> extends CRDTElement {
      * `getTreeByID` returns the tree by ID for debugging.
      */
     getTreeByID(): LLRBTree<RGATreeSplitNodeID, RGATreeSplitNode<CRDTTextValue>>;
+    /**
+     * `getDataSize` returns the data usage of this element.
+     */
+    getDataSize(): DataSize;
     /**
      * `toJSON` returns the JSON encoding of this text.
      */
@@ -1376,6 +1388,10 @@ declare class CRDTTextValue {
      * `toString` returns the string representation of this value.
      */
     toString(): string;
+    /**
+     * `getDataSize` returns the data usage of this value.
+     */
+    getDataSize(): DataSize;
     /**
      * `toJSON` returns the JSON encoding of this value.
      */
@@ -1453,6 +1469,10 @@ declare class CRDTTree extends CRDTElement implements GCParent {
      * `move` move the given source range to the given target range.
      */
     move(target: [number, number], source: [number, number], ticket: TimeTicket): void;
+    /**
+     * `pathToTreePos` converts the given path of the node to the TreePos.
+     */
+    pathToTreePos(path: Array<number>): ReturnType<typeof CRDTTree.indexTree.pathToTreePos>;
     /**
      * `purge` physically purges the given node.
      */
@@ -1493,6 +1513,10 @@ declare class CRDTTree extends CRDTElement implements GCParent {
      * toXML returns the XML encoding of this tree.
      */
     toXML(): string;
+    /**
+     * `getDataSize` returns the data usage of this element.
+     */
+    getDataSize(): DataSize;
     /**
      * `toJSON` returns the JSON encoding of this tree.
      */
@@ -1657,6 +1681,10 @@ declare class CRDTTreeNode extends IndexTreeNode<CRDTTreeNode> implements GCPare
      * `purge` purges the given child node.
      */
     purge(node: RHTNode): void;
+    /**
+     * `getDataSize` returns the data size of the node.
+     */
+    getDataSize(): DataSize;
     /**
      * `getGCPairs` returns the pairs of GC.
      */
@@ -1806,6 +1834,20 @@ declare type CRDTTreePosStruct_2 = {
     leftSiblingID: CRDTTreeNodeIDStruct;
 };
+/**
+ * `DataSize` represents the size of a resource in bytes.
+ */
+declare type DataSize = {
+    /**
+     * `data` is the size of the data in bytes.
+     */
+    data: number;
+    /**
+     * `meta` is the size of the metadata in bytes.
+     */
+    meta: number;
+};
 /**
  * `DecreasedDepthOf` represents the type of the decreased depth of the given depth.
  */
@@ -2149,6 +2191,20 @@ declare enum DocEventType_3 {
  */
 declare type DocKey = string;
+/**
+ * `DocSize` represents the size of a document in bytes.
+ */
+declare type DocSize = {
+    /**
+     * `live` is the size of the document in bytes.
+     */
+    live: DataSize;
+    /**
+     * `gc` is the size of the garbage collected data in bytes.
+     */
+    gc: DataSize;
+};
 /**
  * `DocStatus` represents the status of the document.
  * @public
@@ -2372,6 +2428,10 @@ declare class Document_2<R, P extends Indexable = Indexable> {
      * `getRoot` returns a new proxy of cloned root.
      */
     getRoot(): JSONObject<R>;
+    /**
+     * `getDocSize` returns the size of this document.
+     */
+    getDocSize(): DocSize;
     /* Excluded from this release type: garbageCollect */
     /* Excluded from this release type: getRootObject */
     /* Excluded from this release type: getGarbageLen */
@@ -2694,6 +2754,7 @@ export declare type FullSDKToPanelMessage = SDKToPanelMessage & {
 declare interface GCChild {
     toIDString(): string;
     getRemovedAt(): TimeTicket | undefined;
+    getDataSize(): DataSize;
 }
 /**
@@ -2941,6 +3002,10 @@ declare abstract class IndexTreeNode<T extends IndexTreeNode<T>> {
      * `hasTextChild` returns true if the node's children consist of only text children.
      */
     hasTextChild(): boolean;
+    /**
+     * `getChildrenText` returns text value of all text type children.
+     */
+    getChildrenText(): string;
     /**
      * `append` appends the given nodes to the children.
      */
@@ -4209,6 +4274,15 @@ export declare class Primitive extends CRDTElement {
      * `valueFromBytes` parses the given bytes into value.
      */
     static valueFromBytes(primitiveType: PrimitiveType, bytes: Uint8Array): PrimitiveValue;
+    /**
+     * `getValueSize` returns the size of the value. The size is similar to
+     * the size of primitives in JavaScript.
+     */
+    private getValueSize;
+    /**
+     * `getDataSize` returns the data usage of this element.
+     */
+    getDataSize(): DataSize;
     /**
      * `toJSON` returns the JSON encoding of the value.
      */
@@ -4557,6 +4631,10 @@ declare class RGATreeSplitNode<T extends RGATreeSplitValue> extends SplayNode<T>
      * `createRange` creates ranges of RGATreeSplitPos.
      */
     createPosRange(): RGATreeSplitPosRange;
+    /**
+     * `getData` returns the data of this node.
+     */
+    getDataSize(): DataSize;
     /**
      * `deepcopy` returns a new instance of this RGATreeSplitNode without structural info.
      */
@@ -4688,6 +4766,7 @@ declare type RGATreeSplitPosStruct = {
 declare interface RGATreeSplitValue {
     length: number;
     substring(indexStart: number, indexEnd?: number): RGATreeSplitValue;
+    getDataSize(): DataSize;
 }
 /**
@@ -4786,6 +4865,10 @@ declare class RHTNode implements GCChild {
      * `getRemovedAt` returns the time when this node was removed.
      */
     getRemovedAt(): TimeTicket | undefined;
+    /**
+     * `getDataSize` returns the size of this node.
+     */
+    getDataSize(): DataSize;
 }
 /**
@@ -5586,6 +5669,14 @@ export declare class Tree {
      * `getIndexTree` returns the index tree of this tree.
      */
     getIndexTree(): IndexTree<CRDTTreeNode>;
+    /**
+     * `splitByPath` splits the tree by the given path.
+     */
+    splitByPath(path: Array<number>): void;
+    /**
+     * `mergeByPath` merges the tree by the given path.
+     */
+    mergeByPath(path: Array<number>): void;
     /**
      * `styleByPath` sets the attributes to the elements of the given path.
      */