@textbus/collaborate 2.0.0-alpha.36

package/README.md

@@ -0,0 +1,10 @@
+Textbus
+=====================
+
+Textbus 是一套用于构建富交互的富文本编辑框架。和大多数富文本编辑器不同的是，Textbus 以组件为核心，格式为辅助，并大幅简化了富文本编辑器开发中常见 API，且提供了更高的抽象层，使 Textbus 不仅易于上手，同时还能驱动复杂的富文本应用。
+
+本项目为 Textbus 协作编辑实现，提供了多人在线协作编辑能力的支持。
+
+### 文档
+
+更多文档请参考：[中文文档](https://textbus.io)

package/bundles/collaborate.d.ts

@@ -0,0 +1,15 @@
+import { RootComponentRef, Starter, Translator, FormatterList } from '@textbus/core';
+import { Doc as YDoc } from 'yjs';
+export declare class Collaborate {
+    private rootComponentRef;
+    private translator;
+    private formatterList;
+    private starter;
+    yDoc: YDoc;
+    private subscriptions;
+    private updateFromSelf;
+    constructor(rootComponentRef: RootComponentRef, translator: Translator, formatterList: FormatterList, starter: Starter);
+    setup(): void;
+    destroy(): void;
+    private listen;
+}

package/bundles/collaborate.js

@@ -0,0 +1,69 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Injectable } from '@tanbo/di';
+import { debounceTime, filter, tap } from '@tanbo/stream';
+import { RootComponentRef, Starter, Translator, FormatterList } from '@textbus/core';
+import { Doc as YDoc } from 'yjs';
+import { localToRemote } from './local-to-remote';
+import { remoteToLocal } from './remote-to-local';
+// const collaborateErrorFn = makeError('Collaborate')
+let Collaborate = class Collaborate {
+    constructor(rootComponentRef, translator, formatterList, starter) {
+        this.rootComponentRef = rootComponentRef;
+        this.translator = translator;
+        this.formatterList = formatterList;
+        this.starter = starter;
+        this.yDoc = new YDoc();
+        this.subscriptions = [];
+        this.updateFromSelf = true;
+    }
+    setup() {
+        this.subscriptions.push(this.starter.onReady.subscribe(() => {
+            this.listen();
+        }));
+    }
+    destroy() {
+        this.subscriptions.forEach(i => i.unsubscribe());
+    }
+    listen() {
+        const root = this.yDoc.getArray('content');
+        const slot = this.rootComponentRef.component.slots.get(0);
+        root.observeDeep((events, transaction) => {
+            if (transaction.origin === this.yDoc) {
+                return;
+            }
+            this.updateFromSelf = false;
+            remoteToLocal(events, slot, this.translator, this.formatterList);
+            this.updateFromSelf = true;
+        });
+        const operations = [];
+        this.subscriptions.push(this.rootComponentRef.component.changeMarker.onChange.pipe(filter(() => {
+            return this.updateFromSelf;
+        }), tap(op => {
+            operations.push(op);
+        }), debounceTime(1)).subscribe(() => {
+            this.yDoc.transact(() => {
+                operations.forEach(operation => {
+                    localToRemote(operation, root);
+                });
+                operations.length = 0;
+            }, this.yDoc);
+        }));
+    }
+};
+Collaborate = __decorate([
+    Injectable(),
+    __metadata("design:paramtypes", [RootComponentRef,
+        Translator,
+        FormatterList,
+        Starter])
+], Collaborate);
+export { Collaborate };
+//# sourceMappingURL=collaborate.js.map

