Fixed several ESLint warnings

Author: puikinsh

.editorconfig

@@ -0,0 +1,29 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.{js,jsx,ts,tsx,mjs,cjs}]
+indent_style = space
+indent_size = 2
+
+[*.{css,scss,sass}]
+indent_style = space
+indent_size = 2
+
+[*.{html,htm}]
+indent_style = space
+indent_size = 4
+
+[*.{json,yml,yaml}]
+indent_style = space
+indent_size = 2
+
+[*.md]
+trim_trailing_whitespace = false
+
+[Makefile]
+indent_style = tab

.env.example

@@ -0,0 +1,23 @@
+# ===========================================
+# Metis Admin Template - Environment Variables
+# ===========================================
+# Copy this file to .env.local for local development
+# Never commit .env.local to version control
+
+# Development Server
+VITE_PORT=3000
+VITE_HOST=localhost
+
+# API Configuration (for future backend integration)
+VITE_API_URL=http://localhost:3001/api
+VITE_API_TIMEOUT=10000
+
+# Feature Flags
+VITE_ENABLE_DEMO_DATA=true
+VITE_ENABLE_MOCK_AUTH=true
+
+# Optional: Icon Library (bootstrap or lucide)
+VITE_ICON_PROVIDER=bootstrap
+
+# Optional: Analytics (leave empty to disable)
+VITE_ANALYTICS_ID=

.gitignore

@@ -45,7 +45,11 @@ tmp
 temp
 TODO.md
 .tmp
-CLAUDE.md
+
+# Environment files (keep .env.example)
+.env
+.env.local
+.env.*.local
 
 # Build output (keep for version control)
 # dist-modern/

.prettierignore

@@ -0,0 +1,7 @@
+node_modules
+dist
+dist-modern
+package-lock.json
+.git
+*.min.js
+*.min.css

.prettierrc.json

@@ -0,0 +1,11 @@
+{
+  "semi": true,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "es5",
+  "printWidth": 100,
+  "arrowParens": "always",
+  "endOfLine": "lf",
+  "bracketSpacing": true,
+  "htmlWhitespaceSensitivity": "css"
+}

CHANGELOG.md

@@ -7,9 +7,18 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [3.2.0] - 2025-11-29
 
-### 🎉 Maintenance Release - All Dependencies Updated
+### 🎉 Maintenance Release - Dependencies, Build Optimization & DX Improvements
 
-This release brings all dependencies to their latest versions with improved ESLint configuration for ESLint v9.
+This release brings all dependencies to their latest versions, significantly improves build performance through chunk splitting, and enhances developer experience with new configuration files.
+
+### 🚀 Build Performance Improvements
+
+- **Vendor Chunk Splitting** - Main bundle reduced from 993KB to 33KB
+  - `vendor-bootstrap.js` (82KB) - Bootstrap & Popper
+  - `vendor-ui.js` (123KB) - Alpine.js, SweetAlert2, Day.js
+  - `vendor-charts.js` (756KB) - Chart.js, ApexCharts
+- **Better Browser Caching** - Vendor chunks cached separately from app code
+- **Optimized Dependency Pre-bundling** - Faster dev server startup
 
 ### 📦 Updated Production Dependencies
 
@@ -33,18 +42,31 @@ This release brings all dependencies to their latest versions with improved ESLi
 
 ### ✨ Added
 
-- **ESLint v9 Configuration** - New `eslint.config.js` flat config format replacing deprecated `.eslintrc`
-- **@eslint/js** - Added ESLint JavaScript configuration package
+- **`.prettierrc.json`** - Standardized code formatting configuration
+- **`.prettierignore`** - Exclude build artifacts from formatting
+- **`.editorconfig`** - IDE-agnostic coding standards
+- **`postcss.config.js`** - PostCSS/Autoprefixer configuration
+- **`.env.example`** - Environment variable template for easy onboarding
+- **`DEVELOPMENT.md`** - Comprehensive development documentation
+- **ESLint v9 Configuration** - New `eslint.config.js` flat config format
+- **New npm scripts**:
+  - `npm run serve` - Build and preview in one command
+  - `npm run lint:fix` - Auto-fix linting issues
+  - `npm run format:check` - Check formatting without changes
+  - `npm run check` - Run lint + format check
+  - `npm run clean:all` - Deep clean including node_modules
 
 ### 🐛 Fixed
 
