zudoku 0.7.2-dev.12 → 0.7.2-dev.13

package/lib/OperationList-2NeWEM0u.js

@@ -0,0 +1,560 @@
+import { j as e } from "./jsx-runtime-B6kdoens.js";
+import { C as S } from "./CategoryHeading-XnFqN2lJ.js";
+import { D as T } from "./DeveloperHint-FBb2uXJe.js";
+import { E as L } from "./ErrorPage-knunPbKI.js";
+import { I as y, M as m, H as g, a as x, P as u, S as k } from "./Markdown-B4aR03g6.js";
+import { CheckIcon as R, CopyIcon as z, ChevronDownIcon as $, CircleFadingPlusIcon as E, CircleDotIcon as F, CircleIcon as D, SquareMinusIcon as H, SquarePlusIcon as B, ListPlusIcon as M } from "lucide-react";
+import { useState as f, useCallback as G } from "react";
+import { C as Q, a as p, b as V, c as _, d as J, T as K, e as U, f as W, g as Z, S as X, h as q, u as Y } from "./index-Dv2KZuEw.js";
+import { R as N, T as C, C as O, S as ee } from "./index-1EDgIO6b.js";
+import { u as se } from "./urql-YhcsXYy8.js";
+import { B as te } from "./index-Zezcv0xb.js";
+function re(t, s) {
+  return s;
+}
+const ne = ({ url: t }) => {
+  const [s, n] = f(!1);
+  return /* @__PURE__ */ e.jsxs("div", { className: "my-4 flex items-center justify-end gap-2 text-sm", children: [
+    /* @__PURE__ */ e.jsx("span", { className: "font-medium", children: "Endpoint:" }),
+    /* @__PURE__ */ e.jsxs(y, { className: "p-1.5 flex gap-2.5 items-center text-xs", children: [
+      t,
+      /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          onClick: () => {
+            navigator.clipboard.writeText(t).then(() => {
+              n(!0), setTimeout(() => n(!1), 2e3);
+            });
+          },
+          type: "button",
+          children: s ? /* @__PURE__ */ e.jsx(R, { className: "text-green-600", size: 14 }) : /* @__PURE__ */ e.jsx(z, { size: 14, strokeWidth: 1.3 })
+        }
+      )
+    ] })
+  ] });
+}, w = (t, s) => t.reduce(
+  (n, i) => {
+    const r = s(i);
+    return n[r] || (n[r] = []), n[r].push(i), n;
+  },
+  {}
+), ie = (t, s) => t ? s(t) : void 0, I = (t) => t.schema != null && typeof t.schema == "object" ? t.schema : {
+  type: "string"
+}, ae = ({
+  parameter: t,
+  group: s,
+  id: n
+}) => /* @__PURE__ */ e.jsxs("li", { className: "p-4 bg-border/20 text-sm flex flex-col gap-1", children: [
+  /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ e.jsx("code", { children: s === "path" ? /* @__PURE__ */ e.jsx(
+      Q,
+      {
+        name: t.name,
+        backgroundOpacity: "15%",
+        slug: n + "-" + t.name.toLocaleLowerCase()
+      }
+    ) : t.name }),
+    t.required && /* @__PURE__ */ e.jsx("span", { className: "py-px px-1.5 font-medium bg-primary/75 text-muted rounded-lg", children: "required" }),
+    I(t).type && /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: I(t).type })
+  ] }),
+  t.description && /* @__PURE__ */ e.jsx(
+    m,
+    {
+      content: t.description,
+      className: "text-sm prose-p:my-1 prose-code:whitespace-pre-line"
+    }
+  )
+] }), oe = ({
+  group: t,
+  parameters: s,
+  id: n
+}) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  /* @__PURE__ */ e.jsx(g, { level: 3, id: `${n}/${t}-parameters`, className: "capitalize", children: t === "header" ? "Headers" : `${t} Parameters` }),
+  /* @__PURE__ */ e.jsx(p, { children: /* @__PURE__ */ e.jsx("ul", { className: "list-none m-0 px-0 divide-y ", children: s.sort((i, r) => i.required === r.required ? 0 : i.required ? -1 : 1).map((i) => /* @__PURE__ */ e.jsx(
+    ae,
+    {
+      parameter: i,
+      id: n,
+      group: t
+    },
+    `${i.name}-${i.in}`
+  )) }) })
+] }), le = (t) => Object.entries(t), ce = {
+  AND: /* @__PURE__ */ e.jsx(E, { size: 16, className: "fill-card" }),
+  OR: /* @__PURE__ */ e.jsx(F, { size: 16, className: "fill-card" }),
+  ONE: /* @__PURE__ */ e.jsx(D, { size: 14, className: "fill-card" })
+}, de = {
+  AND: "text-green-500 dark:text-green-300/60",
+  OR: "text-blue-400 dark:text-blue-500",
+  ONE: "text-purple-500 dark:text-purple-300/60"
+}, pe = ({
+  type: t,
+  isOpen: s,
+  className: n
+}) => /* @__PURE__ */ e.jsx(
+  "div",
+  {
+    className: x(
+      de[t],
+      "relative text-sm flex py-2",
+      "before:border-l before:absolute before:-top-2 before:-bottom-2 before:border-border before:border-dashed before:content-['']",
+      n
+    ),
+    children: /* @__PURE__ */ e.jsxs("div", { className: "-translate-x-[7px] flex gap-1 items-center", children: [
+      ce[t],
+      /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: x(
+            "translate-y-px mx-px opacity-0 group-hover:opacity-100 transition",
+            !s && "-rotate-90"
+          ),
+          children: /* @__PURE__ */ e.jsx($, { size: 16 })
+        }
+      )
+    ] })
+  }
+), me = (t) => {
+  const [s, n] = f(!0);
+  return /* @__PURE__ */ e.jsxs(
+    N,
+    {
+      open: s,
+      onOpenChange: () => n((i) => !i),
+      className: "group",
+      children: [
+        /* @__PURE__ */ e.jsx(C, { children: /* @__PURE__ */ e.jsx(pe, { type: t.type, isOpen: s }) }),
+        !s && /* @__PURE__ */ e.jsx("div", { className: "wavy-line bg-border translate-y-1" }),
+        /* @__PURE__ */ e.jsx(O, { children: /* @__PURE__ */ e.jsx(h, { schema: t.schema, level: t.level + 1 }) })
+      ]
+    }
+  );
+}, xe = {
+  AND: "All of",
+  OR: "Any of",
+  ONE: "One of"
+}, ue = ({
+  schemas: t,
+  type: s,
+  isOpen: n,
+  level: i,
+  toggleOpen: r
+}) => /* @__PURE__ */ e.jsx(N, { open: n, onOpenChange: r, asChild: !0, children: /* @__PURE__ */ e.jsxs(p, { className: "px-6", children: [
+  /* @__PURE__ */ e.jsxs(C, { className: "flex gap-2 items-center py-2 w-full text-sm text-muted-foreground -translate-x-1.5", children: [
+    n ? /* @__PURE__ */ e.jsx(H, { size: 14 }) : /* @__PURE__ */ e.jsx(B, { size: 14 }),
+    /* @__PURE__ */ e.jsx("span", { children: xe[s] })
+  ] }),
+  /* @__PURE__ */ e.jsx(O, { className: "pb-4", children: t.map((a, l) => (
+    // eslint-disable-next-line react/no-array-index-key
+    /* @__PURE__ */ e.jsx(
+      me,
+      {
+        type: s,
+        schema: a,
+        level: i
+      },
+      l
+    )
+  )) })
+] }) }), je = (t) => t.type === "object" || t.type === "array" && typeof t.items == "object" && (!t.items.type || t.items.type === "object"), b = (t) => !!(t.oneOf ?? t.allOf ?? t.anyOf), ge = {
+  allOf: "AND",
+  anyOf: "OR",
+  oneOf: "ONE"
+}, P = ({
+  schema: t,
+  level: s
+}) => {
+  const [n, i] = f(!0), r = G(() => i((a) => !a), []);
+  for (const [a, l] of le(ge))
+    if (t[a])
+      return /* @__PURE__ */ e.jsx(
+        ue,
+        {
+          schemas: t[a],
+          type: l,
+          isOpen: n,
+          toggleOpen: r,
+          level: s
+        }
+      );
+}, he = ({
+  name: t,
+  schema: s,
+  group: n,
+  level: i,
+  defaultOpen: r = !1,
+  showCollapseButton: a = !0
+}) => {
+  const [l, j] = f(r);
+  return /* @__PURE__ */ e.jsx("li", { className: "p-4 bg-border/20 hover:bg-border/30", children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-1 justify-between text-sm", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 items-center", children: [
+      /* @__PURE__ */ e.jsx("code", { children: t }),
+      /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: s.type === "array" && s.items.type ? /* @__PURE__ */ e.jsxs("span", { children: [
+        s.items.type,
+        "[]"
+      ] }) : Array.isArray(s.type) ? /* @__PURE__ */ e.jsx("span", { children: s.type.join(" | ") }) : /* @__PURE__ */ e.jsx("span", { children: s.type }) }),
+      n === "optional" && /* @__PURE__ */ e.jsx("span", { className: "py-px px-1.5 font-medium border rounded-lg", children: "optional" })
+    ] }),
+    s.description && /* @__PURE__ */ e.jsx(
+      m,
+      {
+        className: x(u, "text-sm leading-normal line-clamp-4"),
+        content: s.description
+      }
+    ),
+    (b(s) || je(s)) && /* @__PURE__ */ e.jsxs(
+      N,
+      {
+        defaultOpen: r,
+        open: l,
+        onOpenChange: () => j(!l),
+        children: [
+          a && /* @__PURE__ */ e.jsx(C, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+            te,
+            {
+              variant: "outline",
+              size: "sm",
+              className: "mt-2 flex gap-1.5",
+              children: [
+                /* @__PURE__ */ e.jsx(M, { size: 18 }),
+                l ? "Hide nested properties" : "Show nested properties"
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ e.jsx(O, { children: /* @__PURE__ */ e.jsx("div", { className: "mt-2", children: b(s) ? /* @__PURE__ */ e.jsx(P, { schema: s, level: i + 1 }) : s.type === "object" ? /* @__PURE__ */ e.jsx(h, { schema: s, level: i + 1 }) : s.type === "array" && typeof s.items == "object" && /* @__PURE__ */ e.jsx(h, { schema: s.items, level: i + 1 }) }) })
+        ]
+      }
+    )
+  ] }) });
+}, h = ({
+  schema: t,
+  level: s = 0,
+  defaultOpen: n = !1
+}) => {
+  if (!t || Object.keys(t).length === 0)
+    return /* @__PURE__ */ e.jsx(p, { className: "p-4", children: /* @__PURE__ */ e.jsx("span", { className: "text-sm text-muted-foreground italic", children: "No response specified" }) });
+  const i = (r, a) => {
+    if (b(r))
+      return /* @__PURE__ */ e.jsx(P, { schema: r, level: a });
+    if (r.type === "array" && r.items) {
+      const l = r.items;
+      return typeof l.type == "string" && ["string", "number", "boolean", "integer"].includes(l.type) ? /* @__PURE__ */ e.jsxs(p, { className: "p-4", children: [
+        /* @__PURE__ */ e.jsxs("span", { className: "text-sm text-muted-foreground", children: [
+          l.type,
+          "[]"
+        ] }),
+        r.description && /* @__PURE__ */ e.jsx(
+          m,
+          {
+            className: x(
+              u,
+              "text-sm leading-normal line-clamp-4"
+            ),
+            content: r.description
+          }
+        )
+      ] }) : l.type === "object" ? /* @__PURE__ */ e.jsxs(p, { className: "flex flex-col gap-2 bg-border/30 p-4", children: [
+        /* @__PURE__ */ e.jsx("span", { className: "text-sm text-muted-foreground", children: "object[]" }),
+        i(l, a + 1)
+      ] }) : i(l, a + 1);
+    }
+    if (r.type === "object" && !r.properties)
+      return /* @__PURE__ */ e.jsxs(p, { className: "p-4 flex gap-2 items-center", children: [
+        "name" in r && /* @__PURE__ */ e.jsx(e.Fragment, { children: r.name }),
+        /* @__PURE__ */ e.jsx("span", { className: "text-sm text-muted-foreground", children: "object" }),
+        r.description && /* @__PURE__ */ e.jsx(
+          m,
+          {
+            className: x(
+              u,
+              "text-sm leading-normal line-clamp-4"
+            ),
+            content: r.description
+          }
+        )
+      ] });
+    if (r.properties) {
+      const l = w(
+        Object.entries(r.properties),
+        ([d, o]) => {
+          var c;
+          return o.deprecated ? "deprecated" : (c = r.required) != null && c.includes(d) ? "required" : "optional";
+        }
+      ), j = ["required", "optional", "deprecated"];
+      return /* @__PURE__ */ e.jsx(p, { className: "divide-y overflow-hidden", children: j.map(
+        (d) => l[d] && /* @__PURE__ */ e.jsx("ul", { className: "divide-y", children: l[d].map(([o, c]) => /* @__PURE__ */ e.jsx(
+          he,
+          {
+            name: o,
+            schema: c,
+            group: d,
+            level: a,
+            defaultOpen: n
+          },
+          o
+        )) }, d)
+      ) });
+    }
+    return typeof r.type == "string" && ["string", "number", "boolean", "integer", "null"].includes(r.type) ? /* @__PURE__ */ e.jsxs(p, { className: "p-4", children: [
+      /* @__PURE__ */ e.jsx("span", { className: "text-sm text-muted-foreground", children: r.type }),
+      r.description && /* @__PURE__ */ e.jsx(
+        m,
+        {
+          className: x(
+            u,
+            "text-sm leading-normal line-clamp-4"
+          ),
+          content: r.description
+        }
+      )
+    ] }) : r.additionalProperties ? /* @__PURE__ */ e.jsxs(p, { className: "my-2", children: [
+      /* @__PURE__ */ e.jsx(V, { children: /* @__PURE__ */ e.jsx(_, { children: "Additional Properties:" }) }),
+      /* @__PURE__ */ e.jsx(J, { children: i(
+        r.additionalProperties,
+        a + 1
+      ) })
+    ] }) : null;
+  };
+  return i(t, s);
+}, fe = ["path", "query", "header", "cookie"], ye = ({
+  operationFragment: t
+}) => {
+  var l, j, d;
+  const s = re(be, t), n = w(
+    s.parameters ?? [],
+    (o) => o.in
+  ), i = s.responses.at(0), [r, a] = f(i == null ? void 0 : i.statusCode);
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: "grid grid-cols-1 lg:grid-cols-[4fr_3fr] gap-8 items-start border-b-2 mb-16 pb-16",
+      children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4", children: [
+          /* @__PURE__ */ e.jsx(g, { level: 2, id: s.slug, registerSidebarAnchor: !0, children: s.summary }),
+          s.description && /* @__PURE__ */ e.jsx(
+            m,
+            {
+              className: `${u} max-w-full prose-img:max-w-prose`,
+              content: s.description
+            }
+          ),
+          s.parameters && s.parameters.length > 0 && /* @__PURE__ */ e.jsx(e.Fragment, { children: fe.flatMap(
+            (o) => {
+              var c;
+              return (c = n[o]) != null && c.length ? /* @__PURE__ */ e.jsx(
+                oe,
+                {
+                  id: s.slug,
+                  parameters: n[o],
+                  group: o
+                },
+                o
+              ) : [];
+            }
+          ) }),
+          ie((d = (j = (l = s.requestBody) == null ? void 0 : l.content) == null ? void 0 : j.at(0)) == null ? void 0 : d.schema, (o) => /* @__PURE__ */ e.jsxs("div", { className: "mt-4 flex flex-col gap-4", children: [
+            /* @__PURE__ */ e.jsx(
+              g,
+              {
+                level: 3,
+                className: "capitalize",
+                id: `${s.slug}/request-body`,
+                registerSidebarAnchor: !0,
+                children: "Request Body"
+              }
+            ),
+            /* @__PURE__ */ e.jsx(h, { schema: o })
+          ] })),
+          s.responses.length > 0 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+            /* @__PURE__ */ e.jsx(
+              g,
+              {
+                level: 3,
+                className: "capitalize mt-8 pt-8 border-t",
+                id: `${s.slug}/responses`,
+                registerSidebarAnchor: !0,
+                children: "Responses"
+              }
+            ),
+            /* @__PURE__ */ e.jsxs(
+              K,
+              {
+                onValueChange: (o) => a(o),
+                value: r,
+                children: [
+                  s.responses.length > 1 && /* @__PURE__ */ e.jsx(U, { children: s.responses.map((o) => /* @__PURE__ */ e.jsx(
+                    W,
+                    {
+                      value: o.statusCode,
+                      title: o.description,
+                      children: o.statusCode
+                    },
+                    o.statusCode
+                  )) }),
+                  /* @__PURE__ */ e.jsx("ul", { className: "list-none m-0 px-0", children: s.responses.map((o) => {
+                    var c, v;
+                    return /* @__PURE__ */ e.jsx(
+                      Z,
+                      {
+                        value: o.statusCode,
+                        children: /* @__PURE__ */ e.jsx(
+                          h,
+                          {
+                            schema: (v = (c = o.content) == null ? void 0 : c.find((A) => A.schema)) == null ? void 0 : v.schema
+                          }
+                        )
+                      },
+                      o.statusCode
+                    );
+                  }) })
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ e.jsx(
+          X,
+          {
+            selectedResponse: r,
+            onSelectResponse: a,
+            operation: s
+          }
+        )
+      ]
+    },
+    s.operationId
+  );
+}, be = q(
+  /* GraphQL */
+  `
+  fragment OperationsFragment on OperationItem {
+    slug
+    summary
+    method
+    description
+    operationId
+    contentTypes
+    path
+    parameters {
+      name
+      in
+      description
+      required
+      schema
+      style
+      examples {
+        name
+        description
+        externalValue
+        value
+        summary
+      }
+    }
+    requestBody {
+      content {
+        mediaType
+        encoding {
+          name
+        }
+        schema
+      }
+      description
+      required
+    }
+    responses {
+      statusCode
+      links
+      description
+      content {
+        mediaType
+        encoding {
+          name
+        }
+        schema
+      }
+    }
+  }
+`
+), Ne = q(
+  /* GraphQL */
+  `
+  query AllOperations($input: JSON!, $type: SchemaType!) {
+    schema(input: $input, type: $type) {
+      description
+      title
+      url
+      version
+      tags {
+        name
+        description
+        operations {
+          slug
+          ...OperationsFragment
+        }
+      }
+    }
+  }
+`
+), Ce = { suspense: !0 }, Re = () => {
+  var r;
+  const { type: t, input: s } = Y(), [n] = se({
+    query: Ne,
+    variables: { type: t, input: s },
+    context: Ce
+  }), i = (r = n.error) == null ? void 0 : r.graphQLErrors.at(0);
+  return i ? /* @__PURE__ */ e.jsx(
+    L,
+    {
+      category: "Error",
+      title: "Schema cannot be displayed",
+      message: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsxs(T, { className: "mb-4", children: [
+          "Check your configuration value ",
+          /* @__PURE__ */ e.jsx(y, { children: "apis.type" }),
+          " ",
+          "and ",
+          /* @__PURE__ */ e.jsx(y, { children: "apis.input" }),
+          " in the Zudoku config."
+        ] }),
+        "An error occurred while trying to fetch the API reference:",
+        /* @__PURE__ */ e.jsx(k, { code: i.toString(), language: "plain" })
+      ] })
+    }
+  ) : n.data ? /* @__PURE__ */ e.jsxs("div", { className: "pt-[--padding-content-top]", children: [
+    /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: x(u, "mb-16 max-w-full prose-img:max-w-prose"),
+        children: [
+          /* @__PURE__ */ e.jsx(S, { children: "Overview" }),
+          /* @__PURE__ */ e.jsx(g, { level: 1, id: "description", registerSidebarAnchor: !0, children: n.data.schema.title }),
+          /* @__PURE__ */ e.jsx(m, { content: n.data.schema.description ?? "" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsx("hr", {}),
+    /* @__PURE__ */ e.jsx(ne, { url: n.data.schema.url }),
+    n.data.schema.tags.filter((a) => a.operations.length > 0).map((a) => /* @__PURE__ */ e.jsxs("div", { children: [
+      a.name && /* @__PURE__ */ e.jsx(S, { children: a.name }),
+      a.description && /* @__PURE__ */ e.jsx(
+        m,
+        {
+          className: `${u} max-w-full prose-img:max-w-prose w-full mt-2 mb-12`,
+          content: a.description
+        }
+      ),
+      /* @__PURE__ */ e.jsx("div", { className: "operation mb-12", children: /* @__PURE__ */ e.jsx(ee, { children: a.operations.map((l) => /* @__PURE__ */ e.jsx(
+        ye,
+        {
+          operationFragment: l
+        },
+        l.slug
+      )) }) })
+    ] }, a.name))
+  ] }) : null;
+};
+export {
+  Re as OperationList,
+  be as OperationsFragment
+};
+//# sourceMappingURL=OperationList-2NeWEM0u.js.map