@univerjs-pro/collaboration-client-ui 1.0.0-alpha.1 → 1.0.0-alpha.3

package/lib/types/controllers/clipboard/docs/image/image-paste.controller.d.ts

@@ -1,6 +1,5 @@
-import { RxDisposable } from '@univerjs/core';
+import { IImageIoService, RxDisposable } from '@univerjs/core';
 import { IDocClipboardService } from '@univerjs/docs-ui';
-import { IImageIoService } from '@univerjs/drawing';
 export declare class ImagePasteController extends RxDisposable {
     private _docClipboardService;
     private _imageIoService;

package/lib/types/controllers/collab-cursor/board-collab-cursor-entity.d.ts

@@ -0,0 +1,31 @@
+import type { ICollaborationUser } from '@univerjs-pro/collaboration';
+import type { CollaborationSession } from '@univerjs-pro/collaboration-client';
+import type { IBoardCollabCursor, IBoardCollabSelectionPayload } from '../../models/cursor';
+import { IBoardElementStateService } from '@univerjs-pro/boards-ui';
+import { MemberService } from '@univerjs-pro/collaboration-client';
+import { RxDisposable } from '@univerjs/core';
+import { ColorAssignService } from '../../services/color-assign/color-assign.service';
+export declare function parseBoardCursorSelection(selection: string): IBoardCollabSelectionPayload | null;
+export declare class BoardCollabCursorEntity extends RxDisposable {
+    readonly unitID: string;
+    private readonly _session;
+    private readonly _colorAssignService;
+    private readonly _memberService;
+    private readonly _boardElementStateService;
+    private _online;
+    private _init;
+    private _cursorInfo$;
+    cursorInfo$: import("rxjs").Observable<Map<string, import("../../models/cursor").IElementCollabCursor>>;
+    get cursorInfo(): Readonly<Map<string, IBoardCollabCursor>>;
+    private _roomMembers$;
+    roomMembers$: import("rxjs").Observable<ICollaborationUser[]>;
+    get roomMembers(): Readonly<ICollaborationUser[]>;
+    constructor(unitID: string, _session: CollaborationSession, _colorAssignService: ColorAssignService, _memberService: MemberService, _boardElementStateService: IBoardElementStateService);
+    dispose(): void;
+    init(): void;
+    private _onCursorUpdate;
+    private _onCursorDelete;
+    private _updateLocalCursor;
+    private _toggleOnline;
+    private _toggleOffline;
+}

package/lib/types/controllers/collab-cursor/board-collab-cursor-render.controller.d.ts

@@ -0,0 +1,21 @@
+import type { BoardModel } from '@univerjs-pro/boards';
+import type { IRenderContext, IRenderModule } from '@univerjs/engine-render';
+import { RxDisposable, ThemeService } from '@univerjs/core';
+import { CollabCursorController } from './collab-cursor.controller';
+export declare class BoardCollabCursorRenderController extends RxDisposable implements IRenderModule {
+    private readonly _context;
+    private readonly _collabCursorController;
+    private readonly _themeService;
+    private _cursors;
+    private _renderScheduled;
+    private _isApplyingOverlays;
+    private _latestCursors;
+    constructor(_context: IRenderContext<BoardModel>, _collabCursorController: CollabCursorController, _themeService: ThemeService);
+    dispose(): void;
+    private _init;
+    private _scheduleRender;
+    private _render;
+    private _removeCollabCursors;
+    private _getSceneObjectByKey;
+    private _getObjectBounds;
+}

package/lib/types/controllers/collab-cursor/collab-cursor.controller.d.ts

@@ -1,5 +1,5 @@
 import type { Observable } from 'rxjs';
-import type { IDocCollabCursor, ISheetCollabCursor, ISlideCollabCursor } from '../../models/cursor';
+import type { IBoardCollabCursor, IDocCollabCursor, ISheetCollabCursor, ISlideCollabCursor } from '../../models/cursor';
 import { CollaborationSessionService } from '@univerjs-pro/collaboration-client';
 import { Injector, IUniverInstanceService, RxDisposable } from '@univerjs/core';
 /**
@@ -15,9 +15,10 @@ export declare class CollabCursorController extends RxDisposable {
     private readonly _entityInit$;
     constructor(_univerInstanceService: IUniverInstanceService, _injector: Injector, _collabSessionService: CollaborationSessionService);
     dispose(): void;
-    getCollabCursors$(unitID: string): Observable<Map<string, ISheetCollabCursor> | Map<string, IDocCollabCursor> | Map<string, ISlideCollabCursor>>;
+    getCollabCursors$(unitID: string): Observable<Map<string, ISheetCollabCursor> | Map<string, IDocCollabCursor> | Map<string, ISlideCollabCursor> | Map<string, IBoardCollabCursor>>;
     private _init;
     private _startSheetCollabCursor;
     private _startDocCollabCursor;
     private _startSlideCollabCursor;
+    private _startBoardCollabCursor;
 }

package/lib/types/controllers/collab-cursor/slide-collab-cursor-entity.d.ts

@@ -18,7 +18,7 @@ export declare class SlideCollabCursorEntity extends RxDisposable {
     private _online;
     private _init;
     private _cursorInfo$;
-    cursorInfo$: import("rxjs").Observable<Map<string, ISlideCollabCursor>>;
+    cursorInfo$: import("rxjs").Observable<Map<string, import("../../models/cursor").IElementCollabCursor>>;
     get cursorInfo(): Readonly<Map<string, ISlideCollabCursor>>;
     private _roomMembers$;
     roomMembers$: import("rxjs").Observable<ICollaborationUser[]>;

package/lib/types/controllers/collab-status/collab-status.controller.d.ts

@@ -15,4 +15,15 @@ export declare class DesktopCollaborationStatusDisplayController extends Disposa
     private _initStatusListener;
     protected _initStatusComponent(): void;
 }
+export declare class BoardCollaborationStatusDisplayController extends Disposable {
+    private readonly _univerInstanceService;
+    private readonly _injector;
+    private readonly _collaborationController;
+    private readonly _uiPartsService;
+    protected readonly _status$: BehaviorSubject<CollaborationStatus>;
+    constructor(_univerInstanceService: IUniverInstanceService, _injector: Injector, _collaborationController: CollaborationController, _uiPartsService: IUIPartsService);
+    private _initStatusListener;
+    protected _initStatusComponent(): void;
+}
 export declare function getCollaborationStatusUnitId(univerInstanceService: IUniverInstanceService): string | null;
+export declare function getBoardCollaborationStatusUnitId(univerInstanceService: IUniverInstanceService): string | null;

package/lib/types/index.d.ts

@@ -1,12 +1,10 @@
 import './global.css';
 export type { IUniverCollaborationClientUIConfig } from './config/config';
 export { DesktopCollaborationStatusDisplayController } from './controllers/collab-status/collab-status.controller';
-export { CollaborationDataLoaderController } from './controllers/data-loader/data-loader.controller';
 export { UniverCollaborationClientUIPlugin } from './plugin';
 export { BrowserCollaborationSocketService } from './services/collaboration-socket/collaboration-socket.service';
 export { RemoteUniscriptService } from './services/remote-uniscript/remote-uniscript.service';
 export { WebBrowserSingleActiveUnitService } from './services/single-active-unit/single-active-unit.service';
 export { IURLService } from './services/url/url.service';
-export { WebURLService } from './services/url/web-url.service';
 export { SheetCollabCursorShape } from './views/shapes/sheet-collab-cursor.shape';
 export type { ISheetCollabCursorShapeProps } from './views/shapes/sheet-collab-cursor.shape';

package/lib/types/models/cursor.d.ts

@@ -34,26 +34,30 @@ export interface IDocCollabCursor {
     /** The deserialized ranges of collab cursor. */
     ranges: ITextRangeWithStyle[];
 }
