feat(releases): creating releases in git backend

packages/netlify-cms-backend-github/src/API.ts

@@ -818,6 +818,27 @@ export default class API {
     return cmsBranches;
   }
 
+  async listReleases() {
+    console.log(
+      '%c Loading releases',
+      'line-height: 30px;text-align: center;font-weight: bold',
+    );
+
+    return this.request(`${this.repoURL}/releases`)
+  }
+
+  async publishRelease(version: string) {
+    console.log(
+      `%c Publishing release ${version}`,
+      'line-height: 30px;text-align: center;font-weight: bold',
+    );
+
+    return this.request(`${this.repoURL}/releases`, {
+      method: 'POST',
+      body: JSON.stringify({ tag_name: version }),
+    });
+  }
+
   async listUnpublishedBranches() {
     console.log(
       '%c Checking for Unpublished entries',
@@ -1449,6 +1470,7 @@ export default class API {
     author?: GitHubAuthor,
     committer?: GitHubCommitter,
   ) {
+    console.log(message);
     const result: Octokit.GitCreateCommitResponse = await this.request(
       `${this.repoURL}/git/commits`,
       {

packages/netlify-cms-backend-github/src/implementation.tsx

@@ -579,6 +579,22 @@ export default class GitHub implements Implementation {
     };
   }
 
+  async listReleases() {
+    try {
+      return await this.api!.listReleases();
+    } catch (e) {
+      return [];
+    }
+  }
+
+  async publishRelease(version: string) {
+    try {
+      return await this.api!.publishRelease(version);
+    } catch (e) {
+      return;
+    }
+  }
+
   async unpublishedEntries() {
     const listEntriesKeys = () =>
       this.api!.listUnpublishedBranches().then(branches =>

packages/netlify-cms-backend-gitlab/src/API.ts

@@ -1015,4 +1015,30 @@ export default class API {
     const mergeRequest = await this.getBranchMergeRequest(branch);
     return mergeRequest.sha;
   }
+
+  async listReleases() {
+    console.log(
+      '%c Loading releases',
+      'line-height: 30px;text-align: center;font-weight: bold',
+    );
+
+    return this.request(`${this.repoURL}/releases`)
+  }
+
+  async publishRelease(version: string) {
+    console.log(
+      `%c Publishing release ${version}`,
+      'line-height: 30px;text-align: center;font-weight: bold',
+    );
+
+    return this.requestJSON({
+      url: `${this.repoURL}/releases`,
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json; charset=utf-8' },
+      body: JSON.stringify({
+        tag_name: version,
+        ref: this.branch,
+      }),
+    });
+  }
 }

packages/netlify-cms-backend-gitlab/src/implementation.ts

@@ -453,4 +453,22 @@ export default class GitLab implements Implementation {
       return null;
     }
   }
+
+  async listReleases() {
+    try {
+      const response = await this.api!.listReleases();
+      const json = await response.json()
+      return json;
+    } catch (e) {
+      return [];
+    }
+  }
+
+  async publishRelease(version: string) {
+    try {
+      return await this.api!.publishRelease(version);
+    } catch (e) {
+      return;
+    }
+  }
 }

packages/netlify-cms-core/package.json

@@ -43,10 +43,10 @@
     "jwt-decode": "^3.0.0",
     "node-polyglot": "^2.3.0",
     "prop-types": "^15.7.2",
-    "react": "^16.8.4",
+    "react": "^16.8.4 || ^17.0.0",
     "react-dnd": "^14.0.0",
     "react-dnd-html5-backend": "^14.0.0",
-    "react-dom": "^16.8.4",
+    "react-dom": "^16.8.4 || ^17.0.0",
     "react-frame-component": "^5.2.1",
     "react-hot-loader": "^4.8.0",
     "react-immutable-proptypes": "^2.1.0",
@@ -71,6 +71,7 @@
     "remark-gfm": "1.0.0",
     "sanitize-filename": "^1.6.1",
     "semaphore": "^1.0.5",
+    "semver": "^7.5.4",
     "tomlify-j0.4": "^3.0.0-alpha.0",
     "url": "^0.11.0",
     "url-join": "^4.0.1",

packages/netlify-cms-core/src/actions/releases.ts

@@ -0,0 +1,137 @@
+import { actions as notifActions } from 'redux-notifications';
+import { currentBackend } from '../backend';
+import type {
+  State,
+  Releases,
+} from '../types/redux';
+import type { AnyAction } from 'redux';
+import type { ThunkDispatch } from 'redux-thunk';
+
+const { notifSend } = notifActions;
+
+/*
+ * Constant Declarations
+ */
+export const RELEASES_REQUEST = 'RELEASES_REQUEST';
+export const RELEASES_SUCCESS = 'RELEASES_SUCCESS';
+export const RELEASES_FAILURE = 'RELEASES_FAILURE';
+export const RELEASE_PUBLICATION_REQUEST = 'RELEASE_PUBLICATION_REQUEST';
+export const RELEASE_PUBLICATION_SUCCESS = 'RELEASE_PUBLICATION_SUCCESS';
+export const RELEASE_PUBLICATION_FAILURE = 'RELEASE_PUBLICATION_FAILURE';
+
+/*
+ * Simple Action Creators (Internal)
+ */
+
+function releasesLoading() {
+  return {
+    type: RELEASES_REQUEST,
+  };
+}
+
+function releasesLoaded(releases: Releases) {
+  return {
+    type: RELEASES_SUCCESS,
+    payload: releases,
+  };
+}
+
+function releasesFailed(error: Error) {
+  return {
+    type: RELEASES_FAILURE,
+    error: 'Failed to load releases',
+    payload: error,
+  };
+}
+
+function releasePublicationLoading() {
+  return {
+    type: RELEASE_PUBLICATION_REQUEST,
+  };
+}
+
+function releasePublicationSuccess() {
+  console.log(RELEASE_PUBLICATION_SUCCESS);
+  return {
+    type: RELEASE_PUBLICATION_SUCCESS,
+  };
+}
+
+function releasePublicationFailed(error: Error) {
+  return {
+    type: RELEASE_PUBLICATION_FAILURE,
+    error: 'Failed to publish release',
+    payload: error,
+  };
+}
+
+/*
+ * Exported Thunk Action Creators
+ */
+
+export function loadReleases() {
+  return (dispatch: ThunkDispatch<State, {}, AnyAction>, getState: () => State) => {
+    const state = getState();
+    const backend = currentBackend(state.config);
+
+    dispatch(releasesLoading());
+    backend
+      .listReleases()
+      .then(response => dispatch(releasesLoaded(response)))
+      .catch((error: Error) => {
+        dispatch(
+          notifSend({
+            message: {
+              key: 'ui.toast.onFailToLoadEntries',
+              details: error,
+            },
+            kind: 'danger',
+            dismissAfter: 8000,
+          }),
+        );
+        dispatch(releasesFailed(error));
+        Promise.reject(error);
+      });
+  };
+}
+
+export function createRelease(version: 'string') {
+  return async (dispatch: ThunkDispatch<State, {}, AnyAction>, getState: () => State) => {
+    const state = getState();
+    const backend = currentBackend(state.config);
+
+    dispatch(releasePublicationLoading());
+
+    try {
+      await backend.publishRelease(version)
+      dispatch(
+        notifSend({
+          message: {
+            key: 'ui.toast.releasePublished',
+          },
+          kind: 'success',
+          dismissAfter: 4000,
+        }),
+      );
+      dispatch(releasePublicationSuccess());
+    } catch (error: any) {
+      dispatch(
+        notifSend({
+          message: {
+            key: 'ui.toast.onReleaseFailed',
+            details: error,
+          },
+          kind: 'danger',
+          dismissAfter: 8000,
+        }),
+      );
+      return Promise.reject(
+        dispatch(releasePublicationFailed(error)),
+      );
+    } finally {
+      setTimeout(() => {
+        dispatch(loadReleases())
+      }, 2000);
+    }
+  };
+}

packages/netlify-cms-core/src/backend.ts

@@ -924,6 +924,14 @@ export class Backend {
     }
   }
 
+  async listReleases() {
+    return await this.implementation.listReleases!();
+  }
+
+  async publishRelease(version: string) {
+    await this.implementation.publishRelease(version);
+  }
+
   async unpublishedEntries(collections: Collections) {
     const ids = await this.implementation.unpublishedEntries!();
     const entries = (

packages/netlify-cms-core/src/components/App/App.js

@@ -22,6 +22,7 @@ import Workflow from '../Workflow/Workflow';
 import Editor from '../Editor/Editor';
 import NotFoundPage from './NotFoundPage';
 import Header from './Header';
+import Releases from '../Releases/Releases';
 
 TopBarProgress.config({
   barColors: {
@@ -172,6 +173,7 @@ class App extends React.Component {
 
     const defaultPath = getDefaultPath(collections);
     const hasWorkflow = publishMode === EDITORIAL_WORKFLOW;
+    const isGitBackend = currentBackend(this.props.config).isGitBackend();
 
     return (
       <>
@@ -186,6 +188,7 @@ class App extends React.Component {
           displayUrl={config.display_url}
           isTestRepo={config.backend.name === 'test-repo'}
           showMediaButton={showMediaButton}
+          isGitBackend={isGitBackend}
         />
         <AppMainContainer>
           {isFetching && <TopBarProgress />}
@@ -205,6 +208,7 @@ class App extends React.Component {
               to={defaultPath}
             />
             {hasWorkflow ? <Route path="/workflow" component={Workflow} /> : null}
+            {isGitBackend ? <Route path="/releases" component={Releases}/> : null }
             <RouteInCollection
               exact
               collections={collections}

packages/netlify-cms-core/src/components/App/Header.js

@@ -126,6 +126,7 @@ class Header extends React.Component {
     isTestRepo: PropTypes.bool,
     t: PropTypes.func.isRequired,
     checkBackendStatus: PropTypes.func.isRequired,
+    isGitBackend: PropTypes.bool.isRequired,
   };
 
   intervalId;
@@ -158,6 +159,7 @@ class Header extends React.Component {
       isTestRepo,
       t,
       showMediaButton,
+      isGitBackend,
     } = this.props;
 
     const createableCollections = collections
@@ -195,6 +197,14 @@ class Header extends React.Component {
                   </AppHeaderButton>
                 </li>
               )}
+              {isGitBackend && (
+                <li>
+                  <AppHeaderNavLink to="/releases" activeClassName="header-link-active">
+                    <Icon type="rocket" />
+                    {t('app.header.releases')}
+                  </AppHeaderNavLink>
+                </li>
+              )}
             </AppHeaderNavList>
           </nav>
           <AppHeaderActions>