zudoku 0.23.2 → 0.23.4

package/lib/zudoku.components.js

@@ -20,8 +20,8 @@ import { E as ze, S as D, a as xt, R as yt } from "./SlotletProvider-pfc9oejW.js
 import { j as n } from "./jsx-runtime-Dx-03ztt.js";
 import { Button as vt } from "./ui/Button.js";
 import { Callout as bt } from "./ui/Callout.js";
-import { S as He, l as Le, Q as jt, n as w, m as we, o as ke, p as O, q as wt, r as kt, t as Ct, v as Nt, w as Ce, x as Ne, y as Pt, h as Pe, z as Se, A as St, d as Dt, B as Ke, C as Ot, j as q, u as T, D as $e, E as Mt, g as At, Z as Et } from "./utils-R0j3Raw1.js";
-import { M as It, u as te } from "./hook-DMHiUaIV.js";
+import { S as He, l as Le, Q as jt, n as w, m as we, o as ke, p as O, q as wt, r as kt, t as Ct, v as Nt, w as Ce, x as Ne, y as Pt, h as Pe, z as Se, A as St, e as Dt, B as Ke, C as Ot, j as q, a as T, D as $e, E as Mt, u as At, Z as Et } from "./utils-B4O1uet5.js";
+import { M as It, u as te } from "./hook-DgGeo5iL.js";
 import * as $ from "react";
 import Qt, { StrictMode as Ze, useState as Q, useEffect as R, useRef as me, useCallback as Tt, Suspense as ge, memo as Ve, forwardRef as qt, createContext as Ue, Component as Rt, createElement as De, useMemo as se, useContext as Ft, Fragment as Bt } from "react";
 import * as zt from "react-dom";

package/lib/zudoku.openapi-worker.js

@@ -2,7 +2,7 @@ const o = () => {
   const r = new SharedWorker(
     new URL(
       /* @vite-ignore */
-      "./assets/worker-BmEAZjUP.js",
+      "./assets/worker-D2kRl-cG.js",
       import.meta.url
     ),
     { type: "module" }

package/lib/zudoku.plugin-api-catalog.js

@@ -1,114 +1,116 @@
 import { j as e } from "./jsx-runtime-Dx-03ztt.js";
-import { s as n } from "./index-LNp6rxyU.js";
-import { Fragment as x } from "react";
-import { Head as f, Link as h } from "./zudoku.components.js";
-import { M as u } from "./Markdown-CZDLNOFc.js";
-import { u as j } from "./useExposedProps-DE9lR6MF.js";
-const b = ({
-  items: l,
-  categories: i,
-  label: o = "API Library"
+import { s as j } from "./index-LNp6rxyU.js";
+import { u as b } from "./utils-B4O1uet5.js";
+import { b as y } from "./chunk-D52XG6IA-Dl7HLe6j.js";
+import { Head as v, Link as N } from "./zudoku.components.js";
+import { u as w } from "./state-CFQsUZUP.js";
+import { M as C } from "./Markdown-CZDLNOFc.js";
+import { c as h } from "./cn-qaFjX9_3.js";
+const f = (r, n) => j(`${r}-${n}`), k = ({
+  items: r,
+  filterCatalogItems: n = (l) => l,
+  categories: o,
+  label: c = "API Library"
 }) => {
-  const { searchParams: c, setSearchParams: m } = j(), t = c.get("category");
+  const [l, p] = y(), a = l.get("category"), x = w(), g = b({
+    queryFn: () => n(r, { auth: x }),
+    queryKey: ["catalogItems", x]
+  });
   return /* @__PURE__ */ e.jsxs("section", { className: "pt-[--padding-content-top] pb-[--padding-content-bottom]", children: [
-    /* @__PURE__ */ e.jsx(f, { children: /* @__PURE__ */ e.jsx("title", { children: o }) }),
+    /* @__PURE__ */ e.jsx(v, { children: /* @__PURE__ */ e.jsx("title", { children: c }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-12 gap-12", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-4 col-span-3 px-4 not-prose sticky top-48", children: /* @__PURE__ */ e.jsx("div", { className: "justify-between", children: i.map((s, a) => /* @__PURE__ */ e.jsxs(x, { children: [
+      /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-4 col-span-3 not-prose sticky top-48", children: /* @__PURE__ */ e.jsx("div", { className: "max-w-[--side-nav-width] flex flex-col gap-4 justify-between", children: o == null ? void 0 : o.map((s, d) => /* @__PURE__ */ e.jsxs("div", { children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between mb-2.5", children: [
           /* @__PURE__ */ e.jsx("span", { className: "font-medium text-sm", children: s.label }),
-          a === 0 && t && /* @__PURE__ */ e.jsx(
+          d === 0 && a && /* @__PURE__ */ e.jsx(
             "button",
             {
               type: "button",
-              className: "text-end text-sm mr-8 text-foreground/60 hover:text-foreground",
-              onClick: () => m({}),
+              className: "text-end text-sm text-foreground/60 hover:text-foreground",
+              onClick: () => p({}),
               children: "Clear"
             }
           )
         ] }),
-        /* @__PURE__ */ e.jsx("ul", { className: "space-y-1 [&>li]:py-2", children: Array.from(
-          new Set(
-            s.tags.map((r) => ({
-              tag: r,
-              count: l.filter(
-                (d) => d.categories.find((p) => p.tags.includes(r))
-              ).length
-            })).map(({ tag: r, count: d }) => /* @__PURE__ */ e.jsxs(
-              "li",
-              {
-                className: `flex px-4 rounded-lg -translate-x-4 justify-between text-sm cursor-pointer hover:text-primary transition ${n(r) === t ? "font-medium bg-border/30 rounded" : ""}`,
-                onClick: () => m({
-                  category: n(s.label + " " + r)
-                }),
-                children: [
-                  /* @__PURE__ */ e.jsx("span", { children: r }),
-                  /* @__PURE__ */ e.jsx(
-                    "span",
-                    {
-                      className: `flex items-center justify-center border rounded-md w-8 text-xs font-semibold ${n(r) === t ? "bg-primary border-primary text-primary-foreground" : ""}`,
-                      children: d
-                    }
-                  )
-                ]
-              },
-              n(s.label + " " + r)
-            ))
-          )
-        ) })
+        /* @__PURE__ */ e.jsx("ul", { className: "space-y-1 [&>li]:py-2", children: s.tags.map((t) => ({
+          tag: t,
+          count: r.filter(
+            (m) => m.categories.find((i) => i.tags.includes(t))
+          ).length
+        })).map(({ tag: t, count: m }) => {
+          const i = f(s.label, t), u = i === a;
+          return /* @__PURE__ */ e.jsxs(
+            "li",
+            {
+              className: h(
+                "flex rounded-lg justify-between text-sm cursor-pointer hover:text-primary transition px-[--padding-nav-item] -mx-[--padding-nav-item]",
+                u && "bg-border/30 rounded"
+              ),
+              onClick: () => p({ category: i }),
+              children: [
+                /* @__PURE__ */ e.jsx("span", { children: t }),
+                /* @__PURE__ */ e.jsx(
+                  "span",
+                  {
+                    className: h(
+                      "flex items-center justify-center border rounded-md w-8 text-xs font-semibold",
+                      u && "bg-primary border-primary text-primary-foreground"
+                    ),
+                    children: m
+                  }
+                )
+              ]
+            },
+            i
+          );
+        }) })
       ] }, s.label)) }) }),
       /* @__PURE__ */ e.jsxs("div", { className: "col-span-9", children: [
-        /* @__PURE__ */ e.jsx("h3", { className: "mt-0 text-2xl font-bold mb-4", children: o }),
-        /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-2 gap-4", children: l.filter(
-          (s) => !t || s.categories.find(
-            (a) => a.tags.find(
-              (r) => n(a.label + " " + r) === t
-            )
+        /* @__PURE__ */ e.jsx("h3", { className: "mt-0 text-2xl font-bold mb-4", children: c }),
+        /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-2 gap-4", children: g.data.filter(
+          (s) => !a || s.categories.find(
+            (d) => d.tags.find((t) => f(d.label, t) === a)
           )
-        ).map((s, a) => /* @__PURE__ */ e.jsx(
-          h,
+        ).map((s) => /* @__PURE__ */ e.jsx(
+          N,
           {
             to: {
               pathname: `/${s.path}`,
-              search: t ? `category=${t}` : ""
+              search: a ? `category=${a}` : ""
             },
             className: "no-underline hover:!text-foreground",
-            children: /* @__PURE__ */ e.jsxs(
-              "div",
-              {
-                className: "border h-full rounded p-4 flex flex-col gap-2 cursor-pointer hover:bg-border/20 font-normal",
-                children: [
-                  /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: s.label }),
-                  /* @__PURE__ */ e.jsx(
-                    u,
-                    {
-                      className: "text-sm whitespace-pre-wrap mb-6 line-clamp-2",
-                      content: s.description
-                    }
-                  )
-                ]
-              },
-              a
-            )
+            children: /* @__PURE__ */ e.jsxs("div", { className: "border h-full rounded p-4 flex flex-col gap-2 cursor-pointer hover:bg-border/20 font-normal", children: [
+              /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: s.label }),
+              /* @__PURE__ */ e.jsx(
+                C,
+                {
+                  className: "text-sm whitespace-pre-wrap mb-6 line-clamp-2",
+                  content: s.description
+                }
+              )
+            ] })
           },
           s.path
         )) })
       ] })
     ] })
   ] });
