fbredius/storybook

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

Open

            <WithTooltip hasChrome={false} tooltip={<Note note="Go back" />}>
              <StyledIconButton containsIcon onClick={controls.back} disabled={!controlStates.back}>
                <Icons icon="playback" />
              </StyledIconButton>
            </WithTooltip>

• Read up
  Read up

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

Open

            <WithTooltip hasChrome={false} tooltip={<Note note="Go forward" />}>
              <StyledIconButton containsIcon onClick={controls.next} disabled={!controlStates.next}>
                <Icons icon="playnext" />
              </StyledIconButton>
            </WithTooltip>

• Read up
  Read up

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

Open

            <WithTooltip hasChrome={false} tooltip={<Note note="Go to start" />}>
              <RewindButton containsIcon onClick={controls.start} disabled={!controlStates.start}>
                <Icons icon="rewind" />
              </RewindButton>
            </WithTooltip>

• Read up
  Read up

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

Open

            <WithTooltip hasChrome={false} tooltip={<Note note="Go to end" />}>
              <StyledIconButton containsIcon onClick={controls.end} disabled={!controlStates.end}>
                <Icons icon="fastforward" />
              </StyledIconButton>
            </WithTooltip>

• Read up
  Read up

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

Open

      plugins: [
        getBabelOutputPlugin({
          presets: [
            [
              '@babel/preset-env',

• Read up
  Read up

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

Open

storiesOf('Basics/Spaced', module)
  .add('row', () => (
    <div>
      <PlaceholderBlock color="silver" />
      <Spaced row={1}>

• Read up
  Read up

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

Open

      plugins: [
        getBabelOutputPlugin({
          presets: [
            [
              '@babel/preset-env',

• Read up
  Read up

File ConfigFile.test.ts has 281 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import dedent from 'ts-dedent';
import { formatConfig, loadConfig } from './ConfigFile';

expect.addSnapshotSerializer({
  print: (val: any) => val,

Function createDefaultWebpackConfig has 68 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export async function createDefaultWebpackConfig(storybookBaseConfig: any, options: Options) {
  if (
    options.presetsList.some((preset) =>
      /@storybook(\/|\\)preset-create-react-app/.test(presetName(preset))
    )

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

Open

  two: PropTypes.objectOf(
    PropTypes.shape({
      /**
       *  Just an internal propType for a shape.
       *  It's also required, and as you can see it supports multi-line comments!

• Read up
  Read up

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

Open

  objectOfComplexShape: PropTypes.objectOf(
    PropTypes.shape({
      /**
       *  Just an internal propType for a shape.
       *  It's also required, and as you can see it supports multi-line comments!

• Read up
  Read up

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

Open

const ReadDocsMessage: FunctionComponent = () => (
  <Message href="https://storybook.js.org" target="_blank">
    <GreenIcon icon="document" />
    <div>
      <MessageTitle>Read Composition docs</MessageTitle>

• Read up
  Read up

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

Open

const PerformanceDegradedMessage: FunctionComponent = () => (
  <Message href="https://storybook.js.org/docs" target="_blank">
    <YellowIcon icon="lightning" />
    <div>
      <MessageTitle>Reduce lag</MessageTitle>

• Read up
  Read up

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

Open

export const object = {
  minus: {
    color: 'red',
  },
  plus: {

• Read up
  Read up

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

Open

export const array = {
  minus: {
    color: 'red',
  },
  plus: {

• Read up
  Read up

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

Open

      it('should not have deep object in summary', () => {
        const component = createTestComponent({
          type: {
            name: 'arrayOf',
            value: {

• Read up
  Read up

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

Open

      it('should not have deep object in summary', () => {
        const component = createTestComponent({
          type: {
            name: 'objectOf',
            value: {

• Read up
  Read up

File Panel.tsx has 275 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { Fragment } from 'react';
import { styled, themes, convert } from '@storybook/theming';
import { ScrollArea, TabsState, Link, Placeholder } from '@storybook/components';
import { SizeMe } from 'react-sizeme';
import Result from './Result';

Function createContent has 65 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const createContent = (deployables) => {
  return `
    <style>
      body {
        background: black;

Function testStorySnapshots has 65 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function testStorySnapshots(options: StoryshotsOptions = {}) {
  if (typeof describe !== 'function') {
    throw new Error('testStorySnapshots is intended only to be used inside jest');
  }