feat: added project settings and access management

This commit is contained in:
=
2025-07-02 01:16:48 +05:30
parent d82d22a198
commit b0c1c9ce26
39 changed files with 419 additions and 1711 deletions
@@ -1,44 +0,0 @@
import {
createFileRoute,
linkOptions,
stripSearchParams,
} from '@tanstack/react-router'
import { zodValidator } from '@tanstack/zod-adapter'
import { z } from 'zod'
import { ProjectAccessControlTabs } from '@app/types/project'
import { AccessControlPage } from './AccessControlPage'
const AccessControlPageQuerySchema = z.object({
selectedTab: z
.nativeEnum(ProjectAccessControlTabs)
.catch(ProjectAccessControlTabs.Member),
requesterEmail: z.string().catch(''),
})
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/cert-manager/_cert-manager-layout/access-management',
)({
component: AccessControlPage,
validateSearch: zodValidator(AccessControlPageQuerySchema),
search: {
middlewares: [stripSearchParams({ requesterEmail: '' })],
},
beforeLoad: ({ context, params }) => {
return {
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
link: linkOptions({
to: '/cert-manager/$projectId/access-management',
params: {
projectId: params.projectId,
},
}),
},
],
}
},
})
@@ -1,44 +0,0 @@
import {
createFileRoute,
linkOptions,
stripSearchParams,
} from '@tanstack/react-router'
import { zodValidator } from '@tanstack/zod-adapter'
import { z } from 'zod'
import { ProjectAccessControlTabs } from '@app/types/project'
import { AccessControlPage } from './AccessControlPage'
const AccessControlPageQuerySchema = z.object({
selectedTab: z
.nativeEnum(ProjectAccessControlTabs)
.catch(ProjectAccessControlTabs.Member),
requesterEmail: z.string().catch(''),
})
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/kms/_kms-layout/access-management',
)({
component: AccessControlPage,
validateSearch: zodValidator(AccessControlPageQuerySchema),
search: {
middlewares: [stripSearchParams({ requesterEmail: '' })],
},
beforeLoad: ({ context, params }) => {
return {
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
link: linkOptions({
to: '/kms/$projectId/access-management',
params: {
projectId: params.projectId,
},
}),
},
],
}
},
})
@@ -1,44 +0,0 @@
import {
createFileRoute,
linkOptions,
stripSearchParams,
} from '@tanstack/react-router'
import { zodValidator } from '@tanstack/zod-adapter'
import { z } from 'zod'
import { ProjectAccessControlTabs } from '@app/types/project'
import { AccessControlPage } from './AccessControlPage'
const AccessControlPageQuerySchema = z.object({
selectedTab: z
.nativeEnum(ProjectAccessControlTabs)
.catch(ProjectAccessControlTabs.Member),
requesterEmail: z.string().catch(''),
})
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/access-management',
)({
component: AccessControlPage,
validateSearch: zodValidator(AccessControlPageQuerySchema),
search: {
middlewares: [stripSearchParams({ requesterEmail: '' })],
},
beforeLoad: ({ context, params }) => {
return {
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
link: linkOptions({
to: '/secret-manager/$projectId/access-management',
params: {
projectId: params.projectId,
},
}),
},
],
}
},
})
@@ -1,44 +0,0 @@
import {
createFileRoute,
linkOptions,
stripSearchParams,
} from '@tanstack/react-router'
import { zodValidator } from '@tanstack/zod-adapter'
import { z } from 'zod'
import { ProjectAccessControlTabs } from '@app/types/project'
import { AccessControlPage } from './AccessControlPage'
const AccessControlPageQuerySchema = z.object({
selectedTab: z
.nativeEnum(ProjectAccessControlTabs)
.catch(ProjectAccessControlTabs.Member),
requesterEmail: z.string().catch(''),
})
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-scanning/_secret-scanning-layout/access-management',
)({
component: AccessControlPage,
validateSearch: zodValidator(AccessControlPageQuerySchema),
search: {
middlewares: [stripSearchParams({ requesterEmail: '' })],
},
beforeLoad: ({ context, params }) => {
return {
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
link: linkOptions({
to: '/secret-scanning/$projectId/access-management',
params: {
projectId: params.projectId,
},
}),
},
],
}
},
})
@@ -1,36 +0,0 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { zodValidator } from '@tanstack/zod-adapter'
import { z } from 'zod'
import { ProjectAccessControlTabs } from '@app/types/project'
import { AccessControlPage } from './AccessControlPage'
const AccessControlPageQuerySchema = z.object({
selectedTab: z
.nativeEnum(ProjectAccessControlTabs)
.catch(ProjectAccessControlTabs.Member),
})
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/ssh/_ssh-layout/access-management',
)({
component: AccessControlPage,
validateSearch: zodValidator(AccessControlPageQuerySchema),
beforeLoad: ({ context, params }) => {
return {
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
link: linkOptions({
to: '/ssh/$projectId/access-management',
params: {
projectId: params.projectId,
},
}),
},
],
}
},
})
@@ -0,0 +1,27 @@
import { createFileRoute, stripSearchParams } from "@tanstack/react-router";
import { zodValidator } from "@tanstack/zod-adapter";
import { z } from "zod";
import { ProjectAccessControlTabs } from "@app/types/project";
import { AccessControlPage } from "./AccessControlPage";
const AccessControlPageQuerySchema = z.object({
selectedTab: z.nativeEnum(ProjectAccessControlTabs).catch(ProjectAccessControlTabs.Member),
requesterEmail: z.string().catch("")
});
export const Route = createFileRoute(
"/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/_project-general-layout/access-management"
)({
component: AccessControlPage,
validateSearch: zodValidator(AccessControlPageQuerySchema),
search: {
middlewares: [stripSearchParams({ requesterEmail: "" })]
},
beforeLoad: ({ context }) => {
return {
breadcrumbs: []
};
}
});
@@ -1,28 +0,0 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { GroupDetailsByIDPage } from './GroupDetailsByIDPage'
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/cert-manager/_cert-manager-layout/groups/$groupId',
)({
component: GroupDetailsByIDPage,
beforeLoad: ({ context, params }) => {
return {
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
link: linkOptions({
to: '/cert-manager/$projectId/access-management',
params: {
projectId: params.projectId,
},
}),
},
{
label: 'Groups',
},
],
}
},
})
@@ -1,28 +0,0 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { GroupDetailsByIDPage } from './GroupDetailsByIDPage'
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/kms/_kms-layout/groups/$groupId',
)({
component: GroupDetailsByIDPage,
beforeLoad: ({ context, params }) => {
return {
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
link: linkOptions({
to: '/kms/$projectId/access-management',
params: {
projectId: params.projectId,
},
}),
},
{
label: 'Groups',
},
],
}
},
})
@@ -1,28 +0,0 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { GroupDetailsByIDPage } from './GroupDetailsByIDPage'
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/groups/$groupId',
)({
component: GroupDetailsByIDPage,
beforeLoad: ({ context, params }) => {
return {
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
link: linkOptions({
to: '/secret-manager/$projectId/access-management',
params: {
projectId: params.projectId,
},
}),
},
{
label: 'Groups',
},
],
}
},
})
@@ -1,28 +0,0 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { GroupDetailsByIDPage } from './GroupDetailsByIDPage'
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-scanning/_secret-scanning-layout/groups/$groupId',
)({
component: GroupDetailsByIDPage,
beforeLoad: ({ context, params }) => {
return {
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
link: linkOptions({
to: '/secret-scanning/$projectId/access-management',
params: {
projectId: params.projectId,
},
}),
},
{
label: 'Groups',
},
],
}
},
})
@@ -1,28 +0,0 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { GroupDetailsByIDPage } from './GroupDetailsByIDPage'
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/ssh/_ssh-layout/groups/$groupId',
)({
component: GroupDetailsByIDPage,
beforeLoad: ({ context, params }) => {
return {
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
link: linkOptions({
to: '/ssh/$projectId/access-management',
params: {
projectId: params.projectId,
},
}),
},
{
label: 'Groups',
},
],
}
},
})
@@ -1,20 +1,14 @@
import { createFileRoute, linkOptions } from "@tanstack/react-router";
import { createFileRoute } from '@tanstack/react-router'
import { GroupDetailsByIDPage } from "./GroupDetailsByIDPage";
import { GroupDetailsByIDPage } from './GroupDetailsByIDPage'
export const Route = createFileRoute(
"/_authenticate/_inject-org-details/_org-layout/organization/groups/$groupId"
'/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/_project-general-layout/groups/$groupId',
)({
component: GroupDetailsByIDPage,
context: () => ({
breadcrumbs: [
{
label: "Access Control",
link: linkOptions({ to: "/organization/access-management" })
},
{
label: "groups"
}
]
})
});
beforeLoad: ({ context }) => {
return {
breadcrumbs: [],
}
},
})
@@ -1,28 +0,0 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { IdentityDetailsByIDPage } from './IdentityDetailsByIDPage'
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/cert-manager/_cert-manager-layout/identities/$identityId',
)({
component: IdentityDetailsByIDPage,
beforeLoad: ({ context, params }) => {
return {
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
link: linkOptions({
to: '/cert-manager/$projectId/access-management',
params: {
projectId: params.projectId,
},
}),
},
{
label: 'Identities',
},
],
}
},
})
@@ -1,28 +0,0 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { IdentityDetailsByIDPage } from './IdentityDetailsByIDPage'
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/kms/_kms-layout/identities/$identityId',
)({
component: IdentityDetailsByIDPage,
beforeLoad: ({ context, params }) => {
return {
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
link: linkOptions({
to: '/kms/$projectId/access-management',
params: {
projectId: params.projectId,
},
}),
},
{
label: 'Identities',
},
],
}
},
})
@@ -1,28 +0,0 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { IdentityDetailsByIDPage } from './IdentityDetailsByIDPage'
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/identities/$identityId',
)({
component: IdentityDetailsByIDPage,
beforeLoad: ({ context, params }) => {
return {
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
link: linkOptions({
to: '/secret-manager/$projectId/access-management',
params: {
projectId: params.projectId,
},
}),
},
{
label: 'Identities',
},
],
}
},
})
@@ -1,28 +0,0 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { IdentityDetailsByIDPage } from './IdentityDetailsByIDPage'
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-scanning/_secret-scanning-layout/identities/$identityId',
)({
component: IdentityDetailsByIDPage,
beforeLoad: ({ context, params }) => {
return {
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
link: linkOptions({
to: '/secret-scanning/$projectId/access-management',
params: {
projectId: params.projectId,
},
}),
},
{
label: 'Identities',
},
],
}
},
})
@@ -1,28 +0,0 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { IdentityDetailsByIDPage } from './IdentityDetailsByIDPage'
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/ssh/_ssh-layout/identities/$identityId',
)({
component: IdentityDetailsByIDPage,
beforeLoad: ({ context, params }) => {
return {
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
link: linkOptions({
to: '/ssh/$projectId/access-management',
params: {
projectId: params.projectId,
},
}),
},
{
label: 'Identities',
},
],
}
},
})
@@ -0,0 +1,14 @@
import { createFileRoute } from '@tanstack/react-router'
import { IdentityDetailsByIDPage } from './IdentityDetailsByIDPage'
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/_project-general-layout/identities/$identityId',
)({
component: IdentityDetailsByIDPage,
beforeLoad: ({ context }) => {
return {
breadcrumbs: [],
}
},
})
@@ -1,28 +0,0 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { MemberDetailsByIDPage } from './MemberDetailsByIDPage'
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/cert-manager/_cert-manager-layout/members/$membershipId',
)({
component: MemberDetailsByIDPage,
beforeLoad: ({ context, params }) => {
return {
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
link: linkOptions({
to: '/cert-manager/$projectId/access-management',
params: {
projectId: params.projectId,
},
}),
},
{
label: 'Users',
},
],
}
},
})
@@ -1,28 +0,0 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { MemberDetailsByIDPage } from './MemberDetailsByIDPage'
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/kms/_kms-layout/members/$membershipId',
)({
component: MemberDetailsByIDPage,
beforeLoad: ({ context, params }) => {
return {
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
link: linkOptions({
to: '/kms/$projectId/access-management',
params: {
projectId: params.projectId,
},
}),
},
{
label: 'Users',
},
],
}
},
})
@@ -1,28 +0,0 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { MemberDetailsByIDPage } from './MemberDetailsByIDPage'
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/members/$membershipId',
)({
component: MemberDetailsByIDPage,
beforeLoad: ({ context, params }) => {
return {
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
link: linkOptions({
to: '/secret-manager/$projectId/access-management',
params: {
projectId: params.projectId,
},
}),
},
{
label: 'Users',
},
],
}
},
})
@@ -1,28 +0,0 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { MemberDetailsByIDPage } from './MemberDetailsByIDPage'
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-scanning/_secret-scanning-layout/members/$membershipId',
)({
component: MemberDetailsByIDPage,
beforeLoad: ({ context, params }) => {
return {
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
link: linkOptions({
to: '/secret-scanning/$projectId/access-management',
params: {
projectId: params.projectId,
},
}),
},
{
label: 'Users',
},
],
}
},
})
@@ -1,28 +0,0 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { MemberDetailsByIDPage } from './MemberDetailsByIDPage'
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/ssh/_ssh-layout/members/$membershipId',
)({
component: MemberDetailsByIDPage,
beforeLoad: ({ context, params }) => {
return {
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
link: linkOptions({
to: '/ssh/$projectId/access-management',
params: {
projectId: params.projectId,
},
}),
},
{
label: 'Users',
},
],
}
},
})
@@ -0,0 +1,14 @@
import { createFileRoute } from '@tanstack/react-router'
import { MemberDetailsByIDPage } from './MemberDetailsByIDPage'
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/_project-general-layout/members/$membershipId',
)({
component: MemberDetailsByIDPage,
beforeLoad: ({ context }) => {
return {
breadcrumbs: [],
}
},
})
@@ -1,28 +0,0 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { RoleDetailsBySlugPage } from './RoleDetailsBySlugPage'
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/cert-manager/_cert-manager-layout/roles/$roleSlug',
)({
component: RoleDetailsBySlugPage,
beforeLoad: ({ context, params }) => {
return {
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
link: linkOptions({
to: '/cert-manager/$projectId/access-management',
params: {
projectId: params.projectId,
},
}),
},
{
label: 'Roles',
},
],
}
},
})
@@ -1,28 +0,0 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { RoleDetailsBySlugPage } from './RoleDetailsBySlugPage'
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/kms/_kms-layout/roles/$roleSlug',
)({
component: RoleDetailsBySlugPage,
beforeLoad: ({ context, params }) => {
return {
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
link: linkOptions({
to: '/kms/$projectId/access-management',
params: {
projectId: params.projectId,
},
}),
},
{
label: 'Roles',
},
],
}
},
})
@@ -1,28 +0,0 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { RoleDetailsBySlugPage } from './RoleDetailsBySlugPage'
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/roles/$roleSlug',
)({
component: RoleDetailsBySlugPage,
beforeLoad: ({ context, params }) => {
return {
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
link: linkOptions({
to: '/secret-manager/$projectId/access-management',
params: {
projectId: params.projectId,
},
}),
},
{
label: 'Roles',
},
],
}
},
})
@@ -1,28 +0,0 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { RoleDetailsBySlugPage } from './RoleDetailsBySlugPage'
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-scanning/_secret-scanning-layout/roles/$roleSlug',
)({
component: RoleDetailsBySlugPage,
beforeLoad: ({ context, params }) => {
return {
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
link: linkOptions({
to: '/secret-scanning/$projectId/access-management',
params: {
projectId: params.projectId,
},
}),
},
{
label: 'Roles',
},
],
}
},
})
@@ -1,28 +0,0 @@
import { createFileRoute, linkOptions } from '@tanstack/react-router'
import { RoleDetailsBySlugPage } from './RoleDetailsBySlugPage'
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/ssh/_ssh-layout/roles/$roleSlug',
)({
component: RoleDetailsBySlugPage,
beforeLoad: ({ context, params }) => {
return {
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Access Control',
link: linkOptions({
to: '/ssh/$projectId/access-management',
params: {
projectId: params.projectId,
},
}),
},
{
label: 'Roles',
},
],
}
},
})
@@ -0,0 +1,14 @@
import { createFileRoute } from '@tanstack/react-router'
import { RoleDetailsBySlugPage } from './RoleDetailsBySlugPage'
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/_project-general-layout/roles/$roleSlug',
)({
component: RoleDetailsBySlugPage,
beforeLoad: ({ context }) => {
return {
breadcrumbs: [],
}
},
})
@@ -1,14 +1,14 @@
import { createFileRoute } from "@tanstack/react-router";
import { SettingsPage } from "./SettingsPage";
import { createFileRoute } from '@tanstack/react-router'
import { SettingsPage } from './SettingsPage'
export const Route = createFileRoute(
"/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/ssh/_ssh-layout/access-management"
'/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/_project-general-layout/settings',
)({
component: SettingsPage,
beforeLoad: ({ context, params }) => {
return {
breadcrumbs: [
...context.breadcrumbs
...context.breadcrumbs,
// {
// label: "Access Control",
// link: linkOptions({
@@ -18,7 +18,7 @@ export const Route = createFileRoute(
// }
// })
// }
]
};
}
});
],
}
},
})
@@ -0,0 +1,8 @@
import { ProjectGeneralLayout } from '@app/layouts/ProjectGeneralLayout'
import { createFileRoute } from '@tanstack/react-router'
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/_project-general-layout',
)({
component: ProjectGeneralLayout,
})
@@ -1,101 +1,101 @@
import { createFileRoute, redirect } from '@tanstack/react-router'
import { zodValidator } from '@tanstack/zod-adapter'
import { z } from 'zod'
import { createFileRoute, redirect } from "@tanstack/react-router";
import { zodValidator } from "@tanstack/zod-adapter";
import { z } from "zod";
import { workspaceKeys } from '@app/hooks/api'
import { TIntegration } from '@app/hooks/api/integrations/types'
import { workspaceKeys } from "@app/hooks/api";
import { TIntegration } from "@app/hooks/api/integrations/types";
import {
fetchSecretSyncsByProjectId,
SecretSync,
secretSyncKeys,
TSecretSync,
} from '@app/hooks/api/secretSyncs'
import { fetchWorkspaceIntegrations } from '@app/hooks/api/workspace/queries'
import { IntegrationsListPageTabs } from '@app/types/integrations'
TSecretSync
} from "@app/hooks/api/secretSyncs";
import { fetchWorkspaceIntegrations } from "@app/hooks/api/workspace/queries";
import { IntegrationsListPageTabs } from "@app/types/integrations";
import { IntegrationsListPage } from './IntegrationsListPage'
import { IntegrationsListPage } from "./IntegrationsListPage";
const IntegrationsListPageQuerySchema = z.object({
selectedTab: z.nativeEnum(IntegrationsListPageTabs).optional(),
addSync: z.nativeEnum(SecretSync).optional(),
})
addSync: z.nativeEnum(SecretSync).optional()
});
export const Route = createFileRoute(
'/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/',
"/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/"
)({
component: IntegrationsListPage,
validateSearch: zodValidator(IntegrationsListPageQuerySchema),
beforeLoad: async ({ context, search, params: { projectId } }) => {
if (!search.selectedTab) {
let secretSyncs: TSecretSync[]
let secretSyncs: TSecretSync[];
try {
secretSyncs = await context.queryClient.ensureQueryData({
queryKey: secretSyncKeys.list(projectId),
queryFn: () => fetchSecretSyncsByProjectId(projectId),
})
queryFn: () => fetchSecretSyncsByProjectId(projectId)
});
} catch {
throw redirect({
to: '/secret-manager/$projectId/integrations',
to: "/secret-manager/$projectId/integrations",
params: {
projectId,
projectId
},
search: { selectedTab: IntegrationsListPageTabs.NativeIntegrations },
})
search: { selectedTab: IntegrationsListPageTabs.NativeIntegrations }
});
}
if (secretSyncs.length) {
throw redirect({
to: '/secret-manager/$projectId/integrations',
to: "/secret-manager/$projectId/integrations",
params: {
projectId,
projectId
},
search: { selectedTab: IntegrationsListPageTabs.SecretSyncs },
})
search: { selectedTab: IntegrationsListPageTabs.SecretSyncs }
});
}
let integrations: TIntegration[]
let integrations: TIntegration[];
try {
integrations = await context.queryClient.ensureQueryData({
queryKey: workspaceKeys.getWorkspaceIntegrations(projectId),
queryFn: () => fetchWorkspaceIntegrations(projectId),
})
queryFn: () => fetchWorkspaceIntegrations(projectId)
});
} catch {
throw redirect({
to: '/secret-manager/$projectId/integrations',
to: "/secret-manager/$projectId/integrations",
params: {
projectId,
projectId
},
search: { selectedTab: IntegrationsListPageTabs.SecretSyncs },
})
search: { selectedTab: IntegrationsListPageTabs.SecretSyncs }
});
}
if (integrations.length) {
throw redirect({
to: '/secret-manager/$projectId/integrations',
to: "/secret-manager/$projectId/integrations",
params: {
projectId,
projectId
},
search: { selectedTab: IntegrationsListPageTabs.NativeIntegrations },
})
search: { selectedTab: IntegrationsListPageTabs.NativeIntegrations }
});
}
throw redirect({
to: '/secret-manager/$projectId/integrations',
to: "/secret-manager/$projectId/integrations",
params: {
projectId,
projectId
},
search: { selectedTab: IntegrationsListPageTabs.SecretSyncs },
})
search: { selectedTab: IntegrationsListPageTabs.SecretSyncs }
});
}
return {
breadcrumbs: [
...context.breadcrumbs,
{
label: 'Integrations',
},
],
}
},
})
label: "Integrations"
}
]
};
}
});