@dovetail-v2/refine 0.0.2 → 0.0.3-0.beta-0

package/lib/src/hooks/useK8sYamlEditor.js

@@ -0,0 +1,37 @@
+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.d.ts

@@ -0,0 +1,5 @@
+interface UseOpenFormOptions {
+    id?: string;
+}
+export declare function useOpenForm(options?: UseOpenFormOptions): () => void;
+export {};

package/lib/src/hooks/useOpenForm.js

@@ -0,0 +1,43 @@
+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.d.ts

@@ -1,7 +1,14 @@
 import { type IResourceItem } from '@refinedev/core';
 import { JSONSchema7 } from 'json-schema';
-type useSchemaOptions = {
+type UseSchemaOptions = {
     resource?: IResourceItem;
+    skip?: boolean;
 };
-export declare function useSchema(options?: useSchemaOptions): JSONSchema7 | null;
+type UseSchemaResult = {
+    schema: JSONSchema7 | null;
+    loading: boolean;
+    error: Error | null;
+    fetchSchema: () => void;
+};
+export declare function useSchema(options?: UseSchemaOptions): UseSchemaResult;
 export {};

package/lib/src/hooks/useSchema.js

@@ -0,0 +1,37 @@
+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.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface UseSubmitFormOptions {
+    formRef: React.MutableRefObject<{
+        submit: () => (Promise<unknown> | undefined);
+    } | null>;
+    onSubmitSuccess?: () => void;
+}
+export declare function useSubmitForm(options: UseSubmitFormOptions): {
+    submitting: boolean;
+    errorMsgs: string[];
+    reset: () => void;
+    onSubmit: () => Promise<void>;
+};
+export {};

package/lib/src/hooks/useSubmitForm.js

@@ -0,0 +1,42 @@
+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.d.ts

@@ -12,6 +12,12 @@ export declare const resources: {
             edit_yaml: string;
             copied: string;
             already_reset: string;
+            fetch_schema_fail: string;
+            obtain_data_error: string;
+            retry: string;
+            create_resource: string;
+            edit_resource: string;
+            status: string;
         };
     };
     'zh-CN': {
@@ -42,6 +48,10 @@ export declare const resources: {
             label: string;
             annotation: string;
             type: string;
+            event: string;
+            reason: string;
+            object: string;
+            note: string;
             condition: string;
             download_yaml: string;
             detail: string;
@@ -59,13 +69,48 @@ export declare const resources: {
             duration: string;
             completions: string;
             started: string;
-            ready: string;
             init_container: string;
             container: string;
             redeploy: string;
             data: string;
             suspend: string;
             resume: string;
+            cluster: string;
+            storage: string;
+            network: string;
+            clusterIp: string;
+            sessionAffinity: string;
+            log: string;
+            select_container: string;
+            wrap: string;
+            resume_log: string;
+            log_new_lines: string;
+            fetch_schema_fail: string;
+            obtain_data_error: string;
+            retry: string;
+            ready: string;
+            updating: string;
+            completed: string;
+            failed: string;
+            suspended: string;
+            running: string;
+            terminating: string;
+            succeeded: string;
+            unknown: string;
+            pending: string;
+            waiting: string;
+            create_resource: string;
+            edit_resource: string;
+            sec: string;
+            min: string;
+            hr: string;
+            day: string;
+            expand: string;
+            fold: string;
+            rule: string;
+            default_backend: string;
+            ingress_rule_type: string;
+            port: string;
         };
     };
 };

package/lib/src/i18n.js

@@ -0,0 +1,19 @@
+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.d.ts

@@ -1,6 +1,11 @@
+export declare const dovetailRefineI18n: import("i18next").i18n;
 export * from './providers';
 export * from './hooks';
-export * from './components/Form';
-export * from './components/ResourceCRUD';
+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/index.js

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

@@ -0,0 +1,18 @@
+{
+    "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.d.ts

@@ -10,6 +10,12 @@ declare const _default: {
         edit_yaml: string;
         copied: string;
         already_reset: string;
+        fetch_schema_fail: string;
+        obtain_data_error: string;
+        retry: string;
+        create_resource: string;
+        edit_resource: string;
+        status: string;
     };
 };
 export default _default;

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

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

package/lib/src/locales/index.js

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

