@gpustack/core-ui 1.0.0

package/dist/src/lib/types/index.d.ts

@@ -0,0 +1,40 @@
+export type StatusType = 'error' | 'warning' | 'transitioning' | 'success' | 'inactive';
+type SchemaType = 'Input' | 'InputNumber' | 'TextArea' | 'Select' | 'Slider' | 'Textarea' | 'Checkbox' | 'Switch' | 'AutoComplete';
+export interface ParamsSchema {
+    type: SchemaType;
+    name: string;
+    label: {
+        text: string;
+        isLocalized?: boolean;
+    };
+    initAttrs?: (meta: any) => Record<string, any>;
+    dependencies?: string[];
+    style?: React.CSSProperties;
+    options?: Global.BaseOption<string | number | null>[];
+    value?: string | number | boolean | string[];
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    disabledConfig?: {
+        depends: string[];
+        when: (values: Record<string, any>) => boolean;
+    };
+    defaultValue?: string | number | boolean;
+    required?: boolean;
+    rules: {
+        required: boolean;
+        message?: string;
+        formatter?: (value: any) => any;
+    }[];
+    placeholder?: React.ReactNode;
+    attrs?: Record<string, any>;
+    formItemAttrs?: Record<string, any>;
+    description?: {
+        text: string;
+        html?: boolean;
+        isLocalized?: boolean;
+        isLink?: boolean;
+    };
+}
+export {};

package/dist/src/lib/types/table-fetch.d.ts

@@ -0,0 +1,71 @@
+type WatchConfig = {
+    watch?: false | undefined;
+    API?: string;
+    polling?: boolean;
+} | {
+    watch: true;
+    API: string;
+    polling?: false | undefined;
+} | {
+    polling: true;
+    watch: false | undefined;
+    API?: string;
+};
+type SortDirection = 'ascend' | 'descend' | null;
+type EventsType = 'CREATE' | 'UPDATE' | 'DELETE' | 'INSERT';
+export type UseTableFetchOptions<T> = {
+    key?: string;
+    fetchAPI: (params: any, options?: any) => Promise<Global.PageResponse<T>>;
+    deleteAPI?: (id: number, params?: any) => Promise<any>;
+    contentForDelete?: string;
+    defaultData?: any[];
+    events?: EventsType[];
+    defaultQueryParams?: Record<string, any>;
+    isInfiniteScroll?: boolean;
+    updateManually?: boolean;
+} & WatchConfig;
+export type UseTableFetchReturn<T> = {
+    dataSource: {
+        dataList: T[];
+        loading: boolean;
+        loadend: boolean;
+        total: number;
+        totalPage: number;
+    };
+    rowSelection: ReturnType<typeof import('../hooks/use-table-row-selection').default>;
+    sortOrder: ReturnType<typeof import('../hooks/use-table-sort').useTableMultiSort>['sortOrder'];
+    queryParams: {
+        page: number;
+        perPage: number;
+        search: string;
+        sort_by: string;
+        [key: string]: any;
+    };
+    modalRef: React.MutableRefObject<any>;
+    extraStatus: Record<string, any>;
+    TABLE_SORT_DIRECTIONS: SortDirection[];
+    debounceFetchData: () => void;
+    setDataSource: React.Dispatch<React.SetStateAction<UseTableFetchReturn<T>['dataSource']>>;
+    setQueryParams: React.Dispatch<React.SetStateAction<UseTableFetchReturn<T>['queryParams']>>;
+    handleDelete: (row: T & {
+        name: string;
+        id: number;
+    }, options?: any) => void;
+    handleDeleteBatch: (options?: any) => void;
+    fetchData: (externalParams?: {
+        query: Record<string, any>;
+        loadmore?: boolean;
+    }, polling?: boolean) => Promise<boolean>;
+    handlePageChange: (page: number, pageSize: number) => void;
+    handleTableChange: (pagination: any, filters: any, sorter: any, extra: any) => void;
+    handleSearch: () => void;
+    handleQueryChange: (params: any, options?: {
+        paginate?: boolean;
+    }) => Promise<void>;
+    loadMore: (nextPage: number) => void;
+    cancelChunkRequest: () => void;
+    createTableListChunkRequest: (params?: any) => Promise<void>;
+    handleNameChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+};
+export type TableFetchType = <T>(options: UseTableFetchOptions<T>) => UseTableFetchReturn<T>;
+export {};

