@umijs/server 4.0.0-canary.20220614.2 → 4.0.0-canary.20220620.1

package/dist/ssr.d.ts

@@ -0,0 +1,18 @@
+interface RouteLoaders {
+    [key: string]: () => Promise<any>;
+}
+interface CreateRequestHandlerOptions {
+    routesWithServerLoader: RouteLoaders;
+    PluginManager: any;
+    manifest: (() => {
+        assets: Record<string, string>;
+    }) | {
+        assets: Record<string, string>;
+    };
+    getPlugins: () => any;
+    getValidKeys: () => any;
+    getRoutes: (PluginManager: any) => any;
+    getClientRootComponent: (PluginManager: any) => any;
+}
+export default function createRequestHandler(opts: CreateRequestHandlerOptions): (req: any, res: any, next: any) => Promise<any>;
+export {};

package/dist/ssr.js

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const server_1 = require("react-dom/server");
+const react_router_dom_1 = require("react-router-dom");
+function createRequestHandler(opts) {
+    return async function (req, res, next) {
+        const { routesWithServerLoader, PluginManager, getPlugins, getValidKeys, getRoutes, } = opts;
+        // 切换路由场景下，会通过此 API 执行 server loader
+        if (req.url.startsWith('/__serverLoader') && req.query.route) {
+            const data = await executeLoader(req.query.route, routesWithServerLoader);
+            res.status(200).json(data);
+            return;
+        }
+        const pluginManager = PluginManager.create({
+            plugins: getPlugins(),
+            validKeys: getValidKeys(),
+        });
+        const { routes, routeComponents } = await getRoutes(pluginManager);
+        const matches = matchRoutesForSSR(req.url, routes);
+        if (matches.length === 0) {
+            return next();
+        }
+        const loaderData = {};
+        await Promise.all(matches
+            .filter((id) => routes[id].hasServerLoader)
+            .map((id) => new Promise(async (resolve) => {
+            loaderData[id] = await executeLoader(id, routesWithServerLoader);
+            resolve();
+        })));
+        const manifest = typeof opts.manifest === 'function' ? opts.manifest() : opts.manifest;
+        const context = {
+            routes,
+            routeComponents,
+            pluginManager,
+            location: req.url,
+            manifest,
+            loaderData,
+        };
+        const jsx = await opts.getClientRootComponent(context);
+        const stream = (0, server_1.renderToPipeableStream)(jsx, {
+            bootstrapScripts: [manifest.assets['umi.js'] || '/umi.js'],
+            onShellReady() {
+                res.setHeader('Content-type', 'text/html');
+                stream.pipe(res);
+            },
+            onError(x) {
+                console.error(x);
+            },
+        });
+    };
+}
+exports.default = createRequestHandler;
+function matchRoutesForSSR(reqUrl, routesById) {
+    var _a;
+    return (((_a = (0, react_router_dom_1.matchRoutes)(createClientRoutes({ routesById }), reqUrl)) === null || _a === void 0 ? void 0 : _a.map((route) => route.route.id)) || []);
+}
+function createClientRoutes(opts) {
+    const { routesById, parentId } = opts;
+    return Object.keys(routesById)
+        .filter((id) => routesById[id].parentId === parentId)
+        .map((id) => {
+        const route = createClientRoute(routesById[id]);
+        const children = createClientRoutes({
+            routesById,
+            parentId: route.id,
+        });
+        if (children.length > 0) {
+            // @ts-ignore
+            route.children = children;
+        }
+        return route;
+    });
+}
+function createClientRoute(route) {
+    const { id, path, index } = route;
+    return {
+        id,
+        path,
+        index,
+    };
+}
+async function executeLoader(routeKey, routesWithServerLoader) {
+    const mod = await routesWithServerLoader[routeKey]();
+    if (!mod.serverLoader || typeof mod.serverLoader !== 'function') {
+        return;
+    }
+    // TODO: 处理错误场景
+    return await mod.serverLoader();
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umijs/server",
-  "version": "4.0.0-canary.20220614.2",
+  "version": "4.0.0-canary.20220620.1",
   "description": "@umijs/server",
   "homepage": "https://github.com/umijs/umi-next/tree/master/packages/server#readme",
   "bugs": "https://github.com/umijs/umi-next/issues",
@@ -20,7 +20,7 @@
     "dev": "pnpm build -- --watch"
   },
   "dependencies": {
-    "@umijs/bundler-utils": "4.0.0-canary.20220614.2",
+    "@umijs/bundler-utils": "4.0.0-canary.20220620.1",
     "history": "5.3.0",
     "react": "18.1.0",
     "react-dom": "18.1.0",