Skip to main content
Module

x/lume/plugins/nunjucks.ts

πŸ”₯ Static site generator for Deno πŸ¦•
Very Popular
Go to Latest
File
import nunjucks from "../deps/nunjucks.ts";import loader from "../core/loaders/text.ts";import { merge } from "../core/utils.ts";import { join } from "../deps/path.ts";
import type { Data, Engine, Helper, HelperOptions, Site } from "../core.ts";import type { NunjucksOptions } from "../deps/nunjucks.ts";
export interface Options { /** The list of extensions this plugin applies to */ extensions: string[] | { pages: string[]; components: string[]; };
/** Custom includes path */ includes: string;
/** Options passed to Nunjucks */ options: Partial<NunjucksOptions>;
/** Plugins loaded by Nunjucks */ plugins: { [index: string]: unknown; };}
// Default optionsexport const defaults: Options = { extensions: [".njk"], includes: "", options: {}, plugins: {},};
/** Template engine to render Nunjucks files */export class NunjucksEngine implements Engine { // deno-lint-ignore no-explicit-any env: any; cache = new Map(); basePath: string;
// deno-lint-ignore no-explicit-any constructor(env: any, basePath: string) { this.env = env; this.basePath = basePath; }
deleteCache(file: string): void { this.cache.delete(file);
// Remove the internal cache of nunjucks const fsLoader = this.env.loaders[0]; const filename = join(this.basePath, file); const name = fsLoader.pathsToNames[filename];
if (name) { delete fsLoader.cache[name]; } }
render(content: string, data?: Data, filename?: string) { if (!filename) { return new Promise((resolve, reject) => { this.env.renderString(content, data, (err: Error, result: string) => { if (err) { reject(err); } else { resolve(result); } }); }); }
const template = this.getTemplate(content, filename);
return new Promise((resolve, reject) => { template.render(data, (err: unknown, result: string) => { if (err) { reject(err); } else { resolve(result); } }); }); }
renderSync(content: string, data?: Data, filename?: string): string { if (!filename) { return this.env.renderString(content, data); }
const template = this.getTemplate(content, filename); return template.render(data); }
getTemplate(content: string, filename: string) { if (!this.cache.has(filename)) { this.cache.set( filename, nunjucks.compile(content, this.env, join(this.basePath, filename)), ); }
return this.cache.get(filename)!; }
addHelper(name: string, fn: Helper, options: HelperOptions) { switch (options.type) { case "tag": { const tag = createCustomTag(name, fn, options); this.env.addExtension(name, tag); return; }
case "filter": if (options.async) { const filter = createAsyncFilter(fn); this.env.addFilter(name, filter, true); return; }
this.env.addFilter(name, fn); } }}
/** Register the plugin to use Nunjucks as a template engine */export default function (userOptions?: Partial<Options>) { return (site: Site) => { const options = merge( { ...defaults, includes: site.options.includes }, userOptions, ); const extensions = Array.isArray(options.extensions) ? { pages: options.extensions, components: options.extensions } : options.extensions;
// Create the nunjucks environment instance const fsLoader = new nunjucks.FileSystemLoader(site.src(options.includes)); const env = new nunjucks.Environment(fsLoader, options.options);
for (const [name, fn] of Object.entries(options.plugins)) { env.addExtension(name, fn); }
const engine = new NunjucksEngine(env, site.src());
site.loadPages(extensions.pages, loader, engine); site.includes(extensions.pages, options.includes); site.loadComponents(extensions.components, loader, engine);
// Register the njk filter site.filter("njk", filter as Helper, true);
function filter(string: string, data?: Data) { return engine.render(string, { ...site.globalData, ...data }); } };}
/** * Create an asynchronous filter * by to adapting the Promise-based functions to callbacks used by Nunjucks * https://mozilla.github.io/nunjucks/api.html#custom-filters */function createAsyncFilter(fn: Helper) { return async function (...args: unknown[]) { const cb = args.pop() as (err: unknown, result?: unknown) => void;
try { const result = await fn(...args); cb(null, result); } catch (err) { cb(err); } };}
/** * Create a tag extension * https://mozilla.github.io/nunjucks/api.html#custom-tags * * @param name The tag name * @param fn The function to render this tag * @param options The options to configure this tag */function createCustomTag(name: string, fn: Helper, options: HelperOptions) { const tagExtension = { tags: [name], // @ts-ignore: There's no types for Nunjucks parse(parser, nodes) { const token = parser.nextToken(); const args = parser.parseSignature(null, true); parser.advanceAfterBlockEnd(token.value);
const extraArgs = [];
if (options.body) { const body = parser.parseUntilBlocks(`end${name}`); extraArgs.push(body); parser.advanceAfterBlockEnd(); }
if (options.async) { return new nodes.CallExtensionAsync( tagExtension, "run", args, extraArgs, ); }
return new nodes.CallExtension(tagExtension, "run", args, extraArgs); },
// @ts-ignore: There's no types for Nunjucks run(_context: unknown, ...args) { if (options.body) { const [body] = args.splice( options.async ? args.length - 2 : args.length - 1, 1, ); args.unshift(body()); }
if (!options.async) { const string = fn(...args); return new nunjucks.runtime.SafeString(string); }
const callback = args.pop();
(fn(...args) as Promise<string>).then((string: string) => { const result = new nunjucks.runtime.SafeString(string); callback(null, result); }); }, };
return tagExtension;}