coss

coss.com/ui（原名 Origin UI）被描述为 Cal.com 的官方设计系统。该仓库是一个包含多个产品和应用程序的 monorepo，全部使用 TypeScript 编写并由 Turborepo 管理。 仓库布局 该 monorepo 列出了以下应用和包： - apps/www/ — coss.com 主站 - apps/ui/ — coss ui 组件库及其文档 - apps/origin/ — 遗留的 Origin UI 组件，作为收购前的快照保留 - packages/ui/ — 共享 UI 组件包 - packages/typescript-config/ — TypeScript 配置 - biome.json — 用于 linting 和格式化的共享 Biome 配置 环境变量 由于多个 Next.js 应用程序相互链接，每个应用都需要自己的 .env.local 文件，以便在本地实现跨应用导航。README 文档记录了 www 应用 (NEXT_PUBLIC_APP_URL, NEXT_PUBLIC_COSS_UI_URL)、ui 应用 (NEXT_PUBLIC_APP_URL, NEXT_PUBLIC_COSS_URL, NEXT_PUBLIC_ORIGIN_URL) 和 origin 应用 (NEXT_PUBLIC_APP_URL, NEXT_PUBLIC_COSS_URL, NEXT_PUBLIC_COSS_UI_URL) 的变量，示例 localhost 端口为 3000、4000 和 4001。Turborepo 会监听 .env* 文件，因此当这些变量更改时，缓存将被失效。 开发工作流 工具链包括用于静态类型检查的 TypeScript 和用于 linting 及格式化的 Biome。命令通过 bun 运行：`bun run build` 和 `bun run dev` 用于构建或启动所有内容，而 `--filter=www`、`--filter=ui` 或 `--filter=origin` 则用于针对单个应用。 coss ui 提供的内容 coss ui 被呈现为一组可访问、可组合的 React 组件，构建在 Base UI 之上并使用 Tailwind CSS 进行样式设计，旨在让开发者能够复制、粘贴并拥有代码。README 指出，Base UI 的无样式原语被赋予了一个开箱即用的设计系统，且这是 Cal.com 计划逐步采用的组件库。开发工作将继续在开源状态下进行。 Origin UI 收购 该仓库将 Origin UI 组件作为遗留快照包含在内：这是一个基于 Radix、shadcn 风格的集合，虽然仍可用，但支持和维护有限。目前活跃的工作重点是基于 coss ui 原语构建的新 Particles 组件。欢迎通过 apps/ui/CONTRIBUTING.md 中的指南提交贡献，涵盖 Bug 报告、功能请求和文档。 许可协议 许可协议采用混合模式。项目的默认协议为 AGPLv3.0，而 apps/origin/ 和 apps/ui/ 仍维持原有的 MIT 许可；所有其他目录均适用 AGPLv3。详情见 LICENSING.md。 致谢 README 感谢了提供 utility-first CSS 框架的 Tailwind CSS、提供组件底层可访问原语的 Base UI、启发复制粘贴组件理念的 shadcn/ui，以及提供组件文档框架的 Fumadocs。