docviz-builder 0.1.0

package/dist/renderers/color-scheme.js

@@ -0,0 +1,122 @@
+/**
+ * Esquema de color dual: la misma imagen legible en un visor claro y en uno
+ * oscuro.
+ *
+ * Un SVG referenciado desde `<img>` se renderiza como su propio documento, y el
+ * navegador le aplica la preferencia de color del usuario. Eso permite declarar
+ * los colores como variables CSS y redefinirlas bajo
+ * `@media (prefers-color-scheme: dark)`.
+ *
+ * La sustitucion es textual sobre los hexadecimales que el propio DocViz inyecto
+ * al aplicar el tema, y funciona tanto en atributos de presentacion
+ * (`fill="var(--dv1,#12508F)"`) como en estilos en linea y hojas de estilo
+ * incrustadas: los tres son declaraciones CSS y admiten `var()`.
+ */
+import { ConfigError } from '../core/errors.js';
+/** Roles de la paleta, en el orden en que se emiten las variables. */
+const SCALAR_ROLES = [
+    'background',
+    'surface',
+    'surfaceAlt',
+    'border',
+    'text',
+    'textMuted',
+    'primary',
+    'primaryText',
+    'accent',
+    'positive',
+    'negative',
+    'neutral',
+];
+/**
+ * Empareja cada color de la paleta clara con su equivalente oscuro.
+ *
+ * Un mismo hexadecimal puede cumplir varios roles —en el tema corporativo, el
+ * fondo y el texto sobre el color primario son ambos blanco— y eso es correcto
+ * siempre que todos los roles lleven al mismo color oscuro. Si no coincidieran,
+ * la sustitucion seria ambigua y el tema esta mal definido, asi que se rechaza
+ * en el arranque en lugar de producir una imagen ilegible.
+ */
+export function colorPairs(theme) {
+    const light = theme.palette;
+    const dark = theme.dark.palette;
+    const mapping = new Map();
+    const add = (from, to, role) => {
+        const key = normalize(from);
+        const value = normalize(to);
+        const existing = mapping.get(key);
+        if (existing !== undefined && existing !== value) {
+            throw new ConfigError(`el tema "${theme.name}" asigna dos colores oscuros distintos al mismo color claro`, `${from} -> ${existing} y ${value} (rol "${role}")`);
+        }
+        mapping.set(key, value);
+    };
+    for (const role of SCALAR_ROLES)
+        add(light[role], dark[role], role);
+    light.categorical.forEach((color, i) => add(color, dark.categorical[i], `categorical[${i}]`));
+    light.sequential.forEach((color, i) => add(color, dark.sequential[i], `sequential[${i}]`));
+    return [...mapping.entries()]
+        .filter(([from, to]) => from !== to)
+        .map(([light_, dark_]) => ({ light: light_, dark: dark_ }));
+}
+/**
+ * Reescribe los colores del tema como variables CSS y anade el bloque que las
+ * redefine en modo oscuro.
+ *
+ * Devuelve el SVG sin tocar si el tema no declara contraparte oscura, o si
+ * ninguno de sus colores aparece en la imagen (por ejemplo un diagrama de D2,
+ * que trae su propio tema y su propio bloque de modo oscuro).
+ */
+export function applyColorScheme(svg, theme) {
+    // D2 y el emisor propio de LikeC4 ya declaran su variante oscura. Volver a
+    // sustituir sus colores anidaria variables sin efecto y solo anadiria ruido.
+    if (/prefers-color-scheme/i.test(svg))
+        return svg;
+    const pairs = colorPairs(theme);
+    if (pairs.length === 0)
+        return svg;
+    const declarations = [];
+    let out = svg;
+    pairs.forEach((pair, index) => {
+        const variable = `--dv${index + 1}`;
+        const patterns = hexPatterns(pair.light);
+        let used = false;
+        for (const pattern of patterns) {
+            const before = out;
+            out = out.replace(pattern, `var(${variable},${pair.light})`);
+            if (out !== before)
+                used = true;
+        }
+        if (used)
+            declarations.push(`${variable}:${pair.light};|${variable}:${pair.dark};`);
+    });
+    if (declarations.length === 0)
+        return svg;
+    const lightBlock = declarations.map((d) => d.split('|')[0]).join('');
+    const darkBlock = declarations.map((d) => d.split('|')[1]).join('');
+    const style = `<style>:root{${lightBlock}}` +
+        `@media (prefers-color-scheme:dark){:root{${darkBlock}}}</style>`;
+    const openTag = /<svg\b[^>]*>/i.exec(out);
+    if (openTag === null)
+        return svg;
+    const at = openTag.index + openTag[0].length;
+    return `${out.slice(0, at)}${style}${out.slice(at)}`;
+}
+/**
+ * Formas en que un motor puede escribir el mismo color.
+ *
+ * El limite posterior evita que `#12508F` coincida dentro de `#12508FF0`, y la
+ * ausencia de limite anterior no hace falta porque `#` ya delimita por delante.
+ */
+function hexPatterns(hex) {
+    const body = hex.slice(1);
+    const patterns = [new RegExp(`#${body}(?![0-9a-fA-F])`, 'gi')];
+    // Notacion corta: `#FFFFFF` puede aparecer como `#fff`.
+    if (body[0] === body[1] && body[2] === body[3] && body[4] === body[5]) {
+        patterns.push(new RegExp(`#${body[0]}${body[2]}${body[4]}(?![0-9a-fA-F])`, 'gi'));
+    }
+    return patterns;
+}
+function normalize(hex) {
+    return hex.trim().toUpperCase();
+}
+//# sourceMappingURL=color-scheme.js.map

