@lukoweb/apitogo 0.1.24 → 0.1.38

package/src/lib/plugins/openapi/PlaygroundDialogWrapper.tsx

@@ -1,67 +1,67 @@
-import type {
-  MediaTypeObject,
-  OperationsFragmentFragment,
-} from "./graphql/graphql.js";
-import { PlaygroundDialog } from "./playground/PlaygroundDialog.js";
-
-export const PlaygroundDialogWrapper = ({
-  server,
-  servers,
-  operation,
-  examples,
-}: {
-  server?: string;
-  servers?: string[];
-  operation: OperationsFragmentFragment;
-  examples?: MediaTypeObject[];
-}) => {
-  const headers = operation.parameters
-    ?.filter((p) => p.in === "header")
-    .sort((a, b) => (a.required && !b.required ? -1 : 1))
-    .map((p) => ({
-      name: p.name,
-      defaultValue:
-        p.schema?.default ?? p.examples?.find((x) => x.value)?.value ?? "",
-      defaultActive: p.required ?? false,
-      isRequired: p.required ?? false,
-      enum: p.schema?.type === "array" ? p.schema?.items?.enum : p.schema?.enum,
-      type: p.schema?.type ?? "string",
-    }));
-
-  const queryParams = operation.parameters
-    ?.filter((p) => p.in === "query")
-    .sort((a, b) => (a.required && !b.required ? -1 : 1))
-    .map((p) => ({
-      name: p.name,
-      defaultActive: p.required ?? false,
-      isRequired: p.required ?? false,
-      enum: p.schema?.type === "array" ? p.schema?.items?.enum : p.schema?.enum,
-      type: p.schema?.type ?? "string",
-      defaultValue: Array.isArray(p.schema?.default)
-        ? JSON.stringify(p.schema.default)
-        : p.schema?.default,
-      style: p.style ?? undefined,
-      explode: p.explode ?? undefined,
-      allowReserved: p.allowReserved ?? undefined,
-    }));
-
-  const pathParams = operation.parameters
-    ?.filter((p) => p.in === "path")
-    .map((p) => ({
-      name: p.name,
-      defaultValue: p.schema?.default,
-    }));
-
-  return (
-    <PlaygroundDialog
-      server={server}
-      servers={servers}
-      method={operation.method}
-      url={operation.path}
-      headers={headers}
-      queryParams={queryParams}
-      pathParams={pathParams}
-      examples={examples}
-    />
-  );
-};
+import type {
+  MediaTypeObject,
+  OperationsFragmentFragment,
+} from "./graphql/graphql.js";
+import { PlaygroundDialog } from "./playground/PlaygroundDialog.js";
+
+export const PlaygroundDialogWrapper = ({
+  server,
+  servers,
+  operation,
+  examples,
+}: {
+  server?: string;
+  servers?: string[];
+  operation: OperationsFragmentFragment;
+  examples?: MediaTypeObject[];
+}) => {
+  const headers = operation.parameters
+    ?.filter((p) => p.in === "header")
+    .sort((a, b) => (a.required && !b.required ? -1 : 1))
+    .map((p) => ({
+      name: p.name,
+      defaultValue:
+        p.schema?.default ?? p.examples?.find((x) => x.value)?.value ?? "",
+      defaultActive: p.required ?? false,
+      isRequired: p.required ?? false,
+      enum: p.schema?.type === "array" ? p.schema?.items?.enum : p.schema?.enum,
+      type: p.schema?.type ?? "string",
+    }));
+
+  const queryParams = operation.parameters
+    ?.filter((p) => p.in === "query")
+    .sort((a, b) => (a.required && !b.required ? -1 : 1))
+    .map((p) => ({
+      name: p.name,
+      defaultActive: p.required ?? false,
+      isRequired: p.required ?? false,
+      enum: p.schema?.type === "array" ? p.schema?.items?.enum : p.schema?.enum,
+      type: p.schema?.type ?? "string",
+      defaultValue: Array.isArray(p.schema?.default)
+        ? JSON.stringify(p.schema.default)
+        : p.schema?.default,
+      style: p.style ?? undefined,
+      explode: p.explode ?? undefined,
+      allowReserved: p.allowReserved ?? undefined,
+    }));
+
+  const pathParams = operation.parameters
+    ?.filter((p) => p.in === "path")
+    .map((p) => ({
+      name: p.name,
+      defaultValue: p.schema?.default,
+    }));
+
+  return (
+    <PlaygroundDialog
+      server={server}
+      servers={servers}
+      method={operation.method}
+      url={operation.path}
+      headers={headers}
+      queryParams={queryParams}
+      pathParams={pathParams}
+      examples={examples}
+    />
+  );
+};

