fcr-ui-scene-mobile 3.4.0

package/lib/utilities/regex.d.ts

@@ -0,0 +1 @@
+export declare const isPhoneNumber: (invitePhoneNumber: string) => boolean;

package/lib/utilities/regex.js

@@ -0,0 +1,14 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isPhoneNumber = void 0;
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.regexp.test.js");
+var isPhoneNumber = exports.isPhoneNumber = function isPhoneNumber(invitePhoneNumber) {
+  if (typeof invitePhoneNumber !== 'string') return false;
+  var reg = /^1[3-9]\d{9}$/;
+  return reg.test(invitePhoneNumber);
+};

package/lib/utilities/tools.d.ts

@@ -0,0 +1,27 @@
+export declare const uint8ArrayToImageData: (target: {
+    buffer?: Uint8Array;
+    width?: number;
+    height?: number;
+}) => string;
+declare class LocalStorage {
+    set(key: string, value: string): void;
+    get(key: string): string | null;
+    remove(key: string): void;
+    clear(): void;
+}
+export declare const storage: LocalStorage;
+export declare const ASIDE_WIDTH = "aside_width";
+export declare const PARTICIPANT_POSITION = "participant_position";
+export declare const convertToFixedNumber: (value: number, divisor?: number, fractionDigits?: number) => number;
+export declare const matchVirtualSoundCardPattern: (deviceName: string) => boolean;
+export declare const isResourceZipUrl: (url: string) => boolean;
+export declare const isPngOrJpg: (path: string) => boolean;
+export declare const isMp4: (path: string) => boolean;
+export declare function getFileNameWithoutExtension(filePath: string): string;
+export declare const setLanguage: (language: string) => void;
+export declare const getLanguage: () => string | null;
+export declare const waitUntil: (prediction: () => boolean | Promise<boolean>, memo?: string, intervalMs?: number) => Promise<void>;
+export declare const isIOS: () => boolean;
+export declare const isWeChat: () => boolean;
+export declare const isNeedAskAutoRun: () => boolean;
+export {};

package/lib/utilities/tools.js

