mirror of
https://github.com/hanzoai/postcss.git
synced 2026-09-24 17:01:56 +00:00
Move Node#style to Stringifier
This commit is contained in:
Andrey Sitnik
+183
-11
@@ -1,3 +1,17 @@
|
||||
const defaultStyle = {
|
||||
colon: ': ',
|
||||
indent: ' ',
|
||||
beforeDecl: '\n',
|
||||
beforeRule: '\n',
|
||||
beforeOpen: ' ',
|
||||
beforeClose: '\n',
|
||||
beforeComment: '\n',
|
||||
after: '\n',
|
||||
emptyBody: '',
|
||||
commentLeft: ' ',
|
||||
commentRight: ' '
|
||||
};
|
||||
|
||||
export default class Stringifier {
|
||||
|
||||
constructor(builder) {
|
||||
@@ -14,18 +28,18 @@ export default class Stringifier {
|
||||
}
|
||||
|
||||
comment(node) {
|
||||
let before = node.style('before');
|
||||
let before = this.style(node, 'before');
|
||||
if ( before ) this.builder(before);
|
||||
let left = node.style('left', 'commentLeft');
|
||||
let right = node.style('right', 'commentRight');
|
||||
let left = this.style(node, 'left', 'commentLeft');
|
||||
let right = this.style(node, 'right', 'commentRight');
|
||||
this.builder('/*' + left + node.text + right + '*/', node);
|
||||
}
|
||||
|
||||
decl(node, semicolon) {
|
||||
let before = node.style('before');
|
||||
let before = this.style(node, 'before');
|
||||
if ( before ) this.builder(before);
|
||||
|
||||
let between = node.style('between', 'colon');
|
||||
let between = this.style(node, 'between', 'colon');
|
||||
let string = node.prop + between + this.raw(node, 'value');
|
||||
|
||||
if ( node.important ) {
|
||||
@@ -54,7 +68,7 @@ export default class Stringifier {
|
||||
this.block(node, name + params);
|
||||
|
||||
} else {
|
||||
let before = node.style('before');
|
||||
let before = this.style(node, 'before');
|
||||
if ( before ) this.builder(before);
|
||||
let end = (node.raw.between || '') + (semicolon ? ';' : '');
|
||||
this.builder(name + params + end, node);
|
||||
@@ -70,31 +84,189 @@ export default class Stringifier {
|
||||
last -= 1;
|
||||
}
|
||||
|
||||
let semicolon = node.style('semicolon');
|
||||
let semicolon = this.style(node, 'semicolon');
|
||||
for ( let i = 0; i < node.nodes.length; i++ ) {
|
||||
this.stringify(node.nodes[i], last !== i || semicolon);
|
||||
}
|
||||
}
|
||||
|
||||
block(node, start) {
|
||||
let before = node.style('before');
|
||||
let before = this.style(node, 'before');
|
||||
if ( before ) this.builder(before);
|
||||
|
||||
let between = node.style('between', 'beforeOpen');
|
||||
let between = this.style(node, 'between', 'beforeOpen');
|
||||
this.builder(start + between + '{', node, 'start');
|
||||
|
||||
let after;
|
||||
if ( node.nodes && node.nodes.length ) {
|
||||
this.body(node);
|
||||
after = node.style('after');
|
||||
after = this.style(node, 'after');
|
||||
} else {
|
||||
after = node.style('after', 'emptyBody');
|
||||
after = this.style(node, 'after', 'emptyBody');
|
||||
}
|
||||
|
||||
if ( after ) this.builder(after);
|
||||
this.builder('}', node, 'end');
|
||||
}
|
||||
|
||||
style(node, own, detect) {
|
||||
let value;
|
||||
if ( !detect ) detect = own;
|
||||
|
||||
// Already had
|
||||
if ( own ) {
|
||||
value = node.raw[own];
|
||||
if ( typeof value !== 'undefined' ) return value;
|
||||
}
|
||||
|
||||
let parent = node.parent;
|
||||
|
||||
// Hack for first rule in CSS
|
||||
if ( detect === 'before' ) {
|
||||
if ( !parent || parent.type === 'root' && parent.first === node ) {
|
||||
return '';
|
||||
}
|
||||
}
|
||||
|
||||
// Floating child without parent
|
||||
if ( !parent ) return defaultStyle[detect];
|
||||
|
||||
// Detect style by other nodes
|
||||
let root = node.root();
|
||||
if ( !root.styleCache ) root.styleCache = { };
|
||||
if ( typeof root.styleCache[detect] !== 'undefined' ) {
|
||||
return root.styleCache[detect];
|
||||
}
|
||||
|
||||
if ( detect === 'semicolon' ) {
|
||||
root.eachInside( (i) => {
|
||||
if ( i.nodes && i.nodes.length && i.last.type === 'decl' ) {
|
||||
value = i.raw.semicolon;
|
||||
if ( typeof value !== 'undefined' ) return false;
|
||||
}
|
||||
});
|
||||
} else if ( detect === 'emptyBody' ) {
|
||||
root.eachInside( (i) => {
|
||||
if ( i.nodes && i.nodes.length === 0 ) {
|
||||
value = i.raw.after;
|
||||
if ( typeof value !== 'undefined' ) return false;
|
||||
}
|
||||
});
|
||||
} else if ( detect === 'indent' ) {
|
||||
root.eachInside( (i) => {
|
||||
let p = i.parent;
|
||||
if ( p && p !== root && p.parent && p.parent === root ) {
|
||||
if ( typeof i.raw.before !== 'undefined' ) {
|
||||
let parts = i.raw.before.split('\n');
|
||||
value = parts[parts.length - 1];
|
||||
value = value.replace(/[^\s]/g, '');
|
||||
return false;
|
||||
}
|
||||
}
|
||||
});
|
||||
} else if ( detect === 'beforeComment' ) {
|
||||
root.eachComment( (i) => {
|
||||
if ( typeof i.raw.before !== 'undefined' ) {
|
||||
value = i.raw.before;
|
||||
if ( value.indexOf('\n') !== -1 ) {
|
||||
value = value.replace(/[^\n]+$/, '');
|
||||
}
|
||||
return false;
|
||||
}
|
||||
});
|
||||
if ( typeof value === 'undefined' ) {
|
||||
value = this.style(node, null, 'beforeDecl');
|
||||
}
|
||||
} else if ( detect === 'beforeDecl' ) {
|
||||
root.eachDecl( (i) => {
|
||||
if ( typeof i.raw.before !== 'undefined' ) {
|
||||
value = i.raw.before;
|
||||
if ( value.indexOf('\n') !== -1 ) {
|
||||
value = value.replace(/[^\n]+$/, '');
|
||||
}
|
||||
return false;
|
||||
}
|
||||
});
|
||||
if ( typeof value === 'undefined' ) {
|
||||
value = this.style(node, null, 'beforeRule');
|
||||
}
|
||||
} else if ( detect === 'beforeRule' ) {
|
||||
root.eachInside( (i) => {
|
||||
if ( i.nodes && (i.parent !== root || root.first !== i) ) {
|
||||
if ( typeof i.raw.before !== 'undefined' ) {
|
||||
value = i.raw.before;
|
||||
if ( value.indexOf('\n') !== -1 ) {
|
||||
value = value.replace(/[^\n]+$/, '');
|
||||
}
|
||||
return false;
|
||||
}
|
||||
}
|
||||
});
|
||||
} else if ( detect === 'beforeClose' ) {
|
||||
root.eachInside( (i) => {
|
||||
if ( i.nodes && i.nodes.length > 0 ) {
|
||||
if ( typeof i.raw.after !== 'undefined' ) {
|
||||
value = i.raw.after;
|
||||
if ( value.indexOf('\n') !== -1 ) {
|
||||
value = value.replace(/[^\n]+$/, '');
|
||||
}
|
||||
return false;
|
||||
}
|
||||
}
|
||||
});
|
||||
} else if ( detect === 'before' || detect === 'after' ) {
|
||||
if ( node.type === 'decl' ) {
|
||||
value = this.style(node, null, 'beforeDecl');
|
||||
} else if ( node.type === 'comment' ) {
|
||||
value = this.style(node, null, 'beforeComment');
|
||||
} else if ( detect === 'before' ) {
|
||||
value = this.style(node, null, 'beforeRule');
|
||||
} else {
|
||||
value = this.style(node, null, 'beforeClose');
|
||||
}
|
||||
|
||||
let buf = node.parent;
|
||||
let depth = 0;
|
||||
while ( buf && buf.type !== 'root' ) {
|
||||
depth += 1;
|
||||
buf = buf.parent;
|
||||
}
|
||||
|
||||
if ( value.indexOf('\n') !== -1 ) {
|
||||
let indent = this.style(node, null, 'indent');
|
||||
if ( indent.length ) {
|
||||
for ( let step = 0; step < depth; step++ ) value += indent;
|
||||
}
|
||||
}
|
||||
|
||||
return value;
|
||||
} else if ( detect === 'colon' ) {
|
||||
root.eachDecl( (i) => {
|
||||
if ( typeof i.raw.between !== 'undefined' ) {
|
||||
value = i.raw.between.replace(/[^\s:]/g, '');
|
||||
return false;
|
||||
}
|
||||
});
|
||||
} else if ( detect === 'beforeOpen' ) {
|
||||
root.eachInside( (i) => {
|
||||
if ( i.type !== 'decl' ) {
|
||||
value = i.raw.between;
|
||||
if ( typeof value !== 'undefined' ) return false;
|
||||
}
|
||||
});
|
||||
} else {
|
||||
root.eachInside( (i) => {
|
||||
value = i.raw[own];
|
||||
if ( typeof value !== 'undefined' ) return false;
|
||||
});
|
||||
}
|
||||
|
||||
if ( typeof value === 'undefined' ) value = defaultStyle[detect];
|
||||
|
||||
root.styleCache[detect] = value;
|
||||
return value;
|
||||
}
|
||||
|
||||
raw(node, prop) {
|
||||
let value = node[prop];
|
||||
let raw = node.raw[prop];
|
||||
|
||||
Reference in New Issue
Block a user