migrate core plugins from flow to typescript

2025-11-06 05:25:44 +01:00 · 2019-10-21 12:13:08 +02:00
parent 85703161f6
commit 0703f1e2bd
104 changed files with 583 additions and 93542 deletions
--- a/scm-plugins/scm-git-plugin/src/main/js/RepositoryConfig.tsx
+++ b/scm-plugins/scm-git-plugin/src/main/js/RepositoryConfig.tsx
@@ -0,0 +1,199 @@
+import React, { FormEvent } from "react";
+
+import { apiClient, BranchSelector, ErrorPage, Loading, Subtitle, SubmitButton } from "@scm-manager/ui-components";
+import { Branch, Repository, Link } from "@scm-manager/ui-types";
+import { translate } from "react-i18next";
+
+type Props = {
+  repository: Repository;
+  t: (p: string) => string;
+};
+
+type State = {
+  loadingBranches: boolean;
+  loadingDefaultBranch: boolean;
+  submitPending: boolean;
+  error?: Error;
+  branches: Branch[];
+  selectedBranchName?: string;
+  defaultBranchChanged: boolean;
+  disabled: boolean;
+};
+
+const GIT_CONFIG_CONTENT_TYPE = "application/vnd.scmm-gitConfig+json";
+
+class RepositoryConfig extends React.Component<Props, State> {
+  constructor(props: Props) {
+    super(props);
+
+    this.state = {
+      loadingBranches: true,
+      loadingDefaultBranch: true,
+      submitPending: false,
+      branches: [],
+      defaultBranchChanged: false,
+      disabled: true
+    };
+  }
+
+  componentDidMount() {
+    const { repository } = this.props;
+    this.setState({
+      ...this.state,
+      loadingBranches: true
+    });
+    const branchesLink = repository._links.branches as Link;
+    apiClient
+      .get(branchesLink.href)
+      .then(response => response.json())
+      .then(payload => payload._embedded.branches)
+      .then(branches =>
+        this.setState({
+          ...this.state,
+          branches,
+          loadingBranches: false
+        })
+      )
+      .catch(error =>
+        this.setState({
+          ...this.state,
+          error
+        })
+      );
+
+    const configurationLink = repository._links.configuration as Link;
+    this.setState({
+      ...this.state,
+      loadingDefaultBranch: true
+    });
+    apiClient
+      .get(configurationLink.href)
+      .then(response => response.json())
+      .then(payload =>
+        this.setState({
+          ...this.state,
+          selectedBranchName: payload.defaultBranch,
+          disabled: !payload._links.update,
+          loadingDefaultBranch: false
+        })
+      )
+      .catch(error =>
+        this.setState({
+          ...this.state,
+          error
+        })
+      );
+  }
+
+  branchSelected = (branch?: Branch) => {
+    if (!branch) {
+      this.setState({
+        ...this.state,
+        selectedBranchName: undefined,
+        defaultBranchChanged: false
+      });
+      return;
+    }
+    this.setState({
+      ...this.state,
+      selectedBranchName: branch.name,
+      defaultBranchChanged: false
+    });
+  };
+
+  submit = (event: FormEvent) => {
+    event.preventDefault();
+
+    const { repository } = this.props;
+    const newConfig = {
+      defaultBranch: this.state.selectedBranchName
+    };
+    this.setState({
+      ...this.state,
+      submitPending: true
+    });
+    const configurationLink = repository._links.configuration as Link;
+    apiClient
+      .put(configurationLink.href, newConfig, GIT_CONFIG_CONTENT_TYPE)
+      .then(() =>
+        this.setState({
+          ...this.state,
+          submitPending: false,
+          defaultBranchChanged: true
+        })
+      )
+      .catch(error =>
+        this.setState({
+          ...this.state,
+          error
+        })
+      );
+  };
+
+  render() {
+    const { t } = this.props;
+    const { loadingBranches, loadingDefaultBranch, submitPending, error, disabled } = this.state;
+
+    if (error) {
+      return (
+        <ErrorPage
+          title={t("scm-git-plugin.repo-config.error.title")}
+          subtitle={t("scm-git-plugin.repo-config.error.subtitle")}
+          error={error}
+        />
+      );
+    }
+
+    const submitButton = disabled ? null : (
+      <SubmitButton
+        label={t("scm-git-plugin.repo-config.submit")}
+        loading={submitPending}
+        disabled={!this.state.selectedBranchName}
+      />
+    );
+
+    if (!(loadingBranches || loadingDefaultBranch)) {
+      return (
+        <>
+          <hr />
+          <Subtitle subtitle={t("scm-git-plugin.repo-config.title")} />
+          {this.renderBranchChangedNotification()}
+          <form onSubmit={this.submit}>
+            <BranchSelector
+              label={t("scm-git-plugin.repo-config.default-branch")}
+              branches={this.state.branches}
+              selected={this.branchSelected}
+              selectedBranch={this.state.selectedBranchName}
+              disabled={disabled}
+            />
+            {submitButton}
+          </form>
+        </>
+      );
+    } else {
+      return <Loading />;
+    }
+  }
+
+  renderBranchChangedNotification = () => {
+    if (this.state.defaultBranchChanged) {
+      return (
+        <div className="notification is-primary">
+          <button
+            className="delete"
+            onClick={() =>
+              this.setState({
+                ...this.state,
+                defaultBranchChanged: false
+              })
+            }
+          />
+          {this.props.t("scm-git-plugin.repo-config.success")}
+        </div>
+      );
+    }
+    return null;
+  };
+}
+
+export default translate("plugins")(RepositoryConfig);