nestjs-profiler 1.0.0

package/dist/libs/nestjs-profiler/src/storage/profiler-storage.interface.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=profiler-storage.interface.js.map

package/dist/libs/nestjs-profiler/src/storage/profiler-storage.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profiler-storage.interface.js","sourceRoot":"","sources":["../../../../../libs/nestjs-profiler/src/storage/profiler-storage.interface.ts"],"names":[],"mappings":""}

package/dist/libs/nestjs-profiler/src/views/cache.html

@@ -0,0 +1,50 @@
+<div class="bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden">
+    <div class="px-6 py-4 border-b border-gray-200 bg-gray-50 flex justify-between items-center">
+        <div class="flex items-center space-x-4">
+            <h2 class="text-lg font-semibold text-gray-800">Cache Operations</h2>
+            <div class="relative">
+                <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
+                    <svg class="h-4 w-4 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                            d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
+                    </svg>
+                </div>
+                <input id="search" name="search"
+                    class="block w-64 pl-9 pr-3 py-1.5 border border-gray-300 rounded-md leading-5 bg-white placeholder-gray-500 focus:outline-none focus:placeholder-gray-400 focus:ring-1 focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
+                    placeholder="Search cache..." type="search">
+            </div>
+        </div>
+        <div class="text-sm text-gray-500">
+            Total: <span class="font-bold text-gray-800">{{ totalCacheOps }}</span>
+        </div>
+    </div>
+    <div class="overflow-x-auto">
+        <table class="min-w-full divide-y divide-gray-200">
+            <thead class="bg-gray-50">
+                <tr>
+                    <th scope="col"
+                        class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Operation
+                    </th>
+                    <th scope="col"
+                        class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Key</th>
+                    <th scope="col"
+                        class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Result
+                    </th>
+                    <th scope="col"
+                        class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Store
+                    </th>
+                    <th scope="col"
+                        class="px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">Duration
+                    </th>
+                    <th scope="col"
+                        class="px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">Time
+                    </th>
+                </tr>
+            </thead>
+            <tbody class="bg-white divide-y divide-gray-200">
+                {{{ rows }}}
+            </tbody>
+        </table>
+    </div>
+    {{{ emptyState }}}
+</div>

package/dist/libs/nestjs-profiler/src/views/dashboard.html

@@ -0,0 +1,73 @@
+
+<div class="bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden">
+    <div class="p-4 border-b border-gray-200 bg-gray-50 flex justify-between items-center">
+        <div class="flex items-center space-x-4">
+            <h2 class="font-semibold text-gray-700">HTTP Requests</h2>
+            <div class="relative">
+                <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
+                    <svg class="h-4 w-4 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                            d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
+                    </svg>
+                </div>
+                <input id="search" name="search"
+                    class="block w-64 pl-9 pr-3 py-1.5 border border-gray-300 rounded-md leading-5 bg-white placeholder-gray-500 focus:outline-none focus:placeholder-gray-400 focus:ring-1 focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
+                    placeholder="Search requests..." type="search">
+            </div>
+        </div>
+        <span class="text-xs text-gray-500 bg-white border border-gray-200 px-2 py-1 rounded-md">Last 100
+            requests</span>
+    </div>
+    <div class="overflow-x-auto">
+        <table class="w-full text-left border-collapse" id="requestsTable">
+            <thead class="bg-gray-50 text-gray-500 uppercase text-xs tracking-wider font-medium">
+                <tr>
+                    <th class="p-4 border-b border-gray-200 w-16">Method</th>
+                    <th class="p-4 border-b border-gray-200">URI</th>
+                    <th class="p-4 border-b border-gray-200 w-24">Status</th>
+                    <th class="p-4 border-b border-gray-200 w-24">Duration</th>
+                    <th class="p-4 border-b border-gray-200 w-24 text-center">Queries</th>
+                    <th class="p-4 border-b border-gray-200 w-32 text-right cursor-pointer hover:bg-gray-100 select-none group"
+                        onclick="toggleSort()">
+                        <div class="flex items-center justify-end gap-1">
+                            Happened
+                            <div class="flex flex-col text-gray-400">
+                                <svg id="sortAsc" class="w-2 h-2 opacity-100" fill="currentColor" viewBox="0 0 24 24">
+                                    <path d="M7 14l5-5 5 5z" />
+                                </svg>
+                                <svg id="sortDesc" class="w-2 h-2 opacity-50" fill="currentColor" viewBox="0 0 24 24">
+                                    <path d="M7 10l5 5 5-5z" />
+                                </svg>
+                            </div>
+                        </div>
+                    </th>
+                </tr>
+            </thead>
+            <tbody class="divide-y divide-gray-100" id="tableBody">
+                {{{ rows }}}
+            </tbody>
+        </table>
+    </div>
+    {{{ emptyState }}}
+
+    <script>
+        function toggleSort() {
+            const table = document.getElementById('tableBody');
+            const rows = Array.from(table.rows);
+            rows.reverse().forEach(row => table.appendChild(row));
+
+            const asc = document.getElementById('sortAsc');
+            const desc = document.getElementById('sortDesc');
+
+            if (asc.classList.contains('text-indigo-600')) {
+                asc.classList.remove('text-indigo-600', 'opacity-100'); asc.classList.add('opacity-50');
+                desc.classList.add('text-indigo-600', 'opacity-100'); desc.classList.remove('opacity-50');
+            } else {
+                asc.classList.add('text-indigo-600', 'opacity-100'); asc.classList.remove('opacity-50');
+                desc.classList.remove('text-indigo-600', 'opacity-100'); desc.classList.add('opacity-50');
+            }
+        }
+    </script>
+
+
+</div>

