@lukoweb/apitogo 0.2.23 → 0.2.25

package/src/lib/plugins/openapi/util/useWarmupSchema.ts

@@ -1,23 +1,23 @@
-import { useQuery } from "@tanstack/react-query";
-import { useCreateQuery } from "../client/useCreateQuery.js";
-import { useOasConfig } from "../context.js";
-import { graphql } from "../graphql/index.js";
-
-const SchemaWarmupQuery = graphql(/* GraphQL */ `
-  query SchemaWarmup($input: JSON!, $type: SchemaType!) {
-    schema(input: $input, type: $type) {
-      openapi
-    }
-  }
-`);
-
-// Load the schema in the background on the client if schema was rendered on the server
-export const useWarmupSchema = () => {
-  const { input, type } = useOasConfig();
-  const warmupQuery = useCreateQuery(SchemaWarmupQuery, { input, type });
-  useQuery({
-    ...warmupQuery,
-    enabled: typeof window !== "undefined",
-    notifyOnChangeProps: [],
-  });
-};
+import { useQuery } from "@tanstack/react-query";
+import { useCreateQuery } from "../client/useCreateQuery.js";
+import { useOasConfig } from "../context.js";
+import { graphql } from "../graphql/index.js";
+
+const SchemaWarmupQuery = graphql(/* GraphQL */ `
+  query SchemaWarmup($input: JSON!, $type: SchemaType!) {
+    schema(input: $input, type: $type) {
+      openapi
+    }
+  }
+`);
+
+// Load the schema in the background on the client if schema was rendered on the server
+export const useWarmupSchema = () => {
+  const { input, type } = useOasConfig();
+  const warmupQuery = useCreateQuery(SchemaWarmupQuery, { input, type });
+  useQuery({
+    ...warmupQuery,
+    enabled: typeof window !== "undefined",
+    notifyOnChangeProps: [],
+  });
+};

package/src/lib/plugins/search-inkeep/index.tsx

