@papillonbits/library 0.30.0 → 0.32.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@papillonbits/library",
-  "version": "0.30.0",
+  "version": "0.32.0",
   "description": "Papillon Bits Library",
   "homepage": "https://github.com/papillonbits/papillonbits/tree/master/packages/library",
   "repository": {
@@ -25,6 +25,7 @@
     "sort/",
     "store/",
     "string/",
+    "webpack/",
     "README.md"
   ],
   "scripts": {
@@ -36,5 +37,5 @@
     "build-acceptance": "npm run build",
     "build-release": "npm run build"
   },
-  "gitHead": "41fde59cebd2397b181d20dc53f379a367f22f4b"
+  "gitHead": "a3f7da0995192a4c9fbd3a4092dfbf416d783881"
 }

package/webpack/constant/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.targetBrowsers = exports.manifestFileName = exports.indexHTMLName = exports.extensions = exports.coreJSVersion = void 0;
+var coreJSVersion = '3.25.3';
+exports.coreJSVersion = coreJSVersion;
+var targetBrowsers = {
+  production: ['> 1%', 'last 2 versions', 'Firefox ESR'],
+  legacyBrowsers: ['> 1%', 'last 2 versions', 'Firefox ESR'],
+  modernBrowsers: ['last 2 Chrome versions', 'not Chrome < 60', 'last 2 Safari versions', 'not Safari < 10.1', 'last 2 iOS versions', 'not iOS < 10.3', 'last 2 Firefox versions', 'not Firefox < 54', 'last 2 Edge versions', 'not Edge < 15']
+};
+exports.targetBrowsers = targetBrowsers;
+var manifestFileName = 'manifest.json';
+exports.manifestFileName = manifestFileName;
+var indexHTMLName = 'index.html';
+exports.indexHTMLName = indexHTMLName;
+var extensions = ['.js', '.jsx', '.json', '.scss'];
+exports.extensions = extensions;

package/webpack/index.js

