3 年之前 · 2ca1e85151
--- a/next.config.js
+++ b/next.config.js
@@ -1,4 +1,4 @@
 
				-const withTM = require("next-transpile-modules")(["reaflow"]);
			
 
				+const withTM = require("next-transpile-modules")(["reaflow", "next-pwa"]);
			
 
				 
			
 
				 const nextConfig = withTM({
			
 
				   reactStrictMode: true,
			
@@ -14,6 +14,11 @@ const nextConfig = withTM({
 
				     styledComponents: true,
			
 
				     swcMinify: true,
			
 
				   },
			
 
				+  pwa: {
			
 
				+    dest: "public",
			
 
				+    register: true,
			
 
				+    skipWaiting: true,
			
 
				+  },
			
 
				 });
			
 
				 
			
 
				 module.exports = nextConfig;
			
--- a/package.json
+++ b/package.json
@@ -44,6 +44,7 @@
 
				     "gh-pages": "^3.2.3",
			
 
				     "jest": "^28",
			
 
				     "jest-environment-jsdom": "^28.0.0",
			
 
				+    "next-pwa": "^5.5.2",
			
 
				     "prettier": "^2.6.2",
			
 
				     "ts-node": "^10.7.0",
			
 
				     "typescript": "4.6.3"
			
--- a/public/192.png
+++ b/public/192.png
--- a/public/512.png
+++ b/public/512.png
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -0,0 +1,23 @@
 
				+{
			
 
				+  "name": "JSON Visio",
			
 
				+  "short_name": "JSON Visio",
			
 
				+  "theme_color": "#36393e",
			
 
				+  "background_color": "#36393e",
			
 
				+  "display": "standalone",
			
 
				+  "orientation": "landscape",
			
 
				+  "scope": "/",
			
 
				+  "start_url": "/editor",
			
 
				+  "icons": [
			
 
				+    {
			
 
				+      "src": "/192.png",
			
 
				+      "sizes": "192x192",
			
 
				+      "type": "image/png"
			
 
				+    },
			
 
				+
			
 
				+    {
			
 
				+      "src": "/512.png",
			
 
				+      "sizes": "512x512",
			
 
				+      "type": "image/png"
			
 
				+    }
			
 
				+  ]
			
 
				+}
			
--- a/src/pages/_document.tsx
+++ b/src/pages/_document.tsx
@@ -72,6 +72,8 @@ class MyDocument extends Document {
 
				             href="https://fonts.googleapis.com/css2?family=Catamaran:wght@300;400;500;600;700&family=PT+Sans:wght@400;500;700&display=swap"

			
 
				             rel="stylesheet"

			
 
				           />

			
 
				+          <link rel="manifest" href="/manifest.json" />

			
 
				+          <meta name="theme-color" content="#36393E" />

			
 
				         </Head>

			
 
				         <body>

			
 
				           <Main />

			
--- a/yarn.lock
+++ b/yarn.lock