fcr-ui-scene-mobile 3.4.0

package/lib/modules/whiteboard/style.css

@@ -0,0 +1,143 @@
+.netless-whiteboard-wrapper {
+    height: 100%;
+    width: 100%;
+    pointer-events: none;
+  }
+  .netless-whiteboard-wrapper > * {
+    pointer-events: all;
+  }
+  
+  .board-widget-app {
+    height: 100%;
+  }
+  
+  .fcr-board-pagination {
+    position: absolute;
+    left: 10px;
+    bottom: 10px;
+    z-index: 10;
+  }
+  
+  /* fold button */
+  
+  /* board window */
+  .board-widget-app .telebox-maximized .netless-app-slide-btn-sidebar,
+  .board-widget-app .telebox-maximized .netless-app-docs-viewer-btn-sidebar,
+  .board-widget-app .telebox-maximized .vjs-p .player-controller-actions {
+    position: relative;
+    left: 190px;
+  }
+  
+  .netless-whiteboard-wrapper .telebox-box-main {
+    /* @apply fcr-border-1; */
+    border: 1px solid var(--fcr_ui_scene_black1);
+  }
+  .netless-whiteboard-wrapper .telebox-titlebar {
+    /* @apply fcr-bg-2 fcr-border-1; */
+    flex-direction: row-reverse;
+    border: 1px solid var(--fcr_ui_scene_black1);
+    background: var(--fcr_ui_scene_black1);
+  }
+  .netless-whiteboard-wrapper .telebox-title {
+    /* @apply fcr-text-1; */
+    color: var(--fcr_ui_scene_black1);
+    background: var(--fcr_ui_scene_black1);
+  }
+  
+  .netless-whiteboard-wrapper .telebox-content-wrap {
+    /* @apply fcr-bg-7; */
+    background: var(--fcr_ui_scene_black1);
+  }
+  .netless-whiteboard-wrapper .netless-app-slide-preview,
+  .netless-whiteboard-wrapper .netless-app-docs-viewer-preview {
+    /* @apply fcr-bg-3; */
+    background: var(--fcr_ui_scene_black1);
+  }
+  .netless-whiteboard-wrapper .netless-app-slide-preview-page-name {
+    /* @apply fcr-text-1; */
+    color: var(--fcr_ui_scene_black1);
+  }
+  .netless-whiteboard-wrapper .netless-app-slide-footer,
+  .netless-whiteboard-wrapper .app-talkative-footer,
+  .netless-whiteboard-wrapper .netless-app-docs-viewer-footer {
+    /* @apply fcr-bg-2 fcr-border-1 fcr-text-1; */
+    background: var(--fcr_ui_scene_black1);
+    border: 1px solid var(--fcr_ui_scene_black1);
+    color: var(--fcr_ui_scene_black1);
+  }
+  
+  .netless-whiteboard-wrapper .netless-app-slide-footer-btn:hover,
+  .netless-whiteboard-wrapper .netless-app-docs-viewer-footer-btn:hover {
+    /* @apply fcr-bg-7; */
+    background: var(--fcr_ui_scene_black1);
+  }
+  .netless-whiteboard-wrapper .netless-app-slide-footer-btn:focus,
+  .netless-whiteboard-wrapper .netless-app-docs-viewer-footer-btn:focus {
+    outline: none;
+  }
+  .netless-whiteboard-wrapper .netless-app-slide-page-number-input:hover,
+  .netless-whiteboard-wrapper .netless-app-slide-page-number-input:focus,
+  .netless-whiteboard-wrapper .netless-app-slide-page-number-input:active {
+    background: var(--fcr_ui_scene_black1);
+  }
+  
+  .netless-whiteboard-wrapper .telebox-titlebar {
+    border-bottom: none;
+  }
+  .netless-whiteboard-wrapper
+    .telebox-titlebar.telebox-max-titlebar-maximized
+    .telebox-titlebar-btns {
+    margin-left: 0;
+  }
+  .netless-whiteboard-wrapper .telebox-titlebar-btn:focus,
+  .netless-whiteboard-wrapper .telebox-titles-tab:focus {
+    outline: none;
+  }
+  .netless-whiteboard-wrapper .telebox-titles-tab-focus {
+    /* @apply fcr-text-brand-6; */
+    color: var(--fcr_ui_scene_brand6);
+    background: #232529;
+  }
+  .netless-whiteboard-wrapper .telebox-titlebar.telebox-max-titlebar-maximized {
+    justify-content: flex-end;
+  }
+  .netless-whiteboard-wrapper .telebox-titles-tab,
+  .netless-whiteboard-wrapper .telebox-titles-bab.telebox-titles-tab-focus,
+  .netless-whiteboard-wrapper .netless-whiteboard-wrapper .telebox-titles-tab {
+    border-left: 1px solid #ccc;
+    border-right: 1px solid #ccc;
+  }
+  .netless-whiteboard-wrapper .telebox-titles-tab:not(:last-child) {
+    border-right: none;
+  }
+  
+  .fcr-progress-saveImage {
+    /* @apply fcr-bg-block-4 !important; */
+    background: var(--fcr_ui_scene_black1);
+  
+    text-align: left;
+  }
+  
+  .fcr-progress-saveImage .fcr-progress {
+    background: rgba(47, 47, 47, 0.98);
+  }
+  
+  .fcr-progress-saveImage .fcr-progress .fcr-progress-inner {
+    height: 100%;
+  }
+  
+  .fcr-progress-saveImage .dialog-progress-tip {
+    /* @apply fcr-text-1 !important; */
+    color: var(--fcr_ui_scene_black1);
+  }
+  .fcr-progress-saveImage .dialog-progress-tip ~ div {
+    margin-top: 4px;
+  }
+  /* .fcr-widget-dialog-content {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+  } */
+  

