adminator-admin-dashboard 2.7.0 → 2.7.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adminator-admin-dashboard",
-  "version": "2.7.0",
+  "version": "2.7.1",
   "private": false,
   "description": "Modern jQuery-free Bootstrap 5 Admin Dashboard Template with Dark Mode",
   "main": "dist/index.html",
@@ -38,7 +38,7 @@
     "src/**/*",
     "webpack.config.js",
     "CLAUDE.md",
-    "RELEASE_NOTES.md",
+    "CHANGELOG.md",
     "README.md"
   ],
   "engines": {
@@ -52,10 +52,14 @@
     "release:minified": "npm run clean && NODE_ENV=production MINIFY=true cross-env webpack",
     "release:unminified": "npm run clean && NODE_ENV=production MINIFY=false cross-env webpack",
     "preview": "cross-env webpack server",
+    "type-check": "tsc --noEmit",
+    "type-check:watch": "tsc --noEmit --watch",
+    "build:types": "tsc --emitDeclarationOnly --outDir types",
     "lint:js": "eslint ./src ./webpack ./*.js -f table --ext .js --ext .jsx",
+    "lint:ts": "eslint ./src ./webpack ./*.ts -f table --ext .ts --ext .tsx",
     "lint:scss": "stylelint ./src/**/*.scss",
-    "lint": "npm run lint:js && npm run lint:scss",
-    "prepublishOnly": "npm run build",
+    "lint": "npm run lint:js && npm run lint:ts && npm run lint:scss",
+    "prepublishOnly": "npm run type-check && npm run build",
     "postpublish": "echo 'Package published successfully! View at: https://www.npmjs.com/package/adminator-admin-dashboard'"
   },
   "devDependencies": {
@@ -65,6 +69,11 @@
     "@babel/preset-env": "^7.27.2",
     "@babel/runtime": "^7.27.6",
     "@eslint/js": "^9.29.0",
+    "@types/lodash": "^4.17.20",
+    "@types/masonry-layout": "^4.2.8",
+    "@types/node": "^24.0.12",
+    "@typescript-eslint/eslint-plugin": "^8.36.0",
+    "@typescript-eslint/parser": "^8.36.0",
     "babel-loader": "^10.0.0",
     "case-sensitive-paths-webpack-plugin": "^2.4.0",
     "copy-webpack-plugin": "^13.0.0",
@@ -85,6 +94,8 @@
     "style-loader": "^4.0.0",
     "stylelint": "^16.21.0",
     "stylelint-config-standard": "^38.0.0",
+    "ts-loader": "^9.5.2",
+    "typescript": "^5.8.3",
     "webpack": "^5.99.9",
     "webpack-cli": "^6.0.1",
     "webpack-dashboard": "^3.3.8",

package/src/assets/scripts/app.js

@@ -5,11 +5,11 @@
 
 // Note: Bootstrap 5 CSS is still available via SCSS imports
 // Bootstrap JS components removed to eliminate jQuery dependency
-import DOM from './utils/dom';
+import { DOM } from './utils/dom';
 import DateUtils from './utils/date';
-import Theme from './utils/theme';
-import Sidebar from './components/Sidebar';
-import ChartComponent from './components/Chart';
+import { ThemeManager } from './utils/theme';
+import { Sidebar } from './components/Sidebar';
+import { ChartComponent } from './components/Chart';
 
 // Import styles
 import '../styles/index.scss';
@@ -31,6 +31,7 @@ class AdminatorApp {
   constructor() {
     this.components = new Map();
     this.isInitialized = false;
+    this.themeManager = ThemeManager;
     
     // Initialize when DOM is ready
     DOM.ready(() => {
@@ -212,7 +213,7 @@ class AdminatorApp {
     // Initializing theme system
     
     // Initialize theme system first
-    Theme.init();
+    this.themeManager.init();
     
     // Inject theme toggle if missing - with retry mechanism
     setTimeout(() => {
@@ -249,11 +250,11 @@ class AdminatorApp {
         const toggle = DOM.select('#theme-toggle');
         if (toggle) {
         // Set initial state
-          const currentTheme = Theme.current();
+          const currentTheme = this.themeManager.current();
           toggle.checked = currentTheme === 'dark';
         
           DOM.on(toggle, 'change', () => {
-            Theme.apply(toggle.checked ? 'dark' : 'light');
+            this.themeManager.apply(toggle.checked ? 'dark' : 'light');
           });
         
           // Listen for theme changes from other sources