@evershop/evershop 1.0.0-beta

package/src/lib/util/tests/unit/util.merge.test.js

@@ -0,0 +1,37 @@
+const { merge } = require('../../merge');
+
+describe('Test until merge', () => {
+  it('It should thrown an exception if `object` is not an object or null', () => {
+    const a = 1;
+    const b = { b: 1 };
+    expect(() => merge(a, b)).toThrow(Error);
+  });
+
+  it('It should thrown an exception if `object` is not an object or null', () => {
+    const a = { a: 1 };
+    const b = null;
+    expect(() => merge(a, b)).toThrow(Error);
+  });
+
+  it('It should return an object contains all property from 2 provided object', () => {
+    const a = { a: 1 };
+    const b = { b: 1, c: 1 };
+    expect(merge(a, b)).toEqual({ a: 1, b: 1, c: 1 });
+  });
+
+  it('It should not overwrite the value from the first object if it is existed and truthy', () => {
+    const a = { a: 1 };
+    const b = { a: 2, c: 1 };
+    let c = merge(a, b);
+    expect(c.a).toEqual(1);
+  });
+
+  it('It should overwrite the value from the first object if it is not truthy', () => {
+    const a = { a: '', c: null, d: [] };
+    const b = { a: 2, c: 1, d: 1 };
+    let c = merge(a, b);
+    expect(c.a).toEqual(2);
+    expect(c.c).toEqual(1);
+    expect(c.d).toEqual([]);
+  });
+});

package/src/lib/webpack/createBaseConfig.js

