core

To help you get started, we’ve selected a few @storybook/core examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

storybookjs / storybook / app / html / src / client / preview / index.ts View on Github

import './globals';
import render from './render';
import { StoryFnHtmlReturnType, IStorybookSection } from './types';

const framework = 'html';

interface ClientApi extends ClientStoryApi {
  setAddon(addon: any): void;
  configure(loader: Loadable, module: NodeModule): void;
  getStorybook(): IStorybookSection[];
  clearDecorators(): void;
  forceReRender(): void;
  raw: () =&gt; any; // todo add type
}

const api = start(render);

export const storiesOf: ClientApi['storiesOf'] = (kind, m) =&gt; {
  return (api.clientApi.storiesOf(kind, m) as ReturnType).addParameters({
    framework,
  });
};

export const configure: ClientApi['configure'] = (...args) =&gt; api.configure(...args, framework);
export const addDecorator = (decorator: DecoratorFunction) =&gt;
  api.clientApi.addDecorator(decorator, framework);
export const addParameters: ClientApi['addParameters'] = api.clientApi.addParameters;
export const clearDecorators: ClientApi['clearDecorators'] = api.clientApi.clearDecorators;
export const setAddon: ClientApi['setAddon'] = api.clientApi.setAddon;
export const forceReRender: ClientApi['forceReRender'] = api.forceReRender;
export const getStorybook: ClientApi['getStorybook'] = api.clientApi.getStorybook;
export const raw: ClientApi['raw'] = api.clientApi.raw;

storybookjs / storybook / app / web-components / src / client / preview / index.ts View on Github

import './globals';
import render from './render';
import { StoryFnHtmlReturnType, IStorybookSection } from './types';

const framework = 'web-components';

interface ClientApi extends ClientStoryApi {
  setAddon(addon: any): void;
  configure(loader: Loadable, module: NodeModule): void;
  getStorybook(): IStorybookSection[];
  clearDecorators(): void;
  forceReRender(): void;
  raw: () =&gt; any; // todo add type
}

const api = start(render);

export const storiesOf: ClientApi['storiesOf'] = (kind, m) =&gt; {
  return (api.clientApi.storiesOf(kind, m) as ReturnType).addParameters({
    framework,
  });
};

export const configure: ClientApi['configure'] = (...args) =&gt; api.configure(...args, framework);
export const addDecorator: ClientApi['addDecorator'] = api.clientApi.addDecorator;
export const addParameters: ClientApi['addParameters'] = api.clientApi.addParameters;
export const clearDecorators: ClientApi['clearDecorators'] = api.clientApi.clearDecorators;
export const setAddon: ClientApi['setAddon'] = api.clientApi.setAddon;
export const forceReRender: ClientApi['forceReRender'] = api.forceReRender;
export const getStorybook: ClientApi['getStorybook'] = api.clientApi.getStorybook;
export const raw: ClientApi['raw'] = api.clientApi.raw;

storybookjs / storybook / app / html / src / client / preview / index.ts View on Github

import render from './render';
import { StoryFnHtmlReturnType, IStorybookSection } from './types';

const framework = 'html';

interface ClientApi extends ClientStoryApi {
  setAddon(addon: any): void;
  configure(loaders: () =&gt; void, module: NodeModule): void;
  getStorybook(): IStorybookSection[];
  clearDecorators(): void;
  forceReRender(): void;
  raw: () =&gt; any; // todo add type
  load: (req: any, m: NodeModule, framework: string) =&gt; void;
}

const api = start(render);

export const storiesOf: ClientApi['storiesOf'] = (kind, m) =&gt; {
  return (api.clientApi.storiesOf(kind, m) as ReturnType).addParameters({
    framework,
  });
};

