zudoku 0.0.0-feda542 → 0.0.0-ff27e7ea

package/lib/zudoku.auth-supabase.js

@@ -0,0 +1,154 @@
+import { j as i } from "./jsx-runtime-BzflLqGi.js";
+import { createClient as h } from "@supabase/supabase-js";
+import { C as m, A as g } from "./errors-CD873hrG.js";
+import { S as f } from "./SignUp-sGYAsj2K.js";
+import { u } from "./ZudokuContext-BUZ5hkWB.js";
+import { Auth as v } from "@supabase/auth-ui-react";
+import { ThemeSupa as S } from "@supabase/auth-ui-shared";
+import { a as A } from "./chunk-PVWAREVJ-BMhpCH5D.js";
+import { H as T } from "./ErrorAlert-_1Zmhr68.js";
+const d = ({
+  client: s,
+  config: e,
+  view: t = "sign_in"
+}) => {
+  const [r] = A(), a = r.get("redirectTo"), n = e.provider ? [e.provider] : e.providers, o = e.basePath ?? "/", c = a ?? e.redirectToAfterSignUp ?? o, l = a ?? e.redirectToAfterSignIn ?? o, p = a ?? e.redirectToAfterSignOut ?? o;
+  return /* @__PURE__ */ i.jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ i.jsxs("div", { className: "max-w-md w-full mt-10", children: [
+    /* @__PURE__ */ i.jsx(T, { level: 1, children: t === "sign_in" ? "Sign in" : "Sign up" }),
+    /* @__PURE__ */ i.jsx(
+      v,
+      {
+        view: t,
+        redirectToAfterSignIn: l,
+        redirectToAfterSignUp: c,
+        redirectToAfterSignOut: p,
+        supabaseClient: s,
+        onlyThirdPartyProviders: e.onlyThirdPartyProviders,
+        appearance: {
+          theme: S,
+          variables: {
+            default: {
+              colors: {
+                dividerBackground: "var(--border)",
+                brand: "var(--primary)",
+                brandAccent: "hsla(from var(--primary) h s l / 0.8)",
+                brandButtonText: "var(--primary-foreground)",
+                defaultButtonBorder: "var(--border)",
+                inputBorder: "var(--border)",
+                inputText: "var(--foreground)",
+                inputBorderHover: "var(--accent)",
+                defaultButtonBackground: "var(--secondary)",
+                defaultButtonBackgroundHover: "var(--accent)"
+              },
+              radii: {
+                borderRadiusButton: "var(--radius)",
+                buttonBorderRadius: "var(--radius)",
+                inputBorderRadius: "var(--radius)"
+              }
+            }
+          }
+        },
+        providers: n,
+        redirectTo: e.redirectToAfterSignIn ?? "/"
+      }
+    )
+  ] }) });
+};
+class b extends m {
+  client;
+  config;
+  constructor(e) {
+    const { supabaseUrl: t, supabaseKey: r } = e;
+    super(), this.client = h(t, r, {
+      auth: {
+        autoRefreshToken: !0,
+        persistSession: !0
+      }
+    }), this.config = e, this.client.auth.onAuthStateChange(async (a, n) => {
+      n && (a === "SIGNED_IN" || a === "TOKEN_REFRESHED") ? await this.updateUserState(n) : a === "SIGNED_OUT" && u.getState().setLoggedOut();
+    });
+  }
+  async updateUserState(e) {
+    const { user: t } = e, r = {
+      sub: t.id,
+      email: t.email,
+      name: t.user_metadata.full_name || t.user_metadata.name,
+      emailVerified: t.email_confirmed_at != null,
+      pictureUrl: t.user_metadata.avatar_url
+    };
+    u.getState().setLoggedIn({
+      profile: r,
+      providerData: { session: e }
+    });
+  }
+  async getAccessToken() {
+    const { data: e, error: t } = await this.client.auth.getSession();
+    if (t || !e.session)
+      throw new g("User is not authenticated");
+    return e.session.access_token;
+  }
+  async signRequest(e) {
+    const t = await this.getAccessToken();
+    return e.headers.set("Authorization", `Bearer ${t}`), e;
+  }
+  signUp = async ({ navigate: e }, { redirectTo: t }) => {
+    e(
+      t ? `/signup?redirectTo=${encodeURIComponent(t)}` : "/signup"
+    );
+  };
+  signIn = async ({ navigate: e }, { redirectTo: t }) => {
+    e(
+      t ? `/signin?redirectTo=${encodeURIComponent(t)}` : "/signin"
+    );
+  };
+  getRoutes = () => [
+    {
+      path: "/signin",
+      element: /* @__PURE__ */ i.jsx(
+        d,
+        {
+          view: "sign_in",
+          client: this.client,
+          config: this.config
+        }
+      )
+    },
+    {
+      path: "/signup",
+      element: /* @__PURE__ */ i.jsx(
+        d,
+        {
+          view: "sign_up",
+          client: this.client,
+          config: this.config
+        }
+      )
+    },
+    {
+      path: "/signout",
+      element: /* @__PURE__ */ i.jsx(f, {})
+    }
+  ];
+  signOut = async () => {
+    await new Promise((e) => {
+      const { data: t } = this.client.auth.onAuthStateChange(async (r) => {
+        r === "SIGNED_OUT" && (t.subscription.unsubscribe(), e());
+      });
+      this.client.auth.signOut();
+    }), u.setState({
+      isAuthenticated: !1,
+      isPending: !1,
+      profile: void 0,
+      providerData: void 0
+    });
+  };
+  onPageLoad = async () => {
+    const { data: e, error: t } = await this.client.auth.getSession();
+    !t && e.session && await this.updateUserState(e.session);
+  };
+}
+const j = (s) => new b(s);
+export {
+  j as default
+};
+//# sourceMappingURL=zudoku.auth-supabase.js.map

