fcr-core 3.7.8 → 3.8.0-alpha

package/lib/room-control/whiteboard-control-v1/type.d.ts

@@ -0,0 +1,300 @@
+import { FcrBoardExtra, FcrColor } from '../whiteboard-control/type';
+import { FcrConnectionState, FcrUserInfo, FcrWhiteboardParameters } from '../../type';
+import { FcrBoardActiveInfo, FcrBoardPageInfo } from '../whiteboard-control/type';
+import { FcrBoardToolType, FcrBoardShape } from './enum';
+import { FcrCoreServiceApi } from '../../service/api';
+import { FcrSharedCache } from '../shared-cache';
+import { AgoraRteRenderView, AgoraRteScene } from 'agora-rte-sdk';
+import { FcrImageData, FcrWhiteboardView } from '../../imports';
+import { FcrBoardInactiveReason } from '../whiteboard-control/enum';
+export declare const WHITEBOARD_APP_ID = "MainWhiteboard";
+export type FcrBoardConfig = {
+    userId: string;
+    nickName: string;
+    boardConfig?: FcrBoardExtra;
+};
+export type FetchImageResult = {
+    width: number;
+    height: number;
+    file: unknown;
+    uuid: string;
+    url: string;
+};
+export interface FcrWhiteboardControlFactory {
+    createForMainProcess(hasOperationPrivilege: boolean, scene: AgoraRteScene, api: FcrCoreServiceApi, sharedCache: FcrSharedCache): FcrWhiteboardControl;
+}
+export type BaseImageSize = {
+    width: number;
+    height: number;
+};
+export type FcrBoardPage = {
+    name: string;
+    contentUrl: string;
+    previewUrl: string;
+    contentWidth: number;
+    contentHeight: number;
+};
+export type MountOptions = {
+    collectorContainer?: AgoraRteRenderView;
+    containerSizeRatio?: number;
+};
+export type BoardState = {
+    strokeColor: FcrColor;
+    strokeWidth: number;
+    textSize: number;
+    tool: FcrBoardToolType;
+    shape: FcrBoardShape;
+};
+export interface FcrWhiteboardControl {
+    /**
+     * Indicates whether the user has the permission to draw on the whiteboard.
+     */
+    hasOperationPrivilege(): boolean;
+    /**
+     * Sets whether the user has the permission to draw on the whiteboard.
+     * @param hasPrivilege
+     */
+    setOperationPrivilege(hasPrivilege: boolean): void;
+    /**
+     * Opens the whiteboard and creates a main window.
+     */
+    open(params?: FcrWhiteboardParameters): Promise<FcrBoardMainWindow_V1>;
+    /**
+     * Closes the whiteboard and releases the main window.
+     */
+    close(): Promise<void>;
+    /**
+     * Activates the whiteboard.
+     */
+    active(): Promise<void>;
+    /**
+     * Inactivates the whiteboard.
+     */
+    inactive(): Promise<void>;
+    /**
+     * Gets the connection state of the whiteboard.
+     */
+    getConnectionState(): FcrConnectionState;
+    /**
+     * Gets the main window of the whiteboard.
+     */
+    getMainWindow(): FcrBoardMainWindow_V1 | undefined;
+    /**
+     * Gets the active info of the whiteboard.
+     */
+    getBoardActiveInfo(): FcrBoardActiveInfo;
+    /**
+     * Sets the background color of the whiteboard.
+     * @param color
+     */
+    setBackgroundColor(color: string): Promise<void>;
+    /**
+     * Gets the background color of the whiteboard.
+     */
+    getBackgroundColor(): string | undefined;
+    /**
+     * Gets the whiteboard activity info.
+     */
+    getActivity(): boolean;
+    /**
+     * Gets the whiteboard owner ID.
+     */
+    getOwnerId(): string;
+    /**
+     * Adds an observer to the whiteboard.
+     * @param observer
+     */
+    addObserver(observer: FcrWhiteboardObserver): void;
+    /**
+     * Removes the observer from the whiteboard.
+     * @param observer
+     */
+    removeObserver(observer: FcrWhiteboardObserver): void;
+}
+export interface FcrBoardSubWindow {
+    exportPdf(): Promise<ArrayBuffer>;
+}
+export declare enum FcrBoardEraserSize {
+    SMALL = 1,
+    MEDIUM = 2,
+    LARGE = 3
+}
+export interface FcrBoardMainWindow_V1 {
+    /**
+     * Adds a page.
+     */
+    addPage(): Promise<void>;
+    /**
+     * Removes a page.
+     */
+    removePage(): Promise<void>;
+    /**
+     * Undoes the operation.
+     */
+    undo(): Promise<void>;
+    /**
+     * Redoes the operation.
+     */
+    redo(): Promise<void>;
+    /**
+     * Cleans the whiteboard.
+     */
+    clean(): Promise<void>;
+    /**
+     * Gets the snapshot image of the whiteboard.
+     */
+    getSnapshotImage(): Promise<FcrImageData>;
+    /**
+     * Sets the background color of the whiteboard.
+     * @param color
+     */
+    setBackgroundColor(color: string): Promise<void>;
+    /**
+     * Gets page info.
+     */
+    getPageInfo(): FcrBoardPageInfo;
+    /**
+     * Navigates to the previous page.
+     */
+    prevPage(): Promise<void>;
+    /**
+     * Navigate to the next page.
+     */
+    nextPage(): Promise<void>;
+    /**
+     * Sets the tool type.
+     * @param type
+     */
+    setToolType(type: FcrBoardToolType): Promise<void>;
+    /**
+     * Sets the stroke width.
+     * @param strokeWidth
+     */
+    setStrokeWidth(strokeWidth: number): Promise<void>;
+    /**
+     * Sets the stroke color.
+     * @param color
+     */
+    setStrokeColor(color: FcrColor): Promise<void>;
+    /**
+     * Sets the text color.
+     * @param color
+     */
+    setTextColor(color: FcrColor): Promise<void>;
+    /**
+     * Sets the text size.
+     * @param textSize
+     */
+    setTextSize(textSize: number): Promise<void>;
+    /**
+     * Sets the fill color.
+     * @param color
+     */
+    setFillColor(color: FcrColor): Promise<void>;
+    /**
+     * Set eraser size.
+     * @param size  small: 1, medium: 2, large: 3
+     */
+    setEraserSize(size: FcrBoardEraserSize): Promise<void>;
+    /**
+     * Inserts an image.
+     * @param resourceUrl
+     * @param x
+     * @param y
+     * @param width
+     * @param height
+     */
+    insertImage(resourceUrl: string, x: number, y: number, width: number, height: number): Promise<void>;
+    /**
+     * Inserts a media.
+     * @param resourceUrl
+     * @param title
+     */
+    insertMedia(resourceUrl: string, title?: string): Promise<void>;
+    /**
+     * Gets the content view.
+     */
+    getContentView(): FcrWhiteboardView;
+    /**
+     * Sets the container size ratio.
+     * @param ratio
+     */
+    setContainerSizeRatio(ratio: number): Promise<void>;
+    /**
+     * open the sub window with task id.
+     * @param title
+     * @param taskId
+     * @param urlPrefix
+     */
+    openSubWindowWithTaskId(title: string, taskId: string, urlPrefix?: string): Promise<FcrBoardSubWindow | undefined>;
+    /**
+     * open the sub window with page list.
+     * @param title
+     * @param pageList
+     */
+    openSubWindowWithPageList(title: string, pageList: FcrBoardPage[]): Promise<FcrBoardSubWindow | undefined>;
+    /**
+     * set scale.
+     * @param scale
+     */
+    setScale(scale: number): void;
+    /**
+     * get whether the user has the permission to draw on the whiteboard.
+     */
+    getWritable(): boolean;
+    /**
+     * Adds an observer to the main window.
+     * @param observer
+     */
+    addObserver(observer: FcrBoardWindowObserver): void;
+    /**
+     * Removes the observer from the main window.
+     * @param observer
+     */
+    removeObserver(observer: FcrBoardWindowObserver): void;
+}
+export type FcrBoardWindowObserver = {
+    /**
+     * Callback to receive the page info change.
+     * @param info
+     */
+    onPageInfoUpdated?(info: FcrBoardPageInfo): void;
+    /**
+     * Callback to receive the undo state change.
+     * @param enable
+     */
+    onUndoStateUpdated?(enable: boolean): void;
+    /**
+     * Callback to receive the redo state change.
+     * @param enable
+     */
+    onRedoStateUpdated?(enable: boolean): void;
+    /**
+     * Callback to receive the writable state change.
+     * @param isWritable
+     */
+    onWritable?(isWritable: boolean): void;
+};
+export type FcrWhiteboardObserver = {
+    /**
+     * Callback to receive the connection state change.
+     * @param state
+     */
+    onConnectionStateUpdated?(state: FcrConnectionState): void;
+    /**
+     * Callback to receive the background color of the whiteboard change.
+     * @param info
+     */
+    onBackgroundColorUpdated?(color: string, operatorUser?: FcrUserInfo): void;
+    /**
+     * Callback to receive the whiteboard active event.
+     * @param info
+     */
+    onActive?(ownerId: string, operatorUser: FcrUserInfo): void;
+    /**
+     * Callback to receive the whiteboard inactive event.
+     * @param reason
+     * @param operatorUser
+     */
+    onInactive?(reason: FcrBoardInactiveReason, operatorUser?: FcrUserInfo): void;
+};

