@notatki/preview 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Aliaksandr Radzivanovich
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/card-data.d.ts

@@ -0,0 +1,13 @@
+import { type Model, type ModelCard, type Note } from "@notatki/core";
+export declare class CardData {
+    #private;
+    constructor(model: Model, card: ModelCard, note: Note);
+    get model(): Model;
+    get card(): ModelCard;
+    get note(): Note;
+    hasValue(name: string): boolean;
+    getValue(name: string): string;
+    clearValue(name: string): void;
+    setValue(name: string, value: string): void;
+}
+//# sourceMappingURL=card-data.d.ts.map

package/dist/card-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-data.d.ts","sourceRoot":"","sources":["../src/card-data.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,KAAK,EAAE,KAAK,SAAS,EAAE,KAAK,IAAI,EAAE,MAAM,eAAe,CAAC;AAMtE,qBAAa,QAAQ;;gBAMP,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI;IAkBrD,IAAI,KAAK,IAAI,KAAK,CAEjB;IAED,IAAI,IAAI,IAAI,SAAS,CAEpB;IAED,IAAI,IAAI,IAAI,IAAI,CAEf;IAED,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAI/B,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;IAQ9B,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAI9B,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;CAG5C"}

package/dist/card-data.js

@@ -0,0 +1,53 @@
+import {} from "@notatki/core";
+import { formatField, renderHtml } from "@notatki/format";
+import { escapeHtml } from "./html.js";
+const html = renderHtml({ output: "html", throwOnError: false });
+export class CardData {
+    #model;
+    #card;
+    #note;
+    #data;
+    constructor(model, card, note) {
+        this.#model = model;
+        this.#card = card;
+        this.#note = note;
+        this.#data = new Map();
+        // Build-in fields.
+        this.setValue("Type", escapeHtml(note.type.name));
+        this.setValue("Card", escapeHtml(card.name));
+        this.setValue("Deck", escapeHtml(note.deck));
+        this.setValue("Subdeck", escapeHtml(note.deck.split("::").pop() ?? note.deck));
+        this.setValue("Tags", escapeHtml(note.tags));
+        this.setValue("Flags", escapeHtml("Flags"));
+        // User-defined fields.
+        for (const { name, value } of note) {
+            this.setValue(name, formatField(value, html));
+        }
+    }
+    get model() {
+        return this.#model;
+    }
+    get card() {
+        return this.#card;
+    }
+    get note() {
+        return this.#note;
+    }
+    hasValue(name) {
+        return this.#data.get(name) != null;
+    }
+    getValue(name) {
+        const value = this.#data.get(name);
+        if (value == null) {
+            throw new Error(`Unknown field: ${this.#note.type.name}::${name}`);
+        }
+        return value;
+    }
+    clearValue(name) {
+        this.#data.delete(name);
+    }
+    setValue(name, value) {
+        this.#data.set(name, value);
+    }
+}
+//# sourceMappingURL=card-data.js.map

package/dist/card-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-data.js","sourceRoot":"","sources":["../src/card-data.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyC,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvC,MAAM,IAAI,GAAG,UAAU,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC;AAEjE,MAAM,OAAO,QAAQ;IACV,MAAM,CAAQ;IACd,KAAK,CAAY;IACjB,KAAK,CAAO;IACZ,KAAK,CAAsB;IAEpC,YAAY,KAAY,EAAE,IAAe,EAAE,IAAU;QACnD,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,KAAK,GAAG,IAAI,GAAG,EAAE,CAAC;QACvB,mBAAmB;QACnB,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAClD,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7C,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7C,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC/E,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7C,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;QAC5C,uBAAuB;QACvB,KAAK,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,IAAI,EAAE,CAAC;YACnC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;QAChD,CAAC;IACH,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAED,QAAQ,CAAC,IAAY;QACnB,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC;IACtC,CAAC;IAED,QAAQ,CAAC,IAAY;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACnC,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;YAClB,MAAM,IAAI,KAAK,CAAC,kBAAkB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,EAAE,CAAC,CAAC;QACrE,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,UAAU,CAAC,IAAY;QACrB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAED,QAAQ,CAAC,IAAY,EAAE,KAAa;QAClC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAC9B,CAAC;CACF"}

package/dist/card-templates.d.ts

@@ -0,0 +1,8 @@
+import { type ModelMap } from "@notatki/core";
+import { type CardData } from "./card-data.js";
+export declare class CardTemplates {
+    #private;
+    constructor(models: ModelMap);
+    render(data: CardData, side: "front" | "back"): string;
+}
+//# sourceMappingURL=card-templates.d.ts.map

