epicora-pdf 1.0.0

package/README.md

@@ -0,0 +1,167 @@
+# epicora-pdf
+
+> Converta documentos Markdown em PDFs com identidade visual Epicora — em um único comando.
+
+CLI que transforma arquivos `.md` em PDFs profissionais, com tipografia, paleta de cores, cabeçalho com logo e rodapé de paginação padronizados pela marca Epicora. Gerado via Playwright/Chromium para máxima fidelidade visual.
+
+---
+
+## Instalação
+
+```bash
+npm install -g epicora-pdf
+```
+
+Após instalar, verifique se o Chromium (usado internamente pelo Playwright) está disponível:
+
+```bash
+npx playwright install chromium
+```
+
+---
+
+## Uso
+
+```bash
+epicora-pdf <arquivo.md> [opções]
+```
+
+### Exemplos
+
+```bash
+# Gera proposta.pdf no mesmo diretório do .md
+epicora-pdf proposta.md
+
+# Define o caminho de saída manualmente
+epicora-pdf proposta.md --output documentos/proposta-cliente.pdf
+
+# Gera e abre o PDF imediatamente
+epicora-pdf proposta.md --open
+```
+
+### Opções
+
+| Flag | Alias | Descrição |
+|------|-------|-----------|
+| `--output <caminho>` | `-o` | Caminho de saída do PDF. Padrão: mesmo nome e diretório do `.md` |
+| `--open` | — | Abre o PDF gerado automaticamente após a conversão |
+| `--version` | `-V` | Exibe a versão instalada |
+| `--help` | `-h` | Exibe as opções disponíveis |
+
+---
+
+## Saída
+
+O PDF gerado segue o padrão visual da Epicora:
+
+- **Formato:** A4 com margens de 88px (topo/base) × 56px (laterais)
+- **Cabeçalho:** Logo da Epicora + URL `epicora.com.br` com faixa de gradiente colorida
+- **Rodapé:** Número de página em Violeta
+- **Tipografia:** Fonte [Alexandria](https://fonts.google.com/specimen/Alexandria) via Google Fonts
+- **Syntax highlighting:** Paleta neon no tema escuro para blocos de código
+
+### Paleta de marca
+
+| Nome | Hex | Uso |
+|------|-----|-----|
+| Violeta | `#6100ff` | Cor primária, links, numeração, H3 |
+| Grafite | `#383838` | Texto principal, H1, H2 |
+| Amarelo | `#daff19` | Números e literais em código |
+| Verde-água | `#14ffb9` | Strings em código, gradiente |
+| Vermelho | `#fd4950` | Built-ins em código |
+
+---
+
+## Markdown suportado
+
+O conversor suporta toda a especificação **GFM (GitHub Flavored Markdown)**, incluindo:
+
+- Títulos `H1` a `H6` com estilos distintos por nível
+- **Negrito**, _itálico_, ~~tachado~~, `código inline` e ==marcação==
+- Blocos de código com syntax highlighting automático para 180+ linguagens (via [highlight.js](https://highlightjs.org/))
+- Diagramas [Mermaid](https://mermaid.js.org/) — fluxogramas, sequências, Gantt, etc.
+- Tabelas com cabeçalho estilizado
+- Blockquotes com acento visual
+- Listas ordenadas, não-ordenadas e task lists (`- [ ]`)
+- Imagens com bordas arredondadas e sombra
+- Links clicáveis
+- Régua horizontal (`---`)
+
+### Quebras de página automáticas
+
+Cada `H1` (exceto o primeiro, que funciona como título de capa) dispara automaticamente uma nova página no PDF. Isso permite estruturar documentos longos apenas com headings, sem nenhuma configuração extra.
+
+---
+
+## Estrutura do projeto
+
+```
+epicora-pdf/
+├── src/
+│   ├── cli.ts          # Ponto de entrada — CLI com Commander.js
+│   ├── renderer.ts     # Orquestrador — pipeline MD → PDF via Playwright
+│   ├── markdown.ts     # Conversão MD → HTML (marked + highlight.js)
+│   ├── template.ts     # HTML5 completo com Google Fonts e mermaid.js
+│   └── styles.ts       # CSS completo com paleta de marca Epicora
+├── assets/
+│   └── logo.svg        # Logo embedded como base64 no cabeçalho
+├── bin/
+│   └── epicora-pdf     # Shebang para execução global via npm
+└── dist/               # JavaScript compilado (gerado pelo build)
+```
+
+### Pipeline de conversão
+
+```
+arquivo.md
+  → CLI valida entrada e saída
+  → marked converte MD em HTML (GFM + highlight.js)
+  → template.ts monta HTML5 completo com fonts e estilos
+  → Playwright/Chromium renderiza o HTML
+  → Playwright aguarda renderização de diagramas Mermaid
+  → PDF A4 exportado com cabeçalho/rodapé
+```
+
+---
+
+## Requisitos
+
+- **Node.js** >= 18.0.0
+- **Chromium** — instalado via `npx playwright install chromium`
+- Conexão com internet no primeiro uso (carrega Google Fonts e Mermaid via CDN)
+
+---
+
+## Desenvolvimento
+
+Este é um repositório privado. Clone com acesso autorizado:
+
+```bash
+git clone https://github.com/Epicora-Software-House/epicora-pdf.git
+cd epicora-pdf
+npm install
+npx playwright install chromium
+```
+
+### Comandos disponíveis
+
+```bash
+npm run dev -- input.md --output output.pdf --open   # Executa via ts-node (sem build)
+npm run build                                         # Compila TypeScript → dist/
+npx tsc --noEmit                                      # Type-check sem emitir arquivos
+node dist/cli.js input.md --output output.pdf         # Executa o build compilado
+```
+
+### Modificando estilos
+
+Toda a aparência visual está centralizada em `src/styles.ts`. As variáveis CSS no topo do arquivo controlam a paleta completa. Após alterações, rode `npm run build` para recompilar.
+
+### Modificando o cabeçalho ou rodapé
+
+O cabeçalho e rodapé são gerados em `src/renderer.ts` pelas funções `buildHeaderTemplate` e `buildFooterTemplate`. Eles utilizam inline styles (requisito do Playwright para templates de cabeçalho/rodapé em PDF).
+
+---
+
+## Licença
+
+MIT © [Epicora](https://epicora.com.br)

package/dist/cli.js

@@ -0,0 +1,87 @@
+#!/usr/bin/env node
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const commander_1 = require("commander");
+const path_1 = __importDefault(require("path"));
+const fs_1 = __importDefault(require("fs"));
+const renderer_1 = require("./renderer");
+const program = new commander_1.Command();
+program
+    .name('epicora-pdf')
+    .description('Converte Markdown em PDF com identidade visual Epicora')
+    .version('1.0.0')
+    .argument('<input>', 'Arquivo Markdown de entrada (.md)')
+    .option('-o, --output <path>', 'Caminho de saída do PDF')
+    .option('--open', 'Abre o PDF após gerar')
+    .action(async (input, options) => {
+    const inputPath = path_1.default.resolve(input);
+    if (!fs_1.default.existsSync(inputPath)) {
+        console.error(`Erro: arquivo não encontrado — ${inputPath}`);
+        process.exit(1);
+    }
+    if (!inputPath.endsWith('.md')) {
+        console.error('Erro: o arquivo de entrada deve ser um .md');
+        process.exit(1);
+    }
+    const outputPath = options.output
+        ? path_1.default.resolve(options.output)
+        : inputPath.replace(/\.md$/, '.pdf');
+    fs_1.default.mkdirSync(path_1.default.dirname(outputPath), { recursive: true });
+    console.log(`Gerando PDF...`);
+    console.log(`  Entrada: ${inputPath}`);
+    console.log(`  Saída:   ${outputPath}`);
+    try {
+        await (0, renderer_1.renderPdf)(inputPath, outputPath);
+        console.log(`PDF gerado: ${outputPath}`);
+        if (options.open) {
+            const { exec } = await Promise.resolve().then(() => __importStar(require('child_process')));
+            const cmd = process.platform === 'win32'
+                ? `start "" "${outputPath}"`
+                : process.platform === 'darwin'
+                    ? `open "${outputPath}"`
+                    : `xdg-open "${outputPath}"`;
+            exec(cmd);
+        }
+    }
+    catch (err) {
+        console.error('Erro ao gerar PDF:', err);
+        process.exit(1);
+    }
+});
+program.parse();

package/dist/markdown.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.convertMarkdown = convertMarkdown;
+const marked_1 = require("marked");
+const marked_highlight_1 = require("marked-highlight");
+const highlight_js_1 = __importDefault(require("highlight.js"));
+marked_1.marked.use((0, marked_highlight_1.markedHighlight)({
+    langPrefix: 'hljs language-',
+    highlight(code, lang) {
+        const language = highlight_js_1.default.getLanguage(lang) ? lang : 'plaintext';
+        return highlight_js_1.default.highlight(code, { language }).value;
+    },
+}));
+marked_1.marked.use({
+    gfm: true,
+    breaks: false,
+});
+// Mermaid blocks bypass syntax highlighting and are rendered client-side
+marked_1.marked.use({
+    renderer: {
+        code(code, infostring) {
+            if (infostring === 'mermaid') {
+                return `<div class="mermaid">${code}</div>\n`;
+            }
+            return false;
+        },
+    },
+});
+function convertMarkdown(md) {
+    const result = marked_1.marked.parse(md);
+    return typeof result === 'string' ? result : '';
+}

package/dist/renderer.js

@@ -0,0 +1,109 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderPdf = renderPdf;
+const path_1 = __importDefault(require("path"));
+const fs_1 = __importDefault(require("fs"));
+const playwright_1 = require("playwright");
+const markdown_1 = require("./markdown");
+const template_1 = require("./template");
+const BRAND = {
+    violeta: '#6100ff',
+    verdeAgua: '#14ffb9',
+    amarelo: '#daff19',
+    grafite: '#383838',
+    gray200: '#e4e4e4',
+    gray300: '#cccccc',
+    gray400: '#999999',
+};
+async function renderPdf(inputPath, outputPath) {
+    const md = fs_1.default.readFileSync(inputPath, 'utf-8');
+    const filename = path_1.default.basename(inputPath, path_1.default.extname(inputPath));
+    const htmlBody = (0, markdown_1.convertMarkdown)(md);
+    const fullHtml = (0, template_1.buildHtml)(htmlBody, filename);
+    const logoPath = path_1.default.join(__dirname, '..', 'assets', 'epicora.png');
+    const logoBase64 = fs_1.default.readFileSync(logoPath).toString('base64');
+    const logoDataUri = `data:image/png;base64,${logoBase64}`;
+    const browser = await playwright_1.chromium.launch();
+    const page = await browser.newPage();
+    await page.setContent(fullHtml, { waitUntil: 'networkidle' });
+    // Wait for mermaid diagrams to finish rendering
+    const hasMermaid = await page.evaluate(() => document.querySelectorAll('.mermaid').length > 0);
+    if (hasMermaid) {
+        await page.waitForFunction(() => window.__mermaidDone === true, { timeout: 30000 });
+    }
+    await page.pdf({
+        path: outputPath,
+        format: 'A4',
+        printBackground: true,
+        displayHeaderFooter: true,
+        headerTemplate: buildHeaderTemplate(logoDataUri),
+        footerTemplate: buildFooterTemplate(filename),
+        margin: {
+            top: '88px',
+            bottom: '62px',
+            left: '56px',
+            right: '56px',
+        },
+    });
+    await browser.close();
+}
+function buildHeaderTemplate(logoDataUri) {
+    return `
+    <div style="
+      width: 100%;
+      font-family: -apple-system, Helvetica, Arial, sans-serif;
+      box-sizing: border-box;
+      position: relative;
+    ">
+      <div style="
+        height: 4px;
+        background: linear-gradient(90deg, ${BRAND.violeta} 0%, ${BRAND.verdeAgua} 60%, ${BRAND.amarelo} 100%);
+        width: 100%;
+      "></div>
+      <div style="
+        padding: 14px 56px 12px 56px;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        box-sizing: border-box;
+      ">
+        <img
+          src="${logoDataUri}"
+          style="height: 26px; width: auto; display: block;"
+        />
+        <span style="
+          font-size: 6.5pt;
+          color: ${BRAND.gray400};
+          letter-spacing: 0.9px;
+          font-weight: 500;
+          text-transform: uppercase;
+          line-height: 1;
+        ">epicora.com.br</span>
+      </div>
+    </div>
+  `;
+}
+function buildFooterTemplate(_filename) {
+    return `
+    <div style="
+      width: 100%;
+      padding: 0 56px;
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      font-family: -apple-system, Helvetica, Arial, sans-serif;
+      box-sizing: border-box;
+      position: relative;
+    ">
+      <span class="pageNumber" style="
+        color: ${BRAND.violeta};
+        font-weight: 700;
+        font-size: 9pt;
+        line-height: 1;
+      "></span>
+    </div>
+  `;
+}

package/dist/styles.js

@@ -0,0 +1,456 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStyles = getStyles;
+function getStyles() {
+    return `
+    /* ============================================================
+       EPICORA PDF — Brand Stylesheet v2.0
+       Palette:
+         Grafite    #383838
+         Amarelo    #daff19
+         Verde-água #14ffb9
+         Violeta    #6100ff
+         Vermelho   #fd4950
+         Branco     #ffffff
+    ============================================================ */
+
+    @import url('https://fonts.googleapis.com/css2?family=Alexandria:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400&display=swap');
+
+    *, *::before, *::after {
+      box-sizing: border-box;
+    }
+
+    :root {
+      --grafite:     #383838;
+      --grafite-90:  #2e2e2e;
+      --amarelo:     #daff19;
+      --verde-agua:  #14ffb9;
+      --violeta:     #6100ff;
+      --vermelho:    #fd4950;
+      --branco:      #ffffff;
+      --gray-50:     #fafafa;
+      --gray-100:    #f3f3f3;
+      --gray-200:    #e4e4e4;
+      --gray-300:    #cccccc;
+      --gray-400:    #999999;
+      --gray-600:    #555555;
+      --violeta-06:  rgba(97, 0, 255, 0.06);
+      --violeta-12:  rgba(97, 0, 255, 0.12);
+      --violeta-22:  rgba(97, 0, 255, 0.22);
+    }
+
+    @page {
+      size: A4;
+      margin: 88px 56px 64px 56px;
+    }
+
+    html, body {
+      margin: 0;
+      padding: 0;
+      font-family: 'Alexandria', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
+      font-size: 10.5pt;
+      line-height: 1.78;
+      color: var(--grafite);
+      background-color: #ffffff;
+      background-image: radial-gradient(circle, rgba(97, 0, 255, 0.055) 1.5px, transparent 1.5px);
+      background-size: 28px 28px;
+      -webkit-print-color-adjust: exact;
+      print-color-adjust: exact;
+    }
+
+
+    .content {
+      max-width: 100%;
+    }
+
+    /* ================================================================
+       COVER TITLE — First H1: full-bleed dark block
+    ================================================================ */
+
+    .content > h1:first-child {
+      font-size: 29pt;
+      font-weight: 800;
+      color: var(--grafite);
+      margin: 0 0 16px 0;
+      padding-bottom: 12px;
+      border-bottom: 3px solid var(--violeta);
+      line-height: 1.15;
+      letter-spacing: -0.8px;
+      page-break-after: avoid;
+    }
+
+    /* Lead paragraph — first <p> right after the cover title */
+    .content > h1:first-child + p {
+      font-size: 12pt;
+      font-weight: 300;
+      color: var(--gray-600);
+      line-height: 1.85;
+      margin-bottom: 32px;
+    }
+
+    /* ================================================================
+       H1 — Section break (every H1 after the first)
+    ================================================================ */
+
+    h1 {
+      font-size: 21pt;
+      font-weight: 800;
+      color: var(--grafite);
+      margin: 0 0 24px 0;
+      padding-bottom: 12px;
+      border-bottom: 3px solid var(--violeta);
+      line-height: 1.2;
+      letter-spacing: -0.4px;
+      page-break-after: avoid;
+    }
+
+    h1 ~ h1 {
+      page-break-before: always;
+      margin-top: 0;
+    }
+
+    /* ================================================================
+       H2 — Section headings
+    ================================================================ */
+
+    h2 {
+      font-size: 14pt;
+      font-weight: 700;
+      color: var(--grafite);
+      margin: 40px 0 14px 0;
+      padding: 7px 16px 7px 16px;
+      border-left: 4px solid var(--violeta);
+      background: var(--violeta-06);
+      border-radius: 0 6px 6px 0;
+      line-height: 1.3;
+      page-break-after: avoid;
+    }
+
+    /* ================================================================
+       H3 — Sub-section headings
+    ================================================================ */
+
+    h3 {
+      font-size: 11.5pt;
+      font-weight: 700;
+      color: var(--violeta);
+      margin: 30px 0 8px 0;
+      line-height: 1.4;
+      page-break-after: avoid;
+    }
+
+    /* ================================================================
+       H4 / H5 / H6
+    ================================================================ */
+
+    h4, h5, h6 {
+      font-size: 8.5pt;
+      font-weight: 700;
+      color: var(--gray-400);
+      margin: 22px 0 6px 0;
+      text-transform: uppercase;
+      letter-spacing: 1.2px;
+      page-break-after: avoid;
+    }
+
+    /* Avoid orphan headings */
+    h1, h2, h3, h4, h5, h6 {
+      orphans: 3;
+      widows: 3;
+    }
+
+    /* ================================================================
+       PARAGRAPHS
+    ================================================================ */
+
+    p {
+      margin: 0 0 14px 0;
+      orphans: 3;
+      widows: 3;
+    }
+
+    /* ================================================================
+       LINKS
+    ================================================================ */
+
+    a {
+      color: var(--violeta);
+      text-decoration: none;
+      border-bottom: 1px solid var(--violeta-22);
+    }
+
+    /* ================================================================
+       TABLES
+    ================================================================ */
+
+    table {
+      width: 100%;
+      border-collapse: separate;
+      border-spacing: 0;
+      margin: 16px 0 28px 0;
+      font-size: 9.5pt;
+      page-break-inside: avoid;
+      border: 1px solid var(--gray-200);
+      border-radius: 8px;
+      overflow: hidden;
+    }
+
+    thead tr {
+      background: var(--grafite);
+      color: var(--branco);
+    }
+
+    thead th {
+      padding: 11px 14px;
+      text-align: left;
+      font-weight: 700;
+      font-size: 8pt;
+      letter-spacing: 0.7px;
+      text-transform: uppercase;
+      white-space: nowrap;
+    }
+
+    tbody tr:nth-child(odd) {
+      background: var(--gray-50);
+    }
+
+    tbody tr:nth-child(even) {
+      background: var(--branco);
+    }
+
+    tbody td {
+      padding: 9px 14px;
+      border-bottom: 1px solid var(--gray-200);
+      vertical-align: top;
+      line-height: 1.55;
+    }
+
+    tbody tr:last-child td {
+      border-bottom: none;
+    }
+
+    /* First column slightly bolder */
+    tbody td:first-child {
+      font-weight: 500;
+    }
+
+    /* ================================================================
+       BLOCKQUOTES
+    ================================================================ */
+
+    blockquote {
+      margin: 20px 0;
+      padding: 18px 48px 18px 20px;
+      border-left: 4px solid var(--violeta);
+      background: var(--violeta-06);
+      border-radius: 0 8px 8px 0;
+      page-break-inside: avoid;
+      position: relative;
+    }
+
+    blockquote::after {
+      content: '\\201C';
+      position: absolute;
+      top: 4px;
+      right: 14px;
+      font-size: 44pt;
+      font-weight: 800;
+      color: var(--violeta-22);
+      line-height: 1;
+      font-family: Georgia, serif;
+      pointer-events: none;
+    }
+
+    blockquote p {
+      margin: 0;
+      font-size: 10pt;
+      line-height: 1.72;
+    }
+
+    blockquote p:not(:last-child) {
+      margin-bottom: 8px;
+    }
+
+    blockquote strong {
+      color: var(--violeta);
+      font-weight: 700;
+    }
+
+    blockquote em {
+      color: var(--gray-600);
+    }
+
+    /* ================================================================
+       INLINE CODE
+    ================================================================ */
+
+    code {
+      font-family: 'Fira Code', 'Cascadia Code', 'Consolas', 'Courier New', monospace;
+      font-size: 8.5pt;
+      background: var(--violeta-06);
+      color: var(--violeta);
+      padding: 2px 7px;
+      border-radius: 4px;
+      border: 1px solid var(--violeta-12);
+      font-weight: 500;
+    }
+
+    /* ================================================================
+       CODE BLOCKS
+    ================================================================ */
+
+    pre {
+      background: #1a1b2e;
+      border-radius: 10px;
+      margin: 16px 0 24px 0;
+      page-break-inside: avoid;
+      overflow: hidden;
+      border: 1px solid rgba(255, 255, 255, 0.06);
+    }
+
+    /* Gradient accent stripe at the top of code blocks */
+    pre::before {
+      content: '';
+      display: block;
+      height: 3px;
+      background: linear-gradient(90deg, var(--violeta), var(--verde-agua));
+    }
+
+    pre code {
+      display: block;
+      background: transparent;
+      color: #cdd6f4;
+      padding: 16px 20px 22px 20px;
+      border: none;
+      font-size: 9pt;
+      line-height: 1.72;
+      font-weight: 400;
+    }
+
+    /* Syntax highlighting — Epicora neon palette on dark */
+    .hljs-keyword,
+    .hljs-selector-tag,
+    .hljs-tag            { color: #c792ea; }
+    .hljs-string,
+    .hljs-attr-value     { color: #14ffb9; }   /* verde-agua */
+    .hljs-number,
+    .hljs-literal        { color: #daff19; }   /* amarelo */
+    .hljs-comment,
+    .hljs-quote          { color: #5c6086; font-style: italic; }
+    .hljs-function,
+    .hljs-title          { color: #89b4fa; }
+    .hljs-attr,
+    .hljs-name           { color: #fab387; }
+    .hljs-built_in       { color: #fd4950; }   /* vermelho */
+    .hljs-type           { color: #a6e3a1; }
+    .hljs-variable       { color: #cdd6f4; }
+    .hljs-params         { color: #f2cdcd; }
+    .hljs-operator       { color: #89dceb; }
+    .hljs-punctuation    { color: #9399b2; }
+    .hljs-property       { color: #89dceb; }
+    .hljs-class .hljs-title { color: #a6e3a1; font-weight: bold; }
+
+    /* ================================================================
+       LISTS
+    ================================================================ */
+
+    ul, ol {
+      margin: 0 0 14px 0;
+      padding-left: 24px;
+    }
+
+    li {
+      margin-bottom: 5px;
+      line-height: 1.65;
+    }
+
+    li > ul,
+    li > ol {
+      margin: 4px 0 4px 0;
+    }
+
+    ul li::marker {
+      color: var(--violeta);
+      font-size: 0.85em;
+    }
+
+    ol li::marker {
+      color: var(--violeta);
+      font-weight: 700;
+      font-size: 0.9em;
+    }
+
+    li input[type="checkbox"] {
+      margin-right: 6px;
+      accent-color: var(--violeta);
+    }
+
+    /* ================================================================
+       HORIZONTAL RULE
+    ================================================================ */
+
+    hr {
+      border: none;
+      height: 2px;
+      margin: 36px 0;
+      background: linear-gradient(90deg,
+        var(--violeta)    0%,
+        var(--verde-agua) 50%,
+        transparent       100%
+      );
+      border-radius: 2px;
+    }
+
+    /* ================================================================
+       IMAGES
+    ================================================================ */
+
+    img {
+      max-width: 100%;
+      height: auto;
+      border-radius: 8px;
+      page-break-inside: avoid;
+      display: block;
+      margin: 20px auto;
+      box-shadow: 0 2px 14px rgba(0, 0, 0, 0.09);
+    }
+
+    /* ================================================================
+       INLINE TEXT
+    ================================================================ */
+
+    strong {
+      font-weight: 700;
+    }
+
+    em {
+      font-style: italic;
+      color: var(--gray-600);
+    }
+
+    del {
+      color: var(--gray-300);
+      text-decoration: line-through;
+    }
+
+    mark {
+      background: rgba(218, 255, 25, 0.38);
+      color: var(--grafite);
+      padding: 1px 4px;
+      border-radius: 3px;
+    }
+
+    /* ================================================================
+       PRINT UTILITIES
+    ================================================================ */
+
+    .page-break {
+      page-break-before: always;
+    }
+
+    p, li, blockquote {
+      orphans: 3;
+      widows: 3;
+    }
+  `;
+}

package/dist/template.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildHtml = buildHtml;
+const styles_1 = require("./styles");
+function buildHtml(body, title) {
+    return `<!DOCTYPE html>
+<html lang="pt-BR">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${escapeHtml(title)}</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Alexandria:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap" rel="stylesheet">
+  <style>${(0, styles_1.getStyles)()}</style>
+</head>
+<body>
+  <div class="content">
+    ${body}
+  </div>
+  <script src="https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.min.js"></script>
+  <script>
+    mermaid.initialize({ startOnLoad: false, theme: 'neutral' });
+    mermaid.run({ querySelector: '.mermaid' }).then(() => {
+      window.__mermaidDone = true;
+    }).catch(() => {
+      window.__mermaidDone = true;
+    });
+  </script>
+</body>
+</html>`;
+}
+function escapeHtml(text) {
+    return text
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;');
+}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "epicora-pdf",
+  "version": "1.0.0",
+  "description": "Converte documentos Markdown em PDF com identidade visual Epicora",
+  "main": "dist/cli.js",
+  "bin": {
+    "epicora-pdf": "./bin/epicora-pdf"
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "ts-node src/cli.ts",
+    "prepare": "tsc"
+  },
+  "files": [
+    "dist",
+    "bin",
+    "assets"
+  ],
+  "keywords": [
+    "pdf",
+    "markdown",
+    "cli",
+    "converter",
+    "epicora",
+    "html-to-pdf",
+    "playwright"
+  ],
+  "author": {
+    "name": "Epicora",
+    "email": "pedro.cunha@epicora.com.br",
+    "url": "https://epicora.com.br"
+  },
+  "license": "MIT",
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "dependencies": {
+    "commander": "^12.1.0",
+    "highlight.js": "^11.10.0",
+    "marked": "^12.0.0",
+    "marked-highlight": "^2.1.4",
+    "playwright": "^1.47.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.5.0"
+  }
+}