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

package/lib/src/utils/selector.js

@@ -0,0 +1,12 @@
+export function matchSelector(pod, selector) {
+    let match = true;
+    // TODO: support complete selector match strategy
+    // https://github.com/rancher/dashboard/blob/master/shell/utils/selector.js#L166
+    for (const key in selector.matchLabels) {
+        if (!pod.metadata?.labels?.[key] ||
+            pod.metadata.labels?.[key] !== selector.matchLabels[key]) {
+            match = false;
+        }
+    }
+    return match;
+}

package/lib/src/utils/string.js

@@ -0,0 +1,6 @@
+export function shortenedImage(image) {
+    return (image || '')
+        .replace(/^(index\.)?docker.io\/(library\/)?/, '')
+        .replace(/:latest$/, '')
+        .replace(/^(.*@sha256:)([0-9a-f]{8})[0-9a-f]+$/i, '$1$2…');
+}

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

@@ -1,5 +1,10 @@
 export declare function getSecondsDiff(startDate: string, endDate: string): number;
-export declare function elapsedTime(seconds: number): {
+export declare function elapsedTime(seconds: number, i18nMap: {
+    min: string;
+    sec: string;
+    hr: string;
+    day: string;
+}): {
     diff?: undefined;
     label?: undefined;
 } | {

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

@@ -0,0 +1,12 @@
+type FormatOptions = {
+    increment: number;
+    suffix: string | null;
+    firstSuffix: string | null;
+    startingExponent: number;
+    minExponent: number;
+    maxPrecision: number;
+    atLeastOne: boolean;
+};
+export declare function formatSi(inValue: number, options?: Partial<FormatOptions>): string;
+export declare function parseSi(inValue: string, increment?: number | null, allowFractional?: boolean): number;
+export {};

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

@@ -1,2 +1,2 @@
-declare const _default: import("vite").UserConfigExport;
+declare const _default: import("vite").UserConfig;
 export default _default;

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.2",
+  "version": "0.0.30.beta-0",
   "type": "module",
   "files": [
     "dist",
@@ -10,15 +10,17 @@
   "module": "./dist/refine.js",
   "types": "./lib/src/index.d.ts",
   "dependencies": {
-    "@cloudtower/eagle": "^0.26.11",
-    "@cloudtower/icons-react": "^0.26.11",
+    "@cloudtower/eagle": "^0.27.59",
+    "@cloudtower/icons-react": "^0.27.59",
+    "@patternfly/react-core": "^5.1.1",
+    "@patternfly/react-log-viewer": "^5.0.0",
     "@refinedev/core": "^4.38.0",
     "@refinedev/inferencer": "^4.5.4",
     "antd": "4.5.0",
     "dayjs": "^1.11.10",
-    "i18next": "^20.1.0",
+    "i18next": "^23.2.3",
     "js-yaml": "^4.1.0",
-    "k8s-api-provider": "^0.0.6",
+    "k8s-api-provider": "0.0.16",
     "ky": "^0.33.3",
     "lodash-es": "^4.17.21",
     "mitt": "^3.0.1",
@@ -34,10 +36,15 @@
   "devDependencies": {
     "@babel/core": "^7.4.0",
     "@babel/preset-env": "^7.1.6",
+    "@babel/preset-typescript": "^7.10.4",
+    "@kubernetes/client-node": "^0.20.0",
     "@linaria/core": "^4.5.4",
     "@linaria/react": "^4.5.4",
     "@linaria/vite": "^4.5.4",
+    "@playwright/test": "^1.39.0",
     "@refinedev/cli": "^2.9.0",
+    "@types/body-parser": "^1.19.5",
+    "@types/jest": "^29",
     "@types/js-yaml": "^4.0.6",
     "@types/json-schema": "^7.0.13",
     "@types/lodash-es": "^4.17.9",
@@ -49,27 +56,35 @@
     "@typescript-eslint/eslint-plugin": "^6.7.5",
     "@typescript-eslint/parser": "^6.7.5",
     "@vitejs/plugin-react": "^4.0.0",
+    "body-parser": "^1.20.2",
     "eslint": "^8.38.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.3.4",
+    "jest": "^29",
     "kubernetes-types": "^1.26.0",
-    "vite": "^3.2.7"
+    "ts-jest": "^29",
+    "vite": "^4.5.2",
+    "vite-plugin-commonjs": "^0.10.0"
   },
   "peerDependencies": {
-    "@cloudtower/eagle": "^0.26.9",
-    "@cloudtower/icons-react": "^0.26.9",
+    "@cloudtower/eagle": "^0.27.70",
+    "@cloudtower/icons-react": "^0.27.70",
     "@refinedev/core": "^4.38.0",
     "antd": "4.5.0",
-    "i18next": "^20.1.0",
+    "i18next": "^23.2.3",
     "react": "^16.12.0",
     "react-dom": "^16.12.0",
     "react-router-dom": "^5.1.2"
   },
   "scripts": {
     "dev": "refine dev",
+    "dev:test": "VITE_IS_TEST=true refine dev",
     "build": "tsc --emitDeclarationOnly && vite build",
     "preview": "refine start",
     "refine": "refine",
+    "unit-test": "jest",
+    "playwright-test": "npx playwright test --workers 1",
+    "test": "yarn unit-test && yarn playwright-test",
     "lint": "eslint src --ext .ts,.tsx"
   },
   "browserslist": {