@elliemae/pui-cli 8.10.0 → 9.0.0-next.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/commands/start.js +1 -1
- package/dist/cjs/commands/storybook.js +2 -2
- package/dist/cjs/index.js +3 -1
- package/dist/cjs/pui-config.js +2 -2
- package/dist/cjs/transpile/esbuild.js +3 -1
- package/dist/cjs/webpack/webpack.base.babel.js +20 -1
- package/dist/cjs/webpack/webpack.dev.babel.js +3 -2
- package/dist/cjs/webpack/webpack.lib.base.babel.js +9 -2
- package/dist/cjs/webpack/webpack.lib.dev.babel.js +3 -10
- package/dist/cjs/webpack/webpack.lib.prod.babel.js +3 -5
- package/dist/cjs/webpack/webpack.prod.babel.js +3 -2
- package/dist/cjs/webpack/webpack.storybook.js +0 -8
- package/dist/esm/commands/start.js +1 -1
- package/dist/esm/commands/storybook.js +2 -2
- package/dist/esm/index.js +3 -1
- package/dist/esm/transpile/esbuild.js +3 -1
- package/dist/esm/webpack/webpack.base.babel.js +20 -1
- package/dist/esm/webpack/webpack.dev.babel.js +3 -2
- package/dist/esm/webpack/webpack.lib.base.babel.js +9 -3
- package/dist/esm/webpack/webpack.lib.dev.babel.js +3 -10
- package/dist/esm/webpack/webpack.lib.prod.babel.js +3 -5
- package/dist/esm/webpack/webpack.prod.babel.js +3 -2
- package/dist/esm/webpack/webpack.storybook.js +0 -8
- package/dist/types/index.d.ts +1 -0
- package/dist/types/webpack/webpack.storybook.d.ts +0 -1
- package/package.json +39 -30
|
@@ -39,7 +39,7 @@ const import_meta = {};
|
|
|
39
39
|
const __dirname = import_node_path.default.dirname((0, import_node_url.fileURLToPath)(import_meta.url));
|
|
40
40
|
const startProdServer = async () => {
|
|
41
41
|
await (0, import_utils.exec)(
|
|
42
|
-
`cross-env NODE_ENV=production ts-node
|
|
42
|
+
`cross-env NODE_ENV=production node --no-warnings=ExperimentalWarning --loader ts-node/esm ${import_node_path.default.resolve(
|
|
43
43
|
__dirname,
|
|
44
44
|
"../server/index.js"
|
|
45
45
|
)} --color always`
|
|
@@ -36,12 +36,12 @@ var import_utils = require("./utils.js");
|
|
|
36
36
|
const buildStoryBook = async (outputDir = "demo", isDoc = false) => {
|
|
37
37
|
const additionalParams = isDoc ? `--docs -o ${outputDir}/docs` : `-o ${outputDir}`;
|
|
38
38
|
await (0, import_utils.exec)(
|
|
39
|
-
`cross-env NODE_ENV=production
|
|
39
|
+
`cross-env NODE_ENV=production storybook build --quiet ${additionalParams}`
|
|
40
40
|
);
|
|
41
41
|
};
|
|
42
42
|
const startStoryBook = async (isDoc = false) => {
|
|
43
43
|
await (0, import_utils.exec)(
|
|
44
|
-
`cross-env
|
|
44
|
+
`cross-env STORYBOOK_BUILD=true storybook dev ${isDoc ? "--docs" : ""} -p 11000 --quiet`
|
|
45
45
|
);
|
|
46
46
|
};
|
|
47
47
|
const cmdArgs = {
|
package/dist/cjs/index.js
CHANGED
|
@@ -28,7 +28,8 @@ __export(lib_exports, {
|
|
|
28
28
|
loadRoutes: () => import_appRoutes.loadRoutes,
|
|
29
29
|
prettierConfig: () => import_prettier_config.prettierConfig,
|
|
30
30
|
stylelintConfig: () => import_stylelint_config.stylelintConfig,
|
|
31
|
-
vitestConfig: () => import_vitest_config.vitestConfig
|
|
31
|
+
vitestConfig: () => import_vitest_config.vitestConfig,
|
|
32
|
+
webpackFinal: () => import_webpack_storybook.webpackFinal
|
|
32
33
|
});
|
|
33
34
|
module.exports = __toCommonJS(lib_exports);
|
|
34
35
|
var import_babel_config = require("./babel.config.cjs");
|
|
@@ -42,3 +43,4 @@ var import_vitest_config = require("./testing/vitest.config.js");
|
|
|
42
43
|
var import_jest_node_config = require("./testing/jest.node.config.cjs");
|
|
43
44
|
var import_lint_staged_config = require("./lint-config/lint-staged.config.js");
|
|
44
45
|
var import_appRoutes = require("./server/appRoutes.js");
|
|
46
|
+
var import_webpack_storybook = require("./webpack/webpack.storybook.js");
|
package/dist/cjs/pui-config.js
CHANGED
|
@@ -33,7 +33,7 @@ __export(pui_config_exports, {
|
|
|
33
33
|
module.exports = __toCommonJS(pui_config_exports);
|
|
34
34
|
var import_node_path = __toESM(require("node:path"), 1);
|
|
35
35
|
var import_node_fs = __toESM(require("node:fs"), 1);
|
|
36
|
-
var
|
|
36
|
+
var import_merge = __toESM(require("lodash/merge"), 1);
|
|
37
37
|
const baseConfig = {
|
|
38
38
|
esBuild: {
|
|
39
39
|
target: "es2020"
|
|
@@ -44,5 +44,5 @@ const getPUIConfig = () => {
|
|
|
44
44
|
if (!import_node_fs.default.existsSync(configPath))
|
|
45
45
|
return baseConfig;
|
|
46
46
|
const config = JSON.parse(import_node_fs.default.readFileSync(configPath, "utf8"));
|
|
47
|
-
return (0,
|
|
47
|
+
return (0, import_merge.default)(baseConfig, config);
|
|
48
48
|
};
|
|
@@ -38,6 +38,7 @@ var import_fast_glob = __toESM(require("fast-glob"), 1);
|
|
|
38
38
|
var import_esbuild = require("esbuild");
|
|
39
39
|
var import_promises = require("node:fs/promises");
|
|
40
40
|
var import_browserslist_to_esbuild = __toESM(require("browserslist-to-esbuild"), 1);
|
|
41
|
+
var import_esbuild_plugin_lodash = __toESM(require("esbuild-plugin-lodash"), 1);
|
|
41
42
|
const import_meta = {};
|
|
42
43
|
const __dirname = import_node_path.default.dirname((0, import_node_url.fileURLToPath)(import_meta.url));
|
|
43
44
|
const TARGETS = {
|
|
@@ -116,7 +117,8 @@ const esBuild = async ({
|
|
|
116
117
|
...getCommonConfig({ injectReactShim }),
|
|
117
118
|
outdir: cjsOutdir,
|
|
118
119
|
format: ESBUILD_FORMAT.CJS,
|
|
119
|
-
target
|
|
120
|
+
target,
|
|
121
|
+
plugins: [(0, import_esbuild_plugin_lodash.default)()]
|
|
120
122
|
});
|
|
121
123
|
await copyFiles({ srcdir, outdir: cjsOutdir });
|
|
122
124
|
await createPackageJson({ outdir: cjsOutdir, type: NODE_MODULE_TYPES.CJS });
|
|
@@ -290,7 +290,26 @@ const baseConfig = (options) => ({
|
|
|
290
290
|
externals: {
|
|
291
291
|
"@elliemae/pui-user-monitoring": "emuiUserMonitoring",
|
|
292
292
|
"@elliemae/pui-app-loader": "emuiAppLoader",
|
|
293
|
-
"@elliemae/pui-diagnostics": "emuiDiagnostics"
|
|
293
|
+
"@elliemae/pui-diagnostics": "emuiDiagnostics",
|
|
294
|
+
react: "emuiAppReactDependencies.react",
|
|
295
|
+
"react-dom": "emuiAppReactDependencies.reactDOM",
|
|
296
|
+
"@reduxjs/toolkit": "emuiAppReactDependencies.rtk",
|
|
297
|
+
axios: "emuiAppReactDependencies.axios.default",
|
|
298
|
+
dompurify: "emuiAppReactDependencies.dompurify",
|
|
299
|
+
history: "emuiAppReactDependencies.history",
|
|
300
|
+
immer: "emuiAppReactDependencies.immer",
|
|
301
|
+
invariant: "emuiAppReactDependencies.invariant",
|
|
302
|
+
"pubsub-js": "emuiAppReactDependencies.pubsubjs",
|
|
303
|
+
"react-aria-live": "emuiAppReactDependencies.reactAriaLive",
|
|
304
|
+
"react-helmet": "emuiAppReactDependencies.reactHelmet",
|
|
305
|
+
"react-hook-form": "emuiAppReactDependencies.reactHookForm",
|
|
306
|
+
"react-redux": "emuiAppReactDependencies.reactRedux",
|
|
307
|
+
"react-router-dom": "emuiAppReactDependencies.reactRouterDOM",
|
|
308
|
+
reduxInjectors: "emuiAppReactDependencies.reduxInjectors",
|
|
309
|
+
reselect: "emuiAppReactDependencies.reselect",
|
|
310
|
+
// "styled-components": "emuiAppReactDependencies.styledComponents",
|
|
311
|
+
"styled-system": "emuiAppReactDependencies.styledSystem"
|
|
312
|
+
// "@xstyled/styled-components": "emuiAppReactDependencies.xstyled",
|
|
294
313
|
},
|
|
295
314
|
devtool: options.devtool || "eval-source-map",
|
|
296
315
|
performance: options.performance || {},
|
|
@@ -98,7 +98,7 @@ const devConfig = {
|
|
|
98
98
|
// Add development plugins
|
|
99
99
|
plugins: [
|
|
100
100
|
new import_html_webpack_plugin.default({
|
|
101
|
-
inject: !(0, import_helpers.isAppLoaderEnabled)(),
|
|
101
|
+
inject: !(0, import_helpers.isAppLoaderEnabled)() ? "head" : false,
|
|
102
102
|
// Inject all files that are generated by webpack, e.g. bundle.js
|
|
103
103
|
template: !(0, import_helpers.isAppLoaderEnabled)() ? "app/index.html" : "app/index-app-loader.html",
|
|
104
104
|
emui: {
|
|
@@ -110,7 +110,8 @@ const devConfig = {
|
|
|
110
110
|
diagnosticsScriptPath,
|
|
111
111
|
encwLoaderScriptPath,
|
|
112
112
|
googleTagManager: (0, import_helpers.isGoogleTagManagerEnabled)()
|
|
113
|
-
}
|
|
113
|
+
},
|
|
114
|
+
scriptLoading: "module"
|
|
114
115
|
}),
|
|
115
116
|
new import_circular_dependency_plugin.default({
|
|
116
117
|
exclude: /a\.(js|ts|jsx|tsx)|node_modules/,
|
|
@@ -84,14 +84,21 @@ const baseConfig = (options) => ({
|
|
|
84
84
|
output: {
|
|
85
85
|
clean: true,
|
|
86
86
|
path: import_node_path.default.resolve(process.cwd(), "dist/umd"),
|
|
87
|
+
filename: "[name].js",
|
|
88
|
+
chunkFilename: "[name].[chunkhash].chunk.js",
|
|
89
|
+
assetModuleFilename: "assets/[name].[hash][ext][query]",
|
|
87
90
|
publicPath: "auto",
|
|
88
91
|
library: {
|
|
89
|
-
name:
|
|
90
|
-
type: "
|
|
92
|
+
// name: getLibraryVariableName(),
|
|
93
|
+
type: "module"
|
|
91
94
|
},
|
|
95
|
+
module: true,
|
|
92
96
|
...options.output
|
|
93
97
|
},
|
|
94
98
|
// Merge with env dependent settings
|
|
99
|
+
experiments: {
|
|
100
|
+
outputModule: true
|
|
101
|
+
},
|
|
95
102
|
optimization: options.optimization,
|
|
96
103
|
module: {
|
|
97
104
|
rules: [
|
|
@@ -47,17 +47,13 @@ const getHtmlWebpackPlugins = () => {
|
|
|
47
47
|
(htmlTemplateFile) => new import_html_webpack_plugin.default({
|
|
48
48
|
template: htmlTemplateFile,
|
|
49
49
|
filename: import_node_path.default.basename(htmlTemplateFile),
|
|
50
|
-
inject:
|
|
50
|
+
inject: false,
|
|
51
|
+
scriptLoading: "module"
|
|
51
52
|
})
|
|
52
53
|
);
|
|
53
54
|
};
|
|
54
55
|
var webpack_lib_dev_babel_default = (0, import_webpack_lib_base_babel.baseConfig)({
|
|
55
56
|
mode: "development",
|
|
56
|
-
// output: {
|
|
57
|
-
// filename: `js/${libraryName}.js`,
|
|
58
|
-
// chunkFilename: `js/${libraryName}.chunk.js`,
|
|
59
|
-
// assetModuleFilename: '[name][ext][query]',
|
|
60
|
-
// },
|
|
61
57
|
optimization: {
|
|
62
58
|
splitChunks: {
|
|
63
59
|
chunks: "all"
|
|
@@ -74,10 +70,7 @@ var webpack_lib_dev_babel_default = (0, import_webpack_lib_base_babel.baseConfig
|
|
|
74
70
|
failOnError: false
|
|
75
71
|
// show a warning when there is a circular dependency
|
|
76
72
|
}),
|
|
77
|
-
new import_mini_css_extract_plugin.default({
|
|
78
|
-
// filename: `css/${libraryName}.css`,
|
|
79
|
-
// chunkFilename: `css/${libraryName}.chunk.css`,
|
|
80
|
-
}),
|
|
73
|
+
new import_mini_css_extract_plugin.default({}),
|
|
81
74
|
new import_webpack.default.ProgressPlugin()
|
|
82
75
|
],
|
|
83
76
|
devtool: "eval-source-map",
|
|
@@ -46,7 +46,8 @@ const getHtmlWebpackPlugins = () => {
|
|
|
46
46
|
(htmlTemplateFile) => new import_html_webpack_plugin.default({
|
|
47
47
|
template: htmlTemplateFile,
|
|
48
48
|
filename: import_node_path.default.basename(htmlTemplateFile),
|
|
49
|
-
inject:
|
|
49
|
+
inject: false,
|
|
50
|
+
scriptLoading: "module",
|
|
50
51
|
minify: {
|
|
51
52
|
removeComments: true,
|
|
52
53
|
collapseWhitespace: true,
|
|
@@ -82,10 +83,7 @@ const prodConfig = {
|
|
|
82
83
|
},
|
|
83
84
|
plugins: [
|
|
84
85
|
...getHtmlWebpackPlugins(),
|
|
85
|
-
new import_mini_css_extract_plugin.default({
|
|
86
|
-
// filename: `css/${libraryName}.[contenthash].css`,
|
|
87
|
-
// chunkFilename: `css/${libraryName}.[contenthash].chunk.css`,
|
|
88
|
-
}),
|
|
86
|
+
new import_mini_css_extract_plugin.default({}),
|
|
89
87
|
...(0, import_helpers.getCompressionPlugins)(true),
|
|
90
88
|
new import_webpack_bundle_analyzer.BundleAnalyzerPlugin({
|
|
91
89
|
analyzerMode: "static",
|
|
@@ -111,7 +111,7 @@ const {
|
|
|
111
111
|
basePath
|
|
112
112
|
} = (0, import_helpers.getPaths)();
|
|
113
113
|
const htmlWebpackPlugin = new import_html_webpack_plugin.default({
|
|
114
|
-
inject: !(0, import_helpers.isAppLoaderEnabled)(),
|
|
114
|
+
inject: !(0, import_helpers.isAppLoaderEnabled)() ? "head" : false,
|
|
115
115
|
template: !(0, import_helpers.isAppLoaderEnabled)() ? "app/index.html" : "app/index-app-loader.html",
|
|
116
116
|
minify: {
|
|
117
117
|
removeComments: true,
|
|
@@ -134,7 +134,8 @@ const htmlWebpackPlugin = new import_html_webpack_plugin.default({
|
|
|
134
134
|
diagnosticsScriptPath,
|
|
135
135
|
encwLoaderScriptPath,
|
|
136
136
|
googleTagManager: (0, import_helpers.isGoogleTagManagerEnabled)()
|
|
137
|
-
}
|
|
137
|
+
},
|
|
138
|
+
scriptLoading: "module"
|
|
138
139
|
});
|
|
139
140
|
const config = (0, import_webpack_base_babel.baseConfig)(getProdConfig());
|
|
140
141
|
if (config.plugins)
|
|
@@ -28,7 +28,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
28
28
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
29
|
var webpack_storybook_exports = {};
|
|
30
30
|
__export(webpack_storybook_exports, {
|
|
31
|
-
managerWebpack: () => managerWebpack,
|
|
32
31
|
webpackFinal: () => webpackFinal
|
|
33
32
|
});
|
|
34
33
|
module.exports = __toCommonJS(webpack_storybook_exports);
|
|
@@ -113,10 +112,3 @@ const webpackFinal = (config, { configType }) => {
|
|
|
113
112
|
}
|
|
114
113
|
return config;
|
|
115
114
|
};
|
|
116
|
-
const managerWebpack = (config) => {
|
|
117
|
-
if (config.plugins)
|
|
118
|
-
config.plugins = config.plugins.concat((0, import_helpers.getCompressionPlugins)());
|
|
119
|
-
if (config.resolve)
|
|
120
|
-
config.resolve.alias = { ...config.resolve.alias, ...(0, import_helpers.getAlias)() };
|
|
121
|
-
return config;
|
|
122
|
-
};
|
|
@@ -5,7 +5,7 @@ import { exec, logError, logSuccess, isApp } from "./utils.js";
|
|
|
5
5
|
const __dirname = path.dirname(fileURLToPath(import.meta.url));
|
|
6
6
|
const startProdServer = async () => {
|
|
7
7
|
await exec(
|
|
8
|
-
`cross-env NODE_ENV=production ts-node
|
|
8
|
+
`cross-env NODE_ENV=production node --no-warnings=ExperimentalWarning --loader ts-node/esm ${path.resolve(
|
|
9
9
|
__dirname,
|
|
10
10
|
"../server/index.js"
|
|
11
11
|
)} --color always`
|
|
@@ -3,12 +3,12 @@ import { exec, logInfo, logError, logSuccess } from "./utils.js";
|
|
|
3
3
|
const buildStoryBook = async (outputDir = "demo", isDoc = false) => {
|
|
4
4
|
const additionalParams = isDoc ? `--docs -o ${outputDir}/docs` : `-o ${outputDir}`;
|
|
5
5
|
await exec(
|
|
6
|
-
`cross-env NODE_ENV=production
|
|
6
|
+
`cross-env NODE_ENV=production storybook build --quiet ${additionalParams}`
|
|
7
7
|
);
|
|
8
8
|
};
|
|
9
9
|
const startStoryBook = async (isDoc = false) => {
|
|
10
10
|
await exec(
|
|
11
|
-
`cross-env
|
|
11
|
+
`cross-env STORYBOOK_BUILD=true storybook dev ${isDoc ? "--docs" : ""} -p 11000 --quiet`
|
|
12
12
|
);
|
|
13
13
|
};
|
|
14
14
|
const cmdArgs = {
|
package/dist/esm/index.js
CHANGED
|
@@ -9,6 +9,7 @@ import { vitestConfig } from "./testing/vitest.config.js";
|
|
|
9
9
|
import { jestNodeConfig } from "./testing/jest.node.config.cjs";
|
|
10
10
|
import { lintStagedConfig } from "./lint-config/lint-staged.config.js";
|
|
11
11
|
import { loadRoutes } from "./server/appRoutes.js";
|
|
12
|
+
import { webpackFinal } from "./webpack/webpack.storybook.js";
|
|
12
13
|
export {
|
|
13
14
|
babelConfig,
|
|
14
15
|
commitlintConfig,
|
|
@@ -20,5 +21,6 @@ export {
|
|
|
20
21
|
loadRoutes,
|
|
21
22
|
prettierConfig,
|
|
22
23
|
stylelintConfig,
|
|
23
|
-
vitestConfig
|
|
24
|
+
vitestConfig,
|
|
25
|
+
webpackFinal
|
|
24
26
|
};
|
|
@@ -4,6 +4,7 @@ import fg from "fast-glob";
|
|
|
4
4
|
import { build } from "esbuild";
|
|
5
5
|
import { writeFile, copyFile, readFile, mkdir } from "node:fs/promises";
|
|
6
6
|
import browserslistToEsbuild from "browserslist-to-esbuild";
|
|
7
|
+
import lodashTransformer from "esbuild-plugin-lodash";
|
|
7
8
|
const __dirname = path.dirname(fileURLToPath(import.meta.url));
|
|
8
9
|
const TARGETS = {
|
|
9
10
|
browserslist: browserslistToEsbuild(),
|
|
@@ -81,7 +82,8 @@ const esBuild = async ({
|
|
|
81
82
|
...getCommonConfig({ injectReactShim }),
|
|
82
83
|
outdir: cjsOutdir,
|
|
83
84
|
format: ESBUILD_FORMAT.CJS,
|
|
84
|
-
target
|
|
85
|
+
target,
|
|
86
|
+
plugins: [lodashTransformer()]
|
|
85
87
|
});
|
|
86
88
|
await copyFiles({ srcdir, outdir: cjsOutdir });
|
|
87
89
|
await createPackageJson({ outdir: cjsOutdir, type: NODE_MODULE_TYPES.CJS });
|
|
@@ -263,7 +263,26 @@ const baseConfig = (options) => ({
|
|
|
263
263
|
externals: {
|
|
264
264
|
"@elliemae/pui-user-monitoring": "emuiUserMonitoring",
|
|
265
265
|
"@elliemae/pui-app-loader": "emuiAppLoader",
|
|
266
|
-
"@elliemae/pui-diagnostics": "emuiDiagnostics"
|
|
266
|
+
"@elliemae/pui-diagnostics": "emuiDiagnostics",
|
|
267
|
+
react: "emuiAppReactDependencies.react",
|
|
268
|
+
"react-dom": "emuiAppReactDependencies.reactDOM",
|
|
269
|
+
"@reduxjs/toolkit": "emuiAppReactDependencies.rtk",
|
|
270
|
+
axios: "emuiAppReactDependencies.axios.default",
|
|
271
|
+
dompurify: "emuiAppReactDependencies.dompurify",
|
|
272
|
+
history: "emuiAppReactDependencies.history",
|
|
273
|
+
immer: "emuiAppReactDependencies.immer",
|
|
274
|
+
invariant: "emuiAppReactDependencies.invariant",
|
|
275
|
+
"pubsub-js": "emuiAppReactDependencies.pubsubjs",
|
|
276
|
+
"react-aria-live": "emuiAppReactDependencies.reactAriaLive",
|
|
277
|
+
"react-helmet": "emuiAppReactDependencies.reactHelmet",
|
|
278
|
+
"react-hook-form": "emuiAppReactDependencies.reactHookForm",
|
|
279
|
+
"react-redux": "emuiAppReactDependencies.reactRedux",
|
|
280
|
+
"react-router-dom": "emuiAppReactDependencies.reactRouterDOM",
|
|
281
|
+
reduxInjectors: "emuiAppReactDependencies.reduxInjectors",
|
|
282
|
+
reselect: "emuiAppReactDependencies.reselect",
|
|
283
|
+
// "styled-components": "emuiAppReactDependencies.styledComponents",
|
|
284
|
+
"styled-system": "emuiAppReactDependencies.styledSystem"
|
|
285
|
+
// "@xstyled/styled-components": "emuiAppReactDependencies.xstyled",
|
|
267
286
|
},
|
|
268
287
|
devtool: options.devtool || "eval-source-map",
|
|
269
288
|
performance: options.performance || {},
|
|
@@ -68,7 +68,7 @@ const devConfig = {
|
|
|
68
68
|
// Add development plugins
|
|
69
69
|
plugins: [
|
|
70
70
|
new HtmlWebpackPlugin({
|
|
71
|
-
inject: !isAppLoaderEnabled(),
|
|
71
|
+
inject: !isAppLoaderEnabled() ? "head" : false,
|
|
72
72
|
// Inject all files that are generated by webpack, e.g. bundle.js
|
|
73
73
|
template: !isAppLoaderEnabled() ? "app/index.html" : "app/index-app-loader.html",
|
|
74
74
|
emui: {
|
|
@@ -80,7 +80,8 @@ const devConfig = {
|
|
|
80
80
|
diagnosticsScriptPath,
|
|
81
81
|
encwLoaderScriptPath,
|
|
82
82
|
googleTagManager: isGoogleTagManagerEnabled()
|
|
83
|
-
}
|
|
83
|
+
},
|
|
84
|
+
scriptLoading: "module"
|
|
84
85
|
}),
|
|
85
86
|
new CircularDependencyPlugin({
|
|
86
87
|
exclude: /a\.(js|ts|jsx|tsx)|node_modules/,
|
|
@@ -9,7 +9,6 @@ import ResolveTypeScriptPlugin from "resolve-typescript-plugin";
|
|
|
9
9
|
import browserslistToEsbuild from "browserslist-to-esbuild";
|
|
10
10
|
import {
|
|
11
11
|
excludeNodeModulesExcept,
|
|
12
|
-
getLibraryVariableName,
|
|
13
12
|
modulesToTranspile,
|
|
14
13
|
getAlias,
|
|
15
14
|
filterByFilePresence
|
|
@@ -57,14 +56,21 @@ const baseConfig = (options) => ({
|
|
|
57
56
|
output: {
|
|
58
57
|
clean: true,
|
|
59
58
|
path: path.resolve(process.cwd(), "dist/umd"),
|
|
59
|
+
filename: "[name].js",
|
|
60
|
+
chunkFilename: "[name].[chunkhash].chunk.js",
|
|
61
|
+
assetModuleFilename: "assets/[name].[hash][ext][query]",
|
|
60
62
|
publicPath: "auto",
|
|
61
63
|
library: {
|
|
62
|
-
name: getLibraryVariableName(),
|
|
63
|
-
type: "
|
|
64
|
+
// name: getLibraryVariableName(),
|
|
65
|
+
type: "module"
|
|
64
66
|
},
|
|
67
|
+
module: true,
|
|
65
68
|
...options.output
|
|
66
69
|
},
|
|
67
70
|
// Merge with env dependent settings
|
|
71
|
+
experiments: {
|
|
72
|
+
outputModule: true
|
|
73
|
+
},
|
|
68
74
|
optimization: options.optimization,
|
|
69
75
|
module: {
|
|
70
76
|
rules: [
|
|
@@ -14,17 +14,13 @@ const getHtmlWebpackPlugins = () => {
|
|
|
14
14
|
(htmlTemplateFile) => new HtmlWebpackPlugin({
|
|
15
15
|
template: htmlTemplateFile,
|
|
16
16
|
filename: path.basename(htmlTemplateFile),
|
|
17
|
-
inject:
|
|
17
|
+
inject: false,
|
|
18
|
+
scriptLoading: "module"
|
|
18
19
|
})
|
|
19
20
|
);
|
|
20
21
|
};
|
|
21
22
|
var webpack_lib_dev_babel_default = baseConfig({
|
|
22
23
|
mode: "development",
|
|
23
|
-
// output: {
|
|
24
|
-
// filename: `js/${libraryName}.js`,
|
|
25
|
-
// chunkFilename: `js/${libraryName}.chunk.js`,
|
|
26
|
-
// assetModuleFilename: '[name][ext][query]',
|
|
27
|
-
// },
|
|
28
24
|
optimization: {
|
|
29
25
|
splitChunks: {
|
|
30
26
|
chunks: "all"
|
|
@@ -41,10 +37,7 @@ var webpack_lib_dev_babel_default = baseConfig({
|
|
|
41
37
|
failOnError: false
|
|
42
38
|
// show a warning when there is a circular dependency
|
|
43
39
|
}),
|
|
44
|
-
new MiniCssExtractPlugin({
|
|
45
|
-
// filename: `css/${libraryName}.css`,
|
|
46
|
-
// chunkFilename: `css/${libraryName}.chunk.css`,
|
|
47
|
-
}),
|
|
40
|
+
new MiniCssExtractPlugin({}),
|
|
48
41
|
new webpack.ProgressPlugin()
|
|
49
42
|
],
|
|
50
43
|
devtool: "eval-source-map",
|
|
@@ -13,7 +13,8 @@ const getHtmlWebpackPlugins = () => {
|
|
|
13
13
|
(htmlTemplateFile) => new HtmlWebpackPlugin({
|
|
14
14
|
template: htmlTemplateFile,
|
|
15
15
|
filename: path.basename(htmlTemplateFile),
|
|
16
|
-
inject:
|
|
16
|
+
inject: false,
|
|
17
|
+
scriptLoading: "module",
|
|
17
18
|
minify: {
|
|
18
19
|
removeComments: true,
|
|
19
20
|
collapseWhitespace: true,
|
|
@@ -49,10 +50,7 @@ const prodConfig = {
|
|
|
49
50
|
},
|
|
50
51
|
plugins: [
|
|
51
52
|
...getHtmlWebpackPlugins(),
|
|
52
|
-
new MiniCssExtractPlugin({
|
|
53
|
-
// filename: `css/${libraryName}.[contenthash].css`,
|
|
54
|
-
// chunkFilename: `css/${libraryName}.[contenthash].chunk.css`,
|
|
55
|
-
}),
|
|
53
|
+
new MiniCssExtractPlugin({}),
|
|
56
54
|
...getCompressionPlugins(true),
|
|
57
55
|
new BundleAnalyzerPlugin({
|
|
58
56
|
analyzerMode: "static",
|
|
@@ -83,7 +83,7 @@ const {
|
|
|
83
83
|
basePath
|
|
84
84
|
} = getPaths();
|
|
85
85
|
const htmlWebpackPlugin = new HtmlWebpackPlugin({
|
|
86
|
-
inject: !isAppLoaderEnabled(),
|
|
86
|
+
inject: !isAppLoaderEnabled() ? "head" : false,
|
|
87
87
|
template: !isAppLoaderEnabled() ? "app/index.html" : "app/index-app-loader.html",
|
|
88
88
|
minify: {
|
|
89
89
|
removeComments: true,
|
|
@@ -106,7 +106,8 @@ const htmlWebpackPlugin = new HtmlWebpackPlugin({
|
|
|
106
106
|
diagnosticsScriptPath,
|
|
107
107
|
encwLoaderScriptPath,
|
|
108
108
|
googleTagManager: isGoogleTagManagerEnabled()
|
|
109
|
-
}
|
|
109
|
+
},
|
|
110
|
+
scriptLoading: "module"
|
|
110
111
|
});
|
|
111
112
|
const config = baseConfig(getProdConfig());
|
|
112
113
|
if (config.plugins)
|
|
@@ -79,14 +79,6 @@ const webpackFinal = (config, { configType }) => {
|
|
|
79
79
|
}
|
|
80
80
|
return config;
|
|
81
81
|
};
|
|
82
|
-
const managerWebpack = (config) => {
|
|
83
|
-
if (config.plugins)
|
|
84
|
-
config.plugins = config.plugins.concat(getCompressionPlugins());
|
|
85
|
-
if (config.resolve)
|
|
86
|
-
config.resolve.alias = { ...config.resolve.alias, ...getAlias() };
|
|
87
|
-
return config;
|
|
88
|
-
};
|
|
89
82
|
export {
|
|
90
|
-
managerWebpack,
|
|
91
83
|
webpackFinal
|
|
92
84
|
};
|
package/dist/types/index.d.ts
CHANGED
|
@@ -9,3 +9,4 @@ export { vitestConfig } from './testing/vitest.config.js';
|
|
|
9
9
|
export { jestNodeConfig } from './testing/jest.node.config.cjs';
|
|
10
10
|
export { lintStagedConfig } from './lint-config/lint-staged.config.js';
|
|
11
11
|
export { loadRoutes } from './server/appRoutes.js';
|
|
12
|
+
export { webpackFinal } from './webpack/webpack.storybook.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/pui-cli",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "9.0.0-next.10",
|
|
4
4
|
"description": "ICE MT UI Platform CLI",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"type": "module",
|
|
@@ -19,12 +19,14 @@
|
|
|
19
19
|
"require": "./dist/cjs/release.config.cjs"
|
|
20
20
|
},
|
|
21
21
|
"./storybook": {
|
|
22
|
+
"import": "./dist/esm/webpack/webpack.storybook.js",
|
|
22
23
|
"require": "./dist/cjs/webpack/webpack.storybook.js"
|
|
23
24
|
},
|
|
24
25
|
"./vitest": {
|
|
25
26
|
"import": "./dist/esm/testing/vitest.config.js"
|
|
26
27
|
},
|
|
27
28
|
"./server/routes": {
|
|
29
|
+
"import": "./dist/esm/server/appRoutes.js",
|
|
28
30
|
"require": "./dist/cjs/server/appRoutes.js"
|
|
29
31
|
},
|
|
30
32
|
"./app.tsconfig.json": "./app.tsconfig.json",
|
|
@@ -49,21 +51,21 @@
|
|
|
49
51
|
"author": "ICE MT",
|
|
50
52
|
"license": "MIT",
|
|
51
53
|
"scripts": {
|
|
52
|
-
"build": "ts-node
|
|
53
|
-
"build:dev": "ts-node
|
|
54
|
+
"build": "node --no-warnings=ExperimentalWarning --loader ts-node/esm ./lib/cli.ts pack -p -t node",
|
|
55
|
+
"build:dev": "node --no-warnings=ExperimentalWarning --loader ts-node/esm ./lib/cli.ts pack -t node",
|
|
54
56
|
"docs:start": "docusaurus start",
|
|
55
57
|
"docs:build": "docusaurus build --out-dir build/docs",
|
|
56
58
|
"docs:version": "docusaurus docs:version",
|
|
57
59
|
"docs:serve": "docusaurus serve",
|
|
58
|
-
"lint": "ts-node
|
|
59
|
-
"lint:fix": "ts-node
|
|
60
|
+
"lint": "node --no-warnings=ExperimentalWarning --loader ts-node/esm ./lib/cli.ts lint",
|
|
61
|
+
"lint:fix": "node --no-warnings=ExperimentalWarning --loader ts-node/esm ./lib/cli.ts lint --fix",
|
|
60
62
|
"prettify": "prettier --write",
|
|
61
63
|
"release": "semantic-release",
|
|
62
64
|
"storybook:build": "exit 0",
|
|
63
65
|
"storybook:docs:build": "exit 0",
|
|
64
|
-
"test": "ts-node
|
|
66
|
+
"test": "node --no-warnings=ExperimentalWarning --loader ts-node/esm ./lib/cli.ts test -p",
|
|
65
67
|
"test:staged": "jest --coverage --passWithNoTests --bail --findRelatedTests",
|
|
66
|
-
"tscheck": "ts-node
|
|
68
|
+
"tscheck": "node --no-warnings=ExperimentalWarning --loader ts-node/esm ./lib/cli.ts tscheck --files",
|
|
67
69
|
"setup": "rimraf node_modules && rimraf pnpm-lock.yaml && pnpm i",
|
|
68
70
|
"upgrade": "ncu -u && npm run setup",
|
|
69
71
|
"prepare": "[ -n \"$CI\" ] || husky install"
|
|
@@ -96,27 +98,32 @@
|
|
|
96
98
|
"@commitlint/cli": "~17.6.3",
|
|
97
99
|
"@commitlint/config-conventional": "~17.6.3",
|
|
98
100
|
"@elliemae/browserslist-config-elliemae-latest-browsers": "~1.7.0",
|
|
99
|
-
"@faker-js/faker": "
|
|
101
|
+
"@faker-js/faker": "8.0.0",
|
|
100
102
|
"@nrwl/cli": "15.9.3",
|
|
101
|
-
"@nrwl/tao": "16.1.
|
|
102
|
-
"@nrwl/workspace": "16.1.
|
|
103
|
+
"@nrwl/tao": "16.1.4",
|
|
104
|
+
"@nrwl/workspace": "16.1.4",
|
|
103
105
|
"@pmmmwh/react-refresh-webpack-plugin": "~0.5.10",
|
|
104
106
|
"@semantic-release/changelog": "~6.0.3",
|
|
105
107
|
"@semantic-release/exec": "~6.0.3",
|
|
106
108
|
"@semantic-release/git": "~10.0.1",
|
|
107
|
-
"@storybook/addon-a11y": "~
|
|
108
|
-
"@storybook/addon-essentials": "~
|
|
109
|
+
"@storybook/addon-a11y": "~7.0.11",
|
|
110
|
+
"@storybook/addon-essentials": "~7.0.11",
|
|
109
111
|
"@storybook/addon-events": "~6.2.9",
|
|
110
|
-
"@storybook/addon-interactions": "~
|
|
111
|
-
"@storybook/addon-links": "~
|
|
112
|
-
"@storybook/addon-storysource": "~
|
|
113
|
-
"@storybook/
|
|
114
|
-
"@storybook/builder-
|
|
112
|
+
"@storybook/addon-interactions": "~7.0.11",
|
|
113
|
+
"@storybook/addon-links": "~7.0.11",
|
|
114
|
+
"@storybook/addon-storysource": "~7.0.11",
|
|
115
|
+
"@storybook/blocks": "~7.0.11",
|
|
116
|
+
"@storybook/builder-vite": "~7.0.11",
|
|
117
|
+
"@storybook/builder-webpack5": "~7.0.11",
|
|
118
|
+
"@storybook/jest": "~0.1.0",
|
|
115
119
|
"@storybook/manager-webpack5": "~6.5.16",
|
|
116
|
-
"@storybook/react": "~
|
|
117
|
-
"@storybook/
|
|
120
|
+
"@storybook/react": "~7.0.11",
|
|
121
|
+
"@storybook/react-vite": "~7.0.11",
|
|
122
|
+
"@storybook/react-webpack5": "~7.0.11",
|
|
123
|
+
"@storybook/testing-library": "~0.1.0",
|
|
124
|
+
"@storybook/theming": "~7.0.11",
|
|
118
125
|
"@stylelint/postcss-css-in-js": "~0.38.0",
|
|
119
|
-
"@svgr/webpack": "~
|
|
126
|
+
"@svgr/webpack": "~8.0.1",
|
|
120
127
|
"@swc/cli": "~0.1.62",
|
|
121
128
|
"@swc/core": "~1.3.57",
|
|
122
129
|
"@swc/jest": "~0.2.26",
|
|
@@ -132,10 +139,10 @@
|
|
|
132
139
|
"@types/jest": "~29.5.1",
|
|
133
140
|
"@types/jest-axe": "~3.5.5",
|
|
134
141
|
"@types/moment-locales-webpack-plugin": "~1.2.3",
|
|
135
|
-
"@types/node": "~
|
|
142
|
+
"@types/node": "~20.1.3",
|
|
136
143
|
"@types/normalize-path": "~3.0.0",
|
|
137
|
-
"@types/postcss-preset-env": "~
|
|
138
|
-
"@types/rimraf": "~
|
|
144
|
+
"@types/postcss-preset-env": "~8.0.0",
|
|
145
|
+
"@types/rimraf": "~4.0.5",
|
|
139
146
|
"@types/speed-measure-webpack-plugin": "~1.3.4",
|
|
140
147
|
"@types/supertest": "~2.0.12",
|
|
141
148
|
"@types/uuid": "~9.0.1",
|
|
@@ -177,6 +184,7 @@
|
|
|
177
184
|
"enhanced-resolve": "5.14.0",
|
|
178
185
|
"esbuild": "~0.17.18",
|
|
179
186
|
"esbuild-loader": "~3.0.1",
|
|
187
|
+
"esbuild-plugin-lodash": "~1.2.0",
|
|
180
188
|
"esbuild-plugin-svgr": "~1.1.0",
|
|
181
189
|
"eslint": "~8.40.0",
|
|
182
190
|
"eslint-config-airbnb": "~19.0.4",
|
|
@@ -191,15 +199,15 @@
|
|
|
191
199
|
"eslint-plugin-eslint-comments": "~3.2.0",
|
|
192
200
|
"eslint-plugin-import": "~2.27.5",
|
|
193
201
|
"eslint-plugin-jest": "~27.2.1",
|
|
194
|
-
"eslint-plugin-jsdoc": "~
|
|
202
|
+
"eslint-plugin-jsdoc": "~44.2.3",
|
|
195
203
|
"eslint-plugin-jsx-a11y": "~6.7.1",
|
|
196
204
|
"eslint-plugin-mdx": "~2.1.0",
|
|
197
205
|
"eslint-plugin-prettier": "~4.2.1",
|
|
198
206
|
"eslint-plugin-react": "~7.32.2",
|
|
199
207
|
"eslint-plugin-react-hooks": "~4.6.0",
|
|
200
208
|
"eslint-plugin-redux-saga": "~1.3.2",
|
|
201
|
-
"eslint-plugin-storybook": "~0.6.
|
|
202
|
-
"eslint-plugin-testing-library": "~5.
|
|
209
|
+
"eslint-plugin-storybook": "~0.6.12",
|
|
210
|
+
"eslint-plugin-testing-library": "~5.11.0",
|
|
203
211
|
"eslint-plugin-wdio": "~8.8.7",
|
|
204
212
|
"execa": "~7.1.1",
|
|
205
213
|
"express": "~4.18.2",
|
|
@@ -209,7 +217,7 @@
|
|
|
209
217
|
"fast-glob": "~3.2.12",
|
|
210
218
|
"find-up": "~6.3.0",
|
|
211
219
|
"find-up-cli": "~5.0.0",
|
|
212
|
-
"happy-dom": "~9.
|
|
220
|
+
"happy-dom": "~9.17.0",
|
|
213
221
|
"helmet-csp": "~3.4.0",
|
|
214
222
|
"html-loader": "~4.2.0",
|
|
215
223
|
"html-webpack-plugin": "~5.5.1",
|
|
@@ -238,7 +246,7 @@
|
|
|
238
246
|
"node-plop": "~0.31.1",
|
|
239
247
|
"nodemon": "~2.0.22",
|
|
240
248
|
"normalize-path": "~3.0.0",
|
|
241
|
-
"npm-check-updates": "16.10.
|
|
249
|
+
"npm-check-updates": "16.10.12",
|
|
242
250
|
"pino": "~8.14.1",
|
|
243
251
|
"pino-http": "~8.3.3",
|
|
244
252
|
"pino-pretty": "~10.0.0",
|
|
@@ -264,7 +272,8 @@
|
|
|
264
272
|
"semantic-release": "~21.0.2",
|
|
265
273
|
"slackify-markdown": "~4.3.1",
|
|
266
274
|
"speed-measure-webpack-plugin": "~1.5.0",
|
|
267
|
-
"storybook
|
|
275
|
+
"storybook": "~7.0.11",
|
|
276
|
+
"storybook-addon-turbo-build": "~2.0.1",
|
|
268
277
|
"storybook-react-router": "~1.0.8",
|
|
269
278
|
"style-loader": "~3.3.2",
|
|
270
279
|
"stylelint": "~15.6.1",
|
|
@@ -282,7 +291,7 @@
|
|
|
282
291
|
"vite": "~4.3.5",
|
|
283
292
|
"vitest": "~0.31.0",
|
|
284
293
|
"vite-tsconfig-paths": "~4.2.0",
|
|
285
|
-
"webpack": "~5.82.
|
|
294
|
+
"webpack": "~5.82.1",
|
|
286
295
|
"webpack-bundle-analyzer": "~4.8.0",
|
|
287
296
|
"webpack-cli": "~5.1.1",
|
|
288
297
|
"webpack-dev-server": "~4.15.0",
|