add

Author: magicmatatjahu

package-lock.json

@@ -36,6 +36,8 @@
     "@babel/preset-react": "^7.12.7",
     "@babel/preset-typescript": "^7.13.0",
     "@rollup/plugin-babel": "^5.2.1",
+    "@rollup/plugin-commonjs": "^17.1.0",
+    "@rollup/plugin-node-resolve": "^11.2.0",
     "babel-plugin-source-map-support": "^2.1.3",
     "prop-types": "^15.7.2",
     "react": "^17.0.1",

package.json

@@ -1,12 +1,15 @@
 import Path from 'path';
 
 import { rollup } from 'rollup';
+import commonjs from '@rollup/plugin-commonjs';
+import resolve from '@rollup/plugin-node-resolve';
 import babel from '@rollup/plugin-babel';
 
 import { getStatsInDir } from '../utils';
 import { TranspileFilesOptions } from '../types';
 
 const ROOT_DIR = Path.resolve(__dirname, '../..');
+const extensions = ['.js', '.jsx', '.cjs', '.tsx'];
 
 /**
  * Transpile files in a given directory (and sub directory if recursive option are passed) and write it to an output directory,
@@ -18,7 +21,7 @@ const ROOT_DIR = Path.resolve(__dirname, '../..');
  */
 export async function transpileFiles(directory: string, outputDir: string, options?: TranspileFilesOptions) {
   const { files, dirs } = await getStatsInDir(directory);
-  
+
   if (files.length) {
     /**
      * WHEN ADDING PLUGINS to transform the input keep in mind that 
@@ -31,10 +34,17 @@ export async function transpileFiles(directory: string, outputDir: string, optio
       input: files,
       onwarn: ()=>{},
       plugins: [
+        // Allows node_modules resolution
+        resolve({ extensions }),
+
+        // // Allow bundling cjs modules. Rollup doesn't understand cjs
+        // commonjs(),
+
+        // Compile TypeScript/JavaScript files
         babel({
           cwd: ROOT_DIR,
           babelHelpers: "bundled",
-          extensions: ['.js', '.jsx', '.cjs', '.tsx'],
+          extensions,
           presets: [
             "@babel/preset-env",
             "@babel/preset-typescript",