babel-plugin-resource-js-paths.js

'use strict';

const { dirname, relative, resolve } = require('path');
const replaceExtension = require('replace-ext');

module.exports = function resourceJSPaths(babel) {
  const t = babel.types;

  return {
    visitor: {
      ImportDeclaration(path, state) {
        const { node } = path;
        const { value: source } = node.source;
        if (/^\..*\.scss$/i.test(source)) {
          const declaration = t.cloneNode(node);
          declaration.source.value = `./${replaceExtension(source, '.css.js')}`;
          path.replaceWith(declaration);
        } else if (/^@carbon\/icons\/lib/i.test(source)) {
          const filenameES = state.file.opts.filename.replace(/[/\\]src[/\\]/, '/es/');
          const iconsDir = relative(dirname(filenameES), resolve(__dirname, 'es/icons'));
          const declaration = t.cloneNode(node);
          declaration.source.value = source.replace(/^@carbon\/icons\/lib/i, iconsDir);
          path.replaceWith(declaration);
        }
      },
    },
  };
};