LinkMeUp/build.js

const fs = require('fs');
const path = require('path');
const handlebars = require('handlebars');
const CleanCSS = require('clean-css');
const HTMLMinifier = require('html-minifier').minify;

// Function to clean up the dist directory
function cleanDistDir(distPath) {
    if (fs.existsSync(distPath)) {
        fs.readdirSync(distPath).forEach((file) => {
            const curPath = path.join(distPath, file);
            if (fs.lstatSync(curPath).isDirectory()) {
                cleanDistDir(curPath);
            } else {
                fs.unlinkSync(curPath);
            }
        });
        fs.rmdirSync(distPath);
    }
}

function readFile(filePath) {
    return fs.readFileSync(filePath, 'utf8');
}

function writeFile(filePath, content) {
    fs.writeFileSync(filePath, content);
}

function minimizeCSS(css) {
    return new CleanCSS({}).minify(css).styles;
}

function minimizeHTML(html) {
    return HTMLMinifier(html, {
        removeComments: true,
        collapseWhitespace: true
    });
}

// Function to inline CSS into HTML
function inlineCSS(html, css) {
    return html.replace('</head>', `<style>${css}</style></head>`);
}

function copyImages(srcDir, destDir) {
    if (!fs.existsSync(destDir)) {
        fs.mkdirSync(destDir, { recursive: true });
    }

    const files = fs.readdirSync(srcDir);

    for (const file of files) {
        fs.copyFileSync(path.join(srcDir, file), path.join(destDir, file));
    }
}

function compileTemplate(templatePath, data) {
    const templateSource = readFile(templatePath);
    const template = handlebars.compile(templateSource);
    return template(data);
}

function createManifest(data) {
    return {
        name: data.title || 'LinkMeUp',
        short_name: data.short_title || 'LinkMeUp',
        description: data.description || 'Get all weblinks of LinkMeUp',
        start_url: '/',
        display: 'standalone',
        background_color: data.backgroundColor || '#ffffff',
        theme_color: data.themeColor || '#0078D4',
        icons: [
            {
                src: data.logo || '/android-chrome-192x192.png',
                sizes: '192x192',
                type: 'image/png',
                purpose: "maskable"
            },
            {
                src: data.logo2 || "/android-chrome-512x512.png",
                sizes: "512x512",
                type: "image/png",
                purpose: "any"
            }
        ],
    };
}

// Main build function
function build() {
    const distPath = path.join(__dirname, 'dist');
    const baseHtmlPath = path.join(__dirname, 'public', 'index.html');
    const dataPath = path.join(__dirname, 'src', 'data.json');
    const cssPath = path.join(__dirname, 'public', 'styles', 'main.css');
    const headTemplatePath = path.join(__dirname, 'src', 'templates', 'head-template.hbs');
    const headerTemplatePath = path.join(__dirname, 'src', 'templates', 'header-template.hbs');
    const linksTemplatePath = path.join(__dirname, 'src', 'templates', 'social-links-template.hbs');
    const footerTemplatePath = path.join(__dirname, 'src', 'templates', 'footer-template.hbs');

    cleanDistDir(distPath);

    // Load data, base HTML, and CSS
    const data = JSON.parse(readFile(dataPath));
    const baseHtml = readFile(baseHtmlPath);
    let css = readFile(cssPath);

    if (data.theme != null) {
        let themeCss = readFile(path.join(__dirname, 'src', 'themes', `${data.theme}.css`))
        css += themeCss
    }

    // Get the current year
    const currentYear = new Date().getFullYear();
    // Pass the current year to the Handlebars data
    data.currentYear = currentYear;

    const activeTheme = data.theme;

    // Output titles from data.json
    data.socialLinks.forEach(link => console.log(link.name));

    // Minimize CSS
    css = minimizeCSS(css);

    // Compile HTML with Handlebars
    const headHtml = compileTemplate(headTemplatePath, data);
    const headerHtml = compileTemplate(headerTemplatePath, data);
    const socialLinksHtml = compileTemplate(linksTemplatePath, data);
    const footerHtml = compileTemplate(footerTemplatePath, data);

    // Replace placeholder in base HTML with compiled HTML
    let finalHtml = baseHtml
        .replace('<!-- Head template will populate this section -->', headHtml)
        .replace('<!-- Header template will populate this section -->', headerHtml)
        .replace('<!-- Handlebars template will populate this section -->', socialLinksHtml)
        .replace('<!-- Footer template will populate this section -->', footerHtml);

    finalHtml = inlineCSS(finalHtml, css);
    finalHtml = minimizeHTML(finalHtml);

    let manifest = createManifest(data.head)

    // Ensure dist directory exists
    if (!fs.existsSync(distPath)) {
        fs.mkdirSync(distPath);
    }

    writeFile(path.join(distPath, 'index.html'), finalHtml);
    writeFile(path.join(distPath, 'manifest.json'), JSON.stringify(manifest));

    const imagesSrcPath = path.join(__dirname, 'public', 'images');
    const imagesDestPath = path.join(distPath, 'images');
    copyImages(imagesSrcPath, imagesDestPath);

    const faviconSrcPath = path.join(__dirname, 'public', 'favicons');
    const faviconDestPath = path.join(distPath);
    copyImages(faviconSrcPath, faviconDestPath)

    const javascriptSrcPath = path.join(__dirname, 'src', 'scripts');
    const javascriptDestPath = path.join(distPath);
    copyImages(javascriptSrcPath, javascriptDestPath)
}

// Run the build process
build();