How xiaozhuangping-cpu/wavely-crossborder works
Wavely is a cross-border commerce demo spanning ERP operations, a multilingual storefront, warehouse workflows, 1688 product collection, AI assistants, and a programmatically rendered promo film. The main customer journey runs from product discovery through checkout and order tracking; the operational journey covers collecting and localizing products, catalog and inventory management, replenishment and purchasing, then warehouse receiving and shipping. The graph combines sampled frontend wiring with README-documented backend and mobile capabilities; unsampled implementation details are represented only at supported directory paths.
Main entry points: supabase Supabase Data & Workflows · src/App.jsx ERP Application · src/App.jsx Storefront App · Checkout.jsx Checkout & Tracking
Components 21
Storefront
- Storefront App
shop/src/App.jsx - Catalog & Product
shop/src/pages/Product.jsx - Checkout & Tracking
shop/src/pages/Checkout.jsx - Shop State
shop/src/store.jsx - AI Customer Service
shop/src/components/ChatWidget.jsx
ERP Operations
- ERP Application
erp/src/App.jsx - Order Operations
erp/src/resources/orders.jsx - Products & Inventory
erp/src/resources/products.jsx - Replenishment & Purchasing
erp/src/resources/purchasing.jsx - Profit Calculator
erp/src/ProfitCalculator.jsx - AI Operations Assistant
erp/src/ai/AssistantPanel.jsx - Warehouse App
app
Product Sourcing
- Collection & Import
erp/src/collect/BulkImport.jsx - 1688 Browser Extension
extension/background.js
Shared Platform
- Supabase Data & Workflows
supabase - ERP AI Function
supabase/functions/ai-assistant/index.ts - Shop AI Function
supabase/functions/shop-assistant/index.ts - Shared LLM Runtime
supabase/functions/_shared/llm.ts
Promo Film
- Promo Film Renderer
wavely-promo/film.js
Other components
- Shopper
- ERP Operator
Connections 29
- Shopper → Storefront App: browses
- Storefront App → Catalog & Product: routes to
shop/src/App.jsx - Storefront App → Checkout & Tracking: routes to
shop/src/App.jsx - Storefront App → Shop State: provides state
shop/src/App.jsx - Shopper → Checkout & Tracking: places order
- Checkout & Tracking → Supabase Data & Workflows: submits order
- Supabase Data & Workflows → Order Operations: syncs orders
- Shopper → AI Customer Service: asks
- AI Customer Service → Shop AI Function: requests assistance
- Shop AI Function → Shared LLM Runtime: uses runtime
supabase/functions/shop-assistant/index.ts - ERP Operator → ERP Application: manages
erp/src/App.jsx - ERP Application → Order Operations: registers resource
erp/src/App.jsx - ERP Application → Products & Inventory: registers resources
erp/src/App.jsx - ERP Application → Replenishment & Purchasing: registers resources
erp/src/App.jsx - ERP Application → Profit Calculator: routes to
erp/src/App.jsx - ERP Application → Collection & Import: registers collection
erp/src/App.jsx - Order Operations → Supabase Data & Workflows: reads and updates
- Products & Inventory → Supabase Data & Workflows: manages catalog
- Replenishment & Purchasing → Supabase Data & Workflows: calls workflows
erp/src/resources/purchasing.jsx - ERP Operator → 1688 Browser Extension: collects offers
- 1688 Browser Extension → Collection & Import: sends collected data
- Collection & Import → Supabase Data & Workflows: imports products
- ERP Operator → Warehouse App: receives and ships
- Warehouse App → Supabase Data & Workflows: shares backend
- ERP Operator → AI Operations Assistant: asks operations
- AI Operations Assistant → ERP AI Function: requests tools
- ERP AI Function → Shared LLM Runtime: uses runtime
supabase/functions/ai-assistant/index.ts - Shared LLM Runtime → Supabase Data & Workflows: authenticates and reads
supabase/functions/_shared/llm.ts - Shopper → Promo Film Renderer: views promo