@lomray/vite-ssr-boost 3.3.4-beta.1 → 3.3.4-beta.2

package/components/navigate.js

@@ -1,2 +1,2 @@
-import e from"react";import{Navigate as t}from"react-router-dom";import{useServerContext as r}from"../context/server.js";const o=({to:o,status:s=301,...a})=>{const n=r();if(!n.isServer)return e.createElement(t,{to:o,...a});if(n){const e="string"==typeof o?o:[o.pathname,o.search,o.hash].filter(Boolean).join("");n.response=new Response("",{status:s,headers:new Headers({Location:e})})}return null};export{o as default};
+import e from"react";import{Navigate as t}from"react-router-dom";import{useServerContext as r}from"../context/server.js";const o=({to:o,status:s=301,...a})=>{const n=r();if(!n.isServer)return e.createElement(t,{to:o,...a});if(n){const{basename:e}=n,t="string"==typeof o?[e,o].filter(Boolean).join(""):[e,o.pathname,o.search,o.hash].filter(Boolean).join("");n.response=new Response("",{status:s,headers:new Headers({Location:t})})}return null};export{o as default};
 //# sourceMappingURL=navigate.js.map

package/components/navigate.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigate.js","sources":["../../src/components/navigate.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\nimport type { NavigateProps } from 'react-router-dom';\nimport { Navigate as DefaultNavigate } from 'react-router-dom';\nimport { useServerContext } from '@context/server';\n\ninterface INavigate {\n  status?: number;\n}\n\ntype TProps = INavigate & NavigateProps;\n\n/**\n * React router navigate with server support\n * @constructor\n */\nconst Navigate: FC<TProps> = ({ to, status = 301, ...rest }) => {\n  const context = useServerContext();\n\n  if (!context.isServer) {\n    return <DefaultNavigate to={to} {...rest} />;\n  }\n\n  if (context) {\n    const location =\n      typeof to === 'string' ? to : [to.pathname, to.search, to.hash].filter(Boolean).join('');\n\n    context.response = new Response('', { status, headers: new Headers({ Location: location }) });\n  }\n\n  return null;\n};\n\nexport default Navigate;\n"],"names":["Navigate","to","status","rest","context","useServerContext","isServer","React","createElement","DefaultNavigate","location","pathname","search","hash","filter","Boolean","join","response","Response","headers","Headers","Location"],"mappings":"yHAgBA,MAAMA,EAAuB,EAAGC,KAAIC,SAAS,OAAQC,MACnD,MAAMC,EAAUC,IAEhB,IAAKD,EAAQE,SACX,OAAOC,EAAAC,cAACC,EAAgB,CAAAR,GAAIA,KAAQE,IAGtC,GAAIC,EAAS,CACX,MAAMM,EACU,iBAAPT,EAAkBA,EAAK,CAACA,EAAGU,SAAUV,EAAGW,OAAQX,EAAGY,MAAMC,OAAOC,SAASC,KAAK,IAEvFZ,EAAQa,SAAW,IAAIC,SAAS,GAAI,CAAEhB,SAAQiB,QAAS,IAAIC,QAAQ,CAAEC,SAAUX,KAChF,CAED,OAAO,IAAI"}
+{"version":3,"file":"navigate.js","sources":["../../src/components/navigate.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\nimport type { NavigateProps } from 'react-router-dom';\nimport { Navigate as DefaultNavigate } from 'react-router-dom';\nimport { useServerContext } from '@context/server';\n\ninterface INavigate {\n  status?: number;\n}\n\ntype TProps = INavigate & NavigateProps;\n\n/**\n * React router navigate with server support\n * @constructor\n */\nconst Navigate: FC<TProps> = ({ to, status = 301, ...rest }) => {\n  const context = useServerContext();\n\n  if (!context.isServer) {\n    return <DefaultNavigate to={to} {...rest} />;\n  }\n\n  if (context) {\n    const { basename } = context;\n    const location =\n      typeof to === 'string'\n        ? [basename, to].filter(Boolean).join('')\n        : [basename, to.pathname, to.search, to.hash].filter(Boolean).join('');\n\n    context.response = new Response('', { status, headers: new Headers({ Location: location }) });\n  }\n\n  return null;\n};\n\nexport default Navigate;\n"],"names":["Navigate","to","status","rest","context","useServerContext","isServer","React","createElement","DefaultNavigate","basename","location","filter","Boolean","join","pathname","search","hash","response","Response","headers","Headers","Location"],"mappings":"yHAgBA,MAAMA,EAAuB,EAAGC,KAAIC,SAAS,OAAQC,MACnD,MAAMC,EAAUC,IAEhB,IAAKD,EAAQE,SACX,OAAOC,EAAAC,cAACC,EAAgB,CAAAR,GAAIA,KAAQE,IAGtC,GAAIC,EAAS,CACX,MAAMM,SAAEA,GAAaN,EACfO,EACU,iBAAPV,EACH,CAACS,EAAUT,GAAIW,OAAOC,SAASC,KAAK,IACpC,CAACJ,EAAUT,EAAGc,SAAUd,EAAGe,OAAQf,EAAGgB,MAAML,OAAOC,SAASC,KAAK,IAEvEV,EAAQc,SAAW,IAAIC,SAAS,GAAI,CAAEjB,SAAQkB,QAAS,IAAIC,QAAQ,CAAEC,SAAUX,KAChF,CAED,OAAO,IAAI"}

