zkapp-cli/src/lib/ui/next/ghp-postbuild.js

CLI to create zkApps (zero-knowledge apps) for Mina Protocol

import { readdirSync, readFileSync, writeFileSync } from 'fs';
import { dirname, extname, join } from 'path';
import { fileURLToPath } from 'url';

// This script modifies the built CSS files and prepends the repo-name to the asset URLs
// to be compatible with the GitHub pages deployments.
const __filename = fileURLToPath(import.meta.url);
const __dirname = dirname(__filename);
const cssDir = join(__dirname, '/out/_next/static/css');

// Update your repository name here if it is different from the project name.
let repoURL = '';
const files = readdirSync(cssDir);

files.forEach((file) => {
  if (extname(file) === '.css') {
    const filePath = join(cssDir, file);
    const data = readFileSync(filePath, 'utf8');
    const singleQuoteRegex = new RegExp(`url\\(\\s*'\\/(?!${repoURL})`, 'g');
    const doubleQuoteRegex = new RegExp(`url\\(\\s*"\\/(?!${repoURL})`, 'g');
    let result = data.replace(singleQuoteRegex, `url('/${repoURL}/`);
    result = result.replace(doubleQuoteRegex, `url("/${repoURL}/`);
    writeFileSync(filePath, result, 'utf8');
  }
});