@alepha/ui 0.16.1 → 0.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/admin/{AdminApiKeys-GMORg-1l.js → AdminApiKeys-CF_qOO3u.js} +20 -19
- package/dist/admin/AdminApiKeys-CF_qOO3u.js.map +1 -0
- package/dist/admin/{AdminAudits-pkWrjq1Z.js → AdminAudits-BQno3hZG.js} +7 -7
- package/dist/admin/AdminAudits-BQno3hZG.js.map +1 -0
- package/dist/admin/{AdminFiles-WeQbsCsl.js → AdminFiles-kvuUaASF.js} +3 -4
- package/dist/admin/{AdminFiles-WeQbsCsl.js.map → AdminFiles-kvuUaASF.js.map} +1 -1
- package/dist/admin/AdminJobDashboard-CrPxp0W1.js +485 -0
- package/dist/admin/AdminJobDashboard-CrPxp0W1.js.map +1 -0
- package/dist/admin/AdminJobExecutions-D-b4Zt7W.js +678 -0
- package/dist/admin/AdminJobExecutions-D-b4Zt7W.js.map +1 -0
- package/dist/admin/AdminJobRegistry-CNX5cpDx.js +301 -0
- package/dist/admin/AdminJobRegistry-CNX5cpDx.js.map +1 -0
- package/dist/admin/{AdminLayout-BqZiXx4H.js → AdminLayout-e-ZP5nWw.js} +6 -9
- package/dist/admin/AdminLayout-e-ZP5nWw.js.map +1 -0
- package/dist/admin/{AdminNotifications-Ds5Un0NJ.js → AdminNotifications-DeHJFf6W.js} +3 -4
- package/dist/admin/{AdminNotifications-Ds5Un0NJ.js.map → AdminNotifications-DeHJFf6W.js.map} +1 -1
- package/dist/admin/AdminParameters-iQE8o7a7.js +774 -0
- package/dist/admin/AdminParameters-iQE8o7a7.js.map +1 -0
- package/dist/admin/{AdminSessions-DzIOxM3b.js → AdminSessions-oKJCbd7w.js} +5 -6
- package/dist/admin/AdminSessions-oKJCbd7w.js.map +1 -0
- package/dist/admin/{AdminUserAudits-CiUPN2BC.js → AdminUserAudits-BNCEle_E.js} +6 -7
- package/dist/admin/AdminUserAudits-BNCEle_E.js.map +1 -0
- package/dist/admin/{AdminUserCreate-BwQKr4xE.js → AdminUserCreate-CgqeFwCt.js} +6 -6
- package/dist/admin/AdminUserCreate-CgqeFwCt.js.map +1 -0
- package/dist/admin/{AdminUserDetails-uqtC5aJ1.js → AdminUserDetails-DDe1A1GP.js} +30 -28
- package/dist/admin/AdminUserDetails-DDe1A1GP.js.map +1 -0
- package/dist/admin/{AdminUserLayout-CiPay35T.js → AdminUserLayout-HAlobhWf.js} +20 -19
- package/dist/admin/AdminUserLayout-HAlobhWf.js.map +1 -0
- package/dist/admin/{AdminUserSessions-DAE8Nf1F.js → AdminUserSessions-Bq1LnVLf.js} +5 -6
- package/dist/admin/AdminUserSessions-Bq1LnVLf.js.map +1 -0
- package/dist/admin/{AdminUserSettings-EbahaV2a.js → AdminUserSettings-BRsBZoxV.js} +10 -9
- package/dist/admin/AdminUserSettings-BRsBZoxV.js.map +1 -0
- package/dist/admin/{AdminUsers-Dcjh0KNW.js → AdminUsers-D71kIOSn.js} +6 -7
- package/dist/admin/AdminUsers-D71kIOSn.js.map +1 -0
- package/dist/admin/index.d.ts +21 -85
- package/dist/admin/index.d.ts.map +1 -1
- package/dist/admin/index.js +66 -88
- package/dist/admin/index.js.map +1 -1
- package/dist/auth/{AuthLayout-Dj5K4SIN.js → AuthLayout-CdJcrPs4.js} +2 -3
- package/dist/auth/{AuthLayout-Dj5K4SIN.js.map → AuthLayout-CdJcrPs4.js.map} +1 -1
- package/dist/{demo/IconGoogle-CbBF8Hqq.js → auth/IconGoogle-Bm18QD2q.js} +2 -4
- package/dist/auth/{IconGoogle-DpSlPZ1u.js.map → IconGoogle-Bm18QD2q.js.map} +1 -1
- package/dist/auth/{Login-BBqTosqZ.js → Login-BS_FYTy0.js} +19 -13
- package/dist/auth/Login-BS_FYTy0.js.map +1 -0
- package/dist/auth/{Profile-Bxj8Nwom.js → Profile-CjDsW378.js} +17 -12
- package/dist/auth/Profile-CjDsW378.js.map +1 -0
- package/dist/auth/{Register-Ce675Crg.js → Register-C5eqzAaD.js} +27 -17
- package/dist/auth/Register-C5eqzAaD.js.map +1 -0
- package/dist/auth/{ResetPassword-DWdt7c40.js → ResetPassword-XifinVao.js} +17 -10
- package/dist/auth/ResetPassword-XifinVao.js.map +1 -0
- package/dist/auth/{VerifyEmail-CI4JwByV.js → VerifyEmail-DTgbeJOO.js} +9 -6
- package/dist/auth/VerifyEmail-DTgbeJOO.js.map +1 -0
- package/dist/auth/index.d.ts +18 -14
- package/dist/auth/index.d.ts.map +1 -1
- package/dist/auth/index.js +19 -18
- package/dist/auth/index.js.map +1 -1
- package/dist/auth/rolldown-runtime-CjeV3_4I.js +18 -0
- package/dist/core/index.d.ts +182 -92
- package/dist/core/index.d.ts.map +1 -1
- package/dist/core/index.js +789 -476
- package/dist/core/index.js.map +1 -1
- package/dist/demo/DemoDataTable-lnBKWBf8.js +362 -0
- package/dist/demo/DemoDataTable-lnBKWBf8.js.map +1 -0
- package/dist/demo/{DemoHome-Cce2bWmg.js → DemoHome-CUMZsYaH.js} +6 -6
- package/dist/demo/DemoHome-CUMZsYaH.js.map +1 -0
- package/dist/demo/{DemoJsonViewer-Dgdk3Txb.js → DemoJsonViewer-_uokbGaW.js} +18 -19
- package/dist/demo/DemoJsonViewer-_uokbGaW.js.map +1 -0
- package/dist/demo/{DemoLayout-B20TEuhV.js → DemoLayout-DHVoacE6.js} +4 -5
- package/dist/demo/DemoLayout-DHVoacE6.js.map +1 -0
- package/dist/demo/{DemoLogin-CvCG2WVh.js → DemoLogin-DjJ9314c.js} +27 -24
- package/dist/demo/DemoLogin-DjJ9314c.js.map +1 -0
- package/dist/demo/{DemoRegister-CmeHbOAs.js → DemoRegister-DzkJ5M83.js} +39 -32
- package/dist/demo/DemoRegister-DzkJ5M83.js.map +1 -0
- package/dist/demo/{DemoResetPassword-CKO5iA_6.js → DemoResetPassword-DWh4_BpQ.js} +30 -26
- package/dist/demo/DemoResetPassword-DWh4_BpQ.js.map +1 -0
- package/dist/demo/{DemoSidebar-MVmQKfMt.js → DemoSidebar-C1csnGhX.js} +4 -5
- package/dist/demo/DemoSidebar-C1csnGhX.js.map +1 -0
- package/dist/demo/{DemoTypeForm-w-qtfRlC.js → DemoTypeForm-CWz6fJrJ.js} +4 -5
- package/dist/demo/DemoTypeForm-CWz6fJrJ.js.map +1 -0
- package/dist/demo/{DemoVerifyEmail-C8FFJT5A.js → DemoVerifyEmail-DbU_tCj8.js} +16 -16
- package/dist/demo/DemoVerifyEmail-DbU_tCj8.js.map +1 -0
- package/dist/{auth/IconGoogle-DpSlPZ1u.js → demo/IconGoogle-Ch1m3Uzl.js} +2 -4
- package/dist/demo/{IconGoogle-CbBF8Hqq.js.map → IconGoogle-Ch1m3Uzl.js.map} +1 -1
- package/dist/demo/{Showcase-CQrMWars.js → Showcase-BzoXNlCn.js} +11 -13
- package/dist/demo/Showcase-BzoXNlCn.js.map +1 -0
- package/dist/demo/index.d.ts +3 -70
- package/dist/demo/index.d.ts.map +1 -1
- package/dist/demo/index.js +11 -15
- package/dist/demo/index.js.map +1 -1
- package/dist/json/index.js +2 -2
- package/dist/json/index.js.map +1 -1
- package/package.json +11 -5
- package/src/admin/AdminRouter.ts +51 -29
- package/src/admin/components/AdminLayout.tsx +6 -9
- package/src/admin/components/audits/AdminAudits.tsx +5 -5
- package/src/admin/components/jobs/AdminJobDashboard.tsx +455 -0
- package/src/admin/components/jobs/AdminJobExecutions.tsx +693 -0
- package/src/admin/components/jobs/AdminJobRegistry.tsx +325 -0
- package/src/admin/components/keys/AdminApiKeys.tsx +28 -31
- package/src/admin/components/parameters/AdminParameters.tsx +156 -78
- package/src/admin/components/parameters/ParameterDetails.tsx +173 -108
- package/src/admin/components/parameters/ParameterEmptyState.tsx +27 -0
- package/src/admin/components/parameters/ParameterHistory.tsx +22 -35
- package/src/admin/components/parameters/ParameterTree.tsx +283 -109
- package/src/admin/components/parameters/types.ts +3 -3
- package/src/admin/components/sessions/AdminSessions.tsx +3 -3
- package/src/admin/components/shared/AdminResourceHeader.tsx +20 -16
- package/src/admin/components/users/AdminUserAudits.tsx +5 -5
- package/src/admin/components/users/AdminUserCreate.tsx +3 -3
- package/src/admin/components/users/AdminUserDetails.tsx +51 -53
- package/src/admin/components/users/AdminUserLayout.tsx +7 -7
- package/src/admin/components/users/AdminUserSessions.tsx +3 -3
- package/src/admin/components/users/AdminUserSettings.tsx +9 -9
- package/src/admin/components/users/AdminUsers.tsx +5 -5
- package/src/admin/components/verifications/AdminVerifications.tsx +3 -3
- package/src/admin/index.ts +0 -24
- package/src/admin/primitives/$uiAdmin.ts +2 -2
- package/src/auth/AuthRouter.ts +1 -0
- package/src/auth/components/Login.tsx +13 -13
- package/src/auth/components/Profile.tsx +17 -26
- package/src/auth/components/Register.tsx +21 -31
- package/src/auth/components/ResetPassword.tsx +13 -22
- package/src/auth/components/VerifyEmail.tsx +5 -5
- package/src/auth/components/buttons/UserButton.tsx +14 -4
- package/src/core/components/buttons/ActionButton.tsx +13 -17
- package/src/core/components/buttons/DarkModeButton.tsx +8 -4
- package/src/core/components/buttons/ToggleSidebarButton.tsx +3 -5
- package/src/core/components/data/ErrorViewer.tsx +15 -15
- package/src/core/components/dialogs/AlertDialog.tsx +3 -3
- package/src/core/components/dialogs/ConfirmDialog.tsx +3 -3
- package/src/core/components/dialogs/PromptDialog.tsx +3 -3
- package/src/core/components/form/Control.tsx +19 -32
- package/src/core/components/form/ControlArray.tsx +206 -96
- package/src/core/components/form/ControlObject.tsx +3 -3
- package/src/core/components/form/ControlQueryBuilder.tsx +20 -22
- package/src/core/components/form/ControlSelect.tsx +4 -0
- package/src/core/components/form/TypeForm.browser.spec.tsx +727 -0
- package/src/core/components/form/TypeForm.tsx +7 -0
- package/src/core/components/layout/AlephaMantineProvider.tsx +1 -0
- package/src/core/components/layout/Breadcrumb.tsx +91 -0
- package/src/core/components/layout/{AdminShell.tsx → DashboardShell.tsx} +77 -32
- package/src/core/components/layout/Omnibar.tsx +2 -1
- package/src/core/components/layout/Sidebar.tsx +63 -19
- package/src/core/components/table/ColumnPicker.tsx +47 -31
- package/src/core/components/table/DataTable.tsx +277 -201
- package/src/core/components/table/DataTableFilters.tsx +8 -0
- package/src/core/components/table/DataTableToolbar.tsx +98 -5
- package/src/core/components/table/FilterPicker.tsx +28 -26
- package/src/core/components/table/types.ts +52 -37
- package/src/core/components/table/useTableSelection.ts +83 -0
- package/src/core/constants/ui.ts +1 -1
- package/src/core/helpers/renderIcon.tsx +5 -2
- package/src/core/index.ts +9 -5
- package/src/core/styles.css +8 -7
- package/src/core/utils/parseInput.ts +1 -0
- package/src/core/utils/string.ts +28 -4
- package/src/demo/components/DemoHome.tsx +5 -5
- package/src/demo/components/DemoLayout.tsx +6 -2
- package/src/demo/components/core/DemoDataTable.tsx +209 -5
- package/src/demo/components/json/DemoJsonViewer.tsx +1 -1
- package/src/demo/components/shared/MacWindow.tsx +7 -7
- package/src/demo/components/shared/Showcase.tsx +3 -3
- package/src/demo/index.ts +0 -11
- package/src/json/components/JsonViewer.tsx +3 -3
- package/dist/admin/AdminApiKeys-DsmGnHNh.js +0 -3
- package/dist/admin/AdminApiKeys-GMORg-1l.js.map +0 -1
- package/dist/admin/AdminAudits-8SM96viT.js +0 -3
- package/dist/admin/AdminAudits-pkWrjq1Z.js.map +0 -1
- package/dist/admin/AdminFiles-B56ocq4H.js +0 -3
- package/dist/admin/AdminJobs-B-q9iGO3.js +0 -697
- package/dist/admin/AdminJobs-B-q9iGO3.js.map +0 -1
- package/dist/admin/AdminJobs-CED1syCn.js +0 -3
- package/dist/admin/AdminLayout-BqZiXx4H.js.map +0 -1
- package/dist/admin/AdminNotifications-B0B1rdc4.js +0 -3
- package/dist/admin/AdminParameters-BU3lATdJ.js +0 -3
- package/dist/admin/AdminParameters-CfDUpc78.js +0 -575
- package/dist/admin/AdminParameters-CfDUpc78.js.map +0 -1
- package/dist/admin/AdminSessions-BDGK2MS6.js +0 -3
- package/dist/admin/AdminSessions-DzIOxM3b.js.map +0 -1
- package/dist/admin/AdminUserAudits-CiUPN2BC.js.map +0 -1
- package/dist/admin/AdminUserAudits-Cj79gENT.js +0 -3
- package/dist/admin/AdminUserCreate-BwQKr4xE.js.map +0 -1
- package/dist/admin/AdminUserCreate-Cq-mUmBs.js +0 -3
- package/dist/admin/AdminUserDetails-DRjVAPFd.js +0 -3
- package/dist/admin/AdminUserDetails-uqtC5aJ1.js.map +0 -1
- package/dist/admin/AdminUserLayout-CGzmHHby.js +0 -3
- package/dist/admin/AdminUserLayout-CiPay35T.js.map +0 -1
- package/dist/admin/AdminUserSessions-DAE8Nf1F.js.map +0 -1
- package/dist/admin/AdminUserSessions-DcdzuNZ9.js +0 -3
- package/dist/admin/AdminUserSettings-D7V6-ceX.js +0 -3
- package/dist/admin/AdminUserSettings-EbahaV2a.js.map +0 -1
- package/dist/admin/AdminUsers-D9nyzGqQ.js +0 -3
- package/dist/admin/AdminUsers-Dcjh0KNW.js.map +0 -1
- package/dist/auth/Login-BBqTosqZ.js.map +0 -1
- package/dist/auth/Login-CoU63mMR.js +0 -4
- package/dist/auth/Profile-Bxj8Nwom.js.map +0 -1
- package/dist/auth/Register-BV_oa_AK.js +0 -4
- package/dist/auth/Register-Ce675Crg.js.map +0 -1
- package/dist/auth/ResetPassword-D5wC8GAA.js +0 -3
- package/dist/auth/ResetPassword-DWdt7c40.js.map +0 -1
- package/dist/auth/VerifyEmail-CI4JwByV.js.map +0 -1
- package/dist/auth/VerifyEmail-DAfqVm5s.js +0 -3
- package/dist/demo/DemoDataTable-CguplbR7.js +0 -150
- package/dist/demo/DemoDataTable-CguplbR7.js.map +0 -1
- package/dist/demo/DemoHome-Cce2bWmg.js.map +0 -1
- package/dist/demo/DemoHome-DC9qkMNe.js +0 -3
- package/dist/demo/DemoJsonViewer-DIssGVlJ.js +0 -4
- package/dist/demo/DemoJsonViewer-Dgdk3Txb.js.map +0 -1
- package/dist/demo/DemoLayout-B20TEuhV.js.map +0 -1
- package/dist/demo/DemoLayout-DSRyf4qJ.js +0 -3
- package/dist/demo/DemoLogin-CvCG2WVh.js.map +0 -1
- package/dist/demo/DemoRegister-CmeHbOAs.js.map +0 -1
- package/dist/demo/DemoResetPassword-CKO5iA_6.js.map +0 -1
- package/dist/demo/DemoSidebar-MVmQKfMt.js.map +0 -1
- package/dist/demo/DemoTypeForm-w-qtfRlC.js.map +0 -1
- package/dist/demo/DemoVerifyEmail-C8FFJT5A.js.map +0 -1
- package/dist/demo/Showcase-CQrMWars.js.map +0 -1
- package/src/admin/components/jobs/AdminJobs.tsx +0 -772
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AdminJobs-B-q9iGO3.js","names":[],"sources":["../../src/admin/components/jobs/AdminJobs.tsx"],"sourcesContent":["import {\n ActionButton,\n DataTable,\n Flex,\n Text,\n useDialog,\n useToast,\n} from \"@alepha/ui\";\nimport {\n ActionIcon,\n Badge,\n Box,\n Card,\n Group,\n Paper,\n Progress,\n RingProgress,\n ScrollArea,\n SimpleGrid,\n Skeleton,\n Stack,\n Tabs,\n ThemeIcon,\n Tooltip,\n useMantineTheme,\n} from \"@mantine/core\";\nimport {\n IconAlertTriangle,\n IconCircleCheck,\n IconCircleX,\n IconClock,\n IconPlayerPlay,\n IconRefresh,\n IconTerminal2,\n} from \"@tabler/icons-react\";\nimport { type Page, t } from \"alepha\";\nimport {\n type AdminJobController,\n type JobExecutionEntity,\n jobExecutions,\n} from \"alepha/api/jobs\";\nimport { useClient } from \"alepha/react\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useCallback, useEffect, useState } from \"react\";\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Types\n// ─────────────────────────────────────────────────────────────────────────────\n\ninterface JobStats {\n name: string;\n total: number;\n completed: number;\n failed: number;\n running: number;\n avgDuration: number;\n lastRun?: Date;\n lastStatus?: \"COMPLETED\" | \"FAILED\" | \"STARTED\";\n}\n\ninterface LogEntry {\n level: string;\n message: string;\n service: string;\n module: string;\n timestamp: number;\n data?: unknown;\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Utilities\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst formatDuration = (\n start: Date | string,\n end?: Date | string | null,\n): string => {\n const startTime = new Date(start).getTime();\n const endTime = end ? new Date(end).getTime() : Date.now();\n const duration = endTime - startTime;\n\n if (duration < 1000) return `${duration}ms`;\n if (duration < 60000) return `${(duration / 1000).toFixed(1)}s`;\n if (duration < 3600000)\n return `${Math.floor(duration / 60000)}m ${Math.floor((duration % 60000) / 1000)}s`;\n return `${Math.floor(duration / 3600000)}h ${Math.floor((duration % 3600000) / 60000)}m`;\n};\n\nconst getStatusColor = (status: string) => {\n switch (status) {\n case \"COMPLETED\":\n return \"teal\";\n case \"FAILED\":\n return \"red\";\n case \"STARTED\":\n return \"blue\";\n default:\n return \"gray\";\n }\n};\n\nconst getStatusIcon = (status: string, size = 14) => {\n switch (status) {\n case \"COMPLETED\":\n return <IconCircleCheck size={size} />;\n case \"FAILED\":\n return <IconCircleX size={size} />;\n case \"STARTED\":\n return <IconPlayerPlay size={size} />;\n default:\n return <IconClock size={size} />;\n }\n};\n\nconst getLogLevelColor = (level: string) => {\n switch (level) {\n case \"ERROR\":\n return \"red\";\n case \"WARN\":\n return \"yellow\";\n case \"INFO\":\n return \"blue\";\n case \"DEBUG\":\n return \"gray\";\n case \"TRACE\":\n return \"dimmed\";\n default:\n return \"dimmed\";\n }\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Job Card Component\n// ─────────────────────────────────────────────────────────────────────────────\n\ninterface JobCardProps {\n job: string;\n stats?: JobStats;\n isTriggering: boolean;\n onTrigger: (job: string) => void;\n onSelect: (job: string) => void;\n isSelected: boolean;\n}\n\nconst JobCard = (props: JobCardProps) => {\n const { job, stats, isTriggering, onTrigger, onSelect, isSelected } = props;\n const theme = useMantineTheme();\n\n const successRate = stats\n ? stats.total > 0\n ? (stats.completed / stats.total) * 100\n : 0\n : 0;\n\n return (\n <Card\n p=\"md\"\n radius=\"md\"\n withBorder\n onClick={() => onSelect(job)}\n style={{\n cursor: \"pointer\",\n borderColor: isSelected ? theme.colors.blue[6] : undefined,\n backgroundColor: isSelected\n ? \"var(--mantine-color-blue-light)\"\n : undefined,\n transition: \"all 150ms ease\",\n }}\n >\n <Group justify=\"space-between\" mb=\"xs\">\n <Group gap=\"xs\">\n <ThemeIcon\n size=\"sm\"\n radius=\"sm\"\n variant=\"light\"\n color={\n stats?.lastStatus ? getStatusColor(stats.lastStatus) : \"gray\"\n }\n >\n <IconTerminal2 size={14} />\n </ThemeIcon>\n <Text size=\"sm\" fw={600} ff=\"monospace\">\n {job}\n </Text>\n </Group>\n <Tooltip label=\"Trigger job manually\" position=\"left\">\n <ActionIcon\n size=\"sm\"\n variant=\"light\"\n color=\"blue\"\n loading={isTriggering}\n onClick={(e) => {\n e.stopPropagation();\n onTrigger(job);\n }}\n >\n <IconPlayerPlay size={12} />\n </ActionIcon>\n </Tooltip>\n </Group>\n\n {stats ? (\n <>\n <Group gap=\"lg\" mb=\"xs\">\n <Box>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={500}>\n Total\n </Text>\n <Text size=\"lg\" fw={700} ff=\"monospace\">\n {stats.total}\n </Text>\n </Box>\n <Box>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={500}>\n Success\n </Text>\n <Text size=\"lg\" fw={700} ff=\"monospace\" c=\"teal\">\n {stats.completed}\n </Text>\n </Box>\n <Box>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={500}>\n Failed\n </Text>\n <Text size=\"lg\" fw={700} ff=\"monospace\" c=\"red\">\n {stats.failed}\n </Text>\n </Box>\n </Group>\n\n <Progress.Root size=\"sm\" radius=\"xs\">\n <Tooltip label={`${stats.completed} completed`}>\n <Progress.Section\n value={(stats.completed / Math.max(stats.total, 1)) * 100}\n color=\"teal\"\n />\n </Tooltip>\n <Tooltip label={`${stats.failed} failed`}>\n <Progress.Section\n value={(stats.failed / Math.max(stats.total, 1)) * 100}\n color=\"red\"\n />\n </Tooltip>\n <Tooltip label={`${stats.running} running`}>\n <Progress.Section\n value={(stats.running / Math.max(stats.total, 1)) * 100}\n color=\"blue\"\n />\n </Tooltip>\n </Progress.Root>\n\n {stats.lastRun && (\n <Text size=\"xs\" c=\"dimmed\" mt=\"xs\">\n Last run: {formatDuration(stats.lastRun, new Date())} ago\n </Text>\n )}\n </>\n ) : (\n <Stack gap=\"xs\">\n <Skeleton height={8} radius=\"xl\" />\n <Skeleton height={8} width=\"70%\" radius=\"xl\" />\n </Stack>\n )}\n </Card>\n );\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Execution Log Viewer\n// ─────────────────────────────────────────────────────────────────────────────\n\ninterface ExecutionLogViewerProps {\n logs?: LogEntry[];\n error?: string | null;\n}\n\nconst ExecutionLogViewer = (props: ExecutionLogViewerProps) => {\n const { logs, error } = props;\n\n if (!logs?.length && !error) {\n return (\n <Box p=\"md\">\n <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n No logs available\n </Text>\n </Box>\n );\n }\n\n return (\n <ScrollArea h={300} type=\"auto\">\n <Box\n p=\"md\"\n style={{\n fontFamily: \"var(--mantine-font-family-monospace)\",\n fontSize: \"12px\",\n lineHeight: 1.6,\n }}\n >\n {error && (\n <Paper p=\"sm\" mb=\"md\" bg=\"var(--mantine-color-red-light)\" radius=\"sm\">\n <Group gap=\"xs\" align=\"flex-start\">\n <IconAlertTriangle\n size={14}\n color=\"var(--mantine-color-red-filled)\"\n />\n <Text\n size=\"xs\"\n c=\"red\"\n style={{ whiteSpace: \"pre-wrap\", wordBreak: \"break-word\" }}\n >\n {error}\n </Text>\n </Group>\n </Paper>\n )}\n\n {logs?.map((log, index) => (\n <Group key={index} gap=\"sm\" align=\"flex-start\" mb={4} wrap=\"nowrap\">\n <Text size=\"xs\" c=\"dimmed\" style={{ minWidth: 80, flexShrink: 0 }}>\n {new Date(log.timestamp).toLocaleTimeString()}\n </Text>\n <Badge\n size=\"xs\"\n variant=\"light\"\n color={getLogLevelColor(log.level)}\n style={{ minWidth: 50 }}\n >\n {log.level}\n </Badge>\n <Text size=\"xs\" c=\"dimmed\" style={{ minWidth: 100, flexShrink: 0 }}>\n {log.module}\n </Text>\n <Text size=\"xs\" style={{ wordBreak: \"break-word\" }}>\n {log.message}\n </Text>\n </Group>\n ))}\n </Box>\n </ScrollArea>\n );\n};\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Main Component\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst AdminJobs = () => {\n const client = useClient<AdminJobController>();\n const { l } = useI18n();\n const toast = useToast();\n const dialog = useDialog();\n\n const [jobs, setJobs] = useState<string[]>([]);\n const [jobStats, setJobStats] = useState<Map<string, JobStats>>(new Map());\n const [selectedJob, setSelectedJob] = useState<string | null>(null);\n const [triggeringJobs, setTriggeringJobs] = useState<Set<string>>(new Set());\n const [refreshKey, setRefreshKey] = useState(0);\n const [loading, setLoading] = useState(true);\n const [activeTab, setActiveTab] = useState<string | null>(\"overview\");\n\n // Load jobs list\n useEffect(() => {\n const loadJobs = async () => {\n try {\n const jobList = await client.getJobs();\n setJobs(jobList);\n\n // Load stats for each job\n const statsMap = new Map<string, JobStats>();\n for (const job of jobList) {\n const executions = await client.getJobExecutions({\n query: { job, size: 100 },\n });\n\n const items = executions.content || [];\n const completed = items.filter(\n (e: JobExecutionEntity) => e.status === \"COMPLETED\",\n ).length;\n const failed = items.filter(\n (e: JobExecutionEntity) => e.status === \"FAILED\",\n ).length;\n const running = items.filter(\n (e: JobExecutionEntity) => e.status === \"STARTED\",\n ).length;\n\n const completedItems = items.filter(\n (e: JobExecutionEntity) => e.status === \"COMPLETED\" && e.finishedAt,\n );\n const avgDuration =\n completedItems.length > 0\n ? completedItems.reduce((acc: number, e: JobExecutionEntity) => {\n const duration =\n new Date(e.finishedAt!).getTime() -\n new Date(e.createdAt).getTime();\n return acc + duration;\n }, 0) / completedItems.length\n : 0;\n\n const lastItem = items[0];\n\n statsMap.set(job, {\n name: job,\n total: items.length,\n completed,\n failed,\n running,\n avgDuration,\n lastRun: lastItem?.createdAt\n ? new Date(lastItem.createdAt)\n : undefined,\n lastStatus: lastItem?.status as JobStats[\"lastStatus\"],\n });\n }\n\n setJobStats(statsMap);\n } catch (error) {\n toast.danger(\"Failed to load jobs\");\n } finally {\n setLoading(false);\n }\n };\n\n loadJobs();\n }, [refreshKey]);\n\n const handleTriggerJob = useCallback(\n async (job: string) => {\n const confirmed = await dialog.confirm({\n title: \"Trigger Job\",\n message: `Are you sure you want to trigger \"${job}\" manually?`,\n confirmLabel: \"Trigger\",\n confirmColor: \"blue\",\n });\n\n if (!confirmed) return;\n\n setTriggeringJobs((prev) => new Set(prev).add(job));\n\n try {\n await client.triggerJob({ body: { name: job } });\n toast.success(`Job \"${job}\" triggered successfully`);\n setRefreshKey((k) => k + 1);\n } catch (error) {\n toast.danger(`Failed to trigger job \"${job}\"`);\n } finally {\n setTriggeringJobs((prev) => {\n const next = new Set(prev);\n next.delete(job);\n return next;\n });\n }\n },\n [client, dialog, toast],\n );\n\n const filters = t.object({\n job: t.optional(\n t.string({\n $control: {\n query: t.pick(jobExecutions.schema, [\"job\"]),\n },\n }),\n ),\n status: t.optional(t.enum([\"STARTED\", \"FAILED\", \"COMPLETED\"])),\n });\n\n // Calculate global stats\n const globalStats = {\n total: Array.from(jobStats.values()).reduce((acc, s) => acc + s.total, 0),\n completed: Array.from(jobStats.values()).reduce(\n (acc, s) => acc + s.completed,\n 0,\n ),\n failed: Array.from(jobStats.values()).reduce((acc, s) => acc + s.failed, 0),\n running: Array.from(jobStats.values()).reduce(\n (acc, s) => acc + s.running,\n 0,\n ),\n };\n\n const successRate =\n globalStats.total > 0\n ? Math.round((globalStats.completed / globalStats.total) * 100)\n : 0;\n\n return (\n <Flex flex={1} direction=\"column\" gap=\"md\">\n {/* Header Stats */}\n <SimpleGrid cols={{ base: 2, sm: 4 }} spacing=\"md\">\n <Paper p=\"md\" radius=\"md\" withBorder>\n <Group justify=\"space-between\">\n <Box>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Total Jobs\n </Text>\n <Text size=\"xl\" fw={700} ff=\"monospace\">\n {jobs.length}\n </Text>\n </Box>\n <ThemeIcon size=\"lg\" radius=\"md\" variant=\"light\" color=\"blue\">\n <IconTerminal2 size={20} />\n </ThemeIcon>\n </Group>\n </Paper>\n\n <Paper p=\"md\" radius=\"md\" withBorder>\n <Group justify=\"space-between\">\n <Box>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Executions\n </Text>\n <Text size=\"xl\" fw={700} ff=\"monospace\">\n {globalStats.total}\n </Text>\n </Box>\n <ThemeIcon size=\"lg\" radius=\"md\" variant=\"light\" color=\"gray\">\n <IconClock size={20} />\n </ThemeIcon>\n </Group>\n </Paper>\n\n <Paper p=\"md\" radius=\"md\" withBorder>\n <Group justify=\"space-between\">\n <Box>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Success Rate\n </Text>\n <Text\n size=\"xl\"\n fw={700}\n ff=\"monospace\"\n c={\n successRate >= 90\n ? \"teal\"\n : successRate >= 70\n ? \"yellow\"\n : \"red\"\n }\n >\n {successRate}%\n </Text>\n </Box>\n <RingProgress\n size={48}\n thickness={4}\n roundCaps\n sections={[\n {\n value: successRate,\n color:\n successRate >= 90\n ? \"teal\"\n : successRate >= 70\n ? \"yellow\"\n : \"red\",\n },\n ]}\n />\n </Group>\n </Paper>\n\n <Paper p=\"md\" radius=\"md\" withBorder>\n <Group justify=\"space-between\">\n <Box>\n <Text size=\"xs\" c=\"dimmed\" tt=\"uppercase\" fw={600}>\n Running Now\n </Text>\n <Text size=\"xl\" fw={700} ff=\"monospace\" c=\"blue\">\n {globalStats.running}\n </Text>\n </Box>\n <ThemeIcon\n size=\"lg\"\n radius=\"md\"\n variant=\"light\"\n color={globalStats.running > 0 ? \"blue\" : \"gray\"}\n >\n <IconPlayerPlay size={20} />\n </ThemeIcon>\n </Group>\n </Paper>\n </SimpleGrid>\n\n {/* Tabs */}\n <Tabs value={activeTab} onChange={setActiveTab}>\n <Tabs.List>\n <Tabs.Tab value=\"overview\" leftSection={<IconTerminal2 size={14} />}>\n Jobs Overview\n </Tabs.Tab>\n <Tabs.Tab value=\"executions\" leftSection={<IconClock size={14} />}>\n Execution History\n </Tabs.Tab>\n </Tabs.List>\n\n <Tabs.Panel value=\"overview\" pt=\"md\">\n <Group justify=\"space-between\" mb=\"md\">\n <Text size=\"sm\" c=\"dimmed\">\n {jobs.length} registered job{jobs.length !== 1 ? \"s\" : \"\"}\n </Text>\n <ActionButton\n size=\"xs\"\n variant=\"light\"\n leftSection={<IconRefresh size={14} />}\n onClick={() => setRefreshKey((k) => k + 1)}\n >\n Refresh\n </ActionButton>\n </Group>\n\n {loading ? (\n <SimpleGrid cols={{ base: 1, sm: 2, lg: 3 }} spacing=\"md\">\n {[1, 2, 3].map((i) => (\n <Skeleton key={i} height={150} radius=\"md\" />\n ))}\n </SimpleGrid>\n ) : jobs.length === 0 ? (\n <Paper p=\"xl\" radius=\"md\" withBorder ta=\"center\">\n <IconTerminal2 size={48} color=\"var(--mantine-color-dimmed)\" />\n <Text size=\"lg\" fw={500} mt=\"md\">\n No jobs registered\n </Text>\n <Text size=\"sm\" c=\"dimmed\" mt=\"xs\">\n Jobs will appear here once they are defined using $job primitive\n </Text>\n </Paper>\n ) : (\n <SimpleGrid cols={{ base: 1, sm: 2, lg: 3 }} spacing=\"md\">\n {jobs.map((job) => (\n <JobCard\n key={job}\n job={job}\n stats={jobStats.get(job)}\n isTriggering={triggeringJobs.has(job)}\n onTrigger={handleTriggerJob}\n onSelect={setSelectedJob}\n isSelected={selectedJob === job}\n />\n ))}\n </SimpleGrid>\n )}\n </Tabs.Panel>\n\n <Tabs.Panel value=\"executions\" pt=\"md\">\n <DataTable<JobExecutionEntity, typeof filters>\n key={refreshKey}\n submitOnInit\n defaultSize={15}\n typeFormProps={{\n skipSubmitButton: true,\n columns: 3,\n }}\n tableProps={{\n horizontalSpacing: \"sm\",\n verticalSpacing: \"sm\",\n highlightOnHover: true,\n }}\n onFilterChange={(key, _value, form) => {\n if (key === \"job\" || key === \"status\") {\n return form.submit();\n }\n }}\n filters={filters}\n items={async (filters) => {\n const response = await client.getJobExecutions({\n query: {\n ...filters,\n job: selectedJob || filters.job,\n },\n });\n\n return response as Page<JobExecutionEntity>;\n }}\n columns={{\n job: {\n label: \"Job\",\n value: (item) => (\n <Text size=\"sm\" fw={500} ff=\"monospace\">\n {item.job}\n </Text>\n ),\n },\n status: {\n label: \"Status\",\n fit: true,\n value: (item) => (\n <Badge\n size=\"sm\"\n variant=\"light\"\n color={getStatusColor(item.status)}\n leftSection={getStatusIcon(item.status, 12)}\n >\n {item.status}\n </Badge>\n ),\n },\n duration: {\n label: \"Duration\",\n fit: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\" ff=\"monospace\">\n {formatDuration(item.createdAt, item.finishedAt)}\n </Text>\n ),\n },\n logs: {\n label: \"Logs\",\n fit: true,\n value: (item) => {\n const logCount =\n (item.logs as LogEntry[] | undefined)?.length || 0;\n const errorCount =\n (item.logs as LogEntry[] | undefined)?.filter(\n (log) => log.level === \"ERROR\",\n ).length || 0;\n\n return (\n <Group gap={4}>\n <Badge size=\"xs\" variant=\"light\" color=\"gray\">\n {logCount} logs\n </Badge>\n {errorCount > 0 && (\n <Badge size=\"xs\" variant=\"light\" color=\"red\">\n {errorCount} errors\n </Badge>\n )}\n </Group>\n );\n },\n },\n error: {\n label: \"Error\",\n value: (item) =>\n item.error ? (\n <Tooltip label={item.error} multiline w={300}>\n <Text size=\"xs\" c=\"red\" lineClamp={1}>\n {item.error}\n </Text>\n </Tooltip>\n ) : (\n <Text size=\"xs\" c=\"dimmed\">\n —\n </Text>\n ),\n },\n createdAt: {\n label: \"Started\",\n fit: true,\n value: (item) => (\n <Text size=\"xs\" c=\"dimmed\">\n {l(item.createdAt, { date: \"fromNow\" })}\n </Text>\n ),\n },\n }}\n panel={(item) => (\n <Box bg=\"var(--mantine-color-dark-7)\" p={0}>\n <ExecutionLogViewer\n logs={item.logs as LogEntry[] | undefined}\n error={item.error}\n />\n </Box>\n )}\n canPanel={(item) => Boolean(item.logs?.length || item.error)}\n />\n </Tabs.Panel>\n </Tabs>\n </Flex>\n );\n};\n\nexport default AdminJobs;\n"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AdminLayout-BqZiXx4H.js","names":[],"sources":["../../src/admin/components/AdminLayout.tsx"],"sourcesContent":["import {\n ActionButton,\n AdminShell,\n type AdminShellProps,\n AlephaMantineProvider,\n OmnibarButton,\n} from \"@alepha/ui\";\nimport { UserButton } from \"@alepha/ui/auth\";\nimport { IconArrowLeft } from \"@tabler/icons-react\";\n\nexport interface AdminLayoutProps {\n adminShellProps?: AdminShellProps;\n}\n\nconst AdminLayout = (props: AdminLayoutProps) => {\n return (\n <AlephaMantineProvider>\n <AdminShell\n appBarProps={{\n items: [\n {\n element: (\n <ActionButton\n variant={\"subtle\"}\n icon={IconArrowLeft}\n href={\"/\"}\n />\n ),\n position: \"left\",\n },\n {\n element: <OmnibarButton />,\n position: \"center\",\n },\n {\n element: <UserButton />,\n position: \"right\",\n },\n {\n type: \"dark\",\n position: \"right\",\n },\n ],\n }}\n sidebarResizable\n sidebarProps={{\n autoPopulateMenu: {\n startsWith: \"/admin\",\n },\n }}\n {...props.adminShellProps}\n />\n </AlephaMantineProvider>\n );\n};\n\nexport default AdminLayout;\n"],"mappings":";;;;;;AAcA,MAAM,eAAe,UAA4B;AAC/C,QACE,oBAAC,mCACC,oBAAC;EACC,aAAa,EACX,OAAO;GACL;IACE,SACE,oBAAC;KACC,SAAS;KACT,MAAM;KACN,MAAM;MACN;IAEJ,UAAU;IACX;GACD;IACE,SAAS,oBAAC,kBAAgB;IAC1B,UAAU;IACX;GACD;IACE,SAAS,oBAAC,eAAa;IACvB,UAAU;IACX;GACD;IACE,MAAM;IACN,UAAU;IACX;GACF,EACF;EACD;EACA,cAAc,EACZ,kBAAkB,EAChB,YAAY,UACb,EACF;EACD,GAAI,MAAM;GACV,GACoB;;AAI5B,0BAAe"}
|
|
@@ -1,575 +0,0 @@
|
|
|
1
|
-
import { ActionButton, Flex, Text, TypeForm } from "@alepha/ui";
|
|
2
|
-
import { jsonSchemaToTypeBox } from "alepha";
|
|
3
|
-
import { IconChevronDown, IconChevronRight, IconClock, IconFolder, IconFolderOpen, IconHistory, IconRefresh, IconSettings } from "@tabler/icons-react";
|
|
4
|
-
import { Badge, Box, Card, Code, Group, Loader, ScrollArea, Stack, Timeline, Tooltip, Tree, useTree } from "@mantine/core";
|
|
5
|
-
import { useClient } from "alepha/react";
|
|
6
|
-
import { useI18n } from "alepha/react/i18n";
|
|
7
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
8
|
-
import { useCallback, useEffect, useMemo, useState } from "react";
|
|
9
|
-
import { useForm } from "alepha/react/form";
|
|
10
|
-
|
|
11
|
-
//#region ../../src/admin/components/parameters/types.ts
|
|
12
|
-
const getStatusColor = (status) => {
|
|
13
|
-
switch (status) {
|
|
14
|
-
case "current": return "green";
|
|
15
|
-
case "next": return "blue";
|
|
16
|
-
case "future": return "cyan";
|
|
17
|
-
case "expired": return "gray";
|
|
18
|
-
default: return "gray";
|
|
19
|
-
}
|
|
20
|
-
};
|
|
21
|
-
const formatJson = (obj) => {
|
|
22
|
-
try {
|
|
23
|
-
return JSON.stringify(obj, null, 2);
|
|
24
|
-
} catch {
|
|
25
|
-
return String(obj);
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
//#endregion
|
|
30
|
-
//#region ../../src/admin/components/parameters/ParameterDetails.tsx
|
|
31
|
-
const ParameterDetails = ({ selectedConfig, configValue, loading }) => {
|
|
32
|
-
const { l } = useI18n();
|
|
33
|
-
const currentContent = useMemo(() => {
|
|
34
|
-
if (configValue?.current?.content) return configValue.current.content;
|
|
35
|
-
if (configValue?.currentValue !== void 0) return configValue.currentValue;
|
|
36
|
-
return null;
|
|
37
|
-
}, [configValue]);
|
|
38
|
-
const schemaForForm = useMemo(() => {
|
|
39
|
-
if (!configValue?.schema) return {
|
|
40
|
-
type: "object",
|
|
41
|
-
properties: {}
|
|
42
|
-
};
|
|
43
|
-
return jsonSchemaToTypeBox(configValue.schema);
|
|
44
|
-
}, [configValue?.schema]);
|
|
45
|
-
const form = useForm({
|
|
46
|
-
schema: schemaForForm,
|
|
47
|
-
initialValues: currentContent ?? {},
|
|
48
|
-
handler: async () => {}
|
|
49
|
-
}, [
|
|
50
|
-
selectedConfig,
|
|
51
|
-
schemaForForm,
|
|
52
|
-
currentContent
|
|
53
|
-
]);
|
|
54
|
-
const hasValidSchema = useMemo(() => {
|
|
55
|
-
const schema = configValue?.schema;
|
|
56
|
-
return schema && typeof schema === "object" && "properties" in schema && Object.keys(schema.properties ?? {}).length > 0;
|
|
57
|
-
}, [configValue?.schema]);
|
|
58
|
-
if (!selectedConfig) return /* @__PURE__ */ jsx(Card, {
|
|
59
|
-
withBorder: true,
|
|
60
|
-
flex: 1,
|
|
61
|
-
h: "100%",
|
|
62
|
-
style: { overflow: "hidden" },
|
|
63
|
-
children: /* @__PURE__ */ jsx(Flex, {
|
|
64
|
-
flex: 1,
|
|
65
|
-
justify: "center",
|
|
66
|
-
align: "center",
|
|
67
|
-
h: "100%",
|
|
68
|
-
children: /* @__PURE__ */ jsxs(Stack, {
|
|
69
|
-
align: "center",
|
|
70
|
-
gap: "xs",
|
|
71
|
-
children: [/* @__PURE__ */ jsx(IconSettings, {
|
|
72
|
-
size: 32,
|
|
73
|
-
stroke: 1.5,
|
|
74
|
-
color: "var(--mantine-color-dimmed)"
|
|
75
|
-
}), /* @__PURE__ */ jsx(Text, {
|
|
76
|
-
c: "dimmed",
|
|
77
|
-
size: "sm",
|
|
78
|
-
children: "Select a parameter to view its value"
|
|
79
|
-
})]
|
|
80
|
-
})
|
|
81
|
-
})
|
|
82
|
-
});
|
|
83
|
-
if (loading) return /* @__PURE__ */ jsx(Card, {
|
|
84
|
-
withBorder: true,
|
|
85
|
-
flex: 1,
|
|
86
|
-
h: "100%",
|
|
87
|
-
style: { overflow: "hidden" },
|
|
88
|
-
children: /* @__PURE__ */ jsx(Flex, {
|
|
89
|
-
flex: 1,
|
|
90
|
-
justify: "center",
|
|
91
|
-
align: "center",
|
|
92
|
-
h: "100%",
|
|
93
|
-
children: /* @__PURE__ */ jsx(Loader, { size: "sm" })
|
|
94
|
-
})
|
|
95
|
-
});
|
|
96
|
-
return /* @__PURE__ */ jsx(Card, {
|
|
97
|
-
withBorder: true,
|
|
98
|
-
flex: 1,
|
|
99
|
-
h: "100%",
|
|
100
|
-
style: { overflow: "hidden" },
|
|
101
|
-
children: /* @__PURE__ */ jsxs(Stack, {
|
|
102
|
-
gap: "md",
|
|
103
|
-
h: "100%",
|
|
104
|
-
children: [/* @__PURE__ */ jsx(Group, {
|
|
105
|
-
justify: "space-between",
|
|
106
|
-
children: /* @__PURE__ */ jsxs(Stack, {
|
|
107
|
-
gap: 2,
|
|
108
|
-
children: [
|
|
109
|
-
/* @__PURE__ */ jsx(Text, {
|
|
110
|
-
size: "sm",
|
|
111
|
-
fw: 500,
|
|
112
|
-
children: selectedConfig
|
|
113
|
-
}),
|
|
114
|
-
configValue?.current && /* @__PURE__ */ jsxs(Group, {
|
|
115
|
-
gap: "xs",
|
|
116
|
-
children: [/* @__PURE__ */ jsxs(Badge, {
|
|
117
|
-
size: "xs",
|
|
118
|
-
color: "green",
|
|
119
|
-
variant: "light",
|
|
120
|
-
children: ["v", configValue.current.version]
|
|
121
|
-
}), configValue.next && /* @__PURE__ */ jsxs(Badge, {
|
|
122
|
-
size: "xs",
|
|
123
|
-
color: "blue",
|
|
124
|
-
variant: "light",
|
|
125
|
-
children: ["Next: v", configValue.next.version]
|
|
126
|
-
})]
|
|
127
|
-
}),
|
|
128
|
-
!configValue?.current && configValue?.currentValue !== void 0 && /* @__PURE__ */ jsx(Badge, {
|
|
129
|
-
size: "xs",
|
|
130
|
-
color: "yellow",
|
|
131
|
-
variant: "light",
|
|
132
|
-
children: "Default"
|
|
133
|
-
})
|
|
134
|
-
]
|
|
135
|
-
})
|
|
136
|
-
}), /* @__PURE__ */ jsx(ScrollArea, {
|
|
137
|
-
flex: 1,
|
|
138
|
-
offsetScrollbars: true,
|
|
139
|
-
children: currentContent !== null ? /* @__PURE__ */ jsxs(Stack, {
|
|
140
|
-
gap: "md",
|
|
141
|
-
children: [
|
|
142
|
-
/* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Text, {
|
|
143
|
-
size: "xs",
|
|
144
|
-
c: "dimmed",
|
|
145
|
-
mb: 4,
|
|
146
|
-
children: "Current Value"
|
|
147
|
-
}), hasValidSchema ? /* @__PURE__ */ jsx(TypeForm, {
|
|
148
|
-
form,
|
|
149
|
-
columns: 1,
|
|
150
|
-
skipSubmitButton: true,
|
|
151
|
-
skipFormElement: true
|
|
152
|
-
}) : /* @__PURE__ */ jsx(Code, {
|
|
153
|
-
block: true,
|
|
154
|
-
style: { whiteSpace: "pre-wrap" },
|
|
155
|
-
children: formatJson(currentContent)
|
|
156
|
-
})] }),
|
|
157
|
-
configValue?.current?.changeDescription && /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Text, {
|
|
158
|
-
size: "xs",
|
|
159
|
-
c: "dimmed",
|
|
160
|
-
mb: 4,
|
|
161
|
-
children: "Change Description"
|
|
162
|
-
}), /* @__PURE__ */ jsx(Text, {
|
|
163
|
-
size: "sm",
|
|
164
|
-
children: configValue.current.changeDescription
|
|
165
|
-
})] }),
|
|
166
|
-
configValue?.current && /* @__PURE__ */ jsxs(Group, {
|
|
167
|
-
gap: "xl",
|
|
168
|
-
children: [/* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Text, {
|
|
169
|
-
size: "xs",
|
|
170
|
-
c: "dimmed",
|
|
171
|
-
mb: 2,
|
|
172
|
-
children: "Updated"
|
|
173
|
-
}), /* @__PURE__ */ jsx(Text, {
|
|
174
|
-
size: "sm",
|
|
175
|
-
children: l(configValue.current.updatedAt, { date: "fromNow" })
|
|
176
|
-
})] }), configValue.current.creatorName && /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Text, {
|
|
177
|
-
size: "xs",
|
|
178
|
-
c: "dimmed",
|
|
179
|
-
mb: 2,
|
|
180
|
-
children: "Updated By"
|
|
181
|
-
}), /* @__PURE__ */ jsx(Text, {
|
|
182
|
-
size: "sm",
|
|
183
|
-
children: configValue.current.creatorName
|
|
184
|
-
})] })]
|
|
185
|
-
}),
|
|
186
|
-
!configValue?.current && configValue?.currentValue !== void 0 && /* @__PURE__ */ jsx(Text, {
|
|
187
|
-
size: "xs",
|
|
188
|
-
c: "dimmed",
|
|
189
|
-
children: "This configuration is using its default value. No versions have been saved to the database yet."
|
|
190
|
-
}),
|
|
191
|
-
configValue?.next && /* @__PURE__ */ jsx(Card, {
|
|
192
|
-
withBorder: true,
|
|
193
|
-
bg: "blue.0",
|
|
194
|
-
p: "sm",
|
|
195
|
-
children: /* @__PURE__ */ jsxs(Stack, {
|
|
196
|
-
gap: "xs",
|
|
197
|
-
children: [
|
|
198
|
-
/* @__PURE__ */ jsxs(Group, {
|
|
199
|
-
gap: "xs",
|
|
200
|
-
children: [/* @__PURE__ */ jsx(IconClock, {
|
|
201
|
-
size: 14,
|
|
202
|
-
color: "var(--mantine-color-blue-6)"
|
|
203
|
-
}), /* @__PURE__ */ jsxs(Text, {
|
|
204
|
-
size: "xs",
|
|
205
|
-
fw: 500,
|
|
206
|
-
c: "blue.7",
|
|
207
|
-
children: [
|
|
208
|
-
"Scheduled Update (v",
|
|
209
|
-
configValue.next.version,
|
|
210
|
-
")"
|
|
211
|
-
]
|
|
212
|
-
})]
|
|
213
|
-
}),
|
|
214
|
-
/* @__PURE__ */ jsxs(Text, {
|
|
215
|
-
size: "xs",
|
|
216
|
-
c: "dimmed",
|
|
217
|
-
children: [
|
|
218
|
-
"Activates",
|
|
219
|
-
" ",
|
|
220
|
-
l(configValue.next.activationDate, { date: "fromNow" })
|
|
221
|
-
]
|
|
222
|
-
}),
|
|
223
|
-
/* @__PURE__ */ jsx(Code, {
|
|
224
|
-
block: true,
|
|
225
|
-
style: { whiteSpace: "pre-wrap" },
|
|
226
|
-
fz: "xs",
|
|
227
|
-
children: formatJson(configValue.next.content)
|
|
228
|
-
})
|
|
229
|
-
]
|
|
230
|
-
})
|
|
231
|
-
})
|
|
232
|
-
]
|
|
233
|
-
}) : /* @__PURE__ */ jsx(Flex, {
|
|
234
|
-
justify: "center",
|
|
235
|
-
align: "center",
|
|
236
|
-
h: 200,
|
|
237
|
-
children: /* @__PURE__ */ jsx(Text, {
|
|
238
|
-
c: "dimmed",
|
|
239
|
-
size: "sm",
|
|
240
|
-
children: "No current value"
|
|
241
|
-
})
|
|
242
|
-
})
|
|
243
|
-
})]
|
|
244
|
-
})
|
|
245
|
-
});
|
|
246
|
-
};
|
|
247
|
-
var ParameterDetails_default = ParameterDetails;
|
|
248
|
-
|
|
249
|
-
//#endregion
|
|
250
|
-
//#region ../../src/admin/components/parameters/ParameterHistory.tsx
|
|
251
|
-
const ParameterHistory = ({ selectedConfig, history, loading, onRollback }) => {
|
|
252
|
-
const { l } = useI18n();
|
|
253
|
-
const renderContent = () => {
|
|
254
|
-
if (!selectedConfig) return /* @__PURE__ */ jsx(Flex, {
|
|
255
|
-
flex: 1,
|
|
256
|
-
justify: "center",
|
|
257
|
-
align: "center",
|
|
258
|
-
children: /* @__PURE__ */ jsx(Text, {
|
|
259
|
-
c: "dimmed",
|
|
260
|
-
size: "xs",
|
|
261
|
-
children: "Select a parameter"
|
|
262
|
-
})
|
|
263
|
-
});
|
|
264
|
-
if (loading) return /* @__PURE__ */ jsx(Flex, {
|
|
265
|
-
flex: 1,
|
|
266
|
-
justify: "center",
|
|
267
|
-
align: "center",
|
|
268
|
-
children: /* @__PURE__ */ jsx(Loader, { size: "sm" })
|
|
269
|
-
});
|
|
270
|
-
if (history.length === 0) return /* @__PURE__ */ jsx(Flex, {
|
|
271
|
-
flex: 1,
|
|
272
|
-
justify: "center",
|
|
273
|
-
align: "center",
|
|
274
|
-
children: /* @__PURE__ */ jsx(Text, {
|
|
275
|
-
c: "dimmed",
|
|
276
|
-
size: "xs",
|
|
277
|
-
children: "No history"
|
|
278
|
-
})
|
|
279
|
-
});
|
|
280
|
-
return /* @__PURE__ */ jsx(ScrollArea, {
|
|
281
|
-
flex: 1,
|
|
282
|
-
offsetScrollbars: true,
|
|
283
|
-
children: /* @__PURE__ */ jsx(Timeline, {
|
|
284
|
-
active: history.findIndex((h) => h.status === "current"),
|
|
285
|
-
bulletSize: 24,
|
|
286
|
-
lineWidth: 2,
|
|
287
|
-
children: history.map((version) => /* @__PURE__ */ jsx(Timeline.Item, {
|
|
288
|
-
bullet: /* @__PURE__ */ jsx(Text, {
|
|
289
|
-
size: "xs",
|
|
290
|
-
fw: 500,
|
|
291
|
-
children: version.version
|
|
292
|
-
}),
|
|
293
|
-
title: /* @__PURE__ */ jsxs(Group, {
|
|
294
|
-
gap: "xs",
|
|
295
|
-
children: [/* @__PURE__ */ jsxs(Text, {
|
|
296
|
-
size: "xs",
|
|
297
|
-
fw: 500,
|
|
298
|
-
children: ["Version ", version.version]
|
|
299
|
-
}), /* @__PURE__ */ jsx(Badge, {
|
|
300
|
-
size: "xs",
|
|
301
|
-
variant: "light",
|
|
302
|
-
color: getStatusColor(version.status),
|
|
303
|
-
children: version.status
|
|
304
|
-
})]
|
|
305
|
-
}),
|
|
306
|
-
children: /* @__PURE__ */ jsxs(Stack, {
|
|
307
|
-
gap: 4,
|
|
308
|
-
mt: 4,
|
|
309
|
-
children: [
|
|
310
|
-
/* @__PURE__ */ jsx(Text, {
|
|
311
|
-
size: "xs",
|
|
312
|
-
c: "dimmed",
|
|
313
|
-
children: l(version.createdAt, { date: "fromNow" })
|
|
314
|
-
}),
|
|
315
|
-
version.changeDescription && /* @__PURE__ */ jsx(Text, {
|
|
316
|
-
size: "xs",
|
|
317
|
-
lineClamp: 2,
|
|
318
|
-
children: version.changeDescription
|
|
319
|
-
}),
|
|
320
|
-
version.creatorName && /* @__PURE__ */ jsxs(Text, {
|
|
321
|
-
size: "xs",
|
|
322
|
-
c: "dimmed",
|
|
323
|
-
children: ["by ", version.creatorName]
|
|
324
|
-
}),
|
|
325
|
-
version.migrationLog && /* @__PURE__ */ jsx(Badge, {
|
|
326
|
-
size: "xs",
|
|
327
|
-
variant: "outline",
|
|
328
|
-
color: "orange",
|
|
329
|
-
children: "Schema Changed"
|
|
330
|
-
}),
|
|
331
|
-
version.status === "expired" && /* @__PURE__ */ jsx(ActionButton, {
|
|
332
|
-
size: "compact-xs",
|
|
333
|
-
variant: "subtle",
|
|
334
|
-
onClick: () => onRollback(version.version),
|
|
335
|
-
children: "Rollback to this version"
|
|
336
|
-
})
|
|
337
|
-
]
|
|
338
|
-
})
|
|
339
|
-
}, version.id))
|
|
340
|
-
})
|
|
341
|
-
});
|
|
342
|
-
};
|
|
343
|
-
return /* @__PURE__ */ jsx(Card, {
|
|
344
|
-
withBorder: true,
|
|
345
|
-
w: 300,
|
|
346
|
-
h: "100%",
|
|
347
|
-
style: {
|
|
348
|
-
flexShrink: 0,
|
|
349
|
-
overflow: "hidden"
|
|
350
|
-
},
|
|
351
|
-
children: /* @__PURE__ */ jsxs(Stack, {
|
|
352
|
-
gap: "xs",
|
|
353
|
-
h: "100%",
|
|
354
|
-
children: [/* @__PURE__ */ jsxs(Group, {
|
|
355
|
-
gap: "xs",
|
|
356
|
-
children: [/* @__PURE__ */ jsx(IconHistory, {
|
|
357
|
-
size: 16,
|
|
358
|
-
color: "var(--mantine-color-dimmed)"
|
|
359
|
-
}), /* @__PURE__ */ jsx(Text, {
|
|
360
|
-
size: "sm",
|
|
361
|
-
fw: 500,
|
|
362
|
-
children: "Version History"
|
|
363
|
-
})]
|
|
364
|
-
}), renderContent()]
|
|
365
|
-
})
|
|
366
|
-
});
|
|
367
|
-
};
|
|
368
|
-
var ParameterHistory_default = ParameterHistory;
|
|
369
|
-
|
|
370
|
-
//#endregion
|
|
371
|
-
//#region ../../src/admin/components/parameters/ParameterTree.tsx
|
|
372
|
-
const ParameterTree = ({ treeData, selectedConfig, onSelect, onRefresh }) => {
|
|
373
|
-
const tree = useTree({ initialExpandedState: {} });
|
|
374
|
-
const mantineTreeData = useMemo(() => {
|
|
375
|
-
const convert = (nodes) => {
|
|
376
|
-
return nodes.map((node) => ({
|
|
377
|
-
value: node.path,
|
|
378
|
-
label: node.name,
|
|
379
|
-
children: node.children.length > 0 ? convert(node.children) : void 0
|
|
380
|
-
}));
|
|
381
|
-
};
|
|
382
|
-
return convert(treeData);
|
|
383
|
-
}, [treeData]);
|
|
384
|
-
const renderNode = ({ node, expanded, hasChildren, elementProps }) => {
|
|
385
|
-
const isLeaf = !hasChildren;
|
|
386
|
-
const isSelected = selectedConfig === node.value;
|
|
387
|
-
return /* @__PURE__ */ jsxs(Group, {
|
|
388
|
-
gap: "xs",
|
|
389
|
-
wrap: "nowrap",
|
|
390
|
-
...elementProps,
|
|
391
|
-
onClick: (e) => {
|
|
392
|
-
elementProps.onClick?.(e);
|
|
393
|
-
if (isLeaf) onSelect(node.value);
|
|
394
|
-
},
|
|
395
|
-
style: {
|
|
396
|
-
...elementProps.style,
|
|
397
|
-
cursor: isLeaf ? "pointer" : "default",
|
|
398
|
-
backgroundColor: isSelected ? "var(--mantine-color-blue-light)" : void 0,
|
|
399
|
-
borderRadius: "var(--mantine-radius-sm)",
|
|
400
|
-
paddingTop: 4,
|
|
401
|
-
paddingBottom: 4,
|
|
402
|
-
paddingRight: 8
|
|
403
|
-
},
|
|
404
|
-
children: [hasChildren ? /* @__PURE__ */ jsxs(Fragment, { children: [expanded ? /* @__PURE__ */ jsx(IconChevronDown, {
|
|
405
|
-
size: 14,
|
|
406
|
-
color: "var(--mantine-color-dimmed)"
|
|
407
|
-
}) : /* @__PURE__ */ jsx(IconChevronRight, {
|
|
408
|
-
size: 14,
|
|
409
|
-
color: "var(--mantine-color-dimmed)"
|
|
410
|
-
}), expanded ? /* @__PURE__ */ jsx(IconFolderOpen, {
|
|
411
|
-
size: 16,
|
|
412
|
-
color: "var(--mantine-color-blue-6)"
|
|
413
|
-
}) : /* @__PURE__ */ jsx(IconFolder, {
|
|
414
|
-
size: 16,
|
|
415
|
-
color: "var(--mantine-color-blue-6)"
|
|
416
|
-
})] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Box, { w: 14 }), /* @__PURE__ */ jsx(IconSettings, {
|
|
417
|
-
size: 16,
|
|
418
|
-
color: "var(--mantine-color-gray-6)"
|
|
419
|
-
})] }), /* @__PURE__ */ jsx(Text, {
|
|
420
|
-
size: "sm",
|
|
421
|
-
fw: isSelected ? 500 : 400,
|
|
422
|
-
children: node.label
|
|
423
|
-
})]
|
|
424
|
-
});
|
|
425
|
-
};
|
|
426
|
-
return /* @__PURE__ */ jsx(Card, {
|
|
427
|
-
withBorder: true,
|
|
428
|
-
w: 280,
|
|
429
|
-
h: "100%",
|
|
430
|
-
style: { flexShrink: 0 },
|
|
431
|
-
children: /* @__PURE__ */ jsxs(Stack, {
|
|
432
|
-
gap: "xs",
|
|
433
|
-
h: "100%",
|
|
434
|
-
children: [/* @__PURE__ */ jsxs(Group, {
|
|
435
|
-
justify: "space-between",
|
|
436
|
-
children: [/* @__PURE__ */ jsx(Text, {
|
|
437
|
-
size: "sm",
|
|
438
|
-
fw: 500,
|
|
439
|
-
children: "Parameters"
|
|
440
|
-
}), /* @__PURE__ */ jsx(Tooltip, {
|
|
441
|
-
label: "Refresh",
|
|
442
|
-
children: /* @__PURE__ */ jsx(ActionButton, {
|
|
443
|
-
variant: "subtle",
|
|
444
|
-
size: "compact-xs",
|
|
445
|
-
onClick: onRefresh,
|
|
446
|
-
children: /* @__PURE__ */ jsx(IconRefresh, { size: 14 })
|
|
447
|
-
})
|
|
448
|
-
})]
|
|
449
|
-
}), /* @__PURE__ */ jsx(ScrollArea, {
|
|
450
|
-
flex: 1,
|
|
451
|
-
offsetScrollbars: true,
|
|
452
|
-
children: /* @__PURE__ */ jsx(Tree, {
|
|
453
|
-
data: mantineTreeData,
|
|
454
|
-
tree,
|
|
455
|
-
levelOffset: 20,
|
|
456
|
-
expandOnClick: true,
|
|
457
|
-
renderNode
|
|
458
|
-
})
|
|
459
|
-
})]
|
|
460
|
-
})
|
|
461
|
-
});
|
|
462
|
-
};
|
|
463
|
-
var ParameterTree_default = ParameterTree;
|
|
464
|
-
|
|
465
|
-
//#endregion
|
|
466
|
-
//#region ../../src/admin/components/parameters/AdminParameters.tsx
|
|
467
|
-
const AdminParameters = () => {
|
|
468
|
-
const client = useClient();
|
|
469
|
-
const [treeData, setTreeData] = useState([]);
|
|
470
|
-
const [selectedConfig, setSelectedConfig] = useState(null);
|
|
471
|
-
const [configValue, setConfigValue] = useState(null);
|
|
472
|
-
const [history, setHistory] = useState([]);
|
|
473
|
-
const [loading, setLoading] = useState(true);
|
|
474
|
-
const [loadingConfig, setLoadingConfig] = useState(false);
|
|
475
|
-
const [loadingHistory, setLoadingHistory] = useState(false);
|
|
476
|
-
const loadTree = useCallback(async () => {
|
|
477
|
-
try {
|
|
478
|
-
setTreeData(await client.getConfigTree({}));
|
|
479
|
-
} finally {
|
|
480
|
-
setLoading(false);
|
|
481
|
-
}
|
|
482
|
-
}, []);
|
|
483
|
-
const loadConfigDetails = useCallback(async (name) => {
|
|
484
|
-
setLoadingConfig(true);
|
|
485
|
-
setLoadingHistory(true);
|
|
486
|
-
try {
|
|
487
|
-
const [current] = await Promise.all([client.getCurrent({ params: { name } })]);
|
|
488
|
-
setConfigValue(current);
|
|
489
|
-
setHistory([]);
|
|
490
|
-
} finally {
|
|
491
|
-
setLoadingConfig(false);
|
|
492
|
-
setLoadingHistory(false);
|
|
493
|
-
}
|
|
494
|
-
}, []);
|
|
495
|
-
useEffect(() => {
|
|
496
|
-
loadTree();
|
|
497
|
-
}, [loadTree]);
|
|
498
|
-
useEffect(() => {
|
|
499
|
-
if (selectedConfig) loadConfigDetails(selectedConfig);
|
|
500
|
-
else {
|
|
501
|
-
setConfigValue(null);
|
|
502
|
-
setHistory([]);
|
|
503
|
-
}
|
|
504
|
-
}, [selectedConfig, loadConfigDetails]);
|
|
505
|
-
const handleRollback = async (version) => {
|
|
506
|
-
if (!selectedConfig) return;
|
|
507
|
-
await client.rollback({
|
|
508
|
-
params: { name: selectedConfig },
|
|
509
|
-
body: { targetVersion: version }
|
|
510
|
-
});
|
|
511
|
-
await loadConfigDetails(selectedConfig);
|
|
512
|
-
};
|
|
513
|
-
if (loading) return /* @__PURE__ */ jsx(Flex, {
|
|
514
|
-
flex: 1,
|
|
515
|
-
justify: "center",
|
|
516
|
-
align: "center",
|
|
517
|
-
children: /* @__PURE__ */ jsx(Loader, {})
|
|
518
|
-
});
|
|
519
|
-
if (treeData.length === 0) return /* @__PURE__ */ jsx(Flex, {
|
|
520
|
-
flex: 1,
|
|
521
|
-
justify: "center",
|
|
522
|
-
align: "center",
|
|
523
|
-
children: /* @__PURE__ */ jsxs(Stack, {
|
|
524
|
-
align: "center",
|
|
525
|
-
gap: "xs",
|
|
526
|
-
children: [
|
|
527
|
-
/* @__PURE__ */ jsx(IconSettings, {
|
|
528
|
-
size: 48,
|
|
529
|
-
stroke: 1.5,
|
|
530
|
-
color: "var(--mantine-color-dimmed)"
|
|
531
|
-
}),
|
|
532
|
-
/* @__PURE__ */ jsx(Text, {
|
|
533
|
-
c: "dimmed",
|
|
534
|
-
children: "No Parameters Found"
|
|
535
|
-
}),
|
|
536
|
-
/* @__PURE__ */ jsx(Text, {
|
|
537
|
-
size: "xs",
|
|
538
|
-
c: "dimmed",
|
|
539
|
-
ta: "center",
|
|
540
|
-
maw: 400,
|
|
541
|
-
children: "Define parameters using the $config primitive to manage dynamic application settings. Parameters will appear here once created."
|
|
542
|
-
})
|
|
543
|
-
]
|
|
544
|
-
})
|
|
545
|
-
});
|
|
546
|
-
return /* @__PURE__ */ jsxs(Flex, {
|
|
547
|
-
flex: 1,
|
|
548
|
-
gap: "xs",
|
|
549
|
-
h: "100%",
|
|
550
|
-
children: [
|
|
551
|
-
/* @__PURE__ */ jsx(ParameterTree_default, {
|
|
552
|
-
treeData,
|
|
553
|
-
selectedConfig,
|
|
554
|
-
onSelect: setSelectedConfig,
|
|
555
|
-
onRefresh: loadTree
|
|
556
|
-
}),
|
|
557
|
-
/* @__PURE__ */ jsx(ParameterDetails_default, {
|
|
558
|
-
selectedConfig,
|
|
559
|
-
configValue,
|
|
560
|
-
loading: loadingConfig
|
|
561
|
-
}),
|
|
562
|
-
/* @__PURE__ */ jsx(ParameterHistory_default, {
|
|
563
|
-
selectedConfig,
|
|
564
|
-
history,
|
|
565
|
-
loading: loadingHistory,
|
|
566
|
-
onRollback: handleRollback
|
|
567
|
-
})
|
|
568
|
-
]
|
|
569
|
-
});
|
|
570
|
-
};
|
|
571
|
-
var AdminParameters_default = AdminParameters;
|
|
572
|
-
|
|
573
|
-
//#endregion
|
|
574
|
-
export { AdminParameters_default as t };
|
|
575
|
-
//# sourceMappingURL=AdminParameters-CfDUpc78.js.map
|