Skip to content

Commit 7d4c893

Browse files
committed
πŸš€ Release v4.0.0-rc1: Complete Modernization
πŸŽ‰ Major modernization release bringing AdminLTE to current standards ## Key Improvements: - πŸ”’ Zero security vulnerabilities (all dependencies updated) - ⚑ ESLint v9 with modern flat configuration - πŸ“¦ Astro 5.x, Bootstrap 5.3.7, 50+ package updates - πŸ› οΈ New npm scripts: 'npm start', 'npm run build' - 🧹 700+ linting issues resolved, technical debt cleaned - 🎯 ES modules, modern tooling, optimal bundles ## Infrastructure: - Upgraded to ES modules with proper configurations - Migrated ESLint to v9 flat config format - Enhanced build scripts and developer experience - Added comprehensive CHANGELOG.md - Updated README.md with v4.0.0-rc1 highlights ## Quality & Security: - All npm vulnerabilities resolved - Zero linting errors across JS/TS/CSS/Astro - Updated browserslist and build dependencies - Removed deprecated patterns and dead code ## Compatibility: - No breaking changes for end users - Full Bootstrap 5.3.7 compatibility maintained - All HTML templates remain compatible - Enhanced developer experience with modern tooling See CHANGELOG.md for complete details.
1 parent 1a52342 commit 7d4c893

File tree

104 files changed

+7950
-4337
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

104 files changed

+7950
-4337
lines changed

β€ŽCHANGELOG.mdβ€Ž

Lines changed: 122 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,122 @@
1+
# Changelog
2+
3+
All notable changes to AdminLTE will be documented in this file.
4+
5+
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
6+
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
7+
8+
## [4.0.0-rc1] - 2024-12-20
9+
10+
### πŸŽ‰ Major Modernization Release
11+
12+
This release represents a complete modernization of the AdminLTE codebase, bringing it up to current standards with the latest tooling, dependencies, and best practices.
13+
14+
### πŸ”§ **Infrastructure & Tooling**
15+
16+
#### Added
17+
- **New npm scripts for better developer experience:**
18+
- `npm start` - Quick development server launch
19+
- `npm run build` - Convenient build command for development
20+
- Enhanced `npm run production` with bundlewatch integration
21+
22+
#### Changed
23+
- **Upgraded to ES Modules:** Added `"type": "module"` to package.json
24+
- **ESLint modernization:** Complete upgrade to ESLint v9 with new flat configuration format
25+
- Migrated from `.eslintrc.json` to modern `eslint.config.js`
26+
- Updated all ESLint plugins to latest versions
27+
- Resolved 700+ linting issues through automated fixes
28+
- **Astro configuration:** Added `output: 'static'` for proper static site generation
29+
- **Build optimizations:** Enhanced Rollup and PostCSS configurations for ES modules
30+
31+
### πŸ“¦ **Dependencies**
32+
33+
#### Updated
34+
- **Major version upgrades:**
35+
- `astro`: 4.15.12 β†’ 5.10.0
36+
- `eslint`: 8.57.1 β†’ 9.29.0
37+
- `@typescript-eslint/eslint-plugin`: 7.18.0 β†’ 8.34.1
38+
- `@typescript-eslint/parser`: 7.18.0 β†’ 8.34.1
39+
- `eslint-config-xo`: 0.44.0 β†’ 0.47.0
40+
- `eslint-config-xo-typescript`: 4.0.0 β†’ 8.0.1
41+
- `eslint-plugin-astro`: 0.34.0 β†’ 1.3.1
42+
- `eslint-plugin-unicorn`: 52.0.0 β†’ 59.0.1
43+
- `stylelint-config-twbs-bootstrap`: 15.1.0 β†’ 16.1.0
44+
45+
- **Minor/patch updates (50+ packages):**
46+
- `bootstrap`: 5.3.3 β†’ 5.3.7
47+
- `sass`: 1.78.0 β†’ 1.89.2
48+
- `typescript`: 5.6.2 β†’ 5.8.3
49+
- `prettier`: 3.3.3 β†’ 3.5.3
50+
- And many more...
51+
52+
### πŸ›‘οΈ **Security & Quality**
53+
54+
#### Fixed
55+
- **Resolved all npm security vulnerabilities** (0 vulnerabilities remaining)
56+
- **Updated browserslist database** to latest browser compatibility data
57+
- **Fixed all deprecation warnings** from SASS and other build tools
58+
59+
#### Improved
60+
- **Code quality:** Zero linting errors across JavaScript, TypeScript, CSS, and Astro files
61+
- **Bundle optimization:** All assets pass bundlewatch size thresholds
62+
- **Build reliability:** Complete production build pipeline works end-to-end
63+
64+
### 🧹 **Code Cleanup**
65+
66+
#### Removed
67+
- **Technical debt cleanup:**
68+
- Removed incomplete TODO comments and dead code
69+
- Cleaned up unused variables and imports
70+
- Standardized code formatting across all files
71+
72+
#### Fixed
73+
- **ESLint configuration conflicts** between different rule sets
74+
- **Module import issues** with JSON imports in ES modules
75+
- **Circular dependency warnings** in build tools
76+
77+
### πŸ“‹ **Development Experience**
78+
79+
#### Enhanced
80+
- **Faster development startup** with optimized watch tasks
81+
- **Cleaner build output** with suppressed non-critical warnings
82+
- **Better error reporting** with modern linting tools
83+
- **Improved script organization** with consistent naming conventions
84+
85+
### πŸ’» **Browser & Platform Support**
86+
87+
#### Maintained
88+
- **Full Bootstrap 5.3.7 compatibility**
89+
- **Modern browser support** with updated browserslist
90+
- **Static site generation** with Astro 5.x
91+
- **RTL (Right-to-Left) language support**
92+
93+
---
94+
95+
## Previous Versions
96+
97+
### [4.0.0-beta3] and earlier
98+
- Legacy versions with previous dependency sets
99+
- See git history for detailed changes in earlier versions
100+
101+
---
102+
103+
## Migration Guide
104+
105+
### From 4.0.0-beta3 to 4.0.0-rc1
106+
107+
**For Users:**
108+
- No breaking changes in the compiled CSS/JS output
109+
- All existing HTML templates remain fully compatible
110+
- CDN links and package imports work as before
111+
112+
**For Developers:**
113+
- Update your npm scripts if you were using custom ones
114+
- The new `npm start` command replaces manual `npm run dev`
115+
- ESLint configuration is now in `eslint.config.js` (old `.eslintrc.json` removed)
116+
- Build process now requires Node.js ES modules support
117+
118+
**Recommended Actions:**
119+
1. Run `npm install` to get latest dependencies
120+
2. Use `npm start` for development
121+
3. Use `npm run production` for production builds
122+
4. Review any custom ESLint configurations for compatibility