package/dist/renderers/color-scheme.js.map

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

package/dist/renderers/d2.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Renderer D2 — build WebAssembly oficial (`@terrastruct/d2`).
+ *
+ * Local, sin red y sin binario externo. Se compila y se dibuja en el mismo
+ * proceso; el `fs` virtual del compilador solo contiene el diagrama en curso,
+ * de modo que un `...@archivo` no puede alcanzar el disco real.
+ */
+import type { DiagramRenderer, OutputFormat, RenderOptions, RenderResult } from '../core/types.js';
+import type { Theme } from '../themes/types.js';
+export interface D2Options {
+    /** Motor de layout: `dagre` (por defecto) o `elk`. */
+    layout?: 'dagre' | 'elk';
+}
+export declare class D2Renderer implements DiagramRenderer {
+    readonly type = "d2";
+    readonly defaultFormat: OutputFormat;
+    readonly supportedFormats: readonly OutputFormat[];
+    private readonly layout;
+    private instancePromise?;
+    private cachedVersion?;
+    constructor(options?: D2Options);
+    private instance;
+    version(): Promise<string>;
+    render(source: string, options: RenderOptions): Promise<RenderResult>;
+    dispose(): Promise<void>;
+}
+/**
+ * Antepone la paleta del proyecto a la fuente del diagrama.
+ *
+ * D2 no admite configurar el tema desde fuera: solo lee `vars.d2-config` del
+ * propio documento. Se antepone el bloque para que el autor pueda seguir
+ * sobrescribiendo cualquier color mas abajo, y D2 emite ademas su propio
+ * `@media (prefers-color-scheme: dark)` con la variante oscura.
+ */
+export declare function withPalette(source: string, theme: Theme): string;
+export declare function createD2Renderer(options?: D2Options): DiagramRenderer;
+//# sourceMappingURL=d2.d.ts.map

package/dist/renderers/d2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"d2.d.ts","sourceRoot":"","sources":["../../src/renderers/d2.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGnG,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAUhD,MAAM,WAAW,SAAS;IACxB,sDAAsD;IACtD,MAAM,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CAC1B;AAED,qBAAa,UAAW,YAAW,eAAe;IAChD,QAAQ,CAAC,IAAI,QAAQ;IACrB,QAAQ,CAAC,aAAa,EAAE,YAAY,CAAS;IAC7C,QAAQ,CAAC,gBAAgB,0BAAa;IAEtC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAkB;IACzC,OAAO,CAAC,eAAe,CAAC,CAAsB;IAC9C,OAAO,CAAC,aAAa,CAAC,CAAS;gBAEnB,OAAO,GAAE,SAAc;YAIrB,QAAQ;IAQhB,OAAO,IAAI,OAAO,CAAC,MAAM,CAAC;IAM1B,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,YAAY,CAAC;IAoCrE,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;CAO/B;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,MAAM,CAuBhE;AAED,wBAAgB,gBAAgB,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,eAAe,CAErE"}

package/dist/renderers/d2.js

