@lukoweb/apitogo 0.1.24 → 0.1.38

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

@@ -1,117 +1,117 @@
-import { useCallback, useLayoutEffect, useRef } from "react";
-import { humanFileSize } from "../../../../util/humanFileSize.js";
-
-const ResponseCodeCircle = ({ status }: { status?: number }) => {
-  if (!status) return <div className="w-2 h-2 rounded-full bg-gray-500" />;
-
-  switch (Number(status.toString().slice(0, 1))) {
-    case 2:
-      return <div className="w-2 h-2 rounded-full bg-green-500" />;
-    case 4:
-      return <div className="w-2 h-2 rounded-full bg-yellow-400" />;
-    case 5:
-      return <div className="w-2 h-2 rounded-full bg-red-500" />;
-    default:
-      return <div className="w-2 h-2 rounded-full bg-gray-500" />;
-  }
-};
-
-const RealTimeCounter = () => {
-  const spanRef = useRef<HTMLSpanElement>(null);
-  const textRef = useRef<Text | null>(null);
-  const startTimeRef = useRef<number>(Date.now());
-  const animationFrameRef = useRef<number>(null);
-
-  const updateTime = useCallback(() => {
-    if (textRef.current) {
-      const elapsed = Date.now() - startTimeRef.current;
-      textRef.current.nodeValue = elapsed.toFixed();
-    }
-    animationFrameRef.current = requestAnimationFrame(updateTime);
-  }, []);
-
-  useLayoutEffect(() => {
-    const currentSpanRef = spanRef.current;
-    if (!currentSpanRef) return;
-
-    // Create a text node and attach it to the span
-    const textNode = document.createTextNode("0");
-
-    currentSpanRef.appendChild(textNode);
-    textRef.current = textNode;
-
-    // Start the real-time counter
-    startTimeRef.current = Date.now();
-    animationFrameRef.current = requestAnimationFrame(updateTime);
-
-    return () => {
-      if (animationFrameRef.current) {
-        cancelAnimationFrame(animationFrameRef.current);
-      }
-      if (textRef.current && currentSpanRef.contains(textNode)) {
-        currentSpanRef.removeChild(textNode);
-      }
-    };
-  }, [updateTime]);
-
-  return <span className="inline-block text-end w-[3ch]" ref={spanRef} />;
-};
-
-export const ResponseStatusBar = ({
-  status,
-  time,
-  size,
-  isFinished,
-  progress,
-}: {
-  status?: number;
-  time?: number;
-  size?: number;
-  isFinished: boolean;
-  progress: number;
-}) => {
-  const statusCodeMap: Record<number, string> = {
-    200: "OK",
-    201: "Created",
-    202: "Accepted",
-    204: "No Content",
-    400: "Bad Request",
-    401: "Unauthorized",
-    403: "Forbidden",
-    404: "Not Found",
-    405: "Method Not Allowed",
-    500: "Internal Server Error",
-  };
-
-  return (
-    <div className="relative shrink-0 flex h-10 text-xs gap-4 px-4 items-center justify-between font-mono border-b">
-      <div className="flex items-center gap-2">
-        <ResponseCodeCircle status={status} /> {status ?? "Sending Request..."}
-        {status ? ` ${statusCodeMap[status]}` : ""}
-      </div>
-      <div className="flex gap-2">
-        <div>
-          <span className="text-muted-foreground">Size</span>{" "}
-          <span className="inline-block text-end min-w-[5ch]">
-            {size ? humanFileSize(size) : "- B"}
-          </span>
-        </div>
-
-        <div>
-          <span className="text-muted-foreground">Time</span>{" "}
-          {time !== undefined ? `${time.toFixed(0)}` : <RealTimeCounter />}
-          ms
-        </div>
-      </div>
-      <div
-        className="h-full bg-neutral-500/10 absolute left-0 bottom-0 z-10 transition-all duration-200 ease-in-out"
-        style={{
-          opacity: isFinished ? 0 : 1,
-          width: isFinished ? 0 : `${progress * 100}%`,
-        }}
-      />
-    </div>
-  );
-};
-
-export default ResponseStatusBar;
+import { useCallback, useLayoutEffect, useRef } from "react";
+import { humanFileSize } from "../../../../util/humanFileSize.js";
+
+const ResponseCodeCircle = ({ status }: { status?: number }) => {
+  if (!status) return <div className="w-2 h-2 rounded-full bg-gray-500" />;
+
+  switch (Number(status.toString().slice(0, 1))) {
+    case 2:
+      return <div className="w-2 h-2 rounded-full bg-green-500" />;
+    case 4:
+      return <div className="w-2 h-2 rounded-full bg-yellow-400" />;
+    case 5:
+      return <div className="w-2 h-2 rounded-full bg-red-500" />;
+    default:
+      return <div className="w-2 h-2 rounded-full bg-gray-500" />;
+  }
+};
+
+const RealTimeCounter = () => {
+  const spanRef = useRef<HTMLSpanElement>(null);
+  const textRef = useRef<Text | null>(null);
+  const startTimeRef = useRef<number>(Date.now());
+  const animationFrameRef = useRef<number>(null);
+
+  const updateTime = useCallback(() => {
+    if (textRef.current) {
+      const elapsed = Date.now() - startTimeRef.current;
+      textRef.current.nodeValue = elapsed.toFixed();
+    }
+    animationFrameRef.current = requestAnimationFrame(updateTime);
+  }, []);
+
+  useLayoutEffect(() => {
+    const currentSpanRef = spanRef.current;
+    if (!currentSpanRef) return;
+
+    // Create a text node and attach it to the span
+    const textNode = document.createTextNode("0");
+
+    currentSpanRef.appendChild(textNode);
+    textRef.current = textNode;
+
+    // Start the real-time counter
+    startTimeRef.current = Date.now();
+    animationFrameRef.current = requestAnimationFrame(updateTime);
+
+    return () => {
+      if (animationFrameRef.current) {
+        cancelAnimationFrame(animationFrameRef.current);
+      }
+      if (textRef.current && currentSpanRef.contains(textNode)) {
+        currentSpanRef.removeChild(textNode);
+      }
+    };
+  }, [updateTime]);
+
+  return <span className="inline-block text-end w-[3ch]" ref={spanRef} />;
+};
+
+export const ResponseStatusBar = ({
+  status,
+  time,
+  size,
+  isFinished,
+  progress,
+}: {
+  status?: number;
+  time?: number;
+  size?: number;
+  isFinished: boolean;
+  progress: number;
+}) => {
+  const statusCodeMap: Record<number, string> = {
+    200: "OK",
+    201: "Created",
+    202: "Accepted",
+    204: "No Content",
+    400: "Bad Request",
+    401: "Unauthorized",
+    403: "Forbidden",
+    404: "Not Found",
+    405: "Method Not Allowed",
+    500: "Internal Server Error",
+  };
+
+  return (
+    <div className="relative shrink-0 flex h-10 text-xs gap-4 px-4 items-center justify-between font-mono border-b">
+      <div className="flex items-center gap-2">
+        <ResponseCodeCircle status={status} /> {status ?? "Sending Request..."}
+        {status ? ` ${statusCodeMap[status]}` : ""}
+      </div>
+      <div className="flex gap-2">
+        <div>
+          <span className="text-muted-foreground">Size</span>{" "}
+          <span className="inline-block text-end min-w-[5ch]">
+            {size ? humanFileSize(size) : "- B"}
+          </span>
+        </div>
+
+        <div>
+          <span className="text-muted-foreground">Time</span>{" "}
+          {time !== undefined ? `${time.toFixed(0)}` : <RealTimeCounter />}
+          ms
+        </div>
+      </div>
+      <div
+        className="h-full bg-neutral-500/10 absolute left-0 bottom-0 z-10 transition-all duration-200 ease-in-out"
+        style={{
+          opacity: isFinished ? 0 : 1,
+          width: isFinished ? 0 : `${progress * 100}%`,
+        }}
+      />
+    </div>
+  );
+};
+
+export default ResponseStatusBar;

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/removeExtensions.ts

