@dovetail-v2/refine 0.0.63-alpha.2 → 0.0.63-hotfix.1

package/lib/src/hooks/useEdit.js

@@ -1,19 +0,0 @@
-import { useGo, useNavigation, useParsed } from '@refinedev/core';
-import { useCallback } from 'react';
-export function useEdit() {
-    const { resource } = useParsed();
-    const go = useGo();
-    const navigation = useNavigation();
-    const edit = useCallback((id) => {
-        go({
-            to: navigation.editUrl(resource?.name || '', id),
-            query: {
-                id,
-            },
-            options: {
-                keepQuery: true,
-            },
-        });
-    }, [go, resource?.name]);
-    return { edit };
-}

package/lib/src/hooks/useGlobalStore.js

@@ -1,5 +0,0 @@
-import { useContext } from 'react';
-import GlobalStoreContext from '../contexts/global-store';
-export const useGlobalStore = () => {
-    return useContext(GlobalStoreContext);
-};

package/lib/src/hooks/useK8sYamlEditor.js

@@ -1,37 +0,0 @@
-import { useCallback } from 'react';
-function useK8sYamlEditor() {
-    const foldSymbol = useCallback(function (editor, symbol) {
-        const model = editor.getModel();
-        const matchs = model?.findMatches(symbol, false, false, false, '', false).filter(match => match.range.startColumn === 1) || [];
-        return new Promise(async (resolve, reject) => {
-            try {
-                for (const match of matchs) {
-                    const lineNumber = match.range.startLineNumber;
-                    editor.setPosition({ lineNumber, column: 1 });
-                    await editor.getAction('editor.fold').run();
-                }
-                resolve(null);
-            }
-            catch (e) {
-                reject(e);
-            }
-        });
-    }, []);
-    const fold = useCallback(async function (editor) {
-        await editor.getAction('editor.unfoldAll').run();
-        const symbols = [
-            '  annotations:',
-            '  managedFields:',
-            'status:',
-            '    kubectl.kubernetes.io/last-applied-configuration:'
-        ];
-        for (const symbol of symbols) {
-            await foldSymbol(editor, symbol);
-        }
-        editor.setScrollPosition({ scrollTop: 0 });
-    }, [foldSymbol]);
-    return {
-        fold,
-    };
-}
-export default useK8sYamlEditor;

package/lib/src/hooks/useOpenForm.js

@@ -1,43 +0,0 @@
-import { pushModal } from '@cloudtower/eagle';
-import { useResource, useGo, useNavigation, } from '@refinedev/core';
-import { useContext } from 'react';
-import FormModal from 'src/components/FormModal';
-import ConfigsContext from 'src/contexts/configs';
-import { useEdit } from 'src/hooks/useEdit';
-import { FormType } from 'src/types';
-import { getInitialValues } from 'src/utils/form';
-export function useOpenForm(options) {
-    const { resource } = useResource();
-    const configs = useContext(ConfigsContext);
-    const { edit } = useEdit();
-    const navigation = useNavigation();
-    const go = useGo();
-    return function openForm() {
-        if (resource?.name) {
-            const config = configs[resource.name];
-            if (config.formType === undefined || config.formType === FormType.MODAL) {
-                pushModal({
-                    component: config.FormModal || FormModal,
-                    props: {
-                        resource: resource.name,
-                        id: options?.id,
-                        formProps: {
-                            initialValues: getInitialValues(config),
-                        }
-                    }
-                });
-            }
-            else if (options?.id) {
-                edit(options.id);
-            }
-            else {
-                go({
-                    to: navigation.createUrl(resource.name),
-                    options: {
-                        keepQuery: true,
-                    },
-                });
-            }
-        }
-    };
-}

package/lib/src/hooks/useSchema.js

@@ -1,37 +0,0 @@
-import { useResource } from '@refinedev/core';
-import { useState, useEffect, useMemo, useCallback } from 'react';
-import OpenAPI from 'src/utils/openapi';
-export function useSchema(options) {
-    const [schema, setSchema] = useState(null);
-    const [loading, setLoading] = useState(false);
-    const [error, setError] = useState(null);
-    const useResourceResult = useResource();
-    const resource = options?.resource || useResourceResult.resource;
-    const openapi = useMemo(() => new OpenAPI(resource?.meta?.resourceBasePath), [resource?.meta?.resourceBasePath]);
-    const fetchSchema = useCallback(async () => {
-        setLoading(true);
-        setError(null);
-        try {
-            const schema = await openapi.findSchema(resource?.meta?.kind);
-            setSchema(schema || null);
-            setError(null);
-        }
-        catch (e) {
-            setError(e);
-        }
-        finally {
-            setLoading(false);
-        }
-    }, [resource, openapi]);
-    useEffect(() => {
-        if (options?.skip)
-            return;
-        fetchSchema();
-    }, [fetchSchema]);
-    return {
-        schema,
-        loading,
-        error,
-        fetchSchema,
-    };
-}

