Merge pull request #19 from keelzebub/main

package.json

@@ -1,9 +1,15 @@
 {
   "name": "mapbox-gl-draw-snap-mode",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "Snapping mode for mapbox-gl-draw",
-  "main": "dist/mapbox-gl-draw-snap-mode.js",
-  "module": "src/index.js",
+  "main": "dist/mapbox-gl-draw-snap-mode.cjs.js",
+  "module": "dist/mapbox-gl-draw-snap-mode.esm.js",
+  "exports": {
+    ".": {
+      "import": "./dist/mapbox-gl-draw-snap-mode.esm.js",
+      "require": "./dist/mapbox-gl-draw-snap-mode.cjs.js"
+    }
+  },
   "scripts": {
     "build": "webpack",
     "start": "webpack serve --config ./webpack.development.js",

src/modes/snap_direct_select.js

@@ -1,5 +1,5 @@
 import MapboxDraw from "@mapbox/mapbox-gl-draw";
-import { createSnapList, getGuideFeature, IDS, snap } from "./../utils";
+import { createSnapList, getGuideFeature, IDS, snap } from "./../utils/index.js";
 const { doubleClickZoom } = MapboxDraw.lib;
 const DirectSelect = MapboxDraw.modes.direct_select;
 const Constants = MapboxDraw.constants;

src/modes/snap_line.js

@@ -14,7 +14,7 @@ import {
   IDS,
   shouldHideGuide,
   snap,
-} from "./../utils";
+} from "./../utils/index.js";
 
 const SnapLineMode = { ...DrawLine };
 

src/modes/snap_point.js

@@ -6,7 +6,7 @@ import {
   IDS,
   shouldHideGuide,
   snap,
-} from "./../utils";
+} from "./../utils/index.js";
 
 const { doubleClickZoom } = MapboxDraw.lib;
 const DrawPoint = MapboxDraw.modes.draw_point;

src/modes/snap_polygon.js

@@ -10,7 +10,7 @@ import {
   IDS,
   shouldHideGuide,
   snap,
-} from "./../utils";
+} from "./../utils/index.js";
 import booleanIntersects from "@turf/boolean-intersects";
 
 const SnapPolygonMode = { ...DrawPolygon };

webpack.config.js

@@ -5,13 +5,14 @@ const BundleAnalyzerPlugin = require("webpack-bundle-analyzer")
 const path = require("path");
 
 module.exports = [
+
   {
     mode: "production",
     entry: "./src/index.js",
     devtool: "source-map",
     output: {
       path: path.resolve(__dirname, "dist"),
-      filename: "mapbox-gl-draw-snap-mode.js",
+      filename: "mapbox-gl-draw-snap-mode.cjs.js",
       library: "mapboxGlDrawSnapMode",
       libraryTarget: "umd",
       globalObject: "this",
@@ -59,4 +60,37 @@ module.exports = [
       // }),
     ],
   },
+  {
+    mode: "production",
+    entry: './src/index.js',
+    devtool: "source-map",
+    output: {
+      path: path.resolve(__dirname, 'dist'),
+      filename: 'mapbox-gl-draw-snap-mode.esm.js',
+      library: {
+        type: 'module'
+      }
+    },
+    optimization: {
+      minimize: true,
+      minimizer: [new TerserPlugin({ parallel: true })],
+    },
+    module: {
+      rules: [
+        {
+          test: /\.m?js$/,
+          exclude: /node_modules/,
+          use: {
+            loader: "babel-loader",
+            options: {
+              presets: ["@babel/preset-env"],
+            },
+          },
+        },
+      ],
+    },
+    experiments: {
+      outputModule: true
+    }
+  }
 ];