diff --git a/.github/ISSUE_TEMPLATE/1-bug.yml b/.github/ISSUE_TEMPLATE/1-bug.yml
index 5e21abb62b..f18c15617f 100644
--- a/.github/ISSUE_TEMPLATE/1-bug.yml
+++ b/.github/ISSUE_TEMPLATE/1-bug.yml
@@ -7,9 +7,14 @@ body:
     attributes:
       label: Initial checklist
       options:
-        - label: I understand this is a bug report and questions should be posted in the [Community Forum](https://community.transloadit.com/)
+        - label:
+            I understand this is a bug report and questions should be posted in
+            the [Community Forum](https://community.transloadit.com/)
           required: true
-        - label: I searched [issues](https://github.com/transloadit/uppy/issues?q=is%3Aissue) and couldn’t find anything (or linked relevant results below)
+        - label:
+            I searched
+            [issues](https://github.com/transloadit/uppy/issues?q=is%3Aissue)
+            and couldn’t find anything (or linked relevant results below)
           required: true
   - type: input
     id: runnable-example
@@ -28,7 +33,9 @@ body:
     id: steps-to-reproduce
     attributes:
       label: Steps to reproduce
-      description: How did this happen? Please provide a [minimal, reproducible example](https://stackoverflow.com/help/minimal-reproducible-example).
+      description:
+        How did this happen? Please provide a [minimal, reproducible
+        example](https://stackoverflow.com/help/minimal-reproducible-example).
     validations:
       required: true
   - type: textarea
diff --git a/.github/ISSUE_TEMPLATE/2-feature.yml b/.github/ISSUE_TEMPLATE/2-feature.yml
index d1cb06a3f4..b8f3d1b512 100644
--- a/.github/ISSUE_TEMPLATE/2-feature.yml
+++ b/.github/ISSUE_TEMPLATE/2-feature.yml
@@ -7,9 +7,14 @@ body:
     attributes:
       label: Initial checklist
       options:
-        - label: I understand this is a feature request and questions should be posted in the [Community Forum](https://community.transloadit.com/)
+        - label:
+            I understand this is a feature request and questions should be
+            posted in the [Community Forum](https://community.transloadit.com/)
           required: true
-        - label: I searched [issues](https://github.com/transloadit/uppy/issues?q=is%3Aissue) and couldn’t find anything (or linked relevant results below)
+        - label:
+            I searched
+            [issues](https://github.com/transloadit/uppy/issues?q=is%3Aissue)
+            and couldn’t find anything (or linked relevant results below)
           required: true
   - type: textarea
     id: problem
@@ -29,6 +34,8 @@ body:
     id: alternatives
     attributes:
       label: Alternatives
-      description: What are the alternative solutions? Can this be solved in a different way?
+      description:
+        What are the alternative solutions? Can this be solved in a different
+        way?
     validations:
       required: true
diff --git a/.github/stale.yml b/.github/stale.yml
index b99cf78c7c..2eac2d3952 100644
--- a/.github/stale.yml
+++ b/.github/stale.yml
@@ -11,7 +11,7 @@ staleLabel: Stale
 # Comment to post when marking an issue as stale. Set to `false` to disable
 markComment: >
   This issue has been automatically marked as stale because it has not had
-  recent activity. If the issue is still relevant, please upvote or leave a comment.
-  Thank you for your contribution!
+  recent activity. If the issue is still relevant, please upvote or leave a
+  comment. Thank you for your contribution!
 # Comment to post when closing a stale issue. Set to `false` to disable
 closeComment: false
diff --git a/.github/workflows/bundlers.yml b/.github/workflows/bundlers.yml
index dc23bc7b42..bb1500f46d 100644
--- a/.github/workflows/bundlers.yml
+++ b/.github/workflows/bundlers.yml
@@ -2,10 +2,10 @@ name: Test different bundlers with Uppy
 
 on:
   push:
-    branches: [ main ]
+    branches: [main]
   pull_request:
     # We want all branches so we configure types to be the GH default again
-    types: [ opened, synchronize, reopened ]
+    types: [opened, synchronize, reopened]
     paths-ignore:
       - '**.md'
       - '**.d.ts'
@@ -27,7 +27,8 @@ jobs:
         uses: actions/checkout@v3
       - name: Get yarn cache directory path
         id: yarn-cache-dir-path
-        run: echo "dir=$(corepack yarn config get cacheFolder)" >> $GITHUB_OUTPUT
+        run:
+          echo "dir=$(corepack yarn config get cacheFolder)" >> $GITHUB_OUTPUT
       - uses: actions/cache@v3
         id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
         with:
@@ -40,7 +41,10 @@ jobs:
         with:
           node-version: lts/*
       - name: Install dependencies
-        run: corepack yarn workspaces focus $(corepack yarn workspaces list --json | jq -r .name | awk '/^@uppy-example/{ next } { if ($0!="uppy.io") print $0 }')
+        run:
+          corepack yarn workspaces focus $(corepack yarn workspaces list --json
+          | jq -r .name | awk '/^@uppy-example/{ next } { if ($0!="uppy.io")
+          print $0 }')
         env:
           # https://docs.cypress.io/guides/references/advanced-installation#Skipping-installation
           CYPRESS_INSTALL_BINARY: 0
@@ -64,7 +68,9 @@ jobs:
             })();
           EOF
       - name: Eject public packages from repo
-        run: mkdir /tmp/artifacts && corepack yarn workspaces foreach --no-private pack --install-if-needed -o /tmp/artifacts/%s-${{ github.sha }}.tgz
+        run:
+          mkdir /tmp/artifacts && corepack yarn workspaces foreach --no-private
+          pack --install-if-needed -o /tmp/artifacts/%s-${{ github.sha }}.tgz
       - name: Upload artifact
         if: success()
         uses: actions/upload-artifact@v3
@@ -85,18 +91,17 @@ jobs:
         with:
           path: /tmp/
       - name: Extract tarball
-        run: tar -xzf /tmp/packages/uppy-${{ github.sha }}.tgz --strip-components 1
+        run:
+          tar -xzf /tmp/packages/uppy-${{ github.sha }}.tgz --strip-components 1
       - name: Add Rollup as a dev dependency
         run: >-
-          npm i --save-dev
-          @rollup/plugin-commonjs @rollup/plugin-node-resolve
+          npm i --save-dev @rollup/plugin-commonjs @rollup/plugin-node-resolve
           rollup@${{matrix.bundler-version}}
       - run: npx rollup --version
       - name: Create Rollup config file
         run: >-
-          echo '
-          import cjs from "@rollup/plugin-commonjs";
-          import { nodeResolve } from "@rollup/plugin-node-resolve";
+          echo ' import cjs from "@rollup/plugin-commonjs"; import { nodeResolve
+          } from "@rollup/plugin-node-resolve";
 
           export default {
             input: "./index.mjs",
@@ -124,12 +129,16 @@ jobs:
         with:
           path: /tmp/
       - name: Extract tarball
-        run: tar -xzf /tmp/packages/uppy-${{ github.sha }}.tgz --strip-components 1
+        run:
+          tar -xzf /tmp/packages/uppy-${{ github.sha }}.tgz --strip-components 1
       - name: Add Webpack as a dev dependency
         run: npm i --save-dev webpack-cli webpack@${{matrix.bundler-version}}
       - run: npx webpack --version
       - name: Create Webpack config file
-        run: echo 'module.exports={mode:"production",target:"web",entry:"./index.mjs"}' > webpack.config.js
+        run:
+          echo
+          'module.exports={mode:"production",target:"web",entry:"./index.mjs"}'
+          > webpack.config.js
       - name: Bundle
         run: npx webpack
 
@@ -146,7 +155,8 @@ jobs:
         with:
           path: /tmp/
       - name: Extract tarball
-        run: tar -xzf /tmp/packages/uppy-${{ github.sha }}.tgz --strip-components 1
+        run:
+          tar -xzf /tmp/packages/uppy-${{ github.sha }}.tgz --strip-components 1
       - name: Fix package.json to work with Parcel
         run: |
           node <<'EOF'
@@ -175,12 +185,15 @@ jobs:
         with:
           path: /tmp/
       - name: Extract tarball
-        run: tar -xzf /tmp/packages/uppy-${{ github.sha }}.tgz --strip-components 1
+        run:
+          tar -xzf /tmp/packages/uppy-${{ github.sha }}.tgz --strip-components 1
       - name: Add Vite as a dev dependency
         run: npm i --save-dev vite@${{matrix.bundler-version}}
       - run: npx vite --version
       - name: Create index.html
-        run: echo '<!doctype html><html><head><script type="module" src="./index.mjs"></script></head></html>' > index.html
+        run:
+          echo '<!doctype html><html><head><script type="module"
+          src="./index.mjs"></script></head></html>' > index.html
       - name: Bundle
         run: npx vite build
 
@@ -197,11 +210,12 @@ jobs:
         with:
           path: /tmp/
       - name: Extract tarball
-        run: tar -xzf /tmp/packages/uppy-${{ github.sha }}.tgz --strip-components 1
+        run:
+          tar -xzf /tmp/packages/uppy-${{ github.sha }}.tgz --strip-components 1
       - name: Add ESBuild as a dev dependency
         run: npm i --save-dev esbuild@${{matrix.bundler-version}}
       - run: npx esbuild --version
       - name: Bundle
         run: npx esbuild index.mjs --bundle --outfile=/dev/null
-    
+
   # Browserify: doesn't support ESM.
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 9b25e74b53..fbb46ee309 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -2,7 +2,7 @@ name: CI
 
 on:
   push:
-    branches: [ main ]
+    branches: [main]
     paths-ignore:
       - '**.md'
       - 'assets/**'
@@ -14,7 +14,7 @@ on:
       - '!.github/workflows/ci.yml'
   pull_request:
     # We want all branches so we configure types to be the GH default again
-    types: [ opened, synchronize, reopened ]
+    types: [opened, synchronize, reopened]
     paths-ignore:
       - '**.md'
       - 'assets/**'
@@ -41,7 +41,8 @@ jobs:
         uses: actions/checkout@v3
       - name: Get yarn cache directory path
         id: yarn-cache-dir-path
-        run: echo "dir=$(corepack yarn config get cacheFolder)" >> $GITHUB_OUTPUT
+        run:
+          echo "dir=$(corepack yarn config get cacheFolder)" >> $GITHUB_OUTPUT
 
       - uses: actions/cache@v3
         id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
@@ -55,7 +56,10 @@ jobs:
         with:
           node-version: ${{matrix.node-version}}
       - name: Install dependencies
-        run: corepack yarn workspaces focus $(corepack yarn workspaces list --json | jq -r .name | awk '/^@uppy-example/{ next } { if ($0!="uppy.io") print $0 }')
+        run:
+          corepack yarn workspaces focus $(corepack yarn workspaces list --json
+          | jq -r .name | awk '/^@uppy-example/{ next } { if ($0!="uppy.io")
+          print $0 }')
         env:
           # https://docs.cypress.io/guides/references/advanced-installation#Skipping-installation
           CYPRESS_INSTALL_BINARY: 0
@@ -70,7 +74,8 @@ jobs:
         uses: actions/checkout@v3
       - name: Get yarn cache directory path
         id: yarn-cache-dir-path
-        run: echo "dir=$(corepack yarn config get cacheFolder)" >> $GITHUB_OUTPUT
+        run:
+          echo "dir=$(corepack yarn config get cacheFolder)" >> $GITHUB_OUTPUT
 
       - uses: actions/cache@v3
         id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
@@ -84,7 +89,10 @@ jobs:
         with:
           node-version: lts/*
       - name: Install dependencies
-        run: corepack yarn workspaces focus $(corepack yarn workspaces list --json | jq -r .name | awk '/^@uppy-example/{ next } { if ($0!="uppy.io") print $0 }')
+        run:
+          corepack yarn workspaces focus $(corepack yarn workspaces list --json
+          | jq -r .name | awk '/^@uppy-example/{ next } { if ($0!="uppy.io")
+          print $0 }')
         env:
           # https://docs.cypress.io/guides/references/advanced-installation#Skipping-installation
           CYPRESS_INSTALL_BINARY: 0
diff --git a/.github/workflows/companion-deploy.yml b/.github/workflows/companion-deploy.yml
index a8c06b6d5b..49b0bb0327 100644
--- a/.github/workflows/companion-deploy.yml
+++ b/.github/workflows/companion-deploy.yml
@@ -5,7 +5,7 @@ name: Companion Edge Deploy
 
 on:
   push:
-    branches: [ 'main' ]
+    branches: ['main']
     paths:
       - yarn.lock
       - 'packages/@uppy/companion/**'
@@ -22,9 +22,15 @@ jobs:
       - name: Checkout sources
         uses: actions/checkout@v3
       - name: Set SHA commit in version
-        run: (cd packages/@uppy/companion && node -e 'const pkg=require("./package.json");pkg.version+="+${{ github.sha }}";fs.writeFileSync("package.json",JSON.stringify(pkg, undefined, 2)+"\n")')
+        run:
+          (cd packages/@uppy/companion && node -e 'const
+          pkg=require("./package.json");pkg.version+="+${{ github.sha
+          }}";fs.writeFileSync("package.json",JSON.stringify(pkg, undefined,
+          2)+"\n")')
       - name: Create Companion tarball
-        run: corepack yarn workspace @uppy/companion pack --install-if-needed -o /tmp/companion-${{ github.sha }}.tar.gz
+        run:
+          corepack yarn workspace @uppy/companion pack --install-if-needed -o
+          /tmp/companion-${{ github.sha }}.tar.gz
       - name: Upload artifact
         if: success()
         uses: actions/upload-artifact@v3
diff --git a/.github/workflows/companion.yml b/.github/workflows/companion.yml
index 94e6841877..58834603a4 100644
--- a/.github/workflows/companion.yml
+++ b/.github/workflows/companion.yml
@@ -1,14 +1,14 @@
 name: Companion
 on:
   push:
-    branches: [ main ]
+    branches: [main]
     paths:
       - yarn.lock
       - 'packages/@uppy/companion/**'
       - '.github/workflows/companion.yml'
   pull_request:
     # We want all branches so we configure types to be the GH default again
-    types: [ opened, synchronize, reopened ]
+    types: [opened, synchronize, reopened]
     paths:
       - yarn.lock
       - 'packages/@uppy/companion/**'
@@ -29,7 +29,8 @@ jobs:
         uses: actions/checkout@v3
       - name: Get yarn cache directory path
         id: yarn-cache-dir-path
-        run: echo "dir=$(corepack yarn config get cacheFolder)" >> $GITHUB_OUTPUT
+        run:
+          echo "dir=$(corepack yarn config get cacheFolder)" >> $GITHUB_OUTPUT
 
       - uses: actions/cache@v3
         id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
@@ -48,4 +49,3 @@ jobs:
         run: corepack yarn run test:companion
       - name: Run type checks in focused workspace
         run: corepack yarn run build:companion
-
diff --git a/.github/workflows/e2e.yml b/.github/workflows/e2e.yml
index d7103de1f8..4ead483a4e 100644
--- a/.github/workflows/e2e.yml
+++ b/.github/workflows/e2e.yml
@@ -1,7 +1,7 @@
 name: End-to-end tests
 on:
   push:
-    branches: [ main ]
+    branches: [main]
     paths-ignore:
       - '**.md'
       - '**.d.ts'
@@ -11,7 +11,7 @@ on:
       - '.github/**'
       - '!.github/workflows/e2e.yml'
   pull_request_target:
-    types: [ opened, synchronize, reopened, labeled ]
+    types: [opened, synchronize, reopened, labeled]
     paths-ignore:
       - '**.md'
       - '**.d.ts'
@@ -20,7 +20,7 @@ on:
       - 'website/**'
       - '.github/**'
   pull_request:
-    types: [ opened, synchronize, reopened ]
+    types: [opened, synchronize, reopened]
     paths:
       - .github/workflows/e2e.yml
 
@@ -31,7 +31,12 @@ env:
 
 jobs:
   e2e:
-    if: ${{ !github.event.pull_request || (contains(github.event.pull_request.labels.*.name, 'safe to test') && github.event.pull_request.state == 'open') || (github.event.pull_request.head.repo.full_name == github.repository && github.event.event_name != 'labeled') }}
+    if:
+      ${{ !github.event.pull_request ||
+      (contains(github.event.pull_request.labels.*.name, 'safe to test') &&
+      github.event.pull_request.state == 'open') ||
+      (github.event.pull_request.head.repo.full_name == github.repository &&
+      github.event.event_name != 'labeled') }}
     name: Browser tests
     runs-on: ubuntu-latest
     steps:
@@ -41,7 +46,8 @@ jobs:
           ref: ${{ github.event.pull_request.head.sha || github.sha }}
       - name: Get yarn cache directory path
         id: yarn-cache-dir-path
-        run: echo "dir=$(corepack yarn config get cacheFolder)" >> $GITHUB_OUTPUT
+        run:
+          echo "dir=$(corepack yarn config get cacheFolder)" >> $GITHUB_OUTPUT
 
       - uses: actions/cache@v3
         id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
@@ -105,14 +111,19 @@ jobs:
             e2e/cypress/screenshots/
       - name: Remove 'pending end-to-end tests' label
         # Remove the 'pending end-to-end tests' label if tests ran successfully
-        if: github.event.pull_request && contains(github.event.pull_request.labels.*.name, 'pending end-to-end tests')
+        if:
+          github.event.pull_request &&
+          contains(github.event.pull_request.labels.*.name, 'pending end-to-end
+          tests')
         run: gh pr edit "$NUMBER" --remove-label 'pending end-to-end tests'
         env:
           NUMBER: ${{ github.event.pull_request.number }}
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
       - name: Remove 'safe to test' label
         # Remove the 'safe to test' label to ensure next commit needs approval before re-running this.
-        if: always() && github.event.pull_request && contains(github.event.pull_request.labels.*.name, 'safe to test')
+        if:
+          always() && github.event.pull_request &&
+          contains(github.event.pull_request.labels.*.name, 'safe to test')
         run: gh pr edit "$NUMBER" --remove-label 'safe to test'
         env:
           NUMBER: ${{ github.event.pull_request.number }}
@@ -121,11 +132,18 @@ jobs:
     # Add the 'pending end-to-end tests' label for PRs that come from forks.
     # For those PRs, we want to review the code before running e2e tests.
     # See https://securitylab.github.com/research/github-actions-preventing-pwn-requests/.
-    if: github.event.pull_request.state == 'open' && github.event.pull_request.head.repo.full_name != github.repository && !contains(github.event.pull_request.labels.*.name, 'safe to test') && !contains(github.event.pull_request.labels.*.name, 'pending end-to-end tests')
+    if:
+      github.event.pull_request.state == 'open' &&
+      github.event.pull_request.head.repo.full_name != github.repository &&
+      !contains(github.event.pull_request.labels.*.name, 'safe to test') &&
+      !contains(github.event.pull_request.labels.*.name, 'pending end-to-end
+      tests')
     runs-on: ubuntu-latest
     steps:
       - name: Add label
         env:
           NUMBER: ${{ github.event.pull_request.number }}
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-        run: gh pr edit "$NUMBER" --repo ${{ github.repository }} --add-label 'pending end-to-end tests'
+        run:
+          gh pr edit "$NUMBER" --repo ${{ github.repository }} --add-label
+          'pending end-to-end tests'
diff --git a/.github/workflows/linters.yml b/.github/workflows/linters.yml
index 9a3a5436f4..76618707df 100644
--- a/.github/workflows/linters.yml
+++ b/.github/workflows/linters.yml
@@ -2,13 +2,13 @@ name: Linters
 
 on:
   push:
-    branches: [ main ]
+    branches: [main]
     paths-ignore:
       - '.github/**'
       - '!.github/workflows/linters.yml'
   pull_request:
     # We want all branches so we configure types to be the GH default again
-    types: [ opened, synchronize, reopened ]
+    types: [opened, synchronize, reopened]
     paths-ignore:
       - '.github/**'
       - '!.github/workflows/linters.yml'
@@ -25,7 +25,8 @@ jobs:
         uses: actions/checkout@v3
       - name: Get yarn cache directory path
         id: yarn-cache-dir-path
-        run: echo "dir=$(corepack yarn config get cacheFolder)" >> $GITHUB_OUTPUT
+        run:
+          echo "dir=$(corepack yarn config get cacheFolder)" >> $GITHUB_OUTPUT
 
       - uses: actions/cache@v3
         id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
@@ -40,7 +41,9 @@ jobs:
           node-version: lts/*
       - name: Install dependencies
         # List all projects that use a custom ESLint config:
-        run: corepack yarn workspaces focus @uppy/angular @uppy-example/angular @uppy-example/react-native-expo @uppy/react-native @uppy-dev/build
+        run:
+          corepack yarn workspaces focus @uppy/angular @uppy-example/angular
+          @uppy-example/react-native-expo @uppy/react-native @uppy-dev/build
       - name: Run linter
         run: corepack yarn run lint
 
@@ -52,7 +55,8 @@ jobs:
         uses: actions/checkout@v3
       - name: Get yarn cache directory path
         id: yarn-cache-dir-path
-        run: echo "dir=$(corepack yarn config get cacheFolder)" >> $GITHUB_OUTPUT
+        run:
+          echo "dir=$(corepack yarn config get cacheFolder)" >> $GITHUB_OUTPUT
 
       - uses: actions/cache@v3
         id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
diff --git a/.github/workflows/lockile_check.yml b/.github/workflows/lockile_check.yml
index af5c94d9f4..32ea46745f 100644
--- a/.github/workflows/lockile_check.yml
+++ b/.github/workflows/lockile_check.yml
@@ -2,12 +2,12 @@ name: Lockfile checks
 
 on:
   push:
-    branches: [ main ]
+    branches: [main]
     paths:
       - yarn.lock
   pull_request:
     # We want all branches so we configure types to be the GH default again
-    types: [ opened, synchronize, reopened ]
+    types: [opened, synchronize, reopened]
     paths:
       - yarn.lock
 
@@ -23,7 +23,8 @@ jobs:
         uses: actions/checkout@v3
       - name: Get yarn cache directory path
         id: yarn-cache-dir-path
-        run: echo "dir=$(corepack yarn config get cacheFolder)" >> $GITHUB_OUTPUT
+        run:
+          echo "dir=$(corepack yarn config get cacheFolder)" >> $GITHUB_OUTPUT
 
       - uses: actions/cache@v3
         id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
diff --git a/.github/workflows/manual-cdn.yml b/.github/workflows/manual-cdn.yml
index c95ab5718b..f0977f8508 100644
--- a/.github/workflows/manual-cdn.yml
+++ b/.github/workflows/manual-cdn.yml
@@ -3,9 +3,9 @@ on:
   workflow_dispatch:
     inputs:
       name:
-        description: "Package to upload"
+        description: 'Package to upload'
         required: true
-        default: "uppy"
+        default: 'uppy'
 
 env:
   YARN_ENABLE_GLOBAL_CACHE: false
@@ -18,7 +18,8 @@ jobs:
         uses: actions/checkout@v3
       - name: Get yarn cache directory path
         id: yarn-cache-dir-path
-        run: echo "dir=$(corepack yarn config get cacheFolder)" >> $GITHUB_OUTPUT
+        run:
+          echo "dir=$(corepack yarn config get cacheFolder)" >> $GITHUB_OUTPUT
 
       - uses: actions/cache@v3
         id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
diff --git a/.github/workflows/release-candidate.yml b/.github/workflows/release-candidate.yml
index d5f2bfa2b9..832765f8da 100644
--- a/.github/workflows/release-candidate.yml
+++ b/.github/workflows/release-candidate.yml
@@ -23,7 +23,8 @@ jobs:
           git rebase FETCH_HEAD
       - name: Get yarn cache directory path
         id: yarn-cache-dir-path
-        run: echo "dir=$(corepack yarn config get cacheFolder)" >> $GITHUB_OUTPUT
+        run:
+          echo "dir=$(corepack yarn config get cacheFolder)" >> $GITHUB_OUTPUT
 
       - uses: actions/cache@v3
         id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
@@ -44,11 +45,17 @@ jobs:
       - name: Bump candidate packages version
         run: corepack yarn version apply --all --json | jq -s > releases.json
       - name: Prepare changelog
-        run: corepack yarn workspace @uppy-dev/release update-changelogs releases.json | xargs git add
+        run:
+          corepack yarn workspace @uppy-dev/release update-changelogs
+          releases.json | xargs git add
       - name: Update contributors table
-        run: corepack yarn contributors:save && corepack yarn remark -foq README.md && git add README.md
+        run:
+          corepack yarn contributors:save && corepack yarn remark -foq README.md
+          && git add README.md
       - name: Update CDN URLs
-        run: corepack yarn workspace @uppy-dev/release update-version-URLs | xargs git add
+        run:
+          corepack yarn workspace @uppy-dev/release update-version-URLs | xargs
+          git add
       - name: Stage changes and remove temp files
         run: |
           git rm -rf .yarn/versions
@@ -75,7 +82,10 @@ jobs:
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
       - name: Assign to the releaser
-        run: echo '{"assignees":[${{ toJSON(github.actor) }}]}' | gh api repos/${{ github.repository }}/issues/${{ steps.pr_opening.outputs.pr_number }}/assignees --input -
+        run:
+          echo '{"assignees":[${{ toJSON(github.actor) }}]}' | gh api repos/${{
+          github.repository }}/issues/${{ steps.pr_opening.outputs.pr_number
+          }}/assignees --input -
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
       - name: Enable Release workflow
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index 3f3d25d963..31e872b231 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -9,9 +9,13 @@ env:
 jobs:
   release:
     name: Publish releases
-    if: ${{ github.event.review.state == 'approved' && github.event.sender.login == github.event.pull_request.assignee.login && github.event.pull_request.head.ref == 'release-candidate' }}
+    if:
+      ${{ github.event.review.state == 'approved' && github.event.sender.login
+      == github.event.pull_request.assignee.login &&
+      github.event.pull_request.head.ref == 'release-candidate' }}
     outputs:
-      companionWasReleased: ${{ steps.checkIfCompanionWasReleased.outputs.version }}
+      companionWasReleased:
+        ${{ steps.checkIfCompanionWasReleased.outputs.version }}
     runs-on: ubuntu-latest
     steps:
       - name: Checkout sources
@@ -20,7 +24,8 @@ jobs:
           fetch-depth: 2
       - name: Get yarn cache directory path
         id: yarn-cache-dir-path
-        run: echo "dir=$(corepack yarn config get cacheFolder)" >> $GITHUB_OUTPUT
+        run:
+          echo "dir=$(corepack yarn config get cacheFolder)" >> $GITHUB_OUTPUT
 
       - uses: actions/cache@v3
         id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
@@ -39,7 +44,10 @@ jobs:
           # https://docs.cypress.io/guides/references/advanced-installation#Skipping-installation
           CYPRESS_INSTALL_BINARY: 0
       - name: Get CHANGELOG diff
-        run: git --no-pager diff HEAD^ -- CHANGELOG.md | awk '{ if( substr($0,0,1) == "+" && $1 != "+##" && $1 != "+Released:" && $1 != "+++" ) { print substr($0,2) } }' > CHANGELOG.diff.md
+        run:
+          git --no-pager diff HEAD^ -- CHANGELOG.md | awk '{ if( substr($0,0,1)
+          == "+" && $1 != "+##" && $1 != "+Released:" && $1 != "+++" ) { print
+          substr($0,2) } }' > CHANGELOG.diff.md
       - name: Copy README for `uppy` package
         run: cp README.md packages/uppy/.
       - name: Build before publishing
@@ -47,7 +55,9 @@ jobs:
       - name: Hack to allow the publish of the Angular package
         run: corepack yarn workspace @uppy/angular prepublishOnly
       - name: Publish to the npm registry
-        run: corepack yarn workspaces foreach --no-private npm publish --access public --tolerate-republish
+        run:
+          corepack yarn workspaces foreach --no-private npm publish --access
+          public --tolerate-republish
         env:
           YARN_NPM_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
       - name: Merge PR
@@ -68,9 +78,13 @@ jobs:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
       - name: Get Uppy version number
         id: uppyVersion
-        run: jq -r '"version="+.version' < packages/uppy/package.json >> $GITHUB_OUTPUT
+        run:
+          jq -r '"version="+.version' < packages/uppy/package.json >>
+          $GITHUB_OUTPUT
       - name: Create GitHub release
-        run: gh release create uppy@${{ steps.uppyVersion.outputs.version }} -t "Uppy ${{ steps.uppyVersion.outputs.version }}" -F CHANGELOG.diff.md
+        run:
+          gh release create uppy@${{ steps.uppyVersion.outputs.version }} -t
+          "Uppy ${{ steps.uppyVersion.outputs.version }}" -F CHANGELOG.diff.md
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
       - name: Upload `uppy` to CDN
@@ -79,19 +93,28 @@ jobs:
           EDGLY_KEY: ${{secrets.EDGLY_KEY}}
           EDGLY_SECRET: ${{secrets.EDGLY_SECRET}}
       - name: Upload `@uppy/locales` to CDN if it was released
-        run: git diff --exit-code --quiet HEAD^ -- packages/@uppy/locales/package.json ||corepack yarn run uploadcdn @uppy/locales
+        run:
+          git diff --exit-code --quiet HEAD^ --
+          packages/@uppy/locales/package.json ||corepack yarn run uploadcdn
+          @uppy/locales
         env:
           EDGLY_KEY: ${{secrets.EDGLY_KEY}}
           EDGLY_SECRET: ${{secrets.EDGLY_SECRET}}
       - name: Check if Companion was released
         id: checkIfCompanionWasReleased
-        run: git diff --exit-code --quiet HEAD^ -- packages/@uppy/companion/package.json || echo "version=$(jq -r .version < packages/@uppy/companion/package.json)" >> $GITHUB_OUTPUT
+        run:
+          git diff --exit-code --quiet HEAD^ --
+          packages/@uppy/companion/package.json || echo "version=$(jq -r
+          .version < packages/@uppy/companion/package.json)" >> $GITHUB_OUTPUT
       - name: Remove release-candidate branch
-        run: gh api -X DELETE repos/${{ github.repository }}/git/refs/heads/release-candidate || echo "Already deleted"
+        run:
+          gh api -X DELETE repos/${{ github.repository
+          }}/git/refs/heads/release-candidate || echo "Already deleted"
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
       - name: Remove release branch
-        run: gh api -X DELETE repos/${{ github.repository }}/git/refs/heads/release
+        run:
+          gh api -X DELETE repos/${{ github.repository }}/git/refs/heads/release
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
       - name: Disable Release workflow
@@ -100,7 +123,9 @@ jobs:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
       - name: In case of failure
         if: ${{ failure() }}
-        run: gh pr comment ${{ github.event.pull_request.number }} --body "Release job failed, please take action."
+        run:
+          gh pr comment ${{ github.event.pull_request.number }} --body "Release
+          job failed, please take action."
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
diff --git a/.stylelintrc.json b/.stylelintrc.json
index 264693460e..3d05d89b95 100644
--- a/.stylelintrc.json
+++ b/.stylelintrc.json
@@ -9,4 +9,4 @@
     "scss/at-rule-no-unknown": true
   },
   "defaultSeverity": "warning"
-}
\ No newline at end of file
+}
diff --git a/.yarnrc.yml b/.yarnrc.yml
index 7745cf9592..1942f7cc94 100644
--- a/.yarnrc.yml
+++ b/.yarnrc.yml
@@ -10,6 +10,6 @@ nodeLinker: node-modules
 
 plugins:
   - path: .yarn/plugins/@yarnpkg/plugin-workspace-tools.cjs
-    spec: "@yarnpkg/plugin-workspace-tools"
+    spec: '@yarnpkg/plugin-workspace-tools'
   - path: .yarn/plugins/@yarnpkg/plugin-version.cjs
-    spec: "@yarnpkg/plugin-version"
+    spec: '@yarnpkg/plugin-version'
diff --git a/docker-compose-dev.yml b/docker-compose-dev.yml
index 2e6f20226e..0ee79ae764 100644
--- a/docker-compose-dev.yml
+++ b/docker-compose-dev.yml
@@ -13,7 +13,7 @@ services:
       - /app/node_modules
       - /mnt/uppy-server-data:/mnt/uppy-server-data
     ports:
-      - "3020:3020"
-    command: "/app/src/standalone/start-server.js --config nodemon.json"
+      - '3020:3020'
+    command: '/app/src/standalone/start-server.js --config nodemon.json'
     env_file:
-     - .env
+      - .env
diff --git a/docker-compose.yml b/docker-compose.yml
index 3dbf23a12a..fd6dbe4e03 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -10,6 +10,6 @@ services:
       - /app/node_modules
       - /mnt/uppy-server-data:/mnt/uppy-server-data
     ports:
-      - "3020:3020"
+      - '3020:3020'
     env_file:
-     - .env
+      - .env
diff --git a/e2e/clients/dashboard-aws-multipart/index.html b/e2e/clients/dashboard-aws-multipart/index.html
index ff8fd1dd5e..9ccaf9e3bd 100644
--- a/e2e/clients/dashboard-aws-multipart/index.html
+++ b/e2e/clients/dashboard-aws-multipart/index.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8"/>
+    <meta charset="utf-8" />
     <title>dashboard-aws-multipart</title>
     <script defer type="module" src="app.js"></script>
   </head>
diff --git a/e2e/clients/dashboard-aws/index.html b/e2e/clients/dashboard-aws/index.html
index 4b14700fda..27ecd5736c 100644
--- a/e2e/clients/dashboard-aws/index.html
+++ b/e2e/clients/dashboard-aws/index.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8"/>
+    <meta charset="utf-8" />
     <title>dashboard-aws</title>
     <script defer type="module" src="app.js"></script>
   </head>
diff --git a/e2e/clients/dashboard-compressor/index.html b/e2e/clients/dashboard-compressor/index.html
index 2896829cb1..849e8502c2 100644
--- a/e2e/clients/dashboard-compressor/index.html
+++ b/e2e/clients/dashboard-compressor/index.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8"/>
+    <meta charset="utf-8" />
     <title>dashboard-compressor</title>
     <script defer type="module" src="app.js"></script>
   </head>
diff --git a/e2e/clients/dashboard-transloadit/index.html b/e2e/clients/dashboard-transloadit/index.html
index f36fb8dbb9..e05e15c945 100644
--- a/e2e/clients/dashboard-transloadit/index.html
+++ b/e2e/clients/dashboard-transloadit/index.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8"/>
+    <meta charset="utf-8" />
     <title>dashboard-transloadit</title>
     <script defer type="module" src="app.js"></script>
   </head>
diff --git a/e2e/clients/dashboard-tus/index.html b/e2e/clients/dashboard-tus/index.html
index 9ee4db8d4d..235833541c 100644
--- a/e2e/clients/dashboard-tus/index.html
+++ b/e2e/clients/dashboard-tus/index.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8"/>
+    <meta charset="utf-8" />
     <title>dashboard-tus</title>
     <script defer type="module" src="app.js"></script>
   </head>
diff --git a/e2e/clients/dashboard-ui/index.html b/e2e/clients/dashboard-ui/index.html
index e76c6332be..9beff94caa 100644
--- a/e2e/clients/dashboard-ui/index.html
+++ b/e2e/clients/dashboard-ui/index.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8"/>
+    <meta charset="utf-8" />
     <title>dashboard-ui</title>
     <script defer type="module" src="app.js"></script>
   </head>
diff --git a/e2e/clients/dashboard-vue/App.vue b/e2e/clients/dashboard-vue/App.vue
index 3fa462b179..96fad8b781 100644
--- a/e2e/clients/dashboard-vue/App.vue
+++ b/e2e/clients/dashboard-vue/App.vue
@@ -13,10 +13,10 @@ export default {
     Dashboard,
   },
   computed: {
-    uppy: () => new Uppy()
+    uppy: () => new Uppy(),
   },
 }
 </script>
 
-<style src='@uppy/core/dist/style.css'></style> 
-<style src='@uppy/dashboard/dist/style.css'></style> 
+<style src="@uppy/core/dist/style.css"></style>
+<style src="@uppy/dashboard/dist/style.css"></style>
diff --git a/e2e/clients/dashboard-vue/index.html b/e2e/clients/dashboard-vue/index.html
index 248d7a0407..d4254a3b90 100644
--- a/e2e/clients/dashboard-vue/index.html
+++ b/e2e/clients/dashboard-vue/index.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8"/>
+    <meta charset="utf-8" />
     <title>dashboard-vue</title>
     <script defer type="module" src="index.js"></script>
   </head>
diff --git a/e2e/clients/dashboard-xhr/index.html b/e2e/clients/dashboard-xhr/index.html
index 48832c7ffe..83a81c643d 100644
--- a/e2e/clients/dashboard-xhr/index.html
+++ b/e2e/clients/dashboard-xhr/index.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8"/>
+    <meta charset="utf-8" />
     <title>dashboard-xhr</title>
     <script defer type="module" src="app.js"></script>
   </head>
diff --git a/e2e/clients/react/index.html b/e2e/clients/react/index.html
index 710c490e16..315cd8ce91 100644
--- a/e2e/clients/react/index.html
+++ b/e2e/clients/react/index.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8"/>
+    <meta charset="utf-8" />
     <title>dashboard-react</title>
     <script defer type="module" src="index.jsx"></script>
   </head>
diff --git a/e2e/cypress/integration/dashboard-aws-multipart.spec.ts b/e2e/cypress/integration/dashboard-aws-multipart.spec.ts
index 3db45f0ecd..82a68cdd46 100644
--- a/e2e/cypress/integration/dashboard-aws-multipart.spec.ts
+++ b/e2e/cypress/integration/dashboard-aws-multipart.spec.ts
@@ -8,7 +8,9 @@ describe('Dashboard with @uppy/aws-s3-multipart', () => {
   })
 
   it('should upload cat image successfully', () => {
-    cy.get('@file-input').selectFile('cypress/fixtures/images/cat.jpg', { force:true })
+    cy.get('@file-input').selectFile('cypress/fixtures/images/cat.jpg', {
+      force: true,
+    })
 
     cy.get('.uppy-StatusBar-actionBtn--upload').click()
     cy.wait(['@post', '@get', '@put'])
@@ -16,7 +18,9 @@ describe('Dashboard with @uppy/aws-s3-multipart', () => {
   })
   it('should upload Russian poem image successfully', () => {
     const fileName = '١٠ كم мест для Нью-Йорке.pdf'
-    cy.get('@file-input').selectFile(`cypress/fixtures/images/${fileName}`, { force:true })
+    cy.get('@file-input').selectFile(`cypress/fixtures/images/${fileName}`, {
+      force: true,
+    })
 
     cy.get('.uppy-StatusBar-actionBtn--upload').click()
     cy.wait(['@post', '@get', '@put'])
@@ -24,80 +28,166 @@ describe('Dashboard with @uppy/aws-s3-multipart', () => {
     cy.get('.uppy-StatusBar-statusPrimary').should('contain', 'Complete')
   })
 
-  it('should handle retry request gracefully',  () => {
-    cy.get('@file-input').selectFile('cypress/fixtures/images/cat.jpg', { force:true })
+  it('should handle retry request gracefully', () => {
+    cy.get('@file-input').selectFile('cypress/fixtures/images/cat.jpg', {
+      force: true,
+    })
 
-    cy.intercept('POST', '/s3/multipart', { forceNetworkError: true, times: 1 }).as('createMultipartUpload-fails')
+    cy.intercept('POST', '/s3/multipart', {
+      forceNetworkError: true,
+      times: 1,
+    }).as('createMultipartUpload-fails')
     cy.get('.uppy-StatusBar-actionBtn--upload').click()
     cy.wait(['@createMultipartUpload-fails'])
     cy.get('.uppy-StatusBar-statusPrimary').should('contain', 'Upload failed')
 
-    cy.intercept('POST', '/s3/multipart', { statusCode: 200, times: 1, body: JSON.stringify({ key:'mocked-key-attempt1', uploadId:'mocked-uploadId-attempt1' }) }).as('createMultipartUpload-attempt1')
-    cy.intercept('GET', '/s3/multipart/mocked-uploadId-attempt1/1?key=mocked-key-attempt1', { forceNetworkError: true }).as('signPart-fails')
-    cy.intercept('DELETE', '/s3/multipart/mocked-uploadId-attempt1?key=mocked-key-attempt1', { statusCode: 200, body: '{}' }).as('abortAttempt-1')
+    cy.intercept('POST', '/s3/multipart', {
+      statusCode: 200,
+      times: 1,
+      body: JSON.stringify({
+        key: 'mocked-key-attempt1',
+        uploadId: 'mocked-uploadId-attempt1',
+      }),
+    }).as('createMultipartUpload-attempt1')
+    cy.intercept(
+      'GET',
+      '/s3/multipart/mocked-uploadId-attempt1/1?key=mocked-key-attempt1',
+      { forceNetworkError: true },
+    ).as('signPart-fails')
+    cy.intercept(
+      'DELETE',
+      '/s3/multipart/mocked-uploadId-attempt1?key=mocked-key-attempt1',
+      { statusCode: 200, body: '{}' },
+    ).as('abortAttempt-1')
     cy.get('.uppy-StatusBar-actions > .uppy-c-btn').click()
-    cy.wait(['@createMultipartUpload-attempt1', '@signPart-fails', '@abortAttempt-1'])
+    cy.wait([
+      '@createMultipartUpload-attempt1',
+      '@signPart-fails',
+      '@abortAttempt-1',
+    ])
     cy.get('.uppy-StatusBar-statusPrimary').should('contain', 'Upload failed')
 
-    cy.intercept('POST', '/s3/multipart', { statusCode: 200, times: 1, body: JSON.stringify({ key:'mocked-key-attempt2', uploadId:'mocked-uploadId-attempt2' }) }).as('createMultipartUpload-attempt2')
-    cy.intercept('GET', '/s3/multipart/mocked-uploadId-attempt2/1?key=mocked-key-attempt2', {
+    cy.intercept('POST', '/s3/multipart', {
       statusCode: 200,
-      headers: {
-        ETag: 'W/"222-GXE2wLoMKDihw3wxZFH1APdUjHM"',
+      times: 1,
+      body: JSON.stringify({
+        key: 'mocked-key-attempt2',
+        uploadId: 'mocked-uploadId-attempt2',
+      }),
+    }).as('createMultipartUpload-attempt2')
+    cy.intercept(
+      'GET',
+      '/s3/multipart/mocked-uploadId-attempt2/1?key=mocked-key-attempt2',
+      {
+        statusCode: 200,
+        headers: {
+          ETag: 'W/"222-GXE2wLoMKDihw3wxZFH1APdUjHM"',
+        },
+        body: JSON.stringify({ url: '/put-fail', expires: 8 }),
       },
-      body: JSON.stringify({ url:'/put-fail', expires:8 }),
-    }).as('signPart-toFail')
-    cy.intercept('DELETE', '/s3/multipart/mocked-uploadId-attempt2?key=mocked-key-attempt2', { statusCode: 200, body: '{}' }).as('abortAttempt-2')
-    cy.intercept('PUT', '/put-fail', { forceNetworkError: true }).as('put-fails')
+    ).as('signPart-toFail')
+    cy.intercept(
+      'DELETE',
+      '/s3/multipart/mocked-uploadId-attempt2?key=mocked-key-attempt2',
+      { statusCode: 200, body: '{}' },
+    ).as('abortAttempt-2')
+    cy.intercept('PUT', '/put-fail', { forceNetworkError: true }).as(
+      'put-fails',
+    )
     cy.get('.uppy-StatusBar-actions > .uppy-c-btn').click()
-    cy.wait(['@createMultipartUpload-attempt2', '@signPart-toFail', ...Array(5).fill('@put-fails'), '@abortAttempt-2'])
+    cy.wait([
+      '@createMultipartUpload-attempt2',
+      '@signPart-toFail',
+      ...Array(5).fill('@put-fails'),
+      '@abortAttempt-2',
+    ])
     cy.get('.uppy-StatusBar-statusPrimary').should('contain', 'Upload failed')
 
-    cy.intercept('GET', '/s3/multipart/mocked-uploadId-attempt2/1?key=mocked-key-attempt2', {
-      statusCode: 200,
-      headers: {
-        ETag: 'ETag-attempt2',
+    cy.intercept(
+      'GET',
+      '/s3/multipart/mocked-uploadId-attempt2/1?key=mocked-key-attempt2',
+      {
+        statusCode: 200,
+        headers: {
+          ETag: 'ETag-attempt2',
+        },
+        body: JSON.stringify({ url: '/put-success-attempt2', expires: 8 }),
       },
-      body: JSON.stringify({ url:'/put-success-attempt2', expires:8 }),
-    }).as('signPart-attempt2')
+    ).as('signPart-attempt2')
     cy.intercept('PUT', '/put-success-attempt2', {
       statusCode: 200,
       headers: {
         ETag: 'ETag-attempt2',
       },
     }).as('put-attempt2')
-    cy.intercept('POST', '/s3/multipart/mocked-uploadId-attempt2/complete?key=mocked-key-attempt2', { forceNetworkError: true }).as('completeMultipartUpload-fails')
+    cy.intercept(
+      'POST',
+      '/s3/multipart/mocked-uploadId-attempt2/complete?key=mocked-key-attempt2',
+      { forceNetworkError: true },
+    ).as('completeMultipartUpload-fails')
     cy.get('.uppy-StatusBar-actions > .uppy-c-btn').click()
-    cy.wait(['@createMultipartUpload-attempt2', '@signPart-attempt2', '@put-attempt2', '@completeMultipartUpload-fails', '@abortAttempt-2'])
+    cy.wait([
+      '@createMultipartUpload-attempt2',
+      '@signPart-attempt2',
+      '@put-attempt2',
+      '@completeMultipartUpload-fails',
+      '@abortAttempt-2',
+    ])
     cy.get('.uppy-StatusBar-statusPrimary').should('contain', 'Upload failed')
 
-    cy.intercept('POST', '/s3/multipart', { statusCode: 200, times: 1, body: JSON.stringify({ key:'mocked-key-attempt3', uploadId:'mocked-uploadId-attempt3' }) }).as('createMultipartUpload-attempt3')
-    cy.intercept('GET', '/s3/multipart/mocked-uploadId-attempt3/1?key=mocked-key-attempt3', {
+    cy.intercept('POST', '/s3/multipart', {
       statusCode: 200,
-      headers: {
-        ETag: 'ETag-attempt3',
+      times: 1,
+      body: JSON.stringify({
+        key: 'mocked-key-attempt3',
+        uploadId: 'mocked-uploadId-attempt3',
+      }),
+    }).as('createMultipartUpload-attempt3')
+    cy.intercept(
+      'GET',
+      '/s3/multipart/mocked-uploadId-attempt3/1?key=mocked-key-attempt3',
+      {
+        statusCode: 200,
+        headers: {
+          ETag: 'ETag-attempt3',
+        },
+        body: JSON.stringify({ url: '/put-success-attempt3', expires: 8 }),
       },
-      body: JSON.stringify({ url:'/put-success-attempt3', expires:8 }),
-    }).as('signPart-attempt3')
+    ).as('signPart-attempt3')
     cy.intercept('PUT', '/put-success-attempt3', {
       statusCode: 200,
       headers: {
         ETag: 'ETag-attempt3',
       },
     }).as('put-attempt3')
-    cy.intercept('POST', '/s3/multipart/mocked-uploadId-attempt3/complete?key=mocked-key-attempt3', {
-      statusCode: 200,
-      body: JSON.stringify({
-        location: 'someLocation',
-      }),
-    }).as('completeMultipartUpload-attempt3')
+    cy.intercept(
+      'POST',
+      '/s3/multipart/mocked-uploadId-attempt3/complete?key=mocked-key-attempt3',
+      {
+        statusCode: 200,
+        body: JSON.stringify({
+          location: 'someLocation',
+        }),
+      },
+    ).as('completeMultipartUpload-attempt3')
     cy.get('.uppy-StatusBar-actions > .uppy-c-btn').click()
-    cy.wait(['@createMultipartUpload-attempt3', '@signPart-attempt3', '@put-attempt3', '@completeMultipartUpload-attempt3'])
+    cy.wait([
+      '@createMultipartUpload-attempt3',
+      '@signPart-attempt3',
+      '@put-attempt3',
+      '@completeMultipartUpload-attempt3',
+    ])
     cy.get('.uppy-StatusBar-statusPrimary').should('contain', 'Complete')
   })
 
   it('should complete when resuming after pause', () => {
-    cy.get('@file-input').selectFile(['cypress/fixtures/images/cat.jpg', 'cypress/fixtures/images/traffic.jpg'], { force: true })
+    cy.get('@file-input').selectFile(
+      [
+        'cypress/fixtures/images/cat.jpg',
+        'cypress/fixtures/images/traffic.jpg',
+      ],
+      { force: true },
+    )
     cy.get('.uppy-StatusBar-actionBtn--upload').click()
 
     cy.wait('@post')
diff --git a/e2e/cypress/integration/dashboard-aws.spec.ts b/e2e/cypress/integration/dashboard-aws.spec.ts
index 16a7a1ddbe..0b39f3fbaf 100644
--- a/e2e/cypress/integration/dashboard-aws.spec.ts
+++ b/e2e/cypress/integration/dashboard-aws.spec.ts
@@ -7,7 +7,9 @@ describe('Dashboard with @uppy/aws-s3', () => {
   })
 
   it('should upload cat image successfully', () => {
-    cy.get('@file-input').selectFile('cypress/fixtures/images/cat.jpg', { force:true })
+    cy.get('@file-input').selectFile('cypress/fixtures/images/cat.jpg', {
+      force: true,
+    })
 
     cy.get('.uppy-StatusBar-actionBtn--upload').click()
     cy.wait(['@post', '@get'])
diff --git a/e2e/cypress/integration/dashboard-compressor.spec.ts b/e2e/cypress/integration/dashboard-compressor.spec.ts
index 93b22858ca..84e5ab8cfc 100644
--- a/e2e/cypress/integration/dashboard-compressor.spec.ts
+++ b/e2e/cypress/integration/dashboard-compressor.spec.ts
@@ -1,4 +1,4 @@
-function uglierBytes (text) {
+function uglierBytes(text) {
   const KB = 2 ** 10
   const MB = KB * KB
 
@@ -28,7 +28,13 @@ describe('dashboard-compressor', () => {
   it('should compress images', () => {
     const sizeBeforeCompression = []
 
-    cy.get('@file-input').selectFile(['cypress/fixtures/images/cat.jpg', 'cypress/fixtures/images/traffic.jpg'], { force:true })
+    cy.get('@file-input').selectFile(
+      [
+        'cypress/fixtures/images/cat.jpg',
+        'cypress/fixtures/images/traffic.jpg',
+      ],
+      { force: true },
+    )
 
     cy.get('.uppy-Dashboard-Item-statusSize').each((element) => {
       const text = element.text()
diff --git a/e2e/cypress/integration/dashboard-transloadit.spec.ts b/e2e/cypress/integration/dashboard-transloadit.spec.ts
index 94f03454f5..16b50bee45 100644
--- a/e2e/cypress/integration/dashboard-transloadit.spec.ts
+++ b/e2e/cypress/integration/dashboard-transloadit.spec.ts
@@ -8,7 +8,9 @@ describe('Dashboard with Transloadit', () => {
   })
 
   it('should upload cat image successfully', () => {
-    cy.get('@file-input').selectFile('cypress/fixtures/images/cat.jpg', { force:true })
+    cy.get('@file-input').selectFile('cypress/fixtures/images/cat.jpg', {
+      force: true,
+    })
 
     cy.get('.uppy-StatusBar-actionBtn--upload').click()
     cy.wait(['@assemblies', '@resumable']).then(() => {
@@ -28,18 +30,30 @@ describe('Dashboard with Transloadit', () => {
 
     cy.window().then(({ uppy }) => {
       cy.get('@file-input').selectFile(
-        ['cypress/fixtures/images/cat.jpg', 'cypress/fixtures/images/traffic.jpg', 'cypress/fixtures/images/car.jpg'],
-        { force:true },
+        [
+          'cypress/fixtures/images/cat.jpg',
+          'cypress/fixtures/images/traffic.jpg',
+          'cypress/fixtures/images/car.jpg',
+        ],
+        { force: true },
       )
       cy.get('.uppy-StatusBar-actionBtn--upload').click()
 
       cy.wait(['@createAssemblies']).then(() => {
-        expect(Object.values(uppy.getPlugin('Transloadit').activeAssemblies).every((a: any) => a.pollInterval)).to.equal(true)
+        expect(
+          Object.values(uppy.getPlugin('Transloadit').activeAssemblies).every(
+            (a: any) => a.pollInterval,
+          ),
+        ).to.equal(true)
 
         uppy.cancelAll()
 
         cy.wait(['@delete']).then(() => {
-          expect(Object.values(uppy.getPlugin('Transloadit').activeAssemblies).some((a: any) => a.pollInterval)).to.equal(false)
+          expect(
+            Object.values(uppy.getPlugin('Transloadit').activeAssemblies).some(
+              (a: any) => a.pollInterval,
+            ),
+          ).to.equal(false)
         })
       })
     })
@@ -55,7 +69,13 @@ describe('Dashboard with Transloadit', () => {
     cy.window().then(({ uppy }) => {
       uppy.on('transloadit:assembly-cancelled', spy)
 
-      cy.get('@file-input').selectFile(['cypress/fixtures/images/cat.jpg', 'cypress/fixtures/images/traffic.jpg'], { force:true })
+      cy.get('@file-input').selectFile(
+        [
+          'cypress/fixtures/images/cat.jpg',
+          'cypress/fixtures/images/traffic.jpg',
+        ],
+        { force: true },
+      )
 
       cy.intercept({
         method: 'GET',
@@ -69,9 +89,11 @@ describe('Dashboard with Transloadit', () => {
         { method: 'DELETE', pathname: '/resumable/files/*', times: 2 },
         { statusCode: 204, body: {} },
       ).as('fileDeletion')
-      cy.intercept(
-        { method: 'DELETE', pathname: '/assemblies/*', times: 1 },
-      ).as('assemblyDeletion')
+      cy.intercept({
+        method: 'DELETE',
+        pathname: '/assemblies/*',
+        times: 1,
+      }).as('assemblyDeletion')
 
       cy.get('.uppy-StatusBar-actionBtn--upload').click()
       cy.wait('@assemblyPolling')
@@ -91,7 +113,13 @@ describe('Dashboard with Transloadit', () => {
     cy.window().then(({ uppy }) => {
       uppy.on('transloadit:assembly-cancelled', spy)
 
-      cy.get('@file-input').selectFile(['cypress/fixtures/images/cat.jpg', 'cypress/fixtures/images/traffic.jpg'], { force:true })
+      cy.get('@file-input').selectFile(
+        [
+          'cypress/fixtures/images/cat.jpg',
+          'cypress/fixtures/images/traffic.jpg',
+        ],
+        { force: true },
+      )
 
       cy.intercept({
         method: 'GET',
@@ -105,47 +133,77 @@ describe('Dashboard with Transloadit', () => {
         { method: 'DELETE', pathname: '/resumable/files/*', times: 2 },
         { statusCode: 204, body: {} },
       ).as('fileDeletion')
-      cy.intercept(
-        { method: 'DELETE', pathname: '/assemblies/*', times: 1 },
-      ).as('assemblyDeletion')
+      cy.intercept({
+        method: 'DELETE',
+        pathname: '/assemblies/*',
+        times: 1,
+      }).as('assemblyDeletion')
 
       cy.get('.uppy-StatusBar-actionBtn--upload').click()
       cy.wait('@assemblyPolling')
-      expect(Object.values(uppy.getPlugin('Transloadit').activeAssemblies).every((a: any) => a.pollInterval)).to.equal(true)
+      expect(
+        Object.values(uppy.getPlugin('Transloadit').activeAssemblies).every(
+          (a: any) => a.pollInterval,
+        ),
+      ).to.equal(true)
 
       const { files } = uppy.getState()
       uppy.removeFiles(Object.keys(files))
 
       cy.wait('@assemblyDeletion').then(() => {
-        expect(Object.values(uppy.getPlugin('Transloadit').activeAssemblies).some((a: any) => a.pollInterval)).to.equal(false)
+        expect(
+          Object.values(uppy.getPlugin('Transloadit').activeAssemblies).some(
+            (a: any) => a.pollInterval,
+          ),
+        ).to.equal(false)
         expect(spy).to.be.calledOnce
       })
     })
   })
 
   it('should not create assembly when all individual files have been cancelled', () => {
-    cy.get('@file-input').selectFile(['cypress/fixtures/images/cat.jpg', 'cypress/fixtures/images/traffic.jpg'], { force:true })
+    cy.get('@file-input').selectFile(
+      [
+        'cypress/fixtures/images/cat.jpg',
+        'cypress/fixtures/images/traffic.jpg',
+      ],
+      { force: true },
+    )
     cy.get('.uppy-StatusBar-actionBtn--upload').click()
 
     cy.window().then(({ uppy }) => {
-      expect(Object.values(uppy.getPlugin('Transloadit').activeAssemblies).length).to.equal(0)
+      expect(
+        Object.values(uppy.getPlugin('Transloadit').activeAssemblies).length,
+      ).to.equal(0)
 
       const { files } = uppy.getState()
       uppy.removeFiles(Object.keys(files))
 
       cy.wait('@createAssemblies').then(() => {
-        expect(Object.values(uppy.getPlugin('Transloadit').activeAssemblies).some((a: any) => a.pollInterval)).to.equal(false)
+        expect(
+          Object.values(uppy.getPlugin('Transloadit').activeAssemblies).some(
+            (a: any) => a.pollInterval,
+          ),
+        ).to.equal(false)
       })
     })
   })
 
   // Not working, the upstream changes have not landed yet.
   it.skip('should create assembly if there is still one file to upload', () => {
-    cy.get('@file-input').selectFile(['cypress/fixtures/images/cat.jpg', 'cypress/fixtures/images/traffic.jpg'], { force:true })
+    cy.get('@file-input').selectFile(
+      [
+        'cypress/fixtures/images/cat.jpg',
+        'cypress/fixtures/images/traffic.jpg',
+      ],
+      { force: true },
+    )
     cy.get('.uppy-StatusBar-actionBtn--upload').click()
 
     cy.window().then(({ uppy }) => {
-      expect(Object.values(uppy.getPlugin('Transloadit').activeAssemblies).length).to.equal(0)
+      expect(
+        Object.values(uppy.getPlugin('Transloadit').activeAssemblies).length,
+      ).to.equal(0)
 
       const { files } = uppy.getState()
       const [fileID] = Object.keys(files)
@@ -160,7 +218,13 @@ describe('Dashboard with Transloadit', () => {
 
   // Not working, the upstream changes have not landed yet.
   it.skip('should complete upload if one gets cancelled mid-flight', () => {
-    cy.get('@file-input').selectFile(['cypress/fixtures/images/cat.jpg', 'cypress/fixtures/images/traffic.jpg'], { force:true })
+    cy.get('@file-input').selectFile(
+      [
+        'cypress/fixtures/images/cat.jpg',
+        'cypress/fixtures/images/traffic.jpg',
+      ],
+      { force: true },
+    )
     cy.get('.uppy-StatusBar-actionBtn--upload').click()
 
     cy.wait('@createAssemblies')
@@ -176,7 +240,9 @@ describe('Dashboard with Transloadit', () => {
   })
 
   it('should not emit error if upload is cancelled right away', () => {
-    cy.get('@file-input').selectFile('cypress/fixtures/images/cat.jpg', { force:true })
+    cy.get('@file-input').selectFile('cypress/fixtures/images/cat.jpg', {
+      force: true,
+    })
     cy.get('.uppy-StatusBar-actionBtn--upload').click()
 
     const handler = cy.spy()
@@ -193,81 +259,88 @@ describe('Dashboard with Transloadit', () => {
   })
 
   it('should not re-use erroneous tus keys', () => {
-    function createAssemblyStatus ({ message, assembly_id, bytes_expected, ...other }) {
+    function createAssemblyStatus({
+      message,
+      assembly_id,
+      bytes_expected,
+      ...other
+    }) {
       return {
         message,
         assembly_id,
-        parent_id:null,
-        account_id:'deadbeef',
-        account_name:'foo',
-        account_slug:'foo',
-        template_id:null,
-        template_name:null,
-        instance:'test.transloadit.com',
-        assembly_url:`http://api2.test.transloadit.com/assemblies/${assembly_id}`,
-        assembly_ssl_url:`https://api2-test.transloadit.com/assemblies/${assembly_id}`,
-        uppyserver_url:'https://api2-test.transloadit.com/companion/',
-        companion_url:'https://api2-test.transloadit.com/companion/',
-        websocket_url:'about:blank',
-        tus_url:'https://api2-test.transloadit.com/resumable/files/',
-        bytes_received:0,
+        parent_id: null,
+        account_id: 'deadbeef',
+        account_name: 'foo',
+        account_slug: 'foo',
+        template_id: null,
+        template_name: null,
+        instance: 'test.transloadit.com',
+        assembly_url: `http://api2.test.transloadit.com/assemblies/${assembly_id}`,
+        assembly_ssl_url: `https://api2-test.transloadit.com/assemblies/${assembly_id}`,
+        uppyserver_url: 'https://api2-test.transloadit.com/companion/',
+        companion_url: 'https://api2-test.transloadit.com/companion/',
+        websocket_url: 'about:blank',
+        tus_url: 'https://api2-test.transloadit.com/resumable/files/',
+        bytes_received: 0,
         bytes_expected,
-        upload_duration:0.162,
-        client_agent:null,
-        client_ip:null,
-        client_referer:null,
-        transloadit_client:'uppy-core:3.2.0,uppy-transloadit:3.1.3,uppy-tus:3.1.0,uppy-dropbox:3.1.1,uppy-box:2.1.1,uppy-facebook:3.1.1,uppy-google-drive:3.1.1,uppy-instagram:3.1.1,uppy-onedrive:3.1.1,uppy-zoom:2.1.1,uppy-url:3.3.1',
+        upload_duration: 0.162,
+        client_agent: null,
+        client_ip: null,
+        client_referer: null,
+        transloadit_client:
+          'uppy-core:3.2.0,uppy-transloadit:3.1.3,uppy-tus:3.1.0,uppy-dropbox:3.1.1,uppy-box:2.1.1,uppy-facebook:3.1.1,uppy-google-drive:3.1.1,uppy-instagram:3.1.1,uppy-onedrive:3.1.1,uppy-zoom:2.1.1,uppy-url:3.3.1',
         start_date: new Date().toISOString(),
-        upload_meta_data_extracted:false,
-        warnings:[],
-        is_infinite:false,
-        has_dupe_jobs:false,
-        execution_start:null,
-        execution_duration:null,
-        queue_duration:0.009,
-        jobs_queue_duration:0,
-        notify_start:null,
-        notify_url:null,
-        notify_response_code:null,
-        notify_response_data:null,
-        notify_duration:null,
-        last_job_completed:null,
-        fields:{},
-        running_jobs:[],
-        bytes_usage:0,
-        executing_jobs:[],
-        started_jobs:[],
-        parent_assembly_status:null,
-        params:'{}',
-        template:null,
-        merged_params:'{}',
-        expected_tus_uploads:1,
-        started_tus_uploads:0,
-        finished_tus_uploads:0,
-        tus_uploads:[],
-        uploads:[],
-        results:{},
-        build_id:'4765326956',
-        status_endpoint:`https://api2-test.transloadit.com/assemblies/${assembly_id}`,
+        upload_meta_data_extracted: false,
+        warnings: [],
+        is_infinite: false,
+        has_dupe_jobs: false,
+        execution_start: null,
+        execution_duration: null,
+        queue_duration: 0.009,
+        jobs_queue_duration: 0,
+        notify_start: null,
+        notify_url: null,
+        notify_response_code: null,
+        notify_response_data: null,
+        notify_duration: null,
+        last_job_completed: null,
+        fields: {},
+        running_jobs: [],
+        bytes_usage: 0,
+        executing_jobs: [],
+        started_jobs: [],
+        parent_assembly_status: null,
+        params: '{}',
+        template: null,
+        merged_params: '{}',
+        expected_tus_uploads: 1,
+        started_tus_uploads: 0,
+        finished_tus_uploads: 0,
+        tus_uploads: [],
+        uploads: [],
+        results: {},
+        build_id: '4765326956',
+        status_endpoint: `https://api2-test.transloadit.com/assemblies/${assembly_id}`,
         ...other,
       }
     }
-    cy.get('@file-input').selectFile(
-      ['cypress/fixtures/images/cat.jpg'],
-      { force:true },
-    )
+    cy.get('@file-input').selectFile(['cypress/fixtures/images/cat.jpg'], {
+      force: true,
+    })
 
     // SETUP for FIRST ATTEMPT (error response from Transloadit backend)
     const assemblyIDAttempt1 = '500e56004f4347a288194edd7c7a0ae1'
     const tusIDAttempt1 = 'a9daed4af4981880faf29b0e9596a14d'
     cy.intercept('POST', 'https://api2.transloadit.com/assemblies', {
       statusCode: 200,
-      body: JSON.stringify(createAssemblyStatus({
-        ok:'ASSEMBLY_UPLOADING',
-        message:'The Assembly is still in the process of being uploaded.',
-        assembly_id:assemblyIDAttempt1,
-        bytes_expected:263871,
-      })),
+      body: JSON.stringify(
+        createAssemblyStatus({
+          ok: 'ASSEMBLY_UPLOADING',
+          message: 'The Assembly is still in the process of being uploaded.',
+          assembly_id: assemblyIDAttempt1,
+          bytes_expected: 263871,
+        }),
+      ),
     }).as('createAssembly')
 
     cy.intercept('POST', 'https://api2-test.transloadit.com/resumable/files/', {
@@ -277,28 +350,42 @@ describe('Dashboard with Transloadit', () => {
       },
       times: 1,
     }).as('tusCall')
-    cy.intercept('PATCH', `https://api2-test.transloadit.com/resumable/files/${tusIDAttempt1}`, {
-      statusCode: 204,
-      headers: {
-        'Upload-Length': '263871',
-        'Upload-Offset': '263871',
+    cy.intercept(
+      'PATCH',
+      `https://api2-test.transloadit.com/resumable/files/${tusIDAttempt1}`,
+      {
+        statusCode: 204,
+        headers: {
+          'Upload-Length': '263871',
+          'Upload-Offset': '263871',
+        },
+        times: 1,
       },
-      times: 1,
-    })
-    cy.intercept('HEAD', `https://api2-test.transloadit.com/resumable/files/${tusIDAttempt1}`, { statusCode: 204 })
+    )
+    cy.intercept(
+      'HEAD',
+      `https://api2-test.transloadit.com/resumable/files/${tusIDAttempt1}`,
+      { statusCode: 204 },
+    )
 
-    cy.intercept('GET', `https://api2-test.transloadit.com/assemblies/${assemblyIDAttempt1}`, {
-      statusCode: 200,
-      body: JSON.stringify(createAssemblyStatus({
-        error:'INVALID_FILE_META_DATA',
-        http_code:400,
-        message:'Whatever error message from Transloadit backend',
-        reason:'Whatever reason',
-        msg:'Whatever error from Transloadit backend',
-        assembly_id:'500e56004f4347a288194edd7c7a0ae1',
-        bytes_expected:263871,
-      })),
-    }).as('failureReported')
+    cy.intercept(
+      'GET',
+      `https://api2-test.transloadit.com/assemblies/${assemblyIDAttempt1}`,
+      {
+        statusCode: 200,
+        body: JSON.stringify(
+          createAssemblyStatus({
+            error: 'INVALID_FILE_META_DATA',
+            http_code: 400,
+            message: 'Whatever error message from Transloadit backend',
+            reason: 'Whatever reason',
+            msg: 'Whatever error from Transloadit backend',
+            assembly_id: '500e56004f4347a288194edd7c7a0ae1',
+            bytes_expected: 263871,
+          }),
+        ),
+      },
+    ).as('failureReported')
 
     cy.intercept('POST', 'https://transloaditstatus.com/client_error', {
       statusCode: 200,
@@ -315,55 +402,85 @@ describe('Dashboard with Transloadit', () => {
     const tusIDAttempt2 = 'b8ebed4af4981880faf29b0e9596b25e'
     cy.intercept('POST', 'https://api2.transloadit.com/assemblies', {
       statusCode: 200,
-      body: JSON.stringify(createAssemblyStatus({
-        ok:'ASSEMBLY_UPLOADING',
-        message:'The Assembly is still in the process of being uploaded.',
-        assembly_id:assemblyIDAttempt2,
-        tus_url:'https://api2-test.transloadit.com/resumable/files/attempt2',
-        bytes_expected:263871,
-      })),
+      body: JSON.stringify(
+        createAssemblyStatus({
+          ok: 'ASSEMBLY_UPLOADING',
+          message: 'The Assembly is still in the process of being uploaded.',
+          assembly_id: assemblyIDAttempt2,
+          tus_url: 'https://api2-test.transloadit.com/resumable/files/attempt2',
+          bytes_expected: 263871,
+        }),
+      ),
     }).as('createAssembly-attempt2')
 
-    cy.intercept('POST', 'https://api2-test.transloadit.com/resumable/files/attempt2', {
-      statusCode: 201,
-      headers: {
-        'Upload-Length': '263871',
-        'Upload-Offset': '0',
-        Location: `https://api2-test.transloadit.com/resumable/files/${tusIDAttempt2}`,
+    cy.intercept(
+      'POST',
+      'https://api2-test.transloadit.com/resumable/files/attempt2',
+      {
+        statusCode: 201,
+        headers: {
+          'Upload-Length': '263871',
+          'Upload-Offset': '0',
+          Location: `https://api2-test.transloadit.com/resumable/files/${tusIDAttempt2}`,
+        },
+        times: 1,
       },
-      times: 1,
-    }).as('tusCall-attempt2')
+    ).as('tusCall-attempt2')
 
-    cy.intercept('PATCH', `https://api2-test.transloadit.com/resumable/files/${tusIDAttempt2}`, {
-      statusCode: 204,
-      headers: {
-        'Upload-Length': '263871',
-        'Upload-Offset': '263871',
-        'Tus-Resumable': '1.0.0',
+    cy.intercept(
+      'PATCH',
+      `https://api2-test.transloadit.com/resumable/files/${tusIDAttempt2}`,
+      {
+        statusCode: 204,
+        headers: {
+          'Upload-Length': '263871',
+          'Upload-Offset': '263871',
+          'Tus-Resumable': '1.0.0',
+        },
+        times: 1,
       },
-      times: 1,
-    })
-    cy.intercept('HEAD', `https://api2-test.transloadit.com/resumable/files/${tusIDAttempt2}`, { statusCode: 204 })
+    )
+    cy.intercept(
+      'HEAD',
+      `https://api2-test.transloadit.com/resumable/files/${tusIDAttempt2}`,
+      { statusCode: 204 },
+    )
 
-    cy.intercept('GET', `https://api2-test.transloadit.com/assemblies/${assemblyIDAttempt2}`, {
-      statusCode: 200,
-      body: JSON.stringify(createAssemblyStatus({
-        ok:'ASSEMBLY_COMPLETED',
-        http_code:200,
-        message:'The Assembly was successfully completed.',
-        assembly_id:assemblyIDAttempt2,
-        bytes_received:263871,
-        bytes_expected:263871,
-      })),
-    }).as('assemblyCompleted-attempt2')
+    cy.intercept(
+      'GET',
+      `https://api2-test.transloadit.com/assemblies/${assemblyIDAttempt2}`,
+      {
+        statusCode: 200,
+        body: JSON.stringify(
+          createAssemblyStatus({
+            ok: 'ASSEMBLY_COMPLETED',
+            http_code: 200,
+            message: 'The Assembly was successfully completed.',
+            assembly_id: assemblyIDAttempt2,
+            bytes_received: 263871,
+            bytes_expected: 263871,
+          }),
+        ),
+      },
+    ).as('assemblyCompleted-attempt2')
 
     // SECOND ATTEMPT
     cy.get('.uppy-StatusBar-actions > .uppy-c-btn').click()
-    cy.wait(['@createAssembly-attempt2', '@tusCall-attempt2', '@assemblyCompleted-attempt2'])
+    cy.wait([
+      '@createAssembly-attempt2',
+      '@tusCall-attempt2',
+      '@assemblyCompleted-attempt2',
+    ])
   })
 
   it('should complete on retry', () => {
-    cy.get('@file-input').selectFile(['cypress/fixtures/images/cat.jpg', 'cypress/fixtures/images/traffic.jpg'], { force: true })
+    cy.get('@file-input').selectFile(
+      [
+        'cypress/fixtures/images/cat.jpg',
+        'cypress/fixtures/images/traffic.jpg',
+      ],
+      { force: true },
+    )
 
     cy.intercept('POST', 'https://transloaditstatus.com/client_error', {
       statusCode: 200,
@@ -386,7 +503,13 @@ describe('Dashboard with Transloadit', () => {
   })
 
   it('should complete when resuming after pause', () => {
-    cy.get('@file-input').selectFile(['cypress/fixtures/images/cat.jpg', 'cypress/fixtures/images/traffic.jpg'], { force: true })
+    cy.get('@file-input').selectFile(
+      [
+        'cypress/fixtures/images/cat.jpg',
+        'cypress/fixtures/images/traffic.jpg',
+      ],
+      { force: true },
+    )
     cy.get('.uppy-StatusBar-actionBtn--upload').click()
 
     cy.wait('@createAssemblies')
diff --git a/e2e/cypress/integration/dashboard-tus.spec.ts b/e2e/cypress/integration/dashboard-tus.spec.ts
index b693330972..053089c7df 100644
--- a/e2e/cypress/integration/dashboard-tus.spec.ts
+++ b/e2e/cypress/integration/dashboard-tus.spec.ts
@@ -20,7 +20,9 @@ describe('Dashboard with Tus', () => {
   })
 
   it('should upload cat image successfully', () => {
-    cy.get('@file-input').selectFile('cypress/fixtures/images/cat.jpg', { force:true })
+    cy.get('@file-input').selectFile('cypress/fixtures/images/cat.jpg', {
+      force: true,
+    })
 
     cy.get('.uppy-StatusBar-actionBtn--upload').click()
     cy.wait(['@post', '@patch']).then(() => {
@@ -29,7 +31,9 @@ describe('Dashboard with Tus', () => {
   })
 
   it('should start exponential backoff when receiving HTTP 429', () => {
-    cy.get('@file-input').selectFile('cypress/fixtures/images/baboon.png', { force: true })
+    cy.get('@file-input').selectFile('cypress/fixtures/images/baboon.png', {
+      force: true,
+    })
 
     cy.intercept(
       { method: 'PATCH', pathname: '/files/*', times: 2 },
diff --git a/e2e/cypress/integration/dashboard-ui.spec.ts b/e2e/cypress/integration/dashboard-ui.spec.ts
index 6c9133d274..e38e9ec3e3 100644
--- a/e2e/cypress/integration/dashboard-ui.spec.ts
+++ b/e2e/cypress/integration/dashboard-ui.spec.ts
@@ -6,7 +6,13 @@ describe('dashboard-ui', () => {
   })
 
   it('should not throw when calling uppy.close()', () => {
-    cy.get('@file-input').selectFile(['cypress/fixtures/images/cat.jpg', 'cypress/fixtures/images/traffic.jpg'], { force:true })
+    cy.get('@file-input').selectFile(
+      [
+        'cypress/fixtures/images/cat.jpg',
+        'cypress/fixtures/images/traffic.jpg',
+      ],
+      { force: true },
+    )
 
     cy.window().then(({ uppy }) => {
       expect(uppy.close()).to.not.throw
@@ -14,27 +20,37 @@ describe('dashboard-ui', () => {
   })
 
   it('should render thumbnails', () => {
-    cy.get('@file-input').selectFile(['cypress/fixtures/images/cat.jpg', 'cypress/fixtures/images/traffic.jpg'], { force:true })
+    cy.get('@file-input').selectFile(
+      [
+        'cypress/fixtures/images/cat.jpg',
+        'cypress/fixtures/images/traffic.jpg',
+      ],
+      { force: true },
+    )
     cy.get('.uppy-Dashboard-Item-previewImg')
       .should('have.length', 2)
       .each((element) => expect(element).attr('src').to.include('blob:'))
   })
 
   it('should support drag&drop', () => {
-    cy.get('@drop-target').selectFile([
-      'cypress/fixtures/images/cat.jpg',
-      'cypress/fixtures/images/cat-symbolic-link',
-      'cypress/fixtures/images/cat-symbolic-link.jpg',
-      'cypress/fixtures/images/traffic.jpg',
-    ], { action: 'drag-drop' })
+    cy.get('@drop-target').selectFile(
+      [
+        'cypress/fixtures/images/cat.jpg',
+        'cypress/fixtures/images/cat-symbolic-link',
+        'cypress/fixtures/images/cat-symbolic-link.jpg',
+        'cypress/fixtures/images/traffic.jpg',
+      ],
+      { action: 'drag-drop' },
+    )
 
-    cy.get('.uppy-Dashboard-Item')
-      .should('have.length', 4)
+    cy.get('.uppy-Dashboard-Item').should('have.length', 4)
     cy.get('.uppy-Dashboard-Item-previewImg')
       .should('have.length', 3)
       .each((element) => expect(element).attr('src').to.include('blob:'))
     cy.window().then(({ uppy }) => {
-      expect(JSON.stringify(uppy.getFiles().map(file => file.meta.relativePath))).to.be.equal('[null,null,null,null]')
+      expect(
+        JSON.stringify(uppy.getFiles().map((file) => file.meta.relativePath)),
+      ).to.be.equal('[null,null,null,null]')
     })
   })
 })
diff --git a/e2e/cypress/integration/dashboard-vue.spec.ts b/e2e/cypress/integration/dashboard-vue.spec.ts
index d36860d3b3..57d51b01f1 100644
--- a/e2e/cypress/integration/dashboard-vue.spec.ts
+++ b/e2e/cypress/integration/dashboard-vue.spec.ts
@@ -6,7 +6,13 @@ describe('dashboard-vue', () => {
   // Only Vue 3 works in Parcel if you use SFC's but Vue 3 is broken in Uppy:
   // https://github.com/transloadit/uppy/issues/2877
   xit('should render in Vue 3 and show thumbnails', () => {
-    cy.get('@file-input').selectFile(['cypress/fixtures/images/cat.jpg', 'cypress/fixtures/images/traffic.jpg'], { force:true })
+    cy.get('@file-input').selectFile(
+      [
+        'cypress/fixtures/images/cat.jpg',
+        'cypress/fixtures/images/traffic.jpg',
+      ],
+      { force: true },
+    )
     cy.get('.uppy-Dashboard-Item-previewImg')
       .should('have.length', 2)
       .each((element) => expect(element).attr('src').to.include('blob:'))
diff --git a/e2e/cypress/integration/dashboard-xhr.spec.ts b/e2e/cypress/integration/dashboard-xhr.spec.ts
index 2b7e057f7c..e21ee08caa 100644
--- a/e2e/cypress/integration/dashboard-xhr.spec.ts
+++ b/e2e/cypress/integration/dashboard-xhr.spec.ts
@@ -1,4 +1,9 @@
-import { interceptCompanionUrlRequest, interceptCompanionUnsplashRequest, runRemoteUrlImageUploadTest, runRemoteUnsplashUploadTest } from './reusable-tests'
+import {
+  interceptCompanionUrlRequest,
+  interceptCompanionUnsplashRequest,
+  runRemoteUrlImageUploadTest,
+  runRemoteUnsplashUploadTest,
+} from './reusable-tests'
 
 describe('Dashboard with XHR', () => {
   beforeEach(() => {
@@ -14,7 +19,9 @@ describe('Dashboard with XHR', () => {
   it('should return correct file name with URL plugin from remote image with Content-Disposition', () => {
     const fileName = `DALL·E IMG_9078 - 学中文 🤑`
     cy.get('[data-cy="Url"]').click()
-    cy.get('.uppy-Url-input').type('http://localhost:4678/file-with-content-disposition')
+    cy.get('.uppy-Url-input').type(
+      'http://localhost:4678/file-with-content-disposition',
+    )
     cy.get('.uppy-Url-importButton').click()
     cy.wait('@url').then(() => {
       cy.get('.uppy-Dashboard-Item-name').should('contain', fileName)
@@ -40,7 +47,9 @@ describe('Dashboard with XHR', () => {
     }).as('url')
 
     cy.get('[data-cy="Url"]').click()
-    cy.get('.uppy-Url-input').type('http://localhost:4678/file-with-content-disposition')
+    cy.get('.uppy-Url-input').type(
+      'http://localhost:4678/file-with-content-disposition',
+    )
     cy.get('.uppy-Url-importButton').click()
     cy.wait('@url').then(() => {
       cy.get('.uppy-Dashboard-Item-name').should('contain', 'file-with')
diff --git a/e2e/cypress/integration/react.spec.ts b/e2e/cypress/integration/react.spec.ts
index b3120e7b57..c937e35070 100644
--- a/e2e/cypress/integration/react.spec.ts
+++ b/e2e/cypress/integration/react.spec.ts
@@ -7,7 +7,13 @@ describe('@uppy/react', () => {
   })
 
   it('should render Dashboard in React and show thumbnails', () => {
-    cy.get('@dashboard-input').selectFile(['cypress/fixtures/images/cat.jpg', 'cypress/fixtures/images/traffic.jpg'], { force:true })
+    cy.get('@dashboard-input').selectFile(
+      [
+        'cypress/fixtures/images/cat.jpg',
+        'cypress/fixtures/images/traffic.jpg',
+      ],
+      { force: true },
+    )
     cy.get('#dashboard .uppy-Dashboard-Item-previewImg')
       .should('have.length', 2)
       .each((element) => expect(element).attr('src').to.include('blob:'))
@@ -15,7 +21,13 @@ describe('@uppy/react', () => {
 
   it('should render Modal in React and show thumbnails', () => {
     cy.get('#open').click()
-    cy.get('@modal-input').selectFile(['cypress/fixtures/images/cat.jpg', 'cypress/fixtures/images/traffic.jpg'], { force:true })
+    cy.get('@modal-input').selectFile(
+      [
+        'cypress/fixtures/images/cat.jpg',
+        'cypress/fixtures/images/traffic.jpg',
+      ],
+      { force: true },
+    )
     cy.get('#modal .uppy-Dashboard-Item-previewImg')
       .should('have.length', 2)
       .each((element) => expect(element).attr('src').to.include('blob:'))
@@ -25,7 +37,13 @@ describe('@uppy/react', () => {
     const spy = cy.spy()
 
     cy.window().then(({ uppy }) => uppy.on('thumbnail:generated', spy))
-    cy.get('@dragdrop-input').selectFile(['cypress/fixtures/images/cat.jpg', 'cypress/fixtures/images/traffic.jpg'], { force:true })
+    cy.get('@dragdrop-input').selectFile(
+      [
+        'cypress/fixtures/images/cat.jpg',
+        'cypress/fixtures/images/traffic.jpg',
+      ],
+      { force: true },
+    )
     // not sure how I can accurately wait for the thumbnail
     // eslint-disable-next-line cypress/no-unnecessary-waiting
     cy.wait(1000).then(() => expect(spy).to.be.called)
diff --git a/e2e/cypress/integration/reusable-tests.ts b/e2e/cypress/integration/reusable-tests.ts
index 1e5ada2c4d..f60d29de53 100644
--- a/e2e/cypress/integration/reusable-tests.ts
+++ b/e2e/cypress/integration/reusable-tests.ts
@@ -1,11 +1,15 @@
 /* global cy */
 
-export const interceptCompanionUrlRequest = () => cy.intercept('http://localhost:3020/url/*').as('url')
-export const interceptCompanionUnsplashRequest = () => cy.intercept('http://localhost:3020/search/unsplash/*').as('unsplash')
+export const interceptCompanionUrlRequest = () =>
+  cy.intercept('http://localhost:3020/url/*').as('url')
+export const interceptCompanionUnsplashRequest = () =>
+  cy.intercept('http://localhost:3020/search/unsplash/*').as('unsplash')
 
-export function runRemoteUrlImageUploadTest () {
+export function runRemoteUrlImageUploadTest() {
   cy.get('[data-cy="Url"]').click()
-  cy.get('.uppy-Url-input').type('https://raw.githubusercontent.com/transloadit/uppy/main/e2e/cypress/fixtures/images/cat.jpg')
+  cy.get('.uppy-Url-input').type(
+    'https://raw.githubusercontent.com/transloadit/uppy/main/e2e/cypress/fixtures/images/cat.jpg',
+  )
   cy.get('.uppy-Url-importButton').click()
   cy.get('.uppy-StatusBar-actionBtn--upload').click()
   cy.wait('@url').then(() => {
@@ -13,7 +17,7 @@ export function runRemoteUrlImageUploadTest () {
   })
 }
 
-export function runRemoteUnsplashUploadTest () {
+export function runRemoteUnsplashUploadTest() {
   cy.get('[data-cy="Unsplash"]').click()
   cy.get('.uppy-SearchProvider-input').type('book')
   cy.get('.uppy-SearchProvider-searchButton').click()
diff --git a/e2e/cypress/support/createFakeFile.ts b/e2e/cypress/support/createFakeFile.ts
index 4e55087126..825cae6ffc 100644
--- a/e2e/cypress/support/createFakeFile.ts
+++ b/e2e/cypress/support/createFakeFile.ts
@@ -2,7 +2,7 @@ declare global {
   namespace Cypress {
     interface Chainable {
       // eslint-disable-next-line no-use-before-define
-      createFakeFile: typeof createFakeFile;
+      createFakeFile: typeof createFakeFile
     }
   }
 }
@@ -14,14 +14,21 @@ interface File {
   data: Blob
 }
 
-export function createFakeFile (name?: string, type?: string, b64?: string): File {
-  // eslint-disable-next-line no-param-reassign
-  if (!b64) b64 = 'PHN2ZyB2aWV3Qm94PSIwIDAgMTIwIDEyMCI+CiAgPGNpcmNsZSBjeD0iNjAiIGN5PSI2MCIgcj0iNTAiLz4KPC9zdmc+Cg=='
+export function createFakeFile(
+  name?: string,
+  type?: string,
+  b64?: string,
+): File {
+  if (!b64) {
+    // eslint-disable-next-line no-param-reassign
+    b64 =
+      'PHN2ZyB2aWV3Qm94PSIwIDAgMTIwIDEyMCI+CiAgPGNpcmNsZSBjeD0iNjAiIGN5PSI2MCIgcj0iNTAiLz4KPC9zdmc+Cg=='
+  }
   // eslint-disable-next-line no-param-reassign
   if (!type) type = 'image/svg+xml'
 
   // https://stackoverflow.com/questions/16245767/creating-a-blob-from-a-base64-string-in-javascript
-  function base64toBlob (base64Data: string, contentType = '') {
+  function base64toBlob(base64Data: string, contentType = '') {
     const sliceSize = 1024
     const byteCharacters = atob(base64Data)
     const bytesLength = byteCharacters.length
diff --git a/e2e/cypress/support/e2e.ts b/e2e/cypress/support/e2e.ts
index 7583ae8e57..a848280213 100644
--- a/e2e/cypress/support/e2e.ts
+++ b/e2e/cypress/support/e2e.ts
@@ -21,6 +21,6 @@ import './commands'
 
 // eslint-disable-next-line
 // @ts-ignore
-import installLogsCollector from  'cypress-terminal-report/src/installLogsCollector.js'
+import installLogsCollector from 'cypress-terminal-report/src/installLogsCollector.js'
 
 installLogsCollector()
diff --git a/examples/angular-example/.eslintrc.json b/examples/angular-example/.eslintrc.json
index 0ed227af25..6eee1d5d5c 100644
--- a/examples/angular-example/.eslintrc.json
+++ b/examples/angular-example/.eslintrc.json
@@ -1,12 +1,8 @@
 {
-  "ignorePatterns": [
-    "projects/**/*"
-  ],
+  "ignorePatterns": ["projects/**/*"],
   "overrides": [
     {
-      "files": [
-        "*.ts"
-      ],
+      "files": ["*.ts"],
       "extends": [
         "eslint:recommended",
         "plugin:@typescript-eslint/recommended",
@@ -37,9 +33,7 @@
       }
     },
     {
-      "files": [
-        "star.html"
-      ],
+      "files": ["star.html"],
       "extends": [
         "plugin:@angular-eslint/template/recommended",
         "plugin:@angular-eslint/template/accessibility"
diff --git a/examples/angular-example/angular.json b/examples/angular-example/angular.json
index 51f5b5714f..f40ebd3c9f 100644
--- a/examples/angular-example/angular.json
+++ b/examples/angular-example/angular.json
@@ -16,17 +16,10 @@
             "outputPath": "dist/angular-example",
             "index": "src/index.html",
             "main": "src/main.ts",
-            "polyfills": [
-              "zone.js"
-            ],
+            "polyfills": ["zone.js"],
             "tsConfig": "tsconfig.app.json",
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
-            "styles": [
-              "src/styles.css"
-            ],
+            "assets": ["src/favicon.ico", "src/assets"],
+            "styles": ["src/styles.css"],
             "scripts": []
           },
           "configurations": {
@@ -77,36 +70,23 @@
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "polyfills": [
-              "zone.js",
-              "zone.js/testing"
-            ],
+            "polyfills": ["zone.js", "zone.js/testing"],
             "tsConfig": "tsconfig.spec.json",
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
-            "styles": [
-              "src/styles.css"
-            ],
+            "assets": ["src/favicon.ico", "src/assets"],
+            "styles": ["src/styles.css"],
             "scripts": []
           }
         },
         "lint": {
           "builder": "@angular-eslint/builder:lint",
           "options": {
-            "lintFilePatterns": [
-              "src/**/*.ts",
-              "src/**/*.html"
-            ]
+            "lintFilePatterns": ["src/**/*.ts", "src/**/*.html"]
           }
         }
       }
     }
   },
   "cli": {
-    "schematicCollections": [
-      "@angular-eslint/schematics"
-    ]
+    "schematicCollections": ["@angular-eslint/schematics"]
   }
 }
diff --git a/examples/angular-example/src/app/app.component.html b/examples/angular-example/src/app/app.component.html
index e4e763e743..36092f8cbe 100644
--- a/examples/angular-example/src/app/app.component.html
+++ b/examples/angular-example/src/app/app.component.html
@@ -9,7 +9,9 @@
 
 <style>
   :host {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+      Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+      'Segoe UI Symbol';
     font-size: 14px;
     color: #333;
     box-sizing: border-box;
@@ -186,7 +188,7 @@
   }
 
   .terminal::before {
-    content: "\2022 \2022 \2022";
+    content: '\2022 \2022 \2022';
     position: absolute;
     top: 0;
     left: 0;
@@ -201,7 +203,12 @@
   }
 
   .terminal pre {
-    font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
+    font-family:
+      SFMono-Regular,
+      Consolas,
+      Liberation Mono,
+      Menlo,
+      monospace;
     color: white;
     padding: 0 1rem 1rem;
     margin: 0;
@@ -218,7 +225,9 @@
     justify-content: center;
     align-items: center;
     cursor: pointer;
-    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+    box-shadow:
+      0 1px 3px rgba(0, 0, 0, 0.12),
+      0 1px 2px rgba(0, 0, 0, 0.24);
     transition: 1s ease-out;
   }
 
@@ -245,17 +254,17 @@
     align-items: center;
     font-size: 12px;
     padding: 3px 10px;
-    border: 1px solid rgba(27,31,35,.2);
+    border: 1px solid rgba(27, 31, 35, 0.2);
     border-radius: 3px;
-    background-image: linear-gradient(-180deg,#fafbfc,#eff3f6 90%);
+    background-image: linear-gradient(-180deg, #fafbfc, #eff3f6 90%);
     margin-left: 4px;
     font-weight: 600;
   }
 
   .github-star-badge:hover {
-    background-image: linear-gradient(-180deg,#f0f3f6,#e6ebf1 90%);
-    border-color: rgba(27,31,35,.35);
-    background-position: -.5em;
+    background-image: linear-gradient(-180deg, #f0f3f6, #e6ebf1 90%);
+    border-color: rgba(27, 31, 35, 0.35);
+    background-position: -0.5em;
   }
 
   .github-star-badge .material-icons {
@@ -274,7 +283,7 @@
 
   /* Responsive Styles */
   @media screen and (max-width: 767px) {
-    .card-container > *:not(.circle-link) ,
+    .card-container > *:not(.circle-link),
     .terminal {
       width: 100%;
     }
@@ -310,44 +319,114 @@
     src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg=="
   />
   <span>Welcome</span>
-    <div class="spacer"></div>
-    <a aria-label="Angular on twitter" target="_blank" rel="noopener" href="https://twitter.com/angular" title="Twitter">
-      <svg id="twitter-logo" height="24" data-name="Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
-        <rect width="400" height="400" fill="none"/>
-        <path d="M153.62,301.59c94.34,0,145.94-78.16,145.94-145.94,0-2.22,0-4.43-.15-6.63A104.36,104.36,0,0,0,325,122.47a102.38,102.38,0,0,1-29.46,8.07,51.47,51.47,0,0,0,22.55-28.37,102.79,102.79,0,0,1-32.57,12.45,51.34,51.34,0,0,0-87.41,46.78A145.62,145.62,0,0,1,92.4,107.81a51.33,51.33,0,0,0,15.88,68.47A50.91,50.91,0,0,1,85,169.86c0,.21,0,.43,0,.65a51.31,51.31,0,0,0,41.15,50.28,51.21,51.21,0,0,1-23.16.88,51.35,51.35,0,0,0,47.92,35.62,102.92,102.92,0,0,1-63.7,22A104.41,104.41,0,0,1,75,278.55a145.21,145.21,0,0,0,78.62,23" fill="#fff"/>
-      </svg>
-    </a>
-    <a aria-label="Angular on YouTube" target="_blank" rel="noopener" href="https://youtube.com/angular" title="YouTube">
-      <svg id="youtube-logo" height="24" width="24" data-name="Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#fff">
-        <path d="M0 0h24v24H0V0z" fill="none"/>
-        <path d="M21.58 7.19c-.23-.86-.91-1.54-1.77-1.77C18.25 5 12 5 12 5s-6.25 0-7.81.42c-.86.23-1.54.91-1.77 1.77C2 8.75 2 12 2 12s0 3.25.42 4.81c.23.86.91 1.54 1.77 1.77C5.75 19 12 19 12 19s6.25 0 7.81-.42c.86-.23 1.54-.91 1.77-1.77C22 15.25 22 12 22 12s0-3.25-.42-4.81zM10 15V9l5.2 3-5.2 3z"/>
-      </svg>
-    </a>
+  <div class="spacer"></div>
+  <a
+    aria-label="Angular on twitter"
+    target="_blank"
+    rel="noopener"
+    href="https://twitter.com/angular"
+    title="Twitter"
+  >
+    <svg
+      id="twitter-logo"
+      height="24"
+      data-name="Logo"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 400 400"
+    >
+      <rect width="400" height="400" fill="none" />
+      <path
+        d="M153.62,301.59c94.34,0,145.94-78.16,145.94-145.94,0-2.22,0-4.43-.15-6.63A104.36,104.36,0,0,0,325,122.47a102.38,102.38,0,0,1-29.46,8.07,51.47,51.47,0,0,0,22.55-28.37,102.79,102.79,0,0,1-32.57,12.45,51.34,51.34,0,0,0-87.41,46.78A145.62,145.62,0,0,1,92.4,107.81a51.33,51.33,0,0,0,15.88,68.47A50.91,50.91,0,0,1,85,169.86c0,.21,0,.43,0,.65a51.31,51.31,0,0,0,41.15,50.28,51.21,51.21,0,0,1-23.16.88,51.35,51.35,0,0,0,47.92,35.62,102.92,102.92,0,0,1-63.7,22A104.41,104.41,0,0,1,75,278.55a145.21,145.21,0,0,0,78.62,23"
+        fill="#fff"
+      />
+    </svg>
+  </a>
+  <a
+    aria-label="Angular on YouTube"
+    target="_blank"
+    rel="noopener"
+    href="https://youtube.com/angular"
+    title="YouTube"
+  >
+    <svg
+      id="youtube-logo"
+      height="24"
+      width="24"
+      data-name="Logo"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="#fff"
+    >
+      <path d="M0 0h24v24H0V0z" fill="none" />
+      <path
+        d="M21.58 7.19c-.23-.86-.91-1.54-1.77-1.77C18.25 5 12 5 12 5s-6.25 0-7.81.42c-.86.23-1.54.91-1.77 1.77C2 8.75 2 12 2 12s0 3.25.42 4.81c.23.86.91 1.54 1.77 1.77C5.75 19 12 19 12 19s6.25 0 7.81-.42c.86-.23 1.54-.91 1.77-1.77C22 15.25 22 12 22 12s0-3.25-.42-4.81zM10 15V9l5.2 3-5.2 3z"
+      />
+    </svg>
+  </a>
 </div>
 
 <div class="content" role="main">
-
   <!-- Highlight Card -->
   <div class="card highlight-card card-small">
-
-    <svg id="rocket" xmlns="http://www.w3.org/2000/svg" width="101.678" height="101.678" viewBox="0 0 101.678 101.678">
+    <svg
+      id="rocket"
+      xmlns="http://www.w3.org/2000/svg"
+      width="101.678"
+      height="101.678"
+      viewBox="0 0 101.678 101.678"
+    >
       <title>Rocket Ship</title>
       <g id="Group_83" data-name="Group 83" transform="translate(-141 -696)">
-        <circle id="Ellipse_8" data-name="Ellipse 8" cx="50.839" cy="50.839" r="50.839" transform="translate(141 696)" fill="#dd0031"/>
-        <g id="Group_47" data-name="Group 47" transform="translate(165.185 720.185)">
-          <path id="Path_33" data-name="Path 33" d="M3.4,42.615a3.084,3.084,0,0,0,3.553,3.553,21.419,21.419,0,0,0,12.215-6.107L9.511,30.4A21.419,21.419,0,0,0,3.4,42.615Z" transform="translate(0.371 3.363)" fill="#fff"/>
-          <path id="Path_34" data-name="Path 34" d="M53.3,3.221A3.09,3.09,0,0,0,50.081,0,48.227,48.227,0,0,0,18.322,13.437c-6-1.666-14.991-1.221-18.322,7.218A33.892,33.892,0,0,1,9.439,25.1l-.333.666a3.013,3.013,0,0,0,.555,3.553L23.985,43.641a2.9,2.9,0,0,0,3.553.555l.666-.333A33.892,33.892,0,0,1,32.647,53.3c8.55-3.664,8.884-12.326,7.218-18.322A48.227,48.227,0,0,0,53.3,3.221ZM34.424,9.772a6.439,6.439,0,1,1,9.106,9.106,6.368,6.368,0,0,1-9.106,0A6.467,6.467,0,0,1,34.424,9.772Z" transform="translate(0 0.005)" fill="#fff"/>
+        <circle
+          id="Ellipse_8"
+          data-name="Ellipse 8"
+          cx="50.839"
+          cy="50.839"
+          r="50.839"
+          transform="translate(141 696)"
+          fill="#dd0031"
+        />
+        <g
+          id="Group_47"
+          data-name="Group 47"
+          transform="translate(165.185 720.185)"
+        >
+          <path
+            id="Path_33"
+            data-name="Path 33"
+            d="M3.4,42.615a3.084,3.084,0,0,0,3.553,3.553,21.419,21.419,0,0,0,12.215-6.107L9.511,30.4A21.419,21.419,0,0,0,3.4,42.615Z"
+            transform="translate(0.371 3.363)"
+            fill="#fff"
+          />
+          <path
+            id="Path_34"
+            data-name="Path 34"
+            d="M53.3,3.221A3.09,3.09,0,0,0,50.081,0,48.227,48.227,0,0,0,18.322,13.437c-6-1.666-14.991-1.221-18.322,7.218A33.892,33.892,0,0,1,9.439,25.1l-.333.666a3.013,3.013,0,0,0,.555,3.553L23.985,43.641a2.9,2.9,0,0,0,3.553.555l.666-.333A33.892,33.892,0,0,1,32.647,53.3c8.55-3.664,8.884-12.326,7.218-18.322A48.227,48.227,0,0,0,53.3,3.221ZM34.424,9.772a6.439,6.439,0,1,1,9.106,9.106,6.368,6.368,0,0,1-9.106,0A6.467,6.467,0,0,1,34.424,9.772Z"
+            transform="translate(0 0.005)"
+            fill="#fff"
+          />
         </g>
       </g>
     </svg>
 
     <span>{{ title }} app is running!</span>
 
-    <svg id="rocket-smoke" xmlns="http://www.w3.org/2000/svg" width="516.119" height="1083.632" viewBox="0 0 516.119 1083.632">
+    <svg
+      id="rocket-smoke"
+      xmlns="http://www.w3.org/2000/svg"
+      width="516.119"
+      height="1083.632"
+      viewBox="0 0 516.119 1083.632"
+    >
       <title>Rocket Ship Smoke</title>
-      <path id="Path_40" data-name="Path 40" d="M644.6,141S143.02,215.537,147.049,870.207s342.774,201.755,342.774,201.755S404.659,847.213,388.815,762.2c-27.116-145.51-11.551-384.124,271.9-609.1C671.15,139.365,644.6,141,644.6,141Z" transform="translate(-147.025 -140.939)" fill="#f5f5f5"/>
+      <path
+        id="Path_40"
+        data-name="Path 40"
+        d="M644.6,141S143.02,215.537,147.049,870.207s342.774,201.755,342.774,201.755S404.659,847.213,388.815,762.2c-27.116-145.51-11.551-384.124,271.9-609.1C671.15,139.365,644.6,141,644.6,141Z"
+        transform="translate(-147.025 -140.939)"
+        fill="#f5f5f5"
+      />
     </svg>
-
   </div>
 
   <!-- Resources -->
@@ -355,122 +434,399 @@ <h2>Resources</h2>
   <p>Here are some links to help you get started:</p>
 
   <div class="card-container">
-    <a class="card" target="_blank" rel="noopener" href="https://angular.io/tutorial">
-      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82zM12 3L1 9l11 6 9-4.91V17h2V9L12 3z"/></svg>
+    <a
+      class="card"
+      target="_blank"
+      rel="noopener"
+      href="https://angular.io/tutorial"
+    >
+      <svg
+        class="material-icons"
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82zM12 3L1 9l11 6 9-4.91V17h2V9L12 3z"
+        />
+      </svg>
       <span>Learn Angular</span>
-      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>    </a>
+      <svg
+        class="material-icons"
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+      >
+        <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" />
+      </svg>
+    </a>
 
-    <a class="card" target="_blank" rel="noopener" href="https://angular.io/cli">
-      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"/></svg>
+    <a
+      class="card"
+      target="_blank"
+      rel="noopener"
+      href="https://angular.io/cli"
+    >
+      <svg
+        class="material-icons"
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"
+        />
+      </svg>
       <span>CLI Documentation</span>
-      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
+      <svg
+        class="material-icons"
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+      >
+        <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" />
+      </svg>
     </a>
 
-    <a class="card" target="_blank" rel="noopener" href="https://material.angular.io">
-      <svg xmlns="http://www.w3.org/2000/svg" style="margin-right: 8px" width="21.813" height="23.453" viewBox="0 0 179.2 192.7"><path fill="#ffa726" d="M89.4 0 0 32l13.5 118.4 75.9 42.3 76-42.3L179.2 32 89.4 0z"/><path fill="#fb8c00" d="M89.4 0v192.7l76-42.3L179.2 32 89.4 0z"/><path fill="#ffe0b2" d="m102.9 146.3-63.3-30.5 36.3-22.4 63.7 30.6-36.7 22.3z"/><path fill="#fff3e0" d="M102.9 122.8 39.6 92.2l36.3-22.3 63.7 30.6-36.7 22.3z"/><path fill="#fff" d="M102.9 99.3 39.6 68.7l36.3-22.4 63.7 30.6-36.7 22.4z"/></svg>
+    <a
+      class="card"
+      target="_blank"
+      rel="noopener"
+      href="https://material.angular.io"
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        style="margin-right: 8px"
+        width="21.813"
+        height="23.453"
+        viewBox="0 0 179.2 192.7"
+      >
+        <path
+          fill="#ffa726"
+          d="M89.4 0 0 32l13.5 118.4 75.9 42.3 76-42.3L179.2 32 89.4 0z"
+        />
+        <path fill="#fb8c00" d="M89.4 0v192.7l76-42.3L179.2 32 89.4 0z" />
+        <path
+          fill="#ffe0b2"
+          d="m102.9 146.3-63.3-30.5 36.3-22.4 63.7 30.6-36.7 22.3z"
+        />
+        <path
+          fill="#fff3e0"
+          d="M102.9 122.8 39.6 92.2l36.3-22.3 63.7 30.6-36.7 22.3z"
+        />
+        <path
+          fill="#fff"
+          d="M102.9 99.3 39.6 68.7l36.3-22.4 63.7 30.6-36.7 22.4z"
+        />
+      </svg>
       <span>Angular Material</span>
-      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
+      <svg
+        class="material-icons"
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+      >
+        <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" />
+      </svg>
     </a>
 
-    <a class="card" target="_blank" rel="noopener" href="https://blog.angular.io/">
-      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13.5.67s.74 2.65.74 4.8c0 2.06-1.35 3.73-3.41 3.73-2.07 0-3.63-1.67-3.63-3.73l.03-.36C5.21 7.51 4 10.62 4 14c0 4.42 3.58 8 8 8s8-3.58 8-8C20 8.61 17.41 3.8 13.5.67zM11.71 19c-1.78 0-3.22-1.4-3.22-3.14 0-1.62 1.05-2.76 2.81-3.12 1.77-.36 3.6-1.21 4.62-2.58.39 1.29.59 2.65.59 4.04 0 2.65-2.15 4.8-4.8 4.8z"/></svg>
+    <a
+      class="card"
+      target="_blank"
+      rel="noopener"
+      href="https://blog.angular.io/"
+    >
+      <svg
+        class="material-icons"
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M13.5.67s.74 2.65.74 4.8c0 2.06-1.35 3.73-3.41 3.73-2.07 0-3.63-1.67-3.63-3.73l.03-.36C5.21 7.51 4 10.62 4 14c0 4.42 3.58 8 8 8s8-3.58 8-8C20 8.61 17.41 3.8 13.5.67zM11.71 19c-1.78 0-3.22-1.4-3.22-3.14 0-1.62 1.05-2.76 2.81-3.12 1.77-.36 3.6-1.21 4.62-2.58.39 1.29.59 2.65.59 4.04 0 2.65-2.15 4.8-4.8 4.8z"
+        />
+      </svg>
       <span>Angular Blog</span>
-      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
+      <svg
+        class="material-icons"
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+      >
+        <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" />
+      </svg>
     </a>
 
-    <a class="card" target="_blank" rel="noopener" href="https://angular.io/devtools/">
-      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/></g><g><g><path d="M14.73,13.31C15.52,12.24,16,10.93,16,9.5C16,5.91,13.09,3,9.5,3S3,5.91,3,9.5C3,13.09,5.91,16,9.5,16 c1.43,0,2.74-0.48,3.81-1.27L19.59,21L21,19.59L14.73,13.31z M9.5,14C7.01,14,5,11.99,5,9.5S7.01,5,9.5,5S14,7.01,14,9.5 S11.99,14,9.5,14z"/><polygon points="10.29,8.44 9.5,6 8.71,8.44 6.25,8.44 8.26,10.03 7.49,12.5 9.5,10.97 11.51,12.5 10.74,10.03 12.75,8.44"/></g></g></svg>
+    <a
+      class="card"
+      target="_blank"
+      rel="noopener"
+      href="https://angular.io/devtools/"
+    >
+      <svg
+        class="material-icons"
+        xmlns="http://www.w3.org/2000/svg"
+        enable-background="new 0 0 24 24"
+        height="24px"
+        viewBox="0 0 24 24"
+        width="24px"
+        fill="#000000"
+      >
+        <g><rect fill="none" height="24" width="24" /></g>
+        <g>
+          <g>
+            <path
+              d="M14.73,13.31C15.52,12.24,16,10.93,16,9.5C16,5.91,13.09,3,9.5,3S3,5.91,3,9.5C3,13.09,5.91,16,9.5,16 c1.43,0,2.74-0.48,3.81-1.27L19.59,21L21,19.59L14.73,13.31z M9.5,14C7.01,14,5,11.99,5,9.5S7.01,5,9.5,5S14,7.01,14,9.5 S11.99,14,9.5,14z"
+            />
+            <polygon
+              points="10.29,8.44 9.5,6 8.71,8.44 6.25,8.44 8.26,10.03 7.49,12.5 9.5,10.97 11.51,12.5 10.74,10.03 12.75,8.44"
+            />
+          </g>
+        </g>
+      </svg>
       <span>Angular DevTools</span>
-      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
+      <svg
+        class="material-icons"
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+      >
+        <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" />
+      </svg>
     </a>
-
   </div>
 
   <!-- Next Steps -->
   <h2>Next Steps</h2>
   <p>What do you want to do next with your app?</p>
 
-  <input type="hidden" #selection>
+  <input type="hidden" #selection />
 
   <div class="card-container">
-    <button class="card card-small" (click)="selection.value = 'component'" tabindex="0">
-      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
+    <button
+      class="card card-small"
+      (click)="selection.value = 'component'"
+      tabindex="0"
+    >
+      <svg
+        class="material-icons"
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+      >
+        <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" />
+      </svg>
       <span>New Component</span>
     </button>
 
-    <button class="card card-small" (click)="selection.value = 'material'" tabindex="0">
-      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
+    <button
+      class="card card-small"
+      (click)="selection.value = 'material'"
+      tabindex="0"
+    >
+      <svg
+        class="material-icons"
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+      >
+        <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" />
+      </svg>
       <span>Angular Material</span>
     </button>
 
-    <button class="card card-small" (click)="selection.value = 'pwa'" tabindex="0">
-      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
+    <button
+      class="card card-small"
+      (click)="selection.value = 'pwa'"
+      tabindex="0"
+    >
+      <svg
+        class="material-icons"
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+      >
+        <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" />
+      </svg>
       <span>Add PWA Support</span>
     </button>
 
-    <button class="card card-small" (click)="selection.value = 'dependency'" tabindex="0">
-      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
+    <button
+      class="card card-small"
+      (click)="selection.value = 'dependency'"
+      tabindex="0"
+    >
+      <svg
+        class="material-icons"
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+      >
+        <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" />
+      </svg>
       <span>Add Dependency</span>
     </button>
 
-    <button class="card card-small" (click)="selection.value = 'test'" tabindex="0">
-      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
+    <button
+      class="card card-small"
+      (click)="selection.value = 'test'"
+      tabindex="0"
+    >
+      <svg
+        class="material-icons"
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+      >
+        <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" />
+      </svg>
       <span>Run and Watch Tests</span>
     </button>
 
-    <button class="card card-small" (click)="selection.value = 'build'" tabindex="0">
-      <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>
+    <button
+      class="card card-small"
+      (click)="selection.value = 'build'"
+      tabindex="0"
+    >
+      <svg
+        class="material-icons"
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+      >
+        <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" />
+      </svg>
       <span>Build for Production</span>
     </button>
   </div>
 
   <!-- Terminal -->
   <div class="terminal" [ngSwitch]="selection.value">
-      <pre *ngSwitchDefault>ng generate component xyz</pre>
-      <pre *ngSwitchCase="'material'">ng add @angular/material</pre>
-      <pre *ngSwitchCase="'pwa'">ng add @angular/pwa</pre>
-      <pre *ngSwitchCase="'dependency'">ng add _____</pre>
-      <pre *ngSwitchCase="'test'">ng test</pre>
-      <pre *ngSwitchCase="'build'">ng build</pre>
+    <pre *ngSwitchDefault>ng generate component xyz</pre>
+    <pre *ngSwitchCase="'material'">ng add @angular/material</pre>
+    <pre *ngSwitchCase="'pwa'">ng add @angular/pwa</pre>
+    <pre *ngSwitchCase="'dependency'">ng add _____</pre>
+    <pre *ngSwitchCase="'test'">ng test</pre>
+    <pre *ngSwitchCase="'build'">ng build</pre>
   </div>
 
   <!-- Links -->
   <div class="card-container">
-    <a class="circle-link" title="Find a Local Meetup" href="https://www.meetup.com/find/?keywords=angular" target="_blank" rel="noopener">
-      <svg xmlns="http://www.w3.org/2000/svg" width="24.607" height="23.447" viewBox="0 0 24.607 23.447">
+    <a
+      class="circle-link"
+      title="Find a Local Meetup"
+      href="https://www.meetup.com/find/?keywords=angular"
+      target="_blank"
+      rel="noopener"
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24.607"
+        height="23.447"
+        viewBox="0 0 24.607 23.447"
+      >
         <title>Meetup Logo</title>
-        <path id="logo--mSwarm" d="M21.221,14.95A4.393,4.393,0,0,1,17.6,19.281a4.452,4.452,0,0,1-.8.069c-.09,0-.125.035-.154.117a2.939,2.939,0,0,1-2.506,2.091,2.868,2.868,0,0,1-2.248-.624.168.168,0,0,0-.245-.005,3.926,3.926,0,0,1-2.589.741,4.015,4.015,0,0,1-3.7-3.347,2.7,2.7,0,0,1-.043-.38c0-.106-.042-.146-.143-.166a3.524,3.524,0,0,1-1.516-.69A3.623,3.623,0,0,1,2.23,14.557a3.66,3.66,0,0,1,1.077-3.085.138.138,0,0,0,.026-.2,3.348,3.348,0,0,1-.451-1.821,3.46,3.46,0,0,1,2.749-3.28.44.44,0,0,0,.355-.281,5.072,5.072,0,0,1,3.863-3,5.028,5.028,0,0,1,3.555.666.31.31,0,0,0,.271.03A4.5,4.5,0,0,1,18.3,4.7a4.4,4.4,0,0,1,1.334,2.751,3.658,3.658,0,0,1,.022.706.131.131,0,0,0,.1.157,2.432,2.432,0,0,1,1.574,1.645,2.464,2.464,0,0,1-.7,2.616c-.065.064-.051.1-.014.166A4.321,4.321,0,0,1,21.221,14.95ZM13.4,14.607a2.09,2.09,0,0,0,1.409,1.982,4.7,4.7,0,0,0,1.275.221,1.807,1.807,0,0,0,.9-.151.542.542,0,0,0,.321-.545.558.558,0,0,0-.359-.534,1.2,1.2,0,0,0-.254-.078c-.262-.047-.526-.086-.787-.138a.674.674,0,0,1-.617-.75,3.394,3.394,0,0,1,.218-1.109c.217-.658.509-1.286.79-1.918a15.609,15.609,0,0,0,.745-1.86,1.95,1.95,0,0,0,.06-1.073,1.286,1.286,0,0,0-1.051-1.033,1.977,1.977,0,0,0-1.521.2.339.339,0,0,1-.446-.042c-.1-.092-.2-.189-.307-.284a1.214,1.214,0,0,0-1.643-.061,7.563,7.563,0,0,1-.614.512A.588.588,0,0,1,10.883,8c-.215-.115-.437-.215-.659-.316a2.153,2.153,0,0,0-.695-.248A2.091,2.091,0,0,0,7.541,8.562a9.915,9.915,0,0,0-.405.986c-.559,1.545-1.015,3.123-1.487,4.7a1.528,1.528,0,0,0,.634,1.777,1.755,1.755,0,0,0,1.5.211,1.35,1.35,0,0,0,.824-.858c.543-1.281,1.032-2.584,1.55-3.875.142-.355.28-.712.432-1.064a.548.548,0,0,1,.851-.24.622.622,0,0,1,.185.539,2.161,2.161,0,0,1-.181.621c-.337.852-.68,1.7-1.018,2.552a2.564,2.564,0,0,0-.173.528.624.624,0,0,0,.333.71,1.073,1.073,0,0,0,.814.034,1.22,1.22,0,0,0,.657-.655q.758-1.488,1.511-2.978.35-.687.709-1.37a1.073,1.073,0,0,1,.357-.434.43.43,0,0,1,.463-.016.373.373,0,0,1,.153.387.7.7,0,0,1-.057.236c-.065.157-.127.316-.2.469-.42.883-.846,1.763-1.262,2.648A2.463,2.463,0,0,0,13.4,14.607Zm5.888,6.508a1.09,1.09,0,0,0-2.179.006,1.09,1.09,0,0,0,2.179-.006ZM1.028,12.139a1.038,1.038,0,1,0,.01-2.075,1.038,1.038,0,0,0-.01,2.075ZM13.782.528a1.027,1.027,0,1,0-.011,2.055A1.027,1.027,0,0,0,13.782.528ZM22.21,6.95a.882.882,0,0,0-1.763.011A.882.882,0,0,0,22.21,6.95ZM4.153,4.439a.785.785,0,1,0,.787-.78A.766.766,0,0,0,4.153,4.439Zm8.221,18.22a.676.676,0,1,0-.677.666A.671.671,0,0,0,12.374,22.658ZM22.872,12.2a.674.674,0,0,0-.665.665.656.656,0,0,0,.655.643.634.634,0,0,0,.655-.644A.654.654,0,0,0,22.872,12.2ZM7.171-.123A.546.546,0,0,0,6.613.43a.553.553,0,1,0,1.106,0A.539.539,0,0,0,7.171-.123ZM24.119,9.234a.507.507,0,0,0-.493.488.494.494,0,0,0,.494.494.48.48,0,0,0,.487-.483A.491.491,0,0,0,24.119,9.234Zm-19.454,9.7a.5.5,0,0,0-.488-.488.491.491,0,0,0-.487.5.483.483,0,0,0,.491.479A.49.49,0,0,0,4.665,18.936Z" transform="translate(0 0.123)" fill="#f64060"/>
+        <path
+          id="logo--mSwarm"
+          d="M21.221,14.95A4.393,4.393,0,0,1,17.6,19.281a4.452,4.452,0,0,1-.8.069c-.09,0-.125.035-.154.117a2.939,2.939,0,0,1-2.506,2.091,2.868,2.868,0,0,1-2.248-.624.168.168,0,0,0-.245-.005,3.926,3.926,0,0,1-2.589.741,4.015,4.015,0,0,1-3.7-3.347,2.7,2.7,0,0,1-.043-.38c0-.106-.042-.146-.143-.166a3.524,3.524,0,0,1-1.516-.69A3.623,3.623,0,0,1,2.23,14.557a3.66,3.66,0,0,1,1.077-3.085.138.138,0,0,0,.026-.2,3.348,3.348,0,0,1-.451-1.821,3.46,3.46,0,0,1,2.749-3.28.44.44,0,0,0,.355-.281,5.072,5.072,0,0,1,3.863-3,5.028,5.028,0,0,1,3.555.666.31.31,0,0,0,.271.03A4.5,4.5,0,0,1,18.3,4.7a4.4,4.4,0,0,1,1.334,2.751,3.658,3.658,0,0,1,.022.706.131.131,0,0,0,.1.157,2.432,2.432,0,0,1,1.574,1.645,2.464,2.464,0,0,1-.7,2.616c-.065.064-.051.1-.014.166A4.321,4.321,0,0,1,21.221,14.95ZM13.4,14.607a2.09,2.09,0,0,0,1.409,1.982,4.7,4.7,0,0,0,1.275.221,1.807,1.807,0,0,0,.9-.151.542.542,0,0,0,.321-.545.558.558,0,0,0-.359-.534,1.2,1.2,0,0,0-.254-.078c-.262-.047-.526-.086-.787-.138a.674.674,0,0,1-.617-.75,3.394,3.394,0,0,1,.218-1.109c.217-.658.509-1.286.79-1.918a15.609,15.609,0,0,0,.745-1.86,1.95,1.95,0,0,0,.06-1.073,1.286,1.286,0,0,0-1.051-1.033,1.977,1.977,0,0,0-1.521.2.339.339,0,0,1-.446-.042c-.1-.092-.2-.189-.307-.284a1.214,1.214,0,0,0-1.643-.061,7.563,7.563,0,0,1-.614.512A.588.588,0,0,1,10.883,8c-.215-.115-.437-.215-.659-.316a2.153,2.153,0,0,0-.695-.248A2.091,2.091,0,0,0,7.541,8.562a9.915,9.915,0,0,0-.405.986c-.559,1.545-1.015,3.123-1.487,4.7a1.528,1.528,0,0,0,.634,1.777,1.755,1.755,0,0,0,1.5.211,1.35,1.35,0,0,0,.824-.858c.543-1.281,1.032-2.584,1.55-3.875.142-.355.28-.712.432-1.064a.548.548,0,0,1,.851-.24.622.622,0,0,1,.185.539,2.161,2.161,0,0,1-.181.621c-.337.852-.68,1.7-1.018,2.552a2.564,2.564,0,0,0-.173.528.624.624,0,0,0,.333.71,1.073,1.073,0,0,0,.814.034,1.22,1.22,0,0,0,.657-.655q.758-1.488,1.511-2.978.35-.687.709-1.37a1.073,1.073,0,0,1,.357-.434.43.43,0,0,1,.463-.016.373.373,0,0,1,.153.387.7.7,0,0,1-.057.236c-.065.157-.127.316-.2.469-.42.883-.846,1.763-1.262,2.648A2.463,2.463,0,0,0,13.4,14.607Zm5.888,6.508a1.09,1.09,0,0,0-2.179.006,1.09,1.09,0,0,0,2.179-.006ZM1.028,12.139a1.038,1.038,0,1,0,.01-2.075,1.038,1.038,0,0,0-.01,2.075ZM13.782.528a1.027,1.027,0,1,0-.011,2.055A1.027,1.027,0,0,0,13.782.528ZM22.21,6.95a.882.882,0,0,0-1.763.011A.882.882,0,0,0,22.21,6.95ZM4.153,4.439a.785.785,0,1,0,.787-.78A.766.766,0,0,0,4.153,4.439Zm8.221,18.22a.676.676,0,1,0-.677.666A.671.671,0,0,0,12.374,22.658ZM22.872,12.2a.674.674,0,0,0-.665.665.656.656,0,0,0,.655.643.634.634,0,0,0,.655-.644A.654.654,0,0,0,22.872,12.2ZM7.171-.123A.546.546,0,0,0,6.613.43a.553.553,0,1,0,1.106,0A.539.539,0,0,0,7.171-.123ZM24.119,9.234a.507.507,0,0,0-.493.488.494.494,0,0,0,.494.494.48.48,0,0,0,.487-.483A.491.491,0,0,0,24.119,9.234Zm-19.454,9.7a.5.5,0,0,0-.488-.488.491.491,0,0,0-.487.5.483.483,0,0,0,.491.479A.49.49,0,0,0,4.665,18.936Z"
+          transform="translate(0 0.123)"
+          fill="#f64060"
+        />
       </svg>
     </a>
 
-    <a class="circle-link" title="Join the Conversation on Discord" href="https://discord.gg/angular" target="_blank" rel="noopener">
-      <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 245 240">
+    <a
+      class="circle-link"
+      title="Join the Conversation on Discord"
+      href="https://discord.gg/angular"
+      target="_blank"
+      rel="noopener"
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="26"
+        height="26"
+        viewBox="0 0 245 240"
+      >
         <title>Discord Logo</title>
-        <path d="M104.4 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1.1-6.1-4.5-11.1-10.2-11.1zM140.9 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1s-4.5-11.1-10.2-11.1z"/>
-        <path d="M189.5 20h-134C44.2 20 35 29.2 35 40.6v135.2c0 11.4 9.2 20.6 20.5 20.6h113.4l-5.3-18.5 12.8 11.9 12.1 11.2 21.5 19V40.6c0-11.4-9.2-20.6-20.5-20.6zm-38.6 130.6s-3.6-4.3-6.6-8.1c13.1-3.7 18.1-11.9 18.1-11.9-4.1 2.7-8 4.6-11.5 5.9-5 2.1-9.8 3.5-14.5 4.3-9.6 1.8-18.4 1.3-25.9-.1-5.7-1.1-10.6-2.7-14.7-4.3-2.3-.9-4.8-2-7.3-3.4-.3-.2-.6-.3-.9-.5-.2-.1-.3-.2-.4-.3-1.8-1-2.8-1.7-2.8-1.7s4.8 8 17.5 11.8c-3 3.8-6.7 8.3-6.7 8.3-22.1-.7-30.5-15.2-30.5-15.2 0-32.2 14.4-58.3 14.4-58.3 14.4-10.8 28.1-10.5 28.1-10.5l1 1.2c-18 5.2-26.3 13.1-26.3 13.1s2.2-1.2 5.9-2.9c10.7-4.7 19.2-6 22.7-6.3.6-.1 1.1-.2 1.7-.2 6.1-.8 13-1 20.2-.2 9.5 1.1 19.7 3.9 30.1 9.6 0 0-7.9-7.5-24.9-12.7l1.4-1.6s13.7-.3 28.1 10.5c0 0 14.4 26.1 14.4 58.3 0 0-8.5 14.5-30.6 15.2z"/>
+        <path
+          d="M104.4 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1.1-6.1-4.5-11.1-10.2-11.1zM140.9 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1s-4.5-11.1-10.2-11.1z"
+        />
+        <path
+          d="M189.5 20h-134C44.2 20 35 29.2 35 40.6v135.2c0 11.4 9.2 20.6 20.5 20.6h113.4l-5.3-18.5 12.8 11.9 12.1 11.2 21.5 19V40.6c0-11.4-9.2-20.6-20.5-20.6zm-38.6 130.6s-3.6-4.3-6.6-8.1c13.1-3.7 18.1-11.9 18.1-11.9-4.1 2.7-8 4.6-11.5 5.9-5 2.1-9.8 3.5-14.5 4.3-9.6 1.8-18.4 1.3-25.9-.1-5.7-1.1-10.6-2.7-14.7-4.3-2.3-.9-4.8-2-7.3-3.4-.3-.2-.6-.3-.9-.5-.2-.1-.3-.2-.4-.3-1.8-1-2.8-1.7-2.8-1.7s4.8 8 17.5 11.8c-3 3.8-6.7 8.3-6.7 8.3-22.1-.7-30.5-15.2-30.5-15.2 0-32.2 14.4-58.3 14.4-58.3 14.4-10.8 28.1-10.5 28.1-10.5l1 1.2c-18 5.2-26.3 13.1-26.3 13.1s2.2-1.2 5.9-2.9c10.7-4.7 19.2-6 22.7-6.3.6-.1 1.1-.2 1.7-.2 6.1-.8 13-1 20.2-.2 9.5 1.1 19.7 3.9 30.1 9.6 0 0-7.9-7.5-24.9-12.7l1.4-1.6s13.7-.3 28.1 10.5c0 0 14.4 26.1 14.4 58.3 0 0-8.5 14.5-30.6 15.2z"
+        />
       </svg>
     </a>
   </div>
 
   <!-- Footer -->
   <footer>
-      Love Angular?&nbsp;
-      <a href="https://github.com/angular/angular" target="_blank" rel="noopener"> Give our repo a star.
-        <div class="github-star-badge">
-            <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>
-          Star
-        </div>
-      </a>
-      <a href="https://github.com/angular/angular" target="_blank" rel="noopener">
-        <svg class="material-icons" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" fill="#1976d2"/><path d="M0 0h24v24H0z" fill="none"/></svg>
-      </a>
+    Love Angular?&nbsp;
+    <a href="https://github.com/angular/angular" target="_blank" rel="noopener">
+      Give our repo a star.
+      <div class="github-star-badge">
+        <svg
+          class="material-icons"
+          xmlns="http://www.w3.org/2000/svg"
+          width="24"
+          height="24"
+          viewBox="0 0 24 24"
+        >
+          <path d="M0 0h24v24H0z" fill="none" />
+          <path
+            d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"
+          />
+        </svg>
+        Star
+      </div>
+    </a>
+    <a href="https://github.com/angular/angular" target="_blank" rel="noopener">
+      <svg
+        class="material-icons"
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
+          fill="#1976d2"
+        />
+        <path d="M0 0h24v24H0z" fill="none" />
+      </svg>
+    </a>
   </footer>
 
-  <svg id="clouds" xmlns="http://www.w3.org/2000/svg" width="2611.084" height="485.677" viewBox="0 0 2611.084 485.677">
+  <svg
+    id="clouds"
+    xmlns="http://www.w3.org/2000/svg"
+    width="2611.084"
+    height="485.677"
+    viewBox="0 0 2611.084 485.677"
+  >
     <title>Gray Clouds Background</title>
-    <path id="Path_39" data-name="Path 39" d="M2379.709,863.793c10-93-77-171-168-149-52-114-225-105-264,15-75,3-140,59-152,133-30,2.83-66.725,9.829-93.5,26.25-26.771-16.421-63.5-23.42-93.5-26.25-12-74-77-130-152-133-39-120-212-129-264-15-54.084-13.075-106.753,9.173-138.488,48.9-31.734-39.726-84.4-61.974-138.487-48.9-52-114-225-105-264,15a162.027,162.027,0,0,0-103.147,43.044c-30.633-45.365-87.1-72.091-145.206-58.044-52-114-225-105-264,15-75,3-140,59-152,133-53,5-127,23-130,83-2,42,35,72,70,86,49,20,106,18,157,5a165.625,165.625,0,0,0,120,0c47,94,178,113,251,33,61.112,8.015,113.854-5.72,150.492-29.764a165.62,165.62,0,0,0,110.861-3.236c47,94,178,113,251,33,31.385,4.116,60.563,2.495,86.487-3.311,25.924,5.806,55.1,7.427,86.488,3.311,73,80,204,61,251-33a165.625,165.625,0,0,0,120,0c51,13,108,15,157-5a147.188,147.188,0,0,0,33.5-18.694,147.217,147.217,0,0,0,33.5,18.694c49,20,106,18,157,5a165.625,165.625,0,0,0,120,0c47,94,178,113,251,33C2446.709,1093.793,2554.709,922.793,2379.709,863.793Z" transform="translate(142.69 -634.312)" fill="#eee"/>
+    <path
+      id="Path_39"
+      data-name="Path 39"
+      d="M2379.709,863.793c10-93-77-171-168-149-52-114-225-105-264,15-75,3-140,59-152,133-30,2.83-66.725,9.829-93.5,26.25-26.771-16.421-63.5-23.42-93.5-26.25-12-74-77-130-152-133-39-120-212-129-264-15-54.084-13.075-106.753,9.173-138.488,48.9-31.734-39.726-84.4-61.974-138.487-48.9-52-114-225-105-264,15a162.027,162.027,0,0,0-103.147,43.044c-30.633-45.365-87.1-72.091-145.206-58.044-52-114-225-105-264,15-75,3-140,59-152,133-53,5-127,23-130,83-2,42,35,72,70,86,49,20,106,18,157,5a165.625,165.625,0,0,0,120,0c47,94,178,113,251,33,61.112,8.015,113.854-5.72,150.492-29.764a165.62,165.62,0,0,0,110.861-3.236c47,94,178,113,251,33,31.385,4.116,60.563,2.495,86.487-3.311,25.924,5.806,55.1,7.427,86.488,3.311,73,80,204,61,251-33a165.625,165.625,0,0,0,120,0c51,13,108,15,157-5a147.188,147.188,0,0,0,33.5-18.694,147.217,147.217,0,0,0,33.5,18.694c49,20,106,18,157,5a165.625,165.625,0,0,0,120,0c47,94,178,113,251,33C2446.709,1093.793,2554.709,922.793,2379.709,863.793Z"
+      transform="translate(142.69 -634.312)"
+      fill="#eee"
+    />
   </svg>
-
 </div>
 
 <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
@@ -480,4 +836,3 @@ <h2>Next Steps</h2>
 <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
 <!-- * * * * * * * * * * End of Placeholder * * * * * * * * * * * -->
 <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
-
diff --git a/examples/angular-example/src/app/app.component.ts b/examples/angular-example/src/app/app.component.ts
index 2b047d069d..8ce2f36b95 100644
--- a/examples/angular-example/src/app/app.component.ts
+++ b/examples/angular-example/src/app/app.component.ts
@@ -6,39 +6,46 @@ import GoogleDrive from '@uppy/google-drive'
 
 @Component({
   selector: 'app-root',
-  template: /* html */`
-  <h1>Uppy Angular Example!</h1>
-  <h2>Inline dashboard</h2>
-  <label>
-    <input
-      type="checkbox"
-      (change)="showInline = $any($event.target)?.checked"
-      [checked]="showInline"
-    />
-    Show Dashboard
-  </label>
+  template: /* html */ `
+    <h1>Uppy Angular Example!</h1>
+    <h2>Inline dashboard</h2>
+    <label>
+      <input
+        type="checkbox"
+        (change)="showInline = $any($event.target)?.checked"
+        [checked]="showInline"
+      />
+      Show Dashboard
+    </label>
 
-  <uppy-dashboard [uppy]='uppy' [props]='dashboardProps' *ngIf="showInline"></uppy-dashboard>
+    <uppy-dashboard
+      [uppy]="uppy"
+      [props]="dashboardProps"
+      *ngIf="showInline"
+    ></uppy-dashboard>
 
-  <h2>Modal Dashboard</h2>
-  <div>
-    <uppy-dashboard-modal [uppy]='uppy' [open]='showModal' [props]='dashboardModalProps'></uppy-dashboard-modal>
-    <button (click)="showModal = !showModal" >
-      {{ showModal ? 'Close dashboard' : 'Open dashboard' }}
-    </button>
-  </div>
+    <h2>Modal Dashboard</h2>
+    <div>
+      <uppy-dashboard-modal
+        [uppy]="uppy"
+        [open]="showModal"
+        [props]="dashboardModalProps"
+      ></uppy-dashboard-modal>
+      <button (click)="showModal = !showModal">
+        {{ showModal ? 'Close dashboard' : 'Open dashboard' }}
+      </button>
+    </div>
 
-  <h2>
-    Drag Drop Area
-  </h2>
-  <uppy-drag-drop [uppy]='uppy' [props]='{}'></uppy-drag-drop>
-
-  <h2>Progress Bar</h2>
-  <uppy-progress-bar [uppy]='uppy' [props]='{ hideAfterFinish: false }'></uppy-progress-bar>
+    <h2>Drag Drop Area</h2>
+    <uppy-drag-drop [uppy]="uppy" [props]="{}"></uppy-drag-drop>
 
+    <h2>Progress Bar</h2>
+    <uppy-progress-bar
+      [uppy]="uppy"
+      [props]="{ hideAfterFinish: false }"
+    ></uppy-progress-bar>
   `,
-  styleUrls: [
-  ],
+  styleUrls: [],
 })
 export class AppComponent implements OnInit {
   title = 'angular-example'
@@ -53,12 +60,14 @@ export class AppComponent implements OnInit {
 
   dashboardModalProps = {
     target: document.body,
-    onRequestCloseModal: (): void => { this.showModal = false },
+    onRequestCloseModal: (): void => {
+      this.showModal = false
+    },
   }
 
   uppy: Uppy = new Uppy({ debug: true, autoProceed: true })
 
-  ngOnInit (): void {
+  ngOnInit(): void {
     this.uppy
       .use(Webcam)
       .use(Tus, { endpoint: 'https://tusd.tusdemo.net/files/' })
diff --git a/examples/angular-example/src/app/app.module.ts b/examples/angular-example/src/app/app.module.ts
index 60357c6e99..35c8d29b64 100644
--- a/examples/angular-example/src/app/app.module.ts
+++ b/examples/angular-example/src/app/app.module.ts
@@ -23,4 +23,4 @@ import { AppComponent } from './app.component'
   providers: [],
   bootstrap: [AppComponent],
 })
-export class AppModule { }
+export class AppModule {}
diff --git a/examples/angular-example/src/index.html b/examples/angular-example/src/index.html
index 26c5e79a75..7e17a8887e 100644
--- a/examples/angular-example/src/index.html
+++ b/examples/angular-example/src/index.html
@@ -1,13 +1,13 @@
 <!doctype html>
 <html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>AngularExample</title>
-  <base href="/">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-</head>
-<body>
-  <app-root></app-root>
-</body>
+  <head>
+    <meta charset="utf-8" />
+    <title>AngularExample</title>
+    <base href="/" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+  </head>
+  <body>
+    <app-root></app-root>
+  </body>
 </html>
diff --git a/examples/angular-example/src/main.ts b/examples/angular-example/src/main.ts
index 3b05c6ec09..4a07e35c50 100644
--- a/examples/angular-example/src/main.ts
+++ b/examples/angular-example/src/main.ts
@@ -2,5 +2,6 @@ import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'
 
 import { AppModule } from './app/app.module'
 
-platformBrowserDynamic().bootstrapModule(AppModule)
-  .catch(err => console.error(err)) // eslint-disable-line no-console
+platformBrowserDynamic()
+  .bootstrapModule(AppModule)
+  .catch((err) => console.error(err)) // eslint-disable-line no-console
diff --git a/examples/angular-example/tsconfig.app.json b/examples/angular-example/tsconfig.app.json
index 374cc9d294..84f1f992d2 100644
--- a/examples/angular-example/tsconfig.app.json
+++ b/examples/angular-example/tsconfig.app.json
@@ -5,10 +5,6 @@
     "outDir": "./out-tsc/app",
     "types": []
   },
-  "files": [
-    "src/main.ts"
-  ],
-  "include": [
-    "src/**/*.d.ts"
-  ]
+  "files": ["src/main.ts"],
+  "include": ["src/**/*.d.ts"]
 }
diff --git a/examples/angular-example/tsconfig.json b/examples/angular-example/tsconfig.json
index ed966d43af..1301bf238f 100644
--- a/examples/angular-example/tsconfig.json
+++ b/examples/angular-example/tsconfig.json
@@ -19,10 +19,7 @@
     "target": "ES2022",
     "module": "ES2022",
     "useDefineForClassFields": false,
-    "lib": [
-      "ES2022",
-      "dom"
-    ]
+    "lib": ["ES2022", "dom"]
   },
   "angularCompilerOptions": {
     "enableI18nLegacyMessageIdFormat": false,
diff --git a/examples/angular-example/tsconfig.spec.json b/examples/angular-example/tsconfig.spec.json
index be7e9da76f..47e3dd7551 100644
--- a/examples/angular-example/tsconfig.spec.json
+++ b/examples/angular-example/tsconfig.spec.json
@@ -3,12 +3,7 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "./out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
+    "types": ["jasmine"]
   },
-  "include": [
-    "src/**/*.spec.ts",
-    "src/**/*.d.ts"
-  ]
+  "include": ["src/**/*.spec.ts", "src/**/*.d.ts"]
 }
diff --git a/examples/aws-companion/index.html b/examples/aws-companion/index.html
index 4af13a3c60..0b86787b77 100644
--- a/examples/aws-companion/index.html
+++ b/examples/aws-companion/index.html
@@ -1,8 +1,8 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Companion + AWS Example</title>
   </head>
   <body>
diff --git a/examples/aws-nodejs/public/drag.html b/examples/aws-nodejs/public/drag.html
index 1e5b65e54d..6dd60d90c5 100644
--- a/examples/aws-nodejs/public/drag.html
+++ b/examples/aws-nodejs/public/drag.html
@@ -1,20 +1,28 @@
 <!doctype html>
 <html>
   <head>
-    <meta charset="utf-8">
+    <meta charset="utf-8" />
     <title>Uppy</title>
-    <link href="https://releases.transloadit.com/uppy/v3.16.0/uppy.min.css" rel="stylesheet">
+    <link
+      href="https://releases.transloadit.com/uppy/v3.16.0/uppy.min.css"
+      rel="stylesheet"
+    />
   </head>
   <body>
     <section class="example">
-    <div id="drag-drop-area"></div>
-    <div class="for-ProgressBar"></div>
-    <div class="uploaded-files">
-      <h5>Uploaded files:</h5>
-      <ol></ol>
-    </div>
+      <div id="drag-drop-area"></div>
+      <div class="for-ProgressBar"></div>
+      <div class="uploaded-files">
+        <h5>Uploaded files:</h5>
+        <ol></ol>
+      </div>
       <script type="module">
-        import {Uppy, DragDrop, ProgressBar, AwsS3 } from "https://releases.transloadit.com/uppy/v3.16.0/uppy.min.mjs"
+        import {
+          Uppy,
+          DragDrop,
+          ProgressBar,
+          AwsS3,
+        } from 'https://releases.transloadit.com/uppy/v3.16.0/uppy.min.mjs'
 
         // Function for displaying uploaded files
         const onUploadSuccess = (elForUploadedFiles) => (file, response) => {
@@ -32,18 +40,21 @@ <h5>Uploaded files:</h5>
         }
 
         var uppy = new Uppy({
-            autoProceed: true,
-            restrictions: {
-              maxNumberOfFiles: 10,
-            }
-          })
+          autoProceed: true,
+          restrictions: {
+            maxNumberOfFiles: 10,
+          },
+        })
           .use(DragDrop, {
-              inline: true,
-              target: '#drag-drop-area'
-            })
-          .use(ProgressBar, { target: '.example .for-ProgressBar', hideAfterFinish: true })
+            inline: true,
+            target: '#drag-drop-area',
+          })
+          .use(ProgressBar, {
+            target: '.example .for-ProgressBar',
+            hideAfterFinish: true,
+          })
           .use(AwsS3, {
-            getUploadParameters (file) {
+            getUploadParameters(file) {
               // Send a request to our PHP signing endpoint.
               return fetch('/sign-s3', {
                 method: 'post',
@@ -56,29 +67,37 @@ <h5>Uploaded files:</h5>
                   filename: file.name,
                   contentType: file.type,
                 }),
-              }).then((response) => {
-                // Parse the JSON response.
-                return response.json()
-              }).then((data) => {
-                // Return an object in the correct shape.
-                return {
-                  method: data.method,
-                  url: data.url,
-                  fields: data.fields,
-                  // Provide content type header required by S3
-                  headers: {
-                    'Content-Type': file.type,
-                  },
-                }
               })
+                .then((response) => {
+                  // Parse the JSON response.
+                  return response.json()
+                })
+                .then((data) => {
+                  // Return an object in the correct shape.
+                  return {
+                    method: data.method,
+                    url: data.url,
+                    fields: data.fields,
+                    // Provide content type header required by S3
+                    headers: {
+                      'Content-Type': file.type,
+                    },
+                  }
+                })
             },
-        });
+          })
 
         uppy.on('complete', (result) => {
-          console.log('Upload complete! We’ve uploaded these files:', result.successful)
-        });
+          console.log(
+            'Upload complete! We’ve uploaded these files:',
+            result.successful,
+          )
+        })
 
-        uppy.on('upload-success', onUploadSuccess('.example .uploaded-files ol'));
+        uppy.on(
+          'upload-success',
+          onUploadSuccess('.example .uploaded-files ol'),
+        )
       </script>
     </section>
   </body>
diff --git a/examples/aws-nodejs/public/index.html b/examples/aws-nodejs/public/index.html
index 1dd4805ead..9ee0ce9e38 100644
--- a/examples/aws-nodejs/public/index.html
+++ b/examples/aws-nodejs/public/index.html
@@ -1,32 +1,39 @@
 <!doctype html>
 <html>
   <head>
-    <meta charset="utf-8">
+    <meta charset="utf-8" />
     <title>Uppy – AWS upload example</title>
-    <link href="https://releases.transloadit.com/uppy/v3.16.0/uppy.min.css" rel="stylesheet">
+    <link
+      href="https://releases.transloadit.com/uppy/v3.16.0/uppy.min.css"
+      rel="stylesheet"
+    />
   </head>
   <body>
     <h1>AWS upload example</h1>
     <div id="uppy"></div>
     <script type="module">
-      import { Uppy, Dashboard, AwsS3 } from "https://releases.transloadit.com/uppy/v3.16.0/uppy.min.mjs"
+      import {
+        Uppy,
+        Dashboard,
+        AwsS3,
+      } from 'https://releases.transloadit.com/uppy/v3.16.0/uppy.min.mjs'
       /**
        * This generator transforms a deep object into URL-encodable pairs
        * to work with `URLSearchParams` on the client and `body-parser` on the server.
        */
       function* serializeSubPart(key, value) {
-        if (typeof value !== "object") {
-          yield [key, value];
-          return;
+        if (typeof value !== 'object') {
+          yield [key, value]
+          return
         }
         if (Array.isArray(value)) {
           for (const val of value) {
-            yield* serializeSubPart(`${key}[]`, val);
+            yield* serializeSubPart(`${key}[]`, val)
           }
-          return;
+          return
         }
         for (const [subkey, val] of Object.entries(value)) {
-          yield* serializeSubPart(key ? `${key}[${subkey}]` : subkey, val);
+          yield* serializeSubPart(key ? `${key}[${subkey}]` : subkey, val)
         }
       }
       function serialize(data) {
@@ -37,7 +44,7 @@ <h1>AWS upload example</h1>
         // You'd also have to add `Content-Type` header with value `application/json`.
       }
       {
-        const MiB = 0x10_00_00;
+        const MiB = 0x10_00_00
 
         const uppy = new Uppy()
           .use(Dashboard, {
@@ -54,10 +61,11 @@ <h1>AWS upload example</h1>
              * This method tells Uppy how to retrieve a temporary token for signing on the client.
              * Signing on the client is optional, you can also do the signing from the server.
              */
-            async getTemporarySecurityCredentials({signal}) {
-                const response = await fetch('/sts', { signal })
-                if (!response.ok) throw new Error('Unsuccessful request', { cause: response })
-                return response.json()
+            async getTemporarySecurityCredentials({ signal }) {
+              const response = await fetch('/sts', { signal })
+              if (!response.ok)
+                throw new Error('Unsuccessful request', { cause: response })
+              return response.json()
             },
 
             // ========== Non-Multipart Uploads ==========
@@ -67,10 +75,12 @@ <h1>AWS upload example</h1>
              * If for some reason you want to only support multipart uploads,
              * you don't need to implement it.
              */
-            async getUploadParameters (file, options) {
+            async getUploadParameters(file, options) {
               if (typeof crypto?.subtle === 'object') {
                 // If WebCrypto is available, let's do signing from the client.
-                return uppy.getPlugin('myAWSPlugin').createSignedURL(file, options)
+                return uppy
+                  .getPlugin('myAWSPlugin')
+                  .createSignedURL(file, options)
               }
 
               // Send a request to our Express.js signing endpoint.
@@ -86,7 +96,8 @@ <h1>AWS upload example</h1>
                 signal: options.signal,
               })
 
-              if (!response.ok) throw new Error('Unsuccessful request', { cause: response })
+              if (!response.ok)
+                throw new Error('Unsuccessful request', { cause: response })
 
               // Parse the JSON response.
               const data = await response.json()
@@ -111,14 +122,22 @@ <h1>AWS upload example</h1>
 
             async createMultipartUpload(file, signal) {
               if (signal?.aborted) {
-                const err = new DOMException('The operation was aborted', 'AbortError')
-                Object.defineProperty(err, 'cause', { __proto__: null, configurable: true, writable: true, value: signal.reason })
+                const err = new DOMException(
+                  'The operation was aborted',
+                  'AbortError',
+                )
+                Object.defineProperty(err, 'cause', {
+                  __proto__: null,
+                  configurable: true,
+                  writable: true,
+                  value: signal.reason,
+                })
                 throw err
               }
 
               const metadata = {}
 
-              Object.keys(file.meta || {}).forEach(key => {
+              Object.keys(file.meta || {}).forEach((key) => {
                 if (file.meta[key] != null) {
                   metadata[key] = file.meta[key].toString()
                 }
@@ -138,7 +157,8 @@ <h1>AWS upload example</h1>
                 signal,
               })
 
-              if (!response.ok) throw new Error('Unsuccessful request', { cause: response })
+              if (!response.ok)
+                throw new Error('Unsuccessful request', { cause: response })
 
               // Parse the JSON response.
               const data = await response.json()
@@ -146,94 +166,148 @@ <h1>AWS upload example</h1>
               return data
             },
 
-            async abortMultipartUpload (file, { key, uploadId }, signal) {
+            async abortMultipartUpload(file, { key, uploadId }, signal) {
               const filename = encodeURIComponent(key)
               const uploadIdEnc = encodeURIComponent(uploadId)
-              const response = await fetch(`/s3/multipart/${uploadIdEnc}?key=${filename}`, {
-                method: 'DELETE',
-                signal,
-              })
-              
-              if (!response.ok) throw new Error('Unsuccessful request', { cause: response })
+              const response = await fetch(
+                `/s3/multipart/${uploadIdEnc}?key=${filename}`,
+                {
+                  method: 'DELETE',
+                  signal,
+                },
+              )
+
+              if (!response.ok)
+                throw new Error('Unsuccessful request', { cause: response })
             },
 
-            async signPart (file, options) {
+            async signPart(file, options) {
               if (typeof crypto?.subtle === 'object') {
                 // If WebCrypto, let's do signing from the client.
-                return uppy.getPlugin('myAWSPlugin').createSignedURL(file, options)
+                return uppy
+                  .getPlugin('myAWSPlugin')
+                  .createSignedURL(file, options)
               }
 
               const { uploadId, key, partNumber, signal } = options
 
               if (signal?.aborted) {
-                const err = new DOMException('The operation was aborted', 'AbortError')
-                Object.defineProperty(err, 'cause', { __proto__: null, configurable: true, writable: true, value: signal.reason })
+                const err = new DOMException(
+                  'The operation was aborted',
+                  'AbortError',
+                )
+                Object.defineProperty(err, 'cause', {
+                  __proto__: null,
+                  configurable: true,
+                  writable: true,
+                  value: signal.reason,
+                })
                 throw err
               }
 
               if (uploadId == null || key == null || partNumber == null) {
-                throw new Error('Cannot sign without a key, an uploadId, and a partNumber')
+                throw new Error(
+                  'Cannot sign without a key, an uploadId, and a partNumber',
+                )
               }
 
               const filename = encodeURIComponent(key)
-              const response = await fetch(`/s3/multipart/${uploadId}/${partNumber}?key=${filename}`, { signal })
+              const response = await fetch(
+                `/s3/multipart/${uploadId}/${partNumber}?key=${filename}`,
+                { signal },
+              )
 
-              if (!response.ok) throw new Error('Unsuccessful request', { cause: response })
+              if (!response.ok)
+                throw new Error('Unsuccessful request', { cause: response })
 
               const data = await response.json()
 
               return data
             },
 
-            async listParts (file, { key, uploadId }, signal) {
+            async listParts(file, { key, uploadId }, signal) {
               if (signal?.aborted) {
-                const err = new DOMException('The operation was aborted', 'AbortError')
-                Object.defineProperty(err, 'cause', { __proto__: null, configurable: true, writable: true, value: signal.reason })
+                const err = new DOMException(
+                  'The operation was aborted',
+                  'AbortError',
+                )
+                Object.defineProperty(err, 'cause', {
+                  __proto__: null,
+                  configurable: true,
+                  writable: true,
+                  value: signal.reason,
+                })
                 throw err
               }
 
               const filename = encodeURIComponent(key)
-              const response = await fetch(`/s3/multipart/${uploadId}?key=${filename}`, { signal })
+              const response = await fetch(
+                `/s3/multipart/${uploadId}?key=${filename}`,
+                { signal },
+              )
 
-              if (!response.ok) throw new Error('Unsuccessful request', { cause: response })
+              if (!response.ok)
+                throw new Error('Unsuccessful request', { cause: response })
 
               const data = await response.json()
 
               return data
             },
 
-            async completeMultipartUpload (file, { key, uploadId, parts }, signal) {
+            async completeMultipartUpload(
+              file,
+              { key, uploadId, parts },
+              signal,
+            ) {
               if (signal?.aborted) {
-                const err = new DOMException('The operation was aborted', 'AbortError')
-                Object.defineProperty(err, 'cause', { __proto__: null, configurable: true, writable: true, value: signal.reason })
+                const err = new DOMException(
+                  'The operation was aborted',
+                  'AbortError',
+                )
+                Object.defineProperty(err, 'cause', {
+                  __proto__: null,
+                  configurable: true,
+                  writable: true,
+                  value: signal.reason,
+                })
                 throw err
               }
 
               const filename = encodeURIComponent(key)
               const uploadIdEnc = encodeURIComponent(uploadId)
-              const response = await fetch(`s3/multipart/${uploadIdEnc}/complete?key=${filename}`, {
-                method: 'POST',
-                headers: {
-                  accept: 'application/json',
+              const response = await fetch(
+                `s3/multipart/${uploadIdEnc}/complete?key=${filename}`,
+                {
+                  method: 'POST',
+                  headers: {
+                    accept: 'application/json',
+                  },
+                  body: serialize({ parts }),
+                  signal,
                 },
-                body: serialize({ parts }),
-                signal,
-              })
+              )
 
-              if (!response.ok) throw new Error('Unsuccessful request', { cause: response })
+              if (!response.ok)
+                throw new Error('Unsuccessful request', { cause: response })
 
               const data = await response.json()
 
               return data
             },
           })
-        
+
         uppy.on('complete', (result) => {
-          console.log('Upload complete! We’ve uploaded these files:', result.successful)
+          console.log(
+            'Upload complete! We’ve uploaded these files:',
+            result.successful,
+          )
         })
-        
+
         uppy.on('upload-success', (file, data) => {
-          console.log('Upload success! We’ve uploaded this file:', file.meta['name'])
+          console.log(
+            'Upload success! We’ve uploaded this file:',
+            file.meta['name'],
+          )
         })
       }
     </script>
diff --git a/examples/aws-php/composer.json b/examples/aws-php/composer.json
index e2aa8bd296..f8098d7b52 100644
--- a/examples/aws-php/composer.json
+++ b/examples/aws-php/composer.json
@@ -1,7 +1,7 @@
 {
-    "name": "transloadit/uppy-aws-demo",
-    "type": "project",
-    "require": {
-        "aws/aws-sdk-php": "^3.31"
-    }
+  "name": "transloadit/uppy-aws-demo",
+  "type": "project",
+  "require": {
+    "aws/aws-sdk-php": "^3.31"
+  }
 }
diff --git a/examples/aws-php/index.html b/examples/aws-php/index.html
index 6d2b161c27..d5728c3da1 100644
--- a/examples/aws-php/index.html
+++ b/examples/aws-php/index.html
@@ -1,10 +1,10 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Uppy AWS Presigned URL Example</title>
-    <link href="uppy.min.css" rel="stylesheet">
+    <link href="uppy.min.css" rel="stylesheet" />
   </head>
   <body>
     <script src="main.js" type="module"></script>
diff --git a/examples/bundled/index.html b/examples/bundled/index.html
index 8c7d20accb..492cabe65f 100644
--- a/examples/bundled/index.html
+++ b/examples/bundled/index.html
@@ -1,8 +1,8 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>uppy</title>
   </head>
   <body>
@@ -22,7 +22,7 @@
       <h1>Uppy</h1>
 
       <form id="upload-form" action="/">
-        <input type="file">
+        <input type="file" />
         <button type="submit">Upload</button>
       </form>
     </main>
diff --git a/examples/cdn-example/index.html b/examples/cdn-example/index.html
index d87487325b..2e85612360 100644
--- a/examples/cdn-example/index.html
+++ b/examples/cdn-example/index.html
@@ -1,10 +1,13 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <title></title>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link href="https://releases.transloadit.com/uppy/v3.16.0/uppy.min.css" rel="stylesheet" />
+    <link
+      href="https://releases.transloadit.com/uppy/v3.16.0/uppy.min.css"
+      rel="stylesheet"
+    />
   </head>
   <body>
     <noscript>You need JavaScript enabled for this example to work.</noscript>
@@ -16,31 +19,34 @@
         Dashboard,
         Webcam,
         Tus,
-      } from "https://releases.transloadit.com/uppy/v3.16.0/uppy.min.mjs";
+      } from 'https://releases.transloadit.com/uppy/v3.16.0/uppy.min.mjs'
 
       const uppy = new Uppy({ debug: true, autoProceed: false })
-        .use(Dashboard, { trigger: "#uppyModalOpener" })
+        .use(Dashboard, { trigger: '#uppyModalOpener' })
         .use(Webcam, { target: Dashboard })
-        .use(Tus, { endpoint: "https://tusd.tusdemo.net/files/" });
+        .use(Tus, { endpoint: 'https://tusd.tusdemo.net/files/' })
 
-      uppy.on("success", (fileCount) => {
-        console.log(`${fileCount} files uploaded`);
-      });
+      uppy.on('success', (fileCount) => {
+        console.log(`${fileCount} files uploaded`)
+      })
     </script>
 
     <!-- To support older browsers, you can use the legacy bundle which adds a global `Uppy` object.  -->
-    <script nomodule src="https://releases.transloadit.com/uppy/v3.16.0/uppy.legacy.min.js"></script>
+    <script
+      nomodule
+      src="https://releases.transloadit.com/uppy/v3.16.0/uppy.legacy.min.js"
+    ></script>
     <script nomodule>
       {
-        const { Dashboard, Webcam, Tus } = Uppy;
+        const { Dashboard, Webcam, Tus } = Uppy
         const uppy = new Uppy.Uppy({ debug: true, autoProceed: false })
-          .use(Dashboard, { trigger: "#uppyModalOpener" })
+          .use(Dashboard, { trigger: '#uppyModalOpener' })
           .use(Webcam, { target: Dashboard })
-          .use(Tus, { endpoint: "https://tusd.tusdemo.net/files/" });
+          .use(Tus, { endpoint: 'https://tusd.tusdemo.net/files/' })
 
-        uppy.on("success", function (fileCount) {
-          console.log(`${fileCount} files uploaded`);
-        });
+        uppy.on('success', function (fileCount) {
+          console.log(`${fileCount} files uploaded`)
+        })
       }
     </script>
   </body>
diff --git a/examples/custom-provider/index.html b/examples/custom-provider/index.html
index 22e495800b..7dcb517d11 100644
--- a/examples/custom-provider/index.html
+++ b/examples/custom-provider/index.html
@@ -1,8 +1,8 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Uppy Custom provider Example</title>
   </head>
   <body>
diff --git a/examples/digitalocean-spaces/index.html b/examples/digitalocean-spaces/index.html
index c0b8ee1e2d..5a1e301c2d 100644
--- a/examples/digitalocean-spaces/index.html
+++ b/examples/digitalocean-spaces/index.html
@@ -1,14 +1,15 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Uppy DigitalOcean Example</title>
   </head>
   <body>
     <h1>DigitalOcean Spaces</h1>
     <p>
-      Using the <a href="https://uppy.io/docs/aws-s3">AwsS3</a> plugin to upload to DigitalOcean Spaces ✌️
+      Using the <a href="https://uppy.io/docs/aws-s3">AwsS3</a> plugin to upload
+      to DigitalOcean Spaces ✌️
     </p>
 
     <noscript>This app requires JavaScript.</noscript>
diff --git a/examples/multiple-instances/index.html b/examples/multiple-instances/index.html
index 5eee75358a..7f23f41159 100644
--- a/examples/multiple-instances/index.html
+++ b/examples/multiple-instances/index.html
@@ -1,8 +1,8 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Uppy example: Multiple instances</title>
     <style>
       main {
@@ -10,7 +10,9 @@
         justify-content: space-around;
         align-items: center;
       }
-      h1 { text-align: center }
+      h1 {
+        text-align: center;
+      }
     </style>
   </head>
   <body>
diff --git a/examples/node-xhr/index.html b/examples/node-xhr/index.html
index b768a79a1a..54b683f268 100644
--- a/examples/node-xhr/index.html
+++ b/examples/node-xhr/index.html
@@ -1,8 +1,8 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Node.js + Uppy Example</title>
   </head>
   <body>
diff --git a/examples/php-xhr/index.html b/examples/php-xhr/index.html
index 8a98441ecf..e1e3db298f 100644
--- a/examples/php-xhr/index.html
+++ b/examples/php-xhr/index.html
@@ -1,8 +1,8 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>PHP + Uppy Example</title>
   </head>
   <body>
diff --git a/examples/python-xhr/index.html b/examples/python-xhr/index.html
index 0e89baa514..65bdb392a7 100644
--- a/examples/python-xhr/index.html
+++ b/examples/python-xhr/index.html
@@ -1,8 +1,8 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Python + Uppy Example</title>
   </head>
   <body>
diff --git a/examples/react-example/index.html b/examples/react-example/index.html
index be17dd91ff..7a885b5b25 100644
--- a/examples/react-example/index.html
+++ b/examples/react-example/index.html
@@ -1,10 +1,10 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Uppy React Example</title>
-    <link href="uppy.min.css" rel="stylesheet">
+    <link href="uppy.min.css" rel="stylesheet" />
   </head>
   <body>
     <div id="app"></div>
diff --git a/examples/react-native-expo/app.json b/examples/react-native-expo/app.json
index d5b376e76e..f9755f55e3 100644
--- a/examples/react-native-expo/app.json
+++ b/examples/react-native-expo/app.json
@@ -13,9 +13,7 @@
     "updates": {
       "fallbackToCacheTimeout": 0
     },
-    "assetBundlePatterns": [
-      "**/*"
-    ],
+    "assetBundlePatterns": ["**/*"],
     "ios": {
       "supportsTablet": true
     },
diff --git a/examples/redux/index.html b/examples/redux/index.html
index 94009877f7..54e51d3712 100644
--- a/examples/redux/index.html
+++ b/examples/redux/index.html
@@ -1,8 +1,8 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Uppy example: Redux</title>
   </head>
   <body>
diff --git a/examples/svelte-example/public/global.css b/examples/svelte-example/public/global.css
index 5d532f6b91..619a92f331 100644
--- a/examples/svelte-example/public/global.css
+++ b/examples/svelte-example/public/global.css
@@ -10,7 +10,8 @@ body {
   margin: 0;
   padding: 8px;
   box-sizing: border-box;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
 }
 
 a {
@@ -64,4 +65,4 @@ button:not(:disabled):active {
 
 button:focus {
   border-color: #666;
-}
\ No newline at end of file
+}
diff --git a/examples/svelte-example/public/index.html b/examples/svelte-example/public/index.html
index 943e7a25f8..2b86c92861 100644
--- a/examples/svelte-example/public/index.html
+++ b/examples/svelte-example/public/index.html
@@ -1,17 +1,16 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
-	<meta charset='utf-8'>
-	<meta name='viewport' content='width=device-width,initial-scale=1'>
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
 
-	<title>Svelte app</title>
+    <title>Svelte app</title>
 
-	<link rel='icon' type='image/png' href='/favicon.png'>
-	<link rel='stylesheet' href='/global.css'>
-	<link rel='stylesheet' href='/build/bundle.css'>
-	<script defer src='/build/bundle.js'></script>
-</head>
+    <link rel="icon" type="image/png" href="/favicon.png" />
+    <link rel="stylesheet" href="/global.css" />
+    <link rel="stylesheet" href="/build/bundle.css" />
+    <script defer src="/build/bundle.js"></script>
+  </head>
 
-<body>
-</body>
+  <body></body>
 </html>
diff --git a/examples/svelte-example/tsconfig.json b/examples/svelte-example/tsconfig.json
index 3575716026..47bdb60e94 100644
--- a/examples/svelte-example/tsconfig.json
+++ b/examples/svelte-example/tsconfig.json
@@ -1,8 +1,7 @@
 {
   "extends": "@tsconfig/svelte/tsconfig.json",
-  "compilerOptions": {
-  },
+  "compilerOptions": {},
   "esModuleInterop": true,
   "include": ["src/**/*"],
   "exclude": ["node_modules/*", "__sapper__/*", "public/*"]
-}
\ No newline at end of file
+}
diff --git a/examples/transloadit-markdown-bin/index.html b/examples/transloadit-markdown-bin/index.html
index 6c9bee1bfe..3868967f29 100644
--- a/examples/transloadit-markdown-bin/index.html
+++ b/examples/transloadit-markdown-bin/index.html
@@ -1,21 +1,31 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
-    <meta charset="utf-8">
+    <meta charset="utf-8" />
     <style>
       body {
         font-family: Roboto, 'Open Sans';
         background: #f4f5f6;
       }
-      h1, h2, h3, h4, h5, h6 {
-        font-family: Oxygen, Raleway, Open Sans;
+      h1,
+      h2,
+      h3,
+      h4,
+      h5,
+      h6 {
+        font-family:
+          Oxygen,
+          Raleway,
+          Open Sans;
       }
 
       header {
         width: 800px;
         margin: auto;
       }
-      header h1 { text-align: center; }
+      header h1 {
+        text-align: center;
+      }
 
       main {
         background: white;
@@ -26,7 +36,9 @@
         border-radius: 5px;
       }
 
-      main p:first-child { margin-top: 0 }
+      main p:first-child {
+        margin-top: 0;
+      }
 
       label {
         display: flex;
@@ -40,7 +52,8 @@
         color: #888888;
         line-height: 34px;
       }
-      label input, label textarea {
+      label input,
+      label textarea {
         flex-grow: 1;
         height: 34px;
       }
@@ -49,7 +62,9 @@
         padding: 6px;
         border-radius: 5px;
         border: 1px solid #b7b7b4;
-        font-family: Roboto, Open Sans;
+        font-family:
+          Roboto,
+          Open Sans;
         min-height: 160px;
         width: 100%;
         resize: vertical;
@@ -104,33 +119,47 @@ <h1>Markdown Bin</h1>
     </header>
     <main>
       <p>
-      Markdown Bin is a demo app that works a bit like Github Gists or pastebin. You can add markdown snippets, and add file attachments to each snippet by clicking "Upload an attachment" or by dragging files onto the text area. Transloadit generates an inline preview image for images, videos, and audio files. <a target="_blank" href="https://github.com/transloadit/uppy/blob/main/examples/transloadit-textarea/template.json">&raquo;&nbsp;View the Assembly Template here.</a>
+        Markdown Bin is a demo app that works a bit like Github Gists or
+        pastebin. You can add markdown snippets, and add file attachments to
+        each snippet by clicking "Upload an attachment" or by dragging files
+        onto the text area. Transloadit generates an inline preview image for
+        images, videos, and audio files.
+        <a
+          target="_blank"
+          href="https://github.com/transloadit/uppy/blob/main/examples/transloadit-textarea/template.json"
+          >&raquo;&nbsp;View the Assembly Template here.</a
+        >
       </p>
 
       <p>
-        ⚠️ For this demo, snippets are stored locally in your browser. Attachments are stored in Transloadit's temporary storage and expire after about 24 hours. In a real app, you can easily export files to a permanent storage solution like Amazon S3 or Google Cloud. <a target="_blank" href="https://transloadit.com/docs/#17-saving-conversion-results">&raquo;&nbsp;Learn more</a>
+        ⚠️ For this demo, snippets are stored locally in your browser.
+        Attachments are stored in Transloadit's temporary storage and expire
+        after about 24 hours. In a real app, you can easily export files to a
+        permanent storage solution like Amazon S3 or Google Cloud.
+        <a
+          target="_blank"
+          href="https://transloadit.com/docs/#17-saving-conversion-results"
+          >&raquo;&nbsp;Learn more</a
+        >
       </p>
 
       <form id="new">
         <h2>Create a new snippet</h2>
         <label>
           <span class="label-text">Snippet Title</span>
-          <input type="text" name="title" placeholder="Snippet Title">
+          <input type="text" name="title" placeholder="Snippet Title" />
         </label>
         <label>
           <textarea name="snippet"></textarea>
         </label>
         <p>
-          <button class="form-createSnippet" type="submit">
-            Create
-          </button>
+          <button class="form-createSnippet" type="submit">Create</button>
         </p>
       </form>
 
       <h2>Previous snippets</h2>
 
-      <div id="snippets">
-      </div>
+      <div id="snippets"></div>
     </main>
     <template id="snippet">
       <div class="snippet">
diff --git a/examples/uppy-with-companion/client/index.html b/examples/uppy-with-companion/client/index.html
index ba1e79c8fd..56268abd41 100644
--- a/examples/uppy-with-companion/client/index.html
+++ b/examples/uppy-with-companion/client/index.html
@@ -1,21 +1,36 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <title></title>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link href="https://releases.transloadit.com/uppy/v3.16.0/uppy.min.css" rel="stylesheet">
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link
+      href="https://releases.transloadit.com/uppy/v3.16.0/uppy.min.css"
+      rel="stylesheet"
+    />
   </head>
   <body>
     <button id="uppyModalOpener">Open Modal</button>
     <noscript>This web page requires JavaScript to work properly.</noscript>
     <script type="module">
-      import { Uppy, Dashboard, Instagram, GoogleDrive, Tus } from "https://releases.transloadit.com/uppy/v3.16.0/uppy.min.mjs"
+      import {
+        Uppy,
+        Dashboard,
+        Instagram,
+        GoogleDrive,
+        Tus,
+      } from 'https://releases.transloadit.com/uppy/v3.16.0/uppy.min.mjs'
 
-      const uppy = new Uppy({debug: true, autoProceed: false})
+      const uppy = new Uppy({ debug: true, autoProceed: false })
         .use(Dashboard, { trigger: '#uppyModalOpener' })
-        .use(Instagram, { target: Dashboard, companionUrl: 'http://localhost:3020' })
-        .use(GoogleDrive, { target: Dashboard, companionUrl: 'http://localhost:3020' })
+        .use(Instagram, {
+          target: Dashboard,
+          companionUrl: 'http://localhost:3020',
+        })
+        .use(GoogleDrive, {
+          target: Dashboard,
+          companionUrl: 'http://localhost:3020',
+        })
         .use(Tus, { endpoint: 'https://tusd.tusdemo.net/files/' })
 
       uppy.on('success', (fileCount) => {
diff --git a/examples/vue/index.html b/examples/vue/index.html
index 030a6ff51b..e631329c1b 100644
--- a/examples/vue/index.html
+++ b/examples/vue/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
diff --git a/examples/vue/src/App.vue b/examples/vue/src/App.vue
index 3401c94534..1ab426d370 100644
--- a/examples/vue/src/App.vue
+++ b/examples/vue/src/App.vue
@@ -6,9 +6,11 @@
       <input
         type="checkbox"
         :checked="showInlineDashboard"
-        @change="(event) => {
-          showInlineDashboard = event.target.checked
-        }"
+        @change="
+          (event) => {
+            showInlineDashboard = event.target.checked
+          }
+        "
       />
       Show Dashboard
     </label>
@@ -16,39 +18,39 @@
       v-if="showInlineDashboard"
       :uppy="uppy"
       :props="{
-        metaFields: [{ id: 'name', name: 'Name', placeholder: 'File name' }]
+        metaFields: [{ id: 'name', name: 'Name', placeholder: 'File name' }],
       }"
     />
     <h2>Modal Dashboard</h2>
     <div>
       <button @click="open = true">Show Dashboard</button>
-    <dashboard-modal
-      :uppy="uppy2" 
-      :open="open" 
-      :props="{
-        onRequestCloseModal: handleClose
-      }"
-    />
+      <dashboard-modal
+        :uppy="uppy2"
+        :open="open"
+        :props="{
+          onRequestCloseModal: handleClose,
+        }"
+      />
     </div>
 
     <h2>Drag Drop Area</h2>
-    <drag-drop 
+    <drag-drop
       :uppy="uppy"
       :props="{
         locale: {
           strings: {
             chooseFile: 'Boop a file',
-            orDragDrop: 'or yoink it here'
-          }
-        }
+            orDragDrop: 'or yoink it here',
+          },
+        },
       }"
     />
 
     <h2>Progress Bar</h2>
-    <progress-bar 
+    <progress-bar
       :uppy="uppy"
       :props="{
-        hideAfterFinish: false
+        hideAfterFinish: false,
       }"
     />
   </div>
@@ -67,31 +69,35 @@ export default {
     Dashboard,
     DashboardModal,
     DragDrop,
-    ProgressBar
+    ProgressBar,
   },
   computed: {
-    uppy: () => new Uppy({ id: 'uppy1', autoProceed: true, debug: true })
-      .use(Tus, { endpoint: 'https://tusd.tusdemo.net/files/' }),
-    uppy2: () => new Uppy({ id: 'uppy2', autoProceed: false, debug: true })
-      .use(Tus, { endpoint: 'https://tusd.tusdemo.net/files/' }),
+    uppy: () =>
+      new Uppy({ id: 'uppy1', autoProceed: true, debug: true }).use(Tus, {
+        endpoint: 'https://tusd.tusdemo.net/files/',
+      }),
+    uppy2: () =>
+      new Uppy({ id: 'uppy2', autoProceed: false, debug: true }).use(Tus, {
+        endpoint: 'https://tusd.tusdemo.net/files/',
+      }),
   },
-  data () {
+  data() {
     return {
       open: false,
-      showInlineDashboard: false
+      showInlineDashboard: false,
     }
   },
   methods: {
-    handleClose() { this.open = false }
+    handleClose() {
+      this.open = false
+    },
   },
-  
 }
 </script>
-<style src='@uppy/core/dist/style.css'></style> 
-<style src='@uppy/dashboard/dist/style.css'></style> 
-<style src='@uppy/drag-drop/dist/style.css'></style> 
-<style src='@uppy/progress-bar/dist/style.css'></style> 
-
+<style src="@uppy/core/dist/style.css"></style>
+<style src="@uppy/dashboard/dist/style.css"></style>
+<style src="@uppy/drag-drop/dist/style.css"></style>
+<style src="@uppy/progress-bar/dist/style.css"></style>
 
 <style>
 #app {
diff --git a/examples/vue3/index.html b/examples/vue3/index.html
index 030a6ff51b..e631329c1b 100644
--- a/examples/vue3/index.html
+++ b/examples/vue3/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
diff --git a/examples/vue3/src/App.vue b/examples/vue3/src/App.vue
index 60c821efdc..89d8480c53 100644
--- a/examples/vue3/src/App.vue
+++ b/examples/vue3/src/App.vue
@@ -11,9 +11,11 @@ import { Dashboard, DashboardModal, DragDrop, ProgressBar } from '@uppy/vue'
       <input
         type="checkbox"
         :checked="showInlineDashboard"
-        @change="(event) => {
-          showInlineDashboard = event.target.checked
-        }"
+        @change="
+          (event) => {
+            showInlineDashboard = event.target.checked
+          }
+        "
       />
       Show Dashboard
     </label>
@@ -21,39 +23,39 @@ import { Dashboard, DashboardModal, DragDrop, ProgressBar } from '@uppy/vue'
       v-if="showInlineDashboard"
       :uppy="uppy"
       :props="{
-        metaFields: [{ id: 'name', name: 'Name', placeholder: 'File name' }]
+        metaFields: [{ id: 'name', name: 'Name', placeholder: 'File name' }],
       }"
     />
     <h2>Modal Dashboard</h2>
     <div>
       <button @click="open = true">Show Dashboard</button>
-    <DashboardModal
-      :uppy="uppy2" 
-      :open="open" 
-      :props="{
-        onRequestCloseModal: handleClose
-      }"
-    />
+      <DashboardModal
+        :uppy="uppy2"
+        :open="open"
+        :props="{
+          onRequestCloseModal: handleClose,
+        }"
+      />
     </div>
 
     <h2>Drag Drop Area</h2>
-    <DragDrop 
+    <DragDrop
       :uppy="uppy"
       :props="{
         locale: {
           strings: {
             chooseFile: 'Boop a file',
-            orDragDrop: 'or yoink it here'
-          }
-        }
+            orDragDrop: 'or yoink it here',
+          },
+        },
       }"
     />
 
     <h2>Progress Bar</h2>
-    <ProgressBar 
+    <ProgressBar
       :uppy="uppy"
       :props="{
-        hideAfterFinish: false
+        hideAfterFinish: false,
       }"
     />
   </div>
@@ -64,33 +66,37 @@ import Uppy from '@uppy/core'
 import Tus from '@uppy/tus'
 import { defineComponent } from 'vue'
 
-const {
-  VITE_TUS_ENDPOINT: TUS_ENDPOINT,
-} = import.meta.env
+const { VITE_TUS_ENDPOINT: TUS_ENDPOINT } = import.meta.env
 
 export default defineComponent({
   computed: {
-    uppy: () => new Uppy({ id: 'uppy1', autoProceed: true, debug: true })
-      .use(Tus, { endpoint: TUS_ENDPOINT }),
-    uppy2: () => new Uppy({ id: 'uppy2', autoProceed: false, debug: true })
-      .use(Tus, { endpoint: TUS_ENDPOINT }),
+    uppy: () =>
+      new Uppy({ id: 'uppy1', autoProceed: true, debug: true }).use(Tus, {
+        endpoint: TUS_ENDPOINT,
+      }),
+    uppy2: () =>
+      new Uppy({ id: 'uppy2', autoProceed: false, debug: true }).use(Tus, {
+        endpoint: TUS_ENDPOINT,
+      }),
   },
-  data () {
+  data() {
     return {
       open: false,
-      showInlineDashboard: false
+      showInlineDashboard: false,
     }
   },
   methods: {
-    handleClose() { this.open = false }
+    handleClose() {
+      this.open = false
+    },
   },
 })
 </script>
 
-<style src='@uppy/core/dist/style.css'></style> 
-<style src='@uppy/dashboard/dist/style.css'></style> 
-<style src='@uppy/drag-drop/dist/style.css'></style> 
-<style src='@uppy/progress-bar/dist/style.css'></style> 
+<style src="@uppy/core/dist/style.css"></style>
+<style src="@uppy/dashboard/dist/style.css"></style>
+<style src="@uppy/drag-drop/dist/style.css"></style>
+<style src="@uppy/progress-bar/dist/style.css"></style>
 
 <style>
 #app {
diff --git a/examples/xhr-bundle/index.html b/examples/xhr-bundle/index.html
index 720d7633db..e731b462c0 100644
--- a/examples/xhr-bundle/index.html
+++ b/examples/xhr-bundle/index.html
@@ -1,8 +1,8 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Uppy example: XHRUpload to a single endpoint</title>
     <style>
       main {
@@ -10,7 +10,9 @@
         justify-content: space-around;
         align-items: center;
       }
-      h1 { text-align: center }
+      h1 {
+        text-align: center;
+      }
     </style>
   </head>
   <body>
diff --git a/packages/@uppy/angular/.eslintrc.json b/packages/@uppy/angular/.eslintrc.json
index 2304954633..54e1cd9a19 100644
--- a/packages/@uppy/angular/.eslintrc.json
+++ b/packages/@uppy/angular/.eslintrc.json
@@ -1,12 +1,8 @@
 {
-  "ignorePatterns": [
-    "projects/**/*"
-  ],
+  "ignorePatterns": ["projects/**/*"],
   "overrides": [
     {
-      "files": [
-        "*.ts"
-      ],
+      "files": ["*.ts"],
       "extends": [
         "eslint:recommended",
         "plugin:@typescript-eslint/recommended",
@@ -14,6 +10,7 @@
         "plugin:@angular-eslint/template/process-inline-templates"
       ],
       "rules": {
+        // eslint-disable-line import/newline-after-import
         "@angular-eslint/directive-selector": [
           "error",
           {
@@ -37,9 +34,7 @@
       }
     },
     {
-      "files": [
-        "*.html"
-      ],
+      "files": ["*.html"],
       "extends": [
         "plugin:@angular-eslint/template/recommended",
         "plugin:@angular-eslint/template/accessibility"
diff --git a/packages/@uppy/angular/angular.json b/packages/@uppy/angular/angular.json
index b0febadbde..3aa602c2de 100644
--- a/packages/@uppy/angular/angular.json
+++ b/packages/@uppy/angular/angular.json
@@ -28,10 +28,7 @@
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
             "tsConfig": "projects/uppy/angular/tsconfig.spec.json",
-            "polyfills": [
-              "zone.js",
-              "zone.js/testing"
-            ]
+            "polyfills": ["zone.js", "zone.js/testing"]
           }
         }
       }
diff --git a/packages/@uppy/angular/projects/uppy/angular/.eslintrc.json b/packages/@uppy/angular/projects/uppy/angular/.eslintrc.json
index 2ab1305077..67ef3094ec 100644
--- a/packages/@uppy/angular/projects/uppy/angular/.eslintrc.json
+++ b/packages/@uppy/angular/projects/uppy/angular/.eslintrc.json
@@ -1,13 +1,9 @@
 {
   "extends": "../../../.eslintrc.json",
-  "ignorePatterns": [
-    "!**/*"
-  ],
+  "ignorePatterns": ["!**/*"],
   "overrides": [
     {
-      "files": [
-        "*.ts"
-      ],
+      "files": ["*.ts"],
       "parserOptions": {
         "project": [
           "packages/@uppy/angular/projects/angular/tsconfig.lib.json",
@@ -43,9 +39,7 @@
       }
     },
     {
-      "files": [
-        "*.html"
-      ],
+      "files": ["*.html"],
       "rules": {}
     }
   ]
diff --git a/packages/@uppy/angular/projects/uppy/angular/ng-package.json b/packages/@uppy/angular/projects/uppy/angular/ng-package.json
index 5d14d4e69f..fab7346366 100644
--- a/packages/@uppy/angular/projects/uppy/angular/ng-package.json
+++ b/packages/@uppy/angular/projects/uppy/angular/ng-package.json
@@ -4,4 +4,4 @@
   "lib": {
     "entryFile": "src/public-api.ts"
   }
-}
\ No newline at end of file
+}
diff --git a/packages/@uppy/angular/projects/uppy/angular/src/public-api.ts b/packages/@uppy/angular/projects/uppy/angular/src/public-api.ts
index 4351587147..8a4b78bf92 100644
--- a/packages/@uppy/angular/projects/uppy/angular/src/public-api.ts
+++ b/packages/@uppy/angular/projects/uppy/angular/src/public-api.ts
@@ -2,13 +2,13 @@
  * Public API Surface of @uppy/angular
  */
 
-export { UppyAngularDashboardModule } from './lib/components/dashboard/dashboard.module'
-export { UppyAngularDashboardModalModule } from './lib/components/dashboard-modal/dashboard-modal.module'
-export { UppyAngularProgressBarModule } from './lib/components/progress-bar/progress-bar.module'
-export { UppyAngularStatusBarModule } from './lib/components/status-bar/status-bar.module'
-export { UppyAngularDragDropModule } from './lib/components/drag-drop/drag-drop.module'
-export { StatusBarComponent } from './lib/components/status-bar/status-bar.component'
-export { ProgressBarComponent } from './lib/components/progress-bar/progress-bar.component'
-export { DragDropComponent } from './lib/components/drag-drop/drag-drop.component'
-export { DashboardComponent } from './lib/components/dashboard/dashboard.component'
-export { DashboardModalComponent } from './lib/components/dashboard-modal/dashboard-modal.component'
+export { UppyAngularDashboardModule } from './lib/components/dashboard/dashboard.module';
+export { UppyAngularDashboardModalModule } from './lib/components/dashboard-modal/dashboard-modal.module';
+export { UppyAngularProgressBarModule } from './lib/components/progress-bar/progress-bar.module';
+export { UppyAngularStatusBarModule } from './lib/components/status-bar/status-bar.module';
+export { UppyAngularDragDropModule } from './lib/components/drag-drop/drag-drop.module';
+export { StatusBarComponent } from './lib/components/status-bar/status-bar.component';
+export { ProgressBarComponent } from './lib/components/progress-bar/progress-bar.component';
+export { DragDropComponent } from './lib/components/drag-drop/drag-drop.component';
+export { DashboardComponent } from './lib/components/dashboard/dashboard.component';
+export { DashboardModalComponent } from './lib/components/dashboard-modal/dashboard-modal.component';
diff --git a/packages/@uppy/angular/projects/uppy/angular/tsconfig.lib.json b/packages/@uppy/angular/projects/uppy/angular/tsconfig.lib.json
index 879250df42..f73c766cf7 100644
--- a/packages/@uppy/angular/projects/uppy/angular/tsconfig.lib.json
+++ b/packages/@uppy/angular/projects/uppy/angular/tsconfig.lib.json
@@ -8,7 +8,5 @@
     "inlineSources": true,
     "types": []
   },
-  "exclude": [
-    "**/*.spec.ts"
-  ]
+  "exclude": ["**/*.spec.ts"]
 }
diff --git a/packages/@uppy/angular/projects/uppy/angular/tsconfig.spec.json b/packages/@uppy/angular/projects/uppy/angular/tsconfig.spec.json
index 80f875ef27..3a8a02edf6 100644
--- a/packages/@uppy/angular/projects/uppy/angular/tsconfig.spec.json
+++ b/packages/@uppy/angular/projects/uppy/angular/tsconfig.spec.json
@@ -3,12 +3,7 @@
   "extends": "../../../tsconfig.json",
   "compilerOptions": {
     "outDir": "../../../out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
+    "types": ["jasmine"]
   },
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
+  "include": ["**/*.spec.ts", "**/*.d.ts"]
 }
diff --git a/packages/@uppy/angular/tsconfig.json b/packages/@uppy/angular/tsconfig.json
index 8ee11a4611..ccfa195bcb 100644
--- a/packages/@uppy/angular/tsconfig.json
+++ b/packages/@uppy/angular/tsconfig.json
@@ -3,9 +3,7 @@
   "compileOnSave": false,
   "compilerOptions": {
     "paths": {
-      "@uppy/angular": [
-        "dist/uppy/angular"
-      ]
+      "@uppy/angular": ["dist/uppy/angular"]
     },
     "baseUrl": "./",
     "outDir": "./dist/out-tsc",
@@ -24,10 +22,7 @@
     "target": "ES2022",
     "module": "ES2022",
     "useDefineForClassFields": false,
-    "lib": [
-      "ES2022",
-      "dom"
-    ]
+    "lib": ["ES2022", "dom"]
   },
   "angularCompilerOptions": {
     "enableI18nLegacyMessageIdFormat": false,
diff --git a/packages/@uppy/audio/src/style.scss b/packages/@uppy/audio/src/style.scss
index e5f9ed6a64..692a31088f 100644
--- a/packages/@uppy/audio/src/style.scss
+++ b/packages/@uppy/audio/src/style.scss
@@ -59,14 +59,18 @@
   display: block;
   font-size: 16px;
   line-height: 1.2;
-  padding: .4em 1em .3em .4em;
+  padding: 0.4em 1em 0.3em 0.4em;
   width: 100%;
   max-width: 90%;
   border: 1px solid $gray-600;
   background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23757575%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
   background-repeat: no-repeat;
-  background-position: right .4em top 50%, 0 0;
-  background-size: .65em auto, 100%;
+  background-position:
+    right 0.4em top 50%,
+    0 0;
+  background-size:
+    0.65em auto,
+    100%;
   margin: auto;
   margin-bottom: 10px;
   white-space: nowrap;
@@ -78,9 +82,9 @@
   }
 }
 
-  .uppy-Audio-audioSource-select::-ms-expand {
-    display: none;
-  }
+.uppy-Audio-audioSource-select::-ms-expand {
+  display: none;
+}
 
 .uppy-Audio-buttonContainer {
   width: 50%;
@@ -120,7 +124,7 @@
     background-color: darken($red, 5%);
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     @include blue-border-focus--dark;
   }
 }
@@ -187,7 +191,7 @@
   text-align: center;
   color: $gray-800;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $gray-200;
   }
 }
diff --git a/packages/@uppy/aws-s3-multipart/types/chunk.d.ts b/packages/@uppy/aws-s3-multipart/types/chunk.d.ts
index 2a9980d33b..a01c6b5289 100644
--- a/packages/@uppy/aws-s3-multipart/types/chunk.d.ts
+++ b/packages/@uppy/aws-s3-multipart/types/chunk.d.ts
@@ -1,7 +1,7 @@
 export interface Chunk {
-    getData: () => Blob
-    onProgress: (ev: ProgressEvent) => void
-    onComplete: (etag: string) => void
-    shouldUseMultipart: boolean
-    setAsUploaded?: () => void
+  getData: () => Blob
+  onProgress: (ev: ProgressEvent) => void
+  onComplete: (etag: string) => void
+  shouldUseMultipart: boolean
+  setAsUploaded?: () => void
 }
diff --git a/packages/@uppy/aws-s3-multipart/types/index.d.ts b/packages/@uppy/aws-s3-multipart/types/index.d.ts
index ef53079b9f..40adc5b8ea 100644
--- a/packages/@uppy/aws-s3-multipart/types/index.d.ts
+++ b/packages/@uppy/aws-s3-multipart/types/index.d.ts
@@ -2,19 +2,21 @@ import type { BasePlugin, PluginOptions, UppyFile } from '@uppy/core'
 
 type MaybePromise<T> = T | Promise<T>
 
-export type AwsS3UploadParameters = {
-  method: 'POST'
-  url: string
-  fields: Record<string, string>
-  expires?: number
-  headers?: Record<string, string>
-} | {
-  method?: 'PUT'
-  url: string
-  fields?: Record<string, never>
-  expires?: number
-  headers?: Record<string, string>
-}
+export type AwsS3UploadParameters =
+  | {
+      method: 'POST'
+      url: string
+      fields: Record<string, string>
+      expires?: number
+      headers?: Record<string, string>
+    }
+  | {
+      method?: 'PUT'
+      url: string
+      fields?: Record<string, never>
+      expires?: number
+      headers?: Record<string, string>
+    }
 
 export interface AwsS3Part {
   PartNumber?: number
@@ -44,88 +46,101 @@ type AWSS3NonMultipartWithCompanionMandatory = {
 }
 
 type AWSS3NonMultipartWithoutCompanionMandatory = {
-  getUploadParameters: (
-    file: UppyFile
-  ) => MaybePromise<AwsS3UploadParameters>
+  getUploadParameters: (file: UppyFile) => MaybePromise<AwsS3UploadParameters>
 }
 type AWSS3NonMultipartWithCompanion = AWSS3WithCompanion &
-                                      AWSS3NonMultipartWithCompanionMandatory &
-                                      {
-                                        shouldUseMultipart: false
-                                        createMultipartUpload?: never
-                                        listParts?: never
-                                        signPart?: never
-                                        abortMultipartUpload?: never
-                                        completeMultipartUpload?: never
-                                      }
+  AWSS3NonMultipartWithCompanionMandatory & {
+    shouldUseMultipart: false
+    createMultipartUpload?: never
+    listParts?: never
+    signPart?: never
+    abortMultipartUpload?: never
+    completeMultipartUpload?: never
+  }
 
 type AWSS3NonMultipartWithoutCompanion = AWSS3WithoutCompanion &
-                                         AWSS3NonMultipartWithoutCompanionMandatory &
-                                         {
-                                           shouldUseMultipart: false
-                                           createMultipartUpload?: never
-                                           listParts?: never
-                                           signPart?: never
-                                           abortMultipartUpload?: never
-                                           completeMultipartUpload?: never
-                                         }
+  AWSS3NonMultipartWithoutCompanionMandatory & {
+    shouldUseMultipart: false
+    createMultipartUpload?: never
+    listParts?: never
+    signPart?: never
+    abortMultipartUpload?: never
+    completeMultipartUpload?: never
+  }
 
 type AWSS3MultipartWithoutCompanionMandatory = {
   getChunkSize?: (file: UppyFile) => number
   createMultipartUpload: (
-    file: UppyFile
+    file: UppyFile,
   ) => MaybePromise<{ uploadId: string; key: string }>
   listParts: (
     file: UppyFile,
-    opts: { uploadId: string; key: string; signal: AbortSignal }
+    opts: { uploadId: string; key: string; signal: AbortSignal },
   ) => MaybePromise<AwsS3Part[]>
   abortMultipartUpload: (
     file: UppyFile,
-    opts: { uploadId: string; key: string; signal: AbortSignal }
+    opts: { uploadId: string; key: string; signal: AbortSignal },
   ) => MaybePromise<void>
   completeMultipartUpload: (
     file: UppyFile,
-    opts: { uploadId: string; key: string; parts: AwsS3Part[]; signal: AbortSignal }
+    opts: {
+      uploadId: string
+      key: string
+      parts: AwsS3Part[]
+      signal: AbortSignal
+    },
   ) => MaybePromise<{ location?: string }>
-} & ({
-  signPart: (
-    file: UppyFile,
-    opts: { uploadId: string; key: string; partNumber: number; body: Blob; signal: AbortSignal }
-  ) => MaybePromise<AwsS3UploadParameters>
-} | {
-  /** @deprecated Use signPart instead */
-  prepareUploadParts: (
-    file: UppyFile,
-    partData: { uploadId: string; key: string; parts: [{ number: number, chunk: Blob }] }
-  ) => MaybePromise<{ presignedUrls: Record<number, string>, headers?: Record<number, Record<string, string>> }>
-})
+} & (
+  | {
+      signPart: (
+        file: UppyFile,
+        opts: {
+          uploadId: string
+          key: string
+          partNumber: number
+          body: Blob
+          signal: AbortSignal
+        },
+      ) => MaybePromise<AwsS3UploadParameters>
+    }
+  | {
+      /** @deprecated Use signPart instead */
+      prepareUploadParts: (
+        file: UppyFile,
+        partData: {
+          uploadId: string
+          key: string
+          parts: [{ number: number; chunk: Blob }]
+        },
+      ) => MaybePromise<{
+        presignedUrls: Record<number, string>
+        headers?: Record<number, Record<string, string>>
+      }>
+    }
+)
 type AWSS3MultipartWithoutCompanion = AWSS3WithoutCompanion &
-                                      AWSS3MultipartWithoutCompanionMandatory &
-                                      {
-                                        shouldUseMultipart?: true
-                                        getUploadParameters?: never
-                                      }
+  AWSS3MultipartWithoutCompanionMandatory & {
+    shouldUseMultipart?: true
+    getUploadParameters?: never
+  }
 
 type AWSS3MultipartWithCompanion = AWSS3WithCompanion &
-                                   Partial<AWSS3MultipartWithoutCompanionMandatory> &
-                                   {
-                                     shouldUseMultipart?: true
-                                     getUploadParameters?: never
-                                   }
+  Partial<AWSS3MultipartWithoutCompanionMandatory> & {
+    shouldUseMultipart?: true
+    getUploadParameters?: never
+  }
 
 type AWSS3MaybeMultipartWithCompanion = AWSS3WithCompanion &
-                                        Partial<AWSS3MultipartWithoutCompanionMandatory> &
-                                        AWSS3NonMultipartWithCompanionMandatory &
-                                        {
-                                          shouldUseMultipart: ((file: UppyFile) => boolean)
-                                        }
+  Partial<AWSS3MultipartWithoutCompanionMandatory> &
+  AWSS3NonMultipartWithCompanionMandatory & {
+    shouldUseMultipart: (file: UppyFile) => boolean
+  }
 
 type AWSS3MaybeMultipartWithoutCompanion = AWSS3WithoutCompanion &
-                                           AWSS3MultipartWithoutCompanionMandatory &
-                                           AWSS3NonMultipartWithoutCompanionMandatory &
-                                           {
-                                             shouldUseMultipart: ((file: UppyFile) => boolean)
-                                           }
+  AWSS3MultipartWithoutCompanionMandatory &
+  AWSS3NonMultipartWithoutCompanionMandatory & {
+    shouldUseMultipart: (file: UppyFile) => boolean
+  }
 
 type AWSS3WithCompanion = {
   companionUrl: string
@@ -137,24 +152,27 @@ type AWSS3WithoutCompanion = {
   companionUrl?: never
   companionHeaders?: never
   companionCookiesRule?: never
-  getTemporarySecurityCredentials?: (options?: {signal?: AbortSignal}) => MaybePromise<AwsS3STSResponse>
+  getTemporarySecurityCredentials?: (options?: {
+    signal?: AbortSignal
+  }) => MaybePromise<AwsS3STSResponse>
 }
 
 interface _AwsS3MultipartOptions extends PluginOptions {
-    allowedMetaFields?: string[] | null
-    limit?: number
-    retryDelays?: number[] | null
+  allowedMetaFields?: string[] | null
+  limit?: number
+  retryDelays?: number[] | null
 }
 
-export type AwsS3MultipartOptions = _AwsS3MultipartOptions & (AWSS3NonMultipartWithCompanion |
-                                                              AWSS3NonMultipartWithoutCompanion |
-                                                              AWSS3MultipartWithCompanion |
-                                                              AWSS3MultipartWithoutCompanion |
-                                                              AWSS3MaybeMultipartWithCompanion |
-                                                              AWSS3MaybeMultipartWithoutCompanion)
+export type AwsS3MultipartOptions = _AwsS3MultipartOptions &
+  (
+    | AWSS3NonMultipartWithCompanion
+    | AWSS3NonMultipartWithoutCompanion
+    | AWSS3MultipartWithCompanion
+    | AWSS3MultipartWithoutCompanion
+    | AWSS3MaybeMultipartWithCompanion
+    | AWSS3MaybeMultipartWithoutCompanion
+  )
 
-declare class AwsS3Multipart extends BasePlugin<
-  AwsS3MultipartOptions
-> {}
+declare class AwsS3Multipart extends BasePlugin<AwsS3MultipartOptions> {}
 
 export default AwsS3Multipart
diff --git a/packages/@uppy/aws-s3-multipart/types/index.test-d.ts b/packages/@uppy/aws-s3-multipart/types/index.test-d.ts
index 4ccadd71a8..1287eca958 100644
--- a/packages/@uppy/aws-s3-multipart/types/index.test-d.ts
+++ b/packages/@uppy/aws-s3-multipart/types/index.test-d.ts
@@ -8,17 +8,17 @@ import type { AwsS3Part } from '..'
   const uppy = new Uppy()
   uppy.use(AwsS3Multipart, {
     shouldUseMultipart: true,
-    createMultipartUpload (file) {
+    createMultipartUpload(file) {
       expectType<UppyFile>(file)
       return { uploadId: '', key: '' }
     },
-    listParts (file, opts) {
+    listParts(file, opts) {
       expectType<UppyFile>(file)
       expectType<string>(opts.uploadId)
       expectType<string>(opts.key)
       return []
     },
-    signPart (file, opts) {
+    signPart(file, opts) {
       expectType<UppyFile>(file)
       expectType<string>(opts.uploadId)
       expectType<string>(opts.key)
@@ -26,12 +26,12 @@ import type { AwsS3Part } from '..'
       expectType<AbortSignal>(opts.signal)
       return { url: '' }
     },
-    abortMultipartUpload (file, opts) {
+    abortMultipartUpload(file, opts) {
       expectType<UppyFile>(file)
       expectType<string>(opts.uploadId)
       expectType<string>(opts.key)
     },
-    completeMultipartUpload (file, opts) {
+    completeMultipartUpload(file, opts) {
       expectType<UppyFile>(file)
       expectType<string>(opts.uploadId)
       expectType<string>(opts.key)
@@ -44,7 +44,15 @@ import type { AwsS3Part } from '..'
 {
   const uppy = new Uppy()
   expectError(uppy.use(AwsS3Multipart, { companionUrl: '', getChunkSize: 100 }))
-  expectError(uppy.use(AwsS3Multipart, { companionUrl: '', getChunkSize: () => 'not a number' }))
+  expectError(
+    uppy.use(AwsS3Multipart, {
+      companionUrl: '',
+      getChunkSize: () => 'not a number',
+    }),
+  )
   uppy.use(AwsS3Multipart, { companionUrl: '', getChunkSize: () => 100 })
-  uppy.use(AwsS3Multipart, { companionUrl: '', getChunkSize: (file) => file.size })
+  uppy.use(AwsS3Multipart, {
+    companionUrl: '',
+    getChunkSize: (file) => file.size,
+  })
 }
diff --git a/packages/@uppy/aws-s3/types/index.d.ts b/packages/@uppy/aws-s3/types/index.d.ts
index 04b1104140..7a146aec15 100644
--- a/packages/@uppy/aws-s3/types/index.d.ts
+++ b/packages/@uppy/aws-s3/types/index.d.ts
@@ -3,34 +3,36 @@ import type { BasePlugin, Locale, PluginOptions, UppyFile } from '@uppy/core'
 
 type MaybePromise<T> = T | Promise<T>
 
-export type AwsS3UploadParameters = {
-  method?: 'POST'
-  url: string
-  fields?: Record<string, string>
-  expires?: number
-  headers?: Record<string, string>
-} | {
-  method: 'PUT'
-  url: string
-  fields?: Record<string, never>
-  expires?: number
-  headers?: Record<string, string>
-}
+export type AwsS3UploadParameters =
+  | {
+      method?: 'POST'
+      url: string
+      fields?: Record<string, string>
+      expires?: number
+      headers?: Record<string, string>
+    }
+  | {
+      method: 'PUT'
+      url: string
+      fields?: Record<string, never>
+      expires?: number
+      headers?: Record<string, string>
+    }
 
 interface LegacyAwsS3Options extends PluginOptions {
-    shouldUseMultipart?: never
-    companionUrl?: string | null
-    companionHeaders?: Record<string, string>
-    allowedMetaFields?: Array<string> | null
-    getUploadParameters?: (file: UppyFile) => MaybePromise<AwsS3UploadParameters>
-    limit?: number
-    /** @deprecated this option will not be supported in future versions of this plugin */
-    getResponseData?: (responseText: string, response: XMLHttpRequest) => void
-    locale?: Locale,
-    timeout?: number
-  }
+  shouldUseMultipart?: never
+  companionUrl?: string | null
+  companionHeaders?: Record<string, string>
+  allowedMetaFields?: Array<string> | null
+  getUploadParameters?: (file: UppyFile) => MaybePromise<AwsS3UploadParameters>
+  limit?: number
+  /** @deprecated this option will not be supported in future versions of this plugin */
+  getResponseData?: (responseText: string, response: XMLHttpRequest) => void
+  locale?: Locale
+  timeout?: number
+}
 
-export type AwsS3Options = LegacyAwsS3Options | AwsS3MultipartOptions;
+export type AwsS3Options = LegacyAwsS3Options | AwsS3MultipartOptions
 
 declare class AwsS3 extends BasePlugin<AwsS3Options> {}
 
diff --git a/packages/@uppy/aws-s3/types/index.test-d.ts b/packages/@uppy/aws-s3/types/index.test-d.ts
index 0e922b81bc..02f244f0e3 100644
--- a/packages/@uppy/aws-s3/types/index.test-d.ts
+++ b/packages/@uppy/aws-s3/types/index.test-d.ts
@@ -6,49 +6,53 @@ import AwsS3 from '..'
 {
   const uppy = new Uppy()
   uppy.use(AwsS3, {
-    getUploadParameters (file) {
+    getUploadParameters(file) {
       expectType<UppyFile>(file)
       return { method: 'POST', url: '' }
     },
   })
-  expectError(uppy.use(AwsS3, {
-    shouldUseMultipart: false,
-    getUploadParameters (file) {
-      expectType<UppyFile>(file)
-      return { method: 'POST', url: '' }
-    },
-  }))
+  expectError(
+    uppy.use(AwsS3, {
+      shouldUseMultipart: false,
+      getUploadParameters(file) {
+        expectType<UppyFile>(file)
+        return { method: 'POST', url: '' }
+      },
+    }),
+  )
   uppy.use(AwsS3, {
     shouldUseMultipart: false,
-    getUploadParameters (file) {
+    getUploadParameters(file) {
       expectType<UppyFile>(file)
       return { method: 'POST', url: '', fields: {} }
     },
   })
-  expectError(uppy.use(AwsS3, {
-    shouldUseMultipart: true,
-    getUploadParameters (file) {
-      expectType<UppyFile>(file)
-      return { method: 'PUT', url: '' }
-    },
-  }))
+  expectError(
+    uppy.use(AwsS3, {
+      shouldUseMultipart: true,
+      getUploadParameters(file) {
+        expectType<UppyFile>(file)
+        return { method: 'PUT', url: '' }
+      },
+    }),
+  )
   uppy.use(AwsS3, {
     shouldUseMultipart: () => Math.random() > 0.5,
-    getUploadParameters (file) {
+    getUploadParameters(file) {
       expectType<UppyFile>(file)
       return { method: 'PUT', url: '' }
     },
-    createMultipartUpload (file) {
+    createMultipartUpload(file) {
       expectType<UppyFile>(file)
       return { uploadId: '', key: '' }
     },
-    listParts (file, opts) {
+    listParts(file, opts) {
       expectType<UppyFile>(file)
       expectType<string>(opts.uploadId)
       expectType<string>(opts.key)
       return []
     },
-    signPart (file, opts) {
+    signPart(file, opts) {
       expectType<UppyFile>(file)
       expectType<string>(opts.uploadId)
       expectType<string>(opts.key)
@@ -56,12 +60,12 @@ import AwsS3 from '..'
       expectType<AbortSignal>(opts.signal)
       return { url: '' }
     },
-    abortMultipartUpload (file, opts) {
+    abortMultipartUpload(file, opts) {
       expectType<UppyFile>(file)
       expectType<string>(opts.uploadId)
       expectType<string>(opts.key)
     },
-    completeMultipartUpload (file, opts) {
+    completeMultipartUpload(file, opts) {
       expectType<UppyFile>(file)
       expectType<string>(opts.uploadId)
       expectType<string>(opts.key)
diff --git a/packages/@uppy/box/types/index.d.ts b/packages/@uppy/box/types/index.d.ts
index e081c786f9..4700dcf8cc 100644
--- a/packages/@uppy/box/types/index.d.ts
+++ b/packages/@uppy/box/types/index.d.ts
@@ -1,10 +1,13 @@
 import type { PluginTarget, UIPlugin, UIPluginOptions } from '@uppy/core'
-import type { PublicProviderOptions, TokenStorage } from '@uppy/companion-client'
+import type {
+  PublicProviderOptions,
+  TokenStorage,
+} from '@uppy/companion-client'
 
 interface BoxOptions extends UIPluginOptions, PublicProviderOptions {
-    target?: PluginTarget
-    title?: string
-    storage?: TokenStorage
+  target?: PluginTarget
+  title?: string
+  storage?: TokenStorage
 }
 
 declare class Box extends UIPlugin<BoxOptions> {}
diff --git a/packages/@uppy/companion-client/types/index.d.ts b/packages/@uppy/companion-client/types/index.d.ts
index 8cea2392d7..6f7c78c39a 100644
--- a/packages/@uppy/companion-client/types/index.d.ts
+++ b/packages/@uppy/companion-client/types/index.d.ts
@@ -19,31 +19,47 @@ export interface RequestClientOptions {
 }
 
 type RequestOptions = {
-  skipPostResponse?: boolean,
-  signal?: AbortSignal,
+  skipPostResponse?: boolean
+  signal?: AbortSignal
 }
 
 export class RequestClient {
-  constructor (uppy: Uppy, opts: RequestClientOptions)
+  constructor(uppy: Uppy, opts: RequestClientOptions)
 
   readonly hostname: string
 
   setCompanionHeaders(headers: CompanionHeaders): void
 
-  get<T = unknown> (path: string, options?: RequestOptions): Promise<T>
+  get<T = unknown>(path: string, options?: RequestOptions): Promise<T>
 
   /** @deprecated use option bag instead */
-  get<T = unknown> (path: string, skipPostResponse: boolean): Promise<T>
+  get<T = unknown>(path: string, skipPostResponse: boolean): Promise<T>
 
-  post<T = unknown> (path: string, data: Record<string, unknown>, options?: RequestOptions): Promise<T>
+  post<T = unknown>(
+    path: string,
+    data: Record<string, unknown>,
+    options?: RequestOptions,
+  ): Promise<T>
 
   /** @deprecated use option bag instead */
-  post<T = unknown> (path: string, data: Record<string, unknown>, skipPostResponse: boolean): Promise<T>
-
-  delete<T = unknown> (path: string, data?: Record<string, unknown>, options?: RequestOptions): Promise<T>
+  post<T = unknown>(
+    path: string,
+    data: Record<string, unknown>,
+    skipPostResponse: boolean,
+  ): Promise<T>
+
+  delete<T = unknown>(
+    path: string,
+    data?: Record<string, unknown>,
+    options?: RequestOptions,
+  ): Promise<T>
 
   /** @deprecated use option bag instead */
-  delete<T = unknown> (path: string, data: Record<string, unknown>, skipPostResponse: boolean): Promise<T>
+  delete<T = unknown>(
+    path: string,
+    data: Record<string, unknown>,
+    skipPostResponse: boolean,
+  ): Promise<T>
 }
 
 /**
@@ -64,19 +80,23 @@ export interface ProviderOptions extends PublicProviderOptions {
 }
 
 export class Provider extends RequestClient {
-  constructor (uppy: Uppy, opts: ProviderOptions)
+  constructor(uppy: Uppy, opts: ProviderOptions)
 
-  checkAuth (): Promise<boolean>
+  checkAuth(): Promise<boolean>
 
-  authUrl (): string
+  authUrl(): string
 
-  fileUrl (id: string): string
+  fileUrl(id: string): string
 
-  list (directory: string): Promise<any>
+  list(directory: string): Promise<any>
 
-  logout (redirect?: string): Promise<any>
+  logout(redirect?: string): Promise<any>
 
-  static initPlugin (plugin: unknown, opts: Record<string, unknown>, defaultOpts?: Record<string, unknown>): void
+  static initPlugin(
+    plugin: unknown,
+    opts: Record<string, unknown>,
+    defaultOpts?: Record<string, unknown>,
+  ): void
 }
 
 export interface SocketOptions {
@@ -87,17 +107,17 @@ export interface SocketOptions {
 export class Socket {
   readonly isOpen: boolean
 
-  constructor (opts: SocketOptions)
+  constructor(opts: SocketOptions)
 
-  open (): void
+  open(): void
 
-  close (): void
+  close(): void
 
-  send (action: string, payload: unknown): void
+  send(action: string, payload: unknown): void
 
-  on (action: string, handler: (param: any) => void): void
+  on(action: string, handler: (param: any) => void): void
 
-  once (action: string, handler: (param: any) => void): void
+  once(action: string, handler: (param: any) => void): void
 
-  emit (action: string, payload: (param: any) => void): void
+  emit(action: string, payload: (param: any) => void): void
 }
diff --git a/packages/@uppy/companion/infra/kube/companion/companion-kube.yaml b/packages/@uppy/companion/infra/kube/companion/companion-kube.yaml
index d465ccd8da..05e13b8f67 100644
--- a/packages/@uppy/companion/infra/kube/companion/companion-kube.yaml
+++ b/packages/@uppy/companion/infra/kube/companion/companion-kube.yaml
@@ -3,13 +3,13 @@ kind: Service
 metadata:
   name: companion
   namespace: companion
-  labels: 
+  labels:
     app: companion
 spec:
   ports:
-  - port: 80
-    targetPort: 3020
-    protocol: TCP
+    - port: 80
+      targetPort: 3020
+      protocol: TCP
   selector:
     app: companion
 ---
@@ -25,32 +25,32 @@ spec:
   replicas: 2
   updateStrategy:
     type: RollingUpdate
-  serviceName: "companion"
+  serviceName: 'companion'
   template:
     metadata:
       labels:
         app: companion
     spec:
       containers:
-      - image: docker.io/transloadit/companion:latest
-        imagePullPolicy: Always
-        name: companion
-        envFrom:
-        - secretRef:
-            name: companion-env
-        ports:
-        - containerPort: 3020
-        volumeMounts:
-        - name: companion-data
-          mountPath: /mnt/companion-data
+        - image: docker.io/transloadit/companion:latest
+          imagePullPolicy: Always
+          name: companion
+          envFrom:
+            - secretRef:
+                name: companion-env
+          ports:
+            - containerPort: 3020
+          volumeMounts:
+            - name: companion-data
+              mountPath: /mnt/companion-data
   volumeClaimTemplates:
-  - metadata:
-      name: companion-data
-    spec:
-      accessModes: [ "ReadWriteOnce" ]
-      resources:
-        requests:
-          storage: 10Gi
+    - metadata:
+        name: companion-data
+      spec:
+        accessModes: ['ReadWriteOnce']
+        resources:
+          requests:
+            storage: 10Gi
 ---
 apiVersion: extensions/v1beta1
 kind: Ingress
@@ -58,10 +58,10 @@ metadata:
   name: companion
   namespace: companion
   annotations:
-    kubernetes.io/tls-acme: "true"
-    kubernetes.io/ingress.class: "nginx"
-    certmanager.k8s.io/cluster-issuer: "letsencrypt-prod"
-    certmanager.k8s.io/acme-http01-edit-in-place: "true"
+    kubernetes.io/tls-acme: 'true'
+    kubernetes.io/ingress.class: 'nginx'
+    certmanager.k8s.io/cluster-issuer: 'letsencrypt-prod'
+    certmanager.k8s.io/acme-http01-edit-in-place: 'true'
 spec:
   tls:
     - secretName: server-tls
@@ -69,22 +69,22 @@ spec:
         - companion.uppy.io
     - secretName: uppy-tls
       hosts:
-        - server.uppy.io        
+        - server.uppy.io
   rules:
-  - host: companion.uppy.io
-    http:
-      paths:
-      - path: /
-        backend:
-          serviceName: companion
-          servicePort: 80
-  - host: server.uppy.io
-    http:
-      paths:
-      - path: /
-        backend:
-          serviceName: companion
-          servicePort: 80
+    - host: companion.uppy.io
+      http:
+        paths:
+          - path: /
+            backend:
+              serviceName: companion
+              servicePort: 80
+    - host: server.uppy.io
+      http:
+        paths:
+          - path: /
+            backend:
+              serviceName: companion
+              servicePort: 80
 ---
 apiVersion: autoscaling/v1
 kind: HorizontalPodAutoscaler
@@ -98,4 +98,4 @@ spec:
     name: companion
   minReplicas: 1
   maxReplicas: 5
-  targetCPUUtilizationPercentage: 80
\ No newline at end of file
+  targetCPUUtilizationPercentage: 80
diff --git a/packages/@uppy/companion/nodemon.json b/packages/@uppy/companion/nodemon.json
index 856a794505..42012c5513 100644
--- a/packages/@uppy/companion/nodemon.json
+++ b/packages/@uppy/companion/nodemon.json
@@ -1,13 +1,13 @@
 {
-    "restartable": "rs",
-    "verbose": true,
-    "env": {
-        "NODE_ENV": "development",
-        "DEBUG": "app:*",
-        "DEBUG_COLORS": true
-    },
-    "debug": true,
-    "watch": ["/app/", "/src/"],
-    "ext": "js dust html ejs css scss rb json htpasswd",
-    "exec": "node /app/lib/standalone/start-server.js"
-}
\ No newline at end of file
+  "restartable": "rs",
+  "verbose": true,
+  "env": {
+    "NODE_ENV": "development",
+    "DEBUG": "app:*",
+    "DEBUG_COLORS": true
+  },
+  "debug": true,
+  "watch": ["/app/", "/src/"],
+  "ext": "js dust html ejs css scss rb json htpasswd",
+  "exec": "node /app/lib/standalone/start-server.js"
+}
diff --git a/packages/@uppy/companion/src/server/provider/error.d.ts b/packages/@uppy/companion/src/server/provider/error.d.ts
index 29ce604bcf..e6aaed6288 100644
--- a/packages/@uppy/companion/src/server/provider/error.d.ts
+++ b/packages/@uppy/companion/src/server/provider/error.d.ts
@@ -11,6 +11,9 @@ export class ProviderAuthError extends ProviderApiError {
   constructor()
 }
 
-export function errorToResponse(anyError: Error): { code: number, message: string }
+export function errorToResponse(anyError: Error): {
+  code: number
+  message: string
+}
 
 export function respondWithError(anyError: Error, res: any): boolean
diff --git a/packages/@uppy/companion/tsconfig.json b/packages/@uppy/companion/tsconfig.json
index cb42df19a1..ac532cc3d4 100644
--- a/packages/@uppy/companion/tsconfig.json
+++ b/packages/@uppy/companion/tsconfig.json
@@ -11,7 +11,5 @@
     "checkJs": true,
     "noEmitOnError": true
   },
-  "include": [
-    "src/**/*"
-  ]
+  "include": ["src/**/*"]
 }
diff --git a/packages/@uppy/compressor/types/index.d.ts b/packages/@uppy/compressor/types/index.d.ts
index 8137a08010..5562d4badc 100644
--- a/packages/@uppy/compressor/types/index.d.ts
+++ b/packages/@uppy/compressor/types/index.d.ts
@@ -8,7 +8,9 @@ export interface CompressorOptions extends PluginOptions {
   locale?: CompressorLocale
 }
 
-export type CompressorCompleteCallback<TMeta> = (files: UppyFile<TMeta>[]) => void;
+export type CompressorCompleteCallback<TMeta> = (
+  files: UppyFile<TMeta>[],
+) => void
 
 declare module '@uppy/core' {
   export interface UppyEventMap<TMeta> {
diff --git a/packages/@uppy/core/src/_common.scss b/packages/@uppy/core/src/_common.scss
index 563e1eca66..1dcea0cc3f 100644
--- a/packages/@uppy/core/src/_common.scss
+++ b/packages/@uppy/core/src/_common.scss
@@ -15,8 +15,8 @@
 
 // One selector uses the dir attribute declared by the page. If that does not exist, Uppy adds a
 // fallback dir attribute on the root element itself, and we need a second selector to match that.
-[dir="rtl"] .uppy-Root,
-.uppy-Root[dir="rtl"] {
+[dir='rtl'] .uppy-Root,
+.uppy-Root[dir='rtl'] {
   text-align: right;
 }
 
@@ -40,7 +40,7 @@
   line-height: 1;
 }
 
-[dir="rtl"] .uppy-u-reset {
+[dir='rtl'] .uppy-u-reset {
   text-align: right;
 }
 
@@ -65,13 +65,13 @@
     box-shadow: 0 0 0 3px rgba($blue, 0.15);
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $gray-200;
     background-color: $gray-800;
     border-color: $gray-800;
   }
 
-  [data-uppy-theme="dark"] &:focus {
+  [data-uppy-theme='dark'] &:focus {
     border-color: $gray-700;
     box-shadow: none;
   }
@@ -107,7 +107,9 @@
   user-select: none;
 
   // Override right-to-left variant of the uppy-u-reset class
-  [dir="rtl"] & { text-align: center; }
+  [dir='rtl'] & {
+    text-align: center;
+  }
 }
 
 .uppy-c-btn:not(:disabled):not(.disabled) {
@@ -138,7 +140,7 @@
     padding: 13px 22px;
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $gray-200;
 
     @include blue-border-focus--dark;
@@ -166,13 +168,13 @@
     padding: 13px 18px;
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $gray-200;
 
     @include blue-border-focus--dark;
   }
 
-  [data-uppy-theme="dark"] &:hover {
+  [data-uppy-theme='dark'] &:hover {
     color: $gray-500;
   }
 }
diff --git a/packages/@uppy/core/src/_utils.scss b/packages/@uppy/core/src/_utils.scss
index 1e4264214b..77fc4a26d6 100644
--- a/packages/@uppy/core/src/_utils.scss
+++ b/packages/@uppy/core/src/_utils.scss
@@ -37,7 +37,7 @@ $focus-shadow: 0 0 0 3px rgba($blue, 0.5);
     background-color: $highlight;
   }
 
-  [data-uppy-theme="dark"] &:focus {
+  [data-uppy-theme='dark'] &:focus {
     background-color: $gray-800;
   }
 }
diff --git a/packages/@uppy/core/src/_variables.scss b/packages/@uppy/core/src/_variables.scss
index 1450a25733..500440719d 100644
--- a/packages/@uppy/core/src/_variables.scss
+++ b/packages/@uppy/core/src/_variables.scss
@@ -1,7 +1,10 @@
 // Fonts
 
-$font-family-base: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif !default;
-$font-family-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
+$font-family-base: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI',
+  'Segoe UI Symbol', 'Segoe UI Emoji', 'Apple Color Emoji', Roboto, Helvetica,
+  Arial, sans-serif !default;
+$font-family-mono: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
+  'Courier New', monospace !default;
 
 // Colors
 
diff --git a/packages/@uppy/core/types/index.d.ts b/packages/@uppy/core/types/index.d.ts
index 1ba322e30f..8ee4a343b5 100644
--- a/packages/@uppy/core/types/index.d.ts
+++ b/packages/@uppy/core/types/index.d.ts
@@ -13,18 +13,18 @@ export interface IndexedObject<T> {
 // These are defined in @uppy/utils instead of core so it can be used there without creating import cycles
 export type UppyFile<
   TMeta extends IndexedObject<any> = Record<string, unknown>,
-  TBody extends IndexedObject<any> = Record<string, unknown>
-  > = UppyUtils.UppyFile<TMeta, TBody>
+  TBody extends IndexedObject<any> = Record<string, unknown>,
+> = UppyUtils.UppyFile<TMeta, TBody>
 
-export type FileProgress = UppyUtils.FileProgress;
+export type FileProgress = UppyUtils.FileProgress
 
-export type FileRemoveReason = 'removed-by-user' | 'cancel-all';
+export type FileRemoveReason = 'removed-by-user' | 'cancel-all'
 
 // Replace the `meta` property type with one that allows omitting internal metadata addFile() will add that
-type UppyFileWithoutMeta<TMeta extends IndexedObject<any>, TBody extends IndexedObject<any>> = OmitKey<
-  UppyFile<TMeta, TBody>,
-  'meta'
->
+type UppyFileWithoutMeta<
+  TMeta extends IndexedObject<any>,
+  TBody extends IndexedObject<any>,
+> = OmitKey<UppyFile<TMeta, TBody>, 'meta'>
 
 type LocaleStrings<TNames extends string> = {
   [K in TNames]?: string | { [n: number]: string }
@@ -39,23 +39,23 @@ export type Store = UppyUtils.Store
 export type InternalMetadata = UppyUtils.InternalMetadata
 
 export interface UploadedUppyFile<
-    TMeta extends IndexedObject<any>,
-    TBody extends IndexedObject<any>
-  > extends UppyFile<TMeta, TBody> {
+  TMeta extends IndexedObject<any>,
+  TBody extends IndexedObject<any>,
+> extends UppyFile<TMeta, TBody> {
   uploadURL: string
 }
 
 export interface FailedUppyFile<
-    TMeta extends IndexedObject<any>,
-    TBody extends IndexedObject<any>
-  > extends UppyFile<TMeta, TBody> {
+  TMeta extends IndexedObject<any>,
+  TBody extends IndexedObject<any>,
+> extends UppyFile<TMeta, TBody> {
   error: string
 }
 
 export interface AddFileOptions<
-    TMeta extends IndexedObject<any> = IndexedObject<any>,
-    TBody extends IndexedObject<any> = IndexedObject<any>
-  > extends Partial<UppyFileWithoutMeta<TMeta, TBody>> {
+  TMeta extends IndexedObject<any> = IndexedObject<any>,
+  TBody extends IndexedObject<any> = IndexedObject<any>,
+> extends Partial<UppyFileWithoutMeta<TMeta, TBody>> {
   // `.data` is the only required property here.
   data: Blob | File
   meta?: Partial<InternalMetadata> & TMeta
@@ -95,7 +95,9 @@ export class BasePlugin<TOptions extends PluginOptions = DefaultPluginOptions> {
   uninstall(): void
 }
 
-export class UIPlugin<TOptions extends UIPluginOptions = DefaultPluginOptions> extends BasePlugin<TOptions> {
+export class UIPlugin<
+  TOptions extends UIPluginOptions = DefaultPluginOptions,
+> extends BasePlugin<TOptions> {
   id: string
 
   // eslint-disable-next-line no-use-before-define
@@ -137,9 +139,9 @@ export interface Locale<TNames extends string = string> {
 }
 
 export interface Logger {
-  debug: (...args: any[]) => void;
-  warn: (...args: any[]) => void;
-  error: (...args: any[]) => void;
+  debug: (...args: any[]) => void
+  warn: (...args: any[]) => void
+  error: (...args: any[]) => void
 }
 
 export interface Restrictions {
@@ -151,7 +153,9 @@ export interface Restrictions {
   allowedFileTypes?: string[] | null
 }
 
-export interface UppyOptions<TMeta extends IndexedObject<any> = Record<string, unknown>> {
+export interface UppyOptions<
+  TMeta extends IndexedObject<any> = Record<string, unknown>,
+> {
   id?: string
   autoProceed?: boolean
   /**
@@ -165,7 +169,7 @@ export interface UppyOptions<TMeta extends IndexedObject<any> = Record<string, u
   meta?: TMeta
   onBeforeFileAdded?: (
     currentFile: UppyFile<TMeta>,
-    files: { [key: string]: UppyFile<TMeta> }
+    files: { [key: string]: UppyFile<TMeta> },
   ) => UppyFile<TMeta> | boolean | undefined
   onBeforeUpload?: (files: {
     [key: string]: UppyFile<TMeta>
@@ -177,23 +181,21 @@ export interface UppyOptions<TMeta extends IndexedObject<any> = Record<string, u
 
 export interface UploadResult<
   TMeta extends IndexedObject<any> = Record<string, unknown>,
-  TBody extends IndexedObject<any> = Record<string, unknown>
-  > {
+  TBody extends IndexedObject<any> = Record<string, unknown>,
+> {
   successful: UploadedUppyFile<TMeta, TBody>[]
   failed: FailedUppyFile<TMeta, TBody>[]
 }
 
 export interface State<
   TMeta extends IndexedObject<any> = Record<string, unknown>,
-  TBody extends IndexedObject<any> = Record<string, unknown>
-  > extends IndexedObject<any> {
+  TBody extends IndexedObject<any> = Record<string, unknown>,
+> extends IndexedObject<any> {
   capabilities?: { resumableUploads?: boolean }
   currentUploads: Record<string, unknown>
   error?: string
   files: {
-    [key: string]:
-    | UploadedUppyFile<TMeta, TBody>
-    | FailedUppyFile<TMeta, TBody>
+    [key: string]: UploadedUppyFile<TMeta, TBody> | FailedUppyFile<TMeta, TBody>
   }
   info?: Array<{
     isHidden: boolean
@@ -213,42 +215,63 @@ export interface ErrorResponse {
 export interface SuccessResponse {
   uploadURL?: string
   status?: number
-  body?: any,
+  body?: any
   bytesUploaded?: number
 }
 
-export type GenericEventCallback = () => void;
-export type FileAddedCallback<TMeta extends IndexedObject<any>> = (file: UppyFile<TMeta>) => void;
-export type FilesAddedCallback<TMeta extends IndexedObject<any>> = (files: UppyFile<TMeta>[]) => void;
-export type FileRemovedCallback<TMeta extends IndexedObject<any>> =
-  (file: UppyFile<TMeta>, reason: FileRemoveReason) => void;
-export type UploadCallback = (data: { id: string, fileIDs: string[] }) => void;
-export type ProgressCallback = (progress: number) => void;
-export type PreProcessCompleteCallback<TMeta extends IndexedObject<any>> = (file: UppyFile<TMeta> | undefined) => void;
-export type UploadProgressCallback<TMeta extends IndexedObject<any>> =
-  (file: UppyFile<TMeta> | undefined, progress: FileProgress) => void;
-export type UploadSuccessCallback<TMeta extends IndexedObject<any>> =
-  (file: UppyFile<TMeta> | undefined, response: SuccessResponse) => void
-export type UploadCompleteCallback<TMeta extends IndexedObject<any>> = (result: UploadResult<TMeta>) => void
-export type ErrorCallback = (error: Error) => void;
-export type UploadErrorCallback<TMeta extends IndexedObject<any>> =
-  (file: UppyFile<TMeta> | undefined, error: Error, response?: ErrorResponse) => void;
-export type UploadRetryCallback = (fileID: string) => void;
-export type RetryAllCallback = (fileIDs: string[]) => void;
-export type RestrictionFailedCallback<TMeta extends IndexedObject<any>> =
-  (file: UppyFile<TMeta> | undefined, error: Error) => void;
-
-export interface UppyEventMap<TMeta extends IndexedObject<any> = Record<string, unknown>> {
+export type GenericEventCallback = () => void
+export type FileAddedCallback<TMeta extends IndexedObject<any>> = (
+  file: UppyFile<TMeta>,
+) => void
+export type FilesAddedCallback<TMeta extends IndexedObject<any>> = (
+  files: UppyFile<TMeta>[],
+) => void
+export type FileRemovedCallback<TMeta extends IndexedObject<any>> = (
+  file: UppyFile<TMeta>,
+  reason: FileRemoveReason,
+) => void
+export type UploadCallback = (data: { id: string; fileIDs: string[] }) => void
+export type ProgressCallback = (progress: number) => void
+export type PreProcessCompleteCallback<TMeta extends IndexedObject<any>> = (
+  file: UppyFile<TMeta> | undefined,
+) => void
+export type UploadProgressCallback<TMeta extends IndexedObject<any>> = (
+  file: UppyFile<TMeta> | undefined,
+  progress: FileProgress,
+) => void
+export type UploadSuccessCallback<TMeta extends IndexedObject<any>> = (
+  file: UppyFile<TMeta> | undefined,
+  response: SuccessResponse,
+) => void
+export type UploadCompleteCallback<TMeta extends IndexedObject<any>> = (
+  result: UploadResult<TMeta>,
+) => void
+export type ErrorCallback = (error: Error) => void
+export type UploadErrorCallback<TMeta extends IndexedObject<any>> = (
+  file: UppyFile<TMeta> | undefined,
+  error: Error,
+  response?: ErrorResponse,
+) => void
+export type UploadRetryCallback = (fileID: string) => void
+export type RetryAllCallback = (fileIDs: string[]) => void
+export type RestrictionFailedCallback<TMeta extends IndexedObject<any>> = (
+  file: UppyFile<TMeta> | undefined,
+  error: Error,
+) => void
+
+export interface UppyEventMap<
+  TMeta extends IndexedObject<any> = Record<string, unknown>,
+> {
   'file-added': FileAddedCallback<TMeta>
   'files-added': FilesAddedCallback<TMeta>
   'file-removed': FileRemovedCallback<TMeta>
-  'upload': UploadCallback
-  'progress': ProgressCallback
+  upload: UploadCallback
+  progress: ProgressCallback
   'preprocess-complete': PreProcessCompleteCallback<TMeta>
   'upload-progress': UploadProgressCallback<TMeta>
   'upload-success': UploadSuccessCallback<TMeta>
-  'complete': UploadCompleteCallback<TMeta>
-  'error': ErrorCallback
+  complete: UploadCompleteCallback<TMeta>
+  error: ErrorCallback
   'upload-error': UploadErrorCallback<TMeta>
   'upload-retry': UploadRetryCallback
   'retry-all': RetryAllCallback
@@ -264,15 +287,24 @@ export class Uppy {
 
   on<K extends keyof UppyEventMap>(event: K, callback: UppyEventMap[K]): this
 
-  on<K extends keyof UppyEventMap, TMeta extends IndexedObject<any>>(event: K, callback: UppyEventMap<TMeta>[K]): this
+  on<K extends keyof UppyEventMap, TMeta extends IndexedObject<any>>(
+    event: K,
+    callback: UppyEventMap<TMeta>[K],
+  ): this
 
   once<K extends keyof UppyEventMap>(event: K, callback: UppyEventMap[K]): this
 
-  once<K extends keyof UppyEventMap, TMeta extends IndexedObject<any>>(event: K, callback: UppyEventMap<TMeta>[K]): this
+  once<K extends keyof UppyEventMap, TMeta extends IndexedObject<any>>(
+    event: K,
+    callback: UppyEventMap<TMeta>[K],
+  ): this
 
   off<K extends keyof UppyEventMap>(event: K, callback: UppyEventMap[K]): this
 
-  off<K extends keyof UppyEventMap, TMeta extends IndexedObject<any>>(event: K, callback: UppyEventMap<TMeta>[K]): this
+  off<K extends keyof UppyEventMap, TMeta extends IndexedObject<any>>(
+    event: K,
+    callback: UppyEventMap<TMeta>[K],
+  ): this
 
   /**
    * For use by plugins only.
@@ -285,7 +317,9 @@ export class Uppy {
 
   setState(patch: Record<string, unknown>): void
 
-  getState<TMeta extends IndexedObject<any> = Record<string, unknown>>(): State<TMeta>
+  getState<
+    TMeta extends IndexedObject<any> = Record<string, unknown>,
+  >(): State<TMeta>
 
   setFileState(fileID: string, state: Record<string, unknown>): void
 
@@ -303,21 +337,23 @@ export class Uppy {
 
   removeUploader(fn: UploadHandler): void
 
-  setMeta<TMeta extends IndexedObject<any> = Record<string, unknown>>(data: TMeta): void
+  setMeta<TMeta extends IndexedObject<any> = Record<string, unknown>>(
+    data: TMeta,
+  ): void
 
   setFileMeta<TMeta extends IndexedObject<any> = Record<string, unknown>>(
     fileID: string,
-    data: TMeta
+    data: TMeta,
   ): void
 
   getFile<
     TMeta extends IndexedObject<any> = Record<string, unknown>,
-    TBody extends IndexedObject<any> = Record<string, unknown>
+    TBody extends IndexedObject<any> = Record<string, unknown>,
   >(fileID: string): UppyFile<TMeta, TBody>
 
   getFiles<
     TMeta extends IndexedObject<any> = Record<string, unknown>,
-    TBody extends IndexedObject<any> = Record<string, unknown>
+    TBody extends IndexedObject<any> = Record<string, unknown>,
   >(): Array<UppyFile<TMeta, TBody>>
 
   getObjectOfFilesPerState(): {
@@ -339,11 +375,11 @@ export class Uppy {
   }
 
   addFile<TMeta extends IndexedObject<any> = Record<string, unknown>>(
-    file: AddFileOptions<TMeta>
+    file: AddFileOptions<TMeta>,
   ): string
 
   addFiles<TMeta extends IndexedObject<any> = Record<string, unknown>>(
-    files: AddFileOptions<TMeta>[]
+    files: AddFileOptions<TMeta>[],
   ): void
 
   removeFile(fileID: string, reason?: FileRemoveReason): void
@@ -354,24 +390,29 @@ export class Uppy {
 
   resumeAll(): void
 
-  retryAll<TMeta extends IndexedObject<any> = Record<string, unknown>>(): Promise<
-    UploadResult<TMeta>
-  >
+  retryAll<
+    TMeta extends IndexedObject<any> = Record<string, unknown>,
+  >(): Promise<UploadResult<TMeta>>
 
   cancelAll(options?: CancelOptions): void
 
   retryUpload<TMeta extends IndexedObject<any> = Record<string, unknown>>(
-    fileID: string
+    fileID: string,
   ): Promise<UploadResult<TMeta>>
 
   getID(): string
 
-  use<TOptions extends PluginOptions, TInstance extends UIPlugin | BasePlugin<TOptions>>(
+  use<
+    TOptions extends PluginOptions,
+    TInstance extends UIPlugin | BasePlugin<TOptions>,
+  >(
     pluginClass: new (uppy: this, opts?: TOptions) => TInstance,
-    opts?: TOptions
+    opts?: TOptions,
   ): this
 
-  getPlugin<TPlugin extends UIPlugin | BasePlugin>(name: string): TPlugin | undefined
+  getPlugin<TPlugin extends UIPlugin | BasePlugin>(
+    name: string,
+  ): TPlugin | undefined
 
   iteratePlugins(callback: (plugin: UIPlugin | BasePlugin) => void): void
 
@@ -384,7 +425,7 @@ export class Uppy {
   info(
     message: string | { message: string; details: string },
     type?: LogLevel,
-    duration?: number
+    duration?: number,
   ): void
 
   hideInfo(): void
@@ -392,12 +433,14 @@ export class Uppy {
   log(msg: string, type?: LogLevel): void
 
   restore<TMeta extends IndexedObject<any> = Record<string, unknown>>(
-    uploadID: string
+    uploadID: string,
   ): Promise<UploadResult<TMeta>>
 
   addResultData(uploadID: string, data: Record<string, unknown>): void
 
-  upload<TMeta extends IndexedObject<any> = Record<string, unknown>>(): Promise<UploadResult<TMeta>>
+  upload<TMeta extends IndexedObject<any> = Record<string, unknown>>(): Promise<
+    UploadResult<TMeta>
+  >
 }
 
 export default Uppy
diff --git a/packages/@uppy/core/types/index.test-d.ts b/packages/@uppy/core/types/index.test-d.ts
index b04184d2a9..d993cae7a1 100644
--- a/packages/@uppy/core/types/index.test-d.ts
+++ b/packages/@uppy/core/types/index.test-d.ts
@@ -3,7 +3,13 @@ import { expectError, expectType } from 'tsd'
 import DefaultStore from '@uppy/store-default'
 // eslint-disable-next-line import/no-named-as-default
 import Uppy, { UIPlugin } from '..'
-import type { UploadedUppyFile, FailedUppyFile, PluginOptions, UppyFile, SuccessResponse } from '..'
+import type {
+  UploadedUppyFile,
+  FailedUppyFile,
+  PluginOptions,
+  UppyFile,
+  SuccessResponse,
+} from '..'
 
 type anyObject = Record<string, unknown>
 
@@ -98,7 +104,7 @@ type anyObject = Record<string, unknown>
   })
 
   // Meta signature
-  type Meta = {myCustomMetadata: string}
+  type Meta = { myCustomMetadata: string }
   uppy.on<'complete', Meta>('complete', (result) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const meta = result.successful[0].meta.myCustomMetadata
@@ -115,7 +121,10 @@ type anyObject = Record<string, unknown>
     body?: { someValue: string }
   }
 
-  const onUploadSuccess = async (file: UppyFile<Meta, any> | undefined, response: CustomResponse) => {
+  const onUploadSuccess = async (
+    file: UppyFile<Meta, any> | undefined,
+    response: CustomResponse,
+  ) => {
     const res = response.body?.someValue
   }
   uppy.on<'upload-success', Meta>('upload-success', onUploadSuccess)
@@ -136,16 +145,23 @@ type anyObject = Record<string, unknown>
   interface TestOptions extends PluginOptions {
     testOption: string
   }
-  class TestPlugin extends UIPlugin<TestOptions> {
-  }
+  class TestPlugin extends UIPlugin<TestOptions> {}
 
   const strict = new Uppy().use(TestPlugin, { testOption: 'hello' })
 
   /* eslint-disable @typescript-eslint/no-non-null-assertion */
-  strict.getPlugin<TestPlugin>('TestPlugin')!.setOptions({ testOption: 'world' })
-
-  expectError(strict.getPlugin<TestPlugin>('TestPlugin')!.setOptions({ testOption: 0 }))
-
-  expectError(strict.getPlugin<TestPlugin>('TestPlugin')!.setOptions({ unknownKey: false }))
+  strict
+    .getPlugin<TestPlugin>('TestPlugin')!
+    .setOptions({ testOption: 'world' })
+
+  expectError(
+    strict.getPlugin<TestPlugin>('TestPlugin')!.setOptions({ testOption: 0 }),
+  )
+
+  expectError(
+    strict
+      .getPlugin<TestPlugin>('TestPlugin')!
+      .setOptions({ unknownKey: false }),
+  )
   /* eslint-enable @typescript-eslint/no-non-null-assertion */
 }
diff --git a/packages/@uppy/dashboard/src/components/FileCard/index.scss b/packages/@uppy/dashboard/src/components/FileCard/index.scss
index a1a7950736..b8f5b23c51 100644
--- a/packages/@uppy/dashboard/src/components/FileCard/index.scss
+++ b/packages/@uppy/dashboard/src/components/FileCard/index.scss
@@ -49,7 +49,7 @@
   min-height: 0;
   border-bottom: 1px solid $gray-200;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     background-color: $gray-800;
     border-bottom: 0;
   }
@@ -91,7 +91,7 @@
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     background-color: $gray-900;
   }
 }
@@ -116,7 +116,7 @@
     font-size: 14px;
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $gray-200;
   }
 }
@@ -143,7 +143,7 @@
     height: 65px;
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     background-color: $gray-900;
     border-top: 1px solid $gray-800;
   }
diff --git a/packages/@uppy/dashboard/src/components/FileItem/Buttons/index.scss b/packages/@uppy/dashboard/src/components/FileItem/Buttons/index.scss
index f794600fba..08f3c5b835 100644
--- a/packages/@uppy/dashboard/src/components/FileItem/Buttons/index.scss
+++ b/packages/@uppy/dashboard/src/components/FileItem/Buttons/index.scss
@@ -10,13 +10,13 @@
     opacity: 1;
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     @include blue-border-focus--dark;
 
     color: $gray-300;
   }
 
-  [data-uppy-theme="dark"] &:hover {
+  [data-uppy-theme='dark'] &:hover {
     color: $gray-200;
   }
 }
@@ -50,17 +50,19 @@
     top: 8px;
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $gray-700;
   }
 
-  [data-uppy-theme="dark"] &:hover {
+  [data-uppy-theme='dark'] &:hover {
     color: $gray-800;
   }
 }
 
 // Only for mobile screens
-.uppy-Dashboard:not(.uppy-size--md):not(.uppy-Dashboard--singleFile.uppy-size--height-md) {
+.uppy-Dashboard:not(.uppy-size--md):not(
+    .uppy-Dashboard--singleFile.uppy-size--height-md
+  ) {
   // Vertically center Edit&Remove buttons on mobile
   .uppy-Dashboard-Item-actionWrapper {
     display: flex;
diff --git a/packages/@uppy/dashboard/src/components/FileItem/FileInfo/index.scss b/packages/@uppy/dashboard/src/components/FileItem/FileInfo/index.scss
index ff62792f36..9d5f8b775b 100644
--- a/packages/@uppy/dashboard/src/components/FileItem/FileInfo/index.scss
+++ b/packages/@uppy/dashboard/src/components/FileItem/FileInfo/index.scss
@@ -20,7 +20,7 @@
   word-wrap: anywhere;
   word-break: break-all;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $gray-200;
   }
 
@@ -59,7 +59,7 @@
   font-size: 11px;
   line-height: 1;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $gray-400;
   }
 }
@@ -124,4 +124,3 @@
     display: none;
   }
 }
-
diff --git a/packages/@uppy/dashboard/src/components/FileItem/FilePreviewAndLink/index.scss b/packages/@uppy/dashboard/src/components/FileItem/FilePreviewAndLink/index.scss
index 16e4fc4848..485625700d 100644
--- a/packages/@uppy/dashboard/src/components/FileItem/FilePreviewAndLink/index.scss
+++ b/packages/@uppy/dashboard/src/components/FileItem/FilePreviewAndLink/index.scss
@@ -44,7 +44,7 @@
     box-shadow: inset 0 0 0 3px lighten($blue, 20%);
   }
 
-  [data-uppy-theme="dark"] &:focus {
+  [data-uppy-theme='dark'] &:focus {
     box-shadow: inset 0 0 0 3px darken($highlight--dark, 20%);
   }
 }
diff --git a/packages/@uppy/dashboard/src/components/FileItem/index.scss b/packages/@uppy/dashboard/src/components/FileItem/index.scss
index 25d4071365..b564fe9326 100644
--- a/packages/@uppy/dashboard/src/components/FileItem/index.scss
+++ b/packages/@uppy/dashboard/src/components/FileItem/index.scss
@@ -13,7 +13,7 @@
     padding-inline-end: 0;
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     border-bottom: 1px solid $gray-800;
   }
 
diff --git a/packages/@uppy/dashboard/src/style.scss b/packages/@uppy/dashboard/src/style.scss
index 476abb211d..bc3490c84d 100644
--- a/packages/@uppy/dashboard/src/style.scss
+++ b/packages/@uppy/dashboard/src/style.scss
@@ -13,7 +13,9 @@
 .uppy-transition-slideDownUp-enter {
   transform: translate3d(0, -105%, 0);
   opacity: 0.01;
-  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
+  transition:
+    transform 0.25s ease-in-out,
+    opacity 0.25s ease-in-out;
 }
 
 .uppy-transition-slideDownUp-enter.uppy-transition-slideDownUp-enter-active {
@@ -24,7 +26,9 @@
 .uppy-transition-slideDownUp-leave {
   transform: translate3d(0, 0, 0);
   opacity: 1;
-  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
+  transition:
+    transform 0.25s ease-in-out,
+    opacity 0.25s ease-in-out;
 }
 
 .uppy-transition-slideDownUp-leave.uppy-transition-slideDownUp-leave-active {
@@ -35,13 +39,21 @@
 // Modal open/close animations
 
 @keyframes uppy-Dashboard-fadeIn {
-  from { opacity: 0; }
-  to { opacity: 1; }
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 @keyframes uppy-Dashboard-fadeOut {
-  from { opacity: 1; }
-  to { opacity: 0; }
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
 }
 
 @keyframes uppy-Dashboard-slideDownAndFadeIn {
@@ -98,31 +110,37 @@
   z-index: $zIndex-2;
 }
 
-.uppy-Dashboard--modal[aria-hidden=true] {
+.uppy-Dashboard--modal[aria-hidden='true'] {
   display: none;
 }
 
-.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-inner {
-  animation: uppy-Dashboard-slideDownAndFadeIn--small 0.3s cubic-bezier(0, 0, 0.2, 1);
+.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose
+  > .uppy-Dashboard-inner {
+  animation: uppy-Dashboard-slideDownAndFadeIn--small 0.3s
+    cubic-bezier(0, 0, 0.2, 1);
 
   @media #{$screen-medium} {
     animation: uppy-Dashboard-slideDownAndFadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
   }
 }
 
-.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-overlay {
+.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose
+  > .uppy-Dashboard-overlay {
   animation: uppy-Dashboard-fadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
 }
 
-.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-inner {
-  animation: uppy-Dashboard-slideUpFadeOut--small 0.3s cubic-bezier(0, 0, 0.2, 1);
+.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing
+  > .uppy-Dashboard-inner {
+  animation: uppy-Dashboard-slideUpFadeOut--small 0.3s
+    cubic-bezier(0, 0, 0.2, 1);
 
   @media #{$screen-medium} {
     animation: uppy-Dashboard-slideUpFadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
   }
 }
 
-.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-overlay {
+.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing
+  > .uppy-Dashboard-overlay {
   animation: uppy-Dashboard-fadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
 }
 
@@ -164,7 +182,7 @@
     z-index: $zIndex-3;
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     background-color: $gray-900;
   }
 
@@ -200,7 +218,8 @@
 
 // Disallow clicking on all interactive elements
 .uppy-Dashboard--isDisabled {
-  [disabled], [aria-disabled] {
+  [disabled],
+  [aria-disabled] {
     pointer-events: none;
     cursor: not-allowed;
   }
@@ -265,7 +284,7 @@
     line-height: 1.4;
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $gray-200;
     background-color: $gray-900;
     border-top: 1px solid $gray-800;
@@ -290,7 +309,7 @@
   font-size: inherit;
   vertical-align: initial;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: rgba($highlight--dark, 0.9);
   }
 }
@@ -310,7 +329,7 @@
   height: 100%;
   text-align: center;
 
-  [data-uppy-drag-drop-supported="true"] & {
+  [data-uppy-drag-drop-supported='true'] & {
     height: calc(100% - 14px); // to accomodate for the 7px margin
     margin: 7px;
     border: 1px dashed $gray-250;
@@ -318,7 +337,9 @@
   }
 
   .uppy-Dashboard-AddFilesPanel & {
-    height: calc(100% - 14px - 40px); // to accomodate for the 7px margin and 40px topbar height
+    height: calc(
+      100% - 14px - 40px
+    ); // to accomodate for the 7px margin and 40px topbar height
     border: none;
   }
 
@@ -326,13 +347,12 @@
     border-color: $gray-300;
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     border-color: $gray-600;
   }
 }
 
 .uppy-Dashboard-AddFiles-info {
-
   // hide on short note and “powered by” on short screens
   // such as CodePen, or inline dashboard with height < 400px
   display: none;
@@ -353,7 +373,7 @@
     padding-bottom: 0;
   }
 
-  [data-uppy-num-acquirers="0"] & {
+  [data-uppy-num-acquirers='0'] & {
     margin-top: 0;
   }
 }
@@ -369,12 +389,12 @@
     border-bottom: 1px solid $blue;
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: rgba($highlight--dark, 0.9);
   }
 
-  [data-uppy-theme="dark"] &:hover,
-  [data-uppy-theme="dark"] &:focus {
+  [data-uppy-theme='dark'] &:hover,
+  [data-uppy-theme='dark'] &:focus {
     border-bottom: 1px solid $highlight--dark;
   }
 }
@@ -424,7 +444,7 @@
   text-align: center;
   border-bottom: 1px solid $gray-200;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     border-bottom: 1px solid $gray-800;
   }
 
@@ -460,7 +480,7 @@
     margin-inline-end: 1px;
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $gray-200;
   }
 }
@@ -472,7 +492,7 @@
 .uppy-DashboardTab-btn:hover {
   background-color: $gray-200--highlighted;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     background-color: $gray-800;
   }
 }
@@ -481,7 +501,7 @@
 .uppy-DashboardTab-btn:focus {
   background-color: $highlight;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     background-color: $gray-700;
   }
 }
@@ -503,20 +523,22 @@
   height: 32px;
   border-radius: 8px;
   background-color: #fff;
-  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1),
-              0 1px 2px 0 rgba(0, 0, 0, 0.1),
-              0 2px 3px 0 rgba(0, 0, 0, 0.02);
+  box-shadow:
+    0 1px 1px 0 rgba(0, 0, 0, 0.1),
+    0 1px 2px 0 rgba(0, 0, 0, 0.1),
+    0 2px 3px 0 rgba(0, 0, 0, 0.02);
   margin-inline-end: 10px;
 
   .uppy-size--md & {
     margin-inline-end: 0;
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     background-color: #323232;
-    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2),
-                0 1px 2px 0 rgba(0, 0, 0, 0.2),
-                0 2px 3px 0 rgba(0, 0, 0, 0.08);
+    box-shadow:
+      0 1px 1px 0 rgba(0, 0, 0, 0.2),
+      0 1px 2px 0 rgba(0, 0, 0, 0.2),
+      0 2px 3px 0 rgba(0, 0, 0, 0.08);
   }
 }
 
@@ -535,7 +557,7 @@
 .uppy-DashboardTab-iconMyDevice {
   color: $blue;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $highlight--dark;
   }
 }
@@ -543,7 +565,7 @@
 .uppy-DashboardTab-iconBox {
   color: #0061d5;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $gray-200;
   }
 }
@@ -551,7 +573,7 @@
 .uppy-DashboardTab-iconDropbox {
   color: #0061fe;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $gray-200;
   }
 }
@@ -559,7 +581,7 @@
 .uppy-DashboardTab-iconUnsplash {
   color: #111;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $gray-200;
   }
 }
@@ -567,7 +589,7 @@
 .uppy-DashboardTab-iconScreenRec {
   color: #2c3e50;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $gray-200;
   }
 }
@@ -575,7 +597,7 @@
 .uppy-DashboardTab-iconAudio {
   color: #8030a3;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: #bf6ee3;
   }
 }
@@ -590,7 +612,6 @@
 }
 
 .uppy-DashboardContent-bar {
-
   // For .uppy-DashboardContent-title's position: absolute
   position: relative;
   z-index: $zIndex-4;
@@ -610,7 +631,7 @@
     padding: 0 15px;
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     background-color: $gray-900;
     border-bottom: 1px solid $gray-800;
   }
@@ -639,7 +660,7 @@
     line-height: 50px;
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $gray-200;
   }
 }
@@ -661,7 +682,7 @@
     font-size: 14px;
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $highlight--dark;
   }
 }
@@ -686,7 +707,7 @@
     margin-inline-end: -8px;
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $highlight--dark;
   }
 }
@@ -741,9 +762,13 @@
   border-radius: 5px;
   box-shadow: 0 0 10px 5px rgba($black, 0.15);
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     background-color: $gray-800;
-    background-image: linear-gradient(0deg, $gray-900 35%, rgba($gray-900, 0.85) 100%);
+    background-image: linear-gradient(
+      0deg,
+      $gray-900 35%,
+      rgba($gray-900, 0.85) 100%
+    );
   }
 }
 
@@ -791,7 +816,7 @@
   }
 }
 
-.uppy-Dashboard--singleFile .uppy-Dashboard-filesInner  {
+.uppy-Dashboard--singleFile .uppy-Dashboard-filesInner {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -819,7 +844,7 @@
   border-radius: 3px;
   visibility: hidden;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $gray-400;
     background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1v1C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2V1zm0 0V0c13.254 0 24 10.746 24 24S37.254 48 24 48 0 37.254 0 24 10.746 0 24 0v1zm7.707 19.293a.999.999 0 1 1-1.414 1.414L25 16.414V34a1 1 0 1 1-2 0V16.414l-5.293 5.293a.999.999 0 1 1-1.414-1.414l7-7a.999.999 0 0 1 1.414 0l7 7z' fill='%2302BAF2' fill-rule='nonzero'/%3E%3C/svg%3E");
     border-color: $highlight--dark;
@@ -863,11 +888,11 @@
     text-align: center;
   }
 
-  [data-uppy-num-acquirers="0"] & {
+  [data-uppy-num-acquirers='0'] & {
     text-align: center;
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $gray-200;
   }
 
@@ -894,7 +919,7 @@
     line-height: 1.35;
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $gray-300;
   }
 }
diff --git a/packages/@uppy/dashboard/types/index.d.ts b/packages/@uppy/dashboard/types/index.d.ts
index 3e16dbfe7c..ee83649d14 100644
--- a/packages/@uppy/dashboard/types/index.d.ts
+++ b/packages/@uppy/dashboard/types/index.d.ts
@@ -1,17 +1,27 @@
-import type { IndexedObject, PluginTarget, UIPlugin, UIPluginOptions, UppyFile } from '@uppy/core'
+import type {
+  IndexedObject,
+  PluginTarget,
+  UIPlugin,
+  UIPluginOptions,
+  UppyFile,
+} from '@uppy/core'
 import type { StatusBarLocale } from '@uppy/status-bar'
 import type { ThumbnailOptions } from '@uppy/thumbnail-generator'
 import DashboardLocale from './generatedLocale'
 
 type FieldRenderOptions = {
-  value: string,
+  value: string
   onChange: (newVal: string) => void
   fieldCSSClasses: { text: string }
   required: boolean
   form: string
 }
 
-type PreactRender = (node: any, params: Record<string, unknown> | null, ...children: any[]) => any
+type PreactRender = (
+  node: any,
+  params: Record<string, unknown> | null,
+  ...children: any[]
+) => any
 
 interface MetaField {
   id: string
@@ -43,7 +53,7 @@ export interface DashboardOptions extends Options {
   metaFields?: MetaField[] | ((file: UppyFile) => MetaField[])
   note?: string | null
   plugins?: string[]
-  fileManagerSelectionType?: 'files' | 'folders' | 'both';
+  fileManagerSelectionType?: 'files' | 'folders' | 'both'
   proudlyDisplayPoweredByUppy?: boolean
   showLinkToFileUploadResult?: boolean
   showProgressDetails?: boolean
@@ -66,30 +76,34 @@ export interface DashboardOptions extends Options {
 }
 
 declare class Dashboard extends UIPlugin<DashboardOptions> {
-  addTarget (plugin: UIPlugin): HTMLElement
+  addTarget(plugin: UIPlugin): HTMLElement
 
-  hideAllPanels (): void
+  hideAllPanels(): void
 
-  openModal (): void
+  openModal(): void
 
-  closeModal (): void
+  closeModal(): void
 
-  isModalOpen (): boolean
+  isModalOpen(): boolean
 
-  render (state: Record<string, unknown>): void
+  render(state: Record<string, unknown>): void
 
-  install (): void
+  install(): void
 
-  uninstall (): void
+  uninstall(): void
 }
 
 export default Dashboard
 
 // Events
 
-export type DashboardFileEditStartCallback<TMeta extends IndexedObject<any>> = (file?: UppyFile<TMeta>) => void;
-export type DashboardFileEditCompleteCallback<TMeta extends IndexedObject<any>> = (file?: UppyFile<TMeta>) => void;
-export type DashboardShowPlanelCallback = (id: string) => void;
+export type DashboardFileEditStartCallback<TMeta extends IndexedObject<any>> = (
+  file?: UppyFile<TMeta>,
+) => void
+export type DashboardFileEditCompleteCallback<
+  TMeta extends IndexedObject<any>,
+> = (file?: UppyFile<TMeta>) => void
+export type DashboardShowPlanelCallback = (id: string) => void
 declare module '@uppy/core' {
   export interface UppyEventMap<TMeta> {
     'dashboard:modal-open': GenericEventCallback
diff --git a/packages/@uppy/dashboard/types/index.test-d.ts b/packages/@uppy/dashboard/types/index.test-d.ts
index 21194a9ac6..dffa10cdc8 100644
--- a/packages/@uppy/dashboard/types/index.test-d.ts
+++ b/packages/@uppy/dashboard/types/index.test-d.ts
@@ -29,7 +29,7 @@ import Dashboard from '..'
       {
         id: 'public',
         name: 'Public',
-        render ({ value, onChange }, h) {
+        render({ value, onChange }, h) {
           expectType<string>(value)
           expectType<(val: string) => void>(onChange)
           // `h` should be the Preact `h`
@@ -74,21 +74,25 @@ import Dashboard from '..'
       },
     },
   })
-  expectError(uppy.use(Dashboard, {
-    locale: {
-      strings: {
-        somethingThatDoesNotExist: 'wrong',
+  expectError(
+    uppy.use(Dashboard, {
+      locale: {
+        strings: {
+          somethingThatDoesNotExist: 'wrong',
+        },
       },
-    },
-  }))
+    }),
+  )
   const wrongType = 1234
-  expectError(uppy.use(Dashboard, {
-    locale: {
-      strings: {
-        addMoreFiles: wrongType,
+  expectError(
+    uppy.use(Dashboard, {
+      locale: {
+        strings: {
+          addMoreFiles: wrongType,
+        },
       },
-    },
-  }))
+    }),
+  )
 }
 {
   const uppy = new Uppy()
diff --git a/packages/@uppy/drop-target/types/index.d.ts b/packages/@uppy/drop-target/types/index.d.ts
index 1688a7cae3..419a1bf898 100644
--- a/packages/@uppy/drop-target/types/index.d.ts
+++ b/packages/@uppy/drop-target/types/index.d.ts
@@ -1,10 +1,10 @@
 import type { PluginOptions, BasePlugin } from '@uppy/core'
 
 interface DropTargetOptions extends PluginOptions {
-  target: string | Element;
-  onDragOver?: (event: MouseEvent) => void;
-  onDrop?: (event: MouseEvent) => void;
-  onDragLeave?: (event: MouseEvent) => void;
+  target: string | Element
+  onDragOver?: (event: MouseEvent) => void
+  onDrop?: (event: MouseEvent) => void
+  onDragLeave?: (event: MouseEvent) => void
 }
 
 declare class DropTarget extends BasePlugin<DropTargetOptions> {}
diff --git a/packages/@uppy/dropbox/types/index.d.ts b/packages/@uppy/dropbox/types/index.d.ts
index ec0d4608de..b9b6d5093e 100644
--- a/packages/@uppy/dropbox/types/index.d.ts
+++ b/packages/@uppy/dropbox/types/index.d.ts
@@ -1,10 +1,13 @@
 import type { PluginTarget, UIPlugin, UIPluginOptions } from '@uppy/core'
-import type { PublicProviderOptions, TokenStorage } from '@uppy/companion-client'
+import type {
+  PublicProviderOptions,
+  TokenStorage,
+} from '@uppy/companion-client'
 
 export interface DropboxOptions extends UIPluginOptions, PublicProviderOptions {
-    target?: PluginTarget
-    title?: string
-    storage?: TokenStorage
+  target?: PluginTarget
+  title?: string
+  storage?: TokenStorage
 }
 
 declare class Dropbox extends UIPlugin<DropboxOptions> {}
diff --git a/packages/@uppy/facebook/types/index.d.ts b/packages/@uppy/facebook/types/index.d.ts
index b29ddd4af8..922e6f5f85 100644
--- a/packages/@uppy/facebook/types/index.d.ts
+++ b/packages/@uppy/facebook/types/index.d.ts
@@ -1,12 +1,17 @@
 import type { PluginTarget, UIPlugin, UIPluginOptions } from '@uppy/core'
-import type { PublicProviderOptions, TokenStorage } from '@uppy/companion-client'
+import type {
+  PublicProviderOptions,
+  TokenStorage,
+} from '@uppy/companion-client'
 
-export interface FacebookOptions extends UIPluginOptions, PublicProviderOptions {
-    target?: PluginTarget
-    title?: string
-    storage?: TokenStorage
+export interface FacebookOptions
+  extends UIPluginOptions,
+    PublicProviderOptions {
+  target?: PluginTarget
+  title?: string
+  storage?: TokenStorage
 }
 
-declare class Facebook extends UIPlugin<FacebookOptions> { }
+declare class Facebook extends UIPlugin<FacebookOptions> {}
 
 export default Facebook
diff --git a/packages/@uppy/file-input/types/index.d.ts b/packages/@uppy/file-input/types/index.d.ts
index 8de800f2ec..d5f4019fe5 100644
--- a/packages/@uppy/file-input/types/index.d.ts
+++ b/packages/@uppy/file-input/types/index.d.ts
@@ -2,10 +2,10 @@ import type { PluginTarget, UIPlugin, UIPluginOptions } from '@uppy/core'
 import FileInputLocale from './generatedLocale'
 
 export interface FileInputOptions extends UIPluginOptions {
-    target?: PluginTarget
-    pretty?: boolean
-    inputName?: string
-    locale?: FileInputLocale
+  target?: PluginTarget
+  pretty?: boolean
+  inputName?: string
+  locale?: FileInputLocale
 }
 
 declare class FileInput extends UIPlugin<FileInputOptions> {}
diff --git a/packages/@uppy/form/types/index.d.ts b/packages/@uppy/form/types/index.d.ts
index 9d5fc69c4a..1ce5199d61 100644
--- a/packages/@uppy/form/types/index.d.ts
+++ b/packages/@uppy/form/types/index.d.ts
@@ -1,12 +1,12 @@
 import type { PluginOptions, PluginTarget, BasePlugin } from '@uppy/core'
 
 export interface FormOptions extends PluginOptions {
-    target?: PluginTarget
-    resultName?: string
-    getMetaFromForm?: boolean
-    addResultToForm?: boolean
-    submitOnSuccess?: boolean
-    triggerUploadOnSubmit?: boolean
+  target?: PluginTarget
+  resultName?: string
+  getMetaFromForm?: boolean
+  addResultToForm?: boolean
+  submitOnSuccess?: boolean
+  triggerUploadOnSubmit?: boolean
 }
 
 declare class Form extends BasePlugin<FormOptions> {}
diff --git a/packages/@uppy/golden-retriever/types/index.d.ts b/packages/@uppy/golden-retriever/types/index.d.ts
index dfb3e18a15..38eff203e3 100644
--- a/packages/@uppy/golden-retriever/types/index.d.ts
+++ b/packages/@uppy/golden-retriever/types/index.d.ts
@@ -1,9 +1,9 @@
 import type { PluginOptions, BasePlugin } from '@uppy/core'
 
 interface GoldenRetrieverOptions extends PluginOptions {
-    expires?: number
-    serviceWorker?: boolean
-    indexedDB?: any
+  expires?: number
+  serviceWorker?: boolean
+  indexedDB?: any
 }
 
 declare class GoldenRetriever extends BasePlugin<GoldenRetrieverOptions> {}
diff --git a/packages/@uppy/google-drive/types/index.d.ts b/packages/@uppy/google-drive/types/index.d.ts
index 4cdb85644b..223b546175 100644
--- a/packages/@uppy/google-drive/types/index.d.ts
+++ b/packages/@uppy/google-drive/types/index.d.ts
@@ -1,12 +1,17 @@
 import type { PluginTarget, UIPlugin, UIPluginOptions } from '@uppy/core'
-import type { PublicProviderOptions, TokenStorage } from '@uppy/companion-client'
+import type {
+  PublicProviderOptions,
+  TokenStorage,
+} from '@uppy/companion-client'
 
-export interface GoogleDriveOptions extends UIPluginOptions, PublicProviderOptions {
-    target?: PluginTarget
-    title?: string
-    storage?: TokenStorage
+export interface GoogleDriveOptions
+  extends UIPluginOptions,
+    PublicProviderOptions {
+  target?: PluginTarget
+  title?: string
+  storage?: TokenStorage
 }
 
-declare class GoogleDrive extends UIPlugin<GoogleDriveOptions> { }
+declare class GoogleDrive extends UIPlugin<GoogleDriveOptions> {}
 
 export default GoogleDrive
diff --git a/packages/@uppy/google-drive/types/index.test-d.ts b/packages/@uppy/google-drive/types/index.test-d.ts
index 425eb1cdda..ffd9efa87f 100644
--- a/packages/@uppy/google-drive/types/index.test-d.ts
+++ b/packages/@uppy/google-drive/types/index.test-d.ts
@@ -6,4 +6,7 @@ class SomePlugin extends UIPlugin<UIPluginOptions> {}
 const uppy = new Uppy()
 uppy.use(GoogleDrive, { companionUrl: '' })
 uppy.use(GoogleDrive, { target: SomePlugin, companionUrl: '' })
-uppy.use(GoogleDrive, { target: document.querySelector('#gdrive') || (undefined as never), companionUrl: '' })
+uppy.use(GoogleDrive, {
+  target: document.querySelector('#gdrive') || (undefined as never),
+  companionUrl: '',
+})
diff --git a/packages/@uppy/image-editor/src/cropper.scss b/packages/@uppy/image-editor/src/cropper.scss
index 7949fda736..2b28b3f4f8 100644
--- a/packages/@uppy/image-editor/src/cropper.scss
+++ b/packages/@uppy/image-editor/src/cropper.scss
@@ -66,7 +66,11 @@
   overflow: hidden;
   outline: 1px solid #39f;
   outline-color: rgba(51, 153, 255, 0.75);
-  background: repeating-conic-gradient(rgba(0, 0, 0, 0.5) 0% 25%, rgba(255, 255, 255, 0.5) 0% 50%) 50% / 16px 16px;
+  background: repeating-conic-gradient(
+      rgba(0, 0, 0, 0.5) 0% 25%,
+      rgba(255, 255, 255, 0.5) 0% 50%
+    )
+    50% / 16px 16px;
 }
 
 .cropper-dashed {
diff --git a/packages/@uppy/image-editor/src/inputrange.scss b/packages/@uppy/image-editor/src/inputrange.scss
index 4c74472b3d..c758acfbe5 100644
--- a/packages/@uppy/image-editor/src/inputrange.scss
+++ b/packages/@uppy/image-editor/src/inputrange.scss
@@ -4,7 +4,7 @@
 // Version 1.5.2
 // MIT License
 
-@use "sass:math";
+@use 'sass:math';
 
 $track-color: rgba(#fff, 0.2);
 $thumb-color: #fff;
@@ -32,7 +32,9 @@ $contrast: 5%;
 $ie-bottom-track-color: darken($track-color, $contrast);
 
 @mixin shadow($shadow-size, $shadow-blur, $shadow-color) {
-  box-shadow: $shadow-size $shadow-size $shadow-blur $shadow-color, 0 0 $shadow-size lighten($shadow-color, 5%);
+  box-shadow:
+    $shadow-size $shadow-size $shadow-blur $shadow-color,
+    0 0 $shadow-size lighten($shadow-color, 5%);
 }
 
 @mixin track {
@@ -82,7 +84,11 @@ $ie-bottom-track-color: darken($track-color, $contrast);
 
   &::-webkit-slider-runnable-track {
     @include track;
-    @include shadow($track-shadow-size, $track-shadow-blur, $track-shadow-color);
+    @include shadow(
+      $track-shadow-size,
+      $track-shadow-blur,
+      $track-shadow-color
+    );
 
     background: $track-color;
     border: $track-border-width solid $track-border-color;
@@ -92,12 +98,21 @@ $ie-bottom-track-color: darken($track-color, $contrast);
   &::-webkit-slider-thumb {
     @include thumb;
 
-    margin-top: (math.div((-$track-border-width * 2 + $track-height), 2) - math.div($thumb-height, 2));
+    margin-top: (
+      math.div((-$track-border-width * 2 + $track-height), 2) - math.div(
+          $thumb-height,
+          2
+        )
+    );
     -webkit-appearance: none;
   }
 
   &::-moz-range-track {
-    @include shadow($track-shadow-size, $track-shadow-blur, $track-shadow-color);
+    @include shadow(
+      $track-shadow-size,
+      $track-shadow-blur,
+      $track-shadow-color
+    );
     @include track;
 
     height: $track-height;
@@ -120,7 +135,11 @@ $ie-bottom-track-color: darken($track-color, $contrast);
   }
 
   &::-ms-fill-lower {
-    @include shadow($track-shadow-size, $track-shadow-blur, $track-shadow-color);
+    @include shadow(
+      $track-shadow-size,
+      $track-shadow-blur,
+      $track-shadow-color
+    );
 
     background: $ie-bottom-track-color;
     border: $track-border-width solid $track-border-color;
@@ -128,7 +147,11 @@ $ie-bottom-track-color: darken($track-color, $contrast);
   }
 
   &::-ms-fill-upper {
-    @include shadow($track-shadow-size, $track-shadow-blur, $track-shadow-color);
+    @include shadow(
+      $track-shadow-size,
+      $track-shadow-blur,
+      $track-shadow-color
+    );
 
     background: $track-color;
     border: $track-border-width solid $track-border-color;
diff --git a/packages/@uppy/image-editor/types/index.d.ts b/packages/@uppy/image-editor/types/index.d.ts
index c1832a9d0d..1597b1bc8f 100644
--- a/packages/@uppy/image-editor/types/index.d.ts
+++ b/packages/@uppy/image-editor/types/index.d.ts
@@ -1,4 +1,10 @@
-import type { IndexedObject, PluginTarget, UIPlugin, UIPluginOptions, UppyFile } from '@uppy/core'
+import type {
+  IndexedObject,
+  PluginTarget,
+  UIPlugin,
+  UIPluginOptions,
+  UppyFile,
+} from '@uppy/core'
 import type Cropper from 'cropperjs'
 import ImageEditorLocale from './generatedLocale'
 
@@ -32,13 +38,19 @@ export default ImageEditor
 
 // Events
 
-export type FileEditorStartCallback<TMeta extends IndexedObject<any>> = (file: UppyFile<TMeta>) => void;
-export type FileEditorCompleteCallback<TMeta extends IndexedObject<any>> = (updatedFile: UppyFile<TMeta>) => void;
-export type FileEditorCancelCallback<TMeta extends IndexedObject<any>> = (file: UppyFile<TMeta>) => void;
+export type FileEditorStartCallback<TMeta extends IndexedObject<any>> = (
+  file: UppyFile<TMeta>,
+) => void
+export type FileEditorCompleteCallback<TMeta extends IndexedObject<any>> = (
+  updatedFile: UppyFile<TMeta>,
+) => void
+export type FileEditorCancelCallback<TMeta extends IndexedObject<any>> = (
+  file: UppyFile<TMeta>,
+) => void
 
 declare module '@uppy/core' {
   export interface UppyEventMap<TMeta extends IndexedObject<any>> {
-    'file-editor:start' : FileEditorStartCallback<TMeta>
+    'file-editor:start': FileEditorStartCallback<TMeta>
     'file-editor:complete': FileEditorCompleteCallback<TMeta>
     'file-editor:cancel': FileEditorCancelCallback<TMeta>
   }
diff --git a/packages/@uppy/informer/src/style.scss b/packages/@uppy/informer/src/style.scss
index 0ca3c81b60..dd6fa30d8e 100644
--- a/packages/@uppy/informer/src/style.scss
+++ b/packages/@uppy/informer/src/style.scss
@@ -41,7 +41,7 @@
     line-height: 1.3;
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     background-color: $gray-800;
   }
 }
diff --git a/packages/@uppy/instagram/types/index.d.ts b/packages/@uppy/instagram/types/index.d.ts
index beec2e677c..84981fcb11 100644
--- a/packages/@uppy/instagram/types/index.d.ts
+++ b/packages/@uppy/instagram/types/index.d.ts
@@ -1,10 +1,15 @@
 import type { PluginTarget, UIPlugin, UIPluginOptions } from '@uppy/core'
-import type { PublicProviderOptions, TokenStorage } from '@uppy/companion-client'
+import type {
+  PublicProviderOptions,
+  TokenStorage,
+} from '@uppy/companion-client'
 
-export interface InstagramOptions extends UIPluginOptions, PublicProviderOptions {
-    target?: PluginTarget
-    title?: string
-    storage?: TokenStorage
+export interface InstagramOptions
+  extends UIPluginOptions,
+    PublicProviderOptions {
+  target?: PluginTarget
+  title?: string
+  storage?: TokenStorage
 }
 
 declare class Instagram extends UIPlugin<InstagramOptions> {}
diff --git a/packages/@uppy/onedrive/types/index.d.ts b/packages/@uppy/onedrive/types/index.d.ts
index 787a79c06e..6473fcce9e 100644
--- a/packages/@uppy/onedrive/types/index.d.ts
+++ b/packages/@uppy/onedrive/types/index.d.ts
@@ -1,10 +1,15 @@
 import type { PluginTarget, UIPlugin, UIPluginOptions } from '@uppy/core'
-import type { PublicProviderOptions, TokenStorage } from '@uppy/companion-client'
+import type {
+  PublicProviderOptions,
+  TokenStorage,
+} from '@uppy/companion-client'
 
-export interface OneDriveOptions extends UIPluginOptions, PublicProviderOptions {
-    target?: PluginTarget
-    title?: string
-    storage?: TokenStorage
+export interface OneDriveOptions
+  extends UIPluginOptions,
+    PublicProviderOptions {
+  target?: PluginTarget
+  title?: string
+  storage?: TokenStorage
 }
 
 declare class OneDrive extends UIPlugin<OneDriveOptions> {}
diff --git a/packages/@uppy/progress-bar/src/style.scss b/packages/@uppy/progress-bar/src/style.scss
index 4ac6965994..f0843e3a03 100644
--- a/packages/@uppy/progress-bar/src/style.scss
+++ b/packages/@uppy/progress-bar/src/style.scss
@@ -12,7 +12,7 @@
   transition: height 0.2s;
 }
 
-.uppy-ProgressBar[aria-hidden=true] {
+.uppy-ProgressBar[aria-hidden='true'] {
   /* no important */
   height: 0;
 }
diff --git a/packages/@uppy/provider-views/src/style.scss b/packages/@uppy/provider-views/src/style.scss
index 4ec4a06cd3..1a7ce23176 100644
--- a/packages/@uppy/provider-views/src/style.scss
+++ b/packages/@uppy/provider-views/src/style.scss
@@ -11,7 +11,7 @@
   align-items: center;
   justify-content: center;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     background-color: $gray-900;
   }
 }
@@ -51,7 +51,7 @@
     font-size: 20px;
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $gray-300;
   }
 }
@@ -60,15 +60,15 @@
   display: flex;
   align-items: center;
   padding: 8px 12px !important;
-  background: #4285F4;
+  background: #4285f4;
 
   &:hover {
-    background-color: darken(#4285F4, 10%);
+    background-color: darken(#4285f4, 10%);
   }
 
   &:focus {
     outline: none;
-    box-shadow: 0 0 0 3px rgba(#4285F4, 0.4);
+    box-shadow: 0 0 0 3px rgba(#4285f4, 0.4);
   }
 
   svg {
@@ -87,7 +87,7 @@
     margin-bottom: 0;
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $gray-200;
   }
 }
@@ -130,7 +130,7 @@
     cursor: pointer;
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $gray-200;
   }
 }
@@ -150,7 +150,7 @@
   color: $gray-800;
   font-weight: 500;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $gray-200;
   }
 }
@@ -168,7 +168,7 @@
   z-index: $zIndex-2;
   border-bottom: 1px solid $gray-200;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     border-bottom: 1px solid $gray-800;
   }
 }
@@ -186,7 +186,7 @@
     align-items: center;
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     background-color: $gray-900;
   }
 }
@@ -236,7 +236,7 @@
     display: none;
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $gray-200;
     background-color: $gray-900;
   }
@@ -246,7 +246,7 @@
   background-color: $gray-300;
   border: 0;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     background-color: $gray-800;
   }
 }
@@ -299,7 +299,7 @@
     text-decoration: underline;
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $gray-200;
   }
 }
@@ -328,7 +328,7 @@
   border-spacing: 0;
   -webkit-overflow-scrolling: touch;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     background-color: $gray-900;
   }
 
@@ -355,7 +355,7 @@
     margin-inline-end: 8px;
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     background-color: $gray-900;
     border-top: 1px solid $gray-800;
   }
diff --git a/packages/@uppy/provider-views/src/style/uppy-ProviderBrowser-viewType--grid.scss b/packages/@uppy/provider-views/src/style/uppy-ProviderBrowser-viewType--grid.scss
index 45ca751903..761ab3d018 100644
--- a/packages/@uppy/provider-views/src/style/uppy-ProviderBrowser-viewType--grid.scss
+++ b/packages/@uppy/provider-views/src/style/uppy-ProviderBrowser-viewType--grid.scss
@@ -52,7 +52,7 @@
     .uppy-ProviderBrowserItem-inner {
       background-color: rgba($gray-500, 0.2);
 
-      [data-uppy-theme="dark"] & {
+      [data-uppy-theme='dark'] & {
         background-color: rgba($gray-200, 0.2);
       }
     }
@@ -62,7 +62,7 @@
       height: 30%;
       fill: rgba($black, 0.7);
 
-      [data-uppy-theme="dark"] & {
+      [data-uppy-theme='dark'] & {
         fill: rgba($white, 0.8);
       }
     }
@@ -89,7 +89,7 @@
       }
     }
 
-    [data-uppy-theme="dark"] & {
+    [data-uppy-theme='dark'] & {
       box-shadow: 0 0 0 3px rgba($lightblue, 0.7);
     }
 
diff --git a/packages/@uppy/provider-views/src/style/uppy-ProviderBrowser-viewType--list.scss b/packages/@uppy/provider-views/src/style/uppy-ProviderBrowser-viewType--list.scss
index 42b0e208e5..95a4eb2c23 100644
--- a/packages/@uppy/provider-views/src/style/uppy-ProviderBrowser-viewType--list.scss
+++ b/packages/@uppy/provider-views/src/style/uppy-ProviderBrowser-viewType--list.scss
@@ -5,7 +5,7 @@
 .uppy-ProviderBrowser-viewType--list {
   background-color: $white;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     background-color: $gray-900;
   }
 
@@ -15,7 +15,7 @@
     margin: 0;
     padding: 7px 15px;
 
-    [data-uppy-theme="dark"] & {
+    [data-uppy-theme='dark'] & {
       color: $gray-200;
     }
   }
@@ -49,7 +49,7 @@
       inset-inline-start: 3px;
     }
 
-    [data-uppy-theme="dark"] &:focus {
+    [data-uppy-theme='dark'] &:focus {
       border-color: rgba($highlight--dark, 0.7);
       box-shadow: 0 0 0 3px rgba($highlight--dark, 0.2);
     }
diff --git a/packages/@uppy/provider-views/src/style/uppy-ProviderBrowserItem-checkbox.scss b/packages/@uppy/provider-views/src/style/uppy-ProviderBrowserItem-checkbox.scss
index 6516aeb57c..39e9840ef0 100644
--- a/packages/@uppy/provider-views/src/style/uppy-ProviderBrowserItem-checkbox.scss
+++ b/packages/@uppy/provider-views/src/style/uppy-ProviderBrowserItem-checkbox.scss
@@ -23,14 +23,14 @@
     cursor: default;
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     background-color: $gray-900;
     border-color: $gray-500;
   }
 }
 
 .uppy-ProviderBrowserItem-checkbox--is-checked {
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     background-color: $gray-800;
   }
 }
diff --git a/packages/@uppy/provider-views/src/style/uppy-SearchProvider-input.scss b/packages/@uppy/provider-views/src/style/uppy-SearchProvider-input.scss
index 10c588b879..2548ae33e2 100644
--- a/packages/@uppy/provider-views/src/style/uppy-SearchProvider-input.scss
+++ b/packages/@uppy/provider-views/src/style/uppy-SearchProvider-input.scss
@@ -1,4 +1,3 @@
-
 .uppy-SearchProvider {
   display: flex;
   flex: 1;
@@ -8,7 +7,7 @@
   width: 100%;
   height: 100%;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     background-color: $gray-900;
   }
 }
@@ -23,7 +22,7 @@
   }
 
   &::-webkit-search-cancel-button {
-    display: none;   
+    display: none;
   }
 }
 
diff --git a/packages/@uppy/provider-views/types/index.d.ts b/packages/@uppy/provider-views/types/index.d.ts
index f633a1a789..3930476062 100644
--- a/packages/@uppy/provider-views/types/index.d.ts
+++ b/packages/@uppy/provider-views/types/index.d.ts
@@ -2,19 +2,19 @@ import type { UIPlugin } from '@uppy/core'
 import type { Provider } from '@uppy/companion-client'
 
 interface ProviderViewOptions {
-    provider: Provider
-    viewType?: 'list' | 'grid'
-    showTitles?: boolean
-    showFilter?: boolean
-    showBreadcrumbs?: boolean
+  provider: Provider
+  viewType?: 'list' | 'grid'
+  showTitles?: boolean
+  showFilter?: boolean
+  showBreadcrumbs?: boolean
 }
 
 interface OnFirstRenderer {
-    onFirstRender: () => any
+  onFirstRender: () => any
 }
 
 declare class ProviderView {
-  constructor (plugin: UIPlugin & OnFirstRenderer, opts: ProviderViewOptions)
+  constructor(plugin: UIPlugin & OnFirstRenderer, opts: ProviderViewOptions)
   // @todo add other provider view methods
 }
 
diff --git a/packages/@uppy/react/src/DashboardModal.d.ts b/packages/@uppy/react/src/DashboardModal.d.ts
index 25c34edbd9..3e7b36bb65 100644
--- a/packages/@uppy/react/src/DashboardModal.d.ts
+++ b/packages/@uppy/react/src/DashboardModal.d.ts
@@ -9,7 +9,8 @@ type DashboardModalPropsInner = {
   ToUppyProps<DashboardOptions>,
   // Remove the inline-only and force-overridden props
   'inline' | 'onRequestCloseModal'
-> & React.BaseHTMLAttributes<HTMLDivElement>
+> &
+  React.BaseHTMLAttributes<HTMLDivElement>
 
 export type DashboardModalProps = {
   [K in keyof DashboardModalPropsInner]: DashboardModalPropsInner[K]
diff --git a/packages/@uppy/react/src/DragDrop.d.ts b/packages/@uppy/react/src/DragDrop.d.ts
index ea4bb3b4a2..55862e509c 100644
--- a/packages/@uppy/react/src/DragDrop.d.ts
+++ b/packages/@uppy/react/src/DragDrop.d.ts
@@ -1,7 +1,8 @@
 import type { DragDropOptions } from '@uppy/drag-drop'
 import type { ToUppyProps } from './CommonTypes'
 
-export type DragDropProps = ToUppyProps<DragDropOptions>  & React.BaseHTMLAttributes<HTMLDivElement>
+export type DragDropProps = ToUppyProps<DragDropOptions> &
+  React.BaseHTMLAttributes<HTMLDivElement>
 
 /**
  * React component that renders an area in which files can be dropped to be
diff --git a/packages/@uppy/react/src/ProgressBar.d.ts b/packages/@uppy/react/src/ProgressBar.d.ts
index 7c93657b9d..425c78b05f 100644
--- a/packages/@uppy/react/src/ProgressBar.d.ts
+++ b/packages/@uppy/react/src/ProgressBar.d.ts
@@ -1,7 +1,8 @@
 import type { ProgressBarOptions } from '@uppy/progress-bar'
 import type { ToUppyProps } from './CommonTypes'
 
-export type ProgressBarProps = ToUppyProps<ProgressBarOptions> & React.BaseHTMLAttributes<HTMLDivElement>
+export type ProgressBarProps = ToUppyProps<ProgressBarOptions> &
+  React.BaseHTMLAttributes<HTMLDivElement>
 
 /**
  * React component that renders a progress bar at the top of the page.
diff --git a/packages/@uppy/react/src/StatusBar.d.ts b/packages/@uppy/react/src/StatusBar.d.ts
index 156da23219..22be1dedf7 100644
--- a/packages/@uppy/react/src/StatusBar.d.ts
+++ b/packages/@uppy/react/src/StatusBar.d.ts
@@ -1,7 +1,8 @@
 import type { StatusBarOptions } from '@uppy/status-bar'
 import type { ToUppyProps } from './CommonTypes'
 
-export type StatusBarProps = ToUppyProps<StatusBarOptions>  & React.BaseHTMLAttributes<HTMLDivElement>
+export type StatusBarProps = ToUppyProps<StatusBarOptions> &
+  React.BaseHTMLAttributes<HTMLDivElement>
 
 /**
  * React component that renders a status bar containing upload progress and speed,
diff --git a/packages/@uppy/react/types/index.test-d.tsx b/packages/@uppy/react/types/index.test-d.tsx
index 72010b2520..d408d306a9 100644
--- a/packages/@uppy/react/types/index.test-d.tsx
+++ b/packages/@uppy/react/types/index.test-d.tsx
@@ -1,7 +1,7 @@
-import * as React from "react"
-import Uppy from "@uppy/core"
-import { expectType, expectError } from "tsd"
-import * as components from "../"
+import * as React from 'react'
+import Uppy from '@uppy/core'
+import { expectType, expectError } from 'tsd'
+import * as components from '../'
 
 const { useUppy } = components
 
@@ -16,7 +16,7 @@ const uppy = new Uppy()
 }
 
 {
-  expectError(<components.Dashboard target="body"/>)
+  expectError(<components.Dashboard target="body" />)
 }
 
 // inline option should be removed from proptypes because it is always overridden
@@ -37,9 +37,9 @@ const uppy = new Uppy()
         strings: {
           // Text to show on the droppable area.
           // `%{browse}` is replaced with a link that opens the system file selection dialog.
-          dropHereOr: "Drop here or %{browse}",
+          dropHereOr: 'Drop here or %{browse}',
           // Used as the label for the link that opens the system file selection dialog.
-          browse: "browse",
+          browse: 'browse',
         },
       }}
     />
@@ -54,7 +54,7 @@ const uppy = new Uppy()
       open
       animateOpenClose
       onRequestClose={() => {
-        alert("no")
+        alert('no')
       }}
     />
   )
diff --git a/packages/@uppy/screen-capture/src/style.scss b/packages/@uppy/screen-capture/src/style.scss
index 9a9ec6ef7b..869e770f2f 100644
--- a/packages/@uppy/screen-capture/src/style.scss
+++ b/packages/@uppy/screen-capture/src/style.scss
@@ -46,7 +46,7 @@
   background-color: $white;
   border-top: 1px solid $gray-200;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     background-color: $gray-900;
     border-top: 1px solid $gray-800;
   }
@@ -62,7 +62,7 @@
   cursor: pointer;
   transition: all 0.3s;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     @include blue-border-focus--dark;
   }
 
@@ -130,13 +130,20 @@
 }
 
 .uppy-ScreenCapture-icon--streamActive svg {
-  animation: uppy-ScreenCapture-icon--blink 1s cubic-bezier(0.47, 0, 0.75, 0.72) infinite;
+  animation: uppy-ScreenCapture-icon--blink 1s cubic-bezier(0.47, 0, 0.75, 0.72)
+    infinite;
 }
 
 @keyframes uppy-ScreenCapture-icon--blink {
-  0% { fill: $blue; }
-  50% { fill: $gray-500; }
-  100% { fill: $blue; }
+  0% {
+    fill: $blue;
+  }
+  50% {
+    fill: $gray-500;
+  }
+  100% {
+    fill: $blue;
+  }
 }
 
 .uppy-ScreenCapture-button--video {
diff --git a/packages/@uppy/screen-capture/types/index.d.ts b/packages/@uppy/screen-capture/types/index.d.ts
index 5d3c6d493d..d9e56f3a04 100644
--- a/packages/@uppy/screen-capture/types/index.d.ts
+++ b/packages/@uppy/screen-capture/types/index.d.ts
@@ -1,22 +1,24 @@
 import type { PluginTarget, UIPlugin, UIPluginOptions } from '@uppy/core'
 
-  // https://developer.mozilla.org/en-US/docs/Web/API/MediaTrackConstraints#Properties_of_shared_screen_tracks
-  // TODO: use the global DisplayMediaStreamConstraints once typescript includes it by default
-  interface DisplayMediaStreamConstraints {
-    audio?: boolean | MediaTrackConstraints;
-    video?: boolean | (MediaTrackConstraints & {
-      cursor?: 'always' | 'motion' | 'never',
-      displaySurface?: 'application' | 'browser' | 'monitor' | 'window',
-      logicalSurface?: boolean
-    });
-  }
+// https://developer.mozilla.org/en-US/docs/Web/API/MediaTrackConstraints#Properties_of_shared_screen_tracks
+// TODO: use the global DisplayMediaStreamConstraints once typescript includes it by default
+interface DisplayMediaStreamConstraints {
+  audio?: boolean | MediaTrackConstraints
+  video?:
+    | boolean
+    | (MediaTrackConstraints & {
+        cursor?: 'always' | 'motion' | 'never'
+        displaySurface?: 'application' | 'browser' | 'monitor' | 'window'
+        logicalSurface?: boolean
+      })
+}
 
 export interface ScreenCaptureOptions extends UIPluginOptions {
-    target?: PluginTarget
-    displayMediaConstraints?: DisplayMediaStreamConstraints,
-    userMediaConstraints?: MediaStreamConstraints,
-    preferredVideoMimeType?: string
-  }
+  target?: PluginTarget
+  displayMediaConstraints?: DisplayMediaStreamConstraints
+  userMediaConstraints?: MediaStreamConstraints
+  preferredVideoMimeType?: string
+}
 
 declare class ScreenCapture extends UIPlugin<ScreenCaptureOptions> {}
 
diff --git a/packages/@uppy/screen-capture/types/index.test-d.ts b/packages/@uppy/screen-capture/types/index.test-d.ts
index a03a525b5c..6662c04c7f 100644
--- a/packages/@uppy/screen-capture/types/index.test-d.ts
+++ b/packages/@uppy/screen-capture/types/index.test-d.ts
@@ -12,8 +12,10 @@ new Uppy().use(ScreenCapture, {
     video: { displaySurface: 'window' },
   },
 })
-expectError(new Uppy().use(ScreenCapture, {
-  displayMediaConstraints: {
-    video: { displaySurface: 'some nonsense' },
-  },
-}))
+expectError(
+  new Uppy().use(ScreenCapture, {
+    displayMediaConstraints: {
+      video: { displaySurface: 'some nonsense' },
+    },
+  }),
+)
diff --git a/packages/@uppy/status-bar/src/style.scss b/packages/@uppy/status-bar/src/style.scss
index 95c20a184f..0ea5526446 100644
--- a/packages/@uppy/status-bar/src/style.scss
+++ b/packages/@uppy/status-bar/src/style.scss
@@ -14,7 +14,7 @@
   background-color: $white;
   transition: height 0.2s;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     background-color: $gray-900;
   }
 }
@@ -30,12 +30,12 @@
   background-color: $gray-200;
   content: '';
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     background-color: $gray-600;
   }
 }
 
-.uppy-StatusBar[aria-hidden=true] {
+.uppy-StatusBar[aria-hidden='true'] {
   height: 0;
   overflow-y: hidden;
 }
@@ -56,12 +56,12 @@
   color: $red;
 }
 
-.uppy-StatusBar:not([aria-hidden=true]).is-waiting {
+.uppy-StatusBar:not([aria-hidden='true']).is-waiting {
   height: 65px;
   background-color: $white;
   border-top: 1px solid $gray-200;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     background-color: $gray-900;
     border-top: 1px solid $gray-800;
   }
@@ -72,20 +72,35 @@
   z-index: $zIndex-2;
   height: 2px;
   background-color: $blue;
-  transition: background-color, width 0.3s ease-out;
+  transition:
+    background-color,
+    width 0.3s ease-out;
 
   &.is-indeterminate {
     $stripe-color: rgba(0, 0, 0, 0.3);
 
-    background-image: linear-gradient(45deg, $stripe-color 25%, transparent 25%, transparent 50%, $stripe-color 50%, $stripe-color 75%, transparent 75%, transparent);
+    background-image: linear-gradient(
+      45deg,
+      $stripe-color 25%,
+      transparent 25%,
+      transparent 50%,
+      $stripe-color 50%,
+      $stripe-color 75%,
+      transparent 75%,
+      transparent
+    );
     background-size: 64px 64px;
     animation: uppy-StatusBar-ProgressStripes 1s linear infinite;
   }
 }
 
 @keyframes uppy-StatusBar-ProgressStripes {
-  from { background-position: 0 0; }
-  to { background-position: 64px 0; }
+  from {
+    background-position: 0 0;
+  }
+  to {
+    background-position: 64px 0;
+  }
 }
 
 .uppy-StatusBar.is-preprocessing .uppy-StatusBar-progress,
@@ -112,7 +127,7 @@
     padding-inline-start: 15px;
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $gray-200;
   }
 }
@@ -135,7 +150,7 @@
     margin-left: 5px;
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $gray-200;
   }
 }
@@ -148,7 +163,7 @@
   line-height: 1.2;
   white-space: nowrap;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $gray-400;
   }
 }
@@ -192,12 +207,12 @@
   padding: 0 15px;
   background-color: $gray-50;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     background-color: $gray-900;
   }
 }
 
-.uppy-StatusBar:not([aria-hidden="true"]).is-waiting.has-ghosts {
+.uppy-StatusBar:not([aria-hidden='true']).is-waiting.has-ghosts {
   flex-direction: column;
   height: 90px;
 
@@ -225,7 +240,7 @@
   cursor: pointer;
   opacity: 0.9;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     @include blue-border-focus--dark;
   }
 
@@ -257,7 +272,7 @@
 .uppy-StatusBar-actionBtn--disabled {
   opacity: 0.4;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     opacity: 0.7;
   }
 }
@@ -274,7 +289,7 @@
   border-radius: 8px;
   margin-inline-end: 6px;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     @include blue-border-focus--dark;
   }
 
@@ -301,11 +316,11 @@
     background-color: darken($green, 5%);
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     background-color: $darkgreen;
   }
 
-  [data-uppy-theme="dark"] &:hover {
+  [data-uppy-theme='dark'] &:hover {
     background-color: darken($darkgreen, 5%);
   }
 }
@@ -315,12 +330,15 @@
   padding: 13px 22px;
 }
 
-.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload.uppy-StatusBar-actionBtn--disabled:hover {
+.uppy-StatusBar.is-waiting
+  .uppy-StatusBar-actionBtn--upload.uppy-StatusBar-actionBtn--disabled:hover {
   background-color: $green;
   cursor: not-allowed;
 }
 
-[data-uppy-theme="dark"] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload.uppy-StatusBar-actionBtn--disabled:hover {
+[data-uppy-theme='dark']
+  .uppy-StatusBar.is-waiting
+  .uppy-StatusBar-actionBtn--upload.uppy-StatusBar-actionBtn--disabled:hover {
   background-color: $darkgreen;
 }
 
@@ -338,11 +356,11 @@
   padding-bottom: 1px;
   border-radius: 3px;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     @include blue-border-focus--dark;
   }
 
-  .uppy-StatusBar.is-preprocessing &, 
+  .uppy-StatusBar.is-preprocessing &,
   .uppy-StatusBar.is-postprocessing & {
     display: none;
   }
@@ -355,7 +373,7 @@
   line-height: 1;
   border-radius: 3px;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $highlight--dark;
   }
 }
@@ -375,7 +393,7 @@
     font-size: 14px;
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $gray-200;
   }
 }
diff --git a/packages/@uppy/status-bar/types/index.d.ts b/packages/@uppy/status-bar/types/index.d.ts
index 845d4037d9..558344dfee 100644
--- a/packages/@uppy/status-bar/types/index.d.ts
+++ b/packages/@uppy/status-bar/types/index.d.ts
@@ -8,10 +8,10 @@ export interface StatusBarOptions extends UIPluginOptions {
   showProgressDetails?: boolean
   hideUploadButton?: boolean
   hideAfterFinish?: boolean
-  hideRetryButton?: boolean,
-  hidePauseResumeButton?: boolean,
-  hideCancelButton?: boolean,
-  doneButtonHandler?: () => void,
+  hideRetryButton?: boolean
+  hidePauseResumeButton?: boolean
+  hideCancelButton?: boolean
+  doneButtonHandler?: () => void
   locale?: StatusBarLocale
 }
 
diff --git a/packages/@uppy/store-default/types/index.d.ts b/packages/@uppy/store-default/types/index.d.ts
index 3d96f0846f..4a7ce1ee49 100644
--- a/packages/@uppy/store-default/types/index.d.ts
+++ b/packages/@uppy/store-default/types/index.d.ts
@@ -1,14 +1,18 @@
 import type { Store } from '@uppy/utils'
 
 type State = Record<string, unknown>
-type StateChangeListener = (prevState: State, nextState: State, patch: State) => void
+type StateChangeListener = (
+  prevState: State,
+  nextState: State,
+  patch: State,
+) => void
 
 export default class DefaultStore implements Store {
-  constructor ()
+  constructor()
 
-  getState (): State
+  getState(): State
 
-  setState (patch: State): void
+  setState(patch: State): void
 
-  subscribe (listener: StateChangeListener): () => void
+  subscribe(listener: StateChangeListener): () => void
 }
diff --git a/packages/@uppy/store-redux/types/index.d.ts b/packages/@uppy/store-redux/types/index.d.ts
index c2906343c0..78488001ca 100644
--- a/packages/@uppy/store-redux/types/index.d.ts
+++ b/packages/@uppy/store-redux/types/index.d.ts
@@ -2,7 +2,11 @@ import type { Store } from '@uppy/utils'
 import type { Reducer, Middleware, Store as Redux } from 'redux'
 
 type State = Record<string, unknown>
-type StateChangeListener = (prevState: State, nextState: State, patch: State) => void
+type StateChangeListener = (
+  prevState: State,
+  nextState: State,
+  patch: State,
+) => void
 
 interface ReduxStoreOptions {
   store: Redux<State>
@@ -11,13 +15,13 @@ interface ReduxStoreOptions {
 }
 
 export class ReduxStore implements Store {
-  constructor (opts: ReduxStoreOptions)
+  constructor(opts: ReduxStoreOptions)
 
-  getState (): State
+  getState(): State
 
-  setState (patch: State): void
+  setState(patch: State): void
 
-  subscribe (listener: StateChangeListener): () => void
+  subscribe(listener: StateChangeListener): () => void
 }
 
 export const reducer: Reducer<any>
diff --git a/packages/@uppy/svelte/tsconfig.json b/packages/@uppy/svelte/tsconfig.json
index ae3d9b2759..4360a542dd 100644
--- a/packages/@uppy/svelte/tsconfig.json
+++ b/packages/@uppy/svelte/tsconfig.json
@@ -4,10 +4,6 @@
     "esModuleInterop": true,
     "sourceMap": true
   },
-  "include": [
-    "src/**/*"
-  ],
-  "exclude": [
-    "node_modules/*"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules/*"]
 }
diff --git a/packages/@uppy/thumbnail-generator/types/index.d.ts b/packages/@uppy/thumbnail-generator/types/index.d.ts
index 2a3046e195..6e82cdb1f1 100644
--- a/packages/@uppy/thumbnail-generator/types/index.d.ts
+++ b/packages/@uppy/thumbnail-generator/types/index.d.ts
@@ -1,4 +1,9 @@
-import type { IndexedObject, UIPlugin, UIPluginOptions, UppyFile } from '@uppy/core'
+import type {
+  IndexedObject,
+  UIPlugin,
+  UIPluginOptions,
+  UppyFile,
+} from '@uppy/core'
 
 import ThumbnailGeneratorLocale from './generatedLocale'
 
@@ -22,7 +27,7 @@ export default ThumbnailGenerator
 
 export type ThumbnailGeneratedCallback<TMeta extends IndexedObject<any>> = (
   file: UppyFile<TMeta>,
-  preview: string
+  preview: string,
 ) => void
 
 declare module '@uppy/core' {
diff --git a/packages/@uppy/transloadit/types/index.d.ts b/packages/@uppy/transloadit/types/index.d.ts
index 8fb52ca676..7f4841e79a 100644
--- a/packages/@uppy/transloadit/types/index.d.ts
+++ b/packages/@uppy/transloadit/types/index.d.ts
@@ -116,7 +116,9 @@ interface Options extends PluginOptions {
 export type TransloaditOptions = Options &
   (
     | {
-        assemblyOptions?: AssemblyOptions | ((file?: UppyFile) => Promise<AssemblyOptions> | AssemblyOptions)
+        assemblyOptions?:
+          | AssemblyOptions
+          | ((file?: UppyFile) => Promise<AssemblyOptions> | AssemblyOptions)
         /** @deprecated use `assemblyOptions` instead */
         getAssemblyOptions?: never
         /** @deprecated use `assemblyOptions` instead */
@@ -129,7 +131,7 @@ export type TransloaditOptions = Options &
     | {
         /** @deprecated use `assemblyOptions` instead */
         getAssemblyOptions?: (
-          file?: UppyFile
+          file?: UppyFile,
         ) => AssemblyOptions | Promise<AssemblyOptions>
         assemblyOptions?: never
         /** @deprecated use `assemblyOptions` instead */
@@ -167,14 +169,17 @@ export const COMPANION_ALLOWED_HOSTS: RegExp
 
 export type TransloaditAssemblyCreatedCallback = (
   assembly: Assembly,
-  fileIDs: string[]
+  fileIDs: string[],
+) => void
+export type TransloaditUploadedCallback = (
+  file: FileInfo,
+  assembly: Assembly,
 ) => void
-export type TransloaditUploadedCallback = (file: FileInfo, assembly: Assembly) => void
 export type TransloaditAssemblyExecutingCallback = (assembly: Assembly) => void
 export type TransloaditResultCallback = (
   stepName: string,
   result: Result,
-  assembly: Assembly
+  assembly: Assembly,
 ) => void
 export type TransloaditCompleteCallback = (assembly: Assembly) => void
 
diff --git a/packages/@uppy/transloadit/types/index.test-d.ts b/packages/@uppy/transloadit/types/index.test-d.ts
index 9e607092a3..5cd5d5b5d0 100644
--- a/packages/@uppy/transloadit/types/index.test-d.ts
+++ b/packages/@uppy/transloadit/types/index.test-d.ts
@@ -15,7 +15,7 @@ const validParams = {
 {
   const uppy = new Uppy()
   uppy.use(Transloadit, {
-    getAssemblyOptions (file) {
+    getAssemblyOptions(file) {
       expectType<UppyFile | undefined>(file)
       return { params: validParams }
     },
@@ -38,7 +38,7 @@ const validParams = {
 {
   const uppy = new Uppy()
   uppy.use(Transloadit, {
-    async assemblyOptions (file) {
+    async assemblyOptions(file) {
       expectType<UppyFile | undefined>(file)
       return { params: validParams }
     },
@@ -56,7 +56,7 @@ const validParams = {
   const uppy = new Uppy()
   expectError(
     uppy.use(Transloadit, {
-      getAssemblyOptions () {
+      getAssemblyOptions() {
         return { params: validParams }
       },
       assemblyOptions: { params: validParams },
@@ -77,8 +77,12 @@ const validParams = {
 {
   const uppy = new Uppy()
   // must be bools
-  expectError(uppy.use(Transloadit, { waitForEncoding: null, params: validParams }))
-  expectError(uppy.use(Transloadit, { waitForMetadata: null, params: validParams }))
+  expectError(
+    uppy.use(Transloadit, { waitForEncoding: null, params: validParams }),
+  )
+  expectError(
+    uppy.use(Transloadit, { waitForMetadata: null, params: validParams }),
+  )
 }
 
 {
diff --git a/packages/@uppy/tus/types/index.d.ts b/packages/@uppy/tus/types/index.d.ts
index f741ada011..a3a431f3c5 100644
--- a/packages/@uppy/tus/types/index.d.ts
+++ b/packages/@uppy/tus/types/index.d.ts
@@ -1,29 +1,42 @@
 import type { PluginOptions, BasePlugin, UppyFile } from '@uppy/core'
 import type { UploadOptions, HttpRequest } from 'tus-js-client'
 
-type TusUploadOptions = Pick<UploadOptions, Exclude<keyof UploadOptions,
-  | 'fingerprint'
-  | 'metadata'
-  | 'onBeforeRequest'
-  | 'onProgress'
-  | 'onChunkComplete'
-  | 'onShouldRetry'
-  | 'onSuccess'
-  | 'onError'
-  | 'uploadUrl'
-  | 'uploadSize'
->>
+type TusUploadOptions = Pick<
+  UploadOptions,
+  Exclude<
+    keyof UploadOptions,
+    | 'fingerprint'
+    | 'metadata'
+    | 'onBeforeRequest'
+    | 'onProgress'
+    | 'onChunkComplete'
+    | 'onShouldRetry'
+    | 'onSuccess'
+    | 'onError'
+    | 'uploadUrl'
+    | 'uploadSize'
+  >
+>
 
-type Next = (err: Error | undefined, retryAttempt?: number, options?: TusOptions) => boolean
+type Next = (
+  err: Error | undefined,
+  retryAttempt?: number,
+  options?: TusOptions,
+) => boolean
 
 export interface TusOptions extends PluginOptions, TusUploadOptions {
-    allowedMetaFields?: string[] | null
-    limit?: number
-    useFastRemoteRetry?: boolean
-    withCredentials?: boolean
-    onShouldRetry?: (err: Error | undefined, retryAttempt: number, options: TusOptions, next: Next) => boolean
-    onBeforeRequest?: (req: HttpRequest, file: UppyFile) => Promise<void>
-  }
+  allowedMetaFields?: string[] | null
+  limit?: number
+  useFastRemoteRetry?: boolean
+  withCredentials?: boolean
+  onShouldRetry?: (
+    err: Error | undefined,
+    retryAttempt: number,
+    options: TusOptions,
+    next: Next,
+  ) => boolean
+  onBeforeRequest?: (req: HttpRequest, file: UppyFile) => Promise<void>
+}
 
 declare class Tus extends BasePlugin<TusOptions> {}
 
diff --git a/packages/@uppy/unsplash/types/index.d.ts b/packages/@uppy/unsplash/types/index.d.ts
index 00066d9f65..978ca1c5fd 100644
--- a/packages/@uppy/unsplash/types/index.d.ts
+++ b/packages/@uppy/unsplash/types/index.d.ts
@@ -2,8 +2,8 @@ import type { RequestClientOptions } from '@uppy/companion-client'
 import type { PluginTarget, UIPlugin, UIPluginOptions } from '@uppy/core'
 
 interface UnsplashOptions extends UIPluginOptions, RequestClientOptions {
-    target?: PluginTarget
-    title?: string
+  target?: PluginTarget
+  title?: string
 }
 
 declare class Unsplash extends UIPlugin<UnsplashOptions> {}
diff --git a/packages/@uppy/url/src/style.scss b/packages/@uppy/url/src/style.scss
index c1ccdddd2f..6f43811f24 100644
--- a/packages/@uppy/url/src/style.scss
+++ b/packages/@uppy/url/src/style.scss
@@ -10,7 +10,7 @@
   width: 100%;
   height: 100%;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     background-color: $gray-900;
   }
 }
diff --git a/packages/@uppy/url/types/index.d.ts b/packages/@uppy/url/types/index.d.ts
index e8446e9a73..fa9734c88c 100644
--- a/packages/@uppy/url/types/index.d.ts
+++ b/packages/@uppy/url/types/index.d.ts
@@ -1,15 +1,23 @@
 import type { RequestClientOptions } from '@uppy/companion-client'
-import type { IndexedObject, PluginTarget, UIPlugin, UIPluginOptions } from '@uppy/core'
+import type {
+  IndexedObject,
+  PluginTarget,
+  UIPlugin,
+  UIPluginOptions,
+} from '@uppy/core'
 import UrlLocale from './generatedLocale'
 
 export interface UrlOptions extends UIPluginOptions, RequestClientOptions {
-    target?: PluginTarget
-    title?: string
-    locale?: UrlLocale
+  target?: PluginTarget
+  title?: string
+  locale?: UrlLocale
 }
 
 declare class Url extends UIPlugin<UrlOptions> {
-  public addFile(url: string, meta?: IndexedObject<any>): undefined | string | never
+  public addFile(
+    url: string,
+    meta?: IndexedObject<any>,
+  ): undefined | string | never
 }
 
 export default Url
diff --git a/packages/@uppy/url/types/index.test-d.ts b/packages/@uppy/url/types/index.test-d.ts
index e703d97f22..b21c2584bb 100644
--- a/packages/@uppy/url/types/index.test-d.ts
+++ b/packages/@uppy/url/types/index.test-d.ts
@@ -4,19 +4,21 @@ import Url from '..'
 {
   const uppy = new Uppy()
   // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-  uppy.use(Url, {
-    companionUrl: '',
-    companionCookiesRule: 'same-origin',
-    target: 'body',
-    title: 'title',
-    locale: {
-      strings: {
-        import: '',
-        enterUrlToImport: '',
-        failedToFetch: '',
-        enterCorrectUrl: '',
+  uppy
+    .use(Url, {
+      companionUrl: '',
+      companionCookiesRule: 'same-origin',
+      target: 'body',
+      title: 'title',
+      locale: {
+        strings: {
+          import: '',
+          enterUrlToImport: '',
+          failedToFetch: '',
+          enterCorrectUrl: '',
+        },
       },
-    },
-  })
-    .getPlugin<Url>('Url')!.addFile('https://via.placeholder.com/150')
+    })
+    .getPlugin<Url>('Url')!
+    .addFile('https://via.placeholder.com/150')
 }
diff --git a/packages/@uppy/utils/src/microtip.scss b/packages/@uppy/utils/src/microtip.scss
index 1d952cea85..1e0a291e15 100644
--- a/packages/@uppy/utils/src/microtip.scss
+++ b/packages/@uppy/utils/src/microtip.scss
@@ -17,12 +17,12 @@
   [1] Base Styles
 ------------------------------------------------- */
 
-.uppy-Root [aria-label][role~="tooltip"] {
+.uppy-Root [aria-label][role~='tooltip'] {
   position: relative;
 }
 
-.uppy-Root [aria-label][role~="tooltip"]::before,
-.uppy-Root [aria-label][role~="tooltip"]::after {
+.uppy-Root [aria-label][role~='tooltip']::before,
+.uppy-Root [aria-label][role~='tooltip']::after {
   position: absolute;
   z-index: 10;
   box-sizing: border-box;
@@ -31,17 +31,19 @@
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   opacity: 0;
-  transition: all var(--microtip-transition-duration, 0.18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
+  transition: all var(--microtip-transition-duration, 0.18s)
+    var(--microtip-transition-easing, ease-in-out)
+    var(--microtip-transition-delay, 0s);
   pointer-events: none;
   will-change: transform;
 }
 
-.uppy-Root [aria-label][role~="tooltip"]::before {
+.uppy-Root [aria-label][role~='tooltip']::before {
   background-size: 100% auto !important;
-  content: "";
+  content: '';
 }
 
-.uppy-Root [aria-label][role~="tooltip"]::after {
+.uppy-Root [aria-label][role~='tooltip']::after {
   box-sizing: content-box;
   padding: 0.5em 1em;
   color: #fff;
@@ -54,10 +56,10 @@
   content: attr(aria-label);
 }
 
-.uppy-Root [aria-label][role~="tooltip"]:hover::before,
-.uppy-Root [aria-label][role~="tooltip"]:hover::after,
-.uppy-Root [aria-label][role~="tooltip"]:focus::before,
-.uppy-Root [aria-label][role~="tooltip"]:focus::after {
+.uppy-Root [aria-label][role~='tooltip']:hover::before,
+.uppy-Root [aria-label][role~='tooltip']:hover::after,
+.uppy-Root [aria-label][role~='tooltip']:focus::before,
+.uppy-Root [aria-label][role~='tooltip']:focus::after {
   opacity: 1;
   pointer-events: auto;
 }
@@ -66,59 +68,60 @@
   [2] Position Modifiers
 ------------------------------------------------- */
 
-.uppy-Root [role~="tooltip"][data-microtip-position|="top"]::before {
+.uppy-Root [role~='tooltip'][data-microtip-position|='top']::before {
   bottom: 100%;
   left: 50%;
   width: 18px;
   height: 6px;
   margin-bottom: 5px;
-  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
+  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E')
+    no-repeat;
   transform: translate3d(-50%, 0, 0);
 }
 
-.uppy-Root [role~="tooltip"][data-microtip-position|="top"]::after {
+.uppy-Root [role~='tooltip'][data-microtip-position|='top']::after {
   bottom: 100%;
   left: 50%;
   margin-bottom: 11px;
   transform: translate3d(-50%, 0, 0);
 }
 
-.uppy-Root [role~="tooltip"][data-microtip-position|="top"]:hover::before {
+.uppy-Root [role~='tooltip'][data-microtip-position|='top']:hover::before {
   transform: translate3d(-50%, -5px, 0);
 }
 
-.uppy-Root [role~="tooltip"][data-microtip-position="top"]:hover::after {
+.uppy-Root [role~='tooltip'][data-microtip-position='top']:hover::after {
   transform: translate3d(-50%, -5px, 0);
 }
 
 /* ------------------------------------------------
   [2.1] Top Left
 ------------------------------------------------- */
-.uppy-Root [role~="tooltip"][data-microtip-position="top-left"]::after {
+.uppy-Root [role~='tooltip'][data-microtip-position='top-left']::after {
   bottom: 100%;
   transform: translate3d(calc(-100% + 16px), 0, 0);
 }
 
-.uppy-Root [role~="tooltip"][data-microtip-position="top-left"]:hover::after {
+.uppy-Root [role~='tooltip'][data-microtip-position='top-left']:hover::after {
   transform: translate3d(calc(-100% + 16px), -5px, 0);
 }
 
 /* ------------------------------------------------
   [2.2] Top Right
 ------------------------------------------------- */
-.uppy-Root [role~="tooltip"][data-microtip-position="top-right"]::after {
+.uppy-Root [role~='tooltip'][data-microtip-position='top-right']::after {
   bottom: 100%;
   transform: translate3d(calc(0% + -16px), 0, 0);
 }
 
-.uppy-Root [role~="tooltip"][data-microtip-position="top-right"]:hover::after {
+.uppy-Root [role~='tooltip'][data-microtip-position='top-right']:hover::after {
   transform: translate3d(calc(0% + -16px), -5px, 0);
 }
 
 /* ------------------------------------------------
   [2.3] Bottom
 ------------------------------------------------- */
-.uppy-Root [role~="tooltip"][data-microtip-position|="bottom"]::before {
+.uppy-Root [role~='tooltip'][data-microtip-position|='bottom']::before {
   top: 100%;
   bottom: auto;
   left: 50%;
@@ -126,54 +129,57 @@
   height: 6px;
   margin-top: 5px;
   margin-bottom: 0;
-  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
+  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E')
+    no-repeat;
   transform: translate3d(-50%, -10px, 0);
 }
 
-.uppy-Root [role~="tooltip"][data-microtip-position|="bottom"]::after {
+.uppy-Root [role~='tooltip'][data-microtip-position|='bottom']::after {
   top: 100%;
   left: 50%;
   margin-top: 11px;
   transform: translate3d(-50%, -10px, 0);
 }
 
-.uppy-Root [role~="tooltip"][data-microtip-position|="bottom"]:hover::before {
+.uppy-Root [role~='tooltip'][data-microtip-position|='bottom']:hover::before {
   transform: translate3d(-50%, 0, 0);
 }
 
-.uppy-Root [role~="tooltip"][data-microtip-position="bottom"]:hover::after {
+.uppy-Root [role~='tooltip'][data-microtip-position='bottom']:hover::after {
   transform: translate3d(-50%, 0, 0);
 }
 
 /* ------------------------------------------------
   [2.4] Bottom Left
 ------------------------------------------------- */
-.uppy-Root [role~="tooltip"][data-microtip-position="bottom-left"]::after {
+.uppy-Root [role~='tooltip'][data-microtip-position='bottom-left']::after {
   top: 100%;
   transform: translate3d(calc(-100% + 16px), -10px, 0);
 }
 
-.uppy-Root [role~="tooltip"][data-microtip-position="bottom-left"]:hover::after {
+.uppy-Root
+  [role~='tooltip'][data-microtip-position='bottom-left']:hover::after {
   transform: translate3d(calc(-100% + 16px), 0, 0);
 }
 
 /* ------------------------------------------------
   [2.5] Bottom Right
 ------------------------------------------------- */
-.uppy-Root [role~="tooltip"][data-microtip-position="bottom-right"]::after {
+.uppy-Root [role~='tooltip'][data-microtip-position='bottom-right']::after {
   top: 100%;
   transform: translate3d(calc(0% + -16px), -10px, 0);
 }
 
-.uppy-Root [role~="tooltip"][data-microtip-position="bottom-right"]:hover::after {
+.uppy-Root
+  [role~='tooltip'][data-microtip-position='bottom-right']:hover::after {
   transform: translate3d(calc(0% + -16px), 0, 0);
 }
 
 /* ------------------------------------------------
   [2.6] Left
 ------------------------------------------------- */
-.uppy-Root [role~="tooltip"][data-microtip-position="left"]::before,
-.uppy-Root [role~="tooltip"][data-microtip-position="left"]::after {
+.uppy-Root [role~='tooltip'][data-microtip-position='left']::before,
+.uppy-Root [role~='tooltip'][data-microtip-position='left']::after {
   top: 50%;
   right: 100%;
   bottom: auto;
@@ -181,65 +187,67 @@
   transform: translate3d(10px, -50%, 0);
 }
 
-.uppy-Root [role~="tooltip"][data-microtip-position="left"]::before {
+.uppy-Root [role~='tooltip'][data-microtip-position='left']::before {
   width: 6px;
   height: 18px;
   margin-right: 5px;
   margin-bottom: 0;
-  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
+  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E')
+    no-repeat;
 }
 
-.uppy-Root [role~="tooltip"][data-microtip-position="left"]::after {
+.uppy-Root [role~='tooltip'][data-microtip-position='left']::after {
   margin-right: 11px;
 }
 
-.uppy-Root [role~="tooltip"][data-microtip-position="left"]:hover::before,
-.uppy-Root [role~="tooltip"][data-microtip-position="left"]:hover::after {
+.uppy-Root [role~='tooltip'][data-microtip-position='left']:hover::before,
+.uppy-Root [role~='tooltip'][data-microtip-position='left']:hover::after {
   transform: translate3d(0, -50%, 0);
 }
 
 /* ------------------------------------------------
   [2.7] Right
 ------------------------------------------------- */
-.uppy-Root [role~="tooltip"][data-microtip-position="right"]::before,
-.uppy-Root [role~="tooltip"][data-microtip-position="right"]::after {
+.uppy-Root [role~='tooltip'][data-microtip-position='right']::before,
+.uppy-Root [role~='tooltip'][data-microtip-position='right']::after {
   top: 50%;
   bottom: auto;
   left: 100%;
   transform: translate3d(-10px, -50%, 0);
 }
 
-.uppy-Root [role~="tooltip"][data-microtip-position="right"]::before {
+.uppy-Root [role~='tooltip'][data-microtip-position='right']::before {
   width: 6px;
   height: 18px;
   margin-bottom: 0;
   margin-left: 5px;
-  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
+  background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E')
+    no-repeat;
 }
 
-.uppy-Root [role~="tooltip"][data-microtip-position="right"]::after {
+.uppy-Root [role~='tooltip'][data-microtip-position='right']::after {
   margin-left: 11px;
 }
 
-.uppy-Root [role~="tooltip"][data-microtip-position="right"]:hover::before,
-.uppy-Root [role~="tooltip"][data-microtip-position="right"]:hover::after {
+.uppy-Root [role~='tooltip'][data-microtip-position='right']:hover::before,
+.uppy-Root [role~='tooltip'][data-microtip-position='right']:hover::after {
   transform: translate3d(0, -50%, 0);
 }
 
 /* ------------------------------------------------
   [3] Size
 ------------------------------------------------- */
-.uppy-Root [role~="tooltip"][data-microtip-size="small"]::after {
+.uppy-Root [role~='tooltip'][data-microtip-size='small']::after {
   width: 80px;
   white-space: initial;
 }
 
-.uppy-Root [role~="tooltip"][data-microtip-size="medium"]::after {
+.uppy-Root [role~='tooltip'][data-microtip-size='medium']::after {
   width: 150px;
   white-space: initial;
 }
 
-.uppy-Root [role~="tooltip"][data-microtip-size="large"]::after {
+.uppy-Root [role~='tooltip'][data-microtip-size='large']::after {
   width: 260px;
   white-space: initial;
 }
diff --git a/packages/@uppy/utils/types/index.d.ts b/packages/@uppy/utils/types/index.d.ts
index e1ad9276a2..b216156497 100644
--- a/packages/@uppy/utils/types/index.d.ts
+++ b/packages/@uppy/utils/types/index.d.ts
@@ -9,11 +9,11 @@ declare module '@uppy/utils/lib/Translator' {
   }
 
   class Translator {
-    constructor (opts: Translator.Locale | Translator.Locale[])
+    constructor(opts: Translator.Locale | Translator.Locale[])
 
-    translate (key: string, options: Record<string, unknown>): string
+    translate(key: string, options: Record<string, unknown>): string
 
-    translateArray (key: string, options: Record<string, unknown>): any[]
+    translateArray(key: string, options: Record<string, unknown>): any[]
   }
 
   export default Translator
@@ -29,11 +29,11 @@ declare module '@uppy/utils/lib/EventManager' {
   }
 
   class EventManager {
-    constructor (emitter: EventManager.Emitter)
+    constructor(emitter: EventManager.Emitter)
 
-    on (event: string, handler: EventManager.EventHandler): void
+    on(event: string, handler: EventManager.EventHandler): void
 
-    remove (): void
+    remove(): void
   }
 
   export default EventManager
@@ -41,11 +41,11 @@ declare module '@uppy/utils/lib/EventManager' {
 
 declare module '@uppy/utils/lib/ProgressTimeout' {
   class ProgressTimeout {
-    constructor (timeout: number, timeoutHandler: () => void)
+    constructor(timeout: number, timeoutHandler: () => void)
 
-    progress (): void
+    progress(): void
 
-    done (): void
+    done(): void
   }
   export default ProgressTimeout
 }
@@ -58,8 +58,8 @@ declare module '@uppy/utils/lib/RateLimitedQueue' {
       abortOn(signal: AbortSignal): this
     }
     export type QueueEntry = {
-      abort: () => void,
-      done: () => void,
+      abort: () => void
+      done: () => void
     }
     export type QueueOptions = {
       priority?: number
@@ -73,7 +73,7 @@ declare module '@uppy/utils/lib/RateLimitedQueue' {
 
     run(
       fn: () => RateLimitedQueue.AbortFunction,
-      queueOptions?: RateLimitedQueue.QueueOptions
+      queueOptions?: RateLimitedQueue.QueueOptions,
     ): RateLimitedQueue.QueueEntry
 
     rateLimit(duration: number): void
@@ -84,7 +84,7 @@ declare module '@uppy/utils/lib/RateLimitedQueue' {
 
     wrapPromiseFunction(
       fn: () => (...args: any[]) => Promise<any>,
-      queueOptions?: RateLimitedQueue.QueueOptions
+      queueOptions?: RateLimitedQueue.QueueOptions,
     ): (...args: any[]) => RateLimitedQueue.AbortablePromise<any>
   }
 
@@ -92,26 +92,26 @@ declare module '@uppy/utils/lib/RateLimitedQueue' {
 }
 
 declare module '@uppy/utils/lib/canvasToBlob' {
-  function canvasToBlob (
+  function canvasToBlob(
     canvas: HTMLCanvasElement,
     type: string,
-    quality?: number
+    quality?: number,
   ): Promise<Blob>
   export default canvasToBlob
 }
 
 declare module '@uppy/utils/lib/dataURItoBlob' {
-  function dataURItoBlob (
+  function dataURItoBlob(
     dataURI: string,
-    opts: { mimeType?: string; name?: string }
+    opts: { mimeType?: string; name?: string },
   ): Blob
   export default dataURItoBlob
 }
 
 declare module '@uppy/utils/lib/dataURItoFile' {
-  function dataURItoFile (
+  function dataURItoFile(
     dataURI: string,
-    opts: { mimeType?: string; name?: string }
+    opts: { mimeType?: string; name?: string },
   ): File
   export default dataURItoFile
 }
@@ -125,33 +125,33 @@ declare module '@uppy/utils/lib/emitSocketProgress' {
     bytesTotal: number
   }
 
-  function emitSocketProgress (
+  function emitSocketProgress(
     uploader: unknown,
     progressData: ProgressData,
-    file: UppyFile
+    file: UppyFile,
   ): void
   export default emitSocketProgress
 }
 
 declare module '@uppy/utils/lib/findAllDOMElements' {
-  function findAllDOMElements (element: string | HTMLElement): HTMLElement[]
+  function findAllDOMElements(element: string | HTMLElement): HTMLElement[]
   export default findAllDOMElements
 }
 
 declare module '@uppy/utils/lib/findDOMElement' {
-  function findDOMElement (element: string | HTMLElement): HTMLElement | null
+  function findDOMElement(element: string | HTMLElement): HTMLElement | null
   export default findDOMElement
 }
 
 declare module '@uppy/utils/lib/generateFileID' {
   import type { UppyFile } from '@uppy/utils'
 
-  function generateFileID (file: UppyFile): string
+  function generateFileID(file: UppyFile): string
   export default generateFileID
 }
 
 declare module '@uppy/utils/lib/getBytesRemaining' {
-  function getBytesRemaining (progress: {
+  function getBytesRemaining(progress: {
     bytesTotal: number
     bytesUploaded: number
   }): number
@@ -159,36 +159,37 @@ declare module '@uppy/utils/lib/getBytesRemaining' {
 }
 
 declare module '@uppy/utils/lib/getETA' {
-  function getETA (progress: unknown): number
+  function getETA(progress: unknown): number
   export default getETA
 }
 
 declare module '@uppy/utils/lib/getFileNameAndExtension' {
-  function getFileNameAndExtension(
-    filename: string
-  ): { name: string, extension: string | undefined }
+  function getFileNameAndExtension(filename: string): {
+    name: string
+    extension: string | undefined
+  }
   export default getFileNameAndExtension
 }
 
 declare module '@uppy/utils/lib/getFileType' {
   import type { UppyFile } from '@uppy/utils'
 
-  function getFileType (file: UppyFile): string
+  function getFileType(file: UppyFile): string
   export default getFileType
 }
 
 declare module '@uppy/utils/lib/getFileTypeExtension' {
-  function getFileTypeExtension (mime: string): string
+  function getFileTypeExtension(mime: string): string
   export default getFileTypeExtension
 }
 
 declare module '@uppy/utils/lib/getSocketHost' {
-  function getSocketHost (url: string): string
+  function getSocketHost(url: string): string
   export default getSocketHost
 }
 
 declare module '@uppy/utils/lib/getSpeed' {
-  function getSpeed (progress: {
+  function getSpeed(progress: {
     bytesUploaded: number
     uploadStarted: number
   }): number
@@ -196,54 +197,54 @@ declare module '@uppy/utils/lib/getSpeed' {
 }
 
 declare module '@uppy/utils/lib/getTimeStamp' {
-  function getTimeStamp (): string
+  function getTimeStamp(): string
   export default getTimeStamp
 }
 
 declare module '@uppy/utils/lib/isDOMElement' {
-  function isDOMElement (element: any): boolean
+  function isDOMElement(element: any): boolean
   export default isDOMElement
 }
 
 declare module '@uppy/utils/lib/isObjectURL' {
-  function isObjectURL (url: string): boolean
+  function isObjectURL(url: string): boolean
   export default isObjectURL
 }
 
 declare module '@uppy/utils/lib/isDragDropSupported' {
-  function isDragDropSupported (): boolean
+  function isDragDropSupported(): boolean
   export default isDragDropSupported
 }
 
 declare module '@uppy/utils/lib/isPreviewSupported' {
-  function isPreviewSupported (mime: string): boolean
+  function isPreviewSupported(mime: string): boolean
   export default isPreviewSupported
 }
 
 declare module '@uppy/utils/lib/isTouchDevice' {
-  function isTouchDevice (): boolean
+  function isTouchDevice(): boolean
   export default isTouchDevice
 }
 
 declare module '@uppy/utils/lib/prettyETA' {
-  function prettyETA (seconds: number): string
+  function prettyETA(seconds: number): string
   export default prettyETA
 }
 
 declare module '@uppy/utils/lib/secondsToTime' {
-  function secondsToTime (seconds: number): string
+  function secondsToTime(seconds: number): string
   export default secondsToTime
 }
 
 declare module '@uppy/utils/lib/settle' {
-  function settle<T> (
-    promises: Promise<T>[]
+  function settle<T>(
+    promises: Promise<T>[],
   ): Promise<{ successful: T[]; failed: any[] }>
   export default settle
 }
 
 declare module '@uppy/utils/lib/toArray' {
-  function toArray (list: any): any[]
+  function toArray(list: any): any[]
   export default toArray
 }
 
@@ -252,25 +253,27 @@ declare module '@uppy/utils/lib/AbortController' {
 
   export const AbortController: typeof globalThis.AbortController
   export const AbortSignal: typeof globalThis.AbortSignal
-  export function createAbortError(message?: string, options?: ErrorOptions): DOMException
+  export function createAbortError(
+    message?: string,
+    options?: ErrorOptions,
+  ): DOMException
 }
 
 declare module '@uppy/utils/lib/getDroppedFiles' {
-  function getDroppedFiles (
+  function getDroppedFiles(
     dataTransfer: DataTransfer,
-    options?: Record<string, unknown>
+    options?: Record<string, unknown>,
   ): Promise<File[]>
   export default getDroppedFiles
 }
 
 declare module '@uppy/utils/lib/getTextDirection' {
-  function getTextDirection (element: Node): string|undefined
+  function getTextDirection(element: Node): string | undefined
   export default getTextDirection
 }
 
 declare module '@uppy/utils/lib/isNetworkError' {
-  export default function isNetworkError (xhr: any): boolean
-
+  export default function isNetworkError(xhr: any): boolean
 }
 
 declare module '@uppy/utils/lib/NetworkError' {
@@ -281,7 +284,7 @@ declare module '@uppy/utils/lib/NetworkError' {
 
     readonly request?: XMLHttpRequest
 
-    constructor (error: any, xhr?: XMLHttpRequest)
+    constructor(error: any, xhr?: XMLHttpRequest)
   }
 
   export default NetworkError
@@ -293,20 +296,27 @@ declare module '@uppy/utils/lib/FOCUSABLE_ELEMENTS' {
 }
 
 declare module '@uppy/utils/lib/truncateString' {
-  export default function truncateString (string: string, maxLength: number): string
+  export default function truncateString(
+    string: string,
+    maxLength: number,
+  ): string
 }
 
 declare module '@uppy/utils/lib/remoteFileObjToLocal' {
-  export default function remoteFileObjToLocal (file: object): Record<string, unknown>
+  export default function remoteFileObjToLocal(
+    file: object,
+  ): Record<string, unknown>
 }
 
 declare module '@uppy/utils/lib/fetchWithNetworkError' {
-  export default function fetchWithNetworkError (...options: unknown[]): Promise<Response>
+  export default function fetchWithNetworkError(
+    ...options: unknown[]
+  ): Promise<Response>
 }
 
 declare module '@uppy/utils/lib/ErrorWithCause' {
   interface ErrorOptions {
-    cause?: unknown;
+    cause?: unknown
   }
 
   export default class ErrorWithCause extends Error {
@@ -314,16 +324,19 @@ declare module '@uppy/utils/lib/ErrorWithCause' {
 
     isNetworkError?: true
 
-    constructor (message: string, options?: ErrorOptions)
+    constructor(message: string, options?: ErrorOptions)
   }
 }
 
 declare module '@uppy/utils/lib/delay' {
-  export default function delay (ms:number, opts?: {signal: AbortSignal}): Promise<void>
+  export default function delay(
+    ms: number,
+    opts?: { signal: AbortSignal },
+  ): Promise<void>
 }
 
 declare module '@uppy/utils/lib/hasProperty' {
-  export default function has (object: any, key: string): boolean
+  export default function has(object: any, key: string): boolean
 }
 
 declare module '@uppy/utils/lib/mimeTypes' {
@@ -337,7 +350,7 @@ declare module '@uppy/utils' {
     [key: number]: T
   }
   export type InternalMetadata = { name: string; type?: string }
-  export interface FileProgress  {
+  export interface FileProgress {
     uploadStarted: number | null
     uploadComplete: boolean
     percentage: number
@@ -346,7 +359,7 @@ declare module '@uppy/utils' {
   }
   export interface UppyFile<
     TMeta = IndexedObject<any>,
-    TBody = IndexedObject<any>
+    TBody = IndexedObject<any>,
   > {
     data: Blob | File
     extension: string
@@ -372,8 +385,8 @@ declare module '@uppy/utils' {
     }
   }
   export interface Store {
-    getState (): Record<string, unknown>
-    setState (patch: Record<string, unknown>): void
-    subscribe (listener: any): () => void
+    getState(): Record<string, unknown>
+    setState(patch: Record<string, unknown>): void
+    subscribe(listener: any): () => void
   }
 }
diff --git a/packages/@uppy/vue/types/dashboard-modal.d.ts b/packages/@uppy/vue/types/dashboard-modal.d.ts
index ff23025e48..553219ee60 100644
--- a/packages/@uppy/vue/types/dashboard-modal.d.ts
+++ b/packages/@uppy/vue/types/dashboard-modal.d.ts
@@ -3,17 +3,23 @@ import type { Uppy, UIPlugin, BasePlugin } from '@uppy/core'
 import type DashboardPlugin from '@uppy/dashboard'
 
 interface Data {
-    plugin: DashboardPlugin;
+  plugin: DashboardPlugin
 }
 interface Props {
-    uppy: Uppy;
-    props: Record<string, unknown>;
-    plugins: Array<UIPlugin | BasePlugin>
-    open: boolean;
+  uppy: Uppy
+  props: Record<string, unknown>
+  plugins: Array<UIPlugin | BasePlugin>
+  open: boolean
 }
 interface Methods {
-    installPlugin(): void;
-    uninstallPlugin(uppy: Uppy): void;
+  installPlugin(): void
+  uninstallPlugin(uppy: Uppy): void
 }
-declare const exports: import('vue/types/vue').ExtendedVue<Vue, Data, Methods, unknown, Props>
+declare const exports: import('vue/types/vue').ExtendedVue<
+  Vue,
+  Data,
+  Methods,
+  unknown,
+  Props
+>
 export default exports
diff --git a/packages/@uppy/vue/types/dashboard.d.ts b/packages/@uppy/vue/types/dashboard.d.ts
index e22aa10989..e108769ce5 100644
--- a/packages/@uppy/vue/types/dashboard.d.ts
+++ b/packages/@uppy/vue/types/dashboard.d.ts
@@ -3,16 +3,22 @@ import type { Uppy, UIPlugin, BasePlugin } from '@uppy/core'
 import type DashboardPlugin from '@uppy/dashboard'
 
 interface Data {
-    plugin: DashboardPlugin;
+  plugin: DashboardPlugin
 }
 interface Props {
-    uppy: Uppy;
-    props: Record<string, unknown>;
-    plugins: Array<UIPlugin | BasePlugin>
+  uppy: Uppy
+  props: Record<string, unknown>
+  plugins: Array<UIPlugin | BasePlugin>
 }
 interface Methods {
-    installPlugin(): void;
-    uninstallPlugin(uppy: Uppy): void;
+  installPlugin(): void
+  uninstallPlugin(uppy: Uppy): void
 }
-declare const exports: import('vue/types/vue').ExtendedVue<Vue, Data, Methods, unknown, Props>
+declare const exports: import('vue/types/vue').ExtendedVue<
+  Vue,
+  Data,
+  Methods,
+  unknown,
+  Props
+>
 export default exports
diff --git a/packages/@uppy/vue/types/drag-drop.d.ts b/packages/@uppy/vue/types/drag-drop.d.ts
index 76968feff2..929ba0989e 100644
--- a/packages/@uppy/vue/types/drag-drop.d.ts
+++ b/packages/@uppy/vue/types/drag-drop.d.ts
@@ -2,16 +2,22 @@ import Vue from 'vue'
 import type { Uppy, UIPlugin, BasePlugin } from '@uppy/core'
 
 interface Data {
-    plugin: UIPlugin | BasePlugin;
+  plugin: UIPlugin | BasePlugin
 }
 interface Props {
-    uppy: Uppy;
-    props: Record<string, unknown>;
+  uppy: Uppy
+  props: Record<string, unknown>
 }
 interface Methods {
-    installPlugin(): void;
-    uninstallPlugin(uppy: Uppy): void;
+  installPlugin(): void
+  uninstallPlugin(uppy: Uppy): void
 }
-declare const exports: import('vue/types/vue').ExtendedVue<Vue, Data, Methods, unknown, Props>
+declare const exports: import('vue/types/vue').ExtendedVue<
+  Vue,
+  Data,
+  Methods,
+  unknown,
+  Props
+>
 
 export default exports
diff --git a/packages/@uppy/vue/types/file-input.d.ts b/packages/@uppy/vue/types/file-input.d.ts
index e74e08a73a..956f6b7a77 100644
--- a/packages/@uppy/vue/types/file-input.d.ts
+++ b/packages/@uppy/vue/types/file-input.d.ts
@@ -2,15 +2,21 @@ import Vue from 'vue'
 import type { Uppy, UIPlugin, BasePlugin } from '@uppy/core'
 
 interface Data {
-    plugin: UIPlugin | BasePlugin;
+  plugin: UIPlugin | BasePlugin
 }
 interface Props {
-    uppy: Uppy;
-    props: Record<string, unknown>;
+  uppy: Uppy
+  props: Record<string, unknown>
 }
 interface Methods {
-    installPlugin(): void;
-    uninstallPlugin(uppy: Uppy): void;
+  installPlugin(): void
+  uninstallPlugin(uppy: Uppy): void
 }
-declare const exports: import('vue/types/vue').ExtendedVue<Vue, Data, Methods, unknown, Props>
+declare const exports: import('vue/types/vue').ExtendedVue<
+  Vue,
+  Data,
+  Methods,
+  unknown,
+  Props
+>
 export default exports
diff --git a/packages/@uppy/vue/types/progress-bar.d.ts b/packages/@uppy/vue/types/progress-bar.d.ts
index e74e08a73a..956f6b7a77 100644
--- a/packages/@uppy/vue/types/progress-bar.d.ts
+++ b/packages/@uppy/vue/types/progress-bar.d.ts
@@ -2,15 +2,21 @@ import Vue from 'vue'
 import type { Uppy, UIPlugin, BasePlugin } from '@uppy/core'
 
 interface Data {
-    plugin: UIPlugin | BasePlugin;
+  plugin: UIPlugin | BasePlugin
 }
 interface Props {
-    uppy: Uppy;
-    props: Record<string, unknown>;
+  uppy: Uppy
+  props: Record<string, unknown>
 }
 interface Methods {
-    installPlugin(): void;
-    uninstallPlugin(uppy: Uppy): void;
+  installPlugin(): void
+  uninstallPlugin(uppy: Uppy): void
 }
-declare const exports: import('vue/types/vue').ExtendedVue<Vue, Data, Methods, unknown, Props>
+declare const exports: import('vue/types/vue').ExtendedVue<
+  Vue,
+  Data,
+  Methods,
+  unknown,
+  Props
+>
 export default exports
diff --git a/packages/@uppy/vue/types/status-bar.d.ts b/packages/@uppy/vue/types/status-bar.d.ts
index e74e08a73a..956f6b7a77 100644
--- a/packages/@uppy/vue/types/status-bar.d.ts
+++ b/packages/@uppy/vue/types/status-bar.d.ts
@@ -2,15 +2,21 @@ import Vue from 'vue'
 import type { Uppy, UIPlugin, BasePlugin } from '@uppy/core'
 
 interface Data {
-    plugin: UIPlugin | BasePlugin;
+  plugin: UIPlugin | BasePlugin
 }
 interface Props {
-    uppy: Uppy;
-    props: Record<string, unknown>;
+  uppy: Uppy
+  props: Record<string, unknown>
 }
 interface Methods {
-    installPlugin(): void;
-    uninstallPlugin(uppy: Uppy): void;
+  installPlugin(): void
+  uninstallPlugin(uppy: Uppy): void
 }
-declare const exports: import('vue/types/vue').ExtendedVue<Vue, Data, Methods, unknown, Props>
+declare const exports: import('vue/types/vue').ExtendedVue<
+  Vue,
+  Data,
+  Methods,
+  unknown,
+  Props
+>
 export default exports
diff --git a/packages/@uppy/webcam/src/style.scss b/packages/@uppy/webcam/src/style.scss
index 86c70e481f..34dc60ea3c 100644
--- a/packages/@uppy/webcam/src/style.scss
+++ b/packages/@uppy/webcam/src/style.scss
@@ -68,8 +68,12 @@
   text-overflow: ellipsis;
   background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23757575%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
   background-repeat: no-repeat;
-  background-position: right 0.4em top 50%, 0 0;
-  background-size: 0.65em auto, 100%;
+  background-position:
+    right 0.4em top 50%,
+    0 0;
+  background-size:
+    0.65em auto,
+    100%;
   border: 1px solid $gray-600;
 
   .uppy-size--lg & {
@@ -97,7 +101,8 @@
   flex-grow: 0;
   width: 25%;
   color: $gray-600;
-  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
+    'Courier New', monospace;
   text-align: right;
 }
 
@@ -120,7 +125,7 @@
     background-color: darken($red, 5%);
   }
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     @include blue-border-focus--dark;
   }
 }
@@ -191,7 +196,7 @@
   line-height: 1.35;
   text-align: center;
 
-  [data-uppy-theme="dark"] & {
+  [data-uppy-theme='dark'] & {
     color: $gray-200;
   }
 }
diff --git a/packages/@uppy/webcam/types/index.d.ts b/packages/@uppy/webcam/types/index.d.ts
index 88028dfde2..1fc6c987c0 100644
--- a/packages/@uppy/webcam/types/index.d.ts
+++ b/packages/@uppy/webcam/types/index.d.ts
@@ -1,30 +1,26 @@
 import type { PluginTarget, UIPlugin, UIPluginOptions } from '@uppy/core'
 import WebcamLocale from './generatedLocale'
 
-export type WebcamMode =
-    | 'video-audio'
-    | 'video-only'
-    | 'audio-only'
-    | 'picture'
+export type WebcamMode = 'video-audio' | 'video-only' | 'audio-only' | 'picture'
 
 export interface WebcamOptions extends UIPluginOptions {
-    target?: PluginTarget
-    onBeforeSnapshot?: () => Promise<void>
-    countdown?: number | boolean
-    mirror?: boolean
-    /**
-     * @deprecated Use `videoConstraints.facingMode` instead.
-     */
-    facingMode?: string
-    showVideoSourceDropdown?: boolean
-    modes?: WebcamMode[]
-    locale?: WebcamLocale
-    title?: string
-    videoConstraints?: MediaTrackConstraints
-    showRecordingLength?: boolean
-    preferredImageMimeType?: string
-    preferredVideoMimeType?: string
-    mobileNativeCamera?: boolean
+  target?: PluginTarget
+  onBeforeSnapshot?: () => Promise<void>
+  countdown?: number | boolean
+  mirror?: boolean
+  /**
+   * @deprecated Use `videoConstraints.facingMode` instead.
+   */
+  facingMode?: string
+  showVideoSourceDropdown?: boolean
+  modes?: WebcamMode[]
+  locale?: WebcamLocale
+  title?: string
+  videoConstraints?: MediaTrackConstraints
+  showRecordingLength?: boolean
+  preferredImageMimeType?: string
+  preferredVideoMimeType?: string
+  mobileNativeCamera?: boolean
 }
 
 declare class Webcam extends UIPlugin<WebcamOptions> {}
diff --git a/packages/@uppy/webcam/types/index.test-d.ts b/packages/@uppy/webcam/types/index.test-d.ts
index b51e58ea22..c9c89daa4b 100644
--- a/packages/@uppy/webcam/types/index.test-d.ts
+++ b/packages/@uppy/webcam/types/index.test-d.ts
@@ -14,9 +14,11 @@ new Uppy().use(Webcam, {
   },
 })
 
-expectError(new Uppy().use(Webcam, {
-  modes: ['video-only'],
-  videoConstraints: {
-    width: 'not a number har har',
-  },
-}))
+expectError(
+  new Uppy().use(Webcam, {
+    modes: ['video-only'],
+    videoConstraints: {
+      width: 'not a number har har',
+    },
+  }),
+)
diff --git a/packages/@uppy/xhr-upload/types/index.d.ts b/packages/@uppy/xhr-upload/types/index.d.ts
index 0f2564c231..27ecbfd9ce 100644
--- a/packages/@uppy/xhr-upload/types/index.d.ts
+++ b/packages/@uppy/xhr-upload/types/index.d.ts
@@ -2,26 +2,30 @@ import type { PluginOptions, BasePlugin, UppyFile } from '@uppy/core'
 import XHRUploadLocale from './generatedLocale'
 
 export type Headers = {
-   [name: string]: string | number
+  [name: string]: string | number
 }
 
 export interface XHRUploadOptions extends PluginOptions {
-    limit?: number
-    bundle?: boolean
-    formData?: boolean
-    headers?: Headers | ((file: UppyFile) => Headers)
-    allowedMetaFields?: string[] | null
-    fieldName?: string
-    timeout?: number
-    responseUrlFieldName?: string
-    endpoint: string
-    method?: 'GET' | 'POST' | 'PUT' | 'HEAD' | 'get' | 'post' | 'put' | 'head'
-    locale?: XHRUploadLocale
-    responseType?: string
-    withCredentials?: boolean
-    validateStatus?: (statusCode: number, responseText: string, response: unknown) => boolean
-    getResponseData?: (responseText: string, response: unknown) => any
-    getResponseError?: (responseText: string, xhr: unknown) => Error
+  limit?: number
+  bundle?: boolean
+  formData?: boolean
+  headers?: Headers | ((file: UppyFile) => Headers)
+  allowedMetaFields?: string[] | null
+  fieldName?: string
+  timeout?: number
+  responseUrlFieldName?: string
+  endpoint: string
+  method?: 'GET' | 'POST' | 'PUT' | 'HEAD' | 'get' | 'post' | 'put' | 'head'
+  locale?: XHRUploadLocale
+  responseType?: string
+  withCredentials?: boolean
+  validateStatus?: (
+    statusCode: number,
+    responseText: string,
+    response: unknown,
+  ) => boolean
+  getResponseData?: (responseText: string, response: unknown) => any
+  getResponseError?: (responseText: string, xhr: unknown) => Error
 }
 
 declare class XHRUpload extends BasePlugin<XHRUploadOptions> {}
diff --git a/packages/@uppy/zoom/types/index.d.ts b/packages/@uppy/zoom/types/index.d.ts
index 6c380b675e..6f649d33ae 100644
--- a/packages/@uppy/zoom/types/index.d.ts
+++ b/packages/@uppy/zoom/types/index.d.ts
@@ -1,10 +1,13 @@
 import type { PluginTarget, UIPlugin, UIPluginOptions } from '@uppy/core'
-import type { TokenStorage, PublicProviderOptions } from '@uppy/companion-client'
+import type {
+  TokenStorage,
+  PublicProviderOptions,
+} from '@uppy/companion-client'
 
 interface ZoomOptions extends UIPluginOptions, PublicProviderOptions {
-    target?: PluginTarget
-    title?: string
-    storage?: TokenStorage
+  target?: PluginTarget
+  title?: string
+  storage?: TokenStorage
 }
 
 declare class Zoom extends UIPlugin<ZoomOptions> {}
diff --git a/packages/uppy/types/index.test-d.ts b/packages/uppy/types/index.test-d.ts
index bbbbf0b449..e2beab6fae 100644
--- a/packages/uppy/types/index.test-d.ts
+++ b/packages/uppy/types/index.test-d.ts
@@ -1,6 +1,6 @@
-import * as Uppy from '..';
-
-(() => {
+import * as Uppy from '..'
+// eslint-disable-next-line import/newline-after-import
+;(() => {
   const uppy = new Uppy.Uppy({ autoProceed: false })
   uppy.use(Uppy.Dashboard, { trigger: '#up_load_file_01' })
   uppy.use(Uppy.DragDrop, { target: '#ttt' })
@@ -12,13 +12,18 @@ import * as Uppy from '..';
   uppy.on('upload-success', (fileCount, body, uploadurl) => {
     console.log(fileCount, body, uploadurl, ` files uploaded`)
   })
-})();
-
-(() => {
+})()
+;(() => {
   new Uppy.Uppy({ autoProceed: false })
     .use(Uppy.Dashboard, { trigger: '#select-files' })
-    .use(Uppy.GoogleDrive, { target: Uppy.Dashboard, companionUrl: 'https://companion.uppy.io' })
-    .use(Uppy.Instagram, { target: Uppy.Dashboard, companionUrl: 'https://companion.uppy.io' })
+    .use(Uppy.GoogleDrive, {
+      target: Uppy.Dashboard,
+      companionUrl: 'https://companion.uppy.io',
+    })
+    .use(Uppy.Instagram, {
+      target: Uppy.Dashboard,
+      companionUrl: 'https://companion.uppy.io',
+    })
     .use(Uppy.Webcam, { target: Uppy.Dashboard })
     .use(Uppy.ScreenCapture)
     .use(Uppy.Tus, { endpoint: 'https://tusd.tusdemo.net/files/' })
@@ -26,9 +31,8 @@ import * as Uppy from '..';
   uppy.on('complete', (result) => {
     console.log('Upload result:', result)
   })
-})();
-
-(() => {
+})()
+;(() => {
   const uppy = new Uppy.Uppy()
   uppy.use(Uppy.DragDrop, { target: '.UppyDragDrop' })
   uppy.use(Uppy.Tus, { endpoint: '//tusd.tusdemo.net/files/' })
diff --git a/private/dev/dragdrop.html b/private/dev/dragdrop.html
index 2cdfa09e96..7579101fa1 100644
--- a/private/dev/dragdrop.html
+++ b/private/dev/dragdrop.html
@@ -1,8 +1,8 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Drag-Drop</title>
   </head>
   <body>
@@ -16,10 +16,10 @@
     <main class="foo">
       <h1>Drag-drop is here</h1>
 
-      <input type="text"/>
+      <input type="text" />
       <div id="uppyDragDrop"></div>
       <div id="uppyDragDrop-progress"></div>
-      <input type="text"/>
+      <input type="text" />
     </main>
 
     <script src="./index.js" type="module"></script>
diff --git a/private/dev/index.html b/private/dev/index.html
index c2f7b92e48..e5515afe32 100644
--- a/private/dev/index.html
+++ b/private/dev/index.html
@@ -1,8 +1,8 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Dashboard</title>
     <style>
       main {
@@ -43,10 +43,11 @@ <h1>Dashboard is here</h1>
 
       <!-- some inputs in a form to check focus management in Dashboard -->
       <form id="upload-form" action="/">
-        <button type="button" id="pick-files">Pick Files</button><br>
-        True ? <input type="checkbox" name="check_test" value="1" checked><br>
-        Something: <input type="text" name="yo" value="1"><br>
-        <input type="hidden" name="bla" value="12333"><br>
+        <button type="button" id="pick-files">Pick Files</button><br />
+        True ?
+        <input type="checkbox" name="check_test" value="1" checked /><br />
+        Something: <input type="text" name="yo" value="1" /><br />
+        <input type="hidden" name="bla" value="12333" /><br />
         <button type="submit">Submit</button>
       </form>
     </main>
diff --git a/private/release/package.json b/private/release/package.json
index 230d01c1af..f265ac7517 100644
--- a/private/release/package.json
+++ b/private/release/package.json
@@ -1,16 +1,16 @@
 {
-	"name": "@uppy-dev/release",
-	"version": "0.0.0",
-	"private": true,
-	"type": "module",
-	"devDependencies": {
-		"globby": "^13.0.0",
-		"node-fetch": "^3.1.0",
-		"prompts": "^2.4.2"
-	},
-	"scripts": {
-		"interactive": "node ./interactive.js",
-		"update-changelogs": "node ./updateChangelogs.js",
-		"update-version-URLs": "node ./afterVersionBump.js"
-	}
+  "name": "@uppy-dev/release",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "devDependencies": {
+    "globby": "^13.0.0",
+    "node-fetch": "^3.1.0",
+    "prompts": "^2.4.2"
+  },
+  "scripts": {
+    "interactive": "node ./interactive.js",
+    "update-changelogs": "node ./updateChangelogs.js",
+    "update-version-URLs": "node ./afterVersionBump.js"
+  }
 }
diff --git a/private/vue-template-compiler/package.json b/private/vue-template-compiler/package.json
index 31cede071d..4fab2464d1 100644
--- a/private/vue-template-compiler/package.json
+++ b/private/vue-template-compiler/package.json
@@ -1,6 +1,6 @@
 {
-    "name": "vue-template-compiler",
-    "version": "0.0.1",
-    "private": true,
-    "description": "This package is there only to avoid a version conflict in the Vue2 example."
+  "name": "vue-template-compiler",
+  "version": "0.0.1",
+  "private": true,
+  "description": "This package is there only to avoid a version conflict in the Vue2 example."
 }
diff --git a/tsconfig.json b/tsconfig.json
index d4e8419daf..018a5b1470 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -2,10 +2,7 @@
   "compilerOptions": {
     "target": "esnext",
     "module": "commonjs",
-    "lib": [
-      "dom",
-      "esnext"
-    ],
+    "lib": ["dom", "esnext"],
     "resolveJsonModule": true,
     "allowJs": true,
     "noImplicitAny": true,
@@ -22,7 +19,5 @@
     "packages/*/types/index.d.ts",
     "packages/@uppy/*/types/index.d.ts"
   ],
-  "exclude": [
-    "packages/@uppy/companion"
-  ]
+  "exclude": ["packages/@uppy/companion"]
 }
diff --git a/vitest.config.ts b/vitest.config.ts
index 670ad73206..80c3d76d05 100644
--- a/vitest.config.ts
+++ b/vitest.config.ts
@@ -7,8 +7,6 @@ export default defineConfig({
       '**/angular/**',
       'packages/@uppy/companion/*',
     ],
-    setupFiles: [
-      './private/test/globalSetup.mjs',
-    ],
+    setupFiles: ['./private/test/globalSetup.mjs'],
   },
 })