@dovetail-v2/refine 0.0.53 → 0.0.55

package/lib/src/models/cronjob-model.js

@@ -0,0 +1,32 @@
+import { set, cloneDeep } from 'lodash';
+import { WorkloadState } from '../constants';
+import { WorkloadBaseModel } from './workload-base-model';
+export class CronJobModel extends WorkloadBaseModel {
+    _rawYaml;
+    _globalStore;
+    constructor(_rawYaml, _globalStore) {
+        super(_rawYaml, _globalStore);
+        this._rawYaml = _rawYaml;
+        this._globalStore = _globalStore;
+    }
+    get stateDisplay() {
+        if (!this.spec?.suspend) {
+            return WorkloadState.SUSPENDED;
+        }
+        return WorkloadState.RUNNING;
+    }
+    suspend() {
+        const newOne = cloneDeep(this._rawYaml);
+        if (this._rawYaml.kind === 'CronJob') {
+            set(newOne, 'spec.suspend', true);
+        }
+        return newOne;
+    }
+    resume() {
+        const newOne = cloneDeep(this._rawYaml);
+        if (this._rawYaml.kind === 'CronJob') {
+            set(newOne, 'spec.suspend', false);
+        }
+        return newOne;
+    }
+}

package/lib/src/models/daemonset-model.js

@@ -0,0 +1,17 @@
+import { WorkloadState } from '../constants';
+import { WorkloadModel } from './workload-model';
+export class DaemonSetModel extends WorkloadModel {
+    _rawYaml;
+    _globalStore;
+    constructor(_rawYaml, _globalStore) {
+        super(_rawYaml, _globalStore);
+        this._rawYaml = _rawYaml;
+        this._globalStore = _globalStore;
+    }
+    get stateDisplay() {
+        if (this.status?.desiredNumberScheduled !== this.status?.numberReady) {
+            return WorkloadState.UPDATEING;
+        }
+        return WorkloadState.READY;
+    }
+}

package/lib/src/models/deployment-model.js

@@ -0,0 +1,17 @@
+import { WorkloadState } from '../constants';
+import { WorkloadModel } from './workload-model';
+export class DeploymentModel extends WorkloadModel {
+    _rawYaml;
+    _globalStore;
+    constructor(_rawYaml, _globalStore) {
+        super(_rawYaml, _globalStore);
+        this._rawYaml = _rawYaml;
+        this._globalStore = _globalStore;
+    }
+    get stateDisplay() {
+        if (this.spec?.replicas !== this.status?.readyReplicas) {
+            return WorkloadState.UPDATEING;
+        }
+        return WorkloadState.READY;
+    }
+}

package/lib/src/models/event-model.js

@@ -0,0 +1,11 @@
+import { ResourceModel } from './resource-model';
+export class EventModel extends ResourceModel {
+    _rawYaml;
+    _globalStore;
+    constructor(_rawYaml, _globalStore) {
+        super(_rawYaml, _globalStore);
+        this._rawYaml = _rawYaml;
+        this._globalStore = _globalStore;
+        this.id = _rawYaml.metadata.uid || _rawYaml.id;
+    }
+}

package/lib/src/models/index.js

@@ -0,0 +1,14 @@
+export * from './ingress-model';
+export * from './network-policy-model';
+export * from './job-model';
+export * from './workload-model';
+export * from './workload-base-model';
+export * from './pod-model';
+export * from './pod-metrics-model';
+export * from './resource-model';
+export * from './workload-model';
+export * from './cronjob-model';
+export * from './event-model';
+export * from './deployment-model';
+export * from './daemonset-model';
+export * from './statefulset-model';

package/lib/src/models/ingress-model.js

@@ -0,0 +1,24 @@
+import { ResourceModel } from './resource-model';
+export class IngressModel extends ResourceModel {
+    _rawYaml;
+    _globalStore;
+    flattenedRules;
+    constructor(_rawYaml, _globalStore) {
+        super(_rawYaml, _globalStore);
+        this._rawYaml = _rawYaml;
+        this._globalStore = _globalStore;
+        this.flattenedRules =
+            this._rawYaml.spec.rules?.reduce((res, rule) => {
+                const paths = rule.http?.paths.map(p => {
+                    return {
+                        serviceName: p.backend.service?.name || '',
+                        fullPath: rule.host ? `${rule.host}${p.path}` : p.path || '',
+                        pathType: p.pathType,
+                        servicePort: p.backend.service?.port?.number,
+                        host: rule.host,
+                    };
+                });
+                return [...res, ...(paths || [])];
+            }, []) || [];
+    }
+}