@@ -0,0 +1,108 @@
+/**
+ * Renderer D2 — build WebAssembly oficial (`@terrastruct/d2`).
+ *
+ * Local, sin red y sin binario externo. Se compila y se dibuja en el mismo
+ * proceso; el `fs` virtual del compilador solo contiene el diagrama en curso,
+ * de modo que un `...@archivo` no puede alcanzar el disco real.
+ */
+import { RenderError } from '../core/errors.js';
+import { packageVersion } from '../core/package-version.js';
+import { assertFormat, asRenderError, svgResult } from './base.js';
+const TYPE = 'd2';
+const SUPPORTED = ['svg'];
+export class D2Renderer {
+    type = TYPE;
+    defaultFormat = 'svg';
+    supportedFormats = SUPPORTED;
+    layout;
+    instancePromise;
+    cachedVersion;
+    constructor(options = {}) {
+        this.layout = options.layout ?? 'dagre';
+    }
+    async instance() {
+        this.instancePromise ??= (async () => {
+            const mod = await import('@terrastruct/d2');
+            return new mod.D2();
+        })();
+        return this.instancePromise;
+    }
+    async version() {
+        if (this.cachedVersion !== undefined)
+            return this.cachedVersion;
+        this.cachedVersion = `d2-${packageVersion('@terrastruct/d2')}-${this.layout}`;
+        return this.cachedVersion;
+    }
+    async render(source, options) {
+        assertFormat(TYPE, options.format, SUPPORTED);
+        if (source.trim() === '') {
+            throw new RenderError(TYPE, 'el diagrama D2 esta vacio');
+        }
+        const d2 = await this.instance();
+        const { theme } = options;
+        let svg;
+        try {
+            const compiled = await d2.compile({ fs: { index: withPalette(source, theme) }, inputPath: 'index', options: { layout: this.layout } }, undefined);
+            svg = await d2.render(compiled.diagram, {
+                ...compiled.renderOptions,
+                themeID: theme.d2.themeID,
+                darkThemeID: theme.d2.darkThemeID,
+                sketch: theme.d2.sketch,
+                pad: theme.d2.pad,
+                center: true,
+                // Sin `scale: 1` el SVG sale con `width`/`height` ajustados a pantalla,
+                // lo que en un `<img>` de Markdown produce una imagen borrosa.
+                scale: 1,
+                noXMLTag: true,
+            });
+        }
+        catch (err) {
+            throw asRenderError(TYPE, err, 'D2 no pudo compilar el diagrama');
+        }
+        if (typeof svg !== 'string' || !svg.includes('<svg')) {
+            throw new RenderError(TYPE, 'D2 no produjo un SVG valido');
+        }
+        return svgResult(TYPE, svg, options);
+    }
+    async dispose() {
+        // El worker WASM de D2 mantiene vivo el event loop del proceso.
+        const instance = await this.instancePromise?.catch(() => undefined);
+        const disposable = instance;
+        disposable?.worker?.terminate?.();
+        this.instancePromise = undefined;
+    }
+}
+/**
+ * Antepone la paleta del proyecto a la fuente del diagrama.
+ *
+ * D2 no admite configurar el tema desde fuera: solo lee `vars.d2-config` del
+ * propio documento. Se antepone el bloque para que el autor pueda seguir
+ * sobrescribiendo cualquier color mas abajo, y D2 emite ademas su propio
+ * `@media (prefers-color-scheme: dark)` con la variante oscura.
+ */
+export function withPalette(source, theme) {
+    const entries = (map) => Object.entries(map)
+        .map(([slot, color]) => `      ${slot}: "${color}"`)
+        .join('\n');
+    // Un documento que ya trae su propia configuracion manda: no se toca.
+    if (/^\s*vars\s*:/m.test(source))
+        return source;
+    return [
+        'vars: {',
+        '  d2-config: {',
+        '    theme-overrides: {',
+        entries(theme.d2.overrides),
+        '    }',
+        '    dark-theme-overrides: {',
+        entries(theme.d2.darkOverrides),
+        '    }',
+        '  }',
+        '}',
+        '',
+        source,
+    ].join('\n');
+}
+export function createD2Renderer(options) {
+    return new D2Renderer(options);
+}
+//# sourceMappingURL=d2.js.map