package/lib/src/hooks/useSubmitForm.js

@@ -1,42 +0,0 @@
-import { useState, useCallback } from 'react';
-import { getCommonErrors } from 'src/utils/error';
-import { useD2Translation } from '../i18n';
-export function useSubmitForm(options) {
-    const { formRef, onSubmitSuccess } = options;
-    const { i18n } = useD2Translation();
-    const [submitting, setSubmitting] = useState(false);
-    const [errorMsgs, setErrorMsgs] = useState([]);
-    const reset = useCallback(() => {
-        setSubmitting(false);
-        setErrorMsgs([]);
-    }, []);
-    const onSubmit = useCallback(async () => {
-        try {
-            setSubmitting(true);
-            await formRef.current?.submit();
-            onSubmitSuccess?.();
-            reset();
-        }
-        catch (error) {
-            if (error instanceof Object) {
-                if ('response' in error && error.response instanceof Response) {
-                    const response = error.response;
-                    const body = await response.json();
-                    setErrorMsgs(getCommonErrors(body, i18n));
-                }
-                else if ('message' in error && typeof error.message === 'string') {
-                    setErrorMsgs([error.message]);
-                }
-            }
-        }
-        finally {
-            setSubmitting(false);
-        }
-    }, [formRef, i18n, reset, onSubmitSuccess]);
-    return {
-        submitting,
-        errorMsgs,
-        reset,
-        onSubmit,
-    };
-}

package/lib/src/i18n.js

@@ -1,19 +0,0 @@
-import i18n from 'i18next';
-import { initReactI18next, useTranslation } from 'react-i18next';
-import { D2Locales } from 'src/locales';
-export const resources = D2Locales;
-i18n.use(initReactI18next).init({
-    supportedLngs: ['en-US', 'zh-CN'],
-    resources,
-    ns: Object.keys(resources['zh-CN']),
-    defaultNS: 'dovetail',
-    fallbackLng: ['en-US', 'zh-CN'],
-    lng: 'zh-CN',
-    nsSeparator: '.',
-});
-export const useD2Translation = () => {
-    return useTranslation(undefined, {
-        i18n,
-    });
-};
-export default i18n;

package/lib/src/index.js

@@ -1,13 +0,0 @@
-import i18n from './i18n';
-export const dovetailRefineI18n = i18n;
-export { D2Locales } from './locales';
-export * from './providers';
-export * from './hooks';
-export * from './components';
-export * from './constants';
-export * from './hooks';
-export * from './Dovetail';
-export * from './types';
-export * from './contexts';
-export * from './models';
-export * from './plugins';

package/lib/src/locales/en-US/dovetail.json

@@ -1,18 +0,0 @@
-{
-    "copy": "Copy",
-    "reset_arguments": "Reset",
-    "view_changes": "Show Diff",
-    "back_to_edit": "Edit",
-    "configure_file": "Configuration",
-    "yaml_format_wrong": "Configuration is in an invalid YAML format.",
-    "yaml_value_wrong": "Configuration has invalid values.",
-    "edit_yaml": "Edit YAML",
-    "copied": "Copied",
-    "already_reset": "Already reset",
-    "fetch_schema_fail": "Failed to fetch schema.",
-    "obtain_data_error": "Having trouble getting data.",
-    "retry": "Retry",
-    "create_resource": "Create {{resource}}",
-    "edit_resource": "Edit {{resource}}",
-    "status": "Status"
-}

package/lib/src/locales/en-US/index.js

@@ -1,4 +0,0 @@
-import dovetail from './dovetail.json';
-export default {
-    dovetail,
-};

package/lib/src/locales/index.js

@@ -1,6 +0,0 @@
-import D2LocalesEN from './en-US';
-import D2LocalesZH from './zh-CN';
-export const D2Locales = {
-    'en-US': D2LocalesEN,
-    'zh-CN': D2LocalesZH,
-};

