vite Architecture Docs
Home / File/ entry-server.tsx — vite Source File

entry-server.tsx — vite Source File

Architecture documentation for entry-server.tsx, a tsx file in the vite codebase. 4 imports, 0 dependents.

File tsx ViteCore DevServer 4 imports 2 functions 1 classes

Entity Profile

Dependency Diagram

graph LR
  8cf622ac_b52d_c87c_da85_18734f590a24["entry-server.tsx"]
  f3ac8f71_df40_6a45_d1ab_51a2042d3e19["root.tsx"]
  8cf622ac_b52d_c87c_da85_18734f590a24 --> f3ac8f71_df40_6a45_d1ab_51a2042d3e19
  fbbdebb9_341f_50e9_2a8a_99838270f664["Root"]
  8cf622ac_b52d_c87c_da85_18734f590a24 --> fbbdebb9_341f_50e9_2a8a_99838270f664
  f1d73d70_6916_bd41_6bfe_179bd75acf5b["server"]
  8cf622ac_b52d_c87c_da85_18734f590a24 --> f1d73d70_6916_bd41_6bfe_179bd75acf5b
  54c37fea_4fe7_2693_71cb_1276b77f55f9["vite"]
  8cf622ac_b52d_c87c_da85_18734f590a24 --> 54c37fea_4fe7_2693_71cb_1276b77f55f9
  style 8cf622ac_b52d_c87c_da85_18734f590a24 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import ReactDomServer from 'react-dom/server'
import type { Connect, ViteDevServer } from 'vite'
import Root from './root'

const handler: Connect.NextHandleFunction = async (_req, res) => {
  const ssrHtml = ReactDomServer.renderToString(<Root />)
  let html = await importHtml()
  html = html.replace(/<body>/, `<body><div id="root">${ssrHtml}</div>`)
  res.setHeader('content-type', 'text/html').end(html)
}

export default handler

declare let __globalServer: ViteDevServer

async function importHtml() {
  if (import.meta.env.DEV) {
    const mod = await import('/index.html?raw')
    return __globalServer.transformIndexHtml('/', mod.default)
  } else {
    const mod = await import('/dist/client/index.html?raw')
    return mod.default
  }
}

Domain

Subdomains

Functions

Classes

Dependencies

Source

Frequently Asked Questions

What does entry-server.tsx do?
entry-server.tsx is a source file in the vite codebase, written in tsx. It belongs to the ViteCore domain, DevServer subdomain.
What functions are defined in entry-server.tsx?
entry-server.tsx defines 2 function(s): handler, importHtml.
What does entry-server.tsx depend on?
entry-server.tsx imports 4 module(s): Root, root.tsx, server, vite.
Where is entry-server.tsx in the architecture?
entry-server.tsx is located at playground/environment-react-ssr/src/entry-server.tsx (domain: ViteCore, subdomain: DevServer, directory: playground/environment-react-ssr/src).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free