@@ -0,0 +1,225 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "MiniCSSExtractPluginLoader", {
+  enumerable: true,
+  get: function get() {
+    return _miniCSSExtractPlugin.MiniCSSExtractPluginLoader;
+  }
+});
+Object.defineProperty(exports, "getBabelLoaderAdvancedSetup", {
+  enumerable: true,
+  get: function get() {
+    return _babelLoader.getBabelLoaderAdvancedSetup;
+  }
+});
+Object.defineProperty(exports, "getBannerPluginStandardSetup", {
+  enumerable: true,
+  get: function get() {
+    return _bannerPlugin.getBannerPluginStandardSetup;
+  }
+});
+Object.defineProperty(exports, "getCSSLoaderStandardSetup", {
+  enumerable: true,
+  get: function get() {
+    return _cssLoader.getCSSLoaderStandardSetup;
+  }
+});
+Object.defineProperty(exports, "getCSSMinimizerWebpackPluginStandardSetup", {
+  enumerable: true,
+  get: function get() {
+    return _cssMinimizerWebpackPlugin.getCSSMinimizerWebpackPluginStandardSetup;
+  }
+});
+Object.defineProperty(exports, "getCleanWebpackPluginAdvancedSetup", {
+  enumerable: true,
+  get: function get() {
+    return _cleanWebpackPlugin.getCleanWebpackPluginAdvancedSetup;
+  }
+});
+Object.defineProperty(exports, "getCleanWebpackPluginStandardSetup", {
+  enumerable: true,
+  get: function get() {
+    return _cleanWebpackPlugin.getCleanWebpackPluginStandardSetup;
+  }
+});
+Object.defineProperty(exports, "getCopyWebpackPluginStandardSetup", {
+  enumerable: true,
+  get: function get() {
+    return _copyWebpackPlugin.getCopyWebpackPluginStandardSetup;
+  }
+});
+Object.defineProperty(exports, "getDevServerStandardSetup", {
+  enumerable: true,
+  get: function get() {
+    return _devServer.getDevServerStandardSetup;
+  }
+});
+Object.defineProperty(exports, "getDotenvWebpackAdvancedSetup", {
+  enumerable: true,
+  get: function get() {
+    return _dotenvWebpack.getDotenvWebpackAdvancedSetup;
+  }
+});
+Object.defineProperty(exports, "getDotenvWebpackStandardSetup", {
+  enumerable: true,
+  get: function get() {
+    return _dotenvWebpack.getDotenvWebpackStandardSetup;
+  }
+});
+Object.defineProperty(exports, "getFontLoaderStandardSetup", {
+  enumerable: true,
+  get: function get() {
+    return _fontLoader.getFontLoaderStandardSetup;
+  }
+});
+Object.defineProperty(exports, "getHotModuleReplacementPluginStandardSetup", {
+  enumerable: true,
+  get: function get() {
+    return _hotModuleReplacementPlugin.getHotModuleReplacementPluginStandardSetup;
+  }
+});
+Object.defineProperty(exports, "getHtmlWebpackPluginAdvancedSetup", {
+  enumerable: true,
+  get: function get() {
+    return _htmlWebpackPlugin.getHtmlWebpackPluginAdvancedSetup;
+  }
+});
+Object.defineProperty(exports, "getHtmlWebpackPluginStandardSetup", {
+  enumerable: true,
+  get: function get() {
+    return _htmlWebpackPlugin.getHtmlWebpackPluginStandardSetup;
+  }
+});
+Object.defineProperty(exports, "getImageLoaderStandardSetup", {
+  enumerable: true,
+  get: function get() {
+    return _imageLoader.getImageLoaderStandardSetup;
+  }
+});
+Object.defineProperty(exports, "getMarkdownLoaderStandardSetup", {
+  enumerable: true,
+  get: function get() {
+    return _markdownLoader.getMarkdownLoaderStandardSetup;
+  }
+});
+Object.defineProperty(exports, "getMiniCSSExtractPluginAdvancedSetup", {
+  enumerable: true,
+  get: function get() {
+    return _miniCSSExtractPlugin.getMiniCSSExtractPluginAdvancedSetup;
+  }
+});
+Object.defineProperty(exports, "getMiniCSSExtractPluginStandardSetup", {
+  enumerable: true,
+  get: function get() {
+    return _miniCSSExtractPlugin.getMiniCSSExtractPluginStandardSetup;
+  }
+});
+Object.defineProperty(exports, "getModuleConcatenationPluginStandardSetup", {
+  enumerable: true,
+  get: function get() {
+    return _moduleConcatenationPlugin.getModuleConcatenationPluginStandardSetup;
+  }
+});
+Object.defineProperty(exports, "getPostCSSLoaderStandardSetup", {
+  enumerable: true,
+  get: function get() {
+    return _postCSSLoader.getPostCSSLoaderStandardSetup;
+  }
+});
+Object.defineProperty(exports, "getSVGRLoaderAdvancedSetup", {
+  enumerable: true,
+  get: function get() {
+    return _svgrLoader.getSVGRLoaderAdvancedSetup;
+  }
+});
+Object.defineProperty(exports, "getSVGRLoaderStandardSetup", {
+  enumerable: true,
+  get: function get() {
+    return _svgrLoader.getSVGRLoaderStandardSetup;
+  }
+});
+Object.defineProperty(exports, "getSassLoaderStandardSetup", {
+  enumerable: true,
+  get: function get() {
+    return _sassLoader.getSassLoaderStandardSetup;
+  }
+});
+Object.defineProperty(exports, "getWebpackBundleAnalyzerStandardSetup", {
+  enumerable: true,
+  get: function get() {
+    return _webpackBundleAnalyzer.getWebpackBundleAnalyzerStandardSetup;
+  }
+});
+Object.defineProperty(exports, "getWebpackCommonSetup", {
+  enumerable: true,
+  get: function get() {
+    return _commonSetup.getWebpackCommonSetup;
+  }
+});
+Object.defineProperty(exports, "getWebpackDevelopmentSetup", {
+  enumerable: true,
+  get: function get() {
+    return _developmentSetup.getWebpackDevelopmentSetup;
+  }
+});
+Object.defineProperty(exports, "getWebpackManifestPluginStandardSetup", {
+  enumerable: true,
+  get: function get() {
+    return _webpackManifestPlugin.getWebpackManifestPluginStandardSetup;
+  }
+});
+Object.defineProperty(exports, "getWebpackProductionSetup", {
+  enumerable: true,
+  get: function get() {
+    return _productionSetup.getWebpackProductionSetup;
+  }
+});
+
+var _babelLoader = require("./loader/babelLoader");
+
+var _cssLoader = require("./loader/cssLoader");
+
+var _fontLoader = require("./loader/fontLoader");
+
+var _imageLoader = require("./loader/imageLoader");
+
+var _markdownLoader = require("./loader/markdownLoader");
+
+var _postCSSLoader = require("./loader/postCSSLoader");
+
+var _sassLoader = require("./loader/sassLoader");
+
+var _svgrLoader = require("./loader/svgrLoader");
+
+var _bannerPlugin = require("./plugin/bannerPlugin");
+
+var _cleanWebpackPlugin = require("./plugin/cleanWebpackPlugin");
+
+var _copyWebpackPlugin = require("./plugin/copyWebpackPlugin");
+
+var _cssMinimizerWebpackPlugin = require("./plugin/cssMinimizerWebpackPlugin");
+
+var _dotenvWebpack = require("./plugin/dotenvWebpack");
+
+var _hotModuleReplacementPlugin = require("./plugin/hotModuleReplacementPlugin");
+
+var _htmlWebpackPlugin = require("./plugin/htmlWebpackPlugin");
+
+var _miniCSSExtractPlugin = require("./plugin/miniCSSExtractPlugin");
+
+var _moduleConcatenationPlugin = require("./plugin/moduleConcatenationPlugin");
+
+var _webpackBundleAnalyzer = require("./plugin/webpackBundleAnalyzer");
+
+var _webpackManifestPlugin = require("./plugin/webpackManifestPlugin");
+
+var _devServer = require("./server/devServer");
+
+var _commonSetup = require("./setup/commonSetup");
+
+var _developmentSetup = require("./setup/developmentSetup");
+
+var _productionSetup = require("./setup/productionSetup");