-}, k = ({
-  navigationId: l,
-  items: i,
+}, M = ({
+  navigationId: r,
+  items: n,
   label: o,
-  categories: c
+  categories: c,
+  filterCatalogItems: l
 }) => ({
   getRoutes: () => [
     {
-      path: l,
+      path: r,
       element: /* @__PURE__ */ e.jsx(
-        b,
+        k,
         {
           label: o,
-          items: i,
+          items: n,
+          filterCatalogItems: l,
           categories: c ?? []
         }
       )
@@ -116,6 +118,6 @@ const b = ({
   ]
 });
 export {
-  k as apiCatalogPlugin
+  M as apiCatalogPlugin
 };
 //# sourceMappingURL=zudoku.plugin-api-catalog.js.map

package/lib/zudoku.plugin-api-catalog.js.map

@@ -1 +1 @@
-{"version":3,"file":"zudoku.plugin-api-catalog.js","sources":["../src/lib/plugins/api-catalog/Catalog.tsx","../src/lib/plugins/api-catalog/index.tsx"],"sourcesContent":["import slugify from \"@sindresorhus/slugify\";\nimport { Fragment } from \"react\";\nimport { Head, Link } from \"zudoku/components\";\nimport { Markdown } from \"../../components/Markdown.js\";\nimport { useExposedProps } from \"../../util/useExposedProps.js\";\nimport type { ApiCatalogItem, CatalogCategory } from \"./index.js\";\n\nexport const Catalog = ({\n  items,\n  categories,\n  label = \"API Library\",\n}: {\n  label: string;\n  items: ApiCatalogItem[];\n  categories: CatalogCategory[];\n}) => {\n  const { searchParams, setSearchParams } = useExposedProps();\n  const activeCategory = searchParams.get(\"category\");\n  return (\n    <section className=\"pt-[--padding-content-top] pb-[--padding-content-bottom]\">\n      <Head>\n        <title>{label}</title>\n      </Head>\n      <div className=\"grid grid-cols-12 gap-12\">\n        <div className=\"flex flex-col gap-4 col-span-3 px-4 not-prose sticky top-48\">\n          <div className=\"justify-between\">\n            {categories.map((category, idx) => (\n              <Fragment key={category.label}>\n                <div className=\"flex justify-between mb-2.5\">\n                  <span className=\"font-medium text-sm\">{category.label}</span>\n                  {idx === 0 && activeCategory && (\n                    <button\n                      type=\"button\"\n                      className=\"text-end text-sm mr-8 text-foreground/60 hover:text-foreground\"\n                      onClick={() => setSearchParams({})}\n                    >\n                      Clear\n                    </button>\n                  )}\n                </div>\n                <ul className=\"space-y-1 [&>li]:py-2\">\n                  {Array.from(\n                    new Set(\n                      category.tags\n                        .map((tag) => ({\n                          tag,\n                          count: items.filter((api) =>\n                            api.categories.find((c) => c.tags.includes(tag)),\n                          ).length,\n                        }))\n                        .map(({ tag, count }) => (\n                          <li\n                            key={slugify(category.label + \" \" + tag)}\n                            className={`flex px-4 rounded-lg -translate-x-4 justify-between text-sm cursor-pointer hover:text-primary transition ${\n                              slugify(tag) === activeCategory\n                                ? \"font-medium bg-border/30 rounded\"\n                                : \"\"\n                            }`}\n                            onClick={() =>\n                              setSearchParams({\n                                category: slugify(category.label + \" \" + tag),\n                              })\n                            }\n                          >\n                            <span>{tag}</span>\n                            <span\n                              className={`flex items-center justify-center border rounded-md w-8 text-xs font-semibold ${\n                                slugify(tag) === activeCategory\n                                  ? \"bg-primary border-primary text-primary-foreground\"\n                                  : \"\"\n                              }`}\n                            >\n                              {count}\n                            </span>\n                          </li>\n                        )),\n                    ),\n                  )}\n                </ul>\n              </Fragment>\n            ))}\n          </div>\n        </div>\n        <div className=\"col-span-9\">\n          <h3 className=\"mt-0 text-2xl font-bold mb-4\">{label}</h3>\n\n          <div className=\"grid grid-cols-2 gap-4\">\n            {items\n              .filter(\n                (api) =>\n                  !activeCategory ||\n                  api.categories.find((c) =>\n                    c.tags.find(\n                      (t) => slugify(c.label + \" \" + t) === activeCategory,\n                    ),\n                  ),\n              )\n              .map((api, i) => (\n                <Link\n                  to={{\n                    pathname: `/${api.path}`,\n                    search: activeCategory ? `category=${activeCategory}` : \"\",\n                  }}\n                  className=\"no-underline hover:!text-foreground\"\n                  key={api.path}\n                >\n                  <div\n                    className=\"border h-full rounded p-4 flex flex-col gap-2 cursor-pointer hover:bg-border/20 font-normal\"\n                    key={i}\n                  >\n                    <span className=\"font-semibold\">{api.label}</span>\n                    <Markdown\n                      className=\"text-sm whitespace-pre-wrap mb-6 line-clamp-2\"\n                      content={api.description}\n                    />\n                  </div>\n                </Link>\n              ))}\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n","import type { ZudokuPlugin } from \"../../core/plugins.js\";\nimport { Catalog } from \"./Catalog.js\";\n\nexport type ApiCatalogItem = {\n  path: string;\n  label: string;\n  description: string;\n  categories: CatalogCategory[];\n};\n\nexport type CatalogCategory = {\n  label: string;\n  tags: string[];\n};\n\nexport type ApiCatalogPluginOptions = {\n  navigationId: string;\n  label: string;\n  categories?: CatalogCategory[];\n  items: ApiCatalogItem[];\n};\n\nexport const apiCatalogPlugin = ({\n  navigationId,\n  items,\n  label,\n  categories,\n}: {\n  navigationId: string;\n  label: string;\n  categories?: CatalogCategory[];\n  items: ApiCatalogItem[];\n}): ZudokuPlugin => {\n  return {\n    getRoutes: () => {\n      return [\n        {\n          path: navigationId,\n          element: (\n            <Catalog\n              label={label}\n              items={items}\n              categories={categories ?? []}\n            />\n          ),\n        },\n      ];\n    },\n  };\n};\n"],"names":["Catalog","items","categories","label","searchParams","setSearchParams","useExposedProps","activeCategory","jsxs","jsx","Head","category","idx","Fragment","tag","api","c","count","slugify","t","i","Link","Markdown","apiCatalogPlugin","navigationId"],"mappings":"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"}
+{"version":3,"file":"zudoku.plugin-api-catalog.js","sources":["../src/lib/plugins/api-catalog/Catalog.tsx","../src/lib/plugins/api-catalog/index.tsx"],"sourcesContent":["import slugify from \"@sindresorhus/slugify\";\nimport { useSuspenseQuery } from \"@tanstack/react-query\";\nimport { useSearchParams } from \"react-router\";\nimport { Head, Link } from \"zudoku/components\";\nimport { useAuthState } from \"../../authentication/state.js\";\nimport { Markdown } from \"../../components/Markdown.js\";\nimport { cn } from \"../../util/cn.js\";\nimport type { ApiCatalogPluginOptions } from \"./index.js\";\n\nconst getKey = (category: string, tag: string) => slugify(`${category}-${tag}`);\n\nexport const Catalog = ({\n  items,\n  filterCatalogItems = (items) => items,\n  categories,\n  label = \"API Library\",\n}: Omit<ApiCatalogPluginOptions, \"navigationId\">) => {\n  const [searchParams, setSearchParams] = useSearchParams();\n  const activeCategory = searchParams.get(\"category\");\n  const auth = useAuthState();\n\n  const catalogItems = useSuspenseQuery({\n    queryFn: () => filterCatalogItems(items, { auth }),\n    queryKey: [\"catalogItems\", auth],\n  });\n\n  return (\n    <section className=\"pt-[--padding-content-top] pb-[--padding-content-bottom]\">\n      <Head>\n        <title>{label}</title>\n      </Head>\n      <div className=\"grid grid-cols-12 gap-12\">\n        <div className=\"flex flex-col gap-4 col-span-3 not-prose sticky top-48\">\n          <div className=\"max-w-[--side-nav-width] flex flex-col gap-4 justify-between\">\n            {categories?.map((category, idx) => (\n              <div key={category.label}>\n                <div className=\"flex justify-between mb-2.5\">\n                  <span className=\"font-medium text-sm\">{category.label}</span>\n                  {idx === 0 && activeCategory && (\n                    <button\n                      type=\"button\"\n                      className=\"text-end text-sm text-foreground/60 hover:text-foreground\"\n                      onClick={() => setSearchParams({})}\n                    >\n                      Clear\n                    </button>\n                  )}\n                </div>\n                <ul className=\"space-y-1 [&>li]:py-2\">\n                  {category.tags\n                    .map((tag) => ({\n                      tag,\n                      count: items.filter((api) =>\n                        api.categories.find((c) => c.tags.includes(tag)),\n                      ).length,\n                    }))\n                    .map(({ tag, count }) => {\n                      const slug = getKey(category.label, tag);\n                      const isActive = slug === activeCategory;\n\n                      return (\n                        <li\n                          key={slug}\n                          className={cn(\n                            \"flex rounded-lg justify-between text-sm cursor-pointer hover:text-primary transition px-[--padding-nav-item] -mx-[--padding-nav-item]\",\n                            isActive && \"bg-border/30 rounded\",\n                          )}\n                          onClick={() => setSearchParams({ category: slug })}\n                        >\n                          <span>{tag}</span>\n                          <span\n                            className={cn(\n                              \"flex items-center justify-center border rounded-md w-8 text-xs font-semibold\",\n                              isActive &&\n                                \"bg-primary border-primary text-primary-foreground\",\n                            )}\n                          >\n                            {count}\n                          </span>\n                        </li>\n                      );\n                    })}\n                </ul>\n              </div>\n            ))}\n          </div>\n        </div>\n        <div className=\"col-span-9\">\n          <h3 className=\"mt-0 text-2xl font-bold mb-4\">{label}</h3>\n\n          <div className=\"grid grid-cols-2 gap-4\">\n            {catalogItems.data\n              .filter(\n                (api) =>\n                  !activeCategory ||\n                  api.categories.find((c) =>\n                    c.tags.find((t) => getKey(c.label, t) === activeCategory),\n                  ),\n              )\n              .map((api) => (\n                <Link\n                  to={{\n                    pathname: `/${api.path}`,\n                    search: activeCategory ? `category=${activeCategory}` : \"\",\n                  }}\n                  className=\"no-underline hover:!text-foreground\"\n                  key={api.path}\n                >\n                  <div className=\"border h-full rounded p-4 flex flex-col gap-2 cursor-pointer hover:bg-border/20 font-normal\">\n                    <span className=\"font-semibold\">{api.label}</span>\n                    <Markdown\n                      className=\"text-sm whitespace-pre-wrap mb-6 line-clamp-2\"\n                      content={api.description}\n                    />\n                  </div>\n                </Link>\n              ))}\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n","import type { AuthState } from \"../../authentication/state.js\";\nimport type { ZudokuPlugin } from \"../../core/plugins.js\";\nimport { Catalog } from \"./Catalog.js\";\n\nexport type ApiCatalogItem = {\n  path: string;\n  label: string;\n  description: string;\n  categories: CatalogCategory[];\n};\n\nexport type CatalogCategory = {\n  label: string;\n  tags: string[];\n};\n\nexport type ApiCatalogPluginOptions = {\n  navigationId: string;\n  label: string;\n  categories?: CatalogCategory[];\n  items: ApiCatalogItem[];\n  filterCatalogItems?: filterCatalogItems;\n};\n\nexport type CatalogContext<ProviderData = unknown> = {\n  auth: AuthState<ProviderData>;\n};\n\nexport type filterCatalogItems<ProviderData = unknown> = (\n  items: ApiCatalogItem[],\n  { auth }: CatalogContext<ProviderData>,\n) => ApiCatalogItem[];\n\nexport const apiCatalogPlugin = ({\n  navigationId,\n  items,\n  label,\n  categories,\n  filterCatalogItems,\n}: {\n  navigationId: string;\n  label: string;\n  categories?: CatalogCategory[];\n  items: ApiCatalogItem[];\n  filterCatalogItems?: filterCatalogItems;\n}): ZudokuPlugin => {\n  return {\n    getRoutes: () => {\n      return [\n        {\n          path: navigationId,\n          element: (\n            <Catalog\n              label={label}\n              items={items}\n              filterCatalogItems={filterCatalogItems}\n              categories={categories ?? []}\n            />\n          ),\n        },\n      ];\n    },\n  };\n};\n"],"names":["getKey","category","tag","slugify","Catalog","items","filterCatalogItems","categories","label","searchParams","setSearchParams","useSearchParams","activeCategory","auth","useAuthState","catalogItems","useSuspenseQuery","jsxs","jsx","Head","idx","api","c","count","slug","isActive","cn","Link","Markdown","apiCatalogPlugin","navigationId"],"mappings":"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"}

package/lib/zudoku.plugin-api-keys.js

@@ -2,13 +2,13 @@ import { j as e } from "./jsx-runtime-Dx-03ztt.js";
 import { RotateCwIcon as g, TrashIcon as f, EyeOffIcon as j, EyeIcon as v, CheckIcon as w, CopyIcon as b, FileKey2Icon as K } from "lucide-react";
 import { D as k, S as m, R as N } from "./SlotletProvider-pfc9oejW.js";
 import { i as c } from "./invariant-Caa8-XvF.js";
-import { u as d, S as I, a as S, b as A, c as C, d as E, e as x } from "./Select-Bb_Hqc70.js";
+import { u as d, S as I, a as S, b as A, c as C, d as E, e as x } from "./Select-D3XuKKuH.js";
 import { a as P } from "./index.esm-BnnBRKJX.js";
 import { a as D, L as u, O as R } from "./chunk-D52XG6IA-Dl7HLe6j.js";
-import { u as y, d as q, g as O } from "./utils-R0j3Raw1.js";
+import { a as y, e as q, u as O } from "./utils-B4O1uet5.js";
 import { Button as l } from "./ui/Button.js";
 import { Input as z } from "./ui/Input.js";
-import { u as F } from "./hook-DMHiUaIV.js";
+import { u as F } from "./hook-DgGeo5iL.js";
 import { useState as p } from "react";
 import { c as T } from "./cn-qaFjX9_3.js";
 const L = ({ service: t }) => {

package/lib/zudoku.plugin-markdown.js

@@ -74,7 +74,7 @@ const C = (n) => ({
         const h = {
           path: r,
           lazy: async () => {
-            const { MdxPage: l } = await import("./MdxPage-CBa4X6L5.js"), { default: p, ...g } = await a();
+            const { MdxPage: l } = await import("./MdxPage-CPBw4_lf.js"), { default: p, ...g } = await a();
             return {
               element: /* @__PURE__ */ P.jsx(
                 l,

package/lib/zudoku.plugin-openapi.js

@@ -1,9 +1,9 @@
 import "./jsx-runtime-Dx-03ztt.js";
 import "./chunk-D52XG6IA-Dl7HLe6j.js";
-import { o as a } from "./index-B6rTMjdI.js";
-import "./utils-R0j3Raw1.js";
+import { o as a } from "./index-C8ubT49C.js";
+import "./utils-B4O1uet5.js";
 import "lucide-react";
-import "./hook-DMHiUaIV.js";
+import "./hook-DgGeo5iL.js";
 import "./ui/Button.js";
 export {
   a as openApiPlugin

package/lib/zudoku.plugin-search-inkeep.js

@@ -1,7 +1,7 @@
-import { j as n } from "./jsx-runtime-Dx-03ztt.js";
-import { useRef as a, useMemo as p, useEffect as c } from "react";
-import { C as u } from "./ClientOnly-E7hGysn1.js";
-const d = {
+import { j as i } from "./jsx-runtime-Dx-03ztt.js";
+import { useRef as l, useState as f, useMemo as m, useEffect as u } from "react";
+import { C as g } from "./ClientOnly-E7hGysn1.js";
+const h = {
   theme: {
     components: {
       AIChatPageWrapper: {
@@ -19,37 +19,45 @@ const d = {
       }
     }
   }
-}, m = {}, g = ({
-  prefilledQuery: t,
+}, k = {}, I = ({
+  prefilledQuery: r,
   isOpen: e,
-  onClose: r,
-  settings: i
+  onClose: n,
+  settings: p
 }) => {
-  const s = a(null), o = p(
+  const o = l(null), c = l(null), [s, d] = f(
+    typeof Inkeep < "u"
+  ), a = m(
     () => ({
       componentType: "CustomTrigger",
-      targetElement: s.current,
+      targetElement: o.current,
       properties: {
         isOpen: e,
-        onClose: r,
+        onClose: n,
         onOpen: void 0,
-        baseSettings: { ...d, ...i },
+        baseSettings: { ...h, ...p },
         searchSettings: {
-          prefilledQuery: t || void 0
+          prefilledQuery: r || void 0
         },
-        aiChatSettings: m
+        aiChatSettings: k
       }
     }),
-    [e, r, t, i, s]
+    [e, n, r, p, o]
   );
-  return c(() => {
-    Inkeep().embed(o).render({
-      ...o,
-      isOpen: e
-    });
-  }), /* @__PURE__ */ n.jsx("div", { ref: s });
-}, j = (t) => ({
-  getHead: () => /* @__PURE__ */ n.jsx(
+  return u(() => {
+    if (s) return;
+    const t = setInterval(() => {
+      typeof Inkeep < "u" && (d(!0), clearInterval(t));
+    }, 100);
+    return () => clearInterval(t);
+  }, [s]), u(() => {
+    !s || c.current || (c.current = Inkeep().embed(a));
+  }, [a, s]), u(() => {
+    var t;
+    (t = c.current) == null || t.render({ ...a, isOpen: e });
+  }, [a, e]), /* @__PURE__ */ i.jsx("div", { ref: o });
+}, x = (r) => ({
+  getHead: () => /* @__PURE__ */ i.jsx(
     "script",
     {
       type: "module",
@@ -59,10 +67,10 @@ const d = {
   ),
   renderSearch: ({
     isOpen: e,
-    onClose: r
-  }) => /* @__PURE__ */ n.jsx(u, { children: /* @__PURE__ */ n.jsx(g, { isOpen: e, onClose: r, settings: t }) })
+    onClose: n
+  }) => /* @__PURE__ */ i.jsx(g, { children: /* @__PURE__ */ i.jsx(I, { isOpen: e, onClose: n, settings: r }) })
 });
 export {
-  j as inkeepSearchPlugin
+  x as inkeepSearchPlugin
 };
 //# sourceMappingURL=zudoku.plugin-search-inkeep.js.map

package/lib/zudoku.plugin-search-inkeep.js.map

@@ -1 +1 @@
-{"version":3,"file":"zudoku.plugin-search-inkeep.js","sources":["../src/lib/plugins/search-inkeep/inkeep.ts","../src/lib/plugins/search-inkeep/index.tsx"],"sourcesContent":["const baseSettings = {\n  theme: {\n    components: {\n      AIChatPageWrapper: {\n        defaultProps: {\n          size: \"shrink-vertically\",\n          variant: \"no-shadow\",\n        },\n      },\n      SearchBarTrigger: {\n        defaultProps: {\n          size: \"expand\",\n          variant: \"subtle\", // Choose from 'emphasized' or 'subtle'\n        },\n      },\n    },\n  },\n} as const;\n\nconst modalSettings = {};\n\nconst searchSettings = {};\n\nconst aiChatSettings = {};\n\nexport { aiChatSettings, baseSettings, modalSettings, searchSettings };\n","import { useEffect, useMemo, useRef } from \"react\";\nimport { ClientOnly } from \"../../components/ClientOnly.js\";\nimport type { ZudokuPlugin } from \"../../core/plugins.js\";\nimport { aiChatSettings, baseSettings } from \"./inkeep.js\";\n\ninterface PluginInkeepBaseSettings {\n  apiKey?: string;\n  integrationId: string;\n  organizationId: string;\n  organizationDisplayName?: string;\n  primaryBrandColor: string;\n}\n\ninterface InkeepEmbedConfig {\n  componentType: string;\n  targetElement: HTMLElement;\n  properties: unknown;\n}\n\ninterface InkeepWidget {\n  render: (config: InkeepEmbedConfig & { isOpen: boolean }) => void;\n}\n\ndeclare global {\n  let Inkeep: () => {\n    embed: (config: InkeepEmbedConfig) => InkeepWidget;\n  };\n}\n\nconst InkeepSearch = ({\n  prefilledQuery,\n  isOpen,\n  onClose,\n  settings,\n}: {\n  isOpen: boolean;\n  onClose: () => void;\n  prefilledQuery?: string | null;\n  settings: PluginInkeepBaseSettings;\n}) => {\n  const ref = useRef<HTMLDivElement>(null);\n\n  const config: InkeepEmbedConfig = useMemo(\n    () => ({\n      componentType: \"CustomTrigger\",\n      targetElement: ref.current!,\n      properties: {\n        isOpen,\n        onClose,\n        onOpen: undefined,\n        baseSettings: { ...baseSettings, ...settings },\n        searchSettings: {\n          prefilledQuery: prefilledQuery || undefined,\n        },\n        aiChatSettings,\n      },\n    }),\n    [isOpen, onClose, prefilledQuery, settings, ref],\n  );\n\n  useEffect(() => {\n    const inkeepWidget = Inkeep().embed(config);\n    inkeepWidget.render({\n      ...config,\n      isOpen,\n    });\n  });\n\n  return <div ref={ref} />;\n};\n\nexport const inkeepSearchPlugin = (\n  settings: PluginInkeepBaseSettings,\n): ZudokuPlugin => {\n  return {\n    getHead: () => {\n      return (\n        <script\n          type=\"module\"\n          src=\"https://unpkg.com/@inkeep/uikit-js@0.3.19/dist/embed.js\"\n          defer\n        ></script>\n      );\n    },\n    renderSearch: ({\n      isOpen,\n      onClose,\n    }: {\n      isOpen: boolean;\n      onClose: () => void;\n    }) => {\n      return (\n        <ClientOnly>\n          <InkeepSearch isOpen={isOpen} onClose={onClose} settings={settings} />\n        </ClientOnly>\n      );\n    },\n  };\n};\n"],"names":["baseSettings","aiChatSettings","InkeepSearch","prefilledQuery","isOpen","onClose","settings","ref","useRef","config","useMemo","useEffect","jsx","inkeepSearchPlugin","ClientOnly"],"mappings":";;;AAAA,MAAMA,IAAe;AAAA,EACnB,OAAO;AAAA,IACL,YAAY;AAAA,MACV,mBAAmB;AAAA,QACjB,cAAc;AAAA,UACZ,MAAM;AAAA,UACN,SAAS;AAAA,QAAA;AAAA,MAEb;AAAA,MACA,kBAAkB;AAAA,QAChB,cAAc;AAAA,UACZ,MAAM;AAAA,UACN,SAAS;AAAA;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAEJ,GAMMC,IAAiB,CAAC,GCMlBC,IAAe,CAAC;AAAA,EACpB,gBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAKM;AACE,QAAAC,IAAMC,EAAuB,IAAI,GAEjCC,IAA4BC;AAAA,IAChC,OAAO;AAAA,MACL,eAAe;AAAA,MACf,eAAeH,EAAI;AAAA,MACnB,YAAY;AAAA,QACV,QAAAH;AAAA,QACA,SAAAC;AAAA,QACA,QAAQ;AAAA,QACR,cAAc,EAAE,GAAGL,GAAc,GAAGM,EAAS;AAAA,QAC7C,gBAAgB;AAAA,UACd,gBAAgBH,KAAkB;AAAA,QACpC;AAAA,QACA,gBAAAF;AAAA,MAAA;AAAA,IACF;AAAA,IAEF,CAACG,GAAQC,GAASF,GAAgBG,GAAUC,CAAG;AAAA,EACjD;AAEA,SAAAI,EAAU,MAAM;AAEd,IADqB,SAAS,MAAMF,CAAM,EAC7B,OAAO;AAAA,MAClB,GAAGA;AAAA,MACH,QAAAL;AAAA,IAAA,CACD;AAAA,EAAA,CACF,GAEMQ,gBAAAA,MAAC,SAAI,KAAAL,GAAU;AACxB,GAEaM,IAAqB,CAChCP,OAEO;AAAA,EACL,SAAS,MAELM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,KAAI;AAAA,MACJ,OAAK;AAAA,IAAA;AAAA,EACN;AAAA,EAGL,cAAc,CAAC;AAAA,IACb,QAAAR;AAAA,IACA,SAAAC;AAAA,EAAA,4BAMGS,GACC,EAAA,UAAAF,gBAAAA,EAAA,IAACV,KAAa,QAAAE,GAAgB,SAAAC,GAAkB,UAAAC,GAAoB,EACtE,CAAA;AAGN;"}
+{"version":3,"file":"zudoku.plugin-search-inkeep.js","sources":["../src/lib/plugins/search-inkeep/inkeep.ts","../src/lib/plugins/search-inkeep/index.tsx"],"sourcesContent":["const baseSettings = {\n  theme: {\n    components: {\n      AIChatPageWrapper: {\n        defaultProps: {\n          size: \"shrink-vertically\",\n          variant: \"no-shadow\",\n        },\n      },\n      SearchBarTrigger: {\n        defaultProps: {\n          size: \"expand\",\n          variant: \"subtle\", // Choose from 'emphasized' or 'subtle'\n        },\n      },\n    },\n  },\n} as const;\n\nconst modalSettings = {};\n\nconst searchSettings = {};\n\nconst aiChatSettings = {};\n\nexport { aiChatSettings, baseSettings, modalSettings, searchSettings };\n","import { useEffect, useMemo, useRef, useState } from \"react\";\nimport { ClientOnly } from \"../../components/ClientOnly.js\";\nimport type { ZudokuPlugin } from \"../../core/plugins.js\";\nimport { aiChatSettings, baseSettings } from \"./inkeep.js\";\n\ninterface PluginInkeepBaseSettings {\n  apiKey?: string;\n  integrationId: string;\n  organizationId: string;\n  organizationDisplayName?: string;\n  primaryBrandColor: string;\n}\n\ninterface InkeepEmbedConfig {\n  componentType: string;\n  targetElement: HTMLElement;\n  properties: unknown;\n}\n\ninterface InkeepWidget {\n  render: (config: InkeepEmbedConfig & { isOpen: boolean }) => void;\n}\n\ndeclare global {\n  let Inkeep: () => {\n    embed: (config: InkeepEmbedConfig) => InkeepWidget;\n  };\n}\n\nconst InkeepSearch = ({\n  prefilledQuery,\n  isOpen,\n  onClose,\n  settings,\n}: {\n  isOpen: boolean;\n  onClose: () => void;\n  prefilledQuery?: string | null;\n  settings: PluginInkeepBaseSettings;\n}) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const widgetRef = useRef<InkeepWidget | null>(null);\n  const [isInkeepAvailable, setIsInkeepAvailable] = useState(\n    typeof Inkeep !== \"undefined\",\n  );\n\n  const config: InkeepEmbedConfig = useMemo(\n    () => ({\n      componentType: \"CustomTrigger\",\n      targetElement: ref.current!,\n      properties: {\n        isOpen,\n        onClose,\n        onOpen: undefined,\n        baseSettings: { ...baseSettings, ...settings },\n        searchSettings: {\n          prefilledQuery: prefilledQuery || undefined,\n        },\n        aiChatSettings,\n      },\n    }),\n    [isOpen, onClose, prefilledQuery, settings, ref],\n  );\n\n  useEffect(() => {\n    if (isInkeepAvailable) return;\n\n    const checkInkeep = setInterval(() => {\n      if (typeof Inkeep !== \"undefined\") {\n        setIsInkeepAvailable(true);\n        clearInterval(checkInkeep);\n      }\n    }, 100);\n\n    return () => clearInterval(checkInkeep);\n  }, [isInkeepAvailable]);\n\n  useEffect(() => {\n    if (!isInkeepAvailable || widgetRef.current) return;\n\n    widgetRef.current = Inkeep().embed(config);\n  }, [config, isInkeepAvailable]);\n\n  useEffect(() => {\n    widgetRef.current?.render({ ...config, isOpen });\n  }, [config, isOpen]);\n\n  return <div ref={ref} />;\n};\n\nexport const inkeepSearchPlugin = (\n  settings: PluginInkeepBaseSettings,\n): ZudokuPlugin => {\n  return {\n    getHead: () => {\n      return (\n        <script\n          type=\"module\"\n          src=\"https://unpkg.com/@inkeep/uikit-js@0.3.19/dist/embed.js\"\n          defer\n        />\n      );\n    },\n    renderSearch: ({\n      isOpen,\n      onClose,\n    }: {\n      isOpen: boolean;\n      onClose: () => void;\n    }) => {\n      return (\n        <ClientOnly>\n          <InkeepSearch isOpen={isOpen} onClose={onClose} settings={settings} />\n        </ClientOnly>\n      );\n    },\n  };\n};\n"],"names":["baseSettings","aiChatSettings","InkeepSearch","prefilledQuery","isOpen","onClose","settings","ref","useRef","widgetRef","isInkeepAvailable","setIsInkeepAvailable","useState","config","useMemo","useEffect","checkInkeep","_a","jsx","inkeepSearchPlugin","ClientOnly"],"mappings":";;;AAAA,MAAMA,IAAe;AAAA,EACnB,OAAO;AAAA,IACL,YAAY;AAAA,MACV,mBAAmB;AAAA,QACjB,cAAc;AAAA,UACZ,MAAM;AAAA,UACN,SAAS;AAAA,QAAA;AAAA,MAEb;AAAA,MACA,kBAAkB;AAAA,QAChB,cAAc;AAAA,UACZ,MAAM;AAAA,UACN,SAAS;AAAA;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAEJ,GAMMC,IAAiB,CAAC,GCMlBC,IAAe,CAAC;AAAA,EACpB,gBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAKM;AACE,QAAAC,IAAMC,EAAuB,IAAI,GACjCC,IAAYD,EAA4B,IAAI,GAC5C,CAACE,GAAmBC,CAAoB,IAAIC;AAAA,IAChD,OAAO,SAAW;AAAA,EACpB,GAEMC,IAA4BC;AAAA,IAChC,OAAO;AAAA,MACL,eAAe;AAAA,MACf,eAAeP,EAAI;AAAA,MACnB,YAAY;AAAA,QACV,QAAAH;AAAA,QACA,SAAAC;AAAA,QACA,QAAQ;AAAA,QACR,cAAc,EAAE,GAAGL,GAAc,GAAGM,EAAS;AAAA,QAC7C,gBAAgB;AAAA,UACd,gBAAgBH,KAAkB;AAAA,QACpC;AAAA,QACA,gBAAAF;AAAA,MAAA;AAAA,IACF;AAAA,IAEF,CAACG,GAAQC,GAASF,GAAgBG,GAAUC,CAAG;AAAA,EACjD;AAEA,SAAAQ,EAAU,MAAM;AACd,QAAIL,EAAmB;AAEjB,UAAAM,IAAc,YAAY,MAAM;AAChC,MAAA,OAAO,SAAW,QACpBL,EAAqB,EAAI,GACzB,cAAcK,CAAW;AAAA,OAE1B,GAAG;AAEC,WAAA,MAAM,cAAcA,CAAW;AAAA,EAAA,GACrC,CAACN,CAAiB,CAAC,GAEtBK,EAAU,MAAM;AACV,IAAA,CAACL,KAAqBD,EAAU,YAEpCA,EAAU,UAAU,SAAS,MAAMI,CAAM;AAAA,EAAA,GACxC,CAACA,GAAQH,CAAiB,CAAC,GAE9BK,EAAU,MAAM;;AACd,KAAAE,IAAAR,EAAU,YAAV,QAAAQ,EAAmB,OAAO,EAAE,GAAGJ,GAAQ,QAAAT;EAAQ,GAC9C,CAACS,GAAQT,CAAM,CAAC,GAEZc,gBAAAA,MAAC,SAAI,KAAAX,GAAU;AACxB,GAEaY,IAAqB,CAChCb,OAEO;AAAA,EACL,SAAS,MAELY,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,KAAI;AAAA,MACJ,OAAK;AAAA,IAAA;AAAA,EACP;AAAA,EAGJ,cAAc,CAAC;AAAA,IACb,QAAAd;AAAA,IACA,SAAAC;AAAA,EAAA,4BAMGe,GACC,EAAA,UAAAF,gBAAAA,EAAA,IAAChB,KAAa,QAAAE,GAAgB,SAAAC,GAAkB,UAAAC,GAAoB,EACtE,CAAA;AAGN;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zudoku",
-  "version": "0.23.2",
+  "version": "0.23.4",
   "type": "module",
   "homepage": "https://zudoku.dev",
   "repository": {
@@ -124,7 +124,7 @@
     "@pothos/core": "3.41.0",
     "@radix-ui/react-accordion": "1.2.1",
     "@radix-ui/react-alert-dialog": "1.1.4",
-    "@radix-ui/react-aspect-ratio": "1.1.0",
+    "@radix-ui/react-aspect-ratio": "1.1.1",
     "@radix-ui/react-checkbox": "1.1.2",
     "@radix-ui/react-collapsible": "1.1.1",
     "@radix-ui/react-dialog": "1.1.2",
@@ -141,7 +141,7 @@
     "@radix-ui/react-switch": "1.1.1",
     "@radix-ui/react-tabs": "1.1.1",
     "@radix-ui/react-toggle": "1.1.0",
-    "@radix-ui/react-toggle-group": "1.1.0",
+    "@radix-ui/react-toggle-group": "1.1.1",
     "@radix-ui/react-tooltip": "1.1.4",
     "@radix-ui/react-visually-hidden": "1",
     "@sentry/node": "8.42.0",
@@ -165,7 +165,7 @@
     "estree-util-value-to-estree": "3.2.1",
     "express": "4.21.2",
     "glob": "11.0.0",
-    "graphql": "16.9.0",
+    "graphql": "16.10.0",
     "graphql-type-json": "0.3.2",
     "graphql-yoga": "5.10.4",
     "gray-matter": "4.0.3",
@@ -204,7 +204,7 @@
     "sitemap": "8.0.0",
     "spin-delay": "2.0.1",
     "strip-ansi": "7.1.0",
-    "tailwind-merge": "2.5.5",
+    "tailwind-merge": "2.6.0",
     "tailwindcss": "3.4.16",
     "tsx": "^4.19.2",
     "ulidx": "2.4.1",
@@ -245,11 +245,11 @@
     "vitest": "2.1.8"
   },
   "peerDependencies": {
-    "react": ">=18",
-    "react-dom": ">=18"
+    "react": ">=19",
+    "react-dom": ">=19"
   },
   "optionalDependencies": {
-    "@clerk/clerk-js": "5.11.0",
+    "@clerk/clerk-js": "^5.43.4",
     "@sentry/react": "^8.45.1"
   },
   "scripts": {

package/src/lib/authentication/providers/openid.tsx

@@ -12,8 +12,9 @@ import { useAuthState, UserProfile } from "../state.js";
 
 const CODE_VERIFIER_KEY = "code-verifier";
 
-interface TokenState {
+export interface OpenIdProviderData {
   accessToken: string;
+  idToken?: string;
   refreshToken?: string;
   expiresOn: Date;
   tokenType: string;
@@ -101,9 +102,10 @@ export class OpenIDAuthenticationProvider implements AuthenticationProvider {
       throw new AuthorizationError("No expires_in in response");
     }
 
-    const tokens: TokenState = {
+    const tokens: OpenIdProviderData = {
       accessToken: response.access_token,
       refreshToken: response.refresh_token,
+      idToken: response.id_token,
       expiresOn: new Date(Date.now() + response.expires_in * 1000),
       tokenType: response.token_type,
     };
@@ -201,7 +203,7 @@ export class OpenIDAuthenticationProvider implements AuthenticationProvider {
     if (!providerData) {
       throw new AuthorizationError("User is not authenticated");
     }
-    const tokenState = providerData as TokenState;
+    const tokenState = providerData as OpenIdProviderData;
 
     if (new Date(tokenState.expiresOn) < new Date()) {
       if (!tokenState.refreshToken) {