@devops-flow/devops-flow-pipeline-detail 0.0.37

package/es/components/detailMain/recent/index.js

@@ -0,0 +1,113 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["loading", "onBuildNumberChange", "onPipelineStatusChanged", "haveHistoryPip"];
+import React, { useEffect, useState } from 'react';
+import { Loading } from '@teamix/ui';
+import imgSrc from "../../../assets/img-src";
+import intl from "../../../locale";
+import "./index.scss";
+import { GetLatestPipelineRun } from "../../../utils/api";
+import PipelineInstance from "../../common/teambition/pipeline-instance-new";
+import RunPipelineButton from "../../common/teambition/run-pipeline-btn";
+import MessagePage from "../../common/teambition/message-page";
+var Current = function Current(_ref) {
+  var parentLoading = _ref.loading,
+    onBuildNumberChange = _ref.onBuildNumberChange,
+    onPipelineStatusChanged = _ref.onPipelineStatusChanged,
+    haveHistoryPip = _ref.haveHistoryPip,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var pipelineId = props.pipelineId,
+    type = props.type;
+  var _useState = useState(),
+    instance = _useState[0],
+    setInstance = _useState[1];
+  var _useState2 = useState(true),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var _useState3 = useState(false),
+    canExecutePipeline = _useState3[0],
+    setCanExecutePipeline = _useState3[1];
+  var _useState4 = useState(false),
+    canEditPipeline = _useState4[0],
+    setCanEditPipeline = _useState4[1];
+  useEffect(function () {
+    return function () {
+      return onBuildNumberChange === null || onBuildNumberChange === void 0 ? void 0 : onBuildNumberChange(undefined, false);
+    };
+  }, []);
+  var getLatestPipeline = function getLatestPipeline() {
+    GetLatestPipelineRun(pipelineId).then(function (res) {
+      setLoading(false);
+      setInstance(res);
+    })["catch"](function () {
+      setLoading(false);
+    });
+  };
+  useEffect(function () {
+    getLatestPipeline();
+    var intervalId = setInterval(function () {
+      getLatestPipeline();
+    }, 5000);
+
+    // 清理定时器
+    return function () {
+      clearInterval(intervalId);
+    };
+  }, [pipelineId]); // 依赖数组包含 pipelineId
+
+  if (loading) {
+    return /*#__PURE__*/React.createElement(Loading, {
+      inline: false,
+      style: {
+        marginTop: (innerHeight - 95) / 2 + "px",
+        transform: 'translateY(-50%)',
+        height: 48
+      }
+    });
+  }
+  if (!instance) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        overflow: 'auto',
+        height: '100%'
+      }
+    }, /*#__PURE__*/React.createElement(MessagePage, {
+      title: intl.get({
+        id: 'rdc-tb-cd-assets.detailMain.current.TheCurrentPipelineIsNot',
+        defaultMessage: '当前流水线尚未运行'
+      }),
+      message: intl.get({
+        id: 'rdc-tb-cd-assets.detailMain.current.TryRunningThePipeline',
+        defaultMessage: '请尝试运行流水线'
+      }),
+      logo: imgSrc.Pipeline,
+      extra: canExecutePipeline && !type && /*#__PURE__*/React.createElement(RunPipelineButton, _extends({}, props, {
+        id: pipelineId,
+        text: intl.get({
+          id: 'rdc-tb-cd-assets.detailMain.current.RunNow',
+          defaultMessage: '立即运行'
+        }),
+        disabled: !canExecutePipeline,
+        onRunPost: function onRunPost() {
+          return getLatestPiepline();
+        },
+        onRunPipeline: props.onRunPipeline,
+        notJump: true
+      }))
+    }));
+  }
+  return /*#__PURE__*/React.createElement(PipelineInstance, {
+    key: pipelineId + (instance === null || instance === void 0 ? void 0 : instance.id),
+    pipelineId: pipelineId,
+    loading: loading,
+    instance: instance,
+    disabled: !canExecutePipeline,
+    isAdmin: canEditPipeline,
+    onRefresh: function onRefresh() {
+      return getLatestPiepline();
+    },
+    onPipelineStatusChanged: onPipelineStatusChanged,
+    haveHistoryPip: haveHistoryPip
+  });
+};
+export default Current;

