@shuvi/platform-web 0.0.1-rc.32 → 1.0.0-rc.0

package/lib/node/features/html-render/lib/getPageMiddleware.js

@@ -0,0 +1,56 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPageMiddleware = void 0;
+const utils_1 = require("@shuvi/service/lib/server/utils");
+const renderToHTML_1 = require("./renderToHTML");
+const shared_1 = require("@shuvi/platform-shared/shared");
+function createPageHandler(serverPluginContext) {
+    return function (req, res) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const result = yield (0, renderToHTML_1.renderToHTML)({
+                req: req,
+                serverPluginContext
+            });
+            if ((0, shared_1.isRedirect)(result)) {
+                const redirectResp = result;
+                res.writeHead(redirectResp.status, {
+                    Location: redirectResp.headers.get('Location')
+                });
+                res.end();
+            }
+            else if ((0, shared_1.isText)(result)) {
+                const textResp = result;
+                res.statusCode = textResp.status;
+                (0, utils_1.sendHTML)(req, res, textResp.data);
+            }
+            else {
+                // shuold never reach here
+                throw new Error('Unexpected reponse type from renderToHTML');
+            }
+        });
+    };
+}
+function getPageMiddleware(api) {
+    let pageHandler = createPageHandler(api);
+    return function (req, res, next) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                pageHandler = yield api.serverPluginRunner.handlePageRequest(pageHandler);
+                yield pageHandler(req, res);
+            }
+            catch (error) {
+                next(error);
+            }
+        });
+    };
+}
+exports.getPageMiddleware = getPageMiddleware;

package/lib/node/features/html-render/lib/index.d.ts

@@ -0,0 +1,4 @@
+export { getPageMiddleware } from './getPageMiddleware';
+export { renderToHTML } from './renderToHTML';
+export * from './renderer';
+export * from './pageLoader';

package/lib/node/features/html-render/lib/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderToHTML = exports.getPageMiddleware = void 0;
+var getPageMiddleware_1 = require("./getPageMiddleware");
+Object.defineProperty(exports, "getPageMiddleware", { enumerable: true, get: function () { return getPageMiddleware_1.getPageMiddleware; } });
+var renderToHTML_1 = require("./renderToHTML");
+Object.defineProperty(exports, "renderToHTML", { enumerable: true, get: function () { return renderToHTML_1.renderToHTML; } });
+__exportStar(require("./renderer"), exports);
+__exportStar(require("./pageLoader"), exports);

package/lib/node/features/html-render/lib/pageLoader.d.ts

@@ -0,0 +1 @@
+export declare function ifComponentHasLoader(component: string): boolean;

package/lib/node/features/html-render/lib/pageLoader.js

@@ -0,0 +1,42 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ifComponentHasLoader = void 0;
+const fs = __importStar(require("fs"));
+const file_utils_1 = require("@shuvi/service/lib/project/file-utils");
+const file_1 = require("@shuvi/utils/lib/file");
+function ifComponentHasLoader(component) {
+    const file = (0, file_1.resolveFile)(component);
+    if (file) {
+        const content = fs.readFileSync(file, 'utf-8');
+        try {
+            const exports = (0, file_utils_1.getExports)(content);
+            return exports.includes('loader');
+        }
+        catch (_a) { }
+    }
+    return false;
+}
+exports.ifComponentHasLoader = ifComponentHasLoader;

package/lib/node/features/html-render/lib/renderToHTML.d.ts

@@ -0,0 +1,6 @@
+import { IRequest, IServerPluginContext } from '@shuvi/service';
+import { Response } from '@shuvi/platform-shared/shared';
+export declare function renderToHTML({ req, serverPluginContext }: {
+    req: IRequest;
+    serverPluginContext: IServerPluginContext;
+}): Promise<Response>;

package/lib/node/features/html-render/lib/renderToHTML.js

