@modern-js/runtime 1.21.5 → 2.0.0-beta.1

package/dist/js/modern/ssr/utils.js

@@ -1,9 +1,7 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 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; }
-
+export const isReact18 = () => process.env.IS_REACT18 === 'true';
 export const formatServer = request => {
   const {
     cookie = '',
@@ -16,20 +14,15 @@ export const formatServer = request => {
     referer
   }, request);
 };
-
 const getQuery = () => window.location.search.substring(1).split('&').reduce((res, item) => {
   const [key, value] = item.split('=');
-
   if (key) {
     res[key] = value;
   }
-
   return res;
 }, {});
-
 export const formatClient = request => {
   var _request$headers, _request$headers2;
-
   return {
     params: request.params || {},
     host: request.host || location.host,
@@ -46,16 +39,18 @@ export const formatClient = request => {
 export const mockResponse = () => {
   return {
     setHeader() {
-      console.info('setHeader can only be used in the server side');
+      console.warn('response.setHeader() can only be used in the server side');
     },
-
     status() {
-      console.info('status can only be used in the server side');
+      console.warn('response.status() can only be used in the server side');
+    },
+    get locals() {
+      console.warn('response.locals can only be used in the server side');
+      return {};
     }
-
   };
 };
-export const isCrossOrigin = (url, base) => {
+export const isCrossOrigin = (url = '', base) => {
   if (url.startsWith('/') || url.startsWith('./')) {
     return false;
   } else if (!url.includes(base)) {

package/dist/js/modern/state/cli/index.js

@@ -19,13 +19,11 @@ export default (() => ({
           }
         };
       },
-
       modifyEntryImports({
         entrypoint,
         imports
       }) {
         var _getEntryOptions;
-
         const {
           entryName
         } = entrypoint;
@@ -35,7 +33,6 @@ export default (() => ({
         } = api.useAppContext();
         const stateConfig = (_getEntryOptions = getEntryOptions(entryName, userConfig.runtime, userConfig.runtimeByEntries, packageName)) === null || _getEntryOptions === void 0 ? void 0 : _getEntryOptions.state;
         stateConfigMap.set(entryName, stateConfig);
-
         if (stateConfig) {
           imports.push({
             value: '@modern-js/runtime/plugins',
@@ -44,40 +41,33 @@ export default (() => ({
             }]
           });
         }
-
         return {
           entrypoint,
           imports
         };
       },
-
       modifyEntryRuntimePlugins({
         entrypoint,
         plugins
       }) {
         const stateOptions = stateConfigMap.get(entrypoint.entryName);
-
         if (stateOptions) {
           plugins.push({
             name: PLUGIN_IDENTIFIER,
             options: `${JSON.stringify(stateConfigMap.get(entrypoint.entryName))}`
           });
         }
-
         return {
           entrypoint,
           plugins
         };
       },
-
       validateSchema() {
         return PLUGIN_SCHEMAS['@modern-js/plugin-state'];
       },
-
       addRuntimeExports() {
         pluginsExportsUtils.addExport(`export { default as state } from '@modern-js/runtime/model'`);
       }
-
     };
   }
 }));

package/dist/js/modern/state/runtime/plugin.js

@@ -1,9 +1,6 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 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; }
-
 import { useContext } from 'react';
 import { createStore } from '@modern-js-reduck/store';
 import { Provider } from '@modern-js-reduck/react';
@@ -18,7 +15,6 @@ const StatePluginHandleMap = {
   autoActions,
   devtools
 };
-
 const getStoreConfig = config => {
   const internalPlugins = ['immer', 'effects', 'autoActions', 'devtools'];
   const plugins = [];
@@ -27,7 +23,6 @@ const getStoreConfig = config => {
     plugins
   };
 };
-
 const state = config => ({
   name: '@modern-js/plugin-state',
   setup: () => {
@@ -44,29 +39,23 @@ const state = config => ({
             children: /*#__PURE__*/_jsx(App, _objectSpread({}, props))
           });
         };
-
         return next({
           App: hoistNonReactStatics(getStateApp, App)
         });
       },
-
       init({
         context
       }, next) {
         const storeConfig = getStoreConfig(config || {});
-
         if (isBrowser()) {
           var _window, _window$_SSR_DATA, _window$_SSR_DATA$dat;
-
           storeConfig.initialState = storeConfig.initialState || ((_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$dat.storeState) || {};
         }
-
         context.store = createStore(storeConfig);
-        next({
+        return next({
           context
         });
       },
-
       pickContext({
         context,
         pickedContext
@@ -78,10 +67,8 @@ const state = config => ({
           })
         });
       }
-
     };
   }
 });
-
 export default state;
 export * from "../plugins";

package/dist/js/node/cli/index.js

@@ -4,23 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _path = _interopRequireDefault(require("path"));
-
 var _utils = require("@modern-js/utils");
-
 var _cli = _interopRequireDefault(require("../state/cli"));
-
 var _cli2 = _interopRequireDefault(require("../ssr/cli"));
-
 var _cli3 = _interopRequireDefault(require("../router/cli"));
-
+var _cli4 = _interopRequireDefault(require("../document/cli"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = () => ({
   name: '@modern-js/runtime',
-  post: ['@modern-js/plugin-router', '@modern-js/plugin-ssr', '@modern-js/plugin-state', '@modern-js/plugin-design-token'],
-  usePlugins: [(0, _cli.default)(), (0, _cli3.default)(), (0, _cli2.default)()],
+  post: ['@modern-js/plugin-router', '@modern-js/plugin-ssr', '@modern-js/plugin-document', '@modern-js/plugin-state', '@modern-js/plugin-design-token'],
+  usePlugins: [(0, _cli.default)(), (0, _cli2.default)(), (0, _cli3.default)(), (0, _cli4.default)()],
   setup: api => {
     return {
       config() {
@@ -42,17 +36,13 @@ var _default = () => ({
           }
         };
       },
-
       validateSchema() {
         return _utils.PLUGIN_SCHEMAS['@modern-js/runtime'];
       },
-
       async beforeRestart() {
         (0, _utils.cleanRequireCache)([require.resolve("../state/cli"), require.resolve("../router/cli"), require.resolve("../ssr/cli")]);
       }
-
     };
   }
 });
-
 exports.default = _default;

package/dist/js/node/common.js

@@ -4,7 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isBrowser = void 0;
-
 const isBrowser = () => typeof window !== 'undefined' && window.name !== 'nodejs';
-
 exports.isBrowser = isBrowser;

package/dist/js/node/core/app-config.js

@@ -5,18 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getConfig = exports.defineConfig = void 0;
 const APP_CONFIG_SYMBOL = 'config';
-
-const getConfig = Component => // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+const getConfig = Component =>
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-expect-error
 Component[APP_CONFIG_SYMBOL];
-
 exports.getConfig = getConfig;
-
 const defineConfig = (Component, config) => {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-expect-error
   Component[APP_CONFIG_SYMBOL] = config;
   return Component;
 };
-
 exports.defineConfig = defineConfig;

package/dist/js/node/core/compatible.js

@@ -4,65 +4,43 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useRuntimeContext = exports.createApp = exports.bootstrap = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _hoistNonReactStatics = _interopRequireDefault(require("hoist-non-react-statics"));
-
 var _runtimeContext = require("../runtime-context");
-
 var _plugin = require("./plugin");
-
 var _loaderManager = require("./loader/loaderManager");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["context"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 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; }
-
 const IS_REACT18 = process.env.IS_REACT18 === 'true';
-
+const ROUTE_MANIFEST = `_MODERNJS_ROUTE_MANIFEST`;
 function isClientArgs(id) {
   return typeof id === 'string' || typeof HTMLElement !== 'undefined' && id instanceof HTMLElement;
 }
-
 const runnerMap = new WeakMap();
-
 const getInitialContext = runner => ({
   loaderManager: (0, _loaderManager.createLoaderManager)({}),
   runner,
-  isBrowser: true
+  isBrowser: true,
+  routeManifest: typeof window !== 'undefined' && window[ROUTE_MANIFEST]
 });
-
 const createApp = ({
   plugins
 }) => {
   const appRuntime = _plugin.runtime.clone();
-
   appRuntime.usePlugin(...plugins);
   return App => {
     const runner = appRuntime.init();
-
     const WrapperComponent = props => {
       const element = /*#__PURE__*/_react.default.createElement(App || _react.default.Fragment, _objectSpread({}, props), props.children);
-
       const context = (0, _react.useContext)(_runtimeContext.RuntimeReactContext);
       return runner.provide({
         element,
@@ -74,11 +52,9 @@ const createApp = ({
         }) => element
       });
     };
-
     if (App) {
       (0, _hoistNonReactStatics.default)(WrapperComponent, App);
     }
-
     const HOCApp = runner.hoc({
       App: WrapperComponent
     }, {
@@ -87,14 +63,13 @@ const createApp = ({
       }) => {
         const WrapComponent = _ref => {
           var _contextValue;
-
           let {
-            context
-          } = _ref,
-              props = _objectWithoutProperties(_ref, _excluded);
-
-          let contextValue = context; // We should construct the context, when root component is not passed into `bootstrap`.
+              context
+            } = _ref,
+            props = _objectWithoutProperties(_ref, _excluded);
+          let contextValue = context;
 
+          // We should construct the context, when root component is not passed into `bootstrap`.
           if (!((_contextValue = contextValue) !== null && _contextValue !== void 0 && _contextValue.runner)) {
             contextValue = getInitialContext(runner);
             runner.init({
@@ -104,18 +79,15 @@ const createApp = ({
                 context: context1
               }) => {
                 var _App$init;
-
                 return App === null || App === void 0 ? void 0 : (_App$init = App.init) === null || _App$init === void 0 ? void 0 : _App$init.call(App, context1);
               }
             });
           }
-
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_runtimeContext.RuntimeReactContext.Provider, {
             value: contextValue,
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(App, _objectSpread({}, props))
           });
         };
-
         return (0, _hoistNonReactStatics.default)(WrapComponent, App);
       }
     });
@@ -123,9 +95,7 @@ const createApp = ({
     return HOCApp;
   };
 };
-
 exports.createApp = createApp;
-
 const bootstrap = async (BootApp,
 /**
  * When csr, id is root id.
@@ -135,19 +105,20 @@ id,
 /**
  * root.render need use root to run function
  */
-root, ReactDOM = _reactDom.default) => {
+root, ReactDOM = _reactDom.default
+// eslint-disable-next-line consistent-return
+) => {
   let App = BootApp;
-  let runner = runnerMap.get(App); // ensure Component used is created by `createApp`
+  let runner = runnerMap.get(App);
 
+  // ensure Component used is created by `createApp`
   if (!runner) {
     App = createApp({
       plugins: []
     })(App);
     runner = runnerMap.get(App);
   }
-
   const context = getInitialContext(runner);
-
   const runInit = _context => runner.init({
     context: _context
   }, {
@@ -155,33 +126,27 @@ root, ReactDOM = _reactDom.default) => {
       context: context1
     }) => {
       var _App, _App$init2;
-
       return (_App = App) === null || _App === void 0 ? void 0 : (_App$init2 = _App.init) === null || _App$init2 === void 0 ? void 0 : _App$init2.call(_App, context1);
     }
-  }); // don't mount the App, let user in charge of it.
-
+  });
 
+  // don't mount the App, let user in charge of it.
   if (!id) {
     return /*#__PURE__*/_react.default.createElement(App, {
       context
     });
   }
-
   const isBrowser = typeof window !== 'undefined' && window.name !== 'nodejs';
-
   if (isBrowser) {
     if (isClientArgs(id)) {
       var _ssrData$data, _ssrData$data2;
-
       const ssrData = window._SSR_DATA;
       const loadersData = (ssrData === null || ssrData === void 0 ? void 0 : (_ssrData$data = ssrData.data) === null || _ssrData$data === void 0 ? void 0 : _ssrData$data.loadersData) || {};
       const initialLoadersState = Object.keys(loadersData).reduce((res, key) => {
         const loaderData = loadersData[key];
-
         if (loaderData.loading !== false) {
           return res;
         }
-
         res[key] = loaderData;
         return res;
       }, {});
@@ -194,13 +159,12 @@ root, ReactDOM = _reactDom.default) => {
       } : {}));
       context.initialData = ssrData === null || ssrData === void 0 ? void 0 : (_ssrData$data2 = ssrData.data) === null || _ssrData$data2 === void 0 ? void 0 : _ssrData$data2.initialData;
       const initialData = await runInit(context);