package/es/components/detailNav/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import './index.scss';
+export declare const PERMISSION_PIPELINE_EXECUTE = "tb.flow.pipeline.run";
+export declare const PERMISSION_PIPELINE_EDIT = "tb.flow.pipeline.edit";
+export declare const BASE_INFO = "base-info";
+export declare const MEMBER_MANAGEMENT = "member-management";
+declare const TBDetailNav: (props: any) => JSX.Element;
+export default TBDetailNav;

package/es/components/detailNav/index.js

@@ -0,0 +1,352 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["pipelineId", "refreshMembers", "setRefreshMembers", "onRunPost"];
+import React, { useState, useEffect, useRef } from 'react';
+import { globalHistory } from '@reach/router';
+import { Button, Tab, Balloon } from '@teamix/ui';
+import { YunxiaoIcon } from '@alife/devops-ui';
+import PipelineMenu from "../common/teambition/pipeline-menu";
+import RunPipelineButton from "../common/teambition/run-pipeline-btn";
+import PipelineInfo from "../common/teambition/pipeline-info";
+import { BaiscIconFont } from "../common/teambition/icon-font";
+import exceed from "../../utils/apimap";
+import Member, { buildPiplineMembers } from "../common/teambition/yunxiao-member";
+import permissionUtil from "../../utils/permissionUtil";
+import intl from "../../locale";
+import "./index.scss";
+import { getFeature, insertIf } from "../../utils";
+var Tooltip = Balloon.Tooltip;
+export var PERMISSION_PIPELINE_EXECUTE = 'tb.flow.pipeline.run';
+export var PERMISSION_PIPELINE_EDIT = 'tb.flow.pipeline.edit';
+export var BASE_INFO = 'base-info';
+export var MEMBER_MANAGEMENT = 'member-management';
+// 控制开关: 控制是否显示回滚
+var displayRollback = true;
+var TBDetailNav = function TBDetailNav(props) {
+  var pipelineId = props.pipelineId,
+    refreshMembers = props.refreshMembers,
+    setRefreshMembers = props.setRefreshMembers,
+    _onRunPost = props.onRunPost,
+    others = _objectWithoutPropertiesLoose(props, _excluded);
+  var navigate = props.navigateR;
+  var currentKey = 'current';
+  if (location.pathname.indexOf('builds') > -1) {
+    currentKey = 'builds';
+  } else if (location.pathname.indexOf('history') > -1) {
+    currentKey = 'history';
+  } else if (location.pathname.indexOf('deployments') > -1) {
+    currentKey = 'deployments';
+  } else if (location.pathname.indexOf('metrics') > -1) {
+    currentKey = 'metrics';
+  }
+  var tips = intl.get({
+    id: 'rdc-tb-cd-assets.components.detailNav.ThisPipelineIsAPipeline',
+    defaultMessage: '该流水线为云效的系统服务自动创建的流水线，无法进行该操作'
+  });
+  var pipelineSystemType = props.pipelineSystemType,
+    setPipelineSystemType = props.setPipelineSystemType;
+  var _useState = useState(currentKey),
+    selectedNav = _useState[0],
+    setSelectedNav = _useState[1];
+  var _useState2 = useState(false),
+    buildNumber = _useState2[0],
+    setBuildNumber = _useState2[1];
+  var _useState3 = useState(false),
+    canEditPipeline = _useState3[0],
+    setCanEditPipeline = _useState3[1];
+  var _useState4 = useState(false),
+    canExecutePipeline = _useState4[0],
+    setCanExecutePipeline = _useState4[1];
+  var _useState5 = useState(false),
+    hasDeployHistory = _useState5[0],
+    setHasDeployHistory = _useState5[1];
+  var _useState6 = useState({}),
+    pipelineBaseInfo = _useState6[0],
+    setPipelineBaseInfo = _useState6[1];
+  var _useState7 = useState(false),
+    pipelineInfoVisible = _useState7[0],
+    setPipelineInfoVisible = _useState7[1];
+  var _useState8 = useState(MEMBER_MANAGEMENT),
+    selectedItem = _useState8[0],
+    setSelectedItem = _useState8[1];
+  var _useState9 = useState(''),
+    prevPathname = _useState9[0],
+    setPrevPathname = _useState9[1];
+  var disabled = !!pipelineSystemType; // 系统流水线禁用所有操作
+
+  var memberRef = useRef(null);
+  useEffect(function () {
+    setSelectedNav(currentKey);
+  }, [currentKey]);
+  useEffect(function () {
+    if (!refreshMembers) return;
+    memberRef.current && memberRef.current.updataMember();
+    setRefreshMembers(false);
+  }, [refreshMembers]);
+  var checkPipelinePermission = function checkPipelinePermission() {
+    permissionUtil.checkPermissionList([PERMISSION_PIPELINE_EXECUTE, PERMISSION_PIPELINE_EDIT], pipelineId, 'pipeline', window.AK_GLOBAL.currentUser.workid).then(function (data) {
+      setCanExecutePipeline(data[PERMISSION_PIPELINE_EXECUTE]);
+      setCanEditPipeline(data[PERMISSION_PIPELINE_EDIT]);
+    });
+  };
+  var setCurrentBuildNumber = function setCurrentBuildNumber(pathname) {
+    var match = (pathname || '').match(/builds\/(\d+)/);
+    if (match) {
+      setBuildNumber(match[1]);
+    }
+  };
+  var getDeployHistories = function getDeployHistories() {
+    exceed.fetch({
+      api: 'Pipeline.deployment.latest.successful',
+      data: {
+        pipelineId: pipelineId,
+        category: 'DEPLOY'
+      }
+    }).then(function (res) {
+      setHasDeployHistory(res.successful && res.object && res.object.length > 0);
+    })["catch"](console.error);
+  };
+
+  // 从编辑页返回更新流水线基本信息
+  useEffect(function () {
+    setPrevPathname(location.pathname);
+    if (prevPathname.includes("pipelines/" + pipelineId + "/edit") && location.pathname.includes("pipelines/" + pipelineId + "/current")) {}
+  }, [location.pathname]);
+  useEffect(function () {
+    checkPipelinePermission();
+    setCurrentBuildNumber(location.pathname);
+    getDeployHistories();
+    globalHistory.listen(function (_ref) {
+      var pathname = _ref.location.pathname;
+      setCurrentBuildNumber(pathname);
+    });
+  }, []);
+  var onMemberChange = function onMemberChange(_, objType, objId, memberList) {
+    if (memberList === void 0) {
+      memberList = [];
+    }
+    setTimeout(function () {
+      checkPipelinePermission();
+    }, 1000);
+    return new Promise(function (resolve, reject) {
+      if (!memberList.length) return reject();
+      var members = buildPiplineMembers(memberList, objType, objId);
+      if (!members.length) return reject();
+      var config = {
+        api: 'Member.batchOverrideResourceMembers',
+        data: {
+          members: JSON.stringify(members),
+          objType: objType,
+          objId: objId
+        }
+      };
+      exceed.fetch(config).then(function (_ref2) {
+        var successful = _ref2.successful;
+        if (!successful) {
+          return reject();
+        }
+        resolve();
+      })["catch"](reject);
+    });
+  };
+  var renderFooter = function renderFooter() {
+    var disabledTips = pipelineSystemType ? tips : intl.get({
+      id: 'rdc-tb-cd-assets.components.pipeline-operation.NoPermission',
+      defaultMessage: '无权限对流水线进行此操作，请联系拥有该流水线所有权限的管理员添加权限'
+    });
+    var runPipBtn = /*#__PURE__*/React.createElement(RunPipelineButton, _extends({}, others, {
+      id: pipelineId,
+      text: intl.get({
+        id: 'rdc-tb-cd-assets.components.detailNav.Run',
+        defaultMessage: '运行'
+      }),
+      key: "run-pipeline-btn-" + pipelineId,
+      icon: "play-line",
+      disabled: !canExecutePipeline || disabled,
+      disabledTips: disabledTips,
+      notJump: true,
+      onRunPipeline: props.onRunPipeline,
+      onRunPost: function onRunPost() {
+        if (selectedNav === 'current') {
+          _onRunPost();
+        }
+        if (selectedNav === 'history') {
+          navigate('./current');
+          setSelectedNav('current');
+        }
+      }
+    }));
+    var editPipBtnTrigger = /*#__PURE__*/React.createElement(Button, {
+      key: "btn-edit",
+      disabled: !canEditPipeline || disabled,
+      onClick: function onClick() {
+        return navigate('./edit');
+      }
+    }, /*#__PURE__*/React.createElement(BaiscIconFont, {
+      type: "edit-line",
+      style: {
+        marginRight: 4
+      }
+    }), intl.get({
+      id: 'rdc-tb-cd-assets.components.detailNav.Editing',
+      defaultMessage: '编辑'
+    }));
+    var editPipBtn = canEditPipeline && !disabled ? editPipBtnTrigger : /*#__PURE__*/React.createElement(Tooltip, {
+      trigger: editPipBtnTrigger,
+      align: "bl",
+      popupStyle: {
+        width: 292
+      }
+    }, disabledTips);
+    var deployHistoryPipBtn = /*#__PURE__*/React.createElement(Button, {
+      key: "btn-deploy-history",
+      disabled: !hasDeployHistory || !canExecutePipeline || disabled,
+      onClick: function onClick() {
+        setSelectedNav('deployments');
+        navigate('./deployments');
+      }
+    }, /*#__PURE__*/React.createElement(YunxiaoIcon, {
+      type: "historyrecord-line"
+    }), intl.get({
+      id: 'rdc-tb-cd-assets.components.detailNav.Rollback',
+      defaultMessage: '回滚'
+    }));
+    var pipMenu = /*#__PURE__*/React.createElement(PipelineMenu, {
+      onEdit: function onEdit() {
+        setPipelineInfoVisible(true);
+        setSelectedItem(BASE_INFO);
+      },
+      pipelineType: pipelineBaseInfo.pipelineType,
+      key: "btn-pipeline-menu",
+      pipelineId: pipelineId,
+      tips: tips,
+      disabled: disabled,
+      canEditPipeline: canEditPipeline
+    });
+    var pipMember = /*#__PURE__*/React.createElement(Member, {
+      inviteVisible: !disabled,
+      disabled: !canEditPipeline || disabled,
+      ref: memberRef,
+      key: disabled,
+      objId: pipelineId,
+      triggerTooltipAlign: "bl",
+      onChange: onMemberChange,
+      searchPlaceholder: intl.get({
+        id: 'rdc-tb-cd-assets.teambition.pipeline-info.FindMembers',
+        defaultMessage: '查找成员'
+      }),
+      noPermissionTips: intl.get({
+        id: 'rdc-tb-cd-assets.components.pipeline-operation.NoPermission',
+        defaultMessage: '无权限对流水线进行此操作，请联系拥有该流水线所有权限的管理员添加权限'
+      })
+    });
+
+    // const goNewDetail = (
+    //   <Button
+    //     text
+    //     type="primary"
+    //     size="small"
+    //     style={{ marginRight: 8 }}
+    //     onClick={() => {
+    //       setLocalStorageCache('useOldDetail', '');
+    //       window.location.reload();
+    //     }}
+    //   >
+    //     体验新版
+    //   </Button>
+    // );
+
+    var footer = [].concat(insertIf(!window.__isEmbedInAppstack, editPipBtn), insertIf(hasDeployHistory, deployHistoryPipBtn), [runPipBtn], insertIf(!window.__isEmbedInAppstack, pipMember), insertIf(canEditPipeline && !window.__isEmbedInAppstack, pipMenu));
+    return footer;
+  };
+  var buildNavDataSource = function buildNavDataSource() {
+    var dataSource = [{
+      key: 'current',
+      title: intl.get({
+        id: 'rdc-tb-cd-assets.components.detailNav.RecentlyRun',
+        defaultMessage: '最近运行'
+      })
+    }, {
+      key: 'history',
+      title: intl.get({
+        id: 'rdc-tb-cd-assets.components.detailNav.RunningHistory',
+        defaultMessage: '运行历史'
+      })
+    }];
+    if (hasDeployHistory) {
+      dataSource.push({
+        key: 'deployments',
+        title: intl.get({
+          id: 'rdc-tb-cd-assets.components.detailNav.DeploymentHistory',
+          defaultMessage: '部署历史'
+        })
+      });
+    }
+    var isSystemPipeline = !!props.pipelineSystemType;
+    if (getFeature('pipeline.insightMetric') && !isSystemPipeline) {
+      dataSource.push({
+        key: 'metrics',
+        title: intl.get({
+          id: 'rdc-tb-cd-assets.components.detailNav.StatisticalReport',
+          defaultMessage: '统计报表'
+        })
+      });
+    }
+    if (buildNumber) {
+      displayRollback && dataSource.push({
+        key: 'builds',
+        title: intl.get({
+          id: 'rdc-tb-cd-assets.components.detailNav.RunBuildnumber',
+          defaultMessage: '运行 #{buildNumber}'
+        }, {
+          buildNumber: buildNumber
+        })
+      });
+    }
+    return dataSource;
+  };
+  var onTabClick = function onTabClick(key) {
+    if (key === 'builds') {
+      navigate("./" + key + "/" + buildNumber, {
+        state: {
+          type: pipelineSystemType
+        }
+      });
+    } else {
+      navigate("./" + key, {
+        state: {
+          type: pipelineSystemType
+        }
+      });
+    }
+    setSelectedNav(/builds\/\d+/.test(key) ? 'builds' : key);
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tab, {
+    className: "detail-nav",
+    activeKey: selectedNav,
+    onClick: onTabClick,
+    extra: renderFooter()
+  }, buildNavDataSource().map(function (c) {
+    return /*#__PURE__*/React.createElement(Tab.Item, _extends({}, c, {
+      key: c.key
+    }));
+  })), pipelineInfoVisible && /*#__PURE__*/React.createElement(PipelineInfo, {
+    visible: pipelineInfoVisible,
+    defaultTab: selectedItem,
+    onClose: function onClose() {
+      setPipelineInfoVisible(false);
+      setSelectedItem(MEMBER_MANAGEMENT);
+    },
+    pipeline: pipelineBaseInfo,
+    setSelectedKey: function setSelectedKey(v) {
+      setSelectedItem(v);
+    },
+    onRefresh: function onRefresh() {
+      var clock = setTimeout(function () {
+        memberRef.current && memberRef.current.updataMember();
+        clearTimeout(clock);
+      }, 300);
+    }
+  }));
+};
+export default TBDetailNav;

