zudoku 0.3.0-dev.2 → 0.3.0-dev.21

package/src/lib/plugins/openapi/playground/Playground.tsx

@@ -1,15 +1,7 @@
-import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
 import { useMutation } from "@tanstack/react-query";
-import { CirclePlayIcon } from "lucide-react";
 import { Fragment } from "react";
 import { FormProvider, useForm } from "react-hook-form";
 import { useApiIdentities } from "../../../components/context/DevPortalProvider.js";
-import {
-  Dialog,
-  DialogContent,
-  DialogTitle,
-  DialogTrigger,
-} from "../../../components/Dialog.js";
 import {
   Select,
   SelectContent,
@@ -28,6 +20,8 @@ import { Headers } from "./Headers.js";
 import { PathParams } from "./PathParams.js";
 import { QueryParams } from "./QueryParams.js";
 
+export const NO_IDENTITY = "__none";
+
 function mimeTypeToLanguage(mimeType: string) {
   const mimeTypeMapping = {
     "application/json": "json",
@@ -81,17 +75,7 @@ export type PlaygroundForm = {
   identity?: string;
 };
 
-const NO_IDENTITY = "__none";
-
-const Playground = ({
-  url,
-  host,
-  method,
-  headers = [{ name: "", value: "" }],
-  queryParams = [],
-  pathParams = [],
-  hasParams,
-}: {
+export type PlaygroundContentProps = {
   host: string;
   url: string;
   method: string;
@@ -99,7 +83,17 @@ const Playground = ({
   queryParams?: QueryParam[];
   pathParams?: PathParam[];
   hasParams: boolean;
-}) => {
+};
+
+export const Playground = ({
+  host,
+  url,
+  method,
+  headers = [{ name: "", value: "" }],
+  queryParams = [],
+  pathParams = [],
+  hasParams,
+}: PlaygroundContentProps) => {
   const { register, control, handleSubmit, watch, ...form } =
     useForm<PlaygroundForm>({
       defaultValues: {
@@ -121,7 +115,7 @@ const Playground = ({
       const request = new Request(requestUrl, {
         method: method.toUpperCase(),
         headers: Object.fromEntries(
-          data.pathParams
+          data.headers
             .filter((h) => h.name)
             .map((header) => [header.name, header.value]),
         ),
@@ -129,10 +123,9 @@ const Playground = ({
 
       if (data.identity !== NO_IDENTITY) {
         identities.data
-          .find((i) => i.id === data.identity)
+          ?.find((i) => i.id === data.identity)
           ?.authorizeRequest(request);
       }
-
       const response = await fetch(request);
 
       const body = await response.text();
@@ -182,185 +175,157 @@ const Playground = ({
         <wbr />
       </Fragment>
     ));
-
   return (
-    <Dialog>
-      <DialogTrigger asChild>
-        <CirclePlayIcon
-          className="cursor-pointer text-primary hover:text-primary/80"
-          size={16}
-        />
-      </DialogTrigger>
-
-      <DialogContent
-        className="max-w-screen-xl w-full h-5/6 overflow-auto p-0"
-        aria-describedby={undefined}
-      >
-        <VisuallyHidden>
-          <DialogTitle>Playground</DialogTitle>
-        </VisuallyHidden>
-        <FormProvider {...{ register, control, handleSubmit, watch, ...form }}>
-          <form
-            onSubmit={handleSubmit((data) => queryMutation.mutateAsync(data))}
-          >
-            <div className="grid grid-cols-2 text-sm h-full">
-              <div className="flex flex-col gap-4 p-8 bg-muted/50 after:bg-muted-foreground/20 relative after:absolute after:w-px after:inset-0 after:left-auto">
-                <div className="flex gap-2 items-stretch">
-                  <div className="flex flex-1 items-center w-full border rounded-md border-border">
-                    <div className="border-r border-border p-2 bg-muted rounded-l-md self-stretch font-semibold font-mono">
-                      {method.toUpperCase()}
-                    </div>
-                    <div className="p-2 font-mono text-xs">
-                      {path}
-                      {urlQueryParams.length > 0 ? "?" : ""}
-                      {urlQueryParams}
+    <FormProvider {...{ register, control, handleSubmit, watch, ...form }}>
+      <form onSubmit={handleSubmit((data) => queryMutation.mutateAsync(data))}>
+        <div className="grid grid-cols-2 text-sm h-full">
+          <div className="flex flex-col gap-4 p-8 bg-muted/50 after:bg-muted-foreground/20 relative after:absolute after:w-px after:inset-0 after:left-auto">
+            <div className="flex gap-2 items-stretch">
+              <div className="flex flex-1 items-center w-full border rounded-md border-border">
+                <div className="border-r border-border p-2 bg-muted rounded-l-md self-stretch font-semibold font-mono">
+                  {method.toUpperCase()}
+                </div>
+                <div className="p-2 font-mono text-xs">
+                  {path}
+                  {urlQueryParams.length > 0 ? "?" : ""}
+                  {urlQueryParams}
+                </div>
+              </div>
+              <Button type="submit" className="h-auto flex gap-1">
+                Send
+              </Button>
+            </div>
+            <Tabs defaultValue={hasParams ? "parameters" : "headers"}>
+              <div className="flex justify-between">
+                <TabsList>
+                  {hasParams && (
+                    <TabsTrigger value="parameters">Parameters</TabsTrigger>
+                  )}
+                  <TabsTrigger value="headers">
+                    Headers{" "}
+                    {formState.headers.length > 0 &&
+                      `(${formState.headers.length})`}
+                  </TabsTrigger>
+                  <TabsTrigger
+                    value="body"
+                    disabled={["POST", "PUT", "PATCH", "DELETE"].includes(
+                      method.toUpperCase(),
+                    )}
+                  >
+                    Body
+                  </TabsTrigger>
+                </TabsList>
+                <div className="flex gap-2 items-center">
+                  Auth:
+                  <Select
+                    onValueChange={(value) => form.setValue("identity", value)}
+                    defaultValue={formState.identity}
+                  >
+                    <SelectTrigger className="w-[180px] flex">
+                      {identities.isPending ? <Spinner /> : <SelectValue />}
+                    </SelectTrigger>
+                    <SelectContent align="center">
+                      <SelectItem value={NO_IDENTITY}>None</SelectItem>
+                      {identities.data?.map((identity) => (
+                        <SelectItem key={identity.id} value={identity.id}>
+                          {identity.label}
+                        </SelectItem>
+                      ))}
+                    </SelectContent>
+                  </Select>
+                </div>
+              </div>
+              <TabsContent value="headers">
+                <Headers control={control} register={register} />
+              </TabsContent>
+              <TabsContent value="parameters">
+                <div className="grid grid-cols-[min-content_1fr_1fr_auto]">
+                  {pathParams.length > 0 && (
+                    <div className="font-semibold my-3 col-span-3">
+                      Path Parameters
                     </div>
-                  </div>
-                  <Button type="submit" className="h-auto flex gap-1">
-                    Send
-                  </Button>
+                  )}
+                  <PathParams control={control} register={register} />
+                  {queryParams.length > 0 && (
+                    <span className="font-semibold my-3 col-span-3">
+                      Query Parameters
+                    </span>
+                  )}
+                  <QueryParams control={control} />
                 </div>
-                <Tabs defaultValue={hasParams ? "parameters" : "headers"}>
-                  <div className="flex justify-between">
-                    <TabsList>
-                      {hasParams && (
-                        <TabsTrigger value="parameters">Parameters</TabsTrigger>
-                      )}
-                      <TabsTrigger value="headers">
-                        Headers{" "}
-                        {formState.headers.length > 0 &&
-                          `(${formState.headers.length})`}
-                      </TabsTrigger>
-                      <TabsTrigger
-                        value="body"
-                        disabled={["POST", "PUT", "PATCH", "DELETE"].includes(
-                          method.toUpperCase(),
-                        )}
-                      >
-                        Body
-                      </TabsTrigger>
-                    </TabsList>
-                    <div className="flex gap-2 items-center">
-                      Auth:
-                      <Select
-                        onValueChange={(value) =>
-                          form.setValue("identity", value)
-                        }
-                        defaultValue={formState.identity}
-                      >
-                        <SelectTrigger className="w-[180px]">
-                          <SelectValue />
-                        </SelectTrigger>
-                        <SelectContent align="center">
-                          <SelectItem value={NO_IDENTITY}>None</SelectItem>
-                          {identities.data.map((identity) => (
-                            <SelectItem key={identity.id} value={identity.id}>
-                              {identity.label}
-                            </SelectItem>
-                          ))}
-                        </SelectContent>
-                      </Select>
+              </TabsContent>
+              <TabsContent value="body">
+                <textarea
+                  {...register("body")}
+                  className="border border-border w-full rounded p-2 bg-muted h-40"
+                />
+              </TabsContent>
+            </Tabs>
+          </div>
+          <div className="flex flex-col gap-4 p-8 bg-muted/70">
+            {queryMutation.error ? (
+              <div>{queryMutation.error.message}</div>
+            ) : queryMutation.data ? (
+              <div className="flex flex-col gap-2">
+                <div className="flex gap-2">
+                  <div className="flex text-xs gap-6">
+                    <div>
+                      Status: {queryMutation.data.status}{" "}
+                      {statusCodeMap[queryMutation.data.status] ?? ""}
                     </div>
+                    <div>Time: {queryMutation.data.time.toFixed(0)}ms</div>
+                    <div>Size: {queryMutation.data.size} B</div>
                   </div>
-                  <TabsContent value="headers">
-                    <Headers
-                      control={control}
-                      register={register}
-                      headers={formState.headers}
-                    />
-                  </TabsContent>
-                  <TabsContent value="parameters">
-                    <div className="grid grid-cols-[min-content_1fr_1fr_auto]">
-                      {pathParams.length > 0 && (
-                        <div className="font-semibold my-3 col-span-3">
-                          Path Parameters
-                        </div>
-                      )}
-                      <PathParams control={control} register={register} />
-                      {queryParams.length > 0 && (
-                        <span className="font-semibold my-3 col-span-3">
-                          Query Parameters
-                        </span>
-                      )}
-                      <QueryParams control={control} />
-                    </div>
+                </div>
+                {/*<UrlDisplay host={host} path={url} />*/}
+                <Tabs defaultValue="response">
+                  <TabsList>
+                    <TabsTrigger value="response">Response</TabsTrigger>
+                    <TabsTrigger value="headers">
+                      {headerEntries.length
+                        ? `Headers (${headerEntries.length})`
+                        : "No headers"}
+                    </TabsTrigger>
+                  </TabsList>
+
+                  <TabsContent value="response">
+                    <Card className="shadow-none p-4">
+                      <SyntaxHighlight
+                        language={lang ?? "json"}
+                        noBackground
+                        className="overflow-x-auto "
+                        code={queryMutation.data.body ?? JSON.stringify("")}
+                      />
+                    </Card>
                   </TabsContent>
-                  <TabsContent value="body">
-                    <textarea
-                      {...register("body")}
-                      className="border border-border w-full rounded p-2 bg-muted h-40"
-                    />
+                  <TabsContent value="headers">
+                    <Card className="grid grid-cols-2 w-full gap-2.5 font-mono text-xs shadow-none p-4">
+                      <div className="font-semibold">Key</div>
+                      <div className="font-semibold">Value</div>
+                      {headerEntries.map(([key, value]) => (
+                        <Fragment key={key}>
+                          <div>{key}</div>
+                          <div>{value}</div>
+                        </Fragment>
+                      ))}
+                    </Card>
                   </TabsContent>
                 </Tabs>
               </div>
-              <div className="flex flex-col gap-4 p-8 bg-muted/70">
-                {queryMutation.error ? (
-                  <div>{queryMutation.error.message}</div>
-                ) : queryMutation.data ? (
-                  <div className="flex flex-col gap-2">
-                    <div className="flex gap-2">
-                      <div className="flex text-xs gap-6">
-                        <div>
-                          Status: {queryMutation.data.status}{" "}
-                          {statusCodeMap[queryMutation.data.status] ?? ""}
-                        </div>
-                        <div>Time: {queryMutation.data.time.toFixed(0)}ms</div>
-                        <div>Size: {queryMutation.data.size} B</div>
-                      </div>
-                    </div>
-                    {/*<UrlDisplay host={host} path={url} />*/}
-                    <Tabs defaultValue="response">
-                      <TabsList>
-                        <TabsTrigger value="response">Response</TabsTrigger>
-                        <TabsTrigger value="headers">
-                          {headerEntries.length
-                            ? `Headers (${headerEntries.length})`
-                            : "No headers"}
-                        </TabsTrigger>
-                      </TabsList>
-
-                      <TabsContent value="response">
-                        <Card className="shadow-none p-4">
-                          <SyntaxHighlight
-                            language={lang ?? "json"}
-                            noBackground
-                            className="overflow-x-auto "
-                            code={queryMutation.data.body ?? JSON.stringify("")}
-                          />
-                        </Card>
-                      </TabsContent>
-                      <TabsContent value="headers">
-                        <Card className="grid grid-cols-2 w-full gap-2.5 font-mono text-xs shadow-none p-4">
-                          <div className="font-semibold">Key</div>
-                          <div className="font-semibold">Value</div>
-                          {headerEntries.map(([key, value]) => (
-                            <Fragment key={key}>
-                              <div>{key}</div>
-                              <div>{value}</div>
-                            </Fragment>
-                          ))}
-                        </Card>
-                      </TabsContent>
-                    </Tabs>
-                  </div>
-                ) : (
-                  <div className="grid place-items-center h-full">
-                    <span className="text-[16px] font-semibold text-muted-foreground">
-                      {queryMutation.isPending ? (
-                        <Spinner />
-                      ) : (
-                        "Send a request first to see the response here"
-                      )}
-                    </span>
-                  </div>
-                )}
+            ) : (
+              <div className="grid place-items-center h-full">
+                <span className="text-[16px] font-semibold text-muted-foreground">
+                  {queryMutation.isPending ? (
+                    <Spinner />
+                  ) : (
+                    "Send a request first to see the response here"
+                  )}
+                </span>
               </div>
-            </div>
-          </form>
-        </FormProvider>
-      </DialogContent>
-    </Dialog>
+            )}
+          </div>
+        </div>
+      </form>
+    </FormProvider>
   );
 };
-
-export { Playground };

package/src/lib/plugins/openapi/playground/PlaygroundDialog.tsx

@@ -0,0 +1,34 @@
+import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
+import { CirclePlayIcon } from "lucide-react";
+import {
+  Dialog,
+  DialogContent,
+  DialogTitle,
+  DialogTrigger,
+} from "../../../components/Dialog.js";
+import { Playground, type PlaygroundContentProps } from "./Playground.js";
+
+const PlaygroundDialog = (props: PlaygroundContentProps) => {
+  return (
+    <Dialog>
+      <DialogTrigger asChild>
+        <CirclePlayIcon
+          className="cursor-pointer text-primary hover:text-primary/80"
+          size={16}
+        />
+      </DialogTrigger>
+
+      <DialogContent
+        className="max-w-screen-xl w-full h-5/6 overflow-auto p-0"
+        aria-describedby={undefined}
+      >
+        <VisuallyHidden>
+          <DialogTitle>Playground</DialogTitle>
+        </VisuallyHidden>
+        <Playground {...props} />
+      </DialogContent>
+    </Dialog>
+  );
+};
+
+export { PlaygroundDialog };

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

@@ -0,0 +1,7 @@
+import { ProseClasses } from "../../../components/Markdown.js";
+import { cn } from "../../../util/cn.js";
+
+export const SchemaProseClasses = cn(
+  ProseClasses,
+  "max-w-full prose-img:max-w-prose",
+);

package/src/lib/plugins/openapi/worker/worker.ts

@@ -1,7 +1,33 @@
+import { useLogger } from "@envelop/core";
 import { createGraphQLServer } from "../../../oas/graphql/index.js";
 import { type WorkerGraphQLMessage } from "./createSharedWorkerClient.js";
 
-const localServer = createGraphQLServer();
+const map = new Map<string, number>();
+
+const localServer = createGraphQLServer({
+  plugins: [
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    useLogger({
+      logFn: (eventName, { args }) => {
+        if (import.meta.env.PROD) return;
+
+        if (eventName.endsWith("-start")) {
+          map.set(`${eventName}-${args.operationName}`, performance.now());
+        } else if (eventName.endsWith("-end")) {
+          const startEvent = eventName.replace("-end", "-start");
+          const start = map.get(`${startEvent}-${args.operationName}`);
+          if (start) {
+            // eslint-disable-next-line no-console
+            console.log(
+              `${args.operationName} query took ${performance.now() - start}ms`,
+            );
+            map.delete(`${startEvent}-${args.operationName}`);
+          }
+        }
+      },
+    }),
+  ],
+});
 
 const worker = self as unknown as SharedWorkerGlobalScope;
 

package/src/lib/util/MdxComponents.tsx

@@ -85,7 +85,7 @@ export const MdxComponents = {
       <code
         className={cn(
           className,
-          "font-mono border border-border p-1 py-0.5 rounded bg-border/50 dark:bg-border/70",
+          "font-mono border border-border p-1 py-0.5 rounded bg-border/50 dark:bg-border/70 whitespace-nowrap",
         )}
       >
         {children}

package/src/lib/util/objectEntries.ts

@@ -0,0 +1,5 @@
+type ValueOf<T> = T[keyof T];
+type Entries<T> = [keyof T, ValueOf<T>][];
+
+export const objectEntries = <T extends object>(obj: T): Entries<T> =>
+  Object.entries(obj) as Entries<T>;

package/src/lib/util/renderIf.ts

@@ -0,0 +1,4 @@
+export const renderIf = <G, R>(
+  variable: G | undefined | null,
+  callback: (variable: G) => R,
+): R | undefined => (variable ? callback(variable) : undefined);

package/dist/lib/plugins/api-key/CreateApiKey.d.ts

@@ -1,5 +0,0 @@
-import { type ApiKeyPluginOptions, ApiKeyService } from "./index.js";
-export declare const CreateApiKey: ({ options, service, }: {
-    options: ApiKeyPluginOptions;
-    service: ApiKeyService;
-}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/lib/plugins/api-key/CreateApiKey.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CreateApiKey.js","sourceRoot":"","sources":["../../../../src/lib/plugins/api-key/CreateApiKey.tsx"],"names":[],"mappings":"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"}

package/dist/lib/plugins/api-key/SettingsApiKeys.d.ts

@@ -1,5 +0,0 @@
-import { type ApiKeyPluginOptions, ApiKeyService } from "./index.js";
-export declare const SettingsApiKeys: ({ options, service, }: {
-    options: ApiKeyPluginOptions;
-    service: ApiKeyService;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/plugins/api-key/SettingsApiKeys.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMutation, useQueryClient, useSuspenseQuery, } from "@tanstack/react-query";
-import { EyeIcon, EyeOffIcon, RotateCwIcon, TrashIcon } from "lucide-react";
-import { useState } from "react";
-import { Link } from "react-router-dom";
-import { useDevPortal } from "../../components/context/DevPortalProvider.js";
-import { Button } from "../../ui/Button.js";
-import { Card } from "../../ui/Card.js";
-export const SettingsApiKeys = ({ options, service, }) => {
-    const context = useDevPortal();
-    const queryClient = useQueryClient();
-    const { data } = useSuspenseQuery({
-        queryFn: () => service.getKeys(context),
-        queryKey: ["api-keys"],
-    });
-    const deleteKeyMutation = useMutation({
-        mutationFn: (id) => {
-            if (!service.deleteKey) {
-                throw new Error("deleteKey not implemented");
-            }
-            return service.deleteKey(id, context);
-        },
-        onSuccess: () => {
-            void queryClient.invalidateQueries({ queryKey: ["api-keys"] });
-        },
-    });
-    return (_jsxs("div", { className: "max-w-screen-lg pt-[--padding-content-top] pb-[--padding-content-bottom]", children: [_jsxs("div", { className: "flex justify-between mb-4 border-b border-border pb-3", children: [_jsx("h1", { className: "font-medium text-2xl", children: "API Keys" }), service.createKey && (_jsx(Button, { asChild: true, children: _jsx(Link, { to: "/settings/api-keys/new", children: "Create API Key" }) }))] }), _jsx(Card, { children: _jsx("ul", { className: "grid grid-cols-[min-content_1fr_min-content] ", children: data.map((key) => (_jsxs("li", { className: "border-b border-border p-5 grid grid-cols-subgrid col-span-full gap-2 items-center", children: [_jsxs("div", { className: "flex flex-col gap-1 text-sm", children: [key.description ?? key.id, _jsxs("div", { className: "text-muted-foreground text-xs", children: [key.createdOn && (_jsxs("div", { children: ["Created on ", new Date(key.createdOn).toLocaleDateString()] })), key.expiresOn && (_jsxs("div", { children: ["Expires on ", new Date(key.expiresOn).toLocaleDateString()] }))] })] }), _jsx("div", { className: "items-center flex justify-center", children: _jsx(RevealApiKey, { apiKey: key.key }) }), _jsxs("div", { className: "flex gap-2", children: [service.rollKey && (_jsx(Button, { size: "icon", children: _jsx(RotateCwIcon, { size: 16 }) })), service.deleteKey && (_jsx(Button, { variant: "ghost", size: "icon", onClick: () => {
-                                            if (!confirm("Do you want to delete this key?")) {
-                                                return;
-                                            }
-                                            deleteKeyMutation.mutate(key.id);
-                                        }, disabled: deleteKeyMutation.isPending, children: _jsx(TrashIcon, { size: 16 }) }))] })] }, key.id))) }) })] }));
-};
-const RevealApiKey = ({ apiKey }) => {
-    const [revealed, setRevealed] = useState(false);
-    return (_jsxs("div", { className: "flex gap-2 items-center text-sm", children: [_jsx("code", { className: "border border-border rounded bg-gray-100 dark:bg-gray-950 p-1 font-mono", children: revealed ? apiKey : "•".repeat(apiKey.length) }), _jsx(Button, { variant: "outline", onClick: () => setRevealed((prev) => !prev), size: "icon", children: revealed ? _jsx(EyeOffIcon, { size: 16 }) : _jsx(EyeIcon, { size: 16 }) })] }));
-};
-//# sourceMappingURL=SettingsApiKeys.js.map

package/dist/lib/plugins/api-key/SettingsApiKeys.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SettingsApiKeys.js","sourceRoot":"","sources":["../../../../src/lib/plugins/api-key/SettingsApiKeys.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,WAAW,EACX,cAAc,EACd,gBAAgB,GACjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,+CAA+C,CAAC;AAC7E,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAGxC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,OAAO,EACP,OAAO,GAIR,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,YAAY,EAAE,CAAC;IAC/B,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,EAAE,IAAI,EAAE,GAAG,gBAAgB,CAAC;QAChC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC;QACvC,QAAQ,EAAE,CAAC,UAAU,CAAC;KACvB,CAAC,CAAC;IAEH,MAAM,iBAAiB,GAAG,WAAW,CAAC;QACpC,UAAU,EAAE,CAAC,EAAU,EAAE,EAAE;YACzB,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;gBACvB,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC,CAAC;YAC/C,CAAC;YAED,OAAO,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;QACxC,CAAC;QACD,SAAS,EAAE,GAAG,EAAE;YACd,KAAK,WAAW,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;QACjE,CAAC;KACF,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,SAAS,EAAC,0EAA0E,aACvF,eAAK,SAAS,EAAC,uDAAuD,aACpE,aAAI,SAAS,EAAC,sBAAsB,yBAAc,EACjD,OAAO,CAAC,SAAS,IAAI,CACpB,KAAC,MAAM,IAAC,OAAO,kBACb,KAAC,IAAI,IAAC,EAAE,EAAC,wBAAwB,+BAAsB,GAChD,CACV,IACG,EAEN,KAAC,IAAI,cACH,aAAI,SAAS,EAAC,+CAA+C,YAC1D,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,cACE,SAAS,EAAC,oFAAoF,aAG9F,eAAK,SAAS,EAAC,6BAA6B,aACzC,GAAG,CAAC,WAAW,IAAI,GAAG,CAAC,EAAE,EAC1B,eAAK,SAAS,EAAC,+BAA+B,aAC3C,GAAG,CAAC,SAAS,IAAI,CAChB,yCACc,IAAI,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,kBAAkB,EAAE,IACpD,CACP,EACA,GAAG,CAAC,SAAS,IAAI,CAChB,yCACc,IAAI,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,kBAAkB,EAAE,IACpD,CACP,IACG,IACF,EACN,cAAK,SAAS,EAAC,kCAAkC,YAC/C,KAAC,YAAY,IAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAI,GAC7B,EACN,eAAK,SAAS,EAAC,YAAY,aACxB,OAAO,CAAC,OAAO,IAAI,CAClB,KAAC,MAAM,IAAC,IAAI,EAAC,MAAM,YACjB,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,GAAI,GACnB,CACV,EACA,OAAO,CAAC,SAAS,IAAI,CACpB,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,GAAG,EAAE;4CACZ,IAAI,CAAC,OAAO,CAAC,iCAAiC,CAAC,EAAE,CAAC;gDAChD,OAAO;4CACT,CAAC;4CAED,iBAAiB,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;wCACnC,CAAC,EACD,QAAQ,EAAE,iBAAiB,CAAC,SAAS,YAErC,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,GAChB,CACV,IACG,KA1CD,GAAG,CAAC,EAAE,CA2CR,CACN,CAAC,GACC,GACA,IACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAsB,EAAE,EAAE;IACtD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,OAAO,CACL,eAAK,SAAS,EAAC,iCAAiC,aAC9C,eAAM,SAAS,EAAC,yEAAyE,YACtF,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,GACzC,EACP,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAC3C,IAAI,EAAC,MAAM,YAEV,QAAQ,CAAC,CAAC,CAAC,KAAC,UAAU,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,GAAI,GACrD,IACL,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/plugins/api-key/index.js

@@ -1,62 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CreateApiKey } from "./CreateApiKey.js";
-import { SettingsApiKeys } from "./SettingsApiKeys.js";
-const DEFAULT_API_KEY_ENDPOINT = "https://zudoku-rewiringamerica-main-ef9c9c0.d2.zuplo.dev";
-const createDefaultHandler = (endpoint) => {
-    return {
-        deleteKey: async (id, context) => {
-            const request = new Request(endpoint + `/v1/developer/api-keys/${id}`, {
-                method: "DELETE",
-            });
-            await context.signRequest(request);
-            await fetch(request);
-        },
-        createKey: async (apiKey, context) => {
-            const request = new Request(endpoint + `/v1/developer/api-keys`, {
-                method: "POST",
-                headers: {
-                    "Content-Type": "application/json",
-                },
-                body: JSON.stringify(apiKey),
-            });
-            await context.signRequest(request);
-            await fetch(request);
-        },
-        getKeys: async (context) => {
-            const request = new Request(endpoint + `/v1/developer/api-keys`);
-            await context.signRequest(request);
-            const keys = await fetch(request);
-            return await keys.json();
-        },
-    };
-};
-export const apiKeyPlugin = (options) => {
-    const endpoint = "endpoint" in options ? options.endpoint : DEFAULT_API_KEY_ENDPOINT;
-    const service = "getKeys" in options ? options : createDefaultHandler(endpoint);
-    return {
-        getIdentities: async (context) => {
-            const keys = await service.getKeys(context);
-            return keys.map((key) => ({
-                authorizeRequest: (request) => {
-                    request.headers.set("Authorization", `Bearer ${key.key}`);
-                    return request;
-                },
-                id: key.id,
-                label: key.description ?? key.id,
-            }));
-        },
-        getRoutes: () => {
-            return [
-                {
-                    path: "/settings/api-keys",
-                    element: _jsx(SettingsApiKeys, { options: options, service: service }),
-                },
-                {
-                    path: "/settings/api-keys/new",
-                    element: _jsx(CreateApiKey, { options: options, service: service }),
-                },
-            ];
-        },
-    };
-};
-//# sourceMappingURL=index.js.map