The Coline design system: accessible React components for Coline Apps, themed live by the host workspace, and for Coline Sites in light and dark. Tailwind v4 stylesheet included. MIT.
| 4 |
| for (const file of files) { |
| 5 | const source = readFileSync(new URL(`../../../apps/web/src/components/ui/${file}`, import.meta.url), 'utf8') |
| 6 | .replaceAll('@/components/ui/', './').replaceAll('@/lib/utils', '../lib/utils'); |
| 7 | const target = new URL(`../src/components/${file}`, import.meta.url); |
| 8 | if (process.argv.includes('--write')) writeFileSync(target, source); |
| 9 | else if (readFileSync(target, 'utf8') !== source) throw new Error(`${file} differs from Coline; run pnpm --filter @colineapp/ui sync:platform`); |
| 10 | } |
| 11 | console.log('Dropdown menu, highlight and surface match Coline.'); |
| 12 |