package/es/components/detailNav/index.scss

@@ -0,0 +1,18 @@
+.detail-nav {
+  padding: 0 20px 0 56px;
+  border-bottom: 1px solid var(--color-brand3-2, #e9edf0);
+  background: var(--color-white, #fff);
+
+  .next-tabs-nav-extra {
+    display: flex;
+    align-items: center;
+
+    &>* {
+      margin-left: 12px;
+    }
+  }
+
+  .next-tabs-tab-inner {
+    padding: 12px 0 !important;
+  }
+}

package/es/components/detailNav/link.d.ts

@@ -0,0 +1,6 @@
+/**
+ * AT 组件库结合的路由 Link
+ */
+/// <reference types="react" />
+declare const NavLink: (props: any) => JSX.Element;
+export default NavLink;

package/es/components/detailNav/link.js

@@ -0,0 +1,24 @@
+/**
+ * AT 组件库结合的路由 Link
+ */
+
+import React from 'react';
+import { Link } from '@reach/router';
+var NavLink = function NavLink(props) {
+  var setSelectedNav = props.setSelectedNav,
+    keyword = props.keyword,
+    title = props.title,
+    buildNumber = props.buildNumber;
+  return /*#__PURE__*/React.createElement(Link, {
+    to: keyword === 'builds' ? keyword + "/" + buildNumber : keyword,
+    getProps: function getProps(_ref) {
+      var isCurrent = _ref.isCurrent;
+      if (isCurrent) {
+        return setSelectedNav(keyword);
+      } else if (/builds\/\d+/.test(keyword)) {
+        return setSelectedNav('builds');
+      }
+    }
+  }, title);
+};
+export default NavLink;

package/es/components/diffViewer/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+interface IDiffViewerProps {
+    oldValue: string;
+    newValue: string;
+    height?: string | number;
+    width?: string | number;
+    minHeight?: string | number;
+    showDiffOnly?: boolean;
+    scrollToDiff?: boolean;
+}
+declare const DiffViewer: ({ oldValue, newValue, height, minHeight, width, showDiffOnly, scrollToDiff, }: IDiffViewerProps) => JSX.Element;
+export default DiffViewer;

package/es/components/diffViewer/index.js

@@ -0,0 +1,46 @@
+import React, { useEffect } from 'react';
+import ReactDiffViewer from 'react-diff-viewer';
+import styles from "./index.module.scss";
+var DiffViewer = function DiffViewer(_ref) {
+  var oldValue = _ref.oldValue,
+    newValue = _ref.newValue,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? window.innerHeight - 400 : _ref$height,
+    _ref$minHeight = _ref.minHeight,
+    minHeight = _ref$minHeight === void 0 ? 0 : _ref$minHeight,
+    width = _ref.width,
+    _ref$showDiffOnly = _ref.showDiffOnly,
+    showDiffOnly = _ref$showDiffOnly === void 0 ? false : _ref$showDiffOnly,
+    _ref$scrollToDiff = _ref.scrollToDiff,
+    scrollToDiff = _ref$scrollToDiff === void 0 ? false : _ref$scrollToDiff;
+  // 滚动到第一个有diff的地方
+  useEffect(function () {
+    if (scrollToDiff && (oldValue || newValue)) {
+      var reactDiffViewerElement = document.getElementById('react-diff-viewer');
+      var element = Array.from(reactDiffViewerElement.querySelectorAll('td')).find(function (td) {
+        var className = td.className;
+        return className.includes('-diff-removed') || className.includes('-diff-added');
+      });
+      if (element) {
+        element.scrollIntoView({
+          block: 'center',
+          behavior: 'smooth'
+        });
+      }
+    }
+  }, [scrollToDiff, oldValue, newValue]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.wrap,
+    style: {
+      height: height,
+      width: width,
+      minHeight: minHeight
+    },
+    id: "react-diff-viewer"
+  }, /*#__PURE__*/React.createElement(ReactDiffViewer, {
+    oldValue: oldValue,
+    newValue: newValue,
+    showDiffOnly: showDiffOnly
+  }));
+};
+export default DiffViewer;

package/es/components/diffViewer/index.module.scss

@@ -0,0 +1,22 @@
+.wrap {
+  height: 100%;
+  width: 100%;
+  max-height: calc(100vh);
+  overflow-y: auto;
+  tr {
+    td {
+      pre {
+        font-size: 12px;
+        line-height: 24px;
+        word-break: break-all;
+      }
+    }
+    td:first-child {
+      border-left: none !important;
+    }
+  }
+  .Fold {
+    position: absolute;
+    margin: -11px 0 0 -50px;
+  }
+}

package/es/components/go-template-wasm/go.mod

@@ -0,0 +1,18 @@
+module yunxiao/go-templates
+
+go 1.22
+
+require github.com/Masterminds/sprig/v3 v3.2.3
+
+require (
+	github.com/Masterminds/goutils v1.1.1 // indirect
+	github.com/Masterminds/semver/v3 v3.2.0 // indirect
+	github.com/google/uuid v1.1.1 // indirect
+	github.com/huandu/xstrings v1.3.3 // indirect
+	github.com/imdario/mergo v0.3.11 // indirect
+	github.com/mitchellh/copystructure v1.0.0 // indirect
+	github.com/mitchellh/reflectwalk v1.0.0 // indirect
+	github.com/shopspring/decimal v1.2.0 // indirect
+	github.com/spf13/cast v1.3.1 // indirect
+	golang.org/x/crypto v0.3.0 // indirect
+)