chloe caruso
a8d7efe9ec
"server side rendering" is a misleading term since it implies there is a server. that isn't neccecarily the case here, since it supports running in the browser. I think "clover engine" is cute, short for "clover html rendering engine". Instead of "server side rendering", it's just rendering. This commit makes things a lot more concise, such as `ssr.ssrAsync` being renamed to `render.async` to play nicely with namespaced imports. `getCurrentRender` and `setCurrentRender` are just `current` and `setCurrent`, and the addon interface has been redesigned to force symbols with a wrapping helper.
41 lines
1.2 KiB
TypeScript
41 lines
1.2 KiB
TypeScript
import { test } from "node:test";
|
|
import * as render from "./render.ts";
|
|
|
|
test("sanity", (t) => t.assert.equal(render.sync("gm <3").text, "gm <3"));
|
|
test("simple tree", (t) =>
|
|
t.assert.equal(
|
|
render.sync(
|
|
<main class={["a", "b"]}>
|
|
<h1 style="background-color:red">hello world</h1>
|
|
<p>haha</p>
|
|
{1}|{0}|{true}|{false}|{null}|{undefined}|
|
|
</main>,
|
|
).text,
|
|
'<main class="a b"><h1 style=background-color:red>hello world</h1><p>haha</p>1|0|||||</main>',
|
|
));
|
|
test("unescaped/escaped html", (t) =>
|
|
t.assert.equal(
|
|
render.sync(
|
|
<div>
|
|
{render.raw("<fuck>")}
|
|
{"\"&'`<>"}
|
|
</div>,
|
|
).text,
|
|
"<div><fuck>"&'`<></div>",
|
|
));
|
|
test("clsx built-in", (t) =>
|
|
t.assert.equal(
|
|
render.sync(
|
|
<>
|
|
<a class="a" />
|
|
<b class={null} />
|
|
<c class={undefined} />
|
|
<d class={["a", "b", null]} />
|
|
<e class={{ a: true, b: false }} />
|
|
<e
|
|
class={[null, "x", { z: true }, [{ m: true }, null, { v: false }]]}
|
|
/>
|
|
</>,
|
|
).text,
|
|
'<a class=a></a><b></b><c></c><d class="a b"></d><e class=a></e><e class="x z m"></e>',
|
|
));
|