@cobaltcore-dev/aurora 0.1.0

package/dist/client/pca-DpULpMu5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pca-DpULpMu5.mjs","names":["useNavigate","DataGridCell","DataGridRow","PopupMenu","PopupMenuItem","PopupMenuOptions","useModal","useProjectId","DeletePcaModal","STATE_CONFIG","PcaTableRow","pca","useLingui","navigate","projectId","deletePcaModalOpen","toggleDeletePcaModal","navigateToDetailsPage","to","params","pcaId","id","data-testid","onClick","div","className","state","icon","text","configuration","subject","common_name","e","stopPropagation","label","t","open","onClose","z","useForm","Modal","Form","FormSection","Spinner","TextInput","Message","trpcReact","useProjectId","csrRegex","isValidCommonName","value","test","CreatePcaModal","open","onClose","useLingui","projectId","utils","useUtils","isPending","createPcaMutation","services","pca","create","useMutation","onSettled","list","invalidate","formSchema","object","common_name","string","trim","min","t","refine","message","form","defaultValues","validators","onSubmit","mutateAsync","project_id","configuration","subject","handleClose","reset","size","title","onCancel","cancelButtonLabel","confirmButtonLabel","onConfirm","handleSubmit","disableConfirmButton","error","dismissible","variant","className","div","span","id","e","preventDefault","Field","name","children","field","state","onBlur","handleBlur","onChange","handleChange","target","label","placeholder","helptext","errortext","meta","errors","map","join","disabled","Stack","Spinner","DataGrid","DataGridRow","DataGridCell","ContentHeading","DataGridHeadCell","Button","trpcReact","useProjectId","TABLE_COLUMNS","PcaTableRow","useModal","CreatePcaModal","PcaListContainer","useLingui","projectId","columns","createCaOpen","toggleCreateCa","data","pcas","isLoading","isError","error","services","pca","list","useQuery","project_id","className","distribution","alignment","direction","variant","size","message","t","length","data-testid","colSpan","p","div","label","onClick","map","id","open","onClose","useLingui","ContentHeader","PcaListContainer","Route","RouteComponent","t","projectId","useParams","setPageTitle","useRouteContext","component"],"sources":["../../src/client/routes/_auth/projects/$projectId/services/pca/-components/-table/PcaTableRow.tsx","../../src/client/routes/_auth/projects/$projectId/services/pca/-components/-modals/CreatePcaModal.tsx","../../src/client/routes/_auth/projects/$projectId/services/pca/-components/PcaListContainer.tsx","../../src/client/routes/_auth/projects/$projectId/services/pca/index.tsx?tsr-split=component"],"sourcesContent":["import { useNavigate } from \"@tanstack/react-router\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport {\n  DataGridCell,\n  DataGridRow,\n  PopupMenu,\n  PopupMenuItem,\n  PopupMenuOptions,\n} from \"@cloudoperators/juno-ui-components\"\nimport { CertificateAuthority } from \"@/server/Services/types/pca\"\nimport { useModal } from \"@/client/utils/useModal\"\nimport { useProjectId } from \"@/client/hooks\"\nimport { DeletePcaModal } from \"../-modals/DeletePcaModal\"\nimport { STATE_CONFIG } from \"./constants\"\n\ninterface PcaTableRowProps {\n  pca: CertificateAuthority\n}\n\nexport const PcaTableRow = ({ pca }: PcaTableRowProps) => {\n  const { t } = useLingui()\n  const navigate = useNavigate()\n  const projectId = useProjectId()\n  const [deletePcaModalOpen, toggleDeletePcaModal] = useModal(false)\n\n  const navigateToDetailsPage = () =>\n    navigate({\n      to: \"/projects/$projectId/services/pca/$pcaId\",\n      params: { projectId, pcaId: pca.id },\n    })\n\n  return (\n    <>\n      <DataGridRow key={pca.id} data-testid={`pca-row-${pca.id}`} onClick={navigateToDetailsPage}>\n        <DataGridCell>\n          <div className=\"flex items-center gap-2\">\n            {STATE_CONFIG[pca.state].icon}\n            {STATE_CONFIG[pca.state].text}\n          </div>\n        </DataGridCell>\n        <DataGridCell>{pca.id}</DataGridCell>\n        <DataGridCell>{pca.configuration?.subject?.common_name || \"—\"}</DataGridCell>\n        <DataGridCell onClick={(e) => e.stopPropagation()} className=\"items-end pr-0\">\n          <PopupMenu>\n            <PopupMenuOptions>\n              <PopupMenuItem label={t`Delete CA`} onClick={toggleDeletePcaModal} />\n            </PopupMenuOptions>\n          </PopupMenu>\n        </DataGridCell>\n      </DataGridRow>\n\n      {deletePcaModalOpen && <DeletePcaModal pca={pca} open={deletePcaModalOpen} onClose={toggleDeletePcaModal} />}\n    </>\n  )\n}\n","import { z } from \"zod\"\nimport { useForm } from \"@tanstack/react-form\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { Modal, Form, FormSection, Spinner, TextInput, Message } from \"@cloudoperators/juno-ui-components\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useProjectId } from \"@/client/hooks\"\n\nexport interface CreateCaModalProps {\n  open: boolean\n  onClose: () => void\n}\n\nconst csrRegex = /^(?=.{1,253}$)(?:\\*\\.)?(?:[A-Za-z0-9](?:[A-Za-z0-9-]{0,61}[A-Za-z0-9])?\\.)+[A-Za-z]{2,63}$/\nconst isValidCommonName = (value: string) => csrRegex.test(value)\n\nexport const CreatePcaModal = ({ open, onClose }: CreateCaModalProps) => {\n  const { t } = useLingui()\n  const projectId = useProjectId()\n  const utils = trpcReact.useUtils()\n\n  const { isPending, ...createPcaMutation } = trpcReact.services.pca.create.useMutation({\n    onSettled: () => utils.services.pca.list.invalidate(),\n  })\n\n  const formSchema = z.object({\n    common_name: z\n      .string()\n      .trim()\n      .min(1, t`Common name is required.`)\n      .refine((value) => isValidCommonName(value), { message: t`Must be a valid common name (FQDN).` }),\n  })\n\n  const form = useForm({\n    defaultValues: {\n      common_name: \"\",\n    },\n    validators: {\n      onSubmit: formSchema,\n    },\n    onSubmit: async ({ value }) => {\n      if (isPending) return\n\n      await createPcaMutation.mutateAsync({\n        project_id: projectId,\n        configuration: {\n          subject: { common_name: value.common_name },\n        },\n      })\n      handleClose()\n    },\n  })\n\n  const handleClose = () => {\n    if (isPending) return\n\n    form.reset()\n    createPcaMutation.reset()\n    onClose()\n  }\n\n  return (\n    <Modal\n      open={open}\n      size=\"large\"\n      title={t`Create Certificate Authority`}\n      onCancel={handleClose}\n      cancelButtonLabel={t`Cancel`}\n      confirmButtonLabel={t`Save`}\n      onConfirm={form.handleSubmit}\n      disableConfirmButton={isPending}\n    >\n      {createPcaMutation.error?.message && (\n        <Message dismissible={false} variant=\"error\" className=\"mb-4\">\n          {createPcaMutation.error.message}\n        </Message>\n      )}\n\n      {isPending && (\n        <div className=\"mb-4 flex items-center justify-center gap-2\">\n          <Spinner variant=\"primary\" />\n          <span className=\"text-theme-high text-sm\">\n            <Trans>Creating Certificate Authority...</Trans>\n          </span>\n        </div>\n      )}\n\n      {!isPending && (\n        <Form\n          className=\"mb-0\"\n          id=\"create-certificate-authority-form\"\n          onSubmit={(e) => {\n            e.preventDefault()\n            form.handleSubmit()\n          }}\n        >\n          <FormSection className=\"mb-4\">\n            <form.Field\n              name=\"common_name\"\n              children={(field) => (\n                <TextInput\n                  id={field.name}\n                  name={field.name}\n                  value={field.state.value}\n                  onBlur={field.handleBlur}\n                  onChange={(e) => field.handleChange(e.target.value)}\n                  label={t`Common name`}\n                  placeholder={t`Enter Common name (e.g., demo-ca.test.sci)`}\n                  helptext={t`Enter a valid common name in FQDN format (e.g., demo-ca.test.sci).`}\n                  errortext={field.state.meta.errors.map((e) => e?.message).join(\", \")}\n                  disabled={isPending}\n                />\n              )}\n            />\n          </FormSection>\n        </Form>\n      )}\n    </Modal>\n  )\n}\n","import {\n  Stack,\n  Spinner,\n  DataGrid,\n  DataGridRow,\n  DataGridCell,\n  ContentHeading,\n  DataGridHeadCell,\n  Button,\n} from \"@cloudoperators/juno-ui-components\"\nimport { Trans, useLingui } from \"@lingui/react/macro\"\nimport { trpcReact } from \"@/client/trpcClient\"\nimport { useProjectId } from \"@/client/hooks\"\nimport { TABLE_COLUMNS } from \"./-table/constants\"\nimport { PcaTableRow } from \"./-table/PcaTableRow\"\nimport { useModal } from \"@/client/utils/useModal\"\nimport { CreatePcaModal } from \"./-modals/CreatePcaModal\"\n\nexport const PcaListContainer = () => {\n  const { t } = useLingui()\n  const projectId = useProjectId()\n  const columns = TABLE_COLUMNS()\n  const [createCaOpen, toggleCreateCa] = useModal(false)\n\n  // Check filtering, sorting and search API compatibility with OpenStack -> implement with <ListToolbar />\n  const { data: pcas = [], isLoading, isError, error } = trpcReact.services.pca.list.useQuery({ project_id: projectId })\n\n  if (isLoading) {\n    return (\n      <Stack className=\"py-8\" distribution=\"center\" alignment=\"center\" direction=\"vertical\">\n        <Spinner variant=\"primary\" size=\"large\" className=\"mb-2\" />\n        <Trans>Loading...</Trans>\n      </Stack>\n    )\n  }\n\n  if (isError) {\n    return (\n      <Stack className=\"py-8\" distribution=\"center\" alignment=\"center\" direction=\"vertical\">\n        {error?.message ?? t`Failed to load PCAs`}\n      </Stack>\n    )\n  }\n\n  if (pcas.length === 0) {\n    return (\n      <DataGrid columns={columns.length} className=\"pca\" data-testid=\"no-pcas\">\n        <DataGridRow>\n          <DataGridCell colSpan={columns.length}>\n            <ContentHeading>\n              <Trans>No PCAs found</Trans>\n            </ContentHeading>\n            <p>\n              <Trans>There are no PCAs available for this project.</Trans>\n            </p>\n          </DataGridCell>\n        </DataGridRow>\n      </DataGrid>\n    )\n  }\n\n  return (\n    <div className=\"relative\">\n      <Button variant=\"primary\" label={t`Create Certificate Authority`} onClick={toggleCreateCa} />\n      <DataGrid columns={columns.length}>\n        <DataGridRow>\n          {columns.map((label) => (\n            <DataGridHeadCell key={label}>{label}</DataGridHeadCell>\n          ))}\n        </DataGridRow>\n        {pcas.map((pca) => (\n          <PcaTableRow key={pca.id} pca={pca} />\n        ))}\n      </DataGrid>\n\n      {createCaOpen && <CreatePcaModal open={createCaOpen} onClose={toggleCreateCa} />}\n    </div>\n  )\n}\n","import { createFileRoute } from \"@tanstack/react-router\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { ContentHeader } from \"@/client/components/ContentHeader/ContentHeader\"\nimport { PcaListContainer } from \"./-components/PcaListContainer\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/services/pca/\")({\n  staticData: { section: \"services\", service: \"pca\" } satisfies RouteInfo,\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  const { t } = useLingui()\n  const { projectId } = Route.useParams()\n  const { setPageTitle } = Route.useRouteContext()\n\n  setPageTitle(t`PCA`)\n\n  return (\n    <>\n      <ContentHeader title={t`PCA`} projectId={projectId} />\n      <PcaListContainer />\n    </>\n  )\n}\n"],"mappings":"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"}

