Added Gulp Tooling

Author: App Generator

app/static/assets/gulpfile.js

@@ -0,0 +1,103 @@
+/*
+
+=========================================================
+* Volt Free - Bootstrap 5 Dashboard
+=========================================================
+
+* Product Page: https://themesberg.com/product/admin-dashboard/volt-premium-bootstrap-5-dashboard
+* Copyright 2020 Themesberg (https://www.themesberg.com)
+* License (https://themesberg.com/licensing)
+
+* Designed and coded by https://themesberg.com
+
+=========================================================
+
+* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. Please contact us to request a removal.
+
+*/
+
+var autoprefixer = require('gulp-autoprefixer');
+var browserSync = require('browser-sync').create();
+var cleanCss = require('gulp-clean-css');
+var del = require('del');
+const htmlmin = require('gulp-htmlmin');
+const cssbeautify = require('gulp-cssbeautify');
+var gulp = require('gulp');
+const npmDist = require('gulp-npm-dist');
+var sass = require('gulp-sass');
+var wait = require('gulp-wait');
+var sourcemaps = require('gulp-sourcemaps');
+var fileinclude = require('gulp-file-include');
+var rename = require("gulp-rename");
+
+// Define paths
+
+const paths = {
+    dist: {
+        base: './dist/',
+        css: './dist/css',
+        html: './dist/pages',
+        assets: './dist/assets',
+        img: './dist/assets/img',
+        vendor: './dist/vendor'
+    },
+    dev: {
+        base: './html&css/',
+        css: './html&css/css',
+        html: './html&css/pages',
+        assets: './html&css/assets',
+        img: './html&css/assets/img',
+        vendor: './html&css/vendor'
+    },
+    base: {
+        base: './',
+        node: './node_modules'
+    },
+    src: {
+        base: './',
+        css: './css',
+        html: './src/pages/**/*.html',
+        assets: './src/assets/**/*.*',
+        partials: './src/partials/**/*.html',
+        scss: './scss',
+        node_modules: './node_modules/',
+        vendor: './vendor'
+    },
+    temp: {
+        base: './.temp/',
+        css: './.temp/css',
+        html: './.temp/pages',
+        assets: './.temp/assets',
+        vendor: './.temp/vendor'
+    }
+};
+
+// Compile SCSS
+gulp.task('scss', function() {
+    return gulp.src([paths.src.scss + '/custom/**/*.scss', paths.src.scss + '/pixel/**/*.scss', paths.src.scss + '/pixel.scss'])
+        .pipe(wait(500))
+        .pipe(sourcemaps.init())
+        .pipe(sass().on('error', sass.logError))
+        .pipe(autoprefixer({
+            overrideBrowserslist: ['> 1%']
+        }))
+        .pipe(sourcemaps.write('.'))
+        .pipe(gulp.dest(paths.src.css))
+        .pipe(browserSync.stream());
+});
+
+// Minify CSS
+gulp.task('minify:css', function() {
+    return gulp.src([
+            paths.src.css + '/pixel.css'
+        ])
+        .pipe(cleanCss())
+        .pipe(rename(function(path) {
+            // Updates the object in-place
+            path.extname = ".min.css";
+        }))
+        .pipe(gulp.dest(paths.src.css))
+});
+
+// Default
+gulp.task('default', gulp.series('scss', 'minify:css'));

app/static/assets/package.json

@@ -0,0 +1,62 @@
+{
+    "name": "@themesberg/pixel-lite-bootstrap-ui-kit",
+    "version": "4.0.0",
+    "description": "Open-source Bootstrap 5 UI Kit",
+    "main": "gulpfile.js",
+    "author": "Themesberg",
+    "keywords": [
+        "bootstrap",
+        "bootstrap 5",
+        "bootstrap 5 ui kit",
+        "bootstrap ui kit",
+        "ui kit",
+        "components",
+        "elements",
+        "responsive",
+        "front-end",
+        "css",
+        "sass",
+        "gulp",
+        "web"
+    ],
+    "homepage": "https://themesberg.com/product/ui-kit/pixel-free-bootstrap-5-ui-kit",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/themesberg/pixel-bootstrap-ui-kit"
+    },
+    "bugs": {
+        "email": "[email protected]"
+    },
+    "license": "MIT License",
+    "devDependencies": {
+        "browser-sync": "^2.26.14",
+        "del": "4.1.1",
+        "gulp": "4.0.2",
+        "gulp-autoprefixer": "6.1.0",
+        "gulp-clean-css": "4.2.0",
+        "gulp-cssbeautify": "1.0.1",
+        "gulp-file-include": "2.1.0",
+        "gulp-header": "2.0.7",
+        "gulp-htmlmin": "5.0.1",
+        "gulp-npm-dist": "^1.0.3",
+        "gulp-plumber": "1.2.1",
+        "gulp-rename": "1.4.0",
+        "gulp-sass": "4.0.2",
+        "gulp-sourcemaps": "2.6.5",
+        "gulp-uglify": "3.0.2",
+        "gulp-wait": "0.0.2",
+        "merge-stream": "2.0.0"
+    },
+    "dependencies": {
+        "@fortawesome/fontawesome-free": "5.11.2",
+        "@popperjs/core": "^2.6.0",
+        "bootstrap": "5.0.0-beta2",
+        "vanillajs-datepicker": "^1.0.3",
+        "headroom.js": "0.10.3",
+        "jarallax": "1.12.0",
+        "onscreen": "1.3.4",
+        "smooth-scroll": "^16.1.0",
+        "vivus": "^0.4.5",
+        "waypoints": "4.0.1"
+    }
+}