feat(website): add n3 popup to website

.github/workflows/website.yaml

@@ -5,11 +5,13 @@ on:
       - master
       - staging
       - trying
+      - master-2.x
   pull_request:
     branches:
       - master
       - staging
       - trying
+      - master-2.x
 jobs:
   cypress12:
     name: cypress12
@@ -18,9 +20,9 @@ jobs:
       - name: Checkout Code
         uses: actions/checkout@94d077c24971944d312dd9197c1bdfba62b39878
       - name: Install Node
-        run: brew update-reset && brew update && brew unlink node@12 && brew install node@10 && brew link node@10 --force
+        run: brew update-reset && brew update && brew install node@10 && brew link node@10 --force
       - name: Install Chrome
-        run: brew cask install google-chrome
+        run: brew install --cask google-chrome
       - name: Install Rush
         run: npm i -g @microsoft/rush@latest
       - name: Rush Install

common/config/rush/browser-approved-packages.json

@@ -22,6 +22,14 @@
       "name": "@babel/plugin-proposal-class-properties",
       "allowedCategories": [ "web" ]
     },
+    {
+      "name": "@babel/plugin-proposal-nullish-coalescing-operator",
+      "allowedCategories": [ "tools" ]
+    },
+    {
+      "name": "@babel/plugin-proposal-nullish-optional-chaining",
+      "allowedCategories": [ "tools" ]
+    },
     {
       "name": "@babel/plugin-proposal-numeric-separator",
       "allowedCategories": [ "web" ]
@@ -34,6 +42,10 @@
       "name": "@babel/plugin-proposal-optional-catch-binding",
       "allowedCategories": [ "web" ]
     },
+    {
+      "name": "@babel/plugin-proposal-optional-chaining",
+      "allowedCategories": [ "tools" ]
+    },
     {
       "name": "@babel/plugin-syntax-dynamic-import",
       "allowedCategories": [ "tools" ]
@@ -1010,6 +1022,10 @@
       "name": "react-universal-component",
       "allowedCategories": [ "web" ]
     },
+    {
+      "name": "reactjs-popup",
+      "allowedCategories": [ "web" ]
+    },
     {
       "name": "redux",
       "allowedCategories": [ "web" ]

common/config/rush/command-line.json

@@ -342,85 +342,119 @@
       "longName": "--express",
       "shortName": "-e",
       "description": "flag to enable Cypress' express test",
-      "associatedCommands": ["test-cypress"]
+      "associatedCommands": [
+        "test-cypress"
+      ]
     },
     {
       "parameterKind": "flag",
       "longName": "--local",
       "shortName": "-l",
       "description": "flag to enable a shorter wait time for building the website when running Cypress",
-      "associatedCommands": ["test-cypress"]
+      "associatedCommands": [
+        "test-cypress"
+      ]
     },
     {
       "parameterKind": "string",
       "longName": "--browser",
       "argumentName": "BROWSER",
       "description": "specify the browser for Cypress to use",
-      "associatedCommands": ["cypress-run"]
+      "associatedCommands": [
+        "cypress-run"
+      ]
     },
     {
       "parameterKind": "string",
       "longName": "--spec",
       "argumentName": "SPEC",
       "description": "specify the tests that Cypress should run",
-      "associatedCommands": ["cypress-run"]
+      "associatedCommands": [
+        "cypress-run"
+      ]
     },
     {
       "parameterKind": "flag",
       "longName": "--coverage",
       "shortName": "-c",
       "description": "flag to enable coverage collection for jest",
-      "associatedCommands": ["test", "test-ci"]
+      "associatedCommands": [
+        "test",
+        "test-ci"
+      ]
     },
     {
       "parameterKind": "flag",
       "longName": "--update-snapshot",
       "shortName": "-u",
       "description": "update snapshot tests",
-      "associatedCommands": ["test", "e2e"]
+      "associatedCommands": [
+        "test",
+        "e2e"
+      ]
     },
     {
       "parameterKind": "flag",
       "longName": "--debug",
       "shortName": "-d",
       "description": "enables logging/debug mode for associated command",
-      "associatedCommands": ["clean"]
+      "associatedCommands": [
+        "clean"
+      ]
     },
     {
       "parameterKind": "flag",
       "longName": "--full",
       "shortName": "-f",
       "description": "enables cleaning of dist/* and rush/* directories",
-      "associatedCommands": ["clean"]
+      "associatedCommands": [
+        "clean"
+      ]
     },
     {
       "parameterKind": "flag",
       "longName": "--detect-open-handles",
       "description": "pass through of jest's detectOpenHandle flag",
-      "associatedCommands": ["test", "test-ci", "e2e", "e2e-ci"]
+      "associatedCommands": [
+        "test",
+        "test-ci",
+        "e2e",
+        "e2e-ci"
+      ]
     },
     {
       "parameterKind": "string",
       "longName": "--test-path-pattern",
       "shortName": "-t",
       "argumentName": "PATTERN",
       "description": "jest pattern matching parameter",
-      "associatedCommands": ["test", "test-ci", "e2e", "e2e-ci", "e2e-ci:coverage"]
+      "associatedCommands": [
+        "test",
+        "test-ci",
+        "e2e",
+        "e2e-ci",
+        "e2e-ci:coverage"
+      ]
     },
     {
       "parameterKind": "string",
       "longName": "--max-workers",
       "shortName": "-w",
       "argumentName": "PATTERN",
       "description": "jest maximum concurrent worker flag",
-      "associatedCommands": ["e2e"]
+      "associatedCommands": [
+        "e2e"
+      ]
     },
     {
       "parameterKind": "choice",
       "longName": "--format",
       "shortName": "-b",
       "description": "specify an output build format (main, esm, browserify)",
-      "associatedCommands": ["build", "rebuild"],
+      "associatedCommands": [
+        "build",
+        "rebuild"
+      ],
       "alternatives": [
         {
           "name": "main",
@@ -441,7 +475,9 @@
       "longName": "--flags",
       "shortName": "-F",
       "description": "add a code coverage flag",
-      "associatedCommands": ["upload-coverage"],
+      "associatedCommands": [
+        "upload-coverage"
+      ],
       "alternatives": [
         {
           "name": "unit",