feat(esm): build as esm too

fix #74

index.js

@@ -21,3 +21,9 @@ Object.defineProperty(
 module.exports.default = module.exports;
 
 module.exports.parsePhoneNumber = module.exports;
+module.exports.getCountryCodeForRegionCode = module.exports.getCountryCodeForRegionCode;
+module.exports.getRegionCodeForCountryCode = module.exports.getRegionCodeForCountryCode;
+module.exports.getSupportedCallingCodes = module.exports.getSupportedCallingCodes;
+module.exports.getSupportedRegionCodes = module.exports.getSupportedRegionCodes;
+module.exports.getExample = module.exports.getExample;
+module.exports.getAsYouType = module.exports.getAsYouType;

package.json

@@ -13,10 +13,19 @@
   },
   "main": "./index.js",
   "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./index.js",
+      "default": "./index-esm.mjs"
+    }
+  },
   "scripts": {
     "build:libphonenumber": "node_modules/.bin/gulp",
     "build:rewrite": "ts-node scripts/rewrite.ts",
-    "build": "yarn build:libphonenumber && yarn build:rewrite",
+    "build:esm:build": "rollup -c ./rollup.config.js",
+    "build:esm:rewrite": "cat build/index-esm.js src/esm-outro.js > index-esm.mjs",
+    "build:esm": "yarn build:esm:build && yarn build:esm:rewrite",
+    "build": "yarn build:libphonenumber && yarn build:rewrite && yarn build:esm",
     "test:compile": "scripts/test.sh",
     "test": "yarn test:compile && NODE_OPTIONS=--experimental-vm-modules jest",
     "cz": "git-cz",
@@ -28,6 +37,7 @@
   "files": [
     "lib",
     "index.js",
+    "index-esm.js",
     "index.d.ts"
   ],
   "keywords": [
@@ -44,6 +54,7 @@
   "devDependencies": {
     "@babel/preset-env": "^7.17.10",
     "@babel/preset-typescript": "^7.16.7",
+    "@rollup/plugin-commonjs": "^21.0.1",
     "@types/jest": "^27.5.0",
     "@types/mkdirp": "^1.0.1",
     "@types/node": "^16.11.12",
@@ -58,6 +69,7 @@
     "replace": "^1.2.1",
     "rmfr": "^2.0.0",
     "ts-jest-resolver": "^2.0.0",
+    "rollup": "^2.66.0",
     "ts-node": "^10.7.0",
     "typescript": "^4.2.4"
   },

rollup.config.js

@@ -0,0 +1,14 @@
+import commonjs from '@rollup/plugin-commonjs';
+
+export default [
+  {
+    input: './index.js',
+    output: {
+      file: './build/index-esm.js',
+      format: 'es',
+      interop: 'auto',
+      exports: 'named',
+    },
+    plugins: [commonjs()],
+  },
+];

src/esm-outro.js

@@ -0,0 +1,24 @@
+
+const {
+	PhoneNumber,
+	AsYouType,
+	getCountryCodeForRegionCode,
+	getRegionCodeForCountryCode,
+	getSupportedCallingCodes,
+	getSupportedRegionCodes,
+	getExample,
+	getAsYouType,
+} = index;
+const parsePhoneNumber = index;
+
+export {
+	PhoneNumber,
+	AsYouType,
+	parsePhoneNumber,
+	getCountryCodeForRegionCode,
+	getRegionCodeForCountryCode,
+	getSupportedCallingCodes,
+	getSupportedRegionCodes,
+	getExample,
+	getAsYouType,
+}

webpack/package.json

@@ -4,13 +4,14 @@
   "type": "module",
   "license": "MIT",
   "scripts": {
+    "postinstall": "cd node_modules && ln -s ../.. awesome-phonenumber || true",
     "build": "webpack",
     "test": "node test/browser.js"
   },
   "devDependencies": {
-    "html-webpack-plugin": "^5.3.2",
-    "puppeteer": "^10.4.0",
-    "webpack": "^5.56.0",
-    "webpack-cli": "^4.8.0"
+    "html-webpack-plugin": "^5.5.0",
+    "puppeteer": "^13.7.0",
+    "webpack": "^5.72.0",
+    "webpack-cli": "^4.9.2"
   }
 }

webpack/src/index.ts

@@ -1,4 +1,4 @@
-import PhoneNumber from '../../'
+import PhoneNumber from 'awesome-phonenumber'
 
 const div = document.createElement( 'div' );
 div.id = 'rootdiv';