package/src/lib/plugins/openapi/SidecarBox.tsx

@@ -1,57 +1,57 @@
-import type { PropsWithChildren } from "react";
-import { cn } from "../../util/cn.js";
-
-type BaseComponentProps<T = unknown> = PropsWithChildren<
-  T & { className?: string }
->;
-
-export const Root = ({ children, className }: BaseComponentProps) => (
-  <div
-    data-slot="sidecar-box-root"
-    className={cn(
-      "relative text-xs flex min-w-0 flex-col rounded-xl border bg-muted/50 bg-clip-padding",
-      "before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-xl)-1px)] before:shadow-[0_1px_2px_1px_--theme(--color-black/4%)] after:pointer-events-none after:absolute after:-inset-[5px] after:-z-1 after:rounded-[calc(var(--radius-xl)+4px)] after:border after:border-border/50 after:bg-clip-padding **:data-[slot=particle-wrapper]:w-full **:data-[slot=particle-wrapper]:max-w-64 lg:col-span-1 dark:after:bg-background/72",
-      className,
-    )}
-  >
-    {children}
-  </div>
-);
-
-export const Head = ({ children, className }: BaseComponentProps) => (
-  <div
-    data-slot="sidecar-box-head"
-    className={cn(
-      "flex items-center gap-3 rounded-b-xl p-2.5 data-[slot=head]:rounded-b-none",
-      className,
-    )}
-  >
-    {children}
-  </div>
-);
-
-export const Body = ({ children, className }: BaseComponentProps) => (
-  <div
-    data-slot="sidecar-box-body"
-    className={cn(
-      "overflow-auto -m-px flex min-w-0 flex-1 flex-col overflow-x-auto rounded-t-xl border bg-background",
-      "rounded-b last:rounded-b-xl",
-      "before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-xl)-1px)] dark:before:shadow-[0_-1px_--theme(--color-white/8%)]",
-      className,
-    )}
-  >
-    {children}
-  </div>
-);
-
-export const Footer = ({ children, className }: BaseComponentProps) => (
-  <div
-    data-slot="sidecar-box-footer"
-    className={cn(
-      "p-2 rounded-b-xl data-[slot=sidecar-box-footer]:rounded-b-none",
-      className,
-    )}
-  >
-    {children}
-  </div>
-);
+import type { PropsWithChildren } from "react";
+import { cn } from "../../util/cn.js";
+
+type BaseComponentProps<T = unknown> = PropsWithChildren<
+  T & { className?: string }
+>;
+
+export const Root = ({ children, className }: BaseComponentProps) => (
+  <div
+    data-slot="sidecar-box-root"
+    className={cn(
+      "relative text-xs flex min-w-0 flex-col rounded-xl border bg-muted/50 bg-clip-padding",
+      "before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-xl)-1px)] before:shadow-[0_1px_2px_1px_--theme(--color-black/4%)] after:pointer-events-none after:absolute after:-inset-[5px] after:-z-1 after:rounded-[calc(var(--radius-xl)+4px)] after:border after:border-border/50 after:bg-clip-padding **:data-[slot=particle-wrapper]:w-full **:data-[slot=particle-wrapper]:max-w-64 lg:col-span-1 dark:after:bg-background/72",
+      className,
+    )}
+  >
+    {children}
+  </div>
+);
+
+export const Head = ({ children, className }: BaseComponentProps) => (
+  <div
+    data-slot="sidecar-box-head"
+    className={cn(
+      "flex items-center gap-3 rounded-b-xl p-2.5 data-[slot=head]:rounded-b-none",
+      className,
+    )}
+  >
+    {children}
+  </div>
+);
+
+export const Body = ({ children, className }: BaseComponentProps) => (
+  <div
+    data-slot="sidecar-box-body"
+    className={cn(
+      "overflow-auto -m-px flex min-w-0 flex-1 flex-col overflow-x-auto rounded-t-xl border bg-background",
+      "rounded-b last:rounded-b-xl",
+      "before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-xl)-1px)] dark:before:shadow-[0_-1px_--theme(--color-white/8%)]",
+      className,
+    )}
+  >
+    {children}
+  </div>
+);
+
+export const Footer = ({ children, className }: BaseComponentProps) => (
+  <div
+    data-slot="sidecar-box-footer"
+    className={cn(
+      "p-2 rounded-b-xl data-[slot=sidecar-box-footer]:rounded-b-none",
+      className,
+    )}
+  >
+    {children}
+  </div>
+);

