zudoku 0.4.2-dev.1 → 0.4.2-dev.3

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-D2SS6ne_.js";
+import { o as s } from "./index-Sapny0Di.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.1",
+  "version": "0.4.2-dev.3",
   "type": "module",
   "files": [
     "dist",

package/src/app/main.css

@@ -102,7 +102,7 @@
   html {
     scroll-padding-block: var(--scroll-padding);
     /* This is to prevent layout jumping when the scrollbar appears/disappears */
-    padding-left: var(--scrollbar-width);
+    @apply mr-[calc(-1*var(--scrollbar-width))] overflow-x-hidden;
   }
 
   body {
@@ -172,6 +172,16 @@
     }
   }
 
+  .scrollbar {
+    /* For Firefox */
+    scrollbar-width: thin;
+    scrollbar-color: transparent transparent;
+  }
+
+  .scrollbar:hover {
+    scrollbar-color: hsla(var(--border)) transparent;
+  }
+
   .scrollbar::-webkit-scrollbar {
     padding: 2px;
     width: 12px;

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/components/Header.tsx

@@ -58,8 +58,8 @@ export const Header = memo(function HeaderInner() {
   const ThemeIcon = isDark ? MoonStarIcon : SunIcon;
 
   return (
-    // padding-left is to prevent layout jumping when scrollbar appears/disappears
-    <header className="fixed top-0 z-10 bg-background/80 backdrop-blur left-0 right-0 pl-[var(--scrollbar-width)]">
+    // margin-left is to prevent layout jumping when scrollbar appears/disappears
+    <header className="fixed top-0 z-10 bg-background/80 backdrop-blur left-0 right-0 2xl:ml-[--scrollbar-width]">
       <div className="max-w-screen-2xl mx-auto">
         <div className="grid grid-cols-[calc(var(--side-nav-width))_1fr] lg:gap-12 items-center border-b px-12 h-[--top-header-height]">
           <div className="flex">

package/src/lib/components/navigation/SidebarCategory.tsx

@@ -103,10 +103,13 @@ export const SidebarCategory = ({
         <ul className="mt-1 border-l ps-2">
           {category.items.map((item) => (
             <SidebarItem
-              key={item.label}
+              key={
+                ("id" in item ? item.id : "") +
+                ("href" in item ? item.href : "") +
+                item.label
+              }
               level={level + 1}
               item={item}
-              // activeAnchor={activeAnchor}
             />
           ))}
         </ul>

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

@@ -225,7 +225,7 @@ export const Playground = ({
             <Tabs
               defaultValue={pathParams.length > 0 ? "parameters" : "headers"}
             >
-              <div className="flex justify-between">
+              <div className="flex flex-wrap gap-1 justify-between">
                 <TabsList>
                   {queryParams.length + pathParams.length > 0 && (
                     <TabsTrigger value="parameters">Parameters</TabsTrigger>

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;"}