secubox-openwrt/package/secubox/luci-app-system-hub/htdocs/luci-static/resources/system-hub/theme.js
CyberMind-FR 31a87c5d7a feat(structure): reorganize luci-app packages into package/secubox/ + appstore migration
Major structural reorganization and feature additions:

## Folder Reorganization
- Move 17 luci-app-* packages to package/secubox/ (except luci-app-secubox core hub)
- Update all tooling to support new structure:
  - secubox-tools/quick-deploy.sh: search both locations
  - secubox-tools/validate-modules.sh: validate both directories
  - secubox-tools/fix-permissions.sh: fix permissions in both locations
  - .github/workflows/test-validate.yml: build from both paths
- Update README.md links to new package/secubox/ paths

## AppStore Migration (Complete)
- Add catalog entries for all remaining luci-app packages:
  - network-tweaks.json: Network optimization tools
  - secubox-bonus.json: Documentation & demos hub
- Total: 24 apps in AppStore catalog (22 existing + 2 new)
- New category: 'documentation' for docs/demos/tutorials

## VHost Manager v2.0 Enhancements
- Add profile activation system for Internal Services and Redirects
- Implement createVHost() API wrapper for template-based deployment
- Fix Virtual Hosts view rendering with proper LuCI patterns
- Fix RPCD backend shell script errors (remove invalid local declarations)
- Extend backend validation for nginx return directives (redirect support)
- Add section_id parameter for named VHost profiles
- Add Remove button to Redirects page for feature parity
- Update README to v2.0 with comprehensive feature documentation

## Network Tweaks Dashboard
- Close button added to component details modal

Files changed: 340+ (336 renames with preserved git history)
Packages affected: 19 luci-app, 2 secubox-app, 1 theme, 4 tools

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-01-01 14:59:38 +01:00

79 lines
2.0 KiB
JavaScript

'use strict';
'require baseclass';
'require rpc';
/**
* System Hub Theme Manager
* Uses centralized theme from SecuBox configuration
* Version: 1.0.0
*/
console.log('🎨 System Hub Theme Manager v1.0.0 loaded');
// RPC call to get theme from secu-box config
var callGetTheme = rpc.declare({
object: 'luci.secubox',
method: 'get_theme',
expect: {}
});
return baseclass.extend({
/**
* Initialize theme system
* Loads theme preference from SecuBox and applies it to the page
*/
init: function() {
var self = this;
return callGetTheme().then(function(data) {
var themePref = data.theme || 'dark';
self.applyTheme(themePref);
// Listen for system theme changes if preference is 'system'
if (themePref === 'system' && window.matchMedia) {
var darkModeQuery = window.matchMedia('(prefers-color-scheme: dark)');
darkModeQuery.addListener(function() {
self.applyTheme('system');
});
}
}).catch(function(err) {
console.error('Failed to load theme preference from SecuBox, using dark theme:', err);
self.applyTheme('dark');
});
},
/**
* Apply theme to the page
* @param {string} theme - Theme preference: 'dark', 'light', or 'system'
*/
applyTheme: function(theme) {
var effectiveTheme = theme;
// If 'system', detect from OS
if (theme === 'system' && window.matchMedia) {
effectiveTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
}
// Apply theme to document root
document.documentElement.setAttribute('data-theme', effectiveTheme);
console.log('🎨 System Hub theme applied:', theme, '(effective:', effectiveTheme + ')');
},
/**
* Get current effective theme
* @returns {string} 'dark' or 'light'
*/
getCurrentTheme: function() {
return document.documentElement.getAttribute('data-theme') || 'dark';
},
/**
* Get theme preference from SecuBox
* @returns {Promise} Promise resolving to theme data
*/
getTheme: function() {
return callGetTheme();
}
});