@zohodesk/react-cli 0.0.1-beta.99 → 0.0.1-betaa.138.1

package/lib/plugins/ServiceWorkerPlugin.js

@@ -1,29 +1,29 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 
-var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
+var _fs = _interopRequireDefault(require("fs"));
 
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+var _path = _interopRequireDefault(require("path"));
 
-var _fs = require('fs');
+var _getI18nFileUrlPathTemplate = require("./I18nSplitPlugin/utils/getI18nFileUrlPathTemplate");
 
-var _fs2 = _interopRequireDefault(_fs);
-
-var _path = require('path');
-
-var _path2 = _interopRequireDefault(_path);
+var _utils = require("../utils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-var ServiceWorkerPlugin = function () {
-  function ServiceWorkerPlugin(options) {
-    _classCallCheck(this, ServiceWorkerPlugin);
+const {
+  i18n: {
+    chunkSplitEnable
+  }
+} = (0, _utils.getOptions)();
 
+class ServiceWorkerPlugin {
+  constructor(options) {
+    this.i18nFileNameTemplate = options.i18nFileNameTemplate;
     this.fileName = options.fileName;
     this.serviceWorkerPath = options.filePath;
     this.writePath = options.exitPath;
@@ -31,54 +31,78 @@ var ServiceWorkerPlugin = function () {
     this.publicPaths = options.publicPaths;
   }
 
-  _createClass(ServiceWorkerPlugin, [{
-    key: 'apply',
-    value: function apply(compiler) {
-      var _this = this;
-
-      compiler.hooks.emit.tap('ServiceWorkerPlugin', function (compilation) {
-        _fs2.default.readFile(_this.serviceWorkerPath, 'utf-8', function (err, data) {
-          if (err) {
-            throw new Error(err);
-          } else {
-            var extractedChunks = compilation.chunks.filter(function (chunk) {
-              if ('canBeInitial' in chunk) {
-                return chunk.canBeInitial();
-              }
-              return chunk.isInitial();
-            });
-
-            var _publicPaths = _slicedToArray(_this.publicPaths, 2),
-                js = _publicPaths[0],
-                css = _publicPaths[1];
-
-            var allFiles = [];
-            extractedChunks.forEach(function (chunk) {
-              chunk.files.forEach(function (fileName) {
-                var chunkUrl = '';
-                if (/\.css$/g.test(fileName)) {
-                  chunkUrl += css + '/' + fileName;
-                } else if (/\.js$/g.test(fileName)) {
-                  chunkUrl += js + '/' + fileName;
-                }
-                allFiles.push(chunkUrl);
-              });
-            });
+  isInitialChunk(chunk) {
+    if ('canBeInitial' in chunk) {
+      return chunk.canBeInitial();
+    }
 
-            var mod = data.replace(_this.replaceText, 'self.assets = ' + JSON.stringify(allFiles));
+    return chunk.isInitial();
+  }
 
-            if (!_fs2.default.existsSync(_this.writePath)) {
-              _fs2.default.mkdirSync(_this.writePath);
+  apply(compiler) {
+    compiler.hooks.emit.tap('ServiceWorkerPlugin', compilation => {
+      _fs.default.readFile(this.serviceWorkerPath, 'utf-8', (err, data) => {
+        if (err) {
+          throw new Error(err);
+        } else {
+          /* const extractedChunks = compilation.chunks.filter(chunk => {
+            if ('canBeInitial' in chunk) {
+              return chunk.canBeInitial();
             }
-
-            _fs2.default.writeFileSync(_path2.default.join(_this.writePath, _this.fileName), mod);
+            return chunk.isInitial();
+          }); */
+          let [js, css,,, i18nPublicPath] = this.publicPaths; // let initialChunkUrls = [];
+
+          let allChunkUrls = [];
+          let allI18nAssets = [];
+          let entrypoint = compilation.entrypoints.get('main');
+          let initialChunkUrls = entrypoint.getFiles();
+          /**
+           * NOTE:
+           *  if chunkSplitEnable is false means,
+           *    serviceWorker will get i18n files path for html
+           */
+
+          let initalI18nAssets = chunkSplitEnable ? entrypoint.chunks.map(chunk => (0, _getI18nFileUrlPathTemplate.getI18nFileUrlPathTemplate)(compilation, chunk, this.i18nFileNameTemplate, '@locale@')) : [];
+          compilation.chunks.filter(c => !this.isInitialChunk(c)).forEach(chunk => {
+            // let isInitial = this.isInitialChunk(chunk);
+            allChunkUrls = allChunkUrls.concat(chunk.files);
+            chunkSplitEnable && allI18nAssets.push((0, _getI18nFileUrlPathTemplate.getI18nFileUrlPathTemplate)(compilation, chunk, this.i18nFileNameTemplate, '@locale@')); // chunk.files.forEach(fileName => {
+            //   let chunkUrl = '';
+            //   if (/\.css$/g.test(fileName)) {
+            //     chunkUrl += `${css}${fileName}`;
+            //   } else if (/\.js$/g.test(fileName)) {
+            //     chunkUrl += `${js}${fileName}`;
+            //   }
+            //   // isInitial ? initialChunkUrls.push(chunkUrl) :
+            //   allChunkUrls.push(chunkUrl);
+            // });
+          });
+          let mod = data.replace(this.replaceText, `
+function addPublicPath(url) {
+  if (/\\.css$/g.test(url)) {
+    return  '${css}'+url;
+  } else if (/\\.js$/g.test(url)) {
+    return '${js}'+url;
+  }
+}
+self.initalI18nAssets = ${JSON.stringify(initalI18nAssets)}.map(up => "${i18nPublicPath}/" + up);
+self.allI18nAssets = ${JSON.stringify(allI18nAssets)}.map(up => "${i18nPublicPath}/" + up);
+self.assets = ${JSON.stringify(initialChunkUrls)}.map(addPublicPath);
+self.allChunks = ${JSON.stringify(allChunkUrls)}.map(addPublicPath);`);
+
+          if (!_fs.default.existsSync(this.writePath)) {
+            _fs.default.mkdirSync(this.writePath, {
+              recursive: true
+            });
           }
-        });
+
+          _fs.default.writeFileSync(_path.default.join(this.writePath, this.fileName), mod);
+        }
       });
-    }
-  }]);
+    });
+  }
 
-  return ServiceWorkerPlugin;
-}();
+}
 
 exports.default = ServiceWorkerPlugin;