package/lib/src/models/job-model.js

@@ -0,0 +1,56 @@
+import { sumBy } from 'lodash';
+import { WorkloadState } from '../constants';
+import { matchSelector } from '../utils/match-selector';
+import { getSecondsDiff } from '../utils/time';
+import { WorkloadBaseModel } from './workload-base-model';
+export class JobModel extends WorkloadBaseModel {
+    _rawYaml;
+    _globalStore;
+    restarts = 0;
+    constructor(_rawYaml, _globalStore) {
+        super(_rawYaml, _globalStore);
+        this._rawYaml = _rawYaml;
+        this._globalStore = _globalStore;
+    }
+    async init() {
+        await this.getRestarts();
+    }
+    async getRestarts() {
+        const pods = (await this._globalStore.get('pods', {
+            resourceBasePath: '/api/v1',
+            kind: 'Pod',
+        }));
+        const myPods = pods.items.filter(p => this.spec?.selector ? matchSelector(p, this.spec?.selector) : false);
+        const result = sumBy(myPods, 'restartCount');
+        this.restarts = result;
+    }
+    get duration() {
+        const completionTime = this._rawYaml.status?.completionTime;
+        const startTime = this._rawYaml.status?.startTime;
+        if (!completionTime && startTime) {
+            return getSecondsDiff(startTime, Date.now().toString());
+        }
+        if (completionTime && startTime) {
+            return getSecondsDiff(startTime, completionTime);
+        }
+        return 0;
+    }
+    get completionsDisplay() {
+        return `${this._rawYaml.status?.succeeded || 0}/${this._rawYaml.spec?.completions}`;
+    }
+    get stateDisplay() {
+        if (!this.spec?.completions && !this.status?.succeeded) {
+            return WorkloadState.RUNNING;
+        }
+        if (this.spec?.completions === this.status?.succeeded) {
+            return WorkloadState.COMPLETED;
+        }
+        if (this.status?.conditions?.some(c => c.type === 'Failed' && c.status === 'True')) {
+            return WorkloadState.FAILED;
+        }
+        if (this.status?.conditions?.some(c => c.type === 'Suspended' && c.status === 'True')) {
+            return WorkloadState.SUSPENDED;
+        }
+        return WorkloadState.RUNNING;
+    }
+}

package/lib/src/models/network-policy-model.js

@@ -0,0 +1,10 @@
+import { ResourceModel } from './resource-model';
+export class NetworkPolicyModel extends ResourceModel {
+    _rawYaml;
+    _globalStore;
+    constructor(_rawYaml, _globalStore) {
+        super(_rawYaml, _globalStore);
+        this._rawYaml = _rawYaml;
+        this._globalStore = _globalStore;
+    }
+}

package/lib/src/models/pod-metrics-model.js

@@ -0,0 +1,34 @@
+import { formatSi, parseSi } from '../utils/unit';
+import { ResourceModel } from './resource-model';
+export class PodMetricsModel extends ResourceModel {
+    _rawYaml;
+    _globalStore;
+    usage;
+    constructor(_rawYaml, _globalStore) {
+        super(_rawYaml, _globalStore);
+        this._rawYaml = _rawYaml;
+        this._globalStore = _globalStore;
+        let cpuUsageNum = 0;
+        let memoryUsageNum = 0;
+        for (const container of _rawYaml.containers) {
+            cpuUsageNum += parseSi(container.usage.cpu || '0');
+            memoryUsageNum += parseSi(container.usage.memory || '0');
+        }
+        this.usage = {
+            cpu: {
+                value: cpuUsageNum,
+                si: formatSi(1000 * cpuUsageNum, {
+                    suffix: 'm',
+                    maxPrecision: 0,
+                }),
+            },
+            memory: {
+                value: memoryUsageNum,
+                si: formatSi(memoryUsageNum, {
+                    suffix: 'i',
+                    maxPrecision: 0,
+                }),
+            },
+        };
+    }
+}

