@cobaltcore-dev/aurora 0.1.0

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright 2024 SAP SE or an SAP affiliate company and cobaltcore-dev contributors
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -0,0 +1,141 @@
+# @cobaltcore-dev/aurora
+
+An OpenStack dashboard library. Provides a ready-made Fastify server and a React UI component that you wire up in your own app.
+
+## Installation
+
+```bash
+npm install @cobaltcore-dev/aurora
+```
+
+**Peer dependencies** you must also install:
+
+```bash
+npm install react react-dom fastify
+```
+
+## Quick start
+
+Aurora has two entry points: `server` and `client`.
+
+### Server (`src/server/server.ts`)
+
+```ts
+import path from "path"
+import { createServer } from "@cobaltcore-dev/aurora/server"
+
+createServer({
+  viteRoot: path.resolve(__dirname, "../.."), // root of your app (where dist/client lives)
+  identityEndpoint: process.env.IDENTITY_ENDPOINT, // OpenStack Keystone URL
+  bffEndpoint: process.env.BFF_ENDPOINT, // tRPC prefix, default "/polaris-bff"
+  defaultEndpointInterface: process.env.DEFAULT_ENDPOINT_INTERFACE, // "public" | "internal"
+  proxyUrl: process.env.GLOBAL_AGENT_HTTP_PROXY, // optional HTTP proxy (dev only)
+  cephRegion: process.env.CEPH_REGION, // Ceph/S3 region for object storage
+  imageMetadataExcludedProperties: process.env.IMAGE_METADATA_EXCLUDED_PROPERTIES, // comma-separated
+  insecureCookies: process.env.INSECURE_COOKIES === "true", // disable Secure flag locally
+}).then((server) => server.listen({ host: "0.0.0.0", port: 4000 }))
+```
+
+### Client (`src/client/App.tsx`)
+
+```tsx
+import { AuroraApp } from "@cobaltcore-dev/aurora/client"
+import "@cobaltcore-dev/aurora/client/style.css" // include once at your app root
+
+export function App() {
+  return (
+    <AuroraApp
+      bffEndpoint="/polaris-bff" // must match the server's bffEndpoint
+      theme="theme-light" // "theme-light" | "theme-dark"
+      onThemeChange={(theme) => {
+        // called when user toggles — persist however you like
+        localStorage.setItem("theme", theme)
+      }}
+    />
+  )
+}
+```
+
+## Configuration reference
+
+### `createServer(config)`
+
+| Option                            | Type      | Default                    | Description                                                      |
+| --------------------------------- | --------- | -------------------------- | ---------------------------------------------------------------- |
+| `identityEndpoint`                | `string`  | —                          | OpenStack Keystone v3 URL (required)                             |
+| `bffEndpoint`                     | `string`  | `"/polaris-bff"`           | URL prefix for all tRPC routes                                   |
+| `viteRoot`                        | `string`  | `__dirname/../../`         | Directory that contains `dist/client/` in production             |
+| `defaultEndpointInterface`        | `string`  | `"public"`                 | OpenStack service catalog interface                              |
+| `proxyUrl`                        | `string`  | —                          | HTTP proxy for OpenStack calls (dev only, ignored in production) |
+| `cephRegion`                      | `string`  | —                          | Ceph RGW region for S3 operations                                |
+| `imageMetadataExcludedProperties` | `string`  | —                          | Comma-separated image metadata keys to hide in the UI            |
+| `cookieName`                      | `string`  | `"dashboard-session-auth"` | Override the session cookie name                                 |
+| `crossDomainCookie`               | `boolean` | `true`                     | Share cookie across subdomains                                   |
+| `insecureCookies`                 | `boolean` | `false`                    | Disable `Secure` flag — only for HTTP-only local dev             |
+
+### `<AuroraApp />`
+
+| Prop            | Type                            | Default          | Description                            |
+| --------------- | ------------------------------- | ---------------- | -------------------------------------- |
+| `bffEndpoint`   | `string`                        | `"/polaris-bff"` | Must match the server's `bffEndpoint`  |
+| `theme`         | `"theme-light" \| "theme-dark"` | `"theme-light"`  | Initial theme                          |
+| `onThemeChange` | `(theme) => void`               | —                | Called when the user toggles the theme |
+
+## Environment variables
+
+Your app reads these from `.env` and passes them to `createServer()`. Aurora itself never reads environment variables.
+
+```env
+IDENTITY_ENDPOINT="https://keystone.example.com/v3/"
+DEFAULT_ENDPOINT_INTERFACE="public"
+BFF_ENDPOINT="/polaris-bff"
+PORT="4000"
+
+# Object storage (optional)
+CEPH_REGION="ceph-objectstore-st1-region-1"
+
+# Local dev only
+INSECURE_COOKIES=true
+# GLOBAL_AGENT_HTTP_PROXY=http://localhost:8888
+```
+
+The `VITE_BFF_ENDPOINT` variable (prefixed with `VITE_`) is read by Vite and passed to the client:
+
+```env
+VITE_BFF_ENDPOINT="/polaris-bff"
+```
+
+```tsx
+<AuroraApp bffEndpoint={import.meta.env.VITE_BFF_ENDPOINT} />
+```
+
+## Vite config
+
+In development, point Vite at your own server plugin. In production no extra plugins are needed — aurora ships pre-built CSS and assets.
+
+```js
+// vite.config.mjs
+import { defineConfig } from "vite"
+import react from "@vitejs/plugin-react-swc"
+import viteFastify from "@fastify/vite/plugin"
+
+export default defineConfig(({ mode }) => ({
+  root: "./src/client",
+  build: { outDir: "../../dist/client" },
+  plugins: [mode !== "production" && viteFastify(), react()],
+}))
+```
+
+## Running the app
+
+```bash
+# Development (hot-reload)
+tsx watch --env-file=.env src/server/server.ts
+
+# Production
+NODE_ENV=production tsx --env-file=.env src/server/server.ts
+```
+
+## License
+
+Apache-2.0

