fix(build): configure globals and fixes

* build: convert dependencies to globals to browser output

* fix(build): do not emit sourcemap for browser output

* build(support): compile to ES2015 target

* build(banner): add library informations to output files

reactools/build/browser.js

@@ -1,8 +1,15 @@
 const { build } = require('./build');
+const { globals } = require('./plugins/esbuild-plugin-globals');
 
 build({
   platform: 'browser',
   globalName: 'Reactools',
   outfile: 'dist/index.browser.js',
+  sourcemap: false,
   entryPoints: ['src/index.ts'],
+  plugins: [
+    globals({
+      react: 'React',
+    }),
+  ],
 });

reactools/build/build.js

@@ -1,12 +1,15 @@
 const { build: ESBuild } = require('esbuild');
 const { resolve } = require('path');
 
+const pkg = require('../package.json');
+
 const BASE_PATH = resolve(__dirname, '..');
 
 /**
  * @type {import('esbuild').BuildOptions}
  */
 const BASE_CONFIG = {
+  target: 'es2015',
   logLevel: 'info',
   tsconfig: 'tsconfig.json',
   absWorkingDir: BASE_PATH,
@@ -16,6 +19,15 @@ const BASE_CONFIG = {
   sourcemap: true,
 
   external: ['react', 'react-dom'],
+
+  banner: {
+    js: `/** 
+ * @version ${pkg.version}
+ *
+ * @license MIT
+ * @copyright Hitechline
+ */`,
+  },
 };
 
 /**

reactools/build/plugins/esbuild-plugin-globals.js

@@ -0,0 +1,48 @@
+// By -> https://github.com/a-b-r-o-w-n/esbuild-plugin-globals
+
+const generateResolveFilter = globals => {
+  const moduleNames = Object.keys(globals);
+
+  return new RegExp(`^(${moduleNames.join('|')})$`);
+};
+
+// eslint-disable-next-line consistent-return
+const generateExport = (globals, name) => {
+  const match = Object.entries(globals).find(([pattern]) => {
+    return new RegExp(`^${pattern}$`).test(name);
+  });
+
+  if (match) {
+    const output = typeof match[1] === 'function' ? match[1](name) : match[1];
+
+    return output ? `module.exports = ${output}` : undefined;
+  }
+};
+
+const plugin = (globals = {}) => {
+  const filter = generateResolveFilter(globals);
+
+  return {
+    name: 'globals',
+    setup(build) {
+      build.onResolve({ filter }, args => {
+        return { path: args.path, namespace: 'globals' };
+      });
+
+      build.onLoad({ filter: /.*/, namespace: 'globals' }, args => {
+        const name = args.path;
+        const contents = generateExport(globals, name);
+
+        if (contents) {
+          return { contents };
+        }
+
+        return null;
+      });
+    },
+  };
+};
+
+module.exports = {
+  globals: plugin,
+};