package/bundles/collaborate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collaborate.js","sourceRoot":"","sources":["../src/collaborate.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,EAAgB,GAAG,EAAE,MAAM,eAAe,CAAA;AACvE,OAAO,EACL,gBAAgB,EAChB,OAAO,EAEP,UAAU,EACV,aAAa,EACd,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,GAAG,IAAI,IAAI,EAAE,MAAM,KAAK,CAAA;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,sDAAsD;AAGtD,IAAa,WAAW,GAAxB,MAAa,WAAW;IAMtB,YAAoB,gBAAkC,EAClC,UAAsB,EACtB,aAA4B,EAC5B,OAAgB;QAHhB,qBAAgB,GAAhB,gBAAgB,CAAkB;QAClC,eAAU,GAAV,UAAU,CAAY;QACtB,kBAAa,GAAb,aAAa,CAAe;QAC5B,YAAO,GAAP,OAAO,CAAS;QARpC,SAAI,GAAG,IAAI,IAAI,EAAE,CAAA;QAET,kBAAa,GAAmB,EAAE,CAAA;QAClC,mBAAc,GAAG,IAAI,CAAA;IAM7B,CAAC;IAED,KAAK;QACH,IAAI,CAAC,aAAa,CAAC,IAAI,CACrB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE;YAClC,IAAI,CAAC,MAAM,EAAE,CAAA;QACf,CAAC,CAAC,CACH,CAAA;IACH,CAAC;IAED,OAAO;QACL,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAA;IAClD,CAAC;IAEO,MAAM;QACZ,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;QAC1C,MAAM,IAAI,GAAG,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAE,CAAA;QAC1D,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE;YACvC,IAAI,WAAW,CAAC,MAAM,KAAK,IAAI,CAAC,IAAI,EAAE;gBACpC,OAAM;aACP;YACD,IAAI,CAAC,cAAc,GAAG,KAAK,CAAA;YAE3B,aAAa,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,aAAa,CAAC,CAAA;YAEhE,IAAI,CAAC,cAAc,GAAG,IAAI,CAAA;QAC5B,CAAC,CAAC,CAAA;QACF,MAAM,UAAU,GAAgB,EAAE,CAAA;QAClC,IAAI,CAAC,aAAa,CAAC,IAAI,CACrB,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CACxD,MAAM,CAAC,GAAG,EAAE;YACV,OAAO,IAAI,CAAC,cAAc,CAAA;QAC5B,CAAC,CAAC,EACF,GAAG,CAAC,EAAE,CAAC,EAAE;YACP,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;QACrB,CAAC,CAAC,EACF,YAAY,CAAC,CAAC,CAAC,CAChB,CAAC,SAAS,CAAC,GAAG,EAAE;YACf,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;gBACtB,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;oBAC7B,aAAa,CAAC,SAAS,EAAE,IAAI,CAAC,CAAA;gBAChC,CAAC,CAAC,CAAA;gBACF,UAAU,CAAC,MAAM,GAAG,CAAC,CAAA;YACvB,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;QACf,CAAC,CAAC,CACH,CAAA;IACH,CAAC;CACF,CAAA;AAzDY,WAAW;IADvB,UAAU,EAAE;qCAO2B,gBAAgB;QACtB,UAAU;QACP,aAAa;QACnB,OAAO;GATzB,WAAW,CAyDvB;SAzDY,WAAW"}

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

@@ -0,0 +1,3 @@
+import { Operation } from '@textbus/core';
+import { Array as YArray } from 'yjs';
+export declare function localToRemote(operation: Operation, root: YArray<any>): void;

package/bundles/local-to-remote.js

