@starcier / builder-shell
整个Starcier原型构建器围绕着你的原型：登录，目录，原型 路由，密码共享和邀请页面，以及协作层（评论和引导） 旅游)。你提供你的调色板，你的原型和你的配置；这里没有人知道 你的设计系统。
安装
npm install @starcier/collab-core@next @starcier/collab-ui@next @starcier/builder-shell@next react-router @auth0/auth0-react
直到 1.0.0 已发布，版本为预发布(1.0.0-next.N)：总是安装
@next． 没有它，npm会安装第一个预发布版，而不是最新的。需要React 18或19；
React-router 7或8，以及 @auth0/auth0-react 2.
使用
在你的路由器中渲染它：
import { BuilderShell } from '@starcier/builder-shell';
<BrowserRouter>
<BuilderShell
palette={palette} // a BuilderPalette resolved from your design tokens
prototypes={prototypes} // [{ slug, title, component }, …]
apiBaseUrl={API_BASE_URL} // the API origin, without /v1
tenant={TENANT_SLUG} // your builder's tenant slug
auth={{ domain, clientId, audience }}
/>
</BrowserRouter>
离开了 apiBaseUrl 和 auth 与…竞争 localStorage，没有登录，也没有后台
-对设计工作有用。保持 tenant 设置：它保留了这个构建器的本地注释
和图尔不同于其他的建筑商，比如 localhost． Auth0的代码是
仅在以下情况下加载 auth 是集。
壳起作用 /share/:id 和 /invite/:token，所以您的主机必须发送未知路径到
index.html，就像任何单页应用程序一样。
堆垛顺序
z-index | 什么 |
|---|---|
| 200 | 壳的顶条 |
| 9140 - 10000 | 意见及参观 |
给出你自己的情态动词和抽屉 z-index 两者之间：上面的条，所以一个对话框覆盖
它和下面的9140，所以评论和旅游出现在你的对话框上面。
查看按钮位于栏中，因此在打开对话框时无法触及。这和什么相符 复习模式可以做到： 无法查看对话框内容，而评论则直接显示在页面上。
在Next.js应用中，或者有自己的路由器和登录的应用中，使用 @starcier/collab-core 和
@starcier/collab-ui 直接代替。
许可证
麻省理工学院