package/dist/src/lib/utils/download-stream.d.ts

@@ -0,0 +1 @@
+export declare const downloadFile: (blob: Blob, filename: string) => void;

package/dist/src/lib/utils/epub-reader.d.ts

@@ -0,0 +1 @@
+export default function readEpubContent(file: File): Promise<string>;

package/dist/src/lib/utils/excel-reader.d.ts

@@ -0,0 +1,19 @@
+export default function readExcelContent(file: File): Promise<string>;
+interface FormatMap {
+    [key: string]: (value: any, row?: any) => any;
+}
+/**
+ * @param jsonData raw JSON data to export
+ * @param fields export fields (keys in the JSON objects)
+ * @param fieldLabels custom the table header labels
+ * @param formatMap custom the cell format functions
+ * @param fileName file name for the exported Excel file
+ */
+export declare function exportJsonToExcel(data: {
+    jsonData: any[];
+    fields: string[];
+    fieldLabels?: Record<string, string>;
+    formatMap?: FormatMap;
+    fileName: string;
+}): void;
+export {};

package/dist/src/lib/utils/fetch-chunk-data.d.ts

@@ -0,0 +1,55 @@
+export declare const errorHandler: (res: Response) => Promise<{
+    error: boolean;
+    data: any;
+    message?: undefined;
+} | {
+    error: boolean;
+    message: string;
+    data?: undefined;
+}>;
+/**
+ *
+ * @param params data: for post request, params: for get request
+ * @returns
+ */
+export declare const fetchChunkedData: (params: {
+    data?: any;
+    url: string;
+    params?: any;
+    signal?: AbortSignal;
+    method?: string;
+    headers?: any;
+}) => Promise<{
+    error: boolean;
+    data: any;
+    message?: undefined;
+} | {
+    error: boolean;
+    message: string;
+    data?: undefined;
+} | {
+    reader: ReadableStreamDefaultReader<Uint8Array<ArrayBuffer>> | undefined;
+    decoder: TextDecoder;
+}>;
+export declare const createFormData: (data: any) => FormData;
+export declare const fetchChunkedDataPostFormData: (params: {
+    data?: any;
+    url: string;
+    params?: any;
+    signal?: AbortSignal;
+    method?: string;
+    headers?: any;
+}) => Promise<{
+    error: boolean;
+    data: any;
+    message?: undefined;
+} | {
+    error: boolean;
+    message: string;
+    data?: undefined;
+} | {
+    reader: ReadableStreamDefaultReader<Uint8Array<ArrayBuffer>> | undefined;
+    decoder: TextDecoder;
+}>;
+export declare const readStreamData: (reader: ReadableStreamDefaultReader<Uint8Array>, decoder: TextDecoder, callback: (data: any[]) => void, throttleDelay?: number) => Promise<void>;
+export declare const readLargeStreamData: (reader: any, decoder: TextDecoder, callback: (data: any, done?: boolean) => void, throttleDelay?: number) => Promise<void>;

package/dist/src/lib/utils/index.d.ts