@@ -0,0 +1,173 @@
+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;
+    }
+    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;
+    }
+    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;
+        }
+    });
+}
+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');
+    let index;
+    let len;
+    actions.forEach(action => {
+        switch (action.type) {
+            case 'retain':
+                if (action.formats) {
+                    mergeSharedFormats(index, action.index, action.formats, slotYMap);
+                }
+                index = action.index;
+                break;
+            case 'insert':
+                if (typeof action.content === 'string') {
+                    len = action.content.length;
+                    content.insert(index, action.content.split(''));
+                }
+                else {
+                    len = 1;
+                    content.insert(index, [makeSharedComponentByComponentLiteral(action.content)]);
+                }
+                if (action.formats) {
+                    insertSharedFormats(index, len, action.formats, slotYMap);
+                }
+                break;
+            case 'delete':
+                if (content.length === 0) {
+                    // 当内容为空时，slot 实例内容为 ['\n']，触发删除会导致长度溢出
+                    return;
+                }
+                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]
+        });
+        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 根节点样式
+                }
+                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]);
+        }
+        else {
+            size = 1;
+            content.insert(index, [makeSharedComponentByComponentLiteral(i)]);
+        }
+        index += size;
+    });
+    const formats = new YMap();
+    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;
+}
+//# sourceMappingURL=local-to-remote.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"local-to-remote.js","sourceRoot":"","sources":["../src/local-to-remote.ts"],"names":[],"mappings":"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"}

package/bundles/public-api.d.ts

@@ -0,0 +1 @@
+export * from './collaborate';

package/bundles/public-api.js

@@ -0,0 +1,2 @@
+export * from './collaborate';
+//# sourceMappingURL=public-api.js.map

package/bundles/public-api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

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

@@ -0,0 +1,3 @@
+import { YEvent } from 'yjs';
+import { FormatterList, Slot, Translator } from '@textbus/core';
+export declare function remoteToLocal(events: YEvent[], slot: Slot, translator: Translator, formatterList: FormatterList): void;

package/bundles/remote-to-local.js

@@ -0,0 +1,143 @@
+import { YArrayEvent, YMapEvent } from 'yjs';
+import { FormatType } from '@textbus/core';
+export function remoteToLocal(events, slot, translator, formatterList) {
+    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, formatterList);
+            return;
+        }
+        apply(ev, slot, translator);
+    });
+}
+function applySharedComponentToComponent(ev, path, component, translator, formatterList) {
+    if (path.length) {
+        const childPath = path.shift();
+        const slot = component.slots.get(childPath[0]);
+        applySharedSlotToSlot(ev, path, slot, translator, formatterList, 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);
+                });
+            }
+        });
+    }
+    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);
+            }
+        });
+    }
+}
+function applySharedSlotToSlot(ev, path, slot, translator, formatterList, isUpdateFormats) {
+    if (path.length) {
+        const componentIndex = path.shift()[0];
+        const component = slot.getContentAtIndex(componentIndex);
+        applySharedComponentToComponent(ev, path, component, translator, formatterList);
+        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()));
+                    }
+                });
+            }
+            else if (action.delete) {
+                slot.retain(slot.index);
+                slot.delete(action.delete);
+            }
+        });
+    }
+    else if (ev instanceof YMapEvent) {
+        if (isUpdateFormats) {
+            const json = ev.target.toJSON();
+            ev.keysChanged.forEach(key => {
+                const formats = json[key];
+                const formatter = formatterList.get(key);
+                if (formatter.type !== FormatType.Block) {
+                    slot.applyFormat(formatter, {
+                        startIndex: 0,
+                        endIndex: slot.length,
+                        value: null
+                    });
+                }
+                formats.forEach(item => {
+                    if (formatter.type === FormatType.Block) {
+                        slot.applyFormat(formatter, item.value);
+                    }
+                    else {
+                        slot.applyFormat(formatter, item);
+                    }
+                });
+            });
+        }
+        else {
+            ev.keysChanged.forEach(key => {
+                if (key === 'state') {
+                    const state = ev.target.get('state');
+                    slot.updateState(draft => {
+                        Object.assign(draft, state);
+                    });
+                }
+            });
+        }
+    }
+}
+function apply(ev, slot, translator) {
+    if (ev instanceof YArrayEvent) {
+        slot.retain(0);
+        const delta = ev.delta;
+        delta.forEach(action => {
+            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 (action.retain) {
+                slot.retain(action.retain);
+            }
+            else if (action.delete) {
+                slot.retain(slot.index);
+                slot.delete(action.delete);
+            }
+        });
+    }
+}
+//# sourceMappingURL=remote-to-local.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"remote-to-local.js","sourceRoot":"","sources":["../src/remote-to-local.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@textbus/collaborate",
+  "version": "2.0.0-alpha.36",
+  "description": "TextBus is a rich text editor and framework that is highly customizable and extensible to achieve rich wysiwyg effects.",
+  "main": "./bundles/public-api.js",
+  "module": "./bundles/public-api.js",
+  "typings": "./bundles/public-api.d.ts",
+  "scripts": {
+    "start": "webpack-dev-server",
+    "test": "cross-env env=test jest",
+    "test-c": "cross-env env=test jest --coverage",
+    "build:lib": "rimraf bundles && tsc -p tsconfig-build.json",
+    "publish:lib": "npm run build:lib && npm publish --access=public"
+  },
+  "license": "GPL-3.0-only",
+  "keywords": [
+    "textbus",
+    "富文本编辑器",
+    "wysiwyg",
+    "wysiwyg editor",
+    "rich text editor",
+    "editor",
+    "html editor",
+    "web editor",
+    "typescript editor"
+  ],
+  "dependencies": {
+    "@tanbo/di": "^1.0.5",
+    "@tanbo/stream": "^0.0.11",
+    "@textbus/core": "^2.0.0-alpha.36",
+    "reflect-metadata": "^0.1.13",
+    "yjs": "^13.5.27",
+    "y-protocols": "^1.0.5"
+  },
+  "author": {
+    "name": "Tanbo",
+    "email": "tanbohb@qq.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/textbus/textbus.git"
+  },
+  "bugs": {
+    "url": "https://github.com/textbus/textbus.git/issues"
+  },
+  "gitHead": "536327fc2609d3f2bbf3b0720738d3ed918d612c"
+}

