UNPKG

6.19 kBJavaScriptView Raw
1'use strict'
2
3let { SourceMapConsumer, SourceMapGenerator } = require('source-map-js')
4let { fileURLToPath, pathToFileURL } = require('url')
5let { isAbsolute, resolve } = require('path')
6let { nanoid } = require('nanoid/non-secure')
7
8let terminalHighlight = require('./terminal-highlight')
9let CssSyntaxError = require('./css-syntax-error')
10let PreviousMap = require('./previous-map')
11
12let fromOffsetCache = Symbol('fromOffsetCache')
13
14let sourceMapAvailable = Boolean(SourceMapConsumer && SourceMapGenerator)
15let pathAvailable = Boolean(resolve && isAbsolute)
16
17class Input {
18 constructor(css, opts = {}) {
19 if (
20 css === null ||
21 typeof css === 'undefined' ||
22 (typeof css === 'object' && !css.toString)
23 ) {
24 throw new Error(`PostCSS received ${css} instead of CSS string`)
25 }
26
27 this.css = css.toString()
28
29 if (this.css[0] === '\uFEFF' || this.css[0] === '\uFFFE') {
30 this.hasBOM = true
31 this.css = this.css.slice(1)
32 } else {
33 this.hasBOM = false
34 }
35
36 if (opts.from) {
37 if (
38 !pathAvailable ||
39 /^\w+:\/\//.test(opts.from) ||
40 isAbsolute(opts.from)
41 ) {
42 this.file = opts.from
43 } else {
44 this.file = resolve(opts.from)
45 }
46 }
47
48 if (pathAvailable && sourceMapAvailable) {
49 let map = new PreviousMap(this.css, opts)
50 if (map.text) {
51 this.map = map
52 let file = map.consumer().file
53 if (!this.file && file) this.file = this.mapResolve(file)
54 }
55 }
56
57 if (!this.file) {
58 this.id = '<input css ' + nanoid(6) + '>'
59 }
60 if (this.map) this.map.file = this.from
61 }
62
63 error(message, line, column, opts = {}) {
64 let result, endLine, endColumn
65
66 if (line && typeof line === 'object') {
67 let start = line
68 let end = column
69 if (typeof start.offset === 'number') {
70 let pos = this.fromOffset(start.offset)
71 line = pos.line
72 column = pos.col
73 } else {
74 line = start.line
75 column = start.column
76 }
77 if (typeof end.offset === 'number') {
78 let pos = this.fromOffset(end.offset)
79 endLine = pos.line
80 endColumn = pos.col
81 } else {
82 endLine = end.line
83 endColumn = end.column
84 }
85 } else if (!column) {
86 let pos = this.fromOffset(line)
87 line = pos.line
88 column = pos.col
89 }
90
91 let origin = this.origin(line, column, endLine, endColumn)
92 if (origin) {
93 result = new CssSyntaxError(
94 message,
95 origin.endLine === undefined
96 ? origin.line
97 : { column: origin.column, line: origin.line },
98 origin.endLine === undefined
99 ? origin.column
100 : { column: origin.endColumn, line: origin.endLine },
101 origin.source,
102 origin.file,
103 opts.plugin
104 )
105 } else {
106 result = new CssSyntaxError(
107 message,
108 endLine === undefined ? line : { column, line },
109 endLine === undefined ? column : { column: endColumn, line: endLine },
110 this.css,
111 this.file,
112 opts.plugin
113 )
114 }
115
116 result.input = { column, endColumn, endLine, line, source: this.css }
117 if (this.file) {
118 if (pathToFileURL) {
119 result.input.url = pathToFileURL(this.file).toString()
120 }
121 result.input.file = this.file
122 }
123
124 return result
125 }
126
127 fromOffset(offset) {
128 let lastLine, lineToIndex
129 if (!this[fromOffsetCache]) {
130 let lines = this.css.split('\n')
131 lineToIndex = new Array(lines.length)
132 let prevIndex = 0
133
134 for (let i = 0, l = lines.length; i < l; i++) {
135 lineToIndex[i] = prevIndex
136 prevIndex += lines[i].length + 1
137 }
138
139 this[fromOffsetCache] = lineToIndex
140 } else {
141 lineToIndex = this[fromOffsetCache]
142 }
143 lastLine = lineToIndex[lineToIndex.length - 1]
144
145 let min = 0
146 if (offset >= lastLine) {
147 min = lineToIndex.length - 1
148 } else {
149 let max = lineToIndex.length - 2
150 let mid
151 while (min < max) {
152 mid = min + ((max - min) >> 1)
153 if (offset < lineToIndex[mid]) {
154 max = mid - 1
155 } else if (offset >= lineToIndex[mid + 1]) {
156 min = mid + 1
157 } else {
158 min = mid
159 break
160 }
161 }
162 }
163 return {
164 col: offset - lineToIndex[min] + 1,
165 line: min + 1
166 }
167 }
168
169 mapResolve(file) {
170 if (/^\w+:\/\//.test(file)) {
171 return file
172 }
173 return resolve(this.map.consumer().sourceRoot || this.map.root || '.', file)
174 }
175
176 origin(line, column, endLine, endColumn) {
177 if (!this.map) return false
178 let consumer = this.map.consumer()
179
180 let from = consumer.originalPositionFor({ column, line })
181 if (!from.source) return false
182
183 let to
184 if (typeof endLine === 'number') {
185 to = consumer.originalPositionFor({ column: endColumn, line: endLine })
186 }
187
188 let fromUrl
189
190 if (isAbsolute(from.source)) {
191 fromUrl = pathToFileURL(from.source)
192 } else {
193 fromUrl = new URL(
194 from.source,
195 this.map.consumer().sourceRoot || pathToFileURL(this.map.mapFile)
196 )
197 }
198
199 let result = {
200 column: from.column,
201 endColumn: to && to.column,
202 endLine: to && to.line,
203 line: from.line,
204 url: fromUrl.toString()
205 }
206
207 if (fromUrl.protocol === 'file:') {
208 if (fileURLToPath) {
209 result.file = fileURLToPath(fromUrl)
210 } else {
211 /* c8 ignore next 2 */
212 throw new Error(`file: protocol is not available in this PostCSS build`)
213 }
214 }
215
216 let source = consumer.sourceContentFor(from.source)
217 if (source) result.source = source
218
219 return result
220 }
221
222 toJSON() {
223 let json = {}
224 for (let name of ['hasBOM', 'css', 'file', 'id']) {
225 if (this[name] != null) {
226 json[name] = this[name]
227 }
228 }
229 if (this.map) {
230 json.map = { ...this.map }
231 if (json.map.consumerCache) {
232 json.map.consumerCache = undefined
233 }
234 }
235 return json
236 }
237
238 get from() {
239 return this.file || this.id
240 }
241}
242
243module.exports = Input
244Input.default = Input
245
246if (terminalHighlight && terminalHighlight.registerInput) {
247 terminalHighlight.registerInput(Input)
248}