pms_md 1.0.0 → 1.0.3

package/package.json

@@ -1,22 +1,123 @@
 {
   "name": "pms_md",
-  "version": "1.0.0",
-  "description": "To make it easy for you to get started with GitLab, here's a list of recommended next steps.",
+  "version": "1.0.3",
+  "description": "Comprehensive monitoring solution for Node.js applications with error tracking, health checks, multi-database support (MongoDB, PostgreSQL, MySQL, MSSQL, SQLite, Redis, Cassandra, Elasticsearch, DynamoDB, Neo4j, CouchDB), and multi-channel notifications",
   "main": "index.js",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "jest",
+    "start": "node node-monitor/examples/express-app.js"
   },
   "repository": {
     "type": "git",
     "url": "git+https://gitlab.com/manish-proses/pms_md.git"
   },
   "keywords": [
-    "proses"
+    "proses",
+    "monitoring",
+    "health-check",
+    "error-tracking",
+    "notifications",
+    "alerts",
+    "nodejs",
+    "express",
+    "logging",
+    "winston",
+    "error-handler",
+    "health-monitoring",
+    "system-monitoring",
+    "email-notifications",
+    "slack-notifications"
   ],
   "author": "Manish Desai",
   "license": "ISC",
   "bugs": {
     "url": "https://gitlab.com/manish-proses/pms_md/issues"
   },
-  "homepage": "https://gitlab.com/manish-proses/pms_md#readme"
+  "homepage": "https://gitlab.com/manish-proses/pms_md#readme",
+  "dependencies": {
+    "winston": "^3.11.0",
+    "winston-daily-rotate-file": "^4.7.1",
+    "nodemailer": "^6.9.7",
+    "@slack/webhook": "^7.0.2",
+    "axios": "^1.6.2",
+    "node-cron": "^3.0.3"
+  },
+  "peerDependencies": {
+    "express": "^4.18.0 || ^5.0.0",
+    "mongoose": "^7.0.0 || ^8.0.0",
+    "pg": "^8.0.0",
+    "mysql2": "^2.0.0 || ^3.0.0",
+    "mariadb": "^3.0.0",
+    "mssql": "^9.0.0 || ^10.0.0",
+    "tedious": "^15.0.0 || ^16.0.0",
+    "sqlite3": "^5.0.0",
+    "better-sqlite3": "^8.0.0 || ^9.0.0",
+    "sequelize": "^6.0.0",
+    "ioredis": "^5.0.0",
+    "nano": "^10.0.0",
+    "cassandra-driver": "^4.0.0",
+    "@elastic/elasticsearch": "^8.0.0",
+    "@aws-sdk/client-dynamodb": "^3.0.0",
+    "aws-sdk": "^2.0.0",
+    "neo4j-driver": "^5.0.0"
+  },
+  "peerDependenciesMeta": {
+    "express": {
+      "optional": true
+    },
+    "mongoose": {
+      "optional": true
+    },
+    "pg": {
+      "optional": true
+    },
+    "mysql2": {
+      "optional": true
+    },
+    "mariadb": {
+      "optional": true
+    },
+    "mssql": {
+      "optional": true
+    },
+    "tedious": {
+      "optional": true
+    },
+    "sqlite3": {
+      "optional": true
+    },
+    "better-sqlite3": {
+      "optional": true
+    },
+    "sequelize": {
+      "optional": true
+    },
+    "ioredis": {
+      "optional": true
+    },
+    "nano": {
+      "optional": true
+    },
+    "cassandra-driver": {
+      "optional": true
+    },
+    "@elastic/elasticsearch": {
+      "optional": true
+    },
+    "@aws-sdk/client-dynamodb": {
+      "optional": true
+    },
+    "aws-sdk": {
+      "optional": true
+    },
+    "neo4j-driver": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "jest": "^29.7.0"
+  },
+  "engines": {
+    "node": ">=14.0.0"
+  }
 }

package/node-monitor/DESIGN_IMPROVEMENTS.md