package/dist/renderers/d2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"d2.js","sourceRoot":"","sources":["../../src/renderers/d2.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAGnE,MAAM,IAAI,GAAG,IAAI,CAAC;AAClB,MAAM,SAAS,GAA4B,CAAC,KAAK,CAAC,CAAC;AAYnD,MAAM,OAAO,UAAU;IACZ,IAAI,GAAG,IAAI,CAAC;IACZ,aAAa,GAAiB,KAAK,CAAC;IACpC,gBAAgB,GAAG,SAAS,CAAC;IAErB,MAAM,CAAkB;IACjC,eAAe,CAAuB;IACtC,aAAa,CAAU;IAE/B,YAAY,UAAqB,EAAE;QACjC,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC;IAC1C,CAAC;IAEO,KAAK,CAAC,QAAQ;QACpB,IAAI,CAAC,eAAe,KAAK,CAAC,KAAK,IAAI,EAAE;YACnC,MAAM,GAAG,GAAG,MAAM,MAAM,CAAC,iBAAiB,CAAC,CAAC;YAC5C,OAAO,IAAI,GAAG,CAAC,EAAE,EAA2B,CAAC;QAC/C,CAAC,CAAC,EAAE,CAAC;QACL,OAAO,IAAI,CAAC,eAAe,CAAC;IAC9B,CAAC;IAED,KAAK,CAAC,OAAO;QACX,IAAI,IAAI,CAAC,aAAa,KAAK,SAAS;YAAE,OAAO,IAAI,CAAC,aAAa,CAAC;QAChE,IAAI,CAAC,aAAa,GAAG,MAAM,cAAc,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;QAC9E,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;IAED,KAAK,CAAC,MAAM,CAAC,MAAc,EAAE,OAAsB;QACjD,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;QAC9C,IAAI,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;YACzB,MAAM,IAAI,WAAW,CAAC,IAAI,EAAE,2BAA2B,CAAC,CAAC;QAC3D,CAAC;QACD,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,QAAQ,EAAE,CAAC;QACjC,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;QAE1B,IAAI,GAAW,CAAC;QAChB,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,EAAE,CAAC,OAAO,CAC/B,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,EACnG,SAAS,CACV,CAAC;YACF,GAAG,GAAG,MAAM,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,EAAE;gBACtC,GAAI,QAAQ,CAAC,aAAyC;gBACtD,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO;gBACzB,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW;gBACjC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM;gBACvB,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG;gBACjB,MAAM,EAAE,IAAI;gBACZ,wEAAwE;gBACxE,+DAA+D;gBAC/D,KAAK,EAAE,CAAC;gBACR,QAAQ,EAAE,IAAI;aACf,CAAC,CAAC;QACL,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,MAAM,aAAa,CAAC,IAAI,EAAE,GAAG,EAAE,iCAAiC,CAAC,CAAC;QACpE,CAAC;QAED,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YACrD,MAAM,IAAI,WAAW,CAAC,IAAI,EAAE,6BAA6B,CAAC,CAAC;QAC7D,CAAC;QACD,OAAO,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC;IACvC,CAAC;IAED,KAAK,CAAC,OAAO;QACX,gEAAgE;QAChE,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,eAAe,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC;QACpE,MAAM,UAAU,GAAG,QAA0E,CAAC;QAC9F,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,CAAC;QAClC,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC;IACnC,CAAC;CACF;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,WAAW,CAAC,MAAc,EAAE,KAAY;IACtD,MAAM,OAAO,GAAG,CAAC,GAAqC,EAAU,EAAE,CAChE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;SAChB,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,SAAS,IAAI,MAAM,KAAK,GAAG,CAAC;SACnD,IAAI,CAAC,IAAI,CAAC,CAAC;IAEhB,sEAAsE;IACtE,IAAI,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC;QAAE,OAAO,MAAM,CAAC;IAEhD,OAAO;QACL,SAAS;QACT,gBAAgB;QAChB,wBAAwB;QACxB,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC;QAC3B,OAAO;QACP,6BAA6B;QAC7B,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC;QAC/B,OAAO;QACP,KAAK;QACL,GAAG;QACH,EAAE;QACF,MAAM;KACP,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACf,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,OAAmB;IAClD,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC;AACjC,CAAC"}