package/webpack/loader/babelLoader.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getBabelLoaderAdvancedSetup = getBabelLoaderAdvancedSetup;
+
+var _constant = require("../constant");
+
+// https://github.com/babel/babel-loader
+function getBabelLoaderAdvancedSetup() {
+  return {
+    test: /\.(js|jsx)$/,
+    exclude: /node_modules/,
+    use: {
+      loader: 'babel-loader',
+      options: {
+        presets: [['@babel/preset-env', {
+          modules: false,
+          useBuiltIns: 'entry',
+          corejs: _constant.coreJSVersion,
+          targets: {
+            browsers: Object.values(_constant.targetBrowsers.modernBrowsers)
+          }
+        }], '@babel/preset-react'],
+        plugins: ['@babel/plugin-proposal-class-properties', '@babel/plugin-proposal-nullish-coalescing-operator', '@babel/plugin-proposal-object-rest-spread', '@babel/plugin-proposal-optional-catch-binding', '@babel/plugin-proposal-optional-chaining', '@babel/plugin-syntax-dynamic-import', '@babel/plugin-transform-classes', ['@babel/plugin-transform-react-jsx', {
+          runtime: 'automatic'
+        }], '@babel/plugin-transform-runtime', '@babel/plugin-transform-spread', 'syntax-async-functions']
+      }
+    }
+  };
+}

package/webpack/loader/cssLoader.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCSSLoaderStandardSetup = getCSSLoaderStandardSetup;
+
+// https://github.com/webpack-contrib/css-loader
+function getCSSLoaderStandardSetup(_ref) {
+  var sourceMap = _ref.sourceMap,
+      modules = _ref.modules;
+  return {
+    loader: 'css-loader',
+    options: {
+      importLoaders: 2,
+      sourceMap: sourceMap,
+      modules: modules
+    }
+  };
+}

