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

package/dist/js/treeshaking/document/Html.js

@@ -1,104 +1,97 @@
-import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
-// 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(function (item) {
-    return getEleType(item) === tag;
-  });
+    return children.find(function(item) {
+        return 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 || ele === void 0 ? void 0 : ele.type) === "function" ? ele.type.name : ele === null || ele === void 0 ? 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) {
-  if (children.length === 0) {
-    return null;
-  }
-  var nextChildren = [];
-  var _iterator = _createForOfIteratorHelper(children),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var _item$props;
-      var item = _step.value;
-      if (tag === getEleType(item)) {
-        return item;
-      }
-      if (item !== null && item !== void 0 && (_item$props = item.props) !== null && _item$props !== void 0 && _item$props.children) {
-        nextChildren = nextChildren.concat(item.props.children);
-      }
+    if (children.length === 0) {
+        return null;
     }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
-  }
-  return findTargetElement(tag, nextChildren);
+    var nextChildren = [];
+    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+    try {
+        for(var _iterator = children[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+            var item = _step.value;
+            var ref;
+            if (tag === getEleType(item)) {
+                return item;
+            }
+            if (item === null || item === void 0 ? void 0 : (ref = item.props) === null || ref === void 0 ? void 0 : ref.children) {
+                nextChildren = nextChildren.concat(item.props.children);
+            }
+        }
+    } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+            }
+        } finally{
+            if (_didIteratorError) {
+                throw _iteratorError;
+            }
+        }
+    }
+    return findTargetElement(tag, nextChildren);
 }
-export function Html(props) {
-  var children = props.children;
-
-  // deal with the component with default
-  var hasSetHead = Boolean(findTargetChild('Head', children));
-  var hasSetScripts = Boolean(findTargetElement('Scripts', children));
-  var hasSetBody = Boolean(findTargetChild('Body', children));
-  var hasSetRoot = Boolean(findTargetElement('Root', children));
-  var notMissMustChild = [hasSetHead, hasSetBody
-  // hasSetScripts,
-  // hasSetRoot,
-  ].every(function (item) {
-    return item;
-  });
-
-  // todo: or throw an error
-  if (!notMissMustChild) {
-    return /*#__PURE__*/_jsx("html", {
-      children: /*#__PURE__*/_jsxs("body", {
-        style: {
-          color: 'red'
-        },
-        children: ["Miss the ", [hasSetHead, hasSetBody
-        // hasSetScripts,
-        // hasSetRoot,
-        ].map(function (item, index) {
-          return item ? null : ['Head', 'Body'
-          // 'Scripts',
-          // 'Root',
-          ][index];
-        }), " Element"]
-      })
+function Html(props) {
+    var children = props.children;
+    var hasSetHead = Boolean(findTargetChild("Head", children));
+    var hasSetScripts = Boolean(findTargetElement("Scripts", children));
+    var hasSetBody = Boolean(findTargetChild("Body", children));
+    var hasSetRoot = Boolean(findTargetElement("Root", children));
+    var notMissMustChild = [
+        hasSetHead,
+        hasSetBody
+    ].every(function(item) {
+        return item;
     });
-  }
-  return /*#__PURE__*/_jsx("html", {
-    children: /*#__PURE__*/_jsxs(DocumentStructrueContext.Provider, {
-      value: {
-        hasSetHead: hasSetHead,
-        hasSetScripts: hasSetScripts,
-        hasSetRoot: hasSetRoot,
-        hasSetBody: hasSetBody,
-        docChild: children
-      },
-      children: [!hasSetHead && /*#__PURE__*/_jsx(Head, {}), !hasSetBody && /*#__PURE__*/_jsx(Body, {}), children]
-    })
-  });
-}
+    if (!notMissMustChild) {
+        return /* @__PURE__ */ jsx("html", {
+            children: /* @__PURE__ */ jsxs("body", {
+                style: {
+                    color: "red"
+                },
+                children: [
+                    "Miss the ",
+                    [
+                        hasSetHead,
+                        hasSetBody
+                    ].map(function(item, index) {
+                        return item ? null : [
+                            "Head",
+                            "Body"
+                        ][index];
+                    }),
+                    " Element"
+                ]
+            })
+        });
+    }
+    return /* @__PURE__ */ jsx("html", {
+        children: /* @__PURE__ */ jsxs(DocumentStructrueContext.Provider, {
+            value: {
+                hasSetHead: hasSetHead,
+                hasSetScripts: hasSetScripts,
+                hasSetRoot: hasSetRoot,
+                hasSetBody: hasSetBody,
+                docChild: children
+            },
+            children: [
+                !hasSetHead && /* @__PURE__ */ jsx(Head, {}),
+                !hasSetBody && /* @__PURE__ */ jsx(Body, {}),
+                children
+            ]
+        })
+    });
+}
+export { Html };

package/dist/js/treeshaking/document/Root.js

@@ -1,24 +1,26 @@
-// 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) {
-  var rootId = props.rootId,
-    children = props.children;
-  var _useContext = useContext(DocumentContext),
-    _useContext$templateP = _useContext.templateParams.mountId,
-    mountId = _useContext$templateP === void 0 ? 'root' : _useContext$templateP;
-  return /*#__PURE__*/_jsxs("div", {
-    id: "".concat(rootId || mountId),
-    children: ["".concat(DOCUMENT_SSR_PLACEHOLDER), children]
-  });
+function Root(props) {
+    var rootId = props.rootId, children = props.children;
+    var ref = useContext(DocumentContext), _templateParams = ref.templateParams, _mountId = _templateParams.mountId, mountId = _mountId === void 0 ? "root" : _mountId;
+    return /* @__PURE__ */ jsxs("div", {
+        id: "".concat(rootId || mountId),
+        children: [
+            "".concat(DOCUMENT_SSR_PLACEHOLDER),
+            children
+        ]
+    });
 }
-export function DefaultRoot(props) {
-  var _useContext2 = useContext(DocumentContext),
-    mountId = _useContext2.templateParams.mountId;
-  return /*#__PURE__*/_jsxs("div", {
-    id: "".concat(mountId),
-    children: ["".concat(DOCUMENT_SSR_PLACEHOLDER), props.children]
-  });
-}
+function DefaultRoot(props) {
+    var ref = useContext(DocumentContext), _templateParams = ref.templateParams, _mountId = _templateParams.mountId, mountId = _mountId === void 0 ? "root" : _mountId;
+    return /* @__PURE__ */ jsxs("div", {
+        id: "".concat(mountId),
+        children: [
+            "".concat(DOCUMENT_SSR_PLACEHOLDER),
+            props.children
+        ]
+    });
+}
+export { DefaultRoot, Root };

package/dist/js/treeshaking/document/Script.js

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

package/dist/js/treeshaking/document/Scripts.js

@@ -1,10 +1,8 @@
-// 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, {
-    children: "".concat(DOCUMENT_SCRIPTS_PLACEHOLDER)
-  });
-}
+function Scripts() {
+    return /* @__PURE__ */ jsx(Fragment, {
+        children: "".concat(DOCUMENT_SCRIPTS_PLACEHOLDER)
+    });
+}
+export { Scripts };