@@ -0,0 +1,81 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderToHTML = void 0;
+const resources_1 = require("@shuvi/service/lib/resources");
+const shared_1 = require("@shuvi/platform-shared/shared");
+const renderer_1 = require("./renderer");
+const htmlTag_1 = require("./renderer/htmlTag");
+function addEssentialTagsIfMissing(document) {
+    let hasMetaCharset = false;
+    let hasMetaViewport = false;
+    for (const { tagName, attrs } of document.headTags) {
+        if (hasMetaCharset && hasMetaViewport) {
+            break;
+        }
+        if (tagName === 'meta') {
+            if (attrs.charset) {
+                hasMetaCharset = true;
+            }
+            else if (attrs.name === 'viewport') {
+                hasMetaViewport = true;
+            }
+        }
+    }
+    if (!hasMetaCharset) {
+        document.headTags.unshift((0, htmlTag_1.tag)('meta', {
+            charset: 'utf-8'
+        }));
+    }
+    if (!hasMetaViewport) {
+        document.headTags.unshift((0, htmlTag_1.tag)('meta', {
+            name: 'viewport',
+            content: 'width=device-width,minimum-scale=1,initial-scale=1'
+        }));
+    }
+    return document;
+}
+function renderToHTML({ req, serverPluginContext }) {
+    return __awaiter(this, void 0, void 0, function* () {
+        let result;
+        const renderer = new renderer_1.Renderer({ serverPluginContext });
+        const { application } = resources_1.server;
+        const app = application.createApp({
+            req,
+            ssr: serverPluginContext.config.ssr
+        });
+        try {
+            yield app.init();
+            const publicApp = app.getPublicAPI();
+            let doc = yield renderer.renderDocument({
+                app: publicApp,
+                req
+            });
+            if ((0, shared_1.isResponse)(doc)) {
+                result = doc;
+            }
+            else {
+                addEssentialTagsIfMissing(doc);
+                yield serverPluginContext.serverPluginRunner.modifyHtml(doc, app.context);
+                const htmlStr = renderer.renderDocumentToString(doc);
+                const appError = app.error.getError;
+                result = (0, shared_1.text)(htmlStr, {
+                    status: appError && typeof appError.code !== 'undefined' ? appError.code : 200
+                });
+            }
+        }
+        finally {
+            yield app.dispose();
+        }
+        return result;
+    });
+}
+exports.renderToHTML = renderToHTML;

package/lib/node/features/html-render/lib/renderer/base.d.ts

@@ -0,0 +1,17 @@
+import { IAppData, Response } from '@shuvi/platform-shared/shared';
+import { IServerPluginContext } from '@shuvi/service';
+import { IHtmlDocument, IHtmlTag, IApplication } from './types';
+import { IRendererConstructorOptions, IRenderDocumentOptions } from './types';
+export declare type AppData = Omit<IAppData, 'filesByRoutId' | 'publicPath'>;
+export declare abstract class BaseRenderer {
+    protected _serverPluginContext: IServerPluginContext;
+    protected _app?: IApplication;
+    constructor({ serverPluginContext }: IRendererConstructorOptions);
+    abstract renderDocument({ app, req }: IRenderDocumentOptions): Promise<IHtmlDocument | Response> | IHtmlDocument | Response;
+    protected _getMainAssetTags(): {
+        styles: IHtmlTag<any>[];
+        scripts: IHtmlTag<any>[];
+    };
+    protected _getAppContainerTag(html?: string): IHtmlTag<'div'>;
+    protected _getInlineAppData(app: IApplication, appData: AppData): IHtmlTag;
+}

package/lib/node/features/html-render/lib/renderer/base.js