package/lib/zudoku.auth-supabase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zudoku.auth-supabase.js","sources":["../src/lib/authentication/providers/supabase/SupabaseAuthUI.tsx","../src/lib/authentication/providers/supabase.tsx"],"sourcesContent":["import { Auth } from \"@supabase/auth-ui-react\";\nimport {\n  ThemeSupa,\n  type ThemeVariables,\n  type ViewType,\n} from \"@supabase/auth-ui-shared\";\nimport type { SupabaseClient } from \"@supabase/supabase-js\";\nimport { useSearchParams } from \"react-router\";\nimport type { SupabaseAuthenticationConfig } from \"../../../../config/config.js\";\nimport { Heading } from \"../../../components/Heading.js\";\n\nexport const SupabaseAuthUI = ({\n  client,\n  config,\n  view = \"sign_in\",\n}: {\n  client: SupabaseClient;\n  config: SupabaseAuthenticationConfig;\n  view: ViewType;\n}) => {\n  const [searchParams] = useSearchParams();\n  const redirectTo = searchParams.get(\"redirectTo\");\n  const providers = config.provider ? [config.provider] : config.providers;\n  const root = config.basePath ?? \"/\";\n  const redirectToAfterSignUp =\n    redirectTo ?? config.redirectToAfterSignUp ?? root;\n  const redirectToAfterSignIn =\n    redirectTo ?? config.redirectToAfterSignIn ?? root;\n  const redirectToAfterSignOut =\n    redirectTo ?? config.redirectToAfterSignOut ?? root;\n\n  return (\n    <div className=\"flex items-center justify-center\">\n      <div className=\"max-w-md w-full mt-10\">\n        <Heading level={1}>\n          {view === \"sign_in\" ? \"Sign in\" : \"Sign up\"}\n        </Heading>\n        <Auth\n          view={view}\n          redirectToAfterSignIn={redirectToAfterSignIn}\n          redirectToAfterSignUp={redirectToAfterSignUp}\n          redirectToAfterSignOut={redirectToAfterSignOut}\n          supabaseClient={client}\n          onlyThirdPartyProviders={config.onlyThirdPartyProviders}\n          appearance={{\n            theme: ThemeSupa,\n            variables: {\n              default: {\n                colors: {\n                  dividerBackground: \"var(--border)\",\n                  brand: \"var(--primary)\",\n                  brandAccent: \"hsla(from var(--primary) h s l / 0.8)\",\n                  brandButtonText: \"var(--primary-foreground)\",\n                  defaultButtonBorder: \"var(--border)\",\n                  inputBorder: \"var(--border)\",\n                  inputText: \"var(--foreground)\",\n                  inputBorderHover: \"var(--accent)\",\n                  defaultButtonBackground: \"var(--secondary)\",\n                  defaultButtonBackgroundHover: \"var(--accent)\",\n                },\n                radii: {\n                  borderRadiusButton: \"var(--radius)\",\n                  buttonBorderRadius: \"var(--radius)\",\n                  inputBorderRadius: \"var(--radius)\",\n                },\n              } satisfies ThemeVariables,\n            },\n          }}\n          providers={providers}\n          redirectTo={config.redirectToAfterSignIn ?? \"/\"}\n        />\n      </div>\n    </div>\n  );\n};\n","import {\n  createClient,\n  type Session,\n  type SupabaseClient,\n} from \"@supabase/supabase-js\";\nimport type { SupabaseAuthenticationConfig } from \"../../../config/config.js\";\nimport { CoreAuthenticationPlugin } from \"../AuthenticationPlugin.js\";\nimport type {\n  AuthActionContext,\n  AuthActionOptions,\n  AuthenticationPlugin,\n  AuthenticationProviderInitializer,\n} from \"../authentication.js\";\nimport { SignOut } from \"../components/SignOut.js\";\nimport { AuthorizationError } from \"../errors.js\";\nimport { type UserProfile, useAuthState } from \"../state.js\";\nimport { SupabaseAuthUI } from \"./supabase/SupabaseAuthUI.js\";\n\nclass SupabaseAuthenticationProvider\n  extends CoreAuthenticationPlugin\n  implements AuthenticationPlugin\n{\n  private readonly client: SupabaseClient;\n  private readonly config: SupabaseAuthenticationConfig;\n\n  constructor(config: SupabaseAuthenticationConfig) {\n    const { supabaseUrl, supabaseKey } = config;\n    super();\n\n    this.client = createClient(supabaseUrl, supabaseKey, {\n      auth: {\n        autoRefreshToken: true,\n        persistSession: true,\n      },\n    });\n    this.config = config;\n\n    this.client.auth.onAuthStateChange(async (event, session) => {\n      if (session && (event === \"SIGNED_IN\" || event === \"TOKEN_REFRESHED\")) {\n        await this.updateUserState(session);\n      } else if (event === \"SIGNED_OUT\") {\n        useAuthState.getState().setLoggedOut();\n      }\n    });\n  }\n\n  private async updateUserState(session: Session) {\n    const { user } = session;\n\n    const profile: UserProfile = {\n      sub: user.id,\n      email: user.email,\n      name: user.user_metadata.full_name || user.user_metadata.name,\n      emailVerified: user.email_confirmed_at != null,\n      pictureUrl: user.user_metadata.avatar_url,\n    };\n\n    useAuthState.getState().setLoggedIn({\n      profile,\n      providerData: { session },\n    });\n  }\n\n  async getAccessToken(): Promise<string> {\n    const { data, error } = await this.client.auth.getSession();\n\n    if (error || !data.session) {\n      throw new AuthorizationError(\"User is not authenticated\");\n    }\n\n    return data.session.access_token;\n  }\n\n  async signRequest(request: Request): Promise<Request> {\n    const accessToken = await this.getAccessToken();\n    request.headers.set(\"Authorization\", `Bearer ${accessToken}`);\n    return request;\n  }\n\n  signUp = async (\n    { navigate }: AuthActionContext,\n    { redirectTo }: AuthActionOptions,\n  ) => {\n    void navigate(\n      redirectTo\n        ? `/signup?redirectTo=${encodeURIComponent(redirectTo)}`\n        : `/signup`,\n    );\n  };\n\n  signIn = async (\n    { navigate }: AuthActionContext,\n    { redirectTo }: AuthActionOptions,\n  ) => {\n    void navigate(\n      redirectTo\n        ? `/signin?redirectTo=${encodeURIComponent(redirectTo)}`\n        : `/signin`,\n    );\n  };\n\n  getRoutes = () => {\n    return [\n      {\n        path: \"/signin\",\n        element: (\n          <SupabaseAuthUI\n            view=\"sign_in\"\n            client={this.client}\n            config={this.config}\n          />\n        ),\n      },\n      {\n        path: \"/signup\",\n        element: (\n          <SupabaseAuthUI\n            view=\"sign_up\"\n            client={this.client}\n            config={this.config}\n          />\n        ),\n      },\n      {\n        path: \"/signout\",\n        element: <SignOut />,\n      },\n    ];\n  };\n\n  signOut = async () => {\n    await new Promise<void>((resolve) => {\n      const { data } = this.client.auth.onAuthStateChange(async (event) => {\n        if (event !== \"SIGNED_OUT\") return;\n        data.subscription.unsubscribe();\n        resolve();\n      });\n      void this.client.auth.signOut();\n    });\n\n    useAuthState.setState({\n      isAuthenticated: false,\n      isPending: false,\n      profile: undefined,\n      providerData: undefined,\n    });\n  };\n\n  onPageLoad = async () => {\n    const { data, error } = await this.client.auth.getSession();\n\n    if (!error && data.session) {\n      await this.updateUserState(data.session);\n    }\n  };\n}\n\nconst supabaseAuth: AuthenticationProviderInitializer<\n  SupabaseAuthenticationConfig\n> = (options) => new SupabaseAuthenticationProvider(options);\n\nexport default supabaseAuth;\n"],"names":["SupabaseAuthUI","client","config","view","searchParams","useSearchParams","redirectTo","providers","root","redirectToAfterSignUp","redirectToAfterSignIn","redirectToAfterSignOut","jsxs","jsx","Heading","Auth","ThemeSupa","SupabaseAuthenticationProvider","CoreAuthenticationPlugin","supabaseUrl","supabaseKey","createClient","event","session","useAuthState","user","profile","data","error","AuthorizationError","request","accessToken","navigate","SignOut","resolve","supabaseAuth","options"],"mappings":"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"}

