@dovetail-v2/refine 0.0.66-pod-exec.0 → 0.1.0

package/lib/src/utils/time.js

@@ -0,0 +1,46 @@
+export function getSecondsDiff(startDate, endDate) {
+    return Math.round(Math.abs(Date.parse(endDate) - Date.parse(startDate)) / 1000);
+}
+export function elapsedTime(seconds, i18nMap) {
+    const { min, sec, hr, day } = i18nMap;
+    if (!seconds) {
+        return {};
+    }
+    if (seconds < 120) {
+        return {
+            diff: 1,
+            label: `${seconds} ${sec}`,
+        };
+    }
+    const minutes = Math.floor(seconds / 60);
+    if (minutes < 10) {
+        return {
+            diff: 1,
+            label: `${minutes} ${min} ${seconds - minutes * 60} ${sec}`,
+        };
+    }
+    const hours = Math.floor(seconds / 3600);
+    if (hours < 3) {
+        return {
+            diff: 60,
+            label: `${minutes} ${min}`,
+        };
+    }
+    const days = Math.floor(seconds / (3600 * 24));
+    if (days > 1) {
+        return {
+            diff: 60,
+            label: `${days} ${day} ${hours - days * 24} ${hr}`,
+        };
+    }
+    if (hours > 7) {
+        return {
+            diff: 60,
+            label: `${hours} ${hr}`,
+        };
+    }
+    return {
+        diff: 60,
+        label: `${hours} ${hr} ${minutes - hours * 60} ${min}`,
+    };
+}

package/lib/src/utils/unit.js

@@ -0,0 +1,69 @@
+const UNITS = ['', 'K', 'M', 'G', 'T', 'P'];
+const FRACTIONAL = ['', 'm', 'u', 'n', 'p', 'f']; // milli micro nano pico femto
+export function formatSi(inValue, options) {
+    const { increment = 1000, suffix = null, firstSuffix = null, startingExponent = 0, minExponent = 0, maxPrecision = 2, atLeastOne = true, } = options || {};
+    let val = inValue;
+    let exp = startingExponent;
+    while ((val >= increment && exp + 1 < UNITS.length) || exp < minExponent) {
+        val = val / increment;
+        exp++;
+    }
+    let out = 0;
+    if (val < 10 && maxPrecision >= 2) {
+        out = Math.round(val * 100) / 100;
+    }
+    else if (val < 100 && maxPrecision >= 1) {
+        out = Math.round(val * 10) / 10;
+    }
+    else {
+        out = Math.round(val);
+    }
+    if (atLeastOne && out === 0) {
+        out = 1;
+    }
+    let outStr = String(out);
+    if (exp === 0 && firstSuffix !== null) {
+        outStr += `${firstSuffix}`;
+    }
+    else {
+        outStr += `${UNITS[exp]}${suffix}` || '';
+    }
+    return outStr;
+}
+export function parseSi(inValue, increment = null, allowFractional = true) {
+    if (!inValue || typeof inValue !== 'string' || !inValue.length) {
+        return NaN;
+    }
+    inValue = inValue.replace(/,/g, '');
+    // eslint-disable-next-line prefer-const
+    let [, valStr, unit, incStr] = inValue.match(/^([0-9.-]+)\s*([^0-9.-]?)([^0-9.-]?)/) || [];
+    const val = parseFloat(valStr);
+    if (!unit) {
+        return val;
+    }
+    // micro "mu" symbol -> u
+    if (unit.charCodeAt(0) === 181) {
+        unit = 'u';
+    }
+    const divide = FRACTIONAL.includes(unit);
+    const multiply = UNITS.includes(unit.toUpperCase());
+    if (increment === null) {
+        // Automatically handle 1 KB = 1000B, 1 KiB = 1024B if no increment set
+        if ((multiply || divide) && incStr === 'i') {
+            increment = 1024;
+        }
+        else {
+            increment = 1000;
+        }
+    }
+    if (divide && allowFractional) {
+        const exp = FRACTIONAL.indexOf(unit);
+        return val / Math.pow(increment, exp);
+    }
+    if (multiply) {
+        const exp = UNITS.indexOf(unit.toUpperCase());
+        return val * Math.pow(increment, exp);
+    }
+    // Unrecognized unit character
+    return val;
+}

package/lib/src/utils/yaml.js

