slides-grab 1.3.0 → 1.4.0

package/src/editor/js/model-registry.js

@@ -18,7 +18,7 @@ export const CODEX_MODELS = [
   'gpt-5.3-codex-spark',
 ];
 
-export const CLAUDE_MODELS = ['claude-opus-4-7', 'claude-sonnet-4-6'];
+export const CLAUDE_MODELS = ['claude-opus-4-8', 'claude-sonnet-4-6'];
 
 export const ALL_MODELS = [...CODEX_MODELS, ...CLAUDE_MODELS];
 

package/src/validation/core.js

@@ -362,6 +362,10 @@ export async function inspectSlide(page, fileName, slidesDir, slideMode = DEFAUL
     if (document.fonts?.ready) {
       await document.fonts.ready;
     }
+
+    await new Promise((resolve) => {
+      requestAnimationFrame(() => requestAnimationFrame(resolve));
+    });
   });
 
   const inspection = await page.evaluate(
@@ -406,6 +410,61 @@ export async function inspectSlide(page, fileName, slidesDir, slideMode = DEFAUL
         };
       };
 
+      const inspectCanvasPaint = (canvas) => {
+        const rect = canvas.getBoundingClientRect();
+        const context = canvas.getContext('2d');
+        const metrics = {
+          layoutWidth: round(rect.width),
+          layoutHeight: round(rect.height),
+          bufferWidth: canvas.width,
+          bufferHeight: canvas.height,
+          sampledPixels: 0,
+          paintedSamples: 0,
+        };
+
+        if (!context || canvas.width <= 0 || canvas.height <= 0) {
+          return {
+            empty: true,
+            reason: !context ? '2d-context-unavailable' : 'zero-size-drawing-buffer',
+            metrics,
+          };
+        }
+
+        try {
+          const imageData = context.getImageData(0, 0, canvas.width, canvas.height).data;
+          const totalPixels = canvas.width * canvas.height;
+          const stride = Math.max(1, Math.ceil(totalPixels / 50000));
+          let sampledPixels = 0;
+          let paintedSamples = 0;
+
+          for (let pixel = 0; pixel < totalPixels; pixel += stride) {
+            sampledPixels += 1;
+            if (imageData[(pixel * 4) + 3] !== 0) {
+              paintedSamples += 1;
+              break;
+            }
+          }
+
+          metrics.sampledPixels = sampledPixels;
+          metrics.paintedSamples = paintedSamples;
+
+          return {
+            empty: paintedSamples === 0,
+            reason: paintedSamples === 0 ? 'transparent-drawing-buffer' : '',
+            metrics,
+          };
+        } catch (error) {
+          return {
+            empty: true,
+            reason: 'drawing-buffer-unreadable',
+            metrics: {
+              ...metrics,
+              detail: error instanceof Error ? error.message : String(error),
+            },
+          };
+        }
+      };
+
       const elementPath = (element) => {
         if (!element || element.nodeType !== Node.ELEMENT_NODE) return '';
         if (element === document.body) return 'body';
@@ -587,6 +646,23 @@ export async function inspectSlide(page, fileName, slidesDir, slideMode = DEFAUL
         });
       }
 
+      const canvases = Array.from(document.querySelectorAll('canvas'));
+      for (const canvas of canvases) {
+        if (!isVisible(canvas)) continue;
+
+        const result = inspectCanvasPaint(canvas);
+        if (!result.empty) continue;
+
+        critical.push({
+          code: 'empty-canvas',
+          message: 'Canvas has visible layout size but no painted pixels. Chart.js and other canvas charts must render before validation.',
+          element: elementPath(canvas),
+          detail: result.reason,
+          metrics: result.metrics,
+          bbox: normalizeRect(canvas.getBoundingClientRect()),
+        });
+      }
+
       const parents = [document.body, ...allVisibleElements];
       for (const parent of parents) {
         const children = Array.from(parent.children).filter((child) => visibleSet.has(child));

package/templates/design-styles/README.md

@@ -1,6 +1,6 @@
 # Design Style Collections
 
-slides-grab bundles 35 design styles: 30 derived from [corazzon/pptx-design-styles](https://github.com/corazzon/pptx-design-styles) (MIT) plus 5 slides-grab originals.
+slides-grab bundles 95 design styles: 30 derived from [corazzon/pptx-design-styles](https://github.com/corazzon/pptx-design-styles) (MIT), 5 slides-grab originals, and 60 PPT packs derived from [epoko77-ai/design-diversity](https://github.com/epoko77-ai/design-diversity) (MIT).
 
 These styles are reference directions for slide generation, not drop-in HTML slide templates. Agents may also design fully custom visuals beyond the bundled collection.
 
@@ -15,5 +15,6 @@ The preview/select flow is intentionally simple: it keeps design approval inside
 ## Citation
 
 - Upstream collection: `corazzon/pptx-design-styles`
+- Upstream design catalog: `epoko77-ai/design-diversity`
 - URL: <https://github.com/corazzon/pptx-design-styles>
 - Reference used in this repo: `references/styles.md`