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.
| import { dirname, join } from "node:path"; |
| 6 |
| 7 | const here = dirname(fileURLToPath(import.meta.url)); |
| 8 | const css = readFileSync(join(here, "../dist/styles.css"), "utf8"); |
| 9 | const out = `// GENERATED by \`pnpm --filter @colineapp/ui build:css\` + scripts/sync-sandbox-styles.mjs. |
| 10 | // The @colineapp/ui stylesheet served inline by the tier-2 sandbox shell |
| 11 | // (plan §7.2.5). Regenerate when the UI package styles change. |
| 12 |
| 13 | export const SANDBOX_STYLES_CSS: string = ${JSON.stringify(css)}; |
| 14 | `; |
| 15 | writeFileSync( |
| 16 | join(here, "../../../apps/web/src/lib/apps/sandbox-styles.generated.ts"), |
| 17 | out, |
| 18 | ); |
| 19 | console.log("sandbox styles synced"); |
| 20 |