@dovetail-v2/refine 0.0.60 → 0.0.61-alpha.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.
Files changed (224) hide show
  1. package/dist/{MonacoYamlDiffEditor-a6a2c099.js → MonacoYamlDiffEditor-e5cfbfbd.js} +1 -1
  2. package/dist/{index-2c6b45ea.js → index-f46a38ea.js} +343 -182
  3. package/dist/refine.js +175 -158
  4. package/dist/refine.umd.cjs +186 -25
  5. package/lib/src/components/Form/type.d.ts +4 -3
  6. package/lib/src/components/K8sDropdown/index.d.ts +1 -1
  7. package/lib/src/components/ModalContextProvider/index.d.ts +12 -0
  8. package/lib/src/components/NetworkPolicyRulesTable/NetworkPolicyRulesTable.d.ts +2 -1
  9. package/lib/src/components/PodDropdown/index.d.ts +9 -0
  10. package/lib/src/components/PodShellModal/index.d.ts +7 -0
  11. package/lib/src/components/ResourceSelect/index.d.ts +12 -0
  12. package/lib/src/components/ValueDisplay/index.d.ts +1 -1
  13. package/lib/src/components/YamlForm/index.d.ts +4 -0
  14. package/lib/src/components/index.d.ts +2 -0
  15. package/lib/src/constants/k8s.d.ts +18 -0
  16. package/lib/src/hooks/useEagleForm.d.ts +2 -1
  17. package/lib/src/hooks/useEagleTable/columns.d.ts +8 -1
  18. package/lib/src/hooks/useModal.d.ts +0 -0
  19. package/lib/src/hooks/useNamespaceFilter.d.ts +5 -0
  20. package/lib/src/model/cronjob-model.d.ts +9 -0
  21. package/lib/src/model/index.d.ts +6 -0
  22. package/lib/src/model/job-model.d.ts +10 -0
  23. package/lib/src/model/pod-metrics-model.d.ts +7 -0
  24. package/lib/src/model/pod-model.d.ts +15 -0
  25. package/lib/src/model/resource-model.d.ts +17 -0
  26. package/lib/src/model/workload-model.d.ts +17 -0
  27. package/lib/src/models/index.d.ts +4 -0
  28. package/lib/src/models/ingress-model.d.ts +0 -1
  29. package/lib/src/models/node-model.d.ts +15 -0
  30. package/lib/src/models/persistent-volume-claim.d.ts +10 -0
  31. package/lib/src/models/persistent-volume.d.ts +10 -0
  32. package/lib/src/models/storage-class.d.ts +10 -0
  33. package/lib/src/models/workload-base-model.d.ts +2 -2
  34. package/lib/src/pages/nodes/hooks/useNodeMetrics.d.ts +17 -0
  35. package/lib/src/pages/{pods/index.js → nodes/index.d.ts} +0 -1
  36. package/lib/src/pages/nodes/list/index.d.ts +3 -0
  37. package/lib/src/pages/nodes/show/index.d.ts +3 -0
  38. package/lib/src/pages/storageclasses/form/index.d.ts +9 -0
  39. package/lib/src/pages/storageclasses/index.d.ts +44 -0
  40. package/lib/src/pages/storageclasses/list/index.d.ts +3 -0
  41. package/lib/src/pages/storageclasses/show/index.d.ts +3 -0
  42. package/lib/src/types/metric.d.ts +25 -0
  43. package/lib/src/types/resource.d.ts +3 -1
  44. package/lib/src/utils/shell.d.ts +5 -0
  45. package/package.json +1 -1
  46. package/lib/src/App.js +0 -91
  47. package/lib/src/Dovetail.js +0 -45
  48. package/lib/src/components/Breadcrumb/index.js +0 -20
  49. package/lib/src/components/ConditionsTable/ConditionsTable.js +0 -56
  50. package/lib/src/components/ConditionsTable/index.js +0 -1
  51. package/lib/src/components/CreateButton/index.js +0 -10
  52. package/lib/src/components/CronJobDropdown/index.js +0 -26
  53. package/lib/src/components/CronjobJobsTable/index.js +0 -49
  54. package/lib/src/components/DeleteButton/index.js +0 -13
  55. package/lib/src/components/DeleteManyButton/index.js +0 -16
  56. package/lib/src/components/DrawerShow/DrawerShow.js +0 -13
  57. package/lib/src/components/DrawerShow/index.js +0 -1
  58. package/lib/src/components/EditButton/index.js +0 -13
  59. package/lib/src/components/EditField/index.js +0 -47
  60. package/lib/src/components/ErrorContent/index.js +0 -36
  61. package/lib/src/components/EventsTable/EventsTable.js +0 -59
  62. package/lib/src/components/EventsTable/index.js +0 -1
  63. package/lib/src/components/Form/KeyValueListWidget.js +0 -56
  64. package/lib/src/components/Form/MetadataForm.js +0 -9
  65. package/lib/src/components/Form/NameInputWidget.js +0 -50
  66. package/lib/src/components/Form/NamespaceSelectWidget.js +0 -21
  67. package/lib/src/components/Form/index.js +0 -4
  68. package/lib/src/components/Form/widget.js +0 -1
  69. package/lib/src/components/FormErrorAlert/index.js +0 -8
  70. package/lib/src/components/FormLayout/index.js +0 -21
  71. package/lib/src/components/FormModal/index.js +0 -51
  72. package/lib/src/components/ImageNames/index.js +0 -14
  73. package/lib/src/components/IngressRulesComponent/index.js +0 -11
  74. package/lib/src/components/IngressRulesTable/IngressRulesTable.js +0 -51
  75. package/lib/src/components/IngressRulesTable/index.js +0 -1
  76. package/lib/src/components/K8sDropdown/index.js +0 -31
  77. package/lib/src/components/KeyValue/KeyValue.js +0 -27
  78. package/lib/src/components/KeyValue/index.js +0 -1
  79. package/lib/src/components/KeyValueData/index.js +0 -50
  80. package/lib/src/components/Layout/index.js +0 -39
  81. package/lib/src/components/ListPage/index.js +0 -25
  82. package/lib/src/components/Menu/index.js +0 -36
  83. package/lib/src/components/NamespacesFilter/index.js +0 -34
  84. package/lib/src/components/NetworkPolicyRulesTable/NetworkPolicyRulesTable.js +0 -77
  85. package/lib/src/components/NetworkPolicyRulesTable/index.js +0 -1
  86. package/lib/src/components/PageShow/PageShow.js +0 -11
  87. package/lib/src/components/PageShow/index.js +0 -1
  88. package/lib/src/components/PodContainersTable/PodContainersTable.js +0 -78
  89. package/lib/src/components/PodContainersTable/index.js +0 -1
  90. package/lib/src/components/PodLog/index.js +0 -136
  91. package/lib/src/components/ReferenceLink/index.js +0 -17
  92. package/lib/src/components/RefineForm/RefineFormContent.d.ts +0 -10
  93. package/lib/src/components/RefineForm/RefineFormModal.d.ts +0 -8
  94. package/lib/src/components/RefineForm/RefineFormPage.d.ts +0 -7
  95. package/lib/src/components/RefineForm/index.d.ts +0 -3
  96. package/lib/src/components/RefineForm/type.d.ts +0 -20
  97. package/lib/src/components/RefineForm/useRefineForm.d.ts +0 -10
  98. package/lib/src/components/ResourceCRUD/ResourceCRUD.js +0 -15
  99. package/lib/src/components/ResourceCRUD/create/index.js +0 -13
  100. package/lib/src/components/ResourceCRUD/index.js +0 -4
  101. package/lib/src/components/ResourceCRUD/list/index.js +0 -19
  102. package/lib/src/components/ResourceCRUD/show/index.js +0 -6
  103. package/lib/src/components/ResourceLink/index.js +0 -21
  104. package/lib/src/components/ResourceUsageBar/index.js +0 -81
  105. package/lib/src/components/Separator/index.js +0 -11
  106. package/lib/src/components/ShowContent/ShowContent.js +0 -157
  107. package/lib/src/components/ShowContent/fields.js +0 -157
  108. package/lib/src/components/ShowContent/index.js +0 -2
  109. package/lib/src/components/StateTag/StateTag.js +0 -22
  110. package/lib/src/components/StateTag/index.js +0 -1
  111. package/lib/src/components/Table/ErrorContent.js +0 -36
  112. package/lib/src/components/Table/TableToolBar.js +0 -14
  113. package/lib/src/components/Table/TableWidgets.js +0 -28
  114. package/lib/src/components/Table/index.js +0 -69
  115. package/lib/src/components/Tags/index.js +0 -22
  116. package/lib/src/components/Time/index.js +0 -14
  117. package/lib/src/components/WorkloadDropdown/index.js +0 -24
  118. package/lib/src/components/WorkloadPodsTable/WorkloadPodsTable.js +0 -39
  119. package/lib/src/components/WorkloadPodsTable/index.js +0 -1
  120. package/lib/src/components/WorkloadReplicas/index.js +0 -50
  121. package/lib/src/components/YamlEditor/MonacoYamlDiffEditor.js +0 -34
  122. package/lib/src/components/YamlEditor/MonacoYamlEditor.js +0 -149
  123. package/lib/src/components/YamlEditor/YamlEditorComponent.js +0 -90
  124. package/lib/src/components/YamlEditor/index.js +0 -1
  125. package/lib/src/components/YamlEditor/style.js +0 -102
  126. package/lib/src/components/YamlEditor/yaml.worker.js +0 -1
  127. package/lib/src/components/YamlForm/index.js +0 -61
  128. package/lib/src/components/index.js +0 -38
  129. package/lib/src/constants/index.js +0 -2
  130. package/lib/src/constants/k8s.js +0 -203
  131. package/lib/src/constants/state.js +0 -15
  132. package/lib/src/contexts/component.js +0 -3
  133. package/lib/src/contexts/configs.js +0 -3
  134. package/lib/src/contexts/global-store.js +0 -3
  135. package/lib/src/contexts/index.js +0 -3
  136. package/lib/src/hooks/index.js +0 -7
  137. package/lib/src/hooks/useDeleteModal/index.js +0 -1
  138. package/lib/src/hooks/useDeleteModal/useDeleteManyModal.js +0 -31
  139. package/lib/src/hooks/useDeleteModal/useDeleteModal.js +0 -38
  140. package/lib/src/hooks/useDownloadYAML.js +0 -10
  141. package/lib/src/hooks/useEagleForm.js +0 -177
  142. package/lib/src/hooks/useEagleTable/columns.js +0 -246
  143. package/lib/src/hooks/useEagleTable/index.js +0 -2
  144. package/lib/src/hooks/useEagleTable/useEagleTable.js +0 -63
  145. package/lib/src/hooks/useEdit.js +0 -19
  146. package/lib/src/hooks/useGlobalStore.js +0 -5
  147. package/lib/src/hooks/useK8sYamlEditor.js +0 -37
  148. package/lib/src/hooks/useOpenForm.js +0 -43
  149. package/lib/src/hooks/useSchema.js +0 -37
  150. package/lib/src/hooks/useSubmitForm.js +0 -42
  151. package/lib/src/i18n.js +0 -19
  152. package/lib/src/index.js +0 -13
  153. package/lib/src/locales/en-US/dovetail.json +0 -18
  154. package/lib/src/locales/en-US/index.js +0 -4
  155. package/lib/src/locales/index.js +0 -6
  156. package/lib/src/locales/zh-CN/dovetail.json +0 -91
  157. package/lib/src/locales/zh-CN/index.js +0 -4
  158. package/lib/src/main.js +0 -12
  159. package/lib/src/models/cronjob-model.js +0 -32
  160. package/lib/src/models/daemonset-model.js +0 -17
  161. package/lib/src/models/deployment-model.js +0 -17
  162. package/lib/src/models/event-model.js +0 -11
  163. package/lib/src/models/index.js +0 -14
  164. package/lib/src/models/ingress-model.js +0 -24
  165. package/lib/src/models/job-model.js +0 -56
  166. package/lib/src/models/network-policy-model.js +0 -10
  167. package/lib/src/models/pod-metrics-model.js +0 -34
  168. package/lib/src/models/pod-model.js +0 -78
  169. package/lib/src/models/resource-model.js +0 -34
  170. package/lib/src/models/server-instance-model.d.ts +0 -10
  171. package/lib/src/models/service-model.js +0 -17
  172. package/lib/src/models/statefulset-model.js +0 -17
  173. package/lib/src/models/types/index.js +0 -1
  174. package/lib/src/models/types/metric.js +0 -1
  175. package/lib/src/models/workload-base-model.js +0 -22
  176. package/lib/src/models/workload-model.js +0 -51
  177. package/lib/src/pages/configmaps/index.js +0 -15
  178. package/lib/src/pages/cronjobs/create/index.js +0 -6
  179. package/lib/src/pages/cronjobs/index.js +0 -3
  180. package/lib/src/pages/cronjobs/list/index.js +0 -42
  181. package/lib/src/pages/cronjobs/show/index.js +0 -16
  182. package/lib/src/pages/daemonsets/create/index.js +0 -6
  183. package/lib/src/pages/daemonsets/index.js +0 -3
  184. package/lib/src/pages/daemonsets/list/index.js +0 -32
  185. package/lib/src/pages/daemonsets/show/index.js +0 -16
  186. package/lib/src/pages/deployments/create/index.js +0 -7
  187. package/lib/src/pages/deployments/index.js +0 -3
  188. package/lib/src/pages/deployments/list/index.js +0 -26
  189. package/lib/src/pages/deployments/show/index.js +0 -16
  190. package/lib/src/pages/ingresses/index.js +0 -26
  191. package/lib/src/pages/jobs/index.js +0 -34
  192. package/lib/src/pages/networkPolicies/index.js +0 -67
  193. package/lib/src/pages/pods/create/index.js +0 -6
  194. package/lib/src/pages/pods/list/index.js +0 -81
  195. package/lib/src/pages/pods/show/index.js +0 -54
  196. package/lib/src/pages/secrets/index.js +0 -15
  197. package/lib/src/pages/services/index.js +0 -26
  198. package/lib/src/pages/statefulsets/create/index.js +0 -6
  199. package/lib/src/pages/statefulsets/index.js +0 -3
  200. package/lib/src/pages/statefulsets/list/index.js +0 -26
  201. package/lib/src/pages/statefulsets/show/index.js +0 -16
  202. package/lib/src/plugins/index.js +0 -3
  203. package/lib/src/plugins/model-plugin.js +0 -46
  204. package/lib/src/plugins/relation-plugin.js +0 -81
  205. package/lib/src/plugins/type.js +0 -1
  206. package/lib/src/providers/index.js +0 -1
  207. package/lib/src/providers/router-provider/index.js +0 -100
  208. package/lib/src/types/index.js +0 -1
  209. package/lib/src/types/resource.js +0 -12
  210. package/lib/src/utils/addId.js +0 -8
  211. package/lib/src/utils/download.js +0 -9
  212. package/lib/src/utils/error.js +0 -53
  213. package/lib/src/utils/form.js +0 -9
  214. package/lib/src/utils/k8s.js +0 -6
  215. package/lib/src/utils/labels.js +0 -15
  216. package/lib/src/utils/match-selector.js +0 -12
  217. package/lib/src/utils/openapi.js +0 -33
  218. package/lib/src/utils/schema.js +0 -117
  219. package/lib/src/utils/selector.js +0 -12
  220. package/lib/src/utils/string.js +0 -6
  221. package/lib/src/utils/time.js +0 -46
  222. package/lib/src/utils/unit.js +0 -69
  223. package/lib/src/utils/yaml.js +0 -44
  224. package/lib/vite.config.js +0 -60