@@ -1,108 +1,108 @@
-import type {
-  InkeepBaseSettings,
-  InkeepComponentInstance,
-  InkeepJS,
-  InkeepSettings,
-} from "@inkeep/cxkit-types";
-import { useEffect, useMemo, useState } from "react";
-import { ClientOnly } from "../../components/ClientOnly.js";
-import type { ApitogoPlugin } from "../../core/plugins.js";
-import {
-  aiChatSettings,
-  baseSettings,
-  modalSettings,
-  searchSettings,
-} from "./inkeep.js";
-
-declare global {
-  interface Window {
-    Inkeep: InkeepJS | undefined;
-  }
-}
-
-const InkeepSearch = ({
-  isOpen,
-  onClose,
-  settings,
-}: {
-  isOpen: boolean;
-  onClose: () => void;
-  settings: InkeepBaseSettings;
-}) => {
-  const config = useMemo<InkeepSettings>(
-    () => ({
-      baseSettings: {
-        ...baseSettings,
-        ...settings,
-        colorMode: {
-          sync: {
-            target: "html",
-            attributes: ["class"],
-            isDarkMode: (attrs) => attrs.class?.includes("dark") ?? false,
-          },
-        },
-      },
-      modalSettings: {
-        ...modalSettings,
-        onOpenChange: (newOpen: boolean) => {
-          if (!newOpen) onClose();
-        },
-      },
-      searchSettings,
-      aiChatSettings,
-    }),
-    [onClose, settings],
-  );
-  const [searchInstance, setSearchInstance] = useState<
-    InkeepComponentInstance | undefined
-  >(
-    typeof window !== "undefined" && window.Inkeep?.ModalSearchAndChat
-      ? window.Inkeep.ModalSearchAndChat(config)
-      : undefined,
-  );
-
-  useEffect(() => {
-    if (searchInstance) return;
-
-    const checkInkeep = setInterval(() => {
-      if (typeof window !== "undefined" && window.Inkeep?.ModalSearchAndChat) {
-        const inkeep = window.Inkeep.ModalSearchAndChat(config);
-        setSearchInstance(inkeep);
-        clearInterval(checkInkeep);
-      }
-    }, 100);
-
-    return () => clearInterval(checkInkeep);
-  }, [config, searchInstance]);
-
-  useEffect(() => {
-    if (!searchInstance) return;
-
-    searchInstance.update({ modalSettings: { isOpen } });
-  }, [isOpen, searchInstance]);
-
-  return null;
-};
-
-export const inkeepSearchPlugin = (
-  settings: InkeepBaseSettings,
-): ApitogoPlugin => {
-  return {
-    getHead: () => {
-      return (
-        <script
-          type="module"
-          src="https://cdn.jsdelivr.net/npm/@inkeep/cxkit-js@0.5.90/+esm"
-          defer
-        />
-      );
-    },
-    renderSearch: ({ isOpen, onClose }) => {
-      return (
-        <ClientOnly>
-          <InkeepSearch isOpen={isOpen} onClose={onClose} settings={settings} />
-        </ClientOnly>
-      );
-    },
-  };
-};
+import type {
+  InkeepBaseSettings,
+  InkeepComponentInstance,
+  InkeepJS,
+  InkeepSettings,
+} from "@inkeep/cxkit-types";
+import { useEffect, useMemo, useState } from "react";
+import { ClientOnly } from "../../components/ClientOnly.js";
+import type { ApitogoPlugin } from "../../core/plugins.js";
+import {
+  aiChatSettings,
+  baseSettings,
+  modalSettings,
+  searchSettings,
+} from "./inkeep.js";
+
+declare global {
+  interface Window {
+    Inkeep: InkeepJS | undefined;
+  }
+}
+
+const InkeepSearch = ({
+  isOpen,
+  onClose,
+  settings,
+}: {
+  isOpen: boolean;
+  onClose: () => void;
+  settings: InkeepBaseSettings;
+}) => {
+  const config = useMemo<InkeepSettings>(
+    () => ({
+      baseSettings: {
+        ...baseSettings,
+        ...settings,
+        colorMode: {
+          sync: {
+            target: "html",
+            attributes: ["class"],
+            isDarkMode: (attrs) => attrs.class?.includes("dark") ?? false,
+          },
+        },
+      },
+      modalSettings: {
+        ...modalSettings,
+        onOpenChange: (newOpen: boolean) => {
+          if (!newOpen) onClose();
+        },
+      },
+      searchSettings,
+      aiChatSettings,
+    }),
+    [onClose, settings],
+  );
+  const [searchInstance, setSearchInstance] = useState<
+    InkeepComponentInstance | undefined
+  >(
+    typeof window !== "undefined" && window.Inkeep?.ModalSearchAndChat
+      ? window.Inkeep.ModalSearchAndChat(config)
+      : undefined,
+  );
+
+  useEffect(() => {
+    if (searchInstance) return;
+
+    const checkInkeep = setInterval(() => {
+      if (typeof window !== "undefined" && window.Inkeep?.ModalSearchAndChat) {
+        const inkeep = window.Inkeep.ModalSearchAndChat(config);
+        setSearchInstance(inkeep);
+        clearInterval(checkInkeep);
+      }
+    }, 100);
+
+    return () => clearInterval(checkInkeep);
+  }, [config, searchInstance]);
+
+  useEffect(() => {
+    if (!searchInstance) return;
+
+    searchInstance.update({ modalSettings: { isOpen } });
+  }, [isOpen, searchInstance]);
+
+  return null;
+};
+
+export const inkeepSearchPlugin = (
+  settings: InkeepBaseSettings,
+): ApitogoPlugin => {
+  return {
+    getHead: () => {
+      return (
+        <script
+          type="module"
+          src="https://cdn.jsdelivr.net/npm/@inkeep/cxkit-js@0.5.90/+esm"
+          defer
+        />
+      );
+    },
+    renderSearch: ({ isOpen, onClose }) => {
+      return (
+        <ClientOnly>
+          <InkeepSearch isOpen={isOpen} onClose={onClose} settings={settings} />
+        </ClientOnly>
+      );
+    },
+  };
+};

package/src/lib/plugins/search-inkeep/inkeep.ts

@@ -1,24 +1,24 @@
-import type {
-  InkeepAIChatSettings,
-  InkeepBaseSettings,
-  InkeepModalSettings,
-  InkeepSearchSettings,
-} from "@inkeep/cxkit-types";
-
-const baseSettings: InkeepBaseSettings = {
-  primaryBrandColor: "#26D6FF",
-};
-
-const modalSettings: InkeepModalSettings = {
-  shortcutKey: "k",
-};
-
-const searchSettings: InkeepSearchSettings = {
-  placeholder: "Search...",
-};
-
-const aiChatSettings: InkeepAIChatSettings = {
-  aiAssistantName: "Assistant",
-};
-
-export { aiChatSettings, baseSettings, modalSettings, searchSettings };
+import type {
+  InkeepAIChatSettings,
+  InkeepBaseSettings,
+  InkeepModalSettings,
+  InkeepSearchSettings,
+} from "@inkeep/cxkit-types";
+
+const baseSettings: InkeepBaseSettings = {
+  primaryBrandColor: "#26D6FF",
+};
+
+const modalSettings: InkeepModalSettings = {
+  shortcutKey: "k",
+};
+
+const searchSettings: InkeepSearchSettings = {
+  placeholder: "Search...",
+};
+
+const aiChatSettings: InkeepAIChatSettings = {
+  aiAssistantName: "Assistant",
+};
+
+export { aiChatSettings, baseSettings, modalSettings, searchSettings };

