@modern-js/runtime 2.0.0-beta.3 → 2.0.0-beta.5

package/dist/js/modern/document/Html.js

@@ -1,84 +1,61 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Body } from "./Body";
 import { DocumentStructrueContext } from "./DocumentStructrueContext";
 import { Head } from "./Head";
-
-/**
- * get the directly son element
- */
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
 function findTargetChild(tag, children) {
-  return children.find(item => getEleType(item) === tag);
+  return children.find((item) => getEleType(item) === tag);
 }
-
-/**
- * get the type of react element
- */
 function getEleType(ele) {
-  // fixme: 非 react 的类型，有点儿问题。
-  return typeof (ele === null || ele === void 0 ? void 0 : ele.type) === 'function' ? ele.type.name : ele === null || ele === void 0 ? void 0 : ele.type;
+  return typeof (ele == null ? void 0 : ele.type) === "function" ? ele.type.name : ele == null ? void 0 : ele.type;
 }
-
-/**
- * get the children(grandChild included) with target type
- * @param tag the element type
- * @param children son element
- * @returns target element
- */
 function findTargetElement(tag, children) {
+  var _a;
   if (children.length === 0) {
     return null;
   }
   let nextChildren = [];
   for (const item of children) {
-    var _item$props;
     if (tag === getEleType(item)) {
       return item;
     }
-    if (item !== null && item !== void 0 && (_item$props = item.props) !== null && _item$props !== void 0 && _item$props.children) {
+    if ((_a = item == null ? void 0 : item.props) == null ? void 0 : _a.children) {
       nextChildren = nextChildren.concat(item.props.children);
     }
   }
   return findTargetElement(tag, nextChildren);
 }
-export function Html(props) {
-  const {
-    children
-  } = props;
-
-  // deal with the component with default
-  const hasSetHead = Boolean(findTargetChild('Head', children));
-  const hasSetScripts = Boolean(findTargetElement('Scripts', children));
-  const hasSetBody = Boolean(findTargetChild('Body', children));
-  const hasSetRoot = Boolean(findTargetElement('Root', children));
-  const notMissMustChild = [hasSetHead, hasSetBody
-  // hasSetScripts,
-  // hasSetRoot,
-  ].every(item => item);
-
-  // todo: or throw an error
+function Html(props) {
+  const { children } = props;
+  const hasSetHead = Boolean(findTargetChild("Head", children));
+  const hasSetScripts = Boolean(findTargetElement("Scripts", children));
+  const hasSetBody = Boolean(findTargetChild("Body", children));
+  const hasSetRoot = Boolean(findTargetElement("Root", children));
+  const notMissMustChild = [
+    hasSetHead,
+    hasSetBody
+  ].every((item) => item);
   if (!notMissMustChild) {
-    return /*#__PURE__*/_jsx("html", {
-      children: /*#__PURE__*/_jsxs("body", {
-        style: {
-          color: 'red'
-        },
-        children: [`Miss the `, [hasSetHead, hasSetBody
-        // hasSetScripts,
-        // hasSetRoot,
-        ].map((item, index) => {
-          return item ? null : ['Head', 'Body'
-          // 'Scripts',
-          // 'Root',
-          ][index];
-        }), ` Element`]
+    return /* @__PURE__ */ jsx("html", {
+      children: /* @__PURE__ */ jsxs("body", {
+        style: { color: "red" },
+        children: [
+          `Miss the `,
+          [
+            hasSetHead,
+            hasSetBody
+          ].map((item, index) => {
+            return item ? null : [
+              "Head",
+              "Body"
+            ][index];
+          }),
+          ` Element`
+        ]
       })
     });
   }
-  return /*#__PURE__*/_jsx("html", {
-    children: /*#__PURE__*/_jsxs(DocumentStructrueContext.Provider, {
+  return /* @__PURE__ */ jsx("html", {
+    children: /* @__PURE__ */ jsxs(DocumentStructrueContext.Provider, {
       value: {
         hasSetHead,
         hasSetScripts,
@@ -86,7 +63,14 @@ export function Html(props) {
         hasSetBody,
         docChild: children
       },
-      children: [!hasSetHead && /*#__PURE__*/_jsx(Head, {}), !hasSetBody && /*#__PURE__*/_jsx(Body, {}), children]
+      children: [
+        !hasSetHead && /* @__PURE__ */ jsx(Head, {}),
+        !hasSetBody && /* @__PURE__ */ jsx(Body, {}),
+        children
+      ]
     })
   });
-}
+}
+export {
+  Html
+};

package/dist/js/modern/document/Root.js

@@ -1,31 +1,33 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React, { useContext } from 'react';
+import { jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
 import { DocumentContext } from "./DocumentContext";
 import { DOCUMENT_SSR_PLACEHOLDER } from "./constants";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export function Root(props) {
+function Root(props) {
+  const { rootId, children } = props;
   const {
-    rootId,
-    children
-  } = props;
-  const {
-    templateParams: {
-      mountId = 'root'
-    }
+    templateParams: { mountId = "root" }
   } = useContext(DocumentContext);
-  return /*#__PURE__*/_jsxs("div", {
+  return /* @__PURE__ */ jsxs("div", {
     id: `${rootId || mountId}`,
-    children: [`${DOCUMENT_SSR_PLACEHOLDER}`, children]
+    children: [
+      `${DOCUMENT_SSR_PLACEHOLDER}`,
+      children
+    ]
   });
 }
-export function DefaultRoot(props) {
+function DefaultRoot(props) {
   const {
-    templateParams: {
-      mountId
-    }
+    templateParams: { mountId = "root" }
   } = useContext(DocumentContext);
-  return /*#__PURE__*/_jsxs("div", {
+  return /* @__PURE__ */ jsxs("div", {
     id: `${mountId}`,
-    children: [`${DOCUMENT_SSR_PLACEHOLDER}`, props.children]
+    children: [
+      `${DOCUMENT_SSR_PLACEHOLDER}`,
+      props.children
+    ]
   });
-}
+}
+export {
+  DefaultRoot,
+  Root
+};

package/dist/js/modern/document/Script.js

@@ -0,0 +1,20 @@
+import { Fragment, jsxs } from "react/jsx-runtime";
+import {
+  DOCUMENT_SCRIPT_PLACEHOLDER_START,
+  DOCUMENT_SCRIPT_PLACEHOLDER_END
+} from "./constants";
+function Script(props) {
+  const { content } = props;
+  const contentStr = content.toString();
+  const contentIIFE = encodeURIComponent(`(${contentStr})()`);
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [
+      `${DOCUMENT_SCRIPT_PLACEHOLDER_START}`,
+      `${contentIIFE}`,
+      `${DOCUMENT_SCRIPT_PLACEHOLDER_END}`
+    ]
+  });
+}
+export {
+  Script
+};

package/dist/js/modern/document/Scripts.js

@@ -1,10 +1,10 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React from 'react';
+import { Fragment, jsx } from "react/jsx-runtime";
 import { DOCUMENT_SCRIPTS_PLACEHOLDER } from "./constants";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function Scripts() {
-  return /*#__PURE__*/_jsx(_Fragment, {
+function Scripts() {
+  return /* @__PURE__ */ jsx(Fragment, {
     children: `${DOCUMENT_SCRIPTS_PLACEHOLDER}`
   });
-}
+}
+export {
+  Scripts
+};

package/dist/js/modern/document/cli/index.js

@@ -1,37 +1,79 @@
-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 path from 'path';
-import React from 'react';
-import ReactDomServer from 'react-dom/server';
-import { build } from 'esbuild';
-import { createDebugger, findExists } from '@modern-js/utils';
+var __defProp = Object.defineProperty;
+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 __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 path from "path";
+import React from "react";
+import ReactDomServer from "react-dom/server";
+import { build } from "esbuild";
+import { createDebugger, findExists, fs } from "@modern-js/utils";
 import { DocumentContext } from "../DocumentContext";
-import { DOCUMENT_SCRIPTS_PLACEHOLDER, DOCUMENT_FILE_NAME, DOCUMENT_META_PLACEHOLDER, PLACEHOLDER_REPLACER_MAP, DOC_EXT, DOCUMENT_SSR_PLACEHOLDER, DOCUMENT_CHUNKSMAP_PLACEHOLDER, DOCUMENT_SSRDATASCRIPT_PLACEHOLDER, HTML_SEPARATOR } from "../constants";
-const debug = createDebugger('html_genarate');
-
-// get the entry document file,
-// if not exist, fallback to src/
-const getDocumenByEntryName = function getDocumenByEntryName(entrypoints, entryName, fallbackDir) {
-  var _entrypoints$find;
-  const entryDir = (_entrypoints$find = entrypoints.find(item => item.entryName === entryName)) === null || _entrypoints$find === void 0 ? void 0 : _entrypoints$find.absoluteEntryDir;
-  const entryDirs = DOC_EXT.map(item => `${entryDir}${path.sep}${DOCUMENT_FILE_NAME}.${item}`);
-  const fallbackDirs = fallbackDir ? DOC_EXT.map(item => [fallbackDir, 'src', `${DOCUMENT_FILE_NAME}.${item}`].join(path.sep)) : [];
+import {
+  DOCUMENT_SCRIPTS_PLACEHOLDER,
+  DOCUMENT_FILE_NAME,
+  DOCUMENT_META_PLACEHOLDER,
+  PLACEHOLDER_REPLACER_MAP,
+  DOC_EXT,
+  DOCUMENT_SSR_PLACEHOLDER,
+  DOCUMENT_CHUNKSMAP_PLACEHOLDER,
+  DOCUMENT_SSRDATASCRIPT_PLACEHOLDER,
+  DOCUMENT_SCRIPT_PLACEHOLDER_START,
+  DOCUMENT_SCRIPT_PLACEHOLDER_END,
+  HTML_SEPARATOR
+} from "../constants";
+const debug = createDebugger("html_genarate");
+const getDocumenByEntryName = function(entrypoints, entryName, fallbackDir) {
+  var _a;
+  const entryDir = (_a = entrypoints.find(
+    (item) => item.entryName === entryName
+  )) == null ? void 0 : _a.absoluteEntryDir;
+  const entryDirs = DOC_EXT.map(
+    (item) => `${entryDir}${path.sep}${DOCUMENT_FILE_NAME}.${item}`
+  );
+  const fallbackDirs = fallbackDir ? DOC_EXT.map(
+    (item) => [fallbackDir, "src", `${DOCUMENT_FILE_NAME}.${item}`].join(path.sep)
+  ) : [];
   const docFile = findExists([...entryDirs, ...fallbackDirs]);
-  return docFile || undefined;
+  return docFile || void 0;
 };
-export default (() => ({
-  name: '@modern-js/plugin-document',
-  pre: ['@modern-js/plugin-analyze'],
-  setup: async api => {
-    // get params for document.tsx
+var cli_default = () => ({
+  name: "@modern-js/plugin-document",
+  pre: ["@modern-js/plugin-analyze"],
+  setup: (api) => __async(void 0, null, function* () {
     function getDocParams(params) {
-      const {
-        config,
-        templateParameters,
-        entryName
-      } = params;
-      // for enough params, devide as：process, config, templateParams
+      const { config, templateParameters, entryName } = params;
       return {
         processEnv: process.env,
         config: {
@@ -42,91 +84,139 @@ export default (() => ({
       };
     }
     const documentEntry = (entryName, templateParameters) => {
-      const {
+      const { entrypoints, internalDirectory, appDirectory } = api.useAppContext();
+      const documentFilePath = getDocumenByEntryName(
         entrypoints,
-        internalDirectory,
+        entryName,
         appDirectory
-      } = api.useAppContext();
-      // search the document.[tsx|jsx|js|ts] under entry
-      const documentFilePath = getDocumenByEntryName(entrypoints, entryName, appDirectory);
-      // if no document file, do nothing as default
+      );
       if (!documentFilePath) {
         return null;
       }
-      return async ({
-        htmlWebpackPlugin
-      }) => {
+      return (_0) => __async(void 0, [_0], function* ({ htmlWebpackPlugin }) {
         const documentParams = getDocParams({
           config: api.useConfigContext(),
           entryName,
           templateParameters
         });
-        const htmlOutputFile = path.join(internalDirectory, `./document/_${entryName}.html.js`);
-        // transform document file to html string
-        await build({
+        const tempTsConfigFile = path.join(
+          internalDirectory,
+          `./document/_tempTsconfig.json`
+        );
+        const userTsConfigFilePath = path.join(appDirectory, "tsconfig.json");
+        let tsConfig;
+        try {
+          tsConfig = yield require(userTsConfigFilePath);
+        } catch (err) {
+          tsConfig = {};
+        }
+        if (tsConfig == null ? void 0 : tsConfig.compilerOptions) {
+          tsConfig.compilerOptions.jsx = "react-jsx";
+        } else {
+          tsConfig.compilerOptions = {
+            jsx: "react-jsx"
+          };
+        }
+        fs.outputFileSync(tempTsConfigFile, JSON.stringify(tsConfig));
+        const htmlOutputFile = path.join(
+          internalDirectory,
+          `./document/_${entryName}.html.js`
+        );
+        yield build({
           entryPoints: [documentFilePath],
-          // write: false,
           outfile: htmlOutputFile,
-          platform: 'node',
-          target: 'es6',
+          platform: "node",
+          tsconfig: tempTsConfigFile,
+          target: "es6",
           loader: {
-            '.ts': 'ts',
-            '.tsx': 'tsx'
+            ".ts": "ts",
+            ".tsx": "tsx"
           },
           bundle: true,
-          plugins: [{
-            name: 'make-all-packages-external',
-            setup(build) {
-              // https://github.com/evanw/esbuild/issues/619#issuecomment-751995294
-              build.onResolve({
-                filter: /^[^./]|^\.[^./]|^\.\.[^/]/
-              }, args => {
-                let external = true;
-                // FIXME: windows external entrypoint
-                if (args.kind === 'entry-point') {
-                  external = false;
-                }
-                return {
-                  path: args.path,
-                  external
-                };
-              });
+          plugins: [
+            {
+              name: "make-all-packages-external",
+              setup(build2) {
+                build2.onResolve(
+                  { filter: /^[^./]|^\.[^./]|^\.\.[^/]/ },
+                  (args) => {
+                    let external = true;
+                    if (args.kind === "entry-point") {
+                      external = false;
+                    }
+                    return {
+                      path: args.path,
+                      external
+                    };
+                  }
+                );
+              }
             }
-          }]
+          ]
         });
-        const Document = (await import(htmlOutputFile)).default;
-        const HTMLElement = /*#__PURE__*/React.createElement(DocumentContext.Provider, {
-          value: documentParams
-        }, /*#__PURE__*/React.createElement(Document, null));
-        const html = ReactDomServer.renderToStaticMarkup(HTMLElement);
+        delete require.cache[require.resolve(htmlOutputFile)];
+        const Document = (yield require(htmlOutputFile)).default;
+        const HTMLElement = React.createElement(
+          DocumentContext.Provider,
+          { value: documentParams },
+          React.createElement(Document, null)
+        );
+        let html = ReactDomServer.renderToStaticMarkup(HTMLElement);
         debug("entry %s's document jsx rendered html: %o", entryName, html);
-        const scripts = [htmlWebpackPlugin.tags.headTags.filter(item => item.tagName === 'script').join(''), htmlWebpackPlugin.tags.bodyTags.toString()].join('');
-        const metas = [templateParameters.meta, htmlWebpackPlugin.tags.headTags.filter(item => item.tagName !== 'script').join('')].join('');
-
-        // replace the html placeholder while transfer string to jsx component is not a easy way
-        return `<!DOCTYPE html>${html}`.replace(DOCUMENT_META_PLACEHOLDER, metas).replace(DOCUMENT_SSR_PLACEHOLDER, HTML_SEPARATOR).replace(DOCUMENT_SCRIPTS_PLACEHOLDER, scripts).replace(DOCUMENT_CHUNKSMAP_PLACEHOLDER, PLACEHOLDER_REPLACER_MAP[DOCUMENT_CHUNKSMAP_PLACEHOLDER]).replace(DOCUMENT_SSRDATASCRIPT_PLACEHOLDER, PLACEHOLDER_REPLACER_MAP[DOCUMENT_SSRDATASCRIPT_PLACEHOLDER]);
-      };
+        const scripts = [
+          htmlWebpackPlugin.tags.headTags.filter((item) => item.tagName === "script").join(""),
+          htmlWebpackPlugin.tags.bodyTags.toString()
+        ].join("");
+        const metas = [
+          templateParameters.meta,
+          htmlWebpackPlugin.tags.headTags.filter((item) => item.tagName !== "script").join("")
+        ].join("");
+        if (html.includes(DOCUMENT_SCRIPT_PLACEHOLDER_START) && html.includes(DOCUMENT_SCRIPT_PLACEHOLDER_END)) {
+          html = html.replaceAll(
+            new RegExp(
+              `${DOCUMENT_SCRIPT_PLACEHOLDER_START}(.*?)${DOCUMENT_SCRIPT_PLACEHOLDER_END}`,
+              "g"
+            ),
+            (_scriptStr, $1) => `<script>${decodeURIComponent($1)}<\/script>`
+          );
+        }
+        const finalHtml = `<!DOCTYPE html>${html}`.replace(DOCUMENT_META_PLACEHOLDER, metas).replace(DOCUMENT_SSR_PLACEHOLDER, HTML_SEPARATOR).replace(DOCUMENT_SCRIPTS_PLACEHOLDER, scripts).replace(
+          DOCUMENT_CHUNKSMAP_PLACEHOLDER,
+          PLACEHOLDER_REPLACER_MAP[DOCUMENT_CHUNKSMAP_PLACEHOLDER]
+        ).replace(
+          DOCUMENT_SSRDATASCRIPT_PLACEHOLDER,
+          PLACEHOLDER_REPLACER_MAP[DOCUMENT_SSRDATASCRIPT_PLACEHOLDER]
+        );
+        return finalHtml;
+      });
     };
     return {
       config: () => {
         return {
           tools: {
             htmlPlugin: (options, entry) => {
-              // just for reuse the baseParames calculate by builder:
-              // https://github.com/modern-js-dev/modern.js/blob/1abb452a87ae1adbcf8da47d62c05da39cbe4d69/packages/builder/builder-webpack-provider/src/plugins/html.ts#L69-L103
-              const hackParameters = typeof (options === null || options === void 0 ? void 0 : options.templateParameters) === 'function' ? options === null || options === void 0 ? void 0 : options.templateParameters({}, {}, {}, {}) : _objectSpread({}, options === null || options === void 0 ? void 0 : options.templateParameters);
-              const templateContent = documentEntry(entry.entryName,
-              // options,
-              hackParameters);
+              const hackParameters = typeof (options == null ? void 0 : options.templateParameters) === "function" ? options == null ? void 0 : options.templateParameters(
+                {},
+                {},
+                {},
+                {}
+              ) : __spreadValues({}, options == null ? void 0 : options.templateParameters);
+              const templateContent = documentEntry(
+                entry.entryName,
+                hackParameters
+              );
               const documentHtmlOptions = templateContent ? {
                 templateContent,
                 inject: false
               } : {};
-              return _objectSpread(_objectSpread({}, options), documentHtmlOptions);
+              return __spreadValues(__spreadValues({}, options), documentHtmlOptions);
             }
           }
         };
       }
     };
-  }
-}));
+  })
+});
+export {
+  cli_default as default
+};

package/dist/js/modern/document/constants.js

@@ -1,19 +1,45 @@
-export const DOC_EXT = ['jsx', 'tsx', 'ts', 'js'];
-export const DOCUMENT_META_PLACEHOLDER = encodeURIComponent('<%= meta %>');
-export const HTML_SEPARATOR = '<!--<?- html ?>-->';
-export const HTML_CHUNKSMAP_SEPARATOR = '<!--<?- chunksMap.js ?>-->';
-export const HTML_SSRDATASCRIPT_SEPARATOR = '<!--<?- SSRDataScript ?>-->';
-// export const HTML_BOTTOMTPL_SEPARATOR = '<!--<?- bottomTemplate ?>-->'; // document jsx not need bottom
-
-export const DOCUMENT_SSR_PLACEHOLDER = encodeURIComponent(HTML_SEPARATOR);
-export const DOCUMENT_CHUNKSMAP_PLACEHOLDER = encodeURIComponent(HTML_CHUNKSMAP_SEPARATOR);
-export const DOCUMENT_SSRDATASCRIPT_PLACEHOLDER = encodeURIComponent(HTML_SSRDATASCRIPT_SEPARATOR);
-export const DOCUMENT_FILE_NAME = 'Document';
-export const DOCUMENT_SCRIPTS_PLACEHOLDER = encodeURIComponent('<!-- chunk scripts placeholder -->');
-export const DOCUMENT_NO_SCRIPTE_PLACEHOLDER = encodeURIComponent('<!-- no-script -->');
-export const PLACEHOLDER_REPLACER_MAP = {
+const DOC_EXT = ["jsx", "tsx", "ts", "js"];
+const DOCUMENT_META_PLACEHOLDER = encodeURIComponent("<%= meta %>");
+const HTML_SEPARATOR = "<!--<?- html ?>-->";
+const HTML_CHUNKSMAP_SEPARATOR = "<!--<?- chunksMap.js ?>-->";
+const HTML_SSRDATASCRIPT_SEPARATOR = "<!--<?- SSRDataScript ?>-->";
+const DOCUMENT_SSR_PLACEHOLDER = encodeURIComponent(HTML_SEPARATOR);
+const DOCUMENT_CHUNKSMAP_PLACEHOLDER = encodeURIComponent(
+  HTML_CHUNKSMAP_SEPARATOR
+);
+const DOCUMENT_SSRDATASCRIPT_PLACEHOLDER = encodeURIComponent(
+  HTML_SSRDATASCRIPT_SEPARATOR
+);
+const DOCUMENT_FILE_NAME = "Document";
+const DOCUMENT_SCRIPTS_PLACEHOLDER = encodeURIComponent(
+  "<!-- chunk scripts placeholder -->"
+);
+const DOCUMENT_NO_SCRIPTE_PLACEHOLDER = encodeURIComponent("<!-- no-script -->");
+const DOCUMENT_SCRIPT_PLACEHOLDER_START = encodeURIComponent(
+  "<!-- script-start -->"
+);
+const DOCUMENT_SCRIPT_PLACEHOLDER_END = encodeURIComponent(
+  "<!-- script-end -->"
+);
+const PLACEHOLDER_REPLACER_MAP = {
   [DOCUMENT_NO_SCRIPTE_PLACEHOLDER]: `We're sorry but react app doesn't work properly without JavaScript enabled. Please enable it to continue.`,
   [DOCUMENT_SSR_PLACEHOLDER]: HTML_SEPARATOR,
   [DOCUMENT_CHUNKSMAP_PLACEHOLDER]: HTML_CHUNKSMAP_SEPARATOR,
   [DOCUMENT_SSRDATASCRIPT_PLACEHOLDER]: HTML_SSRDATASCRIPT_SEPARATOR
-};
+};
+export {
+  DOCUMENT_CHUNKSMAP_PLACEHOLDER,
+  DOCUMENT_FILE_NAME,
+  DOCUMENT_META_PLACEHOLDER,
+  DOCUMENT_NO_SCRIPTE_PLACEHOLDER,
+  DOCUMENT_SCRIPTS_PLACEHOLDER,
+  DOCUMENT_SCRIPT_PLACEHOLDER_END,
+  DOCUMENT_SCRIPT_PLACEHOLDER_START,
+  DOCUMENT_SSRDATASCRIPT_PLACEHOLDER,
+  DOCUMENT_SSR_PLACEHOLDER,
+  DOC_EXT,
+  HTML_CHUNKSMAP_SEPARATOR,
+  HTML_SEPARATOR,
+  HTML_SSRDATASCRIPT_SEPARATOR,
+  PLACEHOLDER_REPLACER_MAP
+};

package/dist/js/modern/document/index.js

@@ -5,4 +5,5 @@ export * from "./Head";
 export * from "./Body";
 export * from "./Root";
 export * from "./Scripts";
-export * from "./constants";
+export * from "./Script";
+export * from "./constants";

package/dist/js/modern/exports/head.js

@@ -1,3 +1,6 @@
-import head from 'react-helmet';
-export default head;
-export * from 'react-helmet';
+import head from "react-helmet";
+var head_default = head;
+export * from "react-helmet";
+export {
+  head_default as default
+};

package/dist/js/modern/exports/loadable.js

@@ -1,3 +1,6 @@
-import loadable from '@loadable/component';
-export default loadable;
-export * from '@loadable/component';
+import loadable from "@loadable/component";
+var loadable_default = loadable;
+export * from "@loadable/component";
+export {
+  loadable_default as default
+};

package/dist/js/modern/exports/server.js

@@ -1 +1,4 @@
-export const hook = attacher => attacher;
+const hook = (attacher) => attacher;
+export {
+  hook
+};

package/dist/js/modern/exports/styled.js

@@ -1,3 +1,6 @@
-import styled from 'styled-components';
-export default styled;
-export * from 'styled-components';
+import styled from "styled-components";
+var styled_default = styled;
+export * from "styled-components";
+export {
+  styled_default as default
+};