fix: avoid errors when loading the overlay code in workers

[lgarron]

Description

HTMLElement and customElements are not defined in e.g. web workers. However, Vite sometimes tries to inject the overlay into such workers. Ideally, it would not do so (and would e.g. find another way to notify the developer about issues). But this PR offers a change that allows such workers to run, by avoiding crashes in overlay.ts when it does.

Additional context

Vite 3 requires this fix to successfully run module workers:

import { randomScrambleForEvent } from "cubing/scramble";

(async () => {
  (await randomScrambleForEvent("333")).log();
})();

What is the purpose of this pull request?

• Bug fix
• New Feature
• Documentation update
• Other

Before submitting the PR, please make sure you do the following

• Read the Contributing Guidelines.
• Read the Pull Request Guidelines and follow the Commit Convention.
• Check that there isn't already a PR that solves the problem the same way to avoid creating a duplicate.
• Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).
• Ideally, include relevant tests that fail without this PR but pass with it.

[netlify]

✅ Deploy Preview for vite-docs-main canceled.

Name	Link
🔨 Latest commit	9bbeec2
🔍 Latest deploy log	https://app.netlify.com/sites/vite-docs-main/deploys/62ce4bd0417e8e000881622e

[GuskiS]

Is this getting merged anytime soon? My app doesn't work because web worker raises error about overlay.

[patak-dev]

Thanks for the PR @lgarron, let's merge this as a temporal patch. In Vite 3.1 we should refactor so workers don't include this code (by having a new /@vite/worker virtual module)