-export interface ISlideCollabSelectionPayload {
-    kind: 'slide-element-selection';
+export interface IElementCollabSelectionPayload<TKind extends string = string> {
+    kind: TKind;
     unitId: string;
     subUnitId: string;
     selectedIds: string[];
     focusedId: string | null;
 }
-export interface ISlideCollabCursor {
+export interface IElementCollabCursor {
     /** Stroke color of this collab cursor */
     color: string;
     /** Displayed user name of this cursor */
     name: string;
-    /** Slide unit ID */
+    /** Host unit ID */
     unitId: string;
-    /** Slide page ID */
+    /** Host page ID */
     subUnitId: string;
-    /** Remote selected drawing IDs */
+    /** Remote selected element IDs */
     selectedIds: string[];
-    /** Remote focused drawing ID */
+    /** Remote focused element ID */
     focusedId: string | null;
-    /** Serialized slide selection payload */
+    /** Serialized selection payload */
     selection: string;
 }
+export type ISlideCollabSelectionPayload = IElementCollabSelectionPayload<'slide-element-selection'>;
+export type ISlideCollabCursor = IElementCollabCursor;
+export type IBoardCollabSelectionPayload = IElementCollabSelectionPayload<'board-element-selection'>;
+export type IBoardCollabCursor = IElementCollabCursor;

package/lib/types/views/shapes/sheet-collab-cursor.shape.d.ts

@@ -11,6 +11,7 @@ export interface ISheetCollabCursorShapeProps extends IShapeProps, ISheetCollabC
     showText?: boolean;
     backgroundColor?: string;
     offsetY?: number;
+    labelHorizontalPosition?: 'left' | 'right';
 }
 /**
  * Render a single collaborated cursor on the canvas.
@@ -29,6 +30,7 @@ export declare class SheetCollabCursorShape<T extends ISheetCollabCursorShapePro
     private _blinkIntervalTimer?;
     private _isBlinkVisible;
     private _offsetY?;
+    private _labelHorizontalPosition;
     constructor(key?: string, props?: T);
     setOffsetY(offsetY: number): void;
     setShapeProps(props: Partial<ISheetCollabCursorShapeProps>): void;

package/lib/types/views/shapes/slide-collab-cursor.shape.d.ts

@@ -1,8 +1,8 @@
 import type { IShapeProps } from '@univerjs/engine-render';
-import type { ISlideCollabCursor } from '../../models/cursor';
+import type { IElementCollabCursor } from '../../models/cursor';
 import { Shape } from '@univerjs/engine-render';
 export declare const SLIDE_COLLAB_CURSOR_ZINDEX = 5002;
-export interface ISlideCollabCursorShapeProps extends IShapeProps, ISlideCollabCursor {
+export interface ISlideCollabCursorShapeProps extends IShapeProps, IElementCollabCursor {
     showText?: boolean;
 }
 export declare class SlideCollabCursorShape<T extends ISlideCollabCursorShapeProps = ISlideCollabCursorShapeProps> extends Shape<T> {

package/lib/types/views/shapes/text-bubble.shape.d.ts

@@ -4,6 +4,7 @@ export declare const COLLAB_CURSOR_LABEL_HEIGHT = 20;
 export declare const COLLAB_CURSOR_LABEL_MAX_WIDTH = 200;
 export declare const COLLAB_CURSOR_LABEL_TEXT_PADDING_LR = 4;
 export declare const COLLAB_CURSOR_LABEL_TEXT_PADDING_TB = 5;
+export declare function getTextBubbleWidth(ctx: CanvasRenderingContext2D, text: string): number;
 export interface ITextBubbleShapeProps extends IShapeProps {
     color: string;
     text: string;

package/lib/umd/facade.js

@@ -1 +1 @@
-function _0x2139(_0x918d43,_0x2de140){_0x918d43=_0x918d43-0x1cc;var _0x20f0a1=_0x20f0();var _0x2139ba=_0x20f0a1[_0x918d43];return _0x2139ba;}(function(_0x25ca00,_0x591e09){var _0x50d9ca=_0x2139,_0x10a977=_0x25ca00();while(!![]){try{var _0x192d19=parseInt(_0x50d9ca(0x1d9))/0x1*(parseInt(_0x50d9ca(0x1d4))/0x2)+parseInt(_0x50d9ca(0x1d8))/0x3+-parseInt(_0x50d9ca(0x1d1))/0x4+parseInt(_0x50d9ca(0x1d5))/0x5+-parseInt(_0x50d9ca(0x1cd))/0x6*(-parseInt(_0x50d9ca(0x1da))/0x7)+-parseInt(_0x50d9ca(0x1cc))/0x8*(parseInt(_0x50d9ca(0x1ce))/0x9)+-parseInt(_0x50d9ca(0x1e1))/0xa;if(_0x192d19===_0x591e09)break;else _0x10a977['push'](_0x10a977['shift']());}catch(_0x5b53c2){_0x10a977['push'](_0x10a977['shift']());}}}(_0x20f0,0x5b29c),function(_0x496c7d,_0x56f665){var _0x13fb38=_0x2139;typeof exports==_0x13fb38(0x1e0)&&typeof module<'u'?_0x56f665(require('@univerjs-pro/collaboration-client-ui'),require('@univerjs/core/facade')):typeof define==_0x13fb38(0x1cf)&&define[_0x13fb38(0x1d3)]?define([_0x13fb38(0x1d6),_0x13fb38(0x1df)],_0x56f665):(_0x496c7d=typeof globalThis<'u'?globalThis:_0x496c7d||self,_0x56f665(_0x496c7d['UniverProCollaborationClientUi'],_0x496c7d[_0x13fb38(0x1dd)]));}(this,function(_0x2b71e0,_0x41ba8d){var _0x3b4421=_0x2139,_0x25b323=class extends _0x41ba8d[_0x3b4421(0x1de)]{[_0x3b4421(0x1d7)](_0x22f596,_0x16e2b7,..._0x2f1481){var _0x312d5e=_0x3b4421;return this[_0x312d5e(0x1d2)][_0x312d5e(0x1d0)](_0x2b71e0[_0x312d5e(0x1db)])['runOnServer'](_0x22f596,_0x16e2b7,{},..._0x2f1481);}};_0x41ba8d[_0x3b4421(0x1de)][_0x3b4421(0x1dc)](_0x25b323);}));function _0x20f0(){var _0xa2a78a=['RemoteUniscriptService','extend','UniverCoreFacade','FUniver','@univerjs/core/facade','object','8908040EkWQAs','200DFHUgV','95898nOgXYc','181647BBbLoW','function','get','2921400gPLzQv','_injector','amd','1220714cvPEvn','2392460eflIfx','@univerjs-pro/collaboration-client-ui','runOnServer','2216994StGQje','1HgDIDz','294GqfaXM'];_0x20f0=function(){return _0xa2a78a;};return _0x20f0();}
+function _0x3830(_0x14f2be,_0x47c019){_0x14f2be=_0x14f2be-0x1d2;var _0x19f416=_0x19f4();var _0x38302d=_0x19f416[_0x14f2be];return _0x38302d;}function _0x19f4(){var _0x1c00e6=['1762568HcePzs','runOnServer','FUniver','_injector','@univerjs-pro/collaboration-client-ui','460074HPPkyy','17092MnMVWE','2425353HnGMOg','822900ZYmmAH','amd','27mMTLKf','UniverCoreFacade','UniverProCollaborationClientUi','4162715Lcsycs','63zkmJGL','896748MtRKrs','extend','object','@univerjs/core/facade','RemoteUniscriptService'];_0x19f4=function(){return _0x1c00e6;};return _0x19f4();}(function(_0xb220ee,_0x5653c2){var _0x1025b6=_0x3830,_0x4fd7bb=_0xb220ee();while(!![]){try{var _0x156be8=-parseInt(_0x1025b6(0x1e3))/0x1+parseInt(_0x1025b6(0x1d9))/0x2+parseInt(_0x1025b6(0x1e2))/0x3*(-parseInt(_0x1025b6(0x1da))/0x4)+parseInt(_0x1025b6(0x1e1))/0x5+parseInt(_0x1025b6(0x1dc))/0x6+-parseInt(_0x1025b6(0x1db))/0x7+-parseInt(_0x1025b6(0x1d4))/0x8*(-parseInt(_0x1025b6(0x1de))/0x9);if(_0x156be8===_0x5653c2)break;else _0x4fd7bb['push'](_0x4fd7bb['shift']());}catch(_0x1f96c6){_0x4fd7bb['push'](_0x4fd7bb['shift']());}}}(_0x19f4,0x80d75),function(_0x3d301a,_0xbbc4a6){var _0x2b23e7=_0x3830;typeof exports==_0x2b23e7(0x1e5)&&typeof module<'u'?_0xbbc4a6(require('@univerjs-pro/collaboration-client-ui'),require('@univerjs/core/facade')):typeof define=='function'&&define[_0x2b23e7(0x1dd)]?define([_0x2b23e7(0x1d8),_0x2b23e7(0x1d2)],_0xbbc4a6):(_0x3d301a=typeof globalThis<'u'?globalThis:_0x3d301a||self,_0xbbc4a6(_0x3d301a[_0x2b23e7(0x1e0)],_0x3d301a[_0x2b23e7(0x1df)]));}(this,function(_0x5826be,_0x4427a9){var _0x1f6980=_0x3830,_0x458ac7=class extends _0x4427a9[_0x1f6980(0x1d6)]{[_0x1f6980(0x1d5)](_0x5c1d64,_0x5e9c2d,..._0x225380){var _0xfa19d3=_0x1f6980;return this[_0xfa19d3(0x1d7)]['get'](_0x5826be[_0xfa19d3(0x1d3)])[_0xfa19d3(0x1d5)](_0x5c1d64,_0x5e9c2d,{},..._0x225380);}};_0x4427a9[_0x1f6980(0x1d6)][_0x1f6980(0x1e4)](_0x458ac7);}));