@ aonic-ui/ 管道

@anic-pipelines UI 组件库提供一套自定义且易于使用的组件,用于用React构建现代的网络应用程序. 它包含UI组件,公用设施以及可用于tekton基于网络控制台的类型.

开始

安装

npm install @aonic-ui/pipelines

使用量

基础

import { Output, usePipelineRunOutput } from '@aonic-ui/pipelines';

// Example usage of Output component

<Output
  pipelineRunName="pipelineRunName"
  pipelineRunStatus="Succeeded"
  results={[{name: 'result-1',value: 'value'}]}/>

使用助手函数

import { Output, usePipelineRunOutput } from '@aonic-ui/pipelines';

  const output = usePipelineRunOutput(
    mockData.pipelineRun as PipelineRunKind,
    mockData.taskRuns,
    getLogs);

  const getLogs = (podName, containerName): Promise<string> => {

    // fetching the pod logs code goes here.

    return Promise.resolve('logs...')
  }

  return (
  <Output
  results={output.results.data}
  pipelineRunName="pipelineRunName"
  pipelineRunStatus={output.status}
  enterpriseContractPolicies={output.ec?.data}
  acsImageScanResult={output.acsImageScan?.data}
  acsImageCheckResults={output.acsImageCheck?.data}
  acsDeploymentCheckResults={output.acsDeploymentCheck?.data}
  />
  )