stringifier.js 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342
  1. 'use strict'
  2. const DEFAULT_RAW = {
  3. colon: ': ',
  4. indent: ' ',
  5. beforeDecl: '\n',
  6. beforeRule: '\n',
  7. beforeOpen: ' ',
  8. beforeClose: '\n',
  9. beforeComment: '\n',
  10. after: '\n',
  11. emptyBody: '',
  12. commentLeft: ' ',
  13. commentRight: ' ',
  14. semicolon: false
  15. }
  16. function capitalize (str) {
  17. return str[0].toUpperCase() + str.slice(1)
  18. }
  19. class Stringifier {
  20. constructor (builder) {
  21. this.builder = builder
  22. }
  23. stringify (node, semicolon) {
  24. /* istanbul ignore if */
  25. if (!this[node.type]) {
  26. throw new Error(
  27. 'Unknown AST node type ' +
  28. node.type +
  29. '. ' +
  30. 'Maybe you need to change PostCSS stringifier.'
  31. )
  32. }
  33. this[node.type](node, semicolon)
  34. }
  35. root (node) {
  36. this.body(node)
  37. if (node.raws.after) this.builder(node.raws.after)
  38. }
  39. comment (node) {
  40. let left = this.raw(node, 'left', 'commentLeft')
  41. let right = this.raw(node, 'right', 'commentRight')
  42. this.builder('/*' + left + node.text + right + '*/', node)
  43. }
  44. decl (node, semicolon) {
  45. let between = this.raw(node, 'between', 'colon')
  46. let string = node.prop + between + this.rawValue(node, 'value')
  47. if (node.important) {
  48. string += node.raws.important || ' !important'
  49. }
  50. if (semicolon) string += ';'
  51. this.builder(string, node)
  52. }
  53. rule (node) {
  54. this.block(node, this.rawValue(node, 'selector'))
  55. if (node.raws.ownSemicolon) {
  56. this.builder(node.raws.ownSemicolon, node, 'end')
  57. }
  58. }
  59. atrule (node, semicolon) {
  60. let name = '@' + node.name
  61. let params = node.params ? this.rawValue(node, 'params') : ''
  62. if (typeof node.raws.afterName !== 'undefined') {
  63. name += node.raws.afterName
  64. } else if (params) {
  65. name += ' '
  66. }
  67. if (node.nodes) {
  68. this.block(node, name + params)
  69. } else {
  70. let end = (node.raws.between || '') + (semicolon ? ';' : '')
  71. this.builder(name + params + end, node)
  72. }
  73. }
  74. body (node) {
  75. let last = node.nodes.length - 1
  76. while (last > 0) {
  77. if (node.nodes[last].type !== 'comment') break
  78. last -= 1
  79. }
  80. let semicolon = this.raw(node, 'semicolon')
  81. for (let i = 0; i < node.nodes.length; i++) {
  82. let child = node.nodes[i]
  83. let before = this.raw(child, 'before')
  84. if (before) this.builder(before)
  85. this.stringify(child, last !== i || semicolon)
  86. }
  87. }
  88. block (node, start) {
  89. let between = this.raw(node, 'between', 'beforeOpen')
  90. this.builder(start + between + '{', node, 'start')
  91. let after
  92. if (node.nodes && node.nodes.length) {
  93. this.body(node)
  94. after = this.raw(node, 'after')
  95. } else {
  96. after = this.raw(node, 'after', 'emptyBody')
  97. }
  98. if (after) this.builder(after)
  99. this.builder('}', node, 'end')
  100. }
  101. raw (node, own, detect) {
  102. let value
  103. if (!detect) detect = own
  104. // Already had
  105. if (own) {
  106. value = node.raws[own]
  107. if (typeof value !== 'undefined') return value
  108. }
  109. let parent = node.parent
  110. // Hack for first rule in CSS
  111. if (detect === 'before') {
  112. if (!parent || (parent.type === 'root' && parent.first === node)) {
  113. return ''
  114. }
  115. }
  116. // Floating child without parent
  117. if (!parent) return DEFAULT_RAW[detect]
  118. // Detect style by other nodes
  119. let root = node.root()
  120. if (!root.rawCache) root.rawCache = {}
  121. if (typeof root.rawCache[detect] !== 'undefined') {
  122. return root.rawCache[detect]
  123. }
  124. if (detect === 'before' || detect === 'after') {
  125. return this.beforeAfter(node, detect)
  126. } else {
  127. let method = 'raw' + capitalize(detect)
  128. if (this[method]) {
  129. value = this[method](root, node)
  130. } else {
  131. root.walk(i => {
  132. value = i.raws[own]
  133. if (typeof value !== 'undefined') return false
  134. })
  135. }
  136. }
  137. if (typeof value === 'undefined') value = DEFAULT_RAW[detect]
  138. root.rawCache[detect] = value
  139. return value
  140. }
  141. rawSemicolon (root) {
  142. let value
  143. root.walk(i => {
  144. if (i.nodes && i.nodes.length && i.last.type === 'decl') {
  145. value = i.raws.semicolon
  146. if (typeof value !== 'undefined') return false
  147. }
  148. })
  149. return value
  150. }
  151. rawEmptyBody (root) {
  152. let value
  153. root.walk(i => {
  154. if (i.nodes && i.nodes.length === 0) {
  155. value = i.raws.after
  156. if (typeof value !== 'undefined') return false
  157. }
  158. })
  159. return value
  160. }
  161. rawIndent (root) {
  162. if (root.raws.indent) return root.raws.indent
  163. let value
  164. root.walk(i => {
  165. let p = i.parent
  166. if (p && p !== root && p.parent && p.parent === root) {
  167. if (typeof i.raws.before !== 'undefined') {
  168. let parts = i.raws.before.split('\n')
  169. value = parts[parts.length - 1]
  170. value = value.replace(/\S/g, '')
  171. return false
  172. }
  173. }
  174. })
  175. return value
  176. }
  177. rawBeforeComment (root, node) {
  178. let value
  179. root.walkComments(i => {
  180. if (typeof i.raws.before !== 'undefined') {
  181. value = i.raws.before
  182. if (value.includes('\n')) {
  183. value = value.replace(/[^\n]+$/, '')
  184. }
  185. return false
  186. }
  187. })
  188. if (typeof value === 'undefined') {
  189. value = this.raw(node, null, 'beforeDecl')
  190. } else if (value) {
  191. value = value.replace(/\S/g, '')
  192. }
  193. return value
  194. }
  195. rawBeforeDecl (root, node) {
  196. let value
  197. root.walkDecls(i => {
  198. if (typeof i.raws.before !== 'undefined') {
  199. value = i.raws.before
  200. if (value.includes('\n')) {
  201. value = value.replace(/[^\n]+$/, '')
  202. }
  203. return false
  204. }
  205. })
  206. if (typeof value === 'undefined') {
  207. value = this.raw(node, null, 'beforeRule')
  208. } else if (value) {
  209. value = value.replace(/\S/g, '')
  210. }
  211. return value
  212. }
  213. rawBeforeRule (root) {
  214. let value
  215. root.walk(i => {
  216. if (i.nodes && (i.parent !== root || root.first !== i)) {
  217. if (typeof i.raws.before !== 'undefined') {
  218. value = i.raws.before
  219. if (value.includes('\n')) {
  220. value = value.replace(/[^\n]+$/, '')
  221. }
  222. return false
  223. }
  224. }
  225. })
  226. if (value) value = value.replace(/\S/g, '')
  227. return value
  228. }
  229. rawBeforeClose (root) {
  230. let value
  231. root.walk(i => {
  232. if (i.nodes && i.nodes.length > 0) {
  233. if (typeof i.raws.after !== 'undefined') {
  234. value = i.raws.after
  235. if (value.includes('\n')) {
  236. value = value.replace(/[^\n]+$/, '')
  237. }
  238. return false
  239. }
  240. }
  241. })
  242. if (value) value = value.replace(/\S/g, '')
  243. return value
  244. }
  245. rawBeforeOpen (root) {
  246. let value
  247. root.walk(i => {
  248. if (i.type !== 'decl') {
  249. value = i.raws.between
  250. if (typeof value !== 'undefined') return false
  251. }
  252. })
  253. return value
  254. }
  255. rawColon (root) {
  256. let value
  257. root.walkDecls(i => {
  258. if (typeof i.raws.between !== 'undefined') {
  259. value = i.raws.between.replace(/[^\s:]/g, '')
  260. return false
  261. }
  262. })
  263. return value
  264. }
  265. beforeAfter (node, detect) {
  266. let value
  267. if (node.type === 'decl') {
  268. value = this.raw(node, null, 'beforeDecl')
  269. } else if (node.type === 'comment') {
  270. value = this.raw(node, null, 'beforeComment')
  271. } else if (detect === 'before') {
  272. value = this.raw(node, null, 'beforeRule')
  273. } else {
  274. value = this.raw(node, null, 'beforeClose')
  275. }
  276. let buf = node.parent
  277. let depth = 0
  278. while (buf && buf.type !== 'root') {
  279. depth += 1
  280. buf = buf.parent
  281. }
  282. if (value.includes('\n')) {
  283. let indent = this.raw(node, null, 'indent')
  284. if (indent.length) {
  285. for (let step = 0; step < depth; step++) value += indent
  286. }
  287. }
  288. return value
  289. }
  290. rawValue (node, prop) {
  291. let value = node[prop]
  292. let raw = node.raws[prop]
  293. if (raw && raw.value === value) {
  294. return raw.raw
  295. }
  296. return value
  297. }
  298. }
  299. module.exports = Stringifier