status web

status-web

monorepo นี้มีแพ็คเกจสำหรับการสร้างเว็บแอปพลิเคชันในระบบนิเวศสถานะ แพ็คเกจเหล่านี้สามารถใช้แยกกันหรือรวมกันเพื่อสร้างส่วนต่อประสานผู้ใช้ที่สอดคล้องและสวยงาม

แพ็คเกจ

ชื่อ	npm	คำอธิบาย
@status-im/components		ไลบรารีส่วนประกอบที่สร้างด้วย Radix UI, React Aria, Tailwind CSS
@status-im/js		Libary สำหรับการรวมโปรโตคอล WAKU และการโต้ตอบกับบล็อกเชน
@status-im/icons		ไลบรารีไอคอนที่สร้างขึ้นอัตโนมัติตามระบบการออกแบบของเรา
@status-im/colors		จานสีที่สร้างขึ้นอัตโนมัติตามระบบการออกแบบของเรา
@status-im/eslint-config		การกำหนดค่า ESLINT ที่ใช้ร่วมกันสำหรับสไตล์รหัสที่สอดคล้องกันในโครงการ

แอพพลิเคชั่น

ชื่อ	คำอธิบาย
./apps/connector	กระเป๋าเงินเดสก์ท็อปสถานะขยายไปยังแอปพลิเคชันกระจายอำนาจในเบราว์เซอร์ของคุณ

ข้อกำหนดเบื้องต้น

ที่จำเป็น:

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

ที่แนะนำ:

• รหัสสตูดิโอภาพ
  • ติดตั้งส่วนขยายที่แสดงใน .vscode/extensions.json สำหรับประสบการณ์การพัฒนาที่ดีที่สุด

กองซ้อน

• Turborepo : จัดการโมเรปโปของเราและเพิ่มความเร็วในการสร้าง
• TypeScript : เพิ่มประเภทความปลอดภัยให้กับรหัสของเรา
• React : ห้องสมุดหลักของเราสำหรับการสร้าง UIS
• radix ui / react aria : ให้ UI Primitives ที่เข้าถึงได้
• Tailwind CSS : ใช้สำหรับการจัดแต่งทรงผม
• VITE : เครื่องมือสร้างและเซิร์ฟเวอร์ของเรา
• หนังสือนิทาน : สำหรับการพัฒนาและจัดแสดงส่วนประกอบ
• ESLINT : รักษารหัสของเราให้สอดคล้องและจับปัญหาที่อาจเกิดขึ้น
• Prettier : รูปแบบรหัสของเรา
• การเปลี่ยนแปลง : จัดการเวอร์ชันและ changelogs

เริ่มต้น

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

สิ่งนี้จะเริ่มต้นเซิร์ฟเวอร์นิทานช่วยให้คุณสามารถเรียกดูและทดสอบส่วนประกอบที่แยกได้

ผู้สนับสนุน

โครงการนี้ได้รับการสนับสนุนจาก BrowserStack