@dovetail-v2/refine 0.0.47 → 0.0.48

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 (199) hide show
  1. package/dist/{MonacoYamlDiffEditor-9ad1c844.js → MonacoYamlDiffEditor-3fa57025.js} +1 -1
  2. package/dist/{index-1a40b2a8.js → index-8a299a91.js} +20 -13
  3. package/dist/refine.js +1 -1
  4. package/dist/refine.umd.cjs +19 -12
  5. package/lib/src/components/ModalContextProvider/index.d.ts +12 -0
  6. package/lib/src/components/NetworkPolicyRulesTable/NetworkPolicyRulesTable.d.ts +2 -1
  7. package/lib/src/components/YamlForm/index.d.ts +4 -0
  8. package/lib/src/hooks/useEagleForm.d.ts +2 -1
  9. package/lib/src/hooks/useModal.d.ts +0 -0
  10. package/lib/src/hooks/useNamespaceFilter.d.ts +5 -0
  11. package/lib/src/model/cronjob-model.d.ts +9 -0
  12. package/lib/src/model/index.d.ts +6 -0
  13. package/lib/src/model/job-model.d.ts +10 -0
  14. package/lib/src/model/pod-metrics-model.d.ts +7 -0
  15. package/lib/src/model/pod-model.d.ts +15 -0
  16. package/lib/src/model/resource-model.d.ts +17 -0
  17. package/lib/src/model/workload-model.d.ts +17 -0
  18. package/lib/src/types/metric.d.ts +25 -0
  19. package/package.json +2 -2
  20. package/lib/src/App.js +0 -91
  21. package/lib/src/Dovetail.js +0 -45
  22. package/lib/src/components/Breadcrumb/index.js +0 -20
  23. package/lib/src/components/ConditionsTable/ConditionsTable.js +0 -56
  24. package/lib/src/components/ConditionsTable/index.js +0 -1
  25. package/lib/src/components/CreateButton/index.js +0 -10
  26. package/lib/src/components/CronJobDropdown/index.js +0 -26
  27. package/lib/src/components/CronjobJobsTable/index.js +0 -49
  28. package/lib/src/components/DeleteButton/index.js +0 -13
  29. package/lib/src/components/DeleteManyButton/index.js +0 -16
  30. package/lib/src/components/DrawerShow/DrawerShow.js +0 -13
  31. package/lib/src/components/DrawerShow/index.js +0 -1
  32. package/lib/src/components/EditButton/index.js +0 -13
  33. package/lib/src/components/EditField/index.js +0 -47
  34. package/lib/src/components/ErrorContent/index.js +0 -36
  35. package/lib/src/components/EventsTable/EventsTable.js +0 -59
  36. package/lib/src/components/EventsTable/index.js +0 -1
  37. package/lib/src/components/Form/KeyValueListWidget.js +0 -56
  38. package/lib/src/components/Form/MetadataForm.js +0 -9
  39. package/lib/src/components/Form/NameInputWidget.js +0 -50
  40. package/lib/src/components/Form/NamespaceSelectWidget.js +0 -21
  41. package/lib/src/components/Form/index.js +0 -4
  42. package/lib/src/components/Form/widget.js +0 -1
  43. package/lib/src/components/FormErrorAlert/index.js +0 -8
  44. package/lib/src/components/FormLayout/index.js +0 -21
  45. package/lib/src/components/FormModal/index.js +0 -51
  46. package/lib/src/components/ImageNames/index.js +0 -14
  47. package/lib/src/components/IngressRulesComponent/index.js +0 -11
  48. package/lib/src/components/IngressRulesTable/IngressRulesTable.js +0 -51
  49. package/lib/src/components/IngressRulesTable/index.js +0 -1
  50. package/lib/src/components/K8sDropdown/index.js +0 -31
  51. package/lib/src/components/KeyValue/KeyValue.js +0 -27
  52. package/lib/src/components/KeyValue/index.js +0 -1
  53. package/lib/src/components/KeyValueData/index.js +0 -50
  54. package/lib/src/components/Layout/index.js +0 -39
  55. package/lib/src/components/ListPage/index.js +0 -25
  56. package/lib/src/components/Menu/index.js +0 -36
  57. package/lib/src/components/NamespacesFilter/index.js +0 -34
  58. package/lib/src/components/NetworkPolicyRulesTable/NetworkPolicyRulesTable.js +0 -77
  59. package/lib/src/components/NetworkPolicyRulesTable/index.js +0 -1
  60. package/lib/src/components/PageShow/PageShow.js +0 -11
  61. package/lib/src/components/PageShow/index.js +0 -1
  62. package/lib/src/components/PodContainersTable/PodContainersTable.js +0 -78
  63. package/lib/src/components/PodContainersTable/index.js +0 -1
  64. package/lib/src/components/PodLog/index.js +0 -136
  65. package/lib/src/components/ReferenceLink/index.js +0 -17
  66. package/lib/src/components/RefineForm/RefineFormContent.d.ts +0 -10
  67. package/lib/src/components/RefineForm/RefineFormModal.d.ts +0 -8
  68. package/lib/src/components/RefineForm/RefineFormPage.d.ts +0 -7
  69. package/lib/src/components/RefineForm/index.d.ts +0 -3
  70. package/lib/src/components/RefineForm/type.d.ts +0 -20
  71. package/lib/src/components/RefineForm/useRefineForm.d.ts +0 -10
  72. package/lib/src/components/ResourceCRUD/ResourceCRUD.js +0 -15
  73. package/lib/src/components/ResourceCRUD/create/index.js +0 -13
  74. package/lib/src/components/ResourceCRUD/index.js +0 -4
  75. package/lib/src/components/ResourceCRUD/list/index.js +0 -19
  76. package/lib/src/components/ResourceCRUD/show/index.js +0 -6
  77. package/lib/src/components/ResourceLink/index.js +0 -21
  78. package/lib/src/components/ResourceUsageBar/index.js +0 -81
  79. package/lib/src/components/Separator/index.js +0 -11
  80. package/lib/src/components/ShowContent/ShowContent.js +0 -157
  81. package/lib/src/components/ShowContent/fields.js +0 -157
  82. package/lib/src/components/ShowContent/index.js +0 -2
  83. package/lib/src/components/StateTag/StateTag.js +0 -22
  84. package/lib/src/components/StateTag/index.js +0 -1
  85. package/lib/src/components/Table/ErrorContent.js +0 -36
  86. package/lib/src/components/Table/TableToolBar.js +0 -14
  87. package/lib/src/components/Table/TableWidgets.js +0 -28
  88. package/lib/src/components/Table/index.js +0 -69
  89. package/lib/src/components/Tags/index.js +0 -22
  90. package/lib/src/components/Time/index.js +0 -14
  91. package/lib/src/components/WorkloadDropdown/index.js +0 -24
  92. package/lib/src/components/WorkloadPodsTable/WorkloadPodsTable.js +0 -39
  93. package/lib/src/components/WorkloadPodsTable/index.js +0 -1
  94. package/lib/src/components/WorkloadReplicas/index.js +0 -50
  95. package/lib/src/components/YamlEditor/MonacoYamlDiffEditor.js +0 -34
  96. package/lib/src/components/YamlEditor/MonacoYamlEditor.js +0 -149
  97. package/lib/src/components/YamlEditor/YamlEditorComponent.js +0 -90
  98. package/lib/src/components/YamlEditor/index.js +0 -1
  99. package/lib/src/components/YamlEditor/style.js +0 -102
  100. package/lib/src/components/YamlEditor/yaml.worker.js +0 -1
  101. package/lib/src/components/YamlForm/index.js +0 -61
  102. package/lib/src/components/index.js +0 -38
  103. package/lib/src/constants/index.js +0 -2
  104. package/lib/src/constants/k8s.js +0 -203
  105. package/lib/src/constants/state.js +0 -15
  106. package/lib/src/contexts/component.js +0 -3
  107. package/lib/src/contexts/configs.js +0 -3
  108. package/lib/src/contexts/global-store.js +0 -3
  109. package/lib/src/contexts/index.js +0 -3
  110. package/lib/src/hooks/index.js +0 -7
  111. package/lib/src/hooks/useDeleteModal/index.js +0 -1
  112. package/lib/src/hooks/useDeleteModal/useDeleteManyModal.js +0 -31
  113. package/lib/src/hooks/useDeleteModal/useDeleteModal.js +0 -38
  114. package/lib/src/hooks/useDownloadYAML.js +0 -10
  115. package/lib/src/hooks/useEagleForm.js +0 -177
  116. package/lib/src/hooks/useEagleTable/columns.js +0 -246
  117. package/lib/src/hooks/useEagleTable/index.js +0 -2
  118. package/lib/src/hooks/useEagleTable/useEagleTable.js +0 -63
  119. package/lib/src/hooks/useEdit.js +0 -19
  120. package/lib/src/hooks/useGlobalStore.js +0 -5
  121. package/lib/src/hooks/useK8sYamlEditor.js +0 -37
  122. package/lib/src/hooks/useOpenForm.js +0 -43
  123. package/lib/src/hooks/useSchema.js +0 -37
  124. package/lib/src/hooks/useSubmitForm.js +0 -42
  125. package/lib/src/i18n.js +0 -19
  126. package/lib/src/index.js +0 -13
  127. package/lib/src/locales/en-US/dovetail.json +0 -18
  128. package/lib/src/locales/en-US/index.js +0 -4
  129. package/lib/src/locales/index.js +0 -6
  130. package/lib/src/locales/zh-CN/dovetail.json +0 -91
  131. package/lib/src/locales/zh-CN/index.js +0 -4
  132. package/lib/src/main.js +0 -12
  133. package/lib/src/models/cronjob-model.js +0 -32
  134. package/lib/src/models/daemonset-model.js +0 -17
  135. package/lib/src/models/deployment-model.js +0 -17
  136. package/lib/src/models/event-model.js +0 -11
  137. package/lib/src/models/index.js +0 -14
  138. package/lib/src/models/ingress-model.js +0 -24
  139. package/lib/src/models/job-model.js +0 -56
  140. package/lib/src/models/network-policy-model.js +0 -10
  141. package/lib/src/models/pod-metrics-model.js +0 -34
  142. package/lib/src/models/pod-model.js +0 -78
  143. package/lib/src/models/resource-model.js +0 -34
  144. package/lib/src/models/server-instance-model.d.ts +0 -10
  145. package/lib/src/models/service-model.js +0 -17
  146. package/lib/src/models/statefulset-model.js +0 -17
  147. package/lib/src/models/types/index.js +0 -1
  148. package/lib/src/models/types/metric.js +0 -1
  149. package/lib/src/models/workload-base-model.js +0 -22
  150. package/lib/src/models/workload-model.js +0 -51
  151. package/lib/src/pages/configmaps/index.js +0 -15
  152. package/lib/src/pages/cronjobs/create/index.js +0 -6
  153. package/lib/src/pages/cronjobs/index.js +0 -3
  154. package/lib/src/pages/cronjobs/list/index.js +0 -42
  155. package/lib/src/pages/cronjobs/show/index.js +0 -16
  156. package/lib/src/pages/daemonsets/create/index.js +0 -6
  157. package/lib/src/pages/daemonsets/index.js +0 -3
  158. package/lib/src/pages/daemonsets/list/index.js +0 -32
  159. package/lib/src/pages/daemonsets/show/index.js +0 -16
  160. package/lib/src/pages/deployments/create/index.js +0 -7
  161. package/lib/src/pages/deployments/index.js +0 -3
  162. package/lib/src/pages/deployments/list/index.js +0 -26
  163. package/lib/src/pages/deployments/show/index.js +0 -16
  164. package/lib/src/pages/ingresses/index.js +0 -26
  165. package/lib/src/pages/jobs/index.js +0 -34
  166. package/lib/src/pages/networkPolicies/index.js +0 -67
  167. package/lib/src/pages/pods/create/index.js +0 -6
  168. package/lib/src/pages/pods/index.js +0 -3
  169. package/lib/src/pages/pods/list/index.js +0 -81
  170. package/lib/src/pages/pods/show/index.js +0 -54
  171. package/lib/src/pages/secrets/index.js +0 -15
  172. package/lib/src/pages/services/index.js +0 -26
  173. package/lib/src/pages/statefulsets/create/index.js +0 -6
  174. package/lib/src/pages/statefulsets/index.js +0 -3
  175. package/lib/src/pages/statefulsets/list/index.js +0 -26
  176. package/lib/src/pages/statefulsets/show/index.js +0 -16
  177. package/lib/src/plugins/index.js +0 -3
  178. package/lib/src/plugins/model-plugin.js +0 -46
  179. package/lib/src/plugins/relation-plugin.js +0 -81
  180. package/lib/src/plugins/type.js +0 -1
  181. package/lib/src/providers/index.js +0 -1
  182. package/lib/src/providers/router-provider/index.js +0 -100
  183. package/lib/src/types/index.js +0 -1
  184. package/lib/src/types/resource.js +0 -12
  185. package/lib/src/utils/addId.js +0 -8
  186. package/lib/src/utils/download.js +0 -9
  187. package/lib/src/utils/error.js +0 -53
  188. package/lib/src/utils/form.js +0 -9
  189. package/lib/src/utils/k8s.js +0 -6
  190. package/lib/src/utils/labels.js +0 -15
  191. package/lib/src/utils/match-selector.js +0 -12
  192. package/lib/src/utils/openapi.js +0 -33
  193. package/lib/src/utils/schema.js +0 -117
  194. package/lib/src/utils/selector.js +0 -12
  195. package/lib/src/utils/string.js +0 -6
  196. package/lib/src/utils/time.js +0 -46
  197. package/lib/src/utils/unit.js +0 -69
  198. package/lib/src/utils/yaml.js +0 -44
  199. package/lib/vite.config.js +0 -60
