106 lines
3.1 KiB
TypeScript
106 lines
3.1 KiB
TypeScript
import { ParseTree, renderToText } from "$sb/lib/tree.ts";
|
|
import { PageMeta } from "../../web/types.ts";
|
|
|
|
import { evalDirectiveRenderer } from "./eval_directive.ts";
|
|
import { queryDirectiveRenderer } from "./query_directive.ts";
|
|
import {
|
|
cleanTemplateInstantiations,
|
|
templateDirectiveRenderer,
|
|
} from "./template_directive.ts";
|
|
|
|
/** An error that occurs while a directive is being rendered.
|
|
* Mostly annotates the underlying error with page metadata.
|
|
*/
|
|
export class RenderDirectiveError extends Error {
|
|
pageMeta: PageMeta;
|
|
directive: string;
|
|
cause: Error;
|
|
|
|
constructor(pageMeta: PageMeta, directive: string, cause: Error) {
|
|
super(`In directive "${directive}" from "${pageMeta.name}": ${cause}`, {
|
|
cause: cause,
|
|
});
|
|
|
|
this.pageMeta = pageMeta;
|
|
this.directive = directive;
|
|
this.cause = cause;
|
|
}
|
|
}
|
|
|
|
export const directiveStartRegex =
|
|
/<!--\s*#(use|use-verbose|include|eval|query)\s+(.*?)-->/i;
|
|
|
|
export const directiveRegex =
|
|
/(<!--\s*#(use|use-verbose|include|eval|query)\s+(.*?)-->)(.+?)(<!--\s*\/\2\s*-->)/gs;
|
|
/**
|
|
* Looks for directives in the text dispatches them based on name
|
|
*/
|
|
export async function directiveDispatcher(
|
|
pageMeta: PageMeta,
|
|
directiveTree: ParseTree,
|
|
directiveRenderers: Record<
|
|
string,
|
|
(
|
|
directive: string,
|
|
pageMeta: PageMeta,
|
|
arg: string | ParseTree,
|
|
) => Promise<string>
|
|
>,
|
|
): Promise<string> {
|
|
const directiveStart = directiveTree.children![0]; // <!-- #directive -->
|
|
const directiveEnd = directiveTree.children![2]; // <!-- /directive -->
|
|
|
|
const directiveStartText = renderToText(directiveStart).trim();
|
|
const directiveEndText = renderToText(directiveEnd).trim();
|
|
|
|
if (directiveStart.children!.length === 1) {
|
|
// Everything not #query
|
|
const match = directiveStartRegex.exec(directiveStart.children![0].text!);
|
|
if (!match) {
|
|
throw Error("No match");
|
|
}
|
|
|
|
let [_fullMatch, type, arg] = match;
|
|
try {
|
|
arg = arg.trim();
|
|
const newBody = await directiveRenderers[type](type, pageMeta, arg);
|
|
const result =
|
|
`${directiveStartText}\n${newBody.trim()}\n${directiveEndText}`;
|
|
return result;
|
|
} catch (e: any) {
|
|
return `${directiveStartText}\n**ERROR:** ${e.message}\n${directiveEndText}`;
|
|
}
|
|
} else {
|
|
// #query
|
|
const newBody = await directiveRenderers["query"](
|
|
"query",
|
|
pageMeta,
|
|
directiveStart.children![1], // The query ParseTree
|
|
);
|
|
const result =
|
|
`${directiveStartText}\n${newBody.trim()}\n${directiveEndText}`;
|
|
return result;
|
|
}
|
|
}
|
|
|
|
export async function renderDirectives(
|
|
pageMeta: PageMeta,
|
|
directiveTree: ParseTree,
|
|
): Promise<string> {
|
|
try {
|
|
const replacementText = await directiveDispatcher(pageMeta, directiveTree, {
|
|
use: templateDirectiveRenderer,
|
|
include: templateDirectiveRenderer,
|
|
query: queryDirectiveRenderer,
|
|
eval: evalDirectiveRenderer,
|
|
});
|
|
return cleanTemplateInstantiations(replacementText);
|
|
} catch (e) {
|
|
throw new RenderDirectiveError(
|
|
pageMeta,
|
|
renderToText(directiveTree.children![0].children![1]).trim(),
|
|
e,
|
|
);
|
|
}
|
|
}
|