@@ -1,286 +0,0 @@
-# 🎨 Design Improvements - Error Logs Page
-
-## Overview
-Comprehensive design improvements made to the Error Logs page to enhance visual appeal, user experience, and modern aesthetics.
-
----
-
-## ✨ Key Improvements
-
-### 1. **Modern Header with Gradient Background**
-- **Before:** Simple text header
-- **After:** Full-width gradient header with purple/blue theme
-- **Features:**
-  - Large icon (📋) with drop shadow
-  - Bold, prominent title with text shadow
-  - Descriptive subtitle
-  - Matches the overall app theme
-  - Responsive design for mobile devices
-
-### 2. **Enhanced Filter Buttons**
-- **Before:** Simple inline buttons with basic styling
-- **After:** Modern card-based filter system
-- **Features:**
-  - Grid layout with responsive columns
-  - Each button shows:
-    - Icon
-    - Label
-    - Count (large, prominent number)
-  - Animated left border that expands on active state
-  - Gradient backgrounds for each filter type:
-    - All Errors: Purple gradient
-    - API Errors: Red gradient
-    - Server Errors: Orange gradient
-    - Database Errors: Purple gradient
-  - Smooth hover effects with icon scaling
-  - Active state fills entire button with gradient
-
-### 3. **Improved Stats Cards**
-- **Before:** Basic white cards
-- **After:** Modern cards with visual enhancements
-- **Features:**
-  - Left border accent (purple)
-  - Decorative gradient background element in top-right
-  - Hover effect (lifts up with shadow)
-  - Better typography with uppercase labels
-  - Larger, bolder values
-  - Smooth transitions
-
-### 4. **Enhanced Error Item Cards**
-- **Before:** Simple list items with border
-- **After:** Interactive cards with hover effects
-- **Features:**
-  - Left border appears on hover (purple)
-  - Gradient background on hover
-  - Smooth padding transition
-  - Better visual feedback
-
-### 5. **Modernized Badges**
-- **Before:** Flat colored badges
-- **After:** Gradient badges with depth
-- **Features:**
-  - Gradient backgrounds
-  - Border for definition
-  - Box shadow for depth
-  - Scale animation on hover
-  - Better contrast and readability
-
-### 6. **Improved Action Buttons**
-- **Before:** Basic gradient buttons
-- **After:** Interactive buttons with ripple effect
-- **Features:**
-  - Ripple animation on hover (expanding circle)
-  - Better shadows
-  - Smooth lift effect on hover
-  - Icon and text separated for better layout
-  - Larger, more clickable
-
-### 7. **Enhanced File Selector**
-- **Before:** Simple dropdown
-- **After:** Styled container with visual hierarchy
-- **Features:**
-  - Gradient background container
-  - Border for definition
-  - Icon in label (📅)
-  - Better focus states with ring effect
-  - Hover effect on dropdown
-  - Improved typography
-
-### 8. **Inline Stats in Header**
-- **New Feature:** Quick stats at a glance
-- **Features:**
-  - Shows Total, API, and Server error counts
-  - Icon for each stat type
-  - Gradient background cards
-  - Left border accent
-  - Updates in real-time
-
-### 9. **Responsive Design**
-- **Mobile Optimizations:**
-  - Stacked layout for small screens
-  - Adjusted font sizes
-  - Full-width buttons
-  - Centered header content
-  - Smaller icons and padding
-
-### 10. **Smooth Animations**
-- **Added:**
-  - Fade-in animation for error items
-  - Smooth scroll behavior
-  - Hover transitions on all interactive elements
-  - Scale animations on badges
-  - Ripple effect on buttons
-  - Border expansion animations
-
----
-
-## 🎨 Color Scheme
-
-### Primary Colors:
-- **Purple Gradient:** `#667eea` → `#764ba2`
-- **Red (API Errors):** `#ef4444` → `#dc2626`
-- **Orange (Server Errors):** `#f59e0b` → `#d97706`
-- **Purple (Database Errors):** `#8b5cf6` → `#7c3aed`
-- **Green (Success):** `#10b981` → `#059669`
-- **Blue (Info):** `#3b82f6` → `#2563eb`
-
-### Neutral Colors:
-- **Background:** `#f9fafb`, `#f3f4f6`
-- **Text:** `#1f2937`, `#6b7280`
-- **Borders:** `#e5e7eb`
-
----
-
-## 📱 Responsive Breakpoints
-
-### Mobile (max-width: 768px):
-- Single column layout
-- Stacked filter buttons
-- Full-width action buttons
-- Smaller header icon and title
-- Centered content
-
----
-
-## 🔧 Technical Details
-
-### CSS Features Used:
-- **Flexbox** - For flexible layouts
-- **CSS Grid** - For responsive filter buttons
-- **Gradients** - Linear gradients for backgrounds
-- **Transitions** - Smooth animations
-- **Transform** - Scale and translate effects
-- **Box Shadow** - Depth and elevation
-- **Pseudo-elements** - `::before` for decorative elements
-- **Keyframe Animations** - Fade-in and spin animations
-
-### Performance Optimizations:
-- Hardware-accelerated transforms
-- Efficient CSS selectors
-- Minimal repaints
-- Smooth 60fps animations
-
----
-
-## 🎯 User Experience Improvements
-
-### Visual Hierarchy:
-1. **Header** - Most prominent, sets context
-2. **Quick Stats** - Immediate overview
-3. **File Selector & Actions** - Primary controls
-4. **Filter Buttons** - Secondary navigation
-5. **Stats Cards** - Detailed metrics
-6. **Error List** - Main content
-
-### Interaction Feedback:
-- ✅ Hover states on all clickable elements
-- ✅ Active states for current selection
-- ✅ Loading states with spinner
-- ✅ Empty states with friendly message
-- ✅ Smooth transitions for all state changes
-
-### Accessibility:
-- ✅ High contrast colors
-- ✅ Large click targets (min 44x44px)
-- ✅ Clear visual feedback
-- ✅ Readable font sizes
-- ✅ Semantic HTML structure
-
----
-
-## 📊 Before & After Comparison
-
-### Header:
-- **Before:** Plain text "📋 API Error Logs"
-- **After:** Full-width gradient banner with large icon, title, and subtitle
-
-### Filter Buttons:
-- **Before:** 4 inline buttons with basic colors
-- **After:** Grid of modern cards with icons, labels, counts, and animations
-
-### Stats Cards:
-- **Before:** Simple white cards
-- **After:** Cards with accents, decorative elements, and hover effects
-
-### Error Items:
-- **Before:** Static list items
-- **After:** Interactive cards with hover animations
-
----
-
-## 🚀 Future Enhancements (Optional)
-
-### Potential Additions:
-1. **Dark Mode** - Toggle for dark theme
-2. **Export Options** - CSV, JSON, PDF export
-3. **Search & Filter** - Text search within errors
-4. **Date Range Picker** - Filter by custom date range
-5. **Error Grouping** - Group similar errors
-6. **Charts & Graphs** - Visual error trends
-7. **Real-time Updates** - WebSocket for live updates
-8. **Keyboard Shortcuts** - Quick navigation
-9. **Customizable Views** - Save filter preferences
-10. **Error Details Modal** - Expanded view for errors
-
----
-
-## 📝 Code Structure
-
-### File Modified:
-- `node-monitor/examples/views/error-logs.ejs`
-
-### Sections Updated:
-1. **CSS Styles** (Lines 8-647)
-   - Page header gradient
-   - Filter buttons
-   - Stats cards
-   - Error items
-   - Badges
-   - Action buttons
-   - File selector
-   - Responsive design
-   - Animations
-
-2. **HTML Structure** (Lines 648-908)
-   - New gradient header
-   - Inline stats
-   - Restructured filter buttons
-   - Updated action buttons
-
----
-
-## ✅ Testing Checklist
-
-- [x] Desktop view (1920x1080)
-- [x] Tablet view (768x1024)
-- [x] Mobile view (375x667)
-- [x] Hover states
-- [x] Active states
-- [x] Loading states
-- [x] Empty states
-- [x] Long text handling
-- [x] Multiple errors display
-- [x] Filter functionality
-- [x] Refresh functionality
-- [x] Download functionality
-
----
-
-## 🎉 Summary
-
-The Error Logs page has been transformed from a functional but basic interface into a modern, visually appealing, and highly interactive dashboard. The improvements focus on:
-
-1. **Visual Appeal** - Modern gradients, shadows, and animations
-2. **User Experience** - Clear hierarchy, intuitive interactions
-3. **Responsiveness** - Works great on all devices
-4. **Performance** - Smooth 60fps animations
-5. **Accessibility** - High contrast, large targets, clear feedback
-
-The new design maintains the functionality while significantly enhancing the aesthetics and user experience!
-
----
-
-**Last Updated:** 2025-11-12  
-**Version:** 2.0  
-**Author:** Manish Desai
-

