zudoku 0.4.2-dev.2 → 0.4.2-dev.4

package/lib/zudoku.auth-openid.js

@@ -5,7 +5,7 @@ import { j as E } from "./jsx-runtime-B6kdoens.js";
 import { c as Ce, a as Ie } from "./_commonjsHelpers-BVfed4GL.js";
 import { A as je } from "./AuthenticationPlugin-DYnkydqa.js";
 import { useState as Je, useRef as Oe, useEffect as Ne } from "react";
-import { D as ze } from "./DeveloperHint-BQSFXH01.js";
+import { D as ze } from "./DeveloperHint-BkVaBhYp.js";
 import { E as De } from "./ErrorPage-uwQIn-3A.js";
 import { S as Ke } from "./Spinner-D4ifRVWf.js";
 import { S as We } from "./Markdown-h11bKkQ9.js";

package/lib/zudoku.components.js

@@ -15,7 +15,7 @@ var Ce = (e, t, n, r) => ({
 });
 import { H as jt, a as qe, M as lr, u as dr, A as hr, b as fr } from "./utils-BPHLKjns.js";
 import { d as pr, a as mr, R as gr, N as je, L as Ge, u as vr, O as Rt, b as xr, c as He } from "./index-ChhUJhLT.js";
-import { E as Et, S as se, a as yr, R as wr } from "./SlotletProvider-WwEUzQQ3.js";
+import { E as Et, S as se, a as yr, R as wr } from "./SlotletProvider-B1N8zYvn.js";
 import { j as a } from "./jsx-runtime-B6kdoens.js";
 import { M as br, c as Mr, a as _t, b as Nt, A as Cr, u as ge, h as Sr, d as y, e as Pr, F as jr, D as Rr, C as Er, P as ce, f as Ue, g as _r, i as Dt, R as Nr, S as Dr, j as Ir, k as kr, l as It, m as Ar, n as Re, o as kt, p as ft, B as $e } from "./Combination-Ce1nWgn5.js";
 import { c as ue, a as b, C as Or, b as Tr, u as Fr, T as Lr, M as Kr, V as $r, d as ze, e as Br, f as Qr } from "./Markdown-h11bKkQ9.js";

package/lib/zudoku.plugin-api-keys.js

@@ -1,10 +1,10 @@
 import { j as e } from "./jsx-runtime-B6kdoens.js";
-import { S as p, R as g } from "./SlotletProvider-WwEUzQQ3.js";
+import { S as p, R as g } from "./SlotletProvider-B1N8zYvn.js";
 import { u as j, a as u, I as k, S as v, b as w, c as b, d as K, e as N, f as y } from "./Input-CBiLCRuK.js";
 import { e as E, L as x, O as A } from "./index-ChhUJhLT.js";
 import { u as m, t as C, j as S } from "./ZudokuContext-BHNQL3XO.js";
 import { B as l, p as I } from "./Combination-Ce1nWgn5.js";
