@cobaltcore-dev/aurora 0.2.2 → 0.3.1

package/dist/client/objects-D4zBka5e.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"objects-D4zBka5e.mjs","names":["createFileRoute","redirect","getServiceIndex","z","checkServiceAvailability","availableServices","type","name","params","projectId","provider","containerName","serviceIndex","to","hasSwift","Boolean","hasCeph","cephFallbackEnabled","hasEffectiveCeph","fallbackProvider","objectsSearchSchema","object","prefix","string","optional","sortBy","enum","sortDirection","search","Route","staticData","section","service","isDetail","sectionCrumb","labelKey","crumb","useParamAsLabel","RouteInfo","validateSearch","head","match","meta","title","component","lazyRouteComponent","$$splitComponentImporter","notFoundComponent","$$splitNotFoundComponentImporter","loader","context","trpcClient","auth","getAvailableServices","query","client","beforeLoad"],"sources":["../../src/client/routes/_auth/projects/$projectId/storage/$provider/containers/$containerName/objects/index.tsx"],"sourcesContent":["import { createFileRoute, redirect, useParams } from \"@tanstack/react-router\"\nimport { getServiceIndex } from \"@/server/Authentication/helpers\"\nimport { ErrorBoundary } from \"react-error-boundary\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { SwiftObjects } from \"../../../../-components/Swift/Objects\"\nimport { ObjectBrowserView } from \"../../../../-components/Ceph/Objects\"\nimport { z } from \"zod\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\n\nexport const checkServiceAvailability = (\n  availableServices: {\n    type: string\n    name: string\n  }[],\n  params: {\n    projectId: string\n    provider: string\n    containerName: string\n  }\n) => {\n  const { provider, projectId, containerName } = params\n\n  const serviceIndex = getServiceIndex(availableServices)\n\n  // Redirect to the \"Projects Overview\" page if no storage services available\n  if (!serviceIndex[\"object-store\"]) {\n    throw redirect({\n      to: \"/projects/$projectId/compute/overview\",\n      params: { projectId },\n    })\n  }\n\n  // Check provider availability\n  const hasSwift = Boolean(serviceIndex[\"object-store\"][\"swift\"])\n  const hasCeph = Boolean(serviceIndex[\"object-store\"][\"ceph\"])\n\n  // TEMPORARY: Allow Ceph access even if not in catalog (relies on env config)\n  // TODO: Properly register Ceph in OpenStack service catalog\n  const cephFallbackEnabled = true // Set to false once Ceph is in catalog\n\n  // Effective availability includes fallback flag for Ceph\n  const hasEffectiveCeph = hasCeph || cephFallbackEnabled\n  const fallbackProvider = hasSwift ? \"swift\" : hasEffectiveCeph ? \"ceph\" : null\n\n  if (provider !== \"swift\" && provider !== \"ceph\") {\n    if (!fallbackProvider) {\n      throw redirect({\n        to: \"/projects/$projectId/compute/overview\",\n        params: { projectId },\n      })\n    }\n    throw redirect({\n      to: \"/projects/$projectId/storage/$provider/containers/$containerName/objects\",\n      params: { projectId, provider: fallbackProvider, containerName },\n    })\n  }\n\n  if (provider === \"swift\" && !hasSwift) {\n    if (!hasEffectiveCeph) {\n      throw redirect({\n        to: \"/projects/$projectId/compute/overview\",\n        params: { projectId },\n      })\n    }\n\n    throw redirect({\n      to: \"/projects/$projectId/storage/$provider/containers/$containerName/objects\",\n      params: { projectId, provider: \"ceph\", containerName },\n    })\n  }\n\n  if (provider === \"ceph\" && !hasEffectiveCeph) {\n    if (!hasSwift) {\n      throw redirect({\n        to: \"/projects/$projectId/compute/overview\",\n        params: { projectId },\n      })\n    }\n\n    throw redirect({\n      to: \"/projects/$projectId/storage/$provider/containers/$containerName/objects\",\n      params: { projectId, provider: \"swift\", containerName },\n    })\n  }\n}\n\n// Search params schema\n// - prefix: base64-encoded current folder path, safe to carry \"/\" chars in the URL\n// - sortBy: active sort column key — persisted so deep links and back navigation restore sort state\n//   Accepts both Swift keys (last_modified, bytes) and Ceph keys (lastModified, size) for compatibility\n// - sortDirection: \"asc\" | \"desc\" — persisted alongside sortBy\nconst objectsSearchSchema = z.object({\n  prefix: z.string().optional(),\n  sortBy: z.enum([\"name\", \"last_modified\", \"bytes\", \"lastModified\", \"size\"]).optional(),\n  sortDirection: z.enum([\"asc\", \"desc\"]).optional(),\n  search: z.string().optional(),\n})\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/storage/$provider/containers/$containerName/objects/\")(\n  {\n    staticData: {\n      section: \"storage\",\n      service: \"containers\",\n      isDetail: true,\n      sectionCrumb: { labelKey: \"Storage\" },\n      crumb: { useParamAsLabel: \"provider\", to: \"/projects/$projectId/storage/$provider/containers\" },\n    } satisfies RouteInfo,\n    validateSearch: objectsSearchSchema,\n    head: ({ match }) => ({\n      meta: [{ title: match.params.containerName }],\n    }),\n    component: () => {\n      return <ObjectsDashboard />\n    },\n    notFoundComponent: () => {\n      return (\n        <p>\n          <Trans>Storage container not found</Trans>\n        </p>\n      )\n    },\n    loader: async ({ context }) => {\n      const { trpcClient } = context\n      const availableServices = await trpcClient?.auth.getAvailableServices.query()\n\n      return {\n        client: trpcClient,\n        availableServices,\n      }\n    },\n    beforeLoad: async ({ context, params }) => {\n      const { trpcClient } = context\n      const availableServices = await trpcClient?.auth.getAvailableServices.query()\n      checkServiceAvailability(availableServices!, params)\n    },\n  }\n)\n\nfunction ObjectsDashboard() {\n  const { project, provider, containerName } = useParams({\n    from: \"/_auth/projects/$projectId/storage/$provider/containers/$containerName/objects/\",\n    select: (params) => ({\n      project: params.projectId,\n      provider: params.provider,\n      containerName: params.containerName,\n    }),\n  })\n\n  const { prefix, sortBy, sortDirection, search } = Route.useSearch()\n\n  return (\n    <div>\n      {project ? (\n        <ErrorBoundary\n          resetKeys={[project, provider, containerName, prefix, sortBy, sortDirection, search]}\n          fallback={\n            <div className=\"p-4 text-center\">\n              <Trans>Error loading component</Trans>\n            </div>\n          }\n        >\n          {(() => {\n            switch (provider) {\n              case \"swift\":\n                return <SwiftObjects />\n              case \"ceph\":\n                return <ObjectBrowserView bucketName={containerName} />\n              default:\n                return (\n                  <div className=\"p-4\">\n                    <Trans>Objects — {containerName}</Trans>\n                  </div>\n                )\n            }\n          })()}\n        </ErrorBoundary>\n      ) : (\n        <div className=\"p-4 text-center\">\n          <Trans>No project selected</Trans>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;4FASaI,KACXC,GAIAG,MAAAA;CAMA,IAAM,EAAEE,aAAUD,cAAWE,qBAAkBH,GAEzCI,IAAeV,EAAgBG,EAAAA;AAGrC,KAAI,CAACO,EAAa,gBAChB,OAAMX,EAAS;EACbY,IAAI;EACJL,QAAQ,EAAEC,cAAU;EACtB,CAAA;CAIF,IAAMK,IAAWC,EAAQH,EAAa,gBAAgB,OAQhDM,IAPUH,EAAQH,EAAa,gBAAgB,QAIzB,IAItBO,IAAmBL,IAAW,UAAUI,IAAmB,SAAS;AAE1E,KAAIR,MAAa,WAAWA,MAAa,OAOvC,OAAMT,EANDkB,IAMU;EACbN,IAAI;EACJL,QAAQ;GAAEC;GAAWC,UAAUS;GAAkBR;GAAc;EACjE,GARiB;EACbE,IAAI;EACJL,QAAQ,EAAEC,cAAU;EACtB,CAAA;AAQJ,KAAIC,MAAa,WAAW,CAACI,EAQ3B,OAAMb,EAPDiB,IAOU;EACbL,IAAI;EACJL,QAAQ;GAAEC;GAAWC,UAAU;GAAQC;GAAc;EACvD,GATiB;EACbE,IAAI;EACJL,QAAQ,EAAEC,cAAU;EACtB,CAAA;AASJ,KAAIC,MAAa,UAAU,CAACQ,EAQ1B,OAAMjB,EAPDa,IAOU;EACbD,IAAI;EACJL,QAAQ;GAAEC;GAAWC,UAAU;GAASC;GAAc;EACxD,GATiB;EACbE,IAAI;EACJL,QAAQ,EAAEC,cAAU;EACtB,CAAA;GAeAW,IAAsBjB,EAAEkB,OAAO;CACnCC,QAAQnB,EAAEoB,QAAM,CAAGC,UAAQ;CAC3BC,QAAQtB,EAAEuB,KAAK;EAAC;EAAQ;EAAiB;EAAS;EAAgB;EAAO,CAAA,CAAEF,UAAQ;CACnFG,eAAexB,EAAEuB,KAAK,CAAC,OAAO,OAAO,CAAA,CAAEF,UAAQ;CAC/CI,QAAQzB,EAAEoB,QAAM,CAAGC,UAAQ;CAC7B,CAAA,EAEaK,IAAQ7B,EAAgB,kFAAA,CACnC;CACE8B,YAAY;EACVC,SAAS;EACTC,SAAS;EACTC,UAAU;EACVC,cAAc,EAAEC,UAAU,WAAU;EACpCC,OAAO;GAAEC,iBAAiB;GAAYxB,IAAI;GAAoD;EAChG;CACA0B,gBAAgBnB;CAChBoB,OAAO,EAAEC,gBAAa,EACpBC,MAAM,CAAC,EAAEC,OAAOF,EAAMjC,OAAOG,eAAc,CAAC,EAC9C;CACAiC,WAASC,EAAAC,GAAA,YAAA;CAGTC,mBAAiBF,EAAAG,GAAA,oBAAA;CAOjBC,QAAQ,OAAO,EAAEC,iBAAS;EACxB,IAAM,EAAEC,kBAAeD;AAGvB,SAAO;GACLK,QAAQJ;GACR9C,mBAJwB,MAAM8C,GAAYC,KAAKC,qBAAqBC,OAAAA;GAKtE;;CAEFE,YAAY,OAAO,EAAEN,YAAS1C,gBAAQ;EACpC,IAAM,EAAE2C,kBAAeD;AAEvB9C,IAD0B,MAAM+C,GAAYC,KAAKC,qBAAqBC,OAAAA,EACzB9C,EAAAA;;CAEjD,CAAA"}

