@dash4/plugin-npm-scripts NPM

Installation

npm i -D @dash4/plugin-npm-scripts

Usage

dash4.config.js

const { PluginNpmScripts } = require('@dash4/plugin-npm-scripts');

async function getConfig() {
  return {
    tabs: [
      {
        title: 'Root',
        rows: [
          [
            new PluginNpmScripts({
              dark: true,
              scripts: [
                {
                  title: 'chalk',
                  cmd: 'node chalk.js',
                  cwd: './bin',
                },
                {
                  title: 'ora',
                  cmd: 'node ./bin/ora.js',
                },
              ],
            }),
          ],
        ],
      },
    ],
  };
}

module.exports = getConfig;

options:

// enable/disable dark mode
dark?: boolean;
// grid with per breakpoint
// [12,6,3] means 100% width on small viewports, 50% on medium viewports and 33.3% on large viewports
width?: number[];
scripts: Array<{
  // title which should be displayed above the scripts
  title?: string;
  // command which should be executed
  cmd: string;
  // current working directory of the child process
  cwd?: string;
  // bootstrap button variant https://react-bootstrap.github.io/components/buttons/
  buttonVariant?: TButtonVariant;
}>;