secubox-openwrt/luci-app-network-modes/htdocs/luci-static/resources/network-modes/api.js
CyberMind-FR aad081e841 chore: Release v0.4.2 - Menu reorganization and CSS enhancements
This release focuses on improved menu structure, enhanced CSS styling
across all modules, and documentation cleanup.

## Menu & Navigation (2 modules)
- Reorganized SecuBox menu with new "Network & Connectivity" category
- Moved Network Modes from top-level to Network submenu
- New menu path: admin/secubox/network/modes

## Network Modes Enhancements (14 files)
- Enhanced all mode views: Overview, Wizard, Router, Multi-WAN, Double NAT,
  Access Point, Relay, VPN Relay, Travel, Sniffer, Settings
- Improved dashboard.css styling
- Updated API and helpers for better functionality

## System Hub Improvements (11 files)
- Added dedicated CSS files for Backup and Health views
- Enhanced styling: common.css, components.css, logs.css, services.css
- Updated views: backup.js, components.js, health.js, logs.js, services.js
- Removed deprecated settings.js view

## SecuBox Dashboard Updates (4 files)
- Refined dashboard.css and modules.css styling
- Enhanced dashboard.js and modules.js functionality

## Theme Updates (1 file)
- Improved navigation.css component styling

## Documentation Cleanup (15 files deleted)
- Removed obsolete documentation from docs/ directory
- Migrated documentation to DOCS/ (uppercase) structure
- Cleaned up archive files and outdated guides

## Configuration (1 file)
- Updated Claude settings for new permissions

Summary:
- 50 files changed
- 3 modules enhanced (network-modes, system-hub, secubox)
- 15 documentation files cleaned up
- 2 new CSS files added
- Menu structure reorganized

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

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2025-12-28 19:07:44 +01:00

391 lines
9.0 KiB
JavaScript

