@dovetail-v2/refine 0.0.49-alpha.0 → 0.0.51

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.
Files changed (211) hide show
  1. package/dist/{MonacoYamlDiffEditor-7cb1e598.js → MonacoYamlDiffEditor-b82fbea9.js} +1 -1
  2. package/dist/{index-8f27c902.js → index-51cc13dd.js} +116 -82
  3. package/dist/refine.js +1 -1
  4. package/dist/refine.umd.cjs +114 -80
  5. package/dist/style.css +2 -1
  6. package/lib/src/App.js +91 -0
  7. package/lib/src/Dovetail.js +45 -0
  8. package/lib/src/components/Breadcrumb/index.js +20 -0
  9. package/lib/src/components/ConditionsTable/ConditionsTable.js +56 -0
  10. package/lib/src/components/ConditionsTable/index.js +1 -0
  11. package/lib/src/components/CreateButton/index.js +10 -0
  12. package/lib/src/components/CronJobDropdown/index.js +26 -0
  13. package/lib/src/components/CronjobJobsTable/index.js +49 -0
  14. package/lib/src/components/DeleteButton/index.js +13 -0
  15. package/lib/src/components/DeleteManyButton/index.js +16 -0
  16. package/lib/src/components/DrawerShow/DrawerShow.js +13 -0
  17. package/lib/src/components/DrawerShow/index.js +1 -0
  18. package/lib/src/components/EditButton/index.js +13 -0
  19. package/lib/src/components/EditField/index.js +47 -0
  20. package/lib/src/components/ErrorContent/index.js +36 -0
  21. package/lib/src/components/EventsTable/EventsTable.js +59 -0
  22. package/lib/src/components/EventsTable/index.js +1 -0
  23. package/lib/src/components/Form/KeyValueListWidget.js +56 -0
  24. package/lib/src/components/Form/MetadataForm.js +9 -0
  25. package/lib/src/components/Form/NameInputWidget.js +50 -0
  26. package/lib/src/components/Form/NamespaceSelectWidget.js +21 -0
  27. package/lib/src/components/Form/index.js +4 -0
  28. package/lib/src/components/Form/widget.js +1 -0
  29. package/lib/src/components/FormErrorAlert/index.js +8 -0
  30. package/lib/src/components/FormLayout/index.js +21 -0
  31. package/lib/src/components/FormModal/index.js +51 -0
  32. package/lib/src/components/ImageNames/index.js +14 -0
  33. package/lib/src/components/IngressRulesComponent/index.js +11 -0
  34. package/lib/src/components/IngressRulesTable/IngressRulesTable.js +51 -0
  35. package/lib/src/components/IngressRulesTable/index.js +1 -0
  36. package/lib/src/components/K8sDropdown/index.js +31 -0
  37. package/lib/src/components/KeyValue/KeyValue.js +27 -0
  38. package/lib/src/components/KeyValue/index.js +1 -0
  39. package/lib/src/components/KeyValueData/index.js +50 -0
  40. package/lib/src/components/Layout/index.js +39 -0
  41. package/lib/src/components/ListPage/index.js +25 -0
  42. package/lib/src/components/Menu/index.js +36 -0
  43. package/lib/src/components/NamespacesFilter/index.js +34 -0
  44. package/lib/src/components/NetworkPolicyRulesTable/NetworkPolicyRulesTable.d.ts +1 -2
  45. package/lib/src/components/NetworkPolicyRulesTable/NetworkPolicyRulesTable.js +77 -0
  46. package/lib/src/components/NetworkPolicyRulesTable/index.js +1 -0
  47. package/lib/src/components/PageShow/PageShow.js +11 -0
  48. package/lib/src/components/PageShow/index.js +1 -0
  49. package/lib/src/components/PodContainersTable/PodContainersTable.js +78 -0
  50. package/lib/src/components/PodContainersTable/index.js +1 -0
  51. package/lib/src/components/PodLog/index.js +136 -0
  52. package/lib/src/components/ReferenceLink/index.js +17 -0
  53. package/lib/src/components/RefineForm/RefineFormContent.d.ts +10 -0
  54. package/lib/src/components/RefineForm/RefineFormModal.d.ts +8 -0
  55. package/lib/src/components/RefineForm/RefineFormPage.d.ts +7 -0
  56. package/lib/src/components/RefineForm/index.d.ts +3 -0
  57. package/lib/src/components/RefineForm/type.d.ts +20 -0
  58. package/lib/src/components/RefineForm/useRefineForm.d.ts +10 -0
  59. package/lib/src/components/ResourceCRUD/ResourceCRUD.js +15 -0
  60. package/lib/src/components/ResourceCRUD/create/index.js +13 -0
  61. package/lib/src/components/ResourceCRUD/index.js +4 -0
  62. package/lib/src/components/ResourceCRUD/list/index.js +19 -0
  63. package/lib/src/components/ResourceCRUD/show/index.js +6 -0
  64. package/lib/src/components/ResourceLink/index.js +21 -0
  65. package/lib/src/components/ResourceUsageBar/index.js +81 -0
  66. package/lib/src/components/Separator/index.js +11 -0
  67. package/lib/src/components/ServiceComponents/index.d.ts +0 -1
  68. package/lib/src/components/ShowContent/ShowContent.d.ts +1 -1
  69. package/lib/src/components/ShowContent/ShowContent.js +157 -0
  70. package/lib/src/components/ShowContent/fields.d.ts +1 -1
  71. package/lib/src/components/ShowContent/fields.js +157 -0
  72. package/lib/src/components/ShowContent/index.js +2 -0
  73. package/lib/src/components/StateTag/StateTag.js +22 -0
  74. package/lib/src/components/StateTag/index.js +1 -0
  75. package/lib/src/components/Table/ErrorContent.js +36 -0
  76. package/lib/src/components/Table/TableToolBar.js +14 -0
  77. package/lib/src/components/Table/TableWidgets.js +28 -0
  78. package/lib/src/components/Table/index.js +69 -0
  79. package/lib/src/components/Tags/index.js +22 -0
  80. package/lib/src/components/Time/index.js +14 -0
  81. package/lib/src/components/WorkloadDropdown/index.js +24 -0
  82. package/lib/src/components/WorkloadPodsTable/WorkloadPodsTable.js +39 -0
  83. package/lib/src/components/WorkloadPodsTable/index.js +1 -0
  84. package/lib/src/components/WorkloadReplicas/index.js +50 -0
  85. package/lib/src/components/YamlEditor/MonacoYamlDiffEditor.js +34 -0
  86. package/lib/src/components/YamlEditor/MonacoYamlEditor.js +149 -0
  87. package/lib/src/components/YamlEditor/YamlEditorComponent.js +90 -0
  88. package/lib/src/components/YamlEditor/index.js +1 -0
  89. package/lib/src/components/YamlEditor/style.js +102 -0
  90. package/lib/src/components/YamlEditor/yaml.worker.js +1 -0
  91. package/lib/src/components/YamlForm/index.d.ts +0 -4
  92. package/lib/src/components/YamlForm/index.js +61 -0
  93. package/lib/src/components/index.js +38 -0
  94. package/lib/src/constants/index.js +2 -0
  95. package/lib/src/constants/k8s.js +203 -0
  96. package/lib/src/constants/state.d.ts +2 -1
  97. package/lib/src/constants/state.js +15 -0
  98. package/lib/src/contexts/component.js +3 -0
  99. package/lib/src/contexts/configs.js +3 -0
  100. package/lib/src/contexts/global-store.js +3 -0
  101. package/lib/src/contexts/index.js +3 -0
  102. package/lib/src/hooks/index.js +7 -0
  103. package/lib/src/hooks/useDeleteModal/index.js +1 -0
  104. package/lib/src/hooks/useDeleteModal/useDeleteManyModal.js +31 -0
  105. package/lib/src/hooks/useDeleteModal/useDeleteModal.js +38 -0
  106. package/lib/src/hooks/useDownloadYAML.js +10 -0
  107. package/lib/src/hooks/useEagleForm.d.ts +1 -2
  108. package/lib/src/hooks/useEagleForm.js +177 -0
  109. package/lib/src/hooks/useEagleTable/columns.d.ts +1 -1
  110. package/lib/src/hooks/useEagleTable/columns.js +246 -0
  111. package/lib/src/hooks/useEagleTable/index.js +2 -0
  112. package/lib/src/hooks/useEagleTable/useEagleTable.js +63 -0
  113. package/lib/src/hooks/useEdit.js +19 -0
  114. package/lib/src/hooks/useGlobalStore.js +5 -0
  115. package/lib/src/hooks/useK8sYamlEditor.js +37 -0
  116. package/lib/src/hooks/useOpenForm.js +43 -0
  117. package/lib/src/hooks/useSchema.js +37 -0
  118. package/lib/src/hooks/useSubmitForm.js +42 -0
  119. package/lib/src/i18n.d.ts +4 -0
  120. package/lib/src/i18n.js +19 -0
  121. package/lib/src/index.js +13 -0
  122. package/lib/src/locales/en-US/dovetail.json +18 -0
  123. package/lib/src/locales/en-US/index.d.ts +2 -0
  124. package/lib/src/locales/en-US/index.js +4 -0
  125. package/lib/src/locales/index.js +6 -0
  126. package/lib/src/locales/zh-CN/dovetail.json +91 -0
  127. package/lib/src/locales/zh-CN/index.d.ts +2 -0
  128. package/lib/src/locales/zh-CN/index.js +4 -0
  129. package/lib/src/main.js +12 -0
  130. package/lib/src/models/cronjob-model.js +32 -0
  131. package/lib/src/models/daemonset-model.js +17 -0
  132. package/lib/src/models/deployment-model.d.ts +1 -1
  133. package/lib/src/models/deployment-model.js +17 -0
  134. package/lib/src/models/event-model.js +11 -0
  135. package/lib/src/models/index.js +14 -0
  136. package/lib/src/models/ingress-model.js +24 -0
  137. package/lib/src/models/job-model.js +56 -0
  138. package/lib/src/models/network-policy-model.js +10 -0
  139. package/lib/src/models/pod-metrics-model.js +34 -0
  140. package/lib/src/models/pod-model.js +78 -0
  141. package/lib/src/models/resource-model.js +34 -0
  142. package/lib/src/models/server-instance-model.d.ts +10 -0
  143. package/lib/src/models/service-model.d.ts +2 -1
  144. package/lib/src/models/service-model.js +17 -0
  145. package/lib/src/models/statefulset-model.d.ts +1 -1
  146. package/lib/src/models/statefulset-model.js +17 -0
  147. package/lib/src/models/types/index.js +1 -0
  148. package/lib/src/models/types/metric.js +1 -0
  149. package/lib/src/models/workload-base-model.js +22 -0
  150. package/lib/src/models/workload-model.js +51 -0
  151. package/lib/src/pages/configmaps/index.js +15 -0
  152. package/lib/src/pages/cronjobs/create/index.js +6 -0
  153. package/lib/src/pages/cronjobs/index.js +3 -0
  154. package/lib/src/pages/cronjobs/list/index.js +42 -0
  155. package/lib/src/pages/cronjobs/show/index.js +16 -0
  156. package/lib/src/pages/daemonsets/create/index.js +6 -0
  157. package/lib/src/pages/daemonsets/index.js +3 -0
  158. package/lib/src/pages/daemonsets/list/index.js +32 -0
  159. package/lib/src/pages/daemonsets/show/index.js +16 -0
  160. package/lib/src/pages/deployments/create/index.js +7 -0
  161. package/lib/src/pages/deployments/index.js +3 -0
  162. package/lib/src/pages/deployments/list/index.js +26 -0
  163. package/lib/src/pages/deployments/show/index.js +16 -0
  164. package/lib/src/pages/ingresses/index.js +26 -0
  165. package/lib/src/pages/jobs/index.js +34 -0
  166. package/lib/src/pages/networkPolicies/index.js +67 -0
  167. package/lib/src/pages/pods/create/index.js +6 -0
  168. package/lib/src/pages/pods/index.js +3 -0
  169. package/lib/src/pages/pods/list/index.js +81 -0
  170. package/lib/src/pages/pods/show/index.js +54 -0
  171. package/lib/src/pages/secrets/index.js +15 -0
  172. package/lib/src/pages/services/index.js +26 -0
  173. package/lib/src/pages/statefulsets/create/index.js +6 -0
  174. package/lib/src/pages/statefulsets/index.js +3 -0
  175. package/lib/src/pages/statefulsets/list/index.js +26 -0
  176. package/lib/src/pages/statefulsets/show/index.js +16 -0
  177. package/lib/src/plugins/index.js +3 -0
  178. package/lib/src/plugins/model-plugin.js +46 -0
  179. package/lib/src/plugins/relation-plugin.js +81 -0
  180. package/lib/src/plugins/type.js +1 -0
  181. package/lib/src/providers/index.js +1 -0
  182. package/lib/src/providers/router-provider/index.js +100 -0
  183. package/lib/src/types/index.js +1 -0
  184. package/lib/src/types/resource.js +12 -0
  185. package/lib/src/utils/addId.js +8 -0
  186. package/lib/src/utils/download.js +9 -0
  187. package/lib/src/utils/error.js +53 -0
  188. package/lib/src/utils/form.js +9 -0
  189. package/lib/src/utils/k8s.js +6 -0
  190. package/lib/src/utils/labels.js +15 -0
  191. package/lib/src/utils/match-selector.js +12 -0
  192. package/lib/src/utils/openapi.js +33 -0
  193. package/lib/src/utils/schema.js +117 -0
  194. package/lib/src/utils/selector.js +12 -0
  195. package/lib/src/utils/string.js +6 -0
  196. package/lib/src/utils/time.js +46 -0
  197. package/lib/src/utils/unit.js +69 -0
  198. package/lib/src/utils/yaml.js +44 -0
  199. package/lib/vite.config.js +60 -0
  200. package/package.json +2 -2
  201. package/lib/src/components/ModalContextProvider/index.d.ts +0 -12
  202. package/lib/src/hooks/useModal.d.ts +0 -0
  203. package/lib/src/hooks/useNamespaceFilter.d.ts +0 -5
  204. package/lib/src/model/cronjob-model.d.ts +0 -9
  205. package/lib/src/model/index.d.ts +0 -6
  206. package/lib/src/model/job-model.d.ts +0 -10
  207. package/lib/src/model/pod-metrics-model.d.ts +0 -7
  208. package/lib/src/model/pod-model.d.ts +0 -15
  209. package/lib/src/model/resource-model.d.ts +0 -17
  210. package/lib/src/model/workload-model.d.ts +0 -17
  211. package/lib/src/types/metric.d.ts +0 -25