@@ -0,0 +1,70 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseRenderer = void 0;
+const htmlescape_1 = require("@shuvi/utils/lib/htmlescape");
+const service_1 = require("@shuvi/service");
+const constants_1 = require("@shuvi/shared/lib/constants");
+const resources_1 = require("@shuvi/service/lib/resources");
+const generateFilesByRoutId_1 = __importDefault(require("../generateFilesByRoutId"));
+const htmlTag_1 = require("./htmlTag");
+class BaseRenderer {
+    constructor({ serverPluginContext }) {
+        this._serverPluginContext = serverPluginContext;
+    }
+    _getMainAssetTags() {
+        const styles = [];
+        const scripts = [];
+        const entrypoints = resources_1.clientManifest.entries[service_1.BUILD_CLIENT_RUNTIME_MAIN];
+        const polyfill = resources_1.clientManifest.bundles[service_1.BUILD_CLIENT_RUNTIME_POLYFILL];
+        scripts.push((0, htmlTag_1.tag)('script', {
+            src: this._serverPluginContext.getAssetPublicUrl(polyfill)
+        }));
+        entrypoints.js.forEach((asset) => {
+            scripts.push((0, htmlTag_1.tag)('script', {
+                src: this._serverPluginContext.getAssetPublicUrl(asset)
+            }));
+        });
+        if (entrypoints.css) {
+            entrypoints.css.forEach((asset) => {
+                styles.push((0, htmlTag_1.tag)('link', {
+                    rel: 'stylesheet',
+                    href: this._serverPluginContext.getAssetPublicUrl(asset)
+                }));
+            });
+        }
+        if (this._serverPluginContext.mode === 'development') {
+            styles.push((0, htmlTag_1.tag)('style', {
+                [constants_1.DEV_STYLE_HIDE_FOUC]: true
+            }, 'body{display:none}'), 
+            /**
+             * this element is used to mount development styles so the
+             * ordering matches production
+             * (by default, style-loader injects at the bottom of <head />)
+             */
+            (0, htmlTag_1.tag)('style', {
+                id: constants_1.DEV_STYLE_ANCHOR_ID
+            }));
+        }
+        return {
+            styles,
+            scripts
+        };
+    }
+    _getAppContainerTag(html = '') {
+        return (0, htmlTag_1.tag)('div', {
+            id: constants_1.CLIENT_CONTAINER_ID
+        }, html);
+    }
+    _getInlineAppData(app, appData) {
+        const routes = app.router.routes || [];
+        const data = JSON.stringify(Object.assign(Object.assign({}, appData), { filesByRoutId: (0, generateFilesByRoutId_1.default)(resources_1.clientManifest, routes), publicPath: this._serverPluginContext.getAssetPublicUrl() }));
+        return (0, htmlTag_1.tag)('script', {
+            id: constants_1.CLIENT_APPDATA_ID,
+            type: 'application/json'
+        }, (0, htmlescape_1.htmlEscapeJsonString)(data));
+    }
+}
+exports.BaseRenderer = BaseRenderer;

package/lib/node/features/html-render/lib/renderer/htmlTag.d.ts

@@ -0,0 +1,4 @@
+import { IHtmlAttrs, IHtmlTag } from './types';
+export declare function stringifyAttrs(attrs: IHtmlAttrs): string;
+export declare function stringifyTag(tag: IHtmlTag): string;
+export declare function tag<T extends string>(tagName: T, attrs: IHtmlAttrs, innerHTML?: string): IHtmlTag<T>;

package/lib/node/features/html-render/lib/renderer/htmlTag.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tag = exports.stringifyTag = exports.stringifyAttrs = void 0;
+const htmlescape_1 = require("@shuvi/utils/lib/htmlescape");
+/**
+ * All html tag elements which must not contain innerHTML
+ * @see https://www.w3.org/TR/html5/syntax.html#void-elements
+ */
+const voidTags = [
+    'area',
+    'base',
+    'br',
+    'col',
+    'embed',
+    'hr',
+    'img',
+    'input',
+    'keygen',
+    'link',
+    'meta',
+    'param',
+    'source',
+    'track',
+    'wbr'
+];
+// the result will have an extra leading space
+function stringifyAttrs(attrs) {
+    var _a;
+    const attrNames = Object.keys(attrs);
+    const res = [''];
+    for (let index = 0; index < attrNames.length; index++) {
+        const attributeName = attrNames[index];
+        if (attributeName === 'textContent')
+            continue;
+        if (attrs[attributeName] === false) {
+            continue;
+        }
+        if (attrs[attributeName] === true) {
+            res.push((0, htmlescape_1.htmlEscapeContent)(attributeName));
+        }
+        else {
+            res.push(`${(0, htmlescape_1.htmlEscapeContent)(attributeName)}="${(0, htmlescape_1.htmlEscapeContent)(((_a = attrs[attributeName]) === null || _a === void 0 ? void 0 : _a.toString()) || '')}"`);
+        }
+    }
+    return res.join(' ');
+}
+exports.stringifyAttrs = stringifyAttrs;
+function stringifyTag(tag) {
+    const attr = stringifyAttrs(tag.attrs);
+    const voidTag = voidTags.indexOf(tag.tagName) !== -1;
+    let res = `<${tag.tagName}${attr}`;
+    if (voidTag) {
+        return `${res} />`;
+    }
+    res += '>';
+    res +=
+        tag.innerHTML ||
+            (tag.attrs.textContent ? (0, htmlescape_1.htmlEscapeContent)(tag.attrs.textContent) : '');
+    res += '</' + tag.tagName + '>';
+    return res;
+}
+exports.stringifyTag = stringifyTag;
+function tag(tagName, attrs, innerHTML) {
+    return {
+        tagName: tagName,
+        attrs: attrs || {},
+        innerHTML
+    };
+}
+exports.tag = tag;

package/lib/node/features/html-render/lib/renderer/index.d.ts