package/dist/libs/nestjs-profiler/src/views/detail.html

@@ -0,0 +1,66 @@
+<div class="mb-6 flex items-center justify-between">
+    <div>
+        <a href="/__profiler"
+            class="text-sm font-medium text-gray-500 hover:text-gray-700 flex items-center mb-2 transition-colors">
+            <svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18">
+                </path>
+            </svg>
+            Back to Requests
+        </a>
+        <div class="flex items-center space-x-3">
+            <span class="px-3 py-1 rounded-md text-white text-sm font-bold tracking-wide {{{ statusColor }}}">{{ method
+                }}</span>
+            <h1 class="text-2xl font-bold text-gray-800 truncate max-w-2xl">{{ url }}</h1>
+        </div>
+    </div>
+    <div class="text-right">
+        <div class="text-sm text-gray-500 mb-1">Time</div>
+        <div class="text-base font-semibold text-gray-800">{{ timeAgo }}</div>
+    </div>
+</div>
+
+{{{ exceptionView }}}
+
+<div class="grid grid-cols-1 lg:grid-cols-4 gap-6">
+    <!-- Main Content -->
+    <div class="lg:col-span-3">
+
+        {{{ timingBar }}}
+
+        <div class="bg-white rounded-lg border border-gray-200 shadow-sm overflow-hidden mb-6">
+            <div class="border-b border-gray-200 bg-gray-50 px-4 py-3 flex justify-between items-center">
+                <h2 class="text-sm font-bold text-gray-600 uppercase tracking-widest">Request Details</h2>
+            </div>
+            <div class="p-0">
+                <div class="grid grid-cols-1 md:grid-cols-2 divide-y md:divide-y-0 md:divide-x divide-gray-200">
+                    <!-- Headers -->
+                    <div class="p-4">
+                        <h3 class="text-xs font-semibold text-gray-500 uppercase tracking-wider mb-3">Headers</h3>
+                        <div class="overflow-x-auto">
+                            {{{ headersTable }}}
+                        </div>
+                    </div>
+                    <!-- Body -->
+                    <div class="p-4 bg-gray-50 md:bg-white">
+                        <h3 class="text-xs font-semibold text-gray-500 uppercase tracking-wider mb-3">Request Body</h3>
+                        {{{ bodyView }}}
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="bg-gray-50 rounded-lg border border-gray-200 p-4 mb-4">
+            <h2 class="text-sm font-bold text-gray-500 uppercase tracking-widest mb-4">Executed Queries ({{ queryCount
+                }})</h2>
+            {{{ queries }}}
+        </div>
+
+        {{{ cacheSection }}}
+    </div>
+
+    <!-- Sidebar: Meta Info -->
+    <div class="lg:col-span-1 space-y-4">
+        {{{ sidebar }}}
+    </div>
+</div>

