@dbosoft/nextjs-uicore 1.7.0-pre.4 → 1.7.1

package/CHANGELOG.md

@@ -1,5 +1,53 @@
 # @dbosoft/nextjs-uicore
 
+## 1.7.1
+
+### Patch Changes
+
+- Republish all packages from current main with tutorial system, tabs fixes, and surface system changes.
+- Updated dependencies
+  - @dbosoft/react-uicore@1.5.1
+
+## 1.7.0
+
+### Minor Changes
+
+- e22306c: Surface system, config-driven types, and pluggable auth.
+
+  **Surface system**
+  - 5 surface classes: `surface-base`, `surface-alt`, `surface-recede`, `surface-wash`, `surface-bold`
+  - Flat nesting — no `child-*` indirection needed
+  - Text tokens: `text-on-primary`, `text-on-secondary`, `text-on-muted`, `text-on-brand`, `text-on-link`
+  - Dark mode uses dark blue surfaces (hue 215°) with wide lightness steps
+  - WCAG AAA validated: 10 surfaces, ~50 foreground pairings, 0 FAIL
+  - **Breaking:** Removed `child-container`, `child-zone-light`, `child-zone-dark`, `child-emphasis`, `border-child`, `bg-child-*`
+  - **Breaking:** Renamed `surface-page` → `surface-base`, `surface-page-alt` → `surface-alt`, `surface-page-recede` → `surface-recede`, `surface-brand-wash` → `surface-wash`, `surface-brand-bold` → `surface-bold`
+
+  **Tabs**
+  - Dual-mode routing (path or query parameter) with configurable param name
+  - Client-only tab switching via pushState, zero re-render tab changes
+
+  **Config-driven type system**
+  - `createSiteConfig()` infers all types from config objects — no manual type declarations
+  - **Breaking:** `createLink()` removed — use `createSiteConfig()` instead
+  - **Breaking:** `useSiteConfig()` removed — pass config as props
+  - **Breaking:** `BreadcrumbSchemaClient` / `BreadcrumbSchemaLazy` exports removed
+  - **Breaking:** `GetStartedConfig` type removed
+
+  **Pluggable auth**
+  - `authSlot` prop on `HeadNav` — consumer passes their own auth UI component
+  - Framework no longer imports `next-auth` — zero auth library dependency
+  - **Breaking:** `config.auth` removed — use `HeadNav authSlot` prop + consumer-side SessionProvider
+  - **Breaking:** `AuthAdapter`, `AuthSession`, `AuthConfig` types removed
+
+  **@dbosoft/nextjs-auth (new package)**
+  - OIDC authentication with PKCE, iron-session encrypted cookies, per-scope token caching, i18n support
+
+### Patch Changes
+
+- Updated dependencies [e22306c]
+  - @dbosoft/react-uicore@1.5.0
+
 ## 1.7.0-pre.4
 
 ### Patch Changes

package/package.json

@@ -3,7 +3,7 @@
   "description": "DEPRECATED: Use @dbosoft/react-uicore/tabs for pure React tabs and @dbosoft/nextjs-site-core/ui/tabs for Next.js integration. All other components (head, subnav, themeselector) are replaced by @dbosoft/nextjs-site-core.",
   "deprecated": true,
   "author": "dbosoft",