package/webpack/loader/fontLoader.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFontLoaderStandardSetup = getFontLoaderStandardSetup;
+
+// https://webpack.js.org/guides/asset-management/#loading-fonts
+function getFontLoaderStandardSetup() {
+  return {
+    test: /\.(woff|woff2|eot|ttf|otf)$/i,
+    type: 'asset/resource'
+  };
+}

package/webpack/loader/imageLoader.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getImageLoaderStandardSetup = getImageLoaderStandardSetup;
+
+// https://webpack.js.org/guides/asset-management/#loading-images
+function getImageLoaderStandardSetup() {
+  return {
+    test: /\.(png|jpg|jpeg|gif)$/i,
+    type: 'asset/resource'
+  };
+}

package/webpack/loader/markdownLoader.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMarkdownLoaderStandardSetup = getMarkdownLoaderStandardSetup;
+
+// https://github.com/peerigon/markdown-loader
+function getMarkdownLoaderStandardSetup() {
+  return {
+    test: /\.md$/,
+    use: [{
+      loader: 'html-loader'
+    }, {
+      loader: 'markdown-loader',
+      options: {}
+    }]
+  };
+}

package/webpack/loader/postCSSLoader.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPostCSSLoaderStandardSetup = getPostCSSLoaderStandardSetup;
+
+// https://github.com/webpack-contrib/postcss-loader
+function getPostCSSLoaderStandardSetup() {
+  return {
+    loader: 'postcss-loader',
+    options: {
+      postcssOptions: {
+        sourceMap: true,
+        plugins: function plugins() {
+          return ['postcss-preset-env'];
+        },
+        parser: 'postcss-scss'
+      }
+    }
+  };
+}

package/webpack/loader/sassLoader.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSassLoaderStandardSetup = getSassLoaderStandardSetup;
+
+// https://github.com/webpack-contrib/sass-loader
+function getSassLoaderStandardSetup(_ref) {
+  var includePaths = _ref.includePaths;
+  return {
+    loader: 'sass-loader',
+    options: {
+      sassOptions: {
+        indentWidth: 4,
+        includePaths: includePaths
+      }
+    }
+  };
+}

package/webpack/loader/svgrLoader.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSVGRLoaderAdvancedSetup = getSVGRLoaderAdvancedSetup;
+exports.getSVGRLoaderStandardSetup = getSVGRLoaderStandardSetup;
+
+// https://github.com/gregberge/svgr/tree/main/packages/webpack
+function getSVGRLoaderStandardSetup() {
+  return {
+    test: /\.svg$/,
+    use: ['@svgr/webpack']
+  };
+}
+
+function getSVGRLoaderAdvancedSetup() {
+  return {
+    test: /\.svg$/i,
+    issuer: /\.[jt]sx?$/,
+    resourceQuery: {
+      not: [/url/]
+    },
+    use: ['@svgr/webpack']
+  };
+}

package/webpack/plugin/bannerPlugin.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getBannerPluginStandardSetup = getBannerPluginStandardSetup;
+
+var _webpack = _interopRequireDefault(require("webpack"));
+
+// https://webpack.js.org/plugins/banner-plugin/
+function getBannerPluginStandardSetup(packageJSON) {
+  return new _webpack["default"].BannerPlugin({
+    banner: ['/*!', " * @project        ".concat(packageJSON.name), ' * @name           [filebase]', " * @author         ".concat(packageJSON.author.name), " * @copyright      Copyright (c) ".concat(new Date().getFullYear(), " ").concat(packageJSON.author.name), ' */', ''].join('\n'),
+    raw: true
+  });
+}

