@orangecheck/app-design 1.2.2 → 1.3.0

package/README.md

@@ -21,6 +21,12 @@ does nothing on a page without the attribute, and it never imports
 <Html lang="en" data-oc-app="ochk">
 ```
 
+```ts
+// next.config.ts: required. Next must compile the package so its links share the
+// app's router; left external, a link loses the base path and the build fails.
+transpilePackages: ['@orangecheck/app-design'],
+```
+
 Light and dark come from plain `next-themes` (`attribute="class"`). Do not mount the
 family `OcThemeProvider` on the same page: it writes `data-oc-theme` and the shared
 `oc_skin` cookie.

package/dist/chrome.d.mts

@@ -3,7 +3,7 @@ import { ReactNode } from 'react';
 import { e as FooterColumn, N as NavItem, d as FamilySlug } from './index-DmfyPYe5.mjs';
 import { T as TocItem } from './hero-Dn37il-9.mjs';
 import { a as Status } from './status-badge-BJ9Sdsx8.mjs';
-export { A as AccountMenu, a as AccountMenuItem, b as AppShell, O as OCHK_APP_ACCOUNT, S as SessionAccountView, c as SessionState, d as ShellNavGroup, e as ShellNavItem, f as ShellSection, T as ThemeToggle, g as ToolShell, h as ToolShellProps } from './tool-shell-kqGWMTep.mjs';
+export { A as AccountMenu, a as AccountMenuItem, b as AppShell, O as OCHK_APP_ACCOUNT, S as SessionAccountView, c as SessionState, d as ShellNavGroup, e as ShellNavItem, f as ShellSection, T as ThemeToggle, g as ToolShell, h as ToolShellProps, u as useSignInHref } from './tool-shell-zncroOEQ.mjs';
 import './tools-DFIxIj5p.mjs';
 import './format.mjs';
 

package/dist/chrome.d.ts

@@ -3,7 +3,7 @@ import { ReactNode } from 'react';
 import { e as FooterColumn, N as NavItem, d as FamilySlug } from './index-DmfyPYe5.js';
 import { T as TocItem } from './hero-Dn37il-9.js';
 import { a as Status } from './status-badge-Bt8x3RhO.js';
-export { A as AccountMenu, a as AccountMenuItem, b as AppShell, O as OCHK_APP_ACCOUNT, S as SessionAccountView, c as SessionState, d as ShellNavGroup, e as ShellNavItem, f as ShellSection, T as ThemeToggle, g as ToolShell, h as ToolShellProps } from './tool-shell-DLSwUxTD.js';
+export { A as AccountMenu, a as AccountMenuItem, b as AppShell, O as OCHK_APP_ACCOUNT, S as SessionAccountView, c as SessionState, d as ShellNavGroup, e as ShellNavItem, f as ShellSection, T as ThemeToggle, g as ToolShell, h as ToolShellProps, u as useSignInHref } from './tool-shell-Be4Q0cNN.js';
 import './tools-BggNN5DV.js';
 import './format.js';
 

package/dist/chrome.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var lucideReact = require('lucide-react');
-var Link5 = require('next/link.js');
+var Link5 = require('next/link');
 var react = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
@@ -14,6 +14,7 @@ var classVarianceAuthority = require('class-variance-authority');
 var SeparatorPrimitive = require('@radix-ui/react-separator');
 require('sonner');
 var reactSlot = require('@radix-ui/react-slot');
+var router = require('next/compat/router');
 var nextThemes = require('next-themes');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -1600,17 +1601,38 @@ function ThemeToggle({ className }) {
   );
 }
 var OCHK_APP_ACCOUNT = "https://ochk.app/me/account";
+function onHistory(change) {
+  window.addEventListener("popstate", change);
+  return () => window.removeEventListener("popstate", change);
+}
+function herePath() {
+  const { href, origin, pathname, search } = window.location;
+  const path = pathname + search;
+  return new URL(path, href).origin === origin ? path : "/";
+}
+function routePath(router) {
+  if (!router || router.pathname.includes("[")) return null;
+  return router.basePath && router.pathname === "/" ? router.basePath : router.basePath + router.pathname;
+}
+function useSignInHref(path) {
+  const router$1 = router.useRouter();
+  const here = react.useSyncExternalStore(onHistory, herePath, () => routePath(router$1));
+  if (!path) return void 0;
+  return here ? `${path}?return_to=${encodeURIComponent(here)}` : path;
+}
 function SessionAccountView({
   state,
   name,
   detail,
   items = [],
   signInHref,
+  signInPath,
   signInLabel = "Sign in",
   accountHref = OCHK_APP_ACCOUNT,
   onSignOut,
   nameFrom = "lg"
 }) {
+  const inPlace = useSignInHref(signInPath);
   if (state === "in") {
     return /* @__PURE__ */ jsxRuntime.jsx(
       AccountMenu,
@@ -1633,13 +1655,13 @@ function SessionAccountView({
   }
   return (
     // No box of its own: it sits exactly where the signed-in chip will. While checking it is only unseen.
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: state === "checking" ? "contents invisible" : "contents", "aria-hidden": state === "checking" || void 0, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { asChild: true, size: "sm", variant: "secondary", tabIndex: state === "checking" ? -1 : void 0, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: signInHref, children: signInLabel }) }) })
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: state === "checking" ? "contents invisible" : "contents", "aria-hidden": state === "checking" || void 0, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { asChild: true, size: "sm", variant: "secondary", tabIndex: state === "checking" ? -1 : void 0, children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: signInHref ?? inPlace ?? "https://ochk.io/signin", children: signInLabel }) }) })
   );
 }
 function ToolShell({
   protocol: protocol2,
   tools,
-  home = "/",
+  home,
   account,
   rail = false,
   railFooter,
@@ -1678,7 +1700,7 @@ function ToolShell({
           SiteHeader,
           {
             variant: "tool",
-            home,
+            home: home ?? p.pageHref,
             product: p.label,
             family: protocol2,
             nav: tools.map((t) => ({ href: t.href, label: t.label, active: t.active })),
@@ -1731,5 +1753,6 @@ exports.SkipLink = SkipLink;
 exports.ThemeToggle = ThemeToggle;
 exports.ToolShell = ToolShell;
 exports.useShellPlace = useShellPlace;
+exports.useSignInHref = useSignInHref;
 //# sourceMappingURL=chrome.js.map
 //# sourceMappingURL=chrome.js.map