package/context/server.d.ts

@@ -4,13 +4,14 @@ import { FC, PropsWithChildren } from "react";
 interface IServerContext {
     response: Response | null;
     isServer: boolean;
+    basename?: string;
 }
 /**
  * Server application context
  */
 declare const ServerContext: React.Context<IServerContext>;
 interface IServerProvider {
-    context: Record<string, any>;
+    context: IServerContext;
 }
 /**
  * Server application context provider
@@ -18,4 +19,4 @@ interface IServerProvider {
  */
 declare const ServerProvider: FC<PropsWithChildren<IServerProvider>>;
 declare const useServerContext: () => IServerContext;
-export { IServerContext, IServerProvider, ServerContext, ServerProvider, useServerContext };
+export { IServerContext, ServerContext, ServerProvider, useServerContext };

package/context/server.js.map

@@ -1 +1 @@
-{"version":3,"file":"server.js","sources":["../../src/context/server.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from 'react';\nimport React, { useContext } from 'react';\n\nexport interface IServerContext {\n  response: Response | null;\n  isServer: boolean;\n}\n\nconst initState = {\n  response: null,\n  isServer: false,\n};\n\n/**\n * Server application context\n */\nconst ServerContext = React.createContext<IServerContext>(initState);\n\nexport interface IServerProvider {\n  context: Record<string, any>;\n}\n\n/**\n * Server application context provider\n * @constructor\n */\nconst ServerProvider: FC<PropsWithChildren<IServerProvider>> = ({ children, context }) => (\n  <ServerContext.Provider value={context as IServerContext} children={children} />\n);\n\nconst useServerContext = (): IServerContext => useContext(ServerContext);\n\nexport { ServerContext, ServerProvider, useServerContext };\n"],"names":["ServerContext","React","createContext","response","isServer","ServerProvider","children","context","createElement","Provider","value","useServerContext","useContext"],"mappings":"sCAQA,MAQMA,EAAgBC,EAAMC,cARV,CAChBC,SAAU,KACVC,UAAU,IAgBNC,EAAyD,EAAGC,WAAUC,aAC1EN,EAAAO,cAACR,EAAcS,SAAS,CAAAC,MAAOH,EAA2BD,SAAUA,IAGhEK,EAAmB,IAAsBC,EAAWZ"}
+{"version":3,"file":"server.js","sources":["../../src/context/server.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from 'react';\nimport React, { useContext } from 'react';\n\nexport interface IServerContext {\n  response: Response | null;\n  isServer: boolean;\n  basename?: string;\n}\n\nconst initState = {\n  response: null,\n  isServer: false,\n};\n\n/**\n * Server application context\n */\nconst ServerContext = React.createContext<IServerContext>(initState);\n\ninterface IServerProvider {\n  context: IServerContext;\n}\n\n/**\n * Server application context provider\n * @constructor\n */\nconst ServerProvider: FC<PropsWithChildren<IServerProvider>> = ({ children, context }) => (\n  <ServerContext.Provider value={context} children={children} />\n);\n\nconst useServerContext = (): IServerContext => useContext(ServerContext);\n\nexport { ServerContext, ServerProvider, useServerContext };\n"],"names":["ServerContext","React","createContext","response","isServer","ServerProvider","children","context","createElement","Provider","value","useServerContext","useContext"],"mappings":"sCASA,MAQMA,EAAgBC,EAAMC,cARV,CAChBC,SAAU,KACVC,UAAU,IAgBNC,EAAyD,EAAGC,WAAUC,aAC1EN,EAAAO,cAACR,EAAcS,SAAS,CAAAC,MAAOH,EAASD,SAAUA,IAG9CK,EAAmB,IAAsBC,EAAWZ"}

package/node/render.js

