@dovetail-v2/refine 0.0.4 → 0.0.6

package/dist/style.css

@@ -1,6 +1,14 @@
-@charset "UTF-8";.w1akirqw{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
-.t30srnq{line-height:32px !important;}
-.s1bsn3us{width:1px;height:16px;border-radius:1px;background:rgba(172,186,211,0.6);}
+@charset "UTF-8";.b142d7q8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.b142d7q8 .breadcrumb-item:not(:last-of-type):after{content:'>';margin:0 8px;}
+.m1u1f5zp{color:#bec1d2;}
+.m8ychfk{margin-right:8px;}
+.p1o004do{margin-left:8px;}
+.eckm4od{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;}
+.e1hl982n{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.e1hl982n .title{margin-bottom:8px;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(211.41deg,#929dad 0%,#d3dbe3 100%);}
+.ax1qopv{position:absolute;top:0;left:0;bottom:0;width:1px;background:$blue-60;-webkit-transform:translateX(-9999px);-ms-transform:translateX(-9999px);transform:translateX(-9999px);z-index:999;}.ax1qopv::before{content:'';position:absolute;height:34px;width:3px;top:0;left:-1px;background:$blue-60;}
+.t1upn1sz{width:100%;border-top:1px solid rgba(211,218,235,0.6);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.t1upn1sz .ant-table-pagination{display:none;}.t1upn1sz .table-container{min-height:0;}
+.t1v3ienx{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:16px;}
+.c16agr8o{width:100%;}
+.c1dicff8{width:100%;}
 .t1joof7s{width:100%;padding:11px;border-bottom:1px solid rgba(211,218,235,0.6);background:rgba(225,230,241,0.6);border-top-left-radius:8px;border-top-right-radius:8px;}.t1joof7s.collapsed{border-bottom:0;}.t1joof7s svg{margin:auto;}.t1joof7s > .dovetail-ant-space-item{line-height:16px;}
 .tti58uh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:20px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.tti58uh .ant-space-item{line-height:1;}
 .e15yt16p{margin-top:1px;}
@@ -12,24 +20,18 @@
 .eh2qjnl{color:#f0483e;font-size:12px;line-height:18px;word-break:break-all;}
 .e19q2bnp{margin-top:8px;}
 .y16u5v3w .monaco-editor{border-bottom-left-radius:8px;border-bottom-right-radius:8px;}.y16u5v3w .monaco-editor .margin{border-bottom-left-radius:8px;}.y16u5v3w .monaco-editor .monaco-scrollable-element{border-bottom-right-radius:8px;}
-.e5ks0bl{-webkit-flex:1;-ms-flex:1;flex:1;height:100%;}
-.m1u1f5zp{color:#bec1d2;}
-.m8ychfk{margin-right:8px;}
-.p1o004do{margin-left:8px;}
-.eckm4od{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;}
-.e1hl982n{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.e1hl982n .title{margin-bottom:8px;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(211.41deg,#929dad 0%,#d3dbe3 100%);}
-.ax1qopv{position:absolute;top:0;left:0;bottom:0;width:1px;background:$blue-60;-webkit-transform:translateX(-9999px);-ms-transform:translateX(-9999px);transform:translateX(-9999px);z-index:999;}.ax1qopv::before{content:'';position:absolute;height:34px;width:3px;top:0;left:-1px;background:$blue-60;}
-.t1upn1sz{width:100%;border-top:1px solid rgba(211,218,235,0.6);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.t1upn1sz .ant-table-pagination{display:none;}.t1upn1sz .table-container{min-height:0;}
-.t1v3ienx{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:16px;}
-.laykzsq{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
-.t1ng0psc.table-wrapper{height:auto;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;min-height:0;}
-.c16agr8o{width:100%;}
 .t13a6vox{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%;}
 .t12ikbmp{max-width:256px;overflow:hidden;text-overflow:ellipsis;}
-.c1dicff8{width:100%;}
 .t9agep2{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;}
 .so89gfi{width:100%;overflow:auto;height:100%;width:100%;}
 .e1ohe42f{margin-top:16px;}
+.w1akirqw{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
+.t30srnq{line-height:32px !important;}
+.s1bsn3us{width:1px;height:16px;border-radius:1px;background:rgba(172,186,211,0.6);}
+.e5ks0bl{-webkit-flex:1;-ms-flex:1;flex:1;height:100%;}
+.laykzsq{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
+.t1ng0psc.table-wrapper{height:auto;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;min-height:0;}
+.wfg6u6g{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.wfg6u6g .usage-text{width:50px;text-align:right;}.wfg6u6g .usage-bar{height:12px;width:100px;position:relative;border-radius:2px;}.wfg6u6g .request-anchor{position:absolute;left:10%;top:-3px;height:18px;width:2px;background:#777;z-index:9;}.wfg6u6g .usage-fill-bar{position:absolute;left:0;top:0;height:100%;background:rgba(0,128,255,0.6);z-index:7;}.wfg6u6g .request-bar{position:absolute;left:0;top:0;height:100%;background:#d8deeb;z-index:5;}.wfg6u6g .request-to-limit-bar{position:absolute;right:0;top:0;height:100%;background:#d8deeb;z-index:5;}.wfg6u6g .request-to-limit-bar.no-limit{background:linear-gradient(to right,#d8deeb 50%,#d8deeb 50%);background-size:4px 100%;}.wfg6u6g .request-to-limit-bar.no-limit.exceed-request{background:linear-gradient(to right,#d8deeb 50%,rgba(0,128,255,0.6) 50%);background-size:4px 100%;}
 .mdppgn0.ant-menu{background:#edf0f7;padding:8px;}.mdppgn0.ant-menu .ant-menu-item-selected{background:linear-gradient(90deg,#0080ff,#005ed1);border-radius:6px;box-shadow:0 1px 2px rgba(184,192,204,0.6);color:#fff;}.mdppgn0.ant-menu .ant-menu-item-selected a:hover{color:#fff;}.mdppgn0.ant-menu .ant-menu-item:not(.ant-menu-item-selected):hover{background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0.6));border-radius:6px;box-shadow:0 0 4px rgba(235,239,245,0.6),0 8px 16px rgba(129,138,153,0.18);}
 .h16z07g.ant-layout-header{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;border-bottom:2px solid #edf0f7;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:50px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0 24px 0 14px;position:relative;z-index:10;}
 .c1i80kj{height:100%;}

package/lib/src/App.d.ts

@@ -1,6 +1,3 @@
 /// <reference types="react" />
-import './styles.css';
-import 'antd/dist/antd.css';
-import '@cloudtower/eagle/dist/style.css';
 declare function App(): JSX.Element;
 export default App;

package/lib/src/Dovetail.d.ts

@@ -1,3 +1,4 @@
+import { ResourceProps } from '@refinedev/core';
 import React from 'react';
 import './i18n';
 import './styles.css';
@@ -6,7 +7,10 @@ import '@cloudtower/eagle/dist/style.css';
 import { ResourceConfig } from './types';
 type Props = {
     resourcesConfig: ResourceConfig[];
+    useHashUrl?: boolean;
     urlPrefix: string;
+    refineResources?: ResourceProps[];
+    Layout?: React.FC<unknown>;
 };
 export declare const Dovetail: React.FC<Props>;
 export {};

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

@@ -0,0 +1,8 @@
+import React from 'react';
+type Props = {
+    usage: string;
+    requestNum: number;
+    limitNum: number;
+};
+export declare const ResourceUsageBar: React.FC<Props>;
+export {};

package/lib/src/components/ShowContent/fields.d.ts

@@ -13,4 +13,5 @@ export declare const ConditionsField: (i18n: i18n) => ShowField<WorkloadModel>;
 export declare const PodsField: (_: i18n) => ShowField<WorkloadModel>;
 export declare const JobsField: (_: i18n) => ShowField<WorkloadModel>;
 export declare const DataField: (i18n: i18n) => ShowField<ResourceModel>;
+export declare const SecretDataField: (i18n: i18n) => ShowField<ResourceModel>;
 export declare const StartTimeField: (i18n: i18n) => ShowField<JobModel>;

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

@@ -0,0 +1,33 @@
+export * from './Breadcrumb';
+export * from './Form';
+export * from './PageShow';
+export * from './Time';
+export * from './ConditionsTable';
+export * from './FormLayout';
+export * from './PodContainersTable';
+export * from './WorkloadDropdown';
+export * from './CreateButton';
+export * from './ImageNames';
+export * from './ResourceCRUD';
+export * from './WorkloadPodsTable';
+export * from './CronJobDropdown';
+export * from './K8sDropdown';
+export * from './ResourceUsageBar';
+export * from './WorkloadReplicas';
+export * from './CronjobJobsTable';
+export * from './KeyValue';
+export * from './Separator';
+export * from './YamlEditor';
+export * from './DeleteButton';
+export * from './Layout';
+export * from './ShowContent';
+export * from './YamlForm';
+export * from './DeleteManyButton';
+export * from './ListPage';
+export * from './StateTag';
+export * from './DrawerShow';
+export * from './Menu';
+export * from './Table';
+export * from './EditButton';
+export * from './NamespacesFilter';
+export * from './Tags';

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

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

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

@@ -1,2 +1,6 @@
 export * from './useEagleForm';
 export * from './useSchema';
+export * from './useDeleteModal';
+export * from './useEagleTable';
+export * from './useDownloadYAML';
+export * from './useEdit';

package/lib/src/hooks/useEagleTable/columns.d.ts

@@ -2,7 +2,7 @@ import { i18n } from 'i18next';
 import { Column } from '../../components/Table';
 import { JobModel, PodModel, ResourceModel } from '../../model';
 import { WorkloadModel } from '../../model/workload-model';
-export declare const CommonSorter: (dataIndex: string[]) => (a: unknown, b: unknown) => 1 | -1 | 0;
+export declare const CommonSorter: (dataIndex: string[]) => (a: unknown, b: unknown) => 0 | 1 | -1;
 export declare const NameColumnRenderer: <Model extends ResourceModel>(i18n: i18n, resource?: string) => Column<Model>;
 export declare const NameSpaceColumnRenderer: <Model extends ResourceModel>(i18n: i18n) => Column<Model>;
 export declare const PhaseColumnRenderer: <Model extends ResourceModel>(i18n: i18n) => Column<Model>;

package/lib/src/index.d.ts

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

package/lib/src/main.d.ts

@@ -1 +1 @@
-export {};
+import './i18n';

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

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

@@ -2,8 +2,8 @@ import { Job } from 'kubernetes-types/batch/v1';
 import { WithId } from '../types';
 import { WorkloadModel } from './workload-model';
 export declare class JobModel extends WorkloadModel<Job> {
-    data: WithId<Job>;
-    constructor(data: WithId<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

@@ -0,0 +1,7 @@
+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,9 +1,12 @@
 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> {
-    data: WithId<Pod>;
-    constructor(data: WithId<Pod>);
+    rawYaml: WithId<Pod>;
+    request: ResourceQuantity;
+    limit: ResourceQuantity;
+    constructor(rawYaml: WithId<Pod>);
     get imageNames(): string[];
     get restartCount(): number;
     get readyDisplay(): string;

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

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

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

@@ -5,8 +5,8 @@ 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 {
-    data: WithId<T>;
-    constructor(data: WithId<T>);
+    rawYaml: WithId<T>;
+    constructor(rawYaml: WithId<T>);
     get status(): T['status'];
     get spec(): T['spec'];
     get imageNames(): string[];

package/lib/src/providers/router-provider/index.d.ts

@@ -11,7 +11,7 @@ export declare const convertToNumberIfPossible: (value: string | undefined) => s
 export declare const routerProvider: {
     go: () => ({ to, type, query, hash, options: { keepQuery, keepHash } }: GoConfig) => string | void;
     back: () => () => void;
-    parse: () => () => ParseResponse<Record<string, any>>;
+    parse: () => () => ParseResponse;
     Link: React.ForwardRefExoticComponent<Pick<{
         [prop: string]: any;
         to: string;

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

@@ -0,0 +1,25 @@
+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/types/resource.d.ts

@@ -28,6 +28,7 @@ export type ResourceConfig<Raw extends Resource = Resource, Model extends Resour
     kind: string;
     basePath: string;
     apiVersion: string;
+    label: string;
     parent?: RESOURCE_GROUP;
     formatter?: (v: Raw) => Model;
     initValue?: Record<string, unknown>;
@@ -36,4 +37,5 @@ export type ResourceConfig<Raw extends Resource = Resource, Model extends Resour
     Dropdown?: React.FC<{
         data: Model;
     }>;
+    isCustom?: boolean;
 };

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dovetail-v2/refine",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "type": "module",
   "files": [
     "dist",
@@ -37,6 +37,7 @@
     "@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/js-yaml": "^4.0.6",
     "@types/json-schema": "^7.0.13",
@@ -67,9 +68,11 @@
   },
   "scripts": {
     "dev": "refine dev",
+    "dev:test": "VITE_IS_TEST=true refine dev",
     "build": "tsc --emitDeclarationOnly && vite build",
     "preview": "refine start",
     "refine": "refine",
+    "test": "npx playwright test --workers 1",
     "lint": "eslint src --ext .ts,.tsx"
   },
   "browserslist": {