-- **Duplicate Method Error** - Fixed duplicate `changePassword()` method in security component
-- **ESLint Configuration** - Migrated to ESLint v9 flat config format
+- **Duplicate Method Error** - Fixed duplicate `changePassword()` in security component
+- **Unused Bootstrap Imports** - Removed unused Alert, Button, Carousel, ScrollSpy imports
+- **ESLint Warnings** - Reduced from 16 to 12 warnings
 
 ### 🔧 Changed
 
-- **Lint Script** - Simplified ESLint command in package.json for ESLint v9 compatibility
-- **CLAUDE.md** - Updated dependency versions in documentation
+- **Vite Configuration** - Cleaner syntax with `__dirname` helper
+- **CLAUDE.md** - Streamlined to quick reference, detailed docs moved to DEVELOPMENT.md
+- **`.gitignore`** - Added environment file patterns, removed CLAUDE.md exclusion
 
 ### 🔒 Security
 

CLAUDE.md

@@ -0,0 +1,72 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Project Overview
+
+Modern Bootstrap 5 Admin Dashboard Template (v3.2.0) using Vite, Alpine.js, and SCSS.
+
+| Directory | Purpose |
+|-----------|---------|
+| `src-modern/` | Source files (Bootstrap 5.3.8, ES6+ modules) |
+| `dist-modern/` | Production build output |
+| `src/`, `dist/` | Legacy Bootstrap 3 code - **do not use** |
+
+## Commands
+
+```bash
+npm run dev      # Dev server at http://localhost:3000
+npm run build    # Production build
+npm run lint     # ESLint check
+npm run format   # Prettier format
+```
+
+## Key Files
+
+| File | Purpose |
+|------|---------|
+| `src-modern/scripts/main.js` | App entry point, initializes AdminApp class |
+| `src-modern/styles/scss/main.scss` | SCSS entry point |
+| `vite.config.js` | Build config with multi-page entries |
+| `eslint.config.js` | ESLint v9 flat config |
+
+## Architecture Quick Reference
+
+**Page Detection**: Each HTML page needs `data-page="pagename"` on `<body>` to load correct component.
+
+**Component Loading**: Dynamic imports in `main.js` based on page:
+
+```javascript
+case 'users':
+  await import('./components/users.js');
+  break;
+```
+
+**Alpine.js Pattern**: Components register via `Alpine.data()`:
+
+```javascript
+Alpine.data('componentName', () => ({
+  init() { /* setup */ },
+  // methods and state
+}));
+```
+
+## Adding a New Page
+
+1. Create `src-modern/newpage.html` with `data-page="newpage"` on body
+2. Add entry to `vite.config.js` → `rollupOptions.input`
+3. Create `src-modern/scripts/components/newpage.js`
+4. Add case to `initPageComponents()` in `main.js`
+5. Optional: Create `src-modern/styles/scss/pages/_newpage.scss` and import in `main.scss`
+
+## Dependencies
+
+- **UI**: Bootstrap 5.3.8, Bootstrap Icons 1.13.1
+- **Reactive**: Alpine.js 3.15.2
+- **Charts**: ApexCharts 5.3.6, Chart.js 4.5.1
+- **Notifications**: SweetAlert2 11.26.3
+- **Build**: Vite 7.2.4, Sass 1.94.2
+
+## Documentation
+
+See [DEVELOPMENT.md](DEVELOPMENT.md) for detailed architecture, patterns, and styling guide.

dist-modern/analytics.html

@@ -24,9 +24,12 @@
     <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
 
     <!-- Custom Styles for Analytics Dashboard -->
-  <script type="module" crossorigin src="./assets/main-DVF5gxTI.js"></script>
-  <script type="module" crossorigin src="./assets/analytics-DOQTIi0C.js"></script>
-  <link rel="stylesheet" crossorigin href="./assets/main-B6AQ7n8q.css">
+  <script type="module" crossorigin src="./assets/vendor-bootstrap-C9iorZI5.js"></script>
+  <script type="module" crossorigin src="./assets/vendor-charts-DGwYAWel.js"></script>
+  <script type="module" crossorigin src="./assets/vendor-ui-DjYv-mAO.js"></script>
+  <script type="module" crossorigin src="./assets/main-BHbn44Op.js"></script>
+  <script type="module" crossorigin src="./assets/analytics-ChgB2M2c.js"></script>
+  <link rel="stylesheet" crossorigin href="./assets/main-QD_VOj1Y.css">
 </head>
 
 <body data-page="analytics" class="analytics-page">