zudoku 0.1.1-dev.44 → 0.1.1-dev.46

package/src/lib/plugins/openapi/SchemaListView.tsx

@@ -0,0 +1,229 @@
+import { SchemaObject } from "../../oas/parser/index.js";
+import { useState } from "react";
+import { cn } from "../../util/cn.js";
+import { Markdown } from "../../components/Markdown.js";
+import * as Collapsible from "@radix-ui/react-collapsible";
+import { Button } from "../../ui/Button.js";
+import { ListPlusIcon } from "lucide-react";
+
+export const SchemaListView = ({
+  name,
+  schema,
+  level = 0,
+  defaultOpen = false,
+}: {
+  level?: number;
+  defaultOpen?: boolean;
+  name?: string;
+  schema: SchemaObject;
+}) => {
+  const properties = Object.entries(schema.properties ?? {});
+  const additionalProperties =
+    typeof schema.additionalProperties === "object"
+      ? Object.entries(schema.additionalProperties)
+      : [];
+
+  const combinedProperties = properties.concat(
+    Array.isArray(additionalProperties) ? additionalProperties : [],
+  );
+
+  const groups = Object.groupBy(
+    combinedProperties,
+    ([propertyName, property]) => {
+      return property.deprecated
+        ? "deprecated"
+        : schema.required?.includes(propertyName)
+          ? "required"
+          : "optional";
+    },
+  );
+
+  return (
+    <div
+      className={cn(
+        "not-prose",
+        level > 0 && "border border-border rounded text-sm",
+      )}
+    >
+      {(schema.title ?? name) && (
+        <div className="ml-2 my-1 font-bold">{schema.title ?? name}</div>
+      )}
+      {level === 0 && schema.description && (
+        <p className="prose">{schema.description}</p>
+      )}
+      <ul>
+        {Object.entries(groups).map(([group, properties]) => {
+          return (
+            <SchemaListViewItemGroup
+              defaultOpen={defaultOpen}
+              group={group as any}
+              nestingLevel={level}
+              properties={properties}
+              required={schema.required ?? []}
+            />
+          );
+        })}
+      </ul>
+    </div>
+  );
+};
+
+const SchemaListViewItemGroup = ({
+  group,
+  properties,
+  nestingLevel,
+  required,
+  defaultOpen = false,
+}: {
+  group: "optional" | "required" | "deprecated";
+  defaultOpen?: boolean;
+  properties: [string, SchemaObject][];
+  nestingLevel: number;
+  required: string[];
+}) => {
+  const notCollapsible =
+    defaultOpen ||
+    group === "required" ||
+    properties.length === 1 ||
+    nestingLevel === 0;
+  const [open, setOpen] = useState(notCollapsible);
+  if (properties.length === 0) {
+    return;
+  }
+
+  return (
+    <Collapsible.Root
+      className="CollapsibleRoot"
+      open={open}
+      onOpenChange={setOpen}
+    >
+      {!open && (
+        <Collapsible.Trigger
+          className={cn(
+            "py-2 hover:bg-muted w-full",
+            group === "optional" && "font-semibold",
+            group === "deprecated" && "text-muted-foreground",
+          )}
+        >
+          {properties.length} {group} fields
+        </Collapsible.Trigger>
+      )}
+
+      <Collapsible.Content>
+        {properties.map(([propertyName, property]) => (
+          <SchemaListViewItem
+            property={property}
+            propertyName={propertyName}
+            nestingLevel={nestingLevel}
+            isRequired={required?.includes(propertyName) ?? false}
+          />
+        ))}
+      </Collapsible.Content>
+    </Collapsible.Root>
+  );
+};
+
+const SchemaListViewItem = ({
+  propertyName,
+  property,
+  nestingLevel,
+  isRequired,
+}: {
+  propertyName: string;
+  isRequired: boolean;
+  property: SchemaObject;
+  nestingLevel: number;
+}) => {
+  return (
+    <div
+      key={propertyName}
+      className={cn(
+        nestingLevel > 0 ? "py-2" : "py-4",
+        "px-2 border-t border-border bg-border/20 hover:bg-border/30 flex gap-1 flex-col text-sm",
+        property.deprecated && "opacity-50",
+      )}
+    >
+      <div className="flex items-center gap-2 relative">
+        <code>
+          {propertyName} {property.title}
+        </code>
+
+        {property.type && (
+          <span className="text-muted-foreground">{property.type}</span>
+        )}
+        {property.deprecated && (
+          <span className="text-muted-foreground">Deprecated</span>
+        )}
+        {!isRequired && (
+          <span className="py-px px-1.5 font-medium text-xs border border-border rounded-lg">
+            optional {property.required}
+          </span>
+        )}
+        {/*{property.type === "object" && (*/}
+        {/*  <div className="absolute right-3">+</div>*/}
+        {/*)}*/}
+      </div>
+      {property.description && (
+        <Markdown
+          content={property.description}
+          className="text-sm leading-normal line-clamp-4 "
+        />
+      )}
+
+      {property.enum && (
+        <span className="text-sm text-muted-foreground flex gap-1 flex-wrap items-center">
+          <span>Possible values</span>
+          {property.enum
+            .filter((value) => value)
+            .map((value) => (
+              <span
+                key={value}
+                className="font-mono text-xs border-border border bg-muted rounded px-1"
+              >
+                {value}
+              </span>
+            ))
+            .slice(0, 4)}
+          {property.enum.length > 4 && (
+            <span className="font-mono text-xs border-border border bg-muted rounded px-1">
+              ...
+            </span>
+          )}
+        </span>
+      )}
+
+      <Collapsible.Root className="CollapsibleRoot" defaultOpen={false}>
+        {property.type === "object" ||
+        (property.type === "array" && property.items.type === "object") ? (
+          <Collapsible.Trigger asChild>
+            <Button variant="ghost" size="sm">
+              Show nested fields
+              <ListPlusIcon size={18} className="ml-1.5" />
+            </Button>
+          </Collapsible.Trigger>
+        ) : null}
+
+        <Collapsible.Content>
+          {property.type === "object" && (
+            <div className="mt-2.5">
+              <SchemaListView
+                schema={property}
+                level={nestingLevel + 1}
+                defaultOpen
+              />
+            </div>
+          )}
+          {property.type === "array" && property.items.type === "object" && (
+            <div className="mt-2.5">
+              <SchemaListView
+                schema={property.items}
+                defaultOpen
+                level={nestingLevel + 1}
+              />
+            </div>
+          )}
+        </Collapsible.Content>
+      </Collapsible.Root>
+    </div>
+  );
+};

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

