chore(app, app-shell, app-shell-odd): update electron version from 21 to 27

.github/workflows/api-test-lint-deploy.yaml

@@ -56,7 +56,7 @@ jobs:
           fetch-depth: 0
       - uses: 'actions/setup-node@v3'
         with:
-          node-version: '16'
+          node-version: '21'
       - uses: 'actions/setup-python@v4'
         with:
           python-version: '3.7'
@@ -99,7 +99,7 @@ jobs:
           git checkout ${{ github.ref }}
       - uses: 'actions/setup-node@v3'
         with:
-          node-version: '16'
+          node-version: '21'
       - uses: 'actions/setup-python@v4'
         with:
           python-version: ${{ matrix.python }}
@@ -149,7 +149,7 @@ jobs:
           git checkout ${{ github.ref }}
       - uses: 'actions/setup-node@v3'
         with:
-          node-version: '16'
+          node-version: '21'
       - uses: 'actions/setup-python@v4'
         with:
           python-version: '3.7'

.github/workflows/app-test-build-deploy.yaml

@@ -61,7 +61,7 @@ jobs:
       - uses: 'actions/checkout@v3'
       - uses: 'actions/setup-node@v3'
         with:
-          node-version: '16'
+          node-version: '21'
       - name: 'install udev'
         run: sudo apt-get update && sudo apt-get install libudev-dev
       - name: 'set complex environment variables'
@@ -110,7 +110,7 @@ jobs:
           git checkout ${{ github.ref }}
       - uses: 'actions/setup-node@v3'
         with:
-          node-version: '16'
+          node-version: '21'
       - uses: actions/setup-python@v4
         with:
           python-version: '3.10'
@@ -243,7 +243,7 @@ jobs:
           git checkout ${{ github.ref }}
       - uses: 'actions/setup-node@v3'
         with:
-          node-version: '16'
+          node-version: '21'
       - uses: actions/setup-python@v4
         with:
           python-version: '3.10'
@@ -427,7 +427,7 @@ jobs:
           git checkout ${{ github.ref }}
       - uses: 'actions/setup-node@v3'
         with:
-          node-version: '16'
+          node-version: '21'
       - name: 'install udev'
         run: sudo apt-get update && sudo apt-get install libudev-dev
       - name: 'set complex environment variables'

.github/workflows/components-test-build-deploy.yaml

@@ -44,7 +44,7 @@ jobs:
       - uses: 'actions/checkout@v3'
       - uses: 'actions/setup-node@v3'
         with:
-          node-version: '16'
+          node-version: '21'
       - name: 'install udev for usb-detection'
         run: sudo apt-get update && sudo apt-get install libudev-dev
       - name: 'cache yarn cache'
@@ -69,7 +69,7 @@ jobs:
           files: ./coverage/lcov.info
           flags: components
 
-  build-components:
+  build-components-storybook:
     name: 'build components artifact'
     runs-on: 'ubuntu-22.04'
     if: github.event_name != 'pull_request'
@@ -78,7 +78,7 @@ jobs:
       - uses: 'actions/checkout@v3'
       - uses: 'actions/setup-node@v3'
         with:
-          node-version: '16'
+          node-version: '21'
       - name: 'install udev for usb-detection'
         run: sudo apt-get update && sudo apt-get install libudev-dev
       - name: 'cache yarn cache'
@@ -102,11 +102,32 @@ jobs:
         with:
           name: 'components-artifact'
           path: storybook-static
+
+  determine-build-type:
+      runs-on: 'ubuntu-latest'
+      name: 'Determine build type'
+      outputs:
+        type: ${{steps.determine-build-type.outputs.type}}
+      steps:
+        - id: determine-build-type
+          run: |
+            echo "Determining build type for event ${{github.event_type}} and ref ${{github.ref}}"
+            if [ "${{ format('{0}', github.ref == 'refs/heads/edge') }}" = "true" ] ; then
+              echo "storybook s3 builds for edge"
+              echo 'type=storybook' >> $GITHUB_OUTPUT
+            elif [ "${{ format('{0}', startsWith(github.ref, 'refs/tags/components')) }}" = "true" ] ; then
+              echo "publish builds for components tags"
+              echo 'type=publish' >> $GITHUB_OUTPUT
+            else
+              echo "No build for ref ${{github.ref}} and event ${{github.event_type}}"
+              echo 'type=none' >> $GITHUB_OUTPUT
+            fi
+
   deploy-components:
-    name: 'deploy components artifact to S3'
+    name: 'deploy components storybook artifact to S3'
     runs-on: 'ubuntu-22.04'
