API Standardise endpoints

client/src/components/HistoryViewer/HistoryViewer.js

@@ -7,6 +7,7 @@ import Griddle from 'griddle-react';
 import historyViewerConfig from 'containers/HistoryViewer/HistoryViewerConfig';
 import i18n from 'i18n';
 import { inject } from 'lib/Injector';
+import backend from 'lib/Backend';
 import Loading from 'components/Loading/Loading';
 import {
   setCurrentPage,
@@ -20,6 +21,8 @@ import ResizeAware from 'components/ResizeAware/ResizeAware';
 import * as viewModeActions from 'state/viewMode/ViewModeActions';
 import PropTypes from 'prop-types';
 
+const useRPC = true;
+
 /**
  * The HistoryViewer component is abstract, and requires an Injector component
  * to be connected providing the GraphQL query implementation for the appropriate
@@ -29,9 +32,20 @@ class HistoryViewer extends Component {
   constructor(props) {
     super(props);
 
+    console.log('contextKey=', this.props.contextKey);
+
     this.handleSetPage = this.handleSetPage.bind(this);
     this.handleNextPage = this.handleNextPage.bind(this);
     this.handlePrevPage = this.handlePrevPage.bind(this);
+    this.refreshVersions = this.refreshVersions.bind(this);
+
+    this.state = {
+      versions: [],
+    };
+  }
+
+  componentDidMount() {
+    this.refreshVersions();
   }
 
   /**
@@ -65,16 +79,33 @@ class HistoryViewer extends Component {
     }
   }
 
+  refreshVersions() {
+    if (useRPC) {
+      // TODO: hardcoded
+      const url = `/admin/pages/history/api/readHistory/${this.props.recordId}?recordClass=Page`;
+      backend.get(url)
+        .then(response => response.json())
+        .then(responseJson => {
+          this.setState({ versions: responseJson.versions });
+        });
+    } else {
+      const { versions } = this.props;
+      const nodes = (versions && versions.versions && versions.versions.nodes)
+        ? versions.versions.nodes
+        : [];
+      this.setState({ versions: nodes });
+    }
+  }
+
   /**
    * Returns the result of the GraphQL version history query
    *
+   * TODO get rid of this method just get state directly
+   *
    * @returns {Array}
    */
   getVersions() {
-    const { versions } = this.props;
-    return (versions && versions.versions && versions.versions.nodes)
-      ? versions.versions.nodes
-      : [];
+    return this.state.versions;
   }
 
   /**

client/src/legacy/HistoryViewer/HistoryViewerEntwine.js

@@ -17,6 +17,8 @@ jQuery.entwine('ss', ($) => {
         ? { context: cmsContent }
         : {};
 
+      console.log('entwine context=', context);
+
       const HistoryViewerComponent = loadComponent('HistoryViewer', context);
       const schemaData = this.data('schema');