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贊助。