package/webpack/plugin/cleanWebpackPlugin.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCleanWebpackPluginAdvancedSetup = getCleanWebpackPluginAdvancedSetup;
+exports.getCleanWebpackPluginStandardSetup = getCleanWebpackPluginStandardSetup;
+
+var _cleanWebpackPlugin = require("clean-webpack-plugin");
+
+// https://github.com/johnagan/clean-webpack-plugin
+function getCleanWebpackPluginStandardSetup() {
+  return new _cleanWebpackPlugin.CleanWebpackPlugin();
+}
+
+function getCleanWebpackPluginAdvancedSetup(_ref) {
+  var dry = _ref.dry,
+      verbose = _ref.verbose,
+      cleanStaleWebpackAssets = _ref.cleanStaleWebpackAssets,
+      protectWebpackAssets = _ref.protectWebpackAssets,
+      cleanOnceBeforeBuildPatterns = _ref.cleanOnceBeforeBuildPatterns,
+      cleanAfterEveryBuildPatterns = _ref.cleanAfterEveryBuildPatterns,
+      dangerouslyAllowCleanPatternsOutsideProject = _ref.dangerouslyAllowCleanPatternsOutsideProject;
+  return new _cleanWebpackPlugin.CleanWebpackPlugin({
+    dry: dry,
+    verbose: verbose,
+    cleanStaleWebpackAssets: cleanStaleWebpackAssets,
+    protectWebpackAssets: protectWebpackAssets,
+    cleanOnceBeforeBuildPatterns: cleanOnceBeforeBuildPatterns,
+    cleanAfterEveryBuildPatterns: cleanAfterEveryBuildPatterns,
+    dangerouslyAllowCleanPatternsOutsideProject: dangerouslyAllowCleanPatternsOutsideProject
+  });
+}

package/webpack/plugin/copyWebpackPlugin.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCopyWebpackPluginStandardSetup = getCopyWebpackPluginStandardSetup;
+
+var _copyWebpackPlugin = _interopRequireDefault(require("copy-webpack-plugin"));
+
+// https://github.com/webpack-contrib/copy-webpack-plugin
+function getCopyWebpackPluginStandardSetup(_ref) {
+  var from = _ref.from,
+      to = _ref.to;
+  return new _copyWebpackPlugin["default"]({
+    patterns: [{
+      from: from,
+      to: to,
+      globOptions: {
+        ignore: ['*.DS_Store']
+      },
+      noErrorOnMissing: true
+    }]
+  });
+}

package/webpack/plugin/cssMinimizerWebpackPlugin.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCSSMinimizerWebpackPluginStandardSetup = getCSSMinimizerWebpackPluginStandardSetup;
+
+var _cssMinimizerWebpackPlugin = _interopRequireDefault(require("css-minimizer-webpack-plugin"));
+
+// https://github.com/webpack-contrib/css-minimizer-webpack-plugin
+function getCSSMinimizerWebpackPluginStandardSetup() {
+  return new _cssMinimizerWebpackPlugin["default"]();
+}

package/webpack/plugin/dotenvWebpack.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDotenvWebpackAdvancedSetup = getDotenvWebpackAdvancedSetup;
+exports.getDotenvWebpackStandardSetup = getDotenvWebpackStandardSetup;
+
+var _dotenvWebpack = _interopRequireDefault(require("dotenv-webpack"));
+
+// https://github.com/mrsteele/dotenv-webpack
+function getDotenvWebpackStandardSetup(_ref) {
+  var path = _ref.path;
+  return new _dotenvWebpack["default"]({
+    path: path
+  });
+}
+
+function getDotenvWebpackAdvancedSetup(_ref2) {
+  var path = _ref2.path,
+      safe = _ref2.safe,
+      allowEmptyValues = _ref2.allowEmptyValues,
+      systemvars = _ref2.systemvars,
+      silent = _ref2.silent,
+      defaults = _ref2.defaults,
+      prefix = _ref2.prefix;
+  return new _dotenvWebpack["default"]({
+    path: path,
+    safe: safe,
+    allowEmptyValues: allowEmptyValues,
+    systemvars: systemvars,
+    silent: silent,
+    defaults: defaults,
+    prefix: prefix
+  });
+}