package/dist/client/AuroraApp.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+export type AuroraAppProps = {
+    theme?: "theme-dark" | "theme-light";
+    bffEndpoint?: string;
+    onThemeChange?: (theme: "theme-dark" | "theme-light") => void;
+};
+export declare const AuroraApp: FC<AuroraAppProps>;

package/dist/client/AuthProvider-D-5Jpa6F.mjs

@@ -0,0 +1,100 @@
+import { jsx as e } from "react/jsx-runtime";
+import t, { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
+import { useRouter as o } from "@tanstack/react-router";
+//#region src/client/store/AuthProvider.tsx
+var s = /* @__PURE__ */ t.createContext(null), c = 3600 * 1e3;
+function l({ children: l }) {
+	let u = o(), [d, f] = t.useState(null), [p, m] = t.useState(void 0), [h, g] = t.useState(void 0), [_, v] = a(!1), [y, b] = a(void 0), x = i(null), S = i(null), C = !!d, w = n(() => {
+		x.current &&= (clearTimeout(x.current), null);
+	}, []), T = n(() => {
+		S.current &&= (clearTimeout(S.current), null);
+	}, []), E = n(() => {
+		v(!1), u.navigate({
+			to: "/",
+			search: y ? { redirect: y } : void 0
+		});
+	}, [y]), D = n(async (e = "manual") => {
+		if (w(), T(), f(null), m(void 0), g(e), e === "inactive" || e === "expired") {
+			let e = window.location.pathname + window.location.search;
+			e && e.startsWith("/") && b(e), v(!0);
+		} else u.invalidate();
+	}, [w, T]), O = n(() => {
+		C && (T(), S.current = setTimeout(() => {
+			D("inactive");
+		}, c));
+	}, [
+		C,
+		T,
+		D
+	]), k = n(async (e, t) => {
+		f(e), g(void 0), v(!1), b(void 0), m(t ? new Date(t) : void 0), O();
+	}, [O]);
+	return r(() => {
+		if (w(), d && p) {
+			let e = p.getTime() - Date.now();
+			if (e <= 0) {
+				D("expired");
+				return;
+			}
+			x.current = setTimeout(() => {
+				D("expired");
+			}, e);
+		}
+		return () => {
+			w();
+		};
+	}, [
+		d,
+		p,
+		D,
+		w
+	]), r(() => {
+		if (!C) {
+			T();
+			return;
+		}
+		let e = [
+			"mousedown",
+			"mousemove",
+			"keypress",
+			"scroll",
+			"touchstart",
+			"click"
+		], t = () => {
+			O();
+		};
+		return O(), e.forEach((e) => {
+			document.addEventListener(e, t, !0);
+		}), () => {
+			T(), e.forEach((e) => {
+				document.removeEventListener(e, t, !0);
+			});
+		};
+	}, [
+		C,
+		O,
+		T
+	]), /* @__PURE__ */ e(s.Provider, {
+		value: {
+			isAuthenticated: C,
+			user: d,
+			login: k,
+			logout: D,
+			expiresAt: p,
+			logoutReason: h,
+			showInactivityModal: _,
+			closeInactivityModal: E,
+			redirectAfterModal: y
+		},
+		children: l
+	});
+}
+function u() {
+	let e = t.useContext(s);
+	if (!e) throw Error("useAuth must be used within an AuthProvider");
+	return e;
+}
+//#endregion
+export { u as n, l as t };
+
+//# sourceMappingURL=AuthProvider-D-5Jpa6F.mjs.map

package/dist/client/AuthProvider-D-5Jpa6F.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthProvider-D-5Jpa6F.mjs","names":["React","useEffect","useRef","useCallback","useState","useRouter","AuthContext","createContext","INACTIVITY_TIMEOUT","AuthProvider","children","router","user","setUser","expiresAt","setExpiresAt","undefined","logoutReason","setLogoutReason","showInactivityModal","setShowInactivityModal","redirectAfterModal","setRedirectAfterModal","logoutTimerRef","inactivityTimerRef","isAuthenticated","clearLogoutTimer","current","clearTimeout","clearInactivityTimer","closeInactivityModal","navigate","to","search","redirect","logout","reason","currentPath","window","location","pathname","startsWith","invalidate","resetInactivityTimer","setTimeout","login","expires_at","expiration","Date","timeUntilExpiry","getTime","now","events","handleActivity","forEach","event","document","addEventListener","removeEventListener","Provider","value","useAuth","context","useContext","Error"],"sources":["../../src/client/store/AuthProvider.tsx"],"sourcesContent":["import React, { useEffect, useRef, useCallback, useState } from \"react\"\nimport { TokenData } from \"../../server/Authentication/types/models\"\nimport { useRouter } from \"@tanstack/react-router\"\n\nexport type User = TokenData[\"user\"] | null\n\nexport interface AuthContext {\n  isAuthenticated: boolean\n  login: (user: User, expires_at?: string) => Promise<void>\n  logout: (reason?: \"inactive\" | \"expired\" | \"manual\") => Promise<void>\n  user?: User\n  expiresAt?: Date\n  logoutReason?: \"inactive\" | \"expired\" | \"manual\"\n  showInactivityModal: boolean\n  closeInactivityModal: () => void\n  redirectAfterModal?: string\n}\n\nconst AuthContext = React.createContext<AuthContext | null>(null)\n\nconst INACTIVITY_TIMEOUT = 60 * 60 * 1000 // 60 minutes\n\nexport function AuthProvider({ children }: { children: React.ReactNode }) {\n  const router = useRouter()\n  const [user, setUser] = React.useState<User | null>(null)\n  const [expiresAt, setExpiresAt] = React.useState<Date | undefined>(undefined)\n  const [logoutReason, setLogoutReason] = React.useState<\"inactive\" | \"expired\" | \"manual\" | undefined>(undefined)\n  const [showInactivityModal, setShowInactivityModal] = useState(false)\n  const [redirectAfterModal, setRedirectAfterModal] = useState<string | undefined>(undefined)\n\n  const logoutTimerRef = useRef<NodeJS.Timeout | null>(null)\n  const inactivityTimerRef = useRef<NodeJS.Timeout | null>(null)\n\n  const isAuthenticated = !!user\n\n  const clearLogoutTimer = useCallback(() => {\n    if (logoutTimerRef.current) {\n      clearTimeout(logoutTimerRef.current)\n      logoutTimerRef.current = null\n    }\n  }, [])\n\n  const clearInactivityTimer = useCallback(() => {\n    if (inactivityTimerRef.current) {\n      clearTimeout(inactivityTimerRef.current)\n      inactivityTimerRef.current = null\n    }\n  }, [])\n\n  const closeInactivityModal = useCallback(() => {\n    setShowInactivityModal(false)\n\n    router.navigate({\n      to: \"/\",\n      search: redirectAfterModal ? { redirect: redirectAfterModal } : undefined,\n    })\n  }, [redirectAfterModal])\n\n  const logout = useCallback(\n    async (reason: \"inactive\" | \"expired\" | \"manual\" = \"manual\") => {\n      clearLogoutTimer()\n      clearInactivityTimer()\n\n      setUser(null)\n      setExpiresAt(undefined)\n      setLogoutReason(reason)\n\n      // For inactive/expired: Show modal instead of direct navigation\n      if (reason === \"inactive\" || reason === \"expired\") {\n        const currentPath = window.location.pathname + window.location.search\n        if (currentPath && currentPath.startsWith(\"/\")) {\n          setRedirectAfterModal(currentPath)\n        }\n\n        setShowInactivityModal(true)\n      } else {\n        // Manual logout: direct navigation\n        router.invalidate()\n      }\n    },\n    [clearLogoutTimer, clearInactivityTimer]\n  )\n\n  const resetInactivityTimer = useCallback(() => {\n    if (!isAuthenticated) return\n\n    clearInactivityTimer()\n\n    inactivityTimerRef.current = setTimeout(() => {\n      logout(\"inactive\")\n    }, INACTIVITY_TIMEOUT)\n  }, [isAuthenticated, clearInactivityTimer, logout])\n\n  const login = useCallback(\n    async (user: User, expires_at?: string) => {\n      setUser(user)\n      setLogoutReason(undefined)\n      setShowInactivityModal(false)\n      setRedirectAfterModal(undefined)\n\n      if (expires_at) {\n        const expiration = new Date(expires_at)\n        setExpiresAt(expiration)\n      } else {\n        setExpiresAt(undefined)\n      }\n\n      resetInactivityTimer()\n    },\n    [resetInactivityTimer]\n  )\n\n  useEffect(() => {\n    clearLogoutTimer()\n\n    if (user && expiresAt) {\n      const timeUntilExpiry = expiresAt.getTime() - Date.now()\n\n      if (timeUntilExpiry <= 0) {\n        logout(\"expired\")\n        return\n      }\n\n      logoutTimerRef.current = setTimeout(() => {\n        logout(\"expired\")\n      }, timeUntilExpiry)\n    }\n\n    return () => {\n      clearLogoutTimer()\n    }\n  }, [user, expiresAt, logout, clearLogoutTimer])\n\n  useEffect(() => {\n    if (!isAuthenticated) {\n      clearInactivityTimer()\n      return\n    }\n\n    const events = [\"mousedown\", \"mousemove\", \"keypress\", \"scroll\", \"touchstart\", \"click\"]\n\n    const handleActivity = () => {\n      resetInactivityTimer()\n    }\n\n    resetInactivityTimer()\n\n    events.forEach((event) => {\n      document.addEventListener(event, handleActivity, true)\n    })\n\n    return () => {\n      clearInactivityTimer()\n      events.forEach((event) => {\n        document.removeEventListener(event, handleActivity, true)\n      })\n    }\n  }, [isAuthenticated, resetInactivityTimer, clearInactivityTimer])\n\n  return (\n    <AuthContext.Provider\n      value={{\n        isAuthenticated,\n        user,\n        login,\n        logout,\n        expiresAt,\n        logoutReason,\n        showInactivityModal,\n        closeInactivityModal,\n        redirectAfterModal,\n      }}\n    >\n      {children}\n    </AuthContext.Provider>\n  )\n}\n\nexport function useAuth() {\n  const context = React.useContext(AuthContext)\n  if (!context) {\n    throw new Error(\"useAuth must be used within an AuthProvider\")\n  }\n  return context\n}\n"],"mappings":";;;;AAkBA,IAAMM,IAAcN,kBAAMO,cAAkC,KAAA,EAEtDC,IAAqB,OAAU;AAErC,SAAgBC,EAAa,EAAEC,eAAyC;CACtE,IAAMC,IAASN,GAAAA,EACT,CAACO,GAAMC,KAAWb,EAAMI,SAAsB,KAAA,EAC9C,CAACU,GAAWC,KAAgBf,EAAMI,SAA2BY,KAAAA,EAAAA,EAC7D,CAACC,GAAcC,KAAmBlB,EAAMI,SAAwDY,KAAAA,EAAAA,EAChG,CAACG,GAAqBC,KAA0BhB,EAAS,GAAA,EACzD,CAACiB,GAAoBC,KAAyBlB,EAA6BY,KAAAA,EAAAA,EAE3EO,IAAiBrB,EAA8B,KAAA,EAC/CsB,IAAqBtB,EAA8B,KAAA,EAEnDuB,IAAkB,CAAC,CAACb,GAEpBc,IAAmBvB,QAAY;AACnC,EAEEoB,EAAeI,aADfC,aAAaL,EAAeI,QAAO,EACV;IAE1B,EAAE,CAAA,EAECE,IAAuB1B,QAAY;AACvC,EAEEqB,EAAmBG,aADnBC,aAAaJ,EAAmBG,QAAO,EACV;IAE9B,EAAE,CAAA,EAECG,IAAuB3B,QAAY;AAGvCQ,EAFAS,EAAuB,GAAA,EAEvBT,EAAOoB,SAAS;GACdC,IAAI;GACJC,QAAQZ,IAAqB,EAAEa,UAAUb,GAAmB,GAAIL,KAAAA;GAClE,CAAA;IACC,CAACK,EAAmB,CAAA,EAEjBc,IAAShC,EACb,OAAOiC,IAA4C,aAAQ;AASzD,MARAV,GAAAA,EACAG,GAAAA,EAEAhB,EAAQ,KAAA,EACRE,EAAaC,KAAAA,EAAAA,EACbE,EAAgBkB,EAAAA,EAGZA,MAAW,cAAcA,MAAW,WAAW;GACjD,IAAMC,IAAcC,OAAOC,SAASC,WAAWF,OAAOC,SAASN;AAK/Db,GAJIiB,KAAeA,EAAYI,WAAW,IAAA,IACxCnB,EAAsBe,EAAAA,EAGxBjB,EAAuB,GAAA;QAGvBT,GAAO+B,YAAU;IAGrB,CAAChB,GAAkBG,EAAqB,CAAA,EAGpCc,IAAuBxC,QAAY;AAClCsB,QAELI,GAAAA,EAEAL,EAAmBG,UAAUiB,iBAAW;AACtCT,KAAO,WAAA;KACN3B,EAAAA;IACF;EAACiB;EAAiBI;EAAsBM;EAAO,CAAA,EAE5CU,IAAQ1C,EACZ,OAAOS,GAAYkC,MAAAA;AAajBH,EAZA9B,EAAQD,EAAAA,EACRM,EAAgBF,KAAAA,EAAAA,EAChBI,EAAuB,GAAA,EACvBE,EAAsBN,KAAAA,EAAAA,EAIpBD,EAFE+B,IACiB,IAAIE,KAAKF,EAAAA,GAGf9B,KAAAA,EAAAA,EAGf2B,GAAAA;IAEF,CAACA,EAAqB,CAAA;AAkDxB,QA/CA1C,QAAU;AAGR,MAFAyB,GAAAA,EAEId,KAAQE,GAAW;GACrB,IAAMmC,IAAkBnC,EAAUoC,SAAO,GAAKF,KAAKG,KAAG;AAEtD,OAAIF,KAAmB,GAAG;AACxBd,MAAO,UAAA;AACP;;AAGFZ,KAAeI,UAAUiB,iBAAW;AAClCT,MAAO,UAAA;MACNc,EAAAA;;AAGL,eAAO;AACLvB,MAAAA;;IAED;EAACd;EAAME;EAAWqB;EAAQT;EAAiB,CAAA,EAE9CzB,QAAU;AACR,MAAI,CAACwB,GAAiB;AACpBI,MAAAA;AACA;;EAGF,IAAMuB,IAAS;GAAC;GAAa;GAAa;GAAY;GAAU;GAAc;GAAQ,EAEhFC,UAAiB;AACrBV,MAAAA;;AASF,SANAA,GAAAA,EAEAS,EAAOE,SAASC,MAAAA;AACdC,YAASC,iBAAiBF,GAAOF,GAAgB,GAAA;IACnD,QAEO;AAELD,GADAvB,GAAAA,EACAuB,EAAOE,SAASC,MAAAA;AACdC,aAASE,oBAAoBH,GAAOF,GAAgB,GAAA;KACtD;;IAED;EAAC5B;EAAiBkB;EAAsBd;EAAqB,CAAA,EAG9D,kBAACvB,EAAYqD,UAAQ;EACnBC,OAAO;GACLnC;GACAb;GACAiC;GACAV;GACArB;GACAG;GACAE;GACAW;GACAT;GACF;EAECX;;;AAKP,SAAgBmD,IAAAA;CACd,IAAMC,IAAU9D,EAAM+D,WAAWzD,EAAAA;AACjC,KAAI,CAACwD,EACH,OAAUE,MAAM,8CAAA;AAElB,QAAOF"}