package/lib/modules/whiteboard/type.d.ts

@@ -0,0 +1,94 @@
+import { FcrBoardToolType } from 'fcr-core/lib/room-control/whiteboard-control/enums';
+export declare enum FcrBoardShape {
+    Curve = 1,
+    Straight = 2,
+    Arrow = 3,
+    Rectangle = 4,
+    Triangle = 5,
+    Rhombus = 6,
+    Pentagram = 7,
+    Ellipse = 8
+}
+export declare enum FcrBoardRegion {
+    CN = "cn-hz",
+    US = "us-sv",
+    IN = "in-mum",
+    SG = "sg",
+    GB = "gb-lon"
+}
+export declare enum FcrBoardMainWindowFailureReason {
+    ResourceWindowAlreadyOpened = "resource-window-already-opened",
+    SnapshotFailure = "snapshot-failure",
+    MountFailure = "mount-failure"
+}
+export type BoardState = {
+    strokeColor: Color;
+    strokeWidth: number;
+    textSize: number;
+    tool: FcrBoardToolType;
+    shape: FcrBoardShape;
+};
+export type Color = {
+    r: number;
+    g: number;
+    b: number;
+};
+export declare enum ToolbarEvents {
+    REDO = "redo",
+    UNDO = "undo",
+    CLEAN = "clean",
+    SET_TOOL = "setTool",
+    SET_PEN = "setPen",
+    SET_SHAPE = "setShape",
+    SET_STROKE_COLOR = "setStrokeColor",
+    SET_STROKE_WIDTH = "setStrokeWidth",
+    CLICK_EXPANSION_TOOL = "clickExpansionTool",
+    SET_TOOLBAR_POSITION = "setToolbarPosition",
+    DRAG_TOOLBAR = "dragToolbar",
+    RELEASE_TOOLBAR = "releaseToolbar",
+    CAPTURE_SCREEN = "captureScreen",
+    SAVE_DRAFT = "saveDraft",
+    SET_THEME = "setTheme",
+    SET_COMMON_COLOR = "setCommonColor"
+}
+export declare enum WhiteboardEvents {
+    onJoinSuccess = "onJoinSuccess",
+    onJoinFailure = "onJoinFailure",
+    onConnectionStateUpdated = "onConnectionStateUpdated"
+}
+export declare enum WhiteboardUIEvents {
+    handleBoardDomLoad = "handleBoardDomLoad",
+    handleCollectorDomLoad = "handleCollectorDomLoad",
+    handleClose = "handleClose",
+    setPrivilege = "setPrivilege"
+}
+export declare enum WhiteboardControlbarEvents {
+    ZOOMIN = "zoomin",
+    ZOOMOUT = "zoomout",
+    ADAPTIVE = "adaptive",
+    ORIGIN = "origin",
+    LONEYWINDOW = "lonelyWindow",
+    ENABLE_CONTROL = "enableControl"
+}
+export declare enum WhiteboardBaseEvents {
+    LONELY_WINDOWN_CLOSED = "lonelyWindowClosed",
+    SET_OWNER_USER_ID = "setOnwerUserId"
+}
+export type WhiteboardThemeType = {
+    showColors?: string[][];
+    colors: string[];
+    background: string;
+    title: string;
+    theme?: 'whiteboard' | 'blackboard' | 'chalkboard';
+};
+export declare enum LonelyWindowState {
+    OPEN = "open",
+    CLOSE = "close",
+    DEFAULT = "default"
+}
+export declare enum FcrUIVideoWindowLayoutType {
+    /** Show a carousel on top and a big video on the rest of the screen. */
+    Speaker = "speaker",
+    /** Show videos in grid, filling the screen. */
+    Gallery = "gallery"
+}

