feat: move compiled cjs files to lib/cjs (with commonjs package.json)

.babelrc.js

@@ -1,4 +1,4 @@
-const plugin = require('babel-preset-fbjs/plugins/dev-expression');
+const plugin = require('babel-preset-fbjs/plugins/dev-expression.js');
 
 module.exports = {
     plugins: [plugin]

package.json

@@ -8,11 +8,14 @@
     "react",
     "ssr"
   ],
-  "main": "./lib/index.js",
+  "main": "./lib/cjs/cjs-relay-hooks.js",
   "module": "./lib/es-relay-hooks.mjs",
   "exports": {
-    "import": "./lib/es-relay-hooks.mjs",
-    "require": "./lib/index.js"
+    ".": {
+      "import": "./lib/es-relay-hooks.mjs",
+      "require": "./lib/cjs/cjs-relay-hooks.js"
+    },
+    "./package.json": "./package.json"
   },
   "license": "MIT",
   "description": "Relay Hooks",
@@ -26,15 +29,15 @@
   },
   "scripts": {
     "clean": "rimraf lib",
-    "compile": "npm run clean && tsc && npm run build:js && npm run rollup",
+    "compile": "npm run clean && tsc && tsc --project tsconfig.esm.json && npm run build:js && npm run rollup",
     "rollup": "rollup -c",
     "build": "npm run compile && npm run test",
     "test": "cross-env NODE_ENV=test jest --coverage",
     "format": "prettier --write \"src/**/*.{j,t}s*\"",
     "format:ci": "prettier --list-different \"src/**/*.{j,t}s*\"",
     "eslint": "eslint ./src --ext .js,.jsx,.ts,.tsx",
     "prepublishOnly": "npm run build",
-    "build:js": "babel lib --out-dir lib --extensions \".js,.jsx\""
+    "build:js": "babel lib/cjs --out-dir lib/cjs --extensions \".js,.jsx\""
   },
   "dependencies": {
     "fbjs": "^3.0.0"

rollup.config.js

@@ -8,6 +8,7 @@ import replace from '@rollup/plugin-replace';
 import sourceMaps from 'rollup-plugin-sourcemaps';
 import { terser } from 'rollup-plugin-terser';
 import typescript from 'rollup-plugin-typescript2';
+import { promises as fs } from "fs";
 import pkg from './package.json';
 
 const makeExternalPredicate = (externalArr) => {
@@ -24,7 +25,7 @@ function createConfigInternal({ format, production }) {
     return {
         input: 'src/index.ts',
         output: {
-            file: 'lib/' + format + '-relay-hooks' + (production ? '.min' : '') + (format === "es" ? ".mjs" : '.js'),
+            file: 'lib/' + (format === "cjs" ? "cjs/" : "") + format + '-relay-hooks' + (production ? '.min' : '') + '.js',
             format,
             name: 'relay-hooks',
             indent: false,
@@ -82,6 +83,28 @@ function createConfigInternal({ format, production }) {
                     toplevel: format === 'cjs',
                     warnings: true,
                 }),
+            format === "cjs" && {
+                name: "writePkgJSON",
+                writeBundle: async () => {
+                    await fs.writeFile(
+                        "lib/cjs/package.json",
+                        JSON.stringify({
+                            type: "commonjs",
+                        })
+                    );
+                }
+            },
+            format === "es" && {
+                name: "writePkgJSON",
+                writeBundle: async () => {
+                    await fs.writeFile(
+                        "lib/package.json",
+                        JSON.stringify({
+                            type: "module",
+                        })
+                    );
+                }
+            },
         ],
     };
 }

tsconfig.esm.json

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "outDir": "lib",
+    "rootDir": "src",
+    "module": "ESNext",
+    "target": "ES2020",
+    "moduleResolution": "node",
+    "noEmitOnError": true,
+    "declaration": true,
+    "lib": ["dom", "es6", "esnext.asynciterable", "es2017.object"],
+    "jsx": "react",
+    "skipLibCheck": true
+  },
+  "exclude": ["lib", "__tests__", "examples", "__mocks__", "coverage", "scripts"],
+  "compileOnSave": true
+}

tsconfig.json

@@ -1,12 +1,12 @@
 {
   "compilerOptions": {
-    "outDir": "lib",
+    "outDir": "lib/cjs",
     "rootDir": "src",
     "module": "commonjs",
     "target": "es5",
     "moduleResolution": "node",
     "noEmitOnError": true,
-    "declaration": true,
+    "declaration": false,
     "lib": ["dom", "es6", "esnext.asynciterable", "es2017.object"],
     "jsx": "react",
     "skipLibCheck": true