import { createRenderer } from "vue-bundle-renderer/runtime"; import { renderToString as _renderToString } from "vue/server-renderer"; import { propsToString } from "@unhead/vue/server"; import { useRuntimeConfig } from "nitropack/runtime"; // @ts-expect-error virtual file import { NUXT_NO_SSR } from "#internal/nuxt/nitro-config.mjs"; // @ts-expect-error virtual file import { appRootAttrs, appRootTag, appSpaLoaderAttrs, appSpaLoaderTag, spaLoadingTemplateOutside } from "#internal/nuxt.config.mjs"; // @ts-expect-error virtual file import { buildAssetsURL } from "#internal/nuxt/paths"; const APP_ROOT_OPEN_TAG = `<${appRootTag}${propsToString(appRootAttrs)}>`; const APP_ROOT_CLOSE_TAG = ``; // @ts-expect-error file will be produced after app build const getServerEntry = () => import("#build/dist/server/server.mjs").then((r) => r.default || r); // @ts-expect-error file will be produced after app build const getClientManifest = () => import("#build/dist/server/client.manifest.mjs").then((r) => r.default || r).then((r) => typeof r === "function" ? r() : r); // @ts-expect-error file will be produced after app build const getPrecomputedDependencies = () => import("#build/dist/server/client.precomputed.mjs").then((r) => r.default || r).then((r) => typeof r === "function" ? r() : r); // -- SSR Renderer -- export const getSSRRenderer = lazyCachedFunction(async () => { // Load server bundle const createSSRApp = await getServerEntry(); if (!createSSRApp) { throw new Error("Server bundle is not available"); } // Load precomputed dependencies const precomputed = import.meta.dev ? undefined : await getPrecomputedDependencies(); // Create renderer const renderer = createRenderer(createSSRApp, { precomputed, manifest: import.meta.dev ? await getClientManifest() : undefined, renderToString, buildAssetsURL }); async function renderToString(input, context) { const html = await _renderToString(input, context); // In development with vite-node, the manifest is on-demand and will be available after rendering // eslint-disable-next-line no-restricted-globals if (import.meta.dev && process.env.NUXT_VITE_NODE_OPTIONS) { renderer.rendererContext.updateManifest(await getClientManifest()); } return APP_ROOT_OPEN_TAG + html + APP_ROOT_CLOSE_TAG; } return renderer; }); // -- SPA Renderer -- const getSPARenderer = lazyCachedFunction(async () => { const precomputed = import.meta.dev ? undefined : await getPrecomputedDependencies(); // @ts-expect-error virtual file const spaTemplate = await import("#spa-template").then((r) => r.template).catch(() => "").then((r) => { if (spaLoadingTemplateOutside) { const APP_SPA_LOADER_OPEN_TAG = `<${appSpaLoaderTag}${propsToString(appSpaLoaderAttrs)}>`; const APP_SPA_LOADER_CLOSE_TAG = ``; const appTemplate = APP_ROOT_OPEN_TAG + APP_ROOT_CLOSE_TAG; const loaderTemplate = r ? APP_SPA_LOADER_OPEN_TAG + r + APP_SPA_LOADER_CLOSE_TAG : ""; return appTemplate + loaderTemplate; } else { return APP_ROOT_OPEN_TAG + r + APP_ROOT_CLOSE_TAG; } }); // Create SPA renderer and cache the result for all requests const renderer = createRenderer(() => () => {}, { precomputed, manifest: import.meta.dev ? await getClientManifest() : undefined, renderToString: () => spaTemplate, buildAssetsURL }); const result = await renderer.renderToString({}); const renderToString = (ssrContext) => { const config = useRuntimeConfig(ssrContext.event); ssrContext.modules ||= new Set(); ssrContext.payload.serverRendered = false; ssrContext.config = { public: config.public, app: config.app }; return Promise.resolve(result); }; return { rendererContext: renderer.rendererContext, renderToString }; }); function lazyCachedFunction(fn) { let res = null; return () => { if (res === null) { res = fn().catch((err) => { res = null; throw err; }); } return res; }; } export function getRenderer(ssrContext) { return NUXT_NO_SSR || ssrContext.noSSR ? getSPARenderer() : getSSRRenderer(); } // @ts-expect-error file will be produced after app build export const getSSRStyles = lazyCachedFunction(() => import("#build/dist/server/styles.mjs").then((r) => r.default || r));