package/lib/modules/whiteboard/type.js

@@ -0,0 +1,89 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WhiteboardUIEvents = exports.WhiteboardEvents = exports.WhiteboardControlbarEvents = exports.WhiteboardBaseEvents = exports.ToolbarEvents = exports.LonelyWindowState = exports.FcrUIVideoWindowLayoutType = exports.FcrBoardShape = exports.FcrBoardRegion = exports.FcrBoardMainWindowFailureReason = void 0;
+var FcrBoardShape = exports.FcrBoardShape = /*#__PURE__*/function (FcrBoardShape) {
+  FcrBoardShape[FcrBoardShape["Curve"] = 1] = "Curve";
+  FcrBoardShape[FcrBoardShape["Straight"] = 2] = "Straight";
+  FcrBoardShape[FcrBoardShape["Arrow"] = 3] = "Arrow";
+  FcrBoardShape[FcrBoardShape["Rectangle"] = 4] = "Rectangle";
+  FcrBoardShape[FcrBoardShape["Triangle"] = 5] = "Triangle";
+  FcrBoardShape[FcrBoardShape["Rhombus"] = 6] = "Rhombus";
+  FcrBoardShape[FcrBoardShape["Pentagram"] = 7] = "Pentagram";
+  FcrBoardShape[FcrBoardShape["Ellipse"] = 8] = "Ellipse";
+  return FcrBoardShape;
+}({});
+var FcrBoardRegion = exports.FcrBoardRegion = /*#__PURE__*/function (FcrBoardRegion) {
+  FcrBoardRegion["CN"] = "cn-hz";
+  FcrBoardRegion["US"] = "us-sv";
+  FcrBoardRegion["IN"] = "in-mum";
+  FcrBoardRegion["SG"] = "sg";
+  FcrBoardRegion["GB"] = "gb-lon";
+  return FcrBoardRegion;
+}({});
+var FcrBoardMainWindowFailureReason = exports.FcrBoardMainWindowFailureReason = /*#__PURE__*/function (FcrBoardMainWindowFailureReason) {
+  FcrBoardMainWindowFailureReason["ResourceWindowAlreadyOpened"] = "resource-window-already-opened";
+  FcrBoardMainWindowFailureReason["SnapshotFailure"] = "snapshot-failure";
+  FcrBoardMainWindowFailureReason["MountFailure"] = "mount-failure";
+  return FcrBoardMainWindowFailureReason;
+}({});
+var ToolbarEvents = exports.ToolbarEvents = /*#__PURE__*/function (ToolbarEvents) {
+  ToolbarEvents["REDO"] = "redo";
+  ToolbarEvents["UNDO"] = "undo";
+  ToolbarEvents["CLEAN"] = "clean";
+  ToolbarEvents["SET_TOOL"] = "setTool";
+  ToolbarEvents["SET_PEN"] = "setPen";
+  ToolbarEvents["SET_SHAPE"] = "setShape";
+  ToolbarEvents["SET_STROKE_COLOR"] = "setStrokeColor";
+  ToolbarEvents["SET_STROKE_WIDTH"] = "setStrokeWidth";
+  ToolbarEvents["CLICK_EXPANSION_TOOL"] = "clickExpansionTool";
+  ToolbarEvents["SET_TOOLBAR_POSITION"] = "setToolbarPosition";
+  ToolbarEvents["DRAG_TOOLBAR"] = "dragToolbar";
+  ToolbarEvents["RELEASE_TOOLBAR"] = "releaseToolbar";
+  ToolbarEvents["CAPTURE_SCREEN"] = "captureScreen";
+  ToolbarEvents["SAVE_DRAFT"] = "saveDraft";
+  ToolbarEvents["SET_THEME"] = "setTheme";
+  ToolbarEvents["SET_COMMON_COLOR"] = "setCommonColor";
+  return ToolbarEvents;
+}({});
+var WhiteboardEvents = exports.WhiteboardEvents = /*#__PURE__*/function (WhiteboardEvents) {
+  WhiteboardEvents["onJoinSuccess"] = "onJoinSuccess";
+  WhiteboardEvents["onJoinFailure"] = "onJoinFailure";
+  WhiteboardEvents["onConnectionStateUpdated"] = "onConnectionStateUpdated";
+  return WhiteboardEvents;
+}({});
+var WhiteboardUIEvents = exports.WhiteboardUIEvents = /*#__PURE__*/function (WhiteboardUIEvents) {
+  WhiteboardUIEvents["handleBoardDomLoad"] = "handleBoardDomLoad";
+  WhiteboardUIEvents["handleCollectorDomLoad"] = "handleCollectorDomLoad";
+  WhiteboardUIEvents["handleClose"] = "handleClose";
+  WhiteboardUIEvents["setPrivilege"] = "setPrivilege";
+  return WhiteboardUIEvents;
+}({});
+var WhiteboardControlbarEvents = exports.WhiteboardControlbarEvents = /*#__PURE__*/function (WhiteboardControlbarEvents) {
+  WhiteboardControlbarEvents["ZOOMIN"] = "zoomin";
+  WhiteboardControlbarEvents["ZOOMOUT"] = "zoomout";
+  WhiteboardControlbarEvents["ADAPTIVE"] = "adaptive";
+  WhiteboardControlbarEvents["ORIGIN"] = "origin";
+  WhiteboardControlbarEvents["LONEYWINDOW"] = "lonelyWindow";
+  WhiteboardControlbarEvents["ENABLE_CONTROL"] = "enableControl";
+  return WhiteboardControlbarEvents;
+}({});
+var WhiteboardBaseEvents = exports.WhiteboardBaseEvents = /*#__PURE__*/function (WhiteboardBaseEvents) {
+  WhiteboardBaseEvents["LONELY_WINDOWN_CLOSED"] = "lonelyWindowClosed";
+  WhiteboardBaseEvents["SET_OWNER_USER_ID"] = "setOnwerUserId";
+  return WhiteboardBaseEvents;
+}({});
+var LonelyWindowState = exports.LonelyWindowState = /*#__PURE__*/function (LonelyWindowState) {
+  LonelyWindowState["OPEN"] = "open";
+  LonelyWindowState["CLOSE"] = "close";
+  LonelyWindowState["DEFAULT"] = "default";
+  return LonelyWindowState;
+}({});
+var FcrUIVideoWindowLayoutType = exports.FcrUIVideoWindowLayoutType = /*#__PURE__*/function (FcrUIVideoWindowLayoutType) {
+  FcrUIVideoWindowLayoutType["Speaker"] = "speaker";
+  FcrUIVideoWindowLayoutType["Gallery"] = "gallery";
+  return FcrUIVideoWindowLayoutType;
+}({});

