Allow setting global args in SB 6.5+

[IanVS]

Fixes #395.

This is a little bit tricky to do in a way that supports storybook 6.4 and 6.5. I've used a dynamic import() and a top-level await, in order to wrap the import of the new methods in a try/catch. This has decent browser support, but is not universal. Curious if anyone else has another idea.

I've added example global args in the react and react-ts examples, to show both story store V6 and V7 support. You can simulate storybook 6.4 by changing the destructured imports to addArgsZ and addArgTypesZ, building, and starting an example. You shouldn't see the control, and there shouldn't be any console errors.

[IanVS]

We got failures in some of the example builds (strangely, not all of them).

ERROR: Top-level await is not available in the configured target environment ("chrome87", "edge88", "es2019", "firefox78", "safari13.1")

Should we update our browser support? Or, maybe I need to wrap the whole thing in an async IIFE?

[joshwooding]

Hmm 86% supported globally seems fine to me. I don't have a strong preference either way

[joshwooding]

Would something like this work:

 import * as clientApi from "@storybook/client-api";
const {
  addDecorator,
  addParameters,
  addLoader,
  addArgTypesEnhancer,
  addArgsEnhancer,
  setGlobalRender,
} = clientApi;

  case "args": {
    if (typeof clientApi.addArgs !== "undefined") {
      return clientApi.addArgs(value);
    } else {
      return logger.warn(
        "Could not add global args. Please open an issue in storybookjs/builder-vite."
      );
    }
  }
  case "argTypes": {
    if (typeof clientApi.addArgTypes !== "undefined") {
      return clientApi.addArgTypes(value);
    } else {
      return logger.warn(
        "Could not add global argTypes. Please open an issue in storybookjs/builder-vite."
      );
    }
  }

[IanVS]

Brilliant, that works great. I tested with storybook 6.4 and 6.5, and it behaves correctly, although react is yelling about trying to set globalArg as a prop...

[IanVS]

@joshwooding this is ready for another review whenever you've got some time.

[joshwooding]

LGTM