npm - @ngn-net/nestjs-telescope - Versions diffs - 0.2.3 → 0.2.5 - Mend

@ngn-net/nestjs-telescope 0.2.3 → 0.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/index.d.ts +1 -0
package/dist/index.js +1 -0
package/dist/telescope.module.js +4 -0
package/dist/ui/index.html +210 -2
package/dist/ui/manifest.json +2 -2
package/dist/watchers/http-client.watcher.js +148 -107
package/package.json +1 -1
package/ui/index.html +210 -2

package/dist/index.d.ts CHANGED Viewed

@@ -12,3 +12,4 @@ export * from './watchers/command.watcher';
 export * from './watchers/model.watcher';
 export * from './watchers/notification.watcher';
 export * from './watchers/gate.watcher';
+export * from './watchers/http-client.watcher';

package/dist/index.js CHANGED Viewed

@@ -30,3 +30,4 @@ __exportStar(require("./watchers/command.watcher"), exports);
 __exportStar(require("./watchers/model.watcher"), exports);
 __exportStar(require("./watchers/notification.watcher"), exports);
 __exportStar(require("./watchers/gate.watcher"), exports);
+__exportStar(require("./watchers/http-client.watcher"), exports);

package/dist/telescope.module.js CHANGED Viewed

@@ -25,6 +25,7 @@ const telescope_controller_1 = require("./controllers/telescope.controller");
 const telescope_repository_service_1 = require("./storage/telescope-repository.service");
 const telescope_entry_entity_1 = require("./storage/entities/telescope-entry.entity");
 const http_request_watcher_1 = require("./watchers/http-request.watcher");
+const http_client_watcher_1 = require("./watchers/http-client.watcher");
 const query_watcher_1 = require("./watchers/query.watcher");
 const cache_watcher_1 = require("./watchers/cache.watcher");
 const queue_watcher_1 = require("./watchers/queue.watcher");
