Fix package.json for bundling for browser environments

CHANGELOG.md

@@ -3,6 +3,7 @@
 - Bumped `csstree` to [^3.0.0](https://github.com/csstree/csstree/releases/tag/v3.0.0)
 - Added default reporters into bundle entry points
 - Fixed the resolution of a path to a reporter by employing `enhanced-resolve`, which now considers the `exports` field in `package.json`
+- Fixed `package.json` for bundling for browser environments
 
 ## 3.0.0 (December 13, 2021)
 

package.json

@@ -19,6 +19,10 @@
   "module": "./lib/index.js",
   "exports": {
     ".": {
+      "browser": {
+        "import": "./lib/bundle.js",
+        "require": "./cjs/bundle.cjs"
+      },
       "import": "./lib/index.js",
       "require": "./cjs/index.cjs"
     },
@@ -27,6 +31,8 @@
   "unpkg": "dist/csstree-validator.esm.js",
   "jsdelivr": "dist/csstree-validator.esm.js",
   "browser": {
+    "./cjs/index.cjs": "./cjs/bundle.cjs",
+    "./lib/index.js": "./lib/bundle.js",
     "./cjs/version.cjs": "./dist/version.cjs",
     "./lib/version.js": "./dist/version.js"
   },

scripts/bundle.js

@@ -8,7 +8,7 @@ const { version } = createRequire(import.meta.url)('../package.json');
 async function build() {
     const genModules = {
         'version.js': `export const version = "${version}";`,
-        'version.cjs': `module.exports = "${version}";`
+        'version.cjs': `exports.version = "${version}";`
     };
     const genModulesFilter = new RegExp('lib[\\\\/](' + Object.keys(genModules).join('|').replace(/\./g, '\\.') + ')$');
     const plugins = [{
@@ -22,7 +22,7 @@ async function build() {
 
     await Promise.all([
         esbuild.build({
-            entryPoints: ['lib/validate.js'],
+            entryPoints: ['lib/bundle.js'],
             outfile: 'dist/csstree-validator.js',
             format: 'iife',
             globalName: 'csstreeValidator',
@@ -33,7 +33,7 @@ async function build() {
         }),
 
         esbuild.build({
-            entryPoints: ['lib/validate.js'],
+            entryPoints: ['lib/bundle.js'],
             outfile: 'dist/csstree-validator.esm.js',
             format: 'esm',
             bundle: true,