package/lib/src/locales/zh-CN/dovetail.json

@@ -1,91 +0,0 @@
-{
-    "copy": "复制",
-    "reset_arguments": "重置",
-    "view_changes": "查看改动",
-    "back_to_edit": "编辑",
-    "configure_file": "配置内容",
-    "yaml_format_wrong": "配置内容不是有效的 yaml 格式。",
-    "yaml_value_wrong": "配置内容中存在不合法的值。",
-    "edit_yaml": "编辑 YAML",
-    "copied": "已复制",
-    "already_reset": "已重置",
-    "cancel": "取消",
-    "delete": "删除",
-    "create": "创建",
-    "confirm_delete_text": "确定要删除 {{target}} 吗？",
-    "edit": "编辑",
-    "namespace": "名字空间",
-    "name": "名称",
-    "state": "状态",
-    "status": "状态",
-    "phase": "状态",
-    "image": "容器镜像",
-    "replicas": "副本数",
-    "created_time": "创建时间",
-    "label": "标签",
-    "annotation": "注释",
-    "type": "类型",
-    "event": "事件",
-    "reason": "原因",
-    "object": "对象",
-    "note": "事件信息",
-    "condition": "Condition",
-    "download_yaml": "下载 YAML",
-    "detail": "详情",
-    "node_name": "主机名称",
-    "restarts": "重启次数",
-    "updated_time": "更新时间",
-    "message": "消息",
-    "save": "保存",
-    "more": "更多",
-    "workload": "工作负载",
-    "all_namespaces": "所有名字空间",
-    "empty": "无可显示的数据",
-    "schedule": "调度时间表",
-    "lastScheduleTime": "上次调度时间",
-    "duration": "持续时间",
-    "completions": "完成 Job 历史数",
-    "started": "开始时间",
-    "init_container": "初始化容器",
-    "container": "容器",
-    "redeploy": "重新部署",
-    "data": "数据",
-    "suspend": "暂停",
-    "resume": "重新开始",
-    "cluster": "集群",
-    "storage": "存储",
-    "network": "网络",
-    "clusterIp": "集群 IP",
-    "sessionAffinity": "会话保持",
-    "log": "日志",
-    "select_container": "选择容器",
-    "wrap": "折叠",
-    "resume_log": "继续",
-    "log_new_lines": "，并展示 {{ count }} 行新日志",
-    "fetch_schema_fail": "获取 schema 失败。",
-    "obtain_data_error": "获取数据时遇到问题。",
-    "retry": "重试",
-    "ready": "就绪",
-    "updating": "更新中",
-    "completed": "完成",
-    "failed": "异常",
-    "suspended": "挂起",
-    "running": "运行中",
-    "terminating": "终止",
-    "succeeded": "成功终止",
-    "unknown": "未知",
-    "pending": "待处理",
-    "waiting": "等待中",
-    "create_resource": "创建 {{resource}}",
-    "edit_resource": "编辑 {{resource}}",
-    "sec": "秒",
-    "min": "分",
-    "hr": "小时",
-    "day": "天",
-    "expand": "展开",
-    "fold": "收起",
-    "rule": "规则",
-    "default_backend": "默认后端",
-    "ingress_rule_type": "规则类型",
-    "port": "端口"
-}

package/lib/src/locales/zh-CN/index.js

@@ -1,4 +0,0 @@
-import dovetail from './dovetail.json';
-export default {
-    dovetail,
-};

package/lib/src/main.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { initParrotI18n } from '@cloudtower/eagle';
-import React from 'react';
-// eslint-disable-next-line react/no-deprecated
-import { render } from 'react-dom';
-import App from './App';
-import './i18n';
-import 'antd/dist/antd.css';
-import '@cloudtower/eagle/dist/style.css';
-initParrotI18n();
-const container = document.getElementById('root');
-render(_jsx(React.StrictMode, { children: _jsx(React.Suspense, { fallback: "loading", children: _jsx(App, {}) }) }), container);

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

@@ -1,32 +0,0 @@
-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

@@ -1,17 +0,0 @@
-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

@@ -1,17 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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

@@ -1,14 +0,0 @@
-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

@@ -1,24 +0,0 @@
-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

@@ -1,56 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,34 +0,0 @@
-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,
-                }),
-            },
-        };
-    }
-}