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

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

@@ -1,100 +1,237 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import withSideEffect from 'react-side-effect';
-import React, { createElement } from 'react';
+function _assertThisInitialized(self) {
+    if (self === void 0) {
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+}
+function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+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 _getPrototypeOf(o) {
+    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf(o);
+}
+function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
+    });
+    if (superClass) _setPrototypeOf(subClass, superClass);
+}
+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;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    }
+    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);
+    }
+    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));
+        });
+    }
+    return target;
+}
+function _possibleConstructorReturn(self, call) {
+    if (call && (_typeof(call) === "object" || typeof call === "function")) {
+        return call;
+    }
+    return _assertThisInitialized(self);
+}
+function _setPrototypeOf(o, p) {
+    _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _setPrototypeOf(o, p);
+}
+var _typeof = function(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+};
+function _isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+        Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+        return true;
+    } catch (e) {
+        return false;
+    }
+}
+function _createSuper(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct();
+    return function _createSuperInternal() {
+        var Super = _getPrototypeOf(Derived), result;
+        if (hasNativeReflectConstruct) {
+            var NewTarget = _getPrototypeOf(this).constructor;
+            result = Reflect.construct(Super, arguments, NewTarget);
+        } else {
+            result = Super.apply(this, arguments);
+        }
+        return _possibleConstructorReturn(this, result);
+    };
+}
+import withSideEffect from "react-side-effect";
+import React, { createElement } from "react";
 import { getOutermostProperty, aggKeysFromPropsList, exist, aggMatchesFromPropsList } from "./util";
 var PROP_NAMES = {
-  INTERVAL: 'interval',
-  STALE_LIMIT: 'staleLimit',
-  LEVEL: 'level',
-  INCLUDES: 'includes',
-  EXCLUDES: 'excludes',
-  FALLBACK: 'fallback',
-  MATCHES: 'matches'
-};
-var handleClientStateChange = function handleClientStateChange() {
-  // not used
+    INTERVAL: "interval",
+    STALE_LIMIT: "staleLimit",
+    LEVEL: "level",
+    INCLUDES: "includes",
+    EXCLUDES: "excludes",
+    FALLBACK: "fallback",
+    MATCHES: "matches"
 };
