feat: add script to export training slides to PDF in 16:9 format
This commit is contained in:
Lucas Rayan committed
1 parent
d530356101
commit
f93e0fe460
31 files changed
+54144
-487
No files matched your search
@@ -1,80 +0,0 @@
|
||||
import { execSync } from "node:child_process";
|
||||
import fs from "node:fs";
|
||||
import path from "node:path";
|
||||
import puppeteer from "puppeteer";
|
||||
|
||||
const modulo = process.argv[2] || "1";
|
||||
const publicDir = path.resolve("public/formacoes", modulo);
|
||||
const htmlFile = path.join(publicDir, "index.html");
|
||||
|
||||
if (!fs.existsSync(htmlFile)) {
|
||||
console.error(`❌ Erro: Apostila do módulo ${modulo} não encontrada em ${htmlFile}`);
|
||||
process.exit(1);
|
||||
}
|
||||
|
||||
const outputDir = path.resolve("dist/apostilas");
|
||||
if (!fs.existsSync(outputDir)) {
|
||||
fs.mkdirSync(outputDir, { recursive: true });
|
||||
}
|
||||
|
||||
const tmpRgbPdf = path.join(outputDir, `modulo-${modulo}-rgb-temp.pdf`);
|
||||
const finalCmykPdf = path.join(outputDir, `LASER-ESP32-Modulo-${modulo}-CMYK.pdf`);
|
||||
|
||||
console.log(`\n🚀 Iniciando exportação da Apostila (Módulo ${modulo})...`);
|
||||
console.log(`📄 Arquivo fonte: ${htmlFile}`);
|
||||
|
||||
async function exportar() {
|
||||
console.log("\n[1/3] Renderizando páginas no Puppeteer e aguardando Paged.js...");
|
||||
const browser = await puppeteer.launch({
|
||||
headless: "new",
|
||||
args: ["--no-sandbox", "--disable-setuid-sandbox", "--disable-web-security", "--allow-file-access-from-files"]
|
||||
});
|
||||
|
||||
try {
|
||||
const page = await browser.newPage();
|
||||
await page.setViewport({ width: 1200, height: 1600, deviceScaleFactor: 2 });
|
||||
|
||||
await page.goto(`file://${htmlFile}`, { waitUntil: "networkidle0", timeout: 60000 });
|
||||
|
||||
// Aguarda o Paged.js concluir a montagem de todas as páginas
|
||||
await page.waitForFunction(() => {
|
||||
const pages = document.querySelectorAll(".pagedjs_page");
|
||||
return pages.length > 0 && !document.querySelector(".aviso-carregando");
|
||||
}, { timeout: 30000 });
|
||||
|
||||
// Aguarda 1 segundo adicional para renderização de fontes e SVG
|
||||
await new Promise((r) => setTimeout(r, 1000));
|
||||
|
||||
console.log("[2/3] Gerando PDF em alta resolução...");
|
||||
await page.pdf({
|
||||
path: tmpRgbPdf,
|
||||
format: "A4",
|
||||
printBackground: true,
|
||||
preferCSSPageSize: true,
|
||||
margin: { top: 0, right: 0, bottom: 0, left: 0 }
|
||||
});
|
||||
|
||||
console.log(`[3/3] Convertendo espaço de cor para CMYK (ISO Coated) via Ghostscript...`);
|
||||
const gsCmd = `gs -dSAFER -dBATCH -dNOPAUSE -sDEVICE=pdfwrite -sColorConversionStrategy=CMYK -dProcessColorModel=/DeviceCMYK -dCompatibilityLevel=1.4 -sOutputFile="${finalCmykPdf}" "${tmpRgbPdf}"`;
|
||||
|
||||
execSync(gsCmd, { stdio: "pipe" });
|
||||
|
||||
if (fs.existsSync(tmpRgbPdf)) {
|
||||
fs.unlinkSync(tmpRgbPdf);
|
||||
}
|
||||
|
||||
const stats = fs.statSync(finalCmykPdf);
|
||||
const tamanhoMB = (stats.size / (1024 * 1024)).toFixed(2);
|
||||
|
||||
console.log(`\n✅ PDF em CMYK gerado com sucesso!`);
|
||||
console.log(`📂 Destino: ${finalCmykPdf}`);
|
||||
console.log(`📊 Tamanho: ${tamanhoMB} MB\n`);
|
||||
} catch (err) {
|
||||
console.error("❌ Erro durante a geração:", err);
|
||||
process.exit(1);
|
||||
} finally {
|
||||
await browser.close();
|
||||
}
|
||||
}
|
||||
|
||||
exportar();
|
||||
@@ -0,0 +1,96 @@
|
||||
/**
|
||||
* Exporta os slides de uma formação para PDF em 16:9 exato.
|
||||
*
|
||||
* npm run slides-pdf → módulo 1
|
||||
* npm run slides-pdf -- 2 → módulo 2
|
||||
*
|
||||
* A página do PDF tem 1280 x 720 px (338,667 x 190,5 mm), a mesma caixa do
|
||||
* palco do slide.html, então nada é reescalado nem cortado. Sai um arquivo por
|
||||
* formação, ao lado do próprio slide.html.
|
||||
*
|
||||
* Existe porque a caixa de impressão do navegador depende de o usuário lembrar
|
||||
* de marcar "gráficos de segundo plano" e "margens: nenhuma". Aqui isso é fixo.
|
||||
*/
|
||||
|
||||
import http from "node:http";
|
||||
import fs from "node:fs";
|
||||
import path from "node:path";
|
||||
import { fileURLToPath } from "node:url";
|
||||
import puppeteer from "puppeteer";
|
||||
|
||||
const raiz = path.resolve(path.dirname(fileURLToPath(import.meta.url)), "..");
|
||||
const modulo = (process.argv[2] || "1").replace(/\D/g, "") || "1";
|
||||
const pastaModulo = path.join(raiz, "public", "formacoes", modulo);
|
||||
const saida = path.join(pastaModulo, `LASER-ESP32-Modulo-${modulo}-Slides.pdf`);
|
||||
|
||||
if (!fs.existsSync(path.join(pastaModulo, "slide.html"))) {
|
||||
console.error(`Não achei public/formacoes/${modulo}/slide.html`);
|
||||
process.exit(1);
|
||||
}
|
||||
|
||||
/* Um servidor estático efêmero: com file:// o Chrome bloqueia as fontes e as
|
||||
imagens de pastas irmãs, e o PDF sai com o tipo errado. */
|
||||
const TIPOS = {
|
||||
".html": "text/html; charset=utf-8",
|
||||
".css": "text/css; charset=utf-8",
|
||||
".js": "text/javascript; charset=utf-8",
|
||||
".svg": "image/svg+xml",
|
||||
".png": "image/png",
|
||||
".jpg": "image/jpeg",
|
||||
".json": "application/json",
|
||||
};
|
||||
|
||||
const servidor = http.createServer((req, res) => {
|
||||
const rel = decodeURIComponent(req.url.split("?")[0]);
|
||||
const arquivo = path.join(raiz, "public", path.normalize(rel).replace(/^(\.\.[/\\])+/, ""));
|
||||
if (!arquivo.startsWith(path.join(raiz, "public")) || !fs.existsSync(arquivo) || fs.statSync(arquivo).isDirectory()) {
|
||||
res.writeHead(404).end("não encontrado");
|
||||
return;
|
||||
}
|
||||
res.writeHead(200, { "Content-Type": TIPOS[path.extname(arquivo)] || "application/octet-stream" });
|
||||
fs.createReadStream(arquivo).pipe(res);
|
||||
});
|
||||
|
||||
await new Promise((r) => servidor.listen(0, "127.0.0.1", r));
|
||||
const porta = servidor.address().port;
|
||||
const url = `http://127.0.0.1:${porta}/formacoes/${modulo}/slide.html`;
|
||||
|
||||
console.log(`[1/3] Abrindo ${url}`);
|
||||
const navegador = await puppeteer.launch({ headless: "new", args: ["--no-sandbox"] });
|
||||
|
||||
try {
|
||||
const pagina = await navegador.newPage();
|
||||
await pagina.goto(url, { waitUntil: "networkidle0", timeout: 60000 });
|
||||
await pagina.evaluate(() => document.fonts.ready);
|
||||
|
||||
console.log("[2/3] Conferindo o encaixe de cada slide no 16:9");
|
||||
await pagina.emulateMediaType("print");
|
||||
await new Promise((r) => setTimeout(r, 500));
|
||||
|
||||
const caixas = await pagina.evaluate(() =>
|
||||
[...document.querySelectorAll("#palco .slide")].map((s) => {
|
||||
const b = s.getBoundingClientRect();
|
||||
return { t: s.dataset.titulo, w: Math.round(b.width), h: Math.round(b.height) };
|
||||
})
|
||||
);
|
||||
const fora = caixas.filter((c) => c.w !== 1280 || c.h !== 720);
|
||||
if (fora.length) {
|
||||
console.warn(` atenção: ${fora.length} slide(s) fora de 1280x720:`, fora.slice(0, 5));
|
||||
} else {
|
||||
console.log(` ${caixas.length} slides, todos em 1280x720`);
|
||||
}
|
||||
|
||||
console.log("[3/3] Gerando o PDF");
|
||||
await pagina.pdf({
|
||||
path: saida,
|
||||
printBackground: true,
|
||||
preferCSSPageSize: true,
|
||||
margin: { top: 0, right: 0, bottom: 0, left: 0 },
|
||||
});
|
||||
|
||||
const kb = (fs.statSync(saida).size / 1024).toFixed(0);
|
||||
console.log(`\nPronto: ${path.relative(raiz, saida)} (${kb} KB, ${caixas.length} páginas em 16:9)`);
|
||||
} finally {
|
||||
await navegador.close();
|
||||
servidor.close();
|
||||
}
|
||||
Reference in new issue
Block a user