@zohodesk/react-cli 1.0.1-exp.1 → 1.0.2
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/.eslintignore +7 -7
- package/.eslintrc.js +180 -180
- package/.prettierrc +6 -6
- package/Changelog.md +1019 -1019
- package/README.md +1165 -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 +9 -6
- package/docs/TODOS.md +10 -10
- package/docs/ValueReplacer.md +60 -60
- package/docs/VariableConversion.md +729 -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/loaderUtils/getCSSLoaders.js +1 -1
- package/lib/loaders/workerLoader.js +9 -9
- package/lib/pluginUtils/getDevPlugins.js +5 -5
- 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 +15 -38
- package/lib/plugins/ServiceWorkerPlugin.js +9 -9
- package/lib/plugins/TPHashMappingPlugin.js +4 -4
- package/lib/plugins/VariableConversionCollector.js +54 -54
- package/lib/postcss-plugins/RTLSplitPlugin.js +10 -10
- package/lib/postcss-plugins/SelectorReplace.js +80 -0
- package/lib/postcss-plugins/__test__/selectorReplace.test.js +28 -0
- 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/ErrorHandler.js +0 -1
- package/lib/postcss-plugins/variableModificationPlugin/index.js +13 -13
- 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 +120 -121
- package/postpublish.js +8 -8
- package/result.json +1 -0
- 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/unittest/index.html +37 -0
- package/lib/plugins/cssoPlugin.js +0 -37
- package/lib/plugins/utils/checkPattern.js +0 -57
- package/lib/plugins/utils/classHandling.js +0 -28
- package/lib/plugins/utils/fileHandling.js +0 -122
|
@@ -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
|
*/
|
|
@@ -73,7 +73,7 @@ const getCSSLoaders = optionsObj => {
|
|
|
73
73
|
} // console.log('selector weight config : ', selectorWeightConfig);
|
|
74
74
|
|
|
75
75
|
|
|
76
|
-
const postcssPlugins = [valueReplacer && require('../postcss-plugins/ValueReplacer')(valueReplacer), selectorReplace && require('postcss-
|
|
76
|
+
const postcssPlugins = [valueReplacer && require('../postcss-plugins/ValueReplacer')(valueReplacer), selectorReplace && require('../postcss-plugins/SelectorReplace')(selectorReplace), ...excludeEmptyCheckPlugin({
|
|
77
77
|
enable: plugins.hasRTL,
|
|
78
78
|
ignore: rtlExcludeLocal,
|
|
79
79
|
plugins: [require('@zohodesk/postcss-rtl')({
|
|
@@ -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);
|
|
@@ -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';
|
|
@@ -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 {
|