@modern-js/runtime 2.0.0-canary.0 → 2.0.0

package/dist/js/modern/ssr/prefetch.js

@@ -1,50 +1,69 @@
-import { renderToStaticMarkup } from 'react-dom/server';
-import { run } from '@modern-js/utils/ssr';
-import { ChunkExtractor } from '@loadable/server';
-import { jsx as _jsx } from "react/jsx-runtime";
-// todo: SSRContext
-const prefetch = async (App, context) => run(context.ssrContext.request.headers, async () => {
-  var _context$store;
-  const {
-    ssrContext
-  } = context;
-  const {
-    loadableStats
-  } = ssrContext;
-  if (loadableStats) {
-    const extractor = new ChunkExtractor({
-      stats: loadableStats,
-      entrypoints: [ssrContext.entryName].filter(Boolean)
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { jsx } from "react/jsx-runtime";
+import { renderToStaticMarkup } from "react-dom/server";
+import { run } from "@modern-js/utils/ssr";
+import { ChunkExtractor } from "@loadable/server";
+const prefetch = (App, context) => __async(void 0, null, function* () {
+  return run(context.ssrContext.request.headers, () => __async(void 0, null, function* () {
+    var _a;
+    const { ssrContext } = context;
+    const { loadableStats } = ssrContext;
+    if (loadableStats) {
+      const extractor = new ChunkExtractor({
+        stats: loadableStats,
+        entrypoints: [ssrContext.entryName].filter(Boolean)
+      });
+      renderToStaticMarkup(extractor.collectChunks(/* @__PURE__ */ jsx(App, {
+        context
+      })));
+    } else {
+      renderToStaticMarkup(/* @__PURE__ */ jsx(App, {
+        context
+      }));
+    }
+    if (!context.loaderManager.hasPendingLoaders()) {
+      return {
+        initialData: context.initialData,
+        i18nData: context.__i18nData__
+      };
+    }
+    const loadersData = yield context.loaderManager.awaitPendingLoaders();
+    Object.keys(loadersData).forEach((id) => {
+      const data = loadersData[id];
+      if (data._error) {
+        ssrContext.logger.error("App Prefetch Loader", data._error);
+        ssrContext.metrics.emitCounter("app.prefetch.loader.error", 1);
+        delete data._error;
+      }
     });
-    renderToStaticMarkup(extractor.collectChunks( /*#__PURE__*/_jsx(App, {
-      context: context
-    })));
-  } else {
-    renderToStaticMarkup( /*#__PURE__*/_jsx(App, {
-      context: context
-    }));
-  }
-  if (!context.loaderManager.hasPendingLoaders()) {
     return {
+      loadersData,
       initialData: context.initialData,
-      i18nData: context.__i18nData__
+      i18nData: context.__i18nData__,
+      storeState: (_a = context == null ? void 0 : context.store) == null ? void 0 : _a.getState()
     };
-  }
-  const loadersData = await context.loaderManager.awaitPendingLoaders();
-  Object.keys(loadersData).forEach(id => {
-    const data = loadersData[id];
-    if (data._error) {
-      ssrContext.logger.error('App Prefetch Loader', data._error);
-      ssrContext.metrics.emitCounter('app.prefetch.loader.error', 1);
-      delete data._error;
-    }
-  });
-  return {
-    loadersData,
-    initialData: context.initialData,
-    i18nData: context.__i18nData__,
-    // todo: move to plugin state
-    storeState: context === null || context === void 0 ? void 0 : (_context$store = context.store) === null || _context$store === void 0 ? void 0 : _context$store.getState()
-  };
+  }));
 });
-export default prefetch;
+var prefetch_default = prefetch;
+export {
+  prefetch_default as default
+};

package/dist/js/modern/ssr/react/index.js

@@ -1,2 +1,6 @@
-export { PreRender } from "./prerender";
-export { NoSSR } from "./nossr";
+import { PreRender } from "./prerender";
+import { NoSSR } from "./nossr";
+export {
+  NoSSR,
+  PreRender
+};

package/dist/js/modern/ssr/react/nossr/index.js

@@ -1,13 +1,14 @@
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useState } from "react";
 let csr = false;
-export const NoSSR = props => {
+const NoSSR = (props) => {
   const [isMounted, setMounted] = useState(csr);
   useEffect(() => {
     csr = true;
     setMounted(true);
   });
-  const {
-    children
-  } = props;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, isMounted ? children : null);
-};
+  const { children } = props;
+  return React.createElement(React.Fragment, null, isMounted ? children : null);
+};
+export {
+  NoSSR
+};

package/dist/js/modern/ssr/react/prerender/index.js

@@ -1,22 +1,42 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-import withSideEffect from 'react-side-effect';
-import React, { createElement } from 'react';
-import { getOutermostProperty, aggKeysFromPropsList, exist, aggMatchesFromPropsList } from "./util";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import withSideEffect from "react-side-effect";
+import React, { createElement } from "react";
+import {
+  getOutermostProperty,
+  aggKeysFromPropsList,
+  exist,
+  aggMatchesFromPropsList
+} from "./util";
 const PROP_NAMES = {
-  INTERVAL: 'interval',
-  STALE_LIMIT: 'staleLimit',
-  LEVEL: 'level',
-  INCLUDES: 'includes',
-  EXCLUDES: 'excludes',
-  FALLBACK: 'fallback',
-  MATCHES: 'matches'
+  INTERVAL: "interval",
+  STALE_LIMIT: "staleLimit",
+  LEVEL: "level",
+  INCLUDES: "includes",
+  EXCLUDES: "excludes",
+  FALLBACK: "fallback",
+  MATCHES: "matches"
 };
 const handleClientStateChange = () => {
-  // not used
 };
-const mapStateOnServer = reduceProps => {
+const mapStateOnServer = (reduceProps) => {
   const defaultProps = {
     interval: 10,
     staleLimit: false,
@@ -31,14 +51,12 @@ const mapStateOnServer = reduceProps => {
     const reduceProp = reduceProps[propKey];
     let nextProps = props;
     if (exist(reduceProp)) {
-      nextProps = _objectSpread(_objectSpread({}, props), {}, {
-        [propKey]: reduceProp
-      });
+      nextProps = __spreadProps(__spreadValues({}, props), { [propKey]: reduceProp });
     }
     return nextProps;
   }, defaultProps);
 };
-const reducePropsToState = propsList => {
+const reducePropsToState = (propsList) => {
   const reduceProps = {
     interval: getOutermostProperty(propsList, PROP_NAMES.INTERVAL),
     staleLimit: getOutermostProperty(propsList, PROP_NAMES.STALE_LIMIT),
@@ -62,22 +80,29 @@ function factory(Component) {
       return true;
     }
     render() {
-      const newProps = _objectSpread({}, this.props);
+      const newProps = __spreadValues({}, this.props);
       const validate = this.verify();
       if (!validate) {
-        throw new Error('invalid props, check usage');
+        throw new Error("invalid props, check usage");
       }
-      return /*#__PURE__*/createElement(Component, _objectSpread({}, newProps));
+      return createElement(Component, __spreadValues({}, newProps));
     }
   }
-  _defineProperty(Spr, "peek", Component.peek);
-  _defineProperty(Spr, "rewind", Component.rewind);
-  _defineProperty(Spr, "config", () => {
+  Spr.peek = Component.peek;
+  Spr.rewind = Component.rewind;
+  Spr.config = () => {
     const mappedState = Component.rewind();
     return mappedState;
-  });
+  };
   return Spr;
 }
 const NullComponent = () => null;
-const SprSideEffects = withSideEffect(reducePropsToState, handleClientStateChange, mapStateOnServer)(NullComponent);
-export const PreRender = factory(SprSideEffects);
+const SprSideEffects = withSideEffect(
+  reducePropsToState,
+  handleClientStateChange,
+  mapStateOnServer
+)(NullComponent);
+const PreRender = factory(SprSideEffects);
+export {
+  PreRender
+};

package/dist/js/modern/ssr/react/prerender/util.js

@@ -1,5 +1,5 @@
-const REQUEST_META = ['header', 'query'];
-export const getInnermostProperty = function getInnermostProperty(propsList, propName) {
+const REQUEST_META = ["header", "query"];
+const getInnermostProperty = function getInnermostProperty2(propsList, propName) {
   for (let i = propsList.length - 1; i >= 0; i--) {
     const props = propsList[i];
     if (props.hasOwnProperty(propName)) {
@@ -8,7 +8,7 @@ export const getInnermostProperty = function getInnermostProperty(propsList, pro
   }
   return null;
 };
-export const getOutermostProperty = function getOutermostProperty(propsList, propName) {
+const getOutermostProperty = function getOutermostProperty2(propsList, propName) {
   for (const props of propsList) {
     if (props.hasOwnProperty(propName)) {
       return props[propName];
@@ -16,41 +16,46 @@ export const getOutermostProperty = function getOutermostProperty(propsList, pro
   }
   return null;
 };
-export const aggKeysFromPropsList = function aggKeysFromPropsList(propsList, propName) {
-  const initResult = REQUEST_META.reduce((result, next) => {
-    const key = next;
-    result[key] = [];
-    return result;
-  }, {});
-  const res = propsList.filter(props => usefulObject(props[propName])).reduce((result, next) => {
-    REQUEST_META.forEach(key => {
+const aggKeysFromPropsList = function aggKeysFromPropsList2(propsList, propName) {
+  const initResult = REQUEST_META.reduce(
+    (result, next) => {
+      const key = next;
+      result[key] = [];
+      return result;
+    },
+    {}
+  );
+  const res = propsList.filter((props) => usefulObject(props[propName])).reduce((result, next) => {
+    REQUEST_META.forEach((key) => {
       const prop = next[propName];
-      if (prop !== null && prop !== void 0 && prop.hasOwnProperty(key) && usefulArray(prop[key])) {
+      if ((prop == null ? void 0 : prop.hasOwnProperty(key)) && usefulArray(prop[key])) {
         result[key] = unique(result[key].concat(prop[key]));
       }
     });
     return result;
   }, initResult);
   return REQUEST_META.reduce((result, next) => {
-    var _result$key;
+    var _a;
     const key = next;
-    if (result[key] && ((_result$key = result[key]) === null || _result$key === void 0 ? void 0 : _result$key.length) === 0) {
+    if (result[key] && ((_a = result[key]) == null ? void 0 : _a.length) === 0) {
       delete result[key];
     }
     return result;
   }, res);
 };
-export const aggMatchesFromPropsList = function aggMatchesFromPropsList(propsList, propName) {
-  const initResult = REQUEST_META.reduce((result, next) => {
-    const key = next;
-    result[key] = {};
-    return result;
-  }, {});
-  const res = propsList.filter(props => usefulObject(props[propName])).reduce((result, next) => {
-    REQUEST_META.forEach(key => {
+const aggMatchesFromPropsList = function aggMatchesFromPropsList2(propsList, propName) {
+  const initResult = REQUEST_META.reduce(
+    (result, next) => {
+      const key = next;
+      result[key] = {};
+      return result;
+    },
+    {}
+  );
+  const res = propsList.filter((props) => usefulObject(props[propName])).reduce((result, next) => {
+    REQUEST_META.forEach((key) => {
       const prop = next[propName];
-      // 这边目前是浅拷贝，越后渲染优先级越高
-      if (prop !== null && prop !== void 0 && prop.hasOwnProperty(key) && usefulObject(prop[key])) {
+      if ((prop == null ? void 0 : prop.hasOwnProperty(key)) && usefulObject(prop[key])) {
         result[key] = Object.assign(result[key], prop[key]);
       }
     });
@@ -79,6 +84,13 @@ function usefulArray(target) {
   }
   return Array.isArray(target) && target.length > 0;
 }
-export function exist(target) {
+function exist(target) {
   return target != null;
-}
+}
+export {
+  aggKeysFromPropsList,
+  aggMatchesFromPropsList,
+  exist,
+  getInnermostProperty,
+  getOutermostProperty
+};

package/dist/js/modern/ssr/react/withCallback/index.js

@@ -1,9 +1,5 @@
-// See https://github.com/reactwg/react-18/discussions/5#discussioncomment-2276079
-import { useRef, useLayoutEffect } from 'react';
-export const WithCallback = ({
-  callback,
-  children
-}) => {
+import { useRef, useLayoutEffect } from "react";
+const WithCallback = ({ callback, children }) => {
   const once = useRef(false);
   useLayoutEffect(() => {
     if (once.current) {
@@ -13,4 +9,7 @@ export const WithCallback = ({
     callback();
   }, [callback]);
   return children;
-};
+};
+export {
+  WithCallback
+};

package/dist/js/modern/ssr/serverRender/helmet.js

@@ -1,13 +1,10 @@
-// 用于 react-helmet 正则替换
-import { EOL } from 'os';
+import { EOL } from "os";
 const RE_HTML_ATTR = /<html[^>]*>/;
 const RE_BODY_ATTR = /<body[^>]*>/;
 const RE_LAST_IN_HEAD = /<\/head>/;
 const RE_TITLE = /<title[^>]*>([\s\S\n\r]*?)<\/title>/;
-const TEST_TITLE_CONTENT = /(?<=<title[^>]*>)([\s\S\n\r]*?)([.|\S])([\s\S\n\r]*?)(?=<\/title>)/;
-
-// 通过 react-helmet 修改模板
-export default function helmet(content, helmetData) {
+const TEST_TITLE_CONTENT = new RegExp("(?<=<title[^>]*>)([\\s\\S\\n\\r]*?)([.|\\S])([\\s\\S\\n\\r]*?)(?=<\\/title>)");
+function helmet(content, helmetData) {
   let result = content;
   const bodyAttributes = helmetData.bodyAttributes.toString();
   if (bodyAttributes) {
@@ -24,15 +21,24 @@ export default function helmet(content, helmetData) {
   const script = helmetData.script.toString();
   const style = helmetData.style.toString();
   const title = helmetData.title.toString();
-
-  // 如果模板中存在 title，且 helmetData title 有内容则做替换
   const existTitleTag = RE_TITLE.test(content);
   const shouldReplaceTitle = existTitleTag && TEST_TITLE_CONTENT.test(title.trim());
   if (shouldReplaceTitle) {
     result = result.replace(RE_TITLE, title);
   }
-  const helmetStr = [base, link, meta, noscript, script, style, !existTitleTag ? title : ''].reduce((pre, cur) => {
-    return pre + (cur.length > 0 ? `  ${cur}${EOL}` : '');
-  }, '');
+  const helmetStr = [
+    base,
+    link,
+    meta,
+    noscript,
+    script,
+    style,
+    !existTitleTag ? title : ""
+  ].reduce((pre, cur) => {
+    return pre + (cur.length > 0 ? `  ${cur}${EOL}` : "");
+  }, "");
   return result.replace(RE_LAST_IN_HEAD, `${helmetStr}</head>`);
-}
+}
+export {
+  helmet as default
+};

package/dist/js/modern/ssr/serverRender/index.js

@@ -1,14 +1,35 @@
-/* eslint-disable eslint-comments/disable-enable-pair */
-/* eslint-disable @typescript-eslint/no-var-requires */
-/* eslint-disable @typescript-eslint/no-require-imports */
-
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 import { isReact18 } from "../utils";
-export default async function serverRender(options) {
-  if (isReact18() && options.config.mode === 'stream') {
-    const pipe = await require("./renderToStream").render(options);
-    return pipe;
-  } else {
-    const html = await require("./renderToString").render(options);
-    return html;
-  }
-}
+function serverRender(options) {
+  return __async(this, null, function* () {
+    if (isReact18() && options.config.mode === "stream") {
+      const pipe = yield require("./renderToStream").render(options);
+      return pipe;
+    } else {
+      const html = yield require("./renderToString").render(options);
+      return html;
+    }
+  });
+}
+export {
+  serverRender as default
+};

package/dist/js/modern/ssr/serverRender/renderToStream/buildTemplate.after.js

@@ -1,19 +1,14 @@
-import serialize from 'serialize-javascript';
+import serialize from "serialize-javascript";
 import { buildTemplate } from "./buildTemplate.share";
-export function buildShellAfterTemplate(afterAppTemplate, options) {
+function buildShellAfterTemplate(afterAppTemplate, options) {
   const callbacks = [injectSSRDataScript];
   return buildTemplate(afterAppTemplate, callbacks);
   function injectSSRDataScript(template) {
     const ssrDataScript = buildSSRDataScript();
-    return template.replace('<!--<?- SSRDataScript ?>-->', ssrDataScript);
+    return template.replace("<!--<?- SSRDataScript ?>-->", ssrDataScript);
     function buildSSRDataScript() {
-      const {
-        ssrContext,
-        renderLevel
-      } = options;
-      const {
-        request
-      } = ssrContext;
+      const { ssrContext, renderLevel } = options;
+      const { request } = ssrContext;
       const SSRData = {
         context: {
           request: {
@@ -31,8 +26,11 @@ export function buildShellAfterTemplate(afterAppTemplate, options) {
       return `
       <script>window._SSR_DATA = ${serialize(SSRData, {
         isJSON: true
-      })}</script>
+      })}<\/script>
       `;
     }
   }
-}
+}
+export {
+  buildShellAfterTemplate
+};

package/dist/js/modern/ssr/serverRender/renderToStream/buildTemplate.share.js

@@ -1,5 +1,11 @@
-// share script
-export const HEAD_REG_EXP = /<head(.|\n)*>(.|\n)*<\/head>/;
-export function buildTemplate(template, callbacks) {
-  return callbacks.reduce((template, buildTemplateCb) => buildTemplateCb(template), template);
-}
+const HEAD_REG_EXP = /<head(.|\n)*>(.|\n)*<\/head>/;
+function buildTemplate(template, callbacks) {
+  return callbacks.reduce(
+    (template2, buildTemplateCb) => buildTemplateCb(template2),
+    template
+  );
+}
+export {
+  HEAD_REG_EXP,
+  buildTemplate
+};

package/dist/js/modern/ssr/serverRender/renderToStream/bulidTemplate.before.js

@@ -1,65 +1,61 @@
-import ReactHelmet from 'react-helmet';
-import { matchRoutes } from 'react-router-dom';
+import ReactHelmet from "react-helmet";
+import { matchRoutes } from "react-router-dom";
 import helmetReplace from "../helmet";
-import { HEAD_REG_EXP, buildTemplate } from "./buildTemplate.share";
-const CSS_CHUNKS_PLACEHOLDER = '<!--<?- chunksMap.css ?>-->';
-
-// build head template
+import {
+  HEAD_REG_EXP,
+  buildTemplate
+} from "./buildTemplate.share";
+const CSS_CHUNKS_PLACEHOLDER = "<!--<?- chunksMap.css ?>-->";
 function getHeadTemplate(beforeEntryTemplate, context) {
-  const callbacks = [headTemplate => {
-    const helmetData = ReactHelmet.renderStatic();
-    return helmetData ? helmetReplace(headTemplate, helmetData) : headTemplate;
-  },
-  // @TODO: prefetch scripts of lazy component
-  injectCss];
-  const [headTemplate = ''] = beforeEntryTemplate.match(HEAD_REG_EXP) || [];
+  const callbacks = [
+    (headTemplate2) => {
+      const helmetData = ReactHelmet.renderStatic();
+      return helmetData ? helmetReplace(headTemplate2, helmetData) : headTemplate2;
+    },
+    injectCss
+  ];
+  const [headTemplate = ""] = beforeEntryTemplate.match(HEAD_REG_EXP) || [];
   if (!headTemplate.length) {
-    return '';
+    return "";
   }
   return buildTemplate(headTemplate, callbacks);
-  function injectCss(headTemplate) {
-    return headTemplate.replace(CSS_CHUNKS_PLACEHOLDER, getCssChunks());
+  function injectCss(headTemplate2) {
+    return headTemplate2.replace(CSS_CHUNKS_PLACEHOLDER, getCssChunks());
     function getCssChunks() {
-      const {
-        routeManifest,
-        routerContext,
-        routes
-      } = context;
+      const { routeManifest, routerContext, routes } = context;
       if (!routeManifest || !routerContext || !routes) {
-        return '';
+        return "";
       }
-      const {
-        routeAssets
-      } = routeManifest;
+      const { routeAssets } = routeManifest;
       const cssChunks = [];
       const matches = matchRoutes(routes, routerContext.location);
-      matches === null || matches === void 0 ? void 0 : matches.forEach((match, index) => {
-        // root layout css chunks should't be loaded
+      matches == null ? void 0 : matches.forEach((match, index) => {
         if (!index) {
           return;
         }
         const routeId = match.route.id;
         if (routeId) {
-          const routeManifest = routeAssets[routeId];
-          if (routeManifest) {
-            const {
-              assets = []
-            } = routeManifest;
-            const _cssChunks = assets.filter(asset => asset === null || asset === void 0 ? void 0 : asset.endsWith('.css'));
+          const routeManifest2 = routeAssets[routeId];
+          if (routeManifest2) {
+            const { assets = [] } = routeManifest2;
+            const _cssChunks = assets.filter(
+              (asset) => asset == null ? void 0 : asset.endsWith(".css")
+            );
             cssChunks.push(..._cssChunks);
           }
         }
       });
-      const styleLinks = cssChunks.map(chunk => {
+      const styleLinks = cssChunks.map((chunk) => {
         return `<link href="${chunk}" rel="stylesheet" />`;
       });
-      return `${styleLinks.join('')}`;
+      return `${styleLinks.join("")}`;
     }
   }
 }
-
-// build script
-export function buildShellBeforeTemplate(beforeAppTemplate, context) {
+function buildShellBeforeTemplate(beforeAppTemplate, context) {
   const headTemplate = getHeadTemplate(beforeAppTemplate, context);
   return beforeAppTemplate.replace(HEAD_REG_EXP, headTemplate);
-}
+}
+export {
+  buildShellBeforeTemplate
+};