2020-04-21 12:37:59 -04:00
|
|
|
#!/usr/bin/env node
|
2020-04-25 19:25:04 -04:00
|
|
|
const dedent = require("dedent");
|
|
|
|
|
const ejs = require("ejs");
|
2020-04-21 12:37:59 -04:00
|
|
|
const fs = require("fs");
|
2020-04-25 19:25:04 -04:00
|
|
|
const glob = require("glob");
|
|
|
|
|
const hljs = require("highlight.js");
|
2020-04-21 14:07:21 -04:00
|
|
|
const mkdirp = require("mkdirp");
|
2020-04-25 19:25:04 -04:00
|
|
|
const path = require("path");
|
2020-04-21 14:07:21 -04:00
|
|
|
const postcss = require("postcss");
|
2020-04-21 12:37:59 -04:00
|
|
|
|
2020-04-26 10:55:53 -04:00
|
|
|
const { homepage, version } = require("./package.json");
|
|
|
|
|
|
2020-04-25 19:25:04 -04:00
|
|
|
function buildCSS() {
|
2020-04-26 10:55:53 -04:00
|
|
|
const input =
|
|
|
|
|
`/*! 98.css v${version} - ${homepage} */\n` + fs.readFileSync("style.css");
|
|
|
|
|
|
2020-04-25 19:25:04 -04:00
|
|
|
return postcss()
|
|
|
|
|
.use(require("postcss-inline-svg"))
|
|
|
|
|
.use(require("postcss-css-variables"))
|
|
|
|
|
.use(require("postcss-calc"))
|
|
|
|
|
.use(require("postcss-copy")({ dest: "dist", template: "[name].[ext]" }))
|
|
|
|
|
.use(require("cssnano"))
|
2020-04-26 10:55:53 -04:00
|
|
|
.process(input, {
|
2020-04-25 19:25:04 -04:00
|
|
|
from: "style.css",
|
|
|
|
|
to: "dist/98.css",
|
|
|
|
|
map: { inline: false },
|
2020-04-25 19:47:53 -04:00
|
|
|
})
|
|
|
|
|
.then((result) => {
|
|
|
|
|
mkdirp.sync("dist");
|
|
|
|
|
fs.writeFileSync("dist/98.css", result.css);
|
2020-04-29 20:31:02 +07:00
|
|
|
fs.writeFileSync("dist/98.css.map", result.map.toString());
|
2020-04-25 19:25:04 -04:00
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function buildDocs() {
|
|
|
|
|
let id = 0;
|
|
|
|
|
function getNewId() {
|
|
|
|
|
return ++id;
|
|
|
|
|
}
|
|
|
|
|
function getCurrentId() {
|
|
|
|
|
return id;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const template = fs.readFileSync("docs/index.html.ejs", "utf-8");
|
|
|
|
|
function example(code) {
|
|
|
|
|
const magicBrackets = /\[\[(.*)\]\]/g;
|
|
|
|
|
const dedented = dedent(code);
|
|
|
|
|
const inline = dedented.replace(magicBrackets, "$1");
|
|
|
|
|
const escaped = hljs.highlight("html", dedented.replace(magicBrackets, ""))
|
|
|
|
|
.value;
|
|
|
|
|
|
|
|
|
|
return `<div class="example">
|
|
|
|
|
${inline}
|
|
|
|
|
<details>
|
|
|
|
|
<summary>Show code</summary>
|
|
|
|
|
<pre><code>${escaped}</code></pre>
|
|
|
|
|
</details>
|
|
|
|
|
</div>`;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
glob("docs/*", (err, files) => {
|
|
|
|
|
if (!err) {
|
|
|
|
|
files.forEach((srcFile) =>
|
|
|
|
|
fs.copyFileSync(srcFile, path.join("dist", path.basename(srcFile)))
|
|
|
|
|
);
|
|
|
|
|
} else throw "error globbing dist directory.";
|
2020-04-22 11:40:10 -05:00
|
|
|
});
|
2020-04-25 19:25:04 -04:00
|
|
|
fs.writeFileSync(
|
|
|
|
|
path.join(__dirname, "/dist/index.html"),
|
|
|
|
|
ejs.render(template, { getNewId, getCurrentId, example })
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
2020-04-25 19:47:53 -04:00
|
|
|
function build() {
|
|
|
|
|
buildCSS()
|
|
|
|
|
.then(buildDocs)
|
|
|
|
|
.catch((err) => console.log(err));
|
|
|
|
|
}
|
|
|
|
|
module.exports = build;
|
|
|
|
|
|
|
|
|
|
build();
|