@@ -1,27 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useUIKit } from '@cloudtower/eagle';
3
- export const KeyValue = ({ value }) => {
4
- const kit = useUIKit();
5
- if (!value || Object.keys.length === 0) {
6
- return _jsx("div", { children: "Empty" });
7
- }
8
- const data = Object.keys(value).map(key => {
9
- return {
10
- id: key,
11
- key,
12
- value: value[key],
13
- };
14
- });
15
- return (_jsx(kit.table, { loading: false, columns: [
16
- {
17
- key: 'key',
18
- title: 'Key',
19
- dataIndex: ['key'],
20
- },
21
- {
22
- key: 'value',
23
- title: 'Value',
24
- dataIndex: ['value'],
25
- },
26
- ], dataSource: data }));
27
- };
@@ -1 +0,0 @@
1
- export * from './KeyValue';
@@ -1,50 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useUIKit, Typo } from '@cloudtower/eagle';
3
- import { css, cx } from '@linaria/core';
4
- import { useState } from 'react';
5
- import { useD2Translation } from '../../i18n';
6
- const WrapperStyle = css `
7
- width: 100%;
8
- `;
9
- const HeaderStyle = css `
10
- width: 100%;
11
- display: flex;
12
- justify-content: space-space-between;
13
- align-items: center;
14
- margin-bottom: 8px;
15
- `;
16
- const HeaderItemStyle = css `
17
- flex: 1;
18
- `;
19
- const ExpandButtonStyle = css `
20
- &.ant-btn.ant-btn-link {
21
- height: 22px;
22
- font-size: 12px;
23
- }
24
- `;
25
- const ContentBlockStyle = css `
26
- display: flex;
27
- padding: 8px 10px;
28
- flex-direction: row;
29
- align-items: flex-start;
30
- gap: 8px;
31
- align-self: stretch;
32
- border-radius: 4px;
33
- background: rgba(237, 241, 250, 0.60);
34
-
35
- &:not(:last-of-type) {
36
- margin-bottom: 8px;
37
- }
38
- `;
39
- const KeyStyle = css `
40
- color: rgba(44, 56, 82, 0.60);
41
- `;
42
- export function KeyValueData(props) {
43
- const { datas, expandable } = props;
44
- const [isExpand, setIsExpand] = useState(expandable ? false : true);
45
- const kit = useUIKit();
46
- const { t } = useD2Translation();
47
- return (_jsxs("div", { className: WrapperStyle, children: [_jsxs("div", { className: HeaderStyle, children: [_jsx("span", { className: HeaderItemStyle, children: Object.keys(datas).length }), _jsx(kit.button, { type: "link", className: ExpandButtonStyle, onClick: () => {
48
- setIsExpand(!isExpand);
49
- }, children: isExpand ? t('dovetail.fold') : t('dovetail.expand') })] }), isExpand ? (Object.keys(datas).map(key => (_jsxs("div", { className: ContentBlockStyle, children: [_jsx("span", { className: cx(KeyStyle, Typo.Label.l4_regular), children: key }), _jsx("span", { className: Typo.Label.l4_regular, children: datas[key] })] }, key)))) : null] }));
50
- }
@@ -1,39 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useUIKit, Typo } from '@cloudtower/eagle';
3
- import { css, cx } from '@linaria/core';
4
- import { useState } from 'react';
5
- import { Menu } from '../Menu';
6
- import { NamespacesFilter } from '../NamespacesFilter';
7
- const HeaderStyle = css `
8
- &.ant-layout-header {
9
- align-items: center;
10
- background: #fff;
11
- border-bottom: 2px solid #edf0f7;
12
- display: flex;
13
- height: 50px;
14
- justify-content: space-between;
15
- padding: 0 24px 0 14px;
16
- position: relative;
17
- z-index: 10;
18
- }
19
- `;
20
- const ContentLayoutStyle = css `
21
- height: 100%;
22
- `;
23
- const SiderStyle = css `
24
- &.ant-layout-sider {
25
- background: #edf0f7;
26
- }
27
- `;
28
- const ContentStyle = css `
29
- &.ant-layout-content {
30
- padding: 16px;
31
- background: #fff;
32
- }
33
- `;
34
- export const Layout = ({ children, }) => {
35
- const kit = useUIKit();
36
- const [collapsed, setCollapsed] = useState(false);
37
- const { Header, Content, Sider } = kit.layout;
38
- return (_jsxs(kit.layout, { style: { height: '100%' }, children: [_jsxs(Header, { className: cx(HeaderStyle, Typo.Heading.h1_bold_title), children: ["Dovetail 2", _jsx("div", { style: { width: 300 }, children: _jsx(NamespacesFilter, {}) })] }), _jsxs(kit.layout, { className: ContentLayoutStyle, children: [_jsx(Sider, { width: 256, className: SiderStyle, theme: "light", collapsed: collapsed, onCollapse: value => setCollapsed(value), children: _jsx(Menu, {}) }), _jsx(Content, { className: ContentStyle, children: children })] })] }));
39
- };
@@ -1,25 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { css, cx } from '@linaria/core';
3
- import { useContext } from 'react';
4
- import BaseTable from 'src/components/Table';
5
- import { TableToolBar } from 'src/components/Table/TableToolBar';
6
- import ComponentContext from 'src/contexts/component';
7
- const ListPageStyle = css `
8
- width: 100%;
9
- height: 100%;
10
- display: flex;
11
- flex-direction: column;
12
- `;
13
- const TableStyle = css `
14
- &.table-wrapper {
15
- height: auto;
16
- flex-shrink: 1;
17
- min-height: 0;
18
- }
19
- `;
20
- export function ListPage(props) {
21
- const { title, selectedKeys, tableProps } = props;
22
- const { Table: TableComponent } = useContext(ComponentContext);
23
- const Table = TableComponent || BaseTable;
24
- return (_jsxs("div", { className: ListPageStyle, children: [_jsx(TableToolBar, { title: title, selectedKeys: selectedKeys }), _jsx(Table, { ...tableProps, className: cx(tableProps.className, TableStyle), scroll: { y: 'calc(100% - 48px)' } })] }));
25
- }
@@ -1,36 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useUIKit } from '@cloudtower/eagle';
3
- import { css } from '@linaria/core';
4
- import { useMenu } from '@refinedev/core';
5
- import { NavLink } from 'react-router-dom';
6
- const MenuStyle = css `
7
- &.ant-menu {
8
- background: #edf0f7;
9
- padding: 8px;
10
-
11
- .ant-menu-item-selected {
12
- background: linear-gradient(90deg, #0080ff, #005ed1);
13
- border-radius: 6px;
14
- box-shadow: 0 1px 2px rgba(184, 192, 204, 0.6);
15
- color: #fff;
16
-
17
- a:hover {
18
- color: #fff;
19
- }
20
- }
21
-
22
- .ant-menu-item:not(.ant-menu-item-selected):hover {
23
- background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0.6));
24
- border-radius: 6px;
25
- box-shadow: 0 0 4px rgba(235, 239, 245, 0.6), 0 8px 16px rgba(129, 138, 153, 0.18);
26
- }
27
- }
28
- `;
29
- export const Menu = () => {
30
- const kit = useUIKit();
31
- const { menuItems, selectedKey } = useMenu();
32
- function renderMenuItems(items) {
33
- return items.map(item => item.list ? (_jsx(kit.menuItem, { children: _jsx(NavLink, { to: item.route || '', children: item.label }) }, item.key)) : (_jsx(kit.menuItemGroup, { title: item.name, children: renderMenuItems(item.children) }, item.key)));
34
- }
35
- return (_jsx(kit.menu, { className: MenuStyle, theme: "light", selectedKeys: [selectedKey], children: renderMenuItems(menuItems) }));
36
- };
@@ -1,34 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useUIKit } from '@cloudtower/eagle';
3
- import { useList } from '@refinedev/core';
4
- import { useLocalStorage } from 'usehooks-ts';
5
- import { useD2Translation } from '../../i18n';
6
- export const NS_STORE_KEY = 'namespace-filter';
7
- export const ALL_NS = '_all';
8
- export const useNamespacesFilter = () => {
9
- const [value] = useLocalStorage(NS_STORE_KEY, ALL_NS);
10
- return {
11
- value,
12
- };
13
- };
14
- export const NamespacesFilter = () => {
15
- const kit = useUIKit();
16
- const { t } = useD2Translation();
17
- const { data } = useList({
18
- resource: 'namespaces',
19
- meta: {
20
- resourceBasePath: '/api/v1',
21
- kind: 'Namespace',
22
- },
23
- });
24
- const [value, setValue] = useLocalStorage(NS_STORE_KEY, ALL_NS);
25
- return (_jsxs(kit.select, { input: {
26
- value,
27
- onChange(value) {
28
- setValue(value);
29
- },
30
- }, children: [_jsx(kit.option, { value: "_all", children: t('dovetail.all_namespaces') }, "_all"), data?.data.map(namespace => {
31
- const { name } = namespace.metadata;
32
- return (_jsx(kit.option, { value: name, children: name }, name));
33
- })] }));
34
- };
@@ -1,77 +0,0 @@
1
- import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
2
- import { useUIKit } from '@cloudtower/eagle';
3
- import { flatten, get } from 'lodash-es';
4
- import { useMemo } from 'react';
5
- import { useD2Translation } from '../../i18n';
6
- import { addId } from '../../utils/addId';
7
- import ErrorContent from '../Table/ErrorContent';
8
- import { Tags } from '../Tags';
9
- export const NetworkPolicyRulesTable = ({ ingressOrEgress }) => {
10
- const result = ingressOrEgress?.map((gress, i) => {
11
- const peers = get(gress, 'from') || get(gress, 'to');
12
- if (!peers)
13
- return null;
14
- return _jsx(IngressRuleTable, { peers: peers }, i);
15
- });
16
- return _jsx(_Fragment, { children: result });
17
- };
18
- const IngressRuleTable = ({ peers }) => {
19
- const kit = useUIKit();
20
- const { t } = useD2Translation();
21
- const rows = useMemo(() => {
22
- const rows = peers?.map(p => {
23
- return Object.keys(p).map(key => {
24
- return {
25
- type: key,
26
- ...p[key],
27
- };
28
- });
29
- }) || [];
30
- return addId(flatten(rows), 'type');
31
- }, [peers]);
32
- const columns = [
33
- {
34
- key: 'type',
35
- display: true,
36
- dataIndex: 'type',
37
- title: t('dovetail.type'),
38
- sortable: true,
39
- },
40
- {
41
- key: 'cidr',
42
- display: true,
43
- dataIndex: 'cidr',
44
- title: 'CIDR',
45
- sortable: true,
46
- render(v) {
47
- return _jsx("span", { children: v || '-' });
48
- },
49
- },
50
- {
51
- key: 'except',
52
- display: true,
53
- dataIndex: 'except',
54
- title: 'Except',
55
- sortable: true,
56
- render: (except) => {
57
- if (!except)
58
- return '-';
59
- return except?.map(str => _jsx("div", { children: str }, str));
60
- },
61
- },
62
- {
63
- key: 'matchLabels',
64
- display: true,
65
- dataIndex: 'matchLabels',
66
- title: 'Match Labels',
67
- sortable: true,
68
- render(matchLabels) {
69
- return _jsx(Tags, { value: matchLabels });
70
- },
71
- },
72
- ];
73
- if (rows.length === 0) {
74
- return _jsx(ErrorContent, { errorText: t('dovetail.empty'), style: { padding: '15px 0' } });
75
- }
76
- return (_jsx(kit.table, { loading: false, dataSource: rows, columns: columns, rowKey: "type", empty: t('dovetail.empty') }));
77
- };
@@ -1 +0,0 @@
1
- export * from './NetworkPolicyRulesTable';
@@ -1,11 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useUIKit } from '@cloudtower/eagle';
3
- import { useParsed, useShow } from '@refinedev/core';
4
- import { ShowContent } from '../ShowContent';
5
- export const PageShow = (props) => {
6
- const kit = useUIKit();
7
- const parsed = useParsed();
8
- const { queryResult } = useShow({ id: parsed?.params?.id });
9
- const { isLoading } = queryResult;
10
- return isLoading ? _jsx(kit.loading, {}) : _jsx(ShowContent, { ...props });
11
- };
@@ -1 +0,0 @@
1
- export * from './PageShow';
@@ -1,78 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { Icon, useUIKit } from '@cloudtower/eagle';
3
- import { CheckmarkDoneSuccessCorrect16BoldGreenIcon, XmarkFailed16BoldRedIcon, } from '@cloudtower/icons-react';
4
- import { useMemo } from 'react';
5
- import { CommonSorter } from '../../hooks/useEagleTable/columns';
6
- import { useD2Translation } from '../../i18n';
7
- import { addId } from '../../utils/addId';
8
- import { StateTag } from '../StateTag';
9
- import Time from '../Time';
10
- export const PodContainersTable = ({ containerStatuses, initContainerStatuses, }) => {
11
- const kit = useUIKit();
12
- const { i18n } = useD2Translation();
13
- const columns = useMemo(() => [
14
- {
15
- key: 'state',
16
- dataIndex: ['state'],
17
- title: i18n.t('dovetail.state'),
18
- sortable: true,
19
- sorter: CommonSorter(['state']),
20
- render: v => _jsx(StateTag, { state: Object.keys(v)[0] }),
21
- },
22
- {
23
- key: 'ready',
24
- dataIndex: ['ready'],
25
- title: i18n.t('dovetail.ready'),
26
- sortable: true,
27
- sorter: CommonSorter(['ready']),
28
- render: v => (_jsx(Icon, { src: v ? CheckmarkDoneSuccessCorrect16BoldGreenIcon : XmarkFailed16BoldRedIcon })),
29
- },
30
- {
31
- key: 'name',
32
- dataIndex: ['name'],
33
- title: i18n.t('dovetail.name'),
34
- sortable: true,
35
- sorter: CommonSorter(['name']),
36
- },
37
- {
38
- key: 'image',
39
- dataIndex: ['image'],
40
- title: i18n.t('dovetail.image'),
41
- sortable: true,
42
- sorter: CommonSorter(['image']),
43
- },
44
- {
45
- key: 'init',
46
- dataIndex: [],
47
- title: i18n.t('dovetail.init_container'),
48
- render: (_, record) => {
49
- const isInit = initContainerStatuses.some(c => c.containerID === record.containerID);
50
- if (isInit) {
51
- return _jsx(Icon, { src: CheckmarkDoneSuccessCorrect16BoldGreenIcon });
52
- }
53
- return _jsx("span", { children: "-" });
54
- },
55
- },
56
- {
57
- key: 'restartCount',
58
- dataIndex: ['restartCount'],
59
- title: i18n.t('dovetail.restarts'),
60
- sortable: true,
61
- sorter: CommonSorter(['restartCount']),
62
- },
63
- {
64
- key: 'started',
65
- dataIndex: ['state', 'running', 'startedAt'],
66
- title: i18n.t('dovetail.started'),
67
- sortable: true,
68
- sorter: CommonSorter(['state', 'running', 'startedAt']),
69
- render: (value) => {
70
- if (value)
71
- return _jsx(Time, { date: new Date(value) });
72
- return _jsx("span", { children: "-" });
73
- },
74
- },
75
- ], [i18n, initContainerStatuses]);
76
- const dataSource = useMemo(() => addId(containerStatuses.concat(initContainerStatuses), 'containerID'), [containerStatuses, initContainerStatuses]);
77
- return (_jsx(kit.table, { loading: false, dataSource: dataSource, columns: columns, rowKey: "containerID", error: false }));
78
- };
@@ -1 +0,0 @@
1
- export * from './PodContainersTable';
@@ -1,136 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useUIKit } from '@cloudtower/eagle';
3
- import { Resume24Icon, SuspendedPause24GradientOrangeIcon, } from '@cloudtower/icons-react';
4
- import { css } from '@linaria/core';
5
- import { LogViewer } from '@patternfly/react-log-viewer';
6
- import { useDataProvider } from '@refinedev/core';
7
- import { useCallback, useEffect, useRef, useState } from 'react';
8
- import { useD2Translation } from '../../i18n';
9
- import '@patternfly/react-core/dist/styles/base-no-reset.css';
10
- const ToolbarStyle = css `
11
- margin-bottom: 8px;
12
- align-items: center;
13
- display: flex;
14
-
15
- > * {
16
- margin-right: 8px !important;
17
- }
18
-
19
- .ant-select {
20
- width: 256px !important;
21
- }
22
- `;
23
- export const PodLog = ({ pod }) => {
24
- const kit = useUIKit();
25
- const [selectedContainer, setSelectedContainer] = useState(pod.spec?.containers[0]?.name || '');
26
- // const [follow, setFollow] = useState(true);
27
- const follow = true;
28
- const [logs, setLogs] = useState([]);
29
- const [currentItemCount, setCurrentItemCount] = useState(0);
30
- const [paused, setPaused] = useState(false);
31
- const [wrap, setWrap] = useState(false);
32
- const [linesBehind, setLinesBehind] = useState(0);
33
- const logViewerRef = useRef(null);
34
- const abortControllerRef = useRef(null);
35
- const dataProvider = useDataProvider();
36
- const apiUrl = dataProvider()['getApiUrl']();
37
- const { t } = useD2Translation();
38
- useEffect(() => {
39
- if (!paused && logs.length > 0) {
40
- setCurrentItemCount(logs.length);
41
- if (logViewerRef && logViewerRef.current) {
42
- logViewerRef.current.scrollToBottom();
43
- }
44
- }
45
- else if (logs.length !== currentItemCount) {
46
- setLinesBehind(logs.length - currentItemCount);
47
- }
48
- else {
49
- setLinesBehind(0);
50
- }
51
- }, [paused, logs, currentItemCount]);
52
- const onScroll = (params) => {
53
- const { scrollOffsetToBottom, scrollUpdateWasRequested } = params;
54
- if (!scrollUpdateWasRequested) {
55
- if (scrollOffsetToBottom > 0) {
56
- setPaused(true);
57
- }
58
- else {
59
- setPaused(false);
60
- }
61
- }
62
- };
63
- const fetchLogs = useCallback(() => {
64
- if (!selectedContainer) {
65
- return;
66
- }
67
- abortControllerRef.current = new AbortController();
68
- const { signal } = abortControllerRef.current;
69
- let url = `${apiUrl}/api/v1/namespaces/${pod.metadata?.namespace}/pods/${pod.metadata?.name}/log?container=${selectedContainer}&tailLines=100&timestamps=true`;
70
- if (follow) {
71
- url += '&follow=true';
72
- }
73
- fetch(url, { signal }).then(response => {
74
- const reader = response.body?.getReader();
75
- if (!reader) {
76
- return;
77
- }
78
- const decoder = new TextDecoder();
79
- let buffer = '';
80
- const processChunk = ({ done, value }) => {
81
- if (done) {
82
- return;
83
- }
84
- const chunk = decoder.decode(value);
85
- const lastIndex = chunk.lastIndexOf('\n');
86
- if (lastIndex === -1) {
87
- buffer += chunk;
88
- }
89
- const total = buffer + chunk.slice(0, lastIndex);
90
- buffer = chunk.slice(lastIndex + 1);
91
- const formattedLogs = total
92
- .split('\n')
93
- .filter(Boolean)
94
- .map(line => {
95
- const [timestamps, ...content] = line.split(' ');
96
- const t = new Date(timestamps).toLocaleString();
97
- if (t === 'Invalid Date') {
98
- return line;
99
- }
100
- return `${t} ${content.join(' ')}`;
101
- })
102
- .join('\n');
103
- // Update the logs state with the new chunk of data
104
- setLogs(prevLogs => prevLogs.concat(formattedLogs.split('\n')));
105
- // Continue reading the next chunk
106
- reader.read().then(processChunk);
107
- };
108
- // Start reading the first chunk
109
- reader.read().then(processChunk);
110
- });
111
- }, [follow, pod.metadata?.namespace, pod.metadata?.name, selectedContainer]);
112
- const stopFetchingLogs = useCallback(() => {
113
- if (abortControllerRef.current) {
114
- abortControllerRef.current.abort();
115
- abortControllerRef.current = null;
116
- }
117
- }, []);
118
- useEffect(() => {
119
- fetchLogs();
120
- return () => {
121
- stopFetchingLogs();
122
- };
123
- }, [fetchLogs, stopFetchingLogs]);
124
- return (_jsxs("div", { children: [_jsxs("div", { className: ToolbarStyle, children: [_jsxs(kit.select, { input: {
125
- onChange: newValue => {
126
- stopFetchingLogs();
127
- setSelectedContainer(newValue);
128
- setLogs([]);
129
- setPaused(false);
130
- setLinesBehind(0);
131
- },
132
- value: selectedContainer,
133
- }, children: [_jsx(kit.option, { value: "", disabled: true, children: t('dovetail.select_container') }), (pod.spec?.containers || []).map(container => (_jsx(kit.option, { value: container.name, children: container.name }, container.name)))] }), _jsx(kit.checkbox, { checked: wrap, onChange: e => setWrap(e.target.checked), children: t('dovetail.wrap') }), _jsx(kit.button, { onClick: () => setPaused(prev => !prev), prefixIcon: paused ? _jsx(Resume24Icon, {}) : _jsx(SuspendedPause24GradientOrangeIcon, {}), children: paused ? t('dovetail.resume_log') : t('dovetail.suspend') })] }), _jsx(LogViewer, { innerRef: logViewerRef, hasLineNumbers: true, height: 300, data: logs, theme: "light", isTextWrapped: wrap, footer: paused && (_jsxs(kit.button, { type: "primary", style: {
134
- borderRadius: 0,
135
- }, onClick: () => setPaused(false), children: [t('dovetail.resume_log'), linesBehind === 0 ? null : t('dovetail.log_new_lines', { count: linesBehind })] })), onScroll: onScroll })] }));
136
- };
@@ -1,17 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useContext } from 'react';
3
- import { ConfigsContext } from '../../contexts';
4
- import { ResourceLink } from '../ResourceLink';
5
- export const ReferenceLink = props => {
6
- const { ownerReference, namespace } = props;
7
- const configs = useContext(ConfigsContext);
8
- // no ReplicaSet page, show plain text
9
- if (ownerReference.kind === 'ReplicaSet') {
10
- return _jsx("span", { children: ownerReference.name });
11
- }
12
- const resource = Object.values(configs).find(c => c.kind === ownerReference.kind);
13
- if (!resource) {
14
- return _jsx("span", { children: "-" });
15
- }
16
- return (_jsx(ResourceLink, { resourceId: ownerReference.name, name: resource.name || '', namespace: namespace }));
17
- };
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- import { Control } from 'react-hook-form';
3
- import { ResourceModel } from '../../models';
4
- import { ResourceConfig } from '../../types';
5
- type Props<Model extends ResourceModel> = {
6
- config?: ResourceConfig<Model>;
7
- control: Control;
8
- };
9
- export declare const RefineFormContent: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(props: Props<Model>) => JSX.Element;
10
- export {};
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- import { ResourceConfig } from '../../types';
3
- export type RefineFormModalProps = {
4
- config: ResourceConfig;
5
- id?: string;
6
- };
7
- export declare function RefineFormModal(props: RefineFormModalProps): JSX.Element;
8
- export default RefineFormModal;
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- import { ResourceConfig } from '../../types';
3
- type Props = {
4
- config: ResourceConfig<any>;
5
- };
6
- export declare const RefineFormPage: (props: Props) => JSX.Element;
7
- export {};
@@ -1,3 +0,0 @@
1
- export * from './RefineFormPage';
2
- export * from './RefineFormModal';
3
- export * from './type';
@@ -1,20 +0,0 @@
1
- /// <reference types="react" />
2
- export type RefineFormValidator = (value: unknown, formValue: unknown) => {
3
- isValid: boolean;
4
- errorMsg: string;
5
- };
6
- export type RefineFormField = {
7
- path: string[];
8
- key: string;
9
- label: string;
10
- type?: 'number';
11
- validators?: RefineFormValidator[];
12
- render?: React.FC<{
13
- value: unknown;
14
- onChange: (event: unknown) => void;
15
- onBlur: () => void;
16
- }>;
17
- };
18
- export type RefineFormConfig = {
19
- fields: RefineFormField[];
20
- };
@@ -1,10 +0,0 @@
1
- import { UseFormProps } from '@refinedev/core';
2
- import { ResourceConfig } from '../../types';
3
- export declare const useRefineForm: (props: {
4
- config: ResourceConfig;
5
- id?: string;
6
- refineProps?: UseFormProps;
7
- }) => {
8
- formResult: import("@refinedev/react-hook-form").UseFormReturnType<import("@refinedev/core").BaseRecord, import("@refinedev/core").HttpError, Record<string, unknown>, {}, import("@refinedev/core").BaseRecord, import("@refinedev/core").BaseRecord, import("@refinedev/core").HttpError>;
9
- responseErrorMsg: string;
10
- };
@@ -1,15 +0,0 @@
1
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
- import React from 'react';
3
- import { Route } from 'react-router-dom';
4
- import { FormType } from 'src/types';
5
- import { ResourceForm } from './create';
6
- import { ResourceList } from './list';
7
- import { ResourceShow } from './show';
8
- export function ResourceCRUD(props) {
9
- const { configs, urlPrefix } = props;
10
- return (_jsx(_Fragment, { children: configs.map(config => {
11
- return (_jsxs(React.Fragment, { children: [_jsx(Route, { path: `${urlPrefix}/${config.name}`, exact: true, children: _jsx(ResourceList, { name: config.kind, formatter: config.formatter, columns: config.columns?.() || [], Dropdown: config.Dropdown }) }), _jsx(Route, { path: `${urlPrefix}/${config.name}/show`, children: _jsx(ResourceShow, { formatter: config.formatter, showConfig: config.showConfig?.() || {}, Dropdown: config.Dropdown }) }),
12
- // the modals would render in ModalStack
13
- config.formType === FormType.PAGE ? (_jsxs(_Fragment, { children: [_jsx(Route, { path: `${urlPrefix}/${config.name}/create`, children: _jsx(ResourceForm, { config: config }) }), _jsx(Route, { path: `${urlPrefix}/${config.name}/edit`, children: _jsx(ResourceForm, { config: config }) })] })) : null] }, config.name));
14
- }) }));
15
- }
@@ -1,13 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useMemo } from 'react';
3
- import YamlForm from 'src/components/YamlForm';
4
- import { getInitialValues } from 'src/utils/form';
5
- export function ResourceForm(props) {
6
- const { config } = props;
7
- const formProps = useMemo(() => {
8
- return {
9
- initialValues: getInitialValues(config),
10
- };
11
- }, [config]);
12
- return (_jsx(YamlForm, { ...formProps }));
13
- }
@@ -1,4 +0,0 @@
1
- export * from './list';
2
- export * from './show';
3
- export * from './create';
4
- export * from './ResourceCRUD';