@orangecheck/app-design 1.2.2 → 1.3.0

package/dist/chrome.mjs

@@ -1,6 +1,6 @@
 import { X, ChevronDown, Menu, ChevronRight, PanelLeft, Sun, Moon, SunMoon, CircleUser, LogOut, ArrowUpRight } from 'lucide-react';
-import Link5 from 'next/link.js';
-import { forwardRef, createContext, useState, useContext, useMemo, useEffect, useRef, useId, createElement } from 'react';
+import Link5 from 'next/link';
+import { forwardRef, createContext, useState, useContext, useMemo, useEffect, useRef, useId, useSyncExternalStore, createElement } from 'react';
 import { clsx } from 'clsx';
 import { extendTailwindMerge } from 'tailwind-merge';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -12,6 +12,7 @@ import { cva } from 'class-variance-authority';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import 'sonner';
 import { Slot } from '@radix-ui/react-slot';
+import { useRouter } from 'next/compat/router';
 import { useTheme } from 'next-themes';
 
 var merge = extendTailwindMerge({
@@ -1571,17 +1572,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 = useRouter();
+  const here = useSyncExternalStore(onHistory, herePath, () => routePath(router));
+  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__ */ jsx(
       AccountMenu,
@@ -1604,13 +1626,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__ */ jsx("span", { className: state === "checking" ? "contents invisible" : "contents", "aria-hidden": state === "checking" || void 0, children: /* @__PURE__ */ jsx(Button, { asChild: true, size: "sm", variant: "secondary", tabIndex: state === "checking" ? -1 : void 0, children: /* @__PURE__ */ jsx("a", { href: signInHref, children: signInLabel }) }) })
+    /* @__PURE__ */ jsx("span", { className: state === "checking" ? "contents invisible" : "contents", "aria-hidden": state === "checking" || void 0, children: /* @__PURE__ */ jsx(Button, { asChild: true, size: "sm", variant: "secondary", tabIndex: state === "checking" ? -1 : void 0, children: /* @__PURE__ */ jsx("a", { href: signInHref ?? inPlace ?? "https://ochk.io/signin", children: signInLabel }) }) })
   );
 }
 function ToolShell({
   protocol: protocol2,
   tools,
-  home = "/",
+  home,
   account,
   rail = false,
   railFooter,
@@ -1649,7 +1671,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 })),
@@ -1685,6 +1707,6 @@ function ToolShell({
   ) });
 }
 
-export { AccountMenu, AppShell, DOCS_HEADER_NAV, DocsNav, DocsShell, FamilyMenu, OCHK_APP_ACCOUNT, SessionAccountView, ShellContext, SignInFrame, SiteBanner, SiteFooter, SiteHeader, SkipLink, ThemeToggle, ToolShell, useShellPlace };
+export { AccountMenu, AppShell, DOCS_HEADER_NAV, DocsNav, DocsShell, FamilyMenu, OCHK_APP_ACCOUNT, SessionAccountView, ShellContext, SignInFrame, SiteBanner, SiteFooter, SiteHeader, SkipLink, ThemeToggle, ToolShell, useShellPlace, useSignInHref };
 //# sourceMappingURL=chrome.mjs.map
 //# sourceMappingURL=chrome.mjs.map