package/lib/src/models/pod-model.js

@@ -0,0 +1,78 @@
+import { WorkloadState } from '../constants';
+import { shortenedImage } from '../utils/string';
+import { formatSi, parseSi } from '../utils/unit';
+import { WorkloadBaseModel } from './workload-base-model';
+export class PodModel extends WorkloadBaseModel {
+    _rawYaml;
+    _globalStore;
+    request;
+    limit;
+    constructor(_rawYaml, _globalStore) {
+        super(_rawYaml, _globalStore);
+        this._rawYaml = _rawYaml;
+        this._globalStore = _globalStore;
+        let cpuRequestNum = 0;
+        let memoryRequestNum = 0;
+        let cpuLimitNum = 0;
+        let memoryLimitNum = 0;
+        for (const container of _rawYaml.spec?.containers || []) {
+            cpuRequestNum += parseSi(container.resources?.requests?.cpu || '0');
+            memoryRequestNum += parseSi(container.resources?.requests?.memory || '0');
+            cpuLimitNum += parseSi(container.resources?.limits?.cpu || '0');
+            memoryLimitNum += parseSi(container.resources?.limits?.memory || '0');
+        }
+        this.request = {
+            cpu: {
+                value: cpuRequestNum,
+                si: formatSi(cpuRequestNum, {
+                    suffix: 'm',
+                }),
+            },
+            memory: {
+                value: memoryRequestNum,
+                si: formatSi(memoryRequestNum, {
+                    suffix: 'i',
+                }),
+            },
+        };
+        this.limit = {
+            cpu: {
+                value: cpuLimitNum,
+                si: formatSi(cpuLimitNum, {
+                    suffix: 'm',
+                }),
+            },
+            memory: {
+                value: memoryLimitNum,
+                si: formatSi(memoryLimitNum, {
+                    suffix: 'i',
+                }),
+            },
+        };
+    }
+    get imageNames() {
+        return (this._rawYaml.spec?.containers.map(container => shortenedImage(container.image || '')) || []);
+    }
+    get restartCount() {
+        if (this._rawYaml.status?.containerStatuses) {
+            return this._rawYaml.status?.containerStatuses[0].restartCount || 0;
+        }
+        return 0;
+    }
+    get readyDisplay() {
+        return `${this._rawYaml.status?.containerStatuses?.filter(c => c.ready).length}/${this
+            ._rawYaml.spec?.containers.length}`;
+    }
+    get readyContainerCount() {
+        return this._rawYaml.status?.containerStatuses?.filter(c => c.ready).length;
+    }
+    get containerCount() {
+        return this._rawYaml.spec?.containers.length;
+    }
+    get stateDisplay() {
+        if (this.metadata.deletionTimestamp) {
+            return WorkloadState.TERMINATING;
+        }
+        return this.status?.phase?.toLowerCase() || WorkloadState.UNKNOWN;
+    }
+}

package/lib/src/models/resource-model.js

@@ -0,0 +1,34 @@
+export class ResourceModel {
+    _rawYaml;
+    _globalStore;
+    id;
+    apiVersion;
+    kind;
+    metadata;
+    constructor(_rawYaml, _globalStore) {
+        this._rawYaml = _rawYaml;
+        this._globalStore = _globalStore;
+        Object.keys(_rawYaml).forEach(key => {
+            Object.defineProperty(this, key, {
+                value: _rawYaml[key],
+            });
+        });
+    }
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    async init() { }
+    get name() {
+        return this._rawYaml.metadata?.name;
+    }
+    get namespace() {
+        return this._rawYaml.metadata?.namespace;
+    }
+    get labels() {
+        return this._rawYaml.metadata?.labels;
+    }
+    get annotations() {
+        return this._rawYaml.metadata?.annotations;
+    }
+    restore() {
+        return this._rawYaml;
+    }
+}

package/lib/src/models/server-instance-model.d.ts