package/dist/renderers/graphviz.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Renderer Graphviz — WebAssembly local (`@hpcc-js/wasm-graphviz`).
+ *
+ * No requiere binario del sistema ni red. El modulo WASM se carga una sola vez
+ * y se reutiliza durante todo el build.
+ */
+import type { DiagramRenderer, OutputFormat, RenderOptions, RenderResult } from '../core/types.js';
+import type { Theme } from '../themes/types.js';
+export interface GraphvizOptions {
+    /** Motor de layout: dot, neato, fdp, circo, twopi, osage, patchwork. */
+    engine?: string;
+}
+export declare class GraphvizRenderer implements DiagramRenderer {
+    readonly type = "graphviz";
+    readonly defaultFormat: OutputFormat;
+    readonly supportedFormats: readonly OutputFormat[];
+    private readonly engine;
+    private modulePromise?;
+    private cachedVersion?;
+    constructor(options?: GraphvizOptions);
+    private load;
+    version(): Promise<string>;
+    render(source: string, options: RenderOptions): Promise<RenderResult>;
+}
+/**
+ * Inserta los atributos por defecto del tema dentro del cuerpo del grafo.
+ *
+ * Se insertan al principio del bloque para que cualquier atributo escrito por
+ * el autor los sobrescriba.
+ */
+export declare function applyTheme(source: string, theme: Theme): string;
+export declare function createGraphvizRenderer(options?: GraphvizOptions): DiagramRenderer;
+//# sourceMappingURL=graphviz.d.ts.map

package/dist/renderers/graphviz.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"graphviz.d.ts","sourceRoot":"","sources":["../../src/renderers/graphviz.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGnG,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAOhD,MAAM,WAAW,eAAe;IAC9B,wEAAwE;IACxE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAID,qBAAa,gBAAiB,YAAW,eAAe;IACtD,QAAQ,CAAC,IAAI,cAAQ;IACrB,QAAQ,CAAC,aAAa,EAAE,YAAY,CAAS;IAC7C,QAAQ,CAAC,gBAAgB,0BAAa;IAEtC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAS;IAChC,OAAO,CAAC,aAAa,CAAC,CAA0B;IAChD,OAAO,CAAC,aAAa,CAAC,CAAS;gBAEnB,OAAO,GAAE,eAAoB;YAY3B,IAAI;IAQZ,OAAO,IAAI,OAAO,CAAC,MAAM,CAAC;IAU1B,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,YAAY,CAAC;CAe5E;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,MAAM,CAgB/D;AAQD,wBAAgB,sBAAsB,CAAC,OAAO,CAAC,EAAE,eAAe,GAAG,eAAe,CAEjF"}

package/dist/renderers/graphviz.js

@@ -0,0 +1,88 @@
+/**
+ * Renderer Graphviz — WebAssembly local (`@hpcc-js/wasm-graphviz`).
+ *
+ * No requiere binario del sistema ni red. El modulo WASM se carga una sola vez
+ * y se reutiliza durante todo el build.
+ */
+import { RenderError } from '../core/errors.js';
+import { packageVersion } from '../core/package-version.js';
+import { assertFormat, asRenderError, svgResult } from './base.js';
+const TYPE = 'graphviz';
+const SUPPORTED = ['svg'];
+const VALID_ENGINES = new Set(['dot', 'neato', 'fdp', 'sfdp', 'circo', 'twopi', 'osage', 'patchwork']);
+export class GraphvizRenderer {
+    type = TYPE;
+    defaultFormat = 'svg';
+    supportedFormats = SUPPORTED;
+    engine;
+    modulePromise;
+    cachedVersion;
+    constructor(options = {}) {
+        const engine = options.engine ?? 'dot';
+        if (!VALID_ENGINES.has(engine)) {
+            throw new RenderError(TYPE, `motor de layout desconocido: ${engine}`, `motores validos: ${[...VALID_ENGINES].join(', ')}`);
+        }
+        this.engine = engine;
+    }
+    async load() {
+        this.modulePromise ??= (async () => {
+            const { Graphviz } = await import('@hpcc-js/wasm-graphviz');
+            return (await Graphviz.load());
+        })();
+        return this.modulePromise;
+    }
+    async version() {
+        if (this.cachedVersion !== undefined)
+            return this.cachedVersion;
+        const graphviz = await this.load();
+        // El propio WASM expone su version; si no, se usa la del paquete npm.
+        const raw = graphviz.version?.();
+        const version = typeof raw === 'string' && raw !== '' ? raw : packageVersion('@hpcc-js/wasm-graphviz');
+        this.cachedVersion = `graphviz-${version}-${this.engine}`;
+        return this.cachedVersion;
+    }
+    async render(source, options) {
+        assertFormat(TYPE, options.format, SUPPORTED);
+        const graphviz = await this.load();
+        const themed = applyTheme(source, options.theme);
+        let svg;
+        try {
+            svg = graphviz.layout(themed, 'svg', this.engine);
+        }
+        catch (err) {
+            throw asRenderError(TYPE, err, 'Graphviz no pudo procesar el grafo (revisa la sintaxis DOT)');
+        }
+        if (typeof svg !== 'string' || !svg.includes('<svg')) {
+            throw new RenderError(TYPE, 'Graphviz no produjo un SVG valido');
+        }
+        return svgResult(TYPE, svg, options);
+    }
+}
+/**
+ * Inserta los atributos por defecto del tema dentro del cuerpo del grafo.
+ *
+ * Se insertan al principio del bloque para que cualquier atributo escrito por
+ * el autor los sobrescriba.
+ */
+export function applyTheme(source, theme) {
+    const trimmed = source.trim();
+    const openBrace = trimmed.indexOf('{');
+    if (openBrace < 0) {
+        throw new RenderError(TYPE, 'el grafo no tiene cuerpo: falta la llave de apertura', 'ejemplo minimo: digraph G { A -> B; }');
+    }
+    const defaults = [
+        `  graph [${attrs(theme.graphviz.graph)}];`,
+        `  node [${attrs(theme.graphviz.node)}];`,
+        `  edge [${attrs(theme.graphviz.edge)}];`,
+    ].join('\n');
+    return `${trimmed.slice(0, openBrace + 1)}\n${defaults}\n${trimmed.slice(openBrace + 1)}`;
+}
+function attrs(map) {
+    return Object.entries(map)
+        .map(([k, v]) => `${k}="${v.replace(/"/g, '\\"')}"`)
+        .join(', ');
+}
+export function createGraphvizRenderer(options) {
+    return new GraphvizRenderer(options);
+}
+//# sourceMappingURL=graphviz.js.map

