@testsmith/api-spector 0.6.2 → 0.6.3

package/out/main/chunks/{request-collection-Hqh3I3rs.js → request-collection-GzK4QgvT.js}

@@ -184,8 +184,9 @@ function resolveInheritedAuthAndHeaders(requestId, collection) {
 }
 function buildRunPlan(collection, folderId, filterTags) {
   const collectionVars = collection.collectionVariables ?? {};
+  const tag = (items) => items.map((i) => ({ ...i, collection: collection.name }));
   {
-    return buildFolderPlan(
+    return tag(buildFolderPlan(
       collection.rootFolder,
       collection.requests,
       collectionVars,
@@ -195,7 +196,7 @@ function buildRunPlan(collection, folderId, filterTags) {
       [],
       [],
       true
-    );
+    ));
   }
 }
 function expandRunPlanWithData(items, ds) {

package/out/main/index.js

@@ -34,7 +34,7 @@ const ipcValidate = require("./chunks/ipc-validate-sqUFqRmE.js");
 const uuid = require("uuid");
 const jsYaml = require("js-yaml");
 const undici = require("undici");
-const requestCollection = require("./chunks/request-collection-Hqh3I3rs.js");
+const requestCollection = require("./chunks/request-collection-GzK4QgvT.js");
 const mockServer = require("./chunks/mock-server-BxiXhP1m.js");
 const http = require("http");
 const WebSocket = require("ws");
@@ -4686,6 +4686,7 @@ function registerRunnerHandler(ipc) {
           isHook: item.isHook,
           hookType: item.hookType,
           scopeId: item.scopeId,
+          collection: item.collection,
           scopePath: item.scopePath,
           iterationLabel: item.iterationLabel
         };
@@ -4699,6 +4700,7 @@ function registerRunnerHandler(ipc) {
         isHook: item.isHook,
         hookType: item.hookType,
         scopeId: item.scopeId,
+        collection: item.collection,
         scopePath: item.scopePath
       };
       event.sender.send(handle.IPC.runner.progress, { requestId: item.request.id, ...runningUpdate });
@@ -4730,6 +4732,7 @@ function registerRunnerHandler(ipc) {
         isHook: item.isHook,
         hookType: item.hookType,
         scopeId: item.scopeId,
+        collection: item.collection,
         scopePath: item.scopePath
       });
       if (requestDelay > 0 && item !== items[items.length - 1]) {
@@ -6039,7 +6042,7 @@ function isNewer(a, b) {
   return a2 > b2;
 }
 async function checkForUpdate() {
-  const current = "0.6.2";
+  const current = "0.6.3";
   try {
     const res = await fetch(REGISTRY_URL, { signal: AbortSignal.timeout(4e3) });
     if (!res.ok) return null;

package/out/main/runner.js

@@ -4,7 +4,7 @@ const promises = require("fs/promises");
 const path = require("path");
 const requestExec = require("./chunks/request-exec-DAFA6Fap.js");
 const escape = require("./chunks/escape-BwPM4Tf6.js");
-const requestCollection = require("./chunks/request-collection-Hqh3I3rs.js");
+const requestCollection = require("./chunks/request-collection-GzK4QgvT.js");
 const environments = require("./chunks/environments-iM3SUM-4.js");
 const cliCommon = require("./chunks/cli-common-vASoDfQH.js");
 require("undici");
@@ -36,6 +36,9 @@ function buildJsonReport(results, summary, meta = {}) {
       method: r.method,
       url: r.resolvedUrl,
       status: r.status,
+      // Tree position: which collection and folder path this request sits under.
+      collection: r.collection ?? meta.collection ?? null,
+      folderPath: r.scopePath ?? [],
       isHook: r.isHook ?? false,
       hookType: r.hookType ?? null,
       httpStatus: r.httpStatus ?? null,
@@ -76,12 +79,26 @@ function buildHtmlReport(results, summary, meta = {}) {
     after: "AFTER",
     afterAll: "AFTER ALL"
   };
-  let lastScopeKey = null;
+  let lastCollection = null;
+  let lastPath = [];
   const cards = results.map((r, idx) => {
-    const scopeKey = (r.scopePath ?? []).join(" / ");
-    const groupHeading = scopeKey && scopeKey !== lastScopeKey ? `    <div class="scope-heading">${esc(scopeKey)}</div>
-` : "";
-    lastScopeKey = scopeKey;
+    let groupHeading = "";
+    const coll = r.collection ?? meta.collection ?? "";
+    if (coll && coll !== lastCollection) {
+      groupHeading += `    <div class="scope-heading lvl-0">${esc(coll)}</div>
+`;
+      lastCollection = coll;
+      lastPath = [];
+    }
+    const path2 = r.scopePath ?? [];
+    let diverge = 0;
+    while (diverge < path2.length && diverge < lastPath.length && path2[diverge] === lastPath[diverge]) diverge++;
+    for (let d = diverge; d < path2.length; d++) {
+      groupHeading += `    <div class="scope-heading lvl-${Math.min(d + 1, 6)}">${esc(path2[d])}</div>
+`;
+    }
+    lastPath = path2;
+    const cardIndent = `lvl-${Math.min(path2.length + 1, 6)}`;
     const statusCls = r.status === "passed" ? "badge-pass" : r.status === "failed" ? "badge-fail" : r.status === "skipped" ? "badge-skip" : "badge-err";
     const httpCls = r.httpStatus && r.httpStatus < 300 ? "http-ok" : r.httpStatus && r.httpStatus < 400 ? "http-redir" : "http-err";
     const dur = r.durationMs != null ? `${r.durationMs} ms` : "—";
@@ -121,7 +138,7 @@ function buildHtmlReport(results, summary, meta = {}) {
       </div>` : "";
     const hookCls = hookLabel ? r.hookType?.startsWith("before") ? "card-hook-before" : "card-hook-after" : "";
     return `${groupHeading}
-    <div class="card ${hookCls}" id="r${idx}">
+    <div class="card ${hookCls} ${cardIndent}" id="r${idx}">
       <div class="card-header" onclick="toggle(${idx})">
         <span class="chevron" id="ch${idx}">▶</span>
         <span class="badge ${statusCls}">${r.status}</span>
@@ -192,8 +209,18 @@ function buildHtmlReport(results, summary, meta = {}) {
   .stat-skip .stat-val { color: var(--text-muted); }
   /* Cards */
   .card { border: 1px solid var(--border); border-radius: 8px; margin-bottom: 8px; overflow: hidden; }
-  .scope-heading { margin: 18px 0 6px; padding: 4px 2px; font-size: 11px; font-weight: 600; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 1px solid var(--border); }
+  .scope-heading { margin: 14px 0 6px; padding: 4px 2px; font-size: 11px; font-weight: 600; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 1px solid var(--border); }
   .scope-heading::before { content: "\\25B8 "; color: var(--text-dim); }
+  /* Nested tree indentation: collection (lvl-0) → folders (lvl-1..) → request card. */
+  .lvl-0 { margin-left: 0; }
+  .lvl-1 { margin-left: 16px; }
+  .lvl-2 { margin-left: 32px; }
+  .lvl-3 { margin-left: 48px; }
+  .lvl-4 { margin-left: 64px; }
+  .lvl-5 { margin-left: 80px; }
+  .lvl-6 { margin-left: 96px; }
+  .scope-heading.lvl-0 { font-size: 13px; color: var(--text); text-transform: none; letter-spacing: 0; margin-top: 22px; }
+  .scope-heading.lvl-0::before { content: "\\1F5C0 "; }
   .card-header { display: flex; align-items: baseline; gap: 8px; padding: 10px 14px; cursor: pointer; user-select: none; }
   .card-header:hover { background: var(--bg-surface); }
   .chevron { font-size: 10px; color: var(--text-muted); min-width: 10px; transition: transform .15s; }
@@ -311,7 +338,7 @@ function buildJUnitReport(results, summary, meta = {}) {
     const label = r.iterationLabel ? ` #${r.iterationLabel}` : "";
     const hookPrefix = r.isHook && r.hookType ? `[${HOOK_JUNIT_LABELS[r.hookType] ?? "Hook"}] ` : "";
     const name = esc(hookPrefix + r.name + label);
-    const classname = esc(`${r.method} ${r.resolvedUrl}`);
+    const classname = esc([r.collection ?? meta.collection, ...r.scopePath ?? []].filter(Boolean).map((s) => String(s).replace(/\./g, "_")).join(".") || "API Tests");
     const timeSec = ((r.durationMs ?? 0) / 1e3).toFixed(3);
     const failures = [];
     if (r.status === "error") {
@@ -469,7 +496,7 @@ async function main() {
   } else if (!envName && workspace.settings?.defaultEnvironment && !env) {
     console.warn(cliCommon.color(`Warning: default environment "${workspace.settings.defaultEnvironment}" not found. Running without environment.`, cliCommon.C.yellow));
   }
-  const version = `v${"0.6.2"}`;
+  const version = `v${"0.6.3"}`;
   console.log("");
   console.log(cliCommon.color("  API Test Runner" + (version ? ` ${version}` : ""), cliCommon.C.bold, cliCommon.C.white));
   console.log(cliCommon.color(`  Workspace:   ${wsPath}`, cliCommon.C.gray));
@@ -569,6 +596,7 @@ async function main() {
           isHook,
           hookType,
           scopeId,
+          collection: item.collection,
           scopePath: item.scopePath,
           iterationLabel: item.iterationLabel
         };
@@ -594,6 +622,7 @@ async function main() {
         result.isHook = isHook;
         result.hookType = hookType;
         result.scopeId = scopeId;
+        result.collection = item.collection;
         result.scopePath = item.scopePath;
         result.iterationLabel = item.iterationLabel;
         skipTracker.recordResult(item, result.status);

package/out/renderer/assets/{GraphQLEditor-DtppmZJO.js → GraphQLEditor-MImdgXb4.js}

@@ -1,5 +1,5 @@
 import { l as linter, E as EditorView, L as LanguageSupport, e as LRLanguage, s as styleTags, i as indentNodeProp, f as delimitedIndent, m as foldNodeProp, n as foldInside, S as StateField, p as LRParser, q as StateEffect, u as tags, r as reactExports, j as jsxRuntimeExports, c as ReactCodeMirror, o as oneDark, b as json } from "./codemirror-F6m3Hm1M.js";
-import { u as useT, a as useStore, b as useActiveEnvironment } from "./index-D6-zmXen.js";
+import { u as useT, a as useStore, b as useActiveEnvironment } from "./index-ByGIqJ2H.js";
 import "./ajv-2MAg6kGF.js";
 function devAssert(condition, message) {
   const booleanCondition = Boolean(condition);

package/out/renderer/assets/{SoapEditor-BwSm12wH.js → SoapEditor-rxb3heue.js}

@@ -1,5 +1,5 @@
 import { r as reactExports, j as jsxRuntimeExports, c as ReactCodeMirror, o as oneDark, x as xml } from "./codemirror-F6m3Hm1M.js";
-import { u as useT, c as btnPrimaryCls, d as commentKeymap } from "./index-D6-zmXen.js";
+import { u as useT, c as btnPrimaryCls, d as commentKeymap } from "./index-ByGIqJ2H.js";
 import "./ajv-2MAg6kGF.js";
 const SOAP_11_CONTENT_TYPE = "text/xml; charset=utf-8";
 const SOAP_12_CONTENT_TYPE = "application/soap+xml; charset=utf-8";

package/out/renderer/assets/{index-D6-zmXen.js → index-ByGIqJ2H.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./GraphQLEditor-DtppmZJO.js","./codemirror-F6m3Hm1M.js","./ajv-2MAg6kGF.js","./SoapEditor-BwSm12wH.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./GraphQLEditor-MImdgXb4.js","./codemirror-F6m3Hm1M.js","./ajv-2MAg6kGF.js","./SoapEditor-rxb3heue.js"])))=>i.map(i=>d[i]);
 import { r as reactExports, g as getDefaultExportFromCjs, R as React$2, a as autocompletion, h as hoverTooltip, j as jsxRuntimeExports, k as keymap, t as toggleComment, x as xml, b as json, c as ReactCodeMirror, o as oneDark, d as javascript } from "./codemirror-F6m3Hm1M.js";
 import { A as Ajv } from "./ajv-2MAg6kGF.js";
 var client = { exports: {} };
@@ -25557,8 +25557,9 @@ function resolveInheritedAuthAndHeaders(requestId, collection2) {
 }
 function buildRunPlan(collection2, folderId, filterTags) {
   const collectionVars = collection2.collectionVariables ?? {};
+  const tag = (items) => items.map((i) => ({ ...i, collection: collection2.name }));
   if (!folderId) {
-    return buildFolderPlan(
+    return tag(buildFolderPlan(
       collection2.rootFolder,
       collection2.requests,
       collectionVars,
@@ -25568,7 +25569,7 @@ function buildRunPlan(collection2, folderId, filterTags) {
       [],
       [],
       true
-    );
+    ));
   }
   const chain = folderChainTo(collection2.rootFolder, folderId);
   if (chain.length === 0) return [];
@@ -25615,7 +25616,7 @@ function buildRunPlan(collection2, folderId, filterTags) {
       result.push(makeHook(req, collectionVars, "afterAll", f.id, myAncestors, []));
     }
   }
-  return result;
+  return tag(result);
 }
 function expandRunPlanWithData(items, ds) {
   if (!ds || ds.rows.length === 0) return items;
@@ -27375,8 +27376,8 @@ function jsonWithComments() {
 function xmlWithComments() {
   return [xml(), commentKeymap];
 }
-const GraphQLEditor = reactExports.lazy(() => __vitePreload(() => import("./GraphQLEditor-DtppmZJO.js"), true ? __vite__mapDeps([0,1,2]) : void 0, import.meta.url).then((m) => ({ default: m.GraphQLEditor })));
-const SoapEditor = reactExports.lazy(() => __vitePreload(() => import("./SoapEditor-BwSm12wH.js"), true ? __vite__mapDeps([3,1,2]) : void 0, import.meta.url).then((m) => ({ default: m.SoapEditor })));
+const GraphQLEditor = reactExports.lazy(() => __vitePreload(() => import("./GraphQLEditor-MImdgXb4.js"), true ? __vite__mapDeps([0,1,2]) : void 0, import.meta.url).then((m) => ({ default: m.GraphQLEditor })));
+const SoapEditor = reactExports.lazy(() => __vitePreload(() => import("./SoapEditor-rxb3heue.js"), true ? __vite__mapDeps([3,1,2]) : void 0, import.meta.url).then((m) => ({ default: m.SoapEditor })));
 function BodyTab({ request: request2, onChange }) {
   const t = useT();
   const editorFallback = /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4 text-xs text-surface-500", children: t("Loading editor…") });
@@ -32536,7 +32537,7 @@ function WelcomeScreen() {
         )
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-surface-400 text-sm max-w-sm", children: t("Local-first API testing with Robot Framework & Playwright code generation. Secrets stay on your machine.") }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] mt-3", style: { color: "var(--text-muted)" }, children: t("version :version", { version: "0.6.2" }) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] mt-3", style: { color: "var(--text-muted)" }, children: t("version :version", { version: "0.6.3" }) })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3 w-64", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -35440,6 +35441,9 @@ function buildJsonReport(results, summary, meta = {}) {
       method: r.method,
       url: r.resolvedUrl,
       status: r.status,
+      // Tree position: which collection and folder path this request sits under.
+      collection: r.collection ?? meta.collection ?? null,
+      folderPath: r.scopePath ?? [],
       isHook: r.isHook ?? false,
       hookType: r.hookType ?? null,
       httpStatus: r.httpStatus ?? null,
@@ -35480,12 +35484,26 @@ function buildHtmlReport(results, summary, meta = {}) {
     after: "AFTER",
     afterAll: "AFTER ALL"
   };
-  let lastScopeKey = null;
+  let lastCollection = null;
+  let lastPath = [];
   const cards = results.map((r, idx) => {
-    const scopeKey = (r.scopePath ?? []).join(" / ");
-    const groupHeading = scopeKey && scopeKey !== lastScopeKey ? `    <div class="scope-heading">${esc2(scopeKey)}</div>
-` : "";
-    lastScopeKey = scopeKey;
+    let groupHeading = "";
+    const coll = r.collection ?? meta.collection ?? "";
+    if (coll && coll !== lastCollection) {
+      groupHeading += `    <div class="scope-heading lvl-0">${esc2(coll)}</div>
+`;
+      lastCollection = coll;
+      lastPath = [];
+    }
+    const path = r.scopePath ?? [];
+    let diverge = 0;
+    while (diverge < path.length && diverge < lastPath.length && path[diverge] === lastPath[diverge]) diverge++;
+    for (let d = diverge; d < path.length; d++) {
+      groupHeading += `    <div class="scope-heading lvl-${Math.min(d + 1, 6)}">${esc2(path[d])}</div>
+`;
+    }
+    lastPath = path;
+    const cardIndent = `lvl-${Math.min(path.length + 1, 6)}`;
     const statusCls = r.status === "passed" ? "badge-pass" : r.status === "failed" ? "badge-fail" : r.status === "skipped" ? "badge-skip" : "badge-err";
     const httpCls = r.httpStatus && r.httpStatus < 300 ? "http-ok" : r.httpStatus && r.httpStatus < 400 ? "http-redir" : "http-err";
     const dur = r.durationMs != null ? `${r.durationMs} ms` : "—";
@@ -35525,7 +35543,7 @@ function buildHtmlReport(results, summary, meta = {}) {
       </div>` : "";
     const hookCls = hookLabel ? r.hookType?.startsWith("before") ? "card-hook-before" : "card-hook-after" : "";
     return `${groupHeading}
-    <div class="card ${hookCls}" id="r${idx}">
+    <div class="card ${hookCls} ${cardIndent}" id="r${idx}">
       <div class="card-header" onclick="toggle(${idx})">
         <span class="chevron" id="ch${idx}">▶</span>
         <span class="badge ${statusCls}">${r.status}</span>
@@ -35596,8 +35614,18 @@ function buildHtmlReport(results, summary, meta = {}) {
   .stat-skip .stat-val { color: var(--text-muted); }
   /* Cards */
   .card { border: 1px solid var(--border); border-radius: 8px; margin-bottom: 8px; overflow: hidden; }
-  .scope-heading { margin: 18px 0 6px; padding: 4px 2px; font-size: 11px; font-weight: 600; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 1px solid var(--border); }
+  .scope-heading { margin: 14px 0 6px; padding: 4px 2px; font-size: 11px; font-weight: 600; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 1px solid var(--border); }
   .scope-heading::before { content: "\\25B8 "; color: var(--text-dim); }
+  /* Nested tree indentation: collection (lvl-0) → folders (lvl-1..) → request card. */
+  .lvl-0 { margin-left: 0; }
+  .lvl-1 { margin-left: 16px; }
+  .lvl-2 { margin-left: 32px; }
+  .lvl-3 { margin-left: 48px; }
+  .lvl-4 { margin-left: 64px; }
+  .lvl-5 { margin-left: 80px; }
+  .lvl-6 { margin-left: 96px; }
+  .scope-heading.lvl-0 { font-size: 13px; color: var(--text); text-transform: none; letter-spacing: 0; margin-top: 22px; }
+  .scope-heading.lvl-0::before { content: "\\1F5C0 "; }
   .card-header { display: flex; align-items: baseline; gap: 8px; padding: 10px 14px; cursor: pointer; user-select: none; }
   .card-header:hover { background: var(--bg-surface); }
   .chevron { font-size: 10px; color: var(--text-muted); min-width: 10px; transition: transform .15s; }
@@ -35715,7 +35743,7 @@ function buildJUnitReport(results, summary, meta = {}) {
     const label = r.iterationLabel ? ` #${r.iterationLabel}` : "";
     const hookPrefix = r.isHook && r.hookType ? `[${HOOK_JUNIT_LABELS[r.hookType] ?? "Hook"}] ` : "";
     const name = esc2(hookPrefix + r.name + label);
-    const classname = esc2(`${r.method} ${r.resolvedUrl}`);
+    const classname = esc2([r.collection ?? meta.collection, ...r.scopePath ?? []].filter(Boolean).map((s) => String(s).replace(/\./g, "_")).join(".") || "API Tests");
     const timeSec = ((r.durationMs ?? 0) / 1e3).toFixed(3);
     const failures = [];
     if (r.status === "error") {
@@ -41485,7 +41513,7 @@ function App() {
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "#6aa3c8" }, children: "Spector" }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ml-2 text-[10px] font-normal opacity-50", children: [
         "v",
-        "0.6.2"
+        "0.6.3"
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "mx-2 opacity-30", children: "·" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(

package/out/renderer/index.html

@@ -5,7 +5,7 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>API Spector</title>
-  <script type="module" crossorigin src="./assets/index-D6-zmXen.js"></script>
+  <script type="module" crossorigin src="./assets/index-ByGIqJ2H.js"></script>
   <link rel="modulepreload" crossorigin href="./assets/codemirror-F6m3Hm1M.js">
   <link rel="modulepreload" crossorigin href="./assets/ajv-2MAg6kGF.js">
   <link rel="stylesheet" crossorigin href="./assets/index-B3mtLdU3.css">

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@testsmith/api-spector",
   "productName": "API Spector",
-  "version": "0.6.2",
+  "version": "0.6.3",
   "description": "Local-first API testing tool to inspect, test and mock APIs",
   "repository": {
     "type": "git",