stitch2 0.15.0 → 0.15.1

package/dist/canvas.html

@@ -483,11 +483,15 @@ function zoomTo(f) {
   apply()
 }
 
+/** The tallest a frame is drawn, in CSS px (the same limit as check's renders). */
+const MAX_FRAME_HEIGHT = 20000
+
 function measure(f) {
   try {
     const doc = f.iframe.contentDocument
     const min = bigFrame(f.screen) ? 800 : 844
-    const h = Math.min(6000, Math.max(min, doc.documentElement.scrollHeight, doc.body?.scrollHeight ?? 0))
+    // As tall as the page, up to MAX_FRAME_HEIGHT: long landing pages are drawn whole.
+    const h = Math.min(MAX_FRAME_HEIGHT, Math.max(min, doc.documentElement.scrollHeight, doc.body?.scrollHeight ?? 0))
     if (Math.abs(h - f.height) > 2) {
       f.height = h
       f.iframe.style.height = `${h}px`

package/dist/check.js

@@ -36,6 +36,8 @@ const levels = typeLevels();
 const themes = designThemes();
 const collect = collectOptions();
 const server = await startServer(0);
+/** The tallest render, in CSS px: a long landing page is shot whole (the canvas draws frames up to the same height). */
+const MAX_RENDER_HEIGHT = 20000;
 const browser = await chromium.launch();
 const page = await browser.newPage({ viewport: { width: 390, height: 844 }, deviceScaleFactor: 2 });
 const results = {};
@@ -150,7 +152,7 @@ async function setTheme(theme) {
 /** A page-tall render; renders in another theme or language than the screen's own get a --<theme> suffix. */
 async function shoot(s, theme, locale, at) {
     const height = await page.evaluate(() => document.documentElement.scrollHeight);
-    await page.setViewportSize({ width: s.width, height: Math.max(844, Math.min(height, 6000)) });
+    await page.setViewportSize({ width: s.width, height: Math.max(844, Math.min(height, MAX_RENDER_HEIGHT)) });
     mkdirSync(join(ROOT, 'renders'), { recursive: true });
     const suffix = theme ?? locale ?? at;
     const name = s.path.replaceAll('/', '__').replace(/\.html$/, suffix ? `--${suffix}.png` : '.png');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stitch2",
-  "version": "0.15.0",
+  "version": "0.15.1",
   "description": "A design canvas, layout and type checks, component consistency and screen versioning for agent-built UI, on Google's DESIGN.md format.",
   "license": "MIT",
   "author": "ifokeev",