@@ -0,0 +1,10 @@
+import { GlobalStore, Unstructured } from 'k8s-api-provider';
+import { ResourceModel } from './resource-model';
+type ServerInstanceTypes = Required<Unstructured>;
+export declare class ServerInstanceModel extends ResourceModel<ServerInstanceTypes> {
+    _rawYaml: ServerInstanceTypes;
+    _globalStore: GlobalStore;
+    sshMethod: 'password' | 'privateKey';
+    constructor(_rawYaml: ServerInstanceTypes, _globalStore: GlobalStore);
+}
+export {};

package/lib/src/models/service-model.d.ts

@@ -17,6 +17,7 @@ export declare class ServiceModel extends ResourceModel<ServiceType> {
     get dnsRecord(): string;
     get displayPortMapping(): {
         servicePort: number;
+        nodePort: number | undefined;
         link: string;
         targetPort: string | number | undefined;
         protocol: string | undefined;

package/lib/src/models/service-model.js

@@ -0,0 +1,17 @@
+import { ResourceModel } from './resource-model';
+export class ServiceModel extends ResourceModel {
+    _rawYaml;
+    _globalStore;
+    constructor(_rawYaml, _globalStore) {
+        super(_rawYaml, _globalStore);
+        this._rawYaml = _rawYaml;
+        this._globalStore = _globalStore;
+    }
+    inClusterAccess() {
+        if (this._rawYaml.spec.type &&
+            ['ClusterIP', 'NodePort', 'LoadBalancer'].includes(this._rawYaml.spec.type)) {
+            return this._rawYaml.spec.clusterIP;
+        }
+        return this._rawYaml.spec.externalName;
+    }
+}

package/lib/src/models/statefulset-model.js

@@ -0,0 +1,17 @@
+import { WorkloadState } from '../constants';
+import { WorkloadModel } from './workload-model';
+export class StatefulSetModel extends WorkloadModel {
+    _rawYaml;
+    _globalStore;
+    constructor(_rawYaml, _globalStore) {
+        super(_rawYaml, _globalStore);
+        this._rawYaml = _rawYaml;
+        this._globalStore = _globalStore;
+    }
+    get stateDisplay() {
+        if (this.spec?.replicas !== this.status?.readyReplicas) {
+            return WorkloadState.UPDATEING;
+        }
+        return WorkloadState.READY;
+    }
+}

package/lib/src/models/types/index.js

@@ -0,0 +1 @@
+export * from './metric';

package/lib/src/models/types/metric.js

@@ -0,0 +1 @@
+export {};

package/lib/src/models/workload-base-model.js

@@ -0,0 +1,22 @@
+import { shortenedImage } from '../utils/string';
+import { ResourceModel } from './resource-model';
+export class WorkloadBaseModel extends ResourceModel {
+    _rawYaml;
+    _globalStore;
+    constructor(_rawYaml, _globalStore) {
+        super(_rawYaml, _globalStore);
+        this._rawYaml = _rawYaml;
+        this._globalStore = _globalStore;
+    }
+    get imageNames() {
+        const containers = 
+        // cronjob
+        this._rawYaml.spec && 'jobTemplate' in this._rawYaml.spec
+            ? this._rawYaml.spec.jobTemplate.spec?.template.spec?.containers
+            : // other wokload
+                this._rawYaml.spec && 'template' in this._rawYaml.spec
+                    ? this._rawYaml.spec?.template.spec?.containers
+                    : [];
+        return containers?.map(container => shortenedImage(container.image || '')) || [];
+    }
+}

package/lib/src/models/workload-model.js

@@ -0,0 +1,51 @@
+import { cloneDeep, get, set, sumBy } from 'lodash';
+import { TIMESTAMP_LABEL } from '../constants';
+import { matchSelector } from '../utils/match-selector';
+import { WorkloadBaseModel } from './workload-base-model';
+export class WorkloadModel extends WorkloadBaseModel {
+    _rawYaml;
+    _globalStore;
+    restarts = 0;
+    constructor(_rawYaml, _globalStore) {
+        super(_rawYaml, _globalStore);
+        this._rawYaml = _rawYaml;
+        this._globalStore = _globalStore;
+    }
+    async init() {
+        await this.getRestarts();
+    }
+    async getRestarts() {
+        const pods = (await this._globalStore.get('pods', {
+            resourceBasePath: '/api/v1',
+            kind: 'Pod',
+        }));
+        const myPods = pods.items.filter(p => this.spec?.selector ? matchSelector(p, this.spec?.selector) : false);
+        const result = sumBy(myPods, 'restartCount');
+        this.restarts = result;
+    }
+    get replicas() {
+        return this.spec && 'replicas' in this.spec ? this.spec.replicas : 0;
+    }
+    get readyReplicas() {
+        return this.status && 'readyReplicas' in this.status ? this.status.readyReplicas : 0;
+    }
+    redeploy() {
+        const rawYaml = this._globalStore.restoreItem(this);
+        const newOne = cloneDeep(rawYaml);
+        const path = 'spec.template.metadata.annotations';
+        const annotations = get(newOne, path, {});
+        set(newOne, path, {
+            ...annotations,
+            [TIMESTAMP_LABEL]: new Date().toISOString().replace(/\.\d+Z$/, 'Z'),
+        });
+        return newOne;
+    }
+    scale(value) {
+        const rawYaml = this._globalStore.restoreItem(this);
+        const newOne = cloneDeep(rawYaml);
+        if (newOne.kind === 'Deployment' || newOne.kind === 'StatefulSet') {
+            set(newOne, 'spec.replicas', value);
+        }
+        return newOne;
+    }
+}

package/lib/src/pages/configmaps/index.js

@@ -0,0 +1,15 @@
+import { DataField } from '../../components/ShowContent';
+import { AgeColumnRenderer } from '../../hooks/useEagleTable/columns';
+import { RESOURCE_GROUP } from '../../types';
+export const ConfigMapConfig = (i18n) => ({
+    name: 'configmaps',
+    kind: 'ConfigMap',
+    basePath: '/api/v1',
+    apiVersion: 'v1',
+    parent: RESOURCE_GROUP.STORAGE,
+    label: 'ConfigMaps',
+    columns: () => [AgeColumnRenderer(i18n)],
+    showConfig: () => ({
+        tabs: [DataField(i18n)],
+    }),
+});

package/lib/src/pages/cronjobs/create/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import YamlForm from 'src/components/YamlForm';
+import { CRONJOB_INIT_VALUE } from 'src/constants/k8s';
+export const CronJobForm = () => {
+    return _jsx(YamlForm, { initialValues: CRONJOB_INIT_VALUE });
+};

package/lib/src/pages/cronjobs/index.js

@@ -0,0 +1,3 @@
+export * from './create';
+export * from './list';
+export * from './show';

package/lib/src/pages/cronjobs/list/index.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CronJobDropdown } from 'src/components/CronJobDropdown';
+import { ListPage } from 'src/components/ListPage';
+import Time from 'src/components/Time';
+import { useEagleTable } from 'src/hooks/useEagleTable';
+import { AgeColumnRenderer, WorkloadImageColumnRenderer, NameColumnRenderer, NameSpaceColumnRenderer, StateDisplayColumnRenderer, } from 'src/hooks/useEagleTable/columns';
+import { useD2Translation } from '../../../i18n';
+export const CronJobList = () => {
+    const { i18n } = useD2Translation();
+    const { tableProps, selectedKeys } = useEagleTable({
+        useTableParams: {},
+        columns: [
+            StateDisplayColumnRenderer(i18n),
+            NameColumnRenderer(i18n),
+            NameSpaceColumnRenderer(i18n),
+            WorkloadImageColumnRenderer(i18n),
+            {
+                key: 'schedule',
+                display: true,
+                dataIndex: ['spec', 'schedule'],
+                title: i18n.t('dovetail.schedule'),
+                sortable: true,
+            },
+            {
+                key: 'lastScheduleTime',
+                display: true,
+                dataIndex: ['status', 'lastScheduleTime'],
+                title: i18n.t('dovetail.lastScheduleTime'),
+                sortable: true,
+                render(value) {
+                    return _jsx(Time, { date: value });
+                },
+            },
+            AgeColumnRenderer(i18n),
+        ],
+        tableProps: {
+            currentSize: 10,
+        },
+        Dropdown: CronJobDropdown,
+    });
+    return _jsx(ListPage, { title: "CronJob", selectedKeys: selectedKeys, tableProps: tableProps });
+};

package/lib/src/pages/cronjobs/show/index.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CronJobDropdown } from '../../../components/CronJobDropdown';
+import { PageShow } from '../../../components/PageShow';
+import { ImageField, JobsField } from '../../../components/ShowContent/fields';
+import { useD2Translation } from '../../../i18n';
+export const CronJobShow = () => {
+    const { i18n } = useD2Translation();
+    return (_jsx(PageShow, { showConfig: {
+            groups: [
+                {
+                    fields: [ImageField(i18n)],
+                },
+            ],
+            tabs: [JobsField()],
+        }, Dropdown: CronJobDropdown }));
+};

