import grabContants from "../../../utils/grab-constants"; import EJSON from "../../../utils/ejson"; import type { LivePageDistGenParams } from "../../../types"; import isDevelopment from "../../../utils/is-development"; import grabWebPageHydrationScript from "./grab-web-page-hydration-script"; import grabWebMetaHTML from "./grab-web-meta-html"; import { log } from "../../../utils/log"; import { AppData } from "../../../data/app-data"; import { readFileSync } from "fs"; import path from "path"; import _ from "lodash"; import grabDirNames from "../../../utils/grab-dir-names"; const { ROOT_DIR } = grabDirNames(); let _reactVersion = "19"; try { _reactVersion = JSON.parse( readFileSync( path.join(process.cwd(), "node_modules/react/package.json"), "utf-8", ), ).version; } catch {} export default async function genWebHTML({ component, pageProps, bundledMap, module, routeParams, debug, root_module, }: LivePageDistGenParams) { const { ClientRootElementIDName, ClientWindowPagePropsName } = grabContants(); const { renderToReadableStream } = await import( `${ROOT_DIR}/node_modules/react-dom/server.js` ); const is_dev = isDevelopment(); if (debug) { log.info("component", component); } const serializedProps = (EJSON.stringify(pageProps || {}) || "{}").replace( /<\//g, "<\\/", ); const page_hydration_script = await grabWebPageHydrationScript(); const root_meta = root_module?.meta ? typeof root_module.meta == "function" && routeParams ? await root_module.meta({ ctx: routeParams, serverRes: pageProps }) : typeof root_module.meta == "function" ? undefined : root_module.meta : undefined; const page_meta = module?.meta ? typeof module.meta == "function" && routeParams ? await module.meta({ ctx: routeParams, serverRes: pageProps }) : typeof module.meta == "function" ? undefined : module.meta : undefined; const html_props = { ...module?.html_props, ...root_module?.html_props, }; const Head = module?.Head; const RootHead = root_module?.Head; const dev = isDevelopment(); const devSuffix = dev ? "?dev" : ""; // const browser_imports: Record = { // react: `/.bunext/react`, // "react-dom": `/.bunext/react-dom`, // "react-dom/client": `/.bunext/react-dom-client`, // "react/jsx-runtime": `/.bunext/react-jsx-runtime`, // "react/jsx-dev-runtime": `/.bunext/react-jsx-dev-runtime`, // }; // const browser_imports: Record = { // react: `https://esm.sh/react@${_reactVersion}`, // "react-dom": `https://esm.sh/react-dom@${_reactVersion}`, // "react-dom/client": `https://esm.sh/react-dom@${_reactVersion}/client`, // "react/jsx-runtime": `https://esm.sh/react@${_reactVersion}/jsx-runtime`, // "react/jsx-dev-runtime": `https://esm.sh/react@${_reactVersion}/jsx-dev-runtime`, // }; // if (dev) { // browser_imports["react/jsx-dev-runtime"] = // `https://esm.sh/react@${_reactVersion}/jsx-dev-runtime`; // } // const importMap = JSON.stringify({ // imports: browser_imports, // }); const final_meta = _.merge(root_meta, page_meta); let final_component = ( {final_meta ? grabWebMetaHTML({ meta: final_meta }) : null} {/* */} {bundledMap?.css_path ? ( ) : null}