package/dist/renderers/graphviz.js.map

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

package/dist/renderers/in-page.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Codigo que se ejecuta dentro del navegador, no en Node.
+ *
+ * Puppeteer serializa estas funciones y las evalua en el contexto de la pagina,
+ * asi que aqui se puede usar el DOM y no se puede usar nada del proceso: ni
+ * imports, ni variables del modulo, ni tipos de Node.
+ *
+ * Estan en su propio archivo por dos razones. La primera es que asi queda
+ * explicito que pertenecen a otro entorno. La segunda es de medicion: al
+ * ejecutarse en Chromium, ninguna herramienta de cobertura del proceso puede
+ * verlas, y mezclarlas con el resto falsearia el dato.
+ */
+export interface MermaidArgs {
+    code: string;
+    id: string;
+    config: unknown;
+}
+export type RenderOutcome = {
+    svg: string;
+} | {
+    error: string;
+};
+/**
+ * Dibuja un diagrama de Mermaid y devuelve su SVG.
+ *
+ * Ajusta ademas el lienzo al contenido real: algunas notaciones recientes
+ * (radar, treemap) escriben etiquetas fuera del `viewBox` que declaran y quedan
+ * recortadas. Medirlo solo es posible aqui, con el documento ya construido.
+ */
+export declare function renderMermaidInPage(args: MermaidArgs): Promise<RenderOutcome>;
+/** Dibuja un proceso BPMN con bpmn-js y devuelve su SVG. */
+export declare function renderBpmnInPage(xml: string): Promise<RenderOutcome>;
+//# sourceMappingURL=in-page.d.ts.map

package/dist/renderers/in-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"in-page.d.ts","sourceRoot":"","sources":["../../src/renderers/in-page.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAgBH,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,MAAM,aAAa,GAAG;IAAE,GAAG,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAEhE;;;;;;GAMG;AACH,wBAAsB,mBAAmB,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAAC,aAAa,CAAC,CA2CnF;AAED,4DAA4D;AAC5D,wBAAsB,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,CAgB1E"}

package/dist/renderers/in-page.js