package/lib/src/pages/daemonsets/create/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import YamlForm from 'src/components/YamlForm';
+import { DAEMONSET_INIT_VALUE } from 'src/constants/k8s';
+export const DaemonSetForm = () => {
+    return _jsx(YamlForm, { initialValues: DAEMONSET_INIT_VALUE });
+};

package/lib/src/pages/daemonsets/index.js

@@ -0,0 +1,3 @@
+export * from './create';
+export * from './list';
+export * from './show';

package/lib/src/pages/daemonsets/list/index.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ListPage } from 'src/components/ListPage';
+import { WorkloadDropdown } from 'src/components/WorkloadDropdown';
+import { useEagleTable } from 'src/hooks/useEagleTable';
+import { AgeColumnRenderer, WorkloadImageColumnRenderer, NameColumnRenderer, NameSpaceColumnRenderer, StateDisplayColumnRenderer, WorkloadRestartsColumnRenderer, } from 'src/hooks/useEagleTable/columns';
+import { useD2Translation } from '../../../i18n';
+export const DaemonSetList = () => {
+    const { i18n } = useD2Translation();
+    const { tableProps, selectedKeys } = useEagleTable({
+        useTableParams: {},
+        columns: [
+            StateDisplayColumnRenderer(i18n),
+            NameColumnRenderer(i18n),
+            NameSpaceColumnRenderer(i18n),
+            WorkloadImageColumnRenderer(i18n),
+            {
+                key: 'ready',
+                display: true,
+                dataIndex: ['status', 'numberReady'],
+                title: 'Ready',
+                sortable: true,
+            },
+            WorkloadRestartsColumnRenderer(i18n),
+            AgeColumnRenderer(i18n),
+        ],
+        tableProps: {
+            currentSize: 10,
+        },
+        Dropdown: WorkloadDropdown,
+    });
+    return (_jsx(ListPage, { title: "DaemonSet", selectedKeys: selectedKeys, tableProps: tableProps }));
+};