export const load: ClientApi['load'] = (...args) =&gt; api.load(...args, framework);
export const addDecorator: ClientApi['addDecorator'] = api.clientApi.addDecorator;
export const addParameters: ClientApi['addParameters'] = api.clientApi.addParameters;
export const clearDecorators: ClientApi['clearDecorators'] = api.clientApi.clearDecorators;
export const setAddon: ClientApi['setAddon'] = api.clientApi.setAddon;
export const configure: ClientApi['configure'] = api.configApi.configure;
export const forceReRender: ClientApi['forceReRender'] = api.forceReRender;
export const getStorybook: ClientApi['getStorybook'] = api.clientApi.getStorybook;
export const raw: ClientApi['raw'] = api.clientApi.raw;

storybookjs / storybook / app / preact / src / client / preview / index.ts View on Github

/* eslint-disable prefer-destructuring */
import { start } from '@storybook/core/client';

import './globals';
import render from './render';
import { ClientApi } from './types';

const framework = 'preact';
const api = start(render);

export const storiesOf: ClientApi['storiesOf'] = (kind, m) =&gt; {
  return (api.clientApi.storiesOf(kind, m) as ReturnType).addParameters({
    framework,
  });
};

export const configure: ClientApi['configure'] = (...args) =&gt; api.configure(...args, framework);
export const addDecorator: ClientApi['addDecorator'] = api.clientApi.addDecorator;
export const addParameters: ClientApi['addParameters'] = api.clientApi.addParameters;
export const clearDecorators: ClientApi['clearDecorators'] = api.clientApi.clearDecorators;
export const setAddon: ClientApi['setAddon'] = api.clientApi.setAddon;
export const forceReRender: ClientApi['forceReRender'] = api.forceReRender;
export const getStorybook: ClientApi['getStorybook'] = api.clientApi.getStorybook;
export const raw: ClientApi['raw'] = api.clientApi.raw;

storybookjs / storybook / app / aurelia / src / client / preview / index.ts View on Github

import { IStorybookSection, StoryFnAureliaReturnType } from './types';
import { addRegistries, addContainer, Component, addComponents } from './decorators';

const framework = 'Aurelia 2';

interface ClientApi extends ClientStoryApi&gt; {
  setAddon(addon: any): void;
  configure(loader: Loadable, module: NodeModule): void;
  getStorybook(): IStorybookSection[];
  clearDecorators(): void;
  forceReRender(): void;
  raw: () =&gt; any; // todo add type
  load: (...args: any[]) =&gt; void;
}

const api = start(render);

export const storiesOf: ClientApi['storiesOf'] = (kind, m) =&gt; {
  return (api.clientApi.storiesOf(kind, m) as ReturnType).addParameters({
    framework,
  });
};

export { StoryFnAureliaReturnType, addRegistries, addContainer, Component, addComponents };

export const configure: ClientApi['configure'] = (...args) =&gt; api.configure(...args, framework);
export const addDecorator: ClientApi['addDecorator'] = api.clientApi.addDecorator;
export const addParameters: ClientApi['addParameters'] = api.clientApi.addParameters;
export const clearDecorators: ClientApi['clearDecorators'] = api.clientApi.clearDecorators;
export const setAddon: ClientApi['setAddon'] = api.clientApi.setAddon;
export const forceReRender: ClientApi['forceReRender'] = api.forceReRender;
export const getStorybook: ClientApi['getStorybook'] = api.clientApi.getStorybook;

storybookjs / storybook / app / react / src / client / preview / index.ts View on Github

import render from './render';
import { IStorybookSection, StoryFnReactReturnType } from './types';

const framework = 'react';

interface ClientApi extends ClientStoryApi {
  setAddon(addon: any): void;
  configure(loaders: () =&gt; void, module: NodeModule): void;
  getStorybook(): IStorybookSection[];
  clearDecorators(): void;
  forceReRender(): void;
  raw: () =&gt; any; // todo add type
  load: (...args: any[]) =&gt; void;
}

const api = start(render);

export const storiesOf: ClientApi['storiesOf'] = (kind, m) =&gt; {
  return (api.clientApi.storiesOf(kind, m) as ReturnType).addParameters({
    framework,
  });
};

