archive/givemoneyto.me
Archived
1
Fork 0
Code Releases Packages Activity

Add progress bar when outputting pages

Browse source
This commit is contained in:
Jake Howard 2019-06-29 17:21:43 +01:00
parent 41277bbcb0
commit f9f4ae3460
Signed by: jake
GPG key ID: 57AFB45680EDD477
3 changed files with 32 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
index.ts
View file

@ -5,9 +5,11 @@ import { readFileSync, writeFileSync } from 'fs';
import Handlebars from 'handlebars';
import mkdirp from 'mkdirp';
import { range } from 'underscore';
import ProgressBar from 'progress';
const BUILD_DIR = join(__dirname, 'build');
const SRC_DIR = join(__dirname, 'src');
const PROGRESS_BAR_FORMAT = "[:bar] :rate/ps :percent";
const BUNDLER_OPTIONS = {
outDir: BUILD_DIR,
@ -15,6 +17,10 @@ const BUNDLER_OPTIONS = {
minify: true,
};
function statusOutput(message: string) {
console.log("> " + message + "...");
}
function writeTemplate(content: string, value: string) {
const outputFile = join(BUILD_DIR, value, 'index.html');
mkdirp.sync(dirname(outputFile));
@ -29,14 +35,22 @@ function renderTemplate(template: HandlebarsTemplateDelegate, value: number) {
(async function() {
rimraf.sync(BUILD_DIR);
statusOutput("Creating template");
const bundler = new Bundler(join(SRC_DIR, 'template.html'), BUNDLER_OPTIONS);
await bundler.bundle();
statusOutput("Compiling HTML template");
const template = Handlebars.compile(readFileSync(join(BUILD_DIR, 'template.html')).toString());
range(0, 10, 0.5).forEach((i) => {
console.log(i);
const possibleValues = range(0, 10, 0.5);
const bar = new ProgressBar(PROGRESS_BAR_FORMAT, {
total: possibleValues.length,
width: 40
});
statusOutput("Generating pages");
possibleValues.forEach((i) => {
renderTemplate(template, i);
bar.tick();
});
})();

13
package-lock.json generated
View file

@ -1074,6 +1074,14 @@
"@types/express-serve-static-core": "*"
}
},
"@types/progress": {
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/@types/progress/-/progress-2.0.3.tgz",
"integrity": "sha512-bPOsfCZ4tsTlKiBjBhKnM8jpY5nmIll166IPD58D92hR7G7kZDfx5iB9wGF4NfZrdKolebjeAr3GouYkSGoJ/A==",
"requires": {
"@types/node": "*"
}
},
"@types/q": {
"version": "1.5.2",
"resolved": "https://registry.npmjs.org/@types/q/-/q-1.5.2.tgz",
@ -5295,6 +5303,11 @@
"resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
"integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="
},
"progress": {
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
"integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA=="
},
"proto-list": {
"version": "1.2.4",
"resolved": "https://registry.npmjs.org/proto-list/-/proto-list-1.2.4.tgz",

2
package.json
View file

@ -20,6 +20,7 @@
"@types/mkdirp": "^0.5.2",
"@types/node": "^12.0.10",
"@types/parcel-bundler": "^1.12.0",
"@types/progress": "^2.0.3",
"@types/rimraf": "^2.0.2",
"@types/underscore": "^1.9.1",
"animate.css": "3.7.0",
@ -27,6 +28,7 @@
"handlebars": "^4.1.2",
"mkdirp": "^0.5.1",
"parcel-bundler": "1.12.3",
"progress": "^2.0.3",
"rimraf": "^2.6.3",
"sass": "^1.22.1",
"ts-node": "8.3.0",