fbredius/storybook

Function ArgsTable has 33 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const ArgsTable: FC<ArgsTableProps> = (props) => {
  const context = useContext(DocsContext);
  const { id, storyById } = context;
  const {
    parameters: { controls },

Function svelteDocgen has 33 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default async function svelteDocgen(source: string) {
  // eslint-disable-next-line no-underscore-dangle
  const { resource } = this._module;
  const svelteOptions: any = { ...getOptions(this) };

Function hookify has 33 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function hookify<TFramework extends AnyFramework>(fn: AbstractFunction) {
  return (...args: any[]) => {
    const { hooks }: { hooks: HooksContext<TFramework> } =
      typeof args[0] === 'function' ? args[1] : args[0];

Function useLastViewed has 33 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const useLastViewed = (selection: Selection) => {
  const initialLastViewedStoryIds = useMemo((): StoryRef[] => {
    const items = store.get('lastViewedStoryIds');
    if (!items || !Array.isArray(items)) return [];
    if (!items.some((item) => typeof item === 'object' && item.storyId && item.refId)) return [];

Function getSource has 33 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const getSource = (
  withSource: SourceProps,
  expanded: boolean,
  setExpanded: Function
): SourceItem => {

Function selectSpecifiedStory has 33 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  async selectSpecifiedStory() {
    if (!this.urlStore.selectionSpecifier) {
      this.renderMissingStory();
      return;
    }

Function inferType has 33 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const inferType = (value: any, name: string, visited: Set<any>): SBType => {
  const type = typeof value;
  switch (type) {
    case 'boolean':
    case 'string':

Function initModule has 33 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  const initModule = () => {
    // Sets `args` parameter in URL, omitting any args that have their initial value or cannot be unserialized safely.
    const updateArgsParam = () => {
      const { path, queryParams, viewMode } = fullAPI.getUrlState();
      if (viewMode !== 'story') return;

Function useColorInput has 33 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const useColorInput = (
  initialValue: string | undefined,
  onChange: (value: string) => string | void
) => {
  const [value, setValue] = useState(initialValue || '');

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

Open

    it('should load secondary story', () => {
      cy.navigateToStory('example-button', 'secondary');
      cy.getStoryElement()
        .find('button')
        .should('have.class', 'storybook-button')

• Read up
  Read up

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

Open

    it('should load large story', () => {
      cy.navigateToStory('example-button', 'large');
      cy.getStoryElement()
        .find('button')
        .should('have.class', 'storybook-button')

• Read up
  Read up

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

Open

export class CustomPipePipe implements PipeTransform {
  transform(value: any, args?: any): any {
    return `CustomPipe: ${value}`;
  }
}

• Read up
  Read up

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

Open

export class CustomPipePipe implements PipeTransform {
  transform(value: any, args?: any): any {
    return `CustomPipe: ${value}`;
  }
}

• Read up
  Read up

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

Open

export const WithTooltip = (props: ComponentProps<typeof LazyWithTooltip>) => (
  <Suspense fallback={<div />}>
    <LazyWithTooltip {...props} />
  </Suspense>
);

• Read up
  Read up

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

Open

    it('should load primary story', () => {
      cy.navigateToStory('example-button', 'primary');
      cy.getStoryElement()
        .find('button')
        .should('have.class', 'storybook-button')

• Read up
  Read up

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

Open

    expect(outputStats).toHaveBeenCalledWith(
      '/tmp/dir',
      expect.objectContaining({ toJson: expect.any(Function) }),
      expect.objectContaining({ toJson: expect.any(Function) })
    );

• Read up
  Read up

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

Open

    it('should load small story', () => {
      cy.navigateToStory('example-button', 'small');
      cy.getStoryElement()
        .find('button')
        .should('have.class', 'storybook-button')

• Read up
  Read up

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

Open

      this.setIframeBodyStyle({
        width: `${scale * 100}%`,
        height: `${scale * 100}%`,
        transform: `scale(${1 / scale})`,
        transformOrigin: 'top left',

• Read up
  Read up

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

Open

const styleResets: CSSObject = {
  // resets
  appearance: 'none',
  border: '0 none',
  boxSizing: 'inherit',

• Read up
  Read up

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

Open

export const ColorControl = (props: ComponentProps<typeof LazyColorControl>) => (
  <Suspense fallback={<div />}>
    <LazyColorControl {...props} />
  </Suspense>
);

• Read up
  Read up