-
       if (initialData) {
         context.initialData = initialData;
       }
+      const rootElement = typeof id !== 'string' ? id : document.getElementById(id || 'root');
 
-      const rootElement = typeof id !== 'string' ? id : document.getElementById(id || 'root'); // https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html
-
+      // https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html
       const ModernRender = App => {
         if (IS_REACT18) {
           if (root) {
@@ -214,27 +178,22 @@ root, ReactDOM = _reactDom.default) => {
           if (!ReactDOM.render) {
             throw Error('The `bootstrap` `ReactDOM` parameter needs to provide the `render` method');
           }
-
           ReactDOM.render(App, rootElement);
         }
       };
-
       const ModernHydrate = (App, callback) => {
         if (IS_REACT18) {
           if (!ReactDOM.hydrateRoot) {
             throw Error('The `bootstrap` `ReactDOM` parameter needs to provide the `hydrateRoot` method');
           }
-
           ReactDOM.hydrateRoot(rootElement, App);
         } else {
           if (!ReactDOM.hydrate) {
             throw Error('The `bootstrap` `ReactDOM` parameter needs to provide the `hydrate` method');
           }
-
           ReactDOM.hydrate(App, rootElement, callback);
         }
       };
-
       return runner.client({
         App,
         context,
@@ -262,17 +221,40 @@ root, ReactDOM = _reactDom.default) => {
         skipStatic: process.env.NODE_ENV === 'production' && !id.staticGenerate
       })
     });
