zudoku 0.34.2 → 0.34.4

package/lib/ui/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","sources":["../../src/lib/ui/Stepper.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport \"./Stepper.css\";\n\nconst Stepper = ({ children }: PropsWithChildren) => {\n  return <div className=\"stepper\">{children}</div>;\n};\n\nexport { Stepper };\n"],"names":["Stepper","children","jsx"],"mappings":";AAGA,MAAMA,IAAU,CAAC,EAAE,UAAAC,QACTC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,WAAW,UAAAD,EAAS,CAAA;"}
+{"version":3,"file":"Stepper.js","sources":["../../src/lib/ui/Stepper.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\n\n// \"stepper\" class is defined in main.css\nconst Stepper = ({ children }: PropsWithChildren) => {\n  return <div className=\"stepper\">{children}</div>;\n};\n\nexport { Stepper };\n"],"names":["Stepper","children","jsx"],"mappings":";AAGA,MAAMA,IAAU,CAAC,EAAE,UAAAC,QACTC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,WAAW,UAAAD,EAAS,CAAA;"}

package/lib/zudoku.plugin-openapi.js

@@ -5,7 +5,7 @@ import "./chunk-HA7DTUK3-ZGg2W6yV.js";
 import "./hook-CfCFKZ-2.js";
 import "./ui/Button.js";
 import "./joinUrl-10po2Jdj.js";
-import { U as n, o as s } from "./index-DK7IuUyR.js";
+import { U as n, o as s } from "./index-BO-sA1cw.js";
 export {
   n as UNTAGGED_PATH,
   s as openApiPlugin

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zudoku",
-  "version": "0.34.2",
+  "version": "0.34.4",
   "type": "module",
   "homepage": "https://zudoku.dev",
   "repository": {

package/src/app/main.css

@@ -239,61 +239,96 @@
   }
 
   /* Theme */
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 240 10% 3.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 240 10% 3.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 240 10% 3.9%;
+    --primary: 240 5.9% 10%;
+    --primary-foreground: 0 0% 98%;
+    --secondary: 240 4.8% 95.9%;
+    --secondary-foreground: 240 5.9% 10%;
+    --muted: 240 4.8% 95.9%;
+    --muted-foreground: 240 3.8% 46.1%;
+    --accent: 240 4.8% 95.9%;
+    --accent-foreground: 240 5.9% 10%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 0 0% 98%;
+    --border: 240 5.9% 95%;
+    --input: 240 5.9% 90%;
+    --ring: 240 5.9% 10%;
+    --radius: 0.75rem;
+    --chart-1: 12 76% 61%;
+    --chart-2: 173 58% 39%;
+    --chart-3: 197 37% 24%;
+    --chart-4: 43 74% 66%;
+    --chart-5: 27 87% 67%;
+  }
 
-  @layer base {
-    :root {
-      --background: 0 0% 100%;
-      --foreground: 240 10% 3.9%;
-      --card: 0 0% 100%;
-      --card-foreground: 240 10% 3.9%;
-      --popover: 0 0% 100%;
-      --popover-foreground: 240 10% 3.9%;
-      --primary: 240 5.9% 10%;
-      --primary-foreground: 0 0% 98%;
-      --secondary: 240 4.8% 95.9%;
-      --secondary-foreground: 240 5.9% 10%;
-      --muted: 240 4.8% 95.9%;
-      --muted-foreground: 240 3.8% 46.1%;
-      --accent: 240 4.8% 95.9%;
-      --accent-foreground: 240 5.9% 10%;
-      --destructive: 0 84.2% 60.2%;
-      --destructive-foreground: 0 0% 98%;
-      --border: 240 5.9% 95%;
-      --input: 240 5.9% 90%;
-      --ring: 240 5.9% 10%;
-      --radius: 0.75rem;
-      --chart-1: 12 76% 61%;
-      --chart-2: 173 58% 39%;
-      --chart-3: 197 37% 24%;
-      --chart-4: 43 74% 66%;
-      --chart-5: 27 87% 67%;
-    }
+  .dark {
+    --background: 240 10% 3.9%;
+    --foreground: 0 0% 98%;
+    --card: 240 10% 3.9%;
+    --card-foreground: 0 0% 98%;
+    --popover: 240 10% 3.9%;
+    --popover-foreground: 0 0% 98%;
+    --primary: 0 0% 98%;
+    --primary-foreground: 240 5.9% 10%;
+    --secondary: 240 3.7% 15.9%;
+    --secondary-foreground: 0 0% 98%;
+    --muted: 240 3.7% 15.9%;
+    --muted-foreground: 240 5% 64.9%;
+    --accent: 240 3.7% 15.9%;
+    --accent-foreground: 0 0% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 0 0% 98%;
+    --border: 240 3.7% 15.9%;
+    --input: 240 3.7% 15.9%;
+    --ring: 240 4.9% 83.9%;
+    --chart-1: 220 70% 50%;
+    --chart-2: 160 60% 45%;
+    --chart-3: 30 80% 55%;
+    --chart-4: 280 65% 60%;
+    --chart-5: 340 75% 55%;
+  }
+}
 