@@ -1,29 +1,29 @@
-import type { ProcessorArg } from "../../../../config/validators/BuildSchema.js";
-import type { OpenAPIDocument } from "../../../oas/parser/index.js";
-import { type RecordAny, traverse } from "./traverse.js";
-
-interface RemoveExtensionsOptions {
-  keys?: string[];
-  shouldRemove?: (key: string) => boolean;
-}
-
-// Remove all `x-` prefixed key/value pairs, or filter by names if provided
-export const removeExtensions =
-  ({ keys, shouldRemove }: RemoveExtensionsOptions = {}) =>
-  ({ schema }: ProcessorArg) =>
-    traverse(schema, (spec) => {
-      const result: RecordAny = {};
-
-      for (const [key, value] of Object.entries(spec)) {
-        const isExtension = key.startsWith("x-");
-        const shouldBeRemoved =
-          isExtension &&
-          (keys === undefined || keys.includes(key)) &&
-          (!shouldRemove || shouldRemove(key));
-
-        if (shouldBeRemoved) continue;
-
-        result[key] = value;
-      }
-      return result;
-    }) as OpenAPIDocument;
+import type { ProcessorArg } from "../../../../config/validators/BuildSchema.js";
+import type { OpenAPIDocument } from "../../../oas/parser/index.js";
+import { type RecordAny, traverse } from "./traverse.js";
+
+interface RemoveExtensionsOptions {
+  keys?: string[];
+  shouldRemove?: (key: string) => boolean;
+}
+
+// Remove all `x-` prefixed key/value pairs, or filter by names if provided
+export const removeExtensions =
+  ({ keys, shouldRemove }: RemoveExtensionsOptions = {}) =>
+  ({ schema }: ProcessorArg) =>
+    traverse(schema, (spec) => {
+      const result: RecordAny = {};
+
+      for (const [key, value] of Object.entries(spec)) {
+        const isExtension = key.startsWith("x-");
+        const shouldBeRemoved =
+          isExtension &&
+          (keys === undefined || keys.includes(key)) &&
+          (!shouldRemove || shouldRemove(key));
+
+        if (shouldBeRemoved) continue;
+
+        result[key] = value;
+      }
+      return result;
+    }) as OpenAPIDocument;