@testsmith/api-spector 0.8.0 → 0.8.2

package/out/renderer/assets/{index-CpSTmcc1.js → index-CRFyHn2H.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./GraphQLEditor-DG84rEn7.js","./codemirror-CdIFBPs2.js","./ajv-CJPwFjiP.js","./SoapEditor-eFNU1uxt.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./GraphQLEditor-QuR1FWgX.js","./codemirror-CdIFBPs2.js","./ajv-CJPwFjiP.js","./SoapEditor-fNRUfyvj.js"])))=>i.map(i=>d[i]);
 import { r as requireReact, g as getDefaultExportFromCjs, R as React, a as reactExports, b as autocompletion, h as hoverTooltip, j as jsxRuntimeExports, k as keymap, t as toggleComment, x as xml, c as json, d as ReactCodeMirror, o as oneDark, e as javascript } from "./codemirror-CdIFBPs2.js";
 import { r as requireAjv } from "./ajv-CJPwFjiP.js";
 var client = { exports: {} };
@@ -13113,9 +13113,10 @@ function makeTab(requestId, collectionId, opts = {}) {
     lastSentRequest: null,
     lastHookResults: null,
     isSending: false,
-    // Documentation leads and opens active, so a request presents its docs
-    // first. Examples have no Docs tab and fall back to Body (see RequestBuilder).
-    requestTab: opts.exampleId ? "body" : "docs",
+    // Examples have no Docs tab and fall back to Body (see RequestBuilder).
+    // Otherwise open on the workspace's configured default sub-tab (Docs unless
+    // the workspace overrides it).
+    requestTab: opts.exampleId ? "body" : opts.defaultTab ?? "docs",
     // Default to the post-response tab — that's where the typical workflow
     // (assertions, extracting tokens, saving variables) lives.
     scriptTab: "post"
@@ -13140,7 +13141,7 @@ const createTabsSlice = (set2, get2) => ({
       s.activeTabId = existing.id;
       s.activeCollectionId = collectionId;
     } else {
-      const tab = makeTab(requestId, collectionId, { protocol: protocolFor(s, requestId) });
+      const tab = makeTab(requestId, collectionId, { protocol: protocolFor(s, requestId), defaultTab: s.workspace?.settings?.defaultRequestTab });
       s.tabs.push(tab);
       s.activeTabId = tab.id;
       s.activeCollectionId = collectionId;
@@ -13656,7 +13657,7 @@ const createCollectionsSlice = (set2, get2) => ({
       folder2.requestIds.push(req.id);
       s.activeCollectionId = collectionId;
       s.collections[collectionId].dirty = true;
-      const tab = makeTab(req.id, collectionId);
+      const tab = makeTab(req.id, collectionId, { defaultTab: s.workspace?.settings?.defaultRequestTab });
       s.tabs.push(tab);
       s.activeTabId = tab.id;
     });
@@ -13814,7 +13815,7 @@ const createCollectionsSlice = (set2, get2) => ({
       folder2.requestIds.splice(idx + 1, 0, copy2.id);
     }
     s.collections[collectionId].dirty = true;
-    const tab = makeTab(copy2.id, collectionId, { protocol: copy2.protocol });
+    const tab = makeTab(copy2.id, collectionId, { protocol: copy2.protocol, defaultTab: s.workspace?.settings?.defaultRequestTab });
     s.tabs.push(tab);
     s.activeTabId = tab.id;
   }),
@@ -28269,6 +28270,28 @@ function extractQueryParams(rawUrl, existing) {
   return { url: nextUrl, params: [...kept, ...parsed], changed: true };
 }
 const PATH_PARAM_RE = /\[([A-Za-z_]\w*)\]/g;
+function interpTokens(str, vars) {
+  return str.replaceAll(/\{\{([^}]+)\}\}/g, (m, key) => {
+    const k = String(key).trim();
+    return k in vars ? vars[k] : m;
+  });
+}
+function buildPreviewUrl(baseUrl, params, varValues = {}) {
+  const templateTokens = /* @__PURE__ */ new Set();
+  for (const m of baseUrl.matchAll(/\{\{([^}]+)\}\}/g)) templateTokens.add(m[1].trim());
+  for (const m of baseUrl.matchAll(PATH_PARAM_RE)) templateTokens.add(m[1]);
+  const enabled = (params ?? []).filter((p) => p.enabled && p.key);
+  const pathRows = enabled.filter((p) => p.paramType === "path" || templateTokens.has(p.key));
+  const queryRows = enabled.filter((p) => !(p.paramType === "path" || templateTokens.has(p.key)));
+  const scope = { ...varValues };
+  for (const p of pathRows) scope[p.key] = interpTokens(p.value, varValues);
+  let url = interpTokens(baseUrl, scope);
+  url = url.replaceAll(PATH_PARAM_RE, (m, name) => name in scope ? scope[name] : m);
+  if (!queryRows.length) return url;
+  const sep = url.includes("?") ? "&" : "?";
+  const qs = queryRows.map((p) => `${encodeURIComponent(interpTokens(p.key, varValues))}=${encodeURIComponent(interpTokens(p.value, varValues))}`).join("&");
+  return url + sep + qs;
+}
 function extractPathParamNames(url) {
   const names = [];
   for (const m of url.matchAll(PATH_PARAM_RE)) {
@@ -28427,8 +28450,8 @@ function jsonWithComments() {
 function xmlWithComments() {
   return [xml(), commentKeymap];
 }
-const GraphQLEditor = reactExports.lazy(() => __vitePreload(() => import("./GraphQLEditor-DG84rEn7.js"), true ? __vite__mapDeps([0,1,2]) : void 0, import.meta.url).then((m) => ({ default: m.GraphQLEditor })));
-const SoapEditor = reactExports.lazy(() => __vitePreload(() => import("./SoapEditor-eFNU1uxt.js"), true ? __vite__mapDeps([3,1,2]) : void 0, import.meta.url).then((m) => ({ default: m.SoapEditor })));
+const GraphQLEditor = reactExports.lazy(() => __vitePreload(() => import("./GraphQLEditor-QuR1FWgX.js"), true ? __vite__mapDeps([0,1,2]) : void 0, import.meta.url).then((m) => ({ default: m.GraphQLEditor })));
+const SoapEditor = reactExports.lazy(() => __vitePreload(() => import("./SoapEditor-fNRUfyvj.js"), true ? __vite__mapDeps([3,1,2]) : void 0, import.meta.url).then((m) => ({ default: m.SoapEditor })));
 function BodyTab({ request: request2, onChange }) {
   const t2 = useT();
   const editorFallback = /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4 text-xs text-surface-500", children: t2("Loading editor…") });
@@ -31450,6 +31473,11 @@ function RequestBuilder({ request: request2 }) {
   const activeAppTab = useStore$1((s) => s.tabs.find((t22) => t22.id === s.activeTabId));
   const isSending = activeAppTab?.isSending ?? false;
   const activeTab = activeAppTab?.requestTab ?? "params";
+  const varValues = useVarValues();
+  const previewUrl = reactExports.useMemo(
+    () => buildPreviewUrl(request2.url, request2.params ?? [], varValues),
+    [request2.url, request2.params, varValues]
+  );
   function setActiveTab(t22) {
     if (activeTabId) setTabRequestTab(activeTabId, t22);
   }
@@ -31956,7 +31984,22 @@ function RequestBuilder({ request: request2 }) {
             }
           )
         ] })
-      ] })
+      ] }),
+      !isWs && !isGrpc && !isSocketIo && !isMqtt && previewUrl && previewUrl !== request2.url && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          className: "flex items-start gap-2 text-[11px] font-mono -mt-0.5 px-0.5",
+          title: t2("The full request that will be sent, with the enabled params applied"),
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-500 shrink-0", children: t2("Sends") }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "break-all", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-bold text-blue-400", children: request2.method }),
+              " ",
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-300", children: previewUrl })
+            ] })
+          ]
+        }
+      )
     ] }),
     showFuzz && /* @__PURE__ */ jsxRuntimeExports.jsx(FuzzModal, { request: request2, onClose: () => setShowFuzz(false) }),
     askPrompt && /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -35876,7 +35919,7 @@ function WelcomeScreen() {
         )
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-surface-400 text-sm max-w-sm", children: t2("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: t2("version :version", { version: "0.8.0" }) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] mt-3", style: { color: "var(--text-muted)" }, children: t2("version :version", { version: "0.8.2" }) })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-3 w-64", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -36853,6 +36896,7 @@ function WorkspaceSettingsModal({ onClose }) {
   const [defaultEnvironment, setDefaultEnvironment] = reactExports.useState(existing.defaultEnvironment ?? "");
   const [persistHistory, setPersistHistory] = reactExports.useState(existing.persistHistory ?? false);
   const [performanceTesting, setPerformanceTesting] = reactExports.useState(existing.performanceTesting ?? false);
+  const [defaultRequestTab, setDefaultRequestTab] = reactExports.useState(existing.defaultRequestTab ?? "docs");
   const [proxyUrl, setProxyUrl] = reactExports.useState(existing.proxy?.url ?? "");
   const [proxyUser, setProxyUser] = reactExports.useState(existing.proxy?.auth?.username ?? "");
   const [proxyPass, setProxyPass] = reactExports.useState(existing.proxy?.auth?.password ?? "");
@@ -36979,6 +37023,8 @@ function WorkspaceSettingsModal({ onClose }) {
     else delete settings.persistHistory;
     if (performanceTesting) settings.performanceTesting = true;
     else delete settings.performanceTesting;
+    if (defaultRequestTab && defaultRequestTab !== "docs") settings.defaultRequestTab = defaultRequestTab;
+    else delete settings.defaultRequestTab;
     const secrets = {};
     const vault = {};
     if (vAddress.trim()) vault.address = vAddress.trim();
@@ -37060,6 +37106,26 @@ function WorkspaceSettingsModal({ onClose }) {
               )
             ] }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-surface-600 text-[11px]", children: t2("CLI runs without --environment use this environment, and the app selects it when no environment is active.") }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1 mt-2", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: labelCls, children: t2("Default request tab") }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                "select",
