babel-plugin-transform-cx-imports/index.js

Rewrite Cx imports for simplicity and optimal output size.

"use strict";

var manifest = require("cx/manifest.js");

// let manifest = {
//    'widgets/TextField': {
//       js: 'src/ui/form/TextField',
//       scss: 'src/ui/form/TextField.scss'
//    }
// };

module.exports = function (options, o1) {
   var t = options.types;

   return {
      visitor: {
         ImportDeclaration(path, scope) {
            var opts = scope.opts;
            var src = path.node.source.value;
            var importScss = opts.sass || opts.scss;

            if (src.startsWith("cx/") && !src.endsWith(".js")) {
               var remainder = src.substring(3);

               if (opts.useSrc) {
                  var imports = [];
                  path.node.specifiers.forEach(function (s) {
                     var expanded = remainder + "/" + s.imported.name;
                     //console.log("FULL:", expanded);
                     //console.log("SRC:", src);
                     var srcFile = manifest[expanded];
                     if (srcFile) {
                        if (srcFile.js) {
                           imports.push(t.importDeclaration([s], t.stringLiteral("cx/" + srcFile.js)));
                           //console.log("RESOLVED:", srcFile.js);
                        }

                        if (srcFile.scss && importScss) {
                           imports.push(t.importDeclaration([], t.stringLiteral("cx/" + srcFile.scss)));
                        }
                     } else {
                        throw new Error(`Cx import ${s.imported.name} not found in folder ${remainder}.`);
                     }
                  });

                  path.replaceWithMultiple(imports);
               }
            }
         },
      },
   };
};