@@ -0,0 +1,52 @@
+export declare const isNotEmptyValue: (value: any) => boolean;
+export declare const isNotEmptyValueAllowNull: (value: any) => boolean;
+export declare const handleBatchRequest: (list: any[], fn: (args: any) => void) => Promise<PromiseSettledResult<void>[]>;
+export declare const convertFileSize: (sizeInBytes: number, prec?: number, allowEmpty?: boolean) => string | number;
+export declare const convertFileSizeByUnit: (params: {
+    sizeInBytes: number;
+    defaultUnit?: "B" | "KiB" | "MiB" | "GiB" | "TiB";
+    allowEmpty?: boolean;
+}) => string | number;
+export declare const platformCall: () => {
+    isMac: boolean;
+    isWin: boolean;
+};
+export declare const formatTime: (seconds: number) => string;
+export declare const formatNumber: (num: number) => string;
+export declare const formatLargeNumber: (value: number) => string | number;
+export declare function loadLanguageConfig(language: string): Record<string, string>;
+export declare function readBlob(blob: Blob): Promise<string>;
+export declare const cosineSimilarity: (vec1: number[], vec2: number[]) => number;
+export declare const isHTMLDocumentString: (str: string) => boolean;
+export declare const generateRandomNumber: () => number;
+export declare const base64ToFile: (base64String: string, fileName: string) => File | null;
+export declare const isOnline: () => boolean;
+export declare const genColors: ({ color, alpha1, alpha2 }: {
+    color: string;
+    alpha1?: number;
+    alpha2?: number;
+}) => any[];
+/**
+ * Parse a command-line parameter string into an array format.
+ * @param paramsString - The parameter string to parse (supports multiline).
+ * @returns An array of parameters, e.g. ['--param=value', '--flag']
+ *
+ * @example
+ * parseParamsString('--foo=bar --baz 123 --flag')
+ * // Returns: ['--foo=bar', '--baz=123', '--flag']
+ *
+ * parseParamsString(`--foo bar
+ * --baz=123`)
+ * // Returns: ['--foo=bar', '--baz=123']
+ */
+export declare const parseParamsString: (paramsString: string) => string[];
+export { downloadFile } from './download-stream';
+export { default as readEpubContent } from './epub-reader';
+export { exportJsonToExcel, default as readExcelContent } from './excel-reader';
+export { createFormData, errorHandler, fetchChunkedData, fetchChunkedDataPostFormData, readLargeStreamData, readStreamData } from './fetch-chunk-data';
+export { convertFileToBase64, loadAudioData, readAudioFile } from './load-audio-file';
+export { pcmToWav } from './pcm-to-wav';
+export { default as readPDFContent } from './pdf-reader';
+export { default as readPptxContent } from './pptx-reader';
+export { default as readHtmlContent } from './read-html';
+export { default as readWordContent } from './word-reader';

package/dist/src/lib/utils/load-audio-file.d.ts

@@ -0,0 +1,14 @@
+export declare const audioTypeMap: Record<string, string>;
+export declare const convertFileToBase64: (file: File) => Promise<string>;
+export declare const loadAudioData: (data: any, type: string) => Promise<{
+    data: Blob;
+    size: number | string;
+    type: string;
+    duration: number;
+    url: string;
+}>;
+export declare const readAudioFile: (file: File) => Promise<{
+    url: string;
+    name: string;
+    duration: number;
+}>;

package/dist/src/lib/utils/pcm-to-wav.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Convert PCM audio data to WAV format
+ * @param pcmData - Raw PCM audio data as ArrayBuffer
+ * @param sampleRate - Sample rate (default: 24000 Hz, common for TTS)
+ * @param numChannels - Number of channels (default: 1 for mono)
+ * @param bitsPerSample - Bits per sample (default: 16)
+ * @returns WAV format audio as Blob
+ */
+export declare function pcmToWav(pcmData: ArrayBuffer, sampleRate?: number, numChannels?: number, bitsPerSample?: number): Blob;

package/dist/src/lib/utils/pdf-reader.d.ts

@@ -0,0 +1,2 @@
+declare const readPDFContent: (file: File) => Promise<string>;
+export default readPDFContent;

package/dist/src/lib/utils/pptx-reader.d.ts

@@ -0,0 +1,2 @@
+declare const readPptxContent: (file: File) => Promise<string>;
+export default readPptxContent;

package/dist/src/lib/utils/read-html.d.ts

@@ -0,0 +1 @@
+export default function readHtmlContent(file: File): Promise<string>;

package/dist/src/lib/utils/watch-request.d.ts

@@ -0,0 +1,18 @@
+interface WatchRequest {
+    id: number;
+    token: any;
+    cancel: () => void;
+}
+declare global {
+    interface Window {
+        __GPUSTACK_WATCH_REQUEST_CLEAR__: {
+            watchIDValue: number;
+            requestList: WatchRequest[];
+        };
+    }
+}
+export declare const updateWatchIDValue: () => number;
+export declare const updateWatchRequest: (watchToken: WatchRequest) => void;
+export declare const cancelWatchRequest: (n: number) => void;
+export declare const clearWatchRequestId: (id: number) => void;
+export {};

package/dist/src/lib/utils/word-reader.d.ts

@@ -0,0 +1 @@
+export default function readWordContent(file: File): Promise<string>;

package/package.json