package/lib/room-control/whiteboard-control-v1/type.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WHITEBOARD_APP_ID = exports.FcrBoardEraserSize = void 0;
+const WHITEBOARD_APP_ID = exports.WHITEBOARD_APP_ID = 'MainWhiteboard';
+let FcrBoardEraserSize = exports.FcrBoardEraserSize = /*#__PURE__*/function (FcrBoardEraserSize) {
+  FcrBoardEraserSize[FcrBoardEraserSize["SMALL"] = 1] = "SMALL";
+  FcrBoardEraserSize[FcrBoardEraserSize["MEDIUM"] = 2] = "MEDIUM";
+  FcrBoardEraserSize[FcrBoardEraserSize["LARGE"] = 3] = "LARGE";
+  return FcrBoardEraserSize;
+}({});

package/lib/room-control/whiteboard-control-v1/utils.d.ts

@@ -0,0 +1,53 @@
+import { ApplianceNames, FcrBoardShape, FcrBoardToolType, ShapeType } from './enum';
+import { EStrokeType } from '@netless/appliance-plugin';
+import { BaseImageSize, FetchImageResult } from './type';
+export declare const heightPerTool = 36;
+export declare const heightPerColor = 18;
+export declare const defaultToolsRetain: number;
+export declare const verticalPadding = 10;
+export declare const sceneNavHeight: number;
+export declare const widgetContainerClassName = "netless-whiteboard-wrapper";
+export declare const layoutContentClassName = "fcr-layout-content-main-view";
+export declare const videoRowClassName = "fcr-layout-content-video-list-row";
+export declare const toolbarClassName = "fcr-board-toolbar";
+export declare const windowClassName = "netless-whiteboard-wrapper";
+export declare const WINDOW_TITLE_HEIGHT = 28;
+export declare const WINDOW_ASPECT_RATIO: number;
+export declare const WINDOW_MIN_SIZE: {
+    width: number;
+    height: number;
+};
+export declare const WINDOW_REMAIN_SIZE: {
+    width: number;
+    height: number;
+};
+export declare const WINDOW_REMAIN_POSITION: {
+    x: number;
+    y: number;
+};
+/**
+ * 根据
+ * @param imageInnerSize
+ * @returns
+ */
+export declare const getImageSize: (imageInnerSize: BaseImageSize, containerSize: BaseImageSize) => BaseImageSize;
+/**
+ *
+ * @param url
+ * @returns
+ */
+export declare const fetchImageInfoByUrl: (url: string, containerSize: BaseImageSize) => Promise<FetchImageResult>;
+export declare const mergeCanvasImage: (scenes: (() => Promise<HTMLCanvasElement | null>)[]) => Promise<HTMLCanvasElement>;
+export declare const textColors: string[];
+export declare const defaultStrokeColor: {
+    r: number;
+    g: number;
+    b: number;
+};
+export declare const defaultTextSize = 24;
+export declare const mediaMimeTypes: Record<string, string>;
+export declare const convertToNetlessBoardTool: (tool: FcrBoardToolType) => never[] | readonly [ApplianceNames.selector] | readonly [ApplianceNames.pencilEraser] | readonly [ApplianceNames.laserPointer] | readonly [ApplianceNames.hand] | readonly [ApplianceNames.text] | readonly [ApplianceNames.arrow] | readonly [ApplianceNames.rectangle] | readonly [ApplianceNames.ellipse] | readonly [ApplianceNames.straight] | readonly [ApplianceNames.pencil] | readonly [ApplianceNames.shape, ShapeType.Triangle] | readonly [ApplianceNames.shape, ShapeType.Pentagram] | readonly [ApplianceNames.shape, ShapeType.Rhombus] | readonly [ApplianceNames.clicker];
+export declare const convertToNetlessStorkeType: (type: FcrBoardToolType) => EStrokeType.Normal | EStrokeType.Dotted | EStrokeType.LongDotted;
+export declare const convertToFcrBoardToolShape: (tool?: ApplianceNames, shape?: ShapeType) => FcrBoardToolType[] | (FcrBoardShape | undefined)[];
+export declare const hexColorToWhiteboardColor: (val: string) => number[];
+export declare const src2DataURL: (src: string) => Promise<string>;