package/src/lib/plugins/openapi/SimpleSelect.tsx

@@ -1,46 +1,46 @@
-import { ChevronsUpDownIcon } from "lucide-react";
-import type { ChangeEventHandler } from "react";
-import { cn } from "../../util/cn.js";
-
-export const SimpleSelect = ({
-  value,
-  onChange,
-  className,
-  options,
-  showChevrons = true,
-}: {
-  value: string;
-  onChange: ChangeEventHandler<HTMLSelectElement>;
-  className?: string;
-  options: {
-    value: string;
-    label: string;
-  }[];
-  showChevrons?: boolean;
-}) => (
-  <div className="grid">
-    <select
-      className={cn(
-        "w-full row-start-1 col-start-1 border border-input text-foreground px-2 py-1 pe-6",
-        "rounded-md appearance-none bg-zinc-50 hover:bg-white dark:bg-zinc-800 hover:dark:bg-zinc-800/75",
-        className,
-      )}
-      value={value}
-      onChange={onChange}
-    >
-      {options.map((option) => (
-        <option value={option.value} key={option.value}>
-          {option.label}
-        </option>
-      ))}
-    </select>
-    <div
-      className={cn(
-        !showChevrons && "hidden",
-        "row-start-1 col-start-1 self-center justify-self-end relative end-2 pointer-events-none",
-      )}
-    >
-      <ChevronsUpDownIcon size={14} />
-    </div>
-  </div>
-);
+import { ChevronsUpDownIcon } from "lucide-react";
+import type { ChangeEventHandler } from "react";
+import { cn } from "../../util/cn.js";
+
+export const SimpleSelect = ({
+  value,
+  onChange,
+  className,
+  options,
+  showChevrons = true,
+}: {
+  value: string;
+  onChange: ChangeEventHandler<HTMLSelectElement>;
+  className?: string;
+  options: {
+    value: string;
+    label: string;
+  }[];
+  showChevrons?: boolean;
+}) => (
+  <div className="grid">
+    <select
+      className={cn(
+        "w-full row-start-1 col-start-1 border border-input text-foreground px-2 py-1 pe-6",
+        "rounded-md appearance-none bg-zinc-50 hover:bg-white dark:bg-zinc-800 hover:dark:bg-zinc-800/75",
+        className,
+      )}
+      value={value}
+      onChange={onChange}
+    >
+      {options.map((option) => (
+        <option value={option.value} key={option.value}>
+          {option.label}
+        </option>
+      ))}
+    </select>
+    <div
+      className={cn(
+        !showChevrons && "hidden",
+        "row-start-1 col-start-1 self-center justify-self-end relative end-2 pointer-events-none",
+      )}
+    >
+      <ChevronsUpDownIcon size={14} />
+    </div>
+  </div>
+);

package/src/lib/plugins/openapi/client/GraphQLClient.tsx

