@shriyanss/js-recon 1.2.1-alpha.2 → 1.2.1-beta.2

package/build/report/utility/dataTables/genDataTablesPage.js

@@ -0,0 +1,112 @@
+import hljs from "highlight.js";
+const escapeHtml = (value) => {
+    const str = value === null || value === undefined ? "" : String(value);
+    return str
+        .replace(/&/g, "&")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;")
+        .replace(/"/g, "&quot;")
+        .replace(/'/g, "&#39;");
+};
+const booleanIcon = (b) => (b ? "✅" : "❌");
+// Map severity to a sortable rank: info < low < medium < high
+const severityRank = (sev) => {
+    const s = (sev || "").toString().toLowerCase().trim();
+    switch (s) {
+        case "info":
+            return 0;
+        case "low":
+            return 1;
+        case "medium":
+            return 2;
+        case "high":
+            return 3;
+        default:
+            return 99; // unknown values sort last
+    }
+};
+// Render JS code with highlight.js inside a pre/code block
+const renderJsCode = (code) => {
+    const src = code !== null && code !== void 0 ? code : "";
+    try {
+        const highlighted = hljs.highlight(src, { language: "javascript", ignoreIllegals: true }).value;
+        return `<pre class="code-cell"><code class="hljs language-javascript">${highlighted}</code></pre>`;
+    }
+    catch (_a) {
+        // Fallback to escaped plain text
+        return `<pre class="code-cell">${escapeHtml(src)}</pre>`;
+    }
+};
+const genDataTablesPage = (db) => {
+    const findings = db.prepare(`SELECT * FROM analysis_findings`).all();
+    const mapped = db.prepare(`SELECT * FROM mapped`).all();
+    const findingsRows = findings
+        .map((f) => `
+            <tr>
+                <td>${escapeHtml(f.ruleId)}</td>
+                <td>${escapeHtml(f.ruleName)}</td>
+                <td>${escapeHtml(f.ruleType)}</td>
+                <td>${escapeHtml(f.ruleDescription)}</td>
+                <td>${escapeHtml(f.ruleAuthor)}</td>
+                <td>${escapeHtml(f.ruleTech)}</td>
+                <td data-order="${severityRank(f.severity)}">${escapeHtml(f.severity)}</td>
+                <td>${escapeHtml(f.message)}</td>
+                <td>${renderJsCode(f.findingLocation)}</td>
+            </tr>`)
+        .join("\n");
+    const mappedRows = mapped
+        .map((m) => `
+            <tr>
+                <td>${escapeHtml(m.id)}</td>
+                <td>${escapeHtml(m.description)}</td>
+                <td>${booleanIcon(m.containsFetch)}</td>
+                <td>${booleanIcon(m.isAxiosClient)}</td>
+                <td>${escapeHtml(m.exports)}</td>
+                <td>${escapeHtml(m.imports)}</td>
+                <td>${escapeHtml(m.file)}</td>
+            </tr>`)
+        .join("\n");
+    const html = `
+    <section>
+      <h2>Analyze Findings (Sortable)</h2>
+      <table id="findings-table" class="display data-table" style="width:100%">
+        <thead>
+          <tr>
+            <th>Rule ID</th>
+            <th>Name</th>
+            <th>Type</th>
+            <th>Description</th>
+            <th>Author</th>
+            <th>Tech</th>
+            <th>Severity</th>
+            <th>Message</th>
+            <th>Location</th>
+          </tr>
+        </thead>
+        <tbody>
+          ${findingsRows}
+        </tbody>
+      </table>
+
+      <h2 style="margin-top: 2rem;">Mapped Data (Sortable)</h2>
+      <table id="mapped-table" class="display data-table" style="width:100%">
+        <thead>
+          <tr>
+            <th>ID</th>
+            <th>Description</th>
+            <th>Contains Fetch</th>
+            <th>Axios Client</th>
+            <th>Exports</th>
+            <th>Imports</th>
+            <th>File</th>
+          </tr>
+        </thead>
+        <tbody>
+          ${mappedRows}
+        </tbody>
+      </table>
+    </section>`;
+    return html;
+};
+export default genDataTablesPage;
+//# sourceMappingURL=genDataTablesPage.js.map

package/build/report/utility/dataTables/genDataTablesPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"genDataTablesPage.js","sourceRoot":"","sources":["../../../../src/report/utility/dataTables/genDataTablesPage.ts"],"names":[],"mappings":"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"}

package/build/report/utility/genHtml.js

@@ -14,13 +14,46 @@ import hljs from "highlight.js";
 import addAnalyze from "./markdownGen/addAnalyze.js";
 import CONFIG from "../../globalConfig.js";
 import addMappedJson from "./markdownGen/addMappedJson.js";
-const html = (analyzeMarkdown, mappedJsonMarkdown) => __awaiter(void 0, void 0, void 0, function* () {
+import genDataTablesPage from "./dataTables/genDataTablesPage.js";
+import { createRequire } from "module";
+// Attempt to read local DataTables assets from node_modules (for offline/self-contained reports)
+const getLocalDataTablesAssets = () => {
+    try {
+        const require = createRequire(import.meta.url);
+        const dtJsPath = require.resolve("datatables.net/js/dataTables.min.js");
+        const dtCssPath = require.resolve("datatables.net-dt/css/dataTables.dataTables.min.css");
+        const js = fs.readFileSync(dtJsPath, "utf8");
+        const css = fs.readFileSync(dtCssPath, "utf8");
+        return { js, css };
+    }
+    catch (e) {
+        console.warn("[DataTables] Local assets not found; falling back to CDN", (e === null || e === void 0 ? void 0 : e.message) || e);
+        return { js: null, css: null };
+    }
+};
+// Attempt to read local jQuery asset
+const getLocalJqueryAsset = () => {
+    try {
+        const require = createRequire(import.meta.url);
+        const jqPath = require.resolve("jquery/dist/jquery.min.js");
+        const js = fs.readFileSync(jqPath, "utf8");
+        return js;
+    }
+    catch (e) {
+        console.warn("[DataTables] Local jQuery not found; falling back to CDN", (e === null || e === void 0 ? void 0 : e.message) || e);
+        return null;
+    }
+};
+const html = (analyzeMarkdown, mappedJsonMarkdown, dataTablesHtml, dtAssets, jqueryJs) => __awaiter(void 0, void 0, void 0, function* () {
     return `<!DOCTYPE html>
 <html>
 <head>
   <meta charset="UTF-8">
   <title>JS Recon Report</title>
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlight.js@11.9.0/styles/github-dark.css">
+  ${dtAssets.css
+        ? `<style id="dt-inline-css">${dtAssets.css}</style>`
+        : `<link rel="stylesheet" href="https://cdn.datatables.net/2.0.8/css/dataTables.dataTables.min.css">`}
   <style>
     h2, h3, h4 {
         cursor: pointer;
@@ -62,6 +95,32 @@ const html = (analyzeMarkdown, mappedJsonMarkdown) => __awaiter(void 0, void 0,
       display: flex;
       gap: 15px;
     }
+    .data-table { font-size: 0.9rem; }
+    pre.code-cell { white-space: pre-wrap; word-break: break-word; max-height: 200px; overflow: auto; }
+    thead tr.filter-row th { padding: 4px 6px; }
+    thead tr.filter-row th input {
+      width: 100%;
+      padding: 4px 6px;
+      border: 1px solid #ccc;
+      border-radius: 4px;
+      font-size: 0.85rem;
+      box-sizing: border-box;
+    }
+    /* Column resize styles */
+    table.display.data-table { table-layout: fixed; }
+    table.display.data-table thead th { position: relative; }
+    .th-resizer {
+      position: absolute;
+      right: 0;
+      top: 0;
+      width: 6px;
+      height: 100%;
+      cursor: col-resize;
+      user-select: none;
+      opacity: 0;
+      transition: opacity 0.15s ease-in-out;
+    }
+    table.display.data-table thead th:hover .th-resizer { opacity: 1; }
   </style>
 </head>
 <body>
@@ -72,6 +131,7 @@ const html = (analyzeMarkdown, mappedJsonMarkdown) => __awaiter(void 0, void 0,
     <ul class="navbar-links" id="navbar-links">
       <li><a href="#home">Home</a></li>
       <li><a href="#mappedJson">Mapped JSON</a></li>
+      <li><a href="#dataTables">Data Tables</a></li>
       <li><a href="#about">About</a></li>
     </ul>
   </nav>
@@ -80,16 +140,114 @@ const html = (analyzeMarkdown, mappedJsonMarkdown) => __awaiter(void 0, void 0,
     ${JSON.stringify({
         home: yield marked.parse(analyzeMarkdown),
         mappedJson: yield marked.parse(mappedJsonMarkdown),
+        dataTables: dataTablesHtml,
         about: `# About\n\n The documentation for this tool is available at [JS Recon Docs](https://js-recon.io/).\n\n## Version\n\nThis report is generated with JS Recon [v${CONFIG.version}](https://github.com/shriyanss/js-recon/releases/tag/v${CONFIG.version}).`,
-    })}
+    }).replace(/</g, "\\u003c")}
   </script>
   <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+  ${jqueryJs
+        ? `<script id="jquery-inline-js">${jqueryJs}</script>`
+        : `<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>`}
+  ${dtAssets.js
+        ? `<script id="dt-inline-js">${dtAssets.js}</script>`
+        : `<script src="https://cdn.datatables.net/2.0.8/js/dataTables.min.js"></script>`}
   <script>
     document.addEventListener('DOMContentLoaded', () => {
       const contentDiv = document.getElementById('content');
       const navbarLinks = document.getElementById('navbar-links');
       const pages = JSON.parse(document.getElementById('page-data').textContent);
 
+      const isDtAvailable = () => {
+        if (typeof window.DataTable !== 'undefined') return true; // ESM/global
+        const $ = window.jQuery || window.$;
+        return !!($ && $.fn && ($.fn.DataTable || $.fn.dataTable)); // UMD via jQuery plugin
+      };
+
+      const loadScriptOnce = (src, id) => new Promise((resolve, reject) => {
+        if (document.getElementById(id)) return resolve(null);
+        const s = document.createElement('script');
+        s.src = src;
+        s.id = id;
+        s.onload = () => resolve(null);
+        s.onerror = (e) => reject(e);
+        document.head.appendChild(s);
+      });
+
+      const loadCssOnce = (href, id) => new Promise((resolve) => {
+        if (document.getElementById(id)) return resolve(null);
+        const l = document.createElement('link');
+        l.rel = 'stylesheet';
+        l.href = href;
+        l.id = id;
+        l.onload = () => resolve(null);
+        l.onerror = () => resolve(null);
+        document.head.appendChild(l);
+      });
+
+      const ensureJquery = async () => {
+        if (window.jQuery) return true;
+        const jqCdn = [
+          'https://code.jquery.com/jquery-3.7.1.min.js',
+          'https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js',
+          'https://unpkg.com/jquery@3.7.1/dist/jquery.min.js'
+        ];
+        for (let i = 0; i < jqCdn.length; i++) {
+          const url = jqCdn[i];
+          try {
+            await loadScriptOnce(url, 'jq-cdn-' + i);
+          } catch (e) {
+            console.error('[jQuery] Load failed', url, e);
+          }
+          if (window.jQuery) {
+            console.log('[jQuery] Loaded from', url);
+            return true;
+          }
+        }
+        return false;
+      };
+
+      const tryLoadDataTables = async () => {
+        // Ensure jQuery is present for DataTables UMD build
+        if (!isDtAvailable() && !window.jQuery) {
+          const jqOk = await ensureJquery();
+          if (!jqOk) {
+            console.error('[DataTables] jQuery not available; cannot initialize DataTables.');
+          }
+        }
+        const sources = [
+          {
+            js: 'https://cdn.datatables.net/2.0.8/js/dataTables.min.js',
+            css: 'https://cdn.datatables.net/2.0.8/css/dataTables.dataTables.min.css',
+            id: 'dt-cdn'
+          },
+          {
+            js: 'https://cdn.jsdelivr.net/npm/datatables.net@2.0.8/js/dataTables.min.js',
+            css: 'https://cdn.jsdelivr.net/npm/datatables.net-dt@2.0.8/css/dataTables.dataTables.min.css',
+            id: 'dt-jsd'
+          },
+          {
+            js: 'https://unpkg.com/datatables.net@2.0.8/js/dataTables.min.js',
+            css: 'https://unpkg.com/datatables.net-dt@2.0.8/css/dataTables.dataTables.min.css',
+            id: 'dt-unp'
+          }
+        ];
+        for (const src of sources) {
+          if (isDtAvailable()) return true;
+          console.warn('[DataTables] Attempting load from', src.js);
+          await loadCssOnce(src.css, src.id + '-css');
+          try {
+            await loadScriptOnce(src.js, src.id + '-js');
+          } catch (e) {
+            console.error('[DataTables] Load failed', src.js, e);
+          }
+          if (isDtAvailable()) {
+            console.log('[DataTables] Loaded from', src.js);
+            return true;
+          }
+        }
+        return false;
+      };
+
       const updateVisibility = () => {
         const headers = contentDiv.querySelectorAll('h2, h3, h4');
         let parentCollapsedLevels = [];
@@ -116,6 +274,143 @@ const html = (analyzeMarkdown, mappedJsonMarkdown) => __awaiter(void 0, void 0,
         });
       };
 
+      const setColWidth = (tableEl, colIndex, widthPx) => {
+        const nth = colIndex + 1;
+        const w = Math.max(50, widthPx) + 'px';
+        const th = tableEl.querySelector('thead tr:first-child th:nth-child(' + nth + ')');
+        if (th) th.style.width = w;
+        const filterTh = tableEl.querySelector('thead tr.filter-row th:nth-child(' + nth + ')');
+        if (filterTh) filterTh.style.width = w;
+        const tds = tableEl.querySelectorAll('tbody tr td:nth-child(' + nth + ')');
+        tds.forEach(td => { td.style.width = w; });
+      };
+
+      const addColumnResizers = (tableEl) => {
+        if (!tableEl || tableEl.dataset.resizers === '1') return;
+        const ths = tableEl.querySelectorAll('thead tr:first-child th');
+        ths.forEach((th, idx) => {
+          if (th.querySelector('.th-resizer')) return;
+          const handle = document.createElement('div');
+          handle.className = 'th-resizer';
+          th.appendChild(handle);
+          let startX = 0;
+          let startWidth = 0;
+          const onMouseMove = (e) => {
+            const dx = e.pageX - startX;
+            setColWidth(tableEl, idx, startWidth + dx);
+          };
+          const onMouseUp = () => {
+            document.removeEventListener('mousemove', onMouseMove);
+            document.removeEventListener('mouseup', onMouseUp);
+            document.body.style.cursor = '';
+          };
+          handle.addEventListener('mousedown', (e) => {
+            e.preventDefault();
+            startX = e.pageX;
+            startWidth = th.offsetWidth;
+            document.addEventListener('mousemove', onMouseMove);
+            document.addEventListener('mouseup', onMouseUp);
+            document.body.style.cursor = 'col-resize';
+          });
+        });
+        tableEl.dataset.resizers = '1';
+        // Ensure table layout
+        tableEl.style.tableLayout = 'fixed';
+      };
+
+      const initializeDataTablesIfPresent = async () => {
+        try {
+          // Ensure DataTables (ESM or UMD) is present
+          if (!isDtAvailable()) {
+            const ok = await tryLoadDataTables();
+            if (!ok) {
+              console.error('[DataTables] Unable to load DataTables from any CDN. Controls disabled.');
+              return;
+            }
+          }
+          const tables = contentDiv.querySelectorAll('table.data-table');
+          console.log('[DataTables] Initializing', tables.length, 'table(s)');
+          tables.forEach((table) => {
+            if (table.dataset.dtInit === '1') return;
+            const options = {
+              paging: true,
+              searching: true,
+              ordering: true,
+              orderMulti: true,
+              pageLength: 25,
+              autoWidth: false,
+              // v1 fallback
+              dom: 'lfrtip',
+              // v2 layout API
+              layout: {
+                topStart: 'search',
+                topEnd: 'pageLength',
+                bottomStart: 'info',
+                bottomEnd: 'paging'
+              }
+            };
+
+            // Per-table column options
+            if (table.id === 'findings-table') {
+              options.columnDefs = [{ targets: 8, orderable: false, searchable: false }];
+            } else if (table.id === 'mapped-table') {
+              options.columnDefs = [{ targets: [2, 3], searchable: false }];
+            }
+
+            let dt;
+            try {
+              if (typeof window.DataTable !== 'undefined') {
+                dt = new window.DataTable(table, options); // ESM/global style
+              } else {
+                const $ = window.jQuery || window.$;
+                if ($ && $.fn && $.fn.DataTable) {
+                  dt = $(table).DataTable(options); // UMD via jQuery plugin
+                } else {
+                  throw new Error('DataTables not available.');
+                }
+              }
+            } catch (e) {
+              console.error('[DataTables] Error instantiating on table#' + table.id, e);
+              return;
+            }
+
+            // Add per-column filters (second header row)
+            const thead = table.querySelector('thead');
+            if (thead && !thead.querySelector('tr.filter-row')) {
+              const headerCells = thead.querySelectorAll('tr:first-child th');
+              const filterRow = document.createElement('tr');
+              filterRow.className = 'filter-row';
+              headerCells.forEach((th, idx) => {
+                const thFilter = document.createElement('th');
+                // Skip filter for non-searchable columns if specified
+                const isSearchable = !options.columnDefs || !options.columnDefs.some(cd => {
+                  if (Array.isArray(cd.targets)) return cd.targets.includes(idx) && cd.searchable === false;
+                  return cd.targets === idx && cd.searchable === false;
+                });
+                if (isSearchable) {
+                  const input = document.createElement('input');
+                  input.type = 'text';
+                  input.placeholder = 'Filter ' + (th.textContent || '').trim();
+                  input.addEventListener('input', () => {
+                    dt.column(idx).search(input.value).draw();
+                  });
+                  thFilter.appendChild(input);
+                }
+                filterRow.appendChild(thFilter);
+              });
+              thead.appendChild(filterRow);
+            }
+            table.dataset.dtInit = '1';
+            // Attach column resizers after DataTables and filters are in place
+            addColumnResizers(table);
+            // Let DataTables recalc
+            try { if (dt && dt.columns) dt.columns().adjust(); } catch (e) {}
+          });
+        } catch (e) {
+          console.error('DataTables init error', e);
+        }
+      };
+
       const initializeCollapsibleHeaders = () => {
         const headers = contentDiv.querySelectorAll('h2, h3, h4');
         headers.forEach((header) => {
@@ -131,9 +426,14 @@ const html = (analyzeMarkdown, mappedJsonMarkdown) => __awaiter(void 0, void 0,
       };
 
       const renderPage = (pageName) => {
-        const markdownContent = pages[pageName] || '<h2>Page Not Found: ' + pageName + '</h2>';
-        contentDiv.innerHTML = pageName === 'home' ? markdownContent : window.marked.parse(markdownContent);
+        const content = pages[pageName] || '<h2>Page Not Found: ' + pageName + '</h2>';
+        if (pageName === 'home' || pageName === 'dataTables' || pageName === 'mappedJson') {
+          contentDiv.innerHTML = content;
+        } else {
+          contentDiv.innerHTML = window.marked.parse(content);
+        }
         initializeCollapsibleHeaders();
+        initializeDataTablesIfPresent();
       };
 
       const handleHashChange = () => {
@@ -142,9 +442,11 @@ const html = (analyzeMarkdown, mappedJsonMarkdown) => __awaiter(void 0, void 0,
       };
 
       navbarLinks.addEventListener('click', (event) => {
-        if (event.target.tagName === 'A') {
+        const t = event.target;
+        const a = t && (t.closest ? t.closest('a') : null);
+        if (a && a.hash) {
           event.preventDefault();
-          const pageName = event.target.hash.substring(1);
+          const pageName = a.hash.substring(1);
           window.location.hash = pageName;
         }
       });
@@ -164,6 +466,7 @@ const genHtml = (outputReportFile, db) => __awaiter(void 0, void 0, void 0, func
     let mappedJsonMarkdown = analyzeMarkdown;
     analyzeMarkdown = yield addAnalyze(analyzeMarkdown, db);
     mappedJsonMarkdown = yield addMappedJson(mappedJsonMarkdown, db);
+    const dataTablesHtml = genDataTablesPage(db);
     const renderer = new marked.Renderer();
     renderer.code = ({ text, lang }) => {
         const language = hljs.getLanguage(lang) ? lang : "plaintext";
@@ -176,7 +479,9 @@ const genHtml = (outputReportFile, db) => __awaiter(void 0, void 0, void 0, func
         pedantic: false,
         gfm: true,
     });
-    const renderedHtml = yield html(analyzeMarkdown, mappedJsonMarkdown);
+    const dtAssets = getLocalDataTablesAssets();
+    const jqueryJs = getLocalJqueryAsset();
+    const renderedHtml = yield html(analyzeMarkdown, mappedJsonMarkdown, dataTablesHtml, dtAssets, jqueryJs);
     fs.writeFileSync(outputReportFile, renderedHtml);
     console.log(chalk.green("[✓] HTML report generated successfully"));
 });

package/build/report/utility/genHtml.js.map

@@ -1 +1 @@
-{"version":3,"file":"genHtml.js","sourceRoot":"","sources":["../../../src/report/utility/genHtml.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,IAAI,MAAM,cAAc,CAAC;AAEhC,OAAO,UAAU,MAAM,6BAA6B,CAAC;AACrD,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,aAAa,MAAM,gCAAgC,CAAC;AAQ3D,MAAM,IAAI,GAAG,CAAO,eAAuB,EAAE,kBAA0B,EAAE,EAAE;IACvE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA8DL,IAAI,CAAC,SAAS,CAAC;QACb,IAAI,EAAE,MAAM,MAAM,CAAC,KAAK,CAAC,eAAe,CAAC;QACzC,UAAU,EAAE,MAAM,MAAM,CAAC,KAAK,CAAC,kBAAkB,CAAC;QAClD,KAAK,EAAE,gKAAgK,MAAM,CAAC,OAAO,yDAAyD,MAAM,CAAC,OAAO,IAAI;KACnQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA2EE,CAAC;AACT,CAAC,CAAA,CAAC;AAEF,MAAM,OAAO,GAAG,CAAO,gBAAwB,EAAE,EAAqB,EAAE,EAAE;IACtE,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,+BAA+B,CAAC,CAAC,CAAC;IAEzD,IAAI,eAAe,GAAG,kCAAkC,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,MAAM,CAAC;IACvF,IAAI,kBAAkB,GAAG,eAAe,CAAC;IAEzC,eAAe,GAAG,MAAM,UAAU,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;IACxD,kBAAkB,GAAG,MAAM,aAAa,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC;IAEjE,MAAM,QAAQ,GAAG,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;IACvC,QAAQ,CAAC,IAAI,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE;QAC/B,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,IAAc,CAAC,CAAC,CAAC,CAAE,IAAe,CAAC,CAAC,CAAC,WAAW,CAAC;QACnF,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC;QACvF,OAAO,0BAA0B,QAAQ,KAAK,eAAe,eAAe,CAAC;IACjF,CAAC,CAAC;IAEF,MAAM,CAAC,UAAU,CAAC;QACd,QAAQ;QACR,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,KAAK;QACf,GAAG,EAAE,IAAI;KACZ,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,eAAe,EAAE,kBAAkB,CAAC,CAAC;IACrE,EAAE,CAAC,aAAa,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC;IAEjD,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,wCAAwC,CAAC,CAAC,CAAC;AACvE,CAAC,CAAA,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"genHtml.js","sourceRoot":"","sources":["../../../src/report/utility/genHtml.ts"],"names":[],"mappings":"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"}

package/build/run/index.js

@@ -17,7 +17,23 @@ import chalk from "chalk";
 import CONFIG from "../globalConfig.js";
 import analyze from "../analyze/index.js";
 import report from "../report/index.js";
-import { clearJsUrls, clearJsonUrls } from "../lazyLoad/globals.js";
+import { clearJsUrls, clearJsonUrls, getJsUrls } from "../lazyLoad/globals.js";
+import path from "path";
+const getCdnDir = (host, outputDir) => __awaiter(void 0, void 0, void 0, function* () {
+    // get the JS URLs
+    let cdnDir;
+    for (const url of getJsUrls()) {
+        if (url.includes("_next/static/chunks")) {
+            // check if the host and url.host match
+            const urlHost = new URL(url).host.replace(":", "_");
+            if (urlHost !== host) {
+                cdnDir = path.join(outputDir, urlHost);
+                break;
+            }
+        }
+    }
+    return cdnDir;
+});
 const processUrl = (url, outputDir, workingDir, cmd, isBatch) => __awaiter(void 0, void 0, void 0, function* () {
     const targetHost = new URL(url).host.replace(":", "_");
     console.log(chalk.bgGreenBright(`[+] Starting analysis for ${url}...`));
@@ -30,7 +46,7 @@ const processUrl = (url, outputDir, workingDir, cmd, isBatch) => __awaiter(void
     console.log(chalk.bgGreen("[+] Lazyload complete."));
     if (globalsUtil.getTech() === "") {
         console.log(chalk.bgRed("[!] Technology not detected. Quitting."));
-        return;
+        process.exit(10);
     }
     if (globalsUtil.getTech() !== "next") {
         console.log(chalk.bgYellow(`[!] The tool only supports Next.JS ('next') fully. For ${globalsUtil.getTech()}, only downloading JS files is supported`));
@@ -45,6 +61,11 @@ const processUrl = (url, outputDir, workingDir, cmd, isBatch) => __awaiter(void
     const analyzeFile = isBatch ? `${workingDir}/analyze.json` : "analyze.json";
     const reportDbFile = isBatch ? `${workingDir}/js-recon.db` : "js-recon.db";
     const reportFile = isBatch ? `${workingDir}/report` : "report";
+    // if the target is using a CDN, then just passing the outputDir/host won't work, and would throw an error.
+    // So, if the target was found to be using a CDN, scan the CDN directory rather than the outputDir/host
+    // One IMPORTANT thing: this is only meant for modules that rely on just the code (map)
+    const cdnDir = yield getCdnDir(url, outputDir);
+    const cdnOutputDir = cdnDir ? cdnDir : outputDir + "/" + targetHost;
     console.log(chalk.bgCyan("[2/8] Running strings to extract endpoints..."));
     yield strings(outputDir, stringsFile, true, extractedUrlsFile, false, false, false);
     console.log(chalk.bgGreen("[+] Strings complete."));
@@ -59,7 +80,7 @@ const processUrl = (url, outputDir, workingDir, cmd, isBatch) => __awaiter(void
     if (isBatch) {
         globalsUtil.setOpenapiOutputFile(openapiFile);
     }
-    yield map(outputDir + "/" + targetHost, mappedFile, ["json"], globalsUtil.getTech(), false, false);
+    yield map(cdnOutputDir, mappedFile, ["json"], globalsUtil.getTech(), false, false);
     console.log(chalk.bgGreen("[+] Map complete."));
     console.log(chalk.bgCyan("[6/8] Running endpoints to extract endpoints..."));
     if (fs.existsSync(`${outputDir}/${targetHost}/___subsequent_requests`)) {
@@ -92,12 +113,14 @@ export default (cmd) => __awaiter(void 0, void 0, void 0, function* () {
         if (fs.existsSync(cmd.output)) {
             console.log(chalk.red(`[!] Output directory ${cmd.output} already exists. Please switch to other directory or it might conflict with this process.`));
             console.log(chalk.yellow(`[i] For advanced users: use the individual modules separately. See docs at ${CONFIG.modulesDocs}`));
-            return;
+            process.exit(11);
+        }
+        try {
+            new URL(cmd.url);
         }
-        let urlTest = new URL(cmd.url);
-        if (!urlTest) {
-            console.log(chalk.red("[!] Invalid URL"));
-            return;
+        catch (e) {
+            console.log(chalk.red(`[!] Invalid URL: ${cmd.url}`));
+            process.exit(12);
         }
         yield processUrl(cmd.url, cmd.output, ".", cmd, false);
     }
@@ -107,32 +130,29 @@ export default (cmd) => __awaiter(void 0, void 0, void 0, function* () {
             .readFileSync(cmd.url, "utf-8")
             .split("\n")
             .filter((url) => url !== "");
-        // iterate through the URLs, and make sure they are valid URLs
-        let allPassed = true;
-        for (const url of urls) {
-            try {
-                let urlTest = new URL(url);
-            }
-            catch (e) {
-                console.log(chalk.red(`[!] Invalid URL: ${url}`));
-                allPassed = false;
-            }
-        }
-        if (!allPassed) {
-            return;
-        }
         // first of all, make a new directory for the tool output
         const toolOutputDir = "js_recon_run_output";
         if (fs.existsSync(toolOutputDir)) {
             console.log(chalk.red(`[!] Output directory ${toolOutputDir} already exists. Please switch to other directory or it might conflict with this process.`));
             console.log(chalk.yellow(`[i] For advanced users: use the individual modules separately. See docs at ${CONFIG.modulesDocs}`));
-            return;
+            process.exit(14);
         }
         fs.mkdirSync(toolOutputDir);
         for (const url of urls) {
-            const thisTargetWorkingDir = toolOutputDir + "/" + new URL(url).host.replace(":", "_");
-            fs.mkdirSync(thisTargetWorkingDir);
-            const outputDir = thisTargetWorkingDir + "/output";
+            // Validate URL only
+            let urlObj;
+            try {
+                urlObj = new URL(url);
+            }
+            catch (_a) {
+                console.log(chalk.bgRed(`[!] Invalid URL: ${url}`));
+                continue;
+            }
+            const thisTargetWorkingDir = `${toolOutputDir}/${urlObj.host.replace(":", "_")}`;
+            if (!fs.existsSync(thisTargetWorkingDir)) {
+                fs.mkdirSync(thisTargetWorkingDir, { recursive: true });
+            }
+            const outputDir = `${thisTargetWorkingDir}/output`;
             yield processUrl(url, outputDir, thisTargetWorkingDir, cmd, true);
         }
     }