package/lib/modules/whiteboard/utils.d.ts

@@ -0,0 +1,12 @@
+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 ZOOM_IN_CANVAS = false;
+export declare const toolbarClassName = "fcr-board-toolbar";
+export declare const windowClassName = "netless-whiteboard-wrapper";
+export declare const downloadCanvasImage: (canvas: HTMLCanvasElement, filename?: string) => void;
+export declare const downloadImageData: (imageData: ImageData, filename?: string) => void;

package/lib/modules/whiteboard/utils.js

@@ -0,0 +1,36 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.windowClassName = exports.widgetContainerClassName = exports.verticalPadding = exports.toolbarClassName = exports.sceneNavHeight = exports.layoutContentClassName = exports.heightPerTool = exports.heightPerColor = exports.downloadImageData = exports.downloadCanvasImage = exports.defaultToolsRetain = exports.ZOOM_IN_CANVAS = void 0;
+var heightPerTool = exports.heightPerTool = 36;
+var heightPerColor = exports.heightPerColor = 18;
+var defaultToolsRetain = exports.defaultToolsRetain = heightPerTool * 6;
+var verticalPadding = exports.verticalPadding = 10;
+var sceneNavHeight = exports.sceneNavHeight = heightPerTool + verticalPadding;
+var widgetContainerClassName = exports.widgetContainerClassName = 'netless-whiteboard-wrapper';
+var layoutContentClassName = exports.layoutContentClassName = 'fcr-layout-content-main-view';
+var ZOOM_IN_CANVAS = exports.ZOOM_IN_CANVAS = false; // 开启是画布内放大，关闭是放大画布
+
+var toolbarClassName = exports.toolbarClassName = 'fcr-board-toolbar';
+var windowClassName = exports.windowClassName = 'netless-whiteboard-wrapper';
+var downloadCanvasImage = exports.downloadCanvasImage = function downloadCanvasImage(canvas) {
+  var filename = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'fcr-board-snapshot.jpg';
+  var a = document.createElement('a');
+  a.download = filename;
+  a.href = canvas.toDataURL();
+  a.click();
+};
+var downloadImageData = exports.downloadImageData = function downloadImageData(imageData) {
+  var filename = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'fcr-board-snapshot.jpg';
+  var canvas = document.createElement('canvas');
+  canvas.width = imageData.width;
+  canvas.height = imageData.height;
+  var ctx = canvas.getContext('2d');
+  if (ctx) {
+    ctx.putImageData(imageData, 0, 0);
+    downloadCanvasImage(canvas, filename);
+  }
+};

