pms_md 1.0.0 → 1.0.2

package/package.json

@@ -1,22 +1,79 @@
 {
   "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.2",
+  "description": "Comprehensive monitoring solution for Node.js applications with error tracking, health checks, 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",
+    "sequelize": "^6.0.0",
+    "ioredis": "^5.0.0"
+  },
+  "peerDependenciesMeta": {
+    "express": {
+      "optional": true
+    },
+    "mongoose": {
+      "optional": true
+    },
+    "pg": {
+      "optional": true
+    },
+    "mysql2": {
+      "optional": true
+    },
+    "sequelize": {
+      "optional": true
+    },
+    "ioredis": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "jest": "^29.7.0"
+  },
+  "engines": {
+    "node": ">=14.0.0"
+  }
 }

package/test-sequelize-monitor.js

@@ -0,0 +1,102 @@
+/**
+ * Test script to verify Sequelize monitoring support
+ */
+
+const { Sequelize } = require('sequelize');
+const NodeMonitor = require('pms_md');
+
+console.log('🧪 Testing Sequelize Monitoring Support\n');
+
+// Create Sequelize instance (adjust credentials as needed)
+const sequelize = new Sequelize('asset_tracking', 'root', 'root', {
+  host: 'localhost',
+  dialect: 'mysql',
+  logging: false,
+  pool: {
+    max: 5,
+    min: 0,
+    acquire: 30000,
+    idle: 10000
+  }
+});
+
+// Initialize monitor
+const monitor = new NodeMonitor({
+  app: {
+    name: 'Test App',
+    version: '1.0.0',
+    environment: 'development'
+  },
+  notifications: {
+    email: {
+      enabled: false // Disable for testing
+    }
+  },
+  database: {
+    enabled: true,
+    queryTimeout: 5000
+  }
+});
+
+async function testMonitoring() {
+  try {
+    console.log('1️⃣  Testing database connection...');
+    await sequelize.authenticate();
+    console.log('   ✅ Database connected successfully\n');
+
+    console.log('2️⃣  Registering Sequelize instance for monitoring...');
+    monitor.registerDatabase('mysql', 'sequelize', sequelize);
+    console.log('   ✅ Database registered\n');
+
+    console.log('3️⃣  Starting monitoring services...');
+    monitor.start();
+    console.log('   ✅ Monitoring started\n');
+
+    console.log('4️⃣  Checking database connection status...');
+    const status = monitor.getStatus();
+    console.log('   Database Status:', JSON.stringify(status.databases, null, 2));
+    console.log('   ✅ Status retrieved\n');
+
+    console.log('5️⃣  Getting database statistics...');
+    const stats = await monitor.getDatabaseStats('mysql');
+    console.log('   Database Stats:', JSON.stringify(stats, null, 2));
+    console.log('   ✅ Stats retrieved\n');
+
+    console.log('6️⃣  Testing connection check...');
+    await new Promise(resolve => setTimeout(resolve, 2000)); // Wait 2 seconds
+    const statusAfter = monitor.getStatus();
+    console.log('   Connection Status:', statusAfter.databases.mysql.connected ? '✅ Connected' : '❌ Disconnected');
+    console.log('   Consecutive Failures:', statusAfter.databases.mysql.consecutiveFailures);
+    console.log('   ✅ Connection check completed\n');
+
+    console.log('7️⃣  Stopping monitoring...');
+    monitor.stop();
+    console.log('   ✅ Monitoring stopped\n');
+
+    console.log('8️⃣  Closing database connection...');
+    await sequelize.close();
+    console.log('   ✅ Database connection closed\n');
+
+    console.log('🎉 All tests passed successfully!\n');
+    console.log('✅ MySQL2 and Sequelize support is working correctly!');
+
+  } catch (error) {
+    console.error('\n❌ Test failed:', error.message);
+    console.error('\nFull error:', error);
+    
+    if (error.message.includes('Unknown database')) {
+      console.log('\n💡 Tip: Make sure the "asset_tracking" database exists in MySQL');
+      console.log('   You can create it with: CREATE DATABASE asset_tracking;');
+    } else if (error.message.includes('Access denied')) {
+      console.log('\n💡 Tip: Check your MySQL credentials (username/password)');
+    } else if (error.message.includes('ECONNREFUSED')) {
+      console.log('\n💡 Tip: Make sure MySQL server is running on localhost:3306');
+    }
+  } finally {
+    process.exit(0);
+  }
+}
+
+// Run the test
+testMonitoring();
+

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
-