@hqjs/hq/compilers/replace.mjs

Universal static web server for frontend development

import path from 'path';

const RELATIVE_PATTERN = /('|")\s*(\.{1,2})\/([^'"]*)/g;
const ABSOLUTE_PATTERN = /('|"|`)\s*(\/node_modules)\/([^'"`]*)/g;

const replace = (baseURI, dirname) =>
  (match, quote, dots, rest) => `${quote}${baseURI}${path.join(dirname, dots, rest)}`;

const replaceRelativePath = async (ctx, content) => {
  const upContent = content.replace(RELATIVE_PATTERN, replace(ctx.store.baseURI, ctx.dirname));

  return upContent.replace(ABSOLUTE_PATTERN, replace(ctx.store.baseURI, ''));
};

export default async (ctx, content) => {
  const replaced = await replaceRelativePath(ctx, content);
  return { code: replaced };
};