@lukoweb/apitogo 0.1.24 → 0.1.37

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

@@ -1,53 +1,53 @@
-import { type Control, Controller, useFieldArray } from "react-hook-form";
-import { ColorizedParam } from "../ColorizedParam.js";
-import ParamsGrid, { ParamsGridInput, ParamsGridItem } from "./ParamsGrid.js";
-import type { PlaygroundForm } from "./Playground.js";
-
-export const PathParams = ({
-  control,
-  url,
-}: {
-  control: Control<PlaygroundForm>;
-  url: string;
-}) => {
-  const { fields } = useFieldArray<PlaygroundForm, "pathParams">({
-    control,
-    name: "pathParams",
-  });
-
-  const sortedFields = [...fields].sort(
-    (a, b) => url.indexOf(`{${a.name}}`) - url.indexOf(`{${b.name}}`),
-  );
-
-  return (
-    <ParamsGrid>
-      {sortedFields.map((field, i) => (
-        <ParamsGridItem key={field.id}>
-          <Controller
-            control={control}
-            name={`pathParams.${i}.name`}
-            render={() => (
-              <div className="flex items-center">
-                <ColorizedParam
-                  slug={field.name}
-                  name={field.name}
-                  className="font-mono text-xs px-2"
-                />
-              </div>
-            )}
-          />
-
-          <div className="flex justify-between items-center col-span-2">
-            <Controller
-              control={control}
-              name={`pathParams.${i}.value`}
-              render={({ field }) => (
-                <ParamsGridInput {...field} required placeholder="Value" />
-              )}
-            />
-          </div>
-        </ParamsGridItem>
-      ))}
-    </ParamsGrid>
-  );
-};
+import { type Control, Controller, useFieldArray } from "react-hook-form";
+import { ColorizedParam } from "../ColorizedParam.js";
+import ParamsGrid, { ParamsGridInput, ParamsGridItem } from "./ParamsGrid.js";
+import type { PlaygroundForm } from "./Playground.js";
+
+export const PathParams = ({
+  control,
+  url,
+}: {
+  control: Control<PlaygroundForm>;
+  url: string;
+}) => {
+  const { fields } = useFieldArray<PlaygroundForm, "pathParams">({
+    control,
+    name: "pathParams",
+  });
+
+  const sortedFields = [...fields].sort(
+    (a, b) => url.indexOf(`{${a.name}}`) - url.indexOf(`{${b.name}}`),
+  );
+
+  return (
+    <ParamsGrid>
+      {sortedFields.map((field, i) => (
+        <ParamsGridItem key={field.id}>
+          <Controller
+            control={control}
+            name={`pathParams.${i}.name`}
+            render={() => (
+              <div className="flex items-center">
+                <ColorizedParam
+                  slug={field.name}
+                  name={field.name}
+                  className="font-mono text-xs px-2"
+                />
+              </div>
+            )}
+          />
+
+          <div className="flex justify-between items-center col-span-2">
+            <Controller
+              control={control}
+              name={`pathParams.${i}.value`}
+              render={({ field }) => (
+                <ParamsGridInput {...field} required placeholder="Value" />
+              )}
+            />
+          </div>
+        </ParamsGridItem>
+      ))}
+    </ParamsGrid>
+  );
+};

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

