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

package/dist/js/treeshaking/core/loader/useLoader.js

@@ -1,90 +1,188 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { useContext, useRef, useMemo, useState, useCallback, useEffect } from 'react';
-import invariant from 'invariant';
-import { RuntimeReactContext } from "../../runtime-context";
-import { LoaderStatus } from "./loaderManager";
-var useLoader = function useLoader(loaderFn) {
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
-    params: undefined
-  };
-  var context = useContext(RuntimeReactContext);
-  var isSSRRender = Boolean(context.ssr);
-  var loaderManager = context.loaderManager;
-  var loaderRef = useRef();
-  var unlistenLoaderChangeRef = useRef(null);
-
-  // SSR render should ignore `_cache` prop
-  if (isSSRRender && Object.prototype.hasOwnProperty.call(options, '_cache')) {
-    delete options._cache;
-  }
-  var load = useCallback(function (params) {
-    var _unlistenLoaderChange, _window, _window$_SSR_DATA, _window$_SSR_DATA$dat, _window$_SSR_DATA$dat2, _loaderRef$current2;
-    if (typeof params === 'undefined') {
-      var _loaderRef$current;
-      return (_loaderRef$current = loaderRef.current) === null || _loaderRef$current === void 0 ? void 0 : _loaderRef$current.load();
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+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;
+}
+function _instanceof(left, right) {
+    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+        return !!right[Symbol.hasInstance](left);
+    } else {
+        return left instanceof right;
+    }
+}
+function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
     }
-    var id = loaderManager.add(function () {
-      try {
-        var _res = loaderFn(context, params);
-        if (_res instanceof Promise) {
-          return _res;
+    return _arr;
+}
+function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
         }
-        return Promise.resolve(_res);
-      } catch (e) {
-        return Promise.reject(e);
-      }
-    }, _objectSpread(_objectSpread({}, options), {}, {
-      params: params
-    }));
-    loaderRef.current = loaderManager.get(id);
-    // unsubscribe old loader onChange event
-    (_unlistenLoaderChange = unlistenLoaderChangeRef.current) === null || _unlistenLoaderChange === void 0 ? void 0 : _unlistenLoaderChange.call(unlistenLoaderChangeRef);
-    if (isSSRRender) {
-      return undefined;
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
     }
-
-    // skip this loader, then try to unlisten loader change
-    if (options.skip) {
-      return undefined;
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
     }
-
-    // do not load data again in CSR hydrate stage if SSR data exists
-    if (context._hydration && ((_window = window) === null || _window === void 0 ? void 0 : (_window$_SSR_DATA = _window._SSR_DATA) === null || _window$_SSR_DATA === void 0 ? void 0 : (_window$_SSR_DATA$dat = _window$_SSR_DATA.data) === null || _window$_SSR_DATA$dat === void 0 ? void 0 : (_window$_SSR_DATA$dat2 = _window$_SSR_DATA$dat.loadersData[id]) === null || _window$_SSR_DATA$dat2 === void 0 ? void 0 : _window$_SSR_DATA$dat2.error) === null) {
-      return undefined;
+    return keys;
+}
+function _objectSpreadProps(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
     }
