fcr-ui-scene 3.8.2 → 3.9.0-alpha

package/lib/fragments/annotation/style.css

@@ -1,9 +1,8 @@
-.fragment-annotation-wrapper {
-  width: '100vw';
-  height: '100vh';
-  overflow: 'hidden';
+.fcr-fragment-whiteboard-view {
+  width: 100vw;
+  height: 100vh;
 }
 
-.fragment-annotation-wrapper-visible-hidden {
-  visibility: hidden;
+body {
+  background: rgba(0, 0, 0, 0.01);
 }

package/lib/fragments/annotation/view.d.ts

@@ -1,3 +1,4 @@
 import './style.css';
+import './cursor.css';
 declare const View: () => import("react/jsx-runtime").JSX.Element;
 export default View;

package/lib/fragments/annotation/view.js

@@ -1,66 +1,26 @@
 "use strict";
 
 require("core-js/modules/es.object.define-property.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 var _react = require("react");
-var _mobxReact = require("mobx-react");
-var _classnames = _interopRequireDefault(require("classnames"));
 var _store = require("./store");
+var _mobxReact = require("mobx-react");
+var _enum = require("fcr-core/lib/room-control/whiteboard-control-v2/enum");
 require("./style.css");
-var _platform = require("../../utilities/platform");
+require("./cursor.css");
 var _jsxRuntime = require("react/jsx-runtime");
-// import '../../modules/annotation/board-cursor.css';
-
 var View = (0, _mobxReact.observer)(function () {
   var _useContext = (0, _react.useContext)(_store.FragmentAnnotationStoreContext),
-    handleBoardDomLoad = _useContext.handleBoardDomLoad,
     currentTool = _useContext.currentTool,
-    drawing = _useContext.drawing,
-    setDrawing = _useContext.setDrawing;
-  var cursorClassname = "board-widget-cursor-".concat(currentTool);
-  var boardWidgetAppCls = (0, _classnames["default"])('fragment-annotation-wrapper', 'board-widget-app', cursorClassname.toLowerCase());
-  var handleMouseMove = function handleMouseMove(e) {
-    requestIdleCallback(function (idle) {
-      if (!drawing && idle.timeRemaining() > 0) {
-        // renderer.sendEvent({
-        //   action: FcrUIRendererEventAction.FRAGMENT_ANNOTATION_MOUSE_MOVE,
-        //   payload: {
-        //     x: e.screenX,
-        //     y: e.screenY,
-        //   },
-        // });
-      }
-    }, {
-      timeout: 1000
-    });
-    // !drawing &&
-    //   sendEvent({
-    //     action: FcrUIRendererEventAction.FRAGMENT_ANNOTATION_MOUSE_MOVE,
-    //     payload: {
-    //       x: e.clientX,
-    //       y: e.clientY,
-    //     },
-    //   });
-  };
-  (0, _react.useEffect)(function () {
-    if ((0, _platform.isMac)()) return;
-    drawing ? window.removeEventListener('mousemove', handleMouseMove) : window.addEventListener('mousemove', handleMouseMove);
-    return function () {
-      window.removeEventListener('mousemove', handleMouseMove);
-    };
-  }, [drawing]);
+    handleBoardDomLoad = _useContext.handleBoardDomLoad;
+  var cursor = (0, _react.useMemo)(function () {
+    return _enum.FcrBoardToolType[currentTool].toLowerCase();
+  }, [currentTool]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    onMouseDown: function onMouseDown() {
-      return setDrawing(true);
-    },
-    onMouseUp: function onMouseUp() {
-      return setDrawing(false);
-    },
-    className: boardWidgetAppCls,
+    className: "fcr-fragment-whiteboard-view board-widget-cursor-".concat(cursor),
     ref: handleBoardDomLoad
   });
 });

package/lib/fragments/base.js

@@ -10,7 +10,7 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _i18n = require("agora-ui-foundation/lib/i18n");
-var _tools = require("../utilities/tools");
+var _tools = require("agora-foundation/lib/utilities/tools");
 var _logger = require("../utilities/logger");
 var _renderer = require("../utilities/renderer");
 var BaseFragment = exports.BaseFragment = /*#__PURE__*/function () {

package/lib/fragments/whiteboard/libs.d.ts

@@ -0,0 +1,72 @@
+import { FcrWhiteboardToolType } from 'fcr-core/lib/imports';
+import { FcrBoardToolType } from 'fcr-core/lib/room-control/whiteboard-control-v2/enum';
+import { FcrIconType } from 'agora-ui-foundation/lib/components/icon/type';
+import { FcrBoardShape } from 'fcr-core/lib/room-control/whiteboard-control-v2/enum';
+export declare function convertTool(type: FcrBoardToolType): FcrWhiteboardToolType;
+export declare const engineRestConfig: {
+    dualCameraVideoStreamConfig: {
+        highVideoEncoderConfig: {
+            dimensions: {
+                width: number;
+                height: number;
+            };
+            frameRate: number;
+            bitrate: number;
+            orientationMode: undefined;
+            degradationPreference: undefined;
+            isMirror: undefined;
+        };
+        lowVideoEncoderConfig: {
+            dimensions: {
+                width: number;
+                height: number;
+            };
+            frameRate: number;
+            bitrate: number;
+            orientationMode: undefined;
+            degradationPreference: undefined;
+            isMirror: undefined;
+        };
+        enableDualStreamMode: boolean;
+    };
+    dualScreenVideoStreamConfig: {
+        highVideoEncoderConfig: {
+            dimensions: {
+                width: number;
+                height: number;
+            };
+            frameRate: number;
+            bitrate: number;
+            orientationMode: undefined;
+            degradationPreference: undefined;
+            isMirror: undefined;
+        };
+        lowVideoEncoderConfig: {
+            dimensions: {
+                width: number;
+                height: number;
+            };
+            frameRate: number;
+            bitrate: number;
+            orientationMode: undefined;
+            degradationPreference: undefined;
+            isMirror: undefined;
+        };
+        enableDualStreamMode: boolean;
+    };
+    parameters: {
+        rte: {
+            rtcClientIsDisabled: boolean;
+        };
+    };
+};
+export declare const tools: {
+    iconType: FcrIconType;
+    shape: FcrBoardShape;
+    tip: string;
+}[];
+export declare const lineWidths: {
+    iconType: FcrIconType;
+    width: number;
+}[];
+export declare function convertShapeToBoardToolType(shape: FcrBoardShape): FcrBoardToolType;

package/lib/fragments/whiteboard/libs.js

@@ -0,0 +1,155 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.convertShapeToBoardToolType = convertShapeToBoardToolType;
+exports.convertTool = convertTool;
+exports.tools = exports.lineWidths = exports.engineRestConfig = void 0;
+var _enum = require("fcr-core/lib/room-control/whiteboard-control-v2/enum");
+var _type = require("agora-ui-foundation/lib/components/icon/type");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+function convertTool(type) {
+  switch (type) {
+    case _enum.FcrBoardToolType.ARROW:
+      return 'arrow';
+    case _enum.FcrBoardToolType.CURVE:
+      return 'curve';
+    case _enum.FcrBoardToolType.ELLIPSE:
+      return 'ellipse';
+    case _enum.FcrBoardToolType.ERASER:
+      return 'eraser';
+    case _enum.FcrBoardToolType.LASER_POINTER:
+      return 'laser';
+    case _enum.FcrBoardToolType.TEXT:
+      return 'text';
+    case _enum.FcrBoardToolType.RECTANGLE:
+      return 'rectangle';
+    case _enum.FcrBoardToolType.TRIANGLE:
+      return 'triangle';
+    case _enum.FcrBoardToolType.SELECTOR:
+      return 'selector';
+    case _enum.FcrBoardToolType.STRAIGHT:
+      return 'line';
+    // case FcrBoardToolType.PENTAGRAM:
+    //   return 'pentagram';
+    // case FcrBoardToolType.RHOMBUS:
+    //   return 'rhombus';
+    case _enum.FcrBoardToolType.HAND:
+      return 'grab';
+    default:
+      return 'curve';
+  }
+}
+var engineRestConfig = exports.engineRestConfig = {
+  dualCameraVideoStreamConfig: {
+    highVideoEncoderConfig: {
+      dimensions: {
+        width: 0,
+        height: 0
+      },
+      frameRate: 0,
+      bitrate: 0,
+      orientationMode: undefined,
+      degradationPreference: undefined,
+      isMirror: undefined
+    },
+    lowVideoEncoderConfig: {
+      dimensions: {
+        width: 0,
+        height: 0
+      },
+      frameRate: 0,
+      bitrate: 0,
+      orientationMode: undefined,
+      degradationPreference: undefined,
+      isMirror: undefined
+    },
+    enableDualStreamMode: false
+  },
+  dualScreenVideoStreamConfig: {
+    highVideoEncoderConfig: {
+      dimensions: {
+        width: 0,
+        height: 0
+      },
+      frameRate: 0,
+      bitrate: 0,
+      orientationMode: undefined,
+      degradationPreference: undefined,
+      isMirror: undefined
+    },
+    lowVideoEncoderConfig: {
+      dimensions: {
+        width: 0,
+        height: 0
+      },
+      frameRate: 0,
+      bitrate: 0,
+      orientationMode: undefined,
+      degradationPreference: undefined,
+      isMirror: undefined
+    },
+    enableDualStreamMode: false
+  },
+  parameters: {
+    rte: {
+      rtcClientIsDisabled: true
+    }
+  }
+};
+var tools = exports.tools = [{
+  iconType: _type.FcrIconType.FCR_WHITEBOARD_SHAP_SQUARE,
+  shape: _enum.FcrBoardShape.Rectangle,
+  tip: (0, _i18n.transI18n)('fmt_whiteboard_tips_rectangle')
+}, {
+  iconType: _type.FcrIconType.FCR_WHITEBOARD_SHAP_CIRCLE,
+  shape: _enum.FcrBoardShape.Ellipse,
+  tip: (0, _i18n.transI18n)('fmt_whiteboard_tips_circle')
+}, {
+  iconType: _type.FcrIconType.FCR_WHITEBOARD_SHAP_TRIANGLE,
+  shape: _enum.FcrBoardShape.Triangle,
+  tip: (0, _i18n.transI18n)('fmt_whiteboard_tips_triangle')
+}, {
+  iconType: _type.FcrIconType.FCR_WHITEBOARD_SHAP_LINE,
+  shape: _enum.FcrBoardShape.Straight,
+  tip: (0, _i18n.transI18n)('fmt_whiteboard_tips_straight')
+}, {
+  iconType: _type.FcrIconType.FCR_WHITEBOARD_SHAP_ARROW,
+  shape: _enum.FcrBoardShape.Arrow,
+  tip: (0, _i18n.transI18n)('fmt_whiteboard_tips_arrow')
+}];
+var lineWidths = exports.lineWidths = [{
+  iconType: _type.FcrIconType.FCR_PENSIZE,
+  width: 2
+}, {
+  iconType: _type.FcrIconType.FCR_PENSIZE,
+  width: 4
+}, {
+  iconType: _type.FcrIconType.FCR_PENSIZE,
+  width: 5
+}, {
+  iconType: _type.FcrIconType.FCR_PENSIZE,
+  width: 6
+}];
+function convertShapeToBoardToolType(shape) {
+  switch (shape) {
+    case _enum.FcrBoardShape.Arrow:
+      return _enum.FcrBoardToolType.ARROW;
+    case _enum.FcrBoardShape.Curve:
+      return _enum.FcrBoardToolType.CURVE;
+    case _enum.FcrBoardShape.Ellipse:
+      return _enum.FcrBoardToolType.ELLIPSE;
+    case _enum.FcrBoardShape.Pentagram:
+      return _enum.FcrBoardToolType.PENTAGRAM;
+    case _enum.FcrBoardShape.Rectangle:
+      return _enum.FcrBoardToolType.RECTANGLE;
+    case _enum.FcrBoardShape.Straight:
+      return _enum.FcrBoardToolType.STRAIGHT;
+    case _enum.FcrBoardShape.Triangle:
+      return _enum.FcrBoardToolType.TRIANGLE;
+    default:
+      return _enum.FcrBoardToolType.NONE;
+  }
+}

package/lib/fragments/whiteboard/store.d.ts

@@ -1,10 +1,9 @@
 import { FcrBoardShape, FcrBoardToolType } from 'fcr-core';
+import '../../plugins/rtm-plugin';
 export declare class FragmentWhiteboardStore {
     protected logger: import("fcr-core/lib/imports").Logger;
     private _engine;
     private _whiteboardControl?;
-    private _annotationControl?;
-    private _sharingType;
     private _boardDom?;
     private _boardInstance?;
     private _isMounted;
@@ -15,7 +14,6 @@ export declare class FragmentWhiteboardStore {
     private get _boardControl();
     accessor currentTool: FcrBoardToolType | FcrBoardShape;
     get boardDom(): HTMLDivElement | undefined;
-    get sharingType(): "whiteboard" | "annotation";
     get mainWindowRenderer(): any;
     constructor();
     handleBoardDomLoad(dom: HTMLDivElement): void;
@@ -26,7 +24,6 @@ export declare class FragmentWhiteboardStore {
     private _handleConnectionStateUpdated;
     private _init;
     private _initWhiteboardControl;
-    private _initAnnotationControl;
     private _initEngine;
 }
 export declare const FragmentWhiteboardStoreContext: import("react").Context<FragmentWhiteboardStore>;