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
 
@@ -41,7 +47,9 @@ This command uses `lerna` and is solely responsible for publishing all the remix
 Once this command has been run, the versions for each remix library will be updated to latest in the libs' package.json file.
  - Create and merge bump PR to master
  
-## Remix IDE Release 
+## 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