@testsmith/api-spector 0.3.9 → 0.4.0

package/out/main/runner.js

@@ -396,7 +396,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.3.9"}`;
+  const version = `v${"0.4.0"}`;
   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));

package/out/renderer/assets/{index-BdUvP_cg.js → index-BtkRge9R.js}

@@ -35468,7 +35468,11 @@ function AuthEditor({
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               "button",
               {
-                onClick: () => secrets.saveSecret(auth.passwordSecretRef ?? "NTLM_PASSWORD"),
+                onClick: () => {
+                  const ref2 = auth.passwordSecretRef ?? "NTLM_PASSWORD";
+                  onChange({ passwordSecretRef: ref2 });
+                  void secrets.saveSecret(ref2);
+                },
                 className: "px-2 py-1 bg-blue-700 hover:bg-blue-600 rounded transition-colors",
                 children: secrets.saved ? "✓" : "Save"
               }
@@ -35581,7 +35585,11 @@ function AuthEditor({
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
-              onClick: () => secrets.saveSecret(auth.apiKeySecretRef ?? "API_KEY"),
+              onClick: () => {
+                const ref2 = auth.apiKeySecretRef ?? "API_KEY";
+                onChange({ apiKeySecretRef: ref2 });
+                void secrets.saveSecret(ref2);
+              },
               className: "px-2 py-1 bg-blue-700 hover:bg-blue-600 rounded transition-colors",
               children: secrets.saved ? "✓" : "Save"
             }
@@ -35640,55 +35648,88 @@ function BasicCredentialsFields({
   label,
   note
 }) {
+  const [keychainOpen, setKeychainOpen] = reactExports.useState(!!auth.passwordSecretRef);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1.5", children: [
     label && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-surface-500 text-[10px] uppercase tracking-wide", children: label }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-surface-400", children: "Username" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "input",
+          VarInput,
           {
             value: auth.username ?? "",
-            onChange: (e) => setAuth({ username: e.target.value }),
+            onChange: (v) => setAuth({ username: v }),
+            placeholder: "username",
             className: "mt-1 w-full bg-surface-800 border border-surface-700 rounded px-2 py-1 focus:outline-none focus:border-blue-500"
           }
         )
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-surface-400", children: "Password" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-1 mt-1", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "input",
-            {
-              type: "password",
-              value: secretValue,
-              onChange: (e) => setSecretValue(e.target.value),
-              placeholder: auth.passwordSecretRef ? `Stored as "${auth.passwordSecretRef}"` : "Password",
-              className: "flex-1 bg-surface-800 border border-surface-700 rounded px-2 py-1 focus:outline-none focus:border-blue-500 font-mono"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "button",
-            {
-              onClick: () => saveSecret(auth.passwordSecretRef ?? "API_PASSWORD"),
-              className: "px-2 py-1 bg-blue-700 hover:bg-blue-600 rounded transition-colors",
-              children: saved ? "✓" : "Save"
-            }
-          )
-        ] })
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "text-surface-400", children: [
+          "Password",
+          " ",
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-surface-500 text-[10px]", children: [
+            "- supports ",
+            "{{variables}}"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          VarInput,
+          {
+            value: auth.password ?? "",
+            onChange: (v) => setAuth({ password: v }),
+            placeholder: "password or API token",
+            className: "mt-1 w-full bg-surface-800 border border-surface-700 rounded px-2 py-1 focus:outline-none focus:border-blue-500 font-mono"
+          }
+        )
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-surface-400 text-[10px]", children: [
-      "Password stored in OS keychain as",
-      " ",
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "input",
-        {
-          value: auth.passwordSecretRef ?? "API_PASSWORD",
-          onChange: (e) => setAuth({ passwordSecretRef: e.target.value }),
-          className: "inline bg-transparent border-b border-surface-700 focus:outline-none focus:border-blue-500 w-24"
-        }
-      )
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "button",
+      {
+        onClick: () => setKeychainOpen((o) => !o),
+        className: "text-[10px] text-surface-500 hover:text-surface-300 text-left transition-colors w-fit",
+        children: [
+          keychainOpen ? "▾" : "▸",
+          " Store password in OS keychain instead"
+        ]
+      }
+    ),
+    keychainOpen && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-1 pl-3 border-l border-surface-800", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-surface-500 text-[10px]", children: "Encrypt the password in your OS keychain rather than saving it with the request. Leave the Password field above empty to use the keychain value." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "input",
+          {
+            type: "password",
+            value: secretValue,
+            onChange: (e) => setSecretValue(e.target.value),
+            placeholder: auth.passwordSecretRef ? `Stored as "${auth.passwordSecretRef}"` : "Password",
+            className: "flex-1 bg-surface-800 border border-surface-700 rounded px-2 py-1 focus:outline-none focus:border-blue-500 font-mono"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "input",
+          {
+            value: auth.passwordSecretRef ?? "API_PASSWORD",
+            onChange: (e) => setAuth({ passwordSecretRef: e.target.value }),
+            placeholder: "Keychain key",
+            className: "w-32 bg-surface-800 border border-surface-700 rounded px-2 py-1 focus:outline-none focus:border-blue-500"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            onClick: () => {
+              const ref2 = auth.passwordSecretRef ?? "API_PASSWORD";
+              setAuth({ passwordSecretRef: ref2 });
+              void saveSecret(ref2);
+            },
+            className: "px-2 py-1 bg-blue-700 hover:bg-blue-600 rounded transition-colors",
+            children: saved ? "✓" : "Save"
+          }
+        )
+      ] })
     ] }),
     note && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-surface-600 text-[10px]", children: note })
   ] });
@@ -35758,7 +35799,11 @@ function BearerPanel({
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
           {
-            onClick: () => saveSecret(auth.tokenSecretRef ?? "API_TOKEN"),
+            onClick: () => {
+              const ref2 = auth.tokenSecretRef ?? "API_TOKEN";
+              setAuth({ tokenSecretRef: ref2 });
+              void saveSecret(ref2);
+            },
             className: "px-2 py-1 bg-blue-700 hover:bg-blue-600 rounded transition-colors",
             children: saved ? "✓" : "Save"
           }
@@ -55915,7 +55960,11 @@ function AuthTab({ request, onChange }) {
               /* @__PURE__ */ jsxRuntimeExports.jsx(
                 "button",
                 {
-                  onClick: () => saveSecret(auth.oauth2ClientSecretRef ?? "OAUTH2_CLIENT_SECRET"),
+                  onClick: () => {
+                    const ref2 = auth.oauth2ClientSecretRef ?? "OAUTH2_CLIENT_SECRET";
+                    setAuth({ oauth2ClientSecretRef: ref2 });
+                    void saveSecret(ref2);
+                  },
                   className: "px-2 py-1 bg-blue-700 hover:bg-blue-600 rounded transition-colors",
                   children: saved ? "✓" : "Save"
                 }
@@ -72085,7 +72134,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.3.9"
+        "0.4.0"
       ] }),
       /* @__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-BdUvP_cg.js"></script>
+  <script type="module" crossorigin src="./assets/index-BtkRge9R.js"></script>
   <link rel="stylesheet" crossorigin href="./assets/index-B6kFQEbI.css">
 </head>
 

package/package.json

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