@@ -1,2 +1,2 @@
-import e from"chalk";import r from"react";import{renderToPipeableStream as t}from"react-dom/server";import{createStaticRouter as o,StaticRouterProvider as n}from"react-router-dom/server.mjs";import s from"../constants/stream-error.js";import{ServerProvider as a}from"../context/server.js";import m from"../helpers/handle-response.js";import i from"../helpers/obtain-stream-error.js";import c from"./create-fetch-request.js";import d from"./write-response.js";import l from"../services/ssr-manifest.js";async function p({App:p,handler:u},f,h,{onRouterReady:x,onShellReady:S,onResponse:R,onShellError:g,onError:y,getState:C,abortDelay:E=15e3}){const{req:j,res:v}=h,w=c(j);h.routerContext=await u.query(w,{requestContext:h});const b=m(v,h.routerContext);if(!b)return;l.get(f).injectAssets(h);const{isStream:q=!0}=await(x?.({context:h}))??{};h.isStream=q,h.serverContext={response:null,isServer:!0};const T=o(u.dataRoutes,h.routerContext),A=v.write.bind(v),B=f.getLogger();let $;v.write=(e,...r)=>{const t="string"==typeof e,o=t?e:Buffer.from(e).toString(),n=R?.({context:h,html:o});return n?A(t?n:Buffer.from(n),...r):A(e,...r)};const{serverContext:k,routerContext:D,appProps:H}=h,{pipe:L,abort:P}=t(r.createElement(a,{context:k},r.createElement(p,{server:{...H,req:j}},r.createElement(n,{router:T,context:D,hydrate:!1}))),{onShellReady(){q&&d(h,{pipe:L,statusCode:b,onShellReady:S,getState:C})},onAllReady(){clearTimeout($),q||d(h,{pipe:L,statusCode:b,onShellReady:S,getState:C})},onShellError(e){const r=g?.({context:h,error:e})||`<!doctype html><p>Something went wrong: ${e.message}</p>`;v.status(500),v.setHeader("content-type","text/html"),v.send(r)},onError(r){clearTimeout($);const t=i(r),{code:o,message:n}=t,{didError:a}=h;h.didError=a??o,y?.({context:h,error:t}),B.info(e.red(`Stream error. Code: ${o}`)),[s.RenderAborted,s.RenderTimeout,s.RenderCancel].includes(o)?B.info(e.dim(n)):B.error(r)}});$=setTimeout((()=>{h.didError=s.RenderTimeout,P()}),E),j.on("close",(()=>{h.didError=s.RenderCancel,P()}))}export{p as default};
+import e from"chalk";import r from"react";import{renderToPipeableStream as t}from"react-dom/server";import{createStaticRouter as o,StaticRouterProvider as n}from"react-router-dom/server.mjs";import s from"../constants/stream-error.js";import{ServerProvider as a}from"../context/server.js";import m from"../helpers/handle-response.js";import i from"../helpers/obtain-stream-error.js";import c from"./create-fetch-request.js";import d from"./write-response.js";import l from"../services/ssr-manifest.js";async function p({App:p,handler:u},f,h,{onRouterReady:x,onShellReady:S,onResponse:R,onShellError:g,onError:y,getState:C,abortDelay:E=15e3}){const{req:j,res:v}=h,b=c(j);h.routerContext=await u.query(b,{requestContext:h});const w=m(v,h.routerContext);if(!w)return;l.get(f).injectAssets(h);const{isStream:q=!0}=await(x?.({context:h}))??{};h.isStream=q,h.serverContext={response:null,isServer:!0,basename:h.routerContext?.basename};const T=o(u.dataRoutes,h.routerContext),A=v.write.bind(v),B=f.getLogger();let $;v.write=(e,...r)=>{const t="string"==typeof e,o=t?e:Buffer.from(e).toString(),n=R?.({context:h,html:o});return n?A(t?n:Buffer.from(n),...r):A(e,...r)};const{serverContext:k,routerContext:D,appProps:H}=h,{pipe:L,abort:P}=t(r.createElement(a,{context:k},r.createElement(p,{server:{...H,req:j}},r.createElement(n,{router:T,context:D,hydrate:!1}))),{onShellReady(){q&&d(h,{pipe:L,statusCode:w,onShellReady:S,getState:C})},onAllReady(){clearTimeout($),q||d(h,{pipe:L,statusCode:w,onShellReady:S,getState:C})},onShellError(e){const r=g?.({context:h,error:e})||`<!doctype html><p>Something went wrong: ${e.message}</p>`;v.status(500),v.setHeader("content-type","text/html"),v.send(r)},onError(r){clearTimeout($);const t=i(r),{code:o,message:n}=t,{didError:a}=h;h.didError=a??o,y?.({context:h,error:t}),B.info(e.red(`Stream error. Code: ${o}`)),[s.RenderAborted,s.RenderTimeout,s.RenderCancel].includes(o)?B.info(e.dim(n)):B.error(r)}});$=setTimeout((()=>{h.didError=s.RenderTimeout,P()}),E),j.on("close",(()=>{h.didError=s.RenderCancel,P()}))}export{p as default};
 //# sourceMappingURL=render.js.map

package/node/render.js.map