-  "version": "1.7.0-pre.4",
+  "version": "1.7.1",
   "sideEffects": false,
   "license": "MIT",
   "exports": {
@@ -23,9 +23,9 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "typescript": "^5.8.0",
-    "@dbosoft/typescript-config": "1.1.0",
-    "@dbosoft/eslint-config": "2.0.0",
-    "@dbosoft/web-types": "1.0.0"
+    "@dbosoft/typescript-config": "1.1.1",
+    "@dbosoft/eslint-config": "2.0.1",
+    "@dbosoft/web-types": "1.0.1"
   },
   "publishConfig": {
     "access": "public"
@@ -39,7 +39,7 @@
     "@heroicons/react": ">=2.1.0",
     "clsx": ">=2.1.0",
     "next-themes": ">=0.4.3",
-    "@dbosoft/react-uicore": "1.5.0-pre.4"
+    "@dbosoft/react-uicore": "1.5.1"
   },
   "scripts": {
     "check-types": "tsc --noEmit",

package/src/tabs/TabsClient.tsx

@@ -1,75 +1,75 @@
-"use client"
-
-import { usePathname, useRouter, useSearchParams } from "next/navigation";
-import { FC, ReactNode, forwardRef, useState } from "react";
-import { TabGroup } from "@headlessui/react"
-import Link from "next/link";
-import clsx from "clsx";
-
-export type TabConfig = {
-  name: string,
-  displayName: string
-  className?: string
-  content: ReactNode
-}
-
-export const createNavUrl = (index: number, tabs: string[], pathname: string, searchParams: URLSearchParams) => {
-  const lastSegment = pathname.split(`/`).pop();
-  let newPath = pathname;
-
-  if (lastSegment && tabs.includes(lastSegment)) {
-    newPath = pathname.substring(0, pathname.lastIndexOf(`/`));
-  }
-
-  const newTab = index > 0 ? tabs[index] : ``;
-  newPath = newPath + `/` + newTab;
-
-  const query = searchParams.toString();
-
-  if (query)
-    return (newPath + `?` + query);
-  else
-    return newPath;
-}
-
-export const TabLink = forwardRef<HTMLAnchorElement, React.PropsWithChildren<{
-  index: number, tabs: string[], className: string
-}>>((props, ref) => {
-
-  const pathname = usePathname()
-  const searchParams = useSearchParams()
-
-  return <Link prefetch={false} role="tab" {...props} className={clsx(`data-[selected]:border-secondary data-[selected]:text-link-light dark:data-[selected]:text-sky-300`,
-    `border-transparent text-on-secondary hover:border-secondary hover:text-sky-600 dark:hover:text-sky-200 `,
-    `whitespace-nowrap border-b-2 mx-3 px-2 py-2 text-base font-semibold`)} ref={ref} href={createNavUrl(props.index, props.tabs, pathname, searchParams)}
-  >
-    {props.children}
-  </Link >
-});
-
-TabLink.displayName = `TabLink`;
-
-const TabsClient: FC<{
-  children: ReactNode,
-  initialTab: number,
-  tabs: string[]
-}> = ({
-  children,
-  tabs,
-  initialTab
-}) => {
-    const router = useRouter();
-    const pathname = usePathname();
-    const searchParams = useSearchParams();
-    const [selectedTab, setSelectedTab] = useState(initialTab);
-
-    return <TabGroup className="text-on-primary" manual selectedIndex={selectedTab}
-      defaultIndex={initialTab} onChange={(index) => {
-        router.push(createNavUrl(index, tabs, pathname, searchParams));
-        setSelectedTab(index);
-      }}>
-      {children}
-    </TabGroup>
-  }
-
-export default TabsClient
+"use client"
+
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
+import { FC, ReactNode, forwardRef, useState } from "react";
+import { TabGroup } from "@headlessui/react"
+import Link from "next/link";
+import clsx from "clsx";
+
+export type TabConfig = {
+  name: string,
+  displayName: string
+  className?: string
+  content: ReactNode
+}
+
+export const createNavUrl = (index: number, tabs: string[], pathname: string, searchParams: URLSearchParams) => {
+  const lastSegment = pathname.split(`/`).pop();
+  let newPath = pathname;
+
+  if (lastSegment && tabs.includes(lastSegment)) {
+    newPath = pathname.substring(0, pathname.lastIndexOf(`/`));
+  }
+
+  const newTab = index > 0 ? tabs[index] : ``;
+  newPath = newPath + `/` + newTab;
+
+  const query = searchParams.toString();
+
+  if (query)
+    return (newPath + `?` + query);
+  else
+    return newPath;
+}
+
+export const TabLink = forwardRef<HTMLAnchorElement, React.PropsWithChildren<{
+  index: number, tabs: string[], className: string
+}>>((props, ref) => {
+
+  const pathname = usePathname()
+  const searchParams = useSearchParams()
+
+  return <Link prefetch={false} role="tab" {...props} className={clsx(`data-[selected]:border-secondary data-[selected]:text-link-light dark:data-[selected]:text-sky-300`,
+    `border-transparent text-on-secondary hover:border-secondary hover:text-sky-600 dark:hover:text-sky-200 `,
+    `whitespace-nowrap border-b-2 mx-3 px-2 py-2 text-base font-semibold`)} ref={ref} href={createNavUrl(props.index, props.tabs, pathname, searchParams)}
+  >
+    {props.children}
+  </Link >
+});
+
+TabLink.displayName = `TabLink`;
+
+const TabsClient: FC<{
+  children: ReactNode,
+  initialTab: number,
+  tabs: string[]
+}> = ({
+  children,
+  tabs,
+  initialTab
+}) => {
+    const router = useRouter();
+    const pathname = usePathname();
+    const searchParams = useSearchParams();
+    const [selectedTab, setSelectedTab] = useState(initialTab);
+
+    return <TabGroup className="text-on-primary" manual selectedIndex={selectedTab}
+      defaultIndex={initialTab} onChange={(index) => {
+        router.push(createNavUrl(index, tabs, pathname, searchParams));
+        setSelectedTab(index);
+      }}>
+      {children}
+    </TabGroup>
+  }
+
+export default TabsClient