package/lib/plugins/css-preset-plugin.d.ts

@@ -0,0 +1 @@
+import 'agora-ui-foundation/lib/utilities/global.css';

package/lib/plugins/css-preset-plugin.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _generate = require("agora-ui-foundation/lib/theme/generate");
+var _toast = require("agora-ui-foundation/lib/components/toast");
+require("agora-ui-foundation/lib/utilities/global.css");
+var loadCssPreset = function loadCssPreset() {
+  var darkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)');
+  if (darkMode && darkMode.matches) {
+    (0, _generate.setThemeMode)('dark');
+    document.documentElement.style.colorScheme = 'dark';
+  }
+  (0, _generate.generateTheme)();
+  darkMode && darkMode.addEventListener('change', function (e) {
+    if (e.matches) {
+      (0, _generate.setThemeMode)('dark');
+    } else {
+      (0, _generate.setThemeMode)('light');
+    }
+    (0, _generate.generateTheme)();
+  });
+};
+if (document.documentElement) {
+  document.body.classList.add(_toast.TOAST_ROOT_CLASS_NAME);
+  loadCssPreset();
+} else {
+  window.addEventListener('load', loadCssPreset, {
+    once: true
+  });
+}

package/lib/plugins/module-dev-plugin.d.ts

@@ -0,0 +1,12 @@
+import { FcrCoreEngine } from 'fcr-core';
+declare global {
+    interface Window {
+        __DEV_ENGINE__: FcrCoreEngine;
+        __DEV_ENGINE_IS_READY__: Promise<void>;
+        __DEV_ROOM_ID__: string;
+        __DEV_USER_ID__: string;
+        __DEV_USER_ROLE__: string;
+        __DEV_USER_TOKEN__: string;
+        __DEV_APP_ID__: string;
+    }
+}

package/lib/plugins/module-dev-plugin.js