-    .dark {
-      --background: 240 10% 3.9%;
-      --foreground: 0 0% 98%;
-      --card: 240 10% 3.9%;
-      --card-foreground: 0 0% 98%;
-      --popover: 240 10% 3.9%;
-      --popover-foreground: 0 0% 98%;
-      --primary: 0 0% 98%;
-      --primary-foreground: 240 5.9% 10%;
-      --secondary: 240 3.7% 15.9%;
-      --secondary-foreground: 0 0% 98%;
-      --muted: 240 3.7% 15.9%;
-      --muted-foreground: 240 5% 64.9%;
-      --accent: 240 3.7% 15.9%;
-      --accent-foreground: 0 0% 98%;
-      --destructive: 0 62.8% 30.6%;
-      --destructive-foreground: 0 0% 98%;
-      --border: 240 3.7% 15.9%;
-      --input: 240 3.7% 15.9%;
-      --ring: 240 4.9% 83.9%;
-      --chart-1: 220 70% 50%;
-      --chart-2: 160 60% 45%;
-      --chart-3: 30 80% 55%;
-      --chart-4: 280 65% 60%;
-      --chart-5: 340 75% 55%;
-    }
+@layer components {
+  .stepper > ol {
+    --bullet-size: 1.75rem;
+    --line-spacing: 0.25rem;
+    @apply flex flex-col list-none p-0 m-0;
+    counter-reset: step-counter;
+  }
+
+  .stepper > ol > li {
+    @apply relative ps-12 pb-6 my-0;
+    counter-increment: step-counter;
+  }
+
+  .stepper > ol > li:last-child {
+    @apply pb-0;
+  }
+
+  /* Bullet with number */
+  .stepper > ol > li::before {
+    @apply absolute left-0 flex items-center justify-center size-[--bullet-size];
+    @apply bg-muted/80 border border-border text-muted-foreground text-[calc(var(--bullet-size)/2)] font-semibold rounded-full;
+    content: counter(step-counter);
+  }
+
+  /* Vertical line */
+  .stepper > ol > li::after {
+    @apply absolute content-[''] w-[2px] bg-border -translate-x-1/2;
+    left: calc(var(--bullet-size) / 2);
+    top: calc(var(--bullet-size) + var(--line-spacing));
+    height: calc(100% - var(--bullet-size) - (2 * var(--line-spacing)));
+  }
+
+  .stepper > ol > li > :first-child {
+    @apply mt-0 pt-0;
+    transform: translateY(calc((var(--bullet-size) - 1lh) / 2));
   }
 }

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