@@ -0,0 +1,15 @@
1
+ import { GlobalStore, Unstructured } from 'k8s-api-provider';
2
+ import type { Node } from 'kubernetes-types/core/v1';
3
+ import { WorkloadBaseModel } from './workload-base-model';
4
+ type RequiredNode = Required<Node> & Unstructured;
5
+ export declare enum NodeRole {
6
+ ControlPlane = "Control Plane",
7
+ Worker = "Worker"
8
+ }
9
+ export declare class NodeModel extends WorkloadBaseModel {
10
+ _rawYaml: RequiredNode;
11
+ _globalStore: GlobalStore;
12
+ constructor(_rawYaml: RequiredNode, _globalStore: GlobalStore);
13
+ get role(): NodeRole;
14
+ }
15
+ export {};
@@ -0,0 +1,10 @@
1
+ import { GlobalStore, Unstructured } from 'k8s-api-provider';
2
+ import type { PersistentVolumeClaim } from 'kubernetes-types/core/v1';
3
+ import { ResourceModel } from './resource-model';
4
+ type RequiredPersistentClaimVolume = Required<PersistentVolumeClaim> & Unstructured;
5
+ export declare class PersistentVolumeClaimModel extends ResourceModel {
6
+ _rawYaml: RequiredPersistentClaimVolume;
7
+ _globalStore: GlobalStore;
8
+ constructor(_rawYaml: RequiredPersistentClaimVolume, _globalStore: GlobalStore);
9
+ }
10
+ export {};
@@ -0,0 +1,10 @@
1
+ import { GlobalStore, Unstructured } from 'k8s-api-provider';
2
+ import type { PersistentVolume } from 'kubernetes-types/core/v1';
3
+ import { ResourceModel } from './resource-model';
4
+ type RequiredPersistentVolume = Required<PersistentVolume> & Unstructured;
5
+ export declare class PersistentVolumeModel extends ResourceModel {
6
+ _rawYaml: RequiredPersistentVolume;
7
+ _globalStore: GlobalStore;
8
+ constructor(_rawYaml: RequiredPersistentVolume, _globalStore: GlobalStore);
9
+ }
10
+ export {};
@@ -0,0 +1,10 @@
1
+ import { GlobalStore, Unstructured } from 'k8s-api-provider';
2
+ import type { StorageClass } from 'kubernetes-types/storage/v1';
3
+ import { ResourceModel } from './resource-model';
4
+ type RequiredStorageClass = Required<StorageClass> & Unstructured;
5
+ export declare class StorageClassModel extends ResourceModel {
6
+ _rawYaml: RequiredStorageClass;
7
+ _globalStore: GlobalStore;
8
+ constructor(_rawYaml: RequiredStorageClass, _globalStore: GlobalStore);
9
+ }
10
+ export {};
@@ -1,9 +1,9 @@
1
1
  import { GlobalStore, Unstructured } from 'k8s-api-provider';
