@realsee/vreo 2.5.0 → 2.6.1-alpha.1

package/lib/shared-utils/animationFrame/BetterTween.js

@@ -1,47 +1,37 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BetterTween = void 0;
-exports.tweenProgress = tweenProgress;
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var TWEEN = _interopRequireWildcard(require("@tweenjs/tween.js"));
-var _ = require(".");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) { "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); } return f; })(e, t); }
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2["default"])(t); if (r) { var s = (0, _getPrototypeOf2["default"])(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2["default"])(this, e); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var BetterTween = exports.BetterTween = /*#__PURE__*/function (_TWEEN$Tween) {
-  (0, _inherits2["default"])(BetterTween, _TWEEN$Tween);
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+import * as TWEEN from '@tweenjs/tween.js';
+import { requestAnimationFrameInterval } from "./index.js";
+export var BetterTween = /*#__PURE__*/function (_TWEEN$Tween) {
+  _inherits(BetterTween, _TWEEN$Tween);
   var _super = _createSuper(BetterTween);
   function BetterTween() {
     var _this;
-    (0, _classCallCheck2["default"])(this, BetterTween);
+    _classCallCheck(this, BetterTween);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
     _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "disposeMethods", []);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onDispose", function (callback) {
+    _defineProperty(_assertThisInitialized(_this), "disposeMethods", []);
+    _defineProperty(_assertThisInitialized(_this), "onDispose", function (callback) {
       _this.disposeMethods.push(callback);
-      return (0, _assertThisInitialized2["default"])(_this);
+      return _assertThisInitialized(_this);
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "play", function () {
+    _defineProperty(_assertThisInitialized(_this), "play", function () {
       _this.start();
-      _this.animationFrameDisposer = (0, _.requestAnimationFrameInterval)(function () {
+      _this.animationFrameDisposer = requestAnimationFrameInterval(function () {
         return _this.update();
       });
-      return (0, _assertThisInitialized2["default"])(_this);
+      return _assertThisInitialized(_this);
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "dispose", function () {
+    _defineProperty(_assertThisInitialized(_this), "dispose", function () {
       var _this$animationFrameD, _this2;
       _this.stop();
       (_this$animationFrameD = (_this2 = _this).animationFrameDisposer) === null || _this$animationFrameD === void 0 ? void 0 : _this$animationFrameD.call(_this2);
@@ -49,13 +39,13 @@ var BetterTween = exports.BetterTween = /*#__PURE__*/function (_TWEEN$Tween) {
         return fn();
       });
       _this.disposeMethods = [];
-      TWEEN.remove((0, _assertThisInitialized2["default"])(_this));
+      TWEEN.remove(_assertThisInitialized(_this));
     });
     return _this;
   }
-  return (0, _createClass2["default"])(BetterTween);
+  return _createClass(BetterTween);
 }(TWEEN.Tween);
-function tweenProgress(duration) {
+export function tweenProgress(duration) {
   var easing = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : TWEEN.Easing.Linear.None;
   var tween = new BetterTween({
     progress: 0

package/lib/shared-utils/animationFrame/index.js

@@ -1,20 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-exports.getFrameTime = getFrameTime;
-exports.nextFrame = nextFrame;
-exports.requestAnimationFrameInterval = requestAnimationFrameInterval;
 var _requestAnimationFrame = window.requestAnimationFrame || function (fn) {
   return setTimeout(function () {
     return fn(performance.now());
   }, 16);
 };
 var _cancelAnimationFrame = window.cancelAnimationFrame || clearTimeout;
-var _default = exports["default"] = _requestAnimationFrame;
-function nextFrame(fn) {
+export default _requestAnimationFrame;
+export function nextFrame(fn) {
   var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   if (delay <= 0) _requestAnimationFrame(fn);else _requestAnimationFrame(function () {
     return nextFrame(fn, delay - 1);
@@ -27,7 +18,7 @@ function nextFrame(fn) {
  * @param frame 每秒运行多少次
  * @returns 返回一个函数，调用可以停止 AnimationFrameLoop
  */
-function requestAnimationFrameInterval(callback) {
+export function requestAnimationFrameInterval(callback) {
   var frame = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 60;
   var index = -1;
   var oldTime = 0;
@@ -51,7 +42,7 @@ function requestAnimationFrameInterval(callback) {
  * 获取两个 AnimationFrame 间隔的时间
  * @returns 返回一个 Promise，resolve 的结果是两个 AnimationFrame 间隔的时间
  */
-function getFrameTime() {
+export function getFrameTime() {
   var start = Date.now();
   return new Promise(function (resolve) {
     _requestAnimationFrame(function () {

package/lib/shared-utils/animationFrame/tween.js

@@ -1,15 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.clear = void 0;
-exports["default"] = tween;
-exports.tweenProgress = tweenProgress;
-var _tween = require("@tweenjs/tween.js");
-var _index = require("./index");
+import { Tween, Easing } from '@tweenjs/tween.js';
+import { nextFrame, requestAnimationFrameInterval } from "./index.js";
 var disposeMethods = [];
-var clear = exports.clear = function clear() {
+export var clear = function clear() {
   disposeMethods.forEach(function (dispose) {
     return dispose();
   });
@@ -26,14 +18,14 @@ var clear = exports.clear = function clear() {
  * @param duration 经历时间（s）
  * @param easing 过程动画，默认是 Easing.Linear.None
  */
-function tween(from, to, duration) {
-  var easing = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _tween.Easing.Linear.None;
-  var tween = new _tween.Tween(from).to(to, duration).easing(easing);
+export default function tween(from, to, duration) {
+  var easing = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : Easing.Linear.None;
+  var tween = new Tween(from).to(to, duration).easing(easing);
   // 这里注意一下，因为 requestAnimationFrameInterval 给的时间是从 0 开始的，tween 动画也从 0 开始
-  (0, _index.nextFrame)(function () {
+  nextFrame(function () {
     return tween.start(0);
   });
-  var cancelAnimationFrame = (0, _index.requestAnimationFrameInterval)(function (time) {
+  var cancelAnimationFrame = requestAnimationFrameInterval(function (time) {
     if (tween.update(time) === false) cancelAnimationFrame();
   });
   var destroyMethods = [];
@@ -57,7 +49,7 @@ function tween(from, to, duration) {
   };
   return tween;
 }
-function tweenProgress(duration, easing) {
+export function tweenProgress(duration, easing) {
   return tween({
     progress: 0
   }, {

package/lib/shared-utils/createTransMatrix.js

@@ -1,20 +1,11 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createTransMatrix = createTransMatrix;
-var _construct2 = _interopRequireDefault(require("@babel/runtime/helpers/construct"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var THREE = _interopRequireWildcard(require("three"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) { "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); } return f; })(e, t); }
-function createTransMatrix(arr1) {
+import _construct from "@babel/runtime/helpers/esm/construct";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import * as THREE from 'three';
+export function createTransMatrix(arr1) {
   var matrix4 = new THREE.Matrix4();
   matrix4.fromArray(arr1);
   return function (arr2) {
-    var vector3 = (0, _construct2["default"])(THREE.Vector3, (0, _toConsumableArray2["default"])(arr2));
+    var vector3 = _construct(THREE.Vector3, _toConsumableArray(arr2));
     vector3.applyMatrix4(matrix4);
     return vector3.toArray();
   };

package/lib/shared-utils/getFileExpandedName.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = getFileExpandedName;
-function getFileExpandedName(filePath) {
+export default function getFileExpandedName(filePath) {
   if (!filePath) return '';
   var index = filePath.lastIndexOf('.');
   var ext = filePath.substring(index + 1);

package/lib/shared-utils/getMediaInfo.js

@@ -1,16 +1,5 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = getMediaInfo;
-exports.getFileName = getFileName;
-exports.getMediaType = getMediaType;
-exports.getMediaTypeByExpandedName = getMediaTypeByExpandedName;
-exports.getMediaTypeByUrl = getMediaTypeByUrl;
-var _getFileExpandedName = _interopRequireDefault(require("./getFileExpandedName"));
-function getMediaInfo(fileUrl) {
+import getFileExpandedName from "./getFileExpandedName.js";
+export default function getMediaInfo(fileUrl) {
   var type = getMediaType(fileUrl);
   if (!type) return Promise.resolve({
     error: '未知的文件类型: ' + fileUrl
@@ -37,24 +26,25 @@ function getMediaInfo(fileUrl) {
     };
   });
 }
-function getMediaType(url) {
-  var fileExpandedName = (0, _getFileExpandedName["default"])(url);
+
+export function getMediaType(url) {
+  var fileExpandedName = getFileExpandedName(url);
   var type = getMediaTypeByExpandedName(fileExpandedName);
   return type;
 }
-function getMediaTypeByExpandedName(fileExpandedName) {
+export function getMediaTypeByExpandedName(fileExpandedName) {
   if (!fileExpandedName) return 'unknown';
   if (/jpg|jpeg|png$/.test(fileExpandedName)) return 'image';
   if (/mp3|wav$/.test(fileExpandedName)) return 'audio';
   if (/avi|wmv|mpeg|mp4|m4v|mov|asf|flv|f4v|rmvb|rm|3gp|vob$/.test(fileExpandedName)) return 'video';
   return 'unknown';
 }
-function getMediaTypeByUrl(fileUrl) {
+export function getMediaTypeByUrl(fileUrl) {
   if (!fileUrl) return;
-  var fileExpandedName = (0, _getFileExpandedName["default"])(fileUrl);
+  var fileExpandedName = getFileExpandedName(fileUrl);
   return getMediaTypeByExpandedName(fileExpandedName);
 }
-function getFileName(fileUrl) {
+export function getFileName(fileUrl) {
   if (!fileUrl) return '';
   var index1 = fileUrl.lastIndexOf('/');
   var index2 = fileUrl.lastIndexOf('\\');

package/lib/shared-utils/setElementDataset.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = setElementDataset;
-function setElementDataset(element, dataset) {
+export default function setElementDataset(element, dataset) {
   if (element) {
     Object.keys(dataset).forEach(function (key) {
       var value = dataset[key].toString();

package/lib/typings/VreoUnit.js

@@ -1,10 +1,5 @@
-"use strict";
+export var VreoKeyframeEnum;
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VreoKeyframeEnum = exports.PanoTagStyleEnum = exports.PanoTagEnum = exports.PanoEffectEnum = exports.InfoPanelTypeEnum = exports.InfoPanelStyleEnum = void 0;
-var VreoKeyframeEnum;
 /**
  * 支持自定义剧本关键帧配置项
  */
@@ -21,92 +16,49 @@ var VreoKeyframeEnum;
   VreoKeyframeEnum["BgMusic"] = "BgMusic";
   VreoKeyframeEnum["Exit"] = "Exit";
   VreoKeyframeEnum["Custom"] = "Custom";
-})(VreoKeyframeEnum || (exports.VreoKeyframeEnum = VreoKeyframeEnum = {}));
-/**
- * 剧本关键帧
- */
-/**
- * 虚拟视频角色
- */
-/**
- * 剧本结构
- */
-/**
- * 剧本事件
- */
-/**
- * 相机运动
- */
-/**
- * 提词器
- */
-/**
- * VR 全景切换
- */
-/**
- * 顶点
- */
-/**
- * 矩形顶点
- */
-/**
- * 顶点数组
- */
-/**
- * 视频广告
- */
-/**
- * 四元数
- */
-/**
- * 全景文本标签
- */
+})(VreoKeyframeEnum || (VreoKeyframeEnum = {}));
 /**
  * 全景标签枚举
  */
-var PanoTagEnum;
+export var PanoTagEnum;
+
 /**
  * 标签样式种类
  */
 (function (PanoTagEnum) {
   PanoTagEnum["Text"] = "Text";
   PanoTagEnum["Image"] = "Image";
-})(PanoTagEnum || (exports.PanoTagEnum = PanoTagEnum = {}));
-var PanoTagStyleEnum;
+})(PanoTagEnum || (PanoTagEnum = {}));
+export var PanoTagStyleEnum;
 (function (PanoTagStyleEnum) {
   PanoTagStyleEnum["Growth"] = "Growth";
   PanoTagStyleEnum["Expand"] = "Expand";
-})(PanoTagStyleEnum || (exports.PanoTagStyleEnum = PanoTagStyleEnum = {}));
+})(PanoTagStyleEnum || (PanoTagStyleEnum = {}));
 /**
  * 全景特效枚举
  */
-var PanoEffectEnum;
+export var PanoEffectEnum;
+
 /**
  * 全景特效
  */
 (function (PanoEffectEnum) {
   PanoEffectEnum["Distance"] = "Distance";
-})(PanoEffectEnum || (exports.PanoEffectEnum = PanoEffectEnum = {}));
+})(PanoEffectEnum || (PanoEffectEnum = {}));
 /**
  * 信息面板类型枚举
  */
-var InfoPanelTypeEnum;
+export var InfoPanelTypeEnum;
 (function (InfoPanelTypeEnum) {
   InfoPanelTypeEnum["Image"] = "Image";
   InfoPanelTypeEnum["Video"] = "Video";
-})(InfoPanelTypeEnum || (exports.InfoPanelTypeEnum = InfoPanelTypeEnum = {}));
-var InfoPanelStyleEnum;
+})(InfoPanelTypeEnum || (InfoPanelTypeEnum = {}));
+export var InfoPanelStyleEnum;
+
 /**
  * 信息面板
  */
 (function (InfoPanelStyleEnum) {
   InfoPanelStyleEnum["Drawer"] = "Drawer";
   InfoPanelStyleEnum["PopUp"] = "PopUp";
-})(InfoPanelStyleEnum || (exports.InfoPanelStyleEnum = InfoPanelStyleEnum = {}));
-/**
- * 视频特效
- */
-/**
- * 背景音乐
- */
-/** 自定义序列帧 */
+})(InfoPanelStyleEnum || (InfoPanelStyleEnum = {}));

package/lib/typings/index.d.ts

@@ -0,0 +1 @@
+export * from './VreoUnit';

package/lib/typings/index.js

@@ -0,0 +1 @@
+export * from "./VreoUnit.js";

package/package.json

@@ -1,12 +1,64 @@
 {
   "name": "@realsee/vreo",
-  "version": "2.5.0",
+  "version": "2.6.1-alpha.1",
+  "type": "module",
   "description": "Vreo (VR Video 缩写) 是基于如视三维渲染引擎 Five 和 用户界面构建库 React 实现的如视 3D 空间剧本播放器。",
   "keywords": [
     "realsee",
     "vreo"
   ],
-  "main": "lib/index.js",
+  "exports": {
+    ".": {
+      "types": "./lib/index.d.ts",
+      "import": "./lib/index.js",
+      "default": "./lib/index.js"
+    },
+    "./PlayController": {
+      "types": "./lib/PlayController/index.d.ts",
+      "import": "./lib/PlayController/index.js",
+      "default": "./lib/PlayController/index.js"
+    },
+    "./Player": {
+      "types": "./lib/Player/index.d.ts",
+      "import": "./lib/Player/index.js",
+      "default": "./lib/Player/index.js"
+    },
+    "./react": {
+      "types": "./lib/react/index.d.ts",
+      "import": "./lib/react/index.js",
+      "default": "./lib/react/index.js"
+    },
+    "./plugins/CameraMovementPlugin": {
+      "types": "./lib/fivePlugins/CameraMovementPlugin/index.d.ts",
+      "import": "./lib/fivePlugins/CameraMovementPlugin/index.js",
+      "default": "./lib/fivePlugins/CameraMovementPlugin/index.js"
+    },
+    "./plugins/CSS3DRenderPlugin": {
+      "types": "./lib/fivePlugins/CSS3DRenderPlugin/index.d.ts",
+      "import": "./lib/fivePlugins/CSS3DRenderPlugin/index.js",
+      "default": "./lib/fivePlugins/CSS3DRenderPlugin/index.js"
+    },
+    "./plugins/ModelTVVideoPlugin": {
+      "types": "./lib/fivePlugins/ModelTVVideoPlugin/index.d.ts",
+      "import": "./lib/fivePlugins/ModelTVVideoPlugin/index.js",
+      "default": "./lib/fivePlugins/ModelTVVideoPlugin/index.js"
+    },
+    "./utils/animationFrame": {
+      "types": "./lib/shared-utils/animationFrame/index.d.ts",
+      "import": "./lib/shared-utils/animationFrame/index.js",
+      "default": "./lib/shared-utils/animationFrame/index.js"
+    },
+    "./typings": {
+      "types": "./lib/typings/index.d.ts",
+      "import": "./lib/typings/index.js",
+      "default": "./lib/typings/index.js"
+    },
+    "./stylesheets/default.css": "./stylesheets/default.css",
+    "./stylesheets/custom/SpatialScenePanel.css": "./stylesheets/custom/SpatialScenePanel.css",
+    "./stylesheets/*": "./stylesheets/*",
+    "./lib/*": "./lib/*",
+    "./package.json": "./package.json"
+  },
   "author": "BEIKE REALSEE TECHNOLOGY (HK) LIMITED",
   "license": "MIT",
   "private": false,
@@ -19,26 +71,26 @@
   ],
   "scripts": {
     "dev": "vite --port=3088 --host 0.0.0.0",
-    "build": "tsc && vite build",
+    "build": "pnpm packages",
     "preview": "vite preview",
-    "docs": "npx typedoc && yarn run build",
+    "docs": "npx typedoc",
     "packages": "node ./dev-tools/build-packages.js",
     "postpublish": "cnpm sync @realsee/vreo"
   },
   "peerDependencies": {
     "@realsee/dnalogel": "3.67.0",
     "@realsee/five": "^6.4.0-alpha.1",
-    "three": "0.117.1",
     "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react-dom": "^18.0.0",
+    "three": "0.117.1"
   },
   "devDependencies": {
     "@babel/cli": "^7.16.0",
     "@babel/core": "^7.16.0",
+    "@babel/plugin-transform-runtime": "7.24.3",
     "@babel/preset-env": "^7.16.4",
     "@babel/preset-react": "^7.16.0",
     "@babel/preset-typescript": "^7.16.0",
-    "@babel/plugin-transform-runtime": "7.24.3",
     "@realsee/dnalogel": "^3.67.2",
     "@realsee/five": "^6.4.0-alpha.38",
     "@tweenjs/tween.js": "18.6.4",
@@ -48,6 +100,7 @@
     "@types/react-dom": "^18.3.7",
     "@types/react-transition-group": "^4.4.4",
     "@vitejs/plugin-react": "^4.3.3",
+    "babel-plugin-add-import-extension": "^1.6.0",
     "cnpm": "^9.2.0",
     "del": "^6.0.0",
     "react": "^18.3.1",
@@ -61,6 +114,5 @@
     "classnames": "^2.3.1",
     "mobx": "^6.3.7",
     "mobx-react": "^7.2.1"
-  },
-  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
+  }
 }