include('secondary.js')

console.log('I am Main');
let foo = new secondary();

class secondary {
    constructor() {
        console.log('I am secondary!');
    }
}

class secondary {
    constructor() {
        console.log('I am secondary!');
    }
}

console.log('I am Main');

"use strict";
const util = require("util");
const fs = require("fs");
const babel = require("@babel/core");

compileJSX('ReactComponents.jsx');

function compileJSX(jsxfile) {
	let jsfile = jsxfile.replace('.jsx','.js');
	console.log(`JSX Cache Miss | Compiling scripts/jsx/${jsxfile} > cache/js/${jsfile}`);

	let rendered = null;

	let parserOpts = {
		preserveComments: true,
		attachComment: true, 	
		strictMode: true 		
	};

	let generatorOpts = {
		compact : false,
		minified: false,
		comment : false,
	};

	try {
		const t = require("@babel/types");

		let transformer = function(jsxFilename) {
			let jsxFile = fs.readFileSync(`${jsxFilename}`, `utf8`);
			let ret = babel.transformSync(jsxFile, {
				targets: `defaults`,
				ast: true,
				filenameRelative: `${jsxFilename}`,
				sourceType: `unambiguous`,
				sourceMaps: true,
				sourceFileName: `/js/${jsxFilename}`,
				sourceRoot: `/js/maps/`,
				highlightCode: true,
				presets: [
					[`@babel/preset-react`, {
							throwIfNamespace: true 
						}
					]
				],
				plugins: [
					{
						visitor: {
							CallExpression(path,state) {
								if (path.node.callee.name == 'include') {
									let included = transformer(path.node.arguments[0].value);
									let sourceMapComment = babel.template.ast(`null;//# sourceMappingURL=/js/maps/${path.node.arguments[0].value}`,
										{	preserveComments: true,
											comments: true
										});

									included.ast.program.body.push(sourceMapComment);
									path.replaceWithMultiple(included.ast.program.body);
								}
							}						}
					}
				],
				parserOpts,
				generatorOpts
			});

			fs.writeFileSync(`${jsxFilename}.map`, util.inspect(ret.map), `utf8`);

			return ret;
		}

		let parsed = transformer(jsxfile);

		console.log("code:")
		console.log(parsed);
	} catch (e) {
		console.log(util.inspect(e)); 

	return rendered;
}

import { parse } from "@babel/parser";
import generate from "@babel/generator";

const a = "var a = 1;";
const b = "var b = 2;";
const astA = parse(a, { sourceFilename: "a.js" });
const astB = parse(b, { sourceFilename: "b.js" });
const ast = {
  type: "Program",
  body: [].concat(astA.program.body, astB.program.body),
};

const { code, map } = generate(
  ast,
  { sourceMaps: true },
  {
    "a.js": a,
    "b.js": b,
  }
);

// Sourcemap will point to both a.js and b.js where appropriate.