package/dist/client/projects-0feOw_b6.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"projects-0feOw_b6.mjs","names":["createFileRoute","z","searchSchema","object","search","string","optional","Route","component","lazyRouteComponent","$$splitComponentImporter","errorComponent","$$splitErrorComponentImporter","notFoundComponent","$$splitNotFoundComponentImporter","validateSearch","loaderDeps","loader","context","deps","allProjects","trpcClient","project","getAuthProjects","query","projects","trim","searchTermLower","toLowerCase","filter","name","includes","description"],"sources":["../../src/client/routes/_auth/projects/index.tsx"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { useState } from \"react\"\nimport { ProjectsOverviewNavBar, ViewMode } from \"@/client/routes/_auth/projects/-components/ProjectOverviewNavBar\"\nimport { ProjectCardView } from \"@/client/routes/_auth/projects/-components/ProjectCardView\"\nimport { ProjectListView } from \"@/client/routes/_auth/projects/-components/ProjectListView\"\nimport { RouteError } from \"@/client/components/Error/RouteError\"\nimport { TRPCClientError } from \"@trpc/client\"\nimport { ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\n\nimport { z } from \"zod\"\n\nconst searchSchema = z.object({\n  search: z.string().optional(),\n})\n\nexport const Route = createFileRoute(\"/_auth/projects/\")({\n  component: ProjectsOverview,\n  errorComponent: ({ error }) => (\n    <RouteError error={error} safeErrorMessage={error instanceof TRPCClientError ? error.message : undefined} />\n  ),\n  notFoundComponent: () => {\n    return <p>Projects not found</p>\n  },\n\n  validateSearch: searchSchema,\n\n  loaderDeps: ({ search }) => ({\n    search: search.search || \"\",\n  }),\n\n  loader: async ({ context, deps }) => {\n    const allProjects = await context.trpcClient?.project.getAuthProjects.query()\n\n    // Filter projects based on search term\n    let projects = allProjects\n    if (deps.search && deps.search.trim() !== \"\") {\n      const searchTermLower = deps.search.toLowerCase()\n      projects = allProjects?.filter(\n        (project) =>\n          project.name?.toLowerCase().includes(searchTermLower) ||\n          project.description?.toLowerCase().includes(searchTermLower)\n      )\n    }\n\n    return {\n      projects,\n    }\n  },\n})\n\nfunction ProjectsOverview() {\n  const [viewMode, setViewMode] = useState<ViewMode>(\"card\")\n  const { projects } = Route.useLoaderData()\n  const { search = \"\" } = Route.useSearch()\n  const navigate = Route.useNavigate()\n\n  const handleSearch = (value: string) => {\n    navigate({\n      search: { search: value },\n      replace: true,\n    })\n  }\n\n  return (\n    <div>\n      <div className=\"mx-auto h-full w-full max-w-full p-4 lg:w-3/4 xl:w-2/3 2xl:w-5/8\">\n        <div className=\"mx-auto w-full\">\n          <ContentHeading className=\"px-4 pt-4\">\n            <Trans>Projects</Trans>\n          </ContentHeading>\n          <ProjectsOverviewNavBar\n            viewMode={viewMode}\n            setViewMode={setViewMode}\n            searchTerm={search}\n            onSearch={handleSearch}\n          />\n          <div className=\"w-full pt-5\">\n            {viewMode === \"list\" ? <ProjectListView projects={projects} /> : <ProjectCardView projects={projects} />}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;2IAYME,IAAeD,EAAEE,OAAO,EAC5BC,QAAQH,EAAEI,QAAM,CAAGC,UAAQ,EAC7B,CAAA,EAEaC,IAAQP,EAAgB,mBAAA,CAAoB;CACvDQ,WAASC,EAAAC,GAAA,YAAA;CACTC,gBAAcF,EAAAG,GAAA,iBAAA;CAGdC,mBAAiBJ,EAAAK,GAAA,oBAAA;CAIjBC,gBAAgBb;CAEhBc,aAAa,EAAEZ,iBAAc,EAC3BA,QAAQA,EAAOA,UAAU,IAC3B;CAEAa,QAAQ,OAAO,EAAEC,YAASC,cAAM;EAC9B,IAAMC,IAAc,MAAMF,EAAQG,YAAYC,QAAQC,gBAAgBC,OAAAA,EAGlEC,IAAWL;AACf,MAAID,EAAKf,UAAUe,EAAKf,OAAOsB,MAAI,KAAO,IAAI;GAC5C,IAAMC,IAAkBR,EAAKf,OAAOwB,aAAW;AAC/CH,OAAWL,GAAaS,QACrBP,MACCA,EAAQQ,MAAMF,aAAAA,CAAcG,SAASJ,EAAAA,IACrCL,EAAQU,aAAaJ,aAAAA,CAAcG,SAASJ,EAAAA,CAAAA;;AAIlD,SAAO,EACLF,aACF;;CAEJ,CAAA"}