2
2
  import type { DaemonSet, Deployment, StatefulSet } from 'kubernetes-types/apps/v1';
3
3
  import type { CronJob, Job } from 'kubernetes-types/batch/v1';
4
- import { Pod } from 'kubernetes-types/core/v1';
4
+ import { Pod, Node } from 'kubernetes-types/core/v1';
5
5
  import { ResourceModel } from './resource-model';
6
- type WorkloadBaseTypes = Required<Deployment | StatefulSet | Job | DaemonSet | CronJob | Pod> & Unstructured;
6
+ type WorkloadBaseTypes = Required<Deployment | StatefulSet | Job | DaemonSet | CronJob | Pod | Node> & Unstructured;
7
7
  export declare class WorkloadBaseModel extends ResourceModel<WorkloadBaseTypes> {
8
8
  _rawYaml: WorkloadBaseTypes;
9
9
  _globalStore: GlobalStore;
@@ -0,0 +1,17 @@
1
+ type MetricMap = Record<string, string>;
2
+ type NodeMetrics = {
3
+ cpuUsed: MetricMap | null;
4
+ cpuUsage: MetricMap | null;
5
+ };
6
+ export interface PrometheusResponse {
7
+ data: {
8
+ result: {
9
+ metric: Record<string, string>;
10
+ value: [number, string];
11
+ }[];
12
+ };
13
+ }
14
+ export declare function transformMetricResult(response: PrometheusResponse, metricName?: string): Record<string, string>;
15
+ export declare function getMonitorDatas(queries: string[], modelName?: string): Promise<Record<string, string>[]>;
16
+ export declare function useNodeMetrics(): NodeMetrics;
17
+ export {};
@@ -1,3 +1,2 @@
1
- export * from './create';
2
1
  export * from './list';
3
2
  export * from './show';
@@ -0,0 +1,3 @@
1
+ import { IResourceComponentsProps } from '@refinedev/core';
2
+ import React from 'react';
3
+ export declare const NodeList: React.FC<IResourceComponentsProps>;
@@ -0,0 +1,3 @@
1
+ import { IResourceComponentsProps } from '@refinedev/core';
2
+ import React from 'react';
3
+ export declare const NodeShow: React.FC<IResourceComponentsProps>;
@@ -0,0 +1,9 @@
1
+ import { ResourceModel } from 'src/models';
2
+ import { ResourceConfig } from 'src/types';
3
+ type GenerateStorageClassFormConfig = {
4
+ isEnabledZbs?: boolean;
5
+ isEnabledElf?: boolean;
6
+ isVmKsc?: boolean;
7
+ };
8
+ export declare function generateStorageClassFormConfig(options: GenerateStorageClassFormConfig): ResourceConfig<ResourceModel>['formConfig'];
9
+ export {};
@@ -0,0 +1,44 @@
1
+ /// <reference types="react" />
2
+ import { i18n as I18n } from 'i18next';
3
+ import { RESOURCE_GROUP } from 'src/types';
4
+ export declare const StorageClassConfig: (i18n: I18n) => {
5
+ name: string;
6
+ basePath: string;
7
+ kind: string;
8
+ parent: RESOURCE_GROUP;
9
+ label: string;
10
+ initValue: {
11
+ apiVersion: string;
12
+ kind: string;
13
+ metadata: {
14
+ name: string;
15
+ namespace: string;
16
+ };
17
+ spec: {};
18
+ };
19
+ formConfig: {
20
+ fields?: ((props: {
21
+ record?: import("../..").ResourceModel<import("k8s-api-provider").Unstructured> | undefined;
22
+ records: import("../..").ResourceModel<import("k8s-api-provider").Unstructured>[];
23
+ action: "create" | "edit";
24
+ }) => import("../..").RefineFormField[]) | undefined;
25
+ saveButtonText?: string | undefined;
26
+ renderForm?: ((props: import("../..").YamlFormProps) => import("react").ReactNode) | undefined;
27
+ formType?: import("src/types").FormType | undefined;
28
+ transformInitValues?: ((values: import("k8s-api-provider").Unstructured) => import("k8s-api-provider").Unstructured) | undefined;
29
+ transformApplyValues?: ((values: import("k8s-api-provider").Unstructured) => import("k8s-api-provider").Unstructured) | undefined;
30
+ formTitle?: string | ((action: "create" | "edit") => string) | undefined;
31
+ formDesc?: string | undefined;
32
+ formatError?: ((errorBody: any) => string) | undefined;
33
+ refineCoreProps?: import("@refinedev/core").UseFormProps<import("@refinedev/core").BaseRecord, import("@refinedev/core").HttpError, import("react-hook-form").FieldValues, import("@refinedev/core").BaseRecord, import("@refinedev/core").BaseRecord, import("@refinedev/core").HttpError> | undefined;
34
+ } | undefined;
35
+ columns: () => (import("../..").Column<import("../..").ResourceModel<import("k8s-api-provider").Unstructured>> | import("../..").Column<import("../..").StorageClassModel>)[];
36
+ showConfig: () => {
37
+ tabs: {
38
+ title: string;
39
+ key: string;
40
+ groups: import("../..").ShowGroup<import("../..").ResourceModel<import("k8s-api-provider").Unstructured>>[];
41
+ }[];
42
+ };
43
+ };
44
+ export * from './form';
@@ -0,0 +1,3 @@
1
+ import { IResourceComponentsProps } from '@refinedev/core';
2
+ import React from 'react';
3
+ export declare const StorageClassList: React.FC<IResourceComponentsProps>;
@@ -0,0 +1,3 @@
1
+ import { IResourceComponentsProps } from '@refinedev/core';
2
+ import React from 'react';
3
+ export declare const StorageClassShow: React.FC<IResourceComponentsProps>;
@@ -0,0 +1,25 @@
1
+ import { Resource } from './resource';
2
+ type Quantity = string;
3
+ export type ContainerMetrics = {
4
+ name: string;
5
+ usage: {
6
+ cpu?: Quantity;
7
+ memory?: Quantity;
8
+ };
9
+ };
10
+ export type PodMetrics = {
11
+ timestamp: string;
12
+ window: string;
13
+ containers: ContainerMetrics[];
14
+ } & Resource;
15
+ export type ResourceQuantity = {
16
+ cpu: {
17
+ si: string;
18
+ value: number;
19
+ };
20
+ memory: {
21
+ si: string;
22
+ value: number;
23
+ };
24
+ };
25
+ export {};
@@ -12,7 +12,9 @@ export declare enum RESOURCE_GROUP {
12
12
  NETWORK = "NETWORK",
13
13
  CLUSTER = "CLUSTER",
14
14
  SERVICE = "SERVICE",
15
- SERVICE_AND_NETWORK = "SERVICE_AND_NETWORK"
15
+ SERVICE_AND_NETWORK = "SERVICE_AND_NETWORK",
16
+ CONFIG = "CONFIG",
17
+ NODE_MANAGEMENT = "NODE_MANAGEMENT"
16
18
  }
17
19
  export declare enum FormType {
18
20
  PAGE = "PAGE",
@@ -0,0 +1,5 @@
1
+ export type QueryParams = {
2
+ [key: string]: string | string[];
3
+ };
4
+ export declare function addParam(url: string, key: string, val: string | string[]): string;
5
+ export declare function addParams(url: string, params: QueryParams): string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dovetail-v2/refine",
3
- "version": "0.0.60",
3
+ "version": "0.0.61-alpha.0",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist",
package/lib/src/App.js DELETED
@@ -1,91 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { createBrowserHistory } from 'history';
3
- import { GlobalStore } from 'k8s-api-provider';
4
- import { useMemo } from 'react';
5
- import { I18nextProvider } from 'react-i18next';
6
- import { Route, Router } from 'react-router-dom';
7
- import { Layout } from './components';
8
- import { CRONJOB_INIT_VALUE, DAEMONSET_INIT_VALUE, STATEFULSET_INIT_VALUE, POD_INIT_VALUE, } from './constants/k8s';
9
- import { Dovetail } from './Dovetail';
10
- import i18n from './i18n';
11
- import { ConfigMapConfig } from './pages/configmaps';
12
- import { CronJobForm, CronJobList, CronJobShow } from './pages/cronjobs';
13
- import { DaemonSetForm, DaemonSetList, DaemonSetShow } from './pages/daemonsets';
14
- import { DeploymentForm, DeploymentList, DeploymentShow } from './pages/deployments';
15
- import { IngressConfig } from './pages/ingresses';
16
- import { JobConfig } from './pages/jobs';
17
- import { NetworkPolicyConfig } from './pages/networkPolicies';
18
- import { PodShow, PodList, PodForm } from './pages/pods';
19
- import { SecretsConfig } from './pages/secrets';
20
- import { ServicesConfig } from './pages/services';
21
- import { StatefulSetShow, StatefulSetList, StatefulSetForm } from './pages/statefulsets';
22
- import { ProviderPlugins } from './plugins';
23
- import { RESOURCE_GROUP, FormType } from './types';
24
- function App() {
25
- const histroy = createBrowserHistory();
26
- const resourcesConfig = useMemo(() => {
27
- return [
28
- {
29
- name: 'cronjobs',
30
- basePath: '/apis/batch/v1beta1',
31
- kind: 'CronJob',
32
- parent: RESOURCE_GROUP.WORKLOAD,
33
- label: 'CronJobs',
34
- initValue: CRONJOB_INIT_VALUE,
35
- isCustom: true,
36
- },
37
- {
38
- name: 'daemonsets',
39
- basePath: '/apis/apps/v1',
40
- kind: 'DaemonSet',
41
- parent: RESOURCE_GROUP.WORKLOAD,
42
- label: 'DaemonSets',
43
- initValue: DAEMONSET_INIT_VALUE,
44
- isCustom: true,
45
- },
46
- {
47
- name: 'deployments',
48
- basePath: '/apis/apps/v1',
49
- kind: 'Deployment',
50
- parent: RESOURCE_GROUP.WORKLOAD,
51
- label: 'Deployments',
52
- formType: FormType.MODAL,
53
- FormModal: DeploymentForm,
54
- isCustom: true,
55
- },
56
- {
57
- name: 'statefulsets',
58
- basePath: '/apis/apps/v1',
59
- kind: 'StatefulSet',
60
- parent: RESOURCE_GROUP.WORKLOAD,
61
- label: 'StatefulSets',
62
- initValue: STATEFULSET_INIT_VALUE,
63
- isCustom: true,
64
- },
65
- {
66
- name: 'pods',
67
- basePath: '/api/v1',
68
- kind: 'Pod',
69
- parent: RESOURCE_GROUP.WORKLOAD,
70
- label: 'Pods',
71
- initValue: POD_INIT_VALUE,
72
- isCustom: true,
73
- },
74
- JobConfig,
75
- IngressConfig,
76
- NetworkPolicyConfig,
77
- ConfigMapConfig,
78
- SecretsConfig,
79
- ServicesConfig,
80
- ];
81
- }, []);
82
- const globalStore = useMemo(() => {
83
- return new GlobalStore({
84
- apiUrl: '/api/k8s',
85
- watchWsApiUrl: 'api/sks-ws/k8s',
86
- prefix: 'default',
87
- }, ProviderPlugins);
88
- }, []);
89
- return (_jsx(I18nextProvider, { i18n: i18n, children: _jsx(Dovetail, { resourcesConfig: resourcesConfig, Layout: Layout, history: histroy, globalStore: globalStore, children: _jsxs(Router, { history: histroy, children: [_jsx(Route, { path: "/cronjobs", exact: true, children: _jsx(CronJobList, {}) }), _jsx(Route, { path: "/cronjobs/show", children: _jsx(CronJobShow, {}) }), _jsx(Route, { path: "/cronjobs/create", children: _jsx(CronJobForm, {}) }), _jsx(Route, { path: "/cronjobs/edit", children: _jsx(CronJobForm, {}) }), _jsx(Route, { path: "/daemonsets", exact: true, children: _jsx(DaemonSetList, {}) }), _jsx(Route, { path: "/daemonsets/show", children: _jsx(DaemonSetShow, {}) }), _jsx(Route, { path: "/daemonsets/create", children: _jsx(DaemonSetForm, {}) }), _jsx(Route, { path: "/daemonsets/edit", children: _jsx(DaemonSetForm, {}) }), _jsx(Route, { path: "/deployments", exact: true, children: _jsx(DeploymentList, {}) }), _jsx(Route, { path: "/deployments/show", children: _jsx(DeploymentShow, {}) }), _jsx(Route, { path: "/statefulsets", exact: true, children: _jsx(StatefulSetList, {}) }), _jsx(Route, { path: "/statefulsets/show", children: _jsx(StatefulSetShow, {}) }), _jsx(Route, { path: "/statefulsets/create", children: _jsx(StatefulSetForm, {}) }), _jsx(Route, { path: "/statefulsets/edit", children: _jsx(StatefulSetForm, {}) }), _jsx(Route, { path: "/pods", exact: true, children: _jsx(PodList, {}) }), _jsx(Route, { path: "/pods/show", children: _jsx(PodShow, {}) }), _jsx(Route, { path: "/pods/create", children: _jsx(PodForm, {}) }), _jsx(Route, { path: "/pods/edit", children: _jsx(PodForm, {}) })] }) }) }));
90
- }
91
- export default App;
@@ -1,45 +0,0 @@
1
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { KitStoreProvider, ModalStack } from '@cloudtower/eagle';
3
- import { Refine } from '@refinedev/core';
4
- import { dataProvider, liveProvider } from 'k8s-api-provider';
5
- import { keyBy } from 'lodash-es';
6
- import { useMemo } from 'react';
7
- import { Router } from 'react-router-dom';
8
- import ConfigsContext from 'src/contexts/configs';
9
- import { ResourceCRUD } from './components/ResourceCRUD';
10
- import GlobalStoreContext from './contexts/global-store';
11
- import { routerProvider } from './providers/router-provider';
12
- import './styles.css';
13
- export const Dovetail = props => {
14
- const { resourcesConfig, urlPrefix = '', Layout, history, globalStore } = props;
15
- const notCustomResources = useMemo(() => {
16
- return resourcesConfig.filter(c => !c.isCustom);
17
- }, [resourcesConfig]);
18
- const content = useMemo(() => {
19
- const _content = (_jsxs(_Fragment, { children: [_jsx(ModalStack, {}), _jsx(ResourceCRUD, { configs: notCustomResources, urlPrefix: urlPrefix }), props.children] }));
20
- if (Layout) {
21
- return _jsx(Layout, { children: _content });
22
- }
23
- return _content;
24
- }, [Layout, notCustomResources, props.children, urlPrefix]);
25
- return (_jsx(Router, { history: history, children: _jsx(KitStoreProvider, { children: _jsx(GlobalStoreContext.Provider, { value: { globalStore }, children: _jsx(ConfigsContext.Provider, { value: keyBy(resourcesConfig, 'name'), children: _jsx(Refine, { dataProvider: {
26
- default: dataProvider(globalStore),
27
- }, routerProvider: routerProvider, liveProvider: liveProvider(globalStore), options: {
28
- warnWhenUnsavedChanges: true,
29
- liveMode: 'auto',
30
- }, resources: resourcesConfig.map(c => {
31
- return {
32
- name: c.name,
33
- meta: {
34
- resourceBasePath: c.basePath,
35
- kind: c.kind,
36
- parent: c.parent,
37
- label: `${c.kind}s`,
38
- },
39
- list: `${urlPrefix}/${c.name}`,
40
- show: `${urlPrefix}/${c.name}/show`,
41
- create: `${urlPrefix}/${c.name}/create`,
42
- edit: `${urlPrefix}/${c.name}/edit`,
43
- };
44
- }), children: content }) }) }) }) }));
45
- };
@@ -1,20 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { css, cx } from '@linaria/core';
3
- import { useBreadcrumb } from '@refinedev/core';
4
- import { Link } from 'react-router-dom';
5
- const BreadcrumbStyle = css `
6
- display: flex;
7
-
8
- .breadcrumb-item {
9
- &:not(:last-of-type):after {
10
- content: '>';
11
- margin: 0 8px;
12
- }
13
- }
14
- `;
15
- export function Breadcrumb(props) {
16
- const { breadcrumbs } = useBreadcrumb();
17
- return (_jsx("ul", { className: cx(BreadcrumbStyle, props.className), children: breadcrumbs.map(breadcrumb => {
18
- return (_jsx("li", { className: "breadcrumb-item", children: breadcrumb.href ? (_jsx(Link, { to: breadcrumb.href, children: breadcrumb.label })) : (_jsx("span", { children: breadcrumb.label })) }, `breadcrumb-${breadcrumb.label}`));
19
- }) }));
20
- }
@@ -1,56 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useUIKit } from '@cloudtower/eagle';
3
- import { useD2Translation } from '../../i18n';
4
- import { addId } from '../../utils/addId';
5
- import ErrorContent from '../Table/ErrorContent';
6
- import Time from '../Time';
7
- export const ConditionsTable = ({ conditions = [] }) => {
8
- const kit = useUIKit();
9
- const { t } = useD2Translation();
10
- const conditionsWithId = addId(conditions, 'type');
11
- const columns = [
12
- {
13
- key: 'type',
14
- display: true,
15
- dataIndex: 'type',
16
- title: t('dovetail.condition'),
17
- sortable: true,
18
- },
19
- {
20
- key: 'status',
21
- display: true,
22
- dataIndex: 'status',
23
- title: t('dovetail.status'),
24
- sortable: true,
25
- },
26
- {
27
- key: 'reason',
28
- display: true,
29
- dataIndex: 'reason',
30
- title: t('dovetail.reason'),
31
- sortable: true,
32
- },
33
- {
34
- key: 'lastUpdateTime',
35
- display: true,
36
- dataIndex: 'lastUpdateTime',
37
- title: t('dovetail.updated_time'),
38
- sortable: true,
39
- render: (value, record) => {
40
- const time = value || record.lastTransitionTime;
41
- return _jsx(Time, { date: new Date(time) });
42
- },
43
- },
44
- {
45
- key: 'message',
46
- display: true,
47
- dataIndex: 'message',
48
- title: t('dovetail.message'),
49
- sortable: true,
50
- },
51
- ];
52
- if (conditionsWithId.length === 0) {
53
- return _jsx(ErrorContent, { errorText: t('dovetail.empty'), style: { padding: '15px 0' } });
54
- }
55
- return (_jsx(kit.table, { loading: false, dataSource: conditionsWithId, columns: columns, rowKey: "type", empty: t('dovetail.empty') }));
56
- };
@@ -1 +0,0 @@
1
- export * from './ConditionsTable';
@@ -1,10 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useUIKit } from '@cloudtower/eagle';
3
- import { useOpenForm } from 'src/hooks/useOpenForm';
4
- import { useD2Translation } from '../../i18n';
5
- export function CreateButton() {
6
- const kit = useUIKit();
7
- const { t } = useD2Translation();
8
- const openForm = useOpenForm();
9
- return (_jsx(kit.button, { type: "primary", onClick: openForm, children: t('dovetail.create') }));
10
- }
@@ -1,26 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { Icon, useUIKit } from '@cloudtower/eagle';
3
- import { SuspendedPause16GradientGrayIcon, VmResume16Icon, } from '@cloudtower/icons-react';
4
- import { useResource, useUpdate } from '@refinedev/core';
5
- import { useD2Translation } from '../../i18n';
6
- import { pruneBeforeEdit } from '../../utils/k8s';
7
- import K8sDropdown from '../K8sDropdown';
8
- export function CronJobDropdown(props) {
9
- const { record } = props;
10
- const { spec } = record;
11
- const kit = useUIKit();
12
- const { resource } = useResource();
13
- const { mutate } = useUpdate();
14
- const { t } = useD2Translation();
15
- const suspended = Boolean(spec?.suspend);
16
- return (_jsx(K8sDropdown, { record: record, children: _jsx(kit.menu.Item, { onClick: () => {
17
- const v = suspended ? record.resume() : record.suspend();
18
- const id = record.id;
19
- pruneBeforeEdit(v);
20
- mutate({
21
- id,
22
- resource: resource?.name || '',
23
- values: v,
24
- });
25
- }, children: _jsx(Icon, { src: suspended ? VmResume16Icon : SuspendedPause16GradientGrayIcon, children: t(suspended ? 'dovetail.resume' : 'dovetail.suspend') }) }) }));
26
- }
@@ -1,49 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useUIKit } from '@cloudtower/eagle';
3
- import { css } from '@linaria/core';
4
- import { useList } from '@refinedev/core';
5
- import { useMemo, useState } from 'react';
6
- import { AgeColumnRenderer, CompletionsCountColumnRenderer, DurationColumnRenderer, NameColumnRenderer, NameSpaceColumnRenderer, StateDisplayColumnRenderer, WorkloadImageColumnRenderer, } from '../../hooks/useEagleTable/columns';
7
- import { useD2Translation } from '../../i18n';
8
- import Table from '../Table';
9
- import { TableToolBar } from '../Table/TableToolBar';
10
- function matchOwner(job, owner) {
11
- let match = false;
12
- // TODO: use relations
13
- for (const o of job.metadata?.ownerReferences || []) {
14
- if (o.apiVersion === owner.apiVersion &&
15
- o.kind === owner.kind &&
16
- o.name === owner.name &&
17
- job.namespace === owner.namespace) {
18
- match = true;
19
- }
20
- }
21
- return match;
22
- }
23
- export const CronjobJobsTable = ({ owner }) => {
24
- const { i18n } = useD2Translation();
25
- const kit = useUIKit();
26
- const [selectedKeys, setSelectedKeys] = useState([]);
27
- const [currentPage, setCurrentPage] = useState(1);
28
- const { data } = useList({
29
- resource: 'jobs',
30
- meta: { resourceBasePath: '/apis/batch/v1', kind: 'Job' },
31
- });
32
- const dataSource = useMemo(() => {
33
- return data?.data.filter(p => {
34
- return owner ? matchOwner(p, owner) : true;
35
- });
36
- }, [data?.data, owner]);
37
- const columns = [
38
- NameColumnRenderer(i18n, 'jobs'),
39
- StateDisplayColumnRenderer(i18n),
40
- NameSpaceColumnRenderer(i18n),
41
- WorkloadImageColumnRenderer(i18n),
42
- CompletionsCountColumnRenderer(i18n),
43
- DurationColumnRenderer(i18n),
44
- AgeColumnRenderer(i18n),
45
- ];
46
- return (_jsxs(kit.space, { direction: "vertical", className: css `
47
- width: 100%;
48
- `, children: [_jsx(TableToolBar, { title: "Jobs", selectedKeys: selectedKeys, hideCreate: true }), _jsx(Table, { tableKey: "cronjobs", loading: !dataSource, data: dataSource || [], columns: columns, onSelect: keys => setSelectedKeys(keys), rowKey: "id", error: false, currentPage: currentPage, onPageChange: p => setCurrentPage(p), currentSize: 10, refetch: () => null })] }));
49
- };
@@ -1,13 +0,0 @@
1
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useUIKit } from '@cloudtower/eagle';
3
- import { useResource, useParsed } from '@refinedev/core';
4
- import { useDeleteModal } from '../../hooks/useDeleteModal';
5
- import { useD2Translation } from '../../i18n';
6
- export const DeleteButton = () => {
7
- const { resource } = useResource();
8
- const { id } = useParsed();
9
- const kit = useUIKit();
10
- const { t } = useD2Translation();
11
- const { modalProps, visible, openDeleteConfirmModal } = useDeleteModal(resource?.name || '');
12
- return (_jsxs(_Fragment, { children: [_jsx(kit.button, { type: "primary", danger: true, onClick: () => openDeleteConfirmModal(id || ''), children: t('dovetail.delete') }), visible ? _jsx(kit.modal, { ...modalProps }) : null] }));
13
- };
@@ -1,16 +0,0 @@
1
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useUIKit } from '@cloudtower/eagle';
3
- import { useResource } from '@refinedev/core';
4
- import { useCallback } from 'react';
5
- import { useDeleteManyModal } from '../../hooks/useDeleteModal/useDeleteManyModal';
6
- import { useD2Translation } from '../../i18n';
7
- export const DeleteManyButton = props => {
8
- const { resource } = useResource();
9
- const kit = useUIKit();
10
- const { t } = useD2Translation();
11
- const { modalProps, visible, setVisible } = useDeleteManyModal(resource?.name || '', props.ids);
12
- const onClick = useCallback(() => {
13
- setVisible(true);
14
- }, [setVisible]);
15
- return (_jsxs(_Fragment, { children: [_jsx(kit.button, { type: "primary", danger: true, onClick: onClick, children: t('dovetail.delete') }), visible ? _jsx(kit.modal, { ...modalProps }) : null] }));
16
- };
@@ -1,13 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useUIKit } from '@cloudtower/eagle';
3
- import { useNavigation, useParsed, useShow } from '@refinedev/core';
4
- import { Drawer } from 'antd';
5
- import { ShowContent } from '../ShowContent';
6
- export const DrawerShow = (props) => {
7
- const kit = useUIKit();
8
- const parsed = useParsed();
9
- const nav = useNavigation();
10
- const { queryResult } = useShow({ id: parsed?.params?.id });
11
- const { isLoading } = queryResult;
12
- return (_jsx(Drawer, { title: "Show Drawer", placement: "right", onClose: () => nav.goBack(), width: "50%", visible: !!parsed?.params?.id, children: isLoading ? _jsx(kit.loading, {}) : _jsx(ShowContent, { ...props }) }));
13
- };
@@ -1 +0,0 @@
1
- export * from './DrawerShow';
@@ -1,13 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useUIKit } from '@cloudtower/eagle';
3
- import { useParsed } from '@refinedev/core';
4
- import { useEdit } from '../../hooks/useEdit';
5
- export const EditButton = () => {
6
- const { id } = useParsed();
7
- const kit = useUIKit();
8
- const { edit } = useEdit();
9
- return (_jsx(kit.button, { type: "primary", onClick: () => {
10
- if (id)
11
- edit(id);
12
- }, children: "Edit" }));
13
- };
@@ -1,47 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useUIKit, pushModal, popModal } from '@cloudtower/eagle';
3
- import { css } from '@linaria/core';
4
- import { useCallback } from 'react';
5
- import { FormErrorAlert } from 'src/components/FormErrorAlert';
6
- import { useSubmitForm } from 'src/hooks/useSubmitForm';
7
- import { useD2Translation } from '../../i18n';
8
- const EditFieldModalStyle = css `
9
- .ant-modal-content {
10
- border-radius: 16px;
11
- }
12
-
13
- .ant-modal-header {
14
- border-radius: 16px 16px 0 0;
15
- }
16
- `;
17
- const EditButtonStyle = css `
18
- &.ant-btn.ant-btn-link {
19
- height: 22px;
20
- margin-left: 8px;
21
- }
22
- `;
23
- export function EditFieldModal(props) {
24
- const { title, formRef: form, renderContent } = props;
25
- const kit = useUIKit();
26
- const { i18n } = useD2Translation();
27
- const { submitting, errorMsgs, reset, onSubmit, } = useSubmitForm({
28
- formRef: form,
29
- onSubmitSuccess: popModal
30
- });
31
- const close = useCallback(() => {
32
- popModal();
33
- reset();
34
- }, [reset]);
35
- return (_jsxs(kit.modal, { className: EditFieldModalStyle, title: title || i18n.t('dovetail.edit'), confirmLoading: submitting, onOk: onSubmit, onCancel: close, normal: true, destroyOnClose: true, children: [renderContent(), _jsx(FormErrorAlert, { style: { marginTop: 16 }, errorMsgs: errorMsgs })] }));
36
- }
37
- export function EditField(props) {
38
- const { modalProps } = props;
39
- const kit = useUIKit();
40
- const { i18n } = useD2Translation();
41
- return (_jsx(kit.button, { className: EditButtonStyle, type: "link", onClick: () => {
42
- pushModal({
43
- component: EditFieldModal,
44
- props: modalProps
45
- });
46
- }, children: i18n.t('dovetail.edit') }));
47
- }