API Remove GraphQL

silverstripe · Jul 31, 2024 · 5e522aa · 5e522aa
1 parent 10b2f1b
commit 5e522aa
Show file tree

Hide file tree

Showing 13 changed files with 373 additions and 1,091 deletions.
diff --git a/client/dist/js/bundle.js b/client/dist/js/bundle.js
diff --git a/client/src/components/HistoryViewer/HistoryViewer.js b/client/src/components/HistoryViewer/HistoryViewer.js
@@ -7,6 +7,8 @@ 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 Config from 'lib/Config';
 import Loading from 'components/Loading/Loading';
 import {
   setCurrentPage,
@@ -22,7 +24,7 @@ import PropTypes from 'prop-types';
 
 /**
  * The HistoryViewer component is abstract, and requires an Injector component
- * to be connected providing the GraphQL query implementation for the appropriate
+ * to be connected providing the query implementation for the appropriate
  * DataObject type
  */
 class HistoryViewer extends Component {
@@ -32,6 +34,17 @@ class HistoryViewer extends Component {
     this.handleSetPage = this.handleSetPage.bind(this);
     this.handleNextPage = this.handleNextPage.bind(this);
     this.handlePrevPage = this.handlePrevPage.bind(this);
+    this.handleAfterRevert = this.handleAfterRevert.bind(this);
+    this.refreshVersionData = this.refreshVersionData.bind(this);
+
+    this.state = {
+      versions: [],
+      totalCount: 0,
+    };
+  }
+
+  componentDidMount() {
+    this.refreshVersionData();
   }
 
   /**
@@ -41,16 +54,11 @@ class HistoryViewer extends Component {
    * @param {object} prevProps
    */
   componentDidUpdate(prevProps) {
-    if (!this.props.actions || !this.props.actions.versions) {
+    if (this.state.versions.length === 0) {
       return;
     }
-
-    const { page: prevPage } = prevProps;
-    const { page: currentPage } = this.props;
-    const { actions: { versions } } = this.props;
-
-    if (prevPage !== currentPage && typeof versions.goToPage === 'function') {
-      versions.goToPage(currentPage);
+    if (prevProps.page !== this.props.page) {
+      this.refreshVersionData();
     }
   }
 
@@ -66,15 +74,24 @@ class HistoryViewer extends Component {
   }
 
   /**
-   * Returns the result of the GraphQL version history query
-   *
-   * @returns {Array}
+   * Refetch version data from the "read" endpoint
    */
-  getVersions() {
-    const { versions } = this.props;
-    return (versions && versions.versions && versions.versions.nodes)
-      ? versions.versions.nodes
-      : [];
+  refreshVersionData() {
+    if (!this.props.recordId) {
+      return;
+    }
+    const sectionConfig = Config.getSection('SilverStripe\\VersionedAdmin\\Controllers\\HistoryViewerController');
+    const endpoint = sectionConfig.endpoints.read;
+    const recordClass = this.props.recordClass;
+    const url = `${endpoint}/${this.props.recordId}?recordClass=${recordClass}&page=${this.props.page}`;
+    backend.get(url)
+      .then(response => response.json())
+      .then(responseJson => {
+        this.setState({
+          versions: responseJson.versions,
+          totalCount: responseJson.pageInfo.totalCount,
+        });
+      });
   }
 
   /**
@@ -111,7 +128,7 @@ class HistoryViewer extends Component {
     }
 
     // Look for one in the list of available versions
-    const latestDraftVersion = this.getVersions()
+    const latestDraftVersion = this.state.versions
       .filter(version => version.latestDraftVersion === true);
 
     if (latestDraftVersion.length) {
@@ -170,6 +187,13 @@ class HistoryViewer extends Component {
     this.handleSetPage(page);
   }
 
+  /**
+   * Handler for after reverting
+   */
+  handleAfterRevert() {
+    this.refreshVersionData();
+  }
+
   /**
    * Handler for decrementing the set page
    */
@@ -190,7 +214,7 @@ class HistoryViewer extends Component {
    * @returns {boolean}
    */
   compareModeAvailable() {
-    return this.getVersions().length > 1;
+    return this.state.versions.length > 1;
   }
 
   /**
@@ -241,6 +265,8 @@ class HistoryViewer extends Component {
       compare,
       compareModeAvailable: this.compareModeAvailable(),
       previewState,
+      recordClass: this.props.recordClass,
+      onAfterRevert: this.handleAfterRevert
     };
 
     return (
@@ -263,23 +289,20 @@ class HistoryViewer extends Component {
    * @returns {XML|null}
    */
   renderPagination() {
-    const { limit, page, versions } = this.props;
+    const { limit, page } = this.props;
+    const { versions } = this.state;
+    const totalCount = this.state.totalCount;
 
-    if (!versions) {
+    if (versions.length === 0) {
       return null;
     }
-
-    const totalVersions = versions.versions
-      ? versions.versions.pageInfo.totalCount
-      : 0;
-
-    if (totalVersions <= limit) {
+    if (totalCount <= limit) {
       return null;
     }
 
     const props = {
       setPage: this.handleSetPage,
-      maxPage: Math.ceil(totalVersions / limit),
+      maxPage: Math.ceil(totalCount / limit),
       next: this.handleNextPage,
       nextText: i18n._t('HistoryViewer.NEXT', 'Next'),
       previous: this.handlePrevPage,
@@ -345,7 +368,7 @@ class HistoryViewer extends Component {
         <div className={isInGridField ? '' : 'panel panel--padded panel--scrollable'}>
           {this.renderComparisonSelectionList()}
           <ListComponent
-            versions={this.getVersions()}
+            versions={this.state.versions}
             showHeader={!compare || (compare && !hasVersionFrom)}
             compareModeAvailable={this.compareModeAvailable()}
           />
@@ -403,14 +426,6 @@ HistoryViewer.propTypes = {
   isRevertable: PropTypes.bool,
   VersionDetailComponent: PropTypes.elementType.isRequired,
   CompareWarningComponent: PropTypes.elementType.isRequired,
-  versions: PropTypes.shape({
-    versions: PropTypes.shape({
-      pageInfo: PropTypes.shape({
-        totalCount: PropTypes.number,
-      }),
-      nodes: PropTypes.arrayOf(versionType),
-    }),
-  }),
   page: PropTypes.number,
   schemaUrl: PropTypes.string,
   previewState: PropTypes.oneOf(['edit', 'preview', 'split']),
@@ -427,14 +442,6 @@ HistoryViewer.defaultProps = {
   isInGridField: false,
   isPreviewable: false,
   schemaUrl: '',
-  versions: {
-    versions: {
-      pageInfo: {
-        totalCount: 0,
-      },
-      nodes: [],
-    },
-  },
 };
 
 function mapStateToProps(state) {

diff --git a/client/src/components/HistoryViewer/HistoryViewerToolbar.js b/client/src/components/HistoryViewer/HistoryViewerToolbar.js
@@ -4,6 +4,8 @@ import { compose } from 'redux';
 import { connect } from 'react-redux';
 import i18n from 'i18n';
 import { inject } from 'lib/Injector';
+import backend from 'lib/Backend';
+import Config from 'lib/Config';
 import { addMessage, showList } from 'state/historyviewer/HistoryViewerActions';
 
 class HistoryViewerToolbar extends Component {
@@ -22,12 +24,21 @@ class HistoryViewerToolbar extends Component {
    * @returns Promise
    */
   handleRevert() {
-    const { actions: { revertToVersion }, onAfterRevert, recordId, versionId } = this.props;
-
-    this.setState({ isReverting: true });
-
-    const handler = typeof onAfterRevert === 'function' ? onAfterRevert : () => {};
-    return revertToVersion(recordId, versionId, 'DRAFT', 'DRAFT').then(() => handler(versionId));
+    const { onAfterRevert, recordId, versionId, recordClass } = this.props;
+    const sectionConfig = Config.getSection('SilverStripe\\VersionedAdmin\\Controllers\\HistoryViewerController');
+    const url = sectionConfig.endpoints.revert;
+    this.setState({
+      isReverting: true,
+    });
+    backend.post(url, {
+      id: recordId,
+      toVersion: versionId,
+      recordClass,
+    })
+      .then(() => {
+        this.props.showToolbarSuccessMessage(versionId);
+        onAfterRevert();
+      });
   }
 
   render() {
@@ -83,17 +94,19 @@ HistoryViewerToolbar.propTypes = {
   onAfterRevert: PropTypes.func,
   recordId: PropTypes.number.isRequired,
   versionId: PropTypes.number.isRequired,
+  recordClass: PropTypes.string.isRequired,
 };
 
 HistoryViewerToolbar.defaultProps = {
   isLatestVersion: false,
   isPreviewable: false,
   isRevertable: false,
+  showToolbarSuccessMessage: () => {},
 };
 
 function mapDispatchToProps(dispatch) {
   return {
-    onAfterRevert(versionId) {
+    showToolbarSuccessMessage(versionId) {
       dispatch(addMessage(
         i18n.sprintf(
           i18n._t('HistoryViewerToolbar.REVERTED_MESSAGE', 'Successfully reverted to version %s'),

diff --git a/client/src/components/HistoryViewer/HistoryViewerVersionDetail.js b/client/src/components/HistoryViewer/HistoryViewerVersionDetail.js
@@ -134,8 +134,10 @@ class HistoryViewerVersionDetail extends PureComponent {
         isLatestVersion={isLatestVersion}
         recordId={recordId}
         versionId={version.version}
+        recordClass={this.props.recordClass}
         isPreviewable={this.isPreviewable()}
         isRevertable={isRevertable}
+        onAfterRevert={this.props.onAfterRevert}
       />
     );
   }
@@ -216,6 +218,7 @@ HistoryViewerVersionDetail.propTypes = {
   ListComponent: PropTypes.elementType.isRequired,
   PreviewComponent: PropTypes.elementType,
   recordId: PropTypes.number.isRequired,
+  recordClass: PropTypes.string.isRequired,
   schemaUrl: PropTypes.string.isRequired,
   ToolbarComponent: PropTypes.elementType.isRequired,
   version: versionType,
@@ -227,6 +230,7 @@ HistoryViewerVersionDetail.propTypes = {
     PropTypes.bool,
   ]),
   previewState: PropTypes.oneOf(['edit', 'preview', 'split']),
+  onAfterRevert: PropTypes.func.isRequired,
 };
 
 HistoryViewerVersionDetail.defaultProps = {