package/src/lib/plugins/search-pagefind/IndexingDialog.tsx

@@ -1,162 +1,162 @@
-import { Button } from "@lukoweb/apitogo/ui/Button.js";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from "@lukoweb/apitogo/ui/Dialog.js";
-import { DialogTrigger } from "@radix-ui/react-dialog";
-import {
-  type PropsWithChildren,
-  useCallback,
-  useEffect,
-  useState,
-} from "react";
-
-type IndexingState =
-  | { status: "idle" }
-  | { status: "indexing"; total: number; current: number; path: string }
-  | { status: "complete"; indexed: number }
-  | { status: "error"; message: string };
-
-const ProgressBar = ({
-  total,
-  current,
-  barLength = 25,
-  emptyChar = "░",
-  filledChar = "█",
-}: {
-  total: number;
-  current: number;
-  barLength?: number;
-  emptyChar?: string;
-  filledChar?: string;
-}) => {
-  const percent = Math.round((current / total) * 100);
-  const filled = Math.round((percent / 100) * barLength);
-  const empty = barLength - filled;
-
-  return (
-    <>
-      {filledChar.repeat(filled)}
-      {emptyChar.repeat(empty)} {percent}% ({current}/{total})
-    </>
-  );
-};
-
-const IndexingDialog = ({ children }: PropsWithChildren) => {
-  const [indexingState, setIndexingState] = useState<IndexingState>({
-    status: "idle",
-  });
-
-  const startIndexing = useCallback(() => {
-    setIndexingState({ status: "indexing", total: 0, current: 0, path: "" });
-
-    const eventSource = new EventSource("/__z/pagefind-reindex");
-
-    eventSource.onmessage = (event) => {
-      const data = JSON.parse(event.data);
-
-      if (data.type === "progress") {
-        setIndexingState({
-          status: "indexing",
-          total: data.total,
-          current: data.current,
-          path: data.path,
-        });
-      } else if (data.type === "complete") {
-        eventSource.close();
-        if (data.success) {
-          setIndexingState({ status: "complete", indexed: data.indexed });
-        } else {
-          setIndexingState({
-            status: "error",
-            message: data.error ?? "Indexing failed",
-          });
-        }
-      }
-    };
-
-    eventSource.onerror = () => {
-      eventSource.close();
-      setIndexingState({
-        status: "error",
-        message: "Connection lost during indexing",
-      });
-    };
-
-    return () => eventSource.close();
-  }, []);
-
-  useEffect(() => {
-    return startIndexing();
-  }, [startIndexing]);
-
-  const handleDone = () => {
-    if (indexingState.status !== "complete") return;
-    window.location.reload();
-  };
-
-  return (
-    <Dialog>
-      <DialogTrigger asChild>{children}</DialogTrigger>
-      <DialogContent
-        className="max-w-sm! top-1/3"
-        showCloseButton={false}
-        onInteractOutside={(e) => e.preventDefault()}
-      >
-        <DialogHeader>
-          <DialogTitle>
-            {indexingState.status === "indexing" && "Building Search Index"}
-            {indexingState.status === "complete" && "Indexing Complete"}
-            {indexingState.status === "error" && "Indexing Failed"}
-            {indexingState.status === "idle" && "Build Search Index"}
-          </DialogTitle>
-          <DialogDescription>
-            {indexingState.status === "indexing" && (
-              <>
-                {indexingState.total > 0 && (
-                  <span className="font-mono text-sm mb-2 block">
-                    <ProgressBar {...indexingState} />
-                  </span>
-                )}
-                {indexingState.path && (
-                  <span className="block text-xs truncate">
-                    {indexingState.path}
-                  </span>
-                )}
-              </>
-            )}
-            {indexingState.status === "complete" && (
-              <>Successfully indexed {indexingState.indexed} pages.</>
-            )}
-            {indexingState.status === "error" && (
-              <span className="text-destructive">{indexingState.message}</span>
-            )}
-          </DialogDescription>
-        </DialogHeader>
-        <DialogFooter>
-          <div className="flex justify-end gap-2">
-            {indexingState.status === "complete" && (
-              <Button size="sm" onClick={handleDone}>
-                Close and reload
-              </Button>
-            )}
-            {indexingState.status === "error" && (
-              <>
-                <Button variant="outline" onClick={handleDone}>
-                  Cancel
-                </Button>
-                <Button onClick={startIndexing}>Retry</Button>
-              </>
-            )}
-          </div>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  );
-};
-
-export default IndexingDialog;
+import { Button } from "@lukoweb/apitogo/ui/Button.js";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@lukoweb/apitogo/ui/Dialog.js";
+import { DialogTrigger } from "@radix-ui/react-dialog";
+import {
+  type PropsWithChildren,
+  useCallback,
+  useEffect,
+  useState,
+} from "react";
+
+type IndexingState =
+  | { status: "idle" }
+  | { status: "indexing"; total: number; current: number; path: string }
+  | { status: "complete"; indexed: number }
+  | { status: "error"; message: string };
+
+const ProgressBar = ({
+  total,
+  current,
+  barLength = 25,
+  emptyChar = "░",
+  filledChar = "█",
+}: {
+  total: number;
+  current: number;
+  barLength?: number;
+  emptyChar?: string;
+  filledChar?: string;
+}) => {
+  const percent = Math.round((current / total) * 100);
+  const filled = Math.round((percent / 100) * barLength);
+  const empty = barLength - filled;
+
+  return (
+    <>
+      {filledChar.repeat(filled)}
+      {emptyChar.repeat(empty)} {percent}% ({current}/{total})
+    </>
+  );
+};
+
+const IndexingDialog = ({ children }: PropsWithChildren) => {
+  const [indexingState, setIndexingState] = useState<IndexingState>({
+    status: "idle",
+  });
+
+  const startIndexing = useCallback(() => {
+    setIndexingState({ status: "indexing", total: 0, current: 0, path: "" });
+
+    const eventSource = new EventSource("/__z/pagefind-reindex");
+
+    eventSource.onmessage = (event) => {
+      const data = JSON.parse(event.data);
+
+      if (data.type === "progress") {
+        setIndexingState({
+          status: "indexing",
+          total: data.total,
+          current: data.current,
+          path: data.path,
+        });
+      } else if (data.type === "complete") {
+        eventSource.close();
+        if (data.success) {
+          setIndexingState({ status: "complete", indexed: data.indexed });
+        } else {
+          setIndexingState({
+            status: "error",
+            message: data.error ?? "Indexing failed",
+          });
+        }
+      }
+    };
+
+    eventSource.onerror = () => {
+      eventSource.close();
+      setIndexingState({
+        status: "error",
+        message: "Connection lost during indexing",
+      });
+    };
+
+    return () => eventSource.close();
+  }, []);
+
+  useEffect(() => {
+    return startIndexing();
+  }, [startIndexing]);
+
+  const handleDone = () => {
+    if (indexingState.status !== "complete") return;
+    window.location.reload();
+  };
+
+  return (
+    <Dialog>
+      <DialogTrigger asChild>{children}</DialogTrigger>
+      <DialogContent
+        className="max-w-sm! top-1/3"
+        showCloseButton={false}
+        onInteractOutside={(e) => e.preventDefault()}
+      >
+        <DialogHeader>
+          <DialogTitle>
+            {indexingState.status === "indexing" && "Building Search Index"}
+            {indexingState.status === "complete" && "Indexing Complete"}
+            {indexingState.status === "error" && "Indexing Failed"}
+            {indexingState.status === "idle" && "Build Search Index"}
+          </DialogTitle>
+          <DialogDescription>
+            {indexingState.status === "indexing" && (
+              <>
+                {indexingState.total > 0 && (
+                  <span className="font-mono text-sm mb-2 block">
+                    <ProgressBar {...indexingState} />
+                  </span>
+                )}
+                {indexingState.path && (
+                  <span className="block text-xs truncate">
+                    {indexingState.path}
+                  </span>
+                )}
+              </>
+            )}
+            {indexingState.status === "complete" && (
+              <>Successfully indexed {indexingState.indexed} pages.</>
+            )}
+            {indexingState.status === "error" && (
+              <span className="text-destructive">{indexingState.message}</span>
+            )}
+          </DialogDescription>
+        </DialogHeader>
+        <DialogFooter>
+          <div className="flex justify-end gap-2">
+            {indexingState.status === "complete" && (
+              <Button size="sm" onClick={handleDone}>
+                Close and reload
+              </Button>
+            )}
+            {indexingState.status === "error" && (
+              <>
+                <Button variant="outline" onClick={handleDone}>
+                  Cancel
+                </Button>
+                <Button onClick={startIndexing}>Retry</Button>
+              </>
+            )}
+          </div>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+};
+
+export default IndexingDialog;