Add .npmignore file, update README with before/after images, and include enhanced logger visuals

Author: max-programming

.npmignore

@@ -0,0 +1,38 @@
+# dependencies (bun install)
+node_modules
+
+# output
+out
+dist
+*.tgz
+
+# code coverage
+coverage
+*.lcov
+
+# logs
+logs
+_.log
+report.[0-9]_.[0-9]_.[0-9]_.[0-9]_.json
+
+# dotenv environment variable files
+.env
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local
+
+# caches
+.eslintcache
+.cache
+*.tsbuildinfo
+
+# IntelliJ based IDEs
+.idea
+
+# Finder (MacOS) folder config
+.DS_Store
+
+dist
+
+images

README.md

@@ -2,6 +2,16 @@
 
 A beautiful, enhanced logger for Drizzle ORM that transforms your SQL queries into visually appealing, color-coded output with syntax highlighting, icons, and detailed formatting.
 
+## 📸 Before vs After
+
+### Before (Default Drizzle Logger)
+![Before - Default Drizzle Logger](./images/before.png)
+
+### After (Enhanced Query Logger)
+![After - Enhanced Query Logger](./images/after.png)
+
+*See the dramatic difference! The enhanced logger transforms plain SQL output into beautifully formatted, color-coded queries with syntax highlighting, icons, and structured parameter display.*
+
 ## ✨ Features
 
 - 🎨 **Beautiful formatting** with box-drawing characters and colors
@@ -67,19 +77,6 @@ const logger = new EnhancedQueryLogger({
 export const db = drizzle(client, { logger });
 ```
 
-### Example Output
-
-When you run queries, you'll see beautifully formatted output like this:
-
-```
-╭─ Database Query #1
-│  Time: 14:32:15
-│  🔍 SELECT on users
-│  SQL: SELECT id, name, email FROM users WHERE age > 18
-   ├─ Parameters: $1: 18
-╰──────────────────────────────────────────────────────
-```
-
 ## 🎯 Query Types & Icons
 
 The logger automatically detects and styles different query types: