refactor(webui): give every core/ subsystem the js/css/html convention
Brings core/ in line with components/ — each subsystem now sorts its files into
js/ css/ html/ subfolders (and the nested auth/ + controls/ groups keep theirs):
core/topbar/{js/{topbar,mobile-menu}.js, css/{topbar,sidebar}.css, html/topbar.html}
core/theme/{js/theme-registry.js, css/{tokens,themes,base,aurora-background}.css}
core/forms/{css/{forms,config}.css, controls/js/{custom-number,custom-select}.js}
core/boot/{js/{system-loader,system-orchestrator}.js, auth/{js/auth-manager.js,css/login.css}}
core/{config,tasks,kernel}/js/… core/overlays/{js,css}/… core/setup/{js,css}/…
core/{app-meta,backup-card,data-loader,dom,live,notifications,ui-mode,ui-state}/js/…
core/{loading,update-notifier}/{js,css}/…
50 files relocated (pure git mv). All path literals rewritten from a generated
old→new map across index.html, system-loader.js bundles, topbar.js's internal
fetch (/core/topbar/html/topbar.html), and the three backup-app-card loaders. No
OLD path contained a js/css/html segment, so no double-prefixing was possible.
core/icons/ left as-is (shared asset tree). All 50 /core asset refs verified to
resolve; full node --check sweep clean.
Signed-off-by: librelad <librelad@digitalangels.vip>
This commit is contained in:
parent
e6987b2034
commit
fe5cc18827
@ -1287,10 +1287,10 @@ class AppsManager {
|
||||
|
||||
// Only load scripts if they're not already loaded
|
||||
const scripts = [
|
||||
{ name: 'TaskManager', src: '/core/tasks/task-manager.js' },
|
||||
{ name: 'TaskCommands', src: '/core/tasks/task-commands.js' },
|
||||
{ name: 'TaskActions', src: '/core/tasks/task-actions.js' },
|
||||
{ name: 'TaskRouter', src: '/core/tasks/task-router.js' },
|
||||
{ name: 'TaskManager', src: '/core/tasks/js/task-manager.js' },
|
||||
{ name: 'TaskCommands', src: '/core/tasks/js/task-commands.js' },
|
||||
{ name: 'TaskActions', src: '/core/tasks/js/task-actions.js' },
|
||||
{ name: 'TaskRouter', src: '/core/tasks/js/task-router.js' },
|
||||
{ name: 'TasksManager', src: '/components/tasks/js/tasks-manager.js' }
|
||||
];
|
||||
|
||||
|
||||
@ -31,7 +31,7 @@ LP.features.register({
|
||||
'/components/backup/configuration/js/backup-configuration.js',
|
||||
'/components/backup/configuration/js/backup-retention-presets.js',
|
||||
'/components/backup/configuration/js/backup-engine-details.js',
|
||||
'/core/backup-card/backup-app-card.js',
|
||||
'/core/backup-card/js/backup-app-card.js',
|
||||
],
|
||||
|
||||
async mount(ctx) {
|
||||
|
||||
@ -39,8 +39,8 @@ class SystemLoader {
|
||||
global: 'configManager',
|
||||
dependencies: ['data'],
|
||||
scripts: [
|
||||
'/core/config/options.js',
|
||||
'/core/config/field-factory.js',
|
||||
'/core/config/js/options.js',
|
||||
'/core/config/js/field-factory.js',
|
||||
'/components/admin/config/js/config-validator.js',
|
||||
'/components/admin/config/js/toggle-manager.js',
|
||||
'/components/admin/config/js/config-core.js',
|
||||
@ -69,9 +69,9 @@ class SystemLoader {
|
||||
global: null,
|
||||
dependencies: [],
|
||||
scripts: [
|
||||
'/core/topbar/topbar.js',
|
||||
'/core/update-notifier/update-notifier.js',
|
||||
'/core/topbar/mobile-menu.js'
|
||||
'/core/topbar/js/topbar.js',
|
||||
'/core/update-notifier/js/update-notifier.js',
|
||||
'/core/topbar/js/mobile-menu.js'
|
||||
]
|
||||
});
|
||||
|
||||
@ -89,7 +89,7 @@ class SystemLoader {
|
||||
},
|
||||
global: null,
|
||||
dependencies: [],
|
||||
script: '/core/overlays/confirmation-dialog.js'
|
||||
script: '/core/overlays/js/confirmation-dialog.js'
|
||||
});
|
||||
|
||||
// Notifications
|
||||
@ -106,7 +106,7 @@ class SystemLoader {
|
||||
},
|
||||
global: 'notificationSystem',
|
||||
dependencies: [],
|
||||
script: '/core/notifications/notifications.js'
|
||||
script: '/core/notifications/js/notifications.js'
|
||||
});
|
||||
|
||||
// Dashboard
|
||||
@ -162,12 +162,12 @@ class SystemLoader {
|
||||
global: 'tasksManager',
|
||||
dependencies: [],
|
||||
scripts: [
|
||||
'/core/tasks/task-event-bus.js',
|
||||
'/core/tasks/task-commands.js',
|
||||
'/core/tasks/task-actions.js',
|
||||
'/core/tasks/task-router.js',
|
||||
'/core/tasks/task-manager.js',
|
||||
'/core/tasks/task-parameter-preserve.js',
|
||||
'/core/tasks/js/task-event-bus.js',
|
||||
'/core/tasks/js/task-commands.js',
|
||||
'/core/tasks/js/task-actions.js',
|
||||
'/core/tasks/js/task-router.js',
|
||||
'/core/tasks/js/task-manager.js',
|
||||
'/core/tasks/js/task-parameter-preserve.js',
|
||||
'/components/tasks/js/tasks-manager.js', // base: class + constructor + init + bus wiring
|
||||
// prototype-augment clusters (load after base; ordered via async=false):
|
||||
'/components/tasks/js/tasks-format.js',
|
||||
@ -208,8 +208,8 @@ class SystemLoader {
|
||||
dependencies: ['data'],
|
||||
scripts: [
|
||||
'/components/apps/port-manager/js/port-manager.js',
|
||||
'/core/tasks/task-manager.js', // Add TaskManager for backup functionality
|
||||
'/core/backup-card/backup-app-card.js',
|
||||
'/core/tasks/js/task-manager.js', // Add TaskManager for backup functionality
|
||||
'/core/backup-card/js/backup-app-card.js',
|
||||
'/components/apps/services/js/services-manager.js',
|
||||
'/components/apps/tools/js/tools-manager.js',
|
||||
'/components/apps/routing/js/routing-manager.js',
|
||||
@ -369,7 +369,7 @@ class LibrePortalSPAClean {
|
||||
// loadScript is idempotent — subsequent /backup navigations are no-ops.
|
||||
await Promise.all([
|
||||
this.loadScript('/components/backup/core/js/backup-page.js'),
|
||||
this.loadScript('/core/backup-card/backup-app-card.js')
|
||||
this.loadScript('/core/backup-card/js/backup-app-card.js')
|
||||
]);
|
||||
const html = await this.fetchContent('/components/backup/core/html/backup-content.html');
|
||||
this.loadContent(html, 'Backups');
|
||||
@ -78,7 +78,7 @@
|
||||
<div class="mobile-drawer-page-section" id="mobile-drawer-page-section"></div>
|
||||
<div class="topbar-controls">
|
||||
<select id="theme-selector" class="theme-selector" aria-label="Theme">
|
||||
<!-- Options populated by ThemeRegistry — see /core/theme/theme-registry.js -->
|
||||
<!-- Options populated by ThemeRegistry — see /core/theme/js/theme-registry.js -->
|
||||
</select>
|
||||
<button class="donate-btn">Donate</button>
|
||||
<button class="logout-btn" id="logout-btn" title="Logout">
|
||||
@ -50,7 +50,7 @@ class TopbarComponent {
|
||||
// Load fresh topbar HTML
|
||||
try {
|
||||
//// // console.log('Loading topbar HTML (SPA mode)');
|
||||
const response = await fetch('/core/topbar/topbar.html');
|
||||
const response = await fetch('/core/topbar/html/topbar.html');
|
||||
if (!response.ok) {
|
||||
throw new Error(`Failed to load topbar: ${response.status}`);
|
||||
}
|
||||
@ -11,33 +11,33 @@
|
||||
|
||||
<!-- Styles -->
|
||||
<!-- Base token layer (theme-agnostic): --font-mono, --page-* identity hues -->
|
||||
<link rel="stylesheet" href="/core/theme/tokens.css">
|
||||
<link rel="stylesheet" href="/core/theme/themes.css">
|
||||
<link rel="stylesheet" href="/core/loading/loading-screen.css">
|
||||
<link rel="stylesheet" href="/core/setup/setup-wizard.css">
|
||||
<link rel="stylesheet" href="/core/theme/base.css">
|
||||
<link rel="stylesheet" href="/core/theme/css/tokens.css">
|
||||
<link rel="stylesheet" href="/core/theme/css/themes.css">
|
||||
<link rel="stylesheet" href="/core/loading/css/loading-screen.css">
|
||||
<link rel="stylesheet" href="/core/setup/css/setup-wizard.css">
|
||||
<link rel="stylesheet" href="/core/theme/css/base.css">
|
||||
<link rel="stylesheet" href="/components/admin/config/css/ip-whitelist.css">
|
||||
<link rel="stylesheet" href="/components/apps/port-manager/css/port-manager.css">
|
||||
<link rel="stylesheet" href="/components/backup/core/css/backup.css">
|
||||
<link rel="stylesheet" href="/components/admin/ssh/css/ssh.css">
|
||||
<link rel="stylesheet" href="/components/admin/core/css/admin.css">
|
||||
<link rel="stylesheet" href="/components/apps/services/css/services.css">
|
||||
<link rel="stylesheet" href="/core/overlays/modal.css">
|
||||
<link rel="stylesheet" href="/core/overlays/css/modal.css">
|
||||
<link rel="stylesheet" href="/components/apps/tools/css/tools.css">
|
||||
<link rel="stylesheet" href="/components/apps/routing/css/routing.css">
|
||||
<link rel="stylesheet" href="/core/boot/auth/login.css">
|
||||
<link rel="stylesheet" href="/core/theme/aurora-background.css">
|
||||
<link rel="stylesheet" href="/core/topbar/topbar.css">
|
||||
<link rel="stylesheet" href="/core/topbar/sidebar.css">
|
||||
<link rel="stylesheet" href="/core/boot/auth/css/login.css">
|
||||
<link rel="stylesheet" href="/core/theme/css/aurora-background.css">
|
||||
<link rel="stylesheet" href="/core/topbar/css/topbar.css">
|
||||
<link rel="stylesheet" href="/core/topbar/css/sidebar.css">
|
||||
<link rel="stylesheet" href="/components/apps/core/css/apps-layout.css">
|
||||
<link rel="stylesheet" href="/components/apps/core/css/apps.css">
|
||||
<link rel="stylesheet" href="/core/forms/forms.css">
|
||||
<link rel="stylesheet" href="/core/forms/config.css">
|
||||
<link rel="stylesheet" href="/core/forms/css/forms.css">
|
||||
<link rel="stylesheet" href="/core/forms/css/config.css">
|
||||
<link rel="stylesheet" href="/components/apps/core/css/service-buttons.css">
|
||||
<link rel="stylesheet" href="/components/dashboard/css/dashboard.css">
|
||||
<link rel="stylesheet" href="/components/tasks/css/tasks.css">
|
||||
<link rel="stylesheet" href="/components/updater/css/updater.css">
|
||||
<link rel="stylesheet" href="/core/update-notifier/update-notifier.css">
|
||||
<link rel="stylesheet" href="/core/update-notifier/css/update-notifier.css">
|
||||
<script>
|
||||
// Inline data-theme bootstrap — runs before any rendering so the right
|
||||
// palette tokens resolve on first paint. Synchronously injects a
|
||||
@ -66,9 +66,9 @@
|
||||
);
|
||||
})();
|
||||
</script>
|
||||
<script src="/core/theme/theme-registry.js"></script>
|
||||
<script src="/core/forms/controls/custom-select.js"></script>
|
||||
<script src="/core/forms/controls/custom-number.js"></script>
|
||||
<script src="/core/theme/js/theme-registry.js"></script>
|
||||
<script src="/core/forms/controls/js/custom-select.js"></script>
|
||||
<script src="/core/forms/controls/js/custom-number.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Topbar Container -->
|
||||
@ -85,31 +85,31 @@
|
||||
|
||||
<!-- Scripts -->
|
||||
<!-- Auth must load first — gates all other initialization -->
|
||||
<script src="/core/boot/auth/auth-manager.js"></script>
|
||||
<script src="/core/boot/auth/js/auth-manager.js"></script>
|
||||
<!-- Essential Bootstrap -->
|
||||
<!-- LpUi runs first so body.lp-ui--advanced / lp-ui--dev are set
|
||||
before any page/component renders → no FOUC of advanced sections. -->
|
||||
<script src="/core/ui-mode/lp-ui.js"></script>
|
||||
<script src="/core/dom/dom-helpers.js"></script>
|
||||
<script src="/core/app-meta/app-helpers.js"></script>
|
||||
<script src="/core/data-loader/data-loader.js"></script>
|
||||
<script src="/core/live/live-system.js"></script>
|
||||
<script src="/core/ui-state/dismissible.js"></script>
|
||||
<script src="/core/overlays/eo-modal.js"></script>
|
||||
<script src="/core/tasks/task-refresh-coordinator.js"></script>
|
||||
<script src="/core/ui-mode/js/lp-ui.js"></script>
|
||||
<script src="/core/dom/js/dom-helpers.js"></script>
|
||||
<script src="/core/app-meta/js/app-helpers.js"></script>
|
||||
<script src="/core/data-loader/js/data-loader.js"></script>
|
||||
<script src="/core/live/js/live-system.js"></script>
|
||||
<script src="/core/ui-state/js/dismissible.js"></script>
|
||||
<script src="/core/overlays/js/eo-modal.js"></script>
|
||||
<script src="/core/tasks/js/task-refresh-coordinator.js"></script>
|
||||
<script src="/components/dashboard/js/dashboard.js"></script>
|
||||
<script src="/core/boot/system-loader.js"></script>
|
||||
<script src="/core/loading/loading-ui.js"></script>
|
||||
<script src="/core/setup/setup-detector.js"></script>
|
||||
<script src="/core/setup/setup-wizard.js"></script>
|
||||
<script src="/core/setup/setup-completion-watcher.js"></script>
|
||||
<script src="/core/boot/system-orchestrator.js"></script>
|
||||
<script src="/core/boot/js/system-loader.js"></script>
|
||||
<script src="/core/loading/js/loading-ui.js"></script>
|
||||
<script src="/core/setup/js/setup-detector.js"></script>
|
||||
<script src="/core/setup/js/setup-wizard.js"></script>
|
||||
<script src="/core/setup/js/setup-completion-watcher.js"></script>
|
||||
<script src="/core/boot/js/system-orchestrator.js"></script>
|
||||
<!-- Feature-module kernel. Currently passive: defines window.LP.features and
|
||||
loads the page manifest; spa.js consults it for routing. See
|
||||
docs/frontend-modularization.md. -->
|
||||
<script src="/core/kernel/feature-registry.js"></script>
|
||||
<script src="/core/kernel/services.js"></script>
|
||||
<script src="/core/kernel/lifecycle.js"></script>
|
||||
<script src="/core/kernel/js/feature-registry.js"></script>
|
||||
<script src="/core/kernel/js/services.js"></script>
|
||||
<script src="/core/kernel/js/lifecycle.js"></script>
|
||||
<!-- Component (page) modules are NOT listed here: the kernel loads each one's
|
||||
self-registering index.js from the manifest (components/manifest.dev.json)
|
||||
before routing. Adding a page = drop a components/<id>/ folder + a manifest
|
||||
@ -122,6 +122,6 @@
|
||||
land on. Each handler's loadScript() call is idempotent — subsequent
|
||||
navigations to the same route are free.
|
||||
-->
|
||||
<script src="/core/kernel/spa.js"></script>
|
||||
<script src="/core/kernel/js/spa.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user