-    var res = loaderRef.current.load();
-    unlistenLoaderChangeRef.current = (_loaderRef$current2 = loaderRef.current) === null || _loaderRef$current2 === void 0 ? void 0 : _loaderRef$current2.onChange(function (_status, _result) {
-      setResult(_result);
-      if (_status === LoaderStatus.fulfilled) {
-        var _options$onSuccess;
-        options === null || options === void 0 ? void 0 : (_options$onSuccess = options.onSuccess) === null || _options$onSuccess === void 0 ? void 0 : _options$onSuccess.call(options, _result.data);
-      }
-      if (_status === LoaderStatus.rejected) {
-        var _options$onError;
-        options === null || options === void 0 ? void 0 : (_options$onError = options.onError) === null || _options$onError === void 0 ? void 0 : _options$onError.call(options, _result.error);
-      }
-    });
-    return res;
-  }, [options.skip]);
-  useEffect(function () {
-    return function () {
-      var _unlistenLoaderChange2;
-      (_unlistenLoaderChange2 = unlistenLoaderChangeRef.current) === null || _unlistenLoaderChange2 === void 0 ? void 0 : _unlistenLoaderChange2.call(unlistenLoaderChangeRef);
+    return target;
+}
+function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+import { useContext, useRef, useMemo, useState, useCallback, useEffect } from "react";
+import invariant from "invariant";
+import { RuntimeReactContext } from "../../runtime-context";
+import { LoaderStatus } from "./loaderManager";
+var useLoader = function(loaderFn) {
+    var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
+        params: void 0
     };
-  }, []);
-  useMemo(function () {
-    var _options$params;
-    var p = (_options$params = options.params) !== null && _options$params !== void 0 ? _options$params : loaderFn.id;
-    invariant(typeof p !== 'undefined' && p !== null, 'Params is required in useLoader');
-    load(p);
-  }, [options.params]);
-  var _useState = useState(loaderRef.current.result),
-    _useState2 = _slicedToArray(_useState, 2),
-    result = _useState2[0],
-    setResult = _useState2[1];
-  return _objectSpread(_objectSpread({}, result), {}, {
-    reload: load
-  });
+    var context = useContext(RuntimeReactContext);
+    var isSSRRender = Boolean(context.ssr);
+    var loaderManager = context.loaderManager;
+    var loaderRef = useRef();
+    var unlistenLoaderChangeRef = useRef(null);
+    if (isSSRRender && Object.prototype.hasOwnProperty.call(options, "_cache")) {
+        delete options._cache;
+    }
+    var load = useCallback(function(params) {
+        var ref, ref1, ref2, ref3, ref4;
+        if (typeof params === "undefined") {
+            var ref5;
+            return (ref5 = loaderRef.current) === null || ref5 === void 0 ? void 0 : ref5.load();
+        }
+        var id = loaderManager.add(function() {
+            try {
+                var res2 = loaderFn(context, params);
+                if (_instanceof(res2, Promise)) {
+                    return res2;
+                }
+                return Promise.resolve(res2);
+            } catch (e) {
+                return Promise.reject(e);
+            }
+        }, _objectSpreadProps(_objectSpread({}, options), {
+            params: params
+        }));
+        loaderRef.current = loaderManager.get(id);
+        (ref = unlistenLoaderChangeRef.current) === null || ref === void 0 ? void 0 : ref.call(unlistenLoaderChangeRef);
+        if (isSSRRender) {
+            return void 0;
+        }
+        if (options.skip) {
+            return void 0;
+        }
+        if (context._hydration && ((ref3 = window === null || window === void 0 ? void 0 : (ref1 = window._SSR_DATA) === null || ref1 === void 0 ? void 0 : (ref2 = ref1.data) === null || ref2 === void 0 ? void 0 : ref2.loadersData[id]) === null || ref3 === void 0 ? void 0 : ref3.error) === null) {
+            return void 0;
+        }
+        var res = loaderRef.current.load();
+        unlistenLoaderChangeRef.current = (ref4 = loaderRef.current) === null || ref4 === void 0 ? void 0 : ref4.onChange(function(_status, _result) {
+            setResult(_result);
+            if (_status === LoaderStatus.fulfilled) {
+                var ref;
+                options === null || options === void 0 ? void 0 : (ref = options.onSuccess) === null || ref === void 0 ? void 0 : ref.call(options, _result.data);
+            }
+            if (_status === LoaderStatus.rejected) {
+                var ref1;
+                options === null || options === void 0 ? void 0 : (ref1 = options.onError) === null || ref1 === void 0 ? void 0 : ref1.call(options, _result.error);
+            }
+        });
+        return res;
+    }, [
+        options.skip
+    ]);
+    useEffect(function() {
+        return function() {
+            var ref;
+            (ref = unlistenLoaderChangeRef.current) === null || ref === void 0 ? void 0 : ref.call(unlistenLoaderChangeRef);
+        };
+    }, []);
+    useMemo(function() {
+        var _params;
+        var p = (_params = options.params) !== null && _params !== void 0 ? _params : loaderFn.id;
+        invariant(typeof p !== "undefined" && p !== null, "Params is required in useLoader");
+        load(p);
+    }, [
+        options.params
+    ]);
+    var ref = _slicedToArray(useState(loaderRef.current.result), 2), result = ref[0], setResult = ref[1];
+    return _objectSpreadProps(_objectSpread({}, result), {
+        reload: load
+    });
 };
