fix: github pages paths

xtools-at · Oct 20, 2023 · 4a3e83a · 4a3e83a
1 parent 52a3169
commit 4a3e83a
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 7 deletions.
diff --git a/config/app.js b/config/app.js
@@ -0,0 +1,3 @@
+module.exports = {
+	basePath: "/smartcontract-ui",
+};
diff --git a/next.config.js b/next.config.js
@@ -1,5 +1,7 @@
+const config = require("./config/app");
+
 module.exports = {
 	reactStrictMode: true,
-	assetPrefix: process.env.ASSET_PREFIX || "/smartcontract-ui",
-	basePath: "/smartcontract-ui",
+	assetPrefix: config.basePath ? `${config.basePath}/` : "",
+	basePath: config.basePath,
 };
diff --git a/pages/_document.tsx b/pages/_document.tsx
@@ -2,6 +2,7 @@ import * as React from "react";
 import Document, { Html, Head, Main, NextScript } from "next/document";
 import createEmotionServer from "@emotion/server/create-instance";
 import createEmotionCache from "utils/createEmotionCache";
+import { basePath } from "../config/app";
 
 export default class MyDocument extends Document {
 	render() {
@@ -12,8 +13,12 @@ export default class MyDocument extends Document {
 						rel="stylesheet"
 						href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
 					/>
-					<link rel="icon" href="/icons/fav.png" type="image/png" />
-					<link rel="manifest" href="/manifest.json" />
+					<link
+						rel="icon"
+						href={`${basePath || ""}/icons/fav.png`}
+						type="image/png"
+					/>
+					<link rel="manifest" href={`${basePath || ""}/manifest.json`} />
 					<script
 						dangerouslySetInnerHTML={{
 							__html: `
@@ -41,7 +46,9 @@ export default class MyDocument extends Document {
 
 					<script
 						dangerouslySetInnerHTML={{
-							__html: `if ('serviceWorker' in navigator) { navigator.serviceWorker.register('/smartcontract-ui/sw.js') }`,
+							__html: `if ('serviceWorker' in navigator) { navigator.serviceWorker.register('${
+								basePath || ""
+							}/sw.js') }`,
 						}}
 					></script>
 				</body>

diff --git a/public/manifest.json b/public/manifest.json
@@ -2,12 +2,12 @@
 	"name": "Smart Contract UI",
 	"icons": [
 		{
-			"src": "smartcontract-ui/icons/192.png",
+			"src": "/smartcontract-ui/icons/192.png",
 			"type": "image/png",
 			"sizes": "192x192"
 		},
 		{
-			"src": "smartcontract-ui/icons/512.png",
+			"src": "/smartcontract-ui/icons/512.png",
 			"type": "image/png",
 			"sizes": "512x512"
 		}