@@ -0,0 +1,132 @@
+const path = require('path');
+const { CONSTANTS } = require("../helpers");
+const isProductionMode = require("../util/isProductionMode");
+const TerserPlugin = require("terser-webpack-plugin");
+const { getEnabledExtensions } = require('../../../bin/extension');
+
+module.exports.createBaseConfig = function createBaseConfig(
+  isServer
+) {
+  const extenions = getEnabledExtensions()
+  const loaders = [
+    {
+      test: /\.m?js$/,
+      exclude: {
+        and: [/node_modules/],
+        not: [
+          /@evershop[\\/]evershop/,
+          // Include all enabled extension; 
+          ...extenions.map(ext => {
+            const regex = new RegExp(ext.resolve.replace(/\\/g, '[\\\\\\]').replace(/\//g, '[\\\\/]'));
+            return regex;
+          })
+        ]
+      },
+      use: [
+        {
+          loader: path.resolve(CONSTANTS.LIBPATH, 'webpack/loaders/LayoutLoader.js'),
+        },
+        {
+          loader: path.resolve(CONSTANTS.LIBPATH, 'webpack/loaders/GraphqlLoader.js'),
+        },
+        {
+          loader: 'babel-loader?cacheDirectory',
+          options: {
+            sourceType: 'unambiguous',
+            cacheDirectory: true,
+            presets: [
+              [
+                "@babel/preset-env",
+                {
+                  "targets": {
+                    "esmodules": true
+                  },
+                  "exclude": ["@babel/plugin-transform-regenerator", "@babel/plugin-transform-async-to-generator"]
+                }
+              ],
+              '@babel/preset-react'
+            ]
+          }
+        }
+      ]
+    }
+  ];
+
+  const output = isServer ? {
+    path: CONSTANTS.BUILDPATH,
+    publicPath: CONSTANTS.BUILDPATH,
+    filename: isServer === true ? '[name]/server/index.js' : '[name]/client/index.js',
+    pathinfo: false
+  } : {
+    path: CONSTANTS.BUILDPATH,
+    publicPath: isProductionMode() ? '/assets/' : '/',
+    pathinfo: false
+  };
+
+  if (!isProductionMode()) {
+    Object.assign(output, {
+      chunkFilename: (pathData) => {
+        return `${pathData.chunk.renderedHash}/client/${pathData.chunk.runtime}.js`;
+      }
+    });
+  } else {
+    Object.assign(output, {
+      chunkFilename: (pathData) => {
+        return `chunks/${pathData.chunk.renderedHash}.js`;
+      }
+    });
+  }
+
+  if (isServer) {
+    output.libraryTarget = 'commonjs2';
+    output.globalObject = 'this';
+  };
+
+  const config = {
+    mode: isProductionMode() ? 'production' : 'development',
+    module: {
+      rules: loaders
+    },
+    target: isServer === true ? 'node12.18' : 'web',
+    output: output,
+    plugins: [],
+    cache: { type: 'memory' }
+  };
+
+  config.optimization = {};
+  if (isProductionMode()) {
+    config.optimization = Object.assign(config.optimization, {
+      minimize: true,
+      minimizer: [
+        new TerserPlugin({
+          terserOptions: {
+            parse: {
+              // We want uglify-js to parse ecma 8 code. However, we don't want it
+              // to apply any minification steps that turns valid ecma 5 code
+              // into invalid ecma 5 code. This is why the 'compress' and 'output'
+              // sections only apply transformations that are ecma 5 safe
+              // https://github.com/facebook/create-react-app/pull/4234
+              ecma: 2020,
+            },
+            compress: {
+              ecma: 5,
+              warnings: false,
+            },
+            mangle: {
+              safari10: true,
+            },
+            output: {
+              ecma: 5,
+              comments: false,
+              // Turned on because emoji and regex is not minified properly using
+              // default. See https://github.com/facebook/create-react-app/issues/2488
+              ascii_only: true,
+            }
+          }
+        })
+      ]
+    });
+  }
+
+  return config;
+}

package/src/lib/webpack/dev/createConfigClient.js

@@ -0,0 +1,87 @@
+const webpack = require('webpack');
+const { createBaseConfig } = require('../createBaseConfig');
+const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
+const { getComponentsByRoute } = require('../../componee/getComponentsByRoute');
+const path = require('path');
+const { CONSTANTS } = require('../../helpers');
+const { GraphqlPlugin } = require('../plugins/GraphqlPlugin');
+
+module.exports.createConfigClient = function createConfigClient(route) {
+  const config = createBaseConfig(false);
+  config.name = route.id;
+
+  const loaders = config.module.rules;
+  loaders.unshift({
+    test: /components[\\/]react[\\/]client[\\/]Index\.js$/i,
+    //resourceQuery: new RegExp(`Asadasdas`, "i"),
+    use: [
+      {
+        loader: path.resolve(CONSTANTS.LIBPATH, 'webpack/loaders/AreaLoader.js'),
+        options: {
+          getComponents: () => getComponentsByRoute(route),
+          routeId: route.id,
+        }
+      }
+    ],
+  });
+
+  loaders.push({
+    test: /\.scss$/i,
+    use: [
+      {
+        loader: "style-loader",
+        options: {},
+      },
+      {
+        loader: "css-loader",
+        options: {
+          url: false,
+        }
+      },
+      {
+        loader: path.resolve(CONSTANTS.LIBPATH, 'webpack/loaders/TailwindLoader.js'),
+        options: {
+          getComponents: () => getComponentsByRoute(route),
+          route: route,
+        }
+      },
+      "sass-loader",
+    ],
+  });
+
+  loaders.push({
+    test: /\.graphql$/i,
+    use: [
+      {
+        loader: path.resolve(CONSTANTS.LIBPATH, 'webpack/loaders/TestAmitFile.js'),
+        options: {
+        }
+      }
+    ],
+  });
+
+  const plugins = config.plugins;
+  plugins.push(new GraphqlPlugin(route));
+  plugins.push(new webpack.ProgressPlugin());
+  plugins.push(new webpack.HotModuleReplacementPlugin());
+  plugins.push(new ReactRefreshWebpackPlugin({
+    overlay: false,
+  }));
+
+  config.entry = () => {
+    const entry = {};
+    entry[route.id] = [
+      ...getComponentsByRoute(route),
+      path.resolve(CONSTANTS.LIBPATH, `components/react/client/Index.js`),
+      'webpack-hot-middleware/client?path=' + `/eHot/${route.id}&reload=true&overlay=true`,
+    ];
+    return entry
+  };
+  config.watchOptions = {
+    aggregateTimeout: 300,
+    poll: 1000,
+    ignored: /node_modules/
+  };
+
+  return config;
+}

package/src/lib/webpack/getRouteBuildPath.js

@@ -0,0 +1,8 @@
+const path = require('path');
+const { CONSTANTS } = require('../helpers');
+const { getRouteBuildSubPath } = require('./getRouteBuildSubPath');
+
+module.exports.getRouteBuildPath = function getRouteBuildPath(route) {
+  const subPath = getRouteBuildSubPath(route);
+  return path.resolve(CONSTANTS.BUILDPATH, subPath);
+};

package/src/lib/webpack/getRouteBuildSubPath.js

@@ -0,0 +1,4 @@
+module.exports.getRouteBuildSubPath = function getRouteBuildSubPath(route) {
+  const { id, isAdmin } = route;
+  return isAdmin === true ? `admin/${id}` : `frontStore/${id}`;
+};

package/src/lib/webpack/isBuildRequired.js

@@ -0,0 +1,7 @@
+module.exports.isBuildRequired = function isBuildRequired(route) {
+  if (route.isApi || ['staticAsset', 'adminStaticAsset'].includes(route.id)) {
+    return false;
+  } else {
+    return true;
+  }
+}

package/src/lib/webpack/loaders/AreaLoader.js

@@ -0,0 +1,43 @@
+const fs = require('fs');
+const { inspect } = require('util');
+const { CONSTANTS } = require('../../helpers');
+const JSON5 = require('json5');
+
+/* eslint-disable no-multi-assign */
+/* eslint-disable global-require */
+module.exports = exports = function areaLoader(c) {
+  const components = (this.getOptions().getComponents)();
+  const routeId = this.getOptions().routeId;
+  let content;
+  let areas = {};
+  components.forEach((module) => {
+    this.addDependency(module);
+    if (!fs.existsSync(module)) {
+      return;
+    }
+    const source = fs.readFileSync(module, 'utf8');
+    // Regex matching 'export const layout = { ... }'
+    const layoutRegex = /export\s+const\s+layout\s*=\s*{\s*areaId\s*:\s*['"]([^'"]+)['"],\s*sortOrder\s*:\s*(\d+)\s*,*\s*}/;
+    const match = source.match(layoutRegex);
+    if (match) {
+      // Remove everything before '{' from the beginning of the match
+      const check = match[0].replace(/^[^{]*/, '').replace(/(['"])?([a-zA-Z0-9_]+)(['"])?:/g, '"$2": ');
+      try {
+        const layout = JSON5.parse(check);
+        const id = Buffer.from(module.replace(CONSTANTS.ROOTPATH, '')).toString('base64');
+        areas[layout.areaId] = areas[layout.areaId] || {};
+        areas[layout.areaId][id] = {
+          id: id,
+          sortOrder: layout.sortOrder,
+          component: `---require('${module}')---`,
+        };
+      } catch (e) {
+        console.log(`Error parsing layout from ${module}`);
+        console.log(e);
+      }
+    }
+  });
+
+  content = `Area.defaultProps.components = ${inspect(areas, { depth: 5 }).replace(/"---/g, '').replace(/---"/g, '')} `;
+  return c.replace('/**render*/', content).replace('/eHot', `/eHot/${routeId}`);
+};

package/src/lib/webpack/loaders/GraphqlLoader.js

@@ -0,0 +1,11 @@
+/* eslint-disable global-require */
+module.exports = exports = function GraphqlLoader(content) {
+  // Regex matching 'export var query = `query { ... }`'
+  const queryRegex = /export\s+var\s+query\s*=\s*`([^`]+)`/;
+
+  const fragmentRegex = /export\s+var\s+fragment\s*=\s*`([^`]+)`/;
+
+  const variablesRegex = /export\s+var\s+variables\s*=\s*`([^`]+)`/;
+
+  return content.replace(queryRegex, '').replace(fragmentRegex, '').replace(variablesRegex, '');
+};

package/src/lib/webpack/loaders/LayoutLoader.js

@@ -0,0 +1,8 @@
+/* eslint-disable no-multi-assign */
+/* eslint-disable global-require */
+module.exports = exports = function layoutLoader(content) {
+  // Regex matching 'export const layout = { ... }'
+  const layoutRegex = /export\s+var\s+layout\s*=\s*{\s*areaId\s*:\s*['"]([^'"]+)['"],\s*sortOrder\s*:\s*(\d+)\s*,*\s*}/;
+
+  return content.replace(layoutRegex, '');
+};

package/src/lib/webpack/loaders/TailwindLoader.js

@@ -0,0 +1,84 @@
+const fs = require('fs');
+const { join, normalize } = require('path');
+const { CONSTANTS } = require('../../helpers');
+const postcss = require('postcss');
+const tailwindcss = require('tailwindcss');
+const autoprefixer = require('autoprefixer');
+
+/* eslint-disable no-multi-assign */
+/* eslint-disable global-require */
+module.exports = exports = function TailwindLoader(c) {
+  if (this.mode === 'production') {
+    if (this.resourcePath.includes('tailwind.scss')) {
+      return `/*beginTailwind*/${c}/*endTailwind*/`;
+    } else {
+      return c;
+    }
+  }
+  const components = (this.getOptions().getComponents)();
+  const route = this.getOptions().route;
+  let list = [];
+  components.forEach((module) => {
+    this.addDependency(module);
+  });
+
+  // const modules = this._compilation._modules;
+  // modules.forEach((file) => {
+  //   // Check if the file is js file, and exclude all from node_modules except @evershop/evershop
+  //   if (file.resource &&
+  //     file.resource.includes('.js') &&
+  //     !file.resource.includes('node_modules') ||
+  //     file.resource.includes(normalize('@evershop/evershop'))) {
+  //     // Get the path of the file
+  //     let filePath = file.resource;
+  //     // Add file to the list of tailwind content
+  //     list.push(filePath);
+  //   }
+  // });
+
+  // list.forEach((module) => {
+  //   this.addDependency(module);
+  // });
+
+  // Use PostCss to parse tailwind.css with tailwind config
+
+  const defaultTailwindConfig = route.isAdmin ?
+    require('@evershop/evershop/src/modules/cms/services/tailwind.admin.config.js') :
+    require('@evershop/evershop/src/modules/cms/services/tailwind.frontStore.config.js');
+
+  let tailwindConfig = {};
+  if (route.isAdmin) {
+    if (fs.existsSync(join(CONSTANTS.ROOTPATH, 'tailwind.admin.config.js'))) {
+      tailwindConfig = require(join(CONSTANTS.ROOTPATH, 'tailwind.admin.config.js'));
+    }
+  } else {
+    if (fs.existsSync(join(CONSTANTS.ROOTPATH, 'tailwind.frontStore.config.js'))) {
+      tailwindConfig = require(join(CONSTANTS.ROOTPATH, 'tailwind.frontStore.config.js'));
+    }
+
+  }
+  // Merge defaultTailwindConfig with tailwindConfigJs
+  const mergedTailwindConfig = Object.assign(defaultTailwindConfig, tailwindConfig);
+  // get list of modules that are used in the webpack build
+
+  mergedTailwindConfig.content = [
+    // All file in extensions folder and name is capitalized
+    join(CONSTANTS.ROOTPATH, 'extensions', '**', '[A-Z]*.js'),
+    // All file in packages/evershop/src and name is capitalized
+    join(CONSTANTS.ROOTPATH, 'packages', 'evershop', 'src', '**', '[A-Z]*.js'),
+    // All file in node_modules/@evershop/evershop/src and name is capitalized
+    join(CONSTANTS.ROOTPATH, 'node_modules', '@evershop', 'evershop', 'src', '**', '[A-Z]*.js'),
+    // All file in themes folder and name is capitalized
+    join(CONSTANTS.ROOTPATH, 'themes', '**', '[A-Z]*.js'),
+  ];
+  // Postcss with tailwind plugin
+  try {
+    const tailwindCssResult = postcss([tailwindcss(mergedTailwindConfig), autoprefixer]).process(c);
+    // get the css from the result
+    const tailwindCss = tailwindCssResult.css;
+    return tailwindCss;
+  } catch (error) {
+    throw new Error(error);
+  }
+};
+

package/src/lib/webpack/loaders/styleLoader.js

@@ -0,0 +1,5 @@
+/* eslint-disable no-multi-assign */
+/* eslint-disable global-require */
+module.exports = exports = function styleLoader(content) {
+  return "";
+};

package/src/lib/webpack/plugins/FileListPlugin.js

@@ -0,0 +1,39 @@
+const fs = require('fs');
+
+module.exports = exports = {};
+
+exports.FileListPlugin = class FileListPlugin {
+  apply(compiler) {
+    // emit is asynchronous hook, tapping into it using tapAsync, you can use tapPromise/tap(synchronous) as well
+    compiler.hooks.emit.tapAsync('FileListPlugin', (compilation, callback) => {
+      const list = compilation._modules;
+      const modules = [];
+      list.forEach((element) => {
+        modules.push(element.resource);
+      });
+      // Create a header string for the generated file:
+      let filelist = 'CSS:\n\n';
+      // Loop through all compiled assets,
+      // adding a new line item for each filename.
+
+      modules.forEach((m) => {
+        if (m) {
+          const path = m.replace('.js', '.css');
+          if (fs.existsSync(path)) filelist += `${fs.readFileSync(path, 'utf-8')}\n`;
+        }
+      });
+
+      // Insert this list into the webpack build as a new file asset:
+      compilation.assets['filelist.md'] = {
+        source() {
+          return filelist;
+        },
+        size() {
+          return filelist.length;
+        }
+      };
+
+      callback();
+    });
+  }
+};

package/src/lib/webpack/plugins/GraphqlPlugin.js

@@ -0,0 +1,24 @@
+const { getComponentsByRoute } = require('../../componee/getComponentsByRoute');
+const { parseGraphql } = require('../util/parseGraphql');
+
+module.exports = exports = {};
+
+exports.GraphqlPlugin = class GraphqlPlugin {
+  constructor(route, outputFile = undefined) {
+    this.route = route;
+    this.outputFile = outputFile || 'query.graphql';
+    this.query = {};
+    this.fragments = {};
+    this.variables = [];
+  }
+
+  apply(compiler) {
+    const { webpack } = compiler;
+    const { RawSource } = webpack.sources;
+
+    compiler.hooks.thisCompilation.tap('GraphqlPlugin', (compilation) => {
+      const components = getComponentsByRoute(this.route); // TODO: Can we get list of module without calling getComponentsByRoute again?
+      compilation.emitAsset(this.outputFile, new RawSource(JSON.stringify(parseGraphql(components))));
+    })
+  }
+};

package/src/lib/webpack/plugins/Tailwindcss.js

@@ -0,0 +1,85 @@
+const fs = require('fs');
+const { join } = require('path');
+const postcss = require('postcss');
+const tailwindcss = require('tailwindcss');
+const autoprefixer = require('autoprefixer');
+const CleanCSS = require('clean-css');
+const { CONSTANTS } = require('../../helpers');
+const { Compilation, sources } = require('webpack');
+
+module.exports = exports = {};
+
+exports.Tailwindcss = class Tailwindcss {
+  constructor(chunks, route) {
+    this.chunks = chunks;
+    this.route = route;
+  }
+
+  apply(compiler) {
+    compiler.hooks.compilation.tap('Tailwindcss', compilation => {
+      compilation.hooks.processAssets.tap({
+        name: 'Tailwindcss',
+        stage: Compilation.PROCESS_ASSETS_STAGE_ADDITIONS, // see below for more stages
+      }, assets => {
+        try {
+          let cssAsset;
+          let jsAsset;
+          Object.entries(assets).forEach((asset) => {
+            const [pathname, source] = asset;
+            if (pathname.endsWith('.css') && pathname.includes(this.chunks + '/')) {
+              cssAsset = asset;
+            }
+            if (pathname.endsWith('.js') && pathname.includes(this.chunks + '/')) {
+              jsAsset = asset;
+            }
+          });
+          if (cssAsset && jsAsset) {
+            // Use PostCss to parse tailwind.css with tailwind config
+            const defaultTailwindConfig = this.route.isAdmin ?
+              require('@evershop/evershop/src/modules/cms/services/tailwind.admin.config.js') :
+              require('@evershop/evershop/src/modules/cms/services/tailwind.frontStore.config.js');
+
+            let tailwindConfig = {};
+            if (this.route.isAdmin) {
+              if (fs.existsSync(join(CONSTANTS.ROOTPATH, 'tailwind.admin.config.js'))) {
+                tailwindConfig = require(join(CONSTANTS.ROOTPATH, 'tailwind.admin.config.js'));
+              }
+            } else {
+              if (fs.existsSync(join(CONSTANTS.ROOTPATH, 'tailwind.frontStore.config.js'))) {
+                tailwindConfig = require(join(CONSTANTS.ROOTPATH, 'tailwind.frontStore.config.js'));
+              }
+            }
+            // Merge defaultTailwindConfig with tailwindConfigJs
+            const mergedTailwindConfig = Object.assign(defaultTailwindConfig, tailwindConfig);
+            // get list of modules that are used in the webpack build
+
+            mergedTailwindConfig.content = [{
+              raw: jsAsset[1].source(),
+            }];
+            const css = cssAsset[1].source();
+            let tailwind = css.match(/\/\*beginTailwind\*\/(.*)\/\*endTailwind\*\//s);
+            if (tailwind) {
+              tailwind = tailwind[1];
+            }
+            // Postcss await
+            const tailWindCss = new CleanCSS().minify(postcss([
+              tailwindcss(mergedTailwindConfig),
+              autoprefixer
+            ]).process(tailwind, {
+              from: undefined,
+            }).css);
+
+            compilation.updateAsset(cssAsset[0], source => {
+              // match any characters between /*beginTailwind*/ and /*endTailwind*/ including line breaks
+              return new sources.RawSource(
+                source.source().replace(/\/\*beginTailwind\*\/(.*?)\/\*endTailwind\*\//s, tailWindCss.styles)
+              );
+            });
+          }
+        } catch (e) {
+          console.log(e);
+        }
+      })
+    })
+  }
+};

package/src/lib/webpack/prod/createConfigClient.js

@@ -0,0 +1,85 @@
+const path = require('path');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const { createBaseConfig } = require('../createBaseConfig');
+const { getRouteBuildPath } = require('../getRouteBuildPath');
+const { getRouteBuildSubPath } = require('../getRouteBuildSubPath');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const { isBuildRequired } = require('../isBuildRequired');
+const WebpackBar = require('webpackbar');
+const { CONSTANTS } = require('../../helpers');
+const { Tailwindcss } = require('../plugins/Tailwindcss');
+
+module.exports.createConfigClient = function createConfigClient(routes) {
+  const config = createBaseConfig(false);
+  const plugins = config.plugins;
+  const entry = {};
+  routes.forEach((route) => {
+    if (!isBuildRequired(route)) {
+      return;
+    }
+    const subPath = getRouteBuildSubPath(route);
+    entry[subPath] = [
+      path.resolve(CONSTANTS.BUILDPATH, subPath, 'client', 'entry.js')
+    ];
+    plugins.push(new HtmlWebpackPlugin({
+      templateContent: ({ htmlWebpackPlugin }) => {
+        const isFiles = htmlWebpackPlugin.files.js;
+        const cssFiles = htmlWebpackPlugin.files.css;
+        return JSON.stringify({
+          js: isFiles,
+          css: cssFiles
+        });
+      },
+      filename: path.resolve(getRouteBuildPath(route), 'client', 'index.json'),
+      chunks: [subPath],
+      chunksSortMode: 'manual',
+      inject: false,
+      publicPath: '/assets/'
+    }));
+
+    plugins.push(new Tailwindcss(subPath, route));
+  });
+
+  const loaders = config.module.rules;
+  loaders.push({
+    test: /\.scss$/i,
+    use: [
+      MiniCssExtractPlugin.loader,
+      {
+        loader: "css-loader",
+        options: {
+          url: false,
+        }
+      },
+      {
+        loader: path.resolve(CONSTANTS.LIBPATH, 'webpack/loaders/TailwindLoader.js'),
+        options: {
+        }
+      },
+      "sass-loader"
+    ],
+  });
+
+  plugins.push(new WebpackBar({ name: 'Client' }),)
+  plugins.push(new MiniCssExtractPlugin({
+    filename: '[name]/client/[fullhash].css'
+  }));
+  // plugins.push(new HtmlWebpackPlugin({
+  //   filename: 'index.json',
+  //   templateContent: ({ htmlWebpackPlugin }) => {
+  //     const isFiles = htmlWebpackPlugin.files.js;
+  //     const cssFiles = htmlWebpackPlugin.files.css;
+  //     return JSON.stringify({
+  //       js: isFiles,
+  //       css: cssFiles
+  //     });
+  //   },
+  //   inject: false
+  // }));
+
+  config.entry = entry;
+  config.output.filename = '[name]/client/[fullhash].js';
+  config.name = 'Client';
+
+  return config;
+}