@@ -0,0 +1,42 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { CronJobDropdown } from 'src/components/CronJobDropdown';
3
+ import { ListPage } from 'src/components/ListPage';
4
+ import Time from 'src/components/Time';
5
+ import { useEagleTable } from 'src/hooks/useEagleTable';
6
+ import { AgeColumnRenderer, WorkloadImageColumnRenderer, NameColumnRenderer, NameSpaceColumnRenderer, StateDisplayColumnRenderer, } from 'src/hooks/useEagleTable/columns';
7
+ import { useD2Translation } from '../../../i18n';
8
+ export const CronJobList = () => {
9
+ const { i18n } = useD2Translation();
10
+ const { tableProps, selectedKeys } = useEagleTable({
11
+ useTableParams: {},
12
+ columns: [
13
+ StateDisplayColumnRenderer(i18n),
14
+ NameColumnRenderer(i18n),
15
+ NameSpaceColumnRenderer(i18n),
16
+ WorkloadImageColumnRenderer(i18n),
17
+ {
18
+ key: 'schedule',
19
+ display: true,
20
+ dataIndex: ['spec', 'schedule'],
21
+ title: i18n.t('dovetail.schedule'),
22
+ sortable: true,
23
+ },
24
+ {
25
+ key: 'lastScheduleTime',
26
+ display: true,
27
+ dataIndex: ['status', 'lastScheduleTime'],
28
+ title: i18n.t('dovetail.lastScheduleTime'),
29
+ sortable: true,
30
+ render(value) {
31
+ return _jsx(Time, { date: value });
32
+ },
33
+ },
34
+ AgeColumnRenderer(i18n),
35
+ ],
36
+ tableProps: {
37
+ currentSize: 10,
38
+ },
39
+ Dropdown: CronJobDropdown,
40
+ });
41
+ return _jsx(ListPage, { title: "CronJob", selectedKeys: selectedKeys, tableProps: tableProps });
42
+ };
@@ -0,0 +1,16 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { CronJobDropdown } from '../../../components/CronJobDropdown';
3
+ import { PageShow } from '../../../components/PageShow';
4
+ import { ImageField, JobsField } from '../../../components/ShowContent/fields';
5
+ import { useD2Translation } from '../../../i18n';
6
+ export const CronJobShow = () => {
7
+ const { i18n } = useD2Translation();
8
+ return (_jsx(PageShow, { showConfig: {
9
+ groups: [
10
+ {
11
+ fields: [ImageField(i18n)],
12
+ },
13
+ ],
14
+ tabs: [JobsField()],
15
+ }, Dropdown: CronJobDropdown }));
16
+ };
@@ -0,0 +1,6 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import YamlForm from 'src/components/YamlForm';
3
+ import { DAEMONSET_INIT_VALUE } from 'src/constants/k8s';
4
+ export const DaemonSetForm = () => {
5
+ return _jsx(YamlForm, { initialValues: DAEMONSET_INIT_VALUE });
6
+ };
@@ -0,0 +1,3 @@
1
+ export * from './create';
2
+ export * from './list';
3
+ export * from './show';
@@ -0,0 +1,32 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { ListPage } from 'src/components/ListPage';
3
+ import { WorkloadDropdown } from 'src/components/WorkloadDropdown';
4
+ import { useEagleTable } from 'src/hooks/useEagleTable';
5
+ import { AgeColumnRenderer, WorkloadImageColumnRenderer, NameColumnRenderer, NameSpaceColumnRenderer, StateDisplayColumnRenderer, WorkloadRestartsColumnRenderer, } from 'src/hooks/useEagleTable/columns';
6
+ import { useD2Translation } from '../../../i18n';
7
+ export const DaemonSetList = () => {
8
+ const { i18n } = useD2Translation();
9
+ const { tableProps, selectedKeys } = useEagleTable({
10
+ useTableParams: {},
11
+ columns: [
12
+ StateDisplayColumnRenderer(i18n),
13
+ NameColumnRenderer(i18n),
14
+ NameSpaceColumnRenderer(i18n),
15
+ WorkloadImageColumnRenderer(i18n),
16
+ {
17
+ key: 'ready',
18
+ display: true,
19
+ dataIndex: ['status', 'numberReady'],
20
+ title: 'Ready',
21
+ sortable: true,
22
+ },
23
+ WorkloadRestartsColumnRenderer(i18n),
24
+ AgeColumnRenderer(i18n),
25
+ ],
26
+ tableProps: {
27
+ currentSize: 10,
28
+ },
29
+ Dropdown: WorkloadDropdown,
30
+ });
31
+ return (_jsx(ListPage, { title: "DaemonSet", selectedKeys: selectedKeys, tableProps: tableProps }));
32
+ };
@@ -0,0 +1,16 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { WorkloadDropdown } from 'src/components/WorkloadDropdown';
3
+ import { PageShow } from '../../../components/PageShow';
4
+ import { ConditionsField, ImageField, PodsField, } from '../../../components/ShowContent/fields';
5
+ import { useD2Translation } from '../../../i18n';
6
+ export const DaemonSetShow = () => {
7
+ const { i18n } = useD2Translation();
8
+ return (_jsx(PageShow, { showConfig: {
9
+ groups: [
10
+ {
11
+ fields: [ImageField(i18n)],
12
+ },
13
+ ],
14
+ tabs: [PodsField(), ConditionsField(i18n)],
15
+ }, Dropdown: WorkloadDropdown }));
16
+ };
@@ -0,0 +1,7 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import FormModal from 'src/components/FormModal';
3
+ import YamlForm from 'src/components/YamlForm';
4
+ import { DEPLOYMENT_INIT_VALUE } from 'src/constants/k8s';
5
+ export const DeploymentForm = (props) => {
6
+ return (_jsx(FormModal, { ...props, renderForm: (formProps) => (_jsx(YamlForm, { ...formProps, initialValues: DEPLOYMENT_INIT_VALUE, isShowLayout: false })) }));
7
+ };
@@ -0,0 +1,3 @@
1
+ export * from './create';
2
+ export * from './list';
3
+ export * from './show';
@@ -0,0 +1,26 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { ListPage } from 'src/components/ListPage';
3
+ import { WorkloadDropdown } from 'src/components/WorkloadDropdown';
4
+ import { useEagleTable } from 'src/hooks/useEagleTable';
5
+ import { AgeColumnRenderer, WorkloadImageColumnRenderer, NameColumnRenderer, NameSpaceColumnRenderer, ReplicasColumnRenderer, WorkloadRestartsColumnRenderer, StateDisplayColumnRenderer, } from 'src/hooks/useEagleTable/columns';
6
+ import { useD2Translation } from '../../../i18n';
7
+ export const DeploymentList = () => {
8
+ const { i18n } = useD2Translation();
9
+ const { tableProps, selectedKeys } = useEagleTable({
10
+ useTableParams: {},
11
+ columns: [
12
+ StateDisplayColumnRenderer(i18n),
13
+ NameColumnRenderer(i18n),
14
+ NameSpaceColumnRenderer(i18n),
15
+ WorkloadImageColumnRenderer(i18n),
16
+ WorkloadRestartsColumnRenderer(i18n),
17
+ ReplicasColumnRenderer(i18n),
18
+ AgeColumnRenderer(i18n),
19
+ ],
20
+ tableProps: {
21
+ currentSize: 10,
22
+ },
23
+ Dropdown: WorkloadDropdown,
24
+ });
25
+ return (_jsx(ListPage, { title: "Deployments", selectedKeys: selectedKeys, tableProps: tableProps }));
26
+ };
@@ -0,0 +1,16 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { PageShow } from '../../../components/PageShow';
3
+ import { ConditionsField, EventsTableTabField, ImageField, PodsField, ReplicaField, } from '../../../components/ShowContent/fields';
4
+ import { WorkloadDropdown } from '../../../components/WorkloadDropdown';
5
+ import { useD2Translation } from '../../../i18n';
6
+ export const DeploymentShow = () => {
7
+ const { i18n } = useD2Translation();
8
+ return (_jsx(PageShow, { showConfig: {
9
+ groups: [
10
+ {
11
+ fields: [ImageField(i18n), ReplicaField(i18n)],
12
+ },
13
+ ],
14
+ tabs: [PodsField(), ConditionsField(i18n), EventsTableTabField(i18n)],
15
+ }, Dropdown: WorkloadDropdown }));
16
+ };
@@ -0,0 +1,26 @@
1
+ import { IngressRulesTableTabField } from '../../components';
2
+ import K8sDropdown from '../../components/K8sDropdown';
3
+ import { INGRESS_INIT_VALUE } from '../../constants/k8s';
4
+ import { AgeColumnRenderer, IngressDefaultBackendColumnRenderer, IngressRulesColumnRenderer, } from '../../hooks/useEagleTable/columns';
5
+ import { RESOURCE_GROUP, FormType } from '../../types';
6
+ export const IngressConfig = (i18n) => ({
7
+ name: 'ingresses',
8
+ kind: 'Ingress',
9
+ basePath: '/apis/networking.k8s.io/v1',
10
+ apiVersion: 'networking.k8s.io/v1',
11
+ label: 'Ingresses',
12
+ parent: RESOURCE_GROUP.NETWORK,
13
+ columns: () => [
14
+ IngressDefaultBackendColumnRenderer(i18n),
15
+ IngressRulesColumnRenderer(i18n),
16
+ AgeColumnRenderer(i18n),
17
+ ],
18
+ showConfig: () => ({
19
+ descriptions: [],
20
+ groups: [],
21
+ tabs: [IngressRulesTableTabField(i18n)],
22
+ }),
23
+ initValue: INGRESS_INIT_VALUE,
24
+ Dropdown: K8sDropdown,
25
+ formType: FormType.MODAL,
26
+ });
@@ -0,0 +1,34 @@
1
+ import { FormType } from 'src/types';
2
+ import K8sDropdown from '../../components/K8sDropdown';
3
+ import { ConditionsField, ImageField, PodsField, StartTimeField, } from '../../components/ShowContent';
4
+ import { JOB_INIT_VALUE } from '../../constants/k8s';
5
+ import { AgeColumnRenderer, WorkloadImageColumnRenderer, DurationColumnRenderer, CompletionsCountColumnRenderer, StateDisplayColumnRenderer, WorkloadRestartsColumnRenderer, } from '../../hooks/useEagleTable/columns';
6
+ import { RESOURCE_GROUP } from '../../types';
7
+ export const JobConfig = (i18n) => ({
8
+ name: 'jobs',
9
+ kind: 'Job',
10
+ basePath: '/apis/batch/v1',
11
+ apiVersion: 'batch/v1',
12
+ label: 'Jobs',
13
+ parent: RESOURCE_GROUP.WORKLOAD,
14
+ columns: () => [
15
+ StateDisplayColumnRenderer(i18n),
16
+ WorkloadImageColumnRenderer(i18n),
17
+ CompletionsCountColumnRenderer(i18n),
18
+ WorkloadRestartsColumnRenderer(i18n),
19
+ DurationColumnRenderer(i18n),
20
+ AgeColumnRenderer(i18n),
21
+ ],
22
+ showConfig: () => ({
23
+ descriptions: [],
24
+ groups: [
25
+ {
26
+ fields: [StartTimeField(i18n), ImageField(i18n)],
27
+ },
28
+ ],
29
+ tabs: [PodsField(), ConditionsField(i18n)],
30
+ }),
31
+ initValue: JOB_INIT_VALUE,
32
+ Dropdown: K8sDropdown,
33
+ formType: FormType.MODAL,
34
+ });
@@ -0,0 +1,67 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Tags } from '../../components';
3
+ import K8sDropdown from '../../components/K8sDropdown';
4
+ import { NetworkPolicyRulesTable } from '../../components/NetworkPolicyRulesTable';
5
+ import { NETWORK_POLICY_INIT_VALUE } from '../../constants/k8s';
6
+ import { AgeColumnRenderer } from '../../hooks/useEagleTable/columns';
7
+ import { RESOURCE_GROUP, FormType } from '../../types';
8
+ export const NetworkPolicyConfig = (i18n) => ({
9
+ name: 'networkpolicies',
10
+ kind: 'NetworkPolicy',
11
+ basePath: '/apis/networking.k8s.io/v1',
12
+ apiVersion: 'networking.k8s.io/v1',
13
+ label: 'NetworkPolicies',
14
+ parent: RESOURCE_GROUP.NETWORK,
15
+ columns: () => [
16
+ {
17
+ key: 'podSelector',
18
+ display: true,
19
+ dataIndex: ['spec', 'podSelector', 'matchLabels'],
20
+ title: 'Pod Selector',
21
+ sortable: false,
22
+ render(matchLabels) {
23
+ return _jsx(Tags, { value: matchLabels });
24
+ },
25
+ },
26
+ AgeColumnRenderer(i18n),
27
+ ],
28
+ showConfig: () => ({
29
+ descriptions: [],
30
+ groups: [
31
+ {
32
+ fields: [
33
+ {
34
+ key: 'podSelector',
35
+ title: 'Pod Selector',
36
+ path: ['spec', 'podSelector'],
37
+ col: 12,
38
+ renderContent: podSelector => {
39
+ return _jsx(Tags, { value: podSelector.matchLabels });
40
+ },
41
+ },
42
+ ],
43
+ },
44
+ ],
45
+ tabs: [
46
+ {
47
+ key: 'Ingress',
48
+ title: 'Ingress Rules',
49
+ path: ['spec', 'ingress'],
50
+ renderContent: ingress => {
51
+ return (_jsx(NetworkPolicyRulesTable, { ingressOrEgress: ingress }));
52
+ },
53
+ },
54
+ {
55
+ key: 'Egress',
56
+ title: 'Egress Rules',
57
+ path: ['spec', 'egress'],
58
+ renderContent: egress => {
59
+ return (_jsx(NetworkPolicyRulesTable, { ingressOrEgress: egress }));
60
+ },
61
+ },
62
+ ],
63
+ }),
64
+ initValue: NETWORK_POLICY_INIT_VALUE,
65
+ Dropdown: K8sDropdown,
66
+ formType: FormType.MODAL,
67
+ });
@@ -0,0 +1,6 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import YamlForm from 'src/components/YamlForm';
3
+ import { POD_INIT_VALUE } from 'src/constants/k8s';
4
+ export const PodForm = () => {
5
+ return _jsx(YamlForm, { initialValues: POD_INIT_VALUE });
6
+ };
@@ -0,0 +1,3 @@
1
+ export * from './create';
2
+ export * from './list';
3
+ export * from './show';
@@ -0,0 +1,81 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { useList } from '@refinedev/core';
3
+ import { compact } from 'lodash-es';
4
+ import { useMemo } from 'react';
5
+ import { ListPage } from '../../../components/ListPage';
6
+ import { useEagleTable } from '../../../hooks/useEagleTable';
7
+ import { AgeColumnRenderer, WorkloadImageColumnRenderer, NameColumnRenderer, NameSpaceColumnRenderer, CommonSorter, RestartCountColumnRenderer, NodeNameColumnRenderer, StateDisplayColumnRenderer, PodWorkloadColumnRenderer, } from '../../../hooks/useEagleTable/columns';
8
+ import { useD2Translation } from '../../../i18n';
9
+ export const PodList = () => {
10
+ const { i18n } = useD2Translation();
11
+ const { data: metricsData } = useList({
12
+ resource: 'podMetrics',
13
+ meta: {
14
+ resourceBasePath: '/apis/metrics.k8s.io/v1beta1',
15
+ kind: 'PodMetrics',
16
+ k8sResource: 'pods',
17
+ },
18
+ });
19
+ const metricsMap = useMemo(() => {
20
+ return (metricsData?.data || []).reduce((prev, cur) => {
21
+ prev[cur.id] = cur;
22
+ return prev;
23
+ }, {});
24
+ }, [metricsData]);
25
+ const supportMetrics = Boolean(metricsData);
26
+ const { tableProps, selectedKeys } = useEagleTable({
27
+ useTableParams: {},
28
+ columns: compact([
29
+ StateDisplayColumnRenderer(i18n),
30
+ NameColumnRenderer(i18n),
31
+ NameSpaceColumnRenderer(i18n),
32
+ WorkloadImageColumnRenderer(i18n),
33
+ {
34
+ key: 'readyDisplay',
35
+ display: true,
36
+ dataIndex: ['readyDisplay'],
37
+ title: 'Ready',
38
+ sortable: true,
39
+ sorter: CommonSorter(['readyDisplay']),
40
+ },
41
+ RestartCountColumnRenderer(i18n),
42
+ NodeNameColumnRenderer(i18n),
43
+ PodWorkloadColumnRenderer(i18n),
44
+ supportMetrics && {
45
+ key: 'memory_usage',
46
+ display: true,
47
+ dataIndex: ['spec'],
48
+ title: '内存',
49
+ sortable: false,
50
+ align: 'right',
51
+ render(value, record) {
52
+ return metricsMap[record.id]?.usage.memory.si;
53
+ },
54
+ },
55
+ supportMetrics && {
56
+ key: 'cpu_usage',
57
+ display: true,
58
+ dataIndex: ['spec'],
59
+ title: 'CPU',
60
+ sortable: false,
61
+ align: 'right',
62
+ render(value, record) {
63
+ return metricsMap[record.id]?.usage.cpu.si;
64
+ },
65
+ },
66
+ {
67
+ key: 'ip',
68
+ display: true,
69
+ dataIndex: ['status', 'podIP'],
70
+ title: 'IP',
71
+ sortable: true,
72
+ sorter: CommonSorter(['status', 'podIP']),
73
+ },
74
+ AgeColumnRenderer(i18n),
75
+ ]),
76
+ tableProps: {
77
+ currentSize: 10,
78
+ },
79
+ });
80
+ return _jsx(ListPage, { title: "Pod", selectedKeys: selectedKeys, tableProps: tableProps });
81
+ };
@@ -0,0 +1,54 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { PodLog } from 'src/components/PodLog';
3
+ import { PageShow } from '../../../components/PageShow';
4
+ import { PodContainersTable } from '../../../components/PodContainersTable';
5
+ import { ConditionsField } from '../../../components/ShowContent/fields';
6
+ import { useD2Translation } from '../../../i18n';
7
+ export const PodShow = () => {
8
+ const { i18n } = useD2Translation();
9
+ return (_jsx(PageShow, { showConfig: {
10
+ groups: [{
11
+ fields: [
12
+ {
13
+ key: 'podIp',
14
+ title: 'Pod IP',
15
+ path: ['status', 'podIP'],
16
+ },
17
+ {
18
+ key: 'Workload',
19
+ title: i18n.t('dovetail.workload'),
20
+ path: ['metadata', 'ownerReferences', '0', 'name'],
21
+ },
22
+ {
23
+ key: 'Node',
24
+ title: i18n.t('dovetail.node_name'),
25
+ path: ['spec', 'nodeName'],
26
+ },
27
+ {
28
+ key: 'readyDisplay',
29
+ title: 'Ready',
30
+ path: ['readyDisplay'],
31
+ },
32
+ ]
33
+ }],
34
+ tabs: [
35
+ {
36
+ key: 'container',
37
+ title: i18n.t('dovetail.container'),
38
+ path: [],
39
+ renderContent: (_, record) => {
40
+ return (_jsx(PodContainersTable, { containerStatuses: record.status?.containerStatuses || [], initContainerStatuses: record.status?.initContainerStatuses || [] }));
41
+ },
42
+ },
43
+ ConditionsField(i18n),
44
+ {
45
+ key: 'log',
46
+ title: i18n.t('dovetail.log'),
47
+ path: [],
48
+ renderContent: (_, record) => {
49
+ return _jsx(PodLog, { pod: record });
50
+ },
51
+ },
52
+ ],
53
+ } }));
54
+ };
@@ -0,0 +1,15 @@
1
+ import { SecretDataField } from '../../components/ShowContent';
2
+ import { AgeColumnRenderer } from '../../hooks/useEagleTable/columns';
3
+ import { RESOURCE_GROUP } from '../../types';
4
+ export const SecretsConfig = (i18n) => ({
5
+ name: 'secrets',
6
+ kind: 'Secret',
7
+ basePath: '/api/v1',
8
+ apiVersion: 'v1',
9
+ parent: RESOURCE_GROUP.STORAGE,
10
+ label: 'Secrets',
11
+ columns: () => [AgeColumnRenderer(i18n)],
12
+ showConfig: () => ({
13
+ tabs: [SecretDataField(i18n)],
14
+ }),
15
+ });
@@ -0,0 +1,26 @@
1
+ import { ConditionsField, ServiceTypeField, ClusterIpField, SessionAffinityField, ServicePodsField, } from '../../components/ShowContent';
2
+ import { SERVICE_INIT_VALUE } from '../../constants';
3
+ import { AgeColumnRenderer, ServiceTypeColumnRenderer, } from '../../hooks/useEagleTable/columns';
4
+ import { RESOURCE_GROUP } from '../../types';
5
+ export const ServicesConfig = (i18n) => ({
6
+ name: 'services',
7
+ kind: 'Service',
8
+ basePath: '/api/v1',
9
+ apiVersion: 'v1',
10
+ label: 'Services',
11
+ parent: RESOURCE_GROUP.NETWORK,
12
+ columns: () => [ServiceTypeColumnRenderer(i18n), AgeColumnRenderer(i18n)],
13
+ showConfig: () => ({
14
+ groups: [
15
+ {
16
+ fields: [
17
+ ServiceTypeField(i18n),
18
+ ClusterIpField(i18n),
19
+ SessionAffinityField(i18n),
20
+ ],
21
+ },
22
+ ],
23
+ tabs: [ServicePodsField(), ConditionsField(i18n)],
24
+ }),
25
+ initValue: SERVICE_INIT_VALUE,
26
+ });
@@ -0,0 +1,6 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import YamlForm from 'src/components/YamlForm';
3
+ import { STATEFULSET_INIT_VALUE } from 'src/constants/k8s';
4
+ export const StatefulSetForm = () => {
5
+ return _jsx(YamlForm, { initialValues: STATEFULSET_INIT_VALUE });
6
+ };
@@ -0,0 +1,3 @@
1
+ export * from './create';
2
+ export * from './list';
3
+ export * from './show';
@@ -0,0 +1,26 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { ListPage } from 'src/components/ListPage';
3
+ import { WorkloadDropdown } from 'src/components/WorkloadDropdown';
4
+ import { useEagleTable } from 'src/hooks/useEagleTable';
5
+ import { AgeColumnRenderer, WorkloadImageColumnRenderer, NameColumnRenderer, NameSpaceColumnRenderer, StateDisplayColumnRenderer, ReplicasColumnRenderer, WorkloadRestartsColumnRenderer, } from 'src/hooks/useEagleTable/columns';
6
+ import { useD2Translation } from '../../../i18n';
7
+ export const StatefulSetList = () => {
8
+ const { i18n } = useD2Translation();
9
+ const { tableProps, selectedKeys } = useEagleTable({
10
+ useTableParams: {},
11
+ columns: [
12
+ StateDisplayColumnRenderer(i18n),
13
+ NameColumnRenderer(i18n),
14
+ NameSpaceColumnRenderer(i18n),
15
+ WorkloadImageColumnRenderer(i18n),
16
+ WorkloadRestartsColumnRenderer(i18n),
17
+ ReplicasColumnRenderer(i18n),
18
+ AgeColumnRenderer(i18n),
19
+ ],
20
+ tableProps: {
21
+ currentSize: 10,
22
+ },
23
+ Dropdown: WorkloadDropdown,
24
+ });
25
+ return (_jsx(ListPage, { title: "StatefulSet", selectedKeys: selectedKeys, tableProps: tableProps }));
26
+ };
@@ -0,0 +1,16 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { WorkloadDropdown } from 'src/components/WorkloadDropdown';
3
+ import { PageShow } from '../../../components/PageShow';
4
+ import { ConditionsField, ImageField, PodsField, ReplicaField, } from '../../../components/ShowContent/fields';
5
+ import { useD2Translation } from '../../../i18n';
6
+ export const StatefulSetShow = () => {
7
+ const { i18n } = useD2Translation();
8
+ return (_jsx(PageShow, { showConfig: {
9
+ groups: [
10
+ {
11
+ fields: [ImageField(i18n), ReplicaField(i18n)],
12
+ },
13
+ ],
14
+ tabs: [PodsField(), ConditionsField(i18n)],
15
+ }, Dropdown: WorkloadDropdown }));
16
+ };
@@ -0,0 +1,3 @@
1
+ import { modelPlugin } from './model-plugin';
2
+ import { relationPlugin } from './relation-plugin';
3
+ export const ProviderPlugins = [relationPlugin, modelPlugin];
@@ -0,0 +1,46 @@
1
+ import { CronJobModel, DaemonSetModel, DeploymentModel, EventModel, IngressModel, JobModel, PodModel, ResourceModel, StatefulSetModel, NetworkPolicyModel, } from '../models';
2
+ const ModelMap = {
3
+ Deployment: DeploymentModel,
4
+ DaemonSet: DaemonSetModel,
5
+ StatefulSet: StatefulSetModel,
6
+ CronJob: CronJobModel,
7
+ Job: JobModel,
8
+ Pod: PodModel,
9
+ Event: EventModel,
10
+ Ingress: IngressModel,
11
+ NetworkPolicy: NetworkPolicyModel,
12
+ };
13
+ class ModelPlugin {
14
+ _globalStore;
15
+ init(globalStore) {
16
+ this._globalStore = globalStore;
17
+ }
18
+ async processData(res) {
19
+ const { kind, apiVersion } = res;
20
+ const items = await Promise.all(res.items.map(item => {
21
+ const newItem = { ...item };
22
+ newItem.kind = kind.replace(/List$/g, '');
23
+ newItem.apiVersion = apiVersion;
24
+ return this.processItem(newItem);
25
+ }));
26
+ return {
27
+ ...res,
28
+ items,
29
+ };
30
+ }
31
+ async processItem(item) {
32
+ const Model = ModelMap[item.kind] || ResourceModel;
33
+ const result = new Model(item, this._globalStore);
34
+ await result.init();
35
+ return result;
36
+ }
37
+ restoreData(res) {
38
+ const newRes = { ...res };
39
+ newRes.items = res.items.map(item => this.restoreItem(item));
40
+ return res;
41
+ }
42
+ restoreItem(item) {
43
+ return item._rawYaml;
44
+ }
45
+ }
46
+ export const modelPlugin = new ModelPlugin();