package/lib/room-control/whiteboard-control-v1/utils.js

@@ -0,0 +1,290 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.windowClassName = exports.widgetContainerClassName = exports.videoRowClassName = exports.verticalPadding = exports.toolbarClassName = exports.textColors = exports.src2DataURL = exports.sceneNavHeight = exports.mergeCanvasImage = exports.mediaMimeTypes = exports.layoutContentClassName = exports.hexColorToWhiteboardColor = exports.heightPerTool = exports.heightPerColor = exports.getImageSize = exports.fetchImageInfoByUrl = exports.defaultToolsRetain = exports.defaultTextSize = exports.defaultStrokeColor = exports.convertToNetlessStorkeType = exports.convertToNetlessBoardTool = exports.convertToFcrBoardToolShape = exports.WINDOW_TITLE_HEIGHT = exports.WINDOW_REMAIN_SIZE = exports.WINDOW_REMAIN_POSITION = exports.WINDOW_MIN_SIZE = exports.WINDOW_ASPECT_RATIO = void 0;
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.replace.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _jsMd = require("js-md5");
+var _enum = require("./enum");
+var _appliancePlugin = require("@netless/appliance-plugin");
+const heightPerTool = exports.heightPerTool = 36;
+const heightPerColor = exports.heightPerColor = 18;
+const defaultToolsRetain = exports.defaultToolsRetain = heightPerTool * 6;
+const verticalPadding = exports.verticalPadding = 10;
+const sceneNavHeight = exports.sceneNavHeight = heightPerTool + verticalPadding;
+const widgetContainerClassName = exports.widgetContainerClassName = 'netless-whiteboard-wrapper';
+const layoutContentClassName = exports.layoutContentClassName = 'fcr-layout-content-main-view';
+const videoRowClassName = exports.videoRowClassName = 'fcr-layout-content-video-list-row';
+const toolbarClassName = exports.toolbarClassName = 'fcr-board-toolbar';
+const windowClassName = exports.windowClassName = 'netless-whiteboard-wrapper';
+const WINDOW_TITLE_HEIGHT = exports.WINDOW_TITLE_HEIGHT = 28;
+// width / height
+const WINDOW_ASPECT_RATIO = exports.WINDOW_ASPECT_RATIO = 1836 / 847;
+const WINDOW_MIN_SIZE = exports.WINDOW_MIN_SIZE = {
+  width: 653,
+  height: 336
+};
+const WINDOW_REMAIN_SIZE = exports.WINDOW_REMAIN_SIZE = {
+  width: 783,
+  height: 388
+};
+const WINDOW_REMAIN_POSITION = exports.WINDOW_REMAIN_POSITION = {
+  x: 0,
+  y: 171
+};
+
+/**
+ * 根据
+ * @param imageInnerSize
+ * @returns
+ */
+const getImageSize = (imageInnerSize, containerSize) => {
+  const windowSize = containerSize;
+  const widthHeightProportion = imageInnerSize.width / imageInnerSize.height;
+  const maxSize = 960;
+  if (imageInnerSize.width > maxSize && windowSize.width > maxSize || imageInnerSize.height > maxSize && windowSize.height > maxSize) {
+    if (widthHeightProportion > 1) {
+      return {
+        width: maxSize,
+        height: maxSize / widthHeightProportion
+      };
+    } else {
+      return {
+        width: maxSize * widthHeightProportion,
+        height: maxSize
+      };
+    }
+  } else {
+    if (imageInnerSize.width > windowSize.width || imageInnerSize.height > windowSize.height) {
+      if (widthHeightProportion > 1) {
+        return {
+          width: windowSize.width,
+          height: windowSize.width / widthHeightProportion
+        };
+      } else {
+        return {
+          width: windowSize.height * widthHeightProportion,
+          height: windowSize.height
+        };
+      }
+    } else {
+      return {
+        width: imageInnerSize.width,
+        height: imageInnerSize.height
+      };
+    }
+  }
+};
+
+/**
+ *
+ * @param url
+ * @returns
+ */
+exports.getImageSize = getImageSize;
+const fetchImageInfoByUrl = async (url, containerSize) => {
+  try {
+    const res = await fetch(url);
+    const blob = await res.blob();
+    const contentType = blob.type;
+    const image = new Image();
+    const reader = new FileReader();
+    const file = new File([blob], url, {
+      type: contentType
+    });
+    const result = await new Promise(resolve => {
+      reader.readAsDataURL(blob);
+      reader.onload = () => {
+        image.addEventListener('load', () => {
+          const uuid = (0, _jsMd.md5)(reader.result);
+          const res = getImageSize(image, containerSize);
+          const result = {
+            width: res.width,
+            height: res.height,
+            file: file,
+            url,
+            uuid
+          };
+          resolve(result);
+        }, false);
+        image.src = reader.result;
+      };
+    });
+    return result;
+  } catch (err) {
+    throw err;
+  }
+};
+exports.fetchImageInfoByUrl = fetchImageInfoByUrl;
+const mergeCanvasImage = async scenes => {
+  let width = 0,
+    height = 0;
+  const bigCanvas = document.createElement('canvas');
+  const ctx = bigCanvas.getContext('2d');
+  const canvasArray = [];
+  for (const canvasPromise of scenes) {
+    const canvas = await canvasPromise();
+    if (canvas) {
+      width = Math.max(canvas.width, width);
+      height = Math.max(canvas.height, height);
+      canvasArray.push(canvas);
+    }
+  }
+  bigCanvas.setAttribute('width', "".concat(width));
+  bigCanvas.setAttribute('height', "".concat(height * canvasArray.length));
+  canvasArray.forEach((canvas, index) => {
+    ctx && ctx.drawImage(canvas, 0, index * height, width, height);
+  });
+  return bigCanvas;
+};
+exports.mergeCanvasImage = mergeCanvasImage;
+const textColors = exports.textColors = ['#ffffff', '#9b9b9b', '#4a4a4a', '#000000', '#d0021b', '#f5a623', '#f8e71c', '#7ed321', '#9013fe', '#50e3c2', '#0073ff', '#ffc8e2'];
+const defaultStrokeColor = exports.defaultStrokeColor = {
+  r: 0,
+  g: 115,
+  b: 255
+};
+const defaultTextSize = exports.defaultTextSize = 24;
+const mediaMimeTypes = exports.mediaMimeTypes = {
+  opus: 'video/ogg',
+  ogv: 'video/ogg',
+  mp4: 'video/mp4',
+  mov: 'video/mp4',
+  m4v: 'video/mp4',
+  mkv: 'video/x-matroska',
+  m4a: 'audio/mp4',
+  mp3: 'audio/mpeg',
+  aac: 'audio/aac',
+  caf: 'audio/x-caf',
+  flac: 'audio/flac',
+  oga: 'audio/ogg',
+  wav: 'audio/wav',
+  m3u8: 'application/x-mpegURL',
+  jpg: 'image/jpeg',
+  jpeg: 'image/jpeg',
+  gif: 'image/gif',
+  png: 'image/png',
+  svg: 'image/svg+xml',
+  webp: 'image/webp'
+};
+const convertToNetlessBoardTool = tool => {
+  switch (tool) {
+    case _enum.FcrBoardToolType.SELECTOR:
+      return [_enum.ApplianceNames.selector];
+    case _enum.FcrBoardToolType.ERASER:
+      return [_enum.ApplianceNames.pencilEraser];
+    case _enum.FcrBoardToolType.LASER_POINTER:
+      return [_enum.ApplianceNames.laserPointer];
+    case _enum.FcrBoardToolType.HAND:
+      return [_enum.ApplianceNames.hand];
+    case _enum.FcrBoardToolType.TEXT:
+      return [_enum.ApplianceNames.text];
+    case _enum.FcrBoardToolType.ARROW:
+      return [_enum.ApplianceNames.arrow];
+    case _enum.FcrBoardToolType.RECTANGLE:
+      return [_enum.ApplianceNames.rectangle];
+    case _enum.FcrBoardToolType.ELLIPSE:
+      return [_enum.ApplianceNames.ellipse];
+    case _enum.FcrBoardToolType.STRAIGHT:
+      return [_enum.ApplianceNames.straight];
+    case _enum.FcrBoardToolType.CURVE:
+      return [_enum.ApplianceNames.pencil];
+    case _enum.FcrBoardToolType.TRIANGLE:
+      return [_enum.ApplianceNames.shape, _enum.ShapeType.Triangle];
+    case _enum.FcrBoardToolType.PENTAGRAM:
+      return [_enum.ApplianceNames.shape, _enum.ShapeType.Pentagram];
+    case _enum.FcrBoardToolType.RHOMBUS:
+      return [_enum.ApplianceNames.shape, _enum.ShapeType.Rhombus];
+    case _enum.FcrBoardToolType.DOTTED_LINE:
+    case _enum.FcrBoardToolType.LONG_DOTTED_LINE:
+      return [_enum.ApplianceNames.straight];
+    case _enum.FcrBoardToolType.NONE:
+      return [_enum.ApplianceNames.clicker];
+    default:
+      return [];
+  }
+};
+exports.convertToNetlessBoardTool = convertToNetlessBoardTool;
+const convertToNetlessStorkeType = type => {
+  switch (type) {
+    case _enum.FcrBoardToolType.DOTTED_LINE:
+      return _appliancePlugin.EStrokeType.Dotted;
+    case _enum.FcrBoardToolType.LONG_DOTTED_LINE:
+      return _appliancePlugin.EStrokeType.LongDotted;
+    default:
+      return _appliancePlugin.EStrokeType.Normal;
+  }
+};
+exports.convertToNetlessStorkeType = convertToNetlessStorkeType;
+const convertToFcrBoardToolShape = (tool, shape) => {
+  switch (tool) {
+    case _enum.ApplianceNames.selector:
+      return [_enum.FcrBoardToolType.SELECTOR];
+    case _enum.ApplianceNames.eraser:
+      return [_enum.FcrBoardToolType.ERASER];
+    case _enum.ApplianceNames.laserPointer:
+      return [_enum.FcrBoardToolType.LASER_POINTER];
+    case _enum.ApplianceNames.text:
+      return [_enum.FcrBoardToolType.TEXT];
+    case _enum.ApplianceNames.hand:
+      return [_enum.FcrBoardToolType.HAND];
+  }
+  switch ("".concat(tool || '').concat(shape || '')) {
+    case "".concat(_enum.ApplianceNames.rectangle):
+      return [, _enum.FcrBoardShape.Rectangle];
+    case "".concat(_enum.ApplianceNames.ellipse):
+      return [, _enum.FcrBoardShape.Ellipse];
+    case "".concat(_enum.ApplianceNames.straight):
+      return [, _enum.FcrBoardShape.Straight];
+    case "".concat(_enum.ApplianceNames.arrow):
+      return [, _enum.FcrBoardShape.Arrow];
+    case "".concat(_enum.ApplianceNames.pencil):
+      return [, _enum.FcrBoardShape.Curve];
+    case "".concat(_enum.ApplianceNames.shape).concat(_enum.ShapeType.Triangle):
+      return [, _enum.FcrBoardShape.Triangle];
+    case "".concat((_enum.ApplianceNames.shape, _enum.ShapeType.Pentagram)):
+      return [, _enum.FcrBoardShape.Pentagram];
+    case "".concat(_enum.ApplianceNames.shape).concat(_enum.ShapeType.Rhombus):
+      return [, _enum.FcrBoardShape.Rhombus];
+  }
+  return [];
+};
+exports.convertToFcrBoardToolShape = convertToFcrBoardToolShape;
+const hexColorToWhiteboardColor = val => {
+  const pattern = /^(#?)[a-fA-F0-9]{6}$/; // 16进制颜色校验规则
+  if (!pattern.test(val)) {
+    return [255, 255, 255];
+  }
+  const v = val.replace(/#/, '');
+  const rgbArr = [];
+  for (let i = 0; i < 3; i++) {
+    const item = v.substring(i * 2, i * 2 + 2);
+    const num = parseInt(item, 16);
+    rgbArr.push(num);
+  }
+  return rgbArr;
+};
+exports.hexColorToWhiteboardColor = hexColorToWhiteboardColor;
+const src2DataURL = src => {
+  return new Promise((resolve, reject) => {
+    const canvas = document.createElement('canvas');
+    const ctx = canvas.getContext('2d');
+    const image = new Image();
+    image.onload = () => {
+      canvas.setAttribute('width', "".concat(image.width));
+      canvas.setAttribute('height', "".concat(image.height));
+      ctx === null || ctx === void 0 || ctx.drawImage(image, 0, 0);
+      resolve(canvas.toDataURL('image/jpeg', 0.8));
+    };
+    image.onerror = () => {
+      reject('error');
+    };
+    image.crossOrigin = 'anonymous';
+    image.src = src;
+  });
+};
+exports.src2DataURL = src2DataURL;