Bootstrapped Diff-Component

scm-ui/src/repos/containers/ScmDiff.js

@@ -0,0 +1,44 @@
+// @flow
+
+import React from "react";
+import { Diff, Hunk, parseDiff } from "react-diff-view";
+import { apiClient } from "@scm-manager/ui-components";
+
+type Props = {
+  namespace: string,
+  name: string,
+  revision: string
+};
+
+class ScmDiff extends React.Component<Props> {
+  constructor(props: Props) {
+    super(props);
+    this.state = {};
+  }
+
+  componentDidMount() {
+    const { namespace, name, revision } = this.props;
+    const url = `http://localhost:8081/scm/api/rest/v2/repositories/${namespace}/${name}/diff/${revision}`;
+    apiClient
+      .get(url)
+      .then(response => response.text())
+      .then(text => this.setState({ diff: text }))
+      .catch(error => this.setState({ error }));
+  }
+
+  render() {
+    if (!this.state.diff || this.state.diff === "") {
+      return null;
+    }
+    const files = parseDiff(this.state.diff);
+    return (
+      <div>
+        {files.map(({ hunks }, i) => (
+          <Diff key={i} hunks={hunks} viewType="unified" />
+        ))}
+      </div>
+    );
+  }
+}
+
+export default ScmDiff;