@module-federation/modern-js 0.0.0-next-20240909062831 → 0.0.0-next-20240909083238

package/dist/esm/cli/server/dataLoaderPlugin.js

@@ -0,0 +1,105 @@
+import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
+import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
+import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
+import { init } from "@module-federation/enhanced/runtime";
+import { isBrowserEnv } from "@module-federation/sdk";
+import { fetchRemoteFullRoutesMap, getSSRByRouteIds } from "./fetchRemoteFullRoutesMap";
+import { injectRemoteRoutes } from "../../runtime/dataLoader/utils";
+import { MF_ROUTES, DEFAULT_ENTRY, MODERN_JS_ROUTE_SERVER_LOADER } from "../../constant";
+function dataLoaderPlugin_default(param) {
+  var runtimeOptions = param.runtimeOptions, partialSSRRemotes = param.partialSSRRemotes, ssrByRouteIdsMap = param.ssrByRouteIdsMap;
+  return {
+    name: "MFDataLoaderServerPlugin",
+    pre: [
+      "@modern-js/plugin-inject-resource"
+    ],
+    setup: function setup(api) {
+      var remotes = runtimeOptions.remotes, name = runtimeOptions.name;
+      if (!remotes.length) {
+        return {};
+      }
+      var isHandled = false;
+      return {
+        prepare: function prepare() {
+          var middlewares = api.useAppContext().middlewares;
+          middlewares.push({
+            name: "MFDataLoaderServerPlugin",
+            handler: function() {
+              var _ref = _async_to_generator(function(c, next) {
+                var serverManifest, loaderBundles, nestedRoutesJson, _api_useConfigContext_server, instance, remoteFullRoutesMap, originalSSRByRouteIds, remoteSSRByRouteIds, ssrByRouteIds;
+                return _ts_generator(this, function(_state) {
+                  switch (_state.label) {
+                    case 0:
+                      serverManifest = c.get("serverManifest");
+                      loaderBundles = serverManifest.loaderBundles, nestedRoutesJson = serverManifest.nestedRoutesJson;
+                      if (!isHandled)
+                        return [
+                          3,
+                          2
+                        ];
+                      return [
+                        4,
+                        next()
+                      ];
+                    case 1:
+                      _state.sent();
+                      return [
+                        3,
+                        5
+                      ];
+                    case 2:
+                      instance = init({
+                        name,
+                        remotes
+                      });
+                      return [
+                        4,
+                        fetchRemoteFullRoutesMap({
+                          instance,
+                          remotePath: isBrowserEnv() ? "".concat(DEFAULT_ENTRY, "/").concat(MF_ROUTES) : "".concat(DEFAULT_ENTRY, "/").concat(MODERN_JS_ROUTE_SERVER_LOADER)
+                        })
+                      ];
+                    case 3:
+                      remoteFullRoutesMap = _state.sent();
+                      originalSSRByRouteIds = (_api_useConfigContext_server = api.useConfigContext().server) === null || _api_useConfigContext_server === void 0 ? void 0 : _api_useConfigContext_server.ssrByRouteIds;
+                      if (originalSSRByRouteIds && partialSSRRemotes) {
+                        remoteSSRByRouteIds = getSSRByRouteIds(partialSSRRemotes, remoteFullRoutesMap) || [];
+                        ssrByRouteIds = new Set(_to_consumable_array(originalSSRByRouteIds).concat(_to_consumable_array(remoteSSRByRouteIds.map(function(id) {
+                          return ssrByRouteIdsMap[id] || id;
+                        }))));
+                        api.useConfigContext().server.ssrByRouteIds = Array.from(ssrByRouteIds);
+                      }
+                      injectRemoteRoutes(loaderBundles, remoteFullRoutesMap);
+                      injectRemoteRoutes(nestedRoutesJson, remoteFullRoutesMap);
+                      isHandled = true;
+                      return [
+                        4,
+                        next()
+                      ];
+                    case 4:
+                      _state.sent();
+                      _state.label = 5;
+                    case 5:
+                      return [
+                        2
+                      ];
+                  }
+                });
+              });
+              return function(c, next) {
+                return _ref.apply(this, arguments);
+              };
+            }(),
+            before: [
+              "render"
+            ]
+          });
+        }
+      };
+    }
+  };
+}
+;
+export {
+  dataLoaderPlugin_default as default
+};