-    needs: ['js-unit-test', 'build-components']
-    if: github.event_name != 'pull_request'
+    needs: ['js-unit-test', 'build-components-storybook', 'determine-build-type']
+    if: needs.determine-build-type.outputs.type != 'none'
     steps:
       - uses: 'actions/checkout@v3'
       # https://github.com/actions/checkout/issues/290
@@ -117,7 +138,7 @@ jobs:
           git checkout ${{ github.ref }}
       - uses: 'actions/setup-node@v3'
         with:
-          node-version: '16'
+          node-version: '21'
       - name: 'set complex environment variables'
         id: 'set-vars'
         uses: actions/github-script@v6
@@ -137,3 +158,58 @@ jobs:
           AWS_DEFAULT_REGION: us-east-2
         run: |
           aws s3 sync ./dist s3://opentrons-components/${{ env.OT_BRANCH}} --acl public-read
+
+  publish-components:
+    name: 'publish components package to npm'
+    runs-on: 'ubuntu-latest'
+    needs: ['js-unit-test', 'determine-build-type']
+    if: needs.determine-build-type.outputs.type == 'publish'
+    steps:
+      - uses: 'actions/checkout@v3'
+      # https://github.com/actions/checkout/issues/290
+      - name: 'Fix actions/checkout odd handling of tags'
+        if: startsWith(github.ref, 'refs/tags')
+        run: |
+          git fetch -f origin ${{ github.ref }}:${{ github.ref }}
+          git checkout ${{ github.ref }}
+      - uses: 'actions/setup-node@v3'
+        with:
+          node-version: '16'
+          registry-url: 'https://registry.npmjs.org'
+      - name: 'cache yarn cache'
+        uses: actions/cache@v3
+        with:
+          path: |
+            ${{ github.workspace }}/.yarn-cache
+            ${{ github.workspace }}/.npm-cache
+          key: js-${{ secrets.GH_CACHE_VERSION }}-${{ runner.os }}-yarn-${{ hashFiles('yarn.lock') }}
+          restore-keys: |
+            js-${{ secrets.GH_CACHE_VERSION }}-${{ runner.os }}-yarn-
+      - name: 'setup-js'
+        run: |
+          npm config set cache ./.npm-cache
+          yarn config set cache-folder ./.yarn-cache
+          yarn config set network-timeout 60000
+          yarn
+      - name: 'build library'
+        run: |
+          make -C components lib
+      # replace package.json stub version number with version from tag
+      - name: 'set version number'
+        run: |
+          npm install -g json
+          VERSION_STRING=$(echo ${{ github.ref }} | sed 's/refs\/tags\/components@//')
+          json -I -f ./components/package.json -e "this.version=\"$VERSION_STRING\""
+          json -I -f ./components/package.json -e "this.dependencies['@opentrons/shared-data']=\"$VERSION_STRING\""
+      - uses: 'actions/setup-node@v3'
+        with:
+          node-version: '16'
+          registry-url: 'https://registry.npmjs.org'
+      - name: 'publish to npm registry'
+        env: 
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+        run: |
+          cd ./components && echo "//registry.npmjs.org/:_authToken=${NODE_AUTH_TOKEN}" > ./.npmrc && npm publish --access public
+
+
+

.github/workflows/docs-build.yaml

@@ -51,7 +51,7 @@ jobs:
           git checkout ${{ github.ref }}
       - uses: 'actions/setup-node@v3'
         with:
-          node-version: '16'
+          node-version: '21'
       - uses: 'actions/setup-python@v3'
         with:
           python-version: '3.7'

.github/workflows/g-code-testing-lint-test.yaml

@@ -49,7 +49,7 @@ jobs:
         run: sudo apt-get update && sudo apt-get install libudev-dev
       - uses: 'actions/setup-node@v3'
         with:
-          node-version: '16'
+          node-version: '21'
       - name: 'set complex environment variables'
         id: 'set-vars'
         uses: actions/github-script@v6

.github/workflows/http-docs-build.yaml

@@ -54,7 +54,7 @@ jobs:
           python-version: '3.7'
       - uses: 'actions/setup-node@v3'
         with:
-          node-version: '16'
+          node-version: '21'
       - uses: './.github/actions/python/setup'
         with:
           project: 'robot-server'

.github/workflows/js-check.yaml

@@ -45,7 +45,7 @@ jobs:
       - uses: 'actions/checkout@v3'
       - uses: 'actions/setup-node@v3'
         with:
-          node-version: '16'
+          node-version: '21'
       - name: 'set complex environment variables'
         id: 'set-vars'
         uses: actions/github-script@v6

