Fix chromatic check when process undefined (e.g. vite project)

[neofight78]

In a freshly created vite project dialogs fail to open with this error:

Uncaught ReferenceError: process is not defined
$bc765a7a041310da$export$b847a40ee92eff38 OpenTransition.tsx:40

In a vite project process is not defined and causes a check for chromatic to fail.

This PR fixes this.

[snowystinger]

Thanks for the PR. Have you followed this discussion first? #8189

[neofight78]

I did try to search open issues but didn't find anything. I missed that discussion, although I did see somewhere the define workaround for code that uses process. It seemed to me better just to make it work out of the box though, otherwise people will keep tripping up over it.

[snowystinger]

Yes, I'd like it to just work as well. This PR wouldn't fix all the instances of it though. I think it'd be good to determine how it works for React, as pointed out in that discussion, and use that approach so it's consistent.

[neofight78]

Where else are you seeing problems? This PR fixes the issue in the linked discussion too. As far as I can see other instances of accessing process use process.env.NODE_ENV which is automatically substituted by vite (this is not react specific functionality). For instance if I add this code, I get a message logged as expected:

Other env vars look like they are accessed only in test?

[snowystinger]

Ah, I see, process.env.NODE_ENV is super special to bundlers, that's annoying.

I had at one point tried to solve this with https://parceljs.org/features/node-emulation/#disabling-these-features since we don't really want these code paths to end up in our bundles for process.env.CHROMATIC

but we DO eventually want process.env.VIRT_ON, so that people can use that for testing virtualisation more easily. It'd currently be a possible issue if you're using NODE_ENV===test. If you only use "production", then not a problem.

I'm ok with putting it behind typeof process !== 'undefined' for now but we really need to be removing this code for production