🐛Bug Fixes

• managers/IconManager.js — Fix persistent icon bug on Firefox:

  • Changed createIconStyles() to no longer cache an empty Set if the manifest is not yet loaded (isLoaded: false). This allows the system to retry generating the icon once data is received instead of getting stuck on a cached failure.
  • Removed the "Icons manifest not loaded yet" nuisance log during high-speed pre-rendering attempts.

• core/Marssel.js — Securing the initialization sequence:

  • Redesigned the init() method to guarantee a strict order of execution: Waiting for DOMContentLoaded ➔ Complete loading of manifests (Promise.all) ➔ Initialization of styles ➔ Parsing the DOM.
  • Moved preprocessAllCompactClasses() after resolving resource promises to eliminate any race conditions between parsing HTML classes and arriving at icon JSON.

📚 Documentation

• README: Modification of the README file.

🐛Bug Fixes

• managers/IconManager.js — Fixed the warning "Icons manifest not loaded yet": Added a initPromise in the constructor and a guard in init() to avoid double calls and ensure that getIconContent() is never invoked before the manifest has finished loading.

• core/Marssel.js — Moving setupObservers() after full initialization: The MutationObserver was started too early, before the icon manifest was loaded. It is now run in the setTimeout alongside other handlers, eliminating premature calls to getIconContent().

🐛Bug Fixes

• managers/ModalManager.js — Removed the warning "Modal overlay element not found": The console.warn emitted when initializing the ModalManager on pages not containing a #modal-overlay element has been removed. As this behavior is expected on certain pages, the absence of the overlay is no longer considered an anomaly and the manager stops silently.

📚 Documentation

• README: Modification of the README file.

📚 Documentation

• README: Modification of the README file.

🔧 CI/CD

• publish.yml: Changes to the GitHub Actions publishing workflow.

🔧 CI/CD

• publish.yml: Creation of the workflow file .github/workflows/publish.yml to automate publishing to npm.

🔧 CI/CD

• Test: GitHub push test to npmjs.

🔧 Configuration

• package.json: Replaced the GitHub Packages registry (https://npm.pkg.github.com/) with the public npmjs registry (https://registry.npmjs.org/) with public access.

🚀 First public version

• Official publication on npm under @marssel-vb/marssel

🐛Bug Fixes

• core/Marssel.js — Fix FOUC on header and footer: Fixed a visual display bug (Flash of Unstyled Content) where the header and the footer appeared briefly without styles when loading the page. The problem was that processCriticalElementsFirst() called updateStyles() (asynchronous via requestAnimationFrame), which delayed the injection of critical styles into the DOM. The method is now replaced by updateStylesSync() to ensure immediate and synchronous injection of critical element styles before marssel-ready is applied on the body.
• core/Marssel.js — Guarantee ready styles before revealing the body: Added a call to updateStylesSync() just before the double requestAnimationFrame which adds the marssel-ready class. This ensures that all critical styles are present in the stylesheet by the time the body becomes visible, eliminating any residual visual flash.

📚 Documentation

• Installation Guide: Added the recommended CSS block to prevent FOUC specifically on the header and the footer via the body:not(.marssel-ready) header / footer rules.

🐛Bug Fixes

• helpers.js: Fixed escaping the slash character (/) in the escapeValue function. The / is now correctly escaped to \/ only in the bracketed value, without affecting the rest of the CSS selector. This allows the use of classes such as grid-column-[1/-1] without breaking other styles.
• parsed.js: The / character is also allowed in normalizeClassName so that the class is not filtered before reaching the parser.

🐛Bug Fixes

• parsed.js: Fixed filtering of slash character (/) in normalizeClassName function. The / character is now included in the list of allowed characters, allowing the correct use of classes such as grid-column-[1/-1].

🐛Bug Fixes

• ToastManager: Fixed the toast overlapping bug when several notifications are displayed simultaneously at the same position. The toasts now stack vertically one under the other thanks to a system of flex groups by position.

✨ New Features

• ToastManager: Introduction of position groups (marssel-toast-group). Each position (top-right, bottom-left, etc.) now has a dedicated flex subcontainer that automatically manages toast stacking and removes itself from the DOM when empty.
• ToastStyles: Added POSITION_GROUP_STYLES styles for the flex container by position. bottom-* positions use flex-direction: column-reverse so that new toasts always appear on the correct side.

🔨 Optimization and Internal Improvements

• Marssel.js: Added loading of the styles cache on startup via styleManager.styleCache?.load(), allowing cached selectorDeclarations to be restored between navigations.
• Marssel.js: Centralization and clarification of the order of initialization of managers (headerManager, dropdownManager, toastManager, domManager) and addition of the double requestAnimationFrame for the application of the marssel-ready class on the body.
• General cleanup: Removed unnecessary comments in source files to lighten the code.

🐛Bug Fixes

• Readme.md: Improved file.

🔄 Version management

Marssel uses a centralized version system. When updating the package version:

1. Update the version in the package.json file.
2. Update the utils/version.js file with the same version.

This ensures that cache invalidation works correctly during updates.

✨ New Features

• Manifest path configuration: Added the paths option in the Marssel constructor allowing you to customize the manifest file paths for fonts and icons.

  const app = new Marssel({
      paths: {
          fontsManifest: "/custom/fonts-manifest.json",
          iconsManifest: "/custom/icons-manifest.json",
      },
  });

• Improved CLI generators: The generate-fonts-manifest.mjs and generate-icons-manifest.mjs generators now support the --fonts, --icons, --manifest and --pretty options for full customization.

🔨 Optimization and Internal Improvements

• FontManager: Using paths configurable via this.marssel.config.paths.fontsManifest instead of the hardcoded path.
• IconManager: Using paths configurable via this.marssel.config.paths.iconsManifest instead of hardcoded path.
• Backward compatibility: The default paths (/js/fonts-manifest.json and /js/icons-manifest.json) are preserved if the paths option is not provided.

📚 Documentation

• Installation Guide: Added complete documentation on generating manifests with npm commands.
• Configuration Guide: New section explaining the use of the paths option.
• Section icons: Updated with the correct commands from the npm package.

🐛Bug Fixes

• Added new icons: Added the share-network icon.
• StyleManager: Added order of breakpoints xxl > xl > lg > md etc...
• Readme.md: Improved file.

✨ New Features

• Cache system: Persistent cache manager for Marssel styles allows generated styles to be preserved between page navigations.

🐛Bug Fixes

• Added new icons: Added the gauge icon.
• Deleting icons: Deleting the following icons: chevron-down,chevron-left,chevron-right,chevron-up,chevron-double-down,chevron-double-up,chevron-double-left,chevron-double-up,ear-fill,inbox,map,pin,zap.
• FontManager: Use of () to enter the font-weight of the font such as font-[Sora(700)].
• helpers.js: Improved addHasToHex and cleanValue.