package/webpack/plugin/hotModuleReplacementPlugin.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getHotModuleReplacementPluginStandardSetup = getHotModuleReplacementPluginStandardSetup;
+
+var _webpack = _interopRequireDefault(require("webpack"));
+
+// https://webpack.js.org/plugins/hot-module-replacement-plugin/
+function getHotModuleReplacementPluginStandardSetup() {
+  return new _webpack["default"].HotModuleReplacementPlugin();
+}

package/webpack/plugin/htmlWebpackPlugin.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getHtmlWebpackPluginAdvancedSetup = getHtmlWebpackPluginAdvancedSetup;
+exports.getHtmlWebpackPluginStandardSetup = getHtmlWebpackPluginStandardSetup;
+
+var _htmlWebpackPlugin = _interopRequireDefault(require("html-webpack-plugin"));
+
+var _constant = require("../constant");
+
+// https://github.com/jantimon/html-webpack-plugin
+function getHtmlWebpackPluginStandardSetup(_ref) {
+  var title = _ref.title,
+      micrositeWebpackFolderPath = _ref.micrositeWebpackFolderPath;
+  return new _htmlWebpackPlugin["default"]({
+    title: title,
+    meta: {
+      viewport: 'width=device-width, initial-scale=1, shrink-to-fit=no'
+    },
+    template: "".concat(micrositeWebpackFolderPath, "/").concat(_constant.indexHTMLName),
+    filename: _constant.indexHTMLName,
+    inject: 'body',
+    scriptLoading: 'defer'
+  });
+}
+
+function getHtmlWebpackPluginAdvancedSetup(_ref2) {
+  var title = _ref2.title,
+      meta = _ref2.meta,
+      template = _ref2.template,
+      filename = _ref2.filename,
+      inject = _ref2.inject,
+      scriptLoading = _ref2.scriptLoading;
+  return new _htmlWebpackPlugin["default"]({
+    title: title,
+    meta: meta,
+    template: template,
+    filename: filename,
+    inject: inject,
+    scriptLoading: scriptLoading
+  });
+}

package/webpack/plugin/miniCSSExtractPlugin.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MiniCSSExtractPluginLoader = void 0;
+exports.getMiniCSSExtractPluginAdvancedSetup = getMiniCSSExtractPluginAdvancedSetup;
+exports.getMiniCSSExtractPluginStandardSetup = getMiniCSSExtractPluginStandardSetup;
+
+var _miniCssExtractPlugin = _interopRequireDefault(require("mini-css-extract-plugin"));
+
+// https://github.com/webpack-contrib/mini-css-extract-plugin
+var MiniCSSExtractPluginLoader = _miniCssExtractPlugin["default"].loader;
+exports.MiniCSSExtractPluginLoader = MiniCSSExtractPluginLoader;
+
+function getMiniCSSExtractPluginStandardSetup() {
+  return new _miniCssExtractPlugin["default"]();
+}
+
+function getMiniCSSExtractPluginAdvancedSetup() {
+  return new _miniCssExtractPlugin["default"]({
+    filename: 'styles/[name].[contenthash].css',
+    chunkFilename: '[id].css'
+  });
+}

package/webpack/plugin/moduleConcatenationPlugin.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getModuleConcatenationPluginStandardSetup = getModuleConcatenationPluginStandardSetup;
+
+var _webpack = _interopRequireDefault(require("webpack"));
+
+// https://webpack.js.org/plugins/module-concatenation-plugin/
+function getModuleConcatenationPluginStandardSetup() {
+  return new _webpack["default"].optimize.ModuleConcatenationPlugin();
+}

package/webpack/plugin/webpackBundleAnalyzer.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getWebpackBundleAnalyzerStandardSetup = getWebpackBundleAnalyzerStandardSetup;
+
+var _webpackBundleAnalyzer = require("webpack-bundle-analyzer");
+
+// https://github.com/webpack-contrib/webpack-bundle-analyzer
+function getWebpackBundleAnalyzerStandardSetup() {
+  return new _webpackBundleAnalyzer.BundleAnalyzerPlugin({
+    analyzerMode: 'static',
+    openAnalyzer: false
+  });
+}

