fcr-ui-scene 1.0.40 → 3.1.0

package/lib/modules/whiteboard/style.css

@@ -0,0 +1,142 @@
+.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,96 @@
+export declare enum FcrBoardTool {
+    Selector = 1,
+    LaserPointer = 2,
+    Eraser = 3,
+    Clicker = 4,
+    Hand = 5,
+    Text = 6
+}
+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: FcrBoardTool;
+    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 WhiteboardRoomEvents {
+    onJoinSuccess = "onJoinSuccess",
+    onJoinFailure = "onJoinFailure",
+    onConnectionStateUpdated = "onConnectionStateUpdated",
+    onMemberStateChanged = "onMemberStateChanged"
+}
+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"
+}

package/lib/modules/whiteboard/type.js

@@ -0,0 +1,94 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WhiteboardUIEvents = exports.WhiteboardRoomEvents = exports.WhiteboardControlbarEvents = exports.WhiteboardBaseEvents = exports.ToolbarEvents = exports.LonelyWindowState = exports.FcrBoardTool = exports.FcrBoardShape = exports.FcrBoardRegion = exports.FcrBoardMainWindowFailureReason = void 0;
+var FcrBoardTool = exports.FcrBoardTool = /*#__PURE__*/function (FcrBoardTool) {
+  FcrBoardTool[FcrBoardTool["Selector"] = 1] = "Selector";
+  FcrBoardTool[FcrBoardTool["LaserPointer"] = 2] = "LaserPointer";
+  FcrBoardTool[FcrBoardTool["Eraser"] = 3] = "Eraser";
+  FcrBoardTool[FcrBoardTool["Clicker"] = 4] = "Clicker";
+  FcrBoardTool[FcrBoardTool["Hand"] = 5] = "Hand";
+  FcrBoardTool[FcrBoardTool["Text"] = 6] = "Text";
+  return FcrBoardTool;
+}({});
+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 WhiteboardRoomEvents = exports.WhiteboardRoomEvents = /*#__PURE__*/function (WhiteboardRoomEvents) {
+  WhiteboardRoomEvents["onJoinSuccess"] = "onJoinSuccess";
+  WhiteboardRoomEvents["onJoinFailure"] = "onJoinFailure";
+  WhiteboardRoomEvents["onConnectionStateUpdated"] = "onConnectionStateUpdated";
+  WhiteboardRoomEvents["onMemberStateChanged"] = "onMemberStateChanged";
+  return WhiteboardRoomEvents;
+}({});
+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;
+}({});

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

@@ -0,0 +1,11 @@
+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;

package/lib/modules/whiteboard/utils.js

@@ -0,0 +1,25 @@
+"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.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();
+};

package/lib/plugins/browser-runtime-plugin.js

@@ -0,0 +1,70 @@
+"use strict";
+
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.promise.js");
+if (!window.runtime) {
+  window.runtime = {
+    screen: null,
+    browserWindow: null,
+    sendEvent: function sendEvent(event) {},
+    open: function open(entryPath) {},
+    close: function close(entryPath) {},
+    addEventListener: function addEventListener() {},
+    removeEventListener: function removeEventListener() {},
+    setFragmentOptions: function setFragmentOptions() {},
+    openDirectory: function openDirectory() {
+      return Promise.resolve(undefined);
+    },
+    showItemInFolder: function showItemInFolder() {},
+    setAlwaysOnTop: function setAlwaysOnTop() {},
+    openRendererWindow: function openRendererWindow() {},
+    closeRendererWindow: function closeRendererWindow() {},
+    getLaunchOptions: function getLaunchOptions() {
+      return null;
+    },
+    openLinkInDefaultBrowser: function openLinkInDefaultBrowser() {},
+    getSystemMemorySize: function getSystemMemorySize() {
+      return 0;
+    },
+    getSystemCpuInfo: function getSystemCpuInfo() {
+      return [];
+    },
+    getNetworkType: function getNetworkType() {
+      return Promise.resolve({
+        isWifiConnected: false,
+        connection: ''
+      });
+    },
+    quitApp: function quitApp() {},
+    getBundleType: function getBundleType() {
+      return Promise.resolve('JS_BUNDLE');
+    },
+    getRendererProcessUsage: function getRendererProcessUsage() {
+      return Promise.resolve({
+        cpuUsage: 0,
+        memoryUsage: 0,
+        totalMemoryUsage: 0,
+        totalCpuUsage: 0
+      });
+    },
+    getAssetUrl: function getAssetUrl(path) {
+      return /* CDN prefix + */path;
+    },
+    setFragmentBaseUrl: function setFragmentBaseUrl() {},
+    getBrowserWindowById: function getBrowserWindowById(id) {
+      return undefined;
+    },
+    captureScreen: function captureScreen() {},
+    getVirtualBgResource: function getVirtualBgResource() {
+      return Promise.resolve([]);
+    },
+    fileToBase64: function fileToBase64() {
+      return '';
+    },
+    registerListenerReady: function registerListenerReady() {},
+    releaseSubAllWindowRefs: function releaseSubAllWindowRefs() {},
+    getMediaSourceIdList: function getMediaSourceIdList() {
+      return [];
+    }
+  };
+}

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,22 @@
+"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() {
+  // todo dark mode
+  // if (matchMedia('(prefers-color-scheme: dark)').matches) {
+  //   setThemeMode('dark');
+  //   document.documentElement.style.colorScheme = 'dark';
+  // }
+
+  (0, _generate.generateTheme)();
+  document.body.classList.add(_toast.TOAST_ROOT_CLASS_NAME);
+};
+if (document.documentElement) {
+  loadCssPreset();
+} else {
+  window.addEventListener('load', loadCssPreset, {
+    once: true
+  });
+}

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

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

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

@@ -0,0 +1,5 @@
+"use strict";
+
+var _agoraEduCore = require("agora-edu-core");
+var _electronRtcPlugin = require("agora-edu-core/lib/plugins/electron-rtc-plugin");
+(0, _agoraEduCore.registerPlugin)(new _electronRtcPlugin.ElectronRtcPlugin());

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

@@ -0,0 +1,12 @@
+import { FcrCoreEngine } from 'agora-edu-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,181 @@
+"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 _agoraEduCore = require("agora-edu-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 _agoraEduCore.FcrCoreEngine({
+              appId: appId,
+              token: token,
+              region: _agoraEduCore.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
+              }
+            });
+            var params = {
+              rte: {
+                restfulApiHost: 'http://api-solutions-dev.bj2.agoralab.co'
+              }
+            };
+            window.__DEV_ENGINE__.setParameters(params);
+            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,5 @@
+import { zhCn } from '../translations/zhCN';
+import { enUs } from '../translations/enUS';
+declare global {
+    type I18nResouceTypes = typeof enUs | typeof zhCn;
+}