@textbus/collaborate 3.0.0 → 3.1.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (7) hide show
  1. package/LICENSE +674 -674
  2. package/README.md +11 -11
  3. package/bundles/collaborate.d.ts +82 -82
  4. package/bundles/index.esm.js +735 -735
  5. package/bundles/index.js +735 -735
  6. package/bundles/public-api.d.ts +3 -3
  7. package/package.json +3 -3
package/bundles/index.js CHANGED
@@ -35,743 +35,743 @@ function __metadata(metadataKey, metadataValue) {
35
35
  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
36
36
  }
37
37
 
38
- const collaborateErrorFn = core.makeError('Collaborate');
39
- class ContentMap {
40
- constructor() {
41
- this.slotAndYTextMap = new WeakMap();
42
- this.yTextAndSLotMap = new WeakMap();
43
- }
44
- set(key, value) {
45
- if (key instanceof core.Slot) {
46
- this.slotAndYTextMap.set(key, value);
47
- this.yTextAndSLotMap.set(value, key);
48
- }
49
- else {
50
- this.slotAndYTextMap.set(value, key);
51
- this.yTextAndSLotMap.set(key, value);
52
- }
53
- }
54
- get(key) {
55
- if (key instanceof core.Slot) {
56
- return this.slotAndYTextMap.get(key) || null;
57
- }
58
- return this.yTextAndSLotMap.get(key) || null;
59
- }
60
- delete(key) {
61
- if (key instanceof core.Slot) {
62
- const v = this.slotAndYTextMap.get(key);
63
- this.slotAndYTextMap.delete(key);
64
- if (v) {
65
- this.yTextAndSLotMap.delete(v);
66
- }
67
- }
68
- else {
69
- const v = this.yTextAndSLotMap.get(key);
70
- this.yTextAndSLotMap.delete(key);
71
- if (v) {
72
- this.slotAndYTextMap.delete(v);
73
- }
74
- }
75
- }
76
- }
77
- class CustomUndoManagerConfig {
78
- }
79
- exports.Collaborate = class Collaborate {
80
- get canBack() {
81
- var _a;
82
- return ((_a = this.manager) === null || _a === void 0 ? void 0 : _a.canUndo()) || false;
83
- }
84
- get canForward() {
85
- var _a;
86
- return ((_a = this.manager) === null || _a === void 0 ? void 0 : _a.canRedo()) || false;
87
- }
88
- constructor(stackSize, rootComponentRef, controller, scheduler, registry, selection, starter, undoManagerConfig) {
89
- this.stackSize = stackSize;
90
- this.rootComponentRef = rootComponentRef;
91
- this.controller = controller;
92
- this.scheduler = scheduler;
93
- this.registry = registry;
94
- this.selection = selection;
95
- this.starter = starter;
96
- this.undoManagerConfig = undoManagerConfig;
97
- this.yDoc = new yjs.Doc();
98
- this.backEvent = new stream.Subject();
99
- this.forwardEvent = new stream.Subject();
100
- this.changeEvent = new stream.Subject();
101
- this.pushEvent = new stream.Subject();
102
- this.manager = null;
103
- this.subscriptions = [];
104
- this.updateFromRemote = false;
105
- this.contentSyncCaches = new WeakMap();
106
- this.slotStateSyncCaches = new WeakMap();
107
- this.slotsSyncCaches = new WeakMap();
108
- this.componentStateSyncCaches = new WeakMap();
109
- this.localChangesAppliedEvent = new stream.Subject();
110
- this.selectionChangeEvent = new stream.Subject();
111
- this.contentMap = new ContentMap();
112
- this.updateRemoteActions = [];
113
- this.noRecord = {};
114
- this.historyItems = [];
115
- this.index = 0;
116
- this.onBack = this.backEvent.asObservable();
117
- this.onForward = this.forwardEvent.asObservable();
118
- this.onChange = this.changeEvent.asObservable();
119
- this.onPush = this.pushEvent.asObservable();
120
- this.onLocalChangesApplied = this.localChangesAppliedEvent.asObservable();
121
- }
122
- listen() {
123
- const root = this.yDoc.getMap('RootComponent');
124
- const rootComponent = this.rootComponentRef.component;
125
- const undoManagerConfig = this.undoManagerConfig || {};
126
- const manager = new yjs.UndoManager(root, {
127
- trackedOrigins: new Set([this.yDoc]),
128
- captureTransaction(arg) {
129
- if (undoManagerConfig.captureTransaction) {
130
- return undoManagerConfig.captureTransaction(arg);
131
- }
132
- return true;
133
- },
134
- deleteFilter(item) {
135
- if (undoManagerConfig.deleteFilter) {
136
- return undoManagerConfig.deleteFilter(item);
137
- }
138
- return true;
139
- }
140
- });
141
- this.manager = manager;
142
- manager.on('stack-item-added', event => {
143
- if (event.type === 'undo') {
144
- if (event.origin === manager) {
145
- this.index++;
146
- }
147
- else {
148
- this.historyItems.length = this.index;
149
- this.historyItems.push(this.getRelativeCursorLocation());
150
- this.index++;
151
- }
152
- }
153
- else {
154
- this.index--;
155
- }
156
- if (manager.undoStack.length > this.stackSize) {
157
- this.historyItems.shift();
158
- manager.undoStack.shift();
159
- }
160
- if (event.origin === this.yDoc) {
161
- this.pushEvent.next();
162
- }
163
- this.changeEvent.next();
164
- });
165
- manager.on('stack-item-popped', () => {
166
- const position = this.historyItems[this.index - 1];
167
- if (position) {
168
- const selection = this.getAbstractSelection(position);
169
- if (selection) {
170
- this.selection.setBaseAndExtent(selection.anchorSlot, selection.anchorOffset, selection.focusSlot, selection.focusOffset);
171
- return;
172
- }
173
- }
174
- this.selection.unSelect();
175
- });
176
- this.subscriptions.push(this.selection.onChange.subscribe(() => {
177
- const paths = this.selection.getPaths();
178
- this.selectionChangeEvent.next(paths);
179
- }), this.scheduler.onDocChanged.pipe(stream.map(item => {
180
- return item.filter(i => {
181
- return i.from !== core.ChangeOrigin.Remote;
182
- });
183
- }), stream.filter(item => {
184
- return item.length;
185
- })).subscribe(() => {
186
- const updates = [];
187
- let update = null;
188
- for (const item of this.updateRemoteActions) {
189
- if (!update) {
190
- update = {
191
- record: item.record,
192
- actions: []
193
- };
194
- updates.push(update);
195
- }
196
- if (update.record === item.record) {
197
- update.actions.push(item.action);
198
- }
199
- else {
200
- update = {
201
- record: item.record,
202
- actions: [item.action]
203
- };
204
- updates.push(update);
205
- }
206
- }
207
- this.updateRemoteActions = [];
208
- for (const item of updates) {
209
- this.yDoc.transact(() => {
210
- item.actions.forEach(fn => {
211
- fn();
212
- });
213
- }, item.record ? this.yDoc : this.noRecord);
214
- }
215
- this.localChangesAppliedEvent.next();
216
- }));
217
- this.syncRootComponent(root, rootComponent);
218
- }
219
- back() {
220
- var _a;
221
- if (this.canBack) {
222
- (_a = this.manager) === null || _a === void 0 ? void 0 : _a.undo();
223
- this.backEvent.next();
224
- }
225
- }
226
- forward() {
227
- var _a;
228
- if (this.canForward) {
229
- (_a = this.manager) === null || _a === void 0 ? void 0 : _a.redo();
230
- this.forwardEvent.next();
231
- }
232
- }
233
- clear() {
234
- var _a;
235
- this.index = 0;
236
- this.historyItems = [];
237
- (_a = this.manager) === null || _a === void 0 ? void 0 : _a.clear();
238
- this.changeEvent.next();
239
- }
240
- destroy() {
241
- var _a;
242
- this.index = 0;
243
- this.historyItems = [];
244
- this.subscriptions.forEach(i => i.unsubscribe());
245
- (_a = this.manager) === null || _a === void 0 ? void 0 : _a.destroy();
246
- }
247
- syncRootComponent(root, rootComponent) {
248
- let slots = root.get('slots');
249
- if (!slots) {
250
- slots = new yjs.Array();
251
- rootComponent.slots.toArray().forEach(i => {
252
- const sharedSlot = this.createSharedSlotBySlot(i);
253
- slots.push([sharedSlot]);
254
- });
255
- this.yDoc.transact(() => {
256
- root.set('state', rootComponent.state);
257
- root.set('slots', slots);
258
- });
259
- }
260
- else if (slots.length === 0) {
261
- rootComponent.updateState(() => {
262
- return root.get('state');
263
- });
264
- this.yDoc.transact(() => {
265
- rootComponent.slots.toArray().forEach(i => {
266
- const sharedSlot = this.createSharedSlotBySlot(i);
267
- slots.push([sharedSlot]);
268
- });
269
- });
270
- }
271
- else {
272
- rootComponent.updateState(() => {
273
- return root.get('state');
274
- });
275
- rootComponent.slots.clean();
276
- slots.forEach(sharedSlot => {
277
- const slot = this.createSlotBySharedSlot(sharedSlot);
278
- this.syncSlotContent(sharedSlot.get('content'), slot);
279
- this.syncSlotState(sharedSlot, slot);
280
- rootComponent.slots.insert(slot);
281
- });
282
- }
283
- this.syncComponentState(root, rootComponent);
284
- this.syncComponentSlots(slots, rootComponent);
285
- }
286
- getAbstractSelection(position) {
287
- const anchorPosition = yjs.createAbsolutePositionFromRelativePosition(position.anchor, this.yDoc);
288
- const focusPosition = yjs.createAbsolutePositionFromRelativePosition(position.focus, this.yDoc);
289
- if (anchorPosition && focusPosition) {
290
- const focusSlot = this.contentMap.get(focusPosition.type);
291
- const anchorSlot = this.contentMap.get(anchorPosition.type);
292
- if (focusSlot && anchorSlot) {
293
- return {
294
- anchorSlot,
295
- anchorOffset: anchorPosition.index,
296
- focusSlot,
297
- focusOffset: focusPosition.index
298
- };
299
- }
300
- }
301
- return null;
302
- }
303
- getRelativeCursorLocation() {
304
- const { anchorSlot, anchorOffset, focusSlot, focusOffset } = this.selection;
305
- if (anchorSlot) {
306
- const anchorYText = this.contentMap.get(anchorSlot);
307
- if (anchorYText) {
308
- const anchorPosition = yjs.createRelativePositionFromTypeIndex(anchorYText, anchorOffset);
309
- if (focusSlot) {
310
- const focusYText = this.contentMap.get(focusSlot);
311
- if (focusYText) {
312
- const focusPosition = yjs.createRelativePositionFromTypeIndex(focusYText, focusOffset);
313
- return {
314
- focus: focusPosition,
315
- anchor: anchorPosition
316
- };
317
- }
318
- }
319
- }
320
- }
321
- return null;
322
- }
323
- syncSlotContent(content, slot) {
324
- this.contentMap.set(slot, content);
325
- const syncRemote = (ev, tr) => {
326
- this.runRemoteUpdate(tr, () => {
327
- slot.retain(0);
328
- ev.keysChanged.forEach(key => {
329
- const change = ev.keys.get(key);
330
- if (!change) {
331
- return;
332
- }
333
- const updateType = change.action;
334
- if (updateType === 'update' || updateType === 'add') {
335
- const attribute = this.registry.getAttribute(key);
336
- if (attribute) {
337
- slot.setAttribute(attribute, content.getAttribute(key));
338
- }
339
- }
340
- else if (updateType === 'delete') {
341
- const attribute = this.registry.getAttribute(key);
342
- if (attribute) {
343
- slot.removeAttribute(attribute);
344
- }
345
- }
346
- });
347
- ev.delta.forEach(action => {
348
- if (Reflect.has(action, 'retain')) {
349
- if (action.attributes) {
350
- const formats = remoteFormatsToLocal(this.registry, action.attributes);
351
- if (formats.length) {
352
- slot.retain(action.retain, formats);
353
- }
354
- slot.retain(slot.index + action.retain);
355
- }
356
- else {
357
- slot.retain(action.retain);
358
- }
359
- }
360
- else if (action.insert) {
361
- const index = slot.index;
362
- let length = 1;
363
- if (typeof action.insert === 'string') {
364
- length = action.insert.length;
365
- slot.insert(action.insert, remoteFormatsToLocal(this.registry, action.attributes));
366
- }
367
- else {
368
- const sharedComponent = action.insert;
369
- const component = this.createComponentBySharedComponent(sharedComponent);
370
- this.syncComponentSlots(sharedComponent.get('slots'), component);
371
- this.syncComponentState(sharedComponent, component);
372
- slot.insert(component);
373
- }
374
- if (this.selection.isSelected && tr.origin !== this.manager) {
375
- if (slot === this.selection.anchorSlot && this.selection.anchorOffset > index) {
376
- this.selection.setAnchor(slot, this.selection.anchorOffset + length);
377
- }
378
- if (slot === this.selection.focusSlot && this.selection.focusOffset > index) {
379
- this.selection.setFocus(slot, this.selection.focusOffset + length);
380
- }
381
- }
382
- }
383
- else if (action.delete) {
384
- const index = slot.index;
385
- slot.delete(action.delete);
386
- if (this.selection.isSelected && tr.origin !== this.manager) {
387
- if (slot === this.selection.anchorSlot && this.selection.anchorOffset >= index) {
388
- this.selection.setAnchor(slot, this.selection.startOffset - action.delete);
389
- }
390
- if (slot === this.selection.focusSlot && this.selection.focusOffset >= index) {
391
- this.selection.setFocus(slot, this.selection.focusOffset - action.delete);
392
- }
393
- }
394
- }
395
- });
396
- });
397
- };
398
- content.observe(syncRemote);
399
- const sub = slot.onContentChange.subscribe(actions => {
400
- this.runLocalUpdate(() => {
401
- var _a;
402
- let offset = 0;
403
- let length = 0;
404
- for (const action of actions) {
405
- if (action.type === 'retain') {
406
- const formats = action.formats;
407
- if (formats) {
408
- const keys = Object.keys(formats);
409
- let length = keys.length;
410
- keys.forEach(key => {
411
- const formatter = this.registry.getFormatter(key);
412
- if (!formatter) {
413
- length--;
414
- Reflect.deleteProperty(formats, key);
415
- }
416
- });
417
- if (length) {
418
- content.format(offset, action.offset, formats);
419
- }
420
- }
421
- else {
422
- offset = action.offset;
423
- }
424
- }
425
- else if (action.type === 'insert') {
426
- const delta = content.toDelta();
427
- const isEmpty = delta.length === 1 && delta[0].insert === core.Slot.emptyPlaceholder;
428
- if (typeof action.content === 'string') {
429
- length = action.content.length;
430
- content.insert(offset, action.content, action.formats || {});
431
- }
432
- else {
433
- length = 1;
434
- const sharedComponent = this.createSharedComponentByComponent(action.ref);
435
- content.insertEmbed(offset, sharedComponent, action.formats || {});
436
- }
437
- if (isEmpty && offset === 0) {
438
- content.delete(content.length - 1, 1);
439
- }
440
- offset += length;
441
- }
442
- else if (action.type === 'delete') {
443
- const delta = content.toDelta();
444
- if (content.length) {
445
- content.delete(offset, action.count);
446
- }
447
- if (content.length === 0) {
448
- content.insert(0, '\n', (_a = delta[0]) === null || _a === void 0 ? void 0 : _a.attributes);
449
- }
450
- }
451
- else if (action.type === 'attrSet') {
452
- content.setAttribute(action.name, action.value);
453
- }
454
- else if (action.type === 'attrRemove') {
455
- content.removeAttribute(action.name);
456
- }
457
- }
458
- });
459
- });
460
- sub.add(slot.onChildComponentRemove.subscribe(components => {
461
- components.forEach(c => {
462
- this.cleanSubscriptionsByComponent(c);
463
- });
464
- }));
465
- this.contentSyncCaches.set(slot, () => {
466
- content.unobserve(syncRemote);
467
- sub.unsubscribe();
468
- });
469
- }
470
- syncSlotState(remoteSlot, slot) {
471
- const syncRemote = (ev, tr) => {
472
- this.runRemoteUpdate(tr, () => {
473
- ev.keysChanged.forEach(key => {
474
- if (key === 'state') {
475
- const state = ev.target.get('state');
476
- slot.updateState(draft => {
477
- if (typeof draft === 'object' && draft !== null) {
478
- Object.assign(draft, state);
479
- }
480
- else {
481
- return state;
482
- }
483
- });
484
- }
485
- });
486
- });
487
- };
488
- remoteSlot.observe(syncRemote);
489
- const sub = slot.onStateChange.subscribe(change => {
490
- this.runLocalUpdate(() => {
491
- remoteSlot.set('state', change.newState);
492
- }, change.record);
493
- });
494
- this.slotStateSyncCaches.set(slot, () => {
495
- remoteSlot.unobserve(syncRemote);
496
- sub.unsubscribe();
497
- });
498
- }
499
- syncComponentSlots(remoteSlots, component) {
500
- const slots = component.slots;
501
- const syncRemote = (ev, tr) => {
502
- this.runRemoteUpdate(tr, () => {
503
- let index = 0;
504
- slots.retain(index);
505
- ev.delta.forEach(action => {
506
- if (Reflect.has(action, 'retain')) {
507
- index += action.retain;
508
- slots.retain(index);
509
- }
510
- else if (action.insert) {
511
- action.insert.forEach(item => {
512
- const slot = this.createSlotBySharedSlot(item);
513
- slots.insert(slot);
514
- this.syncSlotContent(item.get('content'), slot);
515
- this.syncSlotState(item, slot);
516
- index++;
517
- });
518
- }
519
- else if (action.delete) {
520
- slots.retain(index);
521
- slots.delete(action.delete);
522
- }
523
- });
524
- });
525
- };
526
- remoteSlots.observe(syncRemote);
527
- const sub = slots.onChange.subscribe(operations => {
528
- this.runLocalUpdate(() => {
529
- const applyActions = operations.apply;
530
- let index;
531
- applyActions.forEach(action => {
532
- if (action.type === 'retain') {
533
- index = action.offset;
534
- }
535
- else if (action.type === 'insertSlot') {
536
- const sharedSlot = this.createSharedSlotBySlot(action.ref);
537
- remoteSlots.insert(index, [sharedSlot]);
538
- index++;
539
- }
540
- else if (action.type === 'delete') {
541
- remoteSlots.delete(index, action.count);
542
- }
543
- });
544
- });
545
- });
546
- sub.add(slots.onChildSlotRemove.subscribe(slots => {
547
- slots.forEach(slot => {
548
- this.cleanSubscriptionsBySlot(slot);
549
- });
550
- }));
551
- this.slotsSyncCaches.set(component, () => {
552
- remoteSlots.unobserve(syncRemote);
553
- sub.unsubscribe();
554
- });
555
- }
556
- syncComponentState(remoteComponent, component) {
557
- const syncRemote = (ev, tr) => {
558
- this.runRemoteUpdate(tr, () => {
559
- ev.keysChanged.forEach(key => {
560
- if (key === 'state') {
561
- const state = ev.target.get('state');
562
- component.updateState(draft => {
563
- if (typeof draft === 'object' && draft !== null) {
564
- Object.assign(draft, state);
565
- }
566
- else {
567
- return state;
568
- }
569
- });
570
- }
571
- });
572
- });
573
- };
574
- remoteComponent.observe(syncRemote);
575
- const sub = component.onStateChange.subscribe(change => {
576
- this.runLocalUpdate(() => {
577
- remoteComponent.set('state', change.newState);
578
- }, change.record);
579
- });
580
- this.componentStateSyncCaches.set(component, () => {
581
- remoteComponent.unobserve(syncRemote);
582
- sub.unsubscribe();
583
- });
584
- }
585
- runLocalUpdate(fn, record = true) {
586
- if (this.updateFromRemote || this.controller.readonly) {
587
- return;
588
- }
589
- this.updateRemoteActions.push({
590
- record,
591
- action: fn
592
- });
593
- }
594
- runRemoteUpdate(tr, fn) {
595
- if (tr.origin === this.yDoc) {
596
- return;
597
- }
598
- this.updateFromRemote = true;
599
- if (tr.origin === this.manager) {
600
- this.scheduler.historyApplyTransact(fn);
601
- }
602
- else {
603
- this.scheduler.remoteUpdateTransact(fn);
604
- }
605
- this.updateFromRemote = false;
606
- }
607
- createSharedComponentByComponent(component) {
608
- const sharedComponent = new yjs.Map();
609
- sharedComponent.set('state', component.state);
610
- sharedComponent.set('name', component.name);
611
- const sharedSlots = new yjs.Array();
612
- sharedComponent.set('slots', sharedSlots);
613
- component.slots.toArray().forEach(slot => {
614
- const sharedSlot = this.createSharedSlotBySlot(slot);
615
- sharedSlots.push([sharedSlot]);
616
- });
617
- this.syncComponentSlots(sharedSlots, component);
618
- this.syncComponentState(sharedComponent, component);
619
- return sharedComponent;
620
- }
621
- createSharedSlotBySlot(slot) {
622
- const sharedSlot = new yjs.Map();
623
- sharedSlot.set('schema', slot.schema);
624
- sharedSlot.set('state', slot.state);
625
- const sharedContent = new yjs.Text();
626
- sharedSlot.set('content', sharedContent);
627
- let offset = 0;
628
- slot.toDelta().forEach(i => {
629
- let formats = {};
630
- if (i.formats) {
631
- i.formats.forEach(item => {
632
- formats[item[0].name] = item[1];
633
- });
634
- }
635
- else {
636
- formats = null;
637
- }
638
- if (typeof i.insert === 'string') {
639
- sharedContent.insert(offset, i.insert, formats);
640
- }
641
- else {
642
- const sharedComponent = this.createSharedComponentByComponent(i.insert);
643
- sharedContent.insertEmbed(offset, sharedComponent, formats);
644
- }
645
- offset += i.insert.length;
646
- });
647
- slot.getAttributes().forEach(item => {
648
- sharedContent.setAttribute(item[0].name, item[1]);
649
- });
650
- this.syncSlotContent(sharedContent, slot);
651
- this.syncSlotState(sharedSlot, slot);
652
- return sharedSlot;
653
- }
654
- createComponentBySharedComponent(yMap) {
655
- const sharedSlots = yMap.get('slots');
656
- const slots = [];
657
- sharedSlots.forEach(sharedSlot => {
658
- const slot = this.createSlotBySharedSlot(sharedSlot);
659
- slots.push(slot);
660
- });
661
- const name = yMap.get('name');
662
- const state = yMap.get('state');
663
- const instance = this.registry.createComponentByData(name, {
664
- state,
665
- slots
666
- });
667
- if (instance) {
668
- instance.slots.toArray().forEach((slot, index) => {
669
- let sharedSlot = sharedSlots.get(index);
670
- if (!sharedSlot) {
671
- sharedSlot = this.createSharedSlotBySlot(slot);
672
- sharedSlots.push([sharedSlot]);
673
- }
674
- this.syncSlotState(sharedSlot, slot);
675
- this.syncSlotContent(sharedSlot.get('content'), slot);
676
- });
677
- return instance;
678
- }
679
- throw collaborateErrorFn(`cannot find component factory \`${name}\`.`);
680
- }
681
- createSlotBySharedSlot(sharedSlot) {
682
- const content = sharedSlot.get('content');
683
- const delta = content.toDelta();
684
- const slot = this.registry.createSlot({
685
- schema: sharedSlot.get('schema'),
686
- state: sharedSlot.get('state'),
687
- attributes: {},
688
- formats: {},
689
- content: []
690
- });
691
- const attrs = content.getAttributes();
692
- Object.keys(attrs).forEach(key => {
693
- const attribute = this.registry.getAttribute(key);
694
- if (attribute) {
695
- slot.setAttribute(attribute, attrs[key]);
696
- }
697
- });
698
- for (const action of delta) {
699
- if (action.insert) {
700
- if (typeof action.insert === 'string') {
701
- const formats = remoteFormatsToLocal(this.registry, action.attributes);
702
- slot.insert(action.insert, formats);
703
- }
704
- else {
705
- const sharedComponent = action.insert;
706
- const component = this.createComponentBySharedComponent(sharedComponent);
707
- slot.insert(component, remoteFormatsToLocal(this.registry, action.attributes));
708
- this.syncComponentSlots(sharedComponent.get('slots'), component);
709
- this.syncComponentState(sharedComponent, component);
710
- }
711
- }
712
- else {
713
- throw collaborateErrorFn('unexpected delta action.');
714
- }
715
- }
716
- return slot;
717
- }
718
- cleanSubscriptionsBySlot(slot) {
719
- this.contentMap.delete(slot);
720
- [this.contentSyncCaches.get(slot), this.slotStateSyncCaches.get(slot)].forEach(fn => {
721
- if (fn) {
722
- fn();
723
- }
724
- });
725
- slot.sliceContent().forEach(i => {
726
- if (typeof i !== 'string') {
727
- this.cleanSubscriptionsByComponent(i);
728
- }
729
- });
730
- }
731
- cleanSubscriptionsByComponent(component) {
732
- [this.slotsSyncCaches.get(component), this.componentStateSyncCaches.get(component)].forEach(fn => {
733
- if (fn) {
734
- fn();
735
- }
736
- });
737
- component.slots.toArray().forEach(slot => {
738
- this.cleanSubscriptionsBySlot(slot);
739
- });
740
- }
741
- };
742
- exports.Collaborate = __decorate([
743
- di.Injectable(),
744
- __param(0, di.Inject(core.HISTORY_STACK_SIZE)),
745
- __param(7, di.Optional()),
746
- __metadata("design:paramtypes", [Number, core.RootComponentRef,
747
- core.Controller,
748
- core.Scheduler,
749
- core.Registry,
750
- core.Selection,
751
- core.Starter,
752
- CustomUndoManagerConfig])
753
- ], exports.Collaborate);
754
- function remoteFormatsToLocal(registry, attrs) {
755
- const formats = [];
756
- if (attrs) {
757
- Object.keys(attrs).forEach(key => {
758
- const formatter = registry.getFormatter(key);
759
- if (formatter) {
760
- formats.push([formatter, attrs[key]]);
761
- }
762
- });
763
- }
764
- return formats;
38
+ const collaborateErrorFn = core.makeError('Collaborate');
39
+ class ContentMap {
40
+ constructor() {
41
+ this.slotAndYTextMap = new WeakMap();
42
+ this.yTextAndSLotMap = new WeakMap();
43
+ }
44
+ set(key, value) {
45
+ if (key instanceof core.Slot) {
46
+ this.slotAndYTextMap.set(key, value);
47
+ this.yTextAndSLotMap.set(value, key);
48
+ }
49
+ else {
50
+ this.slotAndYTextMap.set(value, key);
51
+ this.yTextAndSLotMap.set(key, value);
52
+ }
53
+ }
54
+ get(key) {
55
+ if (key instanceof core.Slot) {
56
+ return this.slotAndYTextMap.get(key) || null;
57
+ }
58
+ return this.yTextAndSLotMap.get(key) || null;
59
+ }
60
+ delete(key) {
61
+ if (key instanceof core.Slot) {
62
+ const v = this.slotAndYTextMap.get(key);
63
+ this.slotAndYTextMap.delete(key);
64
+ if (v) {
65
+ this.yTextAndSLotMap.delete(v);
66
+ }
67
+ }
68
+ else {
69
+ const v = this.yTextAndSLotMap.get(key);
70
+ this.yTextAndSLotMap.delete(key);
71
+ if (v) {
72
+ this.slotAndYTextMap.delete(v);
73
+ }
74
+ }
75
+ }
76
+ }
77
+ class CustomUndoManagerConfig {
78
+ }
79
+ exports.Collaborate = class Collaborate {
80
+ get canBack() {
81
+ var _a;
82
+ return ((_a = this.manager) === null || _a === void 0 ? void 0 : _a.canUndo()) || false;
83
+ }
84
+ get canForward() {
85
+ var _a;
86
+ return ((_a = this.manager) === null || _a === void 0 ? void 0 : _a.canRedo()) || false;
87
+ }
88
+ constructor(stackSize, rootComponentRef, controller, scheduler, registry, selection, starter, undoManagerConfig) {
89
+ this.stackSize = stackSize;
90
+ this.rootComponentRef = rootComponentRef;
91
+ this.controller = controller;
92
+ this.scheduler = scheduler;
93
+ this.registry = registry;
94
+ this.selection = selection;
95
+ this.starter = starter;
96
+ this.undoManagerConfig = undoManagerConfig;
97
+ this.yDoc = new yjs.Doc();
98
+ this.backEvent = new stream.Subject();
99
+ this.forwardEvent = new stream.Subject();
100
+ this.changeEvent = new stream.Subject();
101
+ this.pushEvent = new stream.Subject();
102
+ this.manager = null;
103
+ this.subscriptions = [];
104
+ this.updateFromRemote = false;
105
+ this.contentSyncCaches = new WeakMap();
106
+ this.slotStateSyncCaches = new WeakMap();
107
+ this.slotsSyncCaches = new WeakMap();
108
+ this.componentStateSyncCaches = new WeakMap();
109
+ this.localChangesAppliedEvent = new stream.Subject();
110
+ this.selectionChangeEvent = new stream.Subject();
111
+ this.contentMap = new ContentMap();
112
+ this.updateRemoteActions = [];
113
+ this.noRecord = {};
114
+ this.historyItems = [];
115
+ this.index = 0;
116
+ this.onBack = this.backEvent.asObservable();
117
+ this.onForward = this.forwardEvent.asObservable();
118
+ this.onChange = this.changeEvent.asObservable();
119
+ this.onPush = this.pushEvent.asObservable();
120
+ this.onLocalChangesApplied = this.localChangesAppliedEvent.asObservable();
121
+ }
122
+ listen() {
123
+ const root = this.yDoc.getMap('RootComponent');
124
+ const rootComponent = this.rootComponentRef.component;
125
+ const undoManagerConfig = this.undoManagerConfig || {};
126
+ const manager = new yjs.UndoManager(root, {
127
+ trackedOrigins: new Set([this.yDoc]),
128
+ captureTransaction(arg) {
129
+ if (undoManagerConfig.captureTransaction) {
130
+ return undoManagerConfig.captureTransaction(arg);
131
+ }
132
+ return true;
133
+ },
134
+ deleteFilter(item) {
135
+ if (undoManagerConfig.deleteFilter) {
136
+ return undoManagerConfig.deleteFilter(item);
137
+ }
138
+ return true;
139
+ }
140
+ });
141
+ this.manager = manager;
142
+ manager.on('stack-item-added', event => {
143
+ if (event.type === 'undo') {
144
+ if (event.origin === manager) {
145
+ this.index++;
146
+ }
147
+ else {
148
+ this.historyItems.length = this.index;
149
+ this.historyItems.push(this.getRelativeCursorLocation());
150
+ this.index++;
151
+ }
152
+ }
153
+ else {
154
+ this.index--;
155
+ }
156
+ if (manager.undoStack.length > this.stackSize) {
157
+ this.historyItems.shift();
158
+ manager.undoStack.shift();
159
+ }
160
+ if (event.origin === this.yDoc) {
161
+ this.pushEvent.next();
162
+ }
163
+ this.changeEvent.next();
164
+ });
165
+ manager.on('stack-item-popped', () => {
166
+ const position = this.historyItems[this.index - 1];
167
+ if (position) {
168
+ const selection = this.getAbstractSelection(position);
169
+ if (selection) {
170
+ this.selection.setBaseAndExtent(selection.anchorSlot, selection.anchorOffset, selection.focusSlot, selection.focusOffset);
171
+ return;
172
+ }
173
+ }
174
+ this.selection.unSelect();
175
+ });
176
+ this.subscriptions.push(this.selection.onChange.subscribe(() => {
177
+ const paths = this.selection.getPaths();
178
+ this.selectionChangeEvent.next(paths);
179
+ }), this.scheduler.onDocChanged.pipe(stream.map(item => {
180
+ return item.filter(i => {
181
+ return i.from !== core.ChangeOrigin.Remote;
182
+ });
183
+ }), stream.filter(item => {
184
+ return item.length;
185
+ })).subscribe(() => {
186
+ const updates = [];
187
+ let update = null;
188
+ for (const item of this.updateRemoteActions) {
189
+ if (!update) {
190
+ update = {
191
+ record: item.record,
192
+ actions: []
193
+ };
194
+ updates.push(update);
195
+ }
196
+ if (update.record === item.record) {
197
+ update.actions.push(item.action);
198
+ }
199
+ else {
200
+ update = {
201
+ record: item.record,
202
+ actions: [item.action]
203
+ };
204
+ updates.push(update);
205
+ }
206
+ }
207
+ this.updateRemoteActions = [];
208
+ for (const item of updates) {
209
+ this.yDoc.transact(() => {
210
+ item.actions.forEach(fn => {
211
+ fn();
212
+ });
213
+ }, item.record ? this.yDoc : this.noRecord);
214
+ }
215
+ this.localChangesAppliedEvent.next();
216
+ }));
217
+ this.syncRootComponent(root, rootComponent);
218
+ }
219
+ back() {
220
+ var _a;
221
+ if (this.canBack) {
222
+ (_a = this.manager) === null || _a === void 0 ? void 0 : _a.undo();
223
+ this.backEvent.next();
224
+ }
225
+ }
226
+ forward() {
227
+ var _a;
228
+ if (this.canForward) {
229
+ (_a = this.manager) === null || _a === void 0 ? void 0 : _a.redo();
230
+ this.forwardEvent.next();
231
+ }
232
+ }
233
+ clear() {
234
+ var _a;
235
+ this.index = 0;
236
+ this.historyItems = [];
237
+ (_a = this.manager) === null || _a === void 0 ? void 0 : _a.clear();
238
+ this.changeEvent.next();
239
+ }
240
+ destroy() {
241
+ var _a;
242
+ this.index = 0;
243
+ this.historyItems = [];
244
+ this.subscriptions.forEach(i => i.unsubscribe());
245
+ (_a = this.manager) === null || _a === void 0 ? void 0 : _a.destroy();
246
+ }
247
+ syncRootComponent(root, rootComponent) {
248
+ let slots = root.get('slots');
249
+ if (!slots) {
250
+ slots = new yjs.Array();
251
+ rootComponent.slots.toArray().forEach(i => {
252
+ const sharedSlot = this.createSharedSlotBySlot(i);
253
+ slots.push([sharedSlot]);
254
+ });
255
+ this.yDoc.transact(() => {
256
+ root.set('state', rootComponent.state);
257
+ root.set('slots', slots);
258
+ });
259
+ }
260
+ else if (slots.length === 0) {
261
+ rootComponent.updateState(() => {
262
+ return root.get('state');
263
+ });
264
+ this.yDoc.transact(() => {
265
+ rootComponent.slots.toArray().forEach(i => {
266
+ const sharedSlot = this.createSharedSlotBySlot(i);
267
+ slots.push([sharedSlot]);
268
+ });
269
+ });
270
+ }
271
+ else {
272
+ rootComponent.updateState(() => {
273
+ return root.get('state');
274
+ });
275
+ rootComponent.slots.clean();
276
+ slots.forEach(sharedSlot => {
277
+ const slot = this.createSlotBySharedSlot(sharedSlot);
278
+ this.syncSlotContent(sharedSlot.get('content'), slot);
279
+ this.syncSlotState(sharedSlot, slot);
280
+ rootComponent.slots.insert(slot);
281
+ });
282
+ }
283
+ this.syncComponentState(root, rootComponent);
284
+ this.syncComponentSlots(slots, rootComponent);
285
+ }
286
+ getAbstractSelection(position) {
287
+ const anchorPosition = yjs.createAbsolutePositionFromRelativePosition(position.anchor, this.yDoc);
288
+ const focusPosition = yjs.createAbsolutePositionFromRelativePosition(position.focus, this.yDoc);
289
+ if (anchorPosition && focusPosition) {
290
+ const focusSlot = this.contentMap.get(focusPosition.type);
291
+ const anchorSlot = this.contentMap.get(anchorPosition.type);
292
+ if (focusSlot && anchorSlot) {
293
+ return {
294
+ anchorSlot,
295
+ anchorOffset: anchorPosition.index,
296
+ focusSlot,
297
+ focusOffset: focusPosition.index
298
+ };
299
+ }
300
+ }
301
+ return null;
302
+ }
303
+ getRelativeCursorLocation() {
304
+ const { anchorSlot, anchorOffset, focusSlot, focusOffset } = this.selection;
305
+ if (anchorSlot) {
306
+ const anchorYText = this.contentMap.get(anchorSlot);
307
+ if (anchorYText) {
308
+ const anchorPosition = yjs.createRelativePositionFromTypeIndex(anchorYText, anchorOffset);
309
+ if (focusSlot) {
310
+ const focusYText = this.contentMap.get(focusSlot);
311
+ if (focusYText) {
312
+ const focusPosition = yjs.createRelativePositionFromTypeIndex(focusYText, focusOffset);
313
+ return {
314
+ focus: focusPosition,
315
+ anchor: anchorPosition
316
+ };
317
+ }
318
+ }
319
+ }
320
+ }
321
+ return null;
322
+ }
323
+ syncSlotContent(content, slot) {
324
+ this.contentMap.set(slot, content);
325
+ const syncRemote = (ev, tr) => {
326
+ this.runRemoteUpdate(tr, () => {
327
+ slot.retain(0);
328
+ ev.keysChanged.forEach(key => {
329
+ const change = ev.keys.get(key);
330
+ if (!change) {
331
+ return;
332
+ }
333
+ const updateType = change.action;
334
+ if (updateType === 'update' || updateType === 'add') {
335
+ const attribute = this.registry.getAttribute(key);
336
+ if (attribute) {
337
+ slot.setAttribute(attribute, content.getAttribute(key));
338
+ }
339
+ }
340
+ else if (updateType === 'delete') {
341
+ const attribute = this.registry.getAttribute(key);
342
+ if (attribute) {
343
+ slot.removeAttribute(attribute);
344
+ }
345
+ }
346
+ });
347
+ ev.delta.forEach(action => {
348
+ if (Reflect.has(action, 'retain')) {
349
+ if (action.attributes) {
350
+ const formats = remoteFormatsToLocal(this.registry, action.attributes);
351
+ if (formats.length) {
352
+ slot.retain(action.retain, formats);
353
+ }
354
+ slot.retain(slot.index + action.retain);
355
+ }
356
+ else {
357
+ slot.retain(action.retain);
358
+ }
359
+ }
360
+ else if (action.insert) {
361
+ const index = slot.index;
362
+ let length = 1;
363
+ if (typeof action.insert === 'string') {
364
+ length = action.insert.length;
365
+ slot.insert(action.insert, remoteFormatsToLocal(this.registry, action.attributes));
366
+ }
367
+ else {
368
+ const sharedComponent = action.insert;
369
+ const component = this.createComponentBySharedComponent(sharedComponent);
370
+ this.syncComponentSlots(sharedComponent.get('slots'), component);
371
+ this.syncComponentState(sharedComponent, component);
372
+ slot.insert(component);
373
+ }
374
+ if (this.selection.isSelected && tr.origin !== this.manager) {
375
+ if (slot === this.selection.anchorSlot && this.selection.anchorOffset > index) {
376
+ this.selection.setAnchor(slot, this.selection.anchorOffset + length);
377
+ }
378
+ if (slot === this.selection.focusSlot && this.selection.focusOffset > index) {
379
+ this.selection.setFocus(slot, this.selection.focusOffset + length);
380
+ }
381
+ }
382
+ }
383
+ else if (action.delete) {
384
+ const index = slot.index;
385
+ slot.delete(action.delete);
386
+ if (this.selection.isSelected && tr.origin !== this.manager) {
387
+ if (slot === this.selection.anchorSlot && this.selection.anchorOffset >= index) {
388
+ this.selection.setAnchor(slot, this.selection.startOffset - action.delete);
389
+ }
390
+ if (slot === this.selection.focusSlot && this.selection.focusOffset >= index) {
391
+ this.selection.setFocus(slot, this.selection.focusOffset - action.delete);
392
+ }
393
+ }
394
+ }
395
+ });
396
+ });
397
+ };
398
+ content.observe(syncRemote);
399
+ const sub = slot.onContentChange.subscribe(actions => {
400
+ this.runLocalUpdate(() => {
401
+ var _a;
402
+ let offset = 0;
403
+ let length = 0;
404
+ for (const action of actions) {
405
+ if (action.type === 'retain') {
406
+ const formats = action.formats;
407
+ if (formats) {
408
+ const keys = Object.keys(formats);
409
+ let length = keys.length;
410
+ keys.forEach(key => {
411
+ const formatter = this.registry.getFormatter(key);
412
+ if (!formatter) {
413
+ length--;
414
+ Reflect.deleteProperty(formats, key);
415
+ }
416
+ });
417
+ if (length) {
418
+ content.format(offset, action.offset, formats);
419
+ }
420
+ }
421
+ else {
422
+ offset = action.offset;
423
+ }
424
+ }
425
+ else if (action.type === 'insert') {
426
+ const delta = content.toDelta();
427
+ const isEmpty = delta.length === 1 && delta[0].insert === core.Slot.emptyPlaceholder;
428
+ if (typeof action.content === 'string') {
429
+ length = action.content.length;
430
+ content.insert(offset, action.content, action.formats || {});
431
+ }
432
+ else {
433
+ length = 1;
434
+ const sharedComponent = this.createSharedComponentByComponent(action.ref);
435
+ content.insertEmbed(offset, sharedComponent, action.formats || {});
436
+ }
437
+ if (isEmpty && offset === 0) {
438
+ content.delete(content.length - 1, 1);
439
+ }
440
+ offset += length;
441
+ }
442
+ else if (action.type === 'delete') {
443
+ const delta = content.toDelta();
444
+ if (content.length) {
445
+ content.delete(offset, action.count);
446
+ }
447
+ if (content.length === 0) {
448
+ content.insert(0, '\n', (_a = delta[0]) === null || _a === void 0 ? void 0 : _a.attributes);
449
+ }
450
+ }
451
+ else if (action.type === 'attrSet') {
452
+ content.setAttribute(action.name, action.value);
453
+ }
454
+ else if (action.type === 'attrRemove') {
455
+ content.removeAttribute(action.name);
456
+ }
457
+ }
458
+ });
459
+ });
460
+ sub.add(slot.onChildComponentRemove.subscribe(components => {
461
+ components.forEach(c => {
462
+ this.cleanSubscriptionsByComponent(c);
463
+ });
464
+ }));
465
+ this.contentSyncCaches.set(slot, () => {
466
+ content.unobserve(syncRemote);
467
+ sub.unsubscribe();
468
+ });
469
+ }
470
+ syncSlotState(remoteSlot, slot) {
471
+ const syncRemote = (ev, tr) => {
472
+ this.runRemoteUpdate(tr, () => {
473
+ ev.keysChanged.forEach(key => {
474
+ if (key === 'state') {
475
+ const state = ev.target.get('state');
476
+ slot.updateState(draft => {
477
+ if (typeof draft === 'object' && draft !== null) {
478
+ Object.assign(draft, state);
479
+ }
480
+ else {
481
+ return state;
482
+ }
483
+ });
484
+ }
485
+ });
486
+ });
487
+ };
488
+ remoteSlot.observe(syncRemote);
489
+ const sub = slot.onStateChange.subscribe(change => {
490
+ this.runLocalUpdate(() => {
491
+ remoteSlot.set('state', change.newState);
492
+ }, change.record);
493
+ });
494
+ this.slotStateSyncCaches.set(slot, () => {
495
+ remoteSlot.unobserve(syncRemote);
496
+ sub.unsubscribe();
497
+ });
498
+ }
499
+ syncComponentSlots(remoteSlots, component) {
500
+ const slots = component.slots;
501
+ const syncRemote = (ev, tr) => {
502
+ this.runRemoteUpdate(tr, () => {
503
+ let index = 0;
504
+ slots.retain(index);
505
+ ev.delta.forEach(action => {
506
+ if (Reflect.has(action, 'retain')) {
507
+ index += action.retain;
508
+ slots.retain(index);
509
+ }
510
+ else if (action.insert) {
511
+ action.insert.forEach(item => {
512
+ const slot = this.createSlotBySharedSlot(item);
513
+ slots.insert(slot);
514
+ this.syncSlotContent(item.get('content'), slot);
515
+ this.syncSlotState(item, slot);
516
+ index++;
517
+ });
518
+ }
519
+ else if (action.delete) {
520
+ slots.retain(index);
521
+ slots.delete(action.delete);
522
+ }
523
+ });
524
+ });
525
+ };
526
+ remoteSlots.observe(syncRemote);
527
+ const sub = slots.onChange.subscribe(operations => {
528
+ this.runLocalUpdate(() => {
529
+ const applyActions = operations.apply;
530
+ let index;
531
+ applyActions.forEach(action => {
532
+ if (action.type === 'retain') {
533
+ index = action.offset;
534
+ }
535
+ else if (action.type === 'insertSlot') {
536
+ const sharedSlot = this.createSharedSlotBySlot(action.ref);
537
+ remoteSlots.insert(index, [sharedSlot]);
538
+ index++;
539
+ }
540
+ else if (action.type === 'delete') {
541
+ remoteSlots.delete(index, action.count);
542
+ }
543
+ });
544
+ });
545
+ });
546
+ sub.add(slots.onChildSlotRemove.subscribe(slots => {
547
+ slots.forEach(slot => {
548
+ this.cleanSubscriptionsBySlot(slot);
549
+ });
550
+ }));
551
+ this.slotsSyncCaches.set(component, () => {
552
+ remoteSlots.unobserve(syncRemote);
553
+ sub.unsubscribe();
554
+ });
555
+ }
556
+ syncComponentState(remoteComponent, component) {
557
+ const syncRemote = (ev, tr) => {
558
+ this.runRemoteUpdate(tr, () => {
559
+ ev.keysChanged.forEach(key => {
560
+ if (key === 'state') {
561
+ const state = ev.target.get('state');
562
+ component.updateState(draft => {
563
+ if (typeof draft === 'object' && draft !== null) {
564
+ Object.assign(draft, state);
565
+ }
566
+ else {
567
+ return state;
568
+ }
569
+ });
570
+ }
571
+ });
572
+ });
573
+ };
574
+ remoteComponent.observe(syncRemote);
575
+ const sub = component.onStateChange.subscribe(change => {
576
+ this.runLocalUpdate(() => {
577
+ remoteComponent.set('state', change.newState);
578
+ }, change.record);
579
+ });
580
+ this.componentStateSyncCaches.set(component, () => {
581
+ remoteComponent.unobserve(syncRemote);
582
+ sub.unsubscribe();
583
+ });
584
+ }
585
+ runLocalUpdate(fn, record = true) {
586
+ if (this.updateFromRemote || this.controller.readonly) {
587
+ return;
588
+ }
589
+ this.updateRemoteActions.push({
590
+ record,
591
+ action: fn
592
+ });
593
+ }
594
+ runRemoteUpdate(tr, fn) {
595
+ if (tr.origin === this.yDoc) {
596
+ return;
597
+ }
598
+ this.updateFromRemote = true;
599
+ if (tr.origin === this.manager) {
600
+ this.scheduler.historyApplyTransact(fn);
601
+ }
602
+ else {
603
+ this.scheduler.remoteUpdateTransact(fn);
604
+ }
605
+ this.updateFromRemote = false;
606
+ }
607
+ createSharedComponentByComponent(component) {
608
+ const sharedComponent = new yjs.Map();
609
+ sharedComponent.set('state', component.state);
610
+ sharedComponent.set('name', component.name);
611
+ const sharedSlots = new yjs.Array();
612
+ sharedComponent.set('slots', sharedSlots);
613
+ component.slots.toArray().forEach(slot => {
614
+ const sharedSlot = this.createSharedSlotBySlot(slot);
615
+ sharedSlots.push([sharedSlot]);
616
+ });
617
+ this.syncComponentSlots(sharedSlots, component);
618
+ this.syncComponentState(sharedComponent, component);
619
+ return sharedComponent;
620
+ }
621
+ createSharedSlotBySlot(slot) {
622
+ const sharedSlot = new yjs.Map();
623
+ sharedSlot.set('schema', slot.schema);
624
+ sharedSlot.set('state', slot.state);
625
+ const sharedContent = new yjs.Text();
626
+ sharedSlot.set('content', sharedContent);
627
+ let offset = 0;
628
+ slot.toDelta().forEach(i => {
629
+ let formats = {};
630
+ if (i.formats) {
631
+ i.formats.forEach(item => {
632
+ formats[item[0].name] = item[1];
633
+ });
634
+ }
635
+ else {
636
+ formats = null;
637
+ }
638
+ if (typeof i.insert === 'string') {
639
+ sharedContent.insert(offset, i.insert, formats);
640
+ }
641
+ else {
642
+ const sharedComponent = this.createSharedComponentByComponent(i.insert);
643
+ sharedContent.insertEmbed(offset, sharedComponent, formats);
644
+ }
645
+ offset += i.insert.length;
646
+ });
647
+ slot.getAttributes().forEach(item => {
648
+ sharedContent.setAttribute(item[0].name, item[1]);
649
+ });
650
+ this.syncSlotContent(sharedContent, slot);
651
+ this.syncSlotState(sharedSlot, slot);
652
+ return sharedSlot;
653
+ }
654
+ createComponentBySharedComponent(yMap) {
655
+ const sharedSlots = yMap.get('slots');
656
+ const slots = [];
657
+ sharedSlots.forEach(sharedSlot => {
658
+ const slot = this.createSlotBySharedSlot(sharedSlot);
659
+ slots.push(slot);
660
+ });
661
+ const name = yMap.get('name');
662
+ const state = yMap.get('state');
663
+ const instance = this.registry.createComponentByData(name, {
664
+ state,
665
+ slots
666
+ });
667
+ if (instance) {
668
+ instance.slots.toArray().forEach((slot, index) => {
669
+ let sharedSlot = sharedSlots.get(index);
670
+ if (!sharedSlot) {
671
+ sharedSlot = this.createSharedSlotBySlot(slot);
672
+ sharedSlots.push([sharedSlot]);
673
+ }
674
+ this.syncSlotState(sharedSlot, slot);
675
+ this.syncSlotContent(sharedSlot.get('content'), slot);
676
+ });
677
+ return instance;
678
+ }
679
+ throw collaborateErrorFn(`cannot find component factory \`${name}\`.`);
680
+ }
681
+ createSlotBySharedSlot(sharedSlot) {
682
+ const content = sharedSlot.get('content');
683
+ const delta = content.toDelta();
684
+ const slot = this.registry.createSlot({
685
+ schema: sharedSlot.get('schema'),
686
+ state: sharedSlot.get('state'),
687
+ attributes: {},
688
+ formats: {},
689
+ content: []
690
+ });
691
+ const attrs = content.getAttributes();
692
+ Object.keys(attrs).forEach(key => {
693
+ const attribute = this.registry.getAttribute(key);
694
+ if (attribute) {
695
+ slot.setAttribute(attribute, attrs[key]);
696
+ }
697
+ });
698
+ for (const action of delta) {
699
+ if (action.insert) {
700
+ if (typeof action.insert === 'string') {
701
+ const formats = remoteFormatsToLocal(this.registry, action.attributes);
702
+ slot.insert(action.insert, formats);
703
+ }
704
+ else {
705
+ const sharedComponent = action.insert;
706
+ const component = this.createComponentBySharedComponent(sharedComponent);
707
+ slot.insert(component, remoteFormatsToLocal(this.registry, action.attributes));
708
+ this.syncComponentSlots(sharedComponent.get('slots'), component);
709
+ this.syncComponentState(sharedComponent, component);
710
+ }
711
+ }
712
+ else {
713
+ throw collaborateErrorFn('unexpected delta action.');
714
+ }
715
+ }
716
+ return slot;
717
+ }
718
+ cleanSubscriptionsBySlot(slot) {
719
+ this.contentMap.delete(slot);
720
+ [this.contentSyncCaches.get(slot), this.slotStateSyncCaches.get(slot)].forEach(fn => {
721
+ if (fn) {
722
+ fn();
723
+ }
724
+ });
725
+ slot.sliceContent().forEach(i => {
726
+ if (typeof i !== 'string') {
727
+ this.cleanSubscriptionsByComponent(i);
728
+ }
729
+ });
730
+ }
731
+ cleanSubscriptionsByComponent(component) {
732
+ [this.slotsSyncCaches.get(component), this.componentStateSyncCaches.get(component)].forEach(fn => {
733
+ if (fn) {
734
+ fn();
735
+ }
736
+ });
737
+ component.slots.toArray().forEach(slot => {
738
+ this.cleanSubscriptionsBySlot(slot);
739
+ });
740
+ }
741
+ };
742
+ exports.Collaborate = __decorate([
743
+ di.Injectable(),
744
+ __param(0, di.Inject(core.HISTORY_STACK_SIZE)),
745
+ __param(7, di.Optional()),
746
+ __metadata("design:paramtypes", [Number, core.RootComponentRef,
747
+ core.Controller,
748
+ core.Scheduler,
749
+ core.Registry,
750
+ core.Selection,
751
+ core.Starter,
752
+ CustomUndoManagerConfig])
753
+ ], exports.Collaborate);
754
+ function remoteFormatsToLocal(registry, attrs) {
755
+ const formats = [];
756
+ if (attrs) {
757
+ Object.keys(attrs).forEach(key => {
758
+ const formatter = registry.getFormatter(key);
759
+ if (formatter) {
760
+ formats.push([formatter, attrs[key]]);
761
+ }
762
+ });
763
+ }
764
+ return formats;
765
765
  }
766
766
 
767
- const collaborateModule = {
768
- providers: [
769
- exports.Collaborate,
770
- {
771
- provide: core.History,
772
- useExisting: exports.Collaborate
773
- }
774
- ]
767
+ const collaborateModule = {
768
+ providers: [
769
+ exports.Collaborate,
770
+ {
771
+ provide: core.History,
772
+ useExisting: exports.Collaborate
773
+ }
774
+ ]
775
775
  };
776
776
 
777
777
  exports.CustomUndoManagerConfig = CustomUndoManagerConfig;