package/dist/client/ContentHeader-H8KGY3Wd.mjs

@@ -0,0 +1,81 @@
+import { F as e, G as t, U as n, q as r, tt as i, u as a, w as o } from "./build-eu9eg0zF.mjs";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useState as l } from "react";
+import { Trans as u, useLingui as d } from "@lingui/react";
+//#region src/client/components/ClipboardText.tsx
+var f = ({ text: t, tooltipContent: o, className: u, truncateAt: f, showTooltip: p = !0, ...m }) => {
+	let { i18n: h, _: g } = d(), [_, v] = l(!1), [y, b] = l(!1), x = `copyableTooltip  inline-flex items-center ${u || ""}`, S = async (e) => {
+		e.preventDefault(), e.stopPropagation();
+		try {
+			await navigator.clipboard.writeText(t), v(!0), b(!1), setTimeout(() => v(!1), 2e3);
+		} catch (e) {
+			console.error("Failed to copy text:", e);
+		}
+	}, C = f && t.length > f ? `${t.slice(0, f)}...` : t, w = () => _ ? o || h._({ id: "u+VWhB" }) : h._({ id: "he3ygx" }), T = _ && p || y && p;
+	return /* @__PURE__ */ s("div", {
+		...m,
+		className: x,
+		children: /* @__PURE__ */ c(i, {
+			open: T,
+			children: [/* @__PURE__ */ s(n, {
+				onClick: S,
+				onMouseEnter: () => !_ && b(!0),
+				onMouseLeave: () => b(!1),
+				"aria-label": h._({
+					id: "Wbg1jv",
+					values: { text: t }
+				}),
+				className: "cursor-pointer",
+				asChild: !0,
+				"data-testid": "clipboard-copy-trigger",
+				children: /* @__PURE__ */ s("div", {
+					className: "group",
+					children: /* @__PURE__ */ c(r, {
+						direction: "horizontal",
+						gap: "1",
+						className: "items-center hover:underline",
+						children: [/* @__PURE__ */ s("span", {
+							className: "select-none",
+							children: C
+						}), /* @__PURE__ */ s(a, {
+							icon: _ ? "check" : "contentCopy",
+							size: "18"
+						})]
+					})
+				})
+			}), /* @__PURE__ */ s(e, { children: w() })]
+		})
+	});
+};
+//#endregion
+//#region src/client/components/ContentHeader/ContentHeader.tsx
+function p({ title: e, projectId: n, actions: r }) {
+	return /* @__PURE__ */ c("header", { children: [
+		/* @__PURE__ */ c("div", {
+			className: "flex flex-col sm:flex-row sm:items-center sm:justify-between",
+			children: [/* @__PURE__ */ s(o, { children: e }), /* @__PURE__ */ c("div", {
+				className: "text-theme-light flex items-center gap-1 text-sm",
+				children: [/* @__PURE__ */ c("span", {
+					className: "font-semibold",
+					children: [
+						/* @__PURE__ */ s(u, { id: "mSfwLL" }),
+						":",
+						" "
+					]
+				}), /* @__PURE__ */ s(f, {
+					text: n,
+					truncateAt: 15
+				})]
+			})]
+		}),
+		/* @__PURE__ */ s(t, { className: "mt-4" }),
+		r && /* @__PURE__ */ s("div", {
+			className: "mt-2 flex justify-end",
+			children: r
+		})
+	] });
+}
+//#endregion
+export { p as t };
+
+//# sourceMappingURL=ContentHeader-H8KGY3Wd.mjs.map

