Adom Gantt - test/render-diagram.mjs

by adom

Interactive Gantt chart viewer for project timelines, with a table view and an analytics page over the same data. Data-driven, dark by default with a print-friendly light mode, and fully editable in the browser: drag bars to move or resize, multi-select and batch-shift dates, manage dependency arrows inline, reorder rows, filter by phase, and undo. One click auto-schedules the whole plan so every dependency lines up finish-to-start on working days, skipping weekends and US federal holidays, push

Overview Files Skills Discover Packages Releases Dependencies Issues Breadcrumbs Pull Requests Activity

master

History Download

Drew Owens Docs: the what-lives-where diagram on the main page, updated for 0.77.1 (one Owner filter for both lenses, field-by-fie… 759bca6 11d ago

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

// Renders client-vs-server/where-it-lives.html to where-it-lives.png: the "what lives where"
// diagram on the main README and the client-vs-server sub-page. 1400 px wide at twice the
// pixels, in the suite's own Chrome. Run it whenever the HTML changes (docs/RELEASING.md).
//   node test/render-diagram.mjs
import puppeteer from './node_modules/puppeteer-core/lib/esm/puppeteer/puppeteer-core.js';
import { readdirSync } from 'node:fs';
import { join, dirname } from 'node:path';
import { fileURLToPath, pathToFileURL } from 'node:url';
const HERE = dirname(fileURLToPath(import.meta.url));
const CHROME = process.env.CHROME_PATH || (() => {
  const dir = join(process.env.HOME, '.cache/puppeteer/chrome');
  const dirs = readdirSync(dir).filter(d => d.startsWith('linux-')).sort((a, b) => a.split('-')[1].localeCompare(b.split('-')[1], undefined, { numeric: true }));
  return join(dir, dirs.at(-1), 'chrome-linux64', 'chrome');
})();
const src = join(HERE, '..', 'client-vs-server', 'where-it-lives.html');
const out = join(HERE, '..', 'client-vs-server', 'where-it-lives.png');
const browser = await puppeteer.launch({ executablePath: CHROME, headless: 'new', args: ['--no-sandbox', '--disable-dev-shm-usage', '--hide-scrollbars'] });
try {
  const page = await browser.newPage();
  await page.setViewport({ width: 1400, height: 900, deviceScaleFactor: 2 });
  await page.goto(pathToFileURL(src).href, { waitUntil: 'networkidle0', timeout: 30000 }).catch(() => {});
  await page.evaluate(() => document.fonts.ready);
  const el = await page.$('#diagram');
  await el.screenshot({ path: out });
  const box = await el.boundingBox();
  console.log(`OK: wrote ${out} (${Math.round(box.width * 2)}x${Math.round(box.height * 2)})`);
} finally { await browser.close(); }