chriseppstein/compass

View on GitHub
compass-style.org/assets/javascripts/shBrushSass.js

Summary

Maintainability
A
2 hrs
Test Coverage
/**
 * SyntaxHighlighter
 * http://alexgorbatchev.com/SyntaxHighlighter
 *
 * SyntaxHighlighter is donationware. If you are using it, please donate.
 * http://alexgorbatchev.com/SyntaxHighlighter/donate.html
 *
 * @version
 * 3.0.83 (July 02 2010)
 *
 * @copyright
 * Copyright (C) 2004-2010 Alex Gorbatchev.
 *
 * @license
 * Dual licensed under the MIT and GPL licenses.
 */
;(function()
{
    // CommonJS
    typeof(require) != 'undefined' ? SyntaxHighlighter = require('shCore').SyntaxHighlighter : null;

    function Brush()
    {
        function getKeywordsCSS(str)
        {
            return '\\b([a-z_]|)' + str.replace(/ /g, '(?=:)\\b|\\b([a-z_\\*]|\\*|)') + '(?=:)\\b';
        };

        function getValuesCSS(str)
        {
            return '\\b' + str.replace(/ /g, '(?!-)(?!:)\\b|\\b()') + '\:\\b';
        };

        var keywords =    'ascent azimuth background-attachment background-color background-image background-position ' +
                        'background-repeat background baseline bbox border-collapse border-color border-spacing border-style border-top ' +
                        'border-right border-bottom border-left border-top-color border-right-color border-bottom-color border-left-color ' +
                        'border-top-style border-right-style border-bottom-style border-left-style border-top-width border-right-width ' +
                        'border-bottom-width border-left-width border-width border bottom cap-height caption-side centerline clear clip color ' +
                        'content counter-increment counter-reset cue-after cue-before cue cursor definition-src descent direction display ' +
                        'elevation empty-cells float font-size-adjust font-family font-size font-stretch font-style font-variant font-weight font ' +
                        'height left letter-spacing line-height list-style-image list-style-position list-style-type list-style margin-top ' +
                        'margin-right margin-bottom margin-left margin marker-offset marks mathline max-height max-width min-height min-width orphans ' +
                        'outline-color outline-style outline-width outline overflow padding-top padding-right padding-bottom padding-left padding page ' +
                        'page-break-after page-break-before page-break-inside pause pause-after pause-before pitch pitch-range play-during position ' +
                        'quotes right richness size slope src speak-header speak-numeral speak-punctuation speak speech-rate stemh stemv stress ' +
                        'table-layout text-align top text-decoration text-indent text-shadow text-transform unicode-bidi unicode-range units-per-em ' +
                        'vertical-align visibility voice-family volume white-space widows width widths word-spacing x-height z-index zoom';

        var values =    'above absolute all always aqua armenian attr aural auto avoid baseline behind below bidi-override black blink block blue bold bolder '+
                        'both bottom braille capitalize caption center center-left center-right circle close-quote code collapse compact condensed '+
                        'continuous counter counters crop cross crosshair cursive dashed decimal decimal-leading-zero digits disc dotted double '+
                        'embed embossed e-resize expanded extra-condensed extra-expanded fantasy far-left far-right fast faster fixed format fuchsia '+
                        'gray green groove handheld hebrew help hidden hide high higher icon inline-table inline inset inside invert italic '+
                        'justify landscape large larger left-side left leftwards level lighter lime line-through list-item local loud lower-alpha '+
                        'lowercase lower-greek lower-latin lower-roman lower low ltr marker maroon medium message-box middle mix move narrower '+
                        'navy ne-resize no-close-quote none no-open-quote no-repeat normal nowrap n-resize nw-resize oblique olive once open-quote outset '+
                        'outside overline pointer portrait pre print projection purple red relative repeat repeat-x repeat-y rgb ridge right right-side '+
                        'rightwards rtl run-in screen scroll semi-condensed semi-expanded separate se-resize show silent silver slower slow '+
                        'small small-caps small-caption smaller soft solid speech spell-out square s-resize static status-bar sub super sw-resize '+
                        'table-caption table-cell table-column table-column-group table-footer-group table-header-group table-row table-row-group teal '+
                        'text-bottom text-top thick thin top transparent tty tv ultra-condensed ultra-expanded underline upper-alpha uppercase upper-latin '+
                        'upper-roman url visible wait white wider w-resize x-fast x-high x-large x-loud x-low x-slow x-small x-soft xx-large xx-small yellow';

        var fonts =        '[mM]onospace [tT]ahoma [vV]erdana [aA]rial [hH]elvetica [sS]ans-serif [sS]erif [cC]ourier mono sans serif';

        var statements        = '!important !default';
        var preprocessors    = 'import extend debug warn if for while mixin include';

        var r = SyntaxHighlighter.regexLib;

      var getKeywordsPrependedBy = function(keywords, by)
    {
      str = keywords
        .replace(/^\s+|\s+$/g, '')
        .replace(/\s+/g, '|' + by + '\\b')
        .replace(/^/, by + '\\b')
        ;

      return '(?:' + str + ')\\b';
    }

        this.regexList = [
            { regex: r.multiLineCComments,                                                            css: 'comments' },        // multiline comments
            { regex: r.singleLineCComments,                                                            css: 'comments' },        // singleline comments
            { regex: r.doubleQuotedString,                                                            css: 'string' },          // double quoted strings
            { regex: r.singleQuotedString,                                                            css: 'string' },          // single quoted strings
            { regex: /\#[a-fA-F0-9]{3,6}/g,                                                            css: 'value' },              // html colors
            { regex: /\b(-?\d+)(\.\d+)?(px|em|pt|\:|\%|)\b/g,                                 css: 'value' },              // sizes
            { regex: /(\$|!)\w+/g,                                                                            css: 'variable' },      // variables
            { regex: new RegExp(this.getKeywords(statements), 'g'),                          css: 'color3' },          // statements
            { regex: new RegExp(getKeywordsPrependedBy(preprocessors, '@'), 'g'),          css: 'preprocessor' },    // preprocessors
      { regex: new RegExp('(^|\\n)\\s*=.*', 'g'),                                    css: 'functions' },       // short mixin declarations
            { regex: new RegExp('(^|\\n)\\s*\\+.*', 'g'),                                  css: 'functions' },       // short mixin call
            { regex: new RegExp('&', 'g'),                                            css: 'keyword' },         // &
            { regex: new RegExp('#(\\w|-|_)+', 'g'),                                      css: 'color2' },        // ids
            { regex: new RegExp('(\\.(\\w|-|_)+)', 'g'),                                css: 'color4' },        // classes
            { regex: new RegExp(getKeywordsCSS(keywords), 'gm'),                          css: 'keyword' },           // keywords
            { regex: new RegExp(getKeywordsPrependedBy(keywords, ':'), 'g'),              css: 'keyword' },           // :keyword value
            { regex: new RegExp(getValuesCSS(values), 'g'),                                      css: 'value' },              // values
            { regex: new RegExp(this.getKeywords(fonts), 'g'),                                css: 'color1' }              // fonts
            ];
    };


    Brush.prototype    = new SyntaxHighlighter.Highlighter();
    Brush.aliases    = ['sass', 'scss'];

    SyntaxHighlighter.brushes.Sass = Brush;

    // CommonJS
    typeof(exports) != 'undefined' ? exports.Brush = Brush : null;
})();