@byline/host-tanstack-start 0.9.3

package/dist/admin-shell/chrome/admin-app-bar.js

@@ -0,0 +1,71 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button } from "@infonomic/uikit/react";
+import classnames from "classnames";
+import { adminSignOut } from "../../server-fns/auth/index.js";
+import admin_app_bar_module from "./admin-app-bar.module.js";
+import { Branding } from "./branding.js";
+import { Breadcrumbs } from "./breadcrumbs/breadcrumbs.js";
+import { useBreadcrumbs } from "./breadcrumbs/breadcrumbs-provider.js";
+function displayNameFor(user) {
+    const names = [
+        user.given_name,
+        user.family_name
+    ].filter((part)=>'string' == typeof part && part.length > 0);
+    return names.length > 0 ? names.join(' ') : user.email;
+}
+function AdminAppBar({ user }) {
+    const { breadCrumbSettings } = useBreadcrumbs();
+    const [signingOut, setSigningOut] = useState(false);
+    async function handleSignOut() {
+        if (signingOut) return;
+        setSigningOut(true);
+        try {
+            await adminSignOut();
+        } catch (err) {
+            console.warn('sign-out request failed', err);
+        }
+        window.location.assign('/sign-in');
+    }
+    return /*#__PURE__*/ jsxs("header", {
+        className: classnames('byline-admin-app-bar', admin_app_bar_module.header),
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: classnames('byline-admin-app-bar-left', admin_app_bar_module.left),
+                children: [
+                    /*#__PURE__*/ jsx(Branding, {}),
+                    /*#__PURE__*/ jsx(Breadcrumbs, {
+                        homePath: breadCrumbSettings.homePath,
+                        homeLabel: breadCrumbSettings.homeLabel,
+                        breadcrumbs: breadCrumbSettings.breadcrumbs
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: classnames('byline-admin-app-bar-right', admin_app_bar_module.right),
+                children: [
+                    /*#__PURE__*/ jsxs("span", {
+                        className: classnames('byline-admin-app-bar-user', admin_app_bar_module.user),
+                        children: [
+                            "Signed in as",
+                            ' ',
+                            /*#__PURE__*/ jsx("span", {
+                                className: classnames('byline-admin-app-bar-user-name', admin_app_bar_module.userName),
+                                children: displayNameFor(user)
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx(Button, {
+                        size: "xs",
+                        intent: "secondary",
+                        onClick: handleSignOut,
+                        disabled: signingOut,
+                        children: signingOut ? 'Signing out…' : 'Sign out'
+                    })
+                ]
+            })
+        ]
+    });
+}
+export { AdminAppBar };

package/dist/admin-shell/chrome/admin-app-bar.module.js

@@ -0,0 +1,9 @@
+import "./admin-app-bar_module.css";
+const admin_app_bar_module = {
+    header: "header-_gfkGu",
+    left: "left-wd7pIB",
+    right: "right-w1uns3",
+    user: "user-I9nITS",
+    userName: "userName-YDT7As"
+};
+export default admin_app_bar_module;

package/dist/admin-shell/chrome/admin-app-bar_module.css

@@ -0,0 +1,54 @@
+:is(.header-_gfkGu, .byline-admin-app-bar) {
+  z-index: 50;
+  background-color: #fff;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  max-width: 100%;
+  height: 45px;
+  padding: 1rem;
+  font-size: 1.125rem;
+  font-weight: 600;
+  line-height: 1.75rem;
+  display: flex;
+  position: fixed;
+  box-shadow: 0 1px 2px #0000000d;
+}
+
+:is(:is([data-theme="dark"], .dark) .header-_gfkGu, :is([data-theme="dark"], .dark) .byline-admin-app-bar) {
+  background-color: var(--canvas-800);
+}
+
+:is(.left-wd7pIB, .byline-admin-app-bar-left) {
+  align-items: center;
+  gap: 1rem;
+  display: flex;
+}
+
+:is(.right-w1uns3, .byline-admin-app-bar-right) {
+  align-items: center;
+  gap: 1rem;
+  font-size: .875rem;
+  font-weight: 400;
+  display: flex;
+}
+
+:is(.user-I9nITS, .byline-admin-app-bar-user) {
+  color: var(--gray-600);
+  display: none;
+}
+
+@media (min-width: 40rem) {
+  :is(.user-I9nITS, .byline-admin-app-bar-user) {
+    display: inline;
+  }
+}
+
+:is(:is([data-theme="dark"], .dark) .user-I9nITS, :is([data-theme="dark"], .dark) .byline-admin-app-bar-user) {
+  color: var(--gray-300);
+}
+
+:is(.userName-YDT7As, .byline-admin-app-bar-user-name) {
+  font-weight: 600;
+}
+

package/dist/admin-shell/chrome/admin-layout.module.js

@@ -0,0 +1,5 @@
+import "./admin-layout_module.css";
+const admin_layout_module = {
+    main: "main-EeTOie"
+};
+export default admin_layout_module;

package/dist/admin-shell/chrome/admin-layout_module.css

@@ -0,0 +1,8 @@
+:is(.main-EeTOie, .byline-admin-layout-main) {
+  width: 100%;
+  max-width: 100%;
+  height: 100vh;
+  padding-top: 45px;
+  display: flex;
+}
+

package/dist/admin-shell/chrome/branding.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+export declare function Branding(): import("react").JSX.Element;
+//# sourceMappingURL=branding.d.ts.map

package/dist/admin-shell/chrome/branding.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"branding.d.ts","sourceRoot":"","sources":["../../../src/admin-shell/chrome/branding.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAQH,wBAAgB,QAAQ,gCAQvB"}

package/dist/admin-shell/chrome/branding.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import classnames from "classnames";
+import branding_module from "./branding.module.js";
+import byline_logo from "./byline-logo.js";
+import { Link } from "./loose-router.js";
+function Branding() {
+    return /*#__PURE__*/ jsx("div", {
+        className: classnames('byline-admin-branding', branding_module.root),
+        children: /*#__PURE__*/ jsx(Link, {
+            to: '/',
+            children: /*#__PURE__*/ jsx(byline_logo, {
+                className: classnames('byline-admin-branding-logo', branding_module.logo)
+            })
+        })
+    });
+}
+export { Branding };

package/dist/admin-shell/chrome/branding.module.js

@@ -0,0 +1,6 @@
+import "./branding_module.css";
+const branding_module = {
+    root: "root-TUF66R",
+    logo: "logo-XIadEq"
+};
+export default branding_module;

package/dist/admin-shell/chrome/branding_module.css

@@ -0,0 +1,11 @@
+:is(.root-TUF66R, .byline-admin-branding) {
+  align-items: center;
+  gap: .5rem;
+  display: flex;
+}
+
+:is(.logo-XIadEq, .byline-admin-branding-logo) {
+  width: 24px;
+  height: 24px;
+}
+

package/dist/admin-shell/chrome/breadcrumbs/@types.d.ts

@@ -0,0 +1,6 @@
+export interface Breadcrumb {
+    label: string;
+    href: string;
+    active?: boolean;
+}
+//# sourceMappingURL=@types.d.ts.map

package/dist/admin-shell/chrome/breadcrumbs/@types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"@types.d.ts","sourceRoot":"","sources":["../../../../src/admin-shell/chrome/breadcrumbs/@types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB"}

package/dist/admin-shell/chrome/breadcrumbs/@types.js

@@ -0,0 +1 @@
+export { };

package/dist/admin-shell/chrome/breadcrumbs/breadcrumbs-client.d.ts

@@ -0,0 +1,7 @@
+import type { Breadcrumb } from './@types.js';
+export declare function BreadcrumbsClient({ breadcrumbs, homeLabel, homePath, }: {
+    breadcrumbs: Breadcrumb[];
+    homeLabel?: string;
+    homePath?: string;
+}): null;
+//# sourceMappingURL=breadcrumbs-client.d.ts.map

package/dist/admin-shell/chrome/breadcrumbs/breadcrumbs-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs-client.d.ts","sourceRoot":"","sources":["../../../../src/admin-shell/chrome/breadcrumbs/breadcrumbs-client.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAE7C,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,SAAkB,EAClB,QAAc,GACf,EAAE;IACD,WAAW,EAAE,UAAU,EAAE,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,QAMA"}

package/dist/admin-shell/chrome/breadcrumbs/breadcrumbs-client.js

@@ -0,0 +1,20 @@
+"use client";
+import { useEffect } from "react";
+import { useBreadcrumbs } from "./breadcrumbs-provider.js";
+function BreadcrumbsClient({ breadcrumbs, homeLabel = 'Home', homePath = '/' }) {
+    const { setBreadcrumbs } = useBreadcrumbs();
+    useEffect(()=>{
+        setBreadcrumbs({
+            homeLabel,
+            homePath,
+            breadcrumbs
+        });
+    }, [
+        breadcrumbs,
+        homeLabel,
+        homePath,
+        setBreadcrumbs
+    ]);
+    return null;
+}
+export { BreadcrumbsClient };

package/dist/admin-shell/chrome/breadcrumbs/breadcrumbs-provider.d.ts

@@ -0,0 +1,24 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+import { type ReactNode } from 'react';
+import type { Breadcrumb } from './@types.js';
+interface BreadcrumbsSettings {
+    homeLabel?: string;
+    homePath?: string;
+    breadcrumbs: Breadcrumb[];
+}
+interface BreadcrumbsContextType {
+    breadCrumbSettings: BreadcrumbsSettings;
+    setBreadcrumbs: (settings: BreadcrumbsSettings) => void;
+}
+export declare function BreadcrumbsProvider({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useBreadcrumbs(): BreadcrumbsContextType;
+export {};
+//# sourceMappingURL=breadcrumbs-provider.d.ts.map

package/dist/admin-shell/chrome/breadcrumbs/breadcrumbs-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs-provider.d.ts","sourceRoot":"","sources":["../../../../src/admin-shell/chrome/breadcrumbs/breadcrumbs-provider.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAiB,KAAK,SAAS,EAAwB,MAAM,OAAO,CAAA;AAE3E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAE7C,UAAU,mBAAmB;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,UAAU,EAAE,CAAA;CAC1B;AAED,UAAU,sBAAsB;IAC9B,kBAAkB,EAAE,mBAAmB,CAAA;IACvC,cAAc,EAAE,CAAC,QAAQ,EAAE,mBAAmB,KAAK,IAAI,CAAA;CACxD;AAID,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAcxE;AAED,wBAAgB,cAAc,2BAM7B"}

package/dist/admin-shell/chrome/breadcrumbs/breadcrumbs-provider.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext, useState } from "react";
+const BreadcrumbsContext = /*#__PURE__*/ createContext(void 0);
+function BreadcrumbsProvider({ children }) {
+    const [breadcrumbSettings, setBreadcrumbSettings] = useState({
+        homeLabel: 'Home',
+        homePath: '/',
+        breadcrumbs: []
+    });
+    return /*#__PURE__*/ jsx(BreadcrumbsContext, {
+        value: {
+            breadCrumbSettings: breadcrumbSettings,
+            setBreadcrumbs: setBreadcrumbSettings
+        },
+        children: children
+    });
+}
+function useBreadcrumbs() {
+    const context = useContext(BreadcrumbsContext);
+    if (!context) throw new Error('useBreadcrumbs must be used within BreadcrumbsProvider');
+    return context;
+}
+export { BreadcrumbsProvider, useBreadcrumbs };

package/dist/admin-shell/chrome/breadcrumbs/breadcrumbs.d.ts

@@ -0,0 +1,15 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+import type { Breadcrumb } from './@types.js';
+export declare function Breadcrumbs({ breadcrumbs, className, homeLabel, homePath, }: {
+    breadcrumbs: Breadcrumb[];
+    className?: string;
+    homeLabel?: string;
+    homePath?: string;
+}): React.JSX.Element;
+//# sourceMappingURL=breadcrumbs.d.ts.map

package/dist/admin-shell/chrome/breadcrumbs/breadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/admin-shell/chrome/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAS7C,wBAAgB,WAAW,CAAC,EAC1B,WAAW,EACX,SAAS,EACT,SAAkB,EAClB,QAAc,GACf,EAAE;IACD,WAAW,EAAE,UAAU,EAAE,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgEpB"}

package/dist/admin-shell/chrome/breadcrumbs/breadcrumbs.js

@@ -0,0 +1,77 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import classnames from "classnames";
+import { Link } from "../loose-router.js";
+import breadcrumbs_module from "./breadcrumbs.module.js";
+function truncate(str, length, useWordBoundary = true, useSuffix = true) {
+    if (null == str || str.length <= length) return str;
+    const subString = str.slice(0, length - 2);
+    const truncated = useWordBoundary ? subString.slice(0, subString.lastIndexOf(' ')) : subString;
+    return useSuffix ? `${truncated}...` : truncated;
+}
+function Breadcrumbs({ breadcrumbs, className, homeLabel = 'Home', homePath = '/' }) {
+    return /*#__PURE__*/ jsx("nav", {
+        "aria-label": "Breadcrumb",
+        className: classnames('byline-breadcrumbs', breadcrumbs_module.nav, className),
+        children: /*#__PURE__*/ jsxs("ul", {
+            className: classnames('byline-breadcrumbs-list', breadcrumbs_module.list),
+            children: [
+                /*#__PURE__*/ jsx("li", {
+                    className: classnames('byline-breadcrumbs-item', breadcrumbs_module.item),
+                    children: /*#__PURE__*/ jsxs(Link, {
+                        to: homePath,
+                        className: classnames('byline-breadcrumbs-link', breadcrumbs_module.link),
+                        children: [
+                            /*#__PURE__*/ jsx("svg", {
+                                role: "presentation",
+                                className: classnames('byline-breadcrumbs-home-icon', breadcrumbs_module.homeIcon),
+                                fill: "currentColor",
+                                viewBox: "0 0 20 20",
+                                xmlns: "http://www.w3.org/2000/svg",
+                                children: /*#__PURE__*/ jsx("path", {
+                                    d: "M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z"
+                                })
+                            }),
+                            homeLabel
+                        ]
+                    })
+                }),
+                null != breadcrumbs && breadcrumbs.length > 0 && breadcrumbs.map((breadcrumb, index)=>{
+                    const isLeaf = index === breadcrumbs.length - 1;
+                    return /*#__PURE__*/ jsx("li", {
+                        "aria-current": isLeaf ? 'page' : void 0,
+                        className: classnames('byline-breadcrumbs-item', breadcrumbs_module.item),
+                        children: /*#__PURE__*/ jsxs("div", {
+                            className: classnames('byline-breadcrumbs-item-row', breadcrumbs_module.item),
+                            children: [
+                                /*#__PURE__*/ jsx("svg", {
+                                    role: "presentation",
+                                    className: classnames('byline-breadcrumbs-chevron', breadcrumbs_module.chevron, {
+                                        'byline-breadcrumbs-chevron-current': isLeaf,
+                                        [breadcrumbs_module.chevronCurrent]: isLeaf
+                                    }),
+                                    fill: "currentColor",
+                                    viewBox: "0 0 20 20",
+                                    xmlns: "http://www.w3.org/2000/svg",
+                                    children: /*#__PURE__*/ jsx("path", {
+                                        fillRule: "evenodd",
+                                        d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",
+                                        clipRule: "evenodd"
+                                    })
+                                }),
+                                isLeaf ? /*#__PURE__*/ jsx("span", {
+                                    className: classnames('byline-breadcrumbs-leaf', breadcrumbs_module.leaf),
+                                    children: truncate(breadcrumb.label, 20, true)
+                                }) : /*#__PURE__*/ jsx(Link, {
+                                    to: breadcrumb.href,
+                                    className: classnames('byline-breadcrumbs-link', breadcrumbs_module.link),
+                                    children: truncate(breadcrumb.label, 20, true)
+                                })
+                            ]
+                        })
+                    }, breadcrumb.href);
+                })
+            ]
+        })
+    });
+}
+export { Breadcrumbs };

package/dist/admin-shell/chrome/breadcrumbs/breadcrumbs.module.js

@@ -0,0 +1,12 @@
+import "./breadcrumbs_module.css";
+const breadcrumbs_module = {
+    nav: "nav-v78C9V",
+    list: "list-YJoq_f",
+    item: "item-BqSVfE",
+    link: "link-g18cLE",
+    leaf: "leaf-X3Q13H",
+    homeIcon: "homeIcon-yUKJfw",
+    chevron: "chevron-VWUUs9",
+    chevronCurrent: "chevronCurrent-vgprvC"
+};
+export default breadcrumbs_module;

package/dist/admin-shell/chrome/breadcrumbs/breadcrumbs_module.css

@@ -0,0 +1,81 @@
+:is(.nav-v78C9V, .byline-breadcrumbs) {
+  display: flex;
+}
+
+:is(.list-YJoq_f, .byline-breadcrumbs-list) {
+  flex-wrap: wrap;
+  align-items: center;
+  gap: .25rem;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: inline-flex;
+}
+
+:is(.item-BqSVfE, .byline-breadcrumbs-item) {
+  align-items: center;
+  margin: 0;
+  padding: 0;
+  display: inline-flex;
+}
+
+:is(.link-g18cLE, .byline-breadcrumbs-link) {
+  color: var(--gray-900);
+  align-items: center;
+  margin: 0;
+  font-size: .875rem;
+  font-weight: 500;
+  display: inline-flex;
+}
+
+.link-g18cLE:hover {
+  color: var(--gray-800);
+}
+
+.byline-breadcrumbs-link:hover {
+  color: var(--gray-800);
+}
+
+:is(:is([data-theme="dark"], .dark) .link-g18cLE, :is([data-theme="dark"], .dark) .byline-breadcrumbs-link) {
+  color: var(--gray-400);
+}
+
+:is([data-theme="dark"], .dark) .link-g18cLE:hover {
+  color: #fff;
+}
+
+:is([data-theme="dark"], .dark) .byline-breadcrumbs-link:hover {
+  color: #fff;
+}
+
+:is(.leaf-X3Q13H, .byline-breadcrumbs-leaf) {
+  color: var(--gray-800);
+  font-size: .875rem;
+  font-weight: 500;
+  line-height: 1.25rem;
+}
+
+:is(:is([data-theme="dark"], .dark) .leaf-X3Q13H, :is([data-theme="dark"], .dark) .byline-breadcrumbs-leaf) {
+  color: var(--gray-400);
+}
+
+:is(.homeIcon-yUKJfw, .byline-breadcrumbs-home-icon) {
+  width: 1rem;
+  height: 1rem;
+  margin-right: .5rem;
+}
+
+:is(.chevron-VWUUs9, .byline-breadcrumbs-chevron) {
+  width: 1.25rem;
+  height: 1.25rem;
+  color: var(--gray-400);
+}
+
+:is(.chevronCurrent-vgprvC, .byline-breadcrumbs-chevron-current) {
+  color: var(--gray-900);
+}
+
+:is(:is([data-theme="dark"], .dark) .chevronCurrent-vgprvC, :is([data-theme="dark"], .dark) .byline-breadcrumbs-chevron-current) {
+  color: var(--gray-600);
+}
+

package/dist/admin-shell/chrome/byline-logo.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+declare const SvgComponent: ({ className }: {
+    className?: string;
+}) => import("react").JSX.Element;
+export default SvgComponent;
+//# sourceMappingURL=byline-logo.d.ts.map

package/dist/admin-shell/chrome/byline-logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"byline-logo.d.ts","sourceRoot":"","sources":["../../../src/admin-shell/chrome/byline-logo.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,QAAA,MAAM,YAAY,GAAI,eAAe;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,gCA4I1D,CAAA;AAED,eAAe,YAAY,CAAA"}