feat: CommonJS compatibility

Author: j4k0xb

apps/docs/src/guide/api.md

@@ -16,24 +16,24 @@ yarn add webcrack
 pnpm add webcrack
 ```
 
+## Basic Usage
+
 :::
 
 :::info
-This is a pure ESM package, so you need to use `import` instead of `require`.
-For more info, check out [this gist](https://gist.github.com/sindresorhus/a39789f98801d908bbc7ff3ecc99d99c).
-Or use the following wrapper in commonjs projects:
+All examples are shown with ESM syntax.
+For CommonJS, use the following instead:
 
 ```js
-async function webcrack(...args) {
-  const { webcrack } = await import('webcrack');
-  return webcrack(...args);
-}
+const { webcrack } = require('webcrack');
+
+webcrack('const a = 1+1;').then((result) => {
+  console.log(result.code); // 'const a = 2;'
+});
 ```
 
 :::
 
-## Basic Usage
-
 ```js
 import { webcrack } from 'webcrack';
 

packages/webcrack/esbuild.config.js

@@ -9,15 +9,15 @@ const watch = args.length > 0 && /^(?:--watch|-w)$/i.test(args[0]);
  */
 const babelImportPlugin = {
   name: 'babel-import',
-  setup: build => {
-    build.onResolve({ filter: /^@babel\/(traverse|generator)$/ }, args => {
+  setup: (build) => {
+    build.onResolve({ filter: /^@babel\/(traverse|generator)$/ }, (args) => {
       return {
         path: args.path,
         namespace: 'babel-import',
       };
     });
 
-    build.onLoad({ filter: /.*/, namespace: 'babel-import' }, args => {
+    build.onLoad({ filter: /.*/, namespace: 'babel-import' }, (args) => {
       return {
         resolveDir: 'node_modules',
         contents: `import module from '${args.path}/lib/index.js';
@@ -35,6 +35,17 @@ const configs = [
   {
     entryPoints: ['src/index.ts'],
   },
+  {
+    entryPoints: [
+      {
+        in: 'src/cjs-wrapper.ts',
+        out: 'index',
+      },
+    ],
+    outExtension: { '.js': '.cjs' },
+    format: 'cjs',
+    bundle: false,
+  },
   {
     entryPoints: ['src/cli.ts'],
     bundle: false,

packages/webcrack/package.json

@@ -5,9 +5,21 @@
   "author": "j4k0xb",
   "license": "MIT",
   "type": "module",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
   "bin": "src/cli-wrapper.js",
+  "main": "dist/index.cjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
   "files": [
     "dist",
     "src/cli-wrapper.js"

packages/webcrack/src/cjs-wrapper.ts

@@ -0,0 +1,6 @@
+import type { webcrack as wc } from './index.js';
+
+export const webcrack: typeof wc = async (...args) => {
+  const { webcrack } = await import('./index.js');
+  return webcrack(...args);
+};

packages/webcrack/tsconfig.build.json

@@ -9,6 +9,8 @@
     "src"
   ],
   "exclude": [
-    "**/test"
+    "**/test",
+    "src/cli.ts",
+    "src/cjs-wrapper.ts"
   ]
 }