package/dist/client/projects-BsN4bvU2.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"projects-BsN4bvU2.mjs","names":["SplitNotFoundComponent","notFoundComponent"],"sources":["../../src/client/routes/_auth/projects/index.tsx?tsr-split=notFoundComponent"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { useState } from \"react\"\nimport { ProjectsOverviewNavBar, ViewMode } from \"@/client/routes/_auth/projects/-components/ProjectOverviewNavBar\"\nimport { ProjectCardView } from \"@/client/routes/_auth/projects/-components/ProjectCardView\"\nimport { ProjectListView } from \"@/client/routes/_auth/projects/-components/ProjectListView\"\nimport { RouteError } from \"@/client/components/Error/RouteError\"\nimport { TRPCClientError } from \"@trpc/client\"\nimport { ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\n\nimport { z } from \"zod\"\n\nconst searchSchema = z.object({\n  search: z.string().optional(),\n})\n\nexport const Route = createFileRoute(\"/_auth/projects/\")({\n  component: ProjectsOverview,\n  errorComponent: ({ error }) => (\n    <RouteError error={error} safeErrorMessage={error instanceof TRPCClientError ? error.message : undefined} />\n  ),\n  notFoundComponent: () => {\n    return <p>Projects not found</p>\n  },\n\n  validateSearch: searchSchema,\n\n  loaderDeps: ({ search }) => ({\n    search: search.search || \"\",\n  }),\n\n  loader: async ({ context, deps }) => {\n    const allProjects = await context.trpcClient?.project.getAuthProjects.query()\n\n    // Filter projects based on search term\n    let projects = allProjects\n    if (deps.search && deps.search.trim() !== \"\") {\n      const searchTermLower = deps.search.toLowerCase()\n      projects = allProjects?.filter(\n        (project) =>\n          project.name?.toLowerCase().includes(searchTermLower) ||\n          project.description?.toLowerCase().includes(searchTermLower)\n      )\n    }\n\n    return {\n      projects,\n    }\n  },\n})\n\nfunction ProjectsOverview() {\n  const [viewMode, setViewMode] = useState<ViewMode>(\"card\")\n  const { projects } = Route.useLoaderData()\n  const { search = \"\" } = Route.useSearch()\n  const navigate = Route.useNavigate()\n\n  const handleSearch = (value: string) => {\n    navigate({\n      search: { search: value },\n      replace: true,\n    })\n  }\n\n  return (\n    <div>\n      <div className=\"mx-auto h-full w-full max-w-full p-4 lg:w-3/4 xl:w-2/3 2xl:w-5/8\">\n        <div className=\"mx-auto w-full\">\n          <ContentHeading className=\"px-4 pt-4\">\n            <Trans>Projects</Trans>\n          </ContentHeading>\n          <ProjectsOverviewNavBar\n            viewMode={viewMode}\n            setViewMode={setViewMode}\n            searchTerm={search}\n            onSearch={handleSearch}\n          />\n          <div className=\"w-full pt-5\">\n            {viewMode === \"list\" ? <ProjectListView projects={projects} /> : <ProjectCardView projects={projects} />}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;cAsBW,kBAAC,KAAA,EAAA,UAAE,sBAAA,CAAA"}

