build: activate Turbopack for dev and build

[ignmandagaran]

Summary

Switches dev/build from webpack to Turbopack (the Next.js 16 default), stacked on top of #422. Removes the two blockers noted in AGENTS.md, and fixes an unrelated styling regression discovered along the way.

Changes

• refactor(shaders): flatten glslify pragmas so raw-loader alone loads GLSL — 5 of 24 .glsl files used #pragma glslify: require/export (not supported by Turbopack's loader). Flattened with the glslify CLI (correctly dedups the shared ashima noise helpers) and deleted the now-inlined utils/value-remap.glsl + utils/basic-light.glsl.
• build: switch dev and build to Turbopack — drop --webpack, simplify turbopack.rules to raw-loader only, remove the dead webpack() config function, drop glslify-loader/glsl-noise/glsl-constants, add postcss-import as an explicit dependency.
• fix(deps): bump postcss off ancient 8.0.0 to restore Tailwind under Turbopack — the lockfile had postcss pinned at 8.0.0 (2020). Turbopack's PostCSS transform silently no-oped plugins driven by that version, so @tailwind/@apply/theme() shipped raw and unstyled in both dev and prod. Bumped to 8.5.10. This — not a Tailwind v3/Turbopack incompatibility — is almost certainly what caused the original webpack revert.

Verification

All three commits verified in a throwaway git worktree before being applied to the real tree:

• next build green under Turbopack, Cache Components enabled, route-table parity (no dynamic regressions).
• Runtime check in a real browser (dev + production server): WebGL scenes render with zero shader-compile errors (home, /lab arcade), and every CSS chunk fully expands (zero raw @tailwind/@apply, full preflight/utilities/theme colors) with no visual regressions.

Checklist

• pnpm lint passes
• Tested locally in dev mode
• No breaking changes

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
website-2k25	Ready	Preview, Comment	Jul 20, 2026 5:09pm

[greptile-apps]

Greptile Summary

This PR activates Turbopack as the bundler for both dev and build by removing the --webpack flags and cleaning up the now-redundant webpack config. It resolves two blockers: GLSL shaders are flattened from glslify #pragma imports into self-contained files (so raw-loader alone suffices), and postcss is bumped from 8.0.0 to 8.5.10 to fix a silent failure that caused Tailwind's @tailwind/@apply/theme() directives to ship raw under Turbopack.

• GLSL flattening — 3 shaders (material-flow/fragment.glsl, material-global-shader/fragment.glsl, material-solid-reveal/fragment.glsl) have their #pragma glslify requires replaced with inlined Ashima noise helpers and utility functions; the now-empty utils/basic-light.glsl and utils/value-remap.glsl are deleted.
• Dependency cleanup — glsl-noise, glslify-loader, and glsl-constants are removed; postcss-import@^16.1.1 is added as an explicit devDep so postcss.config.mjs's postcss-import → tailwindcss/nesting → tailwindcss pipeline resolves reliably under Turbopack.
• Build scripts — package.json scripts drop --webpack; next.config.ts removes the webpack() override and keeps only raw-loader in turbopack.rules.

Confidence Score: 5/5

Safe to merge — the change is a well-scoped bundler switch with verified shader flattening and a genuine CSS pipeline fix.

All three commits address concrete, verifiable issues: the glslify pragmas are correctly inlined (the helper functions match the original Ashima sources), the Turbopack GLSL rule simplification is consistent with the shader changes, and the postcss 8.0.0 → 8.5.10 bump unblocks the Tailwind pipeline. No logic regressions, no removed functionality, and AGENTS.md is updated to reflect the new constraint that shaders must remain pragma-free.

No files require special attention.

_{Reviews (1): Last reviewed commit: "fix(deps): bump postcss off ancient 8.0...." | Re-trigger Greptile}