@@ -1 +1 @@
-{"version":3,"file":"render.js","sources":["../../src/node/render.tsx"],"sourcesContent":["import type { StaticHandler } from '@remix-run/router';\nimport chalk from 'chalk';\nimport type { Request, Response as ExpressResponse } from 'express';\nimport React from 'react';\nimport { renderToPipeableStream } from 'react-dom/server';\nimport type { StaticHandlerContext } from 'react-router-dom/server';\nimport { createStaticRouter, StaticRouterProvider } from 'react-router-dom/server.mjs';\nimport StreamError from '@constants/stream-error';\nimport type { IServerContext } from '@context/server';\nimport { ServerProvider } from '@context/server';\nimport handleResponse from '@helpers/handle-response';\nimport type { IObtainStreamErrorOut } from '@helpers/obtain-stream-error';\nimport obtainStreamError from '@helpers/obtain-stream-error';\nimport createFetchRequest from '@node/create-fetch-request';\nimport type { TApp } from '@node/entry';\nimport writeResponse from '@node/write-response';\nimport type ServerConfig from '@services/server-config';\nimport SsrManifest from '@services/ssr-manifest';\n\nexport interface IRequestContext<TAppProps = Record<any, any>> {\n  req: Request;\n  res: ExpressResponse;\n  appProps: NonNullable<TAppProps>;\n  html: { header: string; footer: string };\n  routerContext?: StaticHandlerContext;\n  serverContext?: IServerContext;\n  isStream?: boolean;\n  hasEarlyHints?: boolean;\n  didError?: StreamError;\n}\n\nexport type TRender<TAppProps = Record<any, any>> = (\n  config: ServerConfig,\n  context: IRequestContext<TAppProps>,\n  options: IRenderOptions,\n) => Promise<void>;\n\nexport interface IRenderParams<TAppProps = Record<string, any>> {\n  App: TApp<TAppProps>;\n  handler: StaticHandler;\n}\n\nexport interface IRenderOptions<TAppProps = Record<string, any>> {\n  abortDelay?: number;\n  onRouterReady?: (params: {\n    context: IRequestContext<TAppProps>;\n  }) => Promise<IRouterReadyOut> | IRouterReadyOut;\n  onShellReady?: (params: { context: IRequestContext<TAppProps> }) => IShellReadyOut;\n  onShellError?: (params: {\n    context: IRequestContext<TAppProps>;\n    error: Error;\n  }) => string | undefined | void; // return html or undefined\n  onError?: (params: { context: IRequestContext<TAppProps>; error: IObtainStreamErrorOut }) => void;\n  onResponse?: (params: {\n    context: IRequestContext<TAppProps>;\n    html: string;\n  }) => string | undefined | void;\n  getState?: (params: {\n    context: IRequestContext<TAppProps>;\n  }) => Record<string, Record<string, any>> | undefined | void;\n}\n\nexport interface IRouterReadyOut {\n  isStream?: boolean;\n}\n\nexport interface IShellReadyOut {\n  header?: string;\n  footer?: string;\n}\n\n/**\n * Render application\n */\nasync function render(\n  { App, handler }: IRenderParams, // @see entry (bind)\n  config: ServerConfig,\n  context: IRequestContext,\n  {\n    onRouterReady,\n    onShellReady,\n    onResponse,\n    onShellError,\n    onError,\n    getState,\n    abortDelay = 15000,\n  }: IRenderOptions,\n): Promise<void> {\n  const { req, res } = context;\n  const fetchRequest = createFetchRequest(req);\n\n  context.routerContext = (await handler.query(fetchRequest, {\n    requestContext: context,\n  })) as StaticHandlerContext;\n\n  /**\n   * Handle response from page loader, router context can be Response\n   */\n  const statusCode = handleResponse(res, context.routerContext);\n\n  if (!statusCode) {\n    return;\n  }\n\n  SsrManifest.get(config).injectAssets(context);\n\n  const { isStream = true } = (await onRouterReady?.({ context })) ?? {};\n\n  context.isStream = isStream;\n  context.serverContext = { response: null, isServer: true };\n\n  const router = createStaticRouter(handler.dataRoutes, context.routerContext);\n  const write = res.write.bind(res) as ExpressResponse['write'];\n  const Logger = config.getLogger();\n  let abortTimer: NodeJS.Timer | undefined = undefined;\n\n  /**\n   * Listen response and stream to add possibility modify html on fly\n   * E.g. listen stream and append some data\n   */\n  res.write = (data: string | Uint8Array, ...args): boolean => {\n    const isString = typeof data === 'string';\n    const html = isString ? data : Buffer.from(data).toString();\n    const modifiedHtml = onResponse?.({ context, html });\n\n    if (modifiedHtml) {\n      // @ts-ignore\n      return write(isString ? modifiedHtml : Buffer.from(modifiedHtml), ...args) as boolean;\n    }\n\n    // @ts-ignore\n    return write(data, ...args) as boolean;\n  };\n\n  const { serverContext, routerContext, appProps } = context;\n\n  const { pipe, abort } = renderToPipeableStream(\n    <ServerProvider context={serverContext}>\n      <App server={{ ...appProps, req }}>\n        <StaticRouterProvider router={router} context={routerContext} hydrate={false} />\n      </App>\n    </ServerProvider>,\n    {\n      onShellReady(): void {\n        if (!isStream) {\n          return;\n        }\n\n        writeResponse(context, {\n          pipe,\n          statusCode,\n          onShellReady,\n          getState,\n        });\n      },\n      onAllReady(): void {\n        clearTimeout(abortTimer);\n\n        if (isStream) {\n          return;\n        }\n\n        writeResponse(context, {\n          pipe,\n          statusCode,\n          onShellReady,\n          getState,\n        });\n      },\n      onShellError(e: Error): void {\n        const htmlError =\n          onShellError?.({ context, error: e }) ||\n          `<!doctype html><p>Something went wrong: ${e.message}</p>`;\n\n        res.status(500);\n        res.setHeader('content-type', 'text/html');\n        res.send(htmlError);\n      },\n      onError(err): void {\n        clearTimeout(abortTimer);\n\n        const error = obtainStreamError(err);\n        const { code, message } = error;\n        const { didError } = context;\n\n        context.didError = didError ?? code;\n\n        onError?.({ context, error });\n        Logger.info(chalk.red(`Stream error. Code: ${code}`));\n\n        if (\n          [StreamError.RenderAborted, StreamError.RenderTimeout, StreamError.RenderCancel].includes(\n            code,\n          )\n        ) {\n          Logger.info(chalk.dim(message));\n\n          return;\n        }\n\n        Logger.error(err as string);\n      },\n    },\n  );\n\n  // Abandon and switch to client rendering if enough time passes.\n  abortTimer = setTimeout(() => {\n    context.didError = StreamError.RenderTimeout;\n    abort();\n  }, abortDelay);\n\n  // Detect cancel request\n  req.on('close', () => {\n    context.didError = StreamError.RenderCancel;\n    abort();\n  });\n}\n\nexport default render;\n"],"names":["async","render","App","handler","config","context","onRouterReady","onShellReady","onResponse","onShellError","onError","getState","abortDelay","req","res","fetchRequest","createFetchRequest","routerContext","query","requestContext","statusCode","handleResponse","SsrManifest","get","injectAssets","isStream","serverContext","response","isServer","router","createStaticRouter","dataRoutes","write","bind","Logger","getLogger","abortTimer","data","args","isString","html","Buffer","from","toString","modifiedHtml","appProps","pipe","abort","renderToPipeableStream","React","createElement","ServerProvider","server","StaticRouterProvider","hydrate","writeResponse","onAllReady","clearTimeout","e","htmlError","error","message","status","setHeader","send","err","obtainStreamError","code","didError","info","chalk","red","StreamError","RenderAborted","RenderTimeout","RenderCancel","includes","dim","setTimeout","on"],"mappings":"sfA0EAA,eAAeC,GACbC,IAAEA,EAAGC,QAAEA,GACPC,EACAC,GACAC,cACEA,EAAaC,aACbA,EAAYC,WACZA,EAAUC,aACVA,EAAYC,QACZA,EAAOC,SACPA,EAAQC,WACRA,EAAa,OAGf,MAAMC,IAAEA,EAAGC,IAAEA,GAAQT,EACfU,EAAeC,EAAmBH,GAExCR,EAAQY,oBAAuBd,EAAQe,MAAMH,EAAc,CACzDI,eAAgBd,IAMlB,MAAMe,EAAaC,EAAeP,EAAKT,EAAQY,eAE/C,IAAKG,EACH,OAGFE,EAAYC,IAAInB,GAAQoB,aAAanB,GAErC,MAAMoB,SAAEA,GAAW,SAAgBnB,IAAgB,CAAED,cAAe,GAEpEA,EAAQoB,SAAWA,EACnBpB,EAAQqB,cAAgB,CAAEC,SAAU,KAAMC,UAAU,GAEpD,MAAMC,EAASC,EAAmB3B,EAAQ4B,WAAY1B,EAAQY,eACxDe,EAAQlB,EAAIkB,MAAMC,KAAKnB,GACvBoB,EAAS9B,EAAO+B,YACtB,IAAIC,EAMJtB,EAAIkB,MAAQ,CAACK,KAA8BC,KACzC,MAAMC,EAA2B,iBAATF,EAClBG,EAAOD,EAAWF,EAAOI,OAAOC,KAAKL,GAAMM,WAC3CC,EAAepC,IAAa,CAAEH,UAASmC,SAE7C,OAAII,EAEKZ,EAAMO,EAAWK,EAAeH,OAAOC,KAAKE,MAAkBN,GAIhEN,EAAMK,KAASC,EAAgB,EAGxC,MAAMZ,cAAEA,EAAaT,cAAEA,EAAa4B,SAAEA,GAAaxC,GAE7CyC,KAAEA,EAAIC,MAAEA,GAAUC,EACtBC,EAACC,cAAAC,EAAe,CAAA9C,QAASqB,GACvBuB,EAACC,cAAAhD,GAAIkD,OAAQ,IAAKP,EAAUhC,QAC1BoC,EAAAC,cAACG,EAAqB,CAAAxB,OAAQA,EAAQxB,QAASY,EAAeqC,SAAS,MAG3E,CACE/C,eACOkB,GAIL8B,EAAclD,EAAS,CACrByC,OACA1B,aACAb,eACAI,YAEH,EACD6C,aACEC,aAAarB,GAETX,GAIJ8B,EAAclD,EAAS,CACrByC,OACA1B,aACAb,eACAI,YAEH,EACDF,aAAaiD,GACX,MAAMC,EACJlD,IAAe,CAAEJ,UAASuD,MAAOF,KACjC,2CAA2CA,EAAEG,cAE/C/C,EAAIgD,OAAO,KACXhD,EAAIiD,UAAU,eAAgB,aAC9BjD,EAAIkD,KAAKL,EACV,EACDjD,QAAQuD,GACNR,aAAarB,GAEb,MAAMwB,EAAQM,EAAkBD,IAC1BE,KAAEA,EAAIN,QAAEA,GAAYD,GACpBQ,SAAEA,GAAa/D,EAErBA,EAAQ+D,SAAWA,GAAYD,EAE/BzD,IAAU,CAAEL,UAASuD,UACrB1B,EAAOmC,KAAKC,EAAMC,IAAI,uBAAuBJ,MAG3C,CAACK,EAAYC,cAAeD,EAAYE,cAAeF,EAAYG,cAAcC,SAC/ET,GAGFjC,EAAOmC,KAAKC,EAAMO,IAAIhB,IAKxB3B,EAAO0B,MAAMK,EACd,IAKL7B,EAAa0C,YAAW,KACtBzE,EAAQ+D,SAAWI,EAAYE,cAC/B3B,GAAO,GACNnC,GAGHC,EAAIkE,GAAG,SAAS,KACd1E,EAAQ+D,SAAWI,EAAYG,aAC/B5B,GAAO,GAEX"}
+{"version":3,"file":"render.js","sources":["../../src/node/render.tsx"],"sourcesContent":["import type { StaticHandler } from '@remix-run/router';\nimport chalk from 'chalk';\nimport type { Request, Response as ExpressResponse } from 'express';\nimport React from 'react';\nimport { renderToPipeableStream } from 'react-dom/server';\nimport type { StaticHandlerContext } from 'react-router-dom/server';\nimport { createStaticRouter, StaticRouterProvider } from 'react-router-dom/server.mjs';\nimport StreamError from '@constants/stream-error';\nimport type { IServerContext } from '@context/server';\nimport { ServerProvider } from '@context/server';\nimport handleResponse from '@helpers/handle-response';\nimport type { IObtainStreamErrorOut } from '@helpers/obtain-stream-error';\nimport obtainStreamError from '@helpers/obtain-stream-error';\nimport createFetchRequest from '@node/create-fetch-request';\nimport type { TApp } from '@node/entry';\nimport writeResponse from '@node/write-response';\nimport type ServerConfig from '@services/server-config';\nimport SsrManifest from '@services/ssr-manifest';\n\nexport interface IRequestContext<TAppProps = Record<any, any>> {\n  req: Request;\n  res: ExpressResponse;\n  appProps: NonNullable<TAppProps>;\n  html: { header: string; footer: string };\n  routerContext?: StaticHandlerContext;\n  serverContext?: IServerContext;\n  isStream?: boolean;\n  hasEarlyHints?: boolean;\n  didError?: StreamError;\n}\n\nexport type TRender<TAppProps = Record<any, any>> = (\n  config: ServerConfig,\n  context: IRequestContext<TAppProps>,\n  options: IRenderOptions,\n) => Promise<void>;\n\nexport interface IRenderParams<TAppProps = Record<string, any>> {\n  App: TApp<TAppProps>;\n  handler: StaticHandler;\n}\n\nexport interface IRenderOptions<TAppProps = Record<string, any>> {\n  abortDelay?: number;\n  onRouterReady?: (params: {\n    context: IRequestContext<TAppProps>;\n  }) => Promise<IRouterReadyOut> | IRouterReadyOut;\n  onShellReady?: (params: { context: IRequestContext<TAppProps> }) => IShellReadyOut;\n  onShellError?: (params: {\n    context: IRequestContext<TAppProps>;\n    error: Error;\n  }) => string | undefined | void; // return html or undefined\n  onError?: (params: { context: IRequestContext<TAppProps>; error: IObtainStreamErrorOut }) => void;\n  onResponse?: (params: {\n    context: IRequestContext<TAppProps>;\n    html: string;\n  }) => string | undefined | void;\n  getState?: (params: {\n    context: IRequestContext<TAppProps>;\n  }) => Record<string, Record<string, any>> | undefined | void;\n}\n\nexport interface IRouterReadyOut {\n  isStream?: boolean;\n}\n\nexport interface IShellReadyOut {\n  header?: string;\n  footer?: string;\n}\n\n/**\n * Render application\n */\nasync function render(\n  { App, handler }: IRenderParams, // @see entry (bind)\n  config: ServerConfig,\n  context: IRequestContext,\n  {\n    onRouterReady,\n    onShellReady,\n    onResponse,\n    onShellError,\n    onError,\n    getState,\n    abortDelay = 15000,\n  }: IRenderOptions,\n): Promise<void> {\n  const { req, res } = context;\n  const fetchRequest = createFetchRequest(req);\n\n  context.routerContext = (await handler.query(fetchRequest, {\n    requestContext: context,\n  })) as StaticHandlerContext;\n\n  /**\n   * Handle response from page loader, router context can be Response\n   */\n  const statusCode = handleResponse(res, context.routerContext);\n\n  if (!statusCode) {\n    return;\n  }\n\n  SsrManifest.get(config).injectAssets(context);\n\n  const { isStream = true } = (await onRouterReady?.({ context })) ?? {};\n\n  context.isStream = isStream;\n  context.serverContext = {\n    response: null,\n    isServer: true,\n    basename: context.routerContext?.basename,\n  };\n\n  const router = createStaticRouter(handler.dataRoutes, context.routerContext);\n  const write = res.write.bind(res) as ExpressResponse['write'];\n  const Logger = config.getLogger();\n  let abortTimer: NodeJS.Timer | undefined = undefined;\n\n  /**\n   * Listen response and stream to add possibility modify html on fly\n   * E.g. listen stream and append some data\n   */\n  res.write = (data: string | Uint8Array, ...args): boolean => {\n    const isString = typeof data === 'string';\n    const html = isString ? data : Buffer.from(data).toString();\n    const modifiedHtml = onResponse?.({ context, html });\n\n    if (modifiedHtml) {\n      // @ts-ignore\n      return write(isString ? modifiedHtml : Buffer.from(modifiedHtml), ...args) as boolean;\n    }\n\n    // @ts-ignore\n    return write(data, ...args) as boolean;\n  };\n\n  const { serverContext, routerContext, appProps } = context;\n\n  const { pipe, abort } = renderToPipeableStream(\n    <ServerProvider context={serverContext}>\n      <App server={{ ...appProps, req }}>\n        <StaticRouterProvider router={router} context={routerContext} hydrate={false} />\n      </App>\n    </ServerProvider>,\n    {\n      onShellReady(): void {\n        if (!isStream) {\n          return;\n        }\n\n        writeResponse(context, {\n          pipe,\n          statusCode,\n          onShellReady,\n          getState,\n        });\n      },\n      onAllReady(): void {\n        clearTimeout(abortTimer);\n\n        if (isStream) {\n          return;\n        }\n\n        writeResponse(context, {\n          pipe,\n          statusCode,\n          onShellReady,\n          getState,\n        });\n      },\n      onShellError(e: Error): void {\n        const htmlError =\n          onShellError?.({ context, error: e }) ||\n          `<!doctype html><p>Something went wrong: ${e.message}</p>`;\n\n        res.status(500);\n        res.setHeader('content-type', 'text/html');\n        res.send(htmlError);\n      },\n      onError(err): void {\n        clearTimeout(abortTimer);\n\n        const error = obtainStreamError(err);\n        const { code, message } = error;\n        const { didError } = context;\n\n        context.didError = didError ?? code;\n\n        onError?.({ context, error });\n        Logger.info(chalk.red(`Stream error. Code: ${code}`));\n\n        if (\n          [StreamError.RenderAborted, StreamError.RenderTimeout, StreamError.RenderCancel].includes(\n            code,\n          )\n        ) {\n          Logger.info(chalk.dim(message));\n\n          return;\n        }\n\n        Logger.error(err as string);\n      },\n    },\n  );\n\n  // Abandon and switch to client rendering if enough time passes.\n  abortTimer = setTimeout(() => {\n    context.didError = StreamError.RenderTimeout;\n    abort();\n  }, abortDelay);\n\n  // Detect cancel request\n  req.on('close', () => {\n    context.didError = StreamError.RenderCancel;\n    abort();\n  });\n}\n\nexport default render;\n"],"names":["async","render","App","handler","config","context","onRouterReady","onShellReady","onResponse","onShellError","onError","getState","abortDelay","req","res","fetchRequest","createFetchRequest","routerContext","query","requestContext","statusCode","handleResponse","SsrManifest","get","injectAssets","isStream","serverContext","response","isServer","basename","router","createStaticRouter","dataRoutes","write","bind","Logger","getLogger","abortTimer","data","args","isString","html","Buffer","from","toString","modifiedHtml","appProps","pipe","abort","renderToPipeableStream","React","createElement","ServerProvider","server","StaticRouterProvider","hydrate","writeResponse","onAllReady","clearTimeout","e","htmlError","error","message","status","setHeader","send","err","obtainStreamError","code","didError","info","chalk","red","StreamError","RenderAborted","RenderTimeout","RenderCancel","includes","dim","setTimeout","on"],"mappings":"sfA0EAA,eAAeC,GACbC,IAAEA,EAAGC,QAAEA,GACPC,EACAC,GACAC,cACEA,EAAaC,aACbA,EAAYC,WACZA,EAAUC,aACVA,EAAYC,QACZA,EAAOC,SACPA,EAAQC,WACRA,EAAa,OAGf,MAAMC,IAAEA,EAAGC,IAAEA,GAAQT,EACfU,EAAeC,EAAmBH,GAExCR,EAAQY,oBAAuBd,EAAQe,MAAMH,EAAc,CACzDI,eAAgBd,IAMlB,MAAMe,EAAaC,EAAeP,EAAKT,EAAQY,eAE/C,IAAKG,EACH,OAGFE,EAAYC,IAAInB,GAAQoB,aAAanB,GAErC,MAAMoB,SAAEA,GAAW,SAAgBnB,IAAgB,CAAED,cAAe,GAEpEA,EAAQoB,SAAWA,EACnBpB,EAAQqB,cAAgB,CACtBC,SAAU,KACVC,UAAU,EACVC,SAAUxB,EAAQY,eAAeY,UAGnC,MAAMC,EAASC,EAAmB5B,EAAQ6B,WAAY3B,EAAQY,eACxDgB,EAAQnB,EAAImB,MAAMC,KAAKpB,GACvBqB,EAAS/B,EAAOgC,YACtB,IAAIC,EAMJvB,EAAImB,MAAQ,CAACK,KAA8BC,KACzC,MAAMC,EAA2B,iBAATF,EAClBG,EAAOD,EAAWF,EAAOI,OAAOC,KAAKL,GAAMM,WAC3CC,EAAerC,IAAa,CAAEH,UAASoC,SAE7C,OAAII,EAEKZ,EAAMO,EAAWK,EAAeH,OAAOC,KAAKE,MAAkBN,GAIhEN,EAAMK,KAASC,EAAgB,EAGxC,MAAMb,cAAEA,EAAaT,cAAEA,EAAa6B,SAAEA,GAAazC,GAE7C0C,KAAEA,EAAIC,MAAEA,GAAUC,EACtBC,EAACC,cAAAC,EAAe,CAAA/C,QAASqB,GACvBwB,EAACC,cAAAjD,GAAImD,OAAQ,IAAKP,EAAUjC,QAC1BqC,EAAAC,cAACG,EAAqB,CAAAxB,OAAQA,EAAQzB,QAASY,EAAesC,SAAS,MAG3E,CACEhD,eACOkB,GAIL+B,EAAcnD,EAAS,CACrB0C,OACA3B,aACAb,eACAI,YAEH,EACD8C,aACEC,aAAarB,GAETZ,GAIJ+B,EAAcnD,EAAS,CACrB0C,OACA3B,aACAb,eACAI,YAEH,EACDF,aAAakD,GACX,MAAMC,EACJnD,IAAe,CAAEJ,UAASwD,MAAOF,KACjC,2CAA2CA,EAAEG,cAE/ChD,EAAIiD,OAAO,KACXjD,EAAIkD,UAAU,eAAgB,aAC9BlD,EAAImD,KAAKL,EACV,EACDlD,QAAQwD,GACNR,aAAarB,GAEb,MAAMwB,EAAQM,EAAkBD,IAC1BE,KAAEA,EAAIN,QAAEA,GAAYD,GACpBQ,SAAEA,GAAahE,EAErBA,EAAQgE,SAAWA,GAAYD,EAE/B1D,IAAU,CAAEL,UAASwD,UACrB1B,EAAOmC,KAAKC,EAAMC,IAAI,uBAAuBJ,MAG3C,CAACK,EAAYC,cAAeD,EAAYE,cAAeF,EAAYG,cAAcC,SAC/ET,GAGFjC,EAAOmC,KAAKC,EAAMO,IAAIhB,IAKxB3B,EAAO0B,MAAMK,EACd,IAKL7B,EAAa0C,YAAW,KACtB1E,EAAQgE,SAAWI,EAAYE,cAC/B3B,GAAO,GACNpC,GAGHC,EAAImE,GAAG,SAAS,KACd3E,EAAQgE,SAAWI,EAAYG,aAC/B5B,GAAO,GAEX"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lomray/vite-ssr-boost",
-  "version": "3.3.4-beta.1",
+  "version": "3.3.4-beta.2",
   "description": "Vite plugin for create awesome SSR or SPA applications on React.",
   "type": "module",
   "keywords": [