add react-map-gl (#352)

* add react-map-gl

* mark react, react-dom, mapbox-gl as external

* Set up eik import mapping of React

* Save exact version

---------

Co-authored-by: Kjetil Sletten <[email protected]>
Co-authored-by: William Killerud <[email protected]>

.npmrc

@@ -1,2 +1,3 @@
 registry=https://registry.npmjs.org/
 package-lock=false
+save-exact=true

package.json

@@ -23,13 +23,16 @@
     "packages/lit-html",
     "packages/podium-browser",
     "packages/lit-labs-ssr-client",
+    "packages/react-map-gl",
     "packages/turf",
     "packages/maplibre-gl"
   ],
   "devDependencies": {
     "@eik/cli": "3.1.10",
+    "@eik/esbuild-plugin": "1.1.48",
     "browserslist": "4.24.0",
     "browserslist-to-esbuild": "2.1.1",
+    "esbuild": "0.24.0",
     "semver": "7.6.3"
   }
 }

packages/react-map-gl/esbuild.js

@@ -0,0 +1,14 @@
+import { createRequire } from "module";
+import * as eik from "@eik/esbuild-plugin";
+import { build } from "../../esbuild.js";
+
+const { resolve } = createRequire(import.meta.url);
+
+await eik.load();
+
+await build({
+  entryPoints: [resolve("react-map-gl")],
+  outfile: "./dist/index.js",
+  external: ["mapbox-gl"],
+  plugins: [eik.plugin()],
+});

packages/react-map-gl/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@finn-no/react-map-gl",
+  "version": "0.0.0",
+  "description": "An ESM version of react-map-gl for NMP",
+  "type": "module",
+  "scripts": {
+    "copy": "echo 'noop';",
+    "build": "node ./esbuild.js",
+    "eik:login": "eik login",
+    "eik:publish": "eik publish",
+    "eik:alias": "eik npm-alias",
+    "eik:publish:ci": "../../scripts/publish.js react-map-gl react-map-gl"
+  },
+  "dependencies": {
+    "react-map-gl": "7.1.7"
+  },
+  "eik": {
+    "name": "react-map-gl",
+    "server": "https://assets.finn.no",
+    "type": "npm",
+    "files": "dist",
+    "import-map": [
+      "https://assets.finn.no/map/react/v18"
+    ]
+  }
+}