'use strict';
'require baseclass';
'require rpc';
/**
* Network Modes API
* Package: luci-app-network-modes
* RPCD object: luci.network-modes
*/
// Version: 0.2.2
var callStatus = rpc.declare({
object: 'luci.network-modes',
method: 'status',
expect: { }
});
var callGetCurrentMode = rpc.declare({
object: 'luci.network-modes',
method: 'get_current_mode',
expect: { mode: '' }
});
var callGetAvailableModes = rpc.declare({
object: 'luci.network-modes',
method: 'get_available_modes',
expect: { modes: [] }
});
var callSetMode = rpc.declare({
object: 'luci.network-modes',
method: 'set_mode',
params: ['mode']
});
var callPreviewChanges = rpc.declare({
object: 'luci.network-modes',
method: 'preview_changes',
expect: { }
});
var callApplyMode = rpc.declare({
object: 'luci.network-modes',
method: 'apply_mode',
expect: { }
});
var callConfirmMode = rpc.declare({
object: 'luci.network-modes',
method: 'confirm_mode',
expect: { }
});
var callRollback = rpc.declare({
object: 'luci.network-modes',
method: 'rollback',
expect: { }
});
var callGetInterfaces = rpc.declare({
object: 'luci.network-modes',
method: 'get_interfaces',
expect: { interfaces: [] }
});
var callValidateConfig = rpc.declare({
object: 'luci.network-modes',
method: 'validate_config',
params: ['mode', 'config'],
expect: { valid: false, errors: [] }
});
var callSnifferConfig = rpc.declare({
object: 'luci.network-modes',
method: 'sniffer_config',
expect: { }
});
var callApConfig = rpc.declare({
object: 'luci.network-modes',
method: 'ap_config',
expect: { }
});
var callRelayConfig = rpc.declare({
object: 'luci.network-modes',
method: 'relay_config',
expect: { }
});
var callRouterConfig = rpc.declare({
object: 'luci.network-modes',
method: 'router_config',
expect: { }
});
var callTravelConfig = rpc.declare({
object: 'luci.network-modes',
method: 'travel_config',
expect: { }
});
var callDoubleNatConfig = rpc.declare({
object: 'luci.network-modes',
method: 'doublenat_config',
expect: { }
});
var callMultiWanConfig = rpc.declare({
object: 'luci.network-modes',
method: 'multiwan_config',
expect: { }
});
var callVpnRelayConfig = rpc.declare({
object: 'luci.network-modes',
method: 'vpnrelay_config',
expect: { }
});
var callTravelScan = rpc.declare({
object: 'luci.network-modes',
method: 'travel_scan_networks',
expect: { networks: [] }
});
var callUpdateSettings = rpc.declare({
object: 'luci.network-modes',
method: 'update_settings'
});
var callAddVhost = rpc.declare({
object: 'luci.network-modes',
method: 'add_vhost'
});
var callGenerateConfig = rpc.declare({
object: 'luci.network-modes',
method: 'generate_config',
params: ['mode'],
expect: { }
});
var callGenerateWireguardKeys = rpc.declare({
object: 'luci.network-modes',
method: 'generate_wireguard_keys',
expect: { }
});
var callApplyWireguardConfig = rpc.declare({
object: 'luci.network-modes',
method: 'apply_wireguard_config',
expect: { }
});
var callApplyMtuClamping = rpc.declare({
object: 'luci.network-modes',
method: 'apply_mtu_clamping',
expect: { }
});
var callEnableTcpBbr = rpc.declare({
object: 'luci.network-modes',
method: 'enable_tcp_bbr',
expect: { }
});
return baseclass.extend({
getStatus: callStatus,
getCurrentMode: callGetCurrentMode,
getAvailableModes: callGetAvailableModes,
setMode: callSetMode,
getInterfaces: callGetInterfaces,
validateConfig: callValidateConfig,
previewChanges: callPreviewChanges,
confirmMode: callConfirmMode,
rollbackMode: callRollback,
// Aggregate function for overview page
getAllData: function() {
return Promise.all([
callStatus(),
callGetCurrentMode(),
callGetAvailableModes(),
callGetInterfaces()
]).then(function(results) {
var status = results[0] || {};
var currentMode = results[1] || {};
// Merge current_mode into status for compatibility
status.current_mode = currentMode.mode || 'router';
status.interfaces = (results[3] || {}).interfaces || [];
return {
status: status,
modes: results[2] || { modes: [] }
};
});
},
applyMode: function(targetMode) {
var chain = Promise.resolve();
if (targetMode) {
chain = callSetMode(targetMode).then(function(result) {
if (!result || result.success === false) {
return Promise.reject(new Error((result && result.error) || 'Unable to prepare mode'));
}
return result;
});
}
return chain.then(function() {
return callApplyMode();
});
},
// Get static information about a mode
getModeInfo: function(mode) {
var modeInfo = {
router: {
id: 'router',
name: 'Router Mode',
icon: '🏠',
description: 'Traditional home/office router with NAT, firewall, and DHCP server. Ideal for connecting multiple devices to the internet.',
features: [
'NAT and firewall enabled',
'DHCP server for LAN clients',
'Port forwarding and DMZ',
'QoS and traffic shaping'
]
},
doublenat: {
id: 'doublenat',
name: 'Double NAT',
icon: '🔁',
description: 'Operate behind an ISP router with a second isolated LAN and guest network policies.',
features: [
'DHCP WAN client behind ISP box',
'Private LAN subnet (10.0.0.0/24)',
'Optional guest bridge isolation',
'UPnP/DMZ hardening'
]
},
bridge: {
id: 'bridge',
name: 'Bridge Mode',
icon: '🌉',
description: 'Transparent layer-2 forwarding without NAT. All devices appear on the same network segment.',
features: [
'Layer-2 transparent bridging',
'No NAT or routing',
'STP/RSTP support',
'VLAN tagging support'
]
},
multiwan: {
id: 'multiwan',
name: 'Multi-WAN Gateway',
icon: '⚡',
description: 'Combine dual WAN uplinks with health tracking, load balancing, and automatic failover.',
features: [
'Dual uplinks (ethernet, 4G/5G, USB)',
'Health tracking (ping/NTP/HTTP)',
'Automatic failover with hold timers',
'mwan3 compatible policies'
]
},
accesspoint: {
id: 'accesspoint',
name: 'Access Point',
icon: '📡',
description: 'WiFi access point with wired uplink. Extends your existing network wirelessly.',
features: [
'WiFi hotspot functionality',
'Wired uplink to main router',
'Multiple SSID support',
'Fast roaming (802.11r/k/v)'
]
},
relay: {
id: 'relay',
name: 'Repeater/Extender',
icon: '🔁',
description: 'WiFi to WiFi repeating to extend wireless coverage. Connects wirelessly to upstream network.',
features: [
'WiFi range extension',
'Wireless uplink (WDS/Relay)',
'Rebroadcast on same or different SSID',
'Signal amplification'
]
},
vpnrelay: {
id: 'vpnrelay',
name: 'VPN Relay',
icon: '🛡️',
description: 'Inject WireGuard/OpenVPN tunnels with kill-switch, DNS override, and policy routing for LAN clients.',
features: [
'WireGuard & OpenVPN profiles',
'Policy routing / split tunnel',
'DNS override & kill switch',
'Provider templates'
]
},
travel: {
id: 'travel',
name: 'Travel Router',
icon: '✈️',
description: 'Portable router for hotels and conferences. Clones WAN MAC and creates a secure personal hotspot.',
features: [
'Hotel WiFi client + scan wizard',
'MAC clone to bypass captive portals',
'Private WPA3 hotspot for your devices',
'Isolated NAT + DHCP sandbox'
]
},
sniffer: {
id: 'sniffer',
name: 'Sniffer Mode',
icon: '🔍',
description: 'Network monitoring and packet capture mode for security analysis and troubleshooting.',
features: [
'Promiscuous mode capture',
'WiFi monitor mode',
'pcap/pcapng output',
'Integration with Wireshark'
]
}
};
return modeInfo[mode] || {
id: mode,
name: mode.charAt(0).toUpperCase() + mode.slice(1),
icon: '⚙️',
description: 'Unknown mode',
features: []
};
},
// Format uptime seconds to human readable
formatUptime: function(seconds) {
if (!seconds || seconds < 0) return '0d 0h 0m';
var days = Math.floor(seconds / 86400);
var hours = Math.floor((seconds % 86400) / 3600);
var minutes = Math.floor((seconds % 3600) / 60);
return days + 'd ' + hours + 'h ' + minutes + 'm';
},
getSnifferConfig: callSnifferConfig,
getApConfig: callApConfig,
getRelayConfig: callRelayConfig,
getRouterConfig: callRouterConfig,
getTravelConfig: callTravelConfig,
getDoubleNatConfig: callDoubleNatConfig,
getMultiWanConfig: callMultiWanConfig,
getVpnRelayConfig: callVpnRelayConfig,
scanTravelNetworks: callTravelScan,
updateSettings: function(mode, settings) {
var payload = Object.assign({}, settings || {}, { mode: mode });
return callUpdateSettings(payload);
},
addVirtualHost: function(vhost) {
return callAddVhost(vhost);
},
generateConfig: function(mode) {
return callGenerateConfig(mode);
},
generateWireguardKeys: function() {
return callGenerateWireguardKeys();
},
applyWireguardConfig: function() {
return callApplyWireguardConfig();
},
applyMtuClamping: function() {
return callApplyMtuClamping();
},
enableTcpBbr: function() {
return callEnableTcpBbr();
}
});