dwindown/WooNooW
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
195 Commits 1 Branch 0 Tags
a9ff8e2ceae7fc423863fca9a4c77615212284b9
Commit Graph

195 Commits

This Branch
This Branch
All Branches
Author SHA1 Message Date
dwindown
86821efcbd feat: Wire real WooCommerce data for Store settings 
✅ Store.tsx - Complete API Integration:
- Replaced mock data with real API calls
- useQuery for fetching settings, countries, timezones, currencies
- useMutation for saving settings
- Optimistic updates and error handling

✅ Real Data Sources:
- Countries: 200+ countries from WooCommerce (WC_Countries)
- Timezones: 400+ timezones from PHP with UTC offsets
- Currencies: 100+ currencies with symbols
- Settings: All WooCommerce store options

✅ UI Improvements:
- Country select: Full list instead of 5 hardcoded
- Timezone select: Grouped by continent with UTC offsets
- Currency select: Full list with symbols
- Already using shadcn components (Input, Select)

✅ Performance:
- 1 hour cache for static data (countries, timezones, currencies)
- 1 minute cache for settings
- Proper loading states

📋 Addresses user feedback:
- ✅ Wire real options for country and timezone
- ✅ Contact fields already use shadcn components

Next: Create custom BACS form with bank account repeater
 2025-11-05 22:11:44 +07:00
dwindown
b405fd49cc feat: Add Store Settings backend with full countries/timezones 
✅ StoreSettingsProvider.php:
- get_countries() - All WooCommerce countries
- get_timezones() - All PHP timezones with UTC offsets
- get_currencies() - All WooCommerce currencies with symbols
- get_settings() - Current store settings
- save_settings() - Save store settings

✅ StoreController.php:
- GET /woonoow/v1/store/settings
- POST /woonoow/v1/store/settings
- GET /woonoow/v1/store/countries (200+ countries)
- GET /woonoow/v1/store/timezones (400+ timezones)
- GET /woonoow/v1/store/currencies (100+ currencies)
- Response caching (1 hour for static data)

🔌 Integration:
- Registered in Api/Routes.php
- Permission checks (manage_woocommerce)
- Error handling

Next: Update Store.tsx to use real API
 2025-11-05 22:08:53 +07:00
dwindown
c7d20e6e20 fix: Improve payment gateway display and modal z-index 
✅ Payments Page Fixes:
- Use method_title instead of title for unique gateway names
  - Manual: Shows 'Direct bank transfer' instead of empty
  - 3rd Party: Shows 'TriPay - BNI VA' instead of 'Pembayaran TriPay'
- Use method_description for 3rd party gateways
- Rename 'Other Payment Methods' → '3rd Party Payment Methods'
- Better description: 'Additional payment gateways from plugins'

✅ Modal Z-Index Fix:
- Increased dialog overlay z-index: z-50 → z-[9999]
- Increased dialog content z-index: z-50 → z-[9999]
- Ensures modals appear above fullscreen mode elements

🎯 Result:
- No more duplicate 'Pembayaran TriPay' × 5
- Each gateway shows unique name from WooCommerce
- Modals work properly in fullscreen mode

Addresses user feedback from screenshots 1-4
 2025-11-05 22:06:23 +07:00
dwindown
213870a4e2 feat: Connect Payments page to real WooCommerce API 
✅ Phase 1 Frontend Complete!

🎨 Payments.tsx - Complete Rewrite:
- Replaced mock data with real API calls
- useQuery to fetch gateways from /payments/gateways
- useMutation for toggle and save operations
- Optimistic updates for instant UI feedback
- Refetch on window focus (5 min stale time)
- Manual refresh button
- Loading states with spinner
- Empty states with helpful messages
- Error handling with toast notifications

🏗️ Gateway Categorization:
- Manual methods (Bank Transfer, COD, Check)
- Payment providers (Stripe, PayPal, etc.)
- Other WC-compliant gateways
- Auto-discovers all installed gateways

🎯 Features:
- Enable/disable toggle with optimistic updates
- Manage button opens settings modal
- GenericGatewayForm for configuration
- Requirements checking (SSL, extensions)
- Link to WC settings for complex cases
- Responsive design
- Keyboard accessible

📋 Checklist Progress:
- [x] PaymentGatewaysProvider.php
- [x] PaymentsController.php
- [x] GenericGatewayForm.tsx
- [x] Update Payments.tsx with real API
- [ ] Test with real WooCommerce (next)