@@ -1,87 +1,87 @@
-import { motion } from "motion/react";
-
-const ball = {
-  width: 5,
-  height: 5,
-  borderRadius: "50%",
-};
-
-const Spinner = () => {
-  return (
-    <motion.div
-      className="flex items-center gap-1"
-      initial="hidden"
-      animate="visible"
-      variants={{
-        visible: {
-          transition: {
-            staggerChildren: 0.2,
-          },
-        },
-      }}
-    >
-      <motion.div
-        className="bg-white/60"
-        variants={{
-          hidden: { opacity: 0, y: 3 },
-          visible: {
-            opacity: 1,
-            y: 0,
-            transition: {
-              y: {
-                type: "spring",
-                stiffness: 300,
-                damping: 10,
-                repeat: Infinity,
-                repeatType: "reverse",
-              },
-            },
-          },
-        }}
-        style={ball}
-      />
-      <motion.div
-        className="bg-white/60"
-        variants={{
-          hidden: { opacity: 0, y: 3 },
-          visible: {
-            opacity: 1,
-            y: 0,
-            transition: {
-              y: {
-                type: "spring",
-                stiffness: 300,
-                damping: 10,
-                repeat: Infinity,
-                repeatType: "reverse",
-              },
-            },
-          },
-        }}
-        style={ball}
-      />
-      <motion.div
-        className="bg-white/60"
-        variants={{
-          hidden: { opacity: 0, y: 3 },
-          visible: {
-            opacity: 1,
-            y: 0,
-            transition: {
-              y: {
-                type: "spring",
-                stiffness: 300,
-                damping: 10,
-                repeat: Infinity,
-                repeatType: "reverse",
-              },
-            },
-          },
-        }}
-        style={ball}
-      />
-    </motion.div>
-  );
-};
-
-export default Spinner;
+import { motion } from "motion/react";
+
+const ball = {
+  width: 5,
+  height: 5,
+  borderRadius: "50%",
+};
+
+const Spinner = () => {
+  return (
+    <motion.div
+      className="flex items-center gap-1"
+      initial="hidden"
+      animate="visible"
+      variants={{
+        visible: {
+          transition: {
+            staggerChildren: 0.2,
+          },
+        },
+      }}
+    >
+      <motion.div
+        className="bg-white/60"
+        variants={{
+          hidden: { opacity: 0, y: 3 },
+          visible: {
+            opacity: 1,
+            y: 0,
+            transition: {
+              y: {
+                type: "spring",
+                stiffness: 300,
+                damping: 10,
+                repeat: Infinity,
+                repeatType: "reverse",
+              },
+            },
+          },
+        }}
+        style={ball}
+      />
+      <motion.div
+        className="bg-white/60"
+        variants={{
+          hidden: { opacity: 0, y: 3 },
+          visible: {
+            opacity: 1,
+            y: 0,
+            transition: {
+              y: {
+                type: "spring",
+                stiffness: 300,
+                damping: 10,
+                repeat: Infinity,
+                repeatType: "reverse",
+              },
+            },
+          },
+        }}
+        style={ball}
+      />
+      <motion.div
+        className="bg-white/60"
+        variants={{
+          hidden: { opacity: 0, y: 3 },
+          visible: {
+            opacity: 1,
+            y: 0,
+            transition: {
+              y: {
+                type: "spring",
+                stiffness: 300,
+                damping: 10,
+                repeat: Infinity,
+                repeatType: "reverse",
+              },
+            },
+          },
+        }}
+        style={ball}
+      />
+    </motion.div>
+  );
+};
+
+export default Spinner;

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

