fbredius/storybook

Function ArgRow has 46 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const ArgRow: FC<ArgRowProps> = (props) => {
  const { row, updateArgs, compact, expandable, initialExpandedArgs } = props;
  const { name, description } = row;
  const table = (row.table || {}) as TableAnnotation;
  const type = table.type || row.type;

Function watchStorySpecifiers has 46 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function watchStorySpecifiers(
  specifiers: NormalizedStoriesSpecifier[],
  options: { workingDir: Path },
  onInvalidate: (specifier: NormalizedStoriesSpecifier, path: Path, removed: boolean) => void
) {

Function outputStartupInformation has 46 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function outputStartupInformation(options: {
  updateInfo: VersionCheck;
  version: string;
  name: string;
  address: string;

Function report has 45 lines of code (exceeds 25 allowed). Consider refactoring.

Open

async function report() {
  const hookFailures: { [file: string]: [string, string][] } = {};
  const reports: any[] = [];
  try {
    const testFiles = await fs.readdir(screensDir);

Function generateTypeFromString has 45 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function generateTypeFromString(value: string, originalTypeName: string): TypeDef {
  const { inferredType, ast } = inspectValue(value);
  const { type } = inferredType;

  let short;

Function render has 45 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    const { Sidebar, Preview, Panel, Notifications, pages, viewMode, options, docsOnly } =
      this.props;

    const { active } = this.state;

Function useStatics has 45 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export async function useStatics(router: any, options: Options) {
  let hasCustomFavicon = false;
  const staticDirs = await options.presets.apply<StorybookConfig['staticDirs']>('staticDirs');

  if (staticDirs && options.staticDir) {

Identical blocks of code found in 2 locations. Consider refactoring.

Open

        const { argTypes } = prepareStory(
          { id, name, argTypes: { a: { name: 'b' } } },
          { id, title },
          { render, argTypesEnhancers: [enhancer] }
        );

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

        const { argTypes } = prepareStory(
          { id, name, argTypes: { a: { name: 'b' } } },
          { id, title },
          { render, argTypesEnhancers: [enhancer] }
        );

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  withRoot: {
    '1': true,
    '2': false,
    '1-11': true,
    '1-12-121': false,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    resetStoryArgs: (story, argNames?: [string]) => {
      const { id: storyId, refId } = story;
      fullAPI.emit(RESET_STORY_ARGS, {
        storyId,
        argNames,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

      refs
        ? (new VirtualModulePlugin({
            [path.resolve(path.join(configDir, `generated-refs.js`))]: refsTemplate.replace(
              `'{{refs}}'`,
              JSON.stringify(refs)

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    case InspectionType.OBJECT: {
      const { depth } = inferredType as InspectionObject;

      short = OBJECT_CAPTION;
      compact = depth === 1 ? prettyObject(ast, true) : null;

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    updateStoryArgs: (story, updatedArgs) => {
      const { id: storyId, refId } = story;
      fullAPI.emit(UPDATE_STORY_ARGS, {
        storyId,
        updatedArgs,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  withRoot: {
    '1': false,
    '2': false,
    '1-11': false,
    '1-12-121': false,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    case InspectionType.ARRAY: {
      const { depth } = inferredType as InspectionArray;

      short = ARRAY_CAPTION;
      compact = depth <= 2 ? prettyArray(ast, true) : null;

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    it('emits the CURRENT_STORY_WAS_SET event', async () => {
      document.location.search = '?id=component-one--a';

      await createAndRenderPreview();

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    it('emits the STORY_SPECIFIED event', async () => {
      document.location.search = '?id=component-one--a';

      await createAndRenderPreview();

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

      refs
        ? (new VirtualModulePlugin({
            [path.resolve(path.join(configDir, `generated-refs.js`))]: refsTemplate.replace(
              `'{{refs}}'`,
              JSON.stringify(refs)

• Read up
  Read up

Function withBackground has 44 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const withBackground = (
  StoryFn: StoryFunction<AnyFramework>,
  context: StoryContext<AnyFramework>
) => {
  const { globals, parameters } = context;