ESM Build fixes (#125)

Author: dannyleech

demo/js/planning.js

@@ -136,6 +136,8 @@ interactiveMap.on('app:ready', function (e) {
 })
 
 interactiveMap.on('map:ready', function (e) {
+	console.log(e)
+	
 	// Add datasets and map features
 	const dataset = getQueryParam('dataset', 'floodzones-presentday')
 	const mapFeatures = getQueryParam('features')

package.json

@@ -5,8 +5,56 @@
   "main": "dist/umd/index.js",
   "module": "dist/esm/index.js",
   "exports": {
-    "import": "./dist/esm/index.js",
-    "require": "./dist/umd/index.js"
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/umd/index.js"
+    },
+    "./providers/maplibre": {
+      "import": "./providers/maplibre/dist/esm/index.js",
+      "require": "./providers/maplibre/dist/umd/index.js"
+    },
+    "./providers/open-names": {
+      "import": "./providers/beta/open-names/dist/esm/index.js",
+      "require": "./providers/beta/open-names/dist/umd/index.js"
+    },
+    "./providers/esri": {
+      "import": "./providers/beta/esri/dist/esm/index.js"
+    },
+    "./plugins/scale-bar": {
+      "import": "./plugins/beta/scale-bar/dist/esm/index.js",
+      "require": "./plugins/beta/scale-bar/dist/umd/index.js"
+    },
+    "./plugins/use-location": {
+      "import": "./plugins/beta/use-location/dist/esm/index.js",
+      "require": "./plugins/beta/use-location/dist/umd/index.js"
+    },
+    "./plugins/search": {
+      "import": "./plugins/search/dist/esm/index.js",
+      "require": "./plugins/search/dist/umd/index.js"
+    },
+    "./plugins/interact": {
+      "import": "./plugins/interact/dist/esm/index.js",
+      "require": "./plugins/interact/dist/umd/index.js"
+    },
+    "./plugins/datasets": {
+      "import": "./plugins/beta/datasets/dist/esm/index.js",
+      "require": "./plugins/beta/datasets/dist/umd/index.js"
+    },
+    "./plugins/map-styles": {
+      "import": "./plugins/beta/map-styles/dist/esm/index.js",
+      "require": "./plugins/beta/map-styles/dist/umd/index.js"
+    },
+    "./plugins/draw-ml": {
+      "import": "./plugins/beta/draw-ml/dist/esm/index.js",
+      "require": "./plugins/beta/draw-ml/dist/umd/index.js"
+    },
+    "./plugins/draw-es": {
+      "import": "./plugins/beta/draw-es/dist/esm/index.js"
+    },
+    "./plugins/frame": {
+      "import": "./plugins/beta/frame/dist/esm/index.js",
+      "require": "./plugins/beta/frame/dist/umd/index.js"
+    }
   },
   "type": "module",
   "scripts": {
@@ -41,10 +89,14 @@
     ]
   },
   "peerDependencies": {
+    "@arcgis/core": "^4.34.8",
     "react": "^19.2.0",
     "react-dom": "^19.2.0"
   },
   "peerDependenciesMeta": {
+    "@arcgis/core": {
+      "optional": true
+    },
     "react": {
       "optional": true
     },
@@ -53,6 +105,7 @@
     }
   },
   "devDependencies": {
+    "@arcgis/core": "^4.34.8",
     "@babel/core": "^7.28.0",
     "@babel/preset-env": "^7.28.0",
     "@babel/preset-react": "^7.27.1",
@@ -114,7 +167,6 @@
     "@turf/bearing": "^7.3.3"
   },
   "dependencies": {
-    "@arcgis/core": "^4.34.8",
     "@turf/area": "^7.2.0",
     "@turf/bearing": "^7.3.3",
     "@turf/boolean-disjoint": "^7.3.3",

webpack.esm.mjs

@@ -86,15 +86,23 @@ const createESMConfig = (entryName, entryPath, outDir, isCore = false) => {
     },
     externals: isCore
       ? {}
-      : {
-          react: 'react',
-          'react-dom': 'react-dom',
-          'react/jsx-runtime': 'react/jsx-runtime',
-          preact: 'preact',
-          'preact/compat': 'preact/compat',
-          'preact/hooks': 'preact/hooks',
-          'preact/jsx-runtime': 'preact/jsx-runtime'
-        },
+      : [
+          {
+            react: 'react',
+            'react-dom': 'react-dom',
+            'react/jsx-runtime': 'react/jsx-runtime',
+            preact: 'preact',
+            'preact/compat': 'preact/compat',
+            'preact/hooks': 'preact/hooks',
+            'preact/jsx-runtime': 'preact/jsx-runtime'
+          },
+          ({ request }, callback) => {
+            if (request.startsWith('@arcgis/core')) {
+              return callback(null, `module ${request}`)
+            }
+            return callback()
+          }
+        ],
     module: {
       rules: [
         { test: /\.jsx?$/, loader: 'babel-loader', exclude: /node_modules/ },
@@ -119,7 +127,7 @@ const ALL_BUILDS = [
   // Providers
   { entryPath: './providers/maplibre/src/index.js', outDir: 'providers/maplibre/dist/esm' },
   { entryPath: './providers/beta/open-names/src/index.js', outDir: 'providers/beta/open-names/dist/esm' },
-  // { entryPath: './providers/beta/esri/src/index.js', outDir: 'providers/beta/esri/dist/esm' },
+  { entryPath: './providers/beta/esri/src/index.js', outDir: 'providers/beta/esri/dist/esm' },
 
   // Plugins
   { entryPath: './plugins/beta/scale-bar/src/index.js', outDir: 'plugins/beta/scale-bar/dist/esm' },
@@ -129,6 +137,7 @@ const ALL_BUILDS = [
   { entryPath: './plugins/beta/datasets/src/index.js', outDir: 'plugins/beta/datasets/dist/esm' },
   { entryPath: './plugins/beta/map-styles/src/index.js', outDir: 'plugins/beta/map-styles/dist/esm' },
   { entryPath: './plugins/beta/draw-ml/src/index.js', outDir: 'plugins/beta/draw-ml/dist/esm' },
+  { entryPath: './plugins/beta/draw-es/src/index.js', outDir: 'plugins/beta/draw-es/dist/esm' },
   { entryPath: './plugins/beta/frame/src/index.js', outDir: 'plugins/beta/frame/dist/esm' }
 ]