package/lib/src/pages/daemonsets/show/index.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { WorkloadDropdown } from 'src/components/WorkloadDropdown';
+import { PageShow } from '../../../components/PageShow';
+import { ConditionsField, ImageField, PodsField, } from '../../../components/ShowContent/fields';
+import { useD2Translation } from '../../../i18n';
+export const DaemonSetShow = () => {
+    const { i18n } = useD2Translation();
+    return (_jsx(PageShow, { showConfig: {
+            groups: [
+                {
+                    fields: [ImageField(i18n)],
+                },
+            ],
+            tabs: [PodsField(), ConditionsField(i18n)],
+        }, Dropdown: WorkloadDropdown }));
+};

package/lib/src/pages/deployments/create/index.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import FormModal from 'src/components/FormModal';
+import YamlForm from 'src/components/YamlForm';
+import { DEPLOYMENT_INIT_VALUE } from 'src/constants/k8s';
+export const DeploymentForm = (props) => {
+    return (_jsx(FormModal, { ...props, renderForm: (formProps) => (_jsx(YamlForm, { ...formProps, initialValues: DEPLOYMENT_INIT_VALUE, isShowLayout: false })) }));
+};

package/lib/src/pages/deployments/index.js

@@ -0,0 +1,3 @@
+export * from './create';
+export * from './list';
+export * from './show';