package/src/collaborate.ts

@@ -0,0 +1,74 @@
+import { Injectable } from '@tanbo/di'
+import { debounceTime, filter, Subscription, tap } from '@tanbo/stream'
+import {
+  RootComponentRef,
+  Starter,
+  Operation,
+  Translator,
+  FormatterList
+} from '@textbus/core'
+import { Doc as YDoc } from 'yjs'
+import { localToRemote } from './local-to-remote'
+import { remoteToLocal } from './remote-to-local'
+
+// const collaborateErrorFn = makeError('Collaborate')
+
+@Injectable()
+export class Collaborate {
+  yDoc = new YDoc()
+
+  private subscriptions: Subscription[] = []
+  private updateFromSelf = true
+
+  constructor(private rootComponentRef: RootComponentRef,
+              private translator: Translator,
+              private formatterList: FormatterList,
+              private starter: Starter) {
+  }
+
+  setup() {
+    this.subscriptions.push(
+      this.starter.onReady.subscribe(() => {
+        this.listen()
+      })
+    )
+  }
+
+  destroy() {
+    this.subscriptions.forEach(i => i.unsubscribe())
+  }
+
+  private listen() {
+    const root = this.yDoc.getArray('content')
+    const slot = this.rootComponentRef.component.slots.get(0)!
+    root.observeDeep((events, transaction) => {
+      if (transaction.origin === this.yDoc) {
+        return
+      }
+      this.updateFromSelf = false
+
+      remoteToLocal(events, slot, this.translator, this.formatterList)
+
+      this.updateFromSelf = true
+    })
+    const operations: Operation[] = []
+    this.subscriptions.push(
+      this.rootComponentRef.component.changeMarker.onChange.pipe(
+        filter(() => {
+          return this.updateFromSelf
+        }),
+        tap(op => {
+          operations.push(op)
+        }),
+        debounceTime(1)
+      ).subscribe(() => {
+        this.yDoc.transact(() => {
+          operations.forEach(operation => {
+            localToRemote(operation, root)
+          })
+          operations.length = 0
+        }, this.yDoc)
+      })
+    )
+  }
+}