zudoku 0.3.1-dev.5 → 0.3.1-dev.6

package/lib/OperationList-CJajXSzC.js

@@ -0,0 +1,595 @@
+import { j as e } from "./jsx-runtime-B6kdoens.js";
+import { C as S } from "./CategoryHeading-z15xh7Jb.js";
+import { D as I } from "./DeveloperHint-BQSFXH01.js";
+import { C as T, a as d, b as R, c as z, d as F, T as H, e as E, f as $, g as D, S as B, h as M, u as G, E as Q } from "./index-B6zugCnN.js";
+import { c as j, h as p, H as y, a as m, P as g, I as w, S as V } from "./Markdown-CEccPMI_.js";
+import { useState as b, useCallback as _ } from "react";
+import { R as O, T as v, C as k, a as J } from "./index-Dz4LyXZI.js";
+import { u as K } from "./urql-DrBfkb92.js";
+import { B as U } from "./Combination-DTfV-c98.js";
+import { j as Z } from "./Input-CzXNm7xb.js";
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const W = j("CircleDot", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }]
+]);
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const X = j("CircleFadingPlus", [
+  ["path", { d: "M12 2a10 10 0 0 1 7.38 16.75", key: "175t95" }],
+  ["path", { d: "M12 8v8", key: "napkw2" }],
+  ["path", { d: "M16 12H8", key: "1fr5h0" }],
+  ["path", { d: "M2.5 8.875a10 10 0 0 0-.5 3", key: "1vce0s" }],
+  ["path", { d: "M2.83 16a10 10 0 0 0 2.43 3.4", key: "o3fkw4" }],
+  ["path", { d: "M4.636 5.235a10 10 0 0 1 .891-.857", key: "1szpfk" }],
+  ["path", { d: "M8.644 21.42a10 10 0 0 0 7.631-.38", key: "9yhvd4" }]
+]);
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Y = j("Circle", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
+]);
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ee = j("ListPlus", [
+  ["path", { d: "M11 12H3", key: "51ecnj" }],
+  ["path", { d: "M16 6H3", key: "1wxfjs" }],
+  ["path", { d: "M16 18H3", key: "12xzn7" }],
+  ["path", { d: "M18 9v6", key: "1twb98" }],
+  ["path", { d: "M21 12h-6", key: "bt1uis" }]
+]);
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const se = j("SquareMinus", [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M8 12h8", key: "1wcyev" }]
+]);
+/**
+ * @license lucide-react v0.378.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const te = j("SquarePlus", [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M8 12h8", key: "1wcyev" }],
+  ["path", { d: "M12 8v8", key: "napkw2" }]
+]);
+function re(t, s) {
+  return s;
+}
+const q = (t, s) => t.reduce(
+  (n, a) => {
+    const r = s(a);
+    return n[r] || (n[r] = []), n[r].push(a), n;
+  },
+  {}
+), ne = (t, s) => t ? s(t) : void 0, P = (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(
+      T,
+      {
+        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" }),
+    P(t).type && /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: P(t).type })
+  ] }),
+  t.description && /* @__PURE__ */ e.jsx(
+    p,
+    {
+      content: t.description,
+      className: "text-sm prose-p:my-1"
+    }
+  )
+] }), ie = ({
+  group: t,
+  parameters: s,
+  id: n
+}) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  /* @__PURE__ */ e.jsx(y, { level: 3, id: `${n}/${t}-parameters`, className: "capitalize", children: t === "header" ? "Headers" : `${t} Parameters` }),
+  /* @__PURE__ */ e.jsx(d, { children: /* @__PURE__ */ e.jsx("ul", { className: "list-none m-0 px-0 divide-y ", children: s.sort((a, r) => a.required === r.required ? 0 : a.required ? -1 : 1).map((a) => /* @__PURE__ */ e.jsx(
+    ae,
+    {
+      parameter: a,
+      id: n,
+      group: t
+    },
+    `${a.name}-${a.in}`
+  )) }) })
+] }), oe = (t) => Object.entries(t), le = {
+  AND: /* @__PURE__ */ e.jsx(X, { size: 16, className: "fill-card" }),
+  OR: /* @__PURE__ */ e.jsx(W, { size: 16, className: "fill-card" }),
+  ONE: /* @__PURE__ */ e.jsx(Y, { size: 14, className: "fill-card" })
+}, ce = {
+  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"
+}, de = ({
+  type: t,
+  isOpen: s,
+  className: n
+}) => /* @__PURE__ */ e.jsx(
+  "div",
+  {
+    className: m(
+      ce[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: [
+      le[t],
+      /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: m(
+            "translate-y-px mx-px opacity-0 group-hover:opacity-100 transition",
+            !s && "-rotate-90"
+          ),
+          children: /* @__PURE__ */ e.jsx(Z, { size: 16 })
+        }
+      )
+    ] })
+  }
+), pe = (t) => {
+  const [s, n] = b(!0);
+  return /* @__PURE__ */ e.jsxs(
+    O,
+    {
+      open: s,
+      onOpenChange: () => n((a) => !a),
+      className: "group",
+      children: [
+        /* @__PURE__ */ e.jsx(v, { children: /* @__PURE__ */ e.jsx(de, { type: t.type, isOpen: s }) }),
+        !s && /* @__PURE__ */ e.jsx("div", { className: "wavy-line bg-border translate-y-1" }),
+        /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */ e.jsx(f, { schema: t.schema, level: t.level + 1 }) })
+      ]
+    }
+  );
+}, me = {
+  AND: "All of",
+  OR: "Any of",
+  ONE: "One of"
+}, xe = ({
+  schemas: t,
+  type: s,
+  isOpen: n,
+  level: a,
+  toggleOpen: r
+}) => /* @__PURE__ */ e.jsx(O, { open: n, onOpenChange: r, asChild: !0, children: /* @__PURE__ */ e.jsxs(d, { className: "px-6", children: [
+  /* @__PURE__ */ e.jsxs(v, { className: "flex gap-2 items-center py-2 w-full text-sm text-muted-foreground -translate-x-1.5", children: [
+    n ? /* @__PURE__ */ e.jsx(se, { size: 14 }) : /* @__PURE__ */ e.jsx(te, { size: 14 }),
+    /* @__PURE__ */ e.jsx("span", { children: me[s] })
+  ] }),
+  /* @__PURE__ */ e.jsx(k, { className: "pb-4", children: t.map((i, l) => (
+    // eslint-disable-next-line react/no-array-index-key
+    /* @__PURE__ */ e.jsx(
+      pe,
+      {
+        type: s,
+        schema: i,
+        level: a
+      },
+      l
+    )
+  )) })
+] }) }), ue = (t) => t.type === "object" || t.type === "array" && typeof t.items == "object" && (!t.items.type || t.items.type === "object"), N = (t) => !!(t.oneOf ?? t.allOf ?? t.anyOf), he = {
+  allOf: "AND",
+  anyOf: "OR",
+  oneOf: "ONE"
+}, L = ({
+  schema: t,
+  level: s
+}) => {
+  const [n, a] = b(!0), r = _(() => a((i) => !i), []);
+  for (const [i, l] of oe(he))
+    if (t[i])
+      return /* @__PURE__ */ e.jsx(
+        xe,
+        {
+          schemas: t[i],
+          type: l,
+          isOpen: n,
+          toggleOpen: r,
+          level: s
+        }
+      );
+}, je = ({
+  name: t,
+  schema: s,
+  group: n,
+  level: a,
+  defaultOpen: r = !1,
+  showCollapseButton: i = !0
+}) => {
+  var u;
+  const [l, x] = b(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" && ((u = s.items) != null && u.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(
+      p,
+      {
+        className: m(g, "text-sm leading-normal line-clamp-4"),
+        content: s.description
+      }
+    ),
+    (N(s) || ue(s)) && /* @__PURE__ */ e.jsxs(
+      O,
+      {
+        defaultOpen: r,
+        open: l,
+        onOpenChange: () => x(!l),
+        children: [
+          i && /* @__PURE__ */ e.jsx(v, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+            U,
+            {
+              variant: "outline",
+              size: "sm",
+              className: "mt-2 flex gap-1.5",
+              children: [
+                /* @__PURE__ */ e.jsx(ee, { size: 18 }),
+                l ? "Hide nested properties" : "Show nested properties"
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ e.jsx(k, { children: /* @__PURE__ */ e.jsx("div", { className: "mt-2", children: N(s) ? /* @__PURE__ */ e.jsx(L, { schema: s, level: a + 1 }) : s.type === "object" ? /* @__PURE__ */ e.jsx(f, { schema: s, level: a + 1 }) : s.type === "array" && typeof s.items == "object" && /* @__PURE__ */ e.jsx(f, { schema: s.items, level: a + 1 }) }) })
+        ]
+      }
+    )
+  ] }) });
+}, f = ({
+  schema: t,
+  level: s = 0,
+  defaultOpen: n = !1
+}) => {
+  if (!t || Object.keys(t).length === 0)
+    return /* @__PURE__ */ e.jsx(d, { className: "p-4", children: /* @__PURE__ */ e.jsx("span", { className: "text-sm text-muted-foreground italic", children: "No response specified" }) });
+  const a = (r, i) => {
+    if (r.oneOf || r.allOf || r.anyOf)
+      return /* @__PURE__ */ e.jsx(L, { schema: r, level: i });
+    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(d, { className: "p-4", children: [
+        /* @__PURE__ */ e.jsxs("span", { className: "text-sm text-muted-foreground", children: [
+          l.type,
+          "[]"
+        ] }),
+        r.description && /* @__PURE__ */ e.jsx(
+          p,
+          {
+            className: m(
+              g,
+              "text-sm leading-normal line-clamp-4"
+            ),
+            content: r.description
+          }
+        )
+      ] }) : l.type === "object" || N(l) ? /* @__PURE__ */ e.jsxs(d, { className: "flex flex-col gap-2 bg-border/30 p-4", children: [
+        /* @__PURE__ */ e.jsx("span", { className: "text-sm text-muted-foreground", children: "object[]" }),
+        a(l, i + 1)
+      ] }) : a(l, i + 1);
+    }
+    if (r.type === "object" && !r.properties)
+      return /* @__PURE__ */ e.jsxs(d, { 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(
+          p,
+          {
+            className: m(
+              g,
+              "text-sm leading-normal line-clamp-4"
+            ),
+            content: r.description
+          }
+        )
+      ] });
+    if (r.properties) {
+      const l = q(
+        Object.entries(r.properties),
+        ([o, c]) => {
+          var h;
+          return c.deprecated ? "deprecated" : (h = r.required) != null && h.includes(o) ? "required" : "optional";
+        }
+      ), x = i === 0 && Object.keys(l).length === 1, u = ["required", "optional", "deprecated"];
+      return /* @__PURE__ */ e.jsx(d, { className: "divide-y overflow-hidden", children: u.map(
+        (o) => l[o] && /* @__PURE__ */ e.jsx("ul", { className: "divide-y", children: l[o].map(([c, h]) => /* @__PURE__ */ e.jsx(
+          je,
+          {
+            name: c,
+            schema: h,
+            group: o,
+            level: i,
+            defaultOpen: x || n,
+            showCollapseButton: !x
+          },
+          c
+        )) }, o)
+      ) });
+    }
+    return typeof r.type == "string" && ["string", "number", "boolean", "integer", "null"].includes(r.type) ? /* @__PURE__ */ e.jsxs(d, { className: "p-4", children: [
+      /* @__PURE__ */ e.jsx("span", { className: "text-sm text-muted-foreground", children: r.type }),
+      r.description && /* @__PURE__ */ e.jsx(
+        p,
+        {
+          className: m(
+            g,
+            "text-sm leading-normal line-clamp-4"
+          ),
+          content: r.description
+        }
+      )
+    ] }) : r.additionalProperties ? /* @__PURE__ */ e.jsxs(d, { className: "my-2", children: [
+      /* @__PURE__ */ e.jsx(R, { children: /* @__PURE__ */ e.jsx(z, { children: "Additional Properties:" }) }),
+      /* @__PURE__ */ e.jsx(F, { children: a(
+        r.additionalProperties,
+        i + 1
+      ) })
+    ] }) : null;
+  };
+  return a(t, s);
+}, C = m(
+  g,
+  "max-w-full prose-img:max-w-prose"
+), ye = ["path", "query", "header", "cookie"], ge = ({
+  operationFragment: t
+}) => {
+  var l, x, u;
+  const s = re(fe, t), n = q(
+    s.parameters ?? [],
+    (o) => o.in
+  ), a = s.responses.at(0), [r, i] = b(a == null ? void 0 : a.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(y, { level: 2, id: s.slug, registerSidebarAnchor: !0, children: s.summary }),
+          s.description && /* @__PURE__ */ e.jsx(
+            p,
+            {
+              className: C,
+              content: s.description
+            }
+          ),
+          s.parameters && s.parameters.length > 0 && /* @__PURE__ */ e.jsx(e.Fragment, { children: ye.flatMap(
+            (o) => {
+              var c;
+              return (c = n[o]) != null && c.length ? /* @__PURE__ */ e.jsx(
+                ie,
+                {
+                  id: s.slug,
+                  parameters: n[o],
+                  group: o
+                },
+                o
+              ) : [];
+            }
+          ) }),
+          ne((u = (x = (l = s.requestBody) == null ? void 0 : l.content) == null ? void 0 : x.at(0)) == null ? void 0 : u.schema, (o) => /* @__PURE__ */ e.jsxs("div", { className: "mt-4 flex flex-col gap-4", children: [
+            /* @__PURE__ */ e.jsx(y, { level: 3, className: "capitalize", children: "Request Body" }),
+            /* @__PURE__ */ e.jsx(f, { schema: o })
+          ] })),
+          s.responses.length > 0 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+            /* @__PURE__ */ e.jsx(y, { level: 3, className: "capitalize mt-8 pt-8 border-t", children: "Responses" }),
+            /* @__PURE__ */ e.jsxs(
+              H,
+              {
+                onValueChange: (o) => i(o),
+                value: r,
+                children: [
+                  s.responses.length > 1 && /* @__PURE__ */ e.jsx(E, { children: s.responses.map((o) => /* @__PURE__ */ e.jsx(
+                    $,
+                    {
+                      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, h;
+                    return /* @__PURE__ */ e.jsx(
+                      D,
+                      {
+                        value: o.statusCode,
+                        children: /* @__PURE__ */ e.jsx(
+                          f,
+                          {
+                            schema: (h = (c = o.content) == null ? void 0 : c.find((A) => A.schema)) == null ? void 0 : h.schema
+                          }
+                        )
+                      },
+                      o.statusCode
+                    );
+                  }) })
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ e.jsx(
+          B,
+          {
+            selectedResponse: r,
+            onSelectResponse: i,
+            operation: s
+          }
+        )
+      ]
+    },
+    s.operationId
+  );
+}, fe = M(
+  /* 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
+      }
+    }
+  }
+`
+), be = M(
+  /* GraphQL */
+  `
+  query AllOperations($input: JSON!, $type: SchemaType!) {
+    schema(input: $input, type: $type) {
+      description
+      title
+      url
+      version
+      tags {
+        name
+        description
+        operations {
+          slug
+          ...OperationsFragment
+        }
+      }
+    }
+  }
+`
+), Ne = { suspense: !0 }, Ae = () => {
+  var r;
+  const { type: t, input: s } = G(), [n] = K({
+    query: be,
+    variables: { type: t, input: s },
+    context: Ne
+  }), a = (r = n.error) == null ? void 0 : r.graphQLErrors.at(0);
+  return a ? /* @__PURE__ */ e.jsx(
+    Q,
+    {
+      category: "Error",
+      title: "Schema cannot be displayed",
+      message: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsxs(I, { className: "mb-4", children: [
+          "Check your configuration value ",
+          /* @__PURE__ */ e.jsx(w, { children: "apis.type" }),
+          " ",
+          "and ",
+          /* @__PURE__ */ e.jsx(w, { children: "apis.input" }),
+          " in the Zudoku config."
+        ] }),
+        "An error occurred while trying to fetch the API reference:",
+        /* @__PURE__ */ e.jsx(V, { code: a.toString(), language: "plain" })
+      ] })
+    }
+  ) : n.data ? /* @__PURE__ */ e.jsxs("div", { className: "pt-[--padding-content-top]", children: [
+    /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: m(
+          C,
+          "mb-16 max-w-full prose-img:max-w-prose"
+        ),
+        children: [
+          /* @__PURE__ */ e.jsx(S, { children: "Overview" }),
+          /* @__PURE__ */ e.jsx(y, { level: 1, id: "description", registerSidebarAnchor: !0, children: n.data.schema.title }),
+          /* @__PURE__ */ e.jsx(p, { content: n.data.schema.description ?? "" })
+        ]
+      }
+    ),
+    n.data.schema.tags.filter((i) => i.operations.length > 0).map((i) => /* @__PURE__ */ e.jsxs("div", { children: [
+      i.name && /* @__PURE__ */ e.jsx(S, { children: i.name }),
+      i.description && /* @__PURE__ */ e.jsx(
+        p,
+        {
+          className: `${C} mt-2 mb-12`,
+          content: i.description
+        }
+      ),
+      /* @__PURE__ */ e.jsx("div", { className: "operation mb-12", children: /* @__PURE__ */ e.jsx(J, { children: i.operations.map((l) => /* @__PURE__ */ e.jsx(
+        ge,
+        {
+          operationFragment: l
+        },
+        l.slug
+      )) }) })
+    ] }, i.name))
+  ] }) : null;
+};
+export {
+  Ae as OperationList,
+  fe as OperationsFragment
+};
+//# sourceMappingURL=OperationList-CJajXSzC.js.map