@modern-js/runtime 2.14.0 → 2.15.1-alpha.0

package/dist/js/treeshaking/core/plugin.js

@@ -0,0 +1,176 @@
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _asyncToGenerator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+var __generator = this && this.__generator || function(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    };
+    return(g = {
+        next: verb(0),
+        "throw": verb(1),
+        "return": verb(2)
+    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g);
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(_)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+};
+import { createManager, createPipeline, createAsyncPipeline } from "@modern-js/plugin";
+import { createLoaderManager } from "./loader/loaderManager";
+var hoc = createPipeline();
+var provide = createPipeline();
+var client = createAsyncPipeline();
+var server = createAsyncPipeline();
+var init = createAsyncPipeline();
+var pickContext = createPipeline();
+var runtimeHooks = {
+    hoc: hoc,
+    provide: provide,
+    client: client,
+    server: server,
+    init: init,
+    pickContext: pickContext
+};
+var createRuntime = function() {
+    return createManager(runtimeHooks);
+};
+var registerInit = function(App, _init) {
+    var originalInit = App.init;
+    App.init = function() {
+        var _ref = _asyncToGenerator(function(context) {
+            return __generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        if (!context.loaderManager) {
+                            context.loaderManager = createLoaderManager({});
+                        }
+                        return [
+                            4,
+                            Promise.all([
+                                originalInit === null || originalInit === void 0 ? void 0 : originalInit(context),
+                                _init === null || _init === void 0 ? void 0 : _init(context)
+                            ])
+                        ];
+                    case 1:
+                        _state.sent();
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function(context) {
+            return _ref.apply(this, arguments);
+        };
+    }();
+};
+var runtime = createRuntime();
+var createPlugin = runtime.createPlugin;
+export { createPlugin, createRuntime, registerInit, runtime };

package/dist/js/treeshaking/document/Body.js

@@ -0,0 +1,18 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
+import { DOCUMENT_CHUNKSMAP_PLACEHOLDER, DOCUMENT_SSRDATASCRIPT_PLACEHOLDER } from "./constants";
+import { DocumentStructrueContext } from "./DocumentStructrueContext";
+import { DefaultRoot } from "./Root";
+function Body(props) {
+    var hasSetRoot = useContext(DocumentStructrueContext).hasSetRoot;
+    var children = props.children;
+    return /* @__PURE__ */ jsxs("body", {
+        children: [
+            hasSetRoot ? null : /* @__PURE__ */ jsx(DefaultRoot, {}),
+            children,
+            "".concat(DOCUMENT_CHUNKSMAP_PLACEHOLDER),
+            "".concat(DOCUMENT_SSRDATASCRIPT_PLACEHOLDER)
+        ]
+    });
+}
+export { Body };

package/dist/js/treeshaking/document/DocumentContext.js

@@ -0,0 +1,7 @@
+import React from "react";
+var DocumentContext = React.createContext({
+    config: {},
+    templateParams: {},
+    processEnv: {}
+});
+export { DocumentContext };

package/dist/js/treeshaking/document/DocumentStructrueContext.js

@@ -0,0 +1,9 @@
+import React from "react";
+var DocumentStructrueContext = React.createContext({
+    hasSetHead: false,
+    hasSetScripts: false,
+    hasSetBody: false,
+    hasSetRoot: false,
+    hasSetLinks: false
+});
+export { DocumentStructrueContext };

package/dist/js/treeshaking/document/Head.js

@@ -0,0 +1,24 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
+import { DocumentStructrueContext } from "./DocumentStructrueContext";
+import { Scripts } from "./Scripts";
+import { Links } from "./Links";
+import { DOCUMENT_META_PLACEHOLDER } from "./constants";
+function Head(props) {
+    var ref = useContext(DocumentStructrueContext), hasSetScripts = ref.hasSetScripts, hasSetLinks = ref.hasSetLinks;
+    var children = props.children;
+    return /* @__PURE__ */ jsxs("head", {
+        children: [
+            "".concat(DOCUMENT_META_PLACEHOLDER),
+            !hasSetLinks && /* @__PURE__ */ jsx(Links, {}),
+            !hasSetScripts && /* @__PURE__ */ jsx(Scripts, {}),
+            children
+        ]
+    });
+}
+function DefaultHead() {
+    return /* @__PURE__ */ jsx("head", {
+        children: "".concat(DOCUMENT_META_PLACEHOLDER)
+    });
+}
+export { DefaultHead, Head };

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

@@ -0,0 +1,99 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Body } from "./Body";
+import { DocumentStructrueContext } from "./DocumentStructrueContext";
+import { Head } from "./Head";
+function findTargetChild(tag, children) {
+    return children.find(function(item) {
+        return getEleType(item) === tag;
+    });
+}
+function getEleType(ele) {
+    return typeof (ele === null || ele === void 0 ? void 0 : ele.type) === "function" ? ele.type.name : ele === null || ele === void 0 ? void 0 : ele.type;
+}
+function findTargetElement(tag, children) {
+    if (children.length === 0) {
+        return null;
+    }
+    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);
+}
+function Html(props) {
+    var children = props.children;
+    var hasSetHead = Boolean(findTargetChild("Head", children));
+    var hasSetScripts = Boolean(findTargetElement("Scripts", children));
+    var hasSetLinks = Boolean(findTargetElement("Links", children));
+    var hasSetBody = Boolean(findTargetChild("Body", children));
+    var hasSetRoot = Boolean(findTargetElement("Root", children));
+    var notMissMustChild = [
+        hasSetHead,
+        hasSetBody
+    ].every(function(item) {
+        return item;
+    });
+    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,
+                hasSetLinks: hasSetLinks,
+                hasSetRoot: hasSetRoot,
+                hasSetBody: hasSetBody,
+                docChild: children
+            },
+            children: [
+                !hasSetHead && /* @__PURE__ */ jsx(Head, {}),
+                !hasSetBody && /* @__PURE__ */ jsx(Body, {}),
+                children
+            ]
+        })
+    });
+}
+export { Html };

package/dist/js/treeshaking/document/Links.js

@@ -0,0 +1,8 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import { DOCUMENT_LINKS_PLACEHOLDER } from "./constants";
+function Links() {
+    return /* @__PURE__ */ jsx(Fragment, {
+        children: DOCUMENT_LINKS_PLACEHOLDER
+    });
+}
+export { Links };

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

@@ -0,0 +1,26 @@
+import { jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
+import { DocumentContext } from "./DocumentContext";
+import { DOCUMENT_SSR_PLACEHOLDER } from "./constants";
+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
+        ]
+    });
+}
+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

@@ -0,0 +1,8 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import { DOCUMENT_SCRIPTS_PLACEHOLDER } from "./constants";
+function Scripts() {
+    return /* @__PURE__ */ jsx(Fragment, {
+        children: "".concat(DOCUMENT_SCRIPTS_PLACEHOLDER)
+    });
+}
+export { Scripts };