package/webpack/plugin/webpackManifestPlugin.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getWebpackManifestPluginStandardSetup = getWebpackManifestPluginStandardSetup;
+
+var _webpackManifestPlugin = require("webpack-manifest-plugin");
+
+var _constant = require("../constant");
+
+// https://github.com/shellscape/webpack-manifest-plugin
+
+/* eslint-disable no-param-reassign  */
+function getWebpackManifestPluginStandardSetup() {
+  return new _webpackManifestPlugin.WebpackManifestPlugin({
+    fileName: _constant.manifestFileName,
+    basePath: '',
+    map: function map(file) {
+      file.name = file.name.replace(/(\.[a-f0-9]{32})(\..*)$/, '$2');
+      return file;
+    }
+  });
+}

package/webpack/server/devServer.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getDevServerStandardSetup = getDevServerStandardSetup;
+
+// https://webpack.js.org/configuration/dev-server/
+function getDevServerStandardSetup() {
+  return {
+    historyApiFallback: true,
+    open: true,
+    compress: true,
+    hot: true,
+    port: 8080,
+    host: 'localhost',
+    https: false,
+    headers: {
+      'Access-Control-Allow-Origin': '*'
+    }
+  };
+}

package/webpack/setup/commonSetup.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getWebpackCommonSetup = getWebpackCommonSetup;
+
+var _babelLoader = require("../loader/babelLoader");
+
+var _fontLoader = require("../loader/fontLoader");
+
+var _imageLoader = require("../loader/imageLoader");
+
+var _svgrLoader = require("../loader/svgrLoader");
+
+var _markdownLoader = require("../loader/markdownLoader");
+
+var _cleanWebpackPlugin = require("../plugin/cleanWebpackPlugin");
+
+var _copyWebpackPlugin = require("../plugin/copyWebpackPlugin");
+
+var _htmlWebpackPlugin = require("../plugin/htmlWebpackPlugin");
+
+var _webpackManifestPlugin = require("../plugin/webpackManifestPlugin");
+
+var _constant = require("../constant");
+
+function getWebpackCommonSetup(_ref) {
+  var micrositeFolderPaths = _ref.micrositeFolderPaths,
+      packageJSON = _ref.packageJSON;
+  return {
+    entry: ["".concat(micrositeFolderPaths.src, "/index.js")],
+    plugins: [(0, _cleanWebpackPlugin.getCleanWebpackPluginStandardSetup)(), (0, _copyWebpackPlugin.getCopyWebpackPluginStandardSetup)({
+      from: micrositeFolderPaths["public"],
+      to: 'assets'
+    }), (0, _htmlWebpackPlugin.getHtmlWebpackPluginStandardSetup)({
+      title: packageJSON.description,
+      micrositeWebpackFolderPath: micrositeFolderPaths.webpack
+    }), (0, _webpackManifestPlugin.getWebpackManifestPluginStandardSetup)()],
+    module: {
+      rules: [(0, _babelLoader.getBabelLoaderAdvancedSetup)(), (0, _fontLoader.getFontLoaderStandardSetup)(), (0, _imageLoader.getImageLoaderStandardSetup)(), (0, _markdownLoader.getMarkdownLoaderStandardSetup)(), (0, _svgrLoader.getSVGRLoaderAdvancedSetup)()]
+    },
+    resolve: {
+      modules: [micrositeFolderPaths.src, micrositeFolderPaths.nodeModules],
+      extensions: _constant.extensions
+    }
+  };
+}

