Convert document-relative image paths to root-relative paths

convert-image-paths.js

/*
This NodeJS script will recursively read files in a folder
and execute a series of search and replace commands.
It will convert document-relative image paths to root-relative paths, e.g. 
../assets/images/home_page_banner.png
to
/public/assets/images/home_page_banner.png
Set the name of the folder as the value of the "dir" variable.
Run the script as follows: node recursive-replace.js
*/

const fs = require('fs');
const path = require('path');

const walk = dir => {
  try {
    let results = [];
    const list = fs.readdirSync(dir);
    list.forEach(file => {
      file = path.join(dir, file);
      const stat = fs.statSync(file);
      if (stat && stat.isDirectory()) {
        // Recurse into subdir
        results = [...results, ...walk(file)];
      } else {
        // Is a file
        results.push(file);
      }
    });
    return results;
  } catch (error) {
    console.error(`Error when walking dir ${dir}`, error);
  }
};

const edit = filePath => {
  if (filePath.endsWith('htm')) {
    let oldContent = fs.readFileSync(filePath, {encoding: 'utf8'});
    let newContent = oldContent;

    // REPLACE {{#if class}} with {% if class %}
    let regex = /src=(.*?\.png)"/gi;
    let result = oldContent.match(regex);
    // console.log(result);

    //let pathSplit = filePath.split("/");
    /* console.log(pathSplit);
    console.log(pathSplit.pop())
    console.log(pathSplit);
    console.log(pathSplit.pop())
    console.log(pathSplit); */

    if (result !== null) {
      for (let i = 0; i < result.length; i++) {
        console.log("-------------");
        const iterator = result[i].matchAll(/\.\.\//g);
        let oldImgPath = result[i];
        console.log("oldImgPath = " + oldImgPath);
        let numMatches = Array.from(iterator).length;
        console.log("number of ../ = " + numMatches);
        console.log("filePath = " + filePath);
        let pathSplit = filePath.split("/");
        for (let j = 0; j <= parseInt(numMatches); j++) {
          console.log("j=" + j);
          pathSplit.pop();
        }
        let imgBasePath = "/" + pathSplit.join('/') + "/";
        console.log("imgBasePath = " + imgBasePath);
        let regex2 = /(\.\.\/)+/gi;
        let newImgPath = oldImgPath.replace(regex2, imgBasePath);
        console.log("newImgPath = " + newImgPath);
        //console.log(oldContent);
        var re = new RegExp(oldImgPath, "g");
        newContent = newContent.replace(re, newImgPath);
        console.log("-------------");
      }
    }
    
    //var replaceVal = 'src="{% if $1 %}';
    //var newContent = oldContent.replace(regex, replaceVal);

    fs.writeFileSync(filePath, newContent, {encoding: 'utf-8'});
    console.log(`Edited file: ${filePath}`);
  }
};

const main = () => {
  const dir = 'public/'; // folder name containing files
  const filePaths = walk(dir);
  filePaths.forEach(filePath => edit(filePath));
};

main();