package/node-monitor/FILTER_BUTTONS_FIX.md

@@ -1,303 +0,0 @@
-# 🔧 Filter Buttons - Complete Fix
-
-## ✅ **Issue Fixed:**
-All filter buttons now start in **simple state** (white background with purple left border). No button has gradient background by default.
-
----
-
-## 🎨 **What Was Changed:**
-
-### **1. Removed Default Active Class from HTML** ✅
-**File:** `node-monitor/examples/views/error-logs.ejs` (Line 757)
-
-**Before:**
-```html
-<button class="filter-btn filter-all active" onclick="filterErrors('ALL')" id="filter-all">
-```
-
-**After:**
-```html
-<button class="filter-btn filter-all" onclick="filterErrors('ALL')" id="filter-all">
-```
-
----
-
-### **2. Updated CSS - Unified Default Border** ✅
-**File:** `node-monitor/examples/views/error-logs.ejs` (Line 182-192)
-
-**Before:**
-```css
-.filter-btn::before {
-    background: #e5e7eb; /* Gray border */
-}
-```
-
-**After:**
-```css
-.filter-btn::before {
-    background: #667eea; /* Purple border for all */
-}
-```
-
----
-
-### **3. Gradient Only on Active State** ✅
-**File:** `node-monitor/examples/views/error-logs.ejs` (Line 225-240)
-
-**Before:**
-```css
-.filter-all::before {
-    background: linear-gradient(135deg, #667eea, #764ba2);
-}
-```
-
-**After:**
-```css
-.filter-all.active::before {
-    background: linear-gradient(135deg, #667eea, #764ba2);
-}
-```
-
-Now gradients only apply when button has `.active` class!
-
----
-
-### **4. Fixed JavaScript to Use CSS Classes** ✅
-**File:** `node-monitor/examples/views/error-logs.ejs` (Line 953-972)
-
-**Before:**
-```javascript
-function filterErrors(type) {
-    // Used inline styles
-    activeBtn.style.background = color;
-    activeBtn.style.color = 'white';
-}
-```
-
-**After:**
-```javascript
-function filterErrors(type) {
-    // Remove active class from all buttons
-    document.querySelectorAll('.filter-btn').forEach(btn => {
-        btn.classList.remove('active');
-        btn.style.background = '';
-        btn.style.color = '';
-    });
-    
-    // Add active class to clicked button
-    const activeBtn = document.getElementById(`filter-${type.toLowerCase().replace('_error', '')}`);
-    if (activeBtn) {
-        activeBtn.classList.add('active');
-    }
-}
-```
-
----
-
-### **5. Ensure Clean State on Page Load** ✅
-**File:** `node-monitor/examples/views/error-logs.ejs` (Line 1006-1015)
-
-**Added:**
-```javascript
-window.addEventListener('load', () => {
-    // Ensure all filter buttons start in simple state
-    document.querySelectorAll('.filter-btn').forEach(btn => {
-        btn.classList.remove('active');
-        btn.style.background = '';
-        btn.style.color = '';
-    });
-    loadLogFile();
-});
-```
-
----
-
-## 📋 **How Buttons Work Now:**
-
-### **Default State (All Buttons Look Identical):**
-```
-┌─────────────────────┐
-│ 📊 All Errors       │  ← White background
-│    10               │  ← Purple left border (4px)
-└─────────────────────┘
-
-┌─────────────────────┐
-│ 🔗 API Errors       │  ← White background
-│    2                │  ← Purple left border (4px)
-└─────────────────────┘
-
-┌─────────────────────┐
-│ ⚙️ Server Errors    │  ← White background
-│    0                │  ← Purple left border (4px)
-└─────────────────────┘
-
-┌─────────────────────┐
-│ 🗄️ Database Errors  │  ← White background
-│    0                │  ← Purple left border (4px)
-└─────────────────────┘
-```
-
-### **Active State (When Clicked):**
-
-**All Errors (clicked):**
-```
-┌─────────────────────┐
-│ 📊 All Errors       │  ← Purple gradient background
-│    10               │  ← White text
-└─────────────────────┘
-```
-
-**API Errors (clicked):**
-```
-┌─────────────────────┐
-│ 🔗 API Errors       │  ← Red gradient background
-│    2                │  ← White text
-└─────────────────────┘
-```
-
-**Server Errors (clicked):**
-```
-┌─────────────────────┐
-│ ⚙️ Server Errors    │  ← Orange gradient background
-│    0                │  ← White text
-└─────────────────────┘
-```
-
-**Database Errors (clicked):**
-```
-┌─────────────────────┐
-│ 🗄️ Database Errors  │  ← Purple gradient background
-│    0                │  ← White text
-└─────────────────────┘
-```
-
----
-
-## 🎨 **Visual States:**
-
-### **Simple State:**
-- ✅ White background
-- ✅ Purple left border (4px, same for all)
-- ✅ Gray label text (#6b7280)
-- ✅ Dark count text (#1f2937)
-- ✅ Original icon colors
-- ✅ Light border (#e5e7eb)
-
-### **Hover State:**
-- ✅ Lifts up 2px
-- ✅ Border expands to 6px
-- ✅ Icon scales to 1.1x
-- ✅ Shadow appears
-
-### **Active State:**
-- ✅ Full gradient background (100% width)
-- ✅ White text (label + count)
-- ✅ White icon (inverted)
-- ✅ Lifted appearance
-- ✅ Stronger shadow
-- ✅ No border
-
----
-
-## 🔄 **User Interaction Flow:**
-
-1. **Page Loads:**
-   - All buttons in simple state
-   - No button is active
-   - All have purple left border
-
-2. **User Clicks "All Errors":**
-   - "All Errors" button gets purple gradient background
-   - Text turns white
-   - Other buttons remain in simple state
-
-3. **User Clicks "API Errors":**
-   - "All Errors" returns to simple state
-   - "API Errors" gets red gradient background
-   - Text turns white
-
-4. **User Clicks Another Button:**
-   - Previous active button returns to simple state
-   - New button gets its gradient background
-   - Only one button active at a time
-
----
-
-## 🎨 **Color Scheme:**
-
-### **Default State:**
-- Border: `#667eea` (Purple)
-- Background: `white`
-- Label: `#6b7280` (Gray)
-- Count: `#1f2937` (Dark Gray)
-
-### **Active Gradients:**
-- **All Errors:** `#667eea` → `#764ba2` (Purple)
-- **API Errors:** `#ef4444` → `#dc2626` (Red)
-- **Server Errors:** `#f59e0b` → `#d97706` (Orange)
-- **Database Errors:** `#8b5cf6` → `#7c3aed` (Purple)
-
-### **Active Text:**
-- Label: `#ffffff` (White)
-- Count: `#ffffff` (White)
-- Icon: White (inverted)
-
----
-
-## ✅ **Testing Checklist:**
-
-- [x] All buttons start in simple state
-- [x] No button has gradient by default
-- [x] All buttons have same purple left border
-- [x] Clicking button applies gradient
-- [x] Only one button active at a time
-- [x] Active button shows white text
-- [x] Inactive buttons return to simple state
-- [x] Hover effects work correctly
-- [x] Page load clears any cached states
-- [x] JavaScript uses CSS classes (not inline styles)
-
----
-
-## 🚀 **How to Test:**
-
-1. **Open the page:**
-   ```
-   http://localhost:3001/monitor/error-logs
-   ```
-
-2. **Do a hard refresh:**
-   - Windows: `Ctrl + Shift + R` or `Ctrl + F5`
-   - Mac: `Cmd + Shift + R`
-
-3. **Verify:**
-   - All 4 filter buttons look identical
-   - All have white background
-   - All have purple left border
-   - No button has gradient background
-
-4. **Click each button:**
-   - Verify gradient appears
-   - Verify text turns white
-   - Verify other buttons return to simple state
-
----
-
-## 📝 **Summary:**
-
-✅ **All filter buttons now start in simple state**  
-✅ **Unified purple left border for all buttons**  
-✅ **Gradient backgrounds only appear when clicked**  
-✅ **White text only appears when active**  
-✅ **Clean state on page load**  
-✅ **No inline styles**  
-✅ **CSS classes control all states**
-
-**The filter buttons are now working perfectly!** 🎉
-
----
-
-**Last Updated:** 2025-11-12  
-**Version:** 3.0  
-**Status:** ✅ FIXED
-