package/dist/client/projects-C1IYOvFQ.mjs

@@ -1,144 +0,0 @@
-import { $ as e, A as t, N as n, O as r, at as i, b as a, l as o, p as s, z as c } from "./build-Cf7iWbpH.mjs";
-import { t as l } from "./projects-0feOw_b6.mjs";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { useEffect as p, useRef as m, useState as h } from "react";
-import { Link as g } from "@tanstack/react-router";
-import { Trans as _, useLingui as v } from "@lingui/react";
-//#region src/client/routes/_auth/projects/-components/ProjectOverviewNavBar.tsx
-function y({ viewMode: t, setViewMode: n, onSearch: r, searchTerm: a = "" }) {
-	let { i18n: c, _: l } = v(), g = m(null), _ = m(!1), [y, b] = h(a);
-	return p(() => {
-		!_.current && !g.current && a !== y && b(a);
-	}, [a]), p(() => () => {
-		g.current && clearTimeout(g.current);
-	}, []), /* @__PURE__ */ d(u, { children: /* @__PURE__ */ d(e, {
-		alignment: "center",
-		gap: "8",
-		className: "my-px mt-4 px-4",
-		children: /* @__PURE__ */ d(e, {
-			direction: "vertical",
-			gap: "3",
-			className: "w-full",
-			children: /* @__PURE__ */ f(e, {
-				gap: "6",
-				className: "flex w-full flex-wrap",
-				children: [/* @__PURE__ */ d(s, {
-					className: "shrink-0 grow basis-0",
-					type: "text",
-					placeholder: c._({ id: "YIix5Y" }),
-					onChange: (e) => {
-						let t = e.target.value;
-						b(t), g.current && clearTimeout(g.current), g.current = setTimeout(() => {
-							g.current = null, r(t);
-						}, 300);
-					},
-					onFocus: () => {
-						_.current = !0;
-					},
-					onBlur: () => {
-						_.current = !1;
-					},
-					onClear: () => {
-						g.current &&= (clearTimeout(g.current), null), b(""), r("");
-					},
-					value: y
-				}), /* @__PURE__ */ f(i, { children: [/* @__PURE__ */ d(o, {
-					variant: t === "list" ? "default" : "subdued",
-					onClick: () => n("list"),
-					icon: "dns"
-				}), /* @__PURE__ */ d(o, {
-					variant: t === "card" ? "default" : "subdued",
-					onClick: () => n("card"),
-					icon: "autoAwesomeMotion"
-				})] })]
-			})
-		})
-	}) });
-}
-//#endregion
-//#region src/client/routes/_auth/projects/-components/ProjectCardView.tsx
-function b({ project: e }) {
-	return /* @__PURE__ */ d(g, {
-		to: "/projects/$projectId",
-		params: { projectId: e.id },
-		className: "block text-inherit no-underline",
-		children: /* @__PURE__ */ d(a, {
-			className: "hover:bg-theme-background-lvl-2 min-h-50 rounded-lg p-6 shadow-md",
-			children: /* @__PURE__ */ f("div", {
-				className: "w-full",
-				children: [/* @__PURE__ */ d(r, {
-					className: "text-theme-accent",
-					children: e.name
-				}), /* @__PURE__ */ d("p", {
-					className: "mt-4 line-clamp-3 pr-4 leading-relaxed",
-					children: e.description
-				})]
-			})
-		})
-	});
-}
-function x({ projects: e }) {
-	return /* @__PURE__ */ d("div", {
-		className: "mx-auto h-full w-full max-w-[95vw] px-4",
-		children: /* @__PURE__ */ d("div", {
-			className: "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3",
-			children: e?.length ? e.map((e) => /* @__PURE__ */ d(b, { project: e }, e.id)) : /* @__PURE__ */ d("p", {
-				className: "text-center",
-				children: /* @__PURE__ */ d(_, { id: "Zgp2Sm" })
-			})
-		})
-	});
-}
-//#endregion
-//#region src/client/routes/_auth/projects/-components/ProjectListView.tsx
-function S({ projects: e }) {
-	return /* @__PURE__ */ d(c, {
-		className: "overflow-hidden",
-		columns: 2,
-		children: e?.length ? e.map((e) => /* @__PURE__ */ f(n, { children: [/* @__PURE__ */ d(t, { children: /* @__PURE__ */ d(g, {
-			to: "/projects/$projectId",
-			params: { projectId: e.id },
-			className: "text-inherit no-underline",
-			children: e.name
-		}) }), /* @__PURE__ */ d(t, { children: e.description })] }, e.id)) : /* @__PURE__ */ d("div", {
-			className: "py-6 text-center",
-			children: /* @__PURE__ */ d(_, { id: "i30J2U" })
-		})
-	});
-}
-//#endregion
-//#region src/client/routes/_auth/projects/index.tsx?tsr-split=component
-function C() {
-	let [e, t] = h("card"), { projects: n } = l.useLoaderData(), { search: i = "" } = l.useSearch(), a = l.useNavigate();
-	return /* @__PURE__ */ d("div", { children: /* @__PURE__ */ d("div", {
-		className: "mx-auto h-full w-full max-w-full p-4 lg:w-3/4 xl:w-2/3 2xl:w-5/8",
-		children: /* @__PURE__ */ f("div", {
-			className: "mx-auto w-full",
-			children: [
-				/* @__PURE__ */ d(r, {
-					className: "px-4 pt-4",
-					children: /* @__PURE__ */ d(_, { id: "+0B+ue" })
-				}),
-				/* @__PURE__ */ d(y, {
-					viewMode: e,
-					setViewMode: t,
-					searchTerm: i,
-					onSearch: (e) => {
-						a({
-							search: { search: e },
-							replace: !0
-						});
-					}
-				}),
-				/* @__PURE__ */ d("div", {
-					className: "w-full pt-5",
-					children: d(e === "list" ? S : x, { projects: n })
-				})
-			]
-		})
-	}) });
-}
-//#endregion
-export { C as component };
-
-//# sourceMappingURL=projects-C1IYOvFQ.mjs.map