export const load: ClientApi['load'] = (...args) =&gt; api.load(...args, framework);
export const addDecorator: ClientApi['addDecorator'] = api.clientApi.addDecorator;
export const addParameters: ClientApi['addParameters'] = api.clientApi.addParameters;
export const clearDecorators: ClientApi['clearDecorators'] = api.clientApi.clearDecorators;
export const setAddon: ClientApi['setAddon'] = api.clientApi.setAddon;
export const configure: ClientApi['configure'] = api.configApi.configure;
export const forceReRender: ClientApi['forceReRender'] = api.forceReRender;
export const getStorybook: ClientApi['getStorybook'] = api.clientApi.getStorybook;
export const raw: ClientApi['raw'] = api.clientApi.raw;

storybookjs / storybook / app / vue / src / client / preview / index.ts View on Github

context =&gt; prepare(storyFn(context))
  );
}
const framework = 'vue';

interface ClientApi extends ClientStoryApi {
  setAddon(addon: any): void;
  configure(loader: Loadable, module: NodeModule): void;
  getStorybook(): IStorybookSection[];
  clearDecorators(): void;
  forceReRender(): void;
  raw: () =&gt; any; // todo add type
  load: (...args: any[]) =&gt; void;
}

const api = start(render, { decorateStory });

export const storiesOf: ClientApi['storiesOf'] = (kind, m) =&gt; {
  return (api.clientApi.storiesOf(kind, m) as ReturnType).addParameters({
    framework,
  });
};

export const configure: ClientApi['configure'] = (...args) =&gt; api.configure(...args, framework);
export const addDecorator: ClientApi['addDecorator'] = api.clientApi.addDecorator;
export const addParameters: ClientApi['addParameters'] = api.clientApi.addParameters;
export const clearDecorators: ClientApi['clearDecorators'] = api.clientApi.clearDecorators;
export const setAddon: ClientApi['setAddon'] = api.clientApi.setAddon;
export const forceReRender: ClientApi['forceReRender'] = api.forceReRender;
export const getStorybook: ClientApi['getStorybook'] = api.clientApi.getStorybook;
export const raw: ClientApi['raw'] = api.clientApi.raw;

storybookjs / storybook / app / vue / src / client / preview / index.js View on Github

if (!story) {
        story = decorated(context);
      }

      if (decoratedStory === story) {
        return story;
      }

      return prepare(decoratedStory, story);
    },
    context => prepare(getStory(context))
  );
}

const { load, clientApi, configApi, forceReRender } = start(render, { decorateStory });

export const {
  storiesOf,
  setAddon,
  addDecorator,
  addParameters,
  clearDecorators,
  getStorybook,
  raw,
} = clientApi;

export const { configure } = configApi;
export { load, forceReRender };

storybookjs / storybook / app / mithril / src / client / preview / index.js View on Github

import { start } from '@storybook/core/client';

import render from './render';

const { clientApi, configApi, forceReRender } = start(render);

export const {
  storiesOf,
  setAddon,
  addDecorator,
  addParameters,
  clearDecorators,
  getStorybook,
} = clientApi;

export const { configure } = configApi;
export { forceReRender };

storybookjs / storybook / app / angular / src / client / preview / index.js View on Github

import { start } from '@storybook/core/client';

import './globals';
import render from './render';

const { load, clientApi, configApi, forceReRender } = start(render);

export const {
  storiesOf,
  setAddon,
  addDecorator,
  addParameters,
  clearDecorators,
  getStorybook,
  raw,
} = clientApi;

export const { configure } = configApi;
export { load, forceReRender };

How to use the @storybook/core/client.start function in @storybook/core

To help you get started, we’ve selected a few @storybook/core examples, based on popular ways it is used in public projects.

@storybook/core

Package Health Score

Popular @storybook/core functions

Similar packages