package/webpack/setup/developmentSetup.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getWebpackDevelopmentSetup = getWebpackDevelopmentSetup;
+
+var _cssLoader = require("../loader/cssLoader");
+
+var _postCSSLoader = require("../loader/postCSSLoader");
+
+var _sassLoader = require("../loader/sassLoader");
+
+var _dotenvWebpack = require("../plugin/dotenvWebpack");
+
+var _hotModuleReplacementPlugin = require("../plugin/hotModuleReplacementPlugin");
+
+var _devServer = require("../server/devServer");
+
+function getWebpackDevelopmentSetup(_ref) {
+  var environmentVariablesFilePath = _ref.environmentVariablesFilePath,
+      micrositeUrlPath = _ref.micrositeUrlPath,
+      micrositeFolderPaths = _ref.micrositeFolderPaths,
+      includedSourceFilePaths = _ref.includedSourceFilePaths;
+  return {
+    mode: 'development',
+    devtool: 'inline-source-map',
+    devServer: (0, _devServer.getDevServerStandardSetup)(),
+    output: {
+      path: micrositeFolderPaths.build,
+      publicPath: micrositeUrlPath,
+      filename: '[name].bundle.js'
+    },
+    optimization: {
+      concatenateModules: true
+    },
+    plugins: [(0, _dotenvWebpack.getDotenvWebpackStandardSetup)({
+      path: environmentVariablesFilePath
+    }), (0, _hotModuleReplacementPlugin.getHotModuleReplacementPluginStandardSetup)()],
+    module: {
+      rules: [{
+        test: /\.s[ac]ss$/i,
+        include: includedSourceFilePaths,
+        use: ['style-loader', (0, _cssLoader.getCSSLoaderStandardSetup)({
+          sourceMap: false,
+          modules: {
+            localIdentName: '[name]_[local]_[hash:base64:5]'
+          }
+        }), (0, _postCSSLoader.getPostCSSLoaderStandardSetup)(), (0, _sassLoader.getSassLoaderStandardSetup)({
+          includedSourceFilePaths: includedSourceFilePaths
+        })]
+      }]
+    }
+  };
+}

package/webpack/setup/productionSetup.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getWebpackProductionSetup = getWebpackProductionSetup;
+
+var _cssLoader = require("../loader/cssLoader");
+
+var _bannerPlugin = require("../plugin/bannerPlugin");
+
+var _cssMinimizerWebpackPlugin = require("../plugin/cssMinimizerWebpackPlugin");
+
+var _dotenvWebpack = require("../plugin/dotenvWebpack");
+
+var _miniCSSExtractPlugin = require("../plugin/miniCSSExtractPlugin");
+
+var _webpackBundleAnalyzer = require("../plugin/webpackBundleAnalyzer");
+
+function getWebpackProductionSetup(_ref) {
+  var environmentVariablesFilePath = _ref.environmentVariablesFilePath,
+      micrositeUrlPath = _ref.micrositeUrlPath,
+      micrositeFolderPaths = _ref.micrositeFolderPaths,
+      packageJSON = _ref.packageJSON;
+  return {
+    mode: 'production',
+    devtool: false,
+    output: {
+      path: micrositeFolderPaths.build,
+      publicPath: micrositeUrlPath,
+      filename: 'js/[name].[contenthash].bundle.js'
+    },
+    performance: {
+      hints: false,
+      maxEntrypointSize: 512000,
+      maxAssetSize: 512000
+    },
+    optimization: {
+      minimize: true,
+      minimizer: [(0, _cssMinimizerWebpackPlugin.getCSSMinimizerWebpackPluginStandardSetup)(), '...'],
+      runtimeChunk: {
+        name: 'runtime'
+      }
+    },
+    plugins: [(0, _bannerPlugin.getBannerPluginStandardSetup)(packageJSON), (0, _dotenvWebpack.getDotenvWebpackStandardSetup)({
+      path: environmentVariablesFilePath
+    }), (0, _miniCSSExtractPlugin.getMiniCSSExtractPluginAdvancedSetup)(), (0, _webpackBundleAnalyzer.getWebpackBundleAnalyzerStandardSetup)()],
+    module: {
+      rules: [{
+        test: /\.(sass|scss|css)$/,
+        use: [_miniCSSExtractPlugin.MiniCSSExtractPluginLoader, (0, _cssLoader.getCSSLoaderStandardSetup)({
+          sourceMap: false,
+          modules: {
+            localIdentName: '[name]_[local]_[hash:base64:5]'
+          }
+        }), 'postcss-loader', 'sass-loader']
+      }]
+    }
+  };
+}