🎉 Backend + Frontend integration complete!
Ready for testing with actual WooCommerce installation.
 2025-11-05 21:19:53 +07:00
dwindown
0944e20625 feat: Add GenericGatewayForm component 
✅ Generic form builder for payment gateways:

Features:
- Supports 8 field types: text, password, checkbox, select, textarea, number, email, url
- Auto-categorizes fields: Basic, API, Advanced
- Multi-page tabs for 20+ fields
- Single page for < 20 fields
- Unsupported field warning with link to WC settings
- Field validation (required, placeholder, etc.)
- Loading/saving states
- Dirty state detection
- Link to WC settings for complex cases

Code Quality:
- TypeScript strict mode
- ESLint clean (0 errors, 0 warnings in new file)
- Proper type safety
- Performance optimized (SUPPORTED_FIELD_TYPES outside component)

Next: Update Payments.tsx to use real API
 2025-11-05 21:12:39 +07:00
dwindown
247b2c6b74 feat: Implement Payment Gateways backend foundation 
✅ Phase 1 Backend Complete:

📦 PaymentGatewaysProvider.php:
- Read WC gateways from WC()->payment_gateways()
- Transform to clean JSON format
- Categorize: manual/provider/other
- Extract settings: basic/api/advanced
- Check requirements (SSL, extensions)
- Generate webhook URLs
- Respect WC bone structure (WC_Payment_Gateway)

📡 PaymentsController.php:
- GET /woonoow/v1/payments/gateways (list all)
- GET /woonoow/v1/payments/gateways/{id} (single)
- POST /woonoow/v1/payments/gateways/{id} (save settings)
- POST /woonoow/v1/payments/gateways/{id}/toggle (enable/disable)
- Permission checks (manage_woocommerce)
- Error handling with proper HTTP codes
- Response caching (5 min)

🔌 Integration:
- Registered in Api/Routes.php
- Auto-discovers all WC-compliant gateways
- No new hooks - listens to WC structure

📋 Checklist Progress:
- [x] PaymentGatewaysProvider.php
- [x] PaymentsController.php
- [x] REST API registration
- [ ] Frontend components (next)
 2025-11-05 21:09:49 +07:00
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
2898849263 fix: Add missing Switch UI component for ToggleField 
- Installed @radix-ui/react-switch
- Created switch.tsx following existing UI component patterns
- Fixes import error in ToggleField component
- Dev server now running successfully
 2025-11-05 19:02:47 +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
dwindown
f8247faf22 refactor: Adopt Shopify-inspired settings structure 
- Updated SETTINGS_TREE_PLAN.md with modern SaaS approach
- Renamed settings pages for clarity (Store Details, Shipping & Delivery, etc.)
- Card-based UI design instead of boring forms
- Progressive disclosure and smart defaults
- Updated navigation in both backend (NavigationRegistry.php) and frontend (tree.ts)
- Added comprehensive comparison table and design decisions
- 8 pages total, 40-53 hours estimated
 2025-11-05 14:51:00 +07:00
