zudoku 0.3.0-dev.99 → 0.3.0

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

@@ -1,75 +0,0 @@
-import { Markdown } from "../../components/Markdown.js";
-import { SchemaObject } from "../../oas/parser/index.js";
-import { Card } from "../../ui/Card.js";
-import { groupBy } from "../../util/groupBy.js";
-import { objectEntries } from "../../util/objectEntries.js";
-import { SchemaListViewItem } from "./SchemaListViewItem.js";
-import { SchemaListViewItemGroup } from "./SchemaListViewItemGroup.js";
-import { SchemaProseClasses } from "./util/prose.js";
-
-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 = groupBy(combinedProperties, ([propertyName, property]) => {
-    return property.deprecated
-      ? "deprecated"
-      : schema.required?.includes(propertyName)
-        ? "required"
-        : "optional";
-  });
-
-  if (schema.type === "array") {
-    return (
-      <Card className="overflow-hidden">
-        <SchemaListViewItem
-          propertyName={schema.title ?? name}
-          isRequired={true}
-          property={schema}
-          defaultOpen={level === 0}
-          nestingLevel={level}
-        />
-      </Card>
-    );
-  }
-
-  return (
-    <div className="flex flex-col gap-2.5">
-      {(schema.title ?? name) && (
-        <div className="ml-2 my-1 font-bold">{schema.title ?? name}</div>
-      )}
-      {level === 0 && schema.description && (
-        <Markdown className={SchemaProseClasses} content={schema.description} />
-      )}
-      <Card className="overflow-hidden">
-        {objectEntries(groups).map(([group, properties]) => (
-          <SchemaListViewItemGroup
-            key={group}
-            defaultOpen={defaultOpen}
-            group={group}
-            nestingLevel={level}
-            properties={properties ?? []}
-            required={schema.required ?? []}
-          />
-        ))}
-      </Card>
-    </div>
-  );
-};

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

@@ -1,125 +0,0 @@
-import * as Collapsible from "@radix-ui/react-collapsible";
-import { ListPlusIcon } from "lucide-react";
-import { Markdown } from "../../components/Markdown.js";
-import { SchemaObject } from "../../oas/parser/index.js";
-import { Button } from "../../ui/Button.js";
-import { cn } from "../../util/cn.js";
-import { SchemaListView } from "./SchemaListView.js";
-
-export const SchemaListViewItem = ({
-  propertyName,
-  property,
-  nestingLevel,
-  isRequired,
-  defaultOpen = false,
-}: {
-  propertyName?: string;
-  isRequired: boolean;
-  property: SchemaObject;
-  nestingLevel: number;
-  defaultOpen?: boolean;
-}) => {
-  if (!property) {
-    return <div>no property</div>;
-  }
-
-  const title =
-    propertyName || property.title
-      ? [propertyName, property.title].filter(Boolean).join(" ")
-      : null;
-
-  return (
-    <div
-      className={cn(
-        "p-4 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">
-        {title && <code>{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 border rounded-lg">
-            optional {property.required}
-          </span>
-        )}
-      </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>
-          {/* Make values unique, some schemas have duplicates */}
-          {[...new Set(property.enum.filter((value) => value))]
-            .map((value) => (
-              <span
-                key={value}
-                className="font-mono text-xs border bg-muted rounded px-1"
-              >
-                {value}
-              </span>
-            ))
-            .slice(0, 4)}
-          {property.enum.length > 4 && (
-            <span className="font-mono text-xs border bg-muted rounded px-1">
-              ...
-            </span>
-          )}
-        </span>
-      )}
-
-      {(property.type === "object" &&
-        (property.properties?.length ??
-          Object.entries(property.additionalProperties ?? {}).length > 0)) ||
-      (property.type === "array" &&
-        // this check is needed because the `items` can be undefined despite the type being defined
-        typeof property.items !== "undefined" &&
-        property.items.type === "object") ? (
-        <Collapsible.Root className="CollapsibleRoot" defaultOpen={defaultOpen}>
-          <Collapsible.Trigger asChild>
-            <Button
-              variant="ghost"
-              size="sm"
-              className={cn(defaultOpen && "hidden")}
-            >
-              Show nested fields
-              <ListPlusIcon size={18} className="ml-1.5" />
-            </Button>
-          </Collapsible.Trigger>
-
-          <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>
-      ) : null}
-    </div>
-  );
-};

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

@@ -1,63 +0,0 @@
-import * as Collapsible from "@radix-ui/react-collapsible";
-import { useState } from "react";
-import { SchemaObject } from "../../oas/parser/index.js";
-import { cn } from "../../util/cn.js";
-import { SchemaListViewItem } from "./SchemaListViewItem.js";
-
-export 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 className="divide-y divide-border">
-        {properties.map(([propertyName, property]) => (
-          <SchemaListViewItem
-            key={propertyName}
-            property={property}
-            propertyName={propertyName}
-            nestingLevel={nestingLevel}
-            isRequired={required.includes(propertyName)}
-          />
-        ))}
-      </Collapsible.Content>
-    </Collapsible.Root>
-  );
-};