-var mapStateOnServer = function mapStateOnServer(reduceProps) {
-  var defaultProps = {
-    interval: 10,
-    staleLimit: false,
-    level: 0,
-    includes: null,
-    excludes: null,
-    fallback: false,
-    matches: null
-  };
-  return Object.keys(defaultProps).reduce(function (props, key) {
-    var propKey = key;
-    var reduceProp = reduceProps[propKey];
-    var nextProps = props;
-    if (exist(reduceProp)) {
-      nextProps = _objectSpread(_objectSpread({}, props), {}, _defineProperty({}, propKey, reduceProp));
-    }
-    return nextProps;
-  }, defaultProps);
+var handleClientStateChange = function() {};
+var mapStateOnServer = function(reduceProps) {
+    var defaultProps = {
+        interval: 10,
+        staleLimit: false,
+        level: 0,
+        includes: null,
+        excludes: null,
+        fallback: false,
+        matches: null
+    };
+    return Object.keys(defaultProps).reduce(function(props, key) {
+        var propKey = key;
+        var reduceProp = reduceProps[propKey];
+        var nextProps = props;
+        if (exist(reduceProp)) {
+            nextProps = _objectSpreadProps(_objectSpread({}, props), _defineProperty({}, propKey, reduceProp));
+        }
+        return nextProps;
+    }, defaultProps);
 };
-var reducePropsToState = function reducePropsToState(propsList) {
-  var reduceProps = {
-    interval: getOutermostProperty(propsList, PROP_NAMES.INTERVAL),
-    staleLimit: getOutermostProperty(propsList, PROP_NAMES.STALE_LIMIT),
-    level: getOutermostProperty(propsList, PROP_NAMES.LEVEL),
-    includes: aggKeysFromPropsList(propsList, PROP_NAMES.INCLUDES),
-    excludes: aggKeysFromPropsList(propsList, PROP_NAMES.EXCLUDES),
-    fallback: getOutermostProperty(propsList, PROP_NAMES.FALLBACK),
-    matches: aggMatchesFromPropsList(propsList, PROP_NAMES.MATCHES)
-  };
-  return reduceProps;
+var reducePropsToState = function(propsList) {
+    var reduceProps = {
+        interval: getOutermostProperty(propsList, PROP_NAMES.INTERVAL),
+        staleLimit: getOutermostProperty(propsList, PROP_NAMES.STALE_LIMIT),
+        level: getOutermostProperty(propsList, PROP_NAMES.LEVEL),
+        includes: aggKeysFromPropsList(propsList, PROP_NAMES.INCLUDES),
+        excludes: aggKeysFromPropsList(propsList, PROP_NAMES.EXCLUDES),
+        fallback: getOutermostProperty(propsList, PROP_NAMES.FALLBACK),
+        matches: aggMatchesFromPropsList(propsList, PROP_NAMES.MATCHES)
+    };
+    return reduceProps;
 };
 function factory(Component) {
-  var Spr = /*#__PURE__*/function (_React$Component) {
-    _inherits(Spr, _React$Component);
-    var _super = _createSuper(Spr);
-    function Spr() {
-      _classCallCheck(this, Spr);
-      return _super.apply(this, arguments);
-    }
-    _createClass(Spr, [{
-      key: "verify",
-      value: function verify() {
-        return true;
-      }
-    }, {
-      key: "render",
-      value: function render() {
-        var newProps = _objectSpread({}, this.props);
-        var validate = this.verify();
-        if (!validate) {
-          throw new Error('invalid props, check usage');
+    var _Component;
+    var Spr = /*#__PURE__*/ function(_superClass) {
+        "use strict";
+        _inherits(Spr, _superClass);
+        var _super = _createSuper(Spr);
+        function Spr() {
+            _classCallCheck(this, Spr);
+            return _super.apply(this, arguments);
         }
-        return /*#__PURE__*/createElement(Component, _objectSpread({}, newProps));
-      }
-    }], [{
-      key: "canUseDOM",
-      get: function get() {
-        return Component.canUseDOM;
-      },
-      set: function set(canUseDOM) {
-        Component.canUseDOM = canUseDOM;
-      }
-    }]);
+        _createClass(Spr, [
+            {
+                key: "verify",
+                value: function verify() {
+                    return true;
+                }
+            },
+            {
+                key: "render",
+                value: function render() {
+                    var newProps = _objectSpread({}, this.props);
+                    var validate = this.verify();
+                    if (!validate) {
+                        throw new Error("invalid props, check usage");
+                    }
+                    return createElement(Component, _objectSpread({}, newProps));
+                }
+            }
+        ], [
+            {
+                key: "canUseDOM",
+                get: function get() {
+                    return Component.canUseDOM;
+                },
+                set: function set(canUseDOM) {
+                    Component.canUseDOM = canUseDOM;
+                }
+            }
+        ]);
+        return Spr;
+    }(_Component = React.Component);
+    _defineProperty(Spr, "peek", Component.peek);
+    _defineProperty(Spr, "rewind", Component.rewind);
+    _defineProperty(Spr, "config", function() {
+        var mappedState = Component.rewind();
+        return mappedState;
+    });
     return Spr;
-  }(React.Component);
-  _defineProperty(Spr, "peek", Component.peek);
-  _defineProperty(Spr, "rewind", Component.rewind);
-  _defineProperty(Spr, "config", function () {
-    var mappedState = Component.rewind();
-    return mappedState;
-  });
-  return Spr;
 }
-var NullComponent = function NullComponent() {
-  return null;
+var NullComponent = function() {
+    return null;
 };
 var SprSideEffects = withSideEffect(reducePropsToState, handleClientStateChange, mapStateOnServer)(NullComponent);
-export var PreRender = factory(SprSideEffects);
+var PreRender = factory(SprSideEffects);
+export { PreRender };

package/dist/js/treeshaking/ssr/react/prerender/type.js

@@ -0,0 +1 @@
+"use strict";

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

@@ -1,98 +1,108 @@
-import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
-var REQUEST_META = ['header', 'query'];
-export var getInnermostProperty = function getInnermostProperty(propsList, propName) {
-  for (var i = propsList.length - 1; i >= 0; i--) {
-    var props = propsList[i];
-    if (props.hasOwnProperty(propName)) {
-      return props[propName];
+var REQUEST_META = [
+    "header",
+    "query"
+];
+var getInnermostProperty = function getInnermostProperty2(propsList, propName) {
+    for(var i = propsList.length - 1; i >= 0; i--){
+        var props = propsList[i];
+        if (props.hasOwnProperty(propName)) {
+            return props[propName];
+        }
     }
-  }
-  return null;
+    return null;
 };
-export var getOutermostProperty = function getOutermostProperty(propsList, propName) {
-  var _iterator = _createForOfIteratorHelper(propsList),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var props = _step.value;
-      if (props.hasOwnProperty(propName)) {
-        return props[propName];
-      }
+var getOutermostProperty = function getOutermostProperty2(propsList, propName) {
+    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+    try {
+        for(var _iterator = propsList[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+            var props = _step.value;
+            if (props.hasOwnProperty(propName)) {
+                return props[propName];
+            }
+        }
+    } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+            }
+        } finally{
+            if (_didIteratorError) {
+                throw _iteratorError;
+            }
+        }
     }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
-  }
-  return null;
+    return null;
 };
-export var aggKeysFromPropsList = function aggKeysFromPropsList(propsList, propName) {
-  var initResult = REQUEST_META.reduce(function (result, next) {
-    var key = next;
-    result[key] = [];
-    return result;
-  }, {});
-  var res = propsList.filter(function (props) {
-    return usefulObject(props[propName]);
-  }).reduce(function (result, next) {
-    REQUEST_META.forEach(function (key) {
-      var prop = next[propName];
-      if (prop !== null && prop !== void 0 && prop.hasOwnProperty(key) && usefulArray(prop[key])) {
-        result[key] = unique(result[key].concat(prop[key]));
-      }
-    });
-    return result;
-  }, initResult);
-  return REQUEST_META.reduce(function (result, next) {
-    var _result$key;
-    var key = next;
-    if (result[key] && ((_result$key = result[key]) === null || _result$key === void 0 ? void 0 : _result$key.length) === 0) {
-      delete result[key];
-    }
-    return result;
-  }, res);
+var aggKeysFromPropsList = function aggKeysFromPropsList2(propsList, propName) {
+    var initResult = REQUEST_META.reduce(function(result, next) {
+        var key = next;
+        result[key] = [];
+        return result;
+    }, {});
+    var res = propsList.filter(function(props) {
+        return usefulObject(props[propName]);
+    }).reduce(function(result, next) {
+        REQUEST_META.forEach(function(key) {
+            var prop = next[propName];
+            if ((prop === null || prop === void 0 ? void 0 : prop.hasOwnProperty(key)) && usefulArray(prop[key])) {
+                result[key] = unique(result[key].concat(prop[key]));
+            }
+        });
+        return result;
+    }, initResult);
+    return REQUEST_META.reduce(function(result, next) {
+        var ref;
+        var key = next;
+        if (result[key] && ((ref = result[key]) === null || ref === void 0 ? void 0 : ref.length) === 0) {
+            delete result[key];
+        }
+        return result;
+    }, res);
 };
-export var aggMatchesFromPropsList = function aggMatchesFromPropsList(propsList, propName) {
-  var initResult = REQUEST_META.reduce(function (result, next) {
-    var key = next;
-    result[key] = {};
-    return result;
-  }, {});
-  var res = propsList.filter(function (props) {
-    return usefulObject(props[propName]);
-  }).reduce(function (result, next) {
-    REQUEST_META.forEach(function (key) {
-      var prop = next[propName];
-      // 这边目前是浅拷贝，越后渲染优先级越高
-      if (prop !== null && prop !== void 0 && prop.hasOwnProperty(key) && usefulObject(prop[key])) {
-        result[key] = Object.assign(result[key], prop[key]);
-      }
-    });
-    return result;
-  }, initResult);
-  return REQUEST_META.reduce(function (result, next) {
-    var key = next;
-    if (result[key] && Object.keys(result[key]).length === 0) {
-      delete result[key];
-    }
-    return result;
-  }, res);
+var aggMatchesFromPropsList = function aggMatchesFromPropsList2(propsList, propName) {
+    var initResult = REQUEST_META.reduce(function(result, next) {
+        var key = next;
+        result[key] = {};
+        return result;
+    }, {});
+    var res = propsList.filter(function(props) {
+        return usefulObject(props[propName]);
+    }).reduce(function(result, next) {
+        REQUEST_META.forEach(function(key) {
+            var prop = next[propName];
+            if ((prop === null || prop === void 0 ? void 0 : prop.hasOwnProperty(key)) && usefulObject(prop[key])) {
+                result[key] = Object.assign(result[key], prop[key]);
+            }
+        });
+        return result;
+    }, initResult);
+    return REQUEST_META.reduce(function(result, next) {
+        var key = next;
+        if (result[key] && Object.keys(result[key]).length === 0) {
+            delete result[key];
+        }
+        return result;
+    }, res);
 };
 function unique(arr) {
-  return Array.from(new Set(arr));
+    return Array.from(new Set(arr));
 }
 function usefulObject(target) {
-  if (!exist(target)) {
-    return false;
-  }
-  return target.constructor === Object && Object.keys(target).length > 0;
+    if (!exist(target)) {
+        return false;
+    }
+    return target.constructor === Object && Object.keys(target).length > 0;
 }
 function usefulArray(target) {
-  if (!exist(target)) {
-    return false;
-  }
-  return Array.isArray(target) && target.length > 0;
+    if (!exist(target)) {
+        return false;
+    }
+    return Array.isArray(target) && target.length > 0;
+}
+function exist(target) {
+    return target != null;
 }
-export function exist(target) {
-  return target != null;
-}
+export { aggKeysFromPropsList, aggMatchesFromPropsList, exist, getInnermostProperty, getOutermostProperty };

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

@@ -1,15 +1,16 @@
-// See https://github.com/reactwg/react-18/discussions/5#discussioncomment-2276079
-import { useRef, useLayoutEffect } from 'react';
-export var WithCallback = function WithCallback(_ref) {
-  var callback = _ref.callback,
-    children = _ref.children;
-  var once = useRef(false);
-  useLayoutEffect(function () {
-    if (once.current) {
-      return;
-    }
-    once.current = true;
-    callback();
-  }, [callback]);
-  return children;
-};
+import { useRef, useLayoutEffect } from "react";
+var WithCallback = function(param) {
+    var callback = param.callback, children = param.children;
+    var once = useRef(false);
+    useLayoutEffect(function() {
+        if (once.current) {
+            return;
+        }
+        once.current = true;
+        callback();
+    }, [
+        callback
+    ]);
+    return children;
+};
+export { WithCallback };

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

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