@@ -238,6 +239,7 @@ let TelescopeModule = TelescopeModule_1 = class TelescopeModule {
         // Additional optional watchers (non-interceptors)
         if (!options.enabledEntryTypes || options.enabledEntryTypes.includes(entry_type_enum_1.EntryType.HTTP_CLIENT)) {
             providers.push(http_service_watcher_1.HttpServiceWatcher);
+            providers.push(http_client_watcher_1.HttpClientWatcher);
         }
         if (!options.enabledEntryTypes || options.enabledEntryTypes.includes(entry_type_enum_1.EntryType.COMMAND)) {
             providers.push(command_watcher_1.CommandWatcher);
@@ -310,6 +312,8 @@ let TelescopeModule = TelescopeModule_1 = class TelescopeModule {
         providers.push(query_watcher_1.QueryWatcher);
         providers.push(log_watcher_1.LogWatcher);
         providers.push(redis_watcher_1.RedisWatcher);
+        providers.push(http_client_watcher_1.HttpClientWatcher);
+        providers.push(http_service_watcher_1.HttpServiceWatcher);
         // Optional modules/watchers if packages are present
         try {
             require('@nestjs/cache-manager');

package/dist/ui/index.html CHANGED Viewed

@@ -487,6 +487,7 @@
     }
     .badge-request { background-color: rgba(59, 130, 246, 0.12); color: var(--accent-blue); }
+    .badge-http_client { background-color: rgba(99, 102, 241, 0.12); color: var(--primary); }
     .badge-query { background-color: rgba(16, 185, 129, 0.12); color: var(--accent-green); }
     .badge-cache { background-color: rgba(245, 158, 11, 0.12); color: var(--accent-amber); }
     .badge-job { background-color: rgba(139, 92, 246, 0.12); color: var(--accent-purple); }
@@ -496,6 +497,11 @@
     .badge-exception { background-color: rgba(244, 63, 94, 0.12); color: var(--accent-red); }
     .badge-scheduled_task { background-color: rgba(245, 158, 11, 0.12); color: var(--accent-amber); }
     .badge-redis { background-color: rgba(139, 92, 246, 0.12); color: var(--accent-purple); }
+    .badge-gate { background-color: rgba(244, 63, 94, 0.12); color: var(--accent-red); }
+    .badge-command { background-color: rgba(148, 163, 184, 0.15); color: var(--text-main); }
+    .badge-model { background-color: rgba(16, 185, 129, 0.12); color: var(--accent-green); }
+    .badge-notification { background-color: rgba(245, 158, 11, 0.12); color: var(--accent-amber); }
+    .badge-dump { background-color: rgba(139, 92, 246, 0.12); color: var(--accent-purple); }
     .badge-get { background-color: rgba(16, 185, 129, 0.15); color: var(--accent-green); }
     .badge-post { background-color: rgba(59, 130, 246, 0.15); color: var(--accent-blue); }
@@ -845,6 +851,7 @@
     const NAVIGATION_TABS = [
       { id: 'all', label: 'All Entries', icon: '🔍' },
       { id: 'request', label: 'HTTP Requests', icon: '🌐' },
+      { id: 'http_client', label: 'HTTP Client Requests', icon: '📞' },
       { id: 'query', label: 'Database Queries', icon: '💾' },
       { id: 'cache', label: 'Cache Ops', icon: '⚡' },
       { id: 'job', label: 'Queue Jobs', icon: '⚙️' },
@@ -854,6 +861,11 @@
       { id: 'exception', label: 'Exceptions', icon: '❌' },
       { id: 'scheduled_task', label: 'Scheduled Tasks', icon: '⏱️' },
       { id: 'redis', label: 'Redis Commands', icon: '🔑' },
+      { id: 'gate', label: 'Gates', icon: '🚪' },
+      { id: 'command', label: 'Commands', icon: '💻' },
+      { id: 'model', label: 'Models', icon: '📦' },
+      { id: 'notification', label: 'Notifications', icon: '🔔' },
+      { id: 'dump', label: 'Dumps', icon: '🗑️' },
     ];
     function App() {
@@ -1151,7 +1163,7 @@
               {/* Stats Grid at the top for quick insights */}
               {activeTab === 'all' && (
                 <div className="stats-grid">
-                  {NAVIGATION_TABS.slice(1, 7).map((tab) => (
+                  {NAVIGATION_TABS.slice(1).map((tab) => (
                     <div
                       key={tab.id}
                       className={`stat-card ${activeTab === tab.id ? 'active' : ''}`}
@@ -1324,7 +1336,7 @@
     // Determine font family for subtitle
     function varMono(type) {
-      return (type === 'query' || type === 'redis' || type === 'request') ? 'var(--font-mono)' : 'var(--font-sans)';
+      return (type === 'query' || type === 'redis' || type === 'request' || type === 'http_client' || type === 'command') ? 'var(--font-mono)' : 'var(--font-sans)';
     }
     // Helper functions for displaying table items
@@ -1345,6 +1357,16 @@
             subtitle: `${req.url || '/'}`,
             status: statusBadge
           };
+        case 'http_client':
+          return {
+            title: `${content.method || 'GET'}`,
+            subtitle: `${content.url || ''} (${content.duration || 0}ms)`,
+            status: content.responseStatus >= 400 ? (
+              <span className="badge badge-status-err">{content.responseStatus}</span>
+            ) : (
+              <span className="badge badge-status-ok">{content.responseStatus || '200'}</span>
+            )
+          };
         case 'query':
           return {
             title: content.query || 'DB Query',
@@ -1419,6 +1441,40 @@
               <span className="badge badge-status-ok">success</span>
             )
           };
+        case 'gate':
+          return {
+            title: `Gate: ${content.gate || ''}`,
+            subtitle: content.user ? `User: ${JSON.stringify(content.user)}` : 'Anonymous',
+            status: content.allowed ? (
+              <span className="badge badge-status-ok">allowed</span>
+            ) : (
+              <span className="badge badge-status-err">denied</span>
+            )
+          };
+        case 'command':
+          return {
+            title: `Command: ${content.command || ''}`,
+            subtitle: (content.args || []).join(' '),
+            status: <span className="badge badge-status-ok">{content.exitCode ?? 'executed'}</span>
+          };
+        case 'model':
+          return {
+            title: `${(content.action || '').toUpperCase()} model`,
+            subtitle: `${content.entity || ''} (${content.primaryKey || ''})`,
+            status: <span className="badge badge-status-ok">{content.action}</span>
+          };
+        case 'notification':
+          return {
+            title: `Notification: ${content.notification || ''}`,
+            subtitle: content.timestamp || '',
+            status: <span className="badge badge-status-ok">sent</span>
+          };
+        case 'dump':
+          return {
+            title: `Dump`,
+            subtitle: typeof content.message === 'string' ? content.message : JSON.stringify(content.message),
+            status: <span className="badge badge-status-ok">dumped</span>
+          };
         default:
           return {
             title: 'Telescope Entry',
@@ -1471,6 +1527,59 @@
               )}
             </React.Fragment>
           );
+        case 'http_client':
+          return (
+            <React.Fragment>
+              <div className="key-val-row">
+                <div className="key-val-label">HTTP Method</div>
+                <div className="key-val-value" style={{ fontWeight: '600', color: '#fff' }}>{content.method}</div>
+              </div>
+              <div className="key-val-row">
+                <div className="key-val-label">URL</div>
+                <div className="key-val-value" style={{ fontFamily: 'var(--font-mono)', color: '#818cf8' }}>{content.url}</div>
+              </div>
+              <div className="key-val-row">
+                <div className="key-val-label">Duration</div>
+                <div className="key-val-value">{content.duration} ms</div>
+              </div>
+              {content.requestHeaders && Object.keys(content.requestHeaders).length > 0 && (
+                <div className="key-val-row" style={{ flexDirection: 'column', display: 'flex', gap: '8px' }}>
+                  <div className="key-val-label">Request Headers</div>
+                  <pre className="json-code">{JSON.stringify(content.requestHeaders, null, 2)}</pre>
+                </div>
+              )}
+              {content.requestBody && (
+                <div className="key-val-row" style={{ flexDirection: 'column', display: 'flex', gap: '8px' }}>
+                  <div className="key-val-label">Request Body</div>
+                  <pre className="json-code">{JSON.stringify(content.requestBody, null, 2)}</pre>
+                </div>
+              )}
+              {content.responseStatus !== undefined && (
+                <div className="key-val-row">
+                  <div className="key-val-label">Response Status</div>
+                  <div className="key-val-value">{content.responseStatus}</div>
+                </div>
+              )}
+              {content.responseHeaders && Object.keys(content.responseHeaders).length > 0 && (
+                <div className="key-val-row" style={{ flexDirection: 'column', display: 'flex', gap: '8px' }}>
+                  <div className="key-val-label">Response Headers</div>
+                  <pre className="json-code">{JSON.stringify(content.responseHeaders, null, 2)}</pre>
+                </div>
+              )}
+              {content.responseBody && (
+                <div className="key-val-row" style={{ flexDirection: 'column', display: 'flex', gap: '8px' }}>
+                  <div className="key-val-label">Response Body</div>
+                  <pre className="json-code">{JSON.stringify(content.responseBody, null, 2)}</pre>
+                </div>
+              )}
+              {content.error && (
+                <div className="key-val-row">
+                  <div className="key-val-label">Error</div>
+                  <div className="key-val-value" style={{ color: 'var(--accent-red)' }}>{content.error}</div>
+                </div>
+              )}
+            </React.Fragment>
+          );
         case 'query':
           return (
             <React.Fragment>
@@ -1617,6 +1726,105 @@
               )}
             </React.Fragment>
           );
+        case 'gate':
+          return (
+            <React.Fragment>
+              <div className="key-val-row">
+                <div className="key-val-label">Gate Name</div>
+                <div className="key-val-value" style={{ fontWeight: '600', color: '#fff' }}>{content.gate}</div>
+              </div>
+              <div className="key-val-row">
+                <div className="key-val-label">Result</div>
+                <div className="key-val-value">
+                  {content.allowed ? (
+                    <span className="badge badge-status-ok">Allowed</span>
+                  ) : (
+                    <span className="badge badge-status-err">Denied</span>
+                  )}
+                </div>
+              </div>
+              {content.user && (
+                <div className="key-val-row" style={{ flexDirection: 'column', display: 'flex', gap: '8px' }}>
+                  <div className="key-val-label">User Context</div>
+                  <pre className="json-code">{JSON.stringify(content.user, null, 2)}</pre>
+                </div>
+              )}
+            </React.Fragment>
+          );
+        case 'command':
+          return (
+            <React.Fragment>
+              <div className="key-val-row">
+                <div className="key-val-label">Command</div>
+                <div className="key-val-value" style={{ fontWeight: '600', color: '#fff', fontFamily: 'var(--font-mono)' }}>{content.command}</div>
+              </div>
+              {content.args && content.args.length > 0 && (
+                <div className="key-val-row" style={{ flexDirection: 'column', display: 'flex', gap: '8px' }}>
+                  <div className="key-val-label">Arguments</div>
+                  <pre className="json-code">{JSON.stringify(content.args, null, 2)}</pre>
+                </div>
+              )}
+              {content.exitCode !== undefined && (
+                <div className="key-val-row">
+                  <div className="key-val-label">Exit Code</div>
+                  <div className="key-val-value">{content.exitCode}</div>
+                </div>
+              )}
+            </React.Fragment>
+          );
+        case 'model':
+          return (
+            <React.Fragment>
+              <div className="key-val-row">
+                <div className="key-val-label">Action</div>
+                <div className="key-val-value" style={{ textTransform: 'uppercase', fontWeight: '600', color: '#fff' }}>{content.action}</div>
+              </div>
+              <div className="key-val-row">
+                <div className="key-val-label">Entity</div>
+                <div className="key-val-value">{content.entity}</div>
+              </div>
+              <div className="key-val-row">
+                <div className="key-val-label">Primary Key</div>
+                <div className="key-val-value" style={{ fontFamily: 'var(--font-mono)' }}>{String(content.primaryKey)}</div>
+              </div>
+              {content.updatedColumns && content.updatedColumns.length > 0 && (
+                <div className="key-val-row" style={{ flexDirection: 'column', display: 'flex', gap: '8px' }}>
+                  <div className="key-val-label">Updated Columns</div>
+                  <pre className="json-code">{JSON.stringify(content.updatedColumns, null, 2)}</pre>
+                </div>
+              )}
+              {content.data && (
+                <div className="key-val-row" style={{ flexDirection: 'column', display: 'flex', gap: '8px' }}>
+                  <div className="key-val-label">Model Data</div>
+                  <pre className="json-code">{JSON.stringify(content.data, null, 2)}</pre>
+                </div>
+              )}
+            </React.Fragment>
+          );
+        case 'notification':
+          return (
+            <React.Fragment>
+              <div className="key-val-row">
+                <div className="key-val-label">Notification</div>
+                <div className="key-val-value" style={{ fontWeight: '600', color: '#fff' }}>{content.notification}</div>
+              </div>
+              {content.payload && (
+                <div className="key-val-row" style={{ flexDirection: 'column', display: 'flex', gap: '8px' }}>
+                  <div className="key-val-label">Payload</div>
+                  <pre className="json-code">{JSON.stringify(content.payload, null, 2)}</pre>
+                </div>
+              )}
+            </React.Fragment>
+          );
+        case 'dump':
+          return (
+            <React.Fragment>
+              <div className="key-val-row" style={{ flexDirection: 'column', display: 'flex', gap: '8px' }}>
+                <div className="key-val-label">Message / Data</div>
+                <pre className="json-code">{typeof content.message === 'string' ? content.message : JSON.stringify(content.message, null, 2)}</pre>
+              </div>
+            </React.Fragment>
+          );
         default:
           return (
             <div className="key-val-row">

package/dist/ui/manifest.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
   "name": "@ngn-net/nestjs-telescope",
-  "version": "0.2.3",
-  "builtAt": "2026-06-08T11:52:38.806Z"
+  "version": "0.2.5",
+  "builtAt": "2026-06-08T12:21:55.387Z"
 }

package/dist/watchers/http-client.watcher.js CHANGED Viewed

@@ -69,126 +69,167 @@ let HttpClientWatcher = class HttpClientWatcher {
         this.patch(https);
     }
     patch(module) {
-        const originalRequest = module.request.bind(module);
-        const self = this;
-        // Override module.request
-        module.request = function (...args) {
-            const req = originalRequest(...args);
-            const startTime = Date.now();
-            // Resolve URL and method
-            let urlStr = '';
-            let method = 'GET';
-            try {
-                const firstArg = args[0];
-                if (typeof firstArg === 'string') {
-                    urlStr = firstArg;
+        try {
+            const originalRequest = module.request;
+            if (typeof originalRequest !== 'function')
+                return;
+            const originalRequestBound = originalRequest.bind(module);
+            const self = this;
+            const customRequest = function (...args) {
+                const req = originalRequestBound(...args);
+                const startTime = Date.now();
+                // Resolve URL and method
+                let urlStr = '';
+                let method = 'GET';
+                try {
+                    const firstArg = args[0];
+                    if (typeof firstArg === 'string') {
+                        urlStr = firstArg;
+                    }
+                    else if (firstArg instanceof URL) {
+                        urlStr = firstArg.toString();
+                    }
+                    else if (typeof firstArg === 'object' && firstArg !== null) {
+                        const { protocol, hostname, host, port, path: urlPath } = firstArg;
+                        const proto = protocol || 'http:';
+                        const h = hostname || host || 'localhost';
+                        const p = port ? `:${port}` : '';
+                        urlStr = `${proto}//${h}${p}${urlPath || '/'}`;
+                        method = (firstArg.method || 'GET').toUpperCase();
+                    }
                 }
-                else if (firstArg instanceof URL) {
-                    urlStr = firstArg.toString();
+                catch {
+                    urlStr = '';
                 }
-                else if (typeof firstArg === 'object' && firstArg !== null) {
-                    const { protocol, hostname, host, port, path: urlPath } = firstArg;
-                    const proto = protocol || 'http:';
-                    const h = hostname || host || 'localhost';
-                    const p = port ? `:${port}` : '';
-                    urlStr = `${proto}//${h}${p}${urlPath || '/'}`;
-                    method = (firstArg.method || 'GET').toUpperCase();
+                // Ignore telescope's own internal paths and configured ignore list
+                if (self.telescope.shouldIgnorePath(urlStr)) {
+                    return req;
                 }
-            }
-            catch {
-                urlStr = '';
-            }
-            // Ignore telescope's own internal paths and configured ignore list
-            if (self.telescope.shouldIgnorePath(urlStr)) {
-                return req;
-            }
-            // Skip if this type is disabled
-            if (!self.telescope.isEnabled(entry_type_enum_1.EntryType.HTTP_CLIENT)) {
-                return req;
-            }
-            // Capture request body chunks written
-            const reqChunks = [];
-            const originalWrite = req.write.bind(req);
-            const originalEnd = req.end.bind(req);
-            req.write = function (chunk, ...rest) {
-                if (chunk)
-                    reqChunks.push(Buffer.isBuffer(chunk) ? chunk : Buffer.from(chunk));
-                return originalWrite(chunk, ...rest);
-            };
-            req.end = function (chunk, ...rest) {
-                if (chunk)
-                    reqChunks.push(Buffer.isBuffer(chunk) ? chunk : Buffer.from(chunk));
-                return originalEnd(chunk, ...rest);
-            };
-            // Capture request headers snapshot after end
-            req.on('finish', () => {
-                // headers captured at response time
-            });
-            req.on('response', (res) => {
-                const resChunks = [];
-                res.on('data', (chunk) => {
-                    resChunks.push(Buffer.isBuffer(chunk) ? chunk : Buffer.from(chunk));
+                // Skip if this type is disabled
+                if (!self.telescope.isEnabled(entry_type_enum_1.EntryType.HTTP_CLIENT)) {
+                    return req;
+                }
+                // Capture request body chunks written
+                const reqChunks = [];
+                const originalWrite = req.write.bind(req);
+                const originalEnd = req.end.bind(req);
+                req.write = function (chunk, ...rest) {
+                    if (chunk)
+                        reqChunks.push(Buffer.isBuffer(chunk) ? chunk : Buffer.from(chunk));
+                    return originalWrite(chunk, ...rest);
+                };
+                req.end = function (chunk, ...rest) {
+                    if (chunk)
+                        reqChunks.push(Buffer.isBuffer(chunk) ? chunk : Buffer.from(chunk));
+                    return originalEnd(chunk, ...rest);
+                };
+                req.on('response', (res) => {
+                    const resChunks = [];
+                    res.on('data', (chunk) => {
+                        resChunks.push(Buffer.isBuffer(chunk) ? chunk : Buffer.from(chunk));
+                    });
+                    res.on('end', () => {
+                        const duration = Date.now() - startTime;
+                        const requestBodyRaw = Buffer.concat(reqChunks).toString('utf8');
+                        const responseBodyRaw = Buffer.concat(resChunks).toString('utf8');
+                        let requestBody = requestBodyRaw;
+                        let responseBody = responseBodyRaw;
+                        try {
+                            requestBody = JSON.parse(requestBodyRaw);
+                        }
+                        catch { /* keep raw */ }
+                        try {
+                            responseBody = JSON.parse(responseBodyRaw);
+                        }
+                        catch { /* keep raw */ }
+                        // Sanitize headers — remove Authorization tokens from logs
+                        const reqHeaders = { ...req.getHeaders?.() };
+                        if (reqHeaders['authorization']) {
+                            reqHeaders['authorization'] = '[REDACTED]';
+                        }
+                        self.telescope.record({
+                            type: entry_type_enum_1.EntryType.HTTP_CLIENT,
+                            content: {
+                                method: method || (req.method || 'GET').toUpperCase(),
+                                url: urlStr,
+                                requestHeaders: reqHeaders,
+                                requestBody,
+                                responseStatus: res.statusCode,
+                                responseHeaders: res.headers,
+                                responseBody,
+                                duration,
+                            },
+                        }).catch(() => { });
+                    });
+                    res.on('error', () => { });
                 });
-                res.on('end', () => {
+                req.on('error', (err) => {
                     const duration = Date.now() - startTime;
-                    const requestBodyRaw = Buffer.concat(reqChunks).toString('utf8');
-                    const responseBodyRaw = Buffer.concat(resChunks).toString('utf8');
-                    let requestBody = requestBodyRaw;
-                    let responseBody = responseBodyRaw;
-                    try {
-                        requestBody = JSON.parse(requestBodyRaw);
-                    }
-                    catch { /* keep raw */ }
-                    try {
-                        responseBody = JSON.parse(responseBodyRaw);
-                    }
-                    catch { /* keep raw */ }
-                    // Sanitize headers — remove Authorization tokens from logs
-                    const reqHeaders = { ...req.getHeaders?.() };
-                    if (reqHeaders['authorization']) {
-                        reqHeaders['authorization'] = '[REDACTED]';
-                    }
                     self.telescope.record({
                         type: entry_type_enum_1.EntryType.HTTP_CLIENT,
                         content: {
-                            method: method || (req.method || 'GET').toUpperCase(),
+                            method,
                             url: urlStr,
-                            requestHeaders: reqHeaders,
-                            requestBody,
-                            responseStatus: res.statusCode,
-                            responseHeaders: res.headers,
-                            responseBody,
+                            requestHeaders: {},
+                            requestBody: null,
+                            responseStatus: 0,
+                            responseBody: null,
+                            error: err.message,
                             duration,
                         },
                     }).catch(() => { });
                 });
-                res.on('error', () => { });
-            });
-            req.on('error', (err) => {
-                const duration = Date.now() - startTime;
-                self.telescope.record({
-                    type: entry_type_enum_1.EntryType.HTTP_CLIENT,
-                    content: {
-                        method,
-                        url: urlStr,
-                        requestHeaders: {},
-                        requestBody: null,
-                        responseStatus: 0,
-                        responseBody: null,
-                        error: err.message,
-                        duration,
-                    },
-                }).catch(() => { });
-            });
-            return req;
-        };
-        // Also handle module.get (convenience method)
-        const originalGet = module.get.bind(module);
-        module.get = function (...args) {
-            const req = module.request(...args);
-            req.end();
-            return req;
-        };
+                return req;
+            };
+            try {
+                const desc = Object.getOwnPropertyDescriptor(module, 'request');
+                if (desc && desc.configurable === false) {
+                    // Can't redefine using defineProperty, try simple assignment
+                    module.request = customRequest;
+                }
+                else {
+                    Object.defineProperty(module, 'request', {
+                        value: customRequest,
+                        configurable: true,
+                        writable: true,
+                    });
+                }
+            }
+            catch {
+                try {
+                    module.request = customRequest;
+                }
+                catch { }
+            }
+            const customGet = function (...args) {
+                const req = module.request(...args);
+                req.end();
+                return req;
+            };
+            try {
+                const desc = Object.getOwnPropertyDescriptor(module, 'get');
+                if (desc && desc.configurable === false) {
+                    // Can't redefine using defineProperty, try simple assignment
+                    module.get = customGet;
+                }
+                else {
+                    Object.defineProperty(module, 'get', {
+                        value: customGet,
+                        configurable: true,
+                        writable: true,
+                    });
+                }
+            }
+            catch {
+                try {
+                    module.get = customGet;
+                }
+                catch { }
+            }
+        }
+        catch (e) {
+            // Prevent any crash
+        }
     }
 };
 exports.HttpClientWatcher = HttpClientWatcher;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@ngn-net/nestjs-telescope",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "publishConfig": {
     "access": "public"
   },

package/ui/index.html CHANGED Viewed

@@ -487,6 +487,7 @@
     }
     .badge-request { background-color: rgba(59, 130, 246, 0.12); color: var(--accent-blue); }
+    .badge-http_client { background-color: rgba(99, 102, 241, 0.12); color: var(--primary); }
     .badge-query { background-color: rgba(16, 185, 129, 0.12); color: var(--accent-green); }
     .badge-cache { background-color: rgba(245, 158, 11, 0.12); color: var(--accent-amber); }
     .badge-job { background-color: rgba(139, 92, 246, 0.12); color: var(--accent-purple); }
@@ -496,6 +497,11 @@
     .badge-exception { background-color: rgba(244, 63, 94, 0.12); color: var(--accent-red); }
     .badge-scheduled_task { background-color: rgba(245, 158, 11, 0.12); color: var(--accent-amber); }
     .badge-redis { background-color: rgba(139, 92, 246, 0.12); color: var(--accent-purple); }
+    .badge-gate { background-color: rgba(244, 63, 94, 0.12); color: var(--accent-red); }
+    .badge-command { background-color: rgba(148, 163, 184, 0.15); color: var(--text-main); }
+    .badge-model { background-color: rgba(16, 185, 129, 0.12); color: var(--accent-green); }
+    .badge-notification { background-color: rgba(245, 158, 11, 0.12); color: var(--accent-amber); }
+    .badge-dump { background-color: rgba(139, 92, 246, 0.12); color: var(--accent-purple); }
     .badge-get { background-color: rgba(16, 185, 129, 0.15); color: var(--accent-green); }
     .badge-post { background-color: rgba(59, 130, 246, 0.15); color: var(--accent-blue); }
@@ -845,6 +851,7 @@
     const NAVIGATION_TABS = [
       { id: 'all', label: 'All Entries', icon: '🔍' },
       { id: 'request', label: 'HTTP Requests', icon: '🌐' },
+      { id: 'http_client', label: 'HTTP Client Requests', icon: '📞' },
       { id: 'query', label: 'Database Queries', icon: '💾' },
       { id: 'cache', label: 'Cache Ops', icon: '⚡' },
       { id: 'job', label: 'Queue Jobs', icon: '⚙️' },
@@ -854,6 +861,11 @@
       { id: 'exception', label: 'Exceptions', icon: '❌' },
       { id: 'scheduled_task', label: 'Scheduled Tasks', icon: '⏱️' },
       { id: 'redis', label: 'Redis Commands', icon: '🔑' },
+      { id: 'gate', label: 'Gates', icon: '🚪' },
+      { id: 'command', label: 'Commands', icon: '💻' },
+      { id: 'model', label: 'Models', icon: '📦' },
+      { id: 'notification', label: 'Notifications', icon: '🔔' },
+      { id: 'dump', label: 'Dumps', icon: '🗑️' },
     ];
     function App() {
@@ -1151,7 +1163,7 @@
               {/* Stats Grid at the top for quick insights */}
               {activeTab === 'all' && (
                 <div className="stats-grid">
-                  {NAVIGATION_TABS.slice(1, 7).map((tab) => (
+                  {NAVIGATION_TABS.slice(1).map((tab) => (
                     <div
                       key={tab.id}
                       className={`stat-card ${activeTab === tab.id ? 'active' : ''}`}
@@ -1324,7 +1336,7 @@
     // Determine font family for subtitle
     function varMono(type) {
-      return (type === 'query' || type === 'redis' || type === 'request') ? 'var(--font-mono)' : 'var(--font-sans)';
+      return (type === 'query' || type === 'redis' || type === 'request' || type === 'http_client' || type === 'command') ? 'var(--font-mono)' : 'var(--font-sans)';
     }
     // Helper functions for displaying table items
@@ -1345,6 +1357,16 @@
             subtitle: `${req.url || '/'}`,
             status: statusBadge
           };
+        case 'http_client':
+          return {
+            title: `${content.method || 'GET'}`,
+            subtitle: `${content.url || ''} (${content.duration || 0}ms)`,
+            status: content.responseStatus >= 400 ? (
+              <span className="badge badge-status-err">{content.responseStatus}</span>
+            ) : (
+              <span className="badge badge-status-ok">{content.responseStatus || '200'}</span>
+            )
+          };
         case 'query':
           return {
             title: content.query || 'DB Query',
@@ -1419,6 +1441,40 @@
               <span className="badge badge-status-ok">success</span>
             )
           };
+        case 'gate':
+          return {
+            title: `Gate: ${content.gate || ''}`,
+            subtitle: content.user ? `User: ${JSON.stringify(content.user)}` : 'Anonymous',
+            status: content.allowed ? (
+              <span className="badge badge-status-ok">allowed</span>
+            ) : (
+              <span className="badge badge-status-err">denied</span>
+            )
+          };
+        case 'command':
+          return {
+            title: `Command: ${content.command || ''}`,
+            subtitle: (content.args || []).join(' '),
+            status: <span className="badge badge-status-ok">{content.exitCode ?? 'executed'}</span>
+          };
+        case 'model':
+          return {
+            title: `${(content.action || '').toUpperCase()} model`,
+            subtitle: `${content.entity || ''} (${content.primaryKey || ''})`,
+            status: <span className="badge badge-status-ok">{content.action}</span>
+          };
+        case 'notification':
+          return {
+            title: `Notification: ${content.notification || ''}`,
+            subtitle: content.timestamp || '',
+            status: <span className="badge badge-status-ok">sent</span>
+          };
+        case 'dump':
+          return {
+            title: `Dump`,
+            subtitle: typeof content.message === 'string' ? content.message : JSON.stringify(content.message),
+            status: <span className="badge badge-status-ok">dumped</span>
+          };
         default:
           return {
             title: 'Telescope Entry',
@@ -1471,6 +1527,59 @@
               )}
             </React.Fragment>
           );
+        case 'http_client':
+          return (
+            <React.Fragment>
+              <div className="key-val-row">
+                <div className="key-val-label">HTTP Method</div>
+                <div className="key-val-value" style={{ fontWeight: '600', color: '#fff' }}>{content.method}</div>
+              </div>
+              <div className="key-val-row">
+                <div className="key-val-label">URL</div>
+                <div className="key-val-value" style={{ fontFamily: 'var(--font-mono)', color: '#818cf8' }}>{content.url}</div>
+              </div>
+              <div className="key-val-row">
+                <div className="key-val-label">Duration</div>
+                <div className="key-val-value">{content.duration} ms</div>
+              </div>
+              {content.requestHeaders && Object.keys(content.requestHeaders).length > 0 && (
+                <div className="key-val-row" style={{ flexDirection: 'column', display: 'flex', gap: '8px' }}>
+                  <div className="key-val-label">Request Headers</div>
+                  <pre className="json-code">{JSON.stringify(content.requestHeaders, null, 2)}</pre>
+                </div>
+              )}
+              {content.requestBody && (
+                <div className="key-val-row" style={{ flexDirection: 'column', display: 'flex', gap: '8px' }}>
+                  <div className="key-val-label">Request Body</div>
+                  <pre className="json-code">{JSON.stringify(content.requestBody, null, 2)}</pre>
+                </div>
+              )}
+              {content.responseStatus !== undefined && (
+                <div className="key-val-row">
+                  <div className="key-val-label">Response Status</div>
+                  <div className="key-val-value">{content.responseStatus}</div>
+                </div>
+              )}
+              {content.responseHeaders && Object.keys(content.responseHeaders).length > 0 && (
+                <div className="key-val-row" style={{ flexDirection: 'column', display: 'flex', gap: '8px' }}>
+                  <div className="key-val-label">Response Headers</div>
+                  <pre className="json-code">{JSON.stringify(content.responseHeaders, null, 2)}</pre>
+                </div>
+              )}
+              {content.responseBody && (
+                <div className="key-val-row" style={{ flexDirection: 'column', display: 'flex', gap: '8px' }}>
+                  <div className="key-val-label">Response Body</div>
+                  <pre className="json-code">{JSON.stringify(content.responseBody, null, 2)}</pre>
+                </div>
+              )}
+              {content.error && (
+                <div className="key-val-row">
+                  <div className="key-val-label">Error</div>
+                  <div className="key-val-value" style={{ color: 'var(--accent-red)' }}>{content.error}</div>
+                </div>
+              )}
+            </React.Fragment>
+          );
         case 'query':
           return (
             <React.Fragment>
@@ -1617,6 +1726,105 @@
               )}
             </React.Fragment>
           );
+        case 'gate':
+          return (
+            <React.Fragment>
+              <div className="key-val-row">
+                <div className="key-val-label">Gate Name</div>
+                <div className="key-val-value" style={{ fontWeight: '600', color: '#fff' }}>{content.gate}</div>
+              </div>
+              <div className="key-val-row">
+                <div className="key-val-label">Result</div>
+                <div className="key-val-value">
+                  {content.allowed ? (
+                    <span className="badge badge-status-ok">Allowed</span>
+                  ) : (
+                    <span className="badge badge-status-err">Denied</span>
+                  )}
+                </div>
+              </div>
+              {content.user && (
+                <div className="key-val-row" style={{ flexDirection: 'column', display: 'flex', gap: '8px' }}>
+                  <div className="key-val-label">User Context</div>
+                  <pre className="json-code">{JSON.stringify(content.user, null, 2)}</pre>
+                </div>
+              )}
+            </React.Fragment>
+          );
+        case 'command':
+          return (
+            <React.Fragment>
+              <div className="key-val-row">
+                <div className="key-val-label">Command</div>
+                <div className="key-val-value" style={{ fontWeight: '600', color: '#fff', fontFamily: 'var(--font-mono)' }}>{content.command}</div>
+              </div>
+              {content.args && content.args.length > 0 && (
+                <div className="key-val-row" style={{ flexDirection: 'column', display: 'flex', gap: '8px' }}>
+                  <div className="key-val-label">Arguments</div>
+                  <pre className="json-code">{JSON.stringify(content.args, null, 2)}</pre>
+                </div>
+              )}
+              {content.exitCode !== undefined && (
+                <div className="key-val-row">
+                  <div className="key-val-label">Exit Code</div>
+                  <div className="key-val-value">{content.exitCode}</div>
+                </div>
+              )}
+            </React.Fragment>
+          );
+        case 'model':
+          return (
+            <React.Fragment>
+              <div className="key-val-row">
+                <div className="key-val-label">Action</div>
+                <div className="key-val-value" style={{ textTransform: 'uppercase', fontWeight: '600', color: '#fff' }}>{content.action}</div>
+              </div>
+              <div className="key-val-row">
+                <div className="key-val-label">Entity</div>
+                <div className="key-val-value">{content.entity}</div>
+              </div>
+              <div className="key-val-row">
+                <div className="key-val-label">Primary Key</div>
+                <div className="key-val-value" style={{ fontFamily: 'var(--font-mono)' }}>{String(content.primaryKey)}</div>
+              </div>
+              {content.updatedColumns && content.updatedColumns.length > 0 && (
+                <div className="key-val-row" style={{ flexDirection: 'column', display: 'flex', gap: '8px' }}>
+                  <div className="key-val-label">Updated Columns</div>
+                  <pre className="json-code">{JSON.stringify(content.updatedColumns, null, 2)}</pre>
+                </div>
+              )}
+              {content.data && (
+                <div className="key-val-row" style={{ flexDirection: 'column', display: 'flex', gap: '8px' }}>
+                  <div className="key-val-label">Model Data</div>
+                  <pre className="json-code">{JSON.stringify(content.data, null, 2)}</pre>
+                </div>
+              )}
+            </React.Fragment>
+          );
+        case 'notification':
+          return (
+            <React.Fragment>
+              <div className="key-val-row">
+                <div className="key-val-label">Notification</div>
+                <div className="key-val-value" style={{ fontWeight: '600', color: '#fff' }}>{content.notification}</div>
+              </div>
+              {content.payload && (
+                <div className="key-val-row" style={{ flexDirection: 'column', display: 'flex', gap: '8px' }}>
+                  <div className="key-val-label">Payload</div>
+                  <pre className="json-code">{JSON.stringify(content.payload, null, 2)}</pre>
+                </div>
+              )}
+            </React.Fragment>
+          );
+        case 'dump':
+          return (
+            <React.Fragment>
+              <div className="key-val-row" style={{ flexDirection: 'column', display: 'flex', gap: '8px' }}>
+                <div className="key-val-label">Message / Data</div>
+                <pre className="json-code">{typeof content.message === 'string' ? content.message : JSON.stringify(content.message, null, 2)}</pre>
+              </div>
+            </React.Fragment>
+          );
         default:
           return (
             <div className="key-val-row">