package/dist/client/projects-C1IYOvFQ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"projects-C1IYOvFQ.mjs","names":["useEffect","useRef","useState","Button","InputGroup","SearchInput","Stack","ProjectsOverviewNavBar","viewMode","setViewMode","onSearch","searchTerm","useLingui","timerRef","inputFocusedRef","inputValue","setInputValue","current","clearTimeout","handleSearchChange","e","value","target","setTimeout","handleClear","alignment","gap","className","direction","type","placeholder","t","onChange","onFocus","onBlur","onClear","variant","onClick","icon","Link","Box","ContentHeading","ProjectCard","project","to","params","projectId","id","className","div","name","p","description","ProjectCardView","projects","length","map","DataGrid","DataGridCell","DataGridRow","Link","ProjectListView","projects","className","columns","length","map","project","to","params","projectId","id","name","description","div","useState","ProjectsOverviewNavBar","ViewMode","ProjectCardView","ProjectListView","ContentHeading","Trans","Route","ProjectsOverview","viewMode","setViewMode","projects","useLoaderData","search","useSearch","navigate","useNavigate","handleSearch","value","replace","component"],"sources":["../../src/client/routes/_auth/projects/-components/ProjectOverviewNavBar.tsx","../../src/client/routes/_auth/projects/-components/ProjectCardView.tsx","../../src/client/routes/_auth/projects/-components/ProjectListView.tsx","../../src/client/routes/_auth/projects/index.tsx?tsr-split=component"],"sourcesContent":["import { ChangeEvent, useEffect, useRef, useState } from \"react\"\nimport { Button, InputGroup, SearchInput, Stack } from \"@cloudoperators/juno-ui-components\"\nimport { useLingui } from \"@lingui/react/macro\"\nexport type ViewMode = \"list\" | \"card\"\n\ntype ProjectsOverviewNavBarProps = {\n  viewMode: ViewMode\n  setViewMode: (mode: ViewMode) => void\n  searchPlaceholder?: string\n  filters?: { label: string; value: string }[]\n  searchTerm?: string\n  onSearch: (value: string) => void\n}\n\nexport function ProjectsOverviewNavBar({\n  viewMode,\n  setViewMode,\n  onSearch,\n  searchTerm = \"\",\n}: ProjectsOverviewNavBarProps) {\n  const { t } = useLingui()\n  const timerRef = useRef<NodeJS.Timeout | null>(null)\n  const inputFocusedRef = useRef(false)\n  const [inputValue, setInputValue] = useState(searchTerm)\n\n  // Sync from URL (e.g. back/forward navigation) only when user isn't actively editing\n  useEffect(() => {\n    if (!inputFocusedRef.current && !timerRef.current && searchTerm !== inputValue) {\n      setInputValue(searchTerm)\n    }\n  }, [searchTerm])\n\n  useEffect(() => {\n    return () => {\n      if (timerRef.current) {\n        clearTimeout(timerRef.current)\n      }\n    }\n  }, [])\n\n  const handleSearchChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value\n    setInputValue(value)\n\n    if (timerRef.current) {\n      clearTimeout(timerRef.current)\n    }\n\n    timerRef.current = setTimeout(() => {\n      timerRef.current = null\n      onSearch(value)\n    }, 300)\n  }\n\n  const handleClear = () => {\n    if (timerRef.current) {\n      clearTimeout(timerRef.current)\n      timerRef.current = null\n    }\n    setInputValue(\"\")\n    onSearch(\"\")\n  }\n\n  return (\n    <>\n      <Stack alignment=\"center\" gap=\"8\" className=\"my-px mt-4 px-4\">\n        <Stack direction=\"vertical\" gap=\"3\" className=\"w-full\">\n          <Stack gap=\"6\" className=\"flex w-full flex-wrap\">\n            <SearchInput\n              className=\"shrink-0 grow basis-0\"\n              type=\"text\"\n              placeholder={t`Search...`}\n              onChange={handleSearchChange}\n              onFocus={() => {\n                inputFocusedRef.current = true\n              }}\n              onBlur={() => {\n                inputFocusedRef.current = false\n              }}\n              onClear={handleClear}\n              value={inputValue}\n            />\n\n            <InputGroup>\n              <Button\n                variant={viewMode === \"list\" ? \"default\" : \"subdued\"}\n                onClick={() => setViewMode(\"list\")}\n                icon=\"dns\"\n              />\n\n              <Button\n                variant={viewMode === \"card\" ? \"default\" : \"subdued\"}\n                onClick={() => setViewMode(\"card\")}\n                icon=\"autoAwesomeMotion\"\n              />\n            </InputGroup>\n          </Stack>\n        </Stack>\n      </Stack>\n    </>\n  )\n}\n","import { Link } from \"@tanstack/react-router\"\nimport { Project } from \"@/server/Project/types/models\"\nimport { Box, ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\n\ntype ProjectCardProps = {\n  project: Project\n}\ntype ProjectCardViewProps = {\n  projects: Project[] | undefined\n}\n\nexport function ProjectCard({ project }: ProjectCardProps) {\n  return (\n    <Link to=\"/projects/$projectId\" params={{ projectId: project.id }} className=\"block text-inherit no-underline\">\n      <Box className=\"hover:bg-theme-background-lvl-2 min-h-50 rounded-lg p-6 shadow-md\">\n        <div className=\"w-full\">\n          <ContentHeading className=\"text-theme-accent\">{project.name}</ContentHeading>\n\n          <p className=\"mt-4 line-clamp-3 pr-4 leading-relaxed\">{project.description}</p>\n        </div>\n      </Box>\n    </Link>\n  )\n}\nexport function ProjectCardView({ projects }: ProjectCardViewProps) {\n  return (\n    <div className=\"mx-auto h-full w-full max-w-[95vw] px-4\">\n      {/* Adaptive Grid: max 3 columns, adjusts on smaller screens */}\n      <div className=\"grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3\">\n        {projects?.length ? (\n          projects.map((project) => <ProjectCard key={project.id} project={project} />)\n        ) : (\n          <p className=\"text-center\">\n            <Trans>No projects available.</Trans>\n          </p>\n        )}\n      </div>\n    </div>\n  )\n}\n","import { Project } from \"@/server/Project/types/models\"\nimport { DataGrid, DataGridCell, DataGridRow } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\nimport { Link } from \"@tanstack/react-router\"\n\ntype ProjectListViewProps = {\n  projects: Project[] | undefined\n}\n\nexport function ProjectListView({ projects }: ProjectListViewProps) {\n  return (\n    <DataGrid className=\"overflow-hidden\" columns={2}>\n      {projects?.length ? (\n        projects.map((project) => {\n          return (\n            <DataGridRow key={project.id}>\n              <DataGridCell>\n                <Link\n                  to=\"/projects/$projectId\"\n                  params={{ projectId: project.id }}\n                  className=\"text-inherit no-underline\"\n                >\n                  {project.name}\n                </Link>\n              </DataGridCell>\n              <DataGridCell>{project.description}</DataGridCell>\n            </DataGridRow>\n          )\n        })\n      ) : (\n        <div className=\"py-6 text-center\">\n          <Trans>No projects found</Trans>\n        </div>\n      )}\n    </DataGrid>\n  )\n}\n","import { createFileRoute } from \"@tanstack/react-router\"\nimport { useState } from \"react\"\nimport { ProjectsOverviewNavBar, ViewMode } from \"@/client/routes/_auth/projects/-components/ProjectOverviewNavBar\"\nimport { ProjectCardView } from \"@/client/routes/_auth/projects/-components/ProjectCardView\"\nimport { ProjectListView } from \"@/client/routes/_auth/projects/-components/ProjectListView\"\nimport { RouteError } from \"@/client/components/Error/RouteError\"\nimport { TRPCClientError } from \"@trpc/client\"\nimport { ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\n\nimport { z } from \"zod\"\n\nconst searchSchema = z.object({\n  search: z.string().optional(),\n})\n\nexport const Route = createFileRoute(\"/_auth/projects/\")({\n  component: ProjectsOverview,\n  errorComponent: ({ error }) => (\n    <RouteError error={error} safeErrorMessage={error instanceof TRPCClientError ? error.message : undefined} />\n  ),\n  notFoundComponent: () => {\n    return <p>Projects not found</p>\n  },\n\n  validateSearch: searchSchema,\n\n  loaderDeps: ({ search }) => ({\n    search: search.search || \"\",\n  }),\n\n  loader: async ({ context, deps }) => {\n    const allProjects = await context.trpcClient?.project.getAuthProjects.query()\n\n    // Filter projects based on search term\n    let projects = allProjects\n    if (deps.search && deps.search.trim() !== \"\") {\n      const searchTermLower = deps.search.toLowerCase()\n      projects = allProjects?.filter(\n        (project) =>\n          project.name?.toLowerCase().includes(searchTermLower) ||\n          project.description?.toLowerCase().includes(searchTermLower)\n      )\n    }\n\n    return {\n      projects,\n    }\n  },\n})\n\nfunction ProjectsOverview() {\n  const [viewMode, setViewMode] = useState<ViewMode>(\"card\")\n  const { projects } = Route.useLoaderData()\n  const { search = \"\" } = Route.useSearch()\n  const navigate = Route.useNavigate()\n\n  const handleSearch = (value: string) => {\n    navigate({\n      search: { search: value },\n      replace: true,\n    })\n  }\n\n  return (\n    <div>\n      <div className=\"mx-auto h-full w-full max-w-full p-4 lg:w-3/4 xl:w-2/3 2xl:w-5/8\">\n        <div className=\"mx-auto w-full\">\n          <ContentHeading className=\"px-4 pt-4\">\n            <Trans>Projects</Trans>\n          </ContentHeading>\n          <ProjectsOverviewNavBar\n            viewMode={viewMode}\n            setViewMode={setViewMode}\n            searchTerm={search}\n            onSearch={handleSearch}\n          />\n          <div className=\"w-full pt-5\">\n            {viewMode === \"list\" ? <ProjectListView projects={projects} /> : <ProjectCardView projects={projects} />}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/client/projects-jyIHL6DE.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"projects-jyIHL6DE.mjs","names":["RouteError","TRPCClientError","SplitErrorComponent","error","message","undefined","errorComponent"],"sources":["../../src/client/routes/_auth/projects/index.tsx?tsr-split=errorComponent"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { useState } from \"react\"\nimport { ProjectsOverviewNavBar, ViewMode } from \"@/client/routes/_auth/projects/-components/ProjectOverviewNavBar\"\nimport { ProjectCardView } from \"@/client/routes/_auth/projects/-components/ProjectCardView\"\nimport { ProjectListView } from \"@/client/routes/_auth/projects/-components/ProjectListView\"\nimport { RouteError } from \"@/client/components/Error/RouteError\"\nimport { TRPCClientError } from \"@trpc/client\"\nimport { ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\n\nimport { z } from \"zod\"\n\nconst searchSchema = z.object({\n  search: z.string().optional(),\n})\n\nexport const Route = createFileRoute(\"/_auth/projects/\")({\n  component: ProjectsOverview,\n  errorComponent: ({ error }) => (\n    <RouteError error={error} safeErrorMessage={error instanceof TRPCClientError ? error.message : undefined} />\n  ),\n  notFoundComponent: () => {\n    return <p>Projects not found</p>\n  },\n\n  validateSearch: searchSchema,\n\n  loaderDeps: ({ search }) => ({\n    search: search.search || \"\",\n  }),\n\n  loader: async ({ context, deps }) => {\n    const allProjects = await context.trpcClient?.project.getAuthProjects.query()\n\n    // Filter projects based on search term\n    let projects = allProjects\n    if (deps.search && deps.search.trim() !== \"\") {\n      const searchTermLower = deps.search.toLowerCase()\n      projects = allProjects?.filter(\n        (project) =>\n          project.name?.toLowerCase().includes(searchTermLower) ||\n          project.description?.toLowerCase().includes(searchTermLower)\n      )\n    }\n\n    return {\n      projects,\n    }\n  },\n})\n\nfunction ProjectsOverview() {\n  const [viewMode, setViewMode] = useState<ViewMode>(\"card\")\n  const { projects } = Route.useLoaderData()\n  const { search = \"\" } = Route.useSearch()\n  const navigate = Route.useNavigate()\n\n  const handleSearch = (value: string) => {\n    navigate({\n      search: { search: value },\n      replace: true,\n    })\n  }\n\n  return (\n    <div>\n      <div className=\"mx-auto h-full w-full max-w-full p-4 lg:w-3/4 xl:w-2/3 2xl:w-5/8\">\n        <div className=\"mx-auto w-full\">\n          <ContentHeading className=\"px-4 pt-4\">\n            <Trans>Projects</Trans>\n          </ContentHeading>\n          <ProjectsOverviewNavBar\n            viewMode={viewMode}\n            setViewMode={setViewMode}\n            searchTerm={search}\n            onSearch={handleSearch}\n          />\n          <div className=\"w-full pt-5\">\n            {viewMode === \"list\" ? <ProjectListView projects={projects} /> : <ProjectCardView projects={projects} />}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;AAM8C,IAAAE,KAY3B,EAAEC,eACjB,kBAAC,GAAA;CAAkBA;CAAO,kBAAkBA,aAAiBF,IAAkBE,EAAMC,UAAUC,KAAAA"}