import fs from "fs";
import gulp from "gulp";
import path from "path/posix";
import { buildFolder } from "./config.js";

import gulpDom from "gulp-dom";
import gulpHtmlmin from "gulp-htmlmin";
import gulpRename from "gulp-rename";

/**
 * PROVIDES
 *
 * html
 */

async function buildHtml() {
    return gulp
        .src("../src/html/index.html")
        .pipe(
            gulpDom(
                /** @this {Document} **/ function () {
                    const document = this;

                    let loadingCss = fs.readFileSync(path.join("preloader", "preloader.css")).toString();

                    const style = document.createElement("style");
                    style.textContent = loadingCss;
                    document.head.appendChild(style);
                }
            )
        )
        .pipe(
            gulpHtmlmin({
                caseSensitive: true,
                collapseBooleanAttributes: true,
                collapseInlineTagWhitespace: true,
                collapseWhitespace: true,
                preserveLineBreaks: true,
                minifyJS: true,
                minifyCSS: true,
                quoteCharacter: '"',
                useShortDoctype: true,
            })
        )
        .pipe(gulpRename("index.html"))
        .pipe(gulp.dest(buildFolder));
}

export default buildHtml;