Core: Allow overriding WebView and UrlStore

[tmeasday]

Issue: React Native wants to override these with non-web versions.

What I did

1. Allow passing the view+store into PreviewWeb
2. Create a super class with the properties we need
3. Type everything

How to test

Everything should just pass as before in SB proper.

@shilman I am labelling this as patch because we want to backport to 6.5.x. However it may not apply cleanly due to the type parameterization. We could do a simpler version that doesn't worry about that?

[shilman]

@tmeasday classifying this as a maintenance PR so we can patch it back to 6.5 😈

[dannyhw]

This is great! Thanks for making this happen 🙏

[tmeasday]

Decision: Rename renderToDom to renderToRoot (TStorybookRoot maybe?) and WebProjectAnnotations -> ProjectAnnotations).

[shilman]

Generally LGTM, but are we going to rename Store_WebProjectAnnotations to ProjectAnnotations in a subsequent PR?

[tmeasday]

@shilman I'm doing it in this PR, will be done momentarily.

[tmeasday]

@kasperpeulen after piping the TStorybookRoot through everything that has a TFramework, I'm now thinking I should have just made it part of TFramework -- a third optional parameter that defaults to HTMLElement. WDYT about that?

I guess I would have to do something like:

export type AnyStorybookFramework = AnyFramework & { TStorybookRoot: any };
export type AnyWebStorybookFramework = AnyStorybookFramework & { TStorybookRoot: HTMLElement };

export class PreviewWeb<TFramework extends AnyStorybookFramework> {... }

export interface ReactFramework extends AnyWebStorybookFramework {
  component: ComponentType<this['T']>;
  storyResult: StoryFnReactReturnType;
}

WDYT?

[tmeasday]

Take another look @kasperpeulen and @shilman - we can still move the Framework type up to csf if we want:

storybook/code/lib/types/src/modules/store.ts

Lines 30 to 32 in 95da68c

	export interface Framework extends AnyFramework {
	rootElement: unknown;
	}

[kasperpeulen]

Looks good @tmeasday
I feel this should end up in CSF (both Framework and WebFramework).
As I don't see why this is really Storybook specific.

[shilman]

Looks great to me! 🙌

[tmeasday]

@shilman I removed the patch label as I've created #19904 for the backport.