51 lines
1.5 KiB
TypeScript
51 lines
1.5 KiB
TypeScript
import { virtualSheet } from "twind/sheets";
|
|
import { Plugin } from "../server.ts";
|
|
|
|
import { Options, setup, STYLE_ELEMENT_ID } from "./twind/shared.ts";
|
|
export type { Options };
|
|
|
|
export default function twind(options: Options): Plugin {
|
|
const sheet = virtualSheet();
|
|
setup(options, sheet);
|
|
const main = `data:application/javascript,import hydrate from "${
|
|
new URL("./twind/main.ts", import.meta.url).href
|
|
}";
|
|
import options from "${options.selfURL}";
|
|
export default function(state) { hydrate(options, state); }`;
|
|
return {
|
|
name: "twind",
|
|
entrypoints: { "main": main },
|
|
render(ctx) {
|
|
sheet.reset(undefined);
|
|
const res = ctx.render();
|
|
const cssTexts = [...sheet.target];
|
|
const snapshot = sheet.reset();
|
|
const scripts = [];
|
|
let cssText: string;
|
|
if (res.requiresHydration) {
|
|
const precedences = snapshot[1] as number[];
|
|
cssText = cssTexts.map((cssText, i) =>
|
|
`${cssText}/*${precedences[i].toString(36)}*/`
|
|
).join("\n");
|
|
const mappings: (string | [string, string])[] = [];
|
|
for (
|
|
const [key, value] of (snapshot[3] as Map<string, string>).entries()
|
|
) {
|
|
if (key === value) {
|
|
mappings.push(key);
|
|
} else {
|
|
mappings.push([key, value]);
|
|
}
|
|
}
|
|
scripts.push({ entrypoint: "main", state: mappings });
|
|
} else {
|
|
cssText = cssTexts.join("\n");
|
|
}
|
|
return {
|
|
scripts,
|
|
styles: [{ cssText, id: STYLE_ELEMENT_ID }],
|
|
};
|
|
},
|
|
};
|
|
}
|