@@ -0,0 +1,183 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+require("core-js/modules/es.date.now.js");
+require("core-js/modules/es.date.to-json.js");
+require("core-js/modules/es.json.stringify.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.promise.js");
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _fcrCore = require("fcr-core");
+/**
+ * 创建房间
+ * @param roomName
+ * @returns 房间ID
+ */
+var createRoom = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(roomName) {
+    var url, res, json;
+    return _regenerator["default"].wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          url = "http://api-solutions-dev.bj2.agoralab.co/conference/companys/v1/rooms";
+          _context.next = 3;
+          return fetch(url, {
+            headers: {
+              'Content-Type': 'application/json'
+            },
+            method: 'POST',
+            body: JSON.stringify({
+              roomName: roomName,
+              sceneType: 4,
+              widgets: {},
+              startTime: Date.now(),
+              endTime: Date.now() + 1000 * 3600,
+              roomProperties: {}
+            })
+          });
+        case 3:
+          res = _context.sent;
+          _context.next = 6;
+          return res.json();
+        case 6:
+          json = _context.sent;
+          return _context.abrupt("return", json.data.roomId);
+        case 8:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function createRoom(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+/**
+ * 生成用户Token
+ * @param roomId
+ * @param userId
+ * @param userName
+ * @param role
+ * @returns
+ */
+var getUserToken = /*#__PURE__*/function () {
+  var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(roomId, userId, userName, role) {
+    var url, res, json;
+    return _regenerator["default"].wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          url = "https://api-solutions-dev.bj2.agoralab.co/conference/companys/v1/rooms";
+          _context2.next = 3;
+          return fetch(url, {
+            headers: {
+              'Content-Type': 'application/json'
+            },
+            method: 'PUT',
+            body: JSON.stringify({
+              roomId: roomId,
+              role: role,
+              userUuid: userId,
+              userName: userName
+            })
+          });
+        case 3:
+          res = _context2.sent;
+          _context2.next = 6;
+          return res.json();
+        case 6:
+          json = _context2.sent;
+          return _context2.abrupt("return", {
+            token: json.data.token,
+            appId: json.data.appId
+          });
+        case 8:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return function getUserToken(_x2, _x3, _x4, _x5) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+var roomId = 'test-room';
+var userId = "test-user-".concat(Date.now());
+var role = 'host';
+window.__DEV_ENGINE_IS_READY__ = createRoom(roomId).then(/*#__PURE__*/function () {
+  var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(roomId) {
+    return _regenerator["default"].wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          return _context3.abrupt("return", getUserToken(roomId, userId, userId, role).then(function (_ref4) {
+            var token = _ref4.token,
+              appId = _ref4.appId;
+            window.__DEV_ENGINE__ = new _fcrCore.FcrCoreEngine({
+              appId: appId,
+              token: token,
+              region: _fcrCore.FcrRegion.CN,
+              userId: userId,
+              dualCameraVideoStreamConfig: {
+                highVideoEncoderConfig: {
+                  dimensions: {
+                    width: 640,
+                    height: 480
+                  },
+                  frameRate: 15,
+                  bitrate: 800
+                },
+                lowVideoEncoderConfig: {
+                  dimensions: {
+                    width: 320,
+                    height: 240
+                  },
+                  frameRate: 15,
+                  bitrate: 400
+                },
+                enableDualStreamMode: false
+              },
+              dualScreenVideoStreamConfig: {
+                highVideoEncoderConfig: {
+                  dimensions: {
+                    width: 640,
+                    height: 480
+                  },
+                  frameRate: 15,
+                  bitrate: 800
+                },
+                lowVideoEncoderConfig: {
+                  dimensions: {
+                    width: 320,
+                    height: 240
+                  },
+                  frameRate: 15,
+                  bitrate: 400
+                },
+                enableDualStreamMode: false
+              },
+              parameters: {
+                rte: {
+                  rteIpList: ['http://api-solutions-dev.bj2.agoralab.co']
+                },
+                core: {
+                  coreIpList: ['http://api-solutions-dev.bj2.agoralab.co']
+                }
+              }
+            });
+            window.__DEV_ROOM_ID__ = roomId;
+            window.__DEV_USER_ID__ = userId;
+            window.__DEV_USER_ROLE__ = role;
+            window.__DEV_USER_TOKEN__ = token;
+            window.__DEV_APP_ID__ = appId;
+          }));
+        case 1:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  }));
+  return function (_x6) {
+    return _ref3.apply(this, arguments);
+  };
+}());

package/lib/plugins/multi-lang-plugin.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/plugins/multi-lang-plugin.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _zhCN = require("../translations/zhCN");
+var _enUS = require("../translations/enUS");
+var _logger = require("agora-foundation/lib/logger");
+//@internal
+
+var logger = (0, _logger.getLogger)();
+(0, _i18n.addResourceBundle)('zh', _zhCN.zhCn).then(function () {
+  logger.info('zh language pack has been loaded');
+})["catch"](function () {
+  logger.info('failed to load zh language pack');
+});
+(0, _i18n.addResourceBundle)('en', _enUS.enUs).then(function () {
+  logger.info('en language pack has been loaded');
+})["catch"](function () {
+  logger.info('failed to load en language pack');
+});

package/lib/plugins/rtm-plugin.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/plugins/rtm-plugin.js

@@ -0,0 +1,5 @@
+"use strict";
+
+var _fcrCore = require("fcr-core");
+var _rtmPlugin = require("fcr-core/lib/plugins/rtm-plugin");
+(0, _fcrCore.registerPlugin)(new _rtmPlugin.RtmPlugin());

package/lib/plugins/web-rtc-plugin.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/plugins/web-rtc-plugin.js

@@ -0,0 +1,5 @@
+"use strict";
+
+var _fcrCore = require("fcr-core");
+var _webRtcPlugin = require("fcr-core/lib/plugins/web-rtc-plugin");
+(0, _fcrCore.registerPlugin)(new _webRtcPlugin.WebRtcPlugin());