zudoku 0.13.3 → 0.13.4

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

@@ -1,9 +1,9 @@
 import { j as e } from "./jsx-runtime-B6kdoens.js";
 import { S as x, R as f } from "./SlotletProvider-DmqWiVFt.js";
-import { u as g, a as d, I as j, S as v, b as w, c as b, d as k, e as K, f as m } from "./Input-a9rLgbP_.js";
+import { u as g, a as d, I as j, S as v, b as w, c as b, d as k, e as K, f as m } from "./Input-DrR6P3mq.js";
 import { a as N, L as u, O as I } from "./index-DFN92YJN.js";
 import { u as h, a as E, b as S } from "./ZudokuContext-MRoel6bS.js";
-import { B as l, n as A } from "./index-_GxJ8hpM.js";
+import { B as l, n as A } from "./index-Ch8VO_uX.js";
 import { D as C } from "./DeveloperHint-B_QCCafl.js";
 import { RotateCwIcon as P, TrashIcon as D, EyeOffIcon as R, EyeIcon as q, CheckIcon as O, CopyIcon as z } from "lucide-react";
 import { useState as p } from "react";

package/lib/zudoku.plugin-openapi.js

@@ -1,9 +1,9 @@
 import "./jsx-runtime-B6kdoens.js";
-import { o as u } from "./index-dHVZhVNO.js";
+import { o as u } from "./index-Dso_b0di.js";
 import "./ZudokuContext-MRoel6bS.js";
 import "lucide-react";
 import "zudoku/openapi-worker";
-import "./index-_GxJ8hpM.js";
+import "./index-Ch8VO_uX.js";
 import "./ErrorPage-DqqAV1dr.js";
 import "./Markdown-Y__eLG0x.js";
 import "./joinPath-B7kNnUX4.js";

package/package.json

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

package/src/lib/authentication/hook.ts

@@ -10,7 +10,7 @@ export const useAuth = () => {
     isAuthEnabled,
     isPending: authState.isPending,
     profile: authState.profile,
-    isAuthenticated: authState.profile,
+    isAuthenticated: Boolean(authState.profile),
 
     login: async () => {
       if (!isAuthEnabled) {

package/src/lib/components/MobileTopNavigation.tsx

@@ -2,6 +2,7 @@ import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
 import { cx } from "class-variance-authority";
 import { MenuIcon } from "lucide-react";
 import { NavLink } from "react-router-dom";
+import { useAuth } from "../authentication/hook.js";
 import {
   Drawer,
   DrawerClose,
@@ -11,9 +12,12 @@ import {
 } from "../ui/Drawer.js";
 import { useZudoku } from "./context/ZudokuContext.js";
 import { Search } from "./Search.js";
+import { isHiddenItem } from "./TopNavigation.js";
 
 export const MobileTopNavigation = () => {
   const { topNavigation } = useZudoku();
+  const { isAuthenticated } = useAuth();
+
   return (
     <Drawer direction="right">
       <div className="flex lg:hidden justify-self-end">
@@ -32,7 +36,7 @@ export const MobileTopNavigation = () => {
           <Search />
         </div>
         <ul className="flex flex-col items-center gap-4 p-4">
-          {topNavigation.map((item) => (
+          {topNavigation.filter(isHiddenItem(isAuthenticated)).map((item) => (
             <li key={item.label}>
               <NavLink
                 className={({ isActive }) =>

package/src/lib/components/TopNavigation.tsx

@@ -1,10 +1,23 @@
 import { cx } from "class-variance-authority";
 import { NavLink } from "react-router-dom";
 
+import { useAuth } from "../authentication/hook.js";
 import { useZudoku } from "./context/ZudokuContext.js";
 
+export const isHiddenItem =
+  (isAuthenticated?: boolean) =>
+  (item: { display?: "auth" | "anon" | "always" }) => {
+    return (
+      (item.display === "auth" && isAuthenticated) ||
+      (item.display === "anon" && !isAuthenticated) ||
+      !item.display ||
+      item.display === "always"
+    );
+  };
+
 export const TopNavigation = () => {
   const { topNavigation } = useZudoku();
+  const { isAuthenticated } = useAuth();
 
   // Hide top nav if there is only one item
   if (topNavigation.length <= 1) {
@@ -14,7 +27,7 @@ export const TopNavigation = () => {
   return (
     <nav className="hidden lg:block border-b text-sm px-12 h-[--top-nav-height]">
       <ul className="flex flex-row items-center gap-8">
-        {topNavigation.map((item) => (
+        {topNavigation.filter(isHiddenItem(isAuthenticated)).map((item) => (
           <li key={item.label}>
             <NavLink
               className={({ isActive }) =>

package/src/lib/components/index.ts

@@ -11,6 +11,7 @@ import {
 } from "./Bootstrap.js";
 import { DevPortal as DevPortalImport } from "./DevPortal.js";
 import { Layout as LayoutImport } from "./Layout.js";
+import { useZudoku as useZudokuImport } from "./context/ZudokuContext.js";
 
 export const useMDXComponents = /*@__PURE__*/ useMDXComponentsImport;
 export const Callout = /*@__PURE__*/ CalloutImport;
@@ -23,3 +24,4 @@ export const Bootstrap = /*@__PURE__*/ BootstrapImport;
 export const BootstrapStatic = /*@__PURE__*/ BootstrapStaticImport;
 export const Button = /*@__PURE__*/ ButtonImport;
 export const Head = /*@__PURE__*/ Helmet;
+export const useZudoku = /*@__PURE__*/ useZudokuImport;

package/src/lib/core/DevPortalContext.ts

@@ -60,7 +60,12 @@ export type ZudokuContextOptions = {
   metadata?: Metadata;
   page?: Page;
   authentication?: AuthenticationProvider;
-  topNavigation?: Array<{ id: string; label: string; default?: string }>;
+  topNavigation?: Array<{
+    id: string;
+    label: string;
+    default?: string;
+    display?: "auth" | "anon" | "always";
+  }>;
   sidebars?: SidebarConfig;
   plugins?: DevPortalPlugin[];
   slotlets?: Slotlets;