package/dist/libs/nestjs-profiler/src/views/entities.html

@@ -0,0 +1,76 @@
+<div class="bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden">
+    <div class="px-6 py-4 border-b border-gray-200 bg-gray-50 flex justify-between items-center">
+        <div class="flex items-center space-x-4">
+            <h2 class="text-lg font-semibold text-gray-800">Entity Explorer</h2>
+            <div class="relative">
+                <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
+                    <svg class="h-4 w-4 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                            d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
+                    </svg>
+                </div>
+                <input id="search" name="search"
+                    class="block w-64 pl-9 pr-3 py-1.5 border border-gray-300 rounded-md leading-5 bg-white placeholder-gray-500 focus:outline-none focus:placeholder-gray-400 focus:ring-1 focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
+                    placeholder="Search entities..." type="search">
+            </div>
+        </div>
+        <div class="text-sm text-gray-500">
+            Found <span class="font-bold text-gray-800">{{ totalEntities }}</span> entities
+        </div>
+    </div>
+
+    <div class="overflow-x-auto">
+        <table class="w-full text-left border-collapse">
+            <thead class="bg-gray-50 text-gray-500 uppercase text-xs tracking-wider font-medium">
+                <tr>
+                    <th class="p-4 border-b border-gray-200 w-1/4">Entity Name</th>
+                    <th class="p-4 border-b border-gray-200 w-32">Type</th>
+                    <th class="p-4 border-b border-gray-200 w-1/4">Database</th>
+                    <th class="p-4 border-b border-gray-200 w-32">Connection</th>
+                    <th class="p-4 border-b border-gray-200 w-1/4">Table/Collection</th>
+                    <th class="p-4 border-b border-gray-200 w-24">Columns</th>
+                </tr>
+            </thead>
+            <tbody class="divide-y divide-gray-100">
+                {{{ rows }}}
+            </tbody>
+        </table>
+    </div>
+
+    {{{ emptyState }}}
+</div>
+
+<script>
+    function toggleEntityRow(id) {
+        const row = document.getElementById(id);
+        const icon = document.getElementById('icon-' + id);
+        const contentDiv = document.getElementById('content-' + id);
+
+        if (!row || !icon) return;
+
+        // Toggle visibility
+        if (row.classList.contains('hidden')) {
+            row.classList.remove('hidden');
+            icon.classList.add('rotate-90');
+
+            // Populate if empty (lazy render)
+            if (contentDiv && contentDiv.children.length === 0) {
+                try {
+                    const columns = JSON.parse(row.dataset.columns || '[]');
+                    if (columns.length === 0) {
+                        contentDiv.innerHTML = '<span class="text-gray-400 italic">No columns defined</span>';
+                    } else {
+                        contentDiv.innerHTML = columns.map(col =>
+                            `<div class="bg-white px-2 py-1 rounded border border-gray-200 truncate" title="${col}">${col}</div>`
+                        ).join('');
+                    }
+                } catch (e) {
+                    console.error('Error parsing columns', e);
+                }
+            }
+        } else {
+            row.classList.add('hidden');
+            icon.classList.remove('rotate-90');
+        }
+    }
+</script>

package/dist/libs/nestjs-profiler/src/views/js/dashboard.js

@@ -0,0 +1,24 @@
+// Dashboard interactions (requests list)
+// Expose toggleSort globally because it's invoked via inline onclick attribute in HTML
+window.toggleSort = function toggleSort() {
+  const table = document.getElementById('tableBody');
+  if (!table) return;
+  const rows = Array.from(table.rows);
+  rows.reverse().forEach((row) => table.appendChild(row));
+
+  const asc = document.getElementById('sortAsc');
+  const desc = document.getElementById('sortDesc');
+  if (!asc || !desc) return;
+
+  if (asc.classList.contains('text-indigo-600')) {
+    asc.classList.remove('text-indigo-600', 'opacity-100');
+    asc.classList.add('opacity-50');
+    desc.classList.add('text-indigo-600', 'opacity-100');
+    desc.classList.remove('opacity-50');
+  } else {
+    asc.classList.add('text-indigo-600', 'opacity-100');
+    asc.classList.remove('opacity-50');
+    desc.classList.remove('text-indigo-600', 'opacity-100');
+    desc.classList.add('opacity-50');
+  }
+};

