postboy-tui 1.3.3 → 1.3.4

package/dist/cli.js

@@ -67831,8 +67831,11 @@ var Spinner = ({ theme }) => {
 // src/ui/app/components/Formfield.tsx
 var import_react24 = __toESM(require_react(), 1);
 var jsx_dev_runtime2 = __toESM(require_jsx_dev_runtime(), 1);
-var FormField = ({ label, value, onChange, placeholder, theme, suggestions = [] }) => {
+var FormField = ({ label, value, onChange, placeholder, theme, suggestions = [], onFocusChange }) => {
   const { isFocused } = use_focus_default();
+  import_react24.useEffect(() => {
+    onFocusChange?.(isFocused);
+  }, [isFocused, onFocusChange]);
   const [showSuggestions, setShowSuggestions] = import_react24.useState(false);
   const [filteredSuggestions, setFilteredSuggestions] = import_react24.useState([]);
   const [highlightedIndex, setHighlightedIndex] = import_react24.useState(0);
@@ -68560,7 +68563,7 @@ var SendButton = ({ onPress, loading, theme }) => {
   }, undefined, false, undefined, this);
 };
 var HTTP_METHODS = ["GET", "POST", "PUT", "DELETE", "PATCH", "OPTIONS", "HEAD"];
-var RequestPanel = import_react31.default.memo(({ request, onMethodChange, onUrlChange, onHeadersChange, onBodyChange, onSend, loading, theme, historyUrls = [] }) => /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
+var RequestPanel = import_react31.default.memo(({ request, onMethodChange, onUrlChange, onHeadersChange, onBodyChange, onSend, loading, theme, historyUrls = [], onInputFocus }) => /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
   flexDirection: "column",
   gap: 1,
   flexGrow: 1,
@@ -68571,7 +68574,8 @@ var RequestPanel = import_react31.default.memo(({ request, onMethodChange, onUrl
       onChange: onMethodChange,
       placeholder: "GET",
       theme,
-      suggestions: HTTP_METHODS
+      suggestions: HTTP_METHODS,
+      onFocusChange: onInputFocus
     }, undefined, false, undefined, this),
     /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(FormField, {
       label: "URL",
@@ -68579,21 +68583,24 @@ var RequestPanel = import_react31.default.memo(({ request, onMethodChange, onUrl
       onChange: onUrlChange,
       placeholder: "https://api.example.com",
       theme,
-      suggestions: historyUrls
+      suggestions: historyUrls,
+      onFocusChange: onInputFocus
     }, undefined, false, undefined, this),
     /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(FormField, {
       label: "Headers",
       value: request.headers,
       onChange: onHeadersChange,
       placeholder: '{ "key": "value" }',
-      theme
+      theme,
+      onFocusChange: onInputFocus
     }, undefined, false, undefined, this),
     /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(FormField, {
       label: "Body",
       value: request.body,
       onChange: onBodyChange,
       placeholder: '{ "key": "value" }',
-      theme
+      theme,
+      onFocusChange: onInputFocus
     }, undefined, false, undefined, this),
     /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
       marginTop: 1,
@@ -68680,6 +68687,7 @@ var UI = () => {
   const tabs = [{ name: "request", label: "Request" }, { name: "response", label: "Response" }];
   const activeIndex = tabs.findIndex((t) => t.name === activeTab);
   const [showThemeSelector, setShowThemeSelector] = import_react31.useState(false);
+  const [inputFocused, setInputFocused] = import_react31.useState(false);
   use_input_default((input, key) => {
     if (input === "q")
       exit();
@@ -68691,7 +68699,7 @@ var UI = () => {
       setActiveTab(tabs[(activeIndex - 1 + tabs.length) % tabs.length]?.name ?? "request");
     if (key.escape && showThemeSelector)
       setShowThemeSelector(false);
-    if ((input === "t" || input === "T") && !key.ctrl && !key.meta)
+    if ((input === "t" || input === "T") && !key.ctrl && !key.meta && !inputFocused)
       setShowThemeSelector((prev) => !prev);
   }, { isActive: true });
   const onMethodChange = import_react31.useCallback((method) => setRequest((r) => ({ ...r, method })), []);
@@ -68841,7 +68849,8 @@ var UI = () => {
                       onSend: handleSend,
                       loading,
                       theme: theme.colors,
-                      historyUrls
+                      historyUrls,
+                      onInputFocus: setInputFocused
                     }, undefined, false, undefined, this)
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(Box_default, {
@@ -69071,7 +69080,7 @@ async function mockApis() {
 
 // src/index.ts
 var program2 = new Command;
-program2.version("1.3.3").description(import_chalk8.default.yellow("PostBoy CLI - Test your APIs with ease"));
+program2.version("1.3.4").description(import_chalk8.default.yellow("PostBoy CLI - Test your APIs with ease"));
 program2.command("run").description("Run a test API request").action(testCommand);
 program2.command("mock-list").description("List the mock API servers").action(mockApis);
 program2.command("ui").description("UI for PostBoy").action(uiCommand);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "postboy-tui",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "main": "dist/cli.js",
   "bin": {
     "postboy-tui": "dist/cli.js"