chore: import with top level package just like what user will do

.gitignore

@@ -128,3 +128,9 @@ dist
 .yarn/build-state.yml
 .yarn/install-state.gz
 .pnp.*
+
+# production
+**/dist
+/.vscode
+**/**/lib/**
+**/**/es/**

.storybook/webpack.config.js

@@ -0,0 +1,12 @@
+const path = require('path');
+const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
+
+module.exports = ({ config }) => {
+  config.resolve.plugins = config.resolve.plugins || [];
+  config.resolve.plugins.push(
+    new TsconfigPathsPlugin({
+      configFile: path.resolve(__dirname, "../tsconfig.json"),
+    })
+  );
+  return config;
+};

package.json

@@ -35,6 +35,7 @@
     "lerna": "^4.0.0",
     "lint-staged": "^12.3.4",
     "prettier": "^2.5.1",
+    "tsconfig-paths-webpack-plugin": "^3.5.2",
     "typescript": "^4.6.2",
     "yorkie": "^2.0.0"
   },

packages/core/package.json

@@ -1,9 +1,18 @@
 {
   "name": "@fortune-sheet/core",
   "version": "0.1.0",
-  "main": "index.js",
+  "main": "lib/index.js",
+  "typings": "lib/index.d.ts",
+  "directories": {
+    "lib": "lib",
+    "test": "__tests__"
+  },
+  "files": ["lib"],
   "repository": "https://github.com/ruilisi/fortune-sheet",
   "license": "MIT",
+  "scripts": {
+    "tsc": "tsc"
+  },
   "dependencies": {
     "dayjs": "^1.11.0",
     "hot-formula-parser": "^4.0.0",

packages/core/src/canvas.ts

@@ -1,5 +1,5 @@
 import _ from "lodash";
-import defaultContext, { getFlowdata } from "./context";
+import { defaultContext, getFlowdata } from "./context";
 import { getRealCellValue, normalizedAttr } from "./modules/cell";
 import {
   clearMeasureTextCache,
@@ -105,7 +105,7 @@ function setLineDash(
   }
 }
 
-export default class Canvas {
+export class Canvas {
   canvasElement: HTMLCanvasElement;
 
   sheetCtx: ReturnType<typeof defaultContext>;
@@ -2195,14 +2195,16 @@ export default class Canvas {
       renderCtx.clip();
       renderCtx.scale(this.sheetCtx.zoomRatio, this.sheetCtx.zoomRatio);
 
-      const textInfo = getCellTextInfo(cell, renderCtx, this.sheetCtx, {
-        cellWidth,
-        cellHeight,
-        space_width,
-        space_height,
-        r,
-        c,
-      });
+      const textInfo = cell
+        ? getCellTextInfo(cell, renderCtx, this.sheetCtx, {
+            cellWidth,
+            cellHeight,
+            space_width,
+            space_height,
+            r,
+            c,
+          })
+        : undefined;
 
       // 若单元格有条件格式图标集
       if (checksCF?.icons && textInfo.type === "plain") {
@@ -2378,14 +2380,16 @@ export default class Canvas {
     renderCtx.clip();
     renderCtx.scale(this.sheetCtx.zoomRatio, this.sheetCtx.zoomRatio);
 
-    const textInfo = getCellTextInfo(cell, renderCtx, this.sheetCtx, {
-      cellWidth,
-      cellHeight,
-      space_width,
-      space_height,
-      r,
-      c,
-    });
+    const textInfo = cell
+      ? getCellTextInfo(cell, renderCtx, this.sheetCtx, {
+          cellWidth,
+          cellHeight,
+          space_width,
+          space_height,
+          r,
+          c,
+        })
+      : undefined;
 
     // 交替颜色
     // const checksAF = alternateformat.checksAF(r, c, afCompute);

packages/core/src/context.ts

@@ -144,7 +144,7 @@ export type Context = {
   defaultCell: Cell;
 };
 
-function defaultContext(): Context {
+export function defaultContext(): Context {
   return {
     container: null,
     loadingObj: {},
@@ -291,8 +291,6 @@ function defaultContext(): Context {
   };
 }
 
-export default defaultContext;
-
 export function getFlowdata(ctx?: Context) {
   if (!ctx) return null;
   const i = getSheetIndex(ctx, ctx.currentSheetIndex);

packages/core/src/events/index.ts

@@ -0,0 +1,4 @@
+export * from "./copy";
+export * from "./keyboard";
+export * from "./mouse";
+export * from "./paste";

packages/core/src/events/keyboard.ts

@@ -2,7 +2,11 @@ import _ from "lodash";
 import { Context, getFlowdata } from "../context";
 import { updateCell, cancelNormalSelected } from "../modules/cell";
 import { handleFormulaInput } from "../modules/formula";
-import { copy, deleteSelectedCellText, moveHighlightCell, selectionCache } from "../modules/selection";
+import {
+  deleteSelectedCellText,
+  moveHighlightCell,
+  selectionCache,
+} from "../modules/selection";
 import { handleBold } from "../modules/toolbar";
 import { hasPartMC } from "../modules/validation";
 import { GlobalCache } from "../types";

packages/core/src/events/paste.ts

@@ -1,6 +1,6 @@
 import _ from "lodash";
 import { Context, getFlowdata } from "../context";
-import locale from "../locale";
+import { locale } from "../locale";
 import { getdatabyselection, getQKBorder } from "../modules/cell";
 import { genarate } from "../modules/format";
 import { selectionCache } from "../modules/selection";

packages/core/src/index.ts

@@ -1,4 +1,8 @@
-import Canvas from "./canvas";
-import Context from "./context";
-
-export { Canvas, Context };
+export * from "./canvas";
+export * from "./context";
+export * from "./settings";
+export * from "./events";
+export * from "./locale";
+export * from "./modules";
+export * from "./types.d";
+export * from "./utils";

packages/core/src/locale/index.ts

@@ -9,4 +9,4 @@ function locale() {
   return localeObj[localStorage.getItem("lang") || "zh"];
 }
 
-export default locale;
+export { locale };

packages/core/src/modules/cell.ts

@@ -1,4 +1,4 @@
-import _, { flow } from "lodash";
+import _ from "lodash";
 import { Context, getFlowdata } from "../context";
 import { Cell, CellMatrix, Range, Selection } from "../types";
 import { getSheetByIndex, getSheetIndex, rgbToHex } from "../utils";

packages/core/src/modules/format.ts

@@ -1,8 +1,7 @@
 import numeral from "numeral";
-import { isRealNum, valueIsError, isdatetime } from "./validation";
-import { getCellValue } from "./cell";
-import SSF from "./ssf";
 import _ from "lodash";
+import { isRealNum, valueIsError, isdatetime } from "./validation";
+import SSF from "./ssf";
 
 const XLMLFormatMap /* {[string]:string} */ = {
   "General Number": "General",

packages/core/src/modules/formula.ts

@@ -1,7 +1,7 @@
 import _ from "lodash";
 // @ts-ignore
 import { Parser } from "hot-formula-parser";
-import type { Selection } from "@fortune-sheet/core/src/types";
+import type { Selection } from "../types";
 import { Context, getFlowdata } from "../context";
 import {
   columnCharToIndex,
@@ -12,7 +12,7 @@ import {
 import { getcellFormula, setCellValue } from "./cell";
 import { error } from "./validation";
 import { moveToEnd } from "./cursor";
-import locale from "../locale";
+import { locale } from "../locale";
 import { colors } from "./color";
 
 export const formulaCache: {

packages/core/src/modules/index.ts

@@ -0,0 +1,16 @@
+export * from "./border";
+export * from "./cell";
+export * from "./clipboard";
+export * from "./color";
+export * from "./cursor";
+export * from "./format";
+export * from "./formula";
+export * from "./inline-string";
+export * from "./location";
+export * from "./protection";
+export * from "./rowcol";
+export * from "./selection";
+export * from "./sheet";
+export * from "./text";
+export * from "./toolbar";
+export * from "./validation";

packages/core/src/modules/selection.ts

@@ -1,5 +1,5 @@
 import _ from "lodash";
-import type { Sheet as SheetType } from "@fortune-sheet/core/src/types";
+import type { Sheet as SheetType } from "../types";
 import { Context, getFlowdata } from "../context";
 import { getCellValue, getStyleByCell, mergeBorder } from "./cell";
 import { delFunctionGroup, formulaCache } from "./formula";
@@ -7,7 +7,7 @@ import clipboard from "./clipboard";
 import { getBorderInfoCompute } from "./border";
 import { getSheetIndex, replaceHtml } from "../utils";
 import { hasPartMC } from "./validation";
-import locale from "../locale";
+import { locale } from "../locale";
 
 export const selectionCache = {
   isPasteAction: false,

packages/core/src/utils/index.ts

@@ -1,7 +1,7 @@
 import _ from "lodash";
 import { v4 as uuidv4 } from "uuid";
 import { Context } from "../context";
-import locale from "../locale";
+import { locale } from "../locale";
 import { Sheet } from "../types";
 
 export function generateRandomSheetIndex() {

packages/core/tsconfig.json

@@ -1,3 +1,11 @@
 {
-  "extends": "../../tsconfig.json"
-}
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "./src",
+    "outDir": "./lib",
+    "composite": true
+  },
+  "include": [
+    "./src"
+  ]
+}

packages/react/package.json

@@ -1,9 +1,18 @@
 {
   "name": "@fortune-sheet/react",
   "version": "0.1.0",
-  "main": "index.js",
+  "main": "lib/index.js",
+  "typings": "lib/index.d.ts",
+  "directories": {
+    "lib": "lib",
+    "test": "__tests__"
+  },
+  "files": ["lib"],
   "repository": "https://github.com/ruilisi/fortune-sheet",
   "license": "MIT",
+  "scripts": {
+    "tsc": "tsc"
+  },
   "dependencies": {
     "react": "^17.0.2",
     "react-dom": "^17.0.2"

packages/react/src/components/ContextMenu/SheetTab.tsx

@@ -1,6 +1,4 @@
-import locale from "@fortune-sheet/core/src/locale";
-import { Sheet } from "@fortune-sheet/core/src/types";
-import { deleteSheet } from "@fortune-sheet/core/src/modules/sheet";
+import { locale, Sheet, deleteSheet } from "@fortune-sheet/core";
 import React, {
   useContext,
   useRef,

packages/react/src/components/ContextMenu/index.tsx

@@ -1,13 +1,13 @@
-import { handleCopy } from "@fortune-sheet/core/src/events/copy";
-import locale from "@fortune-sheet/core/src/locale";
+import {
+  locale,
+  handleCopy,
+  handlePasteByClick,
+  deleteRowCol,
+  extendSheet,
+} from "@fortune-sheet/core";
 import _ from "lodash";
 import React, { useContext, useMemo, useRef, useLayoutEffect } from "react";
 import produce from "immer";
-import { handlePasteByClick } from "@fortune-sheet/core/src/events/paste";
-import {
-  deleteRowCol,
-  extendSheet,
-} from "@fortune-sheet/core/src/modules/rowcol";
 import WorkbookContext from "../../context";
 import "./index.css";
 import Menu from "./Menu";

packages/react/src/components/FxEditor/index.tsx

@@ -1,14 +1,15 @@
-import { getFlowdata } from "@fortune-sheet/core/src/context";
 import {
+  getFlowdata,
   cancelNormalSelected,
   getCellValue,
   updateCell,
-} from "@fortune-sheet/core/src/modules/cell";
-import {
   getInlineStringNoStyle,
   isInlineStringCell,
-} from "@fortune-sheet/core/src/modules/inline-string";
-import { escapeScriptTag } from "@fortune-sheet/core/src/utils";
+  escapeScriptTag,
+  moveHighlightCell,
+  handleFormulaInput,
+  rangeHightlightselected,
+} from "@fortune-sheet/core";
 import React, {
   useContext,
   useState,
@@ -18,12 +19,7 @@ import React, {
 } from "react";
 import produce from "immer";
 import "./index.css";
-import { moveHighlightCell } from "@fortune-sheet/core/src/modules/selection";
 import _ from "lodash";
-import {
-  handleFormulaInput,
-  rangeHightlightselected,
-} from "@fortune-sheet/core/src/modules/formula";
 import WorkbookContext from "../../context";
 import SVGIcon from "../SVGIcon";
 import ContentEditable from "../SheetOverlay/ContentEditable";

packages/react/src/components/Sheet/index.tsx

@@ -1,17 +1,15 @@
 import React, { useRef, useEffect, useContext, useCallback } from "react";
-import { Canvas } from "@fortune-sheet/core/src";
-import "./index.css";
 import {
+  Canvas,
   updateContextWithCanvas,
   updateContextWithSheetData,
-} from "@fortune-sheet/core/src/context";
-import type { CellMatrix } from "@fortune-sheet/core/src/types";
-import {
   groupValuesRefresh,
   hasGroupValuesRefreshData,
-} from "@fortune-sheet/core/src/modules/formula";
+  handleGlobalWheel,
+} from "@fortune-sheet/core";
+import "./index.css";
+import type { CellMatrix } from "@fortune-sheet/core";
 import produce from "immer";
-import { handleGlobalWheel } from "@fortune-sheet/core/src/events/mouse";
 import WorkbookContext from "../../context";
 import SheetOverlay from "../SheetOverlay";
 

packages/react/src/components/SheetOverlay/ColumnHeader.tsx

@@ -1,11 +1,12 @@
 import {
   colLocation,
   colLocationByIndex,
-} from "@fortune-sheet/core/src/modules/location";
-import {
   selectTitlesMap,
   selectTitlesRange,
-} from "@fortune-sheet/core/src/modules/selection";
+  handleColSizeHandleMouseDown,
+  handleColumnHeaderMouseDown,
+  handleContextMenu,
+} from "@fortune-sheet/core";
 import _ from "lodash";
 import React, {
   useContext,
@@ -15,11 +16,6 @@ import React, {
   useEffect,
 } from "react";
 import produce from "immer";
-import {
-  handleColSizeHandleMouseDown,
-  handleColumnHeaderMouseDown,
-  handleContextMenu,
-} from "@fortune-sheet/core/src/events/mouse";
 import WorkbookContext from "../../context";
 
 const ColumnHeader: React.FC = () => {

packages/react/src/components/SheetOverlay/FormulaHint/index.tsx

@@ -1,4 +1,4 @@
-import { formulaCache } from "@fortune-sheet/core/src/modules/formula";
+import { formulaCache } from "@fortune-sheet/core";
 import React, { useContext } from "react";
 import WorkbookContext from "../../../context";
 import "./index.css";

packages/react/src/components/SheetOverlay/InputBox.tsx

@@ -4,10 +4,13 @@ import {
   updateCell,
   getInlineStringHTML,
   getStyleByCell,
-} from "@fortune-sheet/core/src/modules/cell";
-import { isInlineStringCell } from "@fortune-sheet/core/src/modules/inline-string";
-import { moveToEnd } from "@fortune-sheet/core/src/modules/cursor";
-import { escapeScriptTag } from "@fortune-sheet/core/src/utils";
+  isInlineStringCell,
+  moveToEnd,
+  getFlowdata,
+  handleFormulaInput,
+  moveHighlightCell,
+  escapeScriptTag,
+} from "@fortune-sheet/core";
 import React, {
   useContext,
   useEffect,
@@ -19,9 +22,6 @@ import React, {
 } from "react";
 import _ from "lodash";
 import produce from "immer";
-import { getFlowdata } from "@fortune-sheet/core/src/context";
-import { handleFormulaInput } from "@fortune-sheet/core/src/modules/formula";
-import { moveHighlightCell } from "@fortune-sheet/core/src/modules/selection";
 import WorkbookContext from "../../context";
 import ContentEditable from "./ContentEditable";
 import FormulaSearch from "./FormulaSearch";

packages/react/src/components/SheetOverlay/RowHeader.tsx

@@ -1,11 +1,12 @@
 import {
   rowLocation,
   rowLocationByIndex,
-} from "@fortune-sheet/core/src/modules/location";
-import {
   selectTitlesMap,
   selectTitlesRange,
-} from "@fortune-sheet/core/src/modules/selection";
+  handleContextMenu,
+  handleRowHeaderMouseDown,
+  handleRowSizeHandleMouseDown,
+} from "@fortune-sheet/core";
 import _ from "lodash";
 import React, {
   useContext,
@@ -15,11 +16,6 @@ import React, {
   useEffect,
 } from "react";
 import produce from "immer";
-import {
-  handleContextMenu,
-  handleRowHeaderMouseDown,
-  handleRowSizeHandleMouseDown,
-} from "@fortune-sheet/core/src/events/mouse";
 import WorkbookContext from "../../context";
 
 const RowHeader: React.FC = () => {

packages/react/src/components/SheetOverlay/index.tsx

@@ -7,7 +7,7 @@ import {
   handleContextMenu,
   handleOverlayMouseMove,
   handleOverlayMouseUp,
-} from "@fortune-sheet/core/src/events/mouse";
+} from "@fortune-sheet/core";
 import WorkbookContext from "../../context";
 import ColumnHeader from "./ColumnHeader";
 import RowHeader from "./RowHeader";

packages/react/src/components/SheetTab/SheetItem.tsx

@@ -1,4 +1,4 @@
-import { Sheet } from "@fortune-sheet/core/src/types";
+import { Sheet, handleSheetTabOnBlur } from "@fortune-sheet/core";
 import React, {
   useContext,
   useState,
@@ -7,7 +7,6 @@ import React, {
   useCallback,
 } from "react";
 import produce from "immer";
-import { handleSheetTabOnBlur } from "@fortune-sheet/core/src/modules/sheet";
 import WorkbookContext from "../../context";
 import SheetTabContextMenu from "../ContextMenu/SheetTab";
 

packages/react/src/components/SheetTab/index.tsx

@@ -1,7 +1,6 @@
 import React, { useContext, useRef } from "react";
 import produce from "immer";
-import { updateCell } from "@fortune-sheet/core/src/modules/cell";
-import { addSheet } from "@fortune-sheet/core/src/modules/sheet";
+import { updateCell, addSheet } from "@fortune-sheet/core";
 import WorkbookContext from "../../context";
 import SVGIcon from "../SVGIcon";
 import "./index.css";

packages/react/src/components/Toolbar/index.tsx

@@ -5,9 +5,9 @@ import {
   handleTextBackground,
   handleTextColor,
   handleTextSize,
-} from "@fortune-sheet/core/src/modules/toolbar";
-import { normalizedCellAttr } from "@fortune-sheet/core/src/modules/cell";
-import { getFlowdata } from "@fortune-sheet/core/src/context";
+  normalizedCellAttr,
+  getFlowdata,
+} from "@fortune-sheet/core";
 import WorkbookContext from "../../context";
 import "./index.css";
 import Button from "./Button";

packages/react/src/components/Workbook/index.tsx

@@ -1,4 +1,17 @@
-import { defaultSettings, Settings } from "@fortune-sheet/core/src/settings";
+import {
+  defaultContext,
+  defaultSettings,
+  Settings,
+  Context,
+  getFlowdata,
+  initSheetIndex,
+  CellWithRowAndCol,
+  GlobalCache,
+  Sheet as SheetType,
+  handleGlobalKeyDown,
+  getSheetIndex,
+  handlePaste,
+} from "@fortune-sheet/core";
 import React, {
   useMemo,
   useState,
@@ -7,21 +20,8 @@ import React, {
   useRef,
 } from "react";
 import "./index.css";
-import defaultContext, {
-  Context,
-  getFlowdata,
-  initSheetIndex,
-} from "@fortune-sheet/core/src/context";
 import produce from "immer";
 import _, { assign } from "lodash";
-import {
-  CellWithRowAndCol,
-  GlobalCache,
-  Sheet as SheetType,
-} from "@fortune-sheet/core/src/types";
-import { handleGlobalKeyDown } from "@fortune-sheet/core/src/events/keyboard";
-import { getSheetIndex } from "@fortune-sheet/core/src/utils";
-import { handlePaste } from "@fortune-sheet/core/src/events/paste";
 import Sheet from "../Sheet";
 import WorkbookContext from "../../context";
 import Toolbar from "../Toolbar";

packages/react/src/context/index.ts

@@ -1,7 +1,11 @@
 import React from "react";
-import defaultContext, { Context } from "@fortune-sheet/core/src/context";
-import { defaultSettings, Settings } from "@fortune-sheet/core/src/settings";
-import { GlobalCache } from "@fortune-sheet/core/src/types";
+import {
+  defaultContext,
+  Context,
+  defaultSettings,
+  Settings,
+  GlobalCache,
+} from "@fortune-sheet/core";
 
 type RefValues = {
   globalCache: GlobalCache;

packages/react/tsconfig.json

@@ -1,3 +1,16 @@
 {
-  "extends": "../../tsconfig.json"
-}
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "./src",
+    "outDir": "./lib",
+    "baseUrl": "./",
+    "paths": {
+      "@fortune-sheet/core": ["../core/src"]
+    },
+    "composite": true
+  },
+  "include": [
+    "./src"
+  ],
+  "references": [{ "path": "../core" }]
+}

stories/Workbook.stories.tsx

@@ -1,7 +1,7 @@
 import React, { useState, useCallback } from "react";
 import { ComponentMeta, ComponentStory } from "@storybook/react";
-import { Workbook } from "@fortune-sheet/react/src";
-import { Sheet } from "@fortune-sheet/core/src/types";
+import { Sheet } from "@fortune-sheet/core";
+import { Workbook } from "@fortune-sheet/react";
 import cell from "./data/cell";
 import formula from "./data/formula";
 import empty from "./data/empty";

tsconfig.json

@@ -2,11 +2,31 @@
   "compilerOptions": {
     "target": "es5",
     "module": "commonjs",
+    "baseUrl": ".",
+    "outDir": "./lib",
+    "declaration": true,
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
+    "removeComments": true,
+    "noLib": false,
     "jsx": "react",
     "strict": true,
     "strictNullChecks": true,
-    "skipLibCheck": true
-  }
+    "skipLibCheck": true,
+    "lib": ["es5", "dom"],
+    "paths": {
+      "@fortune-sheet/core": ["packages/core/src"],
+      "@fortune-sheet/react": ["packages/react/src"]
+    }
+  },
+  "references": [
+    { "path": "./packages/core" },
+    { "path": "./packages/react" }
+  ],
+  "include": ["packages/*/src", "stories/"],
+  "exclude": [
+    "node_modules",
+    "**/*.spec.ts",
+    "**/*.test.ts"
+  ]
 }

yarn.lock

@@ -6508,6 +6508,14 @@ enhanced-resolve@^4.5.0:
     memory-fs "^0.5.0"
     tapable "^1.0.0"
 
+enhanced-resolve@^5.7.0:
+  version "5.9.2"
+  resolved "https://registry.npmmirror.com/enhanced-resolve/-/enhanced-resolve-5.9.2.tgz#0224dcd6a43389ebfb2d55efee517e5466772dd9"
+  integrity sha512-GIm3fQfwLJ8YZx2smuHpBKkXC1yOk+OBEmKckVyL0i/ea8mqDEykK3ld5dgH1QYPNyT/lIllxV2LULnxCHaHkA==
+  dependencies:
+    graceful-fs "^4.2.4"
+    tapable "^2.2.0"
+
 entities@^2.0.0:
   version "2.2.0"
   resolved "https://registry.npmmirror.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55"
@@ -10363,6 +10371,11 @@ minimist@^1.1.1, minimist@^1.2.0, minimist@^1.2.5:
   resolved "https://registry.npmmirror.com/minimist/-/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
   integrity sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==
 
+minimist@^1.2.6:
+  version "1.2.6"
+  resolved "https://registry.npmmirror.com/minimist/-/minimist-1.2.6.tgz#8637a5b759ea0d6e98702cfb3a9283323c93af44"
+  integrity sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==
+
 minipass-collect@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npmmirror.com/minipass-collect/-/minipass-collect-1.0.2.tgz#22b813bf745dc6edba2576b940022ad6edc8c617"
@@ -13572,6 +13585,11 @@ tapable@^1.0.0, tapable@^1.1.3:
   resolved "https://registry.npmmirror.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
   integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==
 
+tapable@^2.2.0:
+  version "2.2.1"
+  resolved "https://registry.npmmirror.com/tapable/-/tapable-2.2.1.tgz#1967a73ef4060a82f12ab96af86d52fdb76eeca0"
+  integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==
+
 tar@^4.4.12:
   version "4.4.19"
   resolved "https://registry.npmmirror.com/tar/-/tar-4.4.19.tgz#2e4d7263df26f2b914dee10c825ab132123742f3"
@@ -13875,6 +13893,15 @@ ts-pnp@^1.1.6:
   resolved "https://registry.npmmirror.com/ts-pnp/-/ts-pnp-1.2.0.tgz#a500ad084b0798f1c3071af391e65912c86bca92"
   integrity sha512-csd+vJOb/gkzvcCHgTGSChYpy5f1/XKNsmvBGO4JXS+z1v2HobugDz4s1IeFXM3wZB44uczs+eazB5Q/ccdhQw==
 
+tsconfig-paths-webpack-plugin@^3.5.2:
+  version "3.5.2"
+  resolved "https://registry.npmmirror.com/tsconfig-paths-webpack-plugin/-/tsconfig-paths-webpack-plugin-3.5.2.tgz#01aafff59130c04a8c4ebc96a3045c43c376449a"
+  integrity sha512-EhnfjHbzm5IYI9YPNVIxx1moxMI4bpHD2e0zTXeDNQcwjjRaGepP7IhTHJkyDBG0CAOoxRfe7jCG630Ou+C6Pw==
+  dependencies:
+    chalk "^4.1.0"
+    enhanced-resolve "^5.7.0"
+    tsconfig-paths "^3.9.0"
+
 tsconfig-paths@^3.12.0:
   version "3.13.0"
   resolved "https://registry.npmmirror.com/tsconfig-paths/-/tsconfig-paths-3.13.0.tgz#f3e9b8f6876698581d94470c03c95b3a48c0e3d7"
@@ -13885,6 +13912,16 @@ tsconfig-paths@^3.12.0:
     minimist "^1.2.0"
     strip-bom "^3.0.0"
 
+tsconfig-paths@^3.9.0:
+  version "3.14.1"
+  resolved "https://registry.npmmirror.com/tsconfig-paths/-/tsconfig-paths-3.14.1.tgz#ba0734599e8ea36c862798e920bcf163277b137a"
+  integrity sha512-fxDhWnFSLt3VuTwtvJt5fpwxBHg5AdKWMsgcPOOIilyjymcYVZoCQF8fvFRezCNfblEXmi+PcM1eYHeOAgXCOQ==
+  dependencies:
+    "@types/json5" "^0.0.29"
+    json5 "^1.0.1"
+    minimist "^1.2.6"
+    strip-bom "^3.0.0"
+
 tslib@^1.8.1, tslib@^1.9.0:
   version "1.14.1"
   resolved "https://registry.npmmirror.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"