dwindown
924baa8bdd docs: Add WP-CLI helper script and comprehensive usage guide 2025-11-05 13:04:21 +07:00
dwindown
66eb4a1dce docs: Add menu fix summary and verification guide 2025-11-05 12:51:34 +07:00
dwindown
974bb41653 docs: Add comprehensive settings tree implementation plan 2025-11-05 12:35:50 +07:00
dwindown
70440120ec fix: Add settings submenu to backend NavigationRegistry (single source of truth) 2025-11-05 12:15:48 +07:00
dwindown
bb13438ec0 feat: Show settings submenu in all modes for consistent experience 2025-11-05 12:06:28 +07:00
dwindown
855f3fcae5 fix: Add WNW_CONFIG type definitions and fix TypeScript errors 2025-11-05 12:05:29 +07:00
dwindown
af3ae9d1fb docs: Add standalone mode complete summary 2025-11-05 11:30:52 +07:00
dwindown
d52fc3bb24 docs: Update all documentation for standalone mode and settings structure 2025-11-05 11:28:09 +07:00
dwindown
3e7d75c98c fix: Settings submenu standalone-only, dashboard path, add admin bar link 2025-11-05 10:44:08 +07:00
dwindown
12e982b3e5 feat: Add WordPress button, settings navigation, and placeholder pages 2025-11-05 10:27:16 +07:00
dwindown
7c24602965 fix: Clear auth cookies before setting new ones + trigger wp_login action 2025-11-05 10:02:40 +07:00
dwindown
ff29f95264 fix: Use wp_authenticate + wp_set_auth_cookie + wp_set_current_user for proper session 2025-11-05 00:42:11 +07:00
dwindown
0f6696b361 fix: Use WordPress native login instead of custom login page for nonce consistency 2025-11-05 00:34:34 +07:00
dwindown
ea97a95f34 fix: Enable period selector, add SSL support for wp_signon, add debug logging 2025-11-05 00:27:00 +07:00
dwindown
5166ac4bd3 fix: Overview route, add period selector back, prepare product CRUD routes 2025-11-05 00:20:12 +07:00
dwindown
eecb34e968 fix: Reload page after login to get fresh cookies and nonce from PHP 2025-11-05 00:14:19 +07:00
dwindown
15f0bcb4e4 fix: Use wp_signon for proper WordPress authentication in standalone login 2025-11-05 00:11:20 +07:00
dwindown
04e02f1d67 feat: Fix Overview always active, add Refresh button, add Logout in standalone 2025-11-05 00:00:59 +07:00
dwindown
8960ee1149 feat: Add WooCommerce store settings (currency, formatting) to standalone mode 2025-11-04 23:43:07 +07:00
dwindown
0fbe35f198 fix: Add WNW_API config to standalone mode for API compatibility 2025-11-04 23:37:38 +07:00
dwindown
f2bd460e72 feat: Auto-enable fullscreen in standalone mode, hide toggle button 2025-11-04 23:32:40 +07:00
dwindown
8a0f2e581e fix: Trust PHP auth check, skip redundant REST API call 2025-11-04 23:28:03 +07:00
dwindown
e8e380231e fix: Login flow - remove reload, sync auth state reactively 2025-11-04 23:19:53 +07:00
dwindown
4e1eb22c8f fix: Use parse_request hook for /admin + Dashboard menu now active on Overview (root path) 2025-11-04 22:43:20 +07:00
dwindown
4f75a5b501 fix: Remove blur on mobile for all bars + add template_redirect solution (no .htaccess needed) 2025-11-04 22:31:36 +07:00
dwindown
9f3153d904 fix: Dashboard menu stays active on all routes + remove mobile blur + add standalone admin setup guide 2025-11-04 22:04:34 +07:00
dwindown
e161163362 feat: Implement standalone admin at /admin with custom login page and auth system 2025-11-04 21:28:00 +07:00
dwindown
549ef12802 fix: Pie chart center number now shows correct count for selected status 2025-11-04 20:50:48 +07:00
dwindown
6508a537f7 docs: Update PROGRESS_NOTE with complete dashboard analytics implementation and cleanup temporary docs 2025-11-04 20:01:11 +07:00
dwindown
919ce8684f fix: Use real data for conversion rate and hide low stock alert when zero 2025-11-04 18:57:28 +07:00
dwindown
a2dd6a98a3 feat: Implement conversion rate as (Completed Orders / Total Orders) × 100 and fix Recharts prop warning 2025-11-04 18:36:45 +07:00
dwindown
3c76d571cc feat: Fill all dates in sales chart including dates with no data (industry best practice) 2025-11-04 18:10:25 +07:00
dwindown
7c0d9639b6 feat: Complete analytics implementation with all 7 pages, ROI calculation, conversion rate formatting, and chart improvements 2025-11-04 18:08:00 +07:00
dwindown
232059e928 feat: Complete Dashboard API Integration with Analytics Controller 
✨ Features:
- Implemented API integration for all 7 dashboard pages
- Added Analytics REST API controller with 7 endpoints
- Full loading and error states with retry functionality
- Seamless dummy data toggle for development

📊 Dashboard Pages:
- Customers Analytics (complete)
- Revenue Analytics (complete)
- Orders Analytics (complete)
- Products Analytics (complete)
- Coupons Analytics (complete)
- Taxes Analytics (complete)
- Dashboard Overview (complete)

🔌 Backend:
- Created AnalyticsController.php with REST endpoints
- All endpoints return 501 (Not Implemented) for now
- Ready for HPOS-based implementation
- Proper permission checks

🎨 Frontend:
- useAnalytics hook for data fetching
- React Query caching
- ErrorCard with retry functionality
- TypeScript type safety
- Zero build errors

📝 Documentation:
- DASHBOARD_API_IMPLEMENTATION.md guide
- Backend implementation roadmap
- Testing strategy

🔧 Build:
- All pages compile successfully
- Production-ready with dummy data fallback
- Zero TypeScript errors
 2025-11-04 11:19:00 +07:00