DOP-3009: Convert snooty-frontend to use ESM style imports at build time

gatsby-config.js → gatsby-config.mjs

@@ -1,10 +1,13 @@
-const { generatePathPrefix } = require('./src/utils/generate-path-prefix');
-const { siteMetadata } = require('./src/utils/site-metadata');
-const { isGatsbyPreview } = require('./src/utils/is-gatsby-preview');
+import { createRequire } from 'module';
+import { generatePathPrefix } from './src/utils/generate-path-prefix.mjs';
+import { siteMetadata } from './src/utils/site-metadata.mjs';
+import { isGatsbyPreview } from './src/utils/is-gatsby-preview.mjs';
 
 const isPreview = isGatsbyPreview();
 const pathPrefix = !isPreview ? generatePathPrefix(siteMetadata) : undefined;
 
+const require = createRequire(import.meta.url);
+
 console.log('PATH PREFIX', pathPrefix);
 
 // Specifies which plugins to use depending on build environment
@@ -32,8 +35,4 @@ if (!isPreview) {
   });
 }
 
-module.exports = {
-  plugins,
-  pathPrefix,
-  siteMetadata,
-};
+export { plugins, pathPrefix, siteMetadata };

jest.config.js

@@ -36,5 +36,9 @@ module.exports = {
         '^.+\\.jsx?$': `<rootDir>/jest-preprocess.js`,
       },
     },
+    {
+      displayName: 'tests-esm',
+      testMatch: ['<rootDir>/tests/tests-esm/**/*.test.js'],
+    },
   ],
 };