@@ -1,37 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useDevPortal } from "../../components/context/DevPortalProvider.js";
-import { useMutation } from "@tanstack/react-query";
-import { Button } from "../../ui/Button.js";
-import { Input } from "../../components/Input.js";
-import { cn } from "../../util/cn.js";
-import { Link, useNavigate } from "react-router-dom";
-import { useForm } from "react-hook-form";
-export const CreateApiKey = ({ options, service, }) => {
-    const context = useDevPortal();
-    const navigate = useNavigate();
-    const form = useForm();
-    const createKeyMutation = useMutation({
-        mutationFn: ({ description, expiresAt }) => {
-            if (!service.createKey) {
-                throw new Error("deleteKey not implemented");
-            }
-            return service.createKey({ description }, context);
-        },
-        onSuccess: () => navigate("/settings/api-keys/"),
-    });
-    if (!service.createKey) {
-        return null;
-    }
-    return (_jsxs("div", { className: "max-w-screen-lg pt-[--padding-content-top] pb-[--padding-content-bottom]", children: [_jsx("div", { className: "flex justify-between mb-4 border-b pb-1", children: _jsx("h1", { className: "font-medium text-2xl", children: "New API Keys" }) }), _jsx("form", { onSubmit: form.handleSubmit((data) => {
-                    if (data.expiresAt === "never") {
-                        delete data.expiresAt;
-                    }
-                    createKeyMutation.mutate(data);
-                }), children: _jsxs("div", { className: "flex gap-2 flex-col", children: ["Note", _jsx(Input, { ...form.register("description") }), "Expiration", _jsxs("select", { className: cn("row-start-1 col-start-1 border border-input text-foreground px-2 py-1 pe-6", "rounded-md appearance-none bg-zinc-50 hover:bg-white dark:bg-zinc-800 hover:dark:bg-zinc-800/75"), ...form.register("expiresAt"), children: [_jsx("option", { value: "never", children: "Never" }), [7, 30, 60, 90].map((option) => (_jsxs("option", { value: addDaysToDate(option), children: [option, " Days"] }, option)))] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { children: "Generate Key" }), _jsx(Button, { variant: "outline", asChild: true, children: _jsx(Link, { to: "/settings/api-keys/", children: "Cancel" }) })] })] }) })] }));
-};
-const addDaysToDate = (days) => {
-    const date = new Date();
-    date.setDate(date.getDate() + days);
-    return date.toISOString().split("T")[0];
-};
-//# sourceMappingURL=CreateApiKeys.js.map

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

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