@pluv/crdt-loro 0.34.1 → 0.35.1

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @pluv/crdt-loro@0.34.1 build /home/runner/work/pluv/pluv/packages/crdt-loro
+> @pluv/crdt-loro@0.35.1 build /home/runner/work/pluv/pluv/packages/crdt-loro
 > tsup src/index.ts --format esm,cjs --dts
 
 CLI Building entry: src/index.ts
@@ -8,11 +8,11 @@
 CLI Target: es6
 ESM Build start
 CJS Build start
-ESM dist/index.mjs 8.13 KB
-ESM ⚡️ Build success in 76ms
-CJS dist/index.js 9.20 KB
-CJS ⚡️ Build success in 77ms
+CJS dist/index.js 9.91 KB
+CJS ⚡️ Build success in 129ms
+ESM dist/index.mjs 8.81 KB
+ESM ⚡️ Build success in 131ms
 DTS Build start
-DTS ⚡️ Build success in 1813ms
-DTS dist/index.d.mts 3.52 KB
-DTS dist/index.d.ts  3.52 KB
+DTS ⚡️ Build success in 2274ms
+DTS dist/index.d.mts 3.48 KB
+DTS dist/index.d.ts  3.48 KB

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @pluv/crdt-loro
 
+## 0.35.1
+
+### Patch Changes
+
+- 9822786: Added missing `Tree` and `MovableList` types.
+- 3cd6571: Added support for undo/redo for `@pluv/crdt-loro`.
+  - @pluv/crdt@0.35.1
+  - @pluv/types@0.35.1
+
+## 0.35.0
+
+### Patch Changes
+
+- @pluv/crdt@0.35.0
+- @pluv/types@0.35.0
+
 ## 0.34.1
 
 ### Patch Changes

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import { CrdtType, AbstractCrdtDoc, DocApplyEncodedStateParams, InferCrdtJson, DocSubscribeCallbackParams, AbstractCrdtDocFactory } from '@pluv/crdt';
-import { LoroDoc, LoroList, LoroMap, LoroText } from 'loro-crdt';
+import { LoroDoc, LoroList, LoroMap, LoroMovableList, LoroText, LoroTree } from 'loro-crdt';
 
 type LoroType<TValue extends unknown, TJson extends unknown = any> = TValue & CrdtType<TValue, TJson> & {
     toJSON?: () => any;
@@ -9,18 +9,11 @@ type LoroType<TValue extends unknown, TJson extends unknown = any> = TValue & Cr
 declare class CrdtLoroDoc<TStorage extends Record<string, LoroType<any, any>>> extends AbstractCrdtDoc<TStorage> {
     value: LoroDoc;
     private _storage;
+    private _undoManager;
     constructor(value?: TStorage);
     applyEncodedState(params: DocApplyEncodedStateParams): this;
     batchApplyEncodedState(updates: readonly (DocApplyEncodedStateParams | string | null | undefined)[]): this;
-    /**
-     * TODO
-     * @description This method is not yet supported for loro
-     */
     canRedo(): boolean;
-    /**
-     * TODO
-     * @description This method is not yet supported for loro
-     */
     canUndo(): boolean;
     destroy(): void;
     get(key?: undefined): TStorage;
@@ -29,26 +22,14 @@ declare class CrdtLoroDoc<TStorage extends Record<string, LoroType<any, any>>> e
     toJson(): InferCrdtJson<TStorage>;
     toJson<TKey extends keyof TStorage>(type: TKey): InferCrdtJson<TStorage[TKey]>;
     isEmpty(): boolean;
-    /**
-     * TODO
-     * @description This method is not yet supported for loro
-     */
     redo(): this;
     subscribe(listener: (params: DocSubscribeCallbackParams<TStorage>) => void): () => void;
-    /**
-     * TODO
-     * @description This method doesn't do anything yet.
-     */
     track(): this;
     /**
-     * TODO
-     * @description This method doesn't do anything yet. The callback will still be executed.
+     * @description Unlike Yjs, this method is required to be called after each loro operation.
+     * @date January 12, 2025
      */
     transact(fn: () => void): this;
-    /**
-     * TODO
-     * @description This method is not yet supported for loro
-     */
     undo(): this;
 }
 
@@ -67,10 +48,14 @@ declare const list: <T extends unknown>(value?: T[] | readonly T[]) => LoroType<
 
 declare const map: <T extends unknown>(value?: readonly (readonly [key: string, value: T])[]) => LoroType<LoroMap<Record<string, T>>, Record<string, T>>;
 
+declare const movableList: <T extends unknown>(value?: T[] | readonly T[]) => LoroType<LoroMovableList<T>, T[]>;
+
 declare const object: <T extends Record<string, any>>(value: T) => LoroType<LoroMap<T>, T>;
 
 declare const text: (value?: string) => LoroType<LoroText, string>;
 
+declare const tree: <T extends Record<string, unknown>>() => LoroTree<T>;
+
 declare const kind: "loro";
 
 type loro_CrdtLoroDoc<TStorage extends Record<string, LoroType<any, any>>> = CrdtLoroDoc<TStorage>;
@@ -80,10 +65,12 @@ declare const loro_doc: typeof doc;
 declare const loro_kind: typeof kind;
 declare const loro_list: typeof list;
 declare const loro_map: typeof map;
+declare const loro_movableList: typeof movableList;
 declare const loro_object: typeof object;
 declare const loro_text: typeof text;
+declare const loro_tree: typeof tree;
 declare namespace loro {
-  export { loro_CrdtLoroDoc as CrdtLoroDoc, type loro_LoroType as LoroType, loro_doc as doc, loro_kind as kind, loro_list as list, loro_map as map, loro_object as object, loro_text as text };
+  export { loro_CrdtLoroDoc as CrdtLoroDoc, type loro_LoroType as LoroType, loro_doc as doc, loro_kind as kind, loro_list as list, loro_map as map, loro_movableList as movableList, loro_object as object, loro_text as text, loro_tree as tree };
 }
 
 export { loro };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { CrdtType, AbstractCrdtDoc, DocApplyEncodedStateParams, InferCrdtJson, DocSubscribeCallbackParams, AbstractCrdtDocFactory } from '@pluv/crdt';
-import { LoroDoc, LoroList, LoroMap, LoroText } from 'loro-crdt';
+import { LoroDoc, LoroList, LoroMap, LoroMovableList, LoroText, LoroTree } from 'loro-crdt';
 
 type LoroType<TValue extends unknown, TJson extends unknown = any> = TValue & CrdtType<TValue, TJson> & {
     toJSON?: () => any;
@@ -9,18 +9,11 @@ type LoroType<TValue extends unknown, TJson extends unknown = any> = TValue & Cr
 declare class CrdtLoroDoc<TStorage extends Record<string, LoroType<any, any>>> extends AbstractCrdtDoc<TStorage> {
     value: LoroDoc;
     private _storage;
+    private _undoManager;
     constructor(value?: TStorage);
     applyEncodedState(params: DocApplyEncodedStateParams): this;
     batchApplyEncodedState(updates: readonly (DocApplyEncodedStateParams | string | null | undefined)[]): this;
-    /**
-     * TODO
-     * @description This method is not yet supported for loro
-     */
     canRedo(): boolean;
-    /**
-     * TODO
-     * @description This method is not yet supported for loro
-     */
     canUndo(): boolean;
     destroy(): void;
     get(key?: undefined): TStorage;
@@ -29,26 +22,14 @@ declare class CrdtLoroDoc<TStorage extends Record<string, LoroType<any, any>>> e
     toJson(): InferCrdtJson<TStorage>;
     toJson<TKey extends keyof TStorage>(type: TKey): InferCrdtJson<TStorage[TKey]>;
     isEmpty(): boolean;
-    /**
-     * TODO
-     * @description This method is not yet supported for loro
-     */
     redo(): this;
     subscribe(listener: (params: DocSubscribeCallbackParams<TStorage>) => void): () => void;
-    /**
-     * TODO
-     * @description This method doesn't do anything yet.
-     */
     track(): this;
     /**
-     * TODO
-     * @description This method doesn't do anything yet. The callback will still be executed.
+     * @description Unlike Yjs, this method is required to be called after each loro operation.
+     * @date January 12, 2025
      */
     transact(fn: () => void): this;
-    /**
-     * TODO
-     * @description This method is not yet supported for loro
-     */
     undo(): this;
 }
 
@@ -67,10 +48,14 @@ declare const list: <T extends unknown>(value?: T[] | readonly T[]) => LoroType<
 
 declare const map: <T extends unknown>(value?: readonly (readonly [key: string, value: T])[]) => LoroType<LoroMap<Record<string, T>>, Record<string, T>>;
 
+declare const movableList: <T extends unknown>(value?: T[] | readonly T[]) => LoroType<LoroMovableList<T>, T[]>;
+
 declare const object: <T extends Record<string, any>>(value: T) => LoroType<LoroMap<T>, T>;
 
 declare const text: (value?: string) => LoroType<LoroText, string>;
 
+declare const tree: <T extends Record<string, unknown>>() => LoroTree<T>;
+
 declare const kind: "loro";
 
 type loro_CrdtLoroDoc<TStorage extends Record<string, LoroType<any, any>>> = CrdtLoroDoc<TStorage>;
@@ -80,10 +65,12 @@ declare const loro_doc: typeof doc;
 declare const loro_kind: typeof kind;
 declare const loro_list: typeof list;
 declare const loro_map: typeof map;
+declare const loro_movableList: typeof movableList;
 declare const loro_object: typeof object;
 declare const loro_text: typeof text;
+declare const loro_tree: typeof tree;
 declare namespace loro {
-  export { loro_CrdtLoroDoc as CrdtLoroDoc, type loro_LoroType as LoroType, loro_doc as doc, loro_kind as kind, loro_list as list, loro_map as map, loro_object as object, loro_text as text };
+  export { loro_CrdtLoroDoc as CrdtLoroDoc, type loro_LoroType as LoroType, loro_doc as doc, loro_kind as kind, loro_list as list, loro_map as map, loro_movableList as movableList, loro_object as object, loro_text as text, loro_tree as tree };
 }
 
 export { loro };

package/dist/index.js

@@ -49,18 +49,23 @@ __export(loro_exports, {
   kind: () => kind,
   list: () => list,
   map: () => map,
+  movableList: () => movableList,
   object: () => object,
-  text: () => text
+  text: () => text,
+  tree: () => tree
 });
 
 // src/doc/CrdtLoroDoc.ts
 var import_crdt = require("@pluv/crdt");
 var import_js_base64 = require("js-base64");
 var import_loro_crdt = require("loro-crdt");
+var MAX_UNDO_STEPS = 100;
+var MERGE_INTERVAL_MS = 1e3;
 var CrdtLoroDoc = class extends import_crdt.AbstractCrdtDoc {
   constructor(value = {}) {
     super();
     this.value = new import_loro_crdt.LoroDoc();
+    this._undoManager = null;
     this._storage = Object.entries(value).reduce((acc, [key, node]) => {
       if (node instanceof import_loro_crdt.LoroList) {
         const container = this.value.getList(key);
@@ -112,22 +117,16 @@ var CrdtLoroDoc = class extends import_crdt.AbstractCrdtDoc {
       update && this.value.import(update);
       return this;
     }
-    this.value.importUpdateBatch(_updates);
+    this.value.importBatch(_updates);
     return this;
   }
-  /**
-   * TODO
-   * @description This method is not yet supported for loro
-   */
   canRedo() {
-    return false;
+    if (!this._undoManager) return false;
+    return this._undoManager.canRedo();
   }
-  /**
-   * TODO
-   * @description This method is not yet supported for loro
-   */
   canUndo() {
-    return false;
+    if (!this._undoManager) return false;
+    return this._undoManager.canUndo();
   }
   destroy() {
     return;
@@ -155,12 +154,10 @@ var CrdtLoroDoc = class extends import_crdt.AbstractCrdtDoc {
     const serialized = this.value.toJSON();
     return !serialized || !Object.keys(serialized).length;
   }
-  /**
-   * TODO
-   * @description This method is not yet supported for loro
-   */
   redo() {
-    throw new Error("This is not yet supported");
+    var _a;
+    (_a = this._undoManager) == null ? void 0 : _a.redo();
+    return this;
   }
   subscribe(listener) {
     const fn = (event) => {
@@ -185,28 +182,31 @@ var CrdtLoroDoc = class extends import_crdt.AbstractCrdtDoc {
     );
     return unsubcribeAll;
   }
-  /**
-   * TODO
-   * @description This method doesn't do anything yet.
-   */
   track() {
+    if (this._undoManager) {
+      this._undoManager.clear();
+      this._undoManager.free();
+      this._undoManager = null;
+    }
+    this._undoManager = new import_loro_crdt.UndoManager(this.value, {
+      maxUndoSteps: MAX_UNDO_STEPS,
+      mergeInterval: MERGE_INTERVAL_MS
+    });
     return this;
   }
   /**
-   * TODO
-   * @description This method doesn't do anything yet. The callback will still be executed.
+   * @description Unlike Yjs, this method is required to be called after each loro operation.
+   * @date January 12, 2025
    */
   transact(fn) {
     fn();
     this.value.commit();
     return this;
   }
-  /**
-   * TODO
-   * @description This method is not yet supported for loro
-   */
   undo() {
-    throw new Error("This is not yet supported");
+    var _a;
+    (_a = this._undoManager) == null ? void 0 : _a.undo();
+    return this;
   }
 };
 
@@ -272,24 +272,41 @@ var map = (value = []) => {
   return container;
 };
 
-// src/object.ts
+// src/movableList.ts
 var import_loro_crdt5 = require("loro-crdt");
+var movableList = (value = []) => {
+  const container = new import_loro_crdt5.LoroMovableList();
+  value.forEach((item, i) => {
+    (0, import_loro_crdt5.isContainer)(item) ? container.insertContainer(i, item) : container.insert(i, item);
+  });
+  return container;
+};
+
+// src/object.ts
+var import_loro_crdt6 = require("loro-crdt");
 var object = (value) => {
-  const container = new import_loro_crdt5.LoroMap();
+  const container = new import_loro_crdt6.LoroMap();
   Object.entries(value).forEach(([key, item]) => {
-    (0, import_loro_crdt5.isContainer)(item) ? container.setContainer(key, item) : container.set(key, item);
+    (0, import_loro_crdt6.isContainer)(item) ? container.setContainer(key, item) : container.set(key, item);
   });
   return container;
 };
 
 // src/text.ts
-var import_loro_crdt6 = require("loro-crdt");
+var import_loro_crdt7 = require("loro-crdt");
 var text = (value = "") => {
-  const container = new import_loro_crdt6.LoroText();
+  const container = new import_loro_crdt7.LoroText();
   container.insert(0, value);
   return container;
 };
 
+// src/tree.ts
+var import_loro_crdt8 = require("loro-crdt");
+var tree = () => {
+  const container = new import_loro_crdt8.LoroTree();
+  return container;
+};
+
 // src/loro.ts
 var kind = "loro";
 // Annotate the CommonJS export names for ESM import in node:

package/dist/index.mjs

@@ -30,18 +30,23 @@ __export(loro_exports, {
   kind: () => kind,
   list: () => list,
   map: () => map,
+  movableList: () => movableList,
   object: () => object,
-  text: () => text
+  text: () => text,
+  tree: () => tree
 });
 
 // src/doc/CrdtLoroDoc.ts
 import { AbstractCrdtDoc } from "@pluv/crdt";
 import { fromUint8Array, toUint8Array } from "js-base64";
-import { LoroDoc, LoroList, LoroMap, LoroText, isContainer } from "loro-crdt";
+import { LoroDoc, LoroList, LoroMap, LoroText, UndoManager, isContainer } from "loro-crdt";
+var MAX_UNDO_STEPS = 100;
+var MERGE_INTERVAL_MS = 1e3;
 var CrdtLoroDoc = class extends AbstractCrdtDoc {
   constructor(value = {}) {
     super();
     this.value = new LoroDoc();
+    this._undoManager = null;
     this._storage = Object.entries(value).reduce((acc, [key, node]) => {
       if (node instanceof LoroList) {
         const container = this.value.getList(key);
@@ -93,22 +98,16 @@ var CrdtLoroDoc = class extends AbstractCrdtDoc {
       update && this.value.import(update);
       return this;
     }
-    this.value.importUpdateBatch(_updates);
+    this.value.importBatch(_updates);
     return this;
   }
-  /**
-   * TODO
-   * @description This method is not yet supported for loro
-   */
   canRedo() {
-    return false;
+    if (!this._undoManager) return false;
+    return this._undoManager.canRedo();
   }
-  /**
-   * TODO
-   * @description This method is not yet supported for loro
-   */
   canUndo() {
-    return false;
+    if (!this._undoManager) return false;
+    return this._undoManager.canUndo();
   }
   destroy() {
     return;
@@ -136,12 +135,10 @@ var CrdtLoroDoc = class extends AbstractCrdtDoc {
     const serialized = this.value.toJSON();
     return !serialized || !Object.keys(serialized).length;
   }
-  /**
-   * TODO
-   * @description This method is not yet supported for loro
-   */
   redo() {
-    throw new Error("This is not yet supported");
+    var _a;
+    (_a = this._undoManager) == null ? void 0 : _a.redo();
+    return this;
   }
   subscribe(listener) {
     const fn = (event) => {
@@ -166,28 +163,31 @@ var CrdtLoroDoc = class extends AbstractCrdtDoc {
     );
     return unsubcribeAll;
   }
-  /**
-   * TODO
-   * @description This method doesn't do anything yet.
-   */
   track() {
+    if (this._undoManager) {
+      this._undoManager.clear();
+      this._undoManager.free();
+      this._undoManager = null;
+    }
+    this._undoManager = new UndoManager(this.value, {
+      maxUndoSteps: MAX_UNDO_STEPS,
+      mergeInterval: MERGE_INTERVAL_MS
+    });
     return this;
   }
   /**
-   * TODO
-   * @description This method doesn't do anything yet. The callback will still be executed.
+   * @description Unlike Yjs, this method is required to be called after each loro operation.
+   * @date January 12, 2025
    */
   transact(fn) {
     fn();
     this.value.commit();
     return this;
   }
-  /**
-   * TODO
-   * @description This method is not yet supported for loro
-   */
   undo() {
-    throw new Error("This is not yet supported");
+    var _a;
+    (_a = this._undoManager) == null ? void 0 : _a.undo();
+    return this;
   }
 };
 
@@ -253,12 +253,22 @@ var map = (value = []) => {
   return container;
 };
 
+// src/movableList.ts
+import { isContainer as isContainer4, LoroMovableList } from "loro-crdt";
+var movableList = (value = []) => {
+  const container = new LoroMovableList();
+  value.forEach((item, i) => {
+    isContainer4(item) ? container.insertContainer(i, item) : container.insert(i, item);
+  });
+  return container;
+};
+
 // src/object.ts
-import { LoroMap as LoroMap4, isContainer as isContainer4 } from "loro-crdt";
+import { LoroMap as LoroMap4, isContainer as isContainer5 } from "loro-crdt";
 var object = (value) => {
   const container = new LoroMap4();
   Object.entries(value).forEach(([key, item]) => {
-    isContainer4(item) ? container.setContainer(key, item) : container.set(key, item);
+    isContainer5(item) ? container.setContainer(key, item) : container.set(key, item);
   });
   return container;
 };
@@ -271,6 +281,13 @@ var text = (value = "") => {
   return container;
 };
 
+// src/tree.ts
+import { LoroTree } from "loro-crdt";
+var tree = () => {
+  const container = new LoroTree();
+  return container;
+};
+
 // src/loro.ts
 var kind = "loro";
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pluv/crdt-loro",
-  "version": "0.34.1",
+  "version": "0.35.1",
   "description": "loro for @pluv/io",
   "author": "leedavidcs",
   "license": "MIT",
@@ -18,19 +18,19 @@
   },
   "dependencies": {
     "js-base64": "^3.7.7",
-    "@pluv/crdt": "^0.34.1",
-    "@pluv/types": "^0.34.1"
+    "@pluv/crdt": "^0.35.1",
+    "@pluv/types": "^0.35.1"
   },
   "peerDependencies": {
     "loro-crdt": "^1.0.0"
   },
   "devDependencies": {
     "eslint": "^8.57.1",
-    "loro-crdt": "^1.2.4",
+    "loro-crdt": "^1.3.1",
     "tsup": "^8.3.5",
-    "typescript": "^5.7.2",
-    "@pluv/tsconfig": "^0.34.1",
-    "eslint-config-pluv": "^0.34.1"
+    "typescript": "^5.7.3",
+    "@pluv/tsconfig": "^0.35.1",
+    "eslint-config-pluv": "^0.35.1"
   },
   "scripts": {
     "build": "tsup src/index.ts --format esm,cjs --dts",

package/src/doc/CrdtLoroDoc.ts

@@ -1,14 +1,18 @@
 import type { DocApplyEncodedStateParams, DocSubscribeCallbackParams, InferCrdtJson } from "@pluv/crdt";
 import { AbstractCrdtDoc } from "@pluv/crdt";
 import { fromUint8Array, toUint8Array } from "js-base64";
-import type { Container, LoroEventBatch } from "loro-crdt";
-import { LoroDoc, LoroList, LoroMap, LoroText, isContainer } from "loro-crdt";
+import type { Container } from "loro-crdt";
+import { LoroDoc, LoroEventBatch, LoroList, LoroMap, LoroText, UndoManager, isContainer } from "loro-crdt";
 import type { LoroType } from "../types";
 
+const MAX_UNDO_STEPS = 100;
+const MERGE_INTERVAL_MS = 1_000;
+
 export class CrdtLoroDoc<TStorage extends Record<string, LoroType<any, any>>> extends AbstractCrdtDoc<TStorage> {
     public value: LoroDoc = new LoroDoc();
 
     private _storage: TStorage;
+    private _undoManager: UndoManager | null = null;
 
     constructor(value: TStorage = {} as TStorage) {
         super();
@@ -89,25 +93,21 @@ export class CrdtLoroDoc<TStorage extends Record<string, LoroType<any, any>>> ex
             return this;
         }
 
-        this.value.importUpdateBatch(_updates);
+        this.value.importBatch(_updates);
 
         return this;
     }
 
-    /**
-     * TODO
-     * @description This method is not yet supported for loro
-     */
     public canRedo(): boolean {
-        return false;
+        if (!this._undoManager) return false;
+
+        return this._undoManager.canRedo();
     }
 
-    /**
-     * TODO
-     * @description This method is not yet supported for loro
-     */
     public canUndo(): boolean {
-        return false;
+        if (!this._undoManager) return false;
+
+        return this._undoManager.canUndo();
     }
 
     public destroy(): void {
@@ -150,12 +150,10 @@ export class CrdtLoroDoc<TStorage extends Record<string, LoroType<any, any>>> ex
         return !serialized || !Object.keys(serialized).length;
     }
 
-    /**
-     * TODO
-     * @description This method is not yet supported for loro
-     */
     public redo(): this {
-        throw new Error("This is not yet supported");
+        this._undoManager?.redo();
+
+        return this;
     }
 
     public subscribe(listener: (params: DocSubscribeCallbackParams<TStorage>) => void): () => void {
@@ -186,17 +184,25 @@ export class CrdtLoroDoc<TStorage extends Record<string, LoroType<any, any>>> ex
         return unsubcribeAll;
     }
 
-    /**
-     * TODO
-     * @description This method doesn't do anything yet.
-     */
     public track(): this {
+        if (this._undoManager) {
+            this._undoManager.clear();
+            this._undoManager.free();
+
+            this._undoManager = null;
+        }
+
+        this._undoManager = new UndoManager(this.value, {
+            maxUndoSteps: MAX_UNDO_STEPS,
+            mergeInterval: MERGE_INTERVAL_MS,
+        });
+
         return this;
     }
 
     /**
-     * TODO
-     * @description This method doesn't do anything yet. The callback will still be executed.
+     * @description Unlike Yjs, this method is required to be called after each loro operation.
+     * @date January 12, 2025
      */
     public transact(fn: () => void): this {
         fn();
@@ -206,11 +212,9 @@ export class CrdtLoroDoc<TStorage extends Record<string, LoroType<any, any>>> ex
         return this;
     }
 
-    /**
-     * TODO
-     * @description This method is not yet supported for loro
-     */
     public undo(): this {
-        throw new Error("This is not yet supported");
+        this._undoManager?.undo();
+
+        return this;
     }
 }

package/src/loro.ts

@@ -1,7 +1,9 @@
 export { CrdtLoroDoc, doc } from "./doc";
 export { list } from "./list";
 export { map } from "./map";
+export { movableList } from "./movableList";
 export { object } from "./object";
 export { text } from "./text";
+export { tree } from "./tree";
 export type { LoroType } from "./types";
 export const kind = "loro" as const;

package/src/movableList.ts

@@ -0,0 +1,13 @@
+import type { Container } from "loro-crdt";
+import { isContainer, LoroMovableList } from "loro-crdt";
+import type { LoroType } from "./types";
+
+export const movableList = <T extends unknown>(value: T[] | readonly T[] = []) => {
+    const container = new LoroMovableList();
+
+    value.forEach((item, i) => {
+        isContainer(item) ? container.insertContainer(i, item) : container.insert(i, item as Exclude<T, Container>);
+    });
+
+    return container as unknown as LoroType<LoroMovableList<T>, T[]>;
+};

package/src/tree.ts

@@ -0,0 +1,7 @@
+import { LoroTree } from "loro-crdt";
+
+export const tree = <T extends Record<string, unknown>>() => {
+    const container = new LoroTree<T>();
+
+    return container;
+};