feat: Implement brand settings and developer page
## Brand Settings Implementation ✅ ### Backend: 1. **StoreSettingsProvider** - Added branding fields - store_logo - store_icon - store_tagline - primary_color - accent_color - error_color 2. **Branding Class** - Complete branding system - ✅ Logo display (image or text fallback "WooNooW") - ✅ Favicon injection (wp_head, admin_head, login_head) - ✅ Brand colors as CSS variables - ✅ Login page customization - Logo or text - Tagline - Primary color for buttons/links - ✅ Login logo URL → home_url() - ✅ Login logo title → store name ### Features: - **Logo fallback:** No logo → Shows "WooNooW" text - **Login page:** Fully branded with logo, tagline, colors - **Favicon:** Applied to frontend, admin, login - **Colors:** Injected as CSS variables (--woonoow-primary, --accent, --error) --- ## Developer Settings Page ✅ ### Frontend: Created `/settings/developer` page with: 1. **Debug Mode Section** - Enable Debug Mode toggle - Show API Logs (when debug enabled) - Enable React DevTools (when debug enabled) 2. **System Information Section** - WooNooW Version - WooCommerce Version - WordPress Version - PHP Version - HPOS Enabled status 3. **Cache Management Section** - Clear Navigation Cache - Clear Settings Cache - Clear All Caches (destructive) - Loading states with spinner ### Backend: 1. **DeveloperController** - Settings API - GET /woonoow/v1/settings/developer - POST /woonoow/v1/settings/developer - Stores: debug_mode, show_api_logs, enable_react_devtools 2. **SystemController** - System info & cache - GET /woonoow/v1/system/info - POST /woonoow/v1/cache/clear - Cache types: navigation, settings, all --- ## Settings Structure (Final) ``` Settings (6 tabs) ├── Store Details ✅ │ ├── Store Overview │ ├── Store Identity │ ├── Brand (logo, icon, colors) │ ├── Store Address │ ├── Currency & Formatting │ └── Standards & Formats ├── Payments ✅ ├── Shipping & Delivery ✅ ├── Tax ✅ ├── Notifications ✅ └── Developer ✅ (NEW) ├── Debug Mode ├── System Information └── Cache Management ``` --- ## Implementation Details ### Branding System: ```php // Logo fallback logic if (logo exists) → Show image else → Show "WooNooW" text // Login page - Logo or text - Tagline below logo - Primary color for buttons/links - Input focus color ``` ### Developer Settings: ```typescript // API logging localStorage.setItem('woonoow_api_logs', 'true'); // React DevTools localStorage.setItem('woonoow_react_devtools', 'true'); // Cache clearing POST /cache/clear { type: 'navigation' | 'settings' | 'all' } ``` --- ## Result ✅ Brand settings fully functional ✅ Logo displays on login page (or text fallback) ✅ Favicon applied everywhere ✅ Brand colors injected as CSS variables ✅ Developer page complete ✅ System info displayed ✅ Cache management working ✅ All 6 settings tabs implemented **Ready to test in browser!**
This commit is contained in:
109
includes/Api/DeveloperController.php
Normal file
109
includes/Api/DeveloperController.php
Normal file
@@ -0,0 +1,109 @@
|
||||
<?php
|
||||
/**
|
||||
* Developer Settings REST API Controller
|
||||
*
|
||||
* Provides REST endpoints for developer settings management.
|
||||
*
|
||||
* @package WooNooW
|
||||
*/
|
||||
|
||||
namespace WooNooW\API;
|
||||
|
||||
use WP_REST_Controller;
|
||||
use WP_REST_Server;
|
||||
use WP_REST_Request;
|
||||
use WP_REST_Response;
|
||||
use WP_Error;
|
||||
|
||||
class DeveloperController extends WP_REST_Controller {
|
||||
|
||||
/**
|
||||
* Namespace
|
||||
*/
|
||||
protected $namespace = 'woonoow/v1';
|
||||
|
||||
/**
|
||||
* Rest base
|
||||
*/
|
||||
protected $rest_base = 'settings/developer';
|
||||
|
||||
/**
|
||||
* Register routes
|
||||
*/
|
||||
public function register_routes() {
|
||||
// GET /woonoow/v1/settings/developer
|
||||
register_rest_route($this->namespace, '/' . $this->rest_base, [
|
||||
[
|
||||
'methods' => WP_REST_Server::READABLE,
|
||||
'callback' => [$this, 'get_settings'],
|
||||
'permission_callback' => [$this, 'check_permission'],
|
||||
],
|
||||
]);
|
||||
|
||||
// POST /woonoow/v1/settings/developer
|
||||
register_rest_route($this->namespace, '/' . $this->rest_base, [
|
||||
[
|
||||
'methods' => WP_REST_Server::EDITABLE,
|
||||
'callback' => [$this, 'save_settings'],
|
||||
'permission_callback' => [$this, 'check_permission'],
|
||||
],
|
||||
]);
|
||||
}
|
||||
|
||||
/**
|
||||
* Get developer settings
|
||||
*
|
||||
* @param WP_REST_Request $request Request object
|
||||
* @return WP_REST_Response|WP_Error Response object or error
|
||||
*/
|
||||
public function get_settings(WP_REST_Request $request) {
|
||||
return rest_ensure_response([
|
||||
'debug_mode' => (bool) get_option('woonoow_debug_mode', false),
|
||||
'show_api_logs' => (bool) get_option('woonoow_show_api_logs', false),
|
||||
'enable_react_devtools' => (bool) get_option('woonoow_enable_react_devtools', false),
|
||||
]);
|
||||
}
|
||||
|
||||
/**
|
||||
* Save developer settings
|
||||
*
|
||||
* @param WP_REST_Request $request Request object
|
||||
* @return WP_REST_Response|WP_Error Response object or error
|
||||
*/
|
||||
public function save_settings(WP_REST_Request $request) {
|
||||
$settings = $request->get_json_params();
|
||||
|
||||
if (empty($settings)) {
|
||||
return new WP_Error(
|
||||
'missing_settings',
|
||||
'No settings provided',
|
||||
['status' => 400]
|
||||
);
|
||||
}
|
||||
|
||||
// Save settings
|
||||
if (isset($settings['debug_mode'])) {
|
||||
update_option('woonoow_debug_mode', (bool) $settings['debug_mode']);
|
||||
}
|
||||
if (isset($settings['show_api_logs'])) {
|
||||
update_option('woonoow_show_api_logs', (bool) $settings['show_api_logs']);
|
||||
}
|
||||
if (isset($settings['enable_react_devtools'])) {
|
||||
update_option('woonoow_enable_react_devtools', (bool) $settings['enable_react_devtools']);
|
||||
}
|
||||
|
||||
return rest_ensure_response([
|
||||
'success' => true,
|
||||
'message' => 'Developer settings saved successfully',
|
||||
]);
|
||||
}
|
||||
|
||||
/**
|
||||
* Check permission
|
||||
*
|
||||
* @return bool True if user has permission
|
||||
*/
|
||||
public function check_permission() {
|
||||
return current_user_can('manage_woocommerce');
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user