fbredius/storybook

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

Open

    it('tuples', () => {
      const input = readFixture('typescript/tuples.tsx');
      expect(input).toMatchInlineSnapshot(`
        "import React, { FC } from 'react';

• Read up
  Read up

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

Open

    it('interfaces', () => {
      const input = readFixture('typescript/interfaces.tsx');
      expect(input).toMatchInlineSnapshot(`
        "import React, { FC } from 'react';

• Read up
  Read up

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

Open

    it('enums', () => {
      const input = readFixture('typescript/enums.tsx');
      expect(input).toMatchInlineSnapshot(`
        "import React, { FC } from 'react';

• Read up
  Read up

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

Open

    it('intersections', () => {
      const input = readFixture('typescript/intersections.tsx');
      expect(input).toMatchInlineSnapshot(`
        "import React, { FC } from 'react';

• Read up
  Read up

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

Open

    it('misc', () => {
      const input = readFixture('proptypes/misc.js');
      expect(input).toMatchInlineSnapshot(`
        "import React from 'react';
        import PropTypes from 'prop-types';

• Read up
  Read up

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

Open

  componentWillUnmount() {
    this.mounted = false;
    const { api } = this.props;

    api.off(STORY_CHANGED, this.handleStoryChange);

• Read up
  Read up

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

Open

  if (Array.isArray(dependencies)) {
    dependencySearches = dependencies.map((name) => [name, undefined]);
  } else if (typeof dependencies === 'object') {
    dependencySearches = Object.entries(dependencies);
  }

• Read up
  Read up

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

Open

  if (Array.isArray(peerDependencies)) {
    peerDependencySearches = peerDependencies.map((name) => [name, undefined]);
  } else if (typeof peerDependencies === 'object') {
    peerDependencySearches = Object.entries(peerDependencies);
  }

• Read up
  Read up

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

Open

  componentDidMount() {
    this.mounted = true;
    const { api } = this.props;

    api.on(EVENT_ID, this.addAction);

• Read up
  Read up

Function commandBuilder has 41 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function commandBuilder(
  options: StorybookBuilderOptions,
  context: BuilderContext
): Observable<StorybookBuilderOutput> {
  return from(setup(options, context)).pipe(

Function configure has 41 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function configure<TFramework extends AnyFramework>(
  options: {
    storybook: ClientApi<TFramework>;
  } & StoryshotsOptions
): void {

Function WithKeyboardCycle has 41 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  const WithKeyboardCycle = (props: ToolbarMenuProps) => {
    const {
      id,
      toolbar: { items, shortcuts },
    } = props;

Function useHook has 41 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function useHook(name: string, callback: (hook: Hook) => void, deps?: any[] | undefined): Hook {
  const hooks = getHooksContextOrThrow();
  if (hooks.currentPhase === 'MOUNT') {
    if (deps != null && !Array.isArray(deps)) {
      logger.warn(

Function getLegacyDefaultBuildOptions has 40 lines of code (exceeds 25 allowed). Consider refactoring.

Open

async function getLegacyDefaultBuildOptions(options: PresetOptions) {
  if (options.angularBrowserTarget !== undefined) {
    // Not use legacy way with builder (`angularBrowserTarget` is defined or null with builder and undefined without)
    return {};
  }

Function popParametersObjectFromDefaultExport has 40 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function popParametersObjectFromDefaultExport(source, ast) {
  let splicedSource = source;
  let parametersSliceOfCode = '';
  let indexWhereToAppend = -1;
  let foundParametersProperty = false;

Function rootAndGroups has 40 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    const rootAndGroups = [...root, ...groups].reduce((list, name, index) => {
      const parent = index > 0 && list[index - 1].id;
      const id = sanitize(parent ? `${parent}-${name}` : name);

      if (parent === id) {

Function renderDocs has 40 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  async renderDocs({ story }: { story: Story<TFramework> }) {
    const { id, title, name } = story;
    const csfFile: CSFFile<TFramework> = await this.storyStore.loadCSFFileByStoryId(id);
    const docsContext = {
      id,

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

Open

      expect(
        mockChannel.emit.mock.calls.find((call: [string, any]) => call[0] === Events.SET_STORIES)[1]
      ).toMatchInlineSnapshot(`
        Object {
          "globalParameters": Object {},

• Read up
  Read up

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

Open

      expect(
        mockChannel.emit.mock.calls.find((call: [string, any]) => call[0] === Events.SET_STORIES)[1]
      ).toMatchInlineSnapshot(`
        Object {
          "globalParameters": Object {},

• Read up
  Read up

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

Open

      expect(
        mockChannel.emit.mock.calls.find((call: [string, any]) => call[0] === Events.SET_STORIES)[1]
      ).toMatchInlineSnapshot(`
        Object {
          "globalParameters": Object {},

• Read up
  Read up