@textbus/collaborate 2.0.0-alpha.37 → 2.0.0-alpha.40

package/bundles/collab/local-to-remote.js

@@ -1,176 +1,158 @@
-import { Format } from '@textbus/core';
-import { Array as YArray, Map as YMap } from 'yjs';
-export function localToRemote(operation, root) {
-    const path = [...operation.path];
-    path.shift();
-    if (path.length) {
-        const componentIndex = path.shift();
-        applyComponentOperationToSharedComponent(path, operation.apply, root.get(componentIndex));
-        return;
+import { makeError } from '@textbus/core';
+import { Array as YArray, Map as YMap, Text as YText } from 'yjs';
+const collaborateErrorFn = makeError('Collaborate');
+export class LocalToRemote {
+    transform(operation, root) {
+        const path = [...operation.path];
+        path.shift();
+        if (path.length) {
+            const componentIndex = path.shift();
+            const sharedComponent = this.getSharedComponentByIndex(root, componentIndex);
+            if (sharedComponent) {
+                this.applyComponentOperationToSharedComponent(path, operation.apply, sharedComponent);
+            }
+            return;
+        }
+        this.mergeActionsToSharedSlot(root, operation.apply);
     }
-    insertContent(root, operation.apply);
-}
-function applyComponentOperationToSharedComponent(path, actions, componentYMap) {
-    const sharedSlots = componentYMap.get('slots');
-    if (path.length) {
-        const slotIndex = path.shift();
-        const sharedSlot = sharedSlots.get(slotIndex);
-        applySlotOperationToSharedSlot(path, actions, sharedSlot);
-        return;
+    applyComponentOperationToSharedComponent(path, actions, componentYMap) {
+        const sharedSlots = componentYMap.get('slots');
+        if (path.length) {
+            const slotIndex = path.shift();
+            const sharedSlot = sharedSlots.get(slotIndex);
+            this.applySlotOperationToSharedSlot(path, actions, sharedSlot);
+            return;
+        }
+        let index;
+        actions.forEach(action => {
+            switch (action.type) {
+                case 'retain':
+                    index = action.offset;
+                    break;
+                case 'insertSlot':
+                    sharedSlots.insert(index, [this.makeSharedSlotBySlotLiteral(action.slot)]);
+                    index++;
+                    break;
+                case 'apply':
+                    componentYMap.set('state', action.value);
+                    break;
+                case 'delete':
+                    sharedSlots.delete(index, action.count);
+                    break;
+            }
+        });
     }
-    let index;
-    actions.forEach(action => {
-        switch (action.type) {
-            case 'retain':
-                index = action.index;
-                break;
-            case 'insertSlot':
-                sharedSlots.insert(index, [makeSharedSlotBySlotLiteral(action.slot)]);
-                break;
-            case 'apply':
-                componentYMap.set('state', action.value);
-                break;
-            case 'delete':
-                sharedSlots.delete(index, action.count);
-                break;
+    applySlotOperationToSharedSlot(path, actions, slotYMap) {
+        if (path.length) {
+            const componentIndex = path.shift();
+            const sharedContent = slotYMap.get('content');
+            const sharedComponent = this.getSharedComponentByIndex(sharedContent, componentIndex);
+            this.applyComponentOperationToSharedComponent(path, actions, sharedComponent);
+            return;
         }
-    });
-}
-function applySlotOperationToSharedSlot(path, actions, slotYMap) {
-    if (path.length) {
-        const componentIndex = path.shift();
-        const sharedContent = slotYMap.get('content');
-        const sharedComponent = sharedContent.get(componentIndex);
-        applyComponentOperationToSharedComponent(path, actions, sharedComponent);
-        return;
+        const content = slotYMap.get('content');
+        this.mergeActionsToSharedSlot(content, actions, slotYMap);
     }
-    const content = slotYMap.get('content');
-    let index;
-    let len;
-    actions.forEach(action => {
-        switch (action.type) {
-            case 'retain':
+    mergeActionsToSharedSlot(content, actions, slotYMap) {
+        let index;
+        let length;
+        actions.forEach(action => {
+            var _a;
+            if (action.type === 'retain') {
                 if (action.formats) {
-                    mergeSharedFormats(index, action.index, action.formats, slotYMap);
+                    content.format(index, action.offset, action.formats);
+                }
+                else {
+                    index = action.offset;
                 }
-                index = action.index;
-                break;
-            case 'insert':
+            }
+            else if (action.type === 'insert') {
+                const delta = content.toDelta();
+                const isEmpty = delta.length === 1 && delta[0].insert === '\n';
                 if (typeof action.content === 'string') {
-                    len = action.content.length;
-                    content.insert(index, action.content.split(''));
+                    length = action.content.length;
+                    content.insert(index, action.content);
                 }
                 else {
-                    len = 1;
-                    content.insert(index, [makeSharedComponentByComponentLiteral(action.content)]);
+                    length = 1;
+                    content.insertEmbed(index, this.makeSharedComponentByComponentLiteral(action.content));
                 }
                 if (action.formats) {
-                    insertSharedFormats(index, len, action.formats, slotYMap);
+                    content.format(index, length, action.formats);
                 }
-                break;
-            case 'delete':
-                if (content.length === 0) {
-                    // 当内容为空时，slot 实例内容为 ['\n']，触发删除会导致长度溢出
-                    return;
+                if (isEmpty && index === 0) {
+                    content.delete(content.length - 1, 1);
                 }
+                index += length;
+            }
+            else if (action.type === 'delete') {
+                const delta = content.toDelta();
                 content.delete(index, action.count);
-                break;
-            case 'apply':
-                slotYMap.set('state', action.value);
-                break;
-        }
-    });
-}
-function insertSharedFormats(index, distance, formats, sharedSlots) {
-    const sharedFormats = sharedSlots.get('formats');
-    const keys = Array.from(sharedFormats.keys());
-    const expandedValues = Array.from({ length: distance });
-    keys.forEach(key => {
-        const formatRanges = sharedFormats.get(key);
-        const values = Format.tileRanges(formatRanges);
-        values.splice(index, 0, ...expandedValues);
-        const newRanges = Format.toRanges(values);
-        sharedFormats.set(key, newRanges);
-    });
-    mergeSharedFormats(index, index + distance, formats, sharedSlots);
-}
-function mergeSharedFormats(startIndex, endIndex, formats, sharedSlots) {
-    const sharedFormats = sharedSlots.get('formats');
-    Object.keys(formats).forEach(key => {
-        if (!sharedFormats.has(key)) {
-            sharedFormats.set(key, [{
-                    startIndex,
-                    endIndex,
-                    value: formats[key]
-                }]);
-        }
-        const oldFormatRanges = sharedFormats.get(key);
-        const formatRanges = Format.normalizeFormatRange(oldFormatRanges, {
-            startIndex,
-            endIndex,
-            value: formats[key]
+                if (content.length === 0) {
+                    content.insert(0, '\n', (_a = delta[0]) === null || _a === void 0 ? void 0 : _a.attributes);
+                }
+            }
+            else if (action.type === 'apply') {
+                slotYMap === null || slotYMap === void 0 ? void 0 : slotYMap.set('state', action.value);
+            }
         });
-        sharedFormats.set(key, formatRanges);
-    });
-}
-function insertContent(content, actions) {
-    let index;
-    actions.forEach(action => {
-        switch (action.type) {
-            case 'retain':
-                index = action.index;
-                break;
-            case 'insert':
-                content.insert(index, [
-                    typeof action.content === 'string' ?
-                        action.content :
-                        makeSharedComponentByComponentLiteral(action.content)
-                ]);
-                if (action.formats) {
-                    // TODO 根节点样式
+    }
+    makeSharedSlotBySlotLiteral(slotLiteral) {
+        const content = new YText();
+        let index = 0;
+        slotLiteral.content.forEach(i => {
+            let size;
+            if (typeof i === 'string') {
+                size = i.length;
+                content.insert(index, i);
+            }
+            else {
+                size = 1;
+                content.insertEmbed(index, this.makeSharedComponentByComponentLiteral(i));
+            }
+            index += size;
+        });
+        const formats = slotLiteral.formats;
+        Object.keys(formats).forEach(key => {
+            const formatRanges = formats[key];
+            formatRanges.forEach(formatRange => {
+                content.format(formatRange.startIndex, formatRange.endIndex - formatRange.startIndex, {
+                    [key]: formatRange.value
+                });
+            });
+        });
+        const sharedSlot = new YMap();
+        sharedSlot.set('content', content);
+        sharedSlot.set('schema', slotLiteral.schema);
+        sharedSlot.set('state', slotLiteral.state);
+        return sharedSlot;
+    }
+    makeSharedComponentByComponentLiteral(componentLiteral) {
+        const slots = new YArray();
+        componentLiteral.slots.forEach(item => {
+            slots.push([this.makeSharedSlotBySlotLiteral(item)]);
+        });
+        const sharedComponent = new YMap();
+        sharedComponent.set('name', componentLiteral.name);
+        sharedComponent.set('slots', slots);
+        sharedComponent.set('state', componentLiteral.state);
+        return sharedComponent;
+    }
+    getSharedComponentByIndex(host, index) {
+        const delta = host.toDelta();
+        let i = 0;
+        for (const action of delta) {
+            if (action.insert) {
+                if (i === index) {
+                    return action.insert instanceof YMap ? action.insert : null;
                 }
-                break;
-            case 'delete':
-                content.delete(index, action.count);
-                break;
-        }
-    });
-}
-function makeSharedSlotBySlotLiteral(slotLiteral) {
-    const content = new YArray();
-    let index = 0;
-    slotLiteral.content.forEach(i => {
-        let size;
-        if (typeof i === 'string') {
-            size = i.length;
-            content.insert(index, [i]);
+                i += action.insert instanceof YMap ? 1 : action.insert.length;
+            }
+            else {
+                throw collaborateErrorFn('Unexpected delta action.');
+            }
         }
-        else {
-            size = 1;
-            content.insert(index, [makeSharedComponentByComponentLiteral(i)]);
-        }
-        index += size;
-    });
-    const formats = new YMap();
-    Object.keys(slotLiteral.formats).forEach(key => {
-        formats.set(key, slotLiteral.formats[key]);
-    });
-    const sharedSlot = new YMap();
-    sharedSlot.set('state', slotLiteral.state);
-    sharedSlot.set('content', content);
-    sharedSlot.set('schema', slotLiteral.schema);
-    sharedSlot.set('formats', formats);
-    return sharedSlot;
-}
-function makeSharedComponentByComponentLiteral(componentLiteral) {
-    const slots = new YArray();
-    componentLiteral.slots.forEach(item => {
-        slots.push([makeSharedSlotBySlotLiteral(item)]);
-    });
-    const sharedComponent = new YMap();
-    sharedComponent.set('name', componentLiteral.name);
-    sharedComponent.set('slots', slots);
-    sharedComponent.set('state', componentLiteral.state);
-    return sharedComponent;
+        return null;
+    }
 }
 //# sourceMappingURL=local-to-remote.js.map

package/bundles/collab/local-to-remote.js.map

@@ -1 +1 @@
-{"version":3,"file":"local-to-remote.js","sourceRoot":"","sources":["../../src/collab/local-to-remote.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"local-to-remote.js","sourceRoot":"","sources":["../../src/collab/local-to-remote.ts"],"names":[],"mappings":"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","sourcesContent":["import { Action, Operation, SlotLiteral, ComponentLiteral, makeError } from '@textbus/core'\nimport { Array as YArray, Map as YMap, Text as YText } from 'yjs'\n\nconst collaborateErrorFn = makeError('Collaborate')\n\nexport class LocalToRemote {\n  transform(operation: Operation, root: YText) {\n    const path = [...operation.path]\n    path.shift()\n    if (path.length) {\n      const componentIndex = path.shift()!\n      const sharedComponent = this.getSharedComponentByIndex(root, componentIndex)\n      if (sharedComponent) {\n        this.applyComponentOperationToSharedComponent(path, operation.apply, sharedComponent)\n      }\n      return\n    }\n    this.mergeActionsToSharedSlot(root, operation.apply)\n  }\n\n  private applyComponentOperationToSharedComponent(path: number[], actions: Action[], componentYMap: YMap<any>) {\n    const sharedSlots = componentYMap.get('slots') as YArray<any>\n    if (path.length) {\n      const slotIndex = path.shift()!\n      const sharedSlot = sharedSlots.get(slotIndex)\n      this.applySlotOperationToSharedSlot(path, actions, sharedSlot)\n      return\n    }\n    let index: number\n    actions.forEach(action => {\n      switch (action.type) {\n        case 'retain':\n          index = action.offset\n          break\n        case 'insertSlot':\n          sharedSlots.insert(index, [this.makeSharedSlotBySlotLiteral(action.slot)])\n          index++\n          break\n        case 'apply':\n          componentYMap.set('state', action.value)\n          break\n        case 'delete':\n          sharedSlots.delete(index, action.count)\n          break\n      }\n    })\n  }\n\n  private applySlotOperationToSharedSlot(path: number[], actions: Action[], slotYMap: YMap<any>) {\n    if (path.length) {\n      const componentIndex = path.shift()!\n      const sharedContent = slotYMap.get('content') as YText\n      const sharedComponent = this.getSharedComponentByIndex(sharedContent, componentIndex)!\n      this.applyComponentOperationToSharedComponent(path, actions, sharedComponent)\n      return\n    }\n    const content = slotYMap.get('content') as YText\n\n    this.mergeActionsToSharedSlot(content, actions, slotYMap)\n  }\n\n  private mergeActionsToSharedSlot(content: YText, actions: Action[], slotYMap?: YMap<any>) {\n    let index: number\n    let length: number\n\n    actions.forEach(action => {\n      if (action.type === 'retain') {\n        if (action.formats) {\n          content.format(index, action.offset, action.formats)\n        } else {\n          index = action.offset\n        }\n      } else if (action.type === 'insert') {\n        const delta = content.toDelta()\n        const isEmpty = delta.length === 1 && delta[0].insert === '\\n'\n\n        if (typeof action.content === 'string') {\n          length = action.content.length\n          content.insert(index, action.content)\n        } else {\n          length = 1\n          content.insertEmbed(index, this.makeSharedComponentByComponentLiteral(action.content))\n        }\n        if (action.formats) {\n          content.format(index, length, action.formats)\n        }\n        if (isEmpty && index === 0) {\n          content.delete(content.length - 1, 1)\n        }\n        index += length\n      } else if (action.type === 'delete') {\n        const delta = content.toDelta()\n        content.delete(index, action.count)\n        if (content.length === 0) {\n          content.insert(0, '\\n', delta[0]?.attributes)\n        }\n      } else if (action.type === 'apply') {\n        slotYMap?.set('state', action.value)\n      }\n    })\n  }\n\n  private makeSharedSlotBySlotLiteral(slotLiteral: SlotLiteral): YMap<any> {\n    const content = new YText()\n    let index = 0\n    slotLiteral.content.forEach(i => {\n      let size: number\n      if (typeof i === 'string') {\n        size = i.length\n        content.insert(index, i)\n      } else {\n        size = 1\n        content.insertEmbed(index, this.makeSharedComponentByComponentLiteral(i))\n      }\n      index += size\n    })\n    const formats = slotLiteral.formats\n    Object.keys(formats).forEach(key => {\n      const formatRanges = formats[key]\n      formatRanges.forEach(formatRange => {\n        content.format(formatRange.startIndex, formatRange.endIndex - formatRange.startIndex, {\n          [key]: formatRange.value\n        })\n      })\n    })\n\n    const sharedSlot = new YMap()\n    sharedSlot.set('content', content)\n    sharedSlot.set('schema', slotLiteral.schema)\n    sharedSlot.set('state', slotLiteral.state)\n    return sharedSlot\n  }\n\n  private makeSharedComponentByComponentLiteral(componentLiteral: ComponentLiteral): YMap<any> {\n    const slots = new YArray()\n    componentLiteral.slots.forEach(item => {\n      slots.push([this.makeSharedSlotBySlotLiteral(item)])\n    })\n    const sharedComponent = new YMap()\n    sharedComponent.set('name', componentLiteral.name)\n    sharedComponent.set('slots', slots)\n    sharedComponent.set('state', componentLiteral.state)\n    return sharedComponent\n  }\n\n  private getSharedComponentByIndex(host: YText, index: number): YMap<any> | null {\n    const delta = host.toDelta()\n    let i = 0\n    for (const action of delta) {\n      if (action.insert) {\n        if (i === index) {\n          return action.insert instanceof YMap ? action.insert : null\n        }\n        i += action.insert instanceof YMap ? 1 : action.insert.length\n      } else {\n        throw collaborateErrorFn('Unexpected delta action.')\n      }\n    }\n    return null\n  }\n}\n"]}

package/bundles/collab/remote-to-local.d.ts

@@ -1,3 +1,12 @@
 import { YEvent } from 'yjs';
 import { Registry, Slot, Translator } from '@textbus/core';
-export declare function remoteToLocal(events: YEvent[], slot: Slot, translator: Translator, registry: Registry): void;
+export declare class RemoteToLocal {
+    private translator;
+    private registry;
+    constructor(translator: Translator, registry: Registry);
+    transform(events: YEvent[], slot: Slot): void;
+    private applySharedComponentToComponent;
+    private applySharedSlotToSlot;
+    private createComponentBySharedComponent;
+    private createSlotBySharedSlot;
+}

package/bundles/collab/remote-to-local.js

@@ -1,107 +1,121 @@
-import { YArrayEvent, YMapEvent } from 'yjs';
-import { FormatType } from '@textbus/core';
-export function remoteToLocal(events, slot, translator, registry) {
-    events.forEach(ev => {
-        const path = [];
-        for (let i = 0; i < ev.path.length; i += 2) {
-            path.push(ev.path.slice(i, i + 2));
-        }
-        if (path.length) {
-            const componentIndex = path.shift()[0];
-            const component = slot.getContentAtIndex(componentIndex);
-            applySharedComponentToComponent(ev, path, component, translator, registry);
-            return;
-        }
-        apply(ev, slot, translator);
-    });
-}
-function applySharedComponentToComponent(ev, path, component, translator, registry) {
-    if (path.length) {
-        const childPath = path.shift();
-        const slot = component.slots.get(childPath[0]);
-        applySharedSlotToSlot(ev, path, slot, translator, registry, childPath[1] === 'formats');
-        return;
-    }
-    if (ev instanceof YMapEvent) {
-        ev.keysChanged.forEach(key => {
-            if (key === 'state') {
-                const state = ev.target.get('state');
-                component.updateState(draft => {
-                    Object.assign(draft, state);
-                });
-            }
+import { YArrayEvent, YMapEvent, YTextEvent } from 'yjs';
+import { makeError } from '@textbus/core';
+const collaborateErrorFn = makeError('Collaborate');
+export class RemoteToLocal {
+    constructor(translator, registry) {
+        Object.defineProperty(this, "translator", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: translator
         });
-    }
-    else if (ev instanceof YArrayEvent) {
-        const slots = component.slots;
-        ev.delta.forEach(action => {
-            if (Reflect.has(action, 'retain')) {
-                slots.retain(action.retain);
-            }
-            else if (action.insert) {
-                action.insert.forEach(item => {
-                    slots.insert(translator.createSlot(item.toJSON()));
-                });
-            }
-            else if (action.delete) {
-                slots.retain(slots.index);
-                slots.delete(action.delete);
-            }
+        Object.defineProperty(this, "registry", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: registry
         });
     }
-}
-function applySharedSlotToSlot(ev, path, slot, translator, registry, isUpdateFormats) {
-    if (path.length) {
-        const componentIndex = path.shift()[0];
-        const component = slot.getContentAtIndex(componentIndex);
-        applySharedComponentToComponent(ev, path, component, translator, registry);
-        return;
-    }
-    if (ev instanceof YArrayEvent) {
-        ev.delta.forEach(action => {
-            if (Reflect.has(action, 'retain')) {
-                slot.retain(action.retain);
-            }
-            else if (action.insert) {
-                action.insert.forEach(item => {
-                    if (typeof item === 'string') {
-                        slot.insert(item);
-                    }
-                    else {
-                        slot.insert(translator.createComponent(item.toJSON()));
-                    }
-                });
+    transform(events, slot) {
+        events.forEach(ev => {
+            const path = [];
+            for (let i = 0; i < ev.path.length; i += 2) {
+                path.push(ev.path.slice(i, i + 2));
             }
-            else if (action.delete) {
-                slot.retain(slot.index);
-                slot.delete(action.delete);
+            if (path.length) {
+                const componentIndex = path.shift()[0];
+                const component = slot.getContentAtIndex(componentIndex);
+                this.applySharedComponentToComponent(ev, path, component);
+                return;
             }
+            this.applySharedSlotToSlot(ev, path, slot);
         });
     }
-    else if (ev instanceof YMapEvent) {
-        if (isUpdateFormats) {
-            const json = ev.target.toJSON();
+    applySharedComponentToComponent(ev, path, component) {
+        if (path.length) {
+            const childPath = path.shift();
+            const slot = component.slots.get(childPath[0]);
+            this.applySharedSlotToSlot(ev, path, slot);
+            return;
+        }
+        if (ev instanceof YMapEvent) {
             ev.keysChanged.forEach(key => {
-                const formats = json[key];
-                const formatter = registry.getFormatter(key);
-                if (formatter.type !== FormatType.Block) {
-                    slot.applyFormat(formatter, {
-                        startIndex: 0,
-                        endIndex: slot.length,
-                        value: null
+                if (key === 'state') {
+                    const state = ev.target.get('state');
+                    component.updateState(draft => {
+                        Object.assign(draft, state);
                     });
                 }
-                formats.forEach(item => {
-                    if (formatter.type === FormatType.Block) {
-                        slot.applyFormat(formatter, item.value);
+            });
+        }
+        else if (ev instanceof YArrayEvent) {
+            const slots = component.slots;
+            ev.delta.forEach(action => {
+                if (Reflect.has(action, 'retain')) {
+                    slots.retain(action.retain);
+                }
+                else if (action.insert) {
+                    action.insert.forEach(item => {
+                        slots.insert(this.createSlotBySharedSlot(item));
+                    });
+                }
+                else if (action.delete) {
+                    slots.retain(slots.index);
+                    slots.delete(action.delete);
+                }
+            });
+        }
+    }
+    applySharedSlotToSlot(ev, path, slot) {
+        if (path.length) {
+            path.shift();
+            const delta = ev.target.parent.toDelta();
+            let componentIndex = 0;
+            for (let i = 0; i < delta.length; i++) {
+                const action = delta[i];
+                if (action.insert === ev.target) {
+                    break;
+                }
+                componentIndex += typeof action.insert === 'string' ? action.insert.length : 1;
+            }
+            const component = slot.getContentAtIndex(componentIndex);
+            this.applySharedComponentToComponent(ev, path, component);
+            return;
+        }
+        if (ev instanceof YTextEvent) {
+            slot.retain(0);
+            ev.delta.forEach(action => {
+                if (Reflect.has(action, 'retain')) {
+                    if (action.attributes) {
+                        slot.retain(action.retain, Object.keys(action.attributes).map(key => {
+                            return [this.registry.getFormatter(key), action.attributes[key]];
+                        }));
+                    }
+                    slot.retain(action.retain);
+                }
+                else if (action.insert) {
+                    if (typeof action.insert === 'string') {
+                        slot.insert(action.insert, action.attributes ? Object.keys(action.attributes).map(key => {
+                            return [this.registry.getFormatter(key), action.attributes[key]];
+                        }) : []);
                     }
                     else {
-                        slot.applyFormat(formatter, item);
+                        const component = this.createComponentBySharedComponent(action.insert);
+                        slot.insert(component);
                     }
-                });
+                }
+                else if (action.delete) {
+                    slot.retain(slot.index);
+                    slot.delete(action.delete);
+                }
+                else if (action.attributes) {
+                    slot.updateState(draft => {
+                        Object.assign(draft, action.attributes);
+                    });
+                }
             });
         }
-        else {
+        else if (ev instanceof YMapEvent) {
             ev.keysChanged.forEach(key => {
                 if (key === 'state') {
                     const state = ev.target.get('state');
@@ -112,32 +126,42 @@ function applySharedSlotToSlot(ev, path, slot, translator, registry, isUpdateFor
             });
         }
     }
-}
-function apply(ev, slot, translator) {
-    if (ev instanceof YArrayEvent) {
-        slot.retain(0);
-        const delta = ev.delta;
-        delta.forEach(action => {
+    createComponentBySharedComponent(yMap) {
+        const slots = yMap.get('slots');
+        const componentLiteral = {
+            state: yMap.get('state'),
+            name: yMap.get('name'),
+            slots: slots.map(sharedSlot => {
+                return this.createSlotBySharedSlot(sharedSlot).toJSON();
+            })
+        };
+        return this.translator.createComponent(componentLiteral);
+    }
+    createSlotBySharedSlot(sharedSlot) {
+        const content = sharedSlot.get('content');
+        const delta = content.toDelta();
+        const slot = this.translator.createSlot({
+            schema: sharedSlot.get('schema'),
+            state: sharedSlot.get('state'),
+            formats: {},
+            content: []
+        });
+        for (const action of delta) {
             if (action.insert) {
-                action.insert.forEach(item => {
-                    if (typeof item === 'string') {
-                        slot.insert(item);
-                    }
-                    else {
-                        const json = item.toJSON();
-                        const component = translator.createComponent(json);
-                        slot.insert(component);
-                    }
-                });
-            }
-            else if (Reflect.has(action, 'retain')) {
-                slot.retain(action.retain);
+                if (typeof action.insert === 'string') {
+                    slot.insert(action.insert, action.attributes ? Object.keys(action.attributes).map(key => {
+                        return [this.registry.getFormatter(key), action.attributes[key]];
+                    }) : []);
+                }
+                else {
+                    slot.insert(this.createComponentBySharedComponent(action.insert));
+                }
             }
-            else if (action.delete) {
-                slot.retain(slot.index);
-                slot.delete(action.delete);
+            else {
+                throw collaborateErrorFn('Unexpected delta action.');
             }
-        });
+        }
+        return slot;
     }
 }
 //# sourceMappingURL=remote-to-local.js.map