@@ -0,0 +1,169 @@
+"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.convertToFixedNumber = exports.PARTICIPANT_POSITION = exports.ASIDE_WIDTH = void 0;
+exports.getFileNameWithoutExtension = getFileNameWithoutExtension;
+exports.waitUntil = exports.uint8ArrayToImageData = exports.storage = exports.setLanguage = exports.matchVirtualSoundCardPattern = exports.isWeChat = exports.isResourceZipUrl = exports.isPngOrJpg = exports.isNeedAskAutoRun = exports.isMp4 = exports.isIOS = exports.getLanguage = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.array.reduce.js");
+require("core-js/modules/es.number.constructor.js");
+require("core-js/modules/es.number.to-fixed.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.promise.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.regexp.test.js");
+require("core-js/modules/es.string.ends-with.js");
+require("core-js/modules/es.string.includes.js");
+require("core-js/modules/es.string.match.js");
+require("core-js/modules/esnext.async-iterator.reduce.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.reduce.js");
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _schedule = require("agora-foundation/lib/schedule");
+var _logger = require("agora-foundation/lib/logger");
+var uint8ArrayToImageData = exports.uint8ArrayToImageData = function uint8ArrayToImageData(target) {
+  var _target$buffer;
+  if (!target || !(target !== null && target !== void 0 && (_target$buffer = target.buffer) !== null && _target$buffer !== void 0 && _target$buffer.length)) {
+    return '';
+  }
+  var canvas = document.createElement('canvas');
+  var ctx = canvas.getContext('2d');
+  if (!ctx) return '';
+  var width = canvas.width = target.width;
+  var height = canvas.height = target.height;
+  var rowBytes = width * 4;
+  for (var row = 0; row < height; row++) {
+    var srow = row;
+    var imageData = ctx.createImageData(width, 1);
+    var start = srow * width * 4;
+    for (var i = 0; i < rowBytes; ++i) {
+      imageData.data[i] = target.buffer[start + i];
+    }
+    ctx.putImageData(imageData, 0, row);
+  }
+  return canvas.toDataURL('image/png');
+};
+var LocalStorage = /*#__PURE__*/function () {
+  function LocalStorage() {
+    (0, _classCallCheck2["default"])(this, LocalStorage);
+  }
+  return (0, _createClass2["default"])(LocalStorage, [{
+    key: "set",
+    value: function set(key, value) {
+      localStorage.setItem(key, value);
+    }
+  }, {
+    key: "get",
+    value: function get(key) {
+      return localStorage.getItem(key);
+    }
+  }, {
+    key: "remove",
+    value: function remove(key) {
+      localStorage.removeItem(key);
+    }
+  }, {
+    key: "clear",
+    value: function clear() {
+      localStorage.clear();
+    }
+  }]);
+}();
+var storage = exports.storage = new LocalStorage();
+var ASIDE_WIDTH = exports.ASIDE_WIDTH = 'aside_width';
+var PARTICIPANT_POSITION = exports.PARTICIPANT_POSITION = 'participant_position';
+var convertToFixedNumber = exports.convertToFixedNumber = function convertToFixedNumber(value) {
+  var divisor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100;
+  var fractionDigits = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2;
+  return Number((value / divisor).toFixed(fractionDigits));
+};
+var virtualSoundCardPatternList = [/BlackHole/i, /SoundFlower/i, /AgoraALD/i];
+var matchVirtualSoundCardPattern = exports.matchVirtualSoundCardPattern = function matchVirtualSoundCardPattern(deviceName) {
+  return virtualSoundCardPatternList.reduce(function (prev, pattern) {
+    pattern.test(deviceName) && (prev = true);
+    return prev;
+  }, false);
+};
+var isResourceZipUrl = exports.isResourceZipUrl = function isResourceZipUrl(url) {
+  if (!url || typeof url !== 'string') return false;
+  var regex = /^https?:\/\/.+\.(zip)(\?.*)?$/i;
+  return regex.test(url);
+};
+var isPngOrJpg = exports.isPngOrJpg = function isPngOrJpg(path) {
+  if (!path || typeof path !== 'string') return false;
+  return path.endsWith('.png') || path.endsWith('.jpg');
+};
+var isMp4 = exports.isMp4 = function isMp4(path) {
+  if (!path || typeof path !== 'string') return false;
+  return path.endsWith('.mp4');
+};
+function getFileNameWithoutExtension(filePath) {
+  var match = filePath.match(/([^\\/]+)(?=\.\w+$)/);
+  var result = match ? match[1] : '';
+  return result !== null && result !== void 0 ? result : '';
+}
+var setLanguage = exports.setLanguage = function setLanguage(language) {
+  storage.set('$$fcr_language', language);
+};
+var getLanguage = exports.getLanguage = function getLanguage() {
+  return storage.get('$$fcr_language');
+};
+var waitUntil = exports.waitUntil = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(prediction, memo) {
+    var intervalMs,
+      logger,
+      _args2 = arguments;
+    return _regenerator["default"].wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          intervalMs = _args2.length > 2 && _args2[2] !== undefined ? _args2[2] : 100;
+          logger = (0, _logger.getLogger)();
+          return _context2.abrupt("return", new Promise(function (resolve) {
+            var task = _schedule.AgoraScheduler.shared.addPollingTask(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+              var isTrue;
+              return _regenerator["default"].wrap(function _callee$(_context) {
+                while (1) switch (_context.prev = _context.next) {
+                  case 0:
+                    isTrue = prediction();
+                    logger.info("[wait-until] predict ".concat(memo, ": ").concat(isTrue));
+                    if (isTrue) {
+                      task.stop();
+                      resolve();
+                    }
+                  case 3:
+                  case "end":
+                    return _context.stop();
+                }
+              }, _callee);
+            })), intervalMs, false);
+          }));
+        case 3:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return function waitUntil(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+var isIOS = exports.isIOS = function isIOS() {
+  var userAgent = navigator.userAgent;
+  var platform = navigator.platform;
+  return /iPad|iPhone|iPod/.test(userAgent) || platform === 'MacIntel' && navigator.maxTouchPoints > 1;
+};
+var isWeChat = exports.isWeChat = function isWeChat() {
+  var ua = navigator.userAgent.toLowerCase();
+  return ua.includes('micromessenger');
+};
+var isNeedAskAutoRun = exports.isNeedAskAutoRun = function isNeedAskAutoRun() {
+  return isIOS() && isWeChat();
+};

package/lib/utilities/useNamespace.d.ts

@@ -0,0 +1,15 @@
+export declare const useNamespace: (block: string) => {
+    namespace: string;
+    b: (blockSuffix?: string) => string;
+    e: (element?: string) => string;
+    m: (modifier?: string) => string;
+    be: (blockSuffix?: string, element?: string) => string;
+    em: (element?: string, modifier?: string) => string;
+    bm: (blockSuffix?: string, modifier?: string) => string;
+    bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+    is: {
+        (name: string, state: boolean | undefined): string;
+        (name: string): string;
+    };
+};
+export type UseNamespaceReturn = ReturnType<typeof useNamespace>;

package/lib/utilities/useNamespace.js

@@ -0,0 +1,66 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useNamespace = void 0;
+require("core-js/modules/es.array.concat.js");
+var defaultNamespace = 'fcr';
+var statePrefix = 'is-';
+var _bem = function _bem(namespace, block, blockSuffix, element, modifier) {
+  var cls = "".concat(namespace, "-").concat(block);
+  if (blockSuffix) {
+    cls += "-".concat(blockSuffix);
+  }
+  if (element) {
+    cls += "__".concat(element);
+  }
+  if (modifier) {
+    cls += "--".concat(modifier);
+  }
+  return cls;
+};
+var useNamespace = exports.useNamespace = function useNamespace(block) {
+  var namespace = defaultNamespace;
+  var b = function b() {
+    var blockSuffix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    return _bem(namespace, block, blockSuffix, '', '');
+  };
+  var e = function e(element) {
+    return element ? _bem(namespace, block, '', element, '') : '';
+  };
+  var m = function m(modifier) {
+    return modifier ? _bem(namespace, block, '', '', modifier) : '';
+  };
+  var be = function be(blockSuffix, element) {
+    return blockSuffix && element ? _bem(namespace, block, blockSuffix, element, '') : '';
+  };
+  var em = function em(element, modifier) {
+    return element && modifier ? _bem(namespace, block, '', element, modifier) : '';
+  };
+  var bm = function bm(blockSuffix, modifier) {
+    return blockSuffix && modifier ? _bem(namespace, block, blockSuffix, '', modifier) : '';
+  };
+  var bem = function bem(blockSuffix, element, modifier) {
+    return blockSuffix && element && modifier ? _bem(namespace, block, blockSuffix, element, modifier) : '';
+  };
+  var is = function is(name) {
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+    var state = args.length >= 1 ? args[0] : true;
+    return name && state ? "".concat(statePrefix).concat(name) : '';
+  };
+  return {
+    namespace: namespace,
+    b: b,
+    e: e,
+    m: m,
+    be: be,
+    em: em,
+    bm: bm,
+    bem: bem,
+    is: is
+  };
+};

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "fcr-ui-scene-mobile",
+  "version": "3.4.0",
+  "main": "lib/index.js",
+  "repository": "ssh://git@git.agoralab.co/aduc/fcr-ui-scene-mobile.git",
+  "author": "agora.io",
+  "license": "MIT",
+  "scripts": {
+    "prepare": "husky",
+    "dev": "agora-tc-dev-server",
+    "test": "agora-tc-test-karma-browser",
+    "build": "agora-tc-transpile"
+  },
+  "dependencies": {
+    "@react-spring/web": "^9.7.3",
+    "@use-gesture/react": "^10.3.1",
+    "classnames": "^2.5.1",
+    "core-js": "^3.33.3",
+    "dayjs": "^1.10.4",
+    "js-md5": "^0.8.3",
+    "lodash": "^4.17.21",
+    "mobx": "^6.12.3",
+    "mobx-react": "^9.1.1",
+    "mobx-utils": "^6.0.8",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-rnd": "^10.4.1",
+    "react-use-measure": "^2.1.1",
+    "react-virtualized": "^9.22.5",
+    "tinycolor2": "^1.6.0",
+    "pidusage": "^3.0.2",
+    "systeminformation": "^5.22.11",
+    "jszip": "^3.10.1",
+    "winston": "^3.16.0",
+    "agora-foundation": "^3.4.0",
+    "agora-ui-foundation": "^3.4.0",
+    "fcr-core": "^3.4.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.23.5",
+    "@babel/plugin-proposal-decorators": "^7.23.5",
+    "@babel/plugin-transform-runtime": "^7.13.15",
+    "@babel/preset-env": "^7.23.5",
+    "@babel/preset-react": "^7.24.1",
+    "@babel/preset-typescript": "^7.23.3",
+    "@types/jasmine": "^5.1.4",
+    "@types/lodash": "^4.17.0",
+    "@types/react": "^17.0.2",
+    "@types/react-dom": "^17.0.11",
+    "@types/react-virtualized": "^9.21.30",
+    "@types/tinycolor2": "^1.4.6",
+    "core-js": "^3.33.3",
+    "husky": "^9.0.11",
+    "lint-staged": "^15.2.2",
+    "prettier": "^3.2.5",
+    "react-hot-loader": "^4.13.1",
+    "tslib": "^2.6.2",
+    "agora-toolchain": "^3.4.0"
+  },
+  "lint-staged": {
+    "*.{ts,tsx,html,css}": "prettier --write"
+  }
+}