-export default useLoader;
+var useLoader_default = useLoader;
+export { useLoader_default as default };

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

@@ -1,60 +1,176 @@
-import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import { createManager, createPipeline, createAsyncPipeline } from '@modern-js/plugin';
+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();
-
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
-
 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
+    hoc: hoc,
+    provide: provide,
+    client: client,
+    server: server,
+    init: init,
+    pickContext: pickContext
 };
-
-/** All hooks of runtime plugin. */
-
-export var createRuntime = function createRuntime() {
-  return createManager(runtimeHooks);
+var createRuntime = function() {
+    return createManager(runtimeHooks);
 };
-
-/**
- * register init hook. It would be revoked both ssr and csr.
- */
-var registerInit = function registerInit(App, _init) {
-  var originalInit = App.init;
-  App.init = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(context) {
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (!context.loaderManager) {
-                context.loaderManager = createLoaderManager({});
-              }
-              _context.next = 3;
-              return Promise.all([originalInit === null || originalInit === void 0 ? void 0 : originalInit(context), _init === null || _init === void 0 ? void 0 : _init(context)]);
-            case 3:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-    return function (_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
+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);
+        };
+    }();
 };
-export var runtime = createRuntime();
+var runtime = createRuntime();
 var createPlugin = runtime.createPlugin;
-export { createPlugin };
-export { registerInit };
+export { createPlugin, createRuntime, registerInit, runtime };

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

@@ -1,14 +1,18 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React, { useContext } from 'react';
+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";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export function Body(props) {
-  var _useContext = useContext(DocumentStructrueContext),
-    hasSetRoot = _useContext.hasSetRoot;
-  var children = props.children;
-  return /*#__PURE__*/_jsxs("body", {
-    children: [hasSetRoot ? null : DefaultRoot, children, "".concat(DOCUMENT_CHUNKSMAP_PLACEHOLDER), "".concat(DOCUMENT_SSRDATASCRIPT_PLACEHOLDER)]
-  });
-}
+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

@@ -1,6 +1,7 @@
-import React from 'react';
-export var DocumentContext = /*#__PURE__*/React.createContext({
-  config: {},
-  templateParams: {},
-  processEnv: {}
-});
+import React from "react";
+var DocumentContext = React.createContext({
+    config: {},
+    templateParams: {},
+    processEnv: {}
+});
+export { DocumentContext };

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

@@ -1,7 +1,8 @@
-import React from 'react';
-export var DocumentStructrueContext = /*#__PURE__*/React.createContext({
-  hasSetHead: false,
-  hasSetScripts: false,
-  hasSetBody: false,
-  hasSetRoot: false
-});
+import React from "react";
+var DocumentStructrueContext = React.createContext({
+    hasSetHead: false,
+    hasSetScripts: false,
+    hasSetBody: false,
+    hasSetRoot: false
+});
+export { DocumentStructrueContext };

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

@@ -1,21 +1,22 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import React, { useContext } from 'react';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
 import { DocumentStructrueContext } from "./DocumentStructrueContext";
 import { Scripts } from "./Scripts";
 import { DOCUMENT_META_PLACEHOLDER } from "./constants";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export function Head(props) {
-  var _useContext = useContext(DocumentStructrueContext),
-    hasSetScripts = _useContext.hasSetScripts;
-  var children = props.children;
-  // todo: verify the children
-  return /*#__PURE__*/_jsxs("head", {
-    children: ["".concat(DOCUMENT_META_PLACEHOLDER), !hasSetScripts && /*#__PURE__*/_jsx(Scripts, {}), children]
-  });
+function Head(props) {
+    var hasSetScripts = useContext(DocumentStructrueContext).hasSetScripts;
+    var children = props.children;
+    return /* @__PURE__ */ jsxs("head", {
+        children: [
+            "".concat(DOCUMENT_META_PLACEHOLDER),
+            !hasSetScripts && /* @__PURE__ */ jsx(Scripts, {}),
+            children
+        ]
+    });
 }
-export function DefaultHead() {
-  return /*#__PURE__*/_jsx("head", {
-    children: "".concat(DOCUMENT_META_PLACEHOLDER)
-  });
-}
+function DefaultHead() {
+    return /* @__PURE__ */ jsx("head", {
+        children: "".concat(DOCUMENT_META_PLACEHOLDER)
+    });
+}
+export { DefaultHead, Head };