gruntfile.js

const path = require('path');
const electron = require('electron-connect').server.create();
const lessGlob = require('less-plugin-glob');

module.exports = function gruntTask(grunt) {
  grunt.loadNpmTasks('grunt-contrib-less');
  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.loadNpmTasks('grunt-env');

  grunt.registerTask('start', 'Start-Up electron server', () => {
    electron.start(['.', 'DEV_STYLE']);
  });

  grunt.registerTask('restart', 'Restart Ride and go into a session.', () => {
    electron.broadcast('reboot', { message: 'Shutdown then restart.' });
  });

  grunt.registerTask('reload-css', 'Attempt to live reload the CSS without having to restart/reload Ride', () => {
    electron.broadcast('css_update', { message: 'Trigger styling reload.' });
  });

  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    env: {
      spawn: { RIDE_SPAWN: 'dyalog' },
    },
    less: {
      development: {
        options: {
          paths: [path.join(__dirname, 'style', 'less')],
          plugins: [lessGlob],
          strictMath: true,
        },
        files: {
          './style/ride-base.css': './style/layout.less',
          './style/dark-theme.css': './style/dark-theme.less',
          './style/light-theme.css': './style/light-theme.less',
        },
      },
    },
    watch: {
      restart: {
        files: ['style/less/**/*.less', 'style/*.less'],
        tasks: ['less', 'env', 'restart'],
        options: { spawn: false },
      },
      css_reload: {
        files: ['style/less/**/*.less', 'style/*.less'],
        tasks: ['less', 'reload-css'],
        options: { spawn: false },
      },
    },
  });

  grunt.registerTask('default', ['start', 'less', 'watch:css_reload']);
  grunt.registerTask('spawn-reload', ['env', 'start', 'less', 'watch:restart']);
};