Gruntfile.js

/* global module, console */
module.exports = function(grunt) {
  'use strict';

  var config, file;

  try {
    config = grunt.file.readJSON('build.json');
  } catch (err) {
    console.info('build.json not found - using defaults');
    config = {
      'theme'    : 'Twilight',
      'color'    : '#4183C4',
      'font'     : 'Menlo',
      'image'    : 'url(https://raw.githubusercontent.com/StylishThemes/GitHub-Dark/master/images/backgrounds/bg-tile1.png)',
      'tiled'    : true,
      'codeWrap' : false,
      'attach'   : 'scroll',
      'tab'      : 4,
      'webkit'   : false
    };
  }

  function getTheme() {
    return (config.theme || '').toLowerCase().replace(/\s+/g, '-');
  }

  function getVersion(level) {
    var semver = require('semver');
    var version = require('./package.json').version;
    return semver.inc(version, level);
  }

  function getDate() {
    return (new Date()).toISOString().substring(0, 10);
  }

  // modified from http://stackoverflow.com/a/5624139/145346
  function hexToRgb(hex) {
    var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
    return result ? [
      parseInt(result[1], 16),
      parseInt(result[2], 16),
      parseInt(result[3], 16)
    ].join(', ') : '';
  }

  // ** set up build options **
  config.sourceFile = 'github-dark.css';
  file = getTheme();
  // setting 'ace' to an empty string, or 'default' will leave the default GitHub-base16 theme in place, with a dark background
  // using theme src files until we can figure out why cssmin is removing 2/3 of the definitions - see #240
  config.themeFile = file === '' || file === 'default' ? '' : 'themes/' + file + '.min.css';
  // build file name
  config.buildFile = 'github-dark-' + (file || 'default') + '-' + config.color.replace(/[^\d\w]/g, '') + '.build.min.css';
  // background options
  config.bgOptions = config.tiled ?
    'background-repeat: repeat !important; background-size: auto !important; background-position: left top !important;' :
    'background-repeat: no-repeat !important; background-size: cover !important; background-position: center top !important;';
  config.bgAttachment = config.attach.toLowerCase() === 'scroll' ? 'scroll' : 'fixed';

  config.codeWrapCss = config.codeWrap ?  [
    '/* GitHub: Enable wrapping of long code lines */',
    '  body:not(.nowrap) .blob-code-inner,',
    '  body:not(.nowrap) .markdown-body pre > code,',
    '  body:not(.nowrap) .markdown-body .highlight > pre {',
    '    white-space: pre-wrap !important;',
    '    word-break: break-all !important;',
    '    overflow-wrap: break-word !important;',
    '    display: block !important;',
    '  }',
    '  body:not(.nowrap) td.blob-code-inner {',
    '    display: table-cell !important;',
    '  }'
  ].join('\n') : '';

  // Don't include closing bracket for a chrome build
  config.newTheme = config.themeFile ? '<%= grunt.file.read("' + config.themeFile + '") %>' : '';

  // get @-moz prefix
  file = grunt.file.read('github-dark.css').match(/(@-moz-document regexp\((.*)+\) \{(\n|\r)+)/);
  config.prefix = file && file.length ? file[1].replace(/^\s+|\s+$/g, '') : '';

  // custom build
  config.replacements = [{
    pattern: /@-moz-document regexp\((.*)\) \{(\n|\r)+/,
    replacement: ''
  }, {
    pattern: /\/\*\[\[bg-choice\]\]\*\/ url\(.*\)/,
    replacement: config.image
  }, {
    pattern: '/*[[bg-options]]*/',
    replacement: config.bgOptions
  }, {
    pattern: '/*[[bg-attachment]]*/ fixed',
    replacement: config.bgAttachment
  }, {
    pattern: /\/\*\[\[base-color\]\]\*\/ #\w{3,6}/g,
    replacement: config.color
  }, {
    pattern: /\/\*\[\[base-color-rgb\]\]\*\//g,
    replacement: hexToRgb(config.color)
  }, {
    pattern: '/*[[font-choice]]*/',
    replacement: config.font
  }, {
    pattern: '/*[[code-wrap]]*/',
    replacement: config.codeWrapCss
  }, {
    pattern: /\/\*\[\[tab-size\]\]\*\/ \d+/g,
    replacement: config.tab
  }, {
    // remove default syntax themes AND closing bracket
    pattern: /\s+\/\* grunt build - remove to end of file(.*(\n|\r))+\}$/m,
    replacement: ''
  }, {
    // add selected theme
    pattern: '/*[[syntax-theme]]*/',
    replacement: config.newTheme
  }];

  // userstyles.org - remove defaults & leave placeholders
  config.replacements_user = [{
    pattern: /@-moz-document regexp\((.*)\) \{(\n|\r)+/,
    replacement: ''
  }, {
    pattern: /\/\*\[\[bg-choice\]\]\*\/ url\(.*\)/,
    replacement: '/*[[bg-choice]]*/'
  }, {
    pattern: '/*[[bg-attachment]]*/ fixed',
    replacement: '/*[[bg-attachment]]*/'
  }, {
    pattern: /\/\*\[\[base-color\]\]\*\/ #\w{3,6}/g,
    replacement: '/*[[base-color]]*/'
  }, {
    pattern: /\/\*\[\[tab-size\]\]\*\/ \d+/g,
    replacement: '/*[[tab-size]]*/'
  }, {
    // remove default syntax theme AND closing bracket
    pattern: /\s+\/\* grunt build - remove to end of file(.*(\n|\r))+\}$/m,
    replacement: ''
  }];

  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    config: config,

    'string-replace': {
      inline: {
        files: {'<%= config.buildFile %>' : '<%= config.sourceFile %>'},
        options: {replacements: '<%= config.replacements %>'}
      },
      mark: {
        files: {'<%= config.buildFile %>' : '<%= config.buildFile %>'},
        options: {
          replacements: [
            {pattern: /\/\*\[\[/gm, replacement: '/*![['},
            {pattern: '/* AGENT_SHEET */', replacement: '/*! AGENT_SHEET */'}
          ]
        }
      },
      unmark: {
        files: {'<%= config.buildFile %>' : '<%= config.buildFile %>'},
        options: {
          replacements: [
            {pattern: /\/\*\!\[\[/gm, replacement: '/*[['},
            {pattern: '/*! AGENT_SHEET */', replacement: '/* AGENT_SHEET */'}
          ]
        }
      },
      fix: {
        files: {'<%= config.buildFile %>' : '<%= config.buildFile %>'},
        options: {replacements: [{pattern: /\;\:\/\*\[\[/gm, replacement: ';/*[['}]}
      },
      afterCleanCss: {
        files: {'<%= config.buildFile %>' : '<%= config.buildFile %>'},
        options: {replacements: [{pattern: /__ESCAPED_SOURCE_END_CLEAN_CSS__/g, replacement: ''}]}
      },
      afterPerfectionist: {
        files: {'<%= config.sourceFile %>' : '<%= config.sourceFile %>'},
        options: {
          replacements: [
            {pattern: /\{\/\*\!/g, replacement: '{\n /*!'},
            {pattern: /\/\* /g, replacement: '\n  /* '},
            {pattern: /(\s+)?\n(\s+)?\n/gm, replacement: '\n'},
            {pattern: / {2}}\/\*/gm, replacement: '  }\n  /*'},
            {pattern: /,\s+\n/gm, replacement: ',\n'},
            // fix unicode-range block
            {pattern: /\n\s{23}/gm, replacement: ''},
            {pattern: /(-025A9,|-02662,)/gim, replacement: '$&\n                   '}
          ]
        }
      },
      patch: {
        files: {'github-dark.css': 'github-dark.css'},
        options: { replacements: [{
            pattern: /v[0-9\.]+ \(.+\)/,
            replacement: 'v' + getVersion('patch') + ' (' + getDate() + ')'
        }]}
      },
      minor: {
        files: {'github-dark.css': 'github-dark.css'},
        options: { replacements: [{
            pattern: /v[0-9\.]+ \(.+\)/,
            replacement: 'v' + getVersion('minor') + ' (' + getDate() + ')'
        }]}
      },
      major: {
        files: {'github-dark.css': 'github-dark.css'},
        options: { replacements: [{
            pattern: /v[0-9\.]+ \(.+\)/,
            replacement: 'v' + getVersion('major') + ' (' + getDate() + ')'
        }]}
      }
    },
    clean: {
      cssmins: {
        src: ['themes/*.min.css']
      },
      build: {
        src: ['themes/build/']
      }
    },
    exec: {
      stylelint: 'npm run stylelint --silent -- github-dark.css themes/**/*.css --color',
      authors: 'bash tools/authors',
      perfectionist: 'npm run perfectionist --silent -- github-dark.css github-dark.css --indentSize 2 --maxAtRuleLength 250',
      add: 'git add github-dark.css',
      patch: 'npm version -f patch',
      minor: 'npm version -f minor',
      major: 'npm version -f major'
    },
    cssmin: {
      minify: {
        files: {'<%= config.buildFile %>' : '<%= config.buildFile %>'},
        options: {
          keepSpecialComments: '*',
          advanced: false
        }
      },
      themes: {
        files: [{
          expand : true,
          cwd : 'themes/build/',
          src : '*.css',
          dest : 'themes/',
          ext : '.min.css'
        }],
        options: {
          keepSpecialComments: '*',
          advanced: false
        }
      }
    },
    wrap: {
      mozrule: {
        files: {'<%= config.buildFile %>' : '<%= config.buildFile %>'},
        options: {
          wrapper: ['<%= config.prefix %>', '}']
        }
      }
    },
    watch: {
      css: {files: ['github-dark.css']}
    }
  });

  grunt.loadNpmTasks('grunt-string-replace');
  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.loadNpmTasks('grunt-contrib-clean');
  grunt.loadNpmTasks('grunt-contrib-cssmin');
  grunt.loadNpmTasks('grunt-wrap');
  grunt.loadNpmTasks('grunt-exec');

  // build custom GitHub-Dark style using build.json settings
  grunt.registerTask('default', 'Building custom style', function() {
    config.buildFile = config.buildFile.replace('.min.css', '.css');
    grunt.task.run(['string-replace:inline']);
    if (!(config.chrome || config.webkit)) {
      grunt.task.run(['wrap']);
    }
  });

  // build custom minified GitHub-Dark style
  grunt.registerTask('minify', 'Building custom minified style', function() {
    grunt.task.run(['string-replace:inline', 'cssmin:minify']);
    if (!(config.chrome || config.webkit)) {
      grunt.task.run(['wrap']);
    }
  });

  // build userstyle for pasting into https://userstyles.org/styles/37035/github-dark
  grunt.registerTask('user', 'building userstyles.org file', function() {
    config.buildFile = 'github-dark-userstyle.build.css';
    config.replacements = config.replacements_user;
    grunt.task.run([
      'string-replace:inline',
      'wrap'
    ]);
  });
  grunt.registerTask('usermin', 'building userstyles.org file', function() {
    config.buildFile = 'github-dark-userstyle.build.css';
    config.replacements = config.replacements_user;
    grunt.task.run([
      'string-replace:inline',
      'string-replace:mark',
      'cssmin:minify',
      'string-replace:afterCleanCss',
      'string-replace:unmark',
      'string-replace:fix',
      'wrap'
    ]);
  });

  // build custom minified GitHub-Dark style
  grunt.registerTask('themes', 'Rebuild minified theme files', function() {
    grunt.task.run(['clean:cssmins']);
    var fallbacks = {
      codemirror: grunt.file.read('themes/codemirror/twilight.css'),
      jupyter: grunt.file.read('themes/jupyter/twilight.css')
    };
    grunt.file.mkdir('themes/build');
    grunt.file.expand({
      filter: 'isFile',
      cwd: 'themes/github/',
    }, [
      '*.css',
      '!_template.css'
    ]).forEach(function(name) {
      // concat similar named theme files; use fallback if it doesn't exist
      var cur = grunt.file.read('themes/github/' + name);
      console.log(name);
      if (cur) {
        cur += grunt.file.exists('themes/codemirror/' + name) ?
          grunt.file.read('themes/codemirror/' + name) : fallbacks.codemirror;
        cur += grunt.file.exists('themes/jupyter/' + name) ?
          grunt.file.read('themes/jupyter/' + name) : fallbacks.jupyter;
        grunt.file.write('themes/build/' + name, cur);
      } else {
        grunt.log.error('Unable to read ' + cur);
      }
    });
    // compress & clean
    grunt.task.run([
      'cssmin:themes',
      'clean:build'
    ]);
  });

  grunt.registerTask('clean', 'Perfectionist cleanup', function() {
    grunt.task.run(['exec:perfectionist', 'string-replace:afterPerfectionist']);
  });

  // lint github-dark.css and themes for errors
  grunt.registerTask('lint', 'Lint CSS for style errors', function() {
    grunt.task.run(['exec:stylelint']);
  });

  // regenerate AUTHORS based on commits
  grunt.registerTask('authors', 'Regenerate AUTHORS', function() {
    grunt.task.run(['exec:authors']);
  });

  // version bump tasks
  grunt.registerTask('patch', 'Bump patch version', function() {
    grunt.task.run(['string-replace:patch', 'exec:add', 'exec:patch', 'user']);
  });
  grunt.registerTask('minor', 'Bump minor version', function() {
    grunt.task.run(['string-replace:minor', 'exec:add', 'exec:minor', 'user']);
  });
  grunt.registerTask('major', 'Bump major version', function() {
    grunt.task.run(['string-replace:major', 'exec:add', 'exec:major', 'user']);
  });

  // watch thingy
  grunt.registerTask('dev', ['watch']);
};