-
Notifications
You must be signed in to change notification settings - Fork 0
/
build-css.js
80 lines (69 loc) · 2.58 KB
/
build-css.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
#!/usr/bin/env node
const { basename, dirname, format, relative, resolve } = require("path");
const { readdir, stat, readFile, writeFile, mkdir } = require("fs").promises;
const dedent = require("dedent");
const ENC = "utf-8";
const INLINE_REGEX = /(.*)\s*\/\/\s*inline\s*$/gimu;
const DEFER_REGEX = /(.*)\s*\/\/\s*link\s*$/gimu;
const INLINE_BLOCK_REGEX = /\/\/\s*>*\s*<{3,}\s*inline([\s\S]*?)\/\/\s*>{3,}.*/gimu;
const DEFER_BLOCK_REGEX = /\/\/\s*>*\s*<{3,}\s*link([\s\S]*?)\/\/\s*>{3,}.*/gimu;
function genHeader(filename) {
return dedent`
// THIS FILE IS AUTOGENERATED, DO NOT MODIFY!
//
// To change the contents of this file,
// edit \`${filename}\`
// and run \`npm run build:css\`.
//
// During development you can run \`npm run watch:css\`
// to continuosly rebuild this file.
`;
}
// <https://stackoverflow.com/a/45130990/870615>
async function getFiles(dir) {
const subdirs = await readdir(dir);
const files = await Promise.all(
subdirs.map(async subdir => {
const res = resolve(dir, subdir);
return (await stat(res)).isDirectory() ? getFiles(res) : res;
})
);
return files.reduce((a, f) => a.concat(f), []);
}
(async function main() {
try {
const files = process.argv.length > 2 ? [process.argv[2]] : await getFiles("_sass");
await Promise.all(
files.filter(f => f.endsWith(".pre.scss")).map(async file => {
const content = await readFile(file, ENC);
const name = basename(file, ".pre.scss");
const filename = format({ name, ext: ".scss" });
const dir = dirname(file);
const inline = content
.replace(INLINE_REGEX, "$1")
.replace(INLINE_BLOCK_REGEX, "$1")
.replace(DEFER_REGEX, "// $1")
.replace(DEFER_BLOCK_REGEX, "");
const defer = content
.replace(DEFER_REGEX, "$1")
.replace(DEFER_BLOCK_REGEX, "$1")
.replace(INLINE_REGEX, "// $1")
.replace(INLINE_BLOCK_REGEX, "");
const path = relative(resolve(), dirname(file));
const header = genHeader([path, basename(file)].join("/"));
await Promise.all([
mkdir(resolve(dir, "__inline__"), { recursive: true }),
mkdir(resolve(dir, "__link__"), { recursive: true }),
]);
return Promise.all([
writeFile(resolve(dir, "__inline__", filename), header + "\n\n" + inline, ENC),
writeFile(resolve(dir, "__link__", filename), header + "\n\n" + defer, ENC),
]);
})
);
process.exit(0);
} catch (e) {
console.error(e); // eslint-disable-line
process.exit(1);
}
})();