package/dist/libs/nestjs-profiler/src/views/js/entities.js

@@ -0,0 +1,37 @@
+// Entities page interactions
+// Expose toggleEntityRow globally because it is invoked from HTML
+window.toggleEntityRow = function toggleEntityRow(id) {
+  const row = document.getElementById(id);
+  const icon = document.getElementById('icon-' + id);
+  const contentDiv = document.getElementById('content-' + id);
+
+  if (!row || !icon) return;
+
+  // Toggle visibility
+  if (row.classList.contains('hidden')) {
+    row.classList.remove('hidden');
+    icon.classList.add('rotate-90');
+
+    // Populate if empty (lazy render)
+    if (contentDiv && contentDiv.children.length === 0) {
+      try {
+        const columns = JSON.parse(row.dataset.columns || '[]');
+        if (columns.length === 0) {
+          contentDiv.innerHTML = '<span class="text-gray-400 italic">No columns defined</span>';
+        } else {
+          contentDiv.innerHTML = columns
+            .map(
+              (col) =>
+                `<div class="bg-white px-2 py-1 rounded border border-gray-200 truncate" title="${col}">${col}</div>`
+            )
+            .join('');
+        }
+      } catch (e) {
+        console.error('Error parsing columns', e);
+      }
+    }
+  } else {
+    row.classList.add('hidden');
+    icon.classList.remove('rotate-90');
+  }
+};

package/dist/libs/nestjs-profiler/src/views/js/layout-config.js