@@ -1,25 +1,25 @@
-import type { PlaygroundForm } from "./Playground.js";
-import { serializeQueryString } from "./serializeQueryParams.js";
-
-export const createUrl = (host: string, path: string, data: PlaygroundForm) => {
-  const filledPath = path.replace(/(:\w+|\{\w+})/g, (match) => {
-    const key = match.replace(/[:{}]/g, "");
-    const value = data.pathParams.find((part) => part.name === key)?.value;
-
-    return value ?? match;
-  });
-
-  // Ensure host ends with a slash and path doesn't start with one,
-  // so they form a correct URL, without overriding the host's path.
-  const url = new URL(
-    filledPath.replace(/^\//, ""),
-    host.endsWith("/") ? host : `${host}/`,
-  );
-
-  const queryString = serializeQueryString(data.queryParams);
-  if (queryString) {
-    url.search = queryString;
-  }
-
-  return url;
-};
+import type { PlaygroundForm } from "./Playground.js";
+import { serializeQueryString } from "./serializeQueryParams.js";
+
+export const createUrl = (host: string, path: string, data: PlaygroundForm) => {
+  const filledPath = path.replace(/(:\w+|\{\w+})/g, (match) => {
+    const key = match.replace(/[:{}]/g, "");
+    const value = data.pathParams.find((part) => part.name === key)?.value;
+
+    return value ?? match;
+  });
+
+  // Ensure host ends with a slash and path doesn't start with one,
+  // so they form a correct URL, without overriding the host's path.
+  const url = new URL(
+    filledPath.replace(/^\//, ""),
+    host.endsWith("/") ? host : `${host}/`,
+  );
+
+  const queryString = serializeQueryString(data.queryParams);
+  if (queryString) {
+    url.search = queryString;
+  }
+
+  return url;
+};

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

@@ -1,36 +1,36 @@
-export function isBinaryContentType(contentType: string) {
-  return /^(application\/octet-stream|image\/|audio\/|video\/|font\/|application\/pdf|application\/zip|application\/x-protobuf|application\/x-binary)/i.test(
-    contentType,
-  );
-}
-
-export function isAudioContentType(contentType: string) {
-  return /^audio\//i.test(contentType);
-}
-
-export const extractFileName = (
-  headers: Array<[string, string]>,
-  url: string,
-): string => {
-  const contentDisposition = headers.find(
-    ([key]) => key.toLowerCase() === "content-disposition",
-  )?.[1];
-
-  if (contentDisposition) {
-    const filenameMatch = contentDisposition.match(
-      /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/,
-    );
-    if (filenameMatch?.[1]) {
-      return filenameMatch[1].replace(/['"]/g, "");
-    }
-  }
-
-  // Extract filename from URL as fallback
-  try {
-    const urlPath = new URL(url).pathname;
-    const fileName = urlPath.split("/").pop() || "download";
-    return fileName.includes(".") ? fileName : "download";
-  } catch {
-    return "download";
-  }
-};
+export function isBinaryContentType(contentType: string) {
+  return /^(application\/octet-stream|image\/|audio\/|video\/|font\/|application\/pdf|application\/zip|application\/x-protobuf|application\/x-binary)/i.test(
+    contentType,
+  );
+}
+
+export function isAudioContentType(contentType: string) {
+  return /^audio\//i.test(contentType);
+}
+
+export const extractFileName = (
+  headers: Array<[string, string]>,
+  url: string,
+): string => {
+  const contentDisposition = headers.find(
+    ([key]) => key.toLowerCase() === "content-disposition",
+  )?.[1];
+
+  if (contentDisposition) {
+    const filenameMatch = contentDisposition.match(
+      /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/,
+    );
+    if (filenameMatch?.[1]) {
+      return filenameMatch[1].replace(/['"]/g, "");
+    }
+  }
+
+  // Extract filename from URL as fallback
+  try {
+    const urlPath = new URL(url).pathname;
+    const fileName = urlPath.split("/").pop() || "download";
+    return fileName.includes(".") ? fileName : "download";
+  } catch {
+    return "download";
+  }
+};

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

@@ -1,26 +1,26 @@
-import { create } from "zustand";
-import { createJSONStorage, persist } from "zustand/middleware";
-
-interface IdentityState {
-  rememberedIdentity: string | null;
-  setRememberedIdentity: (identity: string | null) => void;
-  getRememberedIdentity: (availableIdentities: string[]) => string | undefined;
-}
-
-export const useIdentityStore = create<IdentityState>()(
-  persist(
-    (set, get) => ({
-      rememberedIdentity: null,
-      setRememberedIdentity: (identity: string | null) =>
-        set({ rememberedIdentity: identity }),
-      getRememberedIdentity: (availableIdentities: string[]) =>
-        availableIdentities.find(
-          (identity) => identity === get().rememberedIdentity,
-        ),
-    }),
-    {
-      name: "identity-storage",
-      storage: createJSONStorage(() => sessionStorage),
-    },
-  ),
-);
+import { create } from "zustand";
+import { createJSONStorage, persist } from "zustand/middleware";
+
+interface IdentityState {
+  rememberedIdentity: string | null;
+  setRememberedIdentity: (identity: string | null) => void;
+  getRememberedIdentity: (availableIdentities: string[]) => string | undefined;
+}
+
+export const useIdentityStore = create<IdentityState>()(
+  persist(
+    (set, get) => ({
+      rememberedIdentity: null,
+      setRememberedIdentity: (identity: string | null) =>
+        set({ rememberedIdentity: identity }),
+      getRememberedIdentity: (availableIdentities: string[]) =>
+        availableIdentities.find(
+          (identity) => identity === get().rememberedIdentity,
+        ),
+    }),
+    {
+      name: "identity-storage",
+      storage: createJSONStorage(() => sessionStorage),
+    },
+  ),
+);

package/src/lib/plugins/openapi/playground/request-panel/UrlPath.tsx

@@ -1,31 +1,31 @@
-import { useFormContext } from "react-hook-form";
-import { PathRenderer } from "../../../../components/PathRenderer.js";
-import { ColorizedParam } from "../../ColorizedParam.js";
-import type { PlaygroundForm } from "../Playground.js";
-
-export const UrlPath = ({ url }: { url: string }) => {
-  const { watch, setFocus } = useFormContext<PlaygroundForm>();
-  const [pathParams] = watch(["pathParams"]);
-
-  return (
-    <PathRenderer
-      path={url}
-      renderParam={({ name, originalValue, index }) => {
-        const formValue = pathParams.find(
-          (param) => param.name === name,
-        )?.value;
-
-        return (
-          <ColorizedParam
-            name={name}
-            backgroundOpacity="0"
-            slug={name}
-            onClick={() => setFocus(`pathParams.${index}.value`)}
-          >
-            {formValue || originalValue}
-          </ColorizedParam>
-        );
-      }}
-    />
-  );
-};
+import { useFormContext } from "react-hook-form";
+import { PathRenderer } from "../../../../components/PathRenderer.js";
+import { ColorizedParam } from "../../ColorizedParam.js";
+import type { PlaygroundForm } from "../Playground.js";
+
+export const UrlPath = ({ url }: { url: string }) => {
+  const { watch, setFocus } = useFormContext<PlaygroundForm>();
+  const [pathParams] = watch(["pathParams"]);
+
+  return (
+    <PathRenderer
+      path={url}
+      renderParam={({ name, originalValue, index }) => {
+        const formValue = pathParams.find(
+          (param) => param.name === name,
+        )?.value;
+
+        return (
+          <ColorizedParam
+            name={name}
+            backgroundOpacity="0"
+            slug={name}
+            onClick={() => setFocus(`pathParams.${index}.value`)}
+          >
+            {formValue || originalValue}
+          </ColorizedParam>
+        );
+      }}
+    />
+  );
+};

package/src/lib/plugins/openapi/playground/request-panel/UrlQueryParams.tsx

@@ -1,29 +1,29 @@
-import { Fragment } from "react";
-import { useFormContext } from "react-hook-form";
-import type { PlaygroundForm } from "../Playground.js";
-import { serializeQueryString } from "../serializeQueryParams.js";
-
-export const UrlQueryParams = () => {
-  const { watch } = useFormContext<PlaygroundForm>();
-  const queryParams = watch("queryParams");
-
-  const queryString = serializeQueryString(queryParams);
-
-  if (!queryString) return null;
-
-  const parts = queryString.split("&");
-
-  return (
-    <>
-      ?
-      {parts.map((part, i) => (
-        // biome-ignore lint/suspicious/noArrayIndexKey: No other stable key
-        <Fragment key={`${i}-${part}`}>
-          {part}
-          {i < parts.length - 1 && "&"}
-          <wbr />
-        </Fragment>
-      ))}
-    </>
-  );
-};
+import { Fragment } from "react";
+import { useFormContext } from "react-hook-form";
+import type { PlaygroundForm } from "../Playground.js";
+import { serializeQueryString } from "../serializeQueryParams.js";
+
+export const UrlQueryParams = () => {
+  const { watch } = useFormContext<PlaygroundForm>();
+  const queryParams = watch("queryParams");
+
+  const queryString = serializeQueryString(queryParams);
+
+  if (!queryString) return null;
+
+  const parts = queryString.split("&");
+
+  return (
+    <>
+      ?
+      {parts.map((part, i) => (
+        // biome-ignore lint/suspicious/noArrayIndexKey: No other stable key
+        <Fragment key={`${i}-${part}`}>
+          {part}
+          {i < parts.length - 1 && "&"}
+          <wbr />
+        </Fragment>
+      ))}
+    </>
+  );
+};