@modern-js/runtime 2.69.5 → 3.0.0-alpha.0

package/dist/esm-node/core/loader/loaderManager.js

@@ -1,151 +0,0 @@
-import invariant from "invariant";
-const createGetId = () => {
-  const idCache = /* @__PURE__ */ new Map();
-  return (objectId) => {
-    const cachedId = idCache.get(objectId);
-    if (cachedId) {
-      return cachedId;
-    }
-    const id = JSON.stringify(objectId);
-    invariant(id, "params should be not null value");
-    idCache.set(objectId, id);
-    return id;
-  };
-};
-var LoaderStatus;
-(function(LoaderStatus2) {
-  LoaderStatus2[LoaderStatus2["idle"] = 0] = "idle";
-  LoaderStatus2[LoaderStatus2["loading"] = 1] = "loading";
-  LoaderStatus2[LoaderStatus2["fulfilled"] = 2] = "fulfilled";
-  LoaderStatus2[LoaderStatus2["rejected"] = 3] = "rejected";
-})(LoaderStatus || (LoaderStatus = {}));
-const createLoader = (id, initialData = {
-  loading: false,
-  reloading: false,
-  data: void 0,
-  error: void 0
-}, loaderFn = () => Promise.resolve(), skip = false) => {
-  let promise;
-  let status = 0;
-  let { data, error } = initialData;
-  let hasLoaded = false;
-  const handlers = /* @__PURE__ */ new Set();
-  const load = async () => {
-    if (skip) {
-      return promise;
-    }
-    if (status === 1) {
-      return promise;
-    }
-    status = 1;
-    notify();
-    promise = loaderFn().then((value) => {
-      data = value;
-      error = null;
-      status = 2;
-    }).catch((e) => {
-      error = e;
-      data = null;
-      status = 3;
-    }).finally(() => {
-      promise = null;
-      hasLoaded = true;
-      notify();
-    });
-    return promise;
-  };
-  const getResult = () => ({
-    loading: !hasLoaded && status === 1,
-    reloading: hasLoaded && status === 1,
-    data,
-    error: error instanceof Error ? `${error.message}` : error,
-    // redundant fields for ssr log
-    _error: error
-  });
-  const notify = () => {
-    [
-      ...handlers
-    ].forEach((handler) => {
-      handler(status, getResult());
-    });
-  };
-  const onChange = (handler) => {
-    handlers.add(handler);
-    return () => {
-      handlers.delete(handler);
-    };
-  };
-  return {
-    get result() {
-      return getResult();
-    },
-    get promise() {
-      return promise;
-    },
-    onChange,
-    load
-  };
-};
-const createLoaderManager = (initialDataMap, managerOptions = {}) => {
-  const { skipStatic = false, skipNonStatic = false } = managerOptions;
-  const loadersMap = /* @__PURE__ */ new Map();
-  const getId = createGetId();
-  const add = (loaderFn, loaderOptions) => {
-    const id = getId(loaderOptions.params);
-    let loader = loadersMap.get(id);
-    const cache = loaderOptions._cache;
-    if (!loader || cache === false) {
-      const ignoreNonStatic = skipNonStatic && !loaderOptions.static;
-      const ignoreStatic = skipStatic && loaderOptions.static;
-      const skipExec = ignoreNonStatic || ignoreStatic;
-      loader = createLoader(
-        id,
-        typeof initialDataMap[id] !== "undefined" ? initialDataMap[id] : {
-          data: loaderOptions.initialData
-        },
-        loaderFn,
-        // Todo whether static loader is exec when CSR
-        skipExec
-      );
-      loadersMap.set(id, loader);
-    }
-    return id;
-  };
-  const get = (id) => loadersMap.get(id);
-  const hasPendingLoaders = () => {
-    for (const loader of loadersMap.values()) {
-      const { promise } = loader;
-      if (promise instanceof Promise) {
-        return true;
-      }
-    }
-    return false;
-  };
-  const awaitPendingLoaders = async () => {
-    const pendingLoaders = [];
-    for (const [id, loader] of loadersMap) {
-      const { promise } = loader;
-      if (promise instanceof Promise) {
-        pendingLoaders.push([
-          id,
-          loader
-        ]);
-      }
-    }
-    await Promise.all(pendingLoaders.map((item) => item[1].promise));
-    return pendingLoaders.reduce((res, [id, loader]) => {
-      res[id] = loader.result;
-      return res;
-    }, {});
-  };
-  return {
-    hasPendingLoaders,
-    awaitPendingLoaders,
-    add,
-    get
-  };
-};
-export {
-  LoaderStatus,
-  createLoaderManager
-};