@@ -0,0 +1,44 @@
+import yaml from 'js-yaml';
+import { isObject } from 'lodash-es';
+import { generateSchemaTypeValue } from './schema';
+export function generateYamlBySchema(defaultValue, schema) {
+    const typeObject = generateSchemaTypeValue(schema);
+    function makeAnnotations(obj, key) {
+        const result = {};
+        if (isObject(obj[key])) {
+            result[`#${key}`] = {};
+            Object.keys(obj[key]).forEach(prop => {
+                result[`#${key}`] = {
+                    ...result[`#${key}`],
+                    ...makeAnnotations(obj[key], prop),
+                };
+            });
+        }
+        else {
+            result[`#${key}`] = obj[key];
+        }
+        return result;
+    }
+    function merge(obj1, obj2, merged = {}) {
+        for (const key in obj1) {
+            merged[key] = obj1[key];
+        }
+        for (const key in obj2) {
+            if (key in obj1) {
+                if (isObject(obj2[key]) && isObject(obj1[key])) {
+                    merged[key] = merge(obj1[key], obj2[key]);
+                }
+            }
+            else {
+                merged = {
+                    ...merged,
+                    ...makeAnnotations(obj2, key),
+                };
+            }
+        }
+        return merged;
+    }
+    const merged = merge(defaultValue, typeObject);
+    const content = yaml.dump(merged);
+    return content.replace(/(')(#.+?)(')/g, '$2').replace(/( +)(#)/g, '$2$1');
+}

package/lib/vite.config.js

@@ -0,0 +1,60 @@
+import path from 'path';
+import linaria from '@linaria/vite';
+import react from '@vitejs/plugin-react';
+import { defineConfig } from 'vite';
+import commonjs from 'vite-plugin-commonjs';
+// import { getProxyConfig } from './tools/proxy-k8s';
+export default defineConfig({
+    plugins: [commonjs(), react(), linaria()],
+    server: {
+        host: '0.0.0.0',
+        proxy: {
+            // '/proxy-k8s': getProxyConfig(),
+            '/api': {
+                target: process.env.API_HOST || 'http://192.168.28.26',
+                ws: true,
+                headers: {
+                    'x-skip-auth-verify': 'true',
+                },
+            },
+        },
+    },
+    optimizeDeps: {
+        exclude: ['monaco-yaml/yaml.worker.js']
+    },
+    build: {
+        minify: false,
+        lib: {
+            entry: path.resolve(__dirname, 'src/index.ts'),
+            name: 'dovetail',
+        },
+        rollupOptions: {
+            external: [
+                '@cloudtower/eagle',
+                '@cloudtower/icons-react',
+                '@refinedev/core',
+                '@refinedev/inferencer',
+                'antd',
+                'i18next',
+                'ky',
+                'lodash-es',
+                'mitt',
+                'qs',
+                'react',
+                'react-dom',
+                'react-router-dom',
+                'sunflower-antd',
+                'monaco-editor',
+                'monaco-yaml',
+                'js-yaml',
+                'k8s-api-provider',
+            ],
+        },
+    },
+    resolve: {
+        preserveSymlinks: true,
+        alias: {
+            src: path.resolve(__dirname, 'src'),
+        },
+    },
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dovetail-v2/refine",
-  "version": "0.0.66-pod-exec.0",
+  "version": "0.1.0",
   "type": "module",
   "files": [
     "dist",
@@ -17,16 +17,7 @@
     "@refinedev/core": "^4.47.2",
     "@refinedev/inferencer": "^4.5.20",
     "@refinedev/react-hook-form": "^4.8.14",
-    "@xterm/addon-attach": "^0.11.0",
-    "@xterm/addon-canvas": "^0.7.0",
-    "@xterm/addon-fit": "^0.10.0",
-    "@xterm/addon-search": "^0.15.0",
-    "@xterm/addon-web-links": "^0.11.0",
-    "@xterm/addon-webgl": "^0.18.0",
-    "@xterm/xterm": "^5.5.0",
     "antd": "4.5.0",
-    "buffer": "^6.0.3",
-    "copy-to-clipboard": "^3.3.3",
     "dayjs": "^1.11.10",
     "i18next": "^23.2.3",
     "js-yaml": "^4.1.0",

package/lib/src/components/ModalContextProvider/index.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-interface ModalInfo {
-    resource: string;
-    id?: string;
-}
-type ModalContextValue = ModalInfo & {
-    open: (info: ModalInfo) => void;
-    close: () => void;
-};
-export declare const ModalContext: React.Context<ModalContextValue>;
-declare function ModalContextProvider(props: React.PropsWithChildren<Record<string, unknown>>): JSX.Element;
-export default ModalContextProvider;

package/lib/src/components/PodDropdown/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { PodModel } from '../../models';
-import { DropdownSize } from '../K8sDropdown';
-type Props<Model extends PodModel> = {
-    record: Model;
-    size?: DropdownSize;
-};
-export declare function PodDropdown<Model extends PodModel>(props: React.PropsWithChildren<Props<Model>>): JSX.Element;
-export {};

package/lib/src/components/PodShellModal/PodShell.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import { SocketStatus } from 'src/components/Shell';
-import '@xterm/xterm/css/xterm.css';
-import { PodModel } from 'src/models/pod-model';
-export declare enum OS {
-    Linux = "linux",
-    Windows = "windows"
-}
-interface PodShellProps {
-    pod: PodModel;
-    basePath: string;
-    onSocketStatusChange?: (socketStatus: SocketStatus) => void;
-}
-interface PodShellHandler {
-    getAllTerminalContents: () => string[];
-}
-export declare const PodShell: React.ForwardRefExoticComponent<PodShellProps & React.RefAttributes<PodShellHandler>>;
-export {};

package/lib/src/components/PodShellModal/index.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { SocketStatus } from 'src/components/Shell';
-import { PodModel } from 'src/models';
-import { PodShell } from './PodShell';
-interface PodShellModalProps {
-    pod: PodModel;
-    onSocketStatusChange?: (socketStatus: SocketStatus) => void;
-}
-export declare function PodShellModal(props: PodShellModalProps): JSX.Element;
-export { PodShell };

package/lib/src/components/Shell/index.d.ts

@@ -1,50 +0,0 @@
-import { Terminal } from '@xterm/xterm';
-import React from 'react';
-import '@xterm/xterm/css/xterm.css';
-export declare enum SocketStatus {
-    Opening = "Opening",
-    Open = "Open",
-    Disconnected = "Disconnected"
-}
-export type ShellProps = React.PropsWithChildren<{
-    url: string;
-    protocols?: string;
-    encode: (input: string) => string | ArrayBufferLike | Blob | ArrayBufferView;
-    decode?: (output: string | ArrayBufferLike | Blob | ArrayBufferView) => string | ArrayBuffer;
-    fit?: (layout: {
-        rows: number;
-        cols: number;
-    }) => void;
-    onSocketInit?: (socket: WebSocket) => void;
-    onTermInit?: (term: Terminal) => void;
-    onSocketMessage?: (e: MessageEvent, socket: WebSocket, term: Terminal | null) => void;
-    onSocketOpen?: (socket: WebSocket) => void;
-    onSocketClose?: (socket: WebSocket, term: Terminal | null) => void;
-    onSocketStatusChange?: (socketStatus: SocketStatus) => void;
-}>;
-export interface ShellHandler {
-    clear: () => void;
-    send: (data: string | ArrayBufferLike | Blob | ArrayBufferView) => void;
-    getAllTerminalContents: () => string[];
-    setSocketStatus: React.Dispatch<React.SetStateAction<SocketStatus>>;
-    searchNext: (search: string) => void;
-    searchPrevious: (search: string) => void;
-}
-export declare const Shell: React.ForwardRefExoticComponent<{
-    url: string;
-    protocols?: string | undefined;
-    encode: (input: string) => string | ArrayBufferLike | Blob | ArrayBufferView;
-    decode?: ((output: string | ArrayBufferLike | Blob | ArrayBufferView) => string | ArrayBuffer) | undefined;
-    fit?: ((layout: {
-        rows: number;
-        cols: number;
-    }) => void) | undefined;
-    onSocketInit?: ((socket: WebSocket) => void) | undefined;
-    onTermInit?: ((term: Terminal) => void) | undefined;
-    onSocketMessage?: ((e: MessageEvent, socket: WebSocket, term: Terminal | null) => void) | undefined;
-    onSocketOpen?: ((socket: WebSocket) => void) | undefined;
-    onSocketClose?: ((socket: WebSocket, term: Terminal | null) => void) | undefined;
-    onSocketStatusChange?: ((socketStatus: SocketStatus) => void) | undefined;
-} & {
-    children?: React.ReactNode;
-} & React.RefAttributes<ShellHandler>>;

package/lib/src/components/Shell/zmodem/index.d.ts

@@ -1,51 +0,0 @@
-import { ITerminalAddon, Terminal } from '@xterm/xterm';
-import { Component } from 'react';
-export interface FlowControl {
-    limit: number;
-    highWater: number;
-    lowWater: number;
-    pause: () => void;
-    resume: () => void;
-}
-interface Props {
-    sender: (data: ArrayLike<number>) => void;
-    control: FlowControl;
-    modalDownload: boolean;
-    modalUpload: boolean;
-    change: (v: string) => void;
-    hideDownload: (v: boolean) => void;
-    hideUpload: (v: boolean) => void;
-}
-interface State {
-    value: string;
-}
-export declare class ZmodemAddon extends Component<Props, State> implements ITerminalAddon {
-    private terminal;
-    private keyDispose;
-    private sentry;
-    private session;
-    private written;
-    private pending;
-    constructor(props: Props);
-    render(): JSX.Element;
-    state: {
-        value: string;
-    };
-    onInput: (ev: any) => void;
-    onSubmit: (ev: any) => void;
-    componentWillUnmount(): Promise<void>;
-    activate(terminal: Terminal): void;
-    dispose(): void;
-    consume(data: ArrayBuffer): void;
-    private handleError;
-    private zmodemInit;
-    private zmodemReset;
-    private zmodemWrite;
-    private zmodemSend;
-    private zmodemDetect;
-    private sendFile;
-    private receiveFile;
-    private writeProgress;
-    private bytesHuman;
-}
-export {};

package/lib/src/hooks/useNamespaceFilter.d.ts

@@ -1,5 +0,0 @@
-import { CrudFilters } from '@refinedev/core';
-declare function useNamespaceRefineFilter(): {
-    permanent: CrudFilters;
-};
-export default useNamespaceRefineFilter;

package/lib/src/model/cronjob-model.d.ts

@@ -1,9 +0,0 @@
-import { CronJob } from 'kubernetes-types/batch/v1';
-import { WithId } from '../types';
-import { WorkloadModel } from './workload-model';
-export declare class CronJobModel extends WorkloadModel<CronJob> {
-    data: WithId<CronJob>;
-    constructor(data: WithId<CronJob>);
-    suspend(): WithId<CronJob>;
-    resume(): WithId<CronJob>;
-}

package/lib/src/model/index.d.ts

@@ -1,6 +0,0 @@
-export * from './job-model';
-export * from './pod-model';
-export * from './pod-metrics-model';
-export * from './resource-model';
-export * from './workload-model';
-export * from './cronjob-model';

package/lib/src/model/job-model.d.ts

@@ -1,10 +0,0 @@
-import { Job } from 'kubernetes-types/batch/v1';
-import { WithId } from '../types';
-import { WorkloadModel } from './workload-model';
-export declare class JobModel extends WorkloadModel<Job> {
-    rawYaml: WithId<Job>;
-    constructor(rawYaml: WithId<Job>);
-    get duration(): number;
-    get durationDisplay(): string | undefined;
-    get completionsDisplay(): string;
-}

package/lib/src/model/pod-metrics-model.d.ts

@@ -1,7 +0,0 @@
-import { PodMetrics, ResourceQuantity } from 'src/types/metric';
-import { ResourceModel } from './resource-model';
-export declare class PodMetricsModel extends ResourceModel {
-    data: PodMetrics;
-    usage: ResourceQuantity;
-    constructor(data: PodMetrics);
-}

package/lib/src/model/pod-model.d.ts

@@ -1,15 +0,0 @@
-import type { Pod } from 'kubernetes-types/core/v1';
-import { ResourceQuantity } from 'src/types/metric';
-import { WithId } from '../types';
-import { WorkloadModel } from './workload-model';
-export declare class PodModel extends WorkloadModel<Pod> {
-    rawYaml: WithId<Pod>;
-    request: ResourceQuantity;
-    limit: ResourceQuantity;
-    constructor(rawYaml: WithId<Pod>);
-    get imageNames(): string[];
-    get restartCount(): number;
-    get readyDisplay(): string;
-    get readyContainerCount(): number | undefined;
-    get containerCount(): number | undefined;
-}

package/lib/src/model/resource-model.d.ts

@@ -1,17 +0,0 @@
-import { Resource } from '../types';
-export declare class ResourceModel implements Resource {
-    rawYaml: Resource;
-    id: Resource['id'];
-    apiVersion: Resource['apiVersion'];
-    kind: Resource['kind'];
-    metadata: Resource['metadata'];
-    constructor(rawYaml: Resource);
-    get name(): string | undefined;
-    get namespace(): string | undefined;
-    get labels(): {
-        [name: string]: string;
-    } | undefined;
-    get annotations(): {
-        [name: string]: string;
-    } | undefined;
-}

package/lib/src/model/workload-model.d.ts

@@ -1,17 +0,0 @@
-import type { DaemonSet, Deployment, StatefulSet } from 'kubernetes-types/apps/v1';
-import type { CronJob, Job } from 'kubernetes-types/batch/v1';
-import { Pod } from 'kubernetes-types/core/v1';
-import { WithId } from '../types';
-import { ResourceModel } from './resource-model';
-type WorkloadTypes = Deployment | StatefulSet | Job | DaemonSet | CronJob | Pod;
-export declare class WorkloadModel<T extends WorkloadTypes = WorkloadTypes> extends ResourceModel {
-    rawYaml: WithId<T>;
-    constructor(rawYaml: WithId<T>);
-    get status(): T['status'];
-    get spec(): T['spec'];
-    get imageNames(): string[];
-    get restartCount(): number;
-    redeploy(): WithId<T>;
-    scale(value: number): WithId<T>;
-}
-export {};

package/lib/src/pages/nodes/hooks/useNodeMetrics.d.ts

@@ -1,17 +0,0 @@
-type MetricMap = Record<string, string>;
-type NodeMetrics = {
-    cpuUsed: MetricMap | null;
-    cpuUsage: MetricMap | null;
-};
-export interface PrometheusResponse {
-    data: {
-        result: {
-            metric: Record<string, string>;
-            value: [number, string];
-        }[];
-    };
-}
-export declare function transformMetricResult(response: PrometheusResponse, metricName?: string): Record<string, string>;
-export declare function getMonitorDatas(queries: string[], modelName?: string): Promise<Record<string, string>[]>;
-export declare function useNodeMetrics(): NodeMetrics;
-export {};

package/lib/src/pages/storageclasses/list/index.d.ts

@@ -1,3 +0,0 @@
-import { IResourceComponentsProps } from '@refinedev/core';
-import React from 'react';
-export declare const StorageClassList: React.FC<IResourceComponentsProps>;

package/lib/src/pages/storageclasses/show/index.d.ts

@@ -1,3 +0,0 @@
-import { IResourceComponentsProps } from '@refinedev/core';
-import React from 'react';
-export declare const StorageClassShow: React.FC<IResourceComponentsProps>;

package/lib/src/types/metric.d.ts

@@ -1,25 +0,0 @@
-import { Resource } from './resource';
-type Quantity = string;
-export type ContainerMetrics = {
-    name: string;
-    usage: {
-        cpu?: Quantity;
-        memory?: Quantity;
-    };
-};
-export type PodMetrics = {
-    timestamp: string;
-    window: string;
-    containers: ContainerMetrics[];
-} & Resource;
-export type ResourceQuantity = {
-    cpu: {
-        si: string;
-        value: number;
-    };
-    memory: {
-        si: string;
-        value: number;
-    };
-};
-export {};

package/lib/src/utils/shell.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="node" />
-import { Buffer } from 'buffer';
-export type QueryParams = {
-    [key: string]: string | string[];
-};
-export declare const stdin: (characters: string) => Buffer;
-export declare function addParam(url: string, key: string, val: string | string[]): string;
-export declare function addParams(url: string, params: QueryParams): string;
-declare enum Alphabet {
-    NORMAL = "normal",
-    URL = "url"
-}
-export declare function base64Encode(str: string, alphabet?: Alphabet): string;
-export declare function base64DecodeToBuffer(str: string): Buffer;
-export declare function base64Decode(str: string): string;
-export {};