refractor: rename confusing gatsby-config.esm

gatsby-theme-oi-wiki/.eslintrc.js

@@ -74,6 +74,7 @@ module.exports = {
       files: [
         '.eslintrc.js',
         'gatsby-*.js',
+        'esmRequire.js',
         'plugins/**/*.js',
       ],
       env: {

gatsby-theme-oi-wiki/esmRequire.js

@@ -0,0 +1,34 @@
+/**
+ * @file export compiled ES modules as a workaround before Gatsby properly handles it
+ */
+
+const esm = require('esm')
+const fs = require('fs')
+const Module = require('module')
+
+
+// Node: bypass [ERR_REQUIRE_ESM]
+const orig = Module._extensions['.js']
+Module._extensions['.js'] = function (module, filename) {
+  try {
+    return orig(module, filename)
+  } catch (e) {
+    if (e.code === 'ERR_REQUIRE_ESM') {
+      const content = fs.readFileSync(filename, 'utf8')
+      module._compile(content, filename)
+    }
+  }
+}
+
+const _esmRequire = esm(module, {
+  cjs: true,
+  mode: 'all',
+})
+
+// don't pollute Module
+Module._extensions['.js'] = orig
+
+
+module.exports = function esmRequire(id) {
+  return _esmRequire(id)
+}

gatsby-theme-oi-wiki/gatsby-config.js

@@ -1,4 +1,5 @@
 const path = require('path')
+const esmRequire = require('./esmRequire')
 
 const IS_EXEC_BUILD = process.env.gatsby_executing_command === 'build'
 const IS_PROD = process.env.PRODUCTION === 'true' ||
@@ -26,8 +27,6 @@ const mathRehype = IS_EXEC_BUILD
   ? [require('rehype-mathjax/chtml'), { fontURL }]
   : [require('rehype-mathjax/browser')]
 
-const { remarkDetails } = require('./gatsby-config.esm')
-
 module.exports = {
   plugins: [
     {
@@ -87,7 +86,7 @@ module.exports = {
         ],
         remarkPlugins: [
           require('remark-math'),
-          remarkDetails,
+          esmRequire('remark-details').default,
           [require('@mgtd/remark-shiki').remarkShiki, {
             semantic: false,
             theme: 'css-variables',