package/dist/esm/cli/server/fetchRemoteFullRoutesMap.js

@@ -0,0 +1,86 @@
+import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
+import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
+import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
+function fetchRemoteFullRoutesMap(options) {
+  return _fetchRemoteFullRoutesMap.apply(this, arguments);
+}
+function _fetchRemoteFullRoutesMap() {
+  _fetchRemoteFullRoutesMap = _async_to_generator(function(options) {
+    var instance, remotePath, remotes, remoteRoutesMap;
+    return _ts_generator(this, function(_state) {
+      switch (_state.label) {
+        case 0:
+          instance = options.instance, remotePath = options.remotePath;
+          remotes = instance.options.remotes;
+          remoteRoutesMap = {};
+          if (!remotes.length) {
+            return [
+              2,
+              remoteRoutesMap
+            ];
+          }
+          return [
+            4,
+            Promise.all(remotes.map(function() {
+              var _ref = _async_to_generator(function(remote) {
+                var remoteId, routes;
+                return _ts_generator(this, function(_state2) {
+                  switch (_state2.label) {
+                    case 0:
+                      remoteId = "".concat(remote.name, "/").concat(remotePath);
+                      return [
+                        4,
+                        instance.loadRemote(remoteId)
+                      ];
+                    case 1:
+                      routes = _state2.sent().routes;
+                      remoteRoutesMap[remote.name] = {
+                        routes
+                      };
+                      return [
+                        2
+                      ];
+                  }
+                });
+              });
+              return function(remote) {
+                return _ref.apply(this, arguments);
+              };
+            }()))
+          ];
+        case 1:
+          _state.sent();
+          return [
+            2,
+            remoteRoutesMap
+          ];
+      }
+    });
+  });
+  return _fetchRemoteFullRoutesMap.apply(this, arguments);
+}
+function getSSRByRouteIds(partialSSRRemotes, remoteRoutesMap) {
+  if (!partialSSRRemotes.length) {
+    return void 0;
+  }
+  var remoteProviderRouteIds = /* @__PURE__ */ new Set();
+  var collectIds = function(route) {
+    remoteProviderRouteIds.add(route.id);
+    if (route.children) {
+      route.children.forEach(function(r) {
+        collectIds(r);
+      });
+    }
+  };
+  Object.values(remoteRoutesMap).forEach(function(item) {
+    var routes = item.routes;
+    routes.forEach(function(route) {
+      collectIds(route);
+    });
+  });
+  return _to_consumable_array(remoteProviderRouteIds);
+}
+export {
+  fetchRemoteFullRoutesMap,
+  getSSRByRouteIds
+};

package/dist/esm/cli/ssrPlugin.js

@@ -6,7 +6,7 @@ import { ModuleFederationPlugin } from "@module-federation/enhanced/webpack";
 import { ModuleFederationPlugin as RspackModuleFederationPlugin } from "@module-federation/enhanced/rspack";
 import UniverseEntryChunkTrackerPlugin from "@module-federation/node/universe-entry-chunk-tracker-plugin";
 import { updateStatsAndManifest } from "./manifest";
