Typescript compatibility

[mdcorriveau]

Hi,

I'm currently converting my react application and storybook to typescript. I currently have a bunch of error with the addWithInfo which return this error :
TS2339:Property 'addWithInfo' does not exist on type 'Story'.

While react-storybook is already providing a storybook.d.ts file in their package, do you think it'll be a great idea to do the same with react-storybook-addon-info ?

Thanks

[ndelangen]

Hey @mdcorriveau, thank you for reporting! Sounds you know a thing or 2 about typescript, would you be able to help us out by creating a PR?

[thani-sh]

I've never done this before but perhaps we can add a type definition file to this repo which will add the method to the story type. I found this page in typescript documentation about merging type declarations. I'll check it out and comment here.

[mdcorriveau]

I'll take some time to check this out too this monday the 3rd, i'll get back at you if I've found something !

[mdcorriveau]

storybookjs/storybook#33
storybookjs/storybook#700

Here's what the ts configuration of the original storybook module looks like :

declare var module: any; // dangerous

interface StoryDecorator {
(story: Function, context: { kind: string, story: string }): Object;
}

interface Story {
add (storyName: string, callback: Function): Story;
addDecorator (decorator: StoryDecorator): Story;
}

export function addDecorator(decorator: StoryDecorator): void;
export function linkTo(name: string, ...params: any[]): void;
export function storiesOf(name: string, module: any): Story;
export function action(name: string, ...params: any[]): any;

They also have this line in the package.json :

"typings": "./config/storybook.d.ts",

[kudresov]

It would be good to fix this issue. As a temp workaround you could cast storiesOf to make TS happy like so: (storiesOf('Story Name', module) as any).addWithInfo(..