Releases: cmbaughman/bare-mod
Releases · cmbaughman/bare-mod
v0.0.8
⚡ bare-mod v0.0.8
This release officially introduces the Grid Debugger and resolves modern CSS linting standards.
✨ What's New
- 12-Column Grid Overlay: A 2026-ready utility using CSS gradients to display a layout grid.
- Interactive Toggle: Toggle the grid instantly with
Ctrl + Shift + G. - Modern CSS Compliance: Refactored color alphas to percentage notation and removed redundant units on zero values to meet strict
stylelint-config-standardspecs.
🛠 Infrastructure
- Workflow Stability: Re-synchronized GitHub Actions to ensure the build pipeline reflects the latest style and logic fixes.
📦 Installation
npm install bare-mod@0.0.8v0.0.7 Dark mode and grid debuger
⚡ bare-mod v0.0.7
This release introduces the Grid Debugger, a powerful 2026-ready utility for visualizing layouts without adding extra bloat or external assets.
✨ What's New
- 12-Column Grid Overlay: A new CSS utility using a repeating linear gradient to display a 12-column grid. It respects your defined CSS variables and ensures perfect alignment during development.
- Interactive Debug Toggle: Added a global keyboard listener to the theme utility. Developers can now toggle the grid overlay on and off instantly using
Ctrl + Shift + G. - Data-Attribute Control: The debugger is driven by a
data-debugattribute on the<html>element, allowing for easy integration with browser extensions or dev-only scripts.
🛠 Improvements
- Asset-Free Implementation: The grid is generated entirely via CSS gradients, maintaining our "ultra-lightweight" philosophy by avoiding background images.
- OKLCH Consistency: Debugger colors are defined in the OKLCH color space, ensuring high-perceptual contrast and visibility in both light and dark modes.
📦 How to use the Debugger
- Ensure you have initialized the debug listener in your entry file:
import { initDebug } from 'bare-mod/theme';
initDebug();- Press Ctrl + Shift + G in your browser to toggle the 12-column grid.
Install: npm install bare-mod@0.0.7
v0.0.6 Build optimization
⚡ bare-mod v0.0.6
This release focuses on CI/CD infrastructure stability and build pipeline optimization.
🔧 Build & Infrastructure
- Fixed Build-Order Logic: Reordered GitHub Actions workflow to ensure minified assets are built before running the test suite, preventing "file not found" errors in fresh environments.
- Auto-Directory Management: Updated
scripts/build.jsto automatically generate thedistdirectory if it doesn't exist. - Lightning CSS Transform: Fully migrated to the Lightning CSS
transformAPI for sub-millisecond CSS minification and improved syntax lowering.
✨ Features
- Dynamic Dark Mode: A full OKLCH-based dark palette that respects
prefers-color-schemeand manualdata-themeoverrides. - Modular Theme Utility: Introduced
bare-mod/theme, a lightweight JS utility for handling theme persistence via LocalStorage. - Multi-Entry JS: Modernized
package.jsonto allow separate imports forfontsandthememodules.
📦 Installation
npm install bare-mod@0.0.6v0.0.5 dark mode update
⚡ bare-mod v0.0.5
The "Dark Mode" Update. This release introduces a modular theme-switching utility and an optimized Dark Mode color palette using OKLCH.
✨ What's New
- Theme Utility: Added
src/theme.js, a tiny, modular script to handle dark/light mode toggling and local storage persistence. - Dynamic Dark Mode: Refactored
bare.cssto include a high-contrast dark palette that respects system preferences (prefers-color-scheme) and manual overrides. - Multi-Entry Build: Updated the build pipeline to support multiple JavaScript entry points (
fontsandtheme).
🛠 Improvements
- Lightning CSS Integration: Switched to the
transformAPI for more robust CSS minification and future-proof syntax lowering. - Standardized Exports: Updated
package.jsonwith modernexportsfields for better compatibility with Vite, Webpack, and ES Modules.
📦 How to use the Toggle
- Add
data-theme-toggleto any button. - Import and initialize:
import { initTheme } from 'bare-mod/theme';
initTheme();📦 Installation
npm install bare-mod@0.0.5v0.0.4 - Automation & Syntax Polish
⚡ bare-mod v0.0.4
This release marks a major milestone: the full automation of the bare-mod deployment pipeline and a complete syntax audit to meet 2026 CSS standards.
✨ Highlights
- Fully Automated CI/CD: Every release is now automatically linted, tested, and built via GitHub Actions before hitting NPM.
- CSS Standards Audit: Refactored
bare.cssto comply with strict modern standards (Stylelint), including hue-degree notation and alpha-value percentages. - Enhanced Performance: Build process now uses the latest
Lightning CSSandesbuildfor sub-millisecond production asset generation.
🛠 Technical Changes
- Modern Media Queries: Switched to Range Notation (
width <= 600px) for better readability. - OKLCH Notation: Updated color variables to use explicit
degvalues for hues, ensuring maximum browser compatibility. - Code Style: Standardized declaration block formatting and property spacing.
📦 Installation
npm install bare-mod@0.0.4v0.0.3 - Initial Automation Launch
⚡ bare-mod v0.0.3
This release introduces automated CI/CD deployment and minor structural optimizations.
✨ What's New
- GitHub Actions Integration: Releases are now automatically tested and published to NPM.
- Improved 12-Column Logic: Better handling of responsive column spans.
- Visual Debugger: Added a toggleable debug mode for development.
🛠 Internal
- Updated build pipeline with Lightning CSS and esbuild.
- Added Stylelint for CSS quality control.
Install: npm install bare-mod@0.0.3