@@ -0,0 +1,138 @@
+{
+  "name": "@gpustack/core-ui",
+  "version": "1.0.0",
+  "private": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/src/index.d.ts",
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js"
+    },
+    "./style.css": "./dist/index.css"
+  },
+  "main": "./dist/index.cjs.js",
+  "module": "./dist/index.es.js",
+  "types": "./dist/src/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "pnpm clean && vite build",
+    "build:watch": "vite build --watch",
+    "clean": "rimraf dist",
+    "dev": "vite",
+    "lint": "eslint .",
+    "prepare": "husky",
+    "prepublishOnly": "pnpm build",
+    "preview": "vite preview",
+    "typecheck": "tsc -p tsconfig.app.json --noEmit"
+  },
+  "lint-staged": {
+    "*.{ts,tsx,js,jsx}": [
+      "eslint --fix",
+      "prettier --write"
+    ],
+    "*.{css,less,json}": [
+      "prettier --write"
+    ]
+  },
+  "dependencies": {
+    "@braintree/sanitize-url": "^7.1.1",
+    "@monaco-editor/react": "^4.6.0",
+    "@orcid/bibtex-parse-js": "^0.0.25",
+    "@xterm/addon-fit": "^0.10.0",
+    "@xterm/xterm": "^5.5.0",
+    "classnames": "^2.5.1",
+    "dayjs": "^1.11.20",
+    "dompurify": "^3.2.6",
+    "echarts": "^5.5.1",
+    "epubjs": "^0.3.93",
+    "file-saver": "^2.0.5",
+    "highlight.js": "^11.10.0",
+    "jszip": "^3.10.1",
+    "katex": "^0.16.21",
+    "lamejs": "github:zhuker/lamejs",
+    "mammoth": "^1.8.0",
+    "marked": "^14.1.0",
+    "monaco-editor": "^0.30.1",
+    "monaco-yaml": "^4.0.0",
+    "overlayscrollbars-react": "^0.5.6",
+    "pdfjs-dist": "^4.7.76",
+    "query-string": "9",
+    "rc-resize-observer": "^1.4.3",
+    "re-resizable": "^6.10.1",
+    "react-hotkeys-hook": "^4.5.0",
+    "react-intersection-observer": "^9.16.0",
+    "react-markdown": "^9.0.3",
+    "rehype-katex": "^7.0.1",
+    "remark-breaks": "^4.0.0",
+    "remark-gfm": "^4.0.1",
+    "remark-math": "^6.0.0",
+    "simplebar-react": "^3.2.6",
+    "tinycolor2": "^1.6.0",
+    "wavesurfer.js": "^7.8.8",
+    "xlsx": "https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz"
+  },
+  "devDependencies": {
+    "@ant-design/icons": ">=6.0.0",
+    "@eslint/js": "^9.39.4",
+    "@types/lodash": "^4.17.24",
+    "@types/node": "^25.0.3",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^8.58.1",
+    "@typescript-eslint/parser": "^8.58.1",
+    "@vitejs/plugin-react": "^6.0.1",
+    "ahooks": ">=3.0.0",
+    "antd": ">=6.0.0",
+    "antd-style": ">=3.0.0",
+    "axios": ">=1.8.0",
+    "echarts": ">=5.0.0",
+    "eslint": "^9.39.4",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-import-resolver-typescript": "^4.4.4",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.5.2",
+    "eslint-plugin-unused-imports": "^4.4.1",
+    "globals": "^17.4.0",
+    "husky": "^9.1.7",
+    "less": "^4.6.4",
+    "lint-staged": "^16.4.0",
+    "lodash": ">=4.0.0",
+    "postcss-less": "^6.0.0",
+    "prettier": "^3.8.2",
+    "prettier-plugin-organize-imports": "^3.2.4",
+    "prettier-plugin-packagejson": "^2.5.0",
+    "prettier-plugin-two-style-order": "^1.0.1",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "rimraf": "^6.1.3",
+    "styled-components": ">=6.0.0",
+    "stylelint": "^17.6.0",
+    "stylelint-config-standard": "^40.0.0",
+    "stylelint-less": "^4.1.0",
+    "typescript": "~6.0.2",
+    "typescript-eslint": "^8.58.0",
+    "vite": "^8.0.8",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "peerDependencies": {
+    "@ant-design/icons": ">=6.0.0",
+    "ahooks": ">=3.0.0",
+    "antd": ">=6.0.0",
+    "antd-style": ">=3.0.0",
+    "axios": ">=1.8.0",
+    "echarts": ">=5.0.0",
+    "lodash": ">=4.0.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "styled-components": ">=6.0.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  }
+}