-import { D as P } from "./DeveloperHint-BQSFXH01.js";
+import { D as P } from "./DeveloperHint-BkVaBhYp.js";
 import { useState as h } from "react";
 import { c as d, a as D, C as R, g as q } from "./Markdown-h11bKkQ9.js";
 /**

package/lib/zudoku.plugin-openapi.js

@@ -1,5 +1,5 @@
 import "./jsx-runtime-B6kdoens.js";
-import { o as s } from "./index-XW9taAve.js";
+import { o as s } from "./index-DGUP_dsJ.js";
 import "./urql-YhcsXYy8.js";
 import "./ZudokuContext-BHNQL3XO.js";
 import "zudoku/openapi-worker";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zudoku",
-  "version": "0.4.2-dev.2",
+  "version": "0.4.2-dev.4",
   "type": "module",
   "files": [
     "dist",

package/src/lib/components/DeveloperHint.tsx

@@ -8,9 +8,7 @@ export const DeveloperHint = ({
   children: ReactNode;
   className?: string;
 }) => {
-  // TODO: figure out a way to do that in consumer dev mode not "internal"
-  //  so this doesn't get stripped out in the build
-  if (!import.meta.env.DEV) return;
+  if (process.env.NODE_ENV !== "development") return;
 
   return (
     <Callout type="caution" title="Developer hint" className={className}>

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

@@ -163,7 +163,7 @@ export const openApiPlugin = (
         .filter((tag) => tag.operations.length > 0)
         .map<SidebarItem>((tag) => ({
           type: "category",
-          label: tag.name ?? "",
+          label: tag.name || "Other endpoints",
           collapsible: true,
           collapsed: false,
           items: tag.operations.map((operation) => ({

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

@@ -223,7 +223,11 @@ export const Playground = ({
               </Button>
             </div>
             <Tabs
-              defaultValue={pathParams.length > 0 ? "parameters" : "headers"}
+              defaultValue={
+                queryParams.length + pathParams.length > 0
+                  ? "parameters"
+                  : "headers"
+              }
             >
               <div className="flex flex-wrap gap-1 justify-between">
                 <TabsList>
@@ -292,7 +296,7 @@ export const Playground = ({
               </TabsContent>
             </Tabs>
           </div>
-          <div className="flex flex-col gap-4 p-8 bg-muted/70">
+          <div className="p-8 bg-muted/70">
             {queryMutation.error ? (
               <div className="flex flex-col gap-2">
                 {formState.pathParams.some((p) => p.value === "") && (
@@ -325,7 +329,6 @@ export const Playground = ({
                     <div>Size: {queryMutation.data.size} B</div>
                   </div>
                 </div>
-                {/*<UrlDisplay host={host} path={url} />*/}
                 <Tabs defaultValue="response">
                   <TabsList>
                     <TabsTrigger value="response">Response</TabsTrigger>
@@ -343,7 +346,10 @@ export const Playground = ({
                     />
                   </TabsContent>
                   <TabsContent value="headers">
-                    <Card className="grid grid-cols-2 w-full gap-2.5 font-mono text-xs shadow-none p-4">
+                    <Card
+                      // playground dialog has h-5/6 ≈ 83.333vh
+                      className="max-h-[calc(83.333vh-140px)] overflow-y-auto 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]) => (

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

@@ -55,7 +55,8 @@ export const ResponseTab = ({
           }
           noBackground
           showLanguageIndicator
-          className="overflow-x-auto p-4 text-xs max-h-[480px]"
+          // playground dialog has h-5/6 ≈ 83.333vh
+          className="overflow-x-auto p-4 text-xs max-h-[calc(83.333vh-180px)]"
           code={view === "raw" ? body : beautifiedBody}
         />
       </Card>

package/lib/DeveloperHint-BQSFXH01.js

@@ -1,10 +0,0 @@
-import "./jsx-runtime-B6kdoens.js";
-const n = ({
-  children: e,
-  className: r
-}) => {
-};
-export {
-  n as D
-};
-//# sourceMappingURL=DeveloperHint-BQSFXH01.js.map

package/lib/DeveloperHint-BQSFXH01.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DeveloperHint-BQSFXH01.js","sources":["../src/lib/components/DeveloperHint.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Callout } from \"../ui/Callout.js\";\n\nexport const DeveloperHint = ({\n  children,\n  className,\n}: {\n  children: ReactNode;\n  className?: string;\n}) => {\n  // TODO: figure out a way to do that in consumer dev mode not \"internal\"\n  //  so this doesn't get stripped out in the build\n  if (!import.meta.env.DEV) return;\n\n  return (\n    <Callout type=\"caution\" title=\"Developer hint\" className={className}>\n      <div className=\"flex flex-col gap-2\">\n        <div>{children}</div>\n        <small className=\"italic\">\n          Note: This hint is only shown in development mode.\n        </small>\n      </div>\n    </Callout>\n  );\n};\n"],"names":["DeveloperHint","children","className"],"mappings":";AAGO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,UAAAC;AAAA,EACA,WAAAC;AACF,MAGM;AAeN;"}