package/dist/client/projects-BuN69cxO.mjs

@@ -0,0 +1,144 @@
+import { E as e, I as t, N as n, at as r, g as i, k as a, l as o, q as s, w as c } from "./build-eu9eg0zF.mjs";
+import { t as l } from "./projects-_Dfn6eQT.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: e, setViewMode: t, onSearch: n, 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(s, {
+		alignment: "center",
+		gap: "8",
+		className: "my-px mt-4 px-4",
+		children: /* @__PURE__ */ d(s, {
+			direction: "vertical",
+			gap: "3",
+			className: "w-full",
+			children: /* @__PURE__ */ f(s, {
+				gap: "6",
+				className: "flex w-full flex-wrap",
+				children: [/* @__PURE__ */ d(r, {
+					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, n(t);
+						}, 300);
+					},
+					onFocus: () => {
+						_.current = !0;
+					},
+					onBlur: () => {
+						_.current = !1;
+					},
+					onClear: () => {
+						g.current &&= (clearTimeout(g.current), null), b(""), n("");
+					},
+					value: y
+				}), /* @__PURE__ */ f(o, { children: [/* @__PURE__ */ d(i, {
+					variant: e === "list" ? "default" : "subdued",
+					onClick: () => t("list"),
+					icon: "dns"
+				}), /* @__PURE__ */ d(i, {
+					variant: e === "card" ? "default" : "subdued",
+					onClick: () => t("card"),
+					icon: "autoAwesomeMotion"
+				})] })]
+			})
+		})
+	}) });
+}
+//#endregion
+//#region src/client/routes/_auth/projects/-components/ProjectCardView.tsx
+function b({ project: t }) {
+	return /* @__PURE__ */ d(g, {
+		to: "/projects/$projectId",
+		params: { projectId: t.id },
+		className: "block text-inherit no-underline",
+		children: /* @__PURE__ */ d(e, {
+			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(c, {
+					className: "text-theme-accent",
+					children: t.name
+				}), /* @__PURE__ */ d("p", {
+					className: "mt-4 line-clamp-3 pr-4 leading-relaxed",
+					children: t.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(a, {
+		className: "overflow-hidden",
+		columns: 2,
+		children: e?.length ? e.map((e) => /* @__PURE__ */ f(t, { children: [/* @__PURE__ */ d(n, { children: /* @__PURE__ */ d(g, {
+			to: "/projects/$projectId",
+			params: { projectId: e.id },
+			className: "text-inherit no-underline",
+			children: e.name
+		}) }), /* @__PURE__ */ d(n, { 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: r = "" } = l.useSearch(), i = 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(c, {
+					className: "px-4 pt-4",
+					children: /* @__PURE__ */ d(_, { id: "+0B+ue" })
+				}),
+				/* @__PURE__ */ d(y, {
+					viewMode: e,
+					setViewMode: t,
+					searchTerm: r,
+					onSearch: (e) => {
+						i({
+							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-BuN69cxO.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"projects-BuN69cxO.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-D1pP0XdA.mjs

@@ -0,0 +1,12 @@
+import { t as e } from "./RouteError-BwgDIwJE.mjs";
+import { jsx as t } from "react/jsx-runtime";
+import { TRPCClientError as n } from "@trpc/client";
+//#region src/client/routes/_auth/projects/index.tsx?tsr-split=errorComponent
+var r = ({ error: r }) => /* @__PURE__ */ t(e, {
+	error: r,
+	safeErrorMessage: r instanceof n ? r.message : void 0
+});
+//#endregion
+export { r as errorComponent };
+
+//# sourceMappingURL=projects-D1pP0XdA.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"projects-D1pP0XdA.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"}

package/dist/client/projects-MbS1USl2.mjs

@@ -0,0 +1,7 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/client/routes/_auth/projects/index.tsx?tsr-split=notFoundComponent
+var t = () => /* @__PURE__ */ e("p", { children: "Projects not found" });
+//#endregion
+export { t as notFoundComponent };
+
+//# sourceMappingURL=projects-MbS1USl2.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"projects-MbS1USl2.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-_Dfn6eQT.mjs

@@ -0,0 +1,22 @@
+import { createFileRoute as e, lazyRouteComponent as t } from "@tanstack/react-router";
+import { z as n } from "zod";
+//#region src/client/routes/_auth/projects/index.tsx
+var r = () => import("./projects-MbS1USl2.mjs"), i = () => import("./projects-D1pP0XdA.mjs"), a = () => import("./projects-BuN69cxO.mjs"), o = n.object({ search: n.string().optional() }), s = e("/_auth/projects/")({
+	component: t(a, "component"),
+	errorComponent: t(i, "errorComponent"),
+	notFoundComponent: t(r, "notFoundComponent"),
+	validateSearch: o,
+	loaderDeps: ({ search: e }) => ({ search: e.search || "" }),
+	loader: async ({ context: e, deps: t }) => {
+		let n = await e.trpcClient?.project.getAuthProjects.query(), r = n;
+		if (t.search && t.search.trim() !== "") {
+			let e = t.search.toLowerCase();
+			r = n?.filter((t) => t.name?.toLowerCase().includes(e) || t.description?.toLowerCase().includes(e));
+		}
+		return { projects: r };
+	}
+});
+//#endregion
+export { s as t };
+
+//# sourceMappingURL=projects-_Dfn6eQT.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"projects-_Dfn6eQT.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/securitygroups-DURjFfYK.mjs

@@ -0,0 +1,12 @@
+import { createFileRoute as e, lazyRouteComponent as t } from "@tanstack/react-router";
+var n = e("/_auth/projects/$projectId/network/securitygroups/")({
+	staticData: {
+		section: "network",
+		service: "securitygroups"
+	},
+	component: t(() => import("./securitygroups-KC2qvmH8.mjs"), "component")
+});
+//#endregion
+export { n as t };
+
+//# sourceMappingURL=securitygroups-DURjFfYK.mjs.map

package/dist/client/securitygroups-DURjFfYK.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"securitygroups-DURjFfYK.mjs","names":["createFileRoute","Route","staticData","section","service","RouteInfo","component","lazyRouteComponent","$$splitComponentImporter"],"sources":["../../src/client/routes/_auth/projects/$projectId/network/securitygroups/index.tsx"],"sourcesContent":["import { createFileRoute } from \"@tanstack/react-router\"\nimport { useLingui } from \"@lingui/react/macro\"\nimport { SecurityGroups } from \"./-components/SecurityGroupsList\"\nimport type { RouteInfo } from \"@/client/routes/routeInfo\"\nimport { ContentHeading } from \"@cloudoperators/juno-ui-components\"\n\nexport const Route = createFileRoute(\"/_auth/projects/$projectId/network/securitygroups/\")({\n  staticData: { section: \"network\", service: \"securitygroups\" } satisfies RouteInfo,\n  component: RouteComponent,\n})\n\nfunction RouteComponent() {\n  const { t } = useLingui()\n  const { setPageTitle } = Route.useRouteContext()\n  setPageTitle(t`Security Groups`)\n  return (\n    <>\n      <ContentHeading>{t`Security Groups`}</ContentHeading>\n      <SecurityGroups />\n    </>\n  )\n}\n"],"mappings":";AAMA,IAAaC,IAAQD,EAAgB,qDAAA,CAAsD;CACzFE,YAAY;EAAEC,SAAS;EAAWC,SAAS;EAAiB;CAC5DE,WAASC,iDAAA,YAAA;CACX,CAAA"}