@@ -0,0 +1,76 @@
+/**
+ * Codigo que se ejecuta dentro del navegador, no en Node.
+ *
+ * Puppeteer serializa estas funciones y las evalua en el contexto de la pagina,
+ * asi que aqui se puede usar el DOM y no se puede usar nada del proceso: ni
+ * imports, ni variables del modulo, ni tipos de Node.
+ *
+ * Estan en su propio archivo por dos razones. La primera es que asi queda
+ * explicito que pertenecen a otro entorno. La segunda es de medicion: al
+ * ejecutarse en Chromium, ninguna herramienta de cobertura del proceso puede
+ * verlas, y mezclarlas con el resto falsearia el dato.
+ */
+/**
+ * Dibuja un diagrama de Mermaid y devuelve su SVG.
+ *
+ * Ajusta ademas el lienzo al contenido real: algunas notaciones recientes
+ * (radar, treemap) escriben etiquetas fuera del `viewBox` que declaran y quedan
+ * recortadas. Medirlo solo es posible aqui, con el documento ya construido.
+ */
+export async function renderMermaidInPage(args) {
+    const mermaid = globalThis.mermaid;
+    if (mermaid === undefined)
+        return { error: 'el bundle de Mermaid no se cargo en la pagina' };
+    try {
+        mermaid.initialize(args.config);
+        const rendered = await mermaid.render(args.id, args.code);
+        const dom = globalThis.document;
+        const host = dom?.getElementById('host') ?? null;
+        if (host === null)
+            return { svg: rendered.svg };
+        host.innerHTML = rendered.svg;
+        const svgEl = host.querySelector('svg');
+        if (svgEl === null)
+            return { svg: rendered.svg };
+        const box = svgEl.getBBox();
+        const declared = svgEl.getAttribute('viewBox');
+        const parts = declared?.trim().split(/[\s,]+/).map(Number) ?? [];
+        const fits = parts.length === 4 &&
+            box.x >= parts[0] - 1 &&
+            box.y >= parts[1] - 1 &&
+            box.x + box.width <= parts[0] + parts[2] + 1 &&
+            box.y + box.height <= parts[1] + parts[3] + 1;
+        if (fits || box.width <= 0 || box.height <= 0)
+            return { svg: rendered.svg };
+        const pad = 8;
+        const x = Math.floor(box.x - pad);
+        const y = Math.floor(box.y - pad);
+        const w = Math.ceil(box.width + pad * 2);
+        const h = Math.ceil(box.height + pad * 2);
+        svgEl.setAttribute('viewBox', `${x} ${y} ${w} ${h}`);
+        svgEl.setAttribute('width', String(w));
+        svgEl.setAttribute('height', String(h));
+        return { svg: host.innerHTML };
+    }
+    catch (e) {
+        const err = e;
+        return { error: err.str ?? err.message ?? String(e) };
+    }
+}
+/** Dibuja un proceso BPMN con bpmn-js y devuelve su SVG. */
+export async function renderBpmnInPage(xml) {
+    const Viewer = globalThis.BpmnJS;
+    if (Viewer === undefined)
+        return { error: 'el visor de bpmn-js no se cargo en la pagina' };
+    const viewer = new Viewer({ container: '#lienzo' });
+    try {
+        await viewer.importXML(xml);
+        const { svg } = await viewer.saveSVG();
+        return { svg };
+    }
+    catch (e) {
+        const err = e;
+        return { error: err.message ?? String(e) };
+    }
+}
+//# sourceMappingURL=in-page.js.map

package/dist/renderers/in-page.js.map

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

package/dist/renderers/index.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Construccion del registro de renderers a partir de la configuracion.
+ *
+ * Es el unico lugar del proyecto donde se decide que motor atiende cada
+ * lenguaje. Anadir un renderer nuevo se reduce a registrar una entrada mas.
+ */
+import { RendererRegistry } from '../core/registry.js';
+import type { DocVizConfig } from '../config/types.js';
+export { RendererRegistry } from '../core/registry.js';
+export declare function buildRegistry(config: DocVizConfig): RendererRegistry;
+export { createD2Renderer } from './d2.js';
+export { createGraphvizRenderer } from './graphviz.js';
+export { createKrokiRenderer, assertSafeKrokiUrl } from './kroki.js';
+export { createLikeC4Renderer } from './likec4.js';
+export { createMermaidRenderer } from './mermaid.js';
+export { createPlantUmlRenderer } from './plantuml.js';
+export { createVegaLiteRenderer } from './vega-lite.js';
+export { createSvgbobRenderer } from './svgbob.js';
+export { createBpmnRenderer } from './bpmn.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/renderers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/renderers/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAUvD,OAAO,KAAK,EAAE,YAAY,EAAmB,MAAM,oBAAoB,CAAC;AAGxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAcvD,wBAAgB,aAAa,CAAC,MAAM,EAAE,YAAY,GAAG,gBAAgB,CA6FpE;AAED,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC"}