dwindown
|
f205027c6d
|
docs: Update PROJECT_BRIEF with Settings architecture philosophy
📝 Changes:
- Added Phase 4.5: Settings SPA & Setup Wizard
- Added Section 5: Settings Architecture Philosophy
- Documented 'better wardrobe' approach
- Clarified WooCommerce bone structure respect
- Defined compatibility stance
🎯 Key Principles:
- Read WC structure (don't create parallel system)
- Transform & simplify (better UX)
- Enhance performance (like Orders: 30s → 1-2s)
- Respect ecosystem (auto-support WC-compliant addons)
- No new hooks (listen to WC hooks)
🎨 UI Strategy:
- Generic form builder (standard)
- Custom components (popular gateways)
- Redirect to WC (complex/non-standard)
- Multi-page forms (20+ fields)
Compatibility: 'If it works in WC, it works in WooNooW'
|
2025-11-05 20:59:21 +07:00 |
|
dwindown
|
3bd2c07308
|
feat: Improve settings layout and add addon integration design
🎨 Layout Changes:
- Changed settings from boxed (max-w-5xl) to full-width
- Consistent with Orders/Dashboard pages
- Better use of space for complex forms
📝 Payments Page Reorder:
- Manual payment methods first (Bank Transfer, COD)
- Payment providers second (Stripe, PayPal)
- Payment settings third (test mode, capture)
- Test mode banner moved inside Payment Settings card
📚 Documentation:
- Created SETUP_WIZARD_DESIGN.md
- 5-step wizard flow (Store, Payments, Shipping, Taxes, Product)
- Smart defaults and skip logic
- Complete addon integration architecture
🔌 Addon Integration Design:
- PaymentProviderRegistry with filter hooks
- ShippingMethodRegistry with filter hooks
- REST API endpoints for dynamic loading
- Example addon implementations
- Support for custom React components
✨ Key Features:
- woonoow_payment_providers filter hook
- woonoow_shipping_zones filter hook
- Dynamic component loading from addons
- OAuth flow support for payment gateways
- Backward compatible with WooCommerce
|
2025-11-05 19:47:25 +07:00 |
|
dwindown
|
e49a0d1e3d
|
feat: Implement Phase 1 Shopify-inspired settings (Store, Payments, Shipping)
✨ Features:
- Store Details page with live currency preview
- Payments page with visual provider cards and test mode
- Shipping & Delivery page with zone cards and local pickup
- Shared components: SettingsLayout, SettingsCard, SettingsSection, ToggleField
🎨 UI/UX:
- Card-based layouts (not boring forms)
- Generous whitespace and visual hierarchy
- Toast notifications using sonner (reused from Orders)
- Sticky save button at top
- Mobile-responsive design
🔧 Technical:
- Installed ESLint with TypeScript support
- Fixed all lint errors (0 errors)
- Phase 1 files have zero warnings
- Used existing toast from sonner (not reinvented)
- Updated routes in App.tsx
📝 Files Created:
- Store.tsx (currency preview, address, timezone)
- Payments.tsx (provider cards, manual methods)
- Shipping.tsx (zone cards, rates, local pickup)
- SettingsLayout.tsx, SettingsCard.tsx, SettingsSection.tsx, ToggleField.tsx
Phase 1 complete: 18-24 hours estimated work
|
2025-11-05 18:54:41 +07:00 |
|