|
1 |
| -import './guard'; |
2 | 1 | import hook from './hook';
|
3 |
| -import postcss from 'postcss'; |
4 |
| -import { dirname, join, parse, relative, resolve, sep } from 'path'; |
5 | 2 | import { readFileSync } from 'fs';
|
6 |
| -import isPlainObject from 'lodash.isplainobject'; |
| 3 | +import { dirname, sep, relative, resolve } from 'path'; |
| 4 | +import postcss from 'postcss'; |
7 | 5 |
|
8 | 6 | import ExtractImports from 'postcss-modules-extract-imports';
|
9 | 7 | import LocalByDefault from 'postcss-modules-local-by-default';
|
10 | 8 | import Scope from 'postcss-modules-scope';
|
11 | 9 | import Parser from './parser';
|
12 | 10 |
|
13 |
| -let processCss; |
14 |
| -let rootDir; |
15 |
| -let plugins; |
16 |
| - |
17 |
| -/** |
18 |
| - * @param {object} opts |
19 |
| - * @param {function} opts.generateScopedName |
20 |
| - * @param {function} opts.processCss|.p |
21 |
| - * @param {string} opts.rootDir|.root|.d |
22 |
| - * @param {array} opts.use|.u |
23 |
| - */ |
24 |
| -export default function buildOptions(opts = {}) { |
25 |
| - if (!isPlainObject(opts)) { |
26 |
| - throw new Error('Use plain object'); |
27 |
| - } |
28 |
| - |
29 |
| - processCss = get(opts, 'processCss|p'); |
30 |
| - rootDir = get(opts, 'rootDir|root|d'); |
31 |
| - rootDir = rootDir ? resolve(rootDir) : process.cwd(); |
32 |
| - |
33 |
| - const customPlugins = get(opts, 'use|u'); |
34 |
| - if (Array.isArray(customPlugins)) { |
35 |
| - return void (plugins = customPlugins); |
36 |
| - } |
37 |
| - |
38 |
| - plugins = []; |
39 |
| - |
40 |
| - plugins.push( |
41 |
| - opts.mode |
42 |
| - ? new LocalByDefault({mode: opts.mode}) |
43 |
| - : LocalByDefault |
44 |
| - ); |
45 |
| - |
46 |
| - plugins.push( |
47 |
| - opts.createImportedName |
48 |
| - ? new ExtractImports({createImportedName: opts.createImportedName}) |
49 |
| - : ExtractImports |
50 |
| - ); |
51 |
| - |
52 |
| - plugins.push( |
53 |
| - opts.generateScopedName |
54 |
| - ? new Scope({generateScopedName: opts.generateScopedName}) |
55 |
| - : Scope |
56 |
| - ); |
57 |
| -} |
58 |
| - |
59 |
| -const escapedSeparator = sep.replace(/(.)/g, '\\$1'); |
60 |
| -const relativePathPattern = new RegExp(`^.{1,2}$|^.{1,2}${escapedSeparator}`); |
61 |
| -const tokensByFile = {}; |
62 |
| -let importNr = 0; |
63 |
| - |
64 |
| -/** |
65 |
| - * @param {object} object |
66 |
| - * @param {string} keys 'a|b|c' |
67 |
| - * @return {*} |
68 |
| - */ |
69 |
| -function get(object, keys) { |
70 |
| - let key; |
71 |
| - |
72 |
| - keys.split('|').some(k => { |
73 |
| - if (!object[k]) { |
74 |
| - return false; |
75 |
| - } |
76 |
| - |
77 |
| - key = k; |
78 |
| - return true; |
79 |
| - }); |
| 11 | +let plugins = [ExtractImports, LocalByDefault, Scope]; |
| 12 | +let rootDir = process.cwd(); |
80 | 13 |
|
81 |
| - return key ? object[key] : null; |
| 14 | +export default function (opts = {}) { |
| 15 | + plugins = opts.use ? opts.use : [ExtractImports, LocalByDefault, Scope]; |
| 16 | + rootDir = opts.root ? opts.root : process.cwd(); |
82 | 17 | }
|
83 | 18 |
|
84 |
| -/** |
85 |
| - * @param {string} pathname |
86 |
| - * @return {boolean} |
87 |
| - */ |
88 |
| -function isModule(pathname) { |
89 |
| - const parsed = parse(pathname); |
90 |
| - return !parsed.root && !relativePathPattern.test(parsed.dir); |
91 |
| -} |
92 |
| - |
93 |
| -/** |
94 |
| - * @param {string} sourceString The file content |
95 |
| - * @param {string} sourcePath |
96 |
| - * @param {string} trace |
97 |
| - * @param {function} pathFetcher |
98 |
| - * @return {object} |
99 |
| - */ |
100 |
| -function load(sourceString, sourcePath, trace, pathFetcher) { |
101 |
| - const lazyResult = postcss(plugins.concat(new Parser({ pathFetcher, trace }))) |
102 |
| - .process(sourceString, {from: sourcePath}); |
103 |
| - |
104 |
| - return { injectableSource: lazyResult.css, exportTokens: lazyResult.root.tokens }; |
105 |
| -} |
106 |
| - |
107 |
| -/** |
108 |
| - * @param {string} _newPath |
109 |
| - * @param {string} _relativeTo |
110 |
| - * @param {string} _trace |
111 |
| - * @return {object} |
112 |
| - */ |
113 |
| -function fetch(_newPath, _relativeTo, _trace) { |
| 19 | +function pathFetcher(_newPath, sourcePath, trace) { |
114 | 20 | const newPath = _newPath.replace(/^["']|["']$/g, '');
|
115 |
| - const trace = _trace || String.fromCharCode(importNr++); |
116 |
| - |
117 |
| - const relativeDir = dirname(_relativeTo); |
118 |
| - const rootRelativePath = resolve(relativeDir, newPath); |
119 |
| - let fileRelativePath = resolve(join(rootDir, relativeDir), newPath); |
120 |
| - |
121 |
| - if (isModule(newPath)) { |
122 |
| - fileRelativePath = require.resolve(newPath); |
123 |
| - } |
124 |
| - |
125 |
| - const tokens = tokensByFile[fileRelativePath]; |
126 |
| - if (tokens) { |
127 |
| - return tokens; |
128 |
| - } |
129 |
| - |
130 |
| - const source = readFileSync(fileRelativePath, 'utf-8'); |
131 |
| - const { exportTokens, injectableSource } = load(source, rootRelativePath, trace, fetch); |
132 |
| - |
133 |
| - tokensByFile[fileRelativePath] = exportTokens; |
134 |
| - |
135 |
| - if (typeof processCss === 'function') { |
136 |
| - processCss(injectableSource); |
137 |
| - } |
138 |
| - |
139 |
| - return exportTokens; |
| 21 | + const filename = /\w/.test(newPath[0]) |
| 22 | + ? require.resolve(newPath) |
| 23 | + : resolve(rootDir + dirname(sourcePath), newPath); |
| 24 | + const rootRelativePath = sep + relative(rootDir, filename); |
| 25 | + const source = readFileSync(filename, 'utf-8'); |
| 26 | + |
| 27 | + const result = postcss(plugins.concat(new Parser({ pathFetcher }))) |
| 28 | + // preprocess |
| 29 | + .process(source, {from: rootRelativePath}) |
| 30 | + .root; |
| 31 | + // postprocess |
| 32 | + |
| 33 | + return result.tokens; |
140 | 34 | }
|
141 | 35 |
|
142 |
| -// setting defaults |
143 |
| -buildOptions(); |
144 |
| - |
145 |
| -hook(filename => fetch(`.${sep}${relative(rootDir, filename)}`, '/')); |
| 36 | +hook(filename => pathFetcher(filename, sep + relative(rootDir, filename))); |
0 commit comments