package/dist/client/ContentHeader-H8KGY3Wd.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentHeader-H8KGY3Wd.mjs","names":["React","useState","Tooltip","TooltipTrigger","TooltipContent","Icon","Stack","ClipboardText","text","tooltipContent","className","truncateAt","showTooltip","props","useLingui","copied","setCopied","isHovering","setIsHovering","combinedClassName","handleCopy","e","preventDefault","stopPropagation","navigator","clipboard","writeText","setTimeout","err","console","error","displayText","length","slice","getTooltipContent","t","tooltipIsOpen","div","open","onClick","onMouseEnter","onMouseLeave","aria-label","asChild","data-testid","direction","gap","span","icon","size","Divider","ContentHeading","ClipboardText","ContentHeader","title","projectId","actions","header","div","className","span","text","truncateAt"],"sources":["../../src/client/components/ClipboardText.tsx","../../src/client/components/ContentHeader/ContentHeader.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { Tooltip, TooltipTrigger, TooltipContent, Icon, Stack } from \"@cloudoperators/juno-ui-components\"\nimport { useLingui } from \"@lingui/react/macro\"\n\nexport interface ClipboardTextProps extends React.HTMLAttributes<HTMLDivElement> {\n  tooltipContent?: string\n  text: string\n  className?: string\n  truncateAt?: number\n  showTooltip?: boolean\n}\n\nconst ClipboardText: React.FC<ClipboardTextProps> = ({\n  text,\n  tooltipContent,\n  className,\n  truncateAt,\n  showTooltip = true,\n  ...props\n}) => {\n  const { t } = useLingui()\n  const [copied, setCopied] = useState(false)\n  const [isHovering, setIsHovering] = useState(false)\n\n  const combinedClassName = `copyableTooltip  inline-flex items-center ${className || \"\"}`\n\n  const handleCopy = async (e: React.MouseEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n\n    try {\n      await navigator.clipboard.writeText(text)\n      setCopied(true)\n      setIsHovering(false)\n      setTimeout(() => setCopied(false), 2000)\n    } catch (err) {\n      console.error(\"Failed to copy text:\", err)\n    }\n  }\n\n  const displayText = truncateAt && text.length > truncateAt ? `${text.slice(0, truncateAt)}...` : text\n\n  // Determine tooltip content based on state\n  const getTooltipContent = () => {\n    if (copied) {\n      return tooltipContent || t`Copied to clipboard!`\n    }\n    return t`Copy`\n  }\n\n  const tooltipIsOpen = (copied && showTooltip) || (isHovering && showTooltip)\n\n  return (\n    <div {...props} className={combinedClassName}>\n      <Tooltip open={tooltipIsOpen}>\n        <TooltipTrigger\n          onClick={handleCopy}\n          onMouseEnter={() => !copied && setIsHovering(true)}\n          onMouseLeave={() => setIsHovering(false)}\n          aria-label={t`Copy ${text} to clipboard`}\n          className=\"cursor-pointer\"\n          asChild\n          data-testid=\"clipboard-copy-trigger\"\n        >\n          <div className=\"group\">\n            <Stack direction=\"horizontal\" gap=\"1\" className=\"items-center hover:underline\">\n              <span className=\"select-none\">{displayText}</span>\n              <Icon icon={copied ? \"check\" : \"contentCopy\"} size=\"18\" />\n            </Stack>\n          </div>\n        </TooltipTrigger>\n        <TooltipContent>{getTooltipContent()}</TooltipContent>\n      </Tooltip>\n    </div>\n  )\n}\n\nexport default ClipboardText\n","import type { ReactNode } from \"react\"\nimport { Divider, ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\nimport ClipboardText from \"../ClipboardText\"\n\ninterface ContentHeaderProps {\n  title: string\n  projectId: string\n  actions?: ReactNode\n}\n\nexport function ContentHeader({ title, projectId, actions }: ContentHeaderProps) {\n  return (\n    <header>\n      <div className=\"flex flex-col sm:flex-row sm:items-center sm:justify-between\">\n        <ContentHeading>{title}</ContentHeading>\n        <div className=\"text-theme-light flex items-center gap-1 text-sm\">\n          <span className=\"font-semibold\">\n            <Trans>Project ID</Trans>:{\" \"}\n          </span>\n          <ClipboardText text={projectId} truncateAt={15} />\n        </div>\n      </div>\n      <Divider className=\"mt-4\" />\n      {actions && <div className=\"mt-2 flex justify-end\">{actions}</div>}\n    </header>\n  )\n}\n"],"mappings":";;;;;AAYA,IAAMO,KAA+C,EACnDC,SACAC,mBACAC,cACAC,eACAC,iBAAc,IACd,GAAGC,QACJ;CACC,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQC,GAAAA,EACR,CAACC,GAAQC,KAAaf,EAAS,GAAA,EAC/B,CAACgB,GAAYC,KAAiBjB,EAAS,GAAA,EAEvCkB,IAAoB,6CAA6CT,KAAa,MAE9EU,IAAa,OAAOC,MAAAA;AAExBA,EADAA,EAAEC,gBAAc,EAChBD,EAAEE,iBAAe;AAEjB,MAAI;AAIFI,GAHA,MAAMH,UAAUC,UAAUC,UAAUlB,EAAAA,EACpCQ,EAAU,GAAA,EACVE,EAAc,GAAA,EACdS,iBAAiBX,EAAU,GAAA,EAAQ,IAAA;WAC5BY,GAAK;AACZC,WAAQC,MAAM,wBAAwBF,EAAAA;;IAIpCG,IAAcpB,KAAcH,EAAKwB,SAASrB,IAAa,GAAGH,EAAKyB,MAAM,GAAGtB,EAAAA,CAAY,OAAOH,GAG3F0B,UACAnB,IACKN,KAAkB0B,EAAAA,EAAC,EAAA,IAAA,UAAqB,CAAA,GAE1CA,EAAAA,EAAC,EAAA,IAAA,UAAK,CAAA,EAGTC,IAAgB,KAAWxB,KAAiBK,KAAcL;AAEhE,QACE,kBAACyB,OAAAA;EAAK,GAAGxB;EAAOH,WAAWS;YACzB,kBAACjB,GAAAA;GAAQoC,MAAMF;cACb,kBAACjC,GAAAA;IACCoC,SAASnB;IACToB,oBAAoB,CAACzB,KAAUG,EAAc,GAAA;IAC7CuB,oBAAoBvB,EAAc,GAAA;IAClCwB,cAAYP,EAAAA,EAAC;;eAAQ3B,SAAAA;KAAkB,CAAA;IACvCE,WAAU;IACViC,SAAO;IACPC,eAAY;cAEZ,kBAACP,OAAAA;KAAI3B,WAAU;eACb,kBAACJ,GAAAA;MAAMuC,WAAU;MAAaC,KAAI;MAAIpC,WAAU;iBAC9C,kBAACqC,QAAAA;OAAKrC,WAAU;iBAAeqB;UAC/B,kBAAC1B,GAAAA;OAAK2C,MAAMjC,IAAS,UAAU;OAAekC,MAAK;;;;OAIzD,kBAAC7C,GAAAA,EAAAA,UAAgB8B,GAAAA,EAAAA,CAAAA,CAAAA;;;;;;AC5DzB,SAAgBmB,EAAc,EAAEC,UAAOC,cAAWC,cAA6B;AAC7E,QACE,kBAACC,UAAAA,EAAAA,UAAAA;EACC,kBAACC,OAAAA;GAAIC,WAAU;cACb,kBAACR,GAAAA,EAAAA,UAAgBG,GAAAA,CAAAA,EACjB,kBAACI,OAAAA;IAAIC,WAAU;eACb,kBAACC,QAAAA;KAAKD,WAAU;;MACd,kBAAA,GAAA,EAAA,IAAA,UAAA,CAAA;MAAyB;MAAE;;QAE7B,kBAACP,GAAAA;KAAcS,MAAMN;KAAWO,YAAY;;;;EAGhD,kBAACZ,GAAAA,EAAQS,WAAU,QAAA,CAAA;EAClBH,KAAW,kBAACE,OAAAA;GAAIC,WAAU;aAAyBH"}