update

config/plugins/withGenerator/index.js

@@ -0,0 +1,41 @@
+const path = require('path');
+const withLatex = (nextConfig = {}) => {
+  return Object.assign({}, nextConfig, {
+    webpack(config, options) {
+      const {isServer, dev} = options;
+      let outputPath = '';
+      if (isServer && dev) {
+        outputPath = "../";
+      } else if (isServer) {
+        outputPath = "../../";
+      }
+      config.module.rules.push({
+        test: /\.gen.yml$/,
+        use: [{
+          loader: require.resolve('./webpack.js'),
+          options: {
+
+            publicPath: `${nextConfig.assetPrefix || nextConfig.basePath || ''}/_next/static/images/`,
+            outputPath: `${outputPath}static/images/`,
+            name: (name) => {
+              const fileName = path.basename(name);
+              const parts = fileName.split('.');
+              parts.pop();
+              const ext = parts.pop();
+
+              return `${parts.join('.')}.[hash].${ext}`;
+            },
+            esModule: nextConfig.esModule || false,
+          },
+        }],
+      });
+      if (typeof nextConfig.webpack === "function") {
+        return nextConfig.webpack(config, options);
+      }
+
+      return config;
+    },
+  });
+}
+
+module.exports = withLatex;

config/plugins/withGenerator/webpack.js

@@ -0,0 +1,31 @@
+require('reflect-metadata');
+require('@babel/register')({
+  extensions: [".es6", ".es", ".jsx", ".js", ".mjs", ".ts"],
+});
+const loaderUtils = require('loader-utils');
+const path = require('path');
+const yaml = require('yaml');
+const { generate } = require('../../../src/generators');
+
+module.exports = function (source) {
+  var callback = this.async();
+  const location = this.resourcePath;
+  const definition = yaml.parse(source);
+  const options = this.getOptions();
+  generate(definition, location)
+    .then((output) => {
+      const files = Object.entries(output).reduce((output, [key, value]) => {
+        const { name, content } = value;
+        const targetName = loaderUtils.interpolateName(this, `[contenthash]/${name}`, {content: content});
+        const location = path.join(options.outputPath, targetName);
+        const publicPath = path.join(options.publicPath, targetName);
+        this.emitFile(location, content);
+        return {
+          ...output,
+          [key]: publicPath,
+        }
+      }, {});
+      callback(null, `module.exports = ${JSON.stringify(files)}`);
+    })
+    .catch(callback);
+}