From 70ec77d6847b844add18d2a96aeaf3858e38faa3 Mon Sep 17 00:00:00 2001 From: MapleLeaf <19603573+itsMapleLeaf@users.noreply.github.com> Date: Mon, 3 Jan 2022 01:56:45 -0600 Subject: [PATCH] extract sendJsx function --- packages/docs-new/src/helpers/send-jsx.ts | 7 +++++++ packages/docs-new/src/main.tsx | 8 +------- 2 files changed, 8 insertions(+), 7 deletions(-) create mode 100644 packages/docs-new/src/helpers/send-jsx.ts diff --git a/packages/docs-new/src/helpers/send-jsx.ts b/packages/docs-new/src/helpers/send-jsx.ts new file mode 100644 index 0000000..bffd26d --- /dev/null +++ b/packages/docs-new/src/helpers/send-jsx.ts @@ -0,0 +1,7 @@ +import type { Response } from "express" +import { renderToStaticMarkup } from "react-dom/server.js" + +export function sendJsx(res: Response, jsx: React.ReactElement) { + res.set("Content-Type", "text/html") + res.send(`\n${renderToStaticMarkup(jsx)}`) +} diff --git a/packages/docs-new/src/main.tsx b/packages/docs-new/src/main.tsx index 5670d96..355e5ee 100644 --- a/packages/docs-new/src/main.tsx +++ b/packages/docs-new/src/main.tsx @@ -1,10 +1,9 @@ import compression from "compression" -import type { Response } from "express" import express from "express" import httpTerminator from "http-terminator" import pino from "pino" import * as React from "react" -import { renderToStaticMarkup } from "react-dom/server.js" +import { sendJsx } from "./helpers/send-jsx" import { serveFile } from "./helpers/serve-file" import { serveTailwindCss } from "./helpers/tailwind" import { Landing } from "./pages/landing" @@ -12,11 +11,6 @@ import { Landing } from "./pages/landing" const logger = pino() const port = process.env.PORT || 3000 -function sendJsx(res: Response, jsx: React.ReactElement) { - res.set("Content-Type", "text/html") - res.send(`\n${renderToStaticMarkup(jsx)}`) -} - const app = express() .use(compression()) .get("/tailwind.css", serveTailwindCss())