Merge pull request #4269 from ethereum/releaseSlide

Add slide in Featured section to show latest release highlights

apps/remix-ide/src/app/tabs/locales/en/homeReleaseDetails.json

@@ -0,0 +1,11 @@
+{
+  "homeReleaseDetails.title": "v0.37.0 RELEASE HIGHLIGHTS",
+  "homeReleaseDetails.highlight1": "Circom plugin and ZKP Circom Semaphore template",
+  "homeReleaseDetails.highlight2": "ERC auto-complete will load the file",
+  "homeReleaseDetails.highlight3": "The Remix UI now translated into Spanish, French, Italian, and Simplified Chinese",
+  "homeReleaseDetails.highlight4": "Load Recent Workspaces & Start Coding Button",
+  "homeReleaseDetails.more": "Know More"
+}
+
+
+

apps/remix-ide/src/app/tabs/locales/en/index.js

@@ -1,6 +1,7 @@
 import debuggerJson from './debugger.json';
 import filePanelJson from './filePanel.json';
 import homeJson from './home.json';
+import homeReleaseDetailsJson from './homeReleaseDetails.json';
 import panelJson from './panel.json';
 import pluginManagerJson from './pluginManager.json';
 import searchJson from './search.json';
@@ -19,6 +20,7 @@ export default {
   ...debuggerJson,
   ...filePanelJson,
   ...homeJson,
+  ...homeReleaseDetailsJson,
   ...panelJson,
   ...pluginManagerJson,
   ...searchJson,

libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx

@@ -40,6 +40,32 @@ function HomeTabFeatured() {
               autoPlaySpeed={15000}
               dotListClass="position-relative mt-2"
             >
+              <div className="mx-1 px-1 d-flex">
+                <a href="https://medium.com/remix-ide/remix-release-v0-37-0-dbc750f7ab15" target="__blank">
+                  <img src={'assets/img/ht-latest-features.webp'} style={{flex: '1', height: '170px', maxWidth: '170px'}} alt=""></img>
+                </a>
+                <div className="h6 w-50 p-2 pl-4 align-self-center" style={{flex: '1'}}>
+                  <h5>
+                    <FormattedMessage id="homeReleaseDetails.title" />
+                  </h5>
+                  <div style={{fontSize: '0.8rem'}} className="mb-3">
+                    <ul>
+                      <li className="p-1"><FormattedMessage id="homeReleaseDetails.highlight1" /></li>
+                      <li className="p-1"><FormattedMessage id="homeReleaseDetails.highlight2" /></li>
+                      <li className="p-1"><FormattedMessage id="homeReleaseDetails.highlight3" /></li>
+                      <li className="p-1"><FormattedMessage id="homeReleaseDetails.highlight4" /></li>
+                    </ul>
+                  </div>
+                  <a
+                    className="remixui_home_text btn-sm btn-secondary mt-2 text-decoration-none mb-3"
+                    onClick={() => _paq.push(['trackEvent', 'hometab', 'featuredSection', 'seeFullChangelog'])}
+                    target="__blank"
+                    href="https://medium.com/remix-ide/remix-release-v0-37-0-dbc750f7ab15"
+                  >
+                    <FormattedMessage id="homeReleaseDetails.more" />
+                  </a>
+                </div>
+              </div>
               <div className="mx-1 px-1 d-flex">
                 <a href="https://remix-project.org" target="__blank">
                   <img src={'assets/img/bgRemi_small.webp'} style={{flex: '1', height: '170px', maxWidth: '170px'}} alt=""></img>

release-process.md

@@ -17,10 +17,16 @@ Once feature freeze is done, `remix_beta` should be updated latest to the master
  - `git push -f origin remix_beta`
  
 ## Testing
-Testing is performed after the Feature Freeze on `remix-beta.ethereum.org`. `build-qa-doc.js` script can be used to generate the list of QA tasks. Instructions to use the file are given in the file itself: https://github.com/ethereum/remix-project/blob/master/build-qa-doc.js#L18 . 
+Testing is performed after the Feature Freeze on `remix-beta.ethereum.org`. `build-qa-doc.js` script can be used to generate the list of QA tasks. Instructions to use the file are given in the file itself: https://github.com/ethereum/remix-project/blob/master/build-qa-doc.js#L18 
 
 Once ready to run, it can be run using the Node.js: `node build-qa-doc.js`
 
+Find out the four release highlights and update in this file: `remix-project/apps/remix-ide/src/app/tabs/locales/en/homeReleaseDetails.json` along with the version in `title` string
+
+Update the GitHub release link in this file: `remix-project/libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx` at line 44 & 63
+
+This will set latest release details in the first slide of `Featured` section.
+
 ## remixd NPM release
 Once testing is completed, release will start by publishing `remixd`.if required, `remixd` can be also released individually
 
@@ -42,6 +48,8 @@ Once this command has been run, the versions for each remix library will be upda
  - Create and merge bump PR to master
  
 ## Remix IDE Release
+Make sure release highlights and full changelog link is updated to show them on Home tab.
+
 ### Part 1. Bump the version and update Beta
 
 #### Make sure `remix_beta` is up-to-date with `master` branch:
@@ -64,8 +72,7 @@ Once this command has been run, the versions for each remix library will be upda
  - `git pull origin remix_beta`
  - Create tag: `git tag v<version-number>`, `<version-number>` should be same as in package.json of `remix_beta` branch
  - Push tag: `git push --tags`
- - Generate changelog using `build-changelog.js` script as described in the script itself
- - Publish a release in GitHub using the generated changelog
+ - Publish a new release on GitHub and generate automated changelog by selecting the appropriate tag
 
 ### Part 2. Update the Remix Live