@@ -1,73 +1,73 @@
-import type { GraphQLError } from "graphql/error/index.js";
-import type { SchemaImports } from "../../../oas/graphql/index.js";
-import { ZudokuError } from "../../../util/invariant.js";
-import type { TypedDocumentString } from "../graphql/graphql.js";
-import type { OpenApiPluginOptions } from "../index.js";
-import type { LocalServer } from "./createServer.js";
-
-let localServerPromise: Promise<LocalServer> | undefined;
-const sharedSchemaImports: SchemaImports = {};
-
-type GraphQLResponse<TResult> = {
-  errors?: GraphQLError[];
-  data: TResult;
-};
-
-const throwIfError = (response: GraphQLResponse<unknown>) => {
-  if (!response.errors?.[0]) return;
-
-  throw new ZudokuError(response.errors[0].message, {
-    developerHint:
-      "Check your configuration value `apis.type` and `apis.input` in the Zudoku config.",
-  });
-};
-
-export class GraphQLClient {
-  private readonly config: OpenApiPluginOptions;
-  constructor(config: OpenApiPluginOptions) {
-    if (config.schemaImports) {
-      Object.assign(sharedSchemaImports, config.schemaImports);
-    }
-    this.config = config;
-  }
-
-  #getLocalServer = async () => {
-    if (!localServerPromise) {
-      localServerPromise = import("./createServer.js").then((m) =>
-        m.createServer({ ...this.config, schemaImports: sharedSchemaImports }),
-      );
-    }
-    return localServerPromise;
-  };
-
-  #executeFetch = async (init: RequestInit): Promise<Response> => {
-    if (this.config.server) {
-      return fetch(this.config.server, init);
-    }
-
-    const localServer = await this.#getLocalServer();
-    return localServer.fetch("http://localhost/graphql", init);
-  };
-
-  fetch = async <TResult, TVariables>(
-    query: TypedDocumentString<TResult, TVariables>,
-    variables?: TVariables,
-  ): Promise<TResult> => {
-    const operationName = query.match(/query (\w+)/)?.[1];
-
-    const response = await this.#executeFetch({
-      method: "POST",
-      body: JSON.stringify({ query, variables, operationName }),
-      headers: { "Content-Type": "application/json" },
-    });
-
-    if (!response.ok) {
-      throw new Error("Network response was not ok");
-    }
-
-    const result = (await response.json()) as GraphQLResponse<TResult>;
-    throwIfError(result);
-
-    return result.data;
-  };
-}
+import type { GraphQLError } from "graphql/error/index.js";
+import type { SchemaImports } from "../../../oas/graphql/index.js";
+import { ZudokuError } from "../../../util/invariant.js";
+import type { TypedDocumentString } from "../graphql/graphql.js";
+import type { OpenApiPluginOptions } from "../index.js";
+import type { LocalServer } from "./createServer.js";
+
+let localServerPromise: Promise<LocalServer> | undefined;
+const sharedSchemaImports: SchemaImports = {};
+
+type GraphQLResponse<TResult> = {
+  errors?: GraphQLError[];
+  data: TResult;
+};
+
+const throwIfError = (response: GraphQLResponse<unknown>) => {
+  if (!response.errors?.[0]) return;
+
+  throw new ZudokuError(response.errors[0].message, {
+    developerHint:
+      "Check your configuration value `apis.type` and `apis.input` in the Zudoku config.",
+  });
+};
+
+export class GraphQLClient {
+  private readonly config: OpenApiPluginOptions;
+  constructor(config: OpenApiPluginOptions) {
+    if (config.schemaImports) {
+      Object.assign(sharedSchemaImports, config.schemaImports);
+    }
+    this.config = config;
+  }
+
+  #getLocalServer = async () => {
+    if (!localServerPromise) {
+      localServerPromise = import("./createServer.js").then((m) =>
+        m.createServer({ ...this.config, schemaImports: sharedSchemaImports }),
+      );
+    }
+    return localServerPromise;
+  };
+
+  #executeFetch = async (init: RequestInit): Promise<Response> => {
+    if (this.config.server) {
+      return fetch(this.config.server, init);
+    }
+
+    const localServer = await this.#getLocalServer();
+    return localServer.fetch("http://localhost/graphql", init);
+  };
+
+  fetch = async <TResult, TVariables>(
+    query: TypedDocumentString<TResult, TVariables>,
+    variables?: TVariables,
+  ): Promise<TResult> => {
+    const operationName = query.match(/query (\w+)/)?.[1];
+
+    const response = await this.#executeFetch({
+      method: "POST",
+      body: JSON.stringify({ query, variables, operationName }),
+      headers: { "Content-Type": "application/json" },
+    });
+
+    if (!response.ok) {
+      throw new Error("Network response was not ok");
+    }
+
+    const result = (await response.json()) as GraphQLResponse<TResult>;
+    throwIfError(result);
+
+    return result.data;
+  };
+}