package/lib/zudoku.components.js

@@ -1,35 +1,30 @@
-import "./RouteGuard-CqZPoZYJ.js";
-import "./index-DwT-v3zK.js";
-import "./chunk-HA7DTUK3-C4gP41vD.js";
-import "./hook-CqpVYDqN.js";
-import "./SlotletProvider-BV1xrg-l.js";
-import { e as d, f as S, B as k, C as l, j as h, l as B, H as E, d as c, L as H, M as L, g as M, R, S as Z, k as f, i as g, Z as y, a as A, h as b, c as j, m as v, b as w } from "./index-CN3TIw7H.js";
+import "./index.esm-BnYHxCYC.js";
+import "./useExposedProps-U3pmsHaG.js";
+import "./chunk-PVWAREVJ-BMhpCH5D.js";
+import "./hook-CMeoxziF.js";
 import "./ui/Button.js";
 import "./ui/Callout.js";
 import "./ClientOnly-E7hGysn1.js";
-import "./Markdown-CKXePgqR.js";
-import "./Spinner-CE68iCm0.js";
+import "./ZudokuContext-BUZ5hkWB.js";
+import "./ErrorAlert-_1Zmhr68.js";
+import "./Spinner-CI6bRyZw.js";
+import { B as d, i as h, C as l, d as k, c as S, L as y, M, e as T, S as Z, T as c, Z as f, g, h as A, f as B, j as E, u as H } from "./index-pMMX55GH.js";
 export {
-  d as Bootstrap,
-  S as BootstrapStatic,
-  k as Button,
-  l as CACHE_KEYS,
-  h as Callout,
-  B as ClientOnly,
-  E as Head,
-  c as Layout,
-  H as Link,
-  L as Markdown,
-  M as RouteGuard,
-  R as RouterError,
-  Z as ServerError,
-  f as Spinner,
-  g as StatusPage,
-  y as Zudoku,
-  A as useAuth,
-  b as useCache,
-  j as useMDXComponents,
-  v as useTheme,
-  w as useZudoku
+  d as Button,
+  h as CACHE_KEYS,
+  l as Callout,
+  k as ClientOnly,
+  S as Head,
+  y as Link,
+  M as Markdown,
+  T as Slot,
+  Z as Spinner,
+  c as Typography,
+  f as Zudoku,
+  g as useAuth,
+  A as useCache,
+  B as useMDXComponents,
+  E as useTheme,
+  H as useZudoku
 };
 //# sourceMappingURL=zudoku.components.js.map

package/lib/zudoku.hooks.js