@@ -147,17 +147,21 @@ export const OperationList = ({
   const description = schema.description;
   const navigate = useNavigate();
   const operations = schema.operations;
+  const tagDescription = schema.tags.find((t) => t.name === tag)?.description;
+
   // Prefetch for Playground
   useApiIdentities();
 
   // The summary property is preferable here as it is a short description of
   // the API, whereas the description property is typically longer and supports
   // commonmark formatting, making it ill-suited for use in the meta description
-  const metaDescription = summary
-    ? summary
-    : description
-      ? sanitizeMarkdownForMetatag(description)
-      : undefined;
+  const metaDescription = tagDescription
+    ? sanitizeMarkdownForMetatag(tagDescription)
+    : summary
+      ? summary
+      : description
+        ? sanitizeMarkdownForMetatag(description)
+        : undefined;
 
   const showVersions = Object.entries(versions).length > 1;
 
@@ -168,7 +172,7 @@ export const OperationList = ({
       data-pagefind-meta="section:openapi"
     >
       <Helmet>
-        <title>{title}</title>
+        <title>{[tag, title].filter(Boolean).join(" - ")}</title>
         {metaDescription && (
           <meta name="description" content={metaDescription} />
         )}
@@ -243,6 +247,16 @@ export const OperationList = ({
             </CollapsibleContent>
           )}
         </Collapsible>
+        {tagDescription && (
+          <p
+            className={cn(
+              ProseClasses,
+              "my-4 max-w-full prose-img:max-w-prose",
+            )}
+          >
+            <Markdown content={tagDescription} />
+          </p>
+        )}
       </div>
       <hr />
       <div className="my-4 flex items-center justify-end gap-4">

package/src/lib/ui/Stepper.tsx

@@ -1,6 +1,6 @@
 import type { PropsWithChildren } from "react";
-import "./Stepper.css";
 
+// "stepper" class is defined in main.css
 const Stepper = ({ children }: PropsWithChildren) => {
   return <div className="stepper">{children}</div>;
 };

package/lib/zudoku.css

@@ -1 +0,0 @@
-@tailwind components;@layer components{.stepper>ol{--bullet-size: 1.75rem;--line-spacing: .25rem;@apply flex flex-col list-none p-0 m-0;counter-reset:step-counter}.stepper>ol>li{@apply relative ps-12 pb-6 my-0;counter-increment:step-counter}.stepper>ol>li:last-child{@apply pb-0;}.stepper>ol>li:before{@apply absolute left-0 flex items-center justify-center size-[--bullet-size];@apply bg-muted/80 border border-border text-muted-foreground text-[calc(var(--bullet-size)/2)] font-semibold rounded-full;content:counter(step-counter)}.stepper>ol>li:after{@apply absolute content-[""] w-[2px] bg-border -translate-x-1/2;left:calc(var(--bullet-size) / 2);top:calc(var(--bullet-size) + var(--line-spacing));height:calc(100% - var(--bullet-size) - (2 * var(--line-spacing)))}.stepper>ol>li>:first-child{@apply mt-0 pt-0;transform:translateY(calc((var(--bullet-size) - 1lh) / 2))}}

package/src/lib/ui/Stepper.css

@@ -1,43 +0,0 @@
-@tailwind components;
-
-@layer components {
-  .stepper {
-    /* @apply mb-6; */
-  }
-
-  .stepper > ol {
-    --bullet-size: 1.75rem;
-    --line-spacing: 0.25rem;
-    @apply flex flex-col list-none p-0 m-0;
-    counter-reset: step-counter;
-  }
-
-  .stepper > ol > li {
-    @apply relative ps-12 pb-6 my-0;
-    counter-increment: step-counter;
-  }
-
-  .stepper > ol > li:last-child {
-    @apply pb-0;
-  }
-
-  /* Bullet with number */
-  .stepper > ol > li::before {
-    @apply absolute left-0 flex items-center justify-center size-[--bullet-size];
-    @apply bg-muted/80 border border-border text-muted-foreground text-[calc(var(--bullet-size)/2)] font-semibold rounded-full;
-    content: counter(step-counter);
-  }
-
-  /* Vertical line */
-  .stepper > ol > li::after {
-    @apply absolute content-[''] w-[2px] bg-border -translate-x-1/2;
-    left: calc(var(--bullet-size) / 2);
-    top: calc(var(--bullet-size) + var(--line-spacing));
-    height: calc(100% - var(--bullet-size) - (2 * var(--line-spacing)));
-  }
-
-  .stepper > ol > li > :first-child {
-    @apply mt-0 pt-0;
-    transform: translateY(calc((var(--bullet-size) - 1lh) / 2));
-  }
-}