Update to ES Modules

CHARTER.md

@@ -46,5 +46,5 @@ The website is compiled by running `make`, which executes the following steps:
    post (so that each post gets a static URL) (see `gatsby-node.mjs`).
 
 Frontend filtering is done via JavaScript.  Filters are defined in
-`src/filter-jobs.js` and the accompanying frontend lives in
+`src/filter-jobs.mjs` and the accompanying frontend lives in
 `src/components/JobsFilter.jsx`.

package.json

@@ -7,7 +7,7 @@
   "scripts": {
     "build": "gatsby build",
     "develop": "gatsby develop",
-    "format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,md}\"",
+    "format": "prettier --write \"**/*.{js,mjs,jsx,ts,tsx,json,md}\"",
     "start": "npm run develop",
     "serve": "gatsby serve",
     "clean": "gatsby clean",

src/components/Job.jsx

@@ -2,7 +2,7 @@ import React from "react";
 import { Link } from "gatsby";
 
 import Badge from "./Badge";
-import jobToMarkdown from "../jobToMarkdown.js";
+import jobToMarkdown from "../jobToMarkdown.mjs";
 
 
 const Job = ({ job }) => {

src/components/JobsFilter.jsx

@@ -6,7 +6,7 @@ import Jobs from "./Jobs";
 import HowToPost from "./HowToPost";
 
 import jobData from '../jobs.mjs';
-import filterJobs from '../filter-jobs.js';
+import filterJobs from '../filter-jobs.mjs';
 
 
 const defaultFormValues = {

src/jobToMarkdown.js → src/jobToMarkdown.mjs

@@ -1,7 +1,7 @@
 import { marked } from 'marked';
+import DOMPurify from 'dompurify';
 
-const DOMPurify = (typeof window !== 'undefined') ? require('dompurify') : undefined;
-const sanitize = (DOMPurify && DOMPurify.sanitize) ? DOMPurify.sanitize : (x, y) => x;
+const sanitize = (typeof window !== 'undefined' && DOMPurify && DOMPurify.sanitize) ? DOMPurify.sanitize : (x, y) => x;
 
 export const jobToMarkdown = (job) => {
   if (!job) return job;

src/pages/job.jsx

@@ -5,7 +5,7 @@ import Page from '../components/Page';
 import Job from '../components/Job';
 
 // pageContext comes from createPage in
-// gatsby-node.esm.js
+// gatsby-node.mjs
 const job = ({ pageContext }) => {
   const { job } = pageContext;
   return (