@lukoweb/apitogo 0.2.22 → 0.2.24

package/src/lib/plugins/openapi/playground/result-panel/ResultPanel.tsx

@@ -1,106 +1,106 @@
-import { Spinner } from "@lukoweb/apitogo/components";
-import {
-  Alert,
-  AlertDescription,
-  AlertTitle,
-} from "@lukoweb/apitogo/ui/Alert.js";
-import type { UseMutationResult } from "@tanstack/react-query";
-import { SendIcon, UnplugIcon } from "lucide-react";
-import { Button } from "../../../../ui/Button.js";
-import { cn } from "../../../../util/cn.js";
-import type { PlaygroundResult } from "../Playground.js";
-import ResponseStatusBar from "./ResponseStatusBar.js";
-import { ResponseTab } from "./ResponseTab.js";
-
-export const ResultPanel = ({
-  queryMutation,
-  showLongRunningWarning,
-  onCancel,
-  tip,
-  isFinished,
-  progress,
-}: {
-  // biome-ignore lint/suspicious/noExplicitAny: Allow any type
-  queryMutation: UseMutationResult<PlaygroundResult, Error, any>;
-  showLongRunningWarning?: boolean;
-  onCancel?: () => void;
-  isFinished: boolean;
-  progress: number;
-  tip?: React.ReactNode;
-}) => {
-  return (
-    <div className="flex flex-col overflow-y-auto h-[80vh] bg-muted/50">
-      {(queryMutation.isPending || queryMutation.data) && (
-        <ResponseStatusBar
-          status={queryMutation.data?.status}
-          time={queryMutation.data?.time}
-          size={queryMutation.data?.size}
-          isFinished={isFinished}
-          progress={progress}
-        />
-      )}
-      {queryMutation.error ? (
-        <div className="max-w-2/3 mx-auto mt-20">
-          <Alert>
-            <UnplugIcon size={24} strokeWidth={1.5} className="me-5" />
-            <AlertTitle>Request failed</AlertTitle>
-            <AlertDescription>
-              {queryMutation.error.message ||
-                String(queryMutation.error) ||
-                "Unexpected error"}
-            </AlertDescription>
-          </Alert>
-        </div>
-      ) : queryMutation.data ? (
-        <ResponseTab
-          request={queryMutation.data.request}
-          size={queryMutation.data.size}
-          headers={queryMutation.data.headers}
-          body={queryMutation.data.body}
-          isBinary={queryMutation.data.isBinary}
-          fileName={queryMutation.data.fileName}
-          blob={queryMutation.data.blob}
-        />
-      ) : queryMutation.isPending ? (
-        <div className="grid place-items-center h-full">
-          <div className="flex flex-col gap-2 items-center mt-20">
-            <Spinner />
-            <div
-              className={cn(
-                "opacity-0 pointer-events-none transition-opacity h-20 text-sm text-muted-foreground duration-300 flex flex-col gap-2 items-center",
-                showLongRunningWarning && "opacity-100 pointer-events-auto",
-              )}
-            >
-              Looks like the request is taking longer than expected.
-              <Button
-                type="button"
-                onClick={onCancel}
-                size="sm"
-                className="w-fit"
-                variant="outline"
-              >
-                Cancel
-              </Button>
-            </div>
-          </div>
-        </div>
-      ) : (
-        <div className="h-full grid place-items-center">
-          <div className="flex flex-col gap-4 items-center">
-            <SendIcon
-              size={64}
-              className="text-muted-foreground"
-              strokeWidth={1.2}
-            />
-            <span className="text-[16px] font-semibold text-muted-foreground">
-              Send your first request
-            </span>
-            {tip}
-          </div>
-        </div>
-      )}
-    </div>
-  );
-};
-
-export default ResultPanel;
+import { Spinner } from "@lukoweb/apitogo/components";
+import {
+  Alert,
+  AlertDescription,
+  AlertTitle,
+} from "@lukoweb/apitogo/ui/Alert.js";
+import type { UseMutationResult } from "@tanstack/react-query";
+import { SendIcon, UnplugIcon } from "lucide-react";
+import { Button } from "../../../../ui/Button.js";
+import { cn } from "../../../../util/cn.js";
+import type { PlaygroundResult } from "../Playground.js";
+import ResponseStatusBar from "./ResponseStatusBar.js";
+import { ResponseTab } from "./ResponseTab.js";
+
+export const ResultPanel = ({
+  queryMutation,
+  showLongRunningWarning,
+  onCancel,
+  tip,
+  isFinished,
+  progress,
+}: {
+  // biome-ignore lint/suspicious/noExplicitAny: Allow any type
+  queryMutation: UseMutationResult<PlaygroundResult, Error, any>;
+  showLongRunningWarning?: boolean;
+  onCancel?: () => void;
+  isFinished: boolean;
+  progress: number;
+  tip?: React.ReactNode;
+}) => {
+  return (
+    <div className="flex flex-col overflow-y-auto h-[80vh] bg-muted/50">
+      {(queryMutation.isPending || queryMutation.data) && (
+        <ResponseStatusBar
+          status={queryMutation.data?.status}
+          time={queryMutation.data?.time}
+          size={queryMutation.data?.size}
+          isFinished={isFinished}
+          progress={progress}
+        />
+      )}
+      {queryMutation.error ? (
+        <div className="max-w-2/3 mx-auto mt-20">
+          <Alert>
+            <UnplugIcon size={24} strokeWidth={1.5} className="me-5" />
+            <AlertTitle>Request failed</AlertTitle>
+            <AlertDescription>
+              {queryMutation.error.message ||
+                String(queryMutation.error) ||
+                "Unexpected error"}
+            </AlertDescription>
+          </Alert>
+        </div>
+      ) : queryMutation.data ? (
+        <ResponseTab
+          request={queryMutation.data.request}
+          size={queryMutation.data.size}
+          headers={queryMutation.data.headers}
+          body={queryMutation.data.body}
+          isBinary={queryMutation.data.isBinary}
+          fileName={queryMutation.data.fileName}
+          blob={queryMutation.data.blob}
+        />
+      ) : queryMutation.isPending ? (
+        <div className="grid place-items-center h-full">
+          <div className="flex flex-col gap-2 items-center mt-20">
+            <Spinner />
+            <div
+              className={cn(
+                "opacity-0 pointer-events-none transition-opacity h-20 text-sm text-muted-foreground duration-300 flex flex-col gap-2 items-center",
+                showLongRunningWarning && "opacity-100 pointer-events-auto",
+              )}
+            >
+              Looks like the request is taking longer than expected.
+              <Button
+                type="button"
+                onClick={onCancel}
+                size="sm"
+                className="w-fit"
+                variant="outline"
+              >
+                Cancel
+              </Button>
+            </div>
+          </div>
+        </div>
+      ) : (
+        <div className="h-full grid place-items-center">
+          <div className="flex flex-col gap-4 items-center">
+            <SendIcon
+              size={64}
+              className="text-muted-foreground"
+              strokeWidth={1.2}
+            />
+            <span className="text-[16px] font-semibold text-muted-foreground">
+              Send your first request
+            </span>
+            {tip}
+          </div>
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default ResultPanel;

package/src/lib/plugins/openapi/playground/result-panel/convertToTypes.ts

@@ -1,36 +1,36 @@
-type JsonValue = string | number | boolean | null | JsonObject | JsonArray;
-type JsonObject = { [key: string]: JsonValue };
-type JsonArray = JsonValue[];
-
-function inferType(value: JsonValue): string {
-  if (value === null) return "null";
-  if (Array.isArray(value)) {
-    if (value.length === 0) return "any[]";
-    const firstValue = value[0];
-    if (firstValue === undefined) return "any[]";
-    const elementType = inferType(firstValue);
-    return `${elementType}[]`;
-  }
-  if (typeof value === "object") {
-    return generateInterface(value);
-  }
-  return typeof value;
-}
-
-export function generateInterface(obj: JsonObject, _indentation = ""): string {
-  const lines: string[] = ["{"];
-
-  for (const [key, value] of Object.entries(obj)) {
-    const propertyType = inferType(value);
-    lines.push(`  ${key}: ${propertyType};`);
-  }
-
-  lines.push("}");
-  return lines.join("\n");
-}
-
-export function convertToTypes(json: JsonValue): { lines: string[] } {
-  const typeDefinition = inferType(json);
-  const lines = [`type GeneratedType = ${typeDefinition};`];
-  return { lines };
-}
+type JsonValue = string | number | boolean | null | JsonObject | JsonArray;
+type JsonObject = { [key: string]: JsonValue };
+type JsonArray = JsonValue[];
+
+function inferType(value: JsonValue): string {
+  if (value === null) return "null";
+  if (Array.isArray(value)) {
+    if (value.length === 0) return "any[]";
+    const firstValue = value[0];
+    if (firstValue === undefined) return "any[]";
+    const elementType = inferType(firstValue);
+    return `${elementType}[]`;
+  }
+  if (typeof value === "object") {
+    return generateInterface(value);
+  }
+  return typeof value;
+}
+
+export function generateInterface(obj: JsonObject, _indentation = ""): string {
+  const lines: string[] = ["{"];
+
+  for (const [key, value] of Object.entries(obj)) {
+    const propertyType = inferType(value);
+    lines.push(`  ${key}: ${propertyType};`);
+  }
+
+  lines.push("}");
+  return lines.join("\n");
+}
+
+export function convertToTypes(json: JsonValue): { lines: string[] } {
+  const typeDefinition = inferType(json);
+  const lines = [`type GeneratedType = ${typeDefinition};`];
+  return { lines };
+}

package/src/lib/plugins/openapi/playground/serializeQueryParams.ts

@@ -1,125 +1,125 @@
-import type { PlaygroundForm } from "./Playground.js";
-
-export const parseArrayParamValue = (value: string): string[] => {
-  if (!value) return [];
-  try {
-    const parsed: unknown = JSON.parse(value);
-    return Array.isArray(parsed) ? parsed.map(String) : [value];
-  } catch {
-    return [value];
-  }
-};
-
-// RFC 3986 reserved characters that should be kept unencoded when allowReserved
-// is true. # and & are excluded since they have structural meaning in query strings.
-// gen-delims (minus # and &): : / ? @ [ ]
-// sub-delims: ! $ ' ( ) * + , ; =
-const RFC3986_RESERVED_PERCENT_ENCODED =
-  /%21|%27|%28|%29|%2A|%2B|%2C|%2F|%3A|%3B|%3D|%3F|%24|%40|%5B|%5D/gi;
-
-const encode = (value: string, allowReserved?: boolean): string => {
-  if (allowReserved) {
-    return encodeURIComponent(value).replace(
-      RFC3986_RESERVED_PERCENT_ENCODED,
-      decodeURIComponent,
-    );
-  }
-  return encodeURIComponent(value);
-};
-
-export const serializeQueryParam = (
-  name: string,
-  value: string,
-  style = "form",
-  explode?: boolean,
-  allowReserved?: boolean,
-  type?: string,
-): [string, string][] => {
-  const isArray = type === "array";
-
-  // Default explode to true for form style per OAS spec
-  const shouldExplode = explode ?? style === "form";
-
-  if (!isArray) {
-    return [[encode(name, allowReserved), encode(value, allowReserved)]];
-  }
-
-  const values = parseArrayParamValue(value);
-  if (values.length === 0) return [];
-
-  switch (style) {
-    case "form":
-      if (shouldExplode) {
-        // key=1&key=2
-        return values.map((v) => [
-          encode(name, allowReserved),
-          encode(v, allowReserved),
-        ]);
-      }
-      // key=1,2
-      return [
-        [
-          encode(name, allowReserved),
-          values.map((v) => encode(v, allowReserved)).join(","),
-        ],
-      ];
-
-    case "spaceDelimited":
-      if (shouldExplode) {
-        return values.map((v) => [
-          encode(name, allowReserved),
-          encode(v, allowReserved),
-        ]);
-      }
-      return [
-        [
-          encode(name, allowReserved),
-          values.map((v) => encode(v, allowReserved)).join("%20"),
-        ],
-      ];
-
-    case "pipeDelimited":
-      if (shouldExplode) {
-        return values.map((v) => [
-          encode(name, allowReserved),
-          encode(v, allowReserved),
-        ]);
-      }
-      return [
-        [
-          encode(name, allowReserved),
-          values.map((v) => encode(v, allowReserved)).join("|"),
-        ],
-      ];
-
-    case "deepObject":
-      // key[0]=1&key[1]=2
-      return values.map((v, i) => [
-        encode(`${name}[${i}]`, allowReserved),
-        encode(v, allowReserved),
-      ]);
-
-    default:
-      return [[encode(name, allowReserved), encode(value, allowReserved)]];
-  }
-};
-
-export const serializeQueryString = (
-  params: PlaygroundForm["queryParams"],
-): string => {
-  const pairs = params
-    .filter((p) => p.active && p.name)
-    .flatMap((p) =>
-      serializeQueryParam(
-        p.name,
-        p.value,
-        p.style,
-        p.explode,
-        p.allowReserved,
-        p.type,
-      ),
-    );
-
-  if (pairs.length === 0) return "";
-  return pairs.map(([k, v]) => `${k}=${v}`).join("&");
-};
+import type { PlaygroundForm } from "./Playground.js";
+
+export const parseArrayParamValue = (value: string): string[] => {
+  if (!value) return [];
+  try {
+    const parsed: unknown = JSON.parse(value);
+    return Array.isArray(parsed) ? parsed.map(String) : [value];
+  } catch {
+    return [value];
+  }
+};
+
+// RFC 3986 reserved characters that should be kept unencoded when allowReserved
+// is true. # and & are excluded since they have structural meaning in query strings.
+// gen-delims (minus # and &): : / ? @ [ ]
+// sub-delims: ! $ ' ( ) * + , ; =
+const RFC3986_RESERVED_PERCENT_ENCODED =
+  /%21|%27|%28|%29|%2A|%2B|%2C|%2F|%3A|%3B|%3D|%3F|%24|%40|%5B|%5D/gi;
+
+const encode = (value: string, allowReserved?: boolean): string => {
+  if (allowReserved) {
+    return encodeURIComponent(value).replace(
+      RFC3986_RESERVED_PERCENT_ENCODED,
+      decodeURIComponent,
+    );
+  }
+  return encodeURIComponent(value);
+};
+
+export const serializeQueryParam = (
+  name: string,
+  value: string,
+  style = "form",
+  explode?: boolean,
+  allowReserved?: boolean,
+  type?: string,
+): [string, string][] => {
+  const isArray = type === "array";
+
+  // Default explode to true for form style per OAS spec
+  const shouldExplode = explode ?? style === "form";
+
+  if (!isArray) {
+    return [[encode(name, allowReserved), encode(value, allowReserved)]];
+  }
+
+  const values = parseArrayParamValue(value);
+  if (values.length === 0) return [];
+
+  switch (style) {
+    case "form":
+      if (shouldExplode) {
+        // key=1&key=2
+        return values.map((v) => [
+          encode(name, allowReserved),
+          encode(v, allowReserved),
+        ]);
+      }
+      // key=1,2
+      return [
+        [
+          encode(name, allowReserved),
+          values.map((v) => encode(v, allowReserved)).join(","),
+        ],
+      ];
+
+    case "spaceDelimited":
+      if (shouldExplode) {
+        return values.map((v) => [
+          encode(name, allowReserved),
+          encode(v, allowReserved),
+        ]);
+      }
+      return [
+        [
+          encode(name, allowReserved),
+          values.map((v) => encode(v, allowReserved)).join("%20"),
+        ],
+      ];
+
+    case "pipeDelimited":
+      if (shouldExplode) {
+        return values.map((v) => [
+          encode(name, allowReserved),
+          encode(v, allowReserved),
+        ]);
+      }
+      return [
+        [
+          encode(name, allowReserved),
+          values.map((v) => encode(v, allowReserved)).join("|"),
+        ],
+      ];
+
+    case "deepObject":
+      // key[0]=1&key[1]=2
+      return values.map((v, i) => [
+        encode(`${name}[${i}]`, allowReserved),
+        encode(v, allowReserved),
+      ]);
+
+    default:
+      return [[encode(name, allowReserved), encode(value, allowReserved)]];
+  }
+};
+
+export const serializeQueryString = (
+  params: PlaygroundForm["queryParams"],
+): string => {
+  const pairs = params
+    .filter((p) => p.active && p.name)
+    .flatMap((p) =>
+      serializeQueryParam(
+        p.name,
+        p.value,
+        p.style,
+        p.explode,
+        p.allowReserved,
+        p.type,
+      ),
+    );
+
+  if (pairs.length === 0) return "";
+  return pairs.map(([k, v]) => `${k}=${v}`).join("&");
+};

package/src/lib/plugins/openapi/playground/useRememberSkipLoginDialog.tsx

@@ -1,23 +1,23 @@
-import { create } from "zustand";
-import { createJSONStorage, persist } from "zustand/middleware";
-import { syncZustandState } from "../../../util/syncZustandState.js";
-
-type RememberSkipLoginState = {
-  skipLogin: boolean;
-  setSkipLogin: (skipLogin: boolean) => void;
-};
-
-export const useRememberSkipLoginDialog = create<RememberSkipLoginState>()(
-  persist(
-    (set) => ({
-      skipLogin: false,
-      setSkipLogin: (skipLogin: boolean) => set({ skipLogin }),
-    }),
-    {
-      name: "remember-skip-login",
-      storage: createJSONStorage(() => sessionStorage),
-    },
-  ),
-);
-
-syncZustandState(useRememberSkipLoginDialog);
+import { create } from "zustand";
+import { createJSONStorage, persist } from "zustand/middleware";
+import { syncZustandState } from "../../../util/syncZustandState.js";
+
+type RememberSkipLoginState = {
+  skipLogin: boolean;
+  setSkipLogin: (skipLogin: boolean) => void;
+};
+
+export const useRememberSkipLoginDialog = create<RememberSkipLoginState>()(
+  persist(
+    (set) => ({
+      skipLogin: false,
+      setSkipLogin: (skipLogin: boolean) => set({ skipLogin }),
+    }),
+    {
+      name: "remember-skip-login",
+      storage: createJSONStorage(() => sessionStorage),
+    },
+  ),
+);
+
+syncZustandState(useRememberSkipLoginDialog);

package/src/lib/plugins/openapi/processors/injectApitogoGatewayServer.ts

@@ -1,36 +1,36 @@
-import type { Processor } from "../../../../config/validators/BuildSchema.js";
-
-/** Env var set by APItoGo MCP publish/build to inject the project gateway into API Reference. */
-export const APITOGO_GATEWAY_URL_ENV = "APITOGO_GATEWAY_URL";
-
-/**
- * When APITOGO_GATEWAY_URL is set (production publish/build), replace OpenAPI
- * `servers` with the project gateway so Try-it / API Reference use the live URL
- * instead of localhost from the source spec.
- */
-export function injectApitogoGatewayServer(options?: {
-  gatewayUrl?: string;
-  disableEnv?: string;
-}): Processor {
-  return ({ schema }) => {
-    if (
-      process.env[
-        options?.disableEnv ?? "APITOGO_PUBLIC_DISABLE_INJECT_GATEWAY"
-      ]
-    ) {
-      return schema;
-    }
-
-    const url = (
-      options?.gatewayUrl ?? process.env[APITOGO_GATEWAY_URL_ENV]
-    )?.trim();
-    if (!url) {
-      return schema;
-    }
-
-    return {
-      ...schema,
-      servers: [{ url: url.replace(/\/+$/, ""), description: "API gateway" }],
-    };
-  };
-}
+import type { Processor } from "../../../../config/validators/BuildSchema.js";
+
+/** Env var set by APItoGo MCP publish/build to inject the project gateway into API Reference. */
+export const APITOGO_GATEWAY_URL_ENV = "APITOGO_GATEWAY_URL";
+
+/**
+ * When APITOGO_GATEWAY_URL is set (production publish/build), replace OpenAPI
+ * `servers` with the project gateway so Try-it / API Reference use the live URL
+ * instead of localhost from the source spec.
+ */
+export function injectApitogoGatewayServer(options?: {
+  gatewayUrl?: string;
+  disableEnv?: string;
+}): Processor {
+  return ({ schema }) => {
+    if (
+      process.env[
+        options?.disableEnv ?? "APITOGO_PUBLIC_DISABLE_INJECT_GATEWAY"
+      ]
+    ) {
+      return schema;
+    }
+
+    const url = (
+      options?.gatewayUrl ?? process.env[APITOGO_GATEWAY_URL_ENV]
+    )?.trim();
+    if (!url) {
+      return schema;
+    }
+
+    return {
+      ...schema,
+      servers: [{ url: url.replace(/\/+$/, ""), description: "API gateway" }],
+    };
+  };
+}