Merge branch 'develop' into clairep/fix_deploy_to_production_trigger

Author: clairep94

client/modules/IDE/components/Header/MobileNav.jsx

@@ -33,6 +33,7 @@ import { availableLanguages, languageKeyToLabel } from '../../../../i18n';
 import { showToast } from '../../actions/toast';
 import { setLanguage } from '../../actions/preferences';
 import { Overlay } from '../../../App/components/Overlay';
+import packageData from '../../../../../package.json';
 import ProjectName from './ProjectName';
 import CollectionCreate from '../../../User/components/CollectionCreate';
 
@@ -456,6 +457,11 @@ const MoreMenu = () => {
             {t('Nav.Help.Reference')}
           </MobileMenuItem>
           <MobileMenuItem href="/about">{t('About.Title')}</MobileMenuItem>
+          <MobileMenuItem
+            href={`https://github.com/processing/p5.js-web-editor/releases/tag/v${packageData.version}`}
+          >
+            {t('Nav.Help.WebEditorVersion', { version: packageData.version })}
+          </MobileMenuItem>
         </ParentMenuContext.Provider>
       </ul>
     </div>

client/modules/IDE/components/Header/Nav.jsx

@@ -29,6 +29,7 @@ import {
 } from '../../actions/ide';
 import { logoutUser } from '../../../User/actions';
 import { CmControllerContext } from '../../pages/IDEView';
+import packageData from '../../../../../package.json';
 import MobileNav from './MobileNav';
 import useIsMobile from '../../hooks/useIsMobile';
 
@@ -334,6 +335,12 @@ const ProjectMenu = () => {
         >
           {t('Nav.Help.PostOnTheForum')}
         </MenubarItem>
+        <MenubarItem
+          id="help-web-editor-version"
+          href={`https://github.com/processing/p5.js-web-editor/releases/tag/v${packageData.version}`}
+        >
+          {t('Nav.Help.WebEditorVersion', { version: packageData.version })}
+        </MenubarItem>
       </MenubarSubmenu>
       {getConfig('TRANSLATIONS_ENABLED') && <LanguageMenu />}
     </ul>

client/modules/IDE/components/Header/Nav.unit.test.jsx

@@ -6,6 +6,11 @@ import Nav from './Nav';
 
 jest.mock('../../../../utils/generateRandomName');
 
+// Mock the editor version so the snapshot stays stable across releases.
+// The component reads the real version from package.json at runtime (it bumps
+// every release), which would otherwise break these snapshots each release day.
+jest.mock('../../../../../package.json', () => ({ version: '1.2.3' }));
+
 // mock Menubar
 jest.mock('../../../../components/Menubar/Menubar', () => ({
   Menubar: ({ children, className = 'nav__menubar' }) => (

client/modules/IDE/components/Header/__snapshots__/Nav.unit.test.jsx.snap

@@ -478,6 +478,16 @@ exports[`Nav renders dashboard version for mobile 1`] = `
               About
             </a>
           </li>
+          <li>
+            <a
+              aria-disabled="false"
+              href="https://github.com/processing/p5.js-web-editor/releases/tag/v1.2.3"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              Web Editor v1.2.3
+            </a>
+          </li>
         </ul>
       </div>
     </div>
@@ -659,6 +669,9 @@ exports[`Nav renders editor version for desktop 1`] = `
               <li>
                 Post on the Forum
               </li>
+              <li>
+                Web Editor v1.2.3
+              </li>
             </ul>
           </li>
         </ul>
@@ -1090,6 +1103,16 @@ exports[`Nav renders editor version for mobile 1`] = `
               About
             </a>
           </li>
+          <li>
+            <a
+              aria-disabled="false"
+              href="https://github.com/processing/p5.js-web-editor/releases/tag/v1.2.3"
+              rel="noopener noreferrer"
+              target="_blank"
+            >
+              Web Editor v1.2.3
+            </a>
+          </li>
         </ul>
       </div>
     </div>

translations/locales/en-US/translations.json

@@ -35,7 +35,8 @@
       "Reference": "Reference",
       "ReportBug": "Report a Bug",
       "ChatOnDiscord": "Chat On Discord",
-      "PostOnTheForum": "Post on the Forum"
+      "PostOnTheForum": "Post on the Forum",
+      "WebEditorVersion": "Web Editor v{{version}}"
     },
     "Lang": "Language",
     "BackEditor": "Back to Editor",