octo/citra-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

tree-wide: adapt to latest Hugo layout ...

Browse Source 
* Use Hugo to process SCSS and images
* Use co-location page bundles
* Use Hugo/ESBuild to minify JS files
* Update NPM dependencies
This commit is contained in:
liushuyu
2023-02-03 00:13:01 -07:00
parent 5ea2d5f2fa
commit 8e9b406e71
223 changed files with 1257 additions and 1504 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
gulpfile.js
View File

@@ -5,13 +5,9 @@ const merge = require('merge-stream');
const exec = require('child_process').exec;
const log = require('fancy-log');
const parseArgs = require('minimist');
const sass = require('gulp-sass')(require('sass'));
const postcss = require('gulp-postcss');
const cssnano = require('cssnano');
const browserSync = require('browser-sync').create();
const concat = require('gulp-concat');
const imageResize = require('gulp-image-resize');
const hugo = require('hugo-bin');
gulp.task('scripts:games', function (callback) {
exec('yarn install && node app.js', { cwd: './scripts/shared-hugo-scripts/compatdb/' }, function (err, stdout, stderr) {
@@ -26,24 +22,24 @@ gulp.task('scripts:wiki', function (callback) {
});
gulp.task('assets:images', function() {
var baseImages = gulp.src('build/images/*', {base: './'})
const baseImages = gulp.src('build/images/*', {base: './'})
.pipe(gulp.dest('./'));
var jumbotronImages = gulp.src('build/images/jumbotron/*', {base: './'})
const jumbotronImages = gulp.src('build/images/jumbotron/*', {base: './'})
.pipe(imageResize({ width: 786, height: 471, crop: true }))
.pipe(gulp.dest('./'));
var bannerImages = gulp.src('build/images/banners/*', {base: './'})
const bannerImages = gulp.src('build/images/banners/*', {base: './'})
.pipe(imageResize({ width: 824, height: 306, crop: false }))
.pipe(gulp.dest('./'));
var boxartImages = gulp.src('build/images/game/boxart/*', {base: './'})
const boxartImages = gulp.src('build/images/game/boxart/*', {base: './'})
.pipe(imageResize({ width: 328, height: 300, crop: true }))
.pipe(gulp.dest('./'));
var iconImages = gulp.src('build/images/game/icons/*', {base: './'})
const iconImages = gulp.src('build/images/game/icons/*', {base: './'})
.pipe(imageResize({ width: 48, height: 48, crop: true }))
.pipe(gulp.dest('./'));
var screenshotImages = gulp.src('build/images/screenshots/*')
const screenshotImages = gulp.src('build/images/screenshots/*')
.pipe(imageResize({ width: 400, height: 240, crop: false }))
.pipe(gulp.dest('build/images/screenshots/thumbs'));
return merge(baseImages, jumbotronImages, bannerImages, boxartImages, iconImages, screenshotImages);
});
@@ -58,20 +54,12 @@ gulp.task('assets:fonts', function(){
.pipe(gulp.dest('build/fonts/'));
});
gulp.task('assets:scss', function () {
var postCssOptions = [ cssnano ];
return gulp.src('src/scss/style.scss')
.pipe(sass().on('error', sass.logError))
.pipe(postcss(postCssOptions))
.pipe(gulp.dest('build/css'))
.pipe(browserSync.stream());
});
gulp.task('hugo', function (cb) {
exec(hugo + ' -s ./site/ -d ../build/ -v', function (err, stdout, stderr) {
console.log(stdout);
console.log(stderr);
cb(err);
gulp.task('hugo', (callback) => {
import('hugo-bin').then((hugo) => {
exec(hugo.default + ' -s ./site/ -d ../build/ -v --gc', (err, stdout, stderr) => {
console.log(stdout);
callback(err);
});
});
});
@@ -84,7 +72,7 @@ gulp.task('final:serve', function(done) {
});
gulp.watch('src/js/**/*', gulp.series('assets:js'));
gulp.watch('src/scss/**/*', gulp.series('assets:scss'));
gulp.watch('src/scss/**/*', gulp.series('hugo'));
gulp.watch('site/**/*.html', gulp.series('hugo'));
gulp.watch('site/**/*.md', gulp.series('hugo'));
@@ -124,6 +112,6 @@ if (parseArgs(process.argv).production) {
log.info(`process.env.HUGO_ENV = '${process.env.HUGO_ENV}'`);
log.info(`process.env.HUGO_BASEURL = '${process.env.HUGO_BASEURL}'`);
gulp.task('default', gulp.series(gulp.parallel('assets:js', 'assets:fonts', 'assets:scss'), 'hugo', 'assets:images', finalCommand));
gulp.task('all', gulp.series(gulp.parallel('scripts:games', 'scripts:wiki'), gulp.parallel('assets:js', 'assets:fonts', 'assets:scss'), 'hugo', 'assets:images', finalCommand));
gulp.task('default', gulp.series(gulp.parallel('assets:js', 'assets:fonts'), 'hugo', 'assets:images', finalCommand));
gulp.task('all', gulp.series(gulp.parallel('scripts:games', 'scripts:wiki'), gulp.parallel('assets:js', 'assets:fonts'), 'hugo', 'assets:images', finalCommand));
gulp.task('content', gulp.series('hugo', finalCommand));