@zohodesk/react-cli 1.1.18-exp.4 → 1.1.19

Sign up to get free protection for your applications and to get access to all the features.
Files changed (127) hide show
  1. package/npm-shrinkwrap.json +2 -2
  2. package/package.json +1 -1
  3. package/packages/client_build_tool/lib/allCommandsConfigs.js +0 -23
  4. package/packages/client_build_tool/lib/buildToolLoggers.js +0 -32
  5. package/packages/client_build_tool/lib/commands/build/commandExecutor.js +0 -21
  6. package/packages/client_build_tool/lib/commands/build/config.js +0 -12
  7. package/packages/client_build_tool/lib/commands/build/errorHander.js +0 -10
  8. package/packages/client_build_tool/lib/commands/build/index.js +0 -35
  9. package/packages/client_build_tool/lib/commands/build/optionsProcesser.js +0 -40
  10. package/packages/client_build_tool/lib/commands/buildEs/commandExecutor.js +0 -17
  11. package/packages/client_build_tool/lib/commands/buildEs/config.js +0 -12
  12. package/packages/client_build_tool/lib/commands/buildLib/commandExecutor.js +0 -17
  13. package/packages/client_build_tool/lib/commands/buildLib/config.js +0 -12
  14. package/packages/client_build_tool/lib/commands/start/commandExecutor.js +0 -13
  15. package/packages/client_build_tool/lib/commands/start/config.js +0 -12
  16. package/packages/client_build_tool/lib/commands/start/deprecationHandler.js +0 -10
  17. package/packages/client_build_tool/lib/commands/start/errorHander.js +0 -10
  18. package/packages/client_build_tool/lib/commands/start/optionsProcesser.js +0 -36
  19. package/packages/client_build_tool/lib/commands/start/postProcesser.js +0 -10
  20. package/packages/client_build_tool/lib/commands/start/preProcesser.js +0 -10
  21. package/packages/client_build_tool/lib/commandsRouter.js +0 -71
  22. package/packages/client_build_tool/lib/shared/bundler/webpack/common/decidePublicPath.js +0 -44
  23. package/packages/client_build_tool/lib/shared/bundler/webpack/common/libAlias.js +0 -31
  24. package/packages/client_build_tool/lib/shared/bundler/webpack/common/nameTemplates.js +0 -51
  25. package/packages/client_build_tool/lib/shared/bundler/webpack/common/resourceBasedPublicPath.js +0 -21
  26. package/packages/client_build_tool/lib/shared/bundler/webpack/cssLoaders.js +0 -16
  27. package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/CdnChangePlugin.js +0 -111
  28. package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/EFCPlugin.js +0 -1
  29. package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/I18nSplitPlugin/ContributionGuide.md +0 -11
  30. package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/I18nSplitPlugin/I18nKeysIdentifer.js +0 -136
  31. package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/I18nSplitPlugin/I18nSplit.md +0 -95
  32. package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/I18nSplitPlugin/README.md +0 -25
  33. package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/I18nSplitPlugin/constants.js +0 -29
  34. package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/I18nSplitPlugin/createHash.js +0 -24
  35. package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/I18nSplitPlugin/getI18nDependency.js +0 -99
  36. package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/I18nSplitPlugin/getI18nLoadingRuntimeModule.js +0 -81
  37. package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/I18nSplitPlugin/getI18nModule.js +0 -201
  38. package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/I18nSplitPlugin/index.js +0 -401
  39. package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/I18nSplitPlugin/optionsHandler.js +0 -67
  40. package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/I18nSplitPlugin/pathCreator.js +0 -23
  41. package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/I18nSplitPlugin/readI18nValues.js +0 -29
  42. package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/I18nSplitPlugin/templateFileName.js +0 -49
  43. package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/I18nSplitPlugin/templateHashHelpers.js +0 -77
  44. package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/I18nSplitPlugin/utils/collectI18nKeys.js +0 -63
  45. package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/I18nSplitPlugin/utils/hashUtils.js +0 -19
  46. package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/I18nSplitPlugin/utils/index.js +0 -31
  47. package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/I18nSplitPlugin/utils/propertiesUtils.js +0 -127
  48. package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/RTLSplitPlugin.js +0 -1
  49. package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/RtlSplitPlugin/OverwriteCssPathForRTL.js +0 -63
  50. package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/RtlSplitPlugin/RtlCssPlugin.js +0 -89
  51. package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/RtlSplitPlugin/RtrSplit.md +0 -34
  52. package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/RtlSplitPlugin/replaceCssDirTemplate.js +0 -15
  53. package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/ServiceWorkerPlugin.js +0 -155
  54. package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/UglifyCSSPlugin.js +0 -49
  55. package/packages/client_build_tool/lib/shared/bundler/webpack/custom_postcss_loaders/ExcludePlugin.js +0 -58
  56. package/packages/client_build_tool/lib/shared/bundler/webpack/custom_postcss_loaders/RTLSplitPlugin.js +0 -139
  57. package/packages/client_build_tool/lib/shared/bundler/webpack/devServerConfig.js +0 -34
  58. package/packages/client_build_tool/lib/shared/bundler/webpack/getCSSLoaders.js +0 -30
  59. package/packages/client_build_tool/lib/shared/bundler/webpack/jsLoaders.js +0 -17
  60. package/packages/client_build_tool/lib/shared/bundler/webpack/loaderConfigs/assetLoaders.js +0 -14
  61. package/packages/client_build_tool/lib/shared/bundler/webpack/loaderConfigs/babelLoaderConfig.js +0 -24
  62. package/packages/client_build_tool/lib/shared/bundler/webpack/loaderConfigs/configHtmlTemplateLoader.js +0 -18
  63. package/packages/client_build_tool/lib/shared/bundler/webpack/loaderConfigs/configWebWorkerLoader.js +0 -21
  64. package/packages/client_build_tool/lib/shared/bundler/webpack/loaderConfigs/configsAssetsLoaders.js +0 -138
  65. package/packages/client_build_tool/lib/shared/bundler/webpack/loaderConfigs/cssClassNameGenerate.js +0 -83
  66. package/packages/client_build_tool/lib/shared/bundler/webpack/loaderConfigs/getCssLoaderOptions.js +0 -23
  67. package/packages/client_build_tool/lib/shared/bundler/webpack/loaders/workerLoader.js +0 -133
  68. package/packages/client_build_tool/lib/shared/bundler/webpack/optimizationConfig.js +0 -39
  69. package/packages/client_build_tool/lib/shared/bundler/webpack/outputConfig.js +0 -28
  70. package/packages/client_build_tool/lib/shared/bundler/webpack/pluginConfigs/configCdnChangePlugin.js +0 -18
  71. package/packages/client_build_tool/lib/shared/bundler/webpack/pluginConfigs/configCopyThirdpartyFile.js +0 -38
  72. package/packages/client_build_tool/lib/shared/bundler/webpack/pluginConfigs/configEnvVariables.js +0 -24
  73. package/packages/client_build_tool/lib/shared/bundler/webpack/pluginConfigs/configHtmlWebpackPlugin.js +0 -28
  74. package/packages/client_build_tool/lib/shared/bundler/webpack/pluginConfigs/configI18nSplitPlugin.js +0 -35
  75. package/packages/client_build_tool/lib/shared/bundler/webpack/pluginConfigs/configIgnorePlugin.js +0 -16
  76. package/packages/client_build_tool/lib/shared/bundler/webpack/pluginConfigs/configMiniCSSExtractPlugin.js +0 -23
  77. package/packages/client_build_tool/lib/shared/bundler/webpack/pluginConfigs/configProgressPlugin.js +0 -19
  78. package/packages/client_build_tool/lib/shared/bundler/webpack/pluginConfigs/configRtlCssPlugin.js +0 -27
  79. package/packages/client_build_tool/lib/shared/bundler/webpack/pluginConfigs/configServiceWorkerPlugin.js +0 -18
  80. package/packages/client_build_tool/lib/shared/bundler/webpack/pluginConfigs/configUglifyCSSPlugin.js +0 -15
  81. package/packages/client_build_tool/lib/shared/bundler/webpack/plugins.js +0 -39
  82. package/packages/client_build_tool/lib/shared/bundler/webpack/postcssPlugins.js +0 -36
  83. package/packages/client_build_tool/lib/shared/bundler/webpack/resolvers.js +0 -42
  84. package/packages/client_build_tool/lib/shared/bundler/webpack/splitChunksConfig.js +0 -12
  85. package/packages/client_build_tool/lib/shared/bundler/webpack/webpack.dev.config.js +0 -17
  86. package/packages/client_build_tool/lib/shared/bundler/webpack/webpackBuild.js +0 -24
  87. package/packages/client_build_tool/lib/shared/bundler/webpack/webpackConfig.js +0 -50
  88. package/packages/client_build_tool/lib/shared/commands-utlis/doBasicRequiermentCheck.js +0 -16
  89. package/packages/client_build_tool/lib/shared/commands-utlis/getCliPath.js +0 -38
  90. package/packages/client_build_tool/lib/shared/commands-utlis/index.js +0 -29
  91. package/packages/client_build_tool/lib/shared/commands-utlis/log.js +0 -13
  92. package/packages/client_build_tool/lib/shared/commands-utlis/readArgsFormCommandLine.js +0 -11
  93. package/packages/client_build_tool/lib/shared/commands-utlis/readOptionFormCommandLine.js +0 -11
  94. package/packages/client_build_tool/lib/shared/commands-utlis/spanSync.js +0 -35
  95. package/packages/client_build_tool/lib/shared/constants.js +0 -33
  96. package/packages/client_build_tool/lib/shared/schemas/applyValuesToShema.js +0 -37
  97. package/packages/client_build_tool/lib/shared/schemas/cliArgsToObject.js +0 -37
  98. package/packages/client_build_tool/lib/shared/schemas/defaultConfigValues.js +0 -119
  99. package/packages/client_build_tool/lib/shared/schemas/deprecatedOptionsHandler.js +0 -65
  100. package/packages/client_build_tool/lib/shared/schemas/getCWD.js +0 -23
  101. package/packages/client_build_tool/lib/shared/schemas/getNpmVersion.js +0 -21
  102. package/packages/client_build_tool/lib/shared/schemas/npmConfigToObject.js +0 -32
  103. package/packages/client_build_tool/lib/shared/schemas/oldDefaultConfigValues.js +0 -480
  104. package/packages/client_build_tool/lib/shared/schemas/readOptions.js +0 -55
  105. package/packages/client_build_tool/lib/shared/schemas/readOptionsForPackageJson.js +0 -26
  106. package/packages/client_build_tool/lib/shared/schemas/readOptionsOld.js +0 -152
  107. package/packages/client_build_tool/lib/shared/server/cert/Tsicsezwild-22-23.crt +0 -37
  108. package/packages/client_build_tool/lib/shared/server/cert/Tsicsezwild-22-23.key +0 -27
  109. package/packages/client_build_tool/lib/shared/server/configWebpackDevMiddleware.js +0 -40
  110. package/packages/client_build_tool/lib/shared/server/corsHandleing.js +0 -28
  111. package/packages/client_build_tool/lib/shared/server/getIp.js +0 -30
  112. package/packages/client_build_tool/lib/shared/server/getServerURL.js +0 -29
  113. package/packages/client_build_tool/lib/shared/server/httpsOptions.js +0 -53
  114. package/packages/client_build_tool/lib/shared/server/initExpressApp.js +0 -19
  115. package/packages/client_build_tool/lib/shared/server/initialHTMLHandling.js +0 -66
  116. package/packages/client_build_tool/lib/shared/server/serveContextFiles.js +0 -24
  117. package/packages/client_build_tool/lib/shared/server/serverBywebpackDevMiddleware.js +0 -40
  118. package/packages/client_build_tool/lib/shared/server/startHttpServer.js +0 -26
  119. package/packages/client_build_tool/lib/shared/server/startHttpsServer.js +0 -34
  120. package/packages/client_build_tool/lib/shared/server/unwanted/addHttp2Server.js +0 -41
  121. package/packages/client_build_tool/lib/shared/server/unwanted/configWebpackDevMiddleware.js +0 -44
  122. package/packages/client_build_tool/lib/shared/server/unwanted/devServerUtlis.js +0 -1
  123. package/packages/client_build_tool/lib/shared/server/unwanted/mockApiSupport.js +0 -19
  124. package/packages/client_build_tool/lib/shared/server/unwanted/webpackConfig.js +0 -32
  125. package/packages/client_build_tool/lib/shared/server/unwanted/websocketMockSetup.js +0 -48
  126. package/packages/client_build_tool/lib/shared/server/urlConcat.js +0 -25
  127. package/packages/client_build_tool/lib/shared/utils/utils.js +0 -1
