[6a3a178] | 1 | /*!
|
---|
| 2 | * Stylus - Compiler
|
---|
| 3 | * Copyright (c) Automattic <developer.wordpress.com>
|
---|
| 4 | * MIT Licensed
|
---|
| 5 | */
|
---|
| 6 |
|
---|
| 7 | /**
|
---|
| 8 | * Module dependencies.
|
---|
| 9 | */
|
---|
| 10 |
|
---|
| 11 | var Visitor = require('./')
|
---|
| 12 | , utils = require('../utils')
|
---|
| 13 | , fs = require('fs');
|
---|
| 14 |
|
---|
| 15 | /**
|
---|
| 16 | * Initialize a new `Compiler` with the given `root` Node
|
---|
| 17 | * and the following `options`.
|
---|
| 18 | *
|
---|
| 19 | * Options:
|
---|
| 20 | *
|
---|
| 21 | * - `compress` Compress the CSS output (default: false)
|
---|
| 22 | *
|
---|
| 23 | * @param {Node} root
|
---|
| 24 | * @api public
|
---|
| 25 | */
|
---|
| 26 |
|
---|
| 27 | var Compiler = module.exports = function Compiler(root, options) {
|
---|
| 28 | options = options || {};
|
---|
| 29 | this.compress = options.compress;
|
---|
| 30 | this.firebug = options.firebug;
|
---|
| 31 | this.linenos = options.linenos;
|
---|
| 32 | this.spaces = options['indent spaces'] || 2;
|
---|
| 33 | this.indents = 1;
|
---|
| 34 | Visitor.call(this, root);
|
---|
| 35 | this.stack = [];
|
---|
| 36 | };
|
---|
| 37 |
|
---|
| 38 | /**
|
---|
| 39 | * Inherit from `Visitor.prototype`.
|
---|
| 40 | */
|
---|
| 41 |
|
---|
| 42 | Compiler.prototype.__proto__ = Visitor.prototype;
|
---|
| 43 |
|
---|
| 44 | /**
|
---|
| 45 | * Compile to css, and return a string of CSS.
|
---|
| 46 | *
|
---|
| 47 | * @return {String}
|
---|
| 48 | * @api private
|
---|
| 49 | */
|
---|
| 50 |
|
---|
| 51 | Compiler.prototype.compile = function(){
|
---|
| 52 | return this.visit(this.root);
|
---|
| 53 | };
|
---|
| 54 |
|
---|
| 55 | /**
|
---|
| 56 | * Output `str`
|
---|
| 57 | *
|
---|
| 58 | * @param {String} str
|
---|
| 59 | * @param {Node} node
|
---|
| 60 | * @return {String}
|
---|
| 61 | * @api private
|
---|
| 62 | */
|
---|
| 63 |
|
---|
| 64 | Compiler.prototype.out = function(str, node){
|
---|
| 65 | return str;
|
---|
| 66 | };
|
---|
| 67 |
|
---|
| 68 | /**
|
---|
| 69 | * Return indentation string.
|
---|
| 70 | *
|
---|
| 71 | * @return {String}
|
---|
| 72 | * @api private
|
---|
| 73 | */
|
---|
| 74 |
|
---|
| 75 | Compiler.prototype.__defineGetter__('indent', function(){
|
---|
| 76 | if (this.compress) return '';
|
---|
| 77 | return new Array(this.indents).join(Array(this.spaces + 1).join(' '));
|
---|
| 78 | });
|
---|
| 79 |
|
---|
| 80 | /**
|
---|
| 81 | * Check if given `node` needs brackets.
|
---|
| 82 | *
|
---|
| 83 | * @param {Node} node
|
---|
| 84 | * @return {Boolean}
|
---|
| 85 | * @api private
|
---|
| 86 | */
|
---|
| 87 |
|
---|
| 88 | Compiler.prototype.needBrackets = function(node){
|
---|
| 89 | return 1 == this.indents
|
---|
| 90 | || 'atrule' != node.nodeName
|
---|
| 91 | || node.hasOnlyProperties;
|
---|
| 92 | };
|
---|
| 93 |
|
---|
| 94 | /**
|
---|
| 95 | * Visit Root.
|
---|
| 96 | */
|
---|
| 97 |
|
---|
| 98 | Compiler.prototype.visitRoot = function(block){
|
---|
| 99 | this.buf = '';
|
---|
| 100 | for (var i = 0, len = block.nodes.length; i < len; ++i) {
|
---|
| 101 | var node = block.nodes[i];
|
---|
| 102 | if (this.linenos || this.firebug) this.debugInfo(node);
|
---|
| 103 | var ret = this.visit(node);
|
---|
| 104 | if (ret) this.buf += this.out(ret + '\n', node);
|
---|
| 105 | }
|
---|
| 106 | return this.buf;
|
---|
| 107 | };
|
---|
| 108 |
|
---|
| 109 | /**
|
---|
| 110 | * Visit Block.
|
---|
| 111 | */
|
---|
| 112 |
|
---|
| 113 | Compiler.prototype.visitBlock = function(block){
|
---|
| 114 | var node
|
---|
| 115 | , separator = this.compress ? '' : '\n'
|
---|
| 116 | , needBrackets
|
---|
| 117 | , lastPropertyIndex;
|
---|
| 118 |
|
---|
| 119 | if (block.hasProperties && !block.lacksRenderedSelectors) {
|
---|
| 120 | needBrackets = this.needBrackets(block.node);
|
---|
| 121 |
|
---|
| 122 | if (this.compress) {
|
---|
| 123 | for (var i = block.nodes.length - 1; i >= 0; --i) {
|
---|
| 124 | if (block.nodes[i].nodeName === 'property') {
|
---|
| 125 | lastPropertyIndex = i;
|
---|
| 126 | break;
|
---|
| 127 | }
|
---|
| 128 | }
|
---|
| 129 | }
|
---|
| 130 | if (needBrackets) {
|
---|
| 131 | this.buf += this.out(this.compress ? '{' : ' {\n');
|
---|
| 132 | ++this.indents;
|
---|
| 133 | }
|
---|
| 134 | for (var i = 0, len = block.nodes.length; i < len; ++i) {
|
---|
| 135 | this.last = lastPropertyIndex === i;
|
---|
| 136 | node = block.nodes[i];
|
---|
| 137 | switch (node.nodeName) {
|
---|
| 138 | case 'null':
|
---|
| 139 | case 'expression':
|
---|
| 140 | case 'function':
|
---|
| 141 | case 'group':
|
---|
| 142 | case 'block':
|
---|
| 143 | case 'unit':
|
---|
| 144 | case 'media':
|
---|
| 145 | case 'keyframes':
|
---|
| 146 | case 'atrule':
|
---|
| 147 | case 'supports':
|
---|
| 148 | continue;
|
---|
| 149 | // inline comments
|
---|
| 150 | case !this.compress && node.inline && 'comment':
|
---|
| 151 | this.buf = this.buf.slice(0, -1);
|
---|
| 152 | this.buf += this.out(' ' + this.visit(node) + '\n', node);
|
---|
| 153 | break;
|
---|
| 154 | case 'property':
|
---|
| 155 | var ret = this.visit(node) + separator;
|
---|
| 156 | this.buf += this.compress ? ret : this.out(ret, node);
|
---|
| 157 | break;
|
---|
| 158 | default:
|
---|
| 159 | this.buf += this.out(this.visit(node) + separator, node);
|
---|
| 160 | }
|
---|
| 161 | }
|
---|
| 162 | if (needBrackets) {
|
---|
| 163 | --this.indents;
|
---|
| 164 | this.buf += this.out(this.indent + '}' + separator);
|
---|
| 165 | }
|
---|
| 166 | }
|
---|
| 167 |
|
---|
| 168 | // Nesting
|
---|
| 169 | for (var i = 0, len = block.nodes.length; i < len; ++i) {
|
---|
| 170 | node = block.nodes[i];
|
---|
| 171 | switch (node.nodeName) {
|
---|
| 172 | case 'group':
|
---|
| 173 | case 'block':
|
---|
| 174 | case 'keyframes':
|
---|
| 175 | if (this.linenos || this.firebug) this.debugInfo(node);
|
---|
| 176 | this.visit(node);
|
---|
| 177 | break;
|
---|
| 178 | case 'media':
|
---|
| 179 | case 'import':
|
---|
| 180 | case 'atrule':
|
---|
| 181 | case 'supports':
|
---|
| 182 | this.visit(node);
|
---|
| 183 | break;
|
---|
| 184 | case 'comment':
|
---|
| 185 | // only show unsuppressed comments
|
---|
| 186 | if (!node.suppress) {
|
---|
| 187 | this.buf += this.out(this.indent + this.visit(node) + '\n', node);
|
---|
| 188 | }
|
---|
| 189 | break;
|
---|
| 190 | case 'charset':
|
---|
| 191 | case 'literal':
|
---|
| 192 | case 'namespace':
|
---|
| 193 | this.buf += this.out(this.visit(node) + '\n', node);
|
---|
| 194 | break;
|
---|
| 195 | }
|
---|
| 196 | }
|
---|
| 197 | };
|
---|
| 198 |
|
---|
| 199 | /**
|
---|
| 200 | * Visit Keyframes.
|
---|
| 201 | */
|
---|
| 202 |
|
---|
| 203 | Compiler.prototype.visitKeyframes = function(node){
|
---|
| 204 | if (!node.frames) return;
|
---|
| 205 |
|
---|
| 206 | var prefix = 'official' == node.prefix
|
---|
| 207 | ? ''
|
---|
| 208 | : '-' + node.prefix + '-';
|
---|
| 209 |
|
---|
| 210 | this.buf += this.out('@' + prefix + 'keyframes '
|
---|
| 211 | + this.visit(node.val)
|
---|
| 212 | + (this.compress ? '{' : ' {\n'), node);
|
---|
| 213 |
|
---|
| 214 | this.keyframe = true;
|
---|
| 215 | ++this.indents;
|
---|
| 216 | this.visit(node.block);
|
---|
| 217 | --this.indents;
|
---|
| 218 | this.keyframe = false;
|
---|
| 219 |
|
---|
| 220 | this.buf += this.out('}' + (this.compress ? '' : '\n'));
|
---|
| 221 | };
|
---|
| 222 |
|
---|
| 223 | /**
|
---|
| 224 | * Visit Media.
|
---|
| 225 | */
|
---|
| 226 |
|
---|
| 227 | Compiler.prototype.visitMedia = function(media){
|
---|
| 228 | var val = media.val;
|
---|
| 229 | if (!media.hasOutput || !val.nodes.length) return;
|
---|
| 230 |
|
---|
| 231 | this.buf += this.out('@media ', media);
|
---|
| 232 | this.visit(val);
|
---|
| 233 | this.buf += this.out(this.compress ? '{' : ' {\n');
|
---|
| 234 | ++this.indents;
|
---|
| 235 | this.visit(media.block);
|
---|
| 236 | --this.indents;
|
---|
| 237 | this.buf += this.out('}' + (this.compress ? '' : '\n'));
|
---|
| 238 | };
|
---|
| 239 |
|
---|
| 240 | /**
|
---|
| 241 | * Visit QueryList.
|
---|
| 242 | */
|
---|
| 243 |
|
---|
| 244 | Compiler.prototype.visitQueryList = function(queries){
|
---|
| 245 | for (var i = 0, len = queries.nodes.length; i < len; ++i) {
|
---|
| 246 | this.visit(queries.nodes[i]);
|
---|
| 247 | if (len - 1 != i) this.buf += this.out(',' + (this.compress ? '' : ' '));
|
---|
| 248 | }
|
---|
| 249 | };
|
---|
| 250 |
|
---|
| 251 | /**
|
---|
| 252 | * Visit Query.
|
---|
| 253 | */
|
---|
| 254 |
|
---|
| 255 | Compiler.prototype.visitQuery = function(node){
|
---|
| 256 | var len = node.nodes.length;
|
---|
| 257 | if (node.predicate) this.buf += this.out(node.predicate + ' ');
|
---|
| 258 | if (node.type) this.buf += this.out(node.type + (len ? ' and ' : ''));
|
---|
| 259 | for (var i = 0; i < len; ++i) {
|
---|
| 260 | this.buf += this.out(this.visit(node.nodes[i]));
|
---|
| 261 | if (len - 1 != i) this.buf += this.out(' and ');
|
---|
| 262 | }
|
---|
| 263 | };
|
---|
| 264 |
|
---|
| 265 | /**
|
---|
| 266 | * Visit Feature.
|
---|
| 267 | */
|
---|
| 268 |
|
---|
| 269 | Compiler.prototype.visitFeature = function(node){
|
---|
| 270 | if (!node.expr) {
|
---|
| 271 | return node.name;
|
---|
| 272 | } else if (node.expr.isEmpty) {
|
---|
| 273 | return '(' + node.name + ')';
|
---|
| 274 | } else {
|
---|
| 275 | return '(' + node.name + ':' + (this.compress ? '' : ' ') + this.visit(node.expr) + ')';
|
---|
| 276 | }
|
---|
| 277 | };
|
---|
| 278 |
|
---|
| 279 | /**
|
---|
| 280 | * Visit Import.
|
---|
| 281 | */
|
---|
| 282 |
|
---|
| 283 | Compiler.prototype.visitImport = function(imported){
|
---|
| 284 | this.buf += this.out('@import ' + this.visit(imported.path) + ';\n', imported);
|
---|
| 285 | };
|
---|
| 286 |
|
---|
| 287 | /**
|
---|
| 288 | * Visit Atrule.
|
---|
| 289 | */
|
---|
| 290 |
|
---|
| 291 | Compiler.prototype.visitAtrule = function(atrule){
|
---|
| 292 | var newline = this.compress ? '' : '\n';
|
---|
| 293 |
|
---|
| 294 | this.buf += this.out(this.indent + '@' + atrule.type, atrule);
|
---|
| 295 |
|
---|
| 296 | if (atrule.val) this.buf += this.out(' ' + atrule.val.trim());
|
---|
| 297 |
|
---|
| 298 | if (atrule.block) {
|
---|
| 299 | if (atrule.block.isEmpty) {
|
---|
| 300 | this.buf += this.out((this.compress ? '' : ' ') + '{}' + newline);
|
---|
| 301 | } else if (atrule.hasOnlyProperties) {
|
---|
| 302 | this.visit(atrule.block);
|
---|
| 303 | } else {
|
---|
| 304 | this.buf += this.out(this.compress ? '{' : ' {\n');
|
---|
| 305 | ++this.indents;
|
---|
| 306 | this.visit(atrule.block);
|
---|
| 307 | --this.indents;
|
---|
| 308 | this.buf += this.out(this.indent + '}' + newline);
|
---|
| 309 | }
|
---|
| 310 | } else {
|
---|
| 311 | this.buf += this.out(';' + newline);
|
---|
| 312 | }
|
---|
| 313 | };
|
---|
| 314 |
|
---|
| 315 | /**
|
---|
| 316 | * Visit Supports.
|
---|
| 317 | */
|
---|
| 318 |
|
---|
| 319 | Compiler.prototype.visitSupports = function(node){
|
---|
| 320 | if (!node.hasOutput) return;
|
---|
| 321 |
|
---|
| 322 | this.buf += this.out(this.indent + '@supports ', node);
|
---|
| 323 | this.isCondition = true;
|
---|
| 324 | this.buf += this.out(this.visit(node.condition));
|
---|
| 325 | this.isCondition = false;
|
---|
| 326 | this.buf += this.out(this.compress ? '{' : ' {\n');
|
---|
| 327 | ++this.indents;
|
---|
| 328 | this.visit(node.block);
|
---|
| 329 | --this.indents;
|
---|
| 330 | this.buf += this.out(this.indent + '}' + (this.compress ? '' : '\n'));
|
---|
| 331 | },
|
---|
| 332 |
|
---|
| 333 | /**
|
---|
| 334 | * Visit Comment.
|
---|
| 335 | */
|
---|
| 336 |
|
---|
| 337 | Compiler.prototype.visitComment = function(comment){
|
---|
| 338 | return this.compress
|
---|
| 339 | ? comment.suppress
|
---|
| 340 | ? ''
|
---|
| 341 | : comment.str
|
---|
| 342 | : comment.str;
|
---|
| 343 | };
|
---|
| 344 |
|
---|
| 345 | /**
|
---|
| 346 | * Visit Function.
|
---|
| 347 | */
|
---|
| 348 |
|
---|
| 349 | Compiler.prototype.visitFunction = function(fn){
|
---|
| 350 | return fn.name;
|
---|
| 351 | };
|
---|
| 352 |
|
---|
| 353 | /**
|
---|
| 354 | * Visit Charset.
|
---|
| 355 | */
|
---|
| 356 |
|
---|
| 357 | Compiler.prototype.visitCharset = function(charset){
|
---|
| 358 | return '@charset ' + this.visit(charset.val) + ';';
|
---|
| 359 | };
|
---|
| 360 |
|
---|
| 361 | /**
|
---|
| 362 | * Visit Namespace.
|
---|
| 363 | */
|
---|
| 364 |
|
---|
| 365 | Compiler.prototype.visitNamespace = function(namespace){
|
---|
| 366 | return '@namespace '
|
---|
| 367 | + (namespace.prefix ? this.visit(namespace.prefix) + ' ' : '')
|
---|
| 368 | + this.visit(namespace.val) + ';';
|
---|
| 369 | };
|
---|
| 370 |
|
---|
| 371 | /**
|
---|
| 372 | * Visit Literal.
|
---|
| 373 | */
|
---|
| 374 |
|
---|
| 375 | Compiler.prototype.visitLiteral = function(lit){
|
---|
| 376 | var val = lit.val;
|
---|
| 377 | if (lit.css) val = val.replace(/^ /gm, '');
|
---|
| 378 | return val;
|
---|
| 379 | };
|
---|
| 380 |
|
---|
| 381 | /**
|
---|
| 382 | * Visit Boolean.
|
---|
| 383 | */
|
---|
| 384 |
|
---|
| 385 | Compiler.prototype.visitBoolean = function(bool){
|
---|
| 386 | return bool.toString();
|
---|
| 387 | };
|
---|
| 388 |
|
---|
| 389 | /**
|
---|
| 390 | * Visit RGBA.
|
---|
| 391 | */
|
---|
| 392 |
|
---|
| 393 | Compiler.prototype.visitRGBA = function(rgba){
|
---|
| 394 | return rgba.toString();
|
---|
| 395 | };
|
---|
| 396 |
|
---|
| 397 | /**
|
---|
| 398 | * Visit HSLA.
|
---|
| 399 | */
|
---|
| 400 |
|
---|
| 401 | Compiler.prototype.visitHSLA = function(hsla){
|
---|
| 402 | return hsla.rgba.toString();
|
---|
| 403 | };
|
---|
| 404 |
|
---|
| 405 | /**
|
---|
| 406 | * Visit Unit.
|
---|
| 407 | */
|
---|
| 408 |
|
---|
| 409 | Compiler.prototype.visitUnit = function(unit){
|
---|
| 410 | var type = unit.type || ''
|
---|
| 411 | , n = unit.val
|
---|
| 412 | , float = n != (n | 0);
|
---|
| 413 |
|
---|
| 414 | // Compress
|
---|
| 415 | if (this.compress) {
|
---|
| 416 | // Always return '0' unless the unit is a percentage or time
|
---|
| 417 | if ('%' != type && 's' != type && 'ms' != type && 0 == n) return '0';
|
---|
| 418 | // Omit leading '0' on floats
|
---|
| 419 | if (float && n < 1 && n > -1) {
|
---|
| 420 | return n.toString().replace('0.', '.') + type;
|
---|
| 421 | }
|
---|
| 422 | }
|
---|
| 423 |
|
---|
| 424 | return (float ? parseFloat(n.toFixed(15)) : n).toString() + type;
|
---|
| 425 | };
|
---|
| 426 |
|
---|
| 427 | /**
|
---|
| 428 | * Visit Group.
|
---|
| 429 | */
|
---|
| 430 |
|
---|
| 431 | Compiler.prototype.visitGroup = function(group){
|
---|
| 432 | var stack = this.keyframe ? [] : this.stack
|
---|
| 433 | , comma = this.compress ? ',' : ',\n';
|
---|
| 434 |
|
---|
| 435 | stack.push(group.nodes);
|
---|
| 436 |
|
---|
| 437 | // selectors
|
---|
| 438 | if (group.block.hasProperties) {
|
---|
| 439 | var selectors = utils.compileSelectors.call(this, stack)
|
---|
| 440 | , len = selectors.length;
|
---|
| 441 |
|
---|
| 442 | if (len) {
|
---|
| 443 | if (this.keyframe) comma = this.compress ? ',' : ', ';
|
---|
| 444 |
|
---|
| 445 | for (var i = 0; i < len; ++i) {
|
---|
| 446 | var selector = selectors[i]
|
---|
| 447 | , last = (i == len - 1);
|
---|
| 448 |
|
---|
| 449 | // keyframe blocks (10%, 20% { ... })
|
---|
| 450 | if (this.keyframe) selector = i ? selector.trim() : selector;
|
---|
| 451 |
|
---|
| 452 | this.buf += this.out(selector + (last ? '' : comma), group.nodes[i]);
|
---|
| 453 | }
|
---|
| 454 | } else {
|
---|
| 455 | group.block.lacksRenderedSelectors = true;
|
---|
| 456 | }
|
---|
| 457 | }
|
---|
| 458 |
|
---|
| 459 | // output block
|
---|
| 460 | this.visit(group.block);
|
---|
| 461 | stack.pop();
|
---|
| 462 | };
|
---|
| 463 |
|
---|
| 464 | /**
|
---|
| 465 | * Visit Ident.
|
---|
| 466 | */
|
---|
| 467 |
|
---|
| 468 | Compiler.prototype.visitIdent = function(ident){
|
---|
| 469 | return ident.name;
|
---|
| 470 | };
|
---|
| 471 |
|
---|
| 472 | /**
|
---|
| 473 | * Visit String.
|
---|
| 474 | */
|
---|
| 475 |
|
---|
| 476 | Compiler.prototype.visitString = function(string){
|
---|
| 477 | return this.isURL
|
---|
| 478 | ? string.val
|
---|
| 479 | : string.toString();
|
---|
| 480 | };
|
---|
| 481 |
|
---|
| 482 | /**
|
---|
| 483 | * Visit Null.
|
---|
| 484 | */
|
---|
| 485 |
|
---|
| 486 | Compiler.prototype.visitNull = function(node){
|
---|
| 487 | return '';
|
---|
| 488 | };
|
---|
| 489 |
|
---|
| 490 | /**
|
---|
| 491 | * Visit Call.
|
---|
| 492 | */
|
---|
| 493 |
|
---|
| 494 | Compiler.prototype.visitCall = function(call){
|
---|
| 495 | this.isURL = 'url' == call.name;
|
---|
| 496 | var args = call.args.nodes.map(function(arg){
|
---|
| 497 | return this.visit(arg);
|
---|
| 498 | }, this).join(this.compress ? ',' : ', ');
|
---|
| 499 | if (this.isURL) args = '"' + args + '"';
|
---|
| 500 | this.isURL = false;
|
---|
| 501 | return call.name + '(' + args + ')';
|
---|
| 502 | };
|
---|
| 503 |
|
---|
| 504 | /**
|
---|
| 505 | * Visit Expression.
|
---|
| 506 | */
|
---|
| 507 |
|
---|
| 508 | Compiler.prototype.visitExpression = function(expr){
|
---|
| 509 | var buf = []
|
---|
| 510 | , self = this
|
---|
| 511 | , len = expr.nodes.length
|
---|
| 512 | , nodes = expr.nodes.map(function(node){ return self.visit(node); });
|
---|
| 513 |
|
---|
| 514 | nodes.forEach(function(node, i){
|
---|
| 515 | var last = i == len - 1;
|
---|
| 516 | buf.push(node);
|
---|
| 517 | if ('/' == nodes[i + 1] || '/' == node) return;
|
---|
| 518 | if (last) return;
|
---|
| 519 |
|
---|
| 520 | var space = self.isURL || (self.isCondition
|
---|
| 521 | && (')' == nodes[i + 1] || '(' == node))
|
---|
| 522 | ? '' : ' ';
|
---|
| 523 |
|
---|
| 524 | buf.push(expr.isList
|
---|
| 525 | ? (self.compress ? ',' : ', ')
|
---|
| 526 | : space);
|
---|
| 527 | });
|
---|
| 528 |
|
---|
| 529 | return buf.join('');
|
---|
| 530 | };
|
---|
| 531 |
|
---|
| 532 | /**
|
---|
| 533 | * Visit Arguments.
|
---|
| 534 | */
|
---|
| 535 |
|
---|
| 536 | Compiler.prototype.visitArguments = Compiler.prototype.visitExpression;
|
---|
| 537 |
|
---|
| 538 | /**
|
---|
| 539 | * Visit Property.
|
---|
| 540 | */
|
---|
| 541 |
|
---|
| 542 | Compiler.prototype.visitProperty = function(prop){
|
---|
| 543 | var val = this.visit(prop.expr).trim()
|
---|
| 544 | , name = (prop.name || prop.segments.join(''))
|
---|
| 545 | , arr = [];
|
---|
| 546 |
|
---|
| 547 | if (name === '@apply') {
|
---|
| 548 | arr.push(
|
---|
| 549 | this.out(this.indent),
|
---|
| 550 | this.out(name + ' ', prop),
|
---|
| 551 | this.out(val, prop.expr),
|
---|
| 552 | this.out(this.compress ? (this.last ? '' : ';') : ';')
|
---|
| 553 | );
|
---|
| 554 | return arr.join('');
|
---|
| 555 | }
|
---|
| 556 | arr.push(
|
---|
| 557 | this.out(this.indent),
|
---|
| 558 | this.out(name + (this.compress ? ':' : ': '), prop),
|
---|
| 559 | this.out(val, prop.expr),
|
---|
| 560 | this.out(this.compress ? (this.last ? '' : ';') : ';')
|
---|
| 561 | );
|
---|
| 562 | return arr.join('');
|
---|
| 563 | };
|
---|
| 564 |
|
---|
| 565 | /**
|
---|
| 566 | * Debug info.
|
---|
| 567 | */
|
---|
| 568 |
|
---|
| 569 | Compiler.prototype.debugInfo = function(node){
|
---|
| 570 |
|
---|
| 571 | var path = node.filename == 'stdin' ? 'stdin' : fs.realpathSync(node.filename)
|
---|
| 572 | , line = (node.nodes && node.nodes.length ? node.nodes[0].lineno : node.lineno) || 1;
|
---|
| 573 |
|
---|
| 574 | if (this.linenos){
|
---|
| 575 | this.buf += '\n/* ' + 'line ' + line + ' : ' + path + ' */\n';
|
---|
| 576 | }
|
---|
| 577 |
|
---|
| 578 | if (this.firebug){
|
---|
| 579 | // debug info for firebug, the crazy formatting is needed
|
---|
| 580 | path = 'file\\\:\\\/\\\/' + path.replace(/([.:/\\])/g, function(m) {
|
---|
| 581 | return '\\' + (m === '\\' ? '\/' : m)
|
---|
| 582 | });
|
---|
| 583 | line = '\\00003' + line;
|
---|
| 584 | this.buf += '\n@media -stylus-debug-info'
|
---|
| 585 | + '{filename{font-family:' + path
|
---|
| 586 | + '}line{font-family:' + line + '}}\n';
|
---|
| 587 | }
|
---|
| 588 | }
|
---|