fbredius/storybook

Function ngAfterViewInit has 43 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    ngAfterViewInit(): void {
      // Bind properties to component, if the story have component
      if (this.storyComponentElementRef) {
        const ngComponentInputsOutputs = getComponentInputsOutputs(storyComponent);

Function navigateTree has 43 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    const navigateTree = throttle((event: KeyboardEvent) => {
      const highlightedItemId =
        highlightedRef.current?.refId === refId && highlightedRef.current?.itemId;
      if (!isBrowsing || !containerRef.current || !highlightedItemId || event.repeat) return;
      if (!matchesModifiers(false, event)) return;

Function generator has 43 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const generator = async (
  packageManager: JsPackageManager,
  npmOptions: NpmOptions,
  installServer: boolean
): Promise<void> => {

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

Open

  public get classes(): string[] {
    return [this.appearance, this.size]
      .filter((_class) => !!_class)
      .map((_class) => `btn-${_class}`);
  }

• Read up
  Read up

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

Open

  public get classes(): string[] {
    return [this.appearance, this.size]
      .filter((_class) => !!_class)
      .map((_class) => `btn-${_class}`);
  }

• Read up
  Read up

Function webpack has 42 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function webpack(config: Configuration): Configuration {
  return {
    ...config,
    plugins: [
      ...config.plugins,

Function initiate has 42 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export async function initiate(options: CommandOptions, pkg: Package): Promise<void> {
  const welcomeMessage = 'sb init - the simplest way to add a Storybook to your project.';
  logger.log(chalk.inverse(`\n ${welcomeMessage} \n`));

  // Update notify code.

Consider simplifying this complex logical expression.

Open

    if (
      parent.type === 'Program' &&
      callee.type === 'MemberExpression' &&
      callee.object.type === 'Identifier' &&
      callee.property.type === 'Identifier' &&

Consider simplifying this complex logical expression.

Open

    if (
      t.isProgram(parent) &&
      t.isMemberExpression(callee) &&
      t.isIdentifier(callee.object) &&
      t.isIdentifier(callee.property) &&

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

Open

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

• Read up
  Read up

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

Open

    it('functions', () => {
      const input = readFixture('typescript/functions.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('objects', () => {
      const input = readFixture('proptypes/objects.js');
      expect(input).toMatchInlineSnapshot(`
        "import React from 'react';
        import PropTypes from 'prop-types';

• Read up
  Read up

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

Open

    it('scalars', () => {
      const input = readFixture('typescript/functions.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('react', () => {
      const input = readFixture('proptypes/react.js');
      expect(input).toMatchInlineSnapshot(`
        "import React from 'react';
        import PropTypes from 'prop-types';

• Read up
  Read up

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

Open

    it('aliases', () => {
      const input = readFixture('typescript/aliases.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('unions', () => {
      const input = readFixture('typescript/unions.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('proptypes/enums.js');
      expect(input).toMatchInlineSnapshot(`
        "import React from 'react';
        import PropTypes from 'prop-types';

• Read up
  Read up

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

Open

    it('records', () => {
      const input = readFixture('typescript/records.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('arrays', () => {
      const input = readFixture('proptypes/arrays.js');
      expect(input).toMatchInlineSnapshot(`
        "import React from 'react';
        import PropTypes from 'prop-types';

• Read up
  Read up

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

Open

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

• Read up
  Read up