@@ -0,0 +1,15 @@
+import { IRendererConstructorOptions, IRenderDocumentOptions } from './types';
+import { IHtmlDocument } from './types';
+export * from './types';
+export interface ITemplateData {
+    [x: string]: any;
+}
+export declare class Renderer {
+    private _documentTemplate;
+    private _serverPluginContext;
+    private _ssrRenderer;
+    private _spaRenderer;
+    constructor(options: IRendererConstructorOptions);
+    renderDocument(options: IRenderDocumentOptions): import("@shuvi/platform-shared/shared").Response | IHtmlDocument | Promise<import("@shuvi/platform-shared/shared").Response | IHtmlDocument>;
+    renderDocumentToString(document: IHtmlDocument, templateData?: ITemplateData): string;
+}

package/lib/node/features/html-render/lib/renderer/index.js

@@ -0,0 +1,48 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Renderer = void 0;
+const resources_1 = require("@shuvi/service/lib/resources");
+const htmlTag_1 = require("./htmlTag");
+const viewTemplate_1 = require("../viewTemplate");
+const spa_1 = require("./spa");
+const ssr_1 = require("./ssr");
+__exportStar(require("./types"), exports);
+class Renderer {
+    constructor(options) {
+        this._serverPluginContext = options.serverPluginContext;
+        this._documentTemplate = (0, viewTemplate_1.parseTemplateFile)(resources_1.documentPath);
+        this._ssrRenderer = new ssr_1.SsrRenderer(options);
+        this._spaRenderer = new spa_1.SpaRenderer(options);
+    }
+    renderDocument(options) {
+        if (this._serverPluginContext.config.ssr) {
+            return this._ssrRenderer.renderDocument(options);
+        }
+        return this._spaRenderer.renderDocument(options);
+    }
+    renderDocumentToString(document, templateData = {}) {
+        const htmlAttrs = (0, htmlTag_1.stringifyAttrs)(document.htmlAttrs);
+        const head = document.headTags.map(tag => (0, htmlTag_1.stringifyTag)(tag)).join('');
+        const main = document.mainTags.map(tag => (0, htmlTag_1.stringifyTag)(tag)).join('');
+        const script = document.scriptTags.map(tag => (0, htmlTag_1.stringifyTag)(tag)).join('');
+        return (0, viewTemplate_1.renderTemplate)(this._documentTemplate, Object.assign({ htmlAttrs,
+            head,
+            main,
+            script }, templateData));
+    }
+}
+exports.Renderer = Renderer;

package/lib/node/features/html-render/lib/renderer/spa.d.ts

@@ -0,0 +1,5 @@
+import { BaseRenderer } from './base';
+import { IRenderDocumentOptions, IHtmlDocument } from './types';
+export declare class SpaRenderer extends BaseRenderer {
+    renderDocument({ app }: IRenderDocumentOptions): IHtmlDocument;
+}

package/lib/node/features/html-render/lib/renderer/spa.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SpaRenderer = void 0;
+const base_1 = require("./base");
+class SpaRenderer extends base_1.BaseRenderer {
+    renderDocument({ app }) {
+        const assets = this._getMainAssetTags();
+        const serverPluginContext = this._serverPluginContext;
+        const appData = {
+            pageData: {},
+            ssr: serverPluginContext.config.ssr,
+            loadersData: {}
+        };
+        const document = {
+            htmlAttrs: {},
+            headTags: [...assets.styles],
+            mainTags: [
+                this._getInlineAppData(app, appData),
+                this._getAppContainerTag()
+            ],
+            scriptTags: [...assets.scripts]
+        };
+        return document;
+    }
+}
+exports.SpaRenderer = SpaRenderer;

package/lib/node/features/html-render/lib/renderer/ssr.d.ts

@@ -0,0 +1,5 @@
+import { BaseRenderer } from './base';
+import { IHtmlDocument, IRenderDocumentOptions } from './types';
+export declare class SsrRenderer extends BaseRenderer {
+    renderDocument({ app, req }: IRenderDocumentOptions): Promise<import("@shuvi/platform-shared/shared").Response | IHtmlDocument>;
+}

package/lib/node/features/html-render/lib/renderer/ssr.js

