fbredius/storybook

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

Open

export const NoSidebar = ({ props }: { props: DesktopProps }) => (
  <Desktop {...props} options={{ ...props.options, showNav: false }} />
);

• Read up
  Read up

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

Open

                  <SearchResults
                    query={query}
                    results={results}
                    closeMenu={closeMenu}
                    getMenuProps={getMenuProps}

• Read up
  Read up

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

Open

  'span.align-center': {
    display: 'block',
    overflow: 'hidden',
    clear: 'both',

• Read up
  Read up

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

Open

            <Tree
              isBrowsing={isBrowsing}
              isMain={isMain}
              refId={refId}
              data={stories}

• Read up
  Read up

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

Open

  'span.align-right': {
    display: 'block',
    overflow: 'hidden',
    clear: 'both',

• Read up
  Read up

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

Open

  '&.align-right': {
    display: 'block',
    overflow: 'hidden',
    clear: 'both',

• Read up
  Read up

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

Open

    api.addDecorator = (decorator: DecoratorFunction<TFramework>) => {
      if (hasAdded)
        throw new Error(`You cannot add a decorator after the first story for a kind.
Read more here: https://github.com/storybookjs/storybook/blob/master/MIGRATION.md#can-no-longer-add-decoratorsparameters-after-stories`);

• Read up
  Read up

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

Open

  render() {
    return html`
      <header>
        <div class="wrapper">
          <div>

Function run has 34 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const run = async () => {
  const port = await freePort(program.port);
  logger.log(`🌏 found a open port: ${port}`);

  const verdaccioUrl = `http://localhost:${port}`;

Function vnodeToString has 34 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function vnodeToString(vnode: Vue.VNode): string {
  const attrString = [
    ...(vnode.data?.slot ? ([['slot', vnode.data.slot]] as [string, any][]) : []),
    ['class', stringifyClassAttribute(vnode)],
    ...(vnode.componentOptions?.propsData ? Object.entries(vnode.componentOptions.propsData) : []),

Function ControlsPanel has 34 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const ControlsPanel: FC = () => {
  const [args, updateArgs, resetArgs] = useArgs();
  const rows = useArgTypes();
  const isArgsStory = useParameter<boolean>('__isArgsStory', false);
  const {

Function VisionSimulator has 34 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const VisionSimulator: FunctionComponent = () => {
  const [filter, setFilter] = useState<Filter>(null);

  return (
    <>

Function collapseDocsOnlyStories has 34 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const collapseDocsOnlyStories = (storiesHash: StoriesHash) => {
  // keep track of component IDs that have been rewritten to the ID of their first leaf child
  const componentIdToLeafId: Record<string, string> = {};
  const docsOnlyStoriesRemoved = Object.values(storiesHash).filter((item) => {
    if (item.isLeaf && item.parameters && item.parameters.docsOnly) {

Function validateConfigurationFiles has 34 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function validateConfigurationFiles(configDir: string) {
  const extensionsPattern = `{${Array.from(boost).join(',')}}`;
  const exists = (file: string) =>
    !!glob.sync(path.resolve(configDir, `${file}${extensionsPattern}`)).length;

Function handleEvent has 34 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  private handleEvent(rawEvent: MessageEvent): void {
    try {
      const { data } = rawEvent;
      const { key, event, refId } = typeof data === 'string' && isJSON(data) ? parse(data) : data;

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

Open

const generator: Generator = async (packageManager, npmOptions, options) => {
  const extraMain = options.linkable
    ? {
        webpackFinal: `%%(config) => {
      const path = require('path');

Function keyToSymbol has 34 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const keyToSymbol = (key: string): string => {
  if (key === 'alt') {
    return optionOrAltSymbol();
  }
  if (key === 'control') {

Function checkWebpack5Builder has 34 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  async checkWebpack5Builder(packageJson: PackageJsonWithDepsAndDevDeps) {
    const { mainConfig, version: storybookVersion } = getStorybookInfo(packageJson);

    const storybookCoerced = storybookVersion && semver.coerce(storybookVersion)?.version;
    if (!storybookCoerced) {

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

Open

BorderUniform.args = {
  render: (ref) => (
    <div
      ref={ref}
      style={{

• Read up
  Read up

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

Open

Narrow.args = {
  render: (ref) => (
    <div
      ref={ref}
      style={{

• Read up
  Read up