@@ -0,0 +1,91 @@
+{
+    "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.d.ts

@@ -26,6 +26,10 @@ declare const _default: {
         label: string;
         annotation: string;
         type: string;
+        event: string;
+        reason: string;
+        object: string;
+        note: string;
         condition: string;
         download_yaml: string;
         detail: string;
@@ -43,13 +47,48 @@ declare const _default: {
         duration: string;
         completions: string;
         started: string;
-        ready: string;
         init_container: string;
         container: string;
         redeploy: string;
         data: string;
         suspend: string;
         resume: string;
+        cluster: string;
+        storage: string;
+        network: string;
+        clusterIp: string;
+        sessionAffinity: string;
+        log: string;
+        select_container: string;
+        wrap: string;
+        resume_log: string;
+        log_new_lines: string;
+        fetch_schema_fail: string;
+        obtain_data_error: string;
+        retry: string;
+        ready: string;
+        updating: string;
+        completed: string;
+        failed: string;
+        suspended: string;
+        running: string;
+        terminating: string;
+        succeeded: string;
+        unknown: string;
+        pending: string;
+        waiting: string;
+        create_resource: string;
+        edit_resource: string;
+        sec: string;
+        min: string;
+        hr: string;
+        day: string;
+        expand: string;
+        fold: string;
+        rule: string;
+        default_backend: string;
+        ingress_rule_type: string;
+        port: string;
     };
 };
 export default _default;

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

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

package/lib/src/main.d.ts

@@ -1 +1,3 @@
 import './i18n';
+import 'antd/dist/antd.css';
+import '@cloudtower/eagle/dist/style.css';

package/lib/src/main.js

@@ -0,0 +1,12 @@
+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.d.ts

@@ -0,0 +1,16 @@
+import { GlobalStore, Unstructured } from 'k8s-api-provider';
+import { CronJob } from 'kubernetes-types/batch/v1';
+import { WorkloadState } from '../constants';
+import { WorkloadBaseModel } from './workload-base-model';
+type RequiredCronJob = Required<CronJob> & Unstructured;
+export declare class CronJobModel extends WorkloadBaseModel {
+    _rawYaml: RequiredCronJob;
+    _globalStore: GlobalStore;
+    spec?: RequiredCronJob['spec'];
+    status?: RequiredCronJob['status'];
+    constructor(_rawYaml: RequiredCronJob, _globalStore: GlobalStore);
+    get stateDisplay(): WorkloadState.SUSPENDED | WorkloadState.RUNNING;
+    suspend(): RequiredCronJob;
+    resume(): RequiredCronJob;
+}
+export {};

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.d.ts

@@ -0,0 +1,14 @@
+import { GlobalStore, Unstructured } from 'k8s-api-provider';
+import { DaemonSet } from 'kubernetes-types/apps/v1';
+import { WorkloadState } from '../constants';
+import { WorkloadModel } from './workload-model';
+type RequiredDaemonSet = Required<DaemonSet> & Unstructured;
+export declare class DaemonSetModel extends WorkloadModel {
+    _rawYaml: RequiredDaemonSet;
+    _globalStore: GlobalStore;
+    spec?: RequiredDaemonSet['spec'];
+    status?: RequiredDaemonSet['status'];
+    constructor(_rawYaml: RequiredDaemonSet, _globalStore: GlobalStore);
+    get stateDisplay(): WorkloadState.UPDATEING | WorkloadState.READY;
+}
+export {};

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.d.ts

@@ -0,0 +1,14 @@
+import { GlobalStore, Unstructured } from 'k8s-api-provider';
+import { Deployment } from 'kubernetes-types/apps/v1';
+import { WorkloadState } from '../constants';
+import { WorkloadModel } from './workload-model';
+type RequiredDeployment = Required<Deployment> & Unstructured;
+export declare class DeploymentModel extends WorkloadModel {
+    _rawYaml: RequiredDeployment;
+    _globalStore: GlobalStore;
+    spec?: RequiredDeployment['spec'];
+    status?: RequiredDeployment['status'];
+    constructor(_rawYaml: RequiredDeployment, _globalStore: GlobalStore);
+    get stateDisplay(): WorkloadState.UPDATEING | WorkloadState.READY;
+}
+export {};

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;
+    }
+}