+
+    // Handle redirects from React Router with an HTTP redirect
+    const isRedirectResponse = result => {
+      if (typeof Response !== 'undefined' &&
+      // fix: ssg workflow doesn't inject Web Response
+      result instanceof Response && result.status >= 300 && result.status <= 399) {
+        const {
+          status
+        } = result;
+        const redirectUrl = result.headers.get('Location') || '/';
+        const {
+          ssrContext
+        } = context;
+        if (ssrContext) {
+          ssrContext.res.statusCode = status;
+          ssrContext.res.setHeader('Location', redirectUrl);
+          ssrContext.redirection.status = status;
+          ssrContext.redirection.url = redirectUrl;
+        }
+        return true;
+      }
+      return false;
+    };
     const initialData = await runInit(context);
-    context.initialData = initialData;
-    return runner.server({
-      App,
-      context
-    });
+    if (!isRedirectResponse(initialData)) {
+      context.initialData = initialData;
+      return runner.server({
+        App,
+        context
+      });
+    }
   }
 };
-
 exports.bootstrap = bootstrap;
-
 const useRuntimeContext = () => {
   const context = (0, _react.useContext)(_runtimeContext.RuntimeReactContext);
   const memoizedContext = (0, _react.useMemo)(() => context.runner.pickContext({
@@ -285,5 +267,4 @@ const useRuntimeContext = () => {
   }), [context]);
   return memoizedContext;
 };
-
 exports.useRuntimeContext = useRuntimeContext;

package/dist/js/node/core/index.js

@@ -8,10 +8,10 @@ var _exportNames = {
   createRuntime: true,
   runtime: true,
   registerInit: true,
-  registerPrefetch: true,
   defineConfig: true,
   getConfig: true,
-  RuntimeReactContext: true
+  RuntimeReactContext: true,
+  ServerRouterContext: true
 };
 Object.defineProperty(exports, "RuntimeReactContext", {
   enumerable: true,
@@ -19,6 +19,12 @@ Object.defineProperty(exports, "RuntimeReactContext", {
     return _runtimeContext.RuntimeReactContext;
   }
 });
+Object.defineProperty(exports, "ServerRouterContext", {
+  enumerable: true,
+  get: function () {
+    return _runtimeContext.ServerRouterContext;
+  }
+});
 Object.defineProperty(exports, "createPlugin", {
   enumerable: true,
   get: function () {
@@ -49,25 +55,15 @@ Object.defineProperty(exports, "registerInit", {
     return _plugin.registerInit;
   }
 });
-Object.defineProperty(exports, "registerPrefetch", {
-  enumerable: true,
-  get: function () {
-    return _plugin.registerPrefetch;
-  }
-});
 Object.defineProperty(exports, "runtime", {
   enumerable: true,
   get: function () {
     return _plugin.runtime;
   }
 });
-
 var _plugin = require("./plugin");
-
 var _appConfig = require("./app-config");
-
 var _compatible = require("./compatible");
-
 Object.keys(_compatible).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -79,11 +75,8 @@ Object.keys(_compatible).forEach(function (key) {
     }
   });
 });
-
 var _runtimeContext = require("../runtime-context");
-
 var _loader = require("./loader");
-
 Object.keys(_loader).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -95,9 +88,7 @@ Object.keys(_loader).forEach(function (key) {
     }
   });
 });
-
 var _plugin2 = require("@modern-js/plugin");
-
 Object.keys(_plugin2).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;

package/dist/js/node/core/loader/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "useLoader", {
     return _useLoader.default;
   }
 });
-
 var _useLoader = _interopRequireDefault(require("./useLoader"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }