chromatic/bin/ui/messages/info/storybookPublished.js

Automate visual testing across browsers. Gather UI feedback. Versioned documentation.

import chalk from 'chalk';
import dedent from 'ts-dedent';

import { baseStorybookUrl } from '../../../lib/utils';
import { info, success } from '../../components/icons';
import link from '../../components/link';
import { stats } from '../../tasks/snapshot';

export default ({ build }) => {
  const { components, stories } = stats({ build });
  return dedent(chalk`
    ${success} {bold Storybook published}
    We found ${components} with ${stories}.
    ${info} View your Storybook at ${link(baseStorybookUrl(build.cachedUrl))}
  `);
};