status web

status-web

该MonorePo包含用于在状态生态系统中构建Web应用程序的软件包。这些软件包可以单独使用或组合以创建一致且美丽的用户界面。

软件包

姓名	npm	描述
@status-im/components		由Radix UI，React Aria，Tailwind CSS构建的组件库。
@status-im/js		WAKU协议集成和区块链相互作用的LIBARY。
@status-im/icons		基于我们的设计系统的自动生成图标库。
@status-im/colors		基于我们的设计系统的自动生成调色板。
@status-im/eslint-config		共享ESLINT配置，用于整个项目的一致代码样式。

应用

姓名	描述
./apps/connector	状态桌面钱包扩展到浏览器中的分散应用程序。

先决条件

必需的：

• node.js v20.x
• PNPM v9.12.x

受到推崇的：

• Visual Studio代码
  • 安装.vscode/extensions.json中列出的扩展名。

堆

• turborepo ：管理我们的monorepo并加快构建
• 打字稿：将类型安全性添加到我们的代码中
• REACT ：我们建造UIS的主要图书馆
• RADIX UI / REACT ARIA ：提供可访问的UI原语
• Tailwind CSS ：用于造型
• VITE ：我们的构建工具和开发服务器
• 故事书：用于开发和展示组件
• ESLINT ：保持我们的代码一致并遇到潜在问题
• 漂亮：格式化我们的代码
• 更改集：管理版本控制和更改程序

入门

1. 克隆存储库：

    git clone https://github.com/status-im/status-web.git
   cd status-web
   

2. 安装依赖项：

    pnpm install
   

3. 构建所有软件包：

    pnpm build
   

4. 运行测试：

    pnpm test
   

5. 开始开发模式：

    pnpm dev
   

故事书

要查看和与组件互动，您可以运行故事书：

 pnpm storybook

这将启动Storybook服务器，使您可以隔离浏览和测试组件。

赞助商

该项目由Browserstack赞助。