@commercetools-frontend/mc-scripts 21.7.0 → 21.8.0

package/dist/start-e924bd5d.esm.js

@@ -0,0 +1,194 @@
+import _asyncToGenerator from '@babel/runtime-corejs3/helpers/esm/asyncToGenerator';
+import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
+import _parseInt from '@babel/runtime-corejs3/core-js-stable/parse-int';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import fs from 'fs';
+import webpack from 'webpack';
+import WebpackDevServer from 'webpack-dev-server';
+import chalk from 'chalk';
+import clearConsole from 'react-dev-utils/clearConsole';
+import checkRequiredFiles from 'react-dev-utils/checkRequiredFiles';
+import { prepareUrls, createCompiler, choosePort } from 'react-dev-utils/WebpackDevServerUtils';
+import openBrowser from 'react-dev-utils/openBrowser';
+import { p as paths } from './paths-ed23d5a1.esm.js';
+import { processConfig } from '@commercetools-frontend/application-config';
+import { processHeaders } from '@commercetools-frontend/mc-html-template';
+import { createMcDevAuthenticationMiddleware } from '@commercetools-frontend/mc-dev-authentication';
+import { c as createWebpackConfigForDevelopment } from './create-webpack-config-for-development-8a8b84d6.esm.js';
+import '@babel/runtime-corejs3/core-js-stable/instance/find';
+import '@babel/runtime-corejs3/core-js-stable/instance/concat';
+import 'path';
+import '@babel/runtime-corejs3/core-js-stable/object/keys';
+import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import '@babel/runtime-corejs3/helpers/defineProperty';
+import '@babel/runtime-corejs3/core-js-stable/instance/map';
+import '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import '@babel/runtime-corejs3/core-js-stable/json/stringify';
+import '@babel/runtime-corejs3/core-js-stable/instance/ends-with';
+import 'webpackbar';
+import 'html-webpack-plugin';
+import 'moment-locales-webpack-plugin';
+import '@pmmmwh/react-refresh-webpack-plugin';
+import '@babel/runtime-corejs3/helpers/classCallCheck';
+import '@babel/runtime-corejs3/helpers/createClass';
+import '@babel/runtime-corejs3/core-js-stable/object/assign';
+import './vendors-to-transpile-68e03526.esm.js';
+import './create-postcss-config-c1aa3525.esm.js';
+import '@babel/runtime-corejs3/helpers/toConsumableArray';
+import '@babel/runtime-corejs3/helpers/slicedToArray';
+import './package-a98de907.esm.js';
+import './has-jsx-runtime-8314226e.esm.js';
+
+var host = process.env.HOST || '0.0.0.0'; // We support configuring the sockjs pathname during development.
+// These settings let a developer run multiple simultaneous projects.
+// They are used as the connection `hostname`, `pathname` and `port`
+// in webpackHotDevClient. They are used as the `sockHost`, `sockPath`
+// and `sockPort` options in webpack-dev-server.
+
+var sockHost = process.env.WDS_SOCKET_HOST;
+var sockPath = process.env.WDS_SOCKET_PATH; // default: '/ws'
+
+var sockPort = process.env.WDS_SOCKET_PORT;
+
+var createWebpackDevServerConfig = function createWebpackDevServerConfig(_ref) {
+  var port = _ref.port,
+      publicPath = _ref.publicPath;
+  var applicationConfig = processConfig();
+  var compiledHeaders = processHeaders(applicationConfig);
+  return {
+    client: {
+      overlay: false,
+      webSocketURL: {
+        hostname: sockHost,
+        pathname: sockPath,
+        port: sockPort
+      }
+    },
+    // Enable gzip compression of generated files.
+    compress: true,
+    devMiddleware: {
+      // It is important to tell WebpackDevServer to use the same "publicPath" path as
+      // we specified in the webpack config. When homepage is '.', default to serving
+      // from the root.
+      publicPath: publicPath
+    },
+    headers: compiledHeaders,
+    historyApiFallback: {
+      // Paths with dots should still use the history fallback.
+      // See https://github.com/facebookincubator/create-react-app/issues/387.
+      disableDotRule: true,
+      index: publicPath
+    },
+    host: host,
+    hot: true,
+    https: false,
+    port: port,
+    setupMiddlewares: function setupMiddlewares(middlewares, devServer) {
+      var _devServer$app;
+
+      if (!devServer) {
+        throw new Error('webpack-dev-server is not defined');
+      }
+
+      (_devServer$app = devServer.app) === null || _devServer$app === void 0 ? void 0 : _devServer$app.use(createMcDevAuthenticationMiddleware(applicationConfig));
+      return middlewares;
+    }
+  };
+};
+
+function run() {
+  return _run.apply(this, arguments);
+}
+
+function _run() {
+  _run = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var _config$output, _context;
+
+    var useYarn, isInteractive, hasWebpackConfig, DEFAULT_PORT, HOST, port, protocol, appName, urls, config, compiler, serverConfig, devServer;
+    return _regeneratorRuntime.wrap(function _callee$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            useYarn = fs.existsSync(paths.yarnLockFile);
+            isInteractive = process.stdout.isTTY; // Whether or not `react-refresh` is enabled, `react-refresh` is not 100% stable at this time,
+            // which is why it's disabled by default.
+
+            hasWebpackConfig = fs.existsSync(paths.appWebpackConfig); // Warn and crash if required files are missing
+
+            if (!checkRequiredFiles([])) {
+              process.exit(1);
+            } // Tools like Cloud9 rely on this.
+
+
+            DEFAULT_PORT = _parseInt(String(process.env.HTTP_PORT), 10) || 3001;
+            HOST = process.env.HOST || '0.0.0.0'; // We attempt to use the default port but if it is busy, we offer the user to
+            // run on a different port. `detect()` Promise resolves to the next free port.
+
+            _context2.next = 8;
+            return choosePort(HOST, DEFAULT_PORT);
+
+          case 8:
+            port = _context2.sent;
+
+            if (!(port == null)) {
+              _context2.next = 12;
+              break;
+            }
+
+            console.warn('Could not find a free port. Aborting.'); // We have not found a port.
+
+            return _context2.abrupt("return");
+
+          case 12:
+            protocol = process.env.HTTPS === 'true' ? 'https' : 'http';
+            appName = require(paths.appPackageJson).name;
+            urls = prepareUrls(protocol, HOST, port); // Get webpack config
+
+            config = hasWebpackConfig ? require(paths.appWebpackConfig) : createWebpackConfigForDevelopment(); // Create a webpack compiler that is configured with custom messages.
+
+            compiler = createCompiler({
+              appName: appName,
+              config: config,
+              useYarn: useYarn,
+              webpack: webpack,
+              urls: urls
+            }); // Serve webpack assets generated by the compiler over a web sever.
+
+            serverConfig = createWebpackDevServerConfig({
+              port: port,
+              publicPath: (_config$output = config.output) === null || _config$output === void 0 ? void 0 : _config$output.publicPath
+            });
+            devServer = new WebpackDevServer(serverConfig, compiler);
+            _context2.next = 21;
+            return devServer.start();
+
+          case 21:
+            if (isInteractive) {
+              clearConsole();
+            }
+
+            console.log(chalk.cyan('Starting the development server...\n'));
+            openBrowser(urls.localUrlForBrowser);
+
+            _forEachInstanceProperty(_context = ['SIGINT', 'SIGTERM']).call(_context, function (sig) {
+              process.on(sig, function () {
+                devServer.close();
+                process.exit();
+              });
+            });
+
+          case 25:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _run.apply(this, arguments);
+}
+
+export { run as default };

package/dist/start-vite-737bacca.cjs.dev.js

@@ -0,0 +1,149 @@
+'use strict';
+
+var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
+var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
+var _Object$assign = require('@babel/runtime-corejs3/core-js-stable/object/assign');
+var _parseInt = require('@babel/runtime-corejs3/core-js-stable/parse-int');
+var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+var fs = require('fs-extra');
+var path = require('path');
+var vite = require('vite');
+var pluginGraphql = require('@rollup/plugin-graphql');
+var pluginReact = require('@vitejs/plugin-react');
+var applicationConfig = require('@commercetools-frontend/application-config');
+var mcHtmlTemplate = require('@commercetools-frontend/mc-html-template');
+var mcDevAuthentication = require('@commercetools-frontend/mc-dev-authentication');
+var assets = require('@commercetools-frontend/assets');
+var paths = require('./paths-16823f56.cjs.dev.js');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+require('fs');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _regeneratorRuntime__default = /*#__PURE__*/_interopDefault(_regeneratorRuntime);
+var _Object$assign__default = /*#__PURE__*/_interopDefault(_Object$assign);
+var _parseInt__default = /*#__PURE__*/_interopDefault(_parseInt);
+var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
+var fs__default = /*#__PURE__*/_interopDefault(fs);
+var path__default = /*#__PURE__*/_interopDefault(path);
+var pluginGraphql__default = /*#__PURE__*/_interopDefault(pluginGraphql);
+var pluginReact__default = /*#__PURE__*/_interopDefault(pluginReact);
+
+var pluginCustomApplication = function pluginCustomApplication(applicationConfig) {
+  return {
+    name: 'custom-application',
+    configureServer: function configureServer(server) {
+      return function () {
+        // Users do not need to have/maintain the `index.html` (as expected by Vite)
+        // as it's generated and maintained by the Custom Application CLI.
+        // Therefore, the generated `index.html` (template) is written into the `/public`
+        // folder so that it's gitignored.
+        // As a result, we need to make sure to point the URI path to the correct location.
+        server.middlewares.use(function (req, _res, next) {
+          if (req.url === '/index.html') {
+            req.url = '/public/index.html';
+          }
+
+          next();
+        }); // Handle auth routes for internal local development.
+
+        server.middlewares.use(mcDevAuthentication.createMcDevAuthenticationMiddleware(applicationConfig));
+      };
+    },
+
+    /**
+     * @type {import('vite').IndexHtmlTransformHook}
+     */
+    transformIndexHtml: function transformIndexHtml(rawHtml, _ctx) {
+      var compiledHeaders = mcHtmlTemplate.processHeaders(applicationConfig);
+
+      var enhancedLocalEnv = _Object$assign__default["default"]({}, applicationConfig.env, // Now that the app config is defined as a `env.json`, when we start the FE app
+      // to point to the local backend API by passing the `MC_API_URL` env does not
+      // work anymore). To make it work again, we can override the `env.json` config
+      // with the env variable before injecting the values into the index.html.
+      // NOTE: this is only necessary for development.
+      process.env.MC_API_URL ? {
+        mcApiUrl: process.env.MC_API_URL
+      } : {}); // Resolve the placeholders of the `index.html` (template) file, before serving it.
+
+
+      var html = mcHtmlTemplate.replaceHtmlPlaceholders(rawHtml, {
+        env: enhancedLocalEnv,
+        headers: compiledHeaders
+      });
+      return html;
+    }
+  };
+};
+
+function run() {
+  return _run.apply(this, arguments);
+}
+
+function _run() {
+  _run = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
+    var DEFAULT_PORT, applicationConfig$1, appEntryPoint, html, server;
+    return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            DEFAULT_PORT = _parseInt__default["default"](String(process.env.HTTP_PORT), 10) || 3001; // Load the Custom Application config file first.
+
+            applicationConfig$1 = applicationConfig.processConfig(); // Ensure the `/public` folder exists.
+
+            fs__default["default"].mkdirSync(paths.paths.appBuild, {
+              recursive: true
+            }); // Generate `index.html` (template).
+
+            appEntryPoint = path__default["default"].relative(paths.paths.appRoot, paths.paths.entryPoint);
+            html = mcHtmlTemplate.generateTemplate({
+              // Define the module entry point (path relative to the `/public` folder).
+              // NOTE: that this is different from the production configuration.
+              scriptImports: ["<script type=\"module\" src=\"/../".concat(appEntryPoint, "\"></script>")]
+            }); // Write `index.html` (template) into the `/public` folder.
+
+            fs__default["default"].writeFileSync(paths.paths.appIndexHtml, html, {
+              encoding: 'utf8'
+            });
+            _context.next = 8;
+            return vite.createServer({
+              root: paths.paths.appRoot,
+              define: {
+                'process.env.DEBUG': _JSON$stringify__default["default"](false),
+                'process.env.NODE_ENV': _JSON$stringify__default["default"]('development')
+              },
+              server: {
+                port: DEFAULT_PORT
+              },
+              plugins: [pluginGraphql__default["default"](), pluginReact__default["default"]({
+                jsxImportSource: '@emotion/react',
+                babel: {
+                  plugins: ['@emotion/babel-plugin']
+                }
+              }), pluginCustomApplication(applicationConfig$1)]
+            });
+
+          case 8:
+            server = _context.sent;
+            _context.next = 11;
+            return server.listen();
+
+          case 11:
+            // Copy public assets to `/public` folder (even in development).
+            fs__default["default"].copySync(path__default["default"].join(assets.packageLocation, 'html-page'), paths.paths.appBuild, {
+              dereference: true
+            });
+            server.printUrls();
+
+          case 13:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _run.apply(this, arguments);
+}
+
+exports["default"] = run;

package/dist/start-vite-b0f58ae4.cjs.prod.js

@@ -0,0 +1,149 @@
+'use strict';
+
+var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
+var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
+var _Object$assign = require('@babel/runtime-corejs3/core-js-stable/object/assign');
+var _parseInt = require('@babel/runtime-corejs3/core-js-stable/parse-int');
+var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+var fs = require('fs-extra');
+var path = require('path');
+var vite = require('vite');
+var pluginGraphql = require('@rollup/plugin-graphql');
+var pluginReact = require('@vitejs/plugin-react');
+var applicationConfig = require('@commercetools-frontend/application-config');
+var mcHtmlTemplate = require('@commercetools-frontend/mc-html-template');
+var mcDevAuthentication = require('@commercetools-frontend/mc-dev-authentication');
+var assets = require('@commercetools-frontend/assets');
+var paths = require('./paths-76b66e74.cjs.prod.js');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+require('fs');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _regeneratorRuntime__default = /*#__PURE__*/_interopDefault(_regeneratorRuntime);
+var _Object$assign__default = /*#__PURE__*/_interopDefault(_Object$assign);
+var _parseInt__default = /*#__PURE__*/_interopDefault(_parseInt);
+var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
+var fs__default = /*#__PURE__*/_interopDefault(fs);
+var path__default = /*#__PURE__*/_interopDefault(path);
+var pluginGraphql__default = /*#__PURE__*/_interopDefault(pluginGraphql);
+var pluginReact__default = /*#__PURE__*/_interopDefault(pluginReact);
+
+var pluginCustomApplication = function pluginCustomApplication(applicationConfig) {
+  return {
+    name: 'custom-application',
+    configureServer: function configureServer(server) {
+      return function () {
+        // Users do not need to have/maintain the `index.html` (as expected by Vite)
+        // as it's generated and maintained by the Custom Application CLI.
+        // Therefore, the generated `index.html` (template) is written into the `/public`
+        // folder so that it's gitignored.
+        // As a result, we need to make sure to point the URI path to the correct location.
+        server.middlewares.use(function (req, _res, next) {
+          if (req.url === '/index.html') {
+            req.url = '/public/index.html';
+          }
+
+          next();
+        }); // Handle auth routes for internal local development.
+
+        server.middlewares.use(mcDevAuthentication.createMcDevAuthenticationMiddleware(applicationConfig));
+      };
+    },
+
+    /**
+     * @type {import('vite').IndexHtmlTransformHook}
+     */
+    transformIndexHtml: function transformIndexHtml(rawHtml, _ctx) {
+      var compiledHeaders = mcHtmlTemplate.processHeaders(applicationConfig);
+
+      var enhancedLocalEnv = _Object$assign__default["default"]({}, applicationConfig.env, // Now that the app config is defined as a `env.json`, when we start the FE app
+      // to point to the local backend API by passing the `MC_API_URL` env does not
+      // work anymore). To make it work again, we can override the `env.json` config
+      // with the env variable before injecting the values into the index.html.
+      // NOTE: this is only necessary for development.
+      process.env.MC_API_URL ? {
+        mcApiUrl: process.env.MC_API_URL
+      } : {}); // Resolve the placeholders of the `index.html` (template) file, before serving it.
+
+
+      var html = mcHtmlTemplate.replaceHtmlPlaceholders(rawHtml, {
+        env: enhancedLocalEnv,
+        headers: compiledHeaders
+      });
+      return html;
+    }
+  };
+};
+
+function run() {
+  return _run.apply(this, arguments);
+}
+
+function _run() {
+  _run = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
+    var DEFAULT_PORT, applicationConfig$1, appEntryPoint, html, server;
+    return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            DEFAULT_PORT = _parseInt__default["default"](String(process.env.HTTP_PORT), 10) || 3001; // Load the Custom Application config file first.
+
+            applicationConfig$1 = applicationConfig.processConfig(); // Ensure the `/public` folder exists.
+
+            fs__default["default"].mkdirSync(paths.paths.appBuild, {
+              recursive: true
+            }); // Generate `index.html` (template).
+
+            appEntryPoint = path__default["default"].relative(paths.paths.appRoot, paths.paths.entryPoint);
+            html = mcHtmlTemplate.generateTemplate({
+              // Define the module entry point (path relative to the `/public` folder).
+              // NOTE: that this is different from the production configuration.
+              scriptImports: ["<script type=\"module\" src=\"/../".concat(appEntryPoint, "\"></script>")]
+            }); // Write `index.html` (template) into the `/public` folder.
+
+            fs__default["default"].writeFileSync(paths.paths.appIndexHtml, html, {
+              encoding: 'utf8'
+            });
+            _context.next = 8;
+            return vite.createServer({
+              root: paths.paths.appRoot,
+              define: {
+                'process.env.DEBUG': _JSON$stringify__default["default"](false),
+                'process.env.NODE_ENV': _JSON$stringify__default["default"]('development')
+              },
+              server: {
+                port: DEFAULT_PORT
+              },
+              plugins: [pluginGraphql__default["default"](), pluginReact__default["default"]({
+                jsxImportSource: '@emotion/react',
+                babel: {
+                  plugins: ['@emotion/babel-plugin']
+                }
+              }), pluginCustomApplication(applicationConfig$1)]
+            });
+
+          case 8:
+            server = _context.sent;
+            _context.next = 11;
+            return server.listen();
+
+          case 11:
+            // Copy public assets to `/public` folder (even in development).
+            fs__default["default"].copySync(path__default["default"].join(assets.packageLocation, 'html-page'), paths.paths.appBuild, {
+              dereference: true
+            });
+            server.printUrls();
+
+          case 13:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _run.apply(this, arguments);
+}
+
+exports["default"] = run;

package/dist/start-vite-ec5d40b5.esm.js

@@ -0,0 +1,136 @@
+import _asyncToGenerator from '@babel/runtime-corejs3/helpers/esm/asyncToGenerator';
+import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
+import _Object$assign from '@babel/runtime-corejs3/core-js-stable/object/assign';
+import _parseInt from '@babel/runtime-corejs3/core-js-stable/parse-int';
+import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
+import fs from 'fs-extra';
+import path from 'path';
+import { createServer } from 'vite';
+import pluginGraphql from '@rollup/plugin-graphql';
+import pluginReact from '@vitejs/plugin-react';
+import { processConfig } from '@commercetools-frontend/application-config';
+import { generateTemplate, processHeaders, replaceHtmlPlaceholders } from '@commercetools-frontend/mc-html-template';
+import { createMcDevAuthenticationMiddleware } from '@commercetools-frontend/mc-dev-authentication';
+import { packageLocation } from '@commercetools-frontend/assets';
+import { p as paths } from './paths-ed23d5a1.esm.js';
+import '@babel/runtime-corejs3/core-js-stable/instance/find';
+import '@babel/runtime-corejs3/core-js-stable/instance/concat';
+import 'fs';
+
+var pluginCustomApplication = function pluginCustomApplication(applicationConfig) {
+  return {
+    name: 'custom-application',
+    configureServer: function configureServer(server) {
+      return function () {
+        // Users do not need to have/maintain the `index.html` (as expected by Vite)
+        // as it's generated and maintained by the Custom Application CLI.
+        // Therefore, the generated `index.html` (template) is written into the `/public`
+        // folder so that it's gitignored.
+        // As a result, we need to make sure to point the URI path to the correct location.
+        server.middlewares.use(function (req, _res, next) {
+          if (req.url === '/index.html') {
+            req.url = '/public/index.html';
+          }
+
+          next();
+        }); // Handle auth routes for internal local development.
+
+        server.middlewares.use(createMcDevAuthenticationMiddleware(applicationConfig));
+      };
+    },
+
+    /**
+     * @type {import('vite').IndexHtmlTransformHook}
+     */
+    transformIndexHtml: function transformIndexHtml(rawHtml, _ctx) {
+      var compiledHeaders = processHeaders(applicationConfig);
+
+      var enhancedLocalEnv = _Object$assign({}, applicationConfig.env, // Now that the app config is defined as a `env.json`, when we start the FE app
+      // to point to the local backend API by passing the `MC_API_URL` env does not
+      // work anymore). To make it work again, we can override the `env.json` config
+      // with the env variable before injecting the values into the index.html.
+      // NOTE: this is only necessary for development.
+      process.env.MC_API_URL ? {
+        mcApiUrl: process.env.MC_API_URL
+      } : {}); // Resolve the placeholders of the `index.html` (template) file, before serving it.
+
+
+      var html = replaceHtmlPlaceholders(rawHtml, {
+        env: enhancedLocalEnv,
+        headers: compiledHeaders
+      });
+      return html;
+    }
+  };
+};
+
+function run() {
+  return _run.apply(this, arguments);
+}
+
+function _run() {
+  _run = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var DEFAULT_PORT, applicationConfig, appEntryPoint, html, server;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            DEFAULT_PORT = _parseInt(String(process.env.HTTP_PORT), 10) || 3001; // Load the Custom Application config file first.
+
+            applicationConfig = processConfig(); // Ensure the `/public` folder exists.
+
+            fs.mkdirSync(paths.appBuild, {
+              recursive: true
+            }); // Generate `index.html` (template).
+
+            appEntryPoint = path.relative(paths.appRoot, paths.entryPoint);
+            html = generateTemplate({
+              // Define the module entry point (path relative to the `/public` folder).
+              // NOTE: that this is different from the production configuration.
+              scriptImports: ["<script type=\"module\" src=\"/../".concat(appEntryPoint, "\"></script>")]
+            }); // Write `index.html` (template) into the `/public` folder.
+
+            fs.writeFileSync(paths.appIndexHtml, html, {
+              encoding: 'utf8'
+            });
+            _context.next = 8;
+            return createServer({
+              root: paths.appRoot,
+              define: {
+                'process.env.DEBUG': _JSON$stringify(false),
+                'process.env.NODE_ENV': _JSON$stringify('development')
+              },
+              server: {
+                port: DEFAULT_PORT
+              },
+              plugins: [pluginGraphql(), pluginReact({
+                jsxImportSource: '@emotion/react',
+                babel: {
+                  plugins: ['@emotion/babel-plugin']
+                }
+              }), pluginCustomApplication(applicationConfig)]
+            });
+
+          case 8:
+            server = _context.sent;
+            _context.next = 11;
+            return server.listen();
+
+          case 11:
+            // Copy public assets to `/public` folder (even in development).
+            fs.copySync(path.join(packageLocation, 'html-page'), paths.appBuild, {
+              dereference: true
+            });
+            server.printUrls();
+
+          case 13:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _run.apply(this, arguments);
+}
+
+export { run as default };