fbredius/storybook

Function transformer has 53 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function transformer(file, api) {
  const j = api.jscodeshift;
  const root = j(file.source);

  const renameKey = (exp) =>

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

Open

  render() {
    return html`
      <article>
        <sb-header .user="${this.user}"> </sb-header>
        <section>

Function convert has 53 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const convert = (type: PTType): SBType | any => {
  const { name, raw, computed, value } = type;
  const base: any = {};
  if (typeof raw !== 'undefined') base.raw = raw;

File SearchResults.tsx has 255 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import { styled } from '@storybook/theming';
import { Icons } from '@storybook/components';
import global from 'global';
import React, {
  FunctionComponent,

Function getDerivedStateFromProps has 53 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  static getDerivedStateFromProps(props: LayoutProps, state: LayoutState) {
    const { bounds, options } = props;
    const { resizerPanel, resizerNav } = state;

    const isNavHidden = options.isFullscreen || !options.showNav;

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

Open

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

• Read up
  Read up

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

Open

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

• Read up
  Read up

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

Open

export const clearManagerCache = async (cacheKey: string, options: Options) => {
  if (options.cache && options.cache.fileExists(cacheKey)) {
    await options.cache.remove(cacheKey);
    return true;
  }

• Read up
  Read up

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

Open

export const clearManagerCache = async (cacheKey: string, options: Options) => {
  if (options.cache && options.cache.fileExists(cacheKey)) {
    await options.cache.remove(cacheKey);
    return true;
  }

• Read up
  Read up

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

Open

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

• Read up
  Read up

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

Open

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

• Read up
  Read up

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

Open

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

• Read up
  Read up

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

Open

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

• Read up
  Read up

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

Open

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

• Read up
  Read up

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

Open

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

• Read up
  Read up

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

Open

        expect(projectAnnotations.renderToDOM).toHaveBeenCalledWith(
          expect.objectContaining({
            forceRemount: false,
            storyContext: expect.objectContaining({
              loaded: { l: 7 },

• Read up
  Read up

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

Open

    <IconButton
      key="zoomin"
      onClick={(e: MouseEvent<HTMLButtonElement>) => {
        e.preventDefault();
        zoom(0.8);

• Read up
  Read up

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

Open

        expect(projectAnnotations.renderToDOM).toHaveBeenCalledWith(
          expect.objectContaining({
            forceRemount: false,
            storyContext: expect.objectContaining({
              loaded: { l: 7 },

• Read up
  Read up

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

Open

    it('should return the instance type when type is instanceOf', () => {
      const component = createTestComponent({
        type: {
          name: 'instanceOf',
          value: 'Set',

• Read up
  Read up

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

Open

        it('should not have a deep object as summary', () => {
          const component = createTestComponent({
            type: {
              name: 'custom',
              raw: '{\n  foo: { bar: PropTypes.string.isRequired,\n  }}',

• Read up
  Read up