@@ -1,19 +1,27 @@
-import { z as f } from "./index-DwT-v3zK.js";
-import { useState as m, useEffect as i } from "react";
-import { e as a } from "./hook-CqpVYDqN.js";
-function d(e, t) {
-  const s = a(), [n, o] = m();
-  return i(() => s.addEventListener(e, (...u) => {
-    if (t) {
-      const r = t(...u);
-      o(r);
+import { z as m, u as p, a as c } from "./useExposedProps-U3pmsHaG.js";
+import { u as f } from "./hook-CMeoxziF.js";
+import { a as n, d } from "./ZudokuContext-BUZ5hkWB.js";
+import { C as k } from "./ZudokuContext-BUZ5hkWB.js";
+import { useState as E, useEffect as i } from "react";
+function C(e, s) {
+  const t = n(), [r, o] = E();
+  return i(() => t.addEventListener(e, ((...u) => {
+    if (s) {
+      const a = s(...u);
+      o(a);
     } else
       o(u);
-  }), [s, e, t]), n;
+  })), [t, e, s]), r;
 }
-const v = d, z = f;
+const A = C, v = m, z = p, L = c, M = f, P = n, S = d;
 export {
-  v as useEvent,
-  z as useTheme
+  k as CACHE_KEYS,
+  M as useAuth,
+  S as useCache,
+  A as useEvent,
+  z as useExposedProps,
+  L as useMDXComponents,
+  v as useTheme,
+  P as useZudoku
 };
 //# sourceMappingURL=zudoku.hooks.js.map

package/lib/zudoku.hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"zudoku.hooks.js","sources":["../src/lib/hooks/useEvent.ts","../src/lib/hooks/index.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { useZudoku } from \"../components/context/ZudokuContext.js\";\nimport type { ZudokuEvents } from \"../core/ZudokuContext.js\";\n\ntype EventParameters<Event extends keyof ZudokuEvents> = Parameters<\n  ZudokuEvents[Event]\n>;\n\n/**\n * Hook to subscribe to Zudoku events with automatic cleanup\n * @param event The event to subscribe to\n * @param callback Optional callback to be called when the event is emitted\n * @returns The latest event data if no callback is provided, or the callback's return value if it returns something\n */\nexport function useEvent<E extends keyof ZudokuEvents>(\n  event: E,\n): EventParameters<E>;\nexport function useEvent<E extends keyof ZudokuEvents, R>(\n  event: E,\n  callback: (...args: EventParameters<E>) => R,\n): R;\nexport function useEvent<E extends keyof ZudokuEvents, R>(\n  event: E,\n  callback?: (...args: EventParameters<E>) => R,\n) {\n  const zudoku = useZudoku();\n  const [latestData, setLatestData] = useState<R | EventParameters<E>>();\n\n  useEffect(() => {\n    return zudoku.addEventListener(event, ((...args: EventParameters<E>) => {\n      if (callback) {\n        const result = callback(...args);\n        setLatestData(result);\n      } else {\n        setLatestData(args);\n      }\n    }) as ZudokuEvents[E]);\n  }, [zudoku, event, callback]);\n\n  return latestData;\n}\n","import { useTheme as useThemeImport } from \"next-themes\";\nimport { useEvent as useEventImport } from \"./useEvent.js\";\n\nexport const useEvent = /*@__PURE__*/ useEventImport;\nexport const useTheme = /*@__PURE__*/ useThemeImport;\n"],"names":["useEvent","event","callback","zudoku","useZudoku","latestData","setLatestData","useState","useEffect","args","result","useEventImport","useTheme","useThemeImport"],"mappings":";;;AAqBgB,SAAAA,EACdC,GACAC,GACA;AACA,QAAMC,IAASC,EAAU,GACnB,CAACC,GAAYC,CAAa,IAAIC,EAAiC;AAErE,SAAAC,EAAU,MACDL,EAAO,iBAAiBF,GAAQ,IAAIQ,MAA6B;AACtE,QAAIP,GAAU;AACN,YAAAQ,IAASR,EAAS,GAAGO,CAAI;AAC/B,MAAAH,EAAcI,CAAM;AAAA,IAAA;AAEpB,MAAAJ,EAAcG,CAAI;AAAA,EACpB,CACmB,GACpB,CAACN,GAAQF,GAAOC,CAAQ,CAAC,GAErBG;AACT;ACrCO,MAAML,IAAyBW,GACzBC,IAAyBC;"}
+{"version":3,"file":"zudoku.hooks.js","sources":["../src/lib/hooks/useEvent.ts","../src/lib/hooks/index.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { useZudoku } from \"../components/context/ZudokuContext.js\";\nimport type { ZudokuEvents } from \"../core/ZudokuContext.js\";\n\ntype EventParameters<Event extends keyof ZudokuEvents> = Parameters<\n  ZudokuEvents[Event]\n>;\n\n/**\n * Hook to subscribe to Zudoku events with automatic cleanup\n * @param event The event to subscribe to\n * @param callback Optional callback to be called when the event is emitted\n * @returns The latest event data if no callback is provided, or the callback's return value if it returns something\n */\nexport function useEvent<E extends keyof ZudokuEvents>(\n  event: E,\n): EventParameters<E>;\nexport function useEvent<E extends keyof ZudokuEvents, R>(\n  event: E,\n  callback: (...args: EventParameters<E>) => R,\n): R;\nexport function useEvent<E extends keyof ZudokuEvents, R>(\n  event: E,\n  callback?: (...args: EventParameters<E>) => R,\n) {\n  const zudoku = useZudoku();\n  const [latestData, setLatestData] = useState<R | EventParameters<E>>();\n\n  useEffect(() => {\n    return zudoku.addEventListener(event, ((...args: EventParameters<E>) => {\n      if (callback) {\n        const result = callback(...args);\n        setLatestData(result);\n      } else {\n        setLatestData(args);\n      }\n    }) as ZudokuEvents[E]);\n  }, [zudoku, event, callback]);\n\n  return latestData;\n}\n","import { useMDXComponents as useMDXComponentsImport } from \"@mdx-js/react\";\nimport { useTheme as useThemeImport } from \"next-themes\";\nimport { useAuth as useAuthImport } from \"../authentication/hook.js\";\nimport { CACHE_KEYS, useCache as useCacheImport } from \"../components/cache.js\";\nimport { useZudoku as useZudokuImport } from \"../components/context/ZudokuContext.js\";\nimport { useExposedProps as useExposedPropsImport } from \"../util/useExposedProps.js\";\nimport { useEvent as useEventImport } from \"./useEvent.js\";\n\nexport const useEvent = /*@__PURE__*/ useEventImport;\nexport const useTheme = /*@__PURE__*/ useThemeImport;\nexport const useExposedProps = /*@__PURE__*/ useExposedPropsImport;\nexport const useMDXComponents = /*@__PURE__*/ useMDXComponentsImport;\nexport const useAuth = /*@__PURE__*/ useAuthImport;\nexport const useZudoku = /*@__PURE__*/ useZudokuImport;\nexport const useCache = /*@__PURE__*/ useCacheImport;\nexport { CACHE_KEYS };\n"],"names":["useEvent","event","callback","zudoku","useZudoku","latestData","setLatestData","useState","useEffect","args","result","useEventImport","useTheme","useThemeImport","useExposedProps","useExposedPropsImport","useMDXComponents","useMDXComponentsImport","useAuth","useAuthImport","useZudokuImport","useCache","useCacheImport"],"mappings":";;;;;AAqBO,SAASA,EACdC,GACAC,GACA;AACA,QAAMC,IAASC,EAAA,GACT,CAACC,GAAYC,CAAa,IAAIC,EAAA;AAEpC,SAAAC,EAAU,MACDL,EAAO,iBAAiBF,IAAQ,IAAIQ,MAA6B;AACtE,QAAIP,GAAU;AACZ,YAAMQ,IAASR,EAAS,GAAGO,CAAI;AAC/B,MAAAH,EAAcI,CAAM;AAAA,IACtB;AACE,MAAAJ,EAAcG,CAAI;AAAA,EAEtB,EAAA,GACC,CAACN,GAAQF,GAAOC,CAAQ,CAAC,GAErBG;AACT;AChCO,MAAML,IAAyBW,GACzBC,IAAyBC,GACzBC,IAAgCC,GAChCC,IAAiCC,GACjCC,IAAwBC,GACxBf,IAA0BgB,GAC1BC,IAAyBC;"}

package/lib/zudoku.icons.js

@@ -1,6 +1,6 @@
 import { CircleDashed as e } from "lucide-react";
 export * from "lucide-react";
-import { j as o } from "./jsx-runtime-CYK1ROHF.js";
+import { j as o } from "./jsx-runtime-BzflLqGi.js";
 import { TooltipProvider as t, Tooltip as i, TooltipTrigger as s, TooltipContent as n } from "./ui/Tooltip.js";
 const d = (r) => /* @__PURE__ */ o.jsx(t, { children: /* @__PURE__ */ o.jsxs(i, { children: [
   /* @__PURE__ */ o.jsx(s, { className: "text-red-500", children: /* @__PURE__ */ o.jsx(e, { ...r }) }),

package/lib/zudoku.icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"zudoku.icons.js","sources":["../src/lib/MissingIcon.tsx"],"sourcesContent":["import { CircleDashed, LucideProps } from \"lucide-react\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"./ui/Tooltip.js\";\n\nexport const MissingIcon = (props: LucideProps) => {\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger className=\"text-red-500\">\n          <CircleDashed {...props} />\n        </TooltipTrigger>\n        <TooltipContent>\n          Icon not found, see: https://lucide.dev/icons/\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n};\n"],"names":["MissingIcon","props","jsx","TooltipProvider","jsxs","Tooltip","TooltipTrigger","CircleDashed","TooltipContent"],"mappings":";;;;AAQa,MAAAA,IAAc,CAACC,MAExBC,gBAAAA,EAAAA,IAACC,GACC,EAAA,UAAAC,gBAAAA,EAAAA,KAACC,GACC,EAAA,UAAA;AAAA,EAAAH,gBAAAA,EAAAA,IAACI,KAAe,WAAU,gBACxB,gCAACC,GAAc,EAAA,GAAGN,GAAO,EAC3B,CAAA;AAAA,EACAC,gBAAAA,EAAAA,IAACM,KAAe,UAEhB,iDAAA,CAAA;AAAA,EAAA,CACF,EACF,CAAA;"}
+{"version":3,"file":"zudoku.icons.js","sources":["../src/lib/MissingIcon.tsx"],"sourcesContent":["import { CircleDashed, type LucideProps } from \"lucide-react\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"./ui/Tooltip.js\";\n\nexport const MissingIcon = (props: LucideProps) => {\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger className=\"text-red-500\">\n          <CircleDashed {...props} />\n        </TooltipTrigger>\n        <TooltipContent>\n          Icon not found, see: https://lucide.dev/icons/\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n};\n"],"names":["MissingIcon","props","jsx","TooltipProvider","jsxs","Tooltip","TooltipTrigger","CircleDashed","TooltipContent"],"mappings":";;;;AAQO,MAAMA,IAAc,CAACC,MAExBC,gBAAAA,EAAAA,IAACC,GAAA,EACC,UAAAC,gBAAAA,EAAAA,KAACC,GAAA,EACC,UAAA;AAAA,EAAAH,gBAAAA,EAAAA,IAACI,KAAe,WAAU,gBACxB,gCAACC,GAAA,EAAc,GAAGN,GAAO,EAAA,CAC3B;AAAA,EACAC,gBAAAA,EAAAA,IAACM,KAAe,UAAA,iDAAA,CAEhB;AAAA,EAAA,CACF,EAAA,CACF;"}

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

@@ -1,46 +1,53 @@
-import { j as s } from "./jsx-runtime-CYK1ROHF.js";
-import { s as h } from "./index-LNp6rxyU.js";
-import { d as b, m as x } from "./chunk-HA7DTUK3-C4gP41vD.js";
-import { u as j, d as y, f as p } from "./hook-CqpVYDqN.js";
-import { H as v } from "./RouteGuard-CqZPoZYJ.js";
-import { L as N } from "./index-CN3TIw7H.js";
-import { H as S, M as w } from "./Markdown-CKXePgqR.js";
-const H = ({
-  items: r,
-  filterCatalogItems: o = (n) => n,
-  label: d = "API Library",
-  categoryLabel: a
+import { j as t } from "./jsx-runtime-BzflLqGi.js";
+import { s as f } from "./index-BK0jKRrX.js";
+import { e as b, m as j } from "./chunk-PVWAREVJ-BMhpCH5D.js";
+import { u as x, b as v, j as d } from "./ZudokuContext-BUZ5hkWB.js";
+import { H as y } from "./index.esm-BnYHxCYC.js";
+import { L as N } from "./index-pMMX55GH.js";
+import { H as k, M as S } from "./ErrorAlert-_1Zmhr68.js";
+const w = ({
+  items: o,
+  filterCatalogItems: r = (i) => i,
+  label: c = "API Library",
+  categoryLabel: s
 }) => {
-  const n = j(), i = b({ path: "/catalog/:category" }), t = i == null ? void 0 : i.params.category, l = y({
-    queryFn: () => o(r, { auth: n }),
-    queryKey: ["catalogItems", n]
-  }), m = t ? { "data-pagefind-ignore": "all" } : {};
-  return /* @__PURE__ */ s.jsxs("section", { className: "pt-[--padding-content-top]", ...m, children: [
-    /* @__PURE__ */ s.jsx(v, { children: /* @__PURE__ */ s.jsxs("title", { children: [
-      a ? `${a} - ` : "",
-      d
+  const i = x(), a = b({ path: "/catalog/:category" })?.params.category, l = v({
+    queryFn: () => r(o, { auth: i }),
+    queryKey: ["catalogItems", i]
+  }), m = a ? { "data-pagefind-ignore": "all" } : {};
+  return /* @__PURE__ */ t.jsxs("section", { className: "pt-(--padding-content-top)", ...m, children: [
+    /* @__PURE__ */ t.jsx(y, { children: /* @__PURE__ */ t.jsxs("title", { children: [
+      s ? `${s} - ` : "",
+      c
     ] }) }),
-    /* @__PURE__ */ s.jsxs("div", { className: "grid gap-4", children: [
-      /* @__PURE__ */ s.jsxs(S, { level: 2, children: [
-        d,
-        a && ` - ${a}`
+    /* @__PURE__ */ t.jsxs("div", { className: "grid gap-4", children: [
+      /* @__PURE__ */ t.jsxs(k, { level: 2, children: [
+        c,
+        s && ` - ${s}`
       ] }),
-      /* @__PURE__ */ s.jsx("div", { className: "grid grid-cols-2 gap-4", children: l.data.filter(
-        (e) => !t || e.categories.find(
-          (c) => c.tags.find((u) => f(c.label, u) === t)
+      /* @__PURE__ */ t.jsx("div", { className: "grid grid-cols-2 gap-4", children: l.data.filter(
+        (e) => !a || e.categories.find(
+          (n) => n.tags.find((g) => h(n.label, g) === a)
         )
-      ).map((e) => /* @__PURE__ */ s.jsx(
+      ).map((e) => /* @__PURE__ */ t.jsx(
         N,
         {
-          to: p(e.path),
+          to: d(e.path),
           className: "no-underline hover:!text-foreground",
-          children: /* @__PURE__ */ s.jsxs("div", { className: "border h-full rounded-lg p-4 flex flex-col gap-2 cursor-pointer hover:bg-border/20 font-normal", children: [
-            /* @__PURE__ */ s.jsx("span", { className: "font-semibold", children: e.label }),
-            /* @__PURE__ */ s.jsx(
-              w,
+          children: /* @__PURE__ */ t.jsxs("div", { className: "border h-full rounded-lg p-4 flex flex-col gap-2 cursor-pointer hover:bg-border/20 font-normal", children: [
+            /* @__PURE__ */ t.jsx("span", { className: "font-semibold", children: e.label }),
+            /* @__PURE__ */ t.jsx(
+              S,
               {
                 className: "text-sm whitespace-pre-wrap mb-6 line-clamp-2",
-                content: e.description
+                content: e.description,
+                components: {
+                  // Because we're wrapping the description in a Link already,
+                  // we need to strip out other links to not get a hydration error, like:
+                  // > In HTML, <a> cannot be a descendant of <a>.
+                  // > This will cause a hydration error.
+                  a: (n) => /* @__PURE__ */ t.jsx("span", { ...n })
+                }
               }
             )
           ] })
@@ -49,39 +56,39 @@ const H = ({
       )) })
     ] })
   ] });
-}, f = (r, o) => h(`${r}-${o}`), A = ({
-  navigationId: r,
-  items: o,
-  label: d,
-  categories: a = [],
-  filterCatalogItems: n
+}, h = (o, r) => f(`${o}-${r}`), q = ({
+  path: o,
+  items: r,
+  label: c,
+  categories: s = [],
+  filterCatalogItems: i
 }) => {
-  const i = Object.fromEntries(
-    a.flatMap(
-      (t) => [void 0, ...t.tags].map((l) => [
-        p(r, l ? f(t.label, l) : void 0),
+  const p = Object.fromEntries(
+    s.flatMap(
+      (a) => [void 0, ...a.tags].map((l) => [
+        d(o, l ? h(a.label, l) : void 0),
         l
       ])
     )
   );
   return {
-    getSidebar: async (t) => {
-      if (!Object.keys(i).some(
-        (e) => x(e, t)
+    getNavigation: async (a) => {
+      if (!Object.keys(p).some(
+        (e) => j(e, a)
       ))
         return [];
-      const m = a.map((e) => ({
+      const m = s.map((e) => ({
         type: "category",
         label: e.label,
         collapsible: !1,
-        items: e.tags.map((c) => ({
-          type: "doc",
-          id: p(r, f(e.label, c)),
-          label: c,
+        items: e.tags.map((n) => ({
+          type: "link",
+          to: d(o, h(e.label, n)),
+          label: n,
           badge: {
             label: String(
-              o.filter(
-                (u) => u.categories.find((g) => g.tags.includes(c))
+              r.filter(
+                (g) => g.categories.find((u) => u.tags.includes(n))
               ).length
             ),
             color: "outline"
@@ -89,29 +96,29 @@ const H = ({
         }))
       }));
       return m.unshift({
-        type: "doc",
-        id: p(r),
+        type: "link",
+        to: d(o),
         label: "Overview",
-        badge: { label: String(o.length), color: "outline" }
+        badge: { label: String(r.length), color: "outline" }
       }), m;
     },
-    getRoutes: () => Object.entries(i).map(([t, l]) => ({
-      path: t,
-      element: /* @__PURE__ */ s.jsx(
-        H,
+    getRoutes: () => Object.entries(p).map(([a, l]) => ({
+      path: a,
+      element: /* @__PURE__ */ t.jsx(
+        w,
         {
-          label: d,
+          label: c,
           categoryLabel: l,
-          items: o,
-          filterCatalogItems: n,
-          categories: a
+          items: r,
+          filterCatalogItems: i,
+          categories: s
         }
       )
     }))
   };
 };
 export {
-  A as apiCatalogPlugin,
-  f as getKey
+  q as apiCatalogPlugin,
+  h as getKey
 };
 //# 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 { useSuspenseQuery } from \"@tanstack/react-query\";\nimport { Helmet } from \"@zudoku/react-helmet-async\";\nimport { useMatch } from \"react-router\";\nimport { Link } from \"zudoku/components\";\nimport { useAuthState } from \"../../authentication/state.js\";\nimport { Heading } from \"../../components/Heading.js\";\nimport { Markdown } from \"../../components/Markdown.js\";\nimport { joinUrl } from \"../../util/joinUrl.js\";\nimport { type ApiCatalogPluginOptions, getKey } from \"./index.js\";\n\nexport const Catalog = ({\n  items,\n  filterCatalogItems = (items) => items,\n  label = \"API Library\",\n  categoryLabel,\n}: Omit<ApiCatalogPluginOptions, \"navigationId\"> & {\n  categoryLabel?: string;\n}) => {\n  const auth = useAuthState();\n  const match = useMatch({ path: \"/catalog/:category\" });\n  const activeCategory = match?.params.category;\n\n  const catalogItems = useSuspenseQuery({\n    queryFn: () => filterCatalogItems(items, { auth }),\n    queryKey: [\"catalogItems\", auth],\n  });\n\n  // Only index the overview page, ignore the rest\n  const dataSet = activeCategory ? { \"data-pagefind-ignore\": \"all\" } : {};\n\n  return (\n    <section className=\"pt-[--padding-content-top]\" {...dataSet}>\n      <Helmet>\n        <title>\n          {categoryLabel ? `${categoryLabel} - ` : \"\"}\n          {label}\n        </title>\n      </Helmet>\n      <div className=\"grid gap-4\">\n        <Heading level={2}>\n          {label}\n          {categoryLabel && ` - ${categoryLabel}`}\n        </Heading>\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={joinUrl(api.path)}\n                className=\"no-underline hover:!text-foreground\"\n                key={api.path}\n              >\n                <div className=\"border h-full rounded-lg 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    </section>\n  );\n};\n","import slugify from \"@sindresorhus/slugify\";\nimport { matchPath } from \"react-router\";\nimport type { SidebarItem } from \"../../../config/validators/SidebarSchema.js\";\nimport type { AuthState } from \"../../authentication/state.js\";\nimport type { ZudokuPlugin } from \"../../core/plugins.js\";\nimport { joinUrl } from \"../../util/joinUrl.js\";\nimport { Catalog } from \"./Catalog.js\";\n\nexport const getKey = (category: string, tag: string) =>\n  slugify(`${category}-${tag}`);\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  const paths = Object.fromEntries(\n    categories.flatMap((category) =>\n      [undefined, ...category.tags].map((tag) => [\n        joinUrl(navigationId, tag ? getKey(category.label, tag) : undefined),\n        tag,\n      ]),\n    ),\n  );\n\n  return {\n    getSidebar: async (currentPath) => {\n      const matches = Object.keys(paths).some((path) =>\n        matchPath(path, currentPath),\n      );\n\n      if (!matches) {\n        return [];\n      }\n\n      const sidebar: SidebarItem[] = categories.map((category) => ({\n        type: \"category\" as const,\n        label: category.label,\n        collapsible: false,\n        items: category.tags.map((tag) => ({\n          type: \"doc\" as const,\n          id: joinUrl(navigationId, getKey(category.label, tag)),\n          label: tag,\n          badge: {\n            label: String(\n              items.filter((api) =>\n                api.categories.find((c) => c.tags.includes(tag)),\n              ).length,\n            ),\n            color: \"outline\" as const,\n          },\n        })),\n      }));\n\n      sidebar.unshift({\n        type: \"doc\" as const,\n        id: joinUrl(navigationId),\n        label: \"Overview\",\n        badge: { label: String(items.length), color: \"outline\" as const },\n      });\n\n      return sidebar;\n    },\n    getRoutes: () =>\n      Object.entries(paths).map(([path, tag]) => ({\n        path,\n        element: (\n          <Catalog\n            label={label}\n            categoryLabel={tag}\n            items={items}\n            filterCatalogItems={filterCatalogItems}\n            categories={categories}\n          />\n        ),\n      })),\n  };\n};\n"],"names":["Catalog","items","filterCatalogItems","label","categoryLabel","auth","useAuthState","match","useMatch","activeCategory","catalogItems","useSuspenseQuery","dataSet","jsxs","jsx","Helmet","Heading","api","t","getKey","Link","joinUrl","Markdown","category","tag","slugify","apiCatalogPlugin","navigationId","categories","paths","currentPath","path","matchPath","sidebar","c"],"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 { useSuspenseQuery } from \"@tanstack/react-query\";\nimport { Helmet } from \"@zudoku/react-helmet-async\";\nimport { useMatch } from \"react-router\";\nimport { Link } from \"zudoku/components\";\nimport { useAuthState } from \"../../authentication/state.js\";\nimport { Heading } from \"../../components/Heading.js\";\nimport { Markdown } from \"../../components/Markdown.js\";\nimport { joinUrl } from \"../../util/joinUrl.js\";\nimport { type ApiCatalogPluginOptions, getKey } from \"./index.js\";\n\nexport const Catalog = ({\n  items,\n  filterCatalogItems = (items) => items,\n  label = \"API Library\",\n  categoryLabel,\n}: Omit<ApiCatalogPluginOptions, \"path\"> & {\n  categoryLabel?: string;\n}) => {\n  const auth = useAuthState();\n  const match = useMatch({ path: \"/catalog/:category\" });\n  const activeCategory = match?.params.category;\n\n  const catalogItems = useSuspenseQuery({\n    queryFn: () => filterCatalogItems(items, { auth }),\n    queryKey: [\"catalogItems\", auth],\n  });\n\n  // Only index the overview page, ignore the rest\n  const dataSet = activeCategory ? { \"data-pagefind-ignore\": \"all\" } : {};\n\n  return (\n    <section className=\"pt-(--padding-content-top)\" {...dataSet}>\n      <Helmet>\n        <title>\n          {categoryLabel ? `${categoryLabel} - ` : \"\"}\n          {label}\n        </title>\n      </Helmet>\n      <div className=\"grid gap-4\">\n        <Heading level={2}>\n          {label}\n          {categoryLabel && ` - ${categoryLabel}`}\n        </Heading>\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={joinUrl(api.path)}\n                className=\"no-underline hover:!text-foreground\"\n                key={api.path}\n              >\n                <div className=\"border h-full rounded-lg 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                    components={{\n                      // Because we're wrapping the description in a Link already,\n                      // we need to strip out other links to not get a hydration error, like:\n                      // > In HTML, <a> cannot be a descendant of <a>.\n                      // > This will cause a hydration error.\n                      a: (props) => <span {...props} />,\n                    }}\n                  />\n                </div>\n              </Link>\n            ))}\n        </div>\n      </div>\n    </section>\n  );\n};\n","import slugify from \"@sindresorhus/slugify\";\nimport { matchPath } from \"react-router\";\nimport type { NavigationItem } from \"../../../config/validators/NavigationSchema.js\";\nimport type { AuthState } from \"../../authentication/state.js\";\nimport type { ZudokuPlugin } from \"../../core/plugins.js\";\nimport { joinUrl } from \"../../util/joinUrl.js\";\nimport { Catalog } from \"./Catalog.js\";\n\nexport const getKey = (category: string, tag: string) =>\n  slugify(`${category}-${tag}`);\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  path: string;\n  label: string;\n  categories?: CatalogCategory[];\n  items: ApiCatalogItem[];\n  filterCatalogItems?: FilterCatalogItemsFn;\n};\n\nexport type CatalogContext<ProviderData = unknown> = {\n  auth: AuthState<ProviderData>;\n};\n\nexport type FilterCatalogItemsFn<ProviderData = unknown> = (\n  items: ApiCatalogItem[],\n  { auth }: CatalogContext<ProviderData>,\n) => ApiCatalogItem[];\n\nexport const apiCatalogPlugin = ({\n  path,\n  items,\n  label,\n  categories = [],\n  filterCatalogItems,\n}: {\n  path: string;\n  label: string;\n  categories?: CatalogCategory[];\n  items: ApiCatalogItem[];\n  filterCatalogItems?: FilterCatalogItemsFn;\n}): ZudokuPlugin => {\n  const paths = Object.fromEntries(\n    categories.flatMap((category) =>\n      [undefined, ...category.tags].map((tag) => [\n        joinUrl(path, tag ? getKey(category.label, tag) : undefined),\n        tag,\n      ]),\n    ),\n  );\n\n  return {\n    getNavigation: async (currentPath) => {\n      const matches = Object.keys(paths).some((path) =>\n        matchPath(path, currentPath),\n      );\n\n      if (!matches) {\n        return [];\n      }\n\n      const navigation: NavigationItem[] = categories.map((category) => ({\n        type: \"category\",\n        label: category.label,\n        collapsible: false,\n        items: category.tags.map((tag) => ({\n          type: \"link\",\n          to: joinUrl(path, getKey(category.label, tag)),\n          label: tag,\n          badge: {\n            label: String(\n              items.filter((api) =>\n                api.categories.find((c) => c.tags.includes(tag)),\n              ).length,\n            ),\n            color: \"outline\",\n          },\n        })),\n      }));\n\n      navigation.unshift({\n        type: \"link\",\n        to: joinUrl(path),\n        label: \"Overview\",\n        badge: { label: String(items.length), color: \"outline\" },\n      });\n\n      return navigation;\n    },\n    getRoutes: () =>\n      Object.entries(paths).map(([path, tag]) => ({\n        path,\n        element: (\n          <Catalog\n            label={label}\n            categoryLabel={tag}\n            items={items}\n            filterCatalogItems={filterCatalogItems}\n            categories={categories}\n          />\n        ),\n      })),\n  };\n};\n"],"names":["Catalog","items","filterCatalogItems","label","categoryLabel","auth","useAuthState","activeCategory","useMatch","catalogItems","useSuspenseQuery","dataSet","jsxs","jsx","Helmet","Heading","api","c","t","getKey","Link","joinUrl","Markdown","props","category","tag","slugify","apiCatalogPlugin","path","categories","paths","currentPath","matchPath","navigation"],"mappings":";;;;;;;AAUO,MAAMA,IAAU,CAAC;AAAA,EACtB,OAAAC;AAAA,EACA,oBAAAC,IAAqB,CAACD,MAAUA;AAAAA,EAChC,OAAAE,IAAQ;AAAA,EACR,eAAAC;AACF,MAEM;AACJ,QAAMC,IAAOC,EAAA,GAEPC,IADQC,EAAS,EAAE,MAAM,sBAAsB,GACvB,OAAO,UAE/BC,IAAeC,EAAiB;AAAA,IACpC,SAAS,MAAMR,EAAmBD,GAAO,EAAE,MAAAI,GAAM;AAAA,IACjD,UAAU,CAAC,gBAAgBA,CAAI;AAAA,EAAA,CAChC,GAGKM,IAAUJ,IAAiB,EAAE,wBAAwB,MAAA,IAAU,CAAA;AAErE,SACEK,gBAAAA,EAAAA,KAAC,WAAA,EAAQ,WAAU,8BAA8B,GAAGD,GAClD,UAAA;AAAA,IAAAE,gBAAAA,EAAAA,IAACC,GAAA,EACC,iCAAC,SAAA,EACE,UAAA;AAAA,MAAAV,IAAgB,GAAGA,CAAa,QAAQ;AAAA,MACxCD;AAAA,IAAA,EAAA,CACH,EAAA,CACF;AAAA,IACAS,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,MAAAA,gBAAAA,EAAAA,KAACG,GAAA,EAAQ,OAAO,GACb,UAAA;AAAA,QAAAZ;AAAA,QACAC,KAAiB,MAAMA,CAAa;AAAA,MAAA,GACvC;AAAA,MAEAS,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,0BACZ,YAAa,KACX;AAAA,QACC,CAACG,MACC,CAACT,KACDS,EAAI,WAAW;AAAA,UAAK,CAACC,MACnBA,EAAE,KAAK,KAAK,CAACC,MAAMC,EAAOF,EAAE,OAAOC,CAAC,MAAMX,CAAc;AAAA,QAAA;AAAA,MAC1D,EAEH,IAAI,CAACS,MACJH,gBAAAA,EAAAA;AAAAA,QAACO;AAAA,QAAA;AAAA,UACC,IAAIC,EAAQL,EAAI,IAAI;AAAA,UACpB,WAAU;AAAA,UAGV,UAAAJ,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,kGACb,UAAA;AAAA,YAAAC,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,iBAAiB,UAAAG,EAAI,OAAM;AAAA,YAC3CH,gBAAAA,EAAAA;AAAAA,cAACS;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,SAASN,EAAI;AAAA,gBACb,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKV,GAAG,CAACO,MAAUV,gBAAAA,EAAAA,IAAC,QAAA,EAAM,GAAGU,EAAA,CAAO;AAAA,gBAAA;AAAA,cACjC;AAAA,YAAA;AAAA,UACF,EAAA,CACF;AAAA,QAAA;AAAA,QAfKP,EAAI;AAAA,MAAA,CAiBZ,EAAA,CACL;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ,GCvEaG,IAAS,CAACK,GAAkBC,MACvCC,EAAQ,GAAGF,CAAQ,IAAIC,CAAG,EAAE,GA+BjBE,IAAmB,CAAC;AAAA,EAC/B,MAAAC;AAAA,EACA,OAAA3B;AAAA,EACA,OAAAE;AAAA,EACA,YAAA0B,IAAa,CAAA;AAAA,EACb,oBAAA3B;AACF,MAMoB;AAClB,QAAM4B,IAAQ,OAAO;AAAA,IACnBD,EAAW;AAAA,MAAQ,CAACL,MAClB,CAAC,QAAW,GAAGA,EAAS,IAAI,EAAE,IAAI,CAACC,MAAQ;AAAA,QACzCJ,EAAQO,GAAMH,IAAMN,EAAOK,EAAS,OAAOC,CAAG,IAAI,MAAS;AAAA,QAC3DA;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EACH;AAGF,SAAO;AAAA,IACL,eAAe,OAAOM,MAAgB;AAKpC,UAAI,CAJY,OAAO,KAAKD,CAAK,EAAE;AAAA,QAAK,CAACF,MACvCI,EAAUJ,GAAMG,CAAW;AAAA,MAAA;AAI3B,eAAO,CAAA;AAGT,YAAME,IAA+BJ,EAAW,IAAI,CAACL,OAAc;AAAA,QACjE,MAAM;AAAA,QACN,OAAOA,EAAS;AAAA,QAChB,aAAa;AAAA,QACb,OAAOA,EAAS,KAAK,IAAI,CAACC,OAAS;AAAA,UACjC,MAAM;AAAA,UACN,IAAIJ,EAAQO,GAAMT,EAAOK,EAAS,OAAOC,CAAG,CAAC;AAAA,UAC7C,OAAOA;AAAA,UACP,OAAO;AAAA,YACL,OAAO;AAAA,cACLxB,EAAM;AAAA,gBAAO,CAACe,MACZA,EAAI,WAAW,KAAK,CAACC,MAAMA,EAAE,KAAK,SAASQ,CAAG,CAAC;AAAA,cAAA,EAC/C;AAAA,YAAA;AAAA,YAEJ,OAAO;AAAA,UAAA;AAAA,QACT,EACA;AAAA,MAAA,EACF;AAEF,aAAAQ,EAAW,QAAQ;AAAA,QACjB,MAAM;AAAA,QACN,IAAIZ,EAAQO,CAAI;AAAA,QAChB,OAAO;AAAA,QACP,OAAO,EAAE,OAAO,OAAO3B,EAAM,MAAM,GAAG,OAAO,UAAA;AAAA,MAAU,CACxD,GAEMgC;AAAA,IACT;AAAA,IACA,WAAW,MACT,OAAO,QAAQH,CAAK,EAAE,IAAI,CAAC,CAACF,GAAMH,CAAG,OAAO;AAAA,MAC1C,MAAAG;AAAAA,MACA,SACEf,gBAAAA,EAAAA;AAAAA,QAACb;AAAA,QAAA;AAAA,UACC,OAAAG;AAAA,UACA,eAAesB;AAAA,UACf,OAAAxB;AAAA,UACA,oBAAAC;AAAA,UACA,YAAA2B;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,EAEF;AAAA,EAAA;AAER;"}