feat: prepare for Scratch Link 2.0 macOS release

src/components/extension-landing/extension-requirements.jsx

@@ -27,7 +27,7 @@ const ExtensionRequirements = props => (
                         alt=""
                         src="/svgs/extensions/mac.svg"
                     />
-                    macOS 10.13+
+                    macOS 10.15+
                 </span>
             )}
             {!props.hideChromeOS && (

src/l10n.json

@@ -426,10 +426,10 @@
 
     "extensions.troubleshootingTitle": "Troubleshooting",
     "extensions.browserCompatibilityTitle": "Make sure your browser is compatible with Scratch Link",
-    "extensions.browserCompatibilityText": "Scratch Link 1.4 is not compatible with Safari. If you use macOS, please use another supported browser, such as Chrome or Firefox.",
+    "extensions.browserCompatibilityText": "Scratch Link is compatible with most browsers on macOS and Windows. For Safari, please update to Scratch Link 2.x, Safari 14 or newer, and macOS 10.15 or newer.",
     "extensions.checkOSVersionTitle": "Make sure your operating system is compatible with Scratch Link",
     "extensions.checkOSVersionText": "The minimum operating system versions are listed at the top of this page. See instructions for checking your version of {winOSVersionLink} or {macOSVersionLink}.",
-    "extensions.checkOsVersionText2": "If you are using macOS 12, please update to macOS 12.3 or newer. Earlier versions of macOS 12 do not work correctly with Scratch Link.",
+    "extensions.checkOsVersionText2": "If you are using macOS 12, please update to macOS 12.3 or newer. Earlier versions of macOS 12 may not work correctly with Scratch Link.",
     "extensions.winOSVersionLinkText": "Windows",
     "extensions.macOSVersionLinkText": "macOS",
     "extensions.closeScratchCopiesTitle": "Close other copies of Scratch",

src/views/ev3/ev3.jsx

@@ -313,6 +313,7 @@ class EV3 extends ExtensionLanding {
                                 />
                             </p>
                             <p><FormattedMessage id="extensions.checkOsVersionText2" /></p>
+                            <p><FormattedMessage id="ev3.macCompatibility" /></p>
                         </React.Fragment>
                     )}
                     <h3 className="faq-title"><FormattedMessage id="ev3.makeSurePairedTitle" /></h3>

src/views/ev3/l10n.json

@@ -28,6 +28,7 @@
     "ev3.troubleshootingTitle": "Troubleshooting",
     "ev3.checkOSVersionTitle": "Make sure your operating system is compatible with Scratch Link",
     "ev3.checkOSVersionText": "The minimum operating system versions are listed at the top of this page. See instructions for checking your version of {winOSVersionLink} or {macOSVersionLink}.",
+    "ev3.macCompatibility": "For best results with EV3 on macOS, please update to macOS 11 or newer.",
     "ev3.winOSVersionLinkText": "Windows",
     "ev3.macOSVersionLinkText": "macOS",
     "ev3.makeSurePairedTitle": "Make sure your computer is paired with your EV3",

test/unit/components/extension-requirements.test.jsx

@@ -10,7 +10,7 @@ describe('ExtensionRequirements', () => {
         const requirements = component.find('.extension-requirements span').map(span => span.text());
         
         expect(requirements).toEqual(
-            ['Windows 10 version 1709+', 'macOS 10.13+', 'ChromeOS', 'Android 6.0+', 'Bluetooth', 'Scratch Link']
+            ['Windows 10 version 1709+', 'macOS 10.15+', 'ChromeOS', 'Android 6.0+', 'Bluetooth', 'Scratch Link']
         );
     });