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

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

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

import { info } from '../../components/icons';

export default (scriptName, scriptCommand) => {
  const script = dedent`
    "scripts": {
      "${scriptName}": "${scriptCommand}"
    }
  `;
  return dedent(chalk`
    ${info} No problem. You can add it to your package.json yourself like so:
    {dim ${script}}
  `);
};