-import { isDev } from "./constant";
+import { isDev } from "../constant";
 function setEnv() {
   process.env["MF_DISABLE_EMIT_STATS"] = "true";
   process.env["MF_SSR_PRJ"] = "true";

package/dist/esm/cli/utils.js

@@ -79,7 +79,9 @@ var replaceRemoteUrl = function(mfConfig, remoteIpStrategy) {
       if (typeof remoteObject === "string") {
         return;
       }
-      handleRemoteObject(remoteObject);
+      if ("entry" in remoteObject && typeof remoteObject.entry === "string") {
+        remoteObject.entry = remoteObject.entry.replace(LOCALHOST, ipv4);
+      }
     });
   } else if (typeof mfConfig.remotes !== "string") {
     handleRemoteObject(mfConfig.remotes);
@@ -132,7 +134,7 @@ var patchMFConfig = function(mfConfig, isServer, remoteIpStrategy) {
     injectRuntimePlugins(path.resolve(__dirname, "./mfRuntimePlugins/resolve-entry-ipv4.js"), runtimePlugins);
   }
   if (isServer) {
-    injectRuntimePlugins(require.resolve("@module-federation/node/runtimePlugin"), runtimePlugins);
+    injectRuntimePlugins(require.resolve("./mfRuntimePlugins/node.js"), runtimePlugins);
     if (isDev) {
       injectRuntimePlugins(require.resolve("@module-federation/node/record-dynamic-remote-entry-hash-plugin"), runtimePlugins);
     }
@@ -339,5 +341,6 @@ export {
   getMFConfig,
   patchBundlerConfig,
   patchIgnoreWarning,
-  patchMFConfig
+  patchMFConfig,
+  replaceRemoteUrl
 };

package/dist/esm/cli/utils.spec.js

@@ -43,7 +43,7 @@ describe("patchMFConfig", /* @__PURE__ */ _async_to_generator(function() {
           remoteType: "script",
           runtimePlugins: [
             path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js"),
-            require.resolve("@module-federation/node/runtimePlugin"),
+            require.resolve("./mfRuntimePlugins/node.js"),
             path.resolve(__dirname, "./mfRuntimePlugins/inject-node-fetch.js")
           ],
           shared: {

package/dist/esm/constant.js

@@ -1,8 +1,28 @@
 var MODERN_JS_SERVER_DIR = "bundles";
 var LOCALHOST = "localhost";
 var PLUGIN_IDENTIFIER = "[ Modern.js Module Federation ]";
+var isDev = process.env.NODE_ENV === "development";
+var MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME = "routes";
+var MODERN_JS_ROUTE_SERVER_LOADER = "route-server-loaders";
+var META_NAME = "modern-js";
+var FOLD_IDENTIFIER = "@mf";
+var SEPARATOR = "_";
+var MF_ROUTES = "mf-routes";
+var DEFAULT_ENTRY = "main";
+var DEFAULT_LAYOUT = "layout";
+var MF_JSON = "mf.json";
 export {
+  DEFAULT_ENTRY,
+  DEFAULT_LAYOUT,
+  FOLD_IDENTIFIER,
   LOCALHOST,
+  META_NAME,
+  MF_JSON,
+  MF_ROUTES,
+  MODERN_JS_FILE_SYSTEM_ROUTES_FILE_NAME,
+  MODERN_JS_ROUTE_SERVER_LOADER,
   MODERN_JS_SERVER_DIR,
-  PLUGIN_IDENTIFIER
+  PLUGIN_IDENTIFIER,
+  SEPARATOR,
+  isDev
 };

package/dist/esm/runtime/dataLoader/plugin.js

@@ -0,0 +1,92 @@
+import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
+import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
+import { getInstance } from "@module-federation/enhanced/runtime";
+import { MF_ROUTES, DEFAULT_ENTRY } from "../../constant";
+import { injectRemoteRoutes } from "./utils";
+var ssrDataLoaderPlugin = function() {
+  return {
+    name: "@modern-js/plugin-mf-data-loader",
+    post: [
+      "@modern-js/plugin-router"
+    ],
+    setup: function() {
+      var remoteRoutesMap = {};
+      return {
+        beforeRender: function beforeRender() {
+          return _async_to_generator(function() {
+            var instance;
+            return _ts_generator(this, function(_state) {
+              switch (_state.label) {
+                case 0:
+                  console.log("init");
+                  if (Object.keys(remoteRoutesMap).length) {
+                    return [
+                      2
+                    ];
+                  }
+                  instance = getInstance();
+                  if (!instance) {
+                    console.log("no instance!");
+                    return [
+                      2
+                    ];
+                  }
+                  if (!instance.options.remotes.length) {
+                    return [
+                      2
+                    ];
+                  }
+                  return [
+                    4,
+                    Promise.all(instance.options.remotes.map(function() {
+                      var _ref = _async_to_generator(function(remote) {
+                        var remoteId, routes;
+                        return _ts_generator(this, function(_state2) {
+                          switch (_state2.label) {
+                            case 0:
+                              remoteId = "".concat(remote.name, "/").concat(DEFAULT_ENTRY, "/").concat(MF_ROUTES);
+                              return [
+                                4,
+                                instance.loadRemote(remoteId)
+                              ];
+                            case 1:
+                              routes = _state2.sent().routes;
+                              remoteRoutesMap[remote.name] = {
+                                routes
+                              };
+                              return [
+                                2
+                              ];
+                          }
+                        });
+                      });
+                      return function(remote) {
+                        return _ref.apply(this, arguments);
+                      };
+                    }()))
+                  ];
+                case 1:
+                  _state.sent();
+                  return [
+                    2
+                  ];
+              }
+            });
+          })();
+        },
+        // runtime plugin not save route , so it needs to inject again when trigger
+        modifyRoutes: function(routes) {
+          injectRemoteRoutes({
+            entry: {
+              routes
+            }
+          }, remoteRoutesMap);
+          return routes;
+        }
+      };
+    }
+  };
+};
+export {
+  ssrDataLoaderPlugin
+};

package/dist/esm/runtime/dataLoader/utils.js

@@ -0,0 +1,63 @@
+import { DEFAULT_LAYOUT } from "../../constant";
+import { transformName2Prefix, transformPrefix2Name } from "../utils";
+function getRemoteRoutesInfos(route, remoteRoutesMap) {
+  if (!route.id) {
+    return;
+  }
+  var remoteName = transformPrefix2Name(route.id);
+  var remoteRouteObj = remoteRoutesMap[remoteName];
+  if (!remoteRouteObj) {
+    return;
+  }
+  var remoteRoutes = remoteRouteObj.routes[0];
+  return {
+    routes: remoteRoutes,
+    name: remoteName,
+    pathName: route.path
+  };
+}
+function getRemoteLayoutId(remoteName) {
+  var prefix = transformName2Prefix(remoteName);
+  return "".concat(prefix).concat(DEFAULT_LAYOUT);
+}
+function injectRemoteRoutes(initialRoutes, remoteRoutesMap) {
+  var traverse = function(route) {
+    var _route_children;
+    var remoteRoutesInfos = getRemoteRoutesInfos(route, remoteRoutesMap);
+    if (remoteRoutesInfos) {
+      var routes = remoteRoutesInfos.routes, pathName = remoteRoutesInfos.pathName;
+      route.id = routes.id;
+      route.path = pathName;
+      if (routes.loader) {
+        route.loader = routes.loader;
+      }
+      if (routes.children) {
+        route.children = routes.children;
+      }
+      route.element = routes.element;
+      route.Component = routes.Component;
+      return;
+    }
+    (_route_children = route.children) === null || _route_children === void 0 ? void 0 : _route_children.forEach(function(r) {
+      traverse(r);
+    });
+  };
+  Object.keys(initialRoutes).forEach(function(entryName) {
+    var routes = initialRoutes[entryName];
+    if (Array.isArray(routes)) {
+      routes.forEach(function(route) {
+        traverse(route);
+      });
+    } else {
+      var _routes_routes;
+      routes === null || routes === void 0 ? void 0 : (_routes_routes = routes.routes) === null || _routes_routes === void 0 ? void 0 : _routes_routes.forEach(function(r) {
+        traverse(r);
+      });
+    }
+  });
+}
+export {
+  getRemoteLayoutId,
+  getRemoteRoutesInfos,
+  injectRemoteRoutes
+};

package/dist/esm/runtime/index.js

@@ -1,5 +1,7 @@
 export * from "@module-federation/enhanced/runtime";
 import { createRemoteSSRComponent } from "./createRemoteSSRComponent";
+import { withMFRouteId } from "./withMFRouteId";
 export {
-  createRemoteSSRComponent
+  createRemoteSSRComponent,
+  withMFRouteId
 };

package/dist/esm/runtime/utils.js

@@ -0,0 +1,13 @@
+import { encodeName, decodeName } from "@module-federation/sdk";
+var SPLIT_SYMBOL = "@";
+function transformName2Prefix(name) {
+  return "".concat(encodeName(name, "", false)).concat(SPLIT_SYMBOL);
+}
+function transformPrefix2Name(prefix) {
+  var realPrefix = prefix.split(SPLIT_SYMBOL)[0];
+  return decodeName(realPrefix, "", false);
+}
+export {
+  transformName2Prefix,
+  transformPrefix2Name
+};

package/dist/esm/runtime/withMFRouteId.js

@@ -0,0 +1,7 @@
+function withMFRouteId(id) {
+  var prefix = typeof MODERN_ROUTER_ID_PREFIX === "string" ? MODERN_ROUTER_ID_PREFIX : "";
+  return prefix + id;
+}
+export {
+  withMFRouteId
+};

package/dist/esm/ssr-runtime/plugin.js

@@ -4,13 +4,16 @@ import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import hoistNonReactStatics from "hoist-non-react-statics";
 import { SSRLiveReload } from "./SSRLiveReload";
+console.log("mfSSRPlugin trigger");
 var mfSSRPlugin = function() {
   return {
     name: "@module-federation/modern-js",
+    pre: [
+      "@modern-js/plugin-router"
+    ],
     setup: function() {
       return {
-        init: function init(param, next) {
-          var context = param.context;
+        beforeRender: function beforeRender() {
           return _async_to_generator(function() {
             var nodeUtils, shouldUpdate;
             return _ts_generator(this, function(_state) {
@@ -18,10 +21,7 @@ var mfSSRPlugin = function() {
                 case 0:
                   if (typeof window !== "undefined") {
                     return [
-                      2,
-                      next({
-                        context
-                      })
+                      2
                     ];
                   }
                   globalThis.shouldUpdate = false;
@@ -53,10 +53,7 @@ var mfSSRPlugin = function() {
                   _state.label = 4;
                 case 4:
                   return [
-                    2,
-                    next({
-                      context
-                    })
+                    2
                   ];
               }
             });

package/dist/esm-node/cli/dataLoader/ast/constant.js

@@ -0,0 +1,18 @@
+const IS_ROOT = "isRoot";
+const ID = "id";
+const COMPONENT = "component";
+const LAZY_COMPONENT = "lazyImport";
+const SHOULD_REVALIDATE = "shouldRevalidate";
+const PRIVATE_COMPONENT = "_component";
+const ELEMENT = "element";
+const LOADER = "loader";
+export {
+  COMPONENT,
+  ELEMENT,
+  ID,
+  IS_ROOT,
+  LAZY_COMPONENT,
+  LOADER,
+  PRIVATE_COMPONENT,
+  SHOULD_REVALIDATE
+};

package/dist/esm-node/cli/dataLoader/ast/generateRoutes.js

@@ -0,0 +1,108 @@
+import fs from "fs";
+import traverse from "@babel/traverse";
+import * as babelParser from "@babel/parser";
+import generate from "@babel/generator";
+import * as t from "@babel/types";
+function findTargetKeyNode(nodeProperties, key) {
+  return nodeProperties.find((p) => t.isObjectProperty(p) && t.isStringLiteral(p.key) && p.key.value === key);
+}
+function generateRoutes({ sourceCode, filePath, prefix, baseName }) {
+  const ast = babelParser.parse(sourceCode, {
+    sourceType: "module"
+  });
+  const lazyComponentDeclarations = [];
+  const componentDeclarations = [];
+  let componentId = 0;
+  traverse(ast, {
+    // ImportDeclaration(path) {
+    //   const source = path.node.source.value;
+    //   const routeIdMatch = source.match(/routeId=([^&]+)/);
+    //   if (routeIdMatch) {
+    //     const originalRouteId = routeIdMatch[1];
+    //     const newRouteId = `${prefix}${originalRouteId}`;
+    //     const newSource = source.replace(
+    //       /routeId=[^&]+/,
+    //       `routeId=${newRouteId}`,
+    //     );
+    //     path.node.source = t.stringLiteral(newSource);
+    //   }
+    // },
+    ObjectExpression(path) {
+      let componentName = "";
+      let lazyComponentName = "";
+      if (!Array.isArray(path.node.properties)) {
+        return;
+      }
+      const idNode = findTargetKeyNode(path.node.properties, "id");
+      if (idNode && t.isObjectProperty(idNode) && t.isStringLiteral(idNode.value)) {
+      }
+      const isRootNode = findTargetKeyNode(path.node.properties, "isRoot");
+      if (isRootNode && t.isObjectProperty(isRootNode) && t.isBooleanLiteral(isRootNode.value)) {
+        isRootNode.value.value = false;
+      }
+      if (!isRootNode) {
+        const lazyComponentNode = findTargetKeyNode(path.node.properties, "lazyImport");
+        if (lazyComponentNode && t.isObjectProperty(lazyComponentNode) && t.isArrowFunctionExpression(lazyComponentNode.value)) {
+          lazyComponentName = `LazyComponent_${componentId}`;
+          const lazyDeclaration = t.variableDeclaration("const", [
+            t.variableDeclarator(t.identifier(lazyComponentName), lazyComponentNode.value)
+          ]);
+          lazyComponentNode.value = t.identifier(lazyComponentName);
+          const componentNode2 = findTargetKeyNode(path.node.properties, "component");
+          if (componentNode2 && t.isObjectProperty(componentNode2) && t.isCallExpression(componentNode2.value) && t.isIdentifier(componentNode2.value.callee)) {
+            componentNode2.value = t.callExpression(t.identifier("lazy"), [
+              t.identifier(lazyComponentName)
+            ]);
+          }
+          lazyComponentDeclarations.push(lazyDeclaration);
+        }
+      }
+      const componentNode = findTargetKeyNode(path.node.properties, "component");
+      if (componentNode && t.isObjectProperty(componentNode) && t.isCallExpression(componentNode.value) && t.isIdentifier(componentNode.value.callee)) {
+        componentName = `Component_${componentId}`;
+        const componentDeclaration = t.variableDeclaration("const", [
+          t.variableDeclarator(t.identifier(componentName), lazyComponentName ? t.callExpression(t.identifier("lazy"), [
+            t.identifier(lazyComponentName)
+          ]) : componentNode.value)
+        ]);
+        componentDeclarations.push(componentDeclaration);
+        componentNode.value = t.identifier(componentName);
+      }
+      if (lazyComponentName || componentName) {
+        componentId++;
+        if (componentName) {
+          const upperFirstName = componentName.slice(0, 1).toUpperCase() + componentName.slice(1);
+          const jsxElement = t.jsxElement(t.jsxOpeningElement(t.jsxIdentifier(upperFirstName), [], true), null, [], true);
+          path.node.properties.push(t.objectProperty(t.identifier("element"), jsxElement));
+        }
+      }
+    }
+  });
+  traverse(ast, {
+    Program(path) {
+      const lastImportIndex = path.get("body").reduce((lastIndex, p, index) => {
+        if (t.isImportDeclaration(p.node)) {
+          lastIndex = index;
+        }
+        return lastIndex;
+      }, -1);
+      if (lastImportIndex >= 0) {
+        const lastImport = path.get(`body.${lastImportIndex}`);
+        [
+          ...componentDeclarations,
+          ...lazyComponentDeclarations
+        ].forEach((declaration) => {
+          if ("insertAfter" in lastImport) {
+            lastImport.insertAfter(declaration);
+          }
+        });
+      }
+    }
+  });
+  const { code: newCode } = generate(ast);
+  const finalCode = `${newCode}export const baseName = '${baseName}';`;
+  fs.writeFileSync(filePath, finalCode);
+}
+export {
+  generateRoutes
+};

package/dist/esm-node/cli/dataLoader/ast/generateSelfRoutes.js

@@ -0,0 +1,14 @@
+import fs from "fs";
+import * as t from "@babel/types";
+function findTargetKeyNode(nodeProperties, key) {
+  return nodeProperties.find((p) => t.isObjectProperty(p) && t.isStringLiteral(p.key) && p.key.value === key);
+}
+function generateSelfRoutes({ sourceCode, filePath, prefix, baseName }) {
+  const lazyComponentDeclarations = [];
+  const componentDeclarations = [];
+  let componentId = 0;
+  fs.writeFileSync(filePath, sourceCode);
+}
+export {
+  generateSelfRoutes
+};