package/dist/esm-node/core/loader/useLoader.js

@@ -1,84 +0,0 @@
-import invariant from "invariant";
-import { useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
-import { RuntimeReactContext } from "../context/runtime";
-import { LoaderStatus } from "./loaderManager";
-const useLoader = (loaderFn, options = {
-  params: void 0
-}) => {
-  const context = useContext(RuntimeReactContext);
-  const isSSRRender = Boolean(context.ssr);
-  const { loaderManager } = context;
-  const loaderRef = useRef();
-  const unlistenLoaderChangeRef = useRef(null);
-  if (isSSRRender && Object.prototype.hasOwnProperty.call(options, "_cache")) {
-    delete options._cache;
-  }
-  const load = useCallback((params) => {
-    var _unlistenLoaderChangeRef_current, _window__SSR_DATA_data_loadersData_id, _window__SSR_DATA_data_loadersData, _window__SSR_DATA_data, _window__SSR_DATA, _window, _loaderRef_current;
-    if (typeof params === "undefined") {
-      var _loaderRef_current1;
-      return (_loaderRef_current1 = loaderRef.current) === null || _loaderRef_current1 === void 0 ? void 0 : _loaderRef_current1.load();
-    }
-    const id = loaderManager.add(() => {
-      try {
-        const res2 = loaderFn(context, params);
-        if (res2 instanceof Promise) {
-          return res2;
-        }
-        return Promise.resolve(res2);
-      } catch (e) {
-        return Promise.reject(e);
-      }
-    }, {
-      ...options,
-      params
-    });
-    loaderRef.current = loaderManager.get(id);
-    (_unlistenLoaderChangeRef_current = unlistenLoaderChangeRef.current) === null || _unlistenLoaderChangeRef_current === void 0 ? void 0 : _unlistenLoaderChangeRef_current.call(unlistenLoaderChangeRef);
-    if (isSSRRender) {
-      return void 0;
-    }
-    if (options.skip) {
-      return void 0;
-    }
-    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_data = _window__SSR_DATA.data) === null || _window__SSR_DATA_data === void 0 ? void 0 : (_window__SSR_DATA_data_loadersData = _window__SSR_DATA_data.loadersData) === null || _window__SSR_DATA_data_loadersData === void 0 ? void 0 : (_window__SSR_DATA_data_loadersData_id = _window__SSR_DATA_data_loadersData[id]) === null || _window__SSR_DATA_data_loadersData_id === void 0 ? void 0 : _window__SSR_DATA_data_loadersData_id.error) === null) {
-      return void 0;
-    }
-    const res = loaderRef.current.load();
-    unlistenLoaderChangeRef.current = (_loaderRef_current = loaderRef.current) === null || _loaderRef_current === void 0 ? void 0 : _loaderRef_current.onChange((_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(() => () => {
-    var _unlistenLoaderChangeRef_current;
-    (_unlistenLoaderChangeRef_current = unlistenLoaderChangeRef.current) === null || _unlistenLoaderChangeRef_current === void 0 ? void 0 : _unlistenLoaderChangeRef_current.call(unlistenLoaderChangeRef);
-  }, []);
-  useMemo(() => {
-    var _options_params;
-    const 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
-  ]);
-  const [result, setResult] = useState(loaderRef.current.result);
-  return {
-    ...result,
-    reload: load
-  };
-};
-var useLoader_default = useLoader;
-export {
-  useLoader_default as default
-};

package/dist/esm-node/core/plugin/index.js

@@ -1,28 +0,0 @@
-import { runtime } from "@modern-js/plugin-v2/runtime";
-import { merge } from "@modern-js/runtime-utils/merge";
-import { compatPlugin } from "../compat";
-import { handleSetupResult } from "../compat/hooks";
-import { requestContextPlugin } from "../compat/requestContext";
-import { setGlobalInternalRuntimeContext } from "../context";
-function registerPlugin(internalPlugins, runtimeConfig) {
-  const { plugins = [] } = runtimeConfig || {};
-  const { runtimeContext } = runtime.run({
-    plugins: [
-      compatPlugin(),
-      requestContextPlugin(),
-      ...internalPlugins,
-      ...plugins
-    ],
-    config: runtimeConfig || {},
-    handleSetupResult
-  });
-  setGlobalInternalRuntimeContext(runtimeContext);
-  return runtimeContext;
-}
-function mergeConfig(config, ...otherConfig) {
-  return merge({}, config, ...otherConfig);
-}
-export {
-  mergeConfig,
-  registerPlugin
-};

package/dist/esm-node/core/react/index.js

@@ -1,18 +0,0 @@
-import { parsedJSONFromElement } from "@modern-js/runtime-utils/parsed";
-import { isBrowser } from "../../common";
-import { ROUTER_DATA_JSON_ID, SSR_DATA_JSON_ID } from "../constants";
-import { getGlobalApp, getGlobalInternalRuntimeContext } from "../context";
-function createRoot(UserApp) {
-  const App = UserApp || getGlobalApp();
-  if (isBrowser()) {
-    window._SSR_DATA = window._SSR_DATA || parsedJSONFromElement(SSR_DATA_JSON_ID);
-    window._ROUTER_DATA = window._ROUTER_DATA || parsedJSONFromElement(ROUTER_DATA_JSON_ID);
-  }
-  const internalRuntimeContext = getGlobalInternalRuntimeContext();
-  const hooks = internalRuntimeContext.hooks;
-  const WrapperApp = hooks.wrapRoot.call(App);
-  return WrapperApp;
-}
-export {
-  createRoot
-};

package/dist/esm-node/core/react/wrapper.js

@@ -1,10 +0,0 @@
-import React from "react";
-import { RuntimeReactContext } from "../context";
-function wrapRuntimeContextProvider(App, contextValue) {
-  return /* @__PURE__ */ React.createElement(RuntimeReactContext.Provider, {
-    value: contextValue
-  }, App);
-}
-export {
-  wrapRuntimeContextProvider
-};

package/dist/esm-node/core/server/constants.js

@@ -1,10 +0,0 @@
-const HTML_PLACEHOLDER = "<!--<?- html ?>-->";
-const SSR_DATA_PLACEHOLDER = "<!--<?- SSRDataScript ?>-->";
-const CHUNK_JS_PLACEHOLDER = "<!--<?- chunksMap.js ?>-->";
-const CHUNK_CSS_PLACEHOLDER = "<!--<?- chunksMap.css ?>-->";
-export {
-  CHUNK_CSS_PLACEHOLDER,
-  CHUNK_JS_PLACEHOLDER,
-  HTML_PLACEHOLDER,
-  SSR_DATA_PLACEHOLDER
-};

package/dist/esm-node/core/server/helmet.js

@@ -1,49 +0,0 @@
-import { EOL } from "os";
-import { safeReplace } from "./utils";
-const RE_HTML_ATTR = /<html[^>]*>/;
-const RE_BODY_ATTR = /<body[^>]*>/;
-const RE_LAST_IN_HEAD = /<\/head>/;
-const RE_TITLE = /<title[^>]*>([\s\S\n\r]*?)<\/title>/;
-const TEST_TITLE_CONTENT = RegExp("(?<=<title[^>]*>)([\\s\\S\\n\\r]*?)([.|\\S])([\\s\\S\\n\\r]*?)(?=<\\/title>)");
-function createReplaceHelemt(helmetData) {
-  return helmetData ? (template) => helmetReplace(template, helmetData) : (tempalte) => tempalte;
-}
-function helmetReplace(content, helmetData) {
-  let result = content;
-  const bodyAttributes = helmetData.bodyAttributes.toString();
-  if (bodyAttributes) {
-    result = safeReplace(result, RE_BODY_ATTR, `<body ${bodyAttributes}>`);
-  }
-  const htmlAttributes = helmetData.htmlAttributes.toString();
-  if (htmlAttributes) {
-    result = safeReplace(result, RE_HTML_ATTR, `<html ${htmlAttributes}>`);
-  }
-  const base = helmetData.base.toString();
-  const link = helmetData.link.toString();
-  const meta = helmetData.meta.toString();
-  const noscript = helmetData.noscript.toString();
-  const script = helmetData.script.toString();
-  const style = helmetData.style.toString();
-  const title = helmetData.title.toString();
-  const existTitleTag = RE_TITLE.test(content);
-  const shouldReplaceTitle = existTitleTag && TEST_TITLE_CONTENT.test(title.trim());
-  if (shouldReplaceTitle) {
-    result = safeReplace(result, RE_TITLE, title);
-  }
-  const helmetStr = [
-    base,
-    link,
-    meta,
-    noscript,
-    script,
-    style,
-    !existTitleTag ? title : ""
-  ].reduce((pre, cur) => {
-    return pre + (cur.length > 0 ? `  ${cur}${EOL}` : "");
-  }, "");
-  return safeReplace(result, RE_LAST_IN_HEAD, `${helmetStr}</head>`);
-}
-export {
-  createReplaceHelemt,
-  helmetReplace
-};

package/dist/esm-node/core/server/index.js

@@ -1,13 +0,0 @@
-import { PreRender, NoSSR, NoSSRCache } from "./react";
-const ssr = (_config) => ({
-  name: "@modern-js/plugin-ssr",
-  setup: () => ({})
-});
-var server_default = ssr;
-export {
-  NoSSR,
-  NoSSRCache,
-  PreRender,
-  server_default as default,
-  ssr
-};

package/dist/esm-node/core/server/react/index.js

@@ -1,8 +0,0 @@
-import { PreRender } from "./prerender";
-import { NoSSR } from "./nossr";
-import { NoSSRCache } from "./no-ssr-cache";
-export {
-  NoSSR,
-  NoSSRCache,
-  PreRender
-};

package/dist/esm-node/core/server/react/no-ssr-cache/index.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Helmet } from "../../../../exports/head";
-const NoSSRCache = () => {
-  return /* @__PURE__ */ _jsx(Helmet, {
-    children: /* @__PURE__ */ _jsx("meta", {
-      name: "no-ssr-cache"
-    })
-  });
-};
-export {
-  NoSSRCache
-};

package/dist/esm-node/core/server/react/nossr/index.js

@@ -1,13 +0,0 @@
-import React from "react";
-import { useEffect, useState } from "react";
-const NoSSR = (props) => {
-  const [isMounted, setMounted] = useState(false);
-  useEffect(() => {
-    setMounted(true);
-  }, []);
-  const { children, fallback = null } = props || {};
-  return React.createElement(React.Fragment, null, isMounted ? children : fallback);
-};
-export {
-  NoSSR
-};

package/dist/esm-node/core/server/react/prerender/index.js

@@ -1,90 +0,0 @@
-import React, { createElement } from "react";
-import withSideEffect from "react-side-effect";
-import { aggKeysFromPropsList, aggMatchesFromPropsList, exist, getOutermostProperty } from "./util";
-const PROP_NAMES = {
-  INTERVAL: "interval",
-  STALE_LIMIT: "staleLimit",
-  LEVEL: "level",
-  INCLUDES: "includes",
-  EXCLUDES: "excludes",
-  FALLBACK: "fallback",
-  MATCHES: "matches"
-};
-const handleClientStateChange = () => {
-};
-const mapStateOnServer = (reduceProps) => {
-  const defaultProps = {
-    interval: 10,
-    staleLimit: false,
-    level: 0,
-    includes: null,
-    excludes: null,
-    fallback: false,
-    matches: null
-  };
-  return Object.keys(defaultProps).reduce((props, key) => {
-    const propKey = key;
-    const reduceProp = reduceProps[propKey];
-    let nextProps = props;
-    if (exist(reduceProp)) {
-      nextProps = {
-        ...props,
-        [propKey]: reduceProp
-      };
-    }
-    return nextProps;
-  }, defaultProps);
-};
-const reducePropsToState = (propsList) => {
-  const 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) {
-  class Spr extends React.Component {
-    static set canUseDOM(canUseDOM) {
-      Component.canUseDOM = canUseDOM;
-    }
-    static get canUseDOM() {
-      return Component.canUseDOM;
-    }
-    verify() {
-      return true;
-    }
-    render() {
-      const newProps = {
-        ...this.props
-      };
-      const validate = this.verify();
-      if (!validate) {
-        throw new Error("invalid props, check usage");
-      }
-      if (process.env.NODE_ENV === "development") {
-        console.error("[Warn] PreRender has been deprecated, please use SSR Cache instead. reference to docs: https://modernjs.dev/guides/advanced-features/ssr.html");
-      }
-      return createElement(Component, {
-        ...newProps
-      });
-    }
-  }
-  Spr.peek = Component.peek;
-  Spr.rewind = Component.rewind;
-  Spr.config = () => {
-    const mappedState = Component.rewind();
-    return mappedState;
-  };
-  return Spr;
-}
-const NullComponent = () => null;
-const SprSideEffects = withSideEffect(reducePropsToState, handleClientStateChange, mapStateOnServer)(NullComponent);
-const PreRender = factory(SprSideEffects);
-export {
-  PreRender
-};

package/dist/esm-node/core/server/react/prerender/util.js

@@ -1,93 +0,0 @@
-const REQUEST_META = [
-  "header",
-  "query"
-];
-const getInnermostProperty = function getInnermostProperty2(propsList, propName) {
-  for (let i = propsList.length - 1; i >= 0; i--) {
-    const props = propsList[i];
-    if (props.hasOwnProperty(propName)) {
-      return props[propName];
-    }
-  }
-  return null;
-};
-const getOutermostProperty = function getOutermostProperty2(propsList, propName) {
-  for (const props of propsList) {
-    if (props.hasOwnProperty(propName)) {
-      return props[propName];
-    }
-  }
-  return null;
-};
-const aggKeysFromPropsList = function aggKeysFromPropsList2(propsList, propName) {
-  const initResult = REQUEST_META.reduce((result, next) => {
-    const key = next;
-    result[key] = [];
-    return result;
-  }, {});
-  const res = propsList.filter((props) => usefulObject(props[propName])).reduce((result, next) => {
-    REQUEST_META.forEach((key) => {
-      const 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((result, next) => {
-    var _result_key;
-    const 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);
-};
-const aggMatchesFromPropsList = function aggMatchesFromPropsList2(propsList, propName) {
-  const initResult = REQUEST_META.reduce((result, next) => {
-    const key = next;
-    result[key] = {};
-    return result;
-  }, {});
-  const res = propsList.filter((props) => usefulObject(props[propName])).reduce((result, next) => {
-    REQUEST_META.forEach((key) => {
-      const 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((result, next) => {
-    const 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));
-}
-function usefulObject(target) {
-  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;
-}
-function exist(target) {
-  return target != null;
-}
-export {
-  aggKeysFromPropsList,
-  aggMatchesFromPropsList,
-  exist,
-  getInnermostProperty,
-  getOutermostProperty
-};