From a3f387dee00391ad31552795cb11986df85176aa Mon Sep 17 00:00:00 2001
From: ct-chu <34020696+ct-chu@users.noreply.github.com>
Date: Fri, 19 Apr 2024 01:05:12 +0800
Subject: [PATCH] try to fix base path issue for static export 2

---
 .github/workflows/nextjs.yml | 2 ++
 next.config.mjs              | 3 ++-
 src/app/page.js              | 4 +++-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/nextjs.yml b/.github/workflows/nextjs.yml
index ed74736..dac02ba 100644
--- a/.github/workflows/nextjs.yml
+++ b/.github/workflows/nextjs.yml
@@ -86,6 +86,8 @@ jobs:
       name: github-pages
       url: ${{ steps.deployment.outputs.page_url }}
     runs-on: ubuntu-latest
+    env:
+      NEXT_PUBLIC_BASE_PATH: /planisphere
     needs: build
     steps:
       - name: Deploy to GitHub Pages
diff --git a/next.config.mjs b/next.config.mjs
index 810212b..9c5189f 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -1,8 +1,9 @@
 /** @type {import('next').NextConfig} */
-const isProd = process.env.NODE_ENV === 'production'
 
 const nextConfig = {
     output: 'export',
+    basePath: process.env.NEXT_PUBLIC_BASE_PATH,
+    assetPrefix: process.env.NEXT_PUBLIC_BASE_PATH,
 };
 
 export default nextConfig;
diff --git a/src/app/page.js b/src/app/page.js
index 363cb86..1a6d383 100644
--- a/src/app/page.js
+++ b/src/app/page.js
@@ -17,6 +17,8 @@ import React, { useState, useEffect } from 'react';
 import { TransformWrapper, TransformComponent, useControls } from "react-zoom-pan-pinch";
 import { useOrientation } from "react-use";
 
+import { prefix } from './prefix.js';
+
 const yellowStarchart = `${prefix}/STARMAPv2022_yellow_3600x.png`
 const orangeStarchart = `${prefix}/STARMAPv2022_orange_3600x.png`
 const redStarchart = `${prefix}/STARMAPv2022_red_3600x.png`
@@ -35,7 +37,7 @@ const darkTheme = createTheme({
   },
   typography: {
     fontFamily: [
-      "NotoSansTC",
+      "Noto Sans TC",
       'sans-serif',
     ].join(','),
   },