clover caruso
30ad9c27ff
"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.
45 lines
1.5 KiB
TypeScript
45 lines
1.5 KiB
TypeScript
export interface MarkoCacheEntry {
|
|
src: string;
|
|
scannedClientRefs: string[];
|
|
}
|
|
|
|
export const markoCache = new Map<string, MarkoCacheEntry>();
|
|
|
|
export function loadMarko(module: NodeJS.Module, filepath: string) {
|
|
let cache = markoCache.get(filepath);
|
|
if (!cache) {
|
|
let src = fs.readFileSync(filepath, "utf8");
|
|
// A non-standard thing here is Clover Sitegen implements
|
|
// its own client side scripting stuff, so it overrides
|
|
// bare client import statements to it's own usage.
|
|
const scannedClientRefs = new Set<string>();
|
|
if (src.match(/^\s*client\s+import\s+["']/m)) {
|
|
src =
|
|
src.replace(
|
|
/^\s*client\s+import\s+("[^"]+"|'[^']+')[^\n]+/m,
|
|
(_, src) => {
|
|
const ref = JSON.parse(`"${src.slice(1, -1)}"`);
|
|
const resolved = hot.resolveClientRef(filepath, ref);
|
|
scannedClientRefs.add(resolved);
|
|
return `<CloverScriptInclude=${JSON.stringify(
|
|
hot.getScriptId(resolved),
|
|
)} />`;
|
|
},
|
|
) + '\nimport { addScript as CloverScriptInclude } from "#sitegen";\n';
|
|
}
|
|
|
|
src = marko.compileSync(src, filepath).code;
|
|
src = src.replace("marko/debug/html", "#engine/marko-runtime");
|
|
cache = { src, scannedClientRefs: Array.from(scannedClientRefs) };
|
|
markoCache.set(filepath, cache);
|
|
}
|
|
|
|
const { src, scannedClientRefs } = cache;
|
|
return hot.loadEsbuildCode(module, filepath, src, {
|
|
scannedClientRefs,
|
|
});
|
|
}
|
|
|
|
import * as marko from "@marko/compiler";
|
|
import * as hot from "./hot.ts";
|
|
import * as fs from "#sitegen/fs";
|