modernize ESM imports (fixes wq/wq#58)

.eslintrc.json

@@ -24,12 +24,13 @@
  "ecmaVersion": 2018,
  "sourceType": "module"
  },
- "plugins": ["react", "jest"],
+ "plugins": ["react", "jest", "import"],
  "rules": {
  "no-console": "off",
  "no-redeclare": "off",
  "no-prototype-builtins": "off",
  "require-atomic-updates": "off",
- "react/prop-types": [2, { "skipUndeclared": true }]
+ "react/prop-types": [2, { "skipUndeclared": true }],
+ "import/extensions": [2, "ignorePackages"]
  }
 }

index.js

@@ -1,8 +1,8 @@
 import app from "@wq/app";
 import material from "@wq/material";
 import mapgl from "@wq/map-gl";
-import modules from "./modules";
-import version from "./version";
+import modules from "./modules.js";
+import version from "./version.js";
 import maplibre from "maplibre-gl";
 
 mapgl.setEngine(maplibre);

modules.js

@@ -4,8 +4,7 @@ import ReactIs from "react-is";
 import PropTypes from "prop-types";
 import * as formik from "formik";
 import * as muiUtils from "@mui/utils";
-import ButtonBase from "@mui/material/ButtonBase";
-import Paper from "@mui/material/Paper";
+import { ButtonBase, Paper } from "@mui/material";
 import Map, * as reactMapGlExports from "react-map-gl";
 import MapboxDraw from "@mapbox/mapbox-gl-draw";
 

package.json

@@ -30,6 +30,7 @@
  "@rollup/plugin-replace": "^5.0.2",
  "@rollup/plugin-terser": "^0.3.0",
  "eslint": "^8.32.0",
+ "eslint-plugin-import": "^2.27.5",
  "eslint-plugin-jest": "^27.2.1",
  "eslint-plugin-react": "^7.32.1",
  "fake-indexeddb": "^4.0.1",

packages/app/src/__tests__/app.js

@@ -1,4 +1,4 @@
-import app from "../app";
+import app from "../app.js";
 
 test("it loads", () => {
  expect(app).toBeTruthy();