fix the other renderers types

code/frameworks/ember/src/client/preview/types.ts

@@ -1,3 +1,5 @@
+import type { Framework } from '@storybook/types';
+
 export type { RenderContext } from '@storybook/types';
 
 export interface ShowErrorArgs {
@@ -11,7 +13,7 @@ export interface OptionsArgs {
   element: any;
 }
 
-export type EmberFramework = {
+export interface EmberFramework extends Framework {
   component: any;
   storyResult: OptionsArgs;
-};
+}

code/renderers/html/src/types.ts

@@ -1,4 +1,4 @@
-import type { ArgsStoryFn, StoryContext as DefaultStoryContext } from '@storybook/types';
+import type { ArgsStoryFn, Framework, StoryContext as DefaultStoryContext } from '@storybook/types';
 
 import type { parameters } from './config';
 
@@ -11,10 +11,10 @@ export interface ShowErrorArgs {
   description: string;
 }
 
-export type HtmlFramework = {
+export interface HtmlFramework extends Framework {
   component: string | HTMLElement | ArgsStoryFn<HtmlFramework>;
   storyResult: StoryFnHtmlReturnType;
-};
+}
 
 export type StoryContext = DefaultStoryContext<HtmlFramework> & {
   parameters: DefaultStoryContext<HtmlFramework>['parameters'] & typeof parameters;

code/renderers/preact/src/types.ts

@@ -1,3 +1,4 @@
+import type { Framework } from '@storybook/types';
 import type { AnyComponent } from 'preact';
 
 export type { RenderContext } from '@storybook/types';
@@ -9,7 +10,7 @@ export interface ShowErrorArgs {
   description: string;
 }
 
-export type PreactFramework = {
+export interface PreactFramework extends Framework {
   component: AnyComponent<any, any>;
   storyResult: StoryFnPreactReturnType;
-};
+}

code/renderers/react/src/types.ts

@@ -1,10 +1,10 @@
 import type { ComponentType, ReactElement } from 'react';
-import type { AnyFramework } from '@storybook/types';
+import type { Framework } from '@storybook/types';
 
 export type { Store_RenderContext as RenderContext } from '@storybook/types';
 export type { StoryContext } from '@storybook/types';
 
-export interface ReactFramework extends AnyFramework {
+export interface ReactFramework extends Framework {
   component: ComponentType<this['T']>;
   storyResult: StoryFnReactReturnType;
 }

code/renderers/server/src/types.ts

@@ -1,14 +1,14 @@
-import type { StoryContext as StoryContextBase } from '@storybook/types';
+import type { Framework, StoryContext as StoryContextBase } from '@storybook/types';
 
 export type { RenderContext } from '@storybook/types';
 
 export type StoryFnServerReturnType = any;
 export type StoryContext = StoryContextBase<ServerFramework>;
 
-export type ServerFramework = {
+export interface ServerFramework extends Framework {
   component: string;
   storyResult: StoryFnServerReturnType;
-};
+}
 
 export type FetchStoryHtmlType = (
   url: string,

code/renderers/svelte/src/types.ts

@@ -1,4 +1,4 @@
-import type { AnyFramework, StoryContext as StoryContextBase } from '@storybook/types';
+import type { Framework, StoryContext as StoryContextBase } from '@storybook/types';
 import type { ComponentConstructorOptions, ComponentEvents, SvelteComponentTyped } from 'svelte';
 
 export type StoryContext = StoryContextBase<SvelteFramework>;
@@ -32,7 +32,7 @@ type ComponentType<
 };
 
 export interface SvelteFramework<C extends SvelteComponentTyped = SvelteComponentTyped>
-  extends AnyFramework {
+  extends Framework {
   component: ComponentType<this['T'] extends Record<string, any> ? this['T'] : any>;
   storyResult: this['T'] extends Record<string, any>
     ? SvelteStoryResult<this['T'], ComponentEvents<C>>

code/renderers/vue/src/types.ts

@@ -1,4 +1,4 @@
-import type { StoryContext as StoryContextBase } from '@storybook/types';
+import type { Framework, StoryContext as StoryContextBase } from '@storybook/types';
 import type { Component, AsyncComponent } from 'vue';
 
 export type { RenderContext } from '@storybook/types';
@@ -14,7 +14,7 @@ export type StoryFnVueReturnType =
 
 export type StoryContext = StoryContextBase<VueFramework>;
 
-export type VueFramework = {
+export interface VueFramework extends Framework {
   component: Component<any, any, any, any> | AsyncComponent<any, any, any, any>;
   storyResult: StoryFnVueReturnType;
-};
+}

code/renderers/vue3/src/types.ts

@@ -1,4 +1,4 @@
-import type { AnyFramework, StoryContext as StoryContextBase } from '@storybook/types';
+import type { Framework, StoryContext as StoryContextBase } from '@storybook/types';
 import type { ConcreteComponent } from 'vue';
 
 export type { RenderContext } from '@storybook/types';
@@ -12,7 +12,7 @@ export type StoryFnVueReturnType = ConcreteComponent<any>;
 
 export type StoryContext = StoryContextBase<VueFramework>;
 
-export interface VueFramework extends AnyFramework {
+export interface VueFramework extends Framework {
   // We are omitting props, as we don't use it internally, and more importantly, it completely changes the assignability of meta.component.
   // Try not omitting, and check the type errros in the test file, if you want to learn more.
   component: Omit<ConcreteComponent<this['T']>, 'props'>;

code/renderers/web-components/src/types.ts

@@ -1,14 +1,14 @@
-import type { StoryContext as StoryContextBase } from '@storybook/types';
+import type { Framework, StoryContext as StoryContextBase } from '@storybook/types';
 import type { TemplateResult, SVGTemplateResult } from 'lit-html';
 
 export type StoryFnHtmlReturnType = string | Node | TemplateResult | SVGTemplateResult;
 
 export type StoryContext = StoryContextBase<WebComponentsFramework>;
 
-export type WebComponentsFramework = {
+export interface WebComponentsFramework extends Framework {
   component: string;
   storyResult: StoryFnHtmlReturnType;
-};
+}
 
 export interface ShowErrorArgs {
   title: string;