@zohodesk/react-cli 1.0.0 → 1.0.1-exp.1
Sign up to get free protection for your applications and to get access to all the features.
- package/.eslintignore +7 -7
- package/.eslintrc.js +180 -180
- package/.prettierrc +6 -6
- package/Changelog.md +1019 -1019
- package/README.md +1152 -1152
- package/bin/cli.js +483 -483
- package/docs/CustomChunks.md +26 -26
- package/docs/DevServerPort.md +39 -39
- package/docs/DevStart.md +18 -18
- package/docs/HoverActive.md +12 -12
- package/docs/InstallNode.md +28 -28
- package/docs/SelectorWeight.md +6 -6
- package/docs/TODOS.md +10 -10
- package/docs/ValueReplacer.md +60 -60
- package/docs/VariableConversion.md +724 -724
- package/docs/warnings_while_install.txt +35 -35
- package/files/eslintrc.js +62 -62
- package/files/prettierrc.js +3 -3
- package/lib/configs/webpack.css.umd.config.js +4 -4
- package/lib/loaderUtils/configsAssetsLoaders.js +33 -33
- package/lib/loaders/workerLoader.js +9 -9
- package/lib/pluginUtils/getDevPlugins.js +8 -7
- package/lib/pluginUtils/getProdPlugins.js +5 -5
- package/lib/plugins/EFCPlugin.md +6 -6
- package/lib/plugins/I18NInjectIntoIndexPlugin.js +4 -4
- package/lib/plugins/I18nSplitPlugin/I18nDownlodLogic.js +38 -38
- package/lib/plugins/I18nSplitPlugin/I18nFilesEmitter.js +30 -30
- package/lib/plugins/I18nSplitPlugin/I18nKeysIdentifer.js +8 -8
- package/lib/plugins/I18nSplitPlugin/I18nSplit.md +95 -95
- package/lib/plugins/I18nSplitPlugin/README.md +25 -25
- package/lib/plugins/I18nSplitPlugin/index.js +57 -57
- package/lib/plugins/ResourceHintsPlugin.js +17 -17
- package/lib/plugins/RtlSplitPlugin/RtlCssPlugin.js +6 -6
- package/lib/plugins/RtlSplitPlugin/RtrSplit.md +30 -30
- package/lib/plugins/SelectorPlugin.js +71 -25
- package/lib/plugins/ServiceWorkerPlugin.js +9 -9
- package/lib/plugins/TPHashMappingPlugin.js +4 -4
- package/lib/plugins/VariableConversionCollector.js +54 -54
- package/lib/plugins/cssoPlugin.js +37 -0
- package/lib/plugins/utils/checkPattern.js +57 -0
- package/lib/plugins/utils/classHandling.js +28 -0
- package/lib/plugins/utils/fileHandling.js +122 -0
- package/lib/postcss-plugins/IncludePlugin.js +24 -0
- package/lib/postcss-plugins/RTLSplitPlugin.js +10 -10
- package/lib/postcss-plugins/__test__/test1Input.css +38 -38
- package/lib/postcss-plugins/__test__/test1Output.css +38 -38
- package/lib/postcss-plugins/hoverActivePlugin.js +3 -3
- package/lib/postcss-plugins/variableModificationPlugin/index.js +23 -1
- package/lib/sh/pre-commit.sh +34 -34
- package/lib/sh/reportPublish.sh +45 -45
- package/lib/utils/buildstats.html +148 -148
- package/lib/utils/resultSchema.json +73 -73
- package/npm8.md +9 -9
- package/package.json +121 -121
- package/postpublish.js +8 -8
- package/templates/app/.eslintrc.js +140 -140
- package/templates/app/README.md +12 -12
- package/templates/app/app/index.html +24 -24
- package/templates/app/app/properties/ApplicationResources_en_US.properties +1 -1
- package/templates/app/app/properties/i18nkeys.json +3 -3
- package/templates/app/docs/all.html +69 -69
- package/templates/app/mockapi/index.js +18 -18
- package/templates/app/package.json +37 -37
- package/templates/app/src/actions/SampleActions/index.js +37 -37
- package/templates/app/src/actions/index.js +65 -65
- package/templates/app/src/appUrls.js +19 -19
- package/templates/app/src/components/Alert/Alert.js +134 -134
- package/templates/app/src/components/Alert/Alert.module.css +79 -79
- package/templates/app/src/components/FreezeLayer/FreezeLayer.css +37 -37
- package/templates/app/src/components/FreezeLayer/FreezeLayer.js +84 -84
- package/templates/app/src/components/Sample/Sample.module.css +11 -11
- package/templates/app/src/components/Sample/SampleList.js +61 -61
- package/templates/app/src/components/Slider/Slider.css +41 -41
- package/templates/app/src/components/Slider/Slider.js +55 -55
- package/templates/app/src/containers/AlertContainer/index.js +15 -15
- package/templates/app/src/containers/AppContainer/index.js +96 -96
- package/templates/app/src/containers/AppContainer/index.module.css +27 -27
- package/templates/app/src/containers/CustomMatch/index.js +65 -65
- package/templates/app/src/containers/DevTools/index.js +10 -10
- package/templates/app/src/containers/Header/index.js +67 -67
- package/templates/app/src/containers/Header/index.module.css +43 -43
- package/templates/app/src/containers/Redirect/index.js +63 -63
- package/templates/app/src/containers/Redirector/index.js +47 -47
- package/templates/app/src/containers/SampleListContainer/ListContainer.js +42 -42
- package/templates/app/src/containers/SampleListContainer/ListContainer.module.css +3 -3
- package/templates/app/src/historyChange.js +5 -5
- package/templates/app/src/index.html +10 -10
- package/templates/app/src/index.js +24 -24
- package/templates/app/src/middleware/PromiseMiddleware.js +59 -59
- package/templates/app/src/reducers/alertData.js +11 -11
- package/templates/app/src/reducers/index.js +6 -6
- package/templates/app/src/reducers/samples.js +19 -19
- package/templates/app/src/store/configureStore.dev.js +51 -51
- package/templates/app/src/store/configureStore.js +5 -5
- package/templates/app/src/store/configureStore.prod.js +26 -26
- package/templates/app/src/util/Common.js +5 -5
- package/templates/app/src/util/RequestAPI.js +132 -132
- package/templates/docs/all.html +249 -249
- package/templates/docs/component.html +178 -178
- package/templates/docs/components.html +221 -221
- package/templates/docs/css/b.min.css +6 -6
- package/templates/docs/css/component.css +42 -42
- package/templates/docs/css/componentTest.css +6 -6
- package/templates/docs/css/hopscotch.css +585 -585
- package/templates/docs/css/style.css +1022 -1022
- package/templates/docs/impactReportTemplate.html +154 -154
- package/templates/docs/index.html +1501 -1501
- package/templates/docs/js/active-line.js +72 -72
- package/templates/docs/js/b.min.js +7 -7
- package/templates/docs/js/codemirror.js +9680 -9680
- package/templates/docs/js/designTokens.js +334 -334
- package/templates/docs/js/j.min.js +4 -4
- package/templates/docs/js/javascript.js +874 -874
- package/templates/docs/js/matchbrackets.js +145 -145
- package/result.json +0 -1
- package/unittest/index.html +0 -37
@@ -1,35 +1,35 @@
|
|
1
|
-
npm WARN deprecated babel-eslint@10.1.0: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates.
|
2
|
-
npm WARN deprecated eslint-loader@4.0.2: This loader has been deprecated. Please use eslint-webpack-plugin
|
3
|
-
npm WARN deprecated gitlab@14.2.2: The gitlab package has found a new home in the @gitbeaker organization. For the latest gitlab node library, check out @gitbeaker/node. A full list of the features can be found here: https://github.com/jdalrymple/gitbeaker#readme
|
4
|
-
npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
|
5
|
-
npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
|
6
|
-
npm WARN deprecated webdriverio@4.14.4: outdated version, please use @next
|
7
|
-
npm WARN deprecated mkdirp@0.3.5: Legacy versions of mkdirp are no longer supported. Please update to mkdirp 1.x. (Note that the API surface has changed to use Promises in 1.x.)
|
8
|
-
npm WARN deprecated cross-spawn-async@1.0.1: cross-spawn no longer requires a build toolchain, use it instead
|
9
|
-
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
|
10
|
-
npm WARN deprecated core-js@2.6.12: core-js@<3.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.
|
11
|
-
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
|
12
|
-
npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
|
13
|
-
npm WARN deprecated querystring@0.2.0: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
|
14
|
-
npm WARN deprecated sane@4.1.0: some dependency vulnerabilities fixed, support for node < 10 dropped, and newer ECMAScript syntax/features added
|
15
|
-
npm WARN deprecated request-promise-native@1.0.9: request-promise-native has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142
|
16
|
-
npm WARN deprecated flatten@1.0.3: flatten is deprecated in favor of utility frameworks such as lodash.
|
17
|
-
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.2.7 (node_modules/chokidar/node_modules/fsevents):
|
18
|
-
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
|
19
|
-
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^2.1.2 (node_modules/jest-haste-map/node_modules/fsevents):
|
20
|
-
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
|
21
|
-
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.3.2 (node_modules/nodemon/node_modules/chokidar/node_modules/fsevents):
|
22
|
-
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
|
23
|
-
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.3.2 (node_modules/watchpack/node_modules/chokidar/node_modules/fsevents):
|
24
|
-
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
|
25
|
-
npm WARN check2@1.0.0 No description
|
26
|
-
npm WARN check2@1.0.0 No repository field.
|
27
|
-
|
28
|
-
+ @zohodesk/react-cli@0.0.1-beta.165
|
29
|
-
updated 1 package and audited 1899 packages in 51.509s
|
30
|
-
|
31
|
-
21 packages are looking for funding
|
32
|
-
run `npm fund` for details
|
33
|
-
|
34
|
-
found 42 vulnerabilities (2 low, 20 moderate, 8 high, 12 critical)
|
35
|
-
run `npm audit fix` to fix them, or `npm audit` for details
|
1
|
+
npm WARN deprecated babel-eslint@10.1.0: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates.
|
2
|
+
npm WARN deprecated eslint-loader@4.0.2: This loader has been deprecated. Please use eslint-webpack-plugin
|
3
|
+
npm WARN deprecated gitlab@14.2.2: The gitlab package has found a new home in the @gitbeaker organization. For the latest gitlab node library, check out @gitbeaker/node. A full list of the features can be found here: https://github.com/jdalrymple/gitbeaker#readme
|
4
|
+
npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
|
5
|
+
npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
|
6
|
+
npm WARN deprecated webdriverio@4.14.4: outdated version, please use @next
|
7
|
+
npm WARN deprecated mkdirp@0.3.5: Legacy versions of mkdirp are no longer supported. Please update to mkdirp 1.x. (Note that the API surface has changed to use Promises in 1.x.)
|
8
|
+
npm WARN deprecated cross-spawn-async@1.0.1: cross-spawn no longer requires a build toolchain, use it instead
|
9
|
+
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
|
10
|
+
npm WARN deprecated core-js@2.6.12: core-js@<3.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.
|
11
|
+
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
|
12
|
+
npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
|
13
|
+
npm WARN deprecated querystring@0.2.0: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
|
14
|
+
npm WARN deprecated sane@4.1.0: some dependency vulnerabilities fixed, support for node < 10 dropped, and newer ECMAScript syntax/features added
|
15
|
+
npm WARN deprecated request-promise-native@1.0.9: request-promise-native has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142
|
16
|
+
npm WARN deprecated flatten@1.0.3: flatten is deprecated in favor of utility frameworks such as lodash.
|
17
|
+
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.2.7 (node_modules/chokidar/node_modules/fsevents):
|
18
|
+
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
|
19
|
+
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^2.1.2 (node_modules/jest-haste-map/node_modules/fsevents):
|
20
|
+
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
|
21
|
+
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.3.2 (node_modules/nodemon/node_modules/chokidar/node_modules/fsevents):
|
22
|
+
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
|
23
|
+
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.3.2 (node_modules/watchpack/node_modules/chokidar/node_modules/fsevents):
|
24
|
+
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
|
25
|
+
npm WARN check2@1.0.0 No description
|
26
|
+
npm WARN check2@1.0.0 No repository field.
|
27
|
+
|
28
|
+
+ @zohodesk/react-cli@0.0.1-beta.165
|
29
|
+
updated 1 package and audited 1899 packages in 51.509s
|
30
|
+
|
31
|
+
21 packages are looking for funding
|
32
|
+
run `npm fund` for details
|
33
|
+
|
34
|
+
found 42 vulnerabilities (2 low, 20 moderate, 8 high, 12 critical)
|
35
|
+
run `npm audit fix` to fix them, or `npm audit` for details
|
package/files/eslintrc.js
CHANGED
@@ -1,62 +1,62 @@
|
|
1
|
-
const [off, , error] = ['off', 'warn', 'error'];
|
2
|
-
|
3
|
-
module.exports = {
|
4
|
-
env: {
|
5
|
-
browser: true,
|
6
|
-
es2021: true,
|
7
|
-
},
|
8
|
-
extends: [
|
9
|
-
'plugin:react/recommended',
|
10
|
-
'plugin:react-hooks/recommended',
|
11
|
-
'airbnb',
|
12
|
-
'prettier',
|
13
|
-
],
|
14
|
-
parserOptions: {
|
15
|
-
ecmaFeatures: {
|
16
|
-
jsx: true,
|
17
|
-
},
|
18
|
-
ecmaVersion: 12,
|
19
|
-
sourceType: 'module',
|
20
|
-
},
|
21
|
-
plugins: [
|
22
|
-
'react',
|
23
|
-
'css-modules',
|
24
|
-
'@zohodesk/zsecurity',
|
25
|
-
'@zohodesk/react-performance',
|
26
|
-
],
|
27
|
-
rules: {
|
28
|
-
// Internal Rules
|
29
|
-
'@zohodesk/react-performance/no-ref-mapstatetoprops': error,
|
30
|
-
'@zohodesk/zsecurity/no-unsecure-html': error,
|
31
|
-
'@zohodesk/zsecurity/no-protocol-check': error,
|
32
|
-
|
33
|
-
// CSS Module Rules
|
34
|
-
'css-modules/no-unused-class': [error, { camelCase: true }],
|
35
|
-
'css-modules/no-undef-class': [error, { camelCase: 'only' }],
|
36
|
-
|
37
|
-
'import/no-unresolved': off,
|
38
|
-
'import/no-extraneous-dependencies': off,
|
39
|
-
|
40
|
-
// As redux used
|
41
|
-
'no-shadow': off, // As we import the action files and use the same name in getting from props built from connect.
|
42
|
-
'react/jsx-filename-extension': off,
|
43
|
-
|
44
|
-
// As we don't follow
|
45
|
-
'react/require-default-props': off,
|
46
|
-
'react/jsx-props-no-spreading': off,
|
47
|
-
|
48
|
-
// As we didn't update
|
49
|
-
'react/jsx-fragments': off,
|
50
|
-
|
51
|
-
// Not needed
|
52
|
-
'no-plusplus': off,
|
53
|
-
'no-unused-expressions': [
|
54
|
-
error,
|
55
|
-
{
|
56
|
-
allowShortCircuit: true,
|
57
|
-
allowTernary: true,
|
58
|
-
},
|
59
|
-
],
|
60
|
-
'react/jsx-no-target-blank': error,
|
61
|
-
},
|
62
|
-
};
|
1
|
+
const [off, , error] = ['off', 'warn', 'error'];
|
2
|
+
|
3
|
+
module.exports = {
|
4
|
+
env: {
|
5
|
+
browser: true,
|
6
|
+
es2021: true,
|
7
|
+
},
|
8
|
+
extends: [
|
9
|
+
'plugin:react/recommended',
|
10
|
+
'plugin:react-hooks/recommended',
|
11
|
+
'airbnb',
|
12
|
+
'prettier',
|
13
|
+
],
|
14
|
+
parserOptions: {
|
15
|
+
ecmaFeatures: {
|
16
|
+
jsx: true,
|
17
|
+
},
|
18
|
+
ecmaVersion: 12,
|
19
|
+
sourceType: 'module',
|
20
|
+
},
|
21
|
+
plugins: [
|
22
|
+
'react',
|
23
|
+
'css-modules',
|
24
|
+
'@zohodesk/zsecurity',
|
25
|
+
'@zohodesk/react-performance',
|
26
|
+
],
|
27
|
+
rules: {
|
28
|
+
// Internal Rules
|
29
|
+
'@zohodesk/react-performance/no-ref-mapstatetoprops': error,
|
30
|
+
'@zohodesk/zsecurity/no-unsecure-html': error,
|
31
|
+
'@zohodesk/zsecurity/no-protocol-check': error,
|
32
|
+
|
33
|
+
// CSS Module Rules
|
34
|
+
'css-modules/no-unused-class': [error, { camelCase: true }],
|
35
|
+
'css-modules/no-undef-class': [error, { camelCase: 'only' }],
|
36
|
+
|
37
|
+
'import/no-unresolved': off,
|
38
|
+
'import/no-extraneous-dependencies': off,
|
39
|
+
|
40
|
+
// As redux used
|
41
|
+
'no-shadow': off, // As we import the action files and use the same name in getting from props built from connect.
|
42
|
+
'react/jsx-filename-extension': off,
|
43
|
+
|
44
|
+
// As we don't follow
|
45
|
+
'react/require-default-props': off,
|
46
|
+
'react/jsx-props-no-spreading': off,
|
47
|
+
|
48
|
+
// As we didn't update
|
49
|
+
'react/jsx-fragments': off,
|
50
|
+
|
51
|
+
// Not needed
|
52
|
+
'no-plusplus': off,
|
53
|
+
'no-unused-expressions': [
|
54
|
+
error,
|
55
|
+
{
|
56
|
+
allowShortCircuit: true,
|
57
|
+
allowTernary: true,
|
58
|
+
},
|
59
|
+
],
|
60
|
+
'react/jsx-no-target-blank': error,
|
61
|
+
},
|
62
|
+
};
|
package/files/prettierrc.js
CHANGED
@@ -1,3 +1,3 @@
|
|
1
|
-
module.exports = {
|
2
|
-
trailingComma: 'none',
|
3
|
-
};
|
1
|
+
module.exports = {
|
2
|
+
trailingComma: 'none',
|
3
|
+
};
|
@@ -67,10 +67,10 @@ module.exports = {
|
|
67
67
|
}],
|
68
68
|
include: _path.default.join(appPath, 'src')
|
69
69
|
}
|
70
|
-
/*,
|
71
|
-
{
|
72
|
-
test: /\.css$/,
|
73
|
-
use: [MiniCssExtractPlugin.loader, 'css-loader']
|
70
|
+
/*,
|
71
|
+
{
|
72
|
+
test: /\.css$/,
|
73
|
+
use: [MiniCssExtractPlugin.loader, 'css-loader']
|
74
74
|
}*/
|
75
75
|
, {
|
76
76
|
test: /(\.module)?\.css$/,
|
@@ -79,39 +79,39 @@ function createNameTemplate(enableChunkHash) {
|
|
79
79
|
const ext = `${enableChunkHash ? '.[hash:20]' : ''}.[ext]`;
|
80
80
|
return `[name]${ext}`;
|
81
81
|
}
|
82
|
-
/*
|
83
|
-
export function createImageAndFontsAndSVGLoaders(enableChunkHash) {
|
84
|
-
const nameTemplate = createNameTemplate(enableChunkHash);
|
85
|
-
return [
|
86
|
-
configImageLoader(nameTemplate),
|
87
|
-
configFontLoader(nameTemplate),
|
88
|
-
configSVGLoader(nameTemplate),
|
89
|
-
configAudioLoader(nameTemplate)
|
90
|
-
];
|
91
|
-
}
|
82
|
+
/*
|
83
|
+
export function createImageAndFontsAndSVGLoaders(enableChunkHash) {
|
84
|
+
const nameTemplate = createNameTemplate(enableChunkHash);
|
85
|
+
return [
|
86
|
+
configImageLoader(nameTemplate),
|
87
|
+
configFontLoader(nameTemplate),
|
88
|
+
configSVGLoader(nameTemplate),
|
89
|
+
configAudioLoader(nameTemplate)
|
90
|
+
];
|
91
|
+
}
|
92
92
|
*/
|
93
93
|
|
94
|
-
/*
|
95
|
-
export function createLoaderOptionObject(
|
96
|
-
loaderName,
|
97
|
-
nameTemplate,
|
98
|
-
fallback,
|
99
|
-
limit = 1000
|
100
|
-
) {
|
101
|
-
return {
|
102
|
-
loader: loaderName,
|
103
|
-
options: {
|
104
|
-
limit,
|
105
|
-
name: nameTemplate,
|
106
|
-
fallback
|
107
|
-
}
|
108
|
-
};
|
109
|
-
}
|
110
|
-
|
111
|
-
function configLoaderObject(filter, loaderAndOptions) {
|
112
|
-
return {
|
113
|
-
test: filter,
|
114
|
-
use: loaderAndOptions
|
115
|
-
};
|
116
|
-
}
|
94
|
+
/*
|
95
|
+
export function createLoaderOptionObject(
|
96
|
+
loaderName,
|
97
|
+
nameTemplate,
|
98
|
+
fallback,
|
99
|
+
limit = 1000
|
100
|
+
) {
|
101
|
+
return {
|
102
|
+
loader: loaderName,
|
103
|
+
options: {
|
104
|
+
limit,
|
105
|
+
name: nameTemplate,
|
106
|
+
fallback
|
107
|
+
}
|
108
|
+
};
|
109
|
+
}
|
110
|
+
|
111
|
+
function configLoaderObject(filter, loaderAndOptions) {
|
112
|
+
return {
|
113
|
+
test: filter,
|
114
|
+
use: loaderAndOptions
|
115
|
+
};
|
116
|
+
}
|
117
117
|
*/
|
@@ -16,7 +16,7 @@ var _SingleEntryPlugin = _interopRequireDefault(require("webpack/lib/SingleEntry
|
|
16
16
|
|
17
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
18
18
|
|
19
|
-
/* import WebWorkerTemplatePlugin from 'webpack/lib/webworker/WebWorkerTemplatePlugin';
|
19
|
+
/* import WebWorkerTemplatePlugin from 'webpack/lib/webworker/WebWorkerTemplatePlugin';
|
20
20
|
import ExternalsPlugin from 'webpack/lib/ExternalsPlugin'; */
|
21
21
|
const schema = {
|
22
22
|
'type': 'object',
|
@@ -80,14 +80,14 @@ function pitch(request) {
|
|
80
80
|
globalObject: 'self'
|
81
81
|
};
|
82
82
|
workerContext.compiler = this._compilation.createChildCompiler(`worker-loader ${request}`, workerContext.options);
|
83
|
-
/*
|
84
|
-
new WebWorkerTemplatePlugin().apply(workerContext.compiler);
|
85
|
-
|
86
|
-
if (compilerOptions.externals) {
|
87
|
-
new ExternalsPlugin(
|
88
|
-
getExternalsType(compilerOptions),
|
89
|
-
compilerOptions.externals
|
90
|
-
).apply(workerContext.compiler);
|
83
|
+
/*
|
84
|
+
new WebWorkerTemplatePlugin().apply(workerContext.compiler);
|
85
|
+
|
86
|
+
if (compilerOptions.externals) {
|
87
|
+
new ExternalsPlugin(
|
88
|
+
getExternalsType(compilerOptions),
|
89
|
+
compilerOptions.externals
|
90
|
+
).apply(workerContext.compiler);
|
91
91
|
} */
|
92
92
|
|
93
93
|
new _SingleEntryPlugin.default(this.context, `!!${request}`, _path.default.parse(this.resourcePath).name).apply(workerContext.compiler);
|
@@ -48,7 +48,7 @@ const getDevPlugins = (options, publicPath) => {
|
|
48
48
|
hasShadowDOM,
|
49
49
|
cssVariableReplacementConfig,
|
50
50
|
plugins: pluginObject,
|
51
|
-
|
51
|
+
exclude,
|
52
52
|
selectorWeightConfig,
|
53
53
|
server: {
|
54
54
|
mode
|
@@ -109,11 +109,11 @@ const getDevPlugins = (options, publicPath) => {
|
|
109
109
|
}
|
110
110
|
|
111
111
|
const i18nManifestFileName = 'i18n-manifest.json';
|
112
|
-
/**
|
113
|
-
* NOTE:
|
114
|
-
* this file name ext .i18n.js added
|
115
|
-
* Because, in service worker they maintain cache as file name based
|
116
|
-
* So, to make differce we added .i18n.js ext.
|
112
|
+
/**
|
113
|
+
* NOTE:
|
114
|
+
* this file name ext .i18n.js added
|
115
|
+
* Because, in service worker they maintain cache as file name based
|
116
|
+
* So, to make differce we added .i18n.js ext.
|
117
117
|
*/
|
118
118
|
|
119
119
|
const i18nFileNameTemplate = 'i18n-chunk/[locale]/[name].i18n.js';
|
@@ -200,7 +200,8 @@ const getDevPlugins = (options, publicPath) => {
|
|
200
200
|
|
201
201
|
if (pluginObject.selectorWeight) {
|
202
202
|
pluginsArr.push(new _SelectorPlugin.default({
|
203
|
-
selectorWeightConfig
|
203
|
+
selectorWeightConfig,
|
204
|
+
exclude: exclude.selectorWeight
|
204
205
|
}));
|
205
206
|
}
|
206
207
|
|
@@ -116,11 +116,11 @@ const getProdPlugins = (options, publicPath = '') => {
|
|
116
116
|
}
|
117
117
|
|
118
118
|
const i18nManifestFileName = 'i18n-manifest.json';
|
119
|
-
/**
|
120
|
-
* NOTE:
|
121
|
-
* this file name ext .i18n.js added
|
122
|
-
* Because, in service worker they maintain cache as file name based
|
123
|
-
* So, to make differce we added .i18n.js ext.
|
119
|
+
/**
|
120
|
+
* NOTE:
|
121
|
+
* this file name ext .i18n.js added
|
122
|
+
* Because, in service worker they maintain cache as file name based
|
123
|
+
* So, to make differce we added .i18n.js ext.
|
124
124
|
*/
|
125
125
|
|
126
126
|
const i18nFileNameTemplate = 'i18n-chunk/[locale]/[name].[chunkhash].i18n.js';
|
package/lib/plugins/EFCPlugin.md
CHANGED
@@ -1,6 +1,6 @@
|
|
1
|
-
# EFC Plugin
|
2
|
-
|
3
|
-
In EFC plugin we are create sdk file for efc related purpose
|
4
|
-
|
5
|
-
|
6
|
-
# document will be soon
|
1
|
+
# EFC Plugin
|
2
|
+
|
3
|
+
In EFC plugin we are create sdk file for efc related purpose
|
4
|
+
|
5
|
+
|
6
|
+
# document will be soon
|
@@ -116,10 +116,10 @@ class I18NInjectIntoIndexPlugin {
|
|
116
116
|
i18nObj = i18nFiles.reduce((res, next) => {
|
117
117
|
let fileName = next.replace(`i18n${_path.default.sep}`, '');
|
118
118
|
let splittedFileName = fileName.split('.');
|
119
|
-
/* if (this.isDevelopment) {
|
120
|
-
res[splittedFileName[0]] = `${this.publicPath}/i18n/${fileName}`;
|
121
|
-
} else {
|
122
|
-
res[splittedFileName[0]] = fileName;
|
119
|
+
/* if (this.isDevelopment) {
|
120
|
+
res[splittedFileName[0]] = `${this.publicPath}/i18n/${fileName}`;
|
121
|
+
} else {
|
122
|
+
res[splittedFileName[0]] = fileName;
|
123
123
|
} */
|
124
124
|
|
125
125
|
res[splittedFileName[0]] = `${this.publicPath}/i18n/${fileName}`;
|
@@ -13,23 +13,23 @@ var _hashUtils = require("./utils/hashUtils");
|
|
13
13
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15
15
|
|
16
|
-
/**
|
17
|
-
* this plugin for the download i18n files
|
18
|
-
* So, if need to downoad i18n in browser this plugin handle that
|
19
|
-
*
|
20
|
-
*
|
21
|
-
* this plugin works
|
22
|
-
* how it works?
|
23
|
-
* this plugin hook the requireEnsure method and we write logic for current compiled file download logic
|
24
|
-
*
|
25
|
-
* hinds:-
|
26
|
-
* requireEnsure method was loader for all js chunk's ,
|
27
|
-
* which means if we use dynamic import then this function will create script tag for that dynamic resource
|
28
|
-
* so every dynamic js chunk will load by this function,
|
29
|
-
* So we update this function with when dynamic jschunk call the nour code also execute
|
30
|
-
*
|
31
|
-
* some thing missing in this definetion
|
32
|
-
*
|
16
|
+
/**
|
17
|
+
* this plugin for the download i18n files
|
18
|
+
* So, if need to downoad i18n in browser this plugin handle that
|
19
|
+
*
|
20
|
+
*
|
21
|
+
* this plugin works
|
22
|
+
* how it works?
|
23
|
+
* this plugin hook the requireEnsure method and we write logic for current compiled file download logic
|
24
|
+
*
|
25
|
+
* hinds:-
|
26
|
+
* requireEnsure method was loader for all js chunk's ,
|
27
|
+
* which means if we use dynamic import then this function will create script tag for that dynamic resource
|
28
|
+
* so every dynamic js chunk will load by this function,
|
29
|
+
* So we update this function with when dynamic jschunk call the nour code also execute
|
30
|
+
*
|
31
|
+
* some thing missing in this definetion
|
32
|
+
*
|
33
33
|
*/
|
34
34
|
// import { REGEXP_HASH, REGEXP_CHUNKHASH } from './utils/hashUtils';
|
35
35
|
const pluginName = 'DownloadLogicOfI18n'; // const pluginName = 'i18n-plugin';
|
@@ -126,20 +126,20 @@ class I18nDownlodLogic {
|
|
126
126
|
return _webpack.Template.asString([source, '', '// object to store loaded I18N chunks', 'var installedI18nChunks = {', _webpack.Template.indent(mainChunk.ids.map(id => `${JSON.stringify(id)}: 0`).join(',\n')), '};']);
|
127
127
|
});
|
128
128
|
mainTemplate.hooks.requireEnsure.tap(pluginName, (source, mainChunk, hash) => {
|
129
|
-
/**
|
130
|
-
* for Information this is tapped in mainTemplate ,
|
131
|
-
* So this hooks argument chunk is main chunk means entry chunk mostly.
|
132
|
-
* if any chunk has i18n then we must write our download i18n logic,
|
129
|
+
/**
|
130
|
+
* for Information this is tapped in mainTemplate ,
|
131
|
+
* So this hooks argument chunk is main chunk means entry chunk mostly.
|
132
|
+
* if any chunk has i18n then we must write our download i18n logic,
|
133
133
|
*/
|
134
134
|
const chunkMap = this.getI18nChunkObject(mainChunk);
|
135
135
|
|
136
136
|
if (!Object.keys(chunkMap).length) {
|
137
137
|
return source;
|
138
138
|
}
|
139
|
-
/**
|
140
|
-
* chunkMaps has
|
141
|
-
* @property {Object} hash [it has key as chunk id and value as chunkHash ]
|
142
|
-
* @property {Object} name [it has key as chunk id and value as chunk name ]
|
139
|
+
/**
|
140
|
+
* chunkMaps has
|
141
|
+
* @property {Object} hash [it has key as chunk id and value as chunkHash ]
|
142
|
+
* @property {Object} name [it has key as chunk id and value as chunk name ]
|
143
143
|
*/
|
144
144
|
|
145
145
|
|
@@ -176,22 +176,22 @@ class I18nDownlodLogic {
|
|
176
176
|
},
|
177
177
|
contentHashType: MODULE_TYPE
|
178
178
|
});
|
179
|
-
/** IDEA:
|
180
|
-
* as my suggestion ignore this `jsop` approch,
|
181
|
-
* Because json parse is faster then js parse.
|
182
|
-
* my suggestion is make ajax or fetch request
|
179
|
+
/** IDEA:
|
180
|
+
* as my suggestion ignore this `jsop` approch,
|
181
|
+
* Because json parse is faster then js parse.
|
182
|
+
* my suggestion is make ajax or fetch request
|
183
183
|
*/
|
184
184
|
|
185
185
|
const buf = [];
|
186
|
-
/*
|
187
|
-
if (REGEXP_HASH.test(filenameTemplate)) {
|
188
|
-
buf.push(
|
189
|
-
`var hash = ${mainTemplate.renderCurrentHashCode(hash)};`
|
190
|
-
);
|
191
|
-
}
|
192
|
-
if (REGEXP_CHUNKHASH.test(filenameTemplate)) {
|
193
|
-
buf.push(`var chunkHashes = ${JSON.stringify(chunkMaps.hash)};`);
|
194
|
-
}
|
186
|
+
/*
|
187
|
+
if (REGEXP_HASH.test(filenameTemplate)) {
|
188
|
+
buf.push(
|
189
|
+
`var hash = ${mainTemplate.renderCurrentHashCode(hash)};`
|
190
|
+
);
|
191
|
+
}
|
192
|
+
if (REGEXP_CHUNKHASH.test(filenameTemplate)) {
|
193
|
+
buf.push(`var chunkHashes = ${JSON.stringify(chunkMaps.hash)};`);
|
194
|
+
}
|
195
195
|
*/
|
196
196
|
|
197
197
|
if ((0, _hashUtils.hasContentHash)(filenameTemplate)) {
|
@@ -13,8 +13,8 @@ var _getI18nKeysFormModules = _interopRequireDefault(require("./utils/getI18nKey
|
|
13
13
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15
15
|
|
16
|
-
/**
|
17
|
-
* this plugin was creating the chunk specific i18n chunk's.
|
16
|
+
/**
|
17
|
+
* this plugin was creating the chunk specific i18n chunk's.
|
18
18
|
*/
|
19
19
|
// this plugin's kick starter is apply method
|
20
20
|
const pluginName = 'I18nFilesEmitter';
|
@@ -141,40 +141,40 @@ class I18nFilesEmitter {
|
|
141
141
|
}
|
142
142
|
|
143
143
|
apply(compiler) {
|
144
|
-
/*
|
145
|
-
compiler.hooks.thisCompilation.tap(pluginName, compilation => {
|
146
|
-
compilation.mainTemplate.hooks.renderManifest.tap(
|
147
|
-
pluginName,
|
148
|
-
(result, { chunk }) => {
|
149
|
-
this.renderChunk(result, compilation, chunk);
|
150
|
-
}
|
151
|
-
);
|
152
|
-
|
153
|
-
pluginName,
|
154
|
-
(result, { chunk }) => {
|
155
|
-
this.renderChunk(result, compilation, chunk);
|
156
|
-
}
|
157
|
-
);
|
158
|
-
});
|
144
|
+
/*
|
145
|
+
compiler.hooks.thisCompilation.tap(pluginName, compilation => {
|
146
|
+
compilation.mainTemplate.hooks.renderManifest.tap(
|
147
|
+
pluginName,
|
148
|
+
(result, { chunk }) => {
|
149
|
+
this.renderChunk(result, compilation, chunk);
|
150
|
+
}
|
151
|
+
);
|
152
|
+
compilation.chunkTemplate.hooks.renderManifest.tap(
|
153
|
+
pluginName,
|
154
|
+
(result, { chunk }) => {
|
155
|
+
this.renderChunk(result, compilation, chunk);
|
156
|
+
}
|
157
|
+
);
|
158
|
+
});
|
159
159
|
*/
|
160
160
|
// this below hook was tapped for create asssets(file) for chunk specific i18nChunk Files
|
161
161
|
compiler.hooks.emit.tap(pluginName, compilation => {
|
162
162
|
this.emitI18nAssert(compilation);
|
163
163
|
});
|
164
164
|
}
|
165
|
-
/*
|
166
|
-
renderChunk(result, compilation, chunk) {
|
167
|
-
const i18nKeys = getI18nKeysFormModules(chunk.modulesIterable);
|
168
|
-
// TODO: need to discuss with vimal ji can we chose this place for add i18n locale files ????
|
169
|
-
// IDEA: we chose this place for add i18n locale files ????
|
170
|
-
if (i18nKeys.length > 0) {
|
171
|
-
Object.keys(this.allI18nObject).forEach(locale => {
|
172
|
-
result.push(
|
173
|
-
this.renderI18nLocaleChunk(chunk, locale, i18nKeys, compilation)
|
174
|
-
);
|
175
|
-
});
|
176
|
-
}
|
177
|
-
}
|
165
|
+
/*
|
166
|
+
renderChunk(result, compilation, chunk) {
|
167
|
+
const i18nKeys = getI18nKeysFormModules(chunk.modulesIterable);
|
168
|
+
// TODO: need to discuss with vimal ji can we chose this place for add i18n locale files ????
|
169
|
+
// IDEA: we chose this place for add i18n locale files ????
|
170
|
+
if (i18nKeys.length > 0) {
|
171
|
+
Object.keys(this.allI18nObject).forEach(locale => {
|
172
|
+
result.push(
|
173
|
+
this.renderI18nLocaleChunk(chunk, locale, i18nKeys, compilation)
|
174
|
+
);
|
175
|
+
});
|
176
|
+
}
|
177
|
+
}
|
178
178
|
*/
|
179
179
|
|
180
180
|
|
@@ -14,14 +14,14 @@ var _NullFactory = _interopRequireDefault(require("webpack/lib/NullFactory"));
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15
15
|
|
16
16
|
const pluginName = 'I18nKeysIdentifer';
|
17
|
-
/**
|
18
|
-
* this plugin search the i18 keys and make it as I18nDependency.
|
19
|
-
* how it works?
|
20
|
-
* this plugin get jsResourceI18nKeys in constructor.
|
21
|
-
* we walk throught the js files AST
|
22
|
-
* if any string literal in that AST is in jsResourceI18nKeys then we consider that string as I18n key
|
23
|
-
* after the walk of AST we get some I18n keys
|
24
|
-
* then we make it as I18nDependency.
|
17
|
+
/**
|
18
|
+
* this plugin search the i18 keys and make it as I18nDependency.
|
19
|
+
* how it works?
|
20
|
+
* this plugin get jsResourceI18nKeys in constructor.
|
21
|
+
* we walk throught the js files AST
|
22
|
+
* if any string literal in that AST is in jsResourceI18nKeys then we consider that string as I18n key
|
23
|
+
* after the walk of AST we get some I18n keys
|
24
|
+
* then we make it as I18nDependency.
|
25
25
|
*/
|
26
26
|
|
27
27
|
class I18nKeysIdentifer {
|