@remotion/effects: Add dot grid effect

[JonnyBurger]

Summary

• Add dotGrid() to @remotion/effects with dotSize, gridSize, and invert controls.
• Register the package subpath, docs page, interactive demo, TOC preview, and generated docs card.
• Generate the TOC preview as a PNG so transparent areas stay transparent.
• Add parameter validation and effect key coverage tests.

Fixes #7706

Checks

• cd packages/effects && bun test src/test
• bun run build
• bun run formatting
• bun run build-docs

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
bugs	Ready	Preview, Comment	May 28, 2026 5:35am
remotion	Ready	Preview, Comment	May 28, 2026 5:35am

[pullfrog]

✅ No new issues found.

Reviewed changes — adding the inverseDotGrid() canvas effect to @remotion/effects with WebGL2 shader, parameter validation, interactive docs demo, and test coverage.

• Add inverseDotGrid() effect implementation — WebGL2 fragment shader computes grid-aligned dots with smoothstep anti-aliasing, supports dotSize, gridSize, and invert parameters.
• Register package exports and bundle entry — subpath ./inverse-dot-grid added to package.json exports and typesVersions, plus bundle.ts entrypoint.
• Add docs page, demo, and TOC preview — full MDX documentation with live demo, sidebar entry, table-of-contents card, and generated article image.
• Add parameter validation and tests — validates dotSize (non-negative finite), gridSize (positive finite), and invert (boolean); tests cover defaults, rejection of invalid values, and distinct effect keys for all parameter combinations.

  ^{｜ View workflow run ｜ Using Kimi K2 ｜ 𝕏}