Converts flat html files into a directory structure with index.html

cleaner.js

/**
 * Converts a flat file structure like:
 * about.html, features.html, blog.html
 * into
 * features/index.html, about/index.html, blog/index.html
 * Usage: node cleaner.js or node cleaner.js watch
 */

const fs = require("fs")

const watchDir = "./src"
const destDir = "./docs"

const args = process.argv

if (args && args.includes("watch")) {
    console.log("Watching for File Changes")
        // if you want to watch a source dir
    fs.watch(
        watchDir, {
            recursive: true,
        },
        (event, filename) => {
            if (filename) {
                console.log(`${filename} file Changed`)
                processFiles()
            }
        }
    )
} else {
    processFiles()
}

function processFiles() {
    // read the output dir
    const files = fs.readdirSync(destDir)

    // if the file name is not index.html

    // create a folder, move that file into it, and rename it to index.html
    for (const file of files) {
        if (file.includes(".html") && file !== "index.html") {
            const fileName = file.split(".")[0]
            if (!fs.existsSync(`${destDir}/${fileName}`)) {
                fs.mkdirSync(`${destDir}/${fileName}`)
            }

            fs.copyFileSync(`${destDir}/${file}`, `${destDir}/${fileName}/index.html`)
        }
    }
}