package/src/lib/plugins/openapi/client/GraphQLContext.tsx

@@ -1,16 +1,16 @@
-import { createContext, type ReactNode } from "react";
-import type { GraphQLClient } from "./GraphQLClient.js";
-
-export const GraphQLContext = createContext<GraphQLClient | undefined>(
-  undefined,
-);
-
-export const GraphQLProvider = ({
-  children,
-  client,
-}: {
-  children: ReactNode;
-  client: GraphQLClient;
-}) => (
-  <GraphQLContext.Provider value={client}>{children}</GraphQLContext.Provider>
-);
+import { createContext, type ReactNode } from "react";
+import type { GraphQLClient } from "./GraphQLClient.js";
+
+export const GraphQLContext = createContext<GraphQLClient | undefined>(
+  undefined,
+);
+
+export const GraphQLProvider = ({
+  children,
+  client,
+}: {
+  children: ReactNode;
+  client: GraphQLClient;
+}) => (
+  <GraphQLContext.Provider value={client}>{children}</GraphQLContext.Provider>
+);

package/src/lib/plugins/openapi/client/createServer.ts

@@ -1,35 +1,35 @@
-import { useLogger } from "@envelop/core";
-import { createGraphQLServer } from "../../../oas/graphql/index.js";
-import type { OpenApiPluginOptions } from "../index.js";
-
-const map = new Map<string, number>();
-
-export const createServer = (config: OpenApiPluginOptions) =>
-  createGraphQLServer({
-    context: {
-      schemaImports: config.schemaImports,
-    },
-    plugins: [
-      useLogger({
-        logFn: (eventName, { args }) => {
-          if (import.meta.env.PROD) return;
-
-          if (eventName.endsWith("-start")) {
-            map.set(`${eventName}-${args.operationName}`, performance.now());
-          } else if (eventName.endsWith("-end")) {
-            const startEvent = eventName.replace("-end", "-start");
-            const start = map.get(`${startEvent}-${args.operationName}`);
-            if (start) {
-              // biome-ignore lint/suspicious/noConsole: Logging allowed here
-              console.log(
-                `[zudoku:debug] ${args.operationName} query took ${performance.now() - start}ms`,
-              );
-              map.delete(`${startEvent}-${args.operationName}`);
-            }
-          }
-        },
-      }),
-    ],
-  });
-
-export type LocalServer = ReturnType<typeof createServer>;
+import { useLogger } from "@envelop/core";
+import { createGraphQLServer } from "../../../oas/graphql/index.js";
+import type { OpenApiPluginOptions } from "../index.js";
+
+const map = new Map<string, number>();
+
+export const createServer = (config: OpenApiPluginOptions) =>
+  createGraphQLServer({
+    context: {
+      schemaImports: config.schemaImports,
+    },
+    plugins: [
+      useLogger({
+        logFn: (eventName, { args }) => {
+          if (import.meta.env.PROD) return;
+
+          if (eventName.endsWith("-start")) {
+            map.set(`${eventName}-${args.operationName}`, performance.now());
+          } else if (eventName.endsWith("-end")) {
+            const startEvent = eventName.replace("-end", "-start");
+            const start = map.get(`${startEvent}-${args.operationName}`);
+            if (start) {
+              // biome-ignore lint/suspicious/noConsole: Logging allowed here
+              console.log(
+                `[zudoku:debug] ${args.operationName} query took ${performance.now() - start}ms`,
+              );
+              map.delete(`${startEvent}-${args.operationName}`);
+            }
+          }
+        },
+      }),
+    ],
+  });
+
+export type LocalServer = ReturnType<typeof createServer>;