@@ -1,111 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _htmlWebpackPlugin = _interopRequireDefault(require("html-webpack-plugin"));
9
-
10
- var _webpack = require("webpack");
11
-
12
- var _readOptions = require("../../../schemas/readOptions");
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
- const pluginName = 'CdnChangePlugin';
17
- const MODULE_TYPE = 'css/mini-extract';
18
-
19
- const isI18nFile = url => url.endsWith('.i18n.js');
20
-
21
- const {
22
- app: {
23
- enableSMap
24
- }
25
- } = (0, _readOptions.getOptions)();
26
-
27
- class CdnChangeRuntimePlugin extends _webpack.RuntimeModule {
28
- constructor(compiler, {
29
- variableName
30
- }) {
31
- super('cdn loading', 10);
32
- console.log('cdn loading', variableName);
33
- this.variableName = variableName;
34
- }
35
-
36
- generate() {
37
- console.log('changeing public pah');
38
- return `${_webpack.RuntimeGlobals.getChunkCssFilename} = function(chunkId) {
39
- const cssCdnUrl = window[${this.variableName}]/chunkId;
40
- console.log(chunkId);
41
- return cssCdnUrl;
42
- }`;
43
- }
44
-
45
- }
46
-
47
- class CdnChangePlugin {
48
- constructor(options) {
49
- console.log("Insdie", options);
50
- this.i18nTemplate = options.i18nTemplate || '{{__I18N_CDN__}}';
51
- this.variableName = options.variableName || '__CSS_CDN__';
52
- this.cssTemplate = options.cssTemplate || '{{__CSS_CDN__}}';
53
- this.jsTemplate = options.jsTemplate || '{{__JS_CDN__}}';
54
- }
55
-
56
- apply(compiler) {
57
- compiler.hooks.thisCompilation.tap(pluginName, compilation => {
58
- const enabledChunks = new WeakSet();
59
-
60
- const handler = (entryRuntimeChunk, set) => {
61
- if (enabledChunks.has(entryRuntimeChunk)) {
62
- return;
63
- }
64
-
65
- enabledChunks.add(entryRuntimeChunk);
66
-
67
- if (typeof chunkFilename === 'string' && /\[(full)?hash(:\d+)?\]/.test(chunkFilename)) {
68
- set.add(_webpack.RuntimeGlobals.getFullHash);
69
- }
70
-
71
- set.add(_webpack.RuntimeGlobals.getChunkCssFilename);
72
- compilation.addRuntimeModule(entryRuntimeChunk, new CdnChangeRuntimePlugin(set, {
73
- compiler,
74
- variableName: this.variableName
75
- }));
76
- };
77
-
78
- compilation.hooks.runtimeRequirementInTree.for(_webpack.RuntimeGlobals.ensureChunkHandlers).tap(pluginName, handler);
79
- });
80
- compiler.hooks.compilation.tap(pluginName, compilation => {
81
- _htmlWebpackPlugin.default.getHooks(compilation).beforeAssetTagGeneration.tap(pluginName, (data, cb) => {
82
- data.assets = Object.assign({}, data.assets, {
83
- css: data.assets.css.map(css => `${this.cssTemplate}${css}`),
84
- js: data.assets.js.map(js => {
85
- if (enableSMap && !isI18nFile(js)) {
86
- console.log("js file ==>", js);
87
- js = js.replace('js/', `{{--js-smap}}js/`); //eslint-disable-line
88
- }
89
-
90
- return `${isI18nFile(js) ? this.i18nTemplate : this.jsTemplate}${js}`;
91
- })
92
- });
93
- cb && cb(null, data);
94
- });
95
- });
96
- }
97
-
98
- }
99
-
100
- var _default = CdnChangePlugin; // Cdn Change Plugin for runtime chunks???
101
-
102
- /**
103
- * the filename of the script part of the chunk
104
- */
105
- // exports.getChunkScriptFilename = "__webpack_require__.u";
106
- // /**
107
- // * the filename of the css part of the chunk
108
- // */
109
- // exports.getChunkCssFilename = "__webpack_require__.k";
110
-
111
- exports.default = _default;
@@ -1,11 +0,0 @@
1
- # I18n Split Plugin ContributionGuide
2
- we have modifyed mini-css-extract-plugin to sute our needs of i18n related extraction and downloading.
3
- So In future may be when we need to update mini-css-extract-plugin Kindly cross check with this I18n Plugin as well.
4
-
5
- Even not breaking change, may be just performacne update or feature update. addeding that to this plugin will be use full. Kindly consider it.
6
-
7
- ## Thing we Ignored
8
- * we use webpack ast hook for adding I18nDependency. So we did not need `loader.js`
9
- * we ignore order of import in single chunk since I18n going to be download as object.
10
- we did not need it.
11
- *
@@ -1,136 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _utils = require("./utils");
9
-
10
- /* eslint-disable max-classes-per-file */
11
- // import { I18nDependency } from './1I18nDependency';
12
- const pluginName = 'I18nKeysIdentifer';
13
- /**
14
- * this plugin search the i18 keys and make it as I18nDependency.
15
- * how it works?
16
- * this plugin get jsResourceI18nKeys in constructor.
17
- * we walk throught the js files AST
18
- * if any string literal in that AST is in jsResourceI18nKeys then we consider that string as I18n key
19
- * after the walk of AST we get some I18n keys
20
- * then we make it as I18nDependency.
21
- */
22
-
23
- class I18nKeysIdentifer {
24
- constructor({
25
- jsResourceI18nKeys
26
- }, {
27
- I18nDependency,
28
- I18nModule
29
- }) {
30
- this.jsResourceI18nKeys = jsResourceI18nKeys;
31
- this.I18nDependency = I18nDependency;
32
- this.I18nModule = I18nModule;
33
- this.modulesI18nKeysMap = {};
34
- }
35
-
36
- defineConfigarationForI18nDependency(compilation) {
37
- const {
38
- I18nModule,
39
- I18nDependency
40
- } = this;
41
-
42
- class I18nModuleFactory {
43
- // eslint-disable-next-line class-methods-use-this
44
- create({
45
- dependencies: [dependency]
46
- }, callback) {
47
- callback(undefined, new I18nModule(dependency));
48
- }
49
-
50
- }
51
-
52
- compilation.dependencyFactories.set(I18nDependency, new I18nModuleFactory());
53
-
54
- class I18nDependencyTemplate {
55
- // eslint-disable-next-line class-methods-use-this
56
- apply() {}
57
-
58
- }
59
-
60
- compilation.dependencyTemplates.set(I18nDependency, new I18nDependencyTemplate());
61
- }
62
-
63
- addI18nDependency(module, i18nKeys) {
64
- const identifier = `i18n ${module.resource}`;
65
- const dep = new this.I18nDependency({
66
- identifier,
67
- content: JSON.stringify(i18nKeys),
68
- i18nKeys
69
- }, module.context, 0);
70
- module.addDependency(dep);
71
- }
72
-
73
- apply(compiler) {
74
- // const { splitChunks } = compiler.options.optimization;
75
- // if (splitChunks) {
76
- // if (splitChunks.defaultSizeTypes.includes('...')) {
77
- // splitChunks.defaultSizeTypes.push(MODULE_TYPE);
78
- // }
79
- // }
80
- compiler.hooks.thisCompilation.tap(pluginName, compilation => {
81
- // this below hook was tapped for we use I18nDependency
82
- // so we must define module factory for I18nDependency
83
- // and we must define how it import statement look like I18nDependencyTemplate
84
- this.defineConfigarationForI18nDependency(compilation);
85
- });
86
- compiler.hooks.normalModuleFactory.tap(pluginName, factory => {
87
- // handler for parser
88
- const handler = parser => {
89
- parser.hooks.program.tap(pluginName, (ast, commmets) => {
90
- const {
91
- module
92
- } = parser.state; //
93
-
94
- if (!(module && /\.jsx?$/.test(module.resource))) {
95
- return;
96
- } // i18n grep proper contract regex
97
-
98
-
99
- let i18nKeys = (0, _utils.collectI18nKeysfromAST)(ast, this.jsResourceI18nKeys);
100
- i18nKeys = i18nKeys.concat( // i18n grep proper contract regex
101
- (0, _utils.collectI18nKeysfromComments)(commmets, this.jsResourceI18nKeys));
102
-
103
- if (i18nKeys.length) {
104
- // console.log(
105
- // 'i18nKeys.length',
106
- // module.resource,
107
- // i18nKeys.length < 5 ? i18nKeys : i18nKeys.length
108
- // );
109
- this.modulesI18nKeysMap[module.resource] = i18nKeys;
110
- this.addI18nDependency(module, i18nKeys);
111
- }
112
- });
113
- }; // this below hook was tapped for collect I18n Key from files and add as Deppenensy
114
- // const factory = params.normalModuleFactory;
115
-
116
-
117
- factory.hooks.parser.for('javascript/auto').tap(pluginName, handler);
118
- factory.hooks.parser.for('javascript/dynamic').tap(pluginName, handler);
119
- });
120
- }
121
-
122
- } // I18nKeysIdentifer.isChunkHasI18n = function (chunk) {
123
- // // eslint-disable-next-line no-restricted-syntax
124
- // for (const module of chunk.modulesIterable) {
125
- // // eslint-disable-next-line no-restricted-syntax
126
- // for (const dep of module.dependencies) {
127
- // if (dep instanceof I18nDependency) {
128
- // return true;
129
- // }
130
- // }
131
- // }
132
- // return false;
133
- // };
134
-
135
-
136
- exports.default = I18nKeysIdentifer;
@@ -1,95 +0,0 @@
1
- # I18n Split As Chunks Plugin
2
-
3
- generaly we have manage our all I18n keys and values as language specific i18n files and then we download all i18n in initial page load.
4
-
5
- ### what is the problem with this?.
6
-
7
- the problem is i18n file keep get's grown it will affect the the inital page load and critial rendering path.
8
- So, We have decide to create a plugin for split i18n per chunk's of js vise.
9
-
10
- ### what is i18n split?
11
-
12
- it is like code split for i18n.
13
- we will collect i18n from js chunk and we will create separate i18n chunk per js chunk,
14
- with this we already load Js chunks are on demand and now we also download i18n also ondemand with this the initial and forthere actions.
15
- when js download's we will download i18n with it.
16
-
17
- ### How to we going to i18n split?
18
-
19
- we will read the js chunk and collect I18n keys form it,
20
- then we will create i18n chunk files with these used keys.
21
-
22
- ### how do you collect i18n keys from js files?
23
-
24
- we will traverse the js file's AST (static analysis) and find i18 keys,
25
- we will concider all string which is in jsResource file as i18n keys.
26
- and you can tell dynamic i18n key by js comments,
27
- Like Below:-
28
-
29
- ```js
30
- fetch('tickets?view=view1').then(data => {
31
- // I18n support.ticketsEmpty
32
- // I18n support.viewNotFount
33
- // I18n support.permissionDenied
34
- let text = getI18nValue(data.i18nkey);
35
- });
36
- ```
37
-
38
- ### is there any posiblity for unwanted keys in some chunk?
39
-
40
- Yes, there is two posiblity
41
-
42
- 1. js comment , if you write js comment but it is not needed then it will be add into i18n chunk
43
- `To Resolve` we currently do not have perfect idea for this, But we can check this by chunk size limit.
44
- `idea's will be welcome`
45
- 2. like we said "we will concider all string which is in jsResource file as i18n keys",
46
- So if you use string not for i18n but it was in jsResource then it will be add into i18n chunk.
47
- `To Resolve` this problem we can use some kinda prefix or something.
48
-
49
- ### how do we downlowd and give to app?
50
-
51
- we have over write defualt webpack requireEnsure (every dynamic chunk requests are done by that function) function.
52
- and we parlarly dowload i18n files. and we ask jsonFunction, to our plugin.
53
- So we send i18nkeys , when it was download,
54
- you must store all i18n keys, we give asycrnsly by that function download in that patticular.
55
- so you must store and update (like append or assign) everytime that function call.
56
-
57
- ### how to use this feature?
58
-
59
- to use this feature use have give the below oprtions
60
- `package.json`
61
-
62
- ```json
63
- {
64
- /// ...some things
65
- "react-cli": {
66
- // ...some things
67
- "i18n": {
68
- "chunkSplitEnable": true,
69
- "jsResource": "./deskapp/properties/JSResources.properties",
70
- "localeVarName": "window.userInfo.langCode",
71
- "jsonpFunc": "window.loadI18nChunk",
72
- "templateLabel": "{{--user-locale}}", // this is for html template i18n file path locate template
73
- "propertiesFolder": "./deskapp/properties"
74
- }
75
- // ...some things
76
- }
77
- }
78
- ```
79
-
80
- <!-- not need below -->
81
- <!--we have added new feature for css to write logic to how hover related css work in hoverhover and a
82
-
83
- ### is there any problems with static analysis?
84
- Yes,
85
-
86
- ### how do we use dynamic i18n key?
87
-
88
- and we will download i18n file with
89
-
90
- and when js chunk download's then we will download i18n as need.
91
- we all know in our app we loading i18n as one single big file for each locale(language).
92
- we are going to split i18n as per js chunk, and when js chunk download's then we will download i18n as need.
93
-
94
-
95
- -->
@@ -1,25 +0,0 @@
1
- # I18n Split As Chunks Plugin
2
-
3
- generaly we have manage our all I18n keys and values as language specific i18n files and then we download all i18n in initial page load.
4
-
5
- Ok, what is the problem with this?.
6
- the problem is i18n file keep get's grown it will affect the the inital page load and critial rendering path.
7
- So, We have decide to create a plugin for split i18n per chunk's of js vise, Which mean we diside to create for each js chunk has its own i18n chunks, with this we already load Js chunks are on demand and now we also download i18n also ondemand with this the initial and forthere actions.
8
-
9
- Ok, How to you do this thing?
10
- we have read the js chunk and collect I18n keys what are used in that chunk and we will create i18n chunk files with only used key.
11
-
12
- Ok, How do you collect that keys?
13
- we now have two experimental stage to collect I18n keys.
14
-
15
- 1. we read jsResource.properties (or all keys I18n file) then we walk this AST of js and we collect all string which is jsResource.properties.
16
- 2. for dynamic we discide to use comment some thing like
17
- `// I18n support.tickekt.email.notvalid`
18
-
19
- ok, how do you downlowd and give to app?
20
- we have over write defualt webpack require ensure function.
21
- So every dynamic chunk requset are done by that function.
22
- So we parlarly dowload i18n files. and we ask jsonFunction, to our plugin.
23
- So we send i18nkeys , when it was download,
24
- you must store all i18n keys, we give asycrnsly by that function download in that patticular.
25
- so you must store and update (like append or assign) everytime that function call.
@@ -1,29 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.TYPES = exports.SINGLE_DOT_PATH_SEGMENT = exports.MODULE_TYPE = exports.I18N_CHUNK_NAME_GENERATION_SEGMENT = exports.DEFAULT_FILENAME = exports.DEFAULT_CHUNK_FILENAME = exports.CODE_GENERATION_RESULT = exports.BASE_URI = exports.AUTO_PUBLIC_PATH = exports.ABSOLUTE_PUBLIC_PATH = void 0;
7
- const MODULE_TYPE = 'i18n/mini-extract';
8
- exports.MODULE_TYPE = MODULE_TYPE;
9
- const AUTO_PUBLIC_PATH = '__mini_i18n_extract_plugin_public_path_auto__';
10
- exports.AUTO_PUBLIC_PATH = AUTO_PUBLIC_PATH;
11
- const ABSOLUTE_PUBLIC_PATH = 'webpack:///mini-i18n-extract-plugin/';
12
- exports.ABSOLUTE_PUBLIC_PATH = ABSOLUTE_PUBLIC_PATH;
13
- const BASE_URI = 'webpack://';
14
- exports.BASE_URI = BASE_URI;
15
- const SINGLE_DOT_PATH_SEGMENT = '__mini_i18n_extract_plugin_single_dot_path_segment__';
16
- exports.SINGLE_DOT_PATH_SEGMENT = SINGLE_DOT_PATH_SEGMENT;
17
- const I18N_CHUNK_NAME_GENERATION_SEGMENT = '__mini_i18n_extract_plugin_i18n_chunk_name_generation_segment__';
18
- exports.I18N_CHUNK_NAME_GENERATION_SEGMENT = I18N_CHUNK_NAME_GENERATION_SEGMENT;
19
- const DEFAULT_FILENAME = 'i18n-chunks/[locale]/[name].[contenthash].i18n.js';
20
- exports.DEFAULT_FILENAME = DEFAULT_FILENAME;
21
- const DEFAULT_CHUNK_FILENAME = 'i18n-chunks/[locale]/[id].[contenthash].i18n.js';
22
- exports.DEFAULT_CHUNK_FILENAME = DEFAULT_CHUNK_FILENAME;
23
- const TYPES = new Set([MODULE_TYPE]);
24
- exports.TYPES = TYPES;
25
- const CODE_GENERATION_RESULT = {
26
- sources: new Map(),
27
- runtimeRequirements: new Set()
28
- };
29
- exports.CODE_GENERATION_RESULT = CODE_GENERATION_RESULT;
@@ -1,24 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.createHash = createHash;
7
-
8
- function createHash({
9
- compiler,
10
- outputOptions,
11
- content
12
- }) {
13
- const {
14
- hashFunction,
15
- hashDigest,
16
- hashDigestLength
17
- } = outputOptions;
18
- const {
19
- createHash
20
- } = compiler.webpack.util;
21
- const hash = createHash(hashFunction);
22
- hash.update(content);
23
- return hash.digest(hashDigest).substring(0, hashDigestLength);
24
- }
@@ -1,99 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.getI18nDependency = getI18nDependency;
7
- exports.i18nDependencyCache = void 0;
8
-
9
- var _path = _interopRequireDefault(require("path"));
10
-
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
-
13
- /* eslint-disable class-methods-use-this */
14
- const i18nDependencyCache = new WeakMap();
15
- exports.i18nDependencyCache = i18nDependencyCache;
16
-
17
- function getI18nDependency(webpack) {
18
- if (i18nDependencyCache.has(webpack)) {
19
- return i18nDependencyCache.get(webpack);
20
- }
21
-
22
- class I18nDependency extends webpack.Dependency {
23
- constructor({
24
- identifier,
25
- content
26
- }, context, identifierIndex) {
27
- super();
28
- this.identifier = identifier;
29
- this.identifierIndex = identifierIndex;
30
- this.content = content; // ## this.layer = layer;
31
- // ## this.supports = supports;
32
- // ## this.media = media;
33
- // ## this.sourceMap = sourceMap;
34
-
35
- this.context = context;
36
- this.assets = undefined;
37
- this.assetsInfo = undefined;
38
- }
39
-
40
- getResourceIdentifier() {
41
- return `i18n-module-${this.identifier}-${this.identifierIndex}`;
42
- }
43
-
44
- getModuleEvaluationSideEffectsState() {
45
- return webpack.ModuleGraphConnection.TRANSITIVE_ONLY;
46
- }
47
-
48
- serialize(context) {
49
- const {
50
- write
51
- } = context;
52
- write(this.identifier);
53
- write(this.content); // ## write(this.layer);
54
- // ## write(this.supports);
55
- // ## write(this.media);
56
- // ## write(this.sourceMap);
57
-
58
- write(this.context);
59
- write(this.identifierIndex);
60
- write(this.assets);
61
- write(this.assetsInfo);
62
- super.serialize(context);
63
- }
64
-
65
- deserialize(context) {
66
- super.deserialize(context);
67
- }
68
-
69
- }
70
-
71
- i18nDependencyCache.set(webpack, I18nDependency);
72
- webpack.util.serialization.register(I18nDependency, _path.default.resolve(__dirname, 'I18nDependency-new'), null, {
73
- serialize(instance, context) {
74
- instance.serialize(context);
75
- },
76
-
77
- deserialize(context) {
78
- const {
79
- read
80
- } = context;
81
- const dep = new I18nDependency({
82
- identifier: read(),
83
- content: read() // ## layer: read(),
84
- // ## supports: read(),
85
- // ## media: read(),
86
- // ## sourceMap: read()
87
-
88
- }, read(), read());
89
- const assets = read();
90
- const assetsInfo = read();
91
- dep.assets = assets;
92
- dep.assetsInfo = assetsInfo;
93
- dep.deserialize(context);
94
- return dep;
95
- }
96
-
97
- });
98
- return I18nDependency;
99
- }
@@ -1,81 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.getI18nLoadingRuntimeModule = getI18nLoadingRuntimeModule;
7
-
8
- /* eslint-disable no-restricted-syntax */
9
- const getChunksMapObject = i18nChunks => {
10
- const obj = {};
11
-
12
- for (const chunk of i18nChunks) {
13
- obj[chunk.id] = 1;
14
- }
15
-
16
- return obj;
17
- };
18
-
19
- function getI18nLoadingRuntimeModule({
20
- webpack,
21
- getI18nChunks
22
- }) {
23
- const {
24
- Template,
25
- RuntimeGlobals,
26
- RuntimeModule
27
- } = webpack;
28
-
29
- class I18nLoadingRuntimeModule extends RuntimeModule {
30
- constructor(runtimeRequirements, {
31
- runtimeOptions,
32
- prefixFunc
33
- }) {
34
- super('i18n loading', 10);
35
- this.runtimeRequirements = runtimeRequirements;
36
- this.prefixFunc = prefixFunc;
37
- this.runtimeOptions = runtimeOptions;
38
- }
39
-
40
- generate() {
41
- const {
42
- chunk,
43
- runtimeRequirements,
44
- prefixFunc,
45
- compilation
46
- } = this;
47
- const {
48
- runtimeTemplate,
49
- outputOptions: {
50
- crossOriginLoading
51
- }
52
- } = compilation; // const i18nChunks = getI18nChunks(chunk, compilation);
53
- // REASON: we do it in here is in dev mode thing may change
54
- // const i18nChunks = getI18nChunks(entryRuntimeChunk);
55
-
56
- const i18nChunks = getI18nChunks(chunk);
57
- const withLoading = runtimeRequirements.has(RuntimeGlobals.ensureChunkHandlers) && i18nChunks.length > 0;
58
-
59
- if (!withLoading) {
60
- return '';
61
- }
62
-
63
- const chunkMap = getChunksMapObject(i18nChunks);
64
- const {
65
- attributes,
66
- scriptType,
67
- insert: insertRoot
68
- } = this.runtimeOptions;
69
- const insertPlace = typeof insertRoot === 'function' ? `(${insertRoot.toString()})(scriptTag)` : Template.asString([`var target = document.querySelector("${insertRoot}");`, 'target.parentNode.insertBefore(scriptTag, target.nextSibling);']);
70
- return Template.asString([`${prefixFunc(i18nChunks)}`, `var createI18nScriptTag = ${runtimeTemplate.basicFunction('chunkId, fullsrc, resolve, reject', ['var scriptTag = document.createElement("script");', attributes ? Template.asString(Object.entries(attributes).map(entry => {
71
- const [key, value] = entry;
72
- return `scriptTag.setAttribute(${JSON.stringify(key)}, ${JSON.stringify(value)});`;
73
- })) : '', scriptType ? `scriptTag.type = ${JSON.stringify(scriptType)};` : '', `var onScriptComplete = ${runtimeTemplate.basicFunction('event', ['// avoid mem leaks.', 'scriptTag.onerror = scriptTag.onload = null;', 'if (event.type === \'load\') {', Template.indent(['resolve();']), '} else {', Template.indent(['var errorType = event && (event.type === \'load\' ? \'missing\' : event.type);', 'var realSrc = event && event.target && event.target.src || fullsrc;', 'var err = new Error("Loading I18N chunk " + chunkId + " failed.\\n(" + realSrc + ")");', 'err.code = "I18N_CHUNK_LOAD_FAILED";', 'err.type = errorType;', 'err.request = realSrc;', 'scriptTag.parentNode.removeChild(scriptTag)', 'reject(err);']), '}'])}`, 'scriptTag.onerror = scriptTag.onload = onScriptComplete;', 'scriptTag.src = fullsrc;', crossOriginLoading ? Template.asString(['if (scriptTag.src.indexOf(window.location.origin + \'/\') !== 0) {', Template.indent(`scriptTag.crossOrigin = ${JSON.stringify(crossOriginLoading)};`), '}']) : '', insertRoot && insertPlace || Template.asString(['document.head.appendChild(scriptTag);']), 'return scriptTag;'])};`, `var findI18nScriptTag = ${runtimeTemplate.basicFunction('src, fullsrc', ['var existingScriptTags = document.getElementsByTagName("script");', 'for(var i = 0; i < existingScriptTags.length; i++) {', Template.indent(['var tag = existingScriptTags[i];', 'var dataSrc = tag.getAttribute("data-src") || tag.getAttribute("src");', 'if((dataSrc === src || dataSrc === fullsrc)) return tag;']), '}', 'var existingStyleTags = document.getElementsByTagName("style");', 'for(var i = 0; i < existingStyleTags.length; i++) {', Template.indent(['var tag = existingStyleTags[i];', 'var dataSrc = tag.getAttribute("data-src");', 'if(dataSrc === src || dataSrc === fullsrc) return tag;']), '}'])};`, `var loadI18nScriptTag = ${runtimeTemplate.basicFunction('chunkId', `return new Promise(${runtimeTemplate.basicFunction('resolve, reject', [`var src = ${RuntimeGlobals.require}.miniI18nF(chunkId);`, `var fullsrc = ${RuntimeGlobals.publicPath} + src;`, 'if(findI18nScriptTag(src, fullsrc)) return resolve();', 'createI18nScriptTag(chunkId, fullsrc, resolve, reject);'])});`)}`, withLoading ? Template.asString(['// object to store loaded I18N chunks', 'var installedI18nChunks = {', Template.indent(
74
- /** @type {string[]} */
75
- chunk.ids.map(id => `${JSON.stringify(id)}: 0`).join(',\n')), '};', '', `${RuntimeGlobals.ensureChunkHandlers}.miniI18n = ${runtimeTemplate.basicFunction('chunkId, promises', [`var i18nChunks = ${JSON.stringify(chunkMap)};`, 'if(installedI18nChunks[chunkId]) promises.push(installedI18nChunks[chunkId]);', 'else if(installedI18nChunks[chunkId] !== 0 && i18nChunks[chunkId]) {', Template.indent([`promises.push(installedI18nChunks[chunkId] = loadI18nScriptTag(chunkId).then(${runtimeTemplate.basicFunction('', 'installedI18nChunks[chunkId] = 0;')}, ${runtimeTemplate.basicFunction('e', ['delete installedI18nChunks[chunkId];', 'throw e;'])}));`]), '}'])};`]) : '// no chunk loading', '']);
76
- }
77
-
78
- }
79
-
80
- return I18nLoadingRuntimeModule;
81
- }