Add static asset compression

4 files changed, 62 insertions, 5 deletions

diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index bb5be9c..f19513a 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -24,6 +24,7 @@ export default {
       },
     ],
     '@docusaurus/plugin-sitemap',
+    './src/plugins/compressionPlugin.ts',
     './src/plugins/responsiveLoaderPlugin.ts',
     './src/plugins/swcMinifyPlugin.ts',
     './src/plugins/thirdPartyContentPlugin.ts',
diff --git a/package.json b/package.json
index 8008fb5..05e7ffa 100644
--- a/package.json
+++ b/package.json
@@ -36,6 +36,7 @@
     "@phosphor-icons/react": "2.0.15",
     "@swc/core": "^1.4.8",
     "clsx": "^2.1.0",
+    "compression-webpack-plugin": "^11.1.0",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/src/plugins/compressionPlugin.ts b/src/plugins/compressionPlugin.ts
new file mode 100644
index 0000000..b1cff6a
--- /dev/null
+++ b/src/plugins/compressionPlugin.ts
@@ -0,0 +1,42 @@
+/*
+ * Copyright (c) 2024 Kristóf Marussy <kristof@marussy.com>
+ *
+ * SPDX-License-Identifier: MIT
+ */
+
+import zlib, { type BrotliOptions } from 'node:zlib';
+
+import type { Plugin } from '@docusaurus/types';
+import CompressionPlugin from 'compression-webpack-plugin';
+
+const test = /\.(js|css|html|svg|txt)$/;
+
+export default function compressionPlugin(): Plugin {
+  return {
+    name: 'marussy-compression-plugin',
+    configureWebpack: (_config, isServer) =>
+      isServer
+        ? {}
+        : {
+            plugins: [
+              new CompressionPlugin({
+                test,
+                filename: '[path][base].gz',
+                compressionOptions: {
+                  level: 9,
+                },
+              }),
+              new CompressionPlugin<BrotliOptions>({
+                test,
+                filename: '[path][base].br',
+                algorithm: 'brotliCompress',
+                compressionOptions: {
+                  params: {
+                    [zlib.constants.BROTLI_PARAM_QUALITY]: 11,
+                  },
+                },
+              }),
+            ],
+          },
+  };
+}
diff --git a/yarn.lock b/yarn.lock
index 8a10b00..2457684 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4343,6 +4343,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"compression-webpack-plugin@npm:^11.1.0":
+  version: 11.1.0
+  resolution: "compression-webpack-plugin@npm:11.1.0"
+  dependencies:
+    schema-utils: "npm:^4.2.0"
+    serialize-javascript: "npm:^6.0.2"
+  peerDependencies:
+    webpack: ^5.1.0
+  checksum: 10c0/387043d1e7dd776768bbc92071953ae0459891337f1ca908c0b4c9fe98322caf19847fae3713876e3976d894599712f784ccf13baa6d1c64ecb915786a54f2ec
+  languageName: node
+  linkType: hard
+
 "compression@npm:^1.7.4":
   version: 1.7.4
   resolution: "compression@npm:1.7.4"
@@ -7500,6 +7512,7 @@ __metadata:
     "@types/node": "npm:^20.11.30"
     "@types/react": "npm:^18.2.67"
     clsx: "npm:^2.1.0"
+    compression-webpack-plugin: "npm:^11.1.0"
     cross-env: "npm:^7.0.3"
     prettier: "npm:^3.2.5"
     prop-types: "npm:^15.8.1"
@@ -10518,7 +10531,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"schema-utils@npm:^4.0.0":
+"schema-utils@npm:^4.0.0, schema-utils@npm:^4.2.0":
   version: 4.2.0
   resolution: "schema-utils@npm:4.2.0"
   dependencies:
@@ -10606,12 +10619,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"serialize-javascript@npm:^6.0.0, serialize-javascript@npm:^6.0.1":
-  version: 6.0.1
-  resolution: "serialize-javascript@npm:6.0.1"
+"serialize-javascript@npm:^6.0.0, serialize-javascript@npm:^6.0.1, serialize-javascript@npm:^6.0.2":
+  version: 6.0.2
+  resolution: "serialize-javascript@npm:6.0.2"
   dependencies:
     randombytes: "npm:^2.1.0"
-  checksum: 10c0/1af427f4fee3fee051f54ffe15f77068cff78a3c96d20f5c1178d20630d3ab122d8350e639d5e13cde8111ef9db9439b871305ffb185e24be0a2149cec230988
+  checksum: 10c0/2dd09ef4b65a1289ba24a788b1423a035581bef60817bea1f01eda8e3bda623f86357665fe7ac1b50f6d4f583f97db9615b3f07b2a2e8cbcb75033965f771dd2
   languageName: node
   linkType: hard