@bsuite/nav-core 0.1.0 → 0.2.0

package/dist/AppSwitcher.d.ts

@@ -0,0 +1,17 @@
+import { type ElementType } from 'react';
+export interface AppEntry {
+    key: string;
+    name: string;
+    shortName: string;
+    icon: ElementType;
+    url: string;
+    description: string;
+    current?: boolean;
+}
+export interface AppSwitcherProps {
+    apps: AppEntry[];
+    currentApp?: string;
+    className?: string;
+}
+export declare function AppSwitcher({ apps, currentApp, className }: AppSwitcherProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AppSwitcher.d.ts.map

package/dist/AppSwitcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppSwitcher.d.ts","sourceRoot":"","sources":["../src/AppSwitcher.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,KAAK,WAAW,EAA+B,MAAM,OAAO,CAAA;AAErE,MAAM,WAAW,QAAQ;IACvB,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,WAAW,CAAA;IACjB,GAAG,EAAE,MAAM,CAAA;IACX,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,QAAQ,EAAE,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,SAAc,EAAE,EAAE,gBAAgB,2CAsEjF"}

package/dist/AppSwitcher.js

@@ -0,0 +1,45 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * AppSwitcher — Cross-app navigation dropdown, shared by all BSuite apps.
+ *
+ * Each consuming project passes its app list as props (resolving env vars locally).
+ * This component has no dependency on import.meta.env or process.env.
+ *
+ * Usage (Vite project):
+ *   const apps = [
+ *     { key: 'bsu', name: 'Business Suite', shortName: 'BSU', icon: Grid3X3,
+ *       url: import.meta.env.VITE_BSU_URL || 'https://suite.crm7.app',
+ *       description: 'Portal & dashboard' },
+ *   ]
+ *   <AppSwitcher apps={apps} currentApp="r8" />
+ */
+import { ChevronDown } from 'lucide-react';
+import { useEffect, useRef, useState } from 'react';
+export function AppSwitcher({ apps, currentApp, className = '' }) {
+    const [open, setOpen] = useState(false);
+    const ref = useRef(null);
+    const current = apps.find((a) => a.key === currentApp) ?? apps[0];
+    useEffect(() => {
+        if (!open)
+            return;
+        function handleClick(e) {
+            if (ref.current && !ref.current.contains(e.target)) {
+                setOpen(false);
+            }
+        }
+        document.addEventListener('mousedown', handleClick);
+        return () => document.removeEventListener('mousedown', handleClick);
+    }, [open]);
+    useEffect(() => {
+        if (!open)
+            return;
+        function handleKey(e) {
+            if (e.key === 'Escape')
+                setOpen(false);
+        }
+        document.addEventListener('keydown', handleKey);
+        return () => document.removeEventListener('keydown', handleKey);
+    }, [open]);
+    return (_jsxs("div", { ref: ref, className: `relative ${className}`, children: [_jsxs("button", { type: "button", onClick: () => setOpen((o) => !o), "aria-haspopup": "true", "aria-expanded": open, className: "flex items-center gap-1.5 rounded-md px-2 py-1.5 text-sm font-medium hover:bg-accent transition-colors", children: [current && _jsx(current.icon, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" }), _jsx("span", { className: "hidden sm:inline", children: current?.shortName ?? 'Apps' }), _jsx(ChevronDown, { className: `h-3.5 w-3.5 transition-transform ${open ? 'rotate-180' : ''}`, "aria-hidden": "true" })] }), open && (_jsx("div", { role: "menu", className: "absolute left-0 top-full z-50 mt-1 w-56 rounded-lg border border-border bg-popover shadow-lg", children: _jsx("div", { className: "p-1", children: apps.map((app) => (_jsxs("a", { href: app.url, role: "menuitem", className: `flex items-center gap-3 rounded-md px-3 py-2.5 text-sm transition-colors hover:bg-accent ${app.key === currentApp ? 'bg-accent/50 font-medium' : ''}`, "aria-current": app.key === currentApp ? 'page' : undefined, children: [_jsx(app.icon, { className: "h-4 w-4 shrink-0 text-muted-foreground", "aria-hidden": "true" }), _jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "font-medium truncate", children: app.name }), _jsx("div", { className: "text-xs text-muted-foreground truncate", children: app.description })] })] }, app.key))) }) }))] }));
+}

package/dist/cookieStorage.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Shared chunked cookie storage for cross-subdomain Supabase sessions.
+ *
+ * Supabase session JSON can exceed the 4,096-byte browser cookie limit (RFC 6265 §6.1)
+ * once URI-encoded. We split values across numbered chunks (`key.0`, `key.1`, …)
+ * and reassemble on read — same approach as @supabase/ssr.
+ *
+ * Usage:
+ *   const storage = createCookieStorage({ domain: '.crm7.app' })
+ *   createClient(url, key, { auth: { storage } })
+ */
+export interface CookieStorageOptions {
+    /** Cross-subdomain cookie domain, e.g. '.crm7.app'. Only set on matching hostnames. */
+    domain?: string;
+    /** Max cookie age in seconds. Default: 2,592,000 (30 days). */
+    maxAge?: number;
+    /** Chunk size in bytes. Default: 3,500 (leaves headroom under 4,096 limit). */
+    chunkSize?: number;
+}
+export interface CookieStorageLike {
+    getItem(key: string): string | null;
+    setItem(key: string, value: string): void;
+    removeItem(key: string): void;
+}
+export declare function createCookieStorage(options?: CookieStorageOptions): CookieStorageLike;
+//# sourceMappingURL=cookieStorage.d.ts.map

package/dist/cookieStorage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookieStorage.d.ts","sourceRoot":"","sources":["../src/cookieStorage.ts"],"names":[],"mappings":"AACA;;;;;;;;;;GAUG;AAEH,MAAM,WAAW,oBAAoB;IACnC,uFAAuF;IACvF,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IACnC,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACzC,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;CAC9B;AAED,wBAAgB,mBAAmB,CAAC,OAAO,GAAE,oBAAyB,GAAG,iBAAiB,CAsFzF"}

package/dist/cookieStorage.js

@@ -0,0 +1,96 @@
+// packages/nav-core/src/cookieStorage.ts
+/**
+ * Shared chunked cookie storage for cross-subdomain Supabase sessions.
+ *
+ * Supabase session JSON can exceed the 4,096-byte browser cookie limit (RFC 6265 §6.1)
+ * once URI-encoded. We split values across numbered chunks (`key.0`, `key.1`, …)
+ * and reassemble on read — same approach as @supabase/ssr.
+ *
+ * Usage:
+ *   const storage = createCookieStorage({ domain: '.crm7.app' })
+ *   createClient(url, key, { auth: { storage } })
+ */
+export function createCookieStorage(options = {}) {
+    const { domain, maxAge = 2592000, chunkSize = 3500 } = options;
+    function cookieAttrs() {
+        const parts = [];
+        if (domain && typeof window !== 'undefined' && window.location.hostname.endsWith(domain.replace(/^\./, ''))) {
+            parts.push(`domain=${domain}`);
+        }
+        parts.push('path=/');
+        parts.push(`max-age=${maxAge}`);
+        parts.push('SameSite=Lax');
+        if (typeof window !== 'undefined' && window.location.protocol === 'https:') {
+            parts.push('Secure');
+        }
+        return parts.join('; ');
+    }
+    function deleteAttrs() {
+        const parts = [];
+        if (domain && typeof window !== 'undefined' && window.location.hostname.endsWith(domain.replace(/^\./, ''))) {
+            parts.push(`domain=${domain}`);
+        }
+        parts.push('path=/');
+        parts.push('max-age=0');
+        parts.push('SameSite=Lax');
+        if (typeof window !== 'undefined' && window.location.protocol === 'https:') {
+            parts.push('Secure');
+        }
+        return parts.join('; ');
+    }
+    /** Read raw (URI-encoded) cookie value without decoding. */
+    function readCookieRaw(name) {
+        if (typeof document === 'undefined')
+            return null;
+        const prefix = `${name}=`;
+        const entry = document.cookie.split('; ').find((c) => c.startsWith(prefix));
+        return entry ? entry.slice(prefix.length) : null;
+    }
+    function removeItem(key) {
+        if (typeof document === 'undefined')
+            return;
+        const attrs = deleteAttrs();
+        document.cookie = `${key}=; ${attrs}`;
+        for (let i = 0; i < 20; i++) {
+            const chunk = readCookieRaw(`${key}.${i}`);
+            if (chunk === null)
+                break;
+            document.cookie = `${key}.${i}=; ${attrs}`;
+        }
+    }
+    return {
+        getItem(key) {
+            // Try un-chunked first (fast path for small values / legacy cookies)
+            const single = readCookieRaw(key);
+            if (single)
+                return decodeURIComponent(single);
+            // Reassemble chunks — read raw to avoid splitting encoded sequences
+            const chunks = [];
+            for (let i = 0;; i++) {
+                const chunk = readCookieRaw(`${key}.${i}`);
+                if (chunk === null)
+                    break;
+                chunks.push(chunk);
+            }
+            // Decode once after joining all chunks
+            return chunks.length > 0 ? decodeURIComponent(chunks.join('')) : null;
+        },
+        setItem(key, value) {
+            if (typeof document === 'undefined')
+                return;
+            const attrs = cookieAttrs();
+            const encoded = encodeURIComponent(value);
+            removeItem(key); // clear any previous chunks first
+            if (encoded.length <= chunkSize) {
+                document.cookie = `${key}=${encoded}; ${attrs}`;
+            }
+            else {
+                for (let i = 0; i * chunkSize < encoded.length; i++) {
+                    const slice = encoded.substring(i * chunkSize, (i + 1) * chunkSize);
+                    document.cookie = `${key}.${i}=${slice}; ${attrs}`;
+                }
+            }
+        },
+        removeItem,
+    };
+}

package/dist/index.d.ts

@@ -1,3 +1,7 @@
 export type { IconComponent, NavItem, NavItemGroup, NavSection, NavConfig, } from './types';
 export { isActivePath, isSectionActive } from './utils';
+export { createCookieStorage } from './cookieStorage';
+export type { CookieStorageOptions, CookieStorageLike } from './cookieStorage';
+export { AppSwitcher } from './AppSwitcher';
+export type { AppEntry, AppSwitcherProps } from './AppSwitcher';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,aAAa,EACb,OAAO,EACP,YAAY,EACZ,UAAU,EACV,SAAS,GACV,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,aAAa,EACb,OAAO,EACP,YAAY,EACZ,UAAU,EACV,SAAS,GACV,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAExD,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,YAAY,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAE/E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/index.js

@@ -1 +1,3 @@
 export { isActivePath, isSectionActive } from './utils';
+export { createCookieStorage } from './cookieStorage';
+export { AppSwitcher } from './AppSwitcher';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bsuite/nav-core",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "type": "module",
   "license": "UNLICENSED",
   "repository": {
@@ -15,8 +15,14 @@
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
-    ".": { "import": "./dist/index.js", "types": "./dist/index.d.ts" },
-    "./types": { "import": "./dist/types.js", "types": "./dist/types.d.ts" },
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./types": {
+      "import": "./dist/types.js",
+      "types": "./dist/types.d.ts"
+    },
     "./tokens/d2c-sidebar.css": "./src/tokens/d2c-sidebar.css",
     "./tokens/corporate-sidebar.css": "./src/tokens/corporate-sidebar.css"
   },
@@ -26,6 +32,14 @@
     "test": "vitest run"
   },
   "devDependencies": {
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/react": "^18.3.28",
+    "@vitejs/plugin-react": "^5.1.4",
+    "jsdom": "^28.1.0",
+    "lucide-react": "^0.576.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "typescript": "~5.7.3",
     "vitest": "^3.2.4"
   }