Merge pull request #168 from ctfguide-tech/dev

PWA support

Author: Laphatize

next.config.js

@@ -1,4 +1,8 @@
 const removeImports = require("next-remove-imports")();
+const withPWA = require('next-pwa')({
+  dest: 'public',
+  disable: process.env.NODE_ENV === 'development',
+});
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
@@ -23,4 +27,4 @@ const nextConfig = {
   transpilePackages: ['react-md-editor']
 };
 
-module.exports = removeImports(nextConfig);
+module.exports = withPWA(removeImports(nextConfig));

package.json

@@ -31,6 +31,7 @@
     "asciinema-player": "3.6.3",
     "autoprefixer": "^10.4.12",
     "babel-plugin-macros": "^3.1.0",
+    "babel-plugin-transform-remove-imports": "^1.8.0",
     "chart.js": "^4.4.3",
     "clsx": "^1.2.1",
     "corepack": "^0.17.0",
@@ -44,6 +45,7 @@
     "marked": "^4.3.0",
     "material-ui-popup-state": "^5.0.5",
     "next": "^14.0.2",
+    "next-pwa": "^5.6.0",
     "next-remove-imports": "^1.0.12",
     "postcss-focus-visible": "^6.0.4",
     "puppeteer": "^22.0.0",

public/icons/android-chrome-192x192.png

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/icons/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>