@@ -0,0 +1,70 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SsrRenderer = void 0;
+const shared_1 = require("@shuvi/platform-shared/shared");
+const shuvi_singleton_runtimeConfig_1 = require("@shuvi/platform-shared/shared/shuvi-singleton-runtimeConfig");
+const constants_1 = require("@shuvi/shared/lib/constants");
+const resources_1 = require("@shuvi/service/lib/resources");
+const base_1 = require("./base");
+const htmlTag_1 = require("./htmlTag");
+class SsrRenderer extends base_1.BaseRenderer {
+    renderDocument({ app, req }) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { router, context } = app;
+            const serverPluginContext = this._serverPluginContext;
+            const { view } = resources_1.server;
+            const { getAssetPublicUrl } = serverPluginContext;
+            if (!router) {
+                throw new Error('router is null');
+            }
+            const result = yield view.renderApp({
+                app,
+                req,
+                manifest: resources_1.clientManifest,
+                getAssetPublicUrl
+            });
+            if ((0, shared_1.isResponse)(result)) {
+                return result;
+            }
+            const mainAssetsTags = this._getMainAssetTags();
+            const pageDataList = yield serverPluginContext.serverPluginRunner.getPageData(context);
+            const pageData = pageDataList.reduce((acc, data) => {
+                Object.assign(acc, data);
+                return acc;
+            }, {});
+            const appData = Object.assign(Object.assign({}, result.appData), { pageData, ssr: serverPluginContext.config.ssr });
+            appData.runtimeConfig = (0, shuvi_singleton_runtimeConfig_1.getPublicRuntimeConfig)() || {};
+            const document = {
+                htmlAttrs: Object.assign({}, result.htmlAttrs),
+                headTags: [
+                    ...(result.headBeginTags || []),
+                    ...mainAssetsTags.styles,
+                    ...(result.headEndTags || [])
+                ],
+                mainTags: [
+                    this._getInlineAppData(app, appData),
+                    ...(result.mainBeginTags || []),
+                    this._getAppContainerTag(result.content),
+                    ...(result.mainEndTags || [])
+                ],
+                scriptTags: [
+                    (0, htmlTag_1.tag)('script', {}, `${constants_1.IDENTITY_RUNTIME_PUBLICPATH} = "${serverPluginContext.assetPublicPath}"`),
+                    ...(result.scriptBeginTags || []),
+                    ...mainAssetsTags.scripts,
+                    ...(result.scriptEndTags || [])
+                ]
+            };
+            return document;
+        });
+    }
+}
+exports.SsrRenderer = SsrRenderer;

package/lib/node/features/html-render/lib/renderer/types.d.ts

@@ -0,0 +1,20 @@
+import { IApplication, IRequest } from '@shuvi/platform-shared/shared';
+import { IHtmlAttrs, IHtmlTag, IClientRendererOptions, IServerRendererOptions, IViewClient, IViewServer, IRenderAppServerResult } from '../../../../../shared';
+import { IServerPluginContext } from '@shuvi/service';
+export { IHtmlAttrs, IHtmlTag, IApplication };
+export interface IRendererConstructorOptions {
+    serverPluginContext: IServerPluginContext;
+}
+export declare type IRenderDocumentOptions = {
+    app: IApplication;
+    req: IRequest;
+};
+export interface IHtmlDocument {
+    htmlAttrs: IHtmlAttrs;
+    headTags: IHtmlTag<'meta' | 'link' | 'style' | 'script' | 'noscript' | 'title'>[];
+    mainTags: IHtmlTag[];
+    scriptTags: IHtmlTag<'script'>[];
+}
+export interface IRenderOptions extends IRenderDocumentOptions {
+}
+export { IRenderAppServerResult, IClientRendererOptions, IServerRendererOptions, IViewClient, IViewServer };

package/lib/node/features/html-render/lib/renderer/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/node/features/html-render/lib/viewTemplate.d.ts

@@ -0,0 +1,5 @@
+import { TemplateFunction } from 'ejs';
+export { TemplateFunction };
+declare function parseTemplateFile(templateFile: string): TemplateFunction;
+declare function renderTemplate(templateFn: TemplateFunction, data: any): string;
+export { parseTemplateFile, renderTemplate };

package/lib/node/features/html-render/lib/viewTemplate.js

@@ -0,0 +1,37 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderTemplate = exports.parseTemplateFile = void 0;
+const ejs = __importStar(require("ejs"));
+const fs = __importStar(require("fs"));
+function parseTemplateFile(templateFile) {
+    const content = fs.readFileSync(templateFile, 'utf8');
+    return ejs.compile(content);
+}
+exports.parseTemplateFile = parseTemplateFile;
+function renderTemplate(templateFn, data) {
+    return templateFn(data);
+}
+exports.renderTemplate = renderTemplate;