+                {
+                  value: defaultRequestTab,
+                  onChange: (e) => setDefaultRequestTab(e.target.value),
+                  className: "bg-surface-800 border border-surface-700 rounded px-2.5 py-1.5 focus:outline-none focus:border-blue-500",
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "docs", children: t2("Docs") }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "params", children: t2("Params") }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "headers", children: t2("Headers") }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "body", children: t2("Body") }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "auth", children: t2("Auth") }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: "scripts", children: t2("Scripts") })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-surface-600 text-[11px]", children: t2("Which tab a request opens on. Examples always open on Body.") }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "flex items-start gap-2 mt-2 cursor-pointer", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(
                 "input",
@@ -56011,7 +56077,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.8.0"
+        "0.8.2"
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "mx-2 opacity-30", children: "·" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(

package/out/renderer/index.html

@@ -5,10 +5,10 @@
   <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-CpSTmcc1.js"></script>
+  <script type="module" crossorigin src="./assets/index-CRFyHn2H.js"></script>
   <link rel="modulepreload" crossorigin href="./assets/codemirror-CdIFBPs2.js">
   <link rel="modulepreload" crossorigin href="./assets/ajv-CJPwFjiP.js">
-  <link rel="stylesheet" crossorigin href="./assets/index-DkhdKzQJ.css">
+  <link rel="stylesheet" crossorigin href="./assets/index-CB5T8Srd.css">
 </head>
 
 <body>

package/package.json

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