jveres/deco_ssr.ts

## deco_ssr.ts
export * from "https://deno.land/x/nano_jsx/mod.ts";
export { tw } from "https://cdn.skypack.dev/twind";

import {
  Helmet,
  renderSSR as nanoRender,
} from "https://deno.land/x/nano_jsx/mod.ts";
import { setup } from "https://cdn.skypack.dev/twind";
import {
  getStyleTag,
  virtualSheet,
} from "https://cdn.skypack.dev/twind/sheets";
import typography from "https://cdn.skypack.dev/@twind/typography";

let SHEET_SINGLETON: any = null;
function sheet(twOptions = {}) {
  return SHEET_SINGLETON ?? (SHEET_SINGLETON = setupSheet(twOptions));
}

// Setup TW sheet singleton
function setupSheet(twOptions: Record<string, any>) {
  const sheet = virtualSheet();
  setup({ ...twOptions, sheet, plugins: { ...typography() } });
  return sheet;
}

const html = ({ body, head, footer, styleTag }) => (`
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    ${head}
    ${styleTag}
  </head>
  <body>
    ${body}
    ${footer.join("\n")}
  </body>
<html>
`);

export function ssr(render: CallableFunction, options?: any) {
  sheet(options?.tw ?? {}).reset();
  const app = nanoRender(render());
  const { body, head, footer } = Helmet.SSR(app);
  const styleTag = getStyleTag(sheet());
  return {
    body: html({ body, head, footer, styleTag }),
    init: { headers: { "content-type": "text/html" } },
  };
}
	export * from "https://deno.land/x/nano_jsx/mod.ts";
	export { tw } from "https://cdn.skypack.dev/twind";

	import {
	Helmet,
	renderSSR as nanoRender,
	} from "https://deno.land/x/nano_jsx/mod.ts";
	import { setup } from "https://cdn.skypack.dev/twind";
	import {
	getStyleTag,
	virtualSheet,
	} from "https://cdn.skypack.dev/twind/sheets";
	import typography from "https://cdn.skypack.dev/@twind/typography";

	let SHEET_SINGLETON: any = null;
	function sheet(twOptions = {}) {
	return SHEET_SINGLETON ?? (SHEET_SINGLETON = setupSheet(twOptions));
	}

	// Setup TW sheet singleton
	function setupSheet(twOptions: Record<string, any>) {
	const sheet = virtualSheet();
	setup({ ...twOptions, sheet, plugins: { ...typography() } });
	return sheet;
	}

	const html = ({ body, head, footer, styleTag }) => (`
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	${head}
	${styleTag}
	</head>
	<body>
	${body}
	${footer.join("\n")}
	</body>
	<html>
	`);

	export function ssr(render: CallableFunction, options?: any) {
	sheet(options?.tw ?? {}).reset();
	const app = nanoRender(render());
	const { body, head, footer } = Helmet.SSR(app);
	const styleTag = getStyleTag(sheet());
	return {
	body: html({ body, head, footer, styleTag }),
	init: { headers: { "content-type": "text/html" } },
	};
	}