feat(generate-meta-webpack-plugin): introduce new plugin

Author: hiroppy

package-lock.json

@@ -32,6 +32,7 @@
     "@babel/preset-env": "^7.13.9",
     "@babel/preset-react": "^7.12.13",
     "@fusuma/client": "^2.7.0",
+    "@fusuma/generate-meta-webpack-plugin": "^1.0.0",
     "@fusuma/mdx-loader": "^2.7.0",
     "@fusuma/prism-loader": "^2.7.0",
     "@soda/friendly-errors-webpack-plugin": "^1.8.0",

packages/fusuma/package.json

@@ -37,7 +37,7 @@ module.exports = (
   const config = (() => {
     switch (type) {
       case 'production':
-        return require('./webpack.prod.config')();
+        return require('./webpack.prod.config')({ meta });
       default:
         return require('./webpack.dev.config')();
     }

packages/fusuma/src/webpack/webpack.config.js

@@ -4,15 +4,23 @@ const TerserPlugin = require('terser-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
 const CompressionPlugin = require('compression-webpack-plugin');
+const MetaPlugin = require('@fusuma/generate-meta-webpack-plugin');
 
-function prod() {
+function prod({ meta }) {
   return {
     mode: 'production',
     output: {
       filename: '[name].[chunkhash].bundle.js',
       chunkFilename: '[name].[chunkhash].bundle.js',
     },
     plugins: [
+      new MetaPlugin({
+        filename: 'meta.json',
+        data: {
+          updatedAt: Date.now(),
+          meta,
+        },
+      }),
       new MiniCssExtractPlugin({
         filename: '[name].[chunkhash].css',
         chunkFilename: '[name].[chunkhash].css',

packages/fusuma/src/webpack/webpack.prod.config.js

@@ -0,0 +1,17 @@
+{
+  "name": "@fusuma/generate-meta-webpack-plugin",
+  "version": "1.0.0",
+  "description": "webpack plugin for fusuma",
+  "main": "src/index.js",
+  "files": [
+    "src"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "author": "hiroppy <git@hiroppy.me> (https://hiroppy.me/)",
+  "license": "MIT",
+  "dependencies": {
+    "schema-utils": "^3.0.0"
+  }
+}

packages/generate-meta-webpack-plugin/package-lock.json

@@ -0,0 +1,42 @@
+'use strict';
+
+const { writeFile } = require('fs').promises;
+const { join } = require('path');
+const { validate } = require('schema-utils');
+
+const schema = {
+  type: 'object',
+  properties: {
+    data: {
+      type: 'object',
+      properties: {
+        updatedAt: {
+          type: 'number',
+        },
+      },
+    },
+    filename: {
+      type: 'string',
+    },
+  },
+};
+
+class GenerateMetaPlugin {
+  constructor(options = {}) {
+    this.name = 'generate-meta-webpack-plugin';
+    this.options = options;
+
+    validate(schema, options, this.name);
+  }
+
+  apply(compiler) {
+    compiler.hooks.done.tapPromise(this.name, async () => {
+      await writeFile(
+        join(compiler.outputPath, this.options.filename),
+        JSON.stringify(this.options.data)
+      );
+    });
+  }
+}
+
+module.exports = GenerateMetaPlugin;