.github/workflows/ll-test-build-deploy.yaml

@@ -45,7 +45,7 @@ jobs:
       - uses: 'actions/checkout@v3'
       - uses: 'actions/setup-node@v3'
         with:
-          node-version: '16'
+          node-version: '21'
       # https://github.com/actions/checkout/issues/290
       - name: 'Fix actions/checkout odd handling of tags'
         if: startsWith(github.ref, 'refs/tags')
@@ -91,7 +91,7 @@ jobs:
           git checkout ${{ github.ref }}
       - uses: 'actions/setup-node@v3'
         with:
-          node-version: '16'
+          node-version: '21'
       - name: 'install libudev for usb-detection'
         run: sudo apt-get update && sudo apt-get install libudev-dev
       - name: 'cache yarn cache'
@@ -131,7 +131,7 @@ jobs:
           git checkout ${{ github.ref }}
       - uses: 'actions/setup-node@v3'
         with:
-          node-version: '16'
+          node-version: '21'
       - name: 'install libudev for usb-detection'
         run: sudo apt-get update && sudo apt-get install libudev-dev
       - name: 'cache yarn cache'
@@ -174,7 +174,7 @@ jobs:
           git checkout ${{ github.ref }}
       - uses: 'actions/setup-node@v3'
         with:
-          node-version: '16'
+          node-version: '21'
       - name: 'install udev for usb-detection'
         run: sudo apt-get update && sudo apt-get install libudev-dev
       - name: 'set complex environment variables'

.github/workflows/notify-server-lint-test.yaml

@@ -51,7 +51,7 @@ jobs:
           fetch-depth: 0
       - uses: 'actions/setup-node@v3'
         with:
-          node-version: '16'
+          node-version: '21'
       - uses: 'actions/setup-python@v4'
         with:
           python-version: '3.7'

.github/workflows/pd-test-build-deploy.yaml

@@ -53,7 +53,7 @@ jobs:
           git checkout ${{ github.ref }}
       - uses: 'actions/setup-node@v3'
         with:
-          node-version: '16'
+          node-version: '21'
       - name: 'install udev for usb-detection'
         run: sudo apt-get update && sudo apt-get install libudev-dev
       - name: 'cache yarn cache'
@@ -98,7 +98,7 @@ jobs:
           git checkout ${{ github.ref }}
       - uses: 'actions/setup-node@v3'
         with:
-          node-version: '16'
+          node-version: '21'
       - name: 'install udev for usb-detection'
         if: startsWith(matrix.os, 'ubuntu')
         run: sudo apt-get update && sudo apt-get install libudev-dev
@@ -135,7 +135,7 @@ jobs:
           git checkout ${{ github.ref }}
       - uses: 'actions/setup-node@v3'
         with:
-          node-version: '16'
+          node-version: '21'
       - name: 'install udev for usb-detection'
         run: sudo apt-get update && sudo apt-get install libudev-dev
       - name: 'cache yarn cache'
@@ -178,7 +178,7 @@ jobs:
           git checkout ${{ github.ref }}
       - uses: 'actions/setup-node@v3'
         with:
-          node-version: '16'
+          node-version: '21'
       - name: 'install udev for usb-detection'
         run: sudo apt-get update && sudo apt-get install libudev-dev
       - name: 'set complex environment variables'

.github/workflows/react-api-client-test.yaml

@@ -39,7 +39,7 @@ jobs:
       - uses: 'actions/checkout@v3'
       - uses: 'actions/setup-node@v3'
         with:
-          node-version: '16'
+          node-version: '21'
       - name: 'install libudev for usb-detection'
         run: sudo apt-get update && sudo apt-get install libudev-dev
       - name: 'cache yarn cache'

.github/workflows/robot-server-lint-test.yaml

@@ -63,7 +63,7 @@ jobs:
           fetch-depth: 0
       - uses: 'actions/setup-node@v3'
         with:
-          node-version: '16'
+          node-version: '21'
       - uses: 'actions/setup-python@v4'
         with:
           python-version: '3.7'

.github/workflows/server-utils-lint-test.yaml

@@ -46,7 +46,7 @@ jobs:
           fetch-depth: 0
       - uses: 'actions/setup-node@v3'
         with:
-          node-version: '16'
+          node-version: '21'
       - uses: 'actions/setup-python@v4'
         with:
           python-version: '3.7'
@@ -67,7 +67,7 @@ jobs:
           fetch-depth: 0
       - uses: 'actions/setup-node@v3'
         with:
-          node-version: '16'
+          node-version: '21'
       - uses: 'actions/setup-python@v4'
         with:
           python-version: '3.7'