@@ -0,0 +1,15 @@
+// Tailwind CDN configuration
+// Kept separate to allow caching and to keep HTML clean
+// Note: This file is loaded after the Tailwind CDN script as in the original layout
+// to preserve existing behavior.
+if (typeof tailwind !== 'undefined') {
+  tailwind.config = {
+    theme: {
+      extend: {
+        fontFamily: {
+          sans: ['Inter', 'system-ui', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'],
+        },
+      },
+    },
+  };
+}

package/dist/libs/nestjs-profiler/src/views/js/layout.js

@@ -0,0 +1,143 @@
+// Shared layout interactions: search filter and simple SPA-like navigation
+(function () {
+  document.addEventListener('DOMContentLoaded', () => {
+    const attachSearch = () => {
+      const searchInput = document.getElementById('search');
+      if (!searchInput) return;
+      searchInput.addEventListener('input', (e) => {
+        const term = String(e.target.value || '').toLowerCase();
+        const rows = document.querySelectorAll('tbody tr');
+        rows.forEach((row) => {
+          const text = row.textContent.toLowerCase();
+          row.style.display = text.includes(term) ? '' : 'none';
+        });
+      });
+    };
+
+    attachSearch();
+
+    // SPA Navigation
+    const mainContent = document.querySelector('main');
+    const navLinks = document.querySelectorAll('nav a');
+
+    const updateActiveLink = (path) => {
+      navLinks.forEach((link) => {
+        // Reset classes
+        link.className =
+          'flex items-center px-2 py-2 text-sm font-medium rounded-md group text-slate-300 hover:bg-slate-800 hover:text-white';
+        const svg = link.querySelector('svg');
+        if (svg)
+          svg.setAttribute(
+            'class',
+            'mr-3 flex-shrink-0 h-6 w-6 text-slate-400 group-hover:text-white'
+          );
+
+        // Check match
+        const href = link.getAttribute('href');
+        if (href === path) {
+          link.className =
+            'flex items-center px-2 py-2 text-sm font-medium rounded-md group bg-indigo-600 text-white';
+          if (svg)
+            svg.setAttribute(
+              'class',
+              'mr-3 flex-shrink-0 h-6 w-6 text-indigo-300'
+            );
+        }
+      });
+    };
+
+    // Load and execute any <script> tags inside a container that was injected via innerHTML
+    const executeScriptsIn = async (container) => {
+      if (!container) return;
+      // Track already loaded external scripts to avoid duplicates across navigations
+      window.__profilerLoadedScripts = window.__profilerLoadedScripts || new Set();
+
+      const scripts = Array.from(container.querySelectorAll('script'));
+
+      // Load external scripts sequentially to preserve order
+      for (const oldScript of scripts) {
+        const src = oldScript.getAttribute('src');
+        if (src) {
+          if (!window.__profilerLoadedScripts.has(src)) {
+            await new Promise((resolve, reject) => {
+              const s = document.createElement('script');
+              s.src = src;
+              s.onload = () => {
+                window.__profilerLoadedScripts.add(src);
+                resolve();
+              };
+              s.onerror = reject;
+              document.body.appendChild(s);
+            });
+          }
+        } else if (oldScript.textContent && oldScript.textContent.trim()) {
+          // Recreate inline scripts so they execute
+          const s = document.createElement('script');
+          s.text = oldScript.textContent;
+          document.body.appendChild(s);
+        }
+      }
+    };
+
+    const navigate = async (url) => {
+      if (!mainContent) {
+        window.location.href = url;
+        return;
+      }
+      try {
+        // Show loading state if needed
+        mainContent.style.opacity = '0.5';
+
+        const response = await fetch(url);
+        const text = await response.text();
+
+        // Parse HTML
+        const parser = new DOMParser();
+        const doc = parser.parseFromString(text, 'text/html');
+
+        // Replace Main Content
+        const newMain = doc.querySelector('main');
+        const newContent = newMain ? newMain.innerHTML : '';
+        mainContent.innerHTML = newContent;
+        mainContent.style.opacity = '1';
+
+        // Update Title
+        document.title = doc.title;
+
+        // Execute any scripts contained in the newly injected content (page-specific JS)
+        await executeScriptsIn(mainContent);
+
+        // Re-attach listeners (like search)
+        attachSearch();
+
+        // Update Active State
+        updateActiveLink(url);
+      } catch (e) {
+        console.error('Navigation failed', e);
+        window.location.href = url; // Fallback
+      }
+    };
+
+    document.body.addEventListener('click', (e) => {
+      const link = e.target.closest('a');
+      if (
+        link &&
+        link.href &&
+        link.href.includes('/__profiler') &&
+        !link.getAttribute('target')
+      ) {
+        const url = new URL(link.href);
+        if (url.origin === window.location.origin) {
+          e.preventDefault();
+          const path = url.pathname + url.search;
+          history.pushState({}, '', path);
+          navigate(path);
+        }
+      }
+    });
+
+    window.addEventListener('popstate', () => {
+      navigate(window.location.pathname + window.location.search);
+    });
+  });
+})();

package/dist/libs/nestjs-profiler/src/views/js/queries.js

@@ -0,0 +1,28 @@
+// Queries page interactions
+document.addEventListener('DOMContentLoaded', () => {
+  // Duration Sorting
+  const durationHeader = document.getElementById('duration-header');
+  const tbody = document.querySelector('tbody');
+  let durationAsc = false; // Default is descending (from backend)
+
+  if (durationHeader && tbody) {
+    durationHeader.addEventListener('click', () => {
+      durationAsc = !durationAsc;
+      const rows = Array.from(tbody.querySelectorAll('tr'));
+
+      rows.sort((a, b) => {
+        const aNode = a.querySelector('[data-duration]');
+        const bNode = b.querySelector('[data-duration]');
+        const durA = parseFloat((aNode && aNode.dataset.duration) || '0');
+        const durB = parseFloat((bNode && bNode.dataset.duration) || '0');
+        return durationAsc ? durA - durB : durB - durA;
+      });
+
+      rows.forEach((row) => tbody.appendChild(row));
+
+      // Update Arrow indication
+      const arrow = durationHeader.querySelector('span');
+      if (arrow) arrow.textContent = durationAsc ? '↑' : '↓';
+    });
+  }
+});