Dariusz L
79b1bef93e
- Implement core logger (logger.js) with log levels (DEBUG/INFO/WARN/ERROR) - Add LoggerUtils.js for module-specific logger initialization - Add configuration module (config.js) with DEBUG level default - Add CSS loader for dynamic stylesheet loading - Features: color-coded console output, localStorage persistence, log export, per-module log level control
51 lines
1.6 KiB
JavaScript
51 lines
1.6 KiB
JavaScript
/**
|
|
* CSS Loader
|
|
* Loads all CSS files for the resolution master components
|
|
*/
|
|
|
|
import { addStylesheet, getUrl } from "./utils/ResourceManager.js";
|
|
import { createModuleLogger } from "./utils/LoggerUtils.js";
|
|
|
|
const log = createModuleLogger('CSSLoader');
|
|
|
|
/**
|
|
* Loads all CSS files for the application
|
|
*/
|
|
export function loadAllStyles() {
|
|
try {
|
|
log.info('Loading CSS files...');
|
|
|
|
// Load all CSS files using getUrl for proper path resolution
|
|
const cssFiles = [
|
|
'./css/css-variables.css', // CSS Custom Properties - MUST BE FIRST!
|
|
'./css/common-components.css', // Shared component styles using cascade
|
|
'./css/aspect-ratio-columns.css', // Shared aspect ratio column styles
|
|
'./css/preset-manager-dialog.css',
|
|
'./css/searchable-dropdown.css',
|
|
'./css/rename-dialog.css',
|
|
'./css/json-editor-dialog.css',
|
|
'./css/preset-ui-components.css',
|
|
'./css/preset-list-renderer.css',
|
|
'./css/preset-add-view.css',
|
|
'./css/drag-drop.css'
|
|
];
|
|
|
|
cssFiles.forEach(file => {
|
|
addStylesheet(getUrl(file));
|
|
log.debug(`Loaded: ${file}`);
|
|
});
|
|
|
|
log.info('All CSS files loaded successfully');
|
|
} catch (error) {
|
|
log.error('Error loading CSS files:', error);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Call this function when the ResolutionMaster node is actually created/used
|
|
* to load styles only when needed, preventing global UI interference
|
|
*/
|
|
export function loadStylesWhenNeeded() {
|
|
loadAllStyles();
|
|
}
|