Server Fragments, Islands & SSR Runtimes
Server-rendered component fragments (litestar-vite-plugin/fragments), <litestar-island> progressive hydration adapters (litestar-vite-plugin/fragments/client, /react, /vue, /svelte), and SSR execution transports (litestar-vite-plugin/dev-ssr, /ssr-worker).
| Subpath |
Import Specifier |
Source Entrypoint |
Exports |
./fragments |
litestar-vite-plugin/fragments |
src/js/src/fragments/renderer.ts |
RenderFragmentOptions, RenderFragmentResult, renderFragment, createFragmentRenderer |
./fragments/client |
litestar-vite-plugin/fragments/client |
src/js/src/fragments/client.ts |
IslandComponent, IslandTeardown, IslandHydrator, hydrateIslands |
./fragments/react |
litestar-vite-plugin/fragments/react |
src/js/src/fragments/react.ts |
hydrateReact |
./fragments/vue |
litestar-vite-plugin/fragments/vue |
src/js/src/fragments/vue.ts |
hydrateVue |
./fragments/svelte |
litestar-vite-plugin/fragments/svelte |
src/js/src/fragments/svelte.ts |
hydrateSvelte |
./dev-ssr |
litestar-vite-plugin/dev-ssr |
src/js/src/dev-ssr.ts |
litestarViteSsrPlugin |
./ssr-worker |
litestar-vite-plugin/ssr-worker |
src/js/src/ssr-worker.ts |
SsrWorkerOptions, IPCRequest, dispatchSsrRequest, startSsrWorker |
litestar-vite-plugin/fragments
Package Subpath: ./fragments · Types: ./dist/js/fragments/renderer.d.ts · Source: src/js/src/fragments/renderer.ts
| Export |
Kind |
Description |
RenderFragmentOptions |
interface |
Exported interface from src/js/src/fragments/renderer.ts. |
RenderFragmentResult |
interface |
Exported interface from src/js/src/fragments/renderer.ts. |
renderFragment |
function |
Exported function from src/js/src/fragments/renderer.ts. |
createFragmentRenderer |
function |
Create a production renderer from imports compiled by the application's SSR build. |
RenderFragmentOptions
export interface RenderFragmentOptions
| Property |
Type |
Default |
Description |
componentPath |
string |
— |
— |
props? |
Record<string, unknown> |
— |
— |
mode? |
"static" | "island" |
— |
— |
islandId? |
string |
— |
— |
clientEntry? |
string |
— |
— |
RenderFragmentResult
export interface RenderFragmentResult
| Property |
Type |
Default |
Description |
html |
string |
— |
— |
head |
string[] |
— |
— |
css |
string[] |
— |
— |
renderFragment
export async function renderFragment(options: RenderFragmentOptions, customImporter?: (specifier: string) => Promise<any>): Promise<RenderFragmentResult>
createFragmentRenderer
export function createFragmentRenderer( registry: Record<string, () => Promise<any>>, options: { clientEntry?: string } = {}, ): (params: Record<string, unknown>) => Promise<RenderFragmentResult>
Create a production renderer from imports compiled by the application's SSR build.
litestar-vite-plugin/fragments/client
Package Subpath: ./fragments/client · Types: ./dist/js/fragments/client.d.ts · Source: src/js/src/fragments/client.ts
| Export |
Kind |
Description |
IslandComponent |
interface |
Exported interface from src/js/src/fragments/client.ts. |
IslandTeardown |
type |
Exported type from src/js/src/fragments/client.ts. |
IslandHydrator |
type |
Exported type from src/js/src/fragments/client.ts. |
hydrateIslands |
function |
Register compiled component imports and hydrate present and subsequently inserted islands. |
IslandComponent
export interface IslandComponent
| Property |
Type |
Default |
Description |
load |
() => Promise<{ default: any }> |
— |
— |
hydrate |
IslandHydrator |
— |
— |
IslandTeardown
export type IslandTeardown = () => void | Promise<void>
IslandHydrator
export type IslandHydrator = (component: any, target: HTMLElement, props: Record<string, unknown>) => IslandTeardown | Promise<IslandTeardown>
hydrateIslands
export function hydrateIslands(registry: Record<string, IslandComponent>): void
Register compiled component imports and hydrate present and subsequently inserted islands.
litestar-vite-plugin/fragments/react
Package Subpath: ./fragments/react · Types: ./dist/js/fragments/react.d.ts · Source: src/js/src/fragments/react.ts
| Export |
Kind |
Description |
hydrateReact |
const |
Exported const from src/js/src/fragments/react.ts. |
hydrateReact
export const hydrateReact: IslandHydrator
litestar-vite-plugin/fragments/vue
Package Subpath: ./fragments/vue · Types: ./dist/js/fragments/vue.d.ts · Source: src/js/src/fragments/vue.ts
| Export |
Kind |
Description |
hydrateVue |
const |
Exported const from src/js/src/fragments/vue.ts. |
hydrateVue
export const hydrateVue: IslandHydrator
litestar-vite-plugin/fragments/svelte
Package Subpath: ./fragments/svelte · Types: ./dist/js/fragments/svelte.d.ts · Source: src/js/src/fragments/svelte.ts
| Export |
Kind |
Description |
hydrateSvelte |
const |
Exported const from src/js/src/fragments/svelte.ts. |
hydrateSvelte
export const hydrateSvelte: IslandHydrator
litestar-vite-plugin/dev-ssr
Package Subpath: ./dev-ssr · Types: ./dist/js/dev-ssr.d.ts · Source: src/js/src/dev-ssr.ts
| Export |
Kind |
Description |
litestarViteSsrPlugin |
function |
Exported function from src/js/src/dev-ssr.ts. |
litestarViteSsrPlugin
export function litestarViteSsrPlugin(options: DevSsrOptions = {}): Plugin
litestar-vite-plugin/ssr-worker
Package Subpath: ./ssr-worker · Types: ./dist/js/ssr-worker.d.ts · Source: src/js/src/ssr-worker.ts
| Export |
Kind |
Description |
SsrWorkerOptions |
interface |
Exported interface from src/js/src/ssr-worker.ts. |
IPCRequest |
interface |
Exported interface from src/js/src/ssr-worker.ts. |
dispatchSsrRequest |
function |
Dispatch one request, preserving rendering errors for the transport's fallback policy. |
startSsrWorker |
function |
Start the shared newline-delimited JSON RPC worker for an application's SSR entry. |
SsrWorkerOptions
export interface SsrWorkerOptions
| Property |
Type |
Default |
Description |
render? |
(page: any) => unknown | Promise<unknown> |
— |
— |
renderFragment? |
(params: Record<string, unknown>) => unknown | Promise<unknown> |
— |
— |
IPCRequest
export interface IPCRequest
| Property |
Type |
Default |
Description |
id? |
number | string |
— |
— |
method? |
string |
— |
— |
params? |
Record<string, unknown> |
— |
— |
payload? |
Record<string, unknown> |
— |
— |
dispatchSsrRequest
export async function dispatchSsrRequest(request: IPCRequest, options: SsrWorkerOptions = {}): Promise<unknown>
Dispatch one request, preserving rendering errors for the transport's fallback policy.
startSsrWorker
export function startSsrWorker(options: SsrWorkerOptions = {}): void
Start the shared newline-delimited JSON RPC worker for an application's SSR entry.