β€ŽREADME.mdβ€Ž

Lines changed: 43 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,19 @@
99
**AdminLTE** is a fully responsive administration template. Based on **[Bootstrap 5](https://getbootstrap.com/)** framework and also the JavaScript plugins.
1010
Highly customizable and easy to use. Fits many screen resolutions from small mobile devices to large desktops.
1111

12+
## ✨ What's New in v4.0.0-rc1
13+
14+
πŸš€ **Major Modernization Release** - AdminLTE has been completely modernized with:
15+
16+
- **πŸ”’ Zero Security Vulnerabilities** - All dependencies updated and vulnerabilities resolved
17+
- **⚑ Modern Tooling** - ESLint v9, Astro 5.x, latest Stylelint and build tools
18+
- **πŸ› οΈ Better Developer Experience** - New `npm start` command, improved scripts, cleaner builds
19+
- **πŸ“¦ Latest Dependencies** - Bootstrap 5.3.7, Node.js ES modules, 50+ package updates
20+
- **🧹 Code Quality** - Zero linting errors, removed technical debt, standardized formatting
21+
- **🎯 Future-Ready** - Modern configuration patterns, optimal bundle sizes, enhanced maintainability
22+
23+
See the [CHANGELOG.md](CHANGELOG.md) for complete details.
24+
1225
## Looking for Premium Templates?
1326

1427
AdminLTE.io just opened a new premium templates page. Hand picked to ensure the best quality and the most affordable
@@ -21,14 +34,37 @@ SCSS has been used to increase code customizability.
2134

2235
## Quick start
2336

24-
### Compile dist files
37+
### Development
38+
39+
To start developing with AdminLTE:
40+
41+
1. **Install dependencies:** `npm install`
42+
2. **Start development server:** `npm start` *(opens browser at http://localhost:3000)*
43+
3. **Start coding!** Files auto-compile and refresh on changes
44+
45+
### Production Build
46+
47+
To build for production:
48+
49+
1. **Full production build:** `npm run production` *(includes linting and optimization)*
50+
2. **Quick build:** `npm run build` *(faster for development/testing)*
51+
52+
### Available Scripts
2553

26-
To compile the dist files you need Node.js/npm, clone/download the repo then:
54+
- `npm start` - Start development server with file watching
55+
- `npm run build` - Build all assets for development
56+
- `npm run production` - Full production build with linting and bundlewatch
57+
- `npm run lint` - Run all linters (JS, CSS, docs, lockfile)
58+
- `npm run css` - Build CSS only
59+
- `npm run js` - Build JavaScript only
2760

28-
1. `npm install` (install npm deps)
29-
2. _Optional:_ `npm run dev` (developer mode, autocompile with browsersync support for live demo)
30-
3. `npm run production` (compile css/js files)
61+
## Browser Support
3162

63+
AdminLTE supports all modern browsers with the latest Bootstrap 5.3.7:
64+
- Chrome (latest)
65+
- Firefox (latest)
66+
- Safari (latest)
67+
- Edge (latest)
3268

3369
## Contributing
3470

@@ -40,8 +76,8 @@ To compile the dist files you need Node.js/npm, clone/download the repo then:
4076
- Clone this Repository to your machine and change to `master` branch.
4177
- Go to Cloned Folder.
4278
- In cli/bash run `npm install` it will install dependency from `package.json`.
43-
- After installation completes, run `npm run dev`
44-
- Cool, Send urs changes in PR to `master` branch.
79+
- After installation completes, run `npm start`
80+
- Cool, Send your changes in PR to `master` branch.
4581

4682
## Sponsorship
4783

0 commit comments

Comments
Β (0)