package/dist/card-templates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-templates.d.ts","sourceRoot":"","sources":["../src/card-templates.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE1E,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,qBAAa,aAAa;;gBAGZ,MAAM,EAAE,QAAQ;IAQ5B,MAAM,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM;CAQvD"}

package/dist/card-templates.js

@@ -0,0 +1,128 @@
+import {} from "@notatki/core";
+import { parseTemplate } from "@notatki/parser";
+import {} from "./card-data.js";
+export class CardTemplates {
+    #map = new Map();
+    constructor(models) {
+        for (const model of models) {
+            for (const card of model.cards) {
+                this.#map.set(cardKey(model, card), new CardTemplate(card));
+            }
+        }
+    }
+    render(data, side) {
+        const key = cardKey(data.note.type, data.card);
+        const card = this.#map.get(key);
+        if (card == null) {
+            throw new Error(`Unknown card: ${key}`);
+        }
+        return card.render(data, side);
+    }
+}
+function cardKey(model, card) {
+    return `${model.name}::${card.name}`;
+}
+class CardTemplate {
+    #front;
+    #back;
+    constructor(card) {
+        this.#front = new Template(card.front);
+        this.#back = new Template(card.back);
+    }
+    render(data, side) {
+        switch (side) {
+            case "front":
+                return this.renderFront(data);
+            case "back":
+                return this.renderBack(data);
+        }
+    }
+    renderFront(data) {
+        data.clearValue("FrontSide");
+        return this.#front.render(this, data);
+    }
+    renderBack(data) {
+        data.setValue("FrontSide", this.renderFront(data));
+        return this.#back.render(this, data);
+    }
+    getValue(data, field) {
+        switch (field) {
+            case "cloze:Text": {
+                return data.getValue("Text");
+            }
+        }
+        return data.getValue(field);
+    }
+}
+class Template {
+    #parts;
+    constructor(template) {
+        this.#parts = mapNodeList(parseTemplate(template));
+    }
+    render(values, data) {
+        let out = "";
+        function visit(parts) {
+            for (const part of parts) {
+                if (typeof part === "string") {
+                    out += part;
+                }
+                else {
+                    switch (part.type) {
+                        case "field": {
+                            out += values.getValue(data, part.field);
+                            break;
+                        }
+                        case "if": {
+                            if (values.getValue(data, part.field)) {
+                                visit(part.parts);
+                            }
+                            break;
+                        }
+                        case "if-not": {
+                            if (!values.getValue(data, part.field)) {
+                                visit(part.parts);
+                            }
+                            break;
+                        }
+                    }
+                }
+            }
+        }
+        visit(this.#parts);
+        return out;
+    }
+}
+function mapNodeList(nodes) {
+    return nodes.map((node) => mapNode(node));
+}
+function mapNode(node) {
+    switch (node.type) {
+        case "text": {
+            return node.text;
+        }
+        case "field": {
+            return {
+                type: "field",
+                field: node.field.text,
+            };
+        }
+        case "branch": {
+            const { cond } = node;
+            if (cond.not) {
+                return {
+                    type: "if-not",
+                    field: cond.field.text,
+                    parts: mapNodeList(node.items),
+                };
+            }
+            else {
+                return {
+                    type: "if",
+                    field: cond.field.text,
+                    parts: mapNodeList(node.items),
+                };
+            }
+        }
+    }
+}
+//# sourceMappingURL=card-templates.js.map

package/dist/card-templates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-templates.js","sourceRoot":"","sources":["../src/card-templates.ts"],"names":[],"mappings":"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"}

package/dist/html.d.ts

@@ -0,0 +1,2 @@
+export declare function escapeHtml(text: string): string;
+//# sourceMappingURL=html.d.ts.map

package/dist/html.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"html.d.ts","sourceRoot":"","sources":["../src/html.ts"],"names":[],"mappings":"AAAA,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAO/C"}

package/dist/html.js

@@ -0,0 +1,9 @@
+export function escapeHtml(text) {
+    return String(text)
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;")
+        .replace(/&/g, "&amp;")
+        .replace(/"/g, "&quot;")
+        .replace(/'/g, "&apos;");
+}
+//# sourceMappingURL=html.js.map

package/dist/html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"html.js","sourceRoot":"","sources":["../src/html.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,UAAU,CAAC,IAAY;IACrC,OAAO,MAAM,CAAC,IAAI,CAAC;SAChB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC;SACrB,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;SACtB,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC;SACvB,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;AAC7B,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./card-data.js";
+export * from "./card-templates.js";
+export * from "./html.js";
+export * from "./preview.js";
+export * from "./preview-options.js";
+export * from "./preview-renderer.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC"}

package/dist/index.js

@@ -0,0 +1,7 @@
+export * from "./card-data.js";
+export * from "./card-templates.js";
+export * from "./html.js";
+export * from "./preview.js";
+export * from "./preview-options.js";
+export * from "./preview-renderer.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC"}

package/dist/preview-options.d.ts

@@ -0,0 +1,8 @@
+export type PreviewOptions = {
+    title: string;
+    showDetails: boolean;
+    showFront: boolean;
+    showBack: boolean;
+};
+export declare function expandPreviewOptions(options: Partial<Readonly<PreviewOptions>>): PreviewOptions;
+//# sourceMappingURL=preview-options.d.ts.map

package/dist/preview-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-options.d.ts","sourceRoot":"","sources":["../src/preview-options.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,GAAG,cAAc,CAa/F"}

package/dist/preview-options.js

@@ -0,0 +1,11 @@
+export function expandPreviewOptions(options) {
+    const { title = "Cards Preview", //
+    showDetails = true, showFront = false, showBack = true, } = options;
+    return {
+        title, //
+        showDetails,
+        showFront,
+        showBack,
+    };
+}
+//# sourceMappingURL=preview-options.js.map

package/dist/preview-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-options.js","sourceRoot":"","sources":["../src/preview-options.ts"],"names":[],"mappings":"AAOA,MAAM,UAAU,oBAAoB,CAAC,OAA0C;IAC7E,MAAM,EACJ,KAAK,GAAG,eAAe,EAAE,EAAE;IAC3B,WAAW,GAAG,IAAI,EAClB,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,IAAI,GAChB,GAAG,OAAO,CAAC;IACZ,OAAO;QACL,KAAK,EAAE,EAAE;QACT,WAAW;QACX,SAAS;QACT,QAAQ;KACT,CAAC;AACJ,CAAC"}

package/dist/preview-renderer.d.ts

@@ -0,0 +1,32 @@
+import { type Note, type NoteList, type Output } from "@notatki/core";
+import { CardData } from "./card-data.js";
+import { type CardTemplates } from "./card-templates.js";
+import { type PreviewOptions } from "./preview-options.js";
+export type RendererContext = Readonly<{
+    options: Readonly<PreviewOptions>;
+    templates: CardTemplates;
+    notes: NoteList;
+    out: Output;
+}>;
+export declare class PreviewRenderer<Context extends RendererContext = RendererContext> {
+    #private;
+    static readonly defaultStylesheets: readonly string[];
+    static readonly defaultStyles: readonly string[];
+    get stylesheets(): string[];
+    set stylesheets(value: string[]);
+    get styles(): string[];
+    set styles(value: string[]);
+    render(ctx: Context): void;
+    renderHead(ctx: Context): void;
+    renderStylesheets(ctx: Context): void;
+    renderCommonStyles(ctx: Context): void;
+    renderModelStyles(ctx: Context): void;
+    renderBody(ctx: Context): void;
+    renderCardList(ctx: Context): void;
+    renderNoteCardList(ctx: Context, note: Note): void;
+    renderFrontCard(ctx: Context, data: CardData): void;
+    renderBackCard(ctx: Context, data: CardData): void;
+    renderCard(ctx: Context, data: CardData, side: "front" | "back"): void;
+    renderCardContents(ctx: Context, data: CardData, side: "front" | "back"): string;
+}
+//# sourceMappingURL=preview-renderer.d.ts.map

package/dist/preview-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-renderer.d.ts","sourceRoot":"","sources":["../src/preview-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,KAAK,MAAM,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC;IACrC,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC;IAClC,SAAS,EAAE,aAAa,CAAC;IACzB,KAAK,EAAE,QAAQ,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;CACb,CAAC,CAAC;AAEH,qBAAa,eAAe,CAAC,OAAO,SAAS,eAAe,GAAG,eAAe;;IAC5E,MAAM,CAAC,QAAQ,CAAC,kBAAkB,EAAE,SAAS,MAAM,EAAE,CAEnD;IAEF,MAAM,CAAC,QAAQ,CAAC,aAAa,EAAE,SAAS,MAAM,EAAE,CAW9C;IAKF,IAAI,WAAW,IAAI,MAAM,EAAE,CAE1B;IAED,IAAI,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,EAE9B;IAED,IAAI,MAAM,IAAI,MAAM,EAAE,CAErB;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,EAEzB;IAED,MAAM,CAAC,GAAG,EAAE,OAAO;IAQnB,UAAU,CAAC,GAAG,EAAE,OAAO;IAUvB,iBAAiB,CAAC,GAAG,EAAE,OAAO;IAM9B,kBAAkB,CAAC,GAAG,EAAE,OAAO;IAQ/B,iBAAiB,CAAC,GAAG,EAAE,OAAO;IAY9B,UAAU,CAAC,GAAG,EAAE,OAAO;IAMvB,cAAc,CAAC,GAAG,EAAE,OAAO;IAQ3B,kBAAkB,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI;IAY3C,eAAe,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ;IAI5C,cAAc,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ;IAI3C,UAAU,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM;IAe/D,kBAAkB,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM;CAGjF"}

package/dist/preview-renderer.js

@@ -0,0 +1,136 @@
+import {} from "@notatki/core";
+import { CardData } from "./card-data.js";
+import {} from "./card-templates.js";
+import { escapeHtml } from "./html.js";
+import {} from "./preview-options.js";
+export class PreviewRenderer {
+    static defaultStylesheets = [
+        `https://cdn.jsdelivr.net/npm/katex/dist/katex.min.css`, //
+    ];
+    static defaultStyles = [
+        `:root { color-scheme: light dark; }`,
+        `.card-list { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; gap: 1rem; }`,
+        `.card-list-item { flex: 0 1 auto; min-width: 20rem; padding: 0 1rem; border: 1px dotted #666; }`,
+        `.prop { font-size: 0.75em; color: #666; }`,
+        `.prop-name { font-weight: bold; font-style: normal; }`,
+        `.prop-value { font-weight: normal; font-style: normal; }`,
+        `img { max-width: 100%; }`,
+        `li { text-align: start; }`,
+        `pre { text-align: left; }`,
+        `hr { height: 1px; margin: 1em 0; border: none; background-color: #666; }`,
+    ];
+    #stylesheets = [...PreviewRenderer.defaultStylesheets];
+    #styles = [...PreviewRenderer.defaultStyles];
+    get stylesheets() {
+        return [...this.#stylesheets];
+    }
+    set stylesheets(value) {
+        this.#stylesheets = [...value];
+    }
+    get styles() {
+        return [...this.#styles];
+    }
+    set styles(value) {
+        this.#styles = [...value];
+    }
+    render(ctx) {
+        ctx.out.print(`<!doctype html>`);
+        ctx.out.print(`<html>`);
+        this.renderHead(ctx);
+        this.renderBody(ctx);
+        ctx.out.print(`</html>`);
+    }
+    renderHead(ctx) {
+        ctx.out.print(`<head>`);
+        ctx.out.print(`<meta charset="UTF-8">`);
+        ctx.out.print(`<title>${escapeHtml(ctx.options.title)}</title>`);
+        this.renderStylesheets(ctx);
+        this.renderCommonStyles(ctx);
+        this.renderModelStyles(ctx);
+        ctx.out.print(`</head>`);
+    }
+    renderStylesheets(ctx) {
+        for (const stylesheet of this.#stylesheets) {
+            ctx.out.print(`<link rel="stylesheet" href="${escapeHtml(stylesheet)}" crossOrigin="anonymous">`);
+        }
+    }
+    renderCommonStyles(ctx) {
+        ctx.out.print(`<style>`);
+        for (const style of this.#styles) {
+            ctx.out.print(style);
+        }
+        ctx.out.print(`</style>`);
+    }
+    renderModelStyles(ctx) {
+        for (const type of ctx.notes.types) {
+            if (type.styling) {
+                ctx.out.print(`<style>`);
+                ctx.out.print(`[data-type="${type.name}"] {`);
+                ctx.out.print(type.styling);
+                ctx.out.print(`}`);
+                ctx.out.print(`</style>`);
+            }
+        }
+    }
+    renderBody(ctx) {
+        ctx.out.print(`<body>`);
+        this.renderCardList(ctx);
+        ctx.out.print(`</body>`);
+    }
+    renderCardList(ctx) {
+        ctx.out.print(`<main class="card-list">`);
+        for (const note of ctx.notes) {
+            this.renderNoteCardList(ctx, note);
+        }
+        ctx.out.print(`</main>`);
+    }
+    renderNoteCardList(ctx, note) {
+        for (const card of note.type.cards) {
+            const data = new CardData(note.type, card, note);
+            if (ctx.options.showFront) {
+                this.renderFrontCard(ctx, data);
+            }
+            if (ctx.options.showBack) {
+                this.renderBackCard(ctx, data);
+            }
+        }
+    }
+    renderFrontCard(ctx, data) {
+        this.renderCard(ctx, data, "front");
+    }
+    renderBackCard(ctx, data) {
+        this.renderCard(ctx, data, "back");
+    }
+    renderCard(ctx, data, side) {
+        ctx.out.print(`<div class="card-list-item">`);
+        if (ctx.options.showDetails) {
+            ctx.out.print(prop("Type", `${data.note.type.name}::${data.card.name}::${sideName(side)}`));
+            ctx.out.print(prop("Deck", data.note.deck));
+            ctx.out.print(prop("Tags", data.note.tags));
+        }
+        ctx.out.print(`<div data-type="${escapeHtml(data.note.type.name)}">`);
+        ctx.out.print(`<div class="card">`);
+        ctx.out.print(this.renderCardContents(ctx, data, side));
+        ctx.out.print(`</div>`);
+        ctx.out.print(`</div>`);
+        ctx.out.print(`</div>`);
+    }
+    renderCardContents(ctx, data, side) {
+        return ctx.templates.render(data, side);
+    }
+}
+function prop(name, value) {
+    return (`<p class="prop">` +
+        `<span class="prop-name">${escapeHtml(name)}:</span> ` +
+        `<span class="prop-value">${escapeHtml(value)}</span>` +
+        `</p>`);
+}
+function sideName(side) {
+    switch (side) {
+        case "front":
+            return "Front";
+        default:
+            return "Back";
+    }
+}
+//# sourceMappingURL=preview-renderer.js.map

package/dist/preview-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-renderer.js","sourceRoot":"","sources":["../src/preview-renderer.ts"],"names":[],"mappings":"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"}

package/dist/preview.d.ts

@@ -0,0 +1,6 @@
+import { type NoteList } from "@notatki/core";
+import { CardTemplates } from "./card-templates.js";
+import { type PreviewOptions } from "./preview-options.js";
+import { PreviewRenderer } from "./preview-renderer.js";
+export declare function generatePreview(notes: NoteList, options?: Partial<Readonly<PreviewOptions>>, renderer?: PreviewRenderer, templates?: CardTemplates): string;
+//# sourceMappingURL=preview.d.ts.map

package/dist/preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../src/preview.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAU,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAwB,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjF,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,wBAAgB,eAAe,CAC7B,KAAK,EAAE,QAAQ,EACf,OAAO,GAAE,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAM,EAC/C,QAAQ,GAAE,eAAuC,EACjD,SAAS,GAAE,aAA8C,GACxD,MAAM,CAIR"}

package/dist/preview.js

@@ -0,0 +1,10 @@
+import { Output } from "@notatki/core";
+import { CardTemplates } from "./card-templates.js";
+import { expandPreviewOptions } from "./preview-options.js";
+import { PreviewRenderer } from "./preview-renderer.js";
+export function generatePreview(notes, options = {}, renderer = new PreviewRenderer(), templates = new CardTemplates(notes.types)) {
+    const out = new Output();
+    renderer.render({ options: expandPreviewOptions(options), templates, notes, out });
+    return String(out);
+}
+//# sourceMappingURL=preview.js.map

package/dist/preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.js","sourceRoot":"","sources":["../src/preview.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,MAAM,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAuB,MAAM,sBAAsB,CAAC;AACjF,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,MAAM,UAAU,eAAe,CAC7B,KAAe,EACf,UAA6C,EAAE,EAC/C,WAA4B,IAAI,eAAe,EAAE,EACjD,YAA2B,IAAI,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC;IAEzD,MAAM,GAAG,GAAG,IAAI,MAAM,EAAE,CAAC;IACzB,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,oBAAoB,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;IACnF,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC;AACrB,CAAC"}

package/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@notatki/preview",
+  "version": "0.0.1",
+  "type": "module",
+  "main": "dist/index.js",
+  "dependencies": {
+    "@notatki/core": "^0.0.1",
+    "@notatki/format": "^0.0.1",
+    "@notatki/parser": "^0.0.1"
+  },
+  "scripts": {
+    "compile": "rm -fr dist && tsc",
+    "pretest": "npm run compile",
+    "test": "node --test 'dist/**/*.test.js'"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "545474a85a5cc649ff9ce50f36e87ccf5c57073a"
+}

package/src/card-data.ts

@@ -0,0 +1,62 @@
+import { type Model, type ModelCard, type Note } from "@notatki/core";
+import { formatField, renderHtml } from "@notatki/format";
+import { escapeHtml } from "./html.js";
+
+const html = renderHtml({ output: "html", throwOnError: false });
+
+export class CardData {
+  readonly #model: Model;
+  readonly #card: ModelCard;
+  readonly #note: Note;
+  readonly #data: Map<string, string>;
+
+  constructor(model: Model, card: ModelCard, note: Note) {
+    this.#model = model;
+    this.#card = card;
+    this.#note = note;
+    this.#data = new Map();
+    // Build-in fields.
+    this.setValue("Type", escapeHtml(note.type.name));
+    this.setValue("Card", escapeHtml(card.name));
+    this.setValue("Deck", escapeHtml(note.deck));
+    this.setValue("Subdeck", escapeHtml(note.deck.split("::").pop() ?? note.deck));
+    this.setValue("Tags", escapeHtml(note.tags));
+    this.setValue("Flags", escapeHtml("Flags"));
+    // User-defined fields.
+    for (const { name, value } of note) {
+      this.setValue(name, formatField(value, html));
+    }
+  }
+
+  get model(): Model {
+    return this.#model;
+  }
+
+  get card(): ModelCard {
+    return this.#card;
+  }
+
+  get note(): Note {
+    return this.#note;
+  }
+
+  hasValue(name: string): boolean {
+    return this.#data.get(name) != null;
+  }
+
+  getValue(name: string): string {
+    const value = this.#data.get(name);
+    if (value == null) {
+      throw new Error(`Unknown field: ${this.#note.type.name}::${name}`);
+    }
+    return value;
+  }
+
+  clearValue(name: string): void {
+    this.#data.delete(name);
+  }
+
+  setValue(name: string, value: string): void {
+    this.#data.set(name, value);
+  }
+}

package/src/card-templates.ts

@@ -0,0 +1,153 @@
+import { type Model, type ModelCard, type ModelMap } from "@notatki/core";
+import { parseTemplate, type TemplateItemNode } from "@notatki/parser";
+import { type CardData } from "./card-data.js";
+
+export class CardTemplates {
+  readonly #map = new Map<string, CardTemplate>();
+
+  constructor(models: ModelMap) {
+    for (const model of models) {
+      for (const card of model.cards) {
+        this.#map.set(cardKey(model, card), new CardTemplate(card));
+      }
+    }
+  }
+
+  render(data: CardData, side: "front" | "back"): string {
+    const key = cardKey(data.note.type, data.card);
+    const card = this.#map.get(key);
+    if (card == null) {
+      throw new Error(`Unknown card: ${key}`);
+    }
+    return card.render(data, side);
+  }
+}
+
+function cardKey(model: Model, card: ModelCard): string {
+  return `${model.name}::${card.name}`;
+}
+
+type ValueProvider = {
+  getValue(data: CardData, field: string): string;
+};
+
+class CardTemplate implements ValueProvider {
+  readonly #front: Template;
+  readonly #back: Template;
+
+  constructor(card: ModelCard) {
+    this.#front = new Template(card.front);
+    this.#back = new Template(card.back);
+  }
+
+  render(data: CardData, side: "front" | "back"): string {
+    switch (side) {
+      case "front":
+        return this.renderFront(data);
+      case "back":
+        return this.renderBack(data);
+    }
+  }
+
+  renderFront(data: CardData): string {
+    data.clearValue("FrontSide");
+    return this.#front.render(this, data);
+  }
+
+  renderBack(data: CardData): string {
+    data.setValue("FrontSide", this.renderFront(data));
+    return this.#back.render(this, data);
+  }
+
+  getValue(data: CardData, field: string): string {
+    switch (field) {
+      case "cloze:Text": {
+        return data.getValue("Text");
+      }
+    }
+    return data.getValue(field);
+  }
+}
+
+type Part =
+  | string
+  | { readonly type: "field"; readonly field: string }
+  | { readonly type: "if"; readonly field: string; readonly parts: readonly Part[] }
+  | { readonly type: "if-not"; readonly field: string; readonly parts: readonly Part[] };
+
+class Template {
+  readonly #parts: readonly Part[];
+
+  constructor(template: string) {
+    this.#parts = mapNodeList(parseTemplate(template));
+  }
+
+  render(values: ValueProvider, data: CardData): string {
+    let out = "";
+
+    function visit(parts: readonly Part[]) {
+      for (const part of parts) {
+        if (typeof part === "string") {
+          out += part;
+        } else {
+          switch (part.type) {
+            case "field": {
+              out += values.getValue(data, part.field);
+              break;
+            }
+            case "if": {
+              if (values.getValue(data, part.field)) {
+                visit(part.parts);
+              }
+              break;
+            }
+            case "if-not": {
+              if (!values.getValue(data, part.field)) {
+                visit(part.parts);
+              }
+              break;
+            }
+          }
+        }
+      }
+    }
+
+    visit(this.#parts);
+
+    return out;
+  }
+}
+
+function mapNodeList(nodes: readonly TemplateItemNode[]): Part[] {
+  return nodes.map((node) => mapNode(node));
+}
+
+function mapNode(node: TemplateItemNode): Part {
+  switch (node.type) {
+    case "text": {
+      return node.text;
+    }
+    case "field": {
+      return {
+        type: "field",
+        field: node.field.text,
+      };
+    }
+    case "branch": {
+      const { cond } = node;
+      if (cond.not) {
+        return {
+          type: "if-not",
+          field: cond.field.text,
+          parts: mapNodeList(node.items),
+        };
+      } else {
+        return {
+          type: "if",
+          field: cond.field.text,
+          parts: mapNodeList(node.items),
+        };
+      }
+    }
+  }
+}

package/src/html.ts

@@ -0,0 +1,8 @@
+export function escapeHtml(text: string): string {
+  return String(text)
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/&/g, "&amp;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&apos;");
+}

package/src/index.ts

@@ -0,0 +1,6 @@
+export * from "./card-data.js";
+export * from "./card-templates.js";
+export * from "./html.js";
+export * from "./preview.js";
+export * from "./preview-options.js";
+export * from "./preview-renderer.js";

package/src/preview-options.ts

@@ -0,0 +1,21 @@
+export type PreviewOptions = {
+  title: string;
+  showDetails: boolean;
+  showFront: boolean;
+  showBack: boolean;
+};
+
+export function expandPreviewOptions(options: Partial<Readonly<PreviewOptions>>): PreviewOptions {
+  const {
+    title = "Cards Preview", //
+    showDetails = true,
+    showFront = false,
+    showBack = true,
+  } = options;
+  return {
+    title, //
+    showDetails,
+    showFront,
+    showBack,
+  };
+}

package/src/preview-renderer.ts

@@ -0,0 +1,165 @@
+import { type Note, type NoteList, type Output } from "@notatki/core";
+import { CardData } from "./card-data.js";
+import { type CardTemplates } from "./card-templates.js";
+import { escapeHtml } from "./html.js";
+import { type PreviewOptions } from "./preview-options.js";
+
+export type RendererContext = Readonly<{
+  options: Readonly<PreviewOptions>;
+  templates: CardTemplates;
+  notes: NoteList;
+  out: Output;
+}>;
+
+export class PreviewRenderer<Context extends RendererContext = RendererContext> {
+  static readonly defaultStylesheets: readonly string[] = [
+    `https://cdn.jsdelivr.net/npm/katex/dist/katex.min.css`, //
+  ];
+
+  static readonly defaultStyles: readonly string[] = [
+    `:root { color-scheme: light dark; }`,
+    `.card-list { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; gap: 1rem; }`,
+    `.card-list-item { flex: 0 1 auto; min-width: 20rem; padding: 0 1rem; border: 1px dotted #666; }`,
+    `.prop { font-size: 0.75em; color: #666; }`,
+    `.prop-name { font-weight: bold; font-style: normal; }`,
+    `.prop-value { font-weight: normal; font-style: normal; }`,
+    `img { max-width: 100%; }`,
+    `li { text-align: start; }`,
+    `pre { text-align: left; }`,
+    `hr { height: 1px; margin: 1em 0; border: none; background-color: #666; }`,
+  ];
+
+  #stylesheets: string[] = [...PreviewRenderer.defaultStylesheets];
+  #styles: string[] = [...PreviewRenderer.defaultStyles];
+
+  get stylesheets(): string[] {
+    return [...this.#stylesheets];
+  }
+
+  set stylesheets(value: string[]) {
+    this.#stylesheets = [...value];
+  }
+
+  get styles(): string[] {
+    return [...this.#styles];
+  }
+
+  set styles(value: string[]) {
+    this.#styles = [...value];
+  }
+
+  render(ctx: Context) {
+    ctx.out.print(`<!doctype html>`);
+    ctx.out.print(`<html>`);
+    this.renderHead(ctx);
+    this.renderBody(ctx);
+    ctx.out.print(`</html>`);
+  }
+
+  renderHead(ctx: Context) {
+    ctx.out.print(`<head>`);
+    ctx.out.print(`<meta charset="UTF-8">`);
+    ctx.out.print(`<title>${escapeHtml(ctx.options.title)}</title>`);
+    this.renderStylesheets(ctx);
+    this.renderCommonStyles(ctx);
+    this.renderModelStyles(ctx);
+    ctx.out.print(`</head>`);
+  }
+
+  renderStylesheets(ctx: Context) {
+    for (const stylesheet of this.#stylesheets) {
+      ctx.out.print(`<link rel="stylesheet" href="${escapeHtml(stylesheet)}" crossOrigin="anonymous">`);
+    }
+  }
+
+  renderCommonStyles(ctx: Context) {
+    ctx.out.print(`<style>`);
+    for (const style of this.#styles) {
+      ctx.out.print(style);
+    }
+    ctx.out.print(`</style>`);
+  }
+
+  renderModelStyles(ctx: Context) {
+    for (const type of ctx.notes.types) {
+      if (type.styling) {
+        ctx.out.print(`<style>`);
+        ctx.out.print(`[data-type="${type.name}"] {`);
+        ctx.out.print(type.styling);
+        ctx.out.print(`}`);
+        ctx.out.print(`</style>`);
+      }
+    }
+  }
+
+  renderBody(ctx: Context) {
+    ctx.out.print(`<body>`);
+    this.renderCardList(ctx);
+    ctx.out.print(`</body>`);
+  }
+
+  renderCardList(ctx: Context) {
+    ctx.out.print(`<main class="card-list">`);
+    for (const note of ctx.notes) {
+      this.renderNoteCardList(ctx, note);
+    }
+    ctx.out.print(`</main>`);
+  }
+
+  renderNoteCardList(ctx: Context, note: Note) {
+    for (const card of note.type.cards) {
+      const data = new CardData(note.type, card, note);
+      if (ctx.options.showFront) {
+        this.renderFrontCard(ctx, data);
+      }
+      if (ctx.options.showBack) {
+        this.renderBackCard(ctx, data);
+      }
+    }
+  }
+
+  renderFrontCard(ctx: Context, data: CardData) {
+    this.renderCard(ctx, data, "front");
+  }
+
+  renderBackCard(ctx: Context, data: CardData) {
+    this.renderCard(ctx, data, "back");
+  }
+
+  renderCard(ctx: Context, data: CardData, side: "front" | "back") {
+    ctx.out.print(`<div class="card-list-item">`);
+    if (ctx.options.showDetails) {
+      ctx.out.print(prop("Type", `${data.note.type.name}::${data.card.name}::${sideName(side)}`));
+      ctx.out.print(prop("Deck", data.note.deck));
+      ctx.out.print(prop("Tags", data.note.tags));
+    }
+    ctx.out.print(`<div data-type="${escapeHtml(data.note.type.name)}">`);
+    ctx.out.print(`<div class="card">`);
+    ctx.out.print(this.renderCardContents(ctx, data, side));
+    ctx.out.print(`</div>`);
+    ctx.out.print(`</div>`);
+    ctx.out.print(`</div>`);
+  }
+
+  renderCardContents(ctx: Context, data: CardData, side: "front" | "back"): string {
+    return ctx.templates.render(data, side);
+  }
+}
+
+function prop(name: string, value: string) {
+  return (
+    `<p class="prop">` +
+    `<span class="prop-name">${escapeHtml(name)}:</span> ` +
+    `<span class="prop-value">${escapeHtml(value)}</span>` +
+    `</p>`
+  );
+}
+
+function sideName(side: "front" | "back"): string {
+  switch (side) {
+    case "front":
+      return "Front";
+    default:
+      return "Back";
+  }
+}

package/src/preview.ts

@@ -0,0 +1,15 @@
+import { type NoteList, Output } from "@notatki/core";
+import { CardTemplates } from "./card-templates.js";
+import { expandPreviewOptions, type PreviewOptions } from "./preview-options.js";
+import { PreviewRenderer } from "./preview-renderer.js";
+
+export function generatePreview(
+  notes: NoteList,
+  options: Partial<Readonly<PreviewOptions>> = {},
+  renderer: PreviewRenderer = new PreviewRenderer(),
+  templates: CardTemplates = new CardTemplates(notes.types),
+): string {
+  const out = new Output();
+  renderer.render({ options: expandPreviewOptions(options), templates, notes, out });
+  return String(out);
+}