✨feat(env): 支持使用环境变量配置谱面地址

Author: MoeFurina

.github/workflows/page-deployment.yml

@@ -0,0 +1,59 @@
+name: Build and Deploy to GitHub Pages
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    if: github.event.repository.owner.id == github.event.sender.id
+
+    steps:
+      - name: Checkout Source
+        uses: actions/checkout@v2
+        with:
+          ref: main
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v1
+        with:
+          node-version: '17'
+
+      - name: Setup Cache
+        uses: actions/cache@v3
+        env:
+          cache-name: cache-node-modules
+        with:
+          # npm cache files are stored in `~/.npm` on Linux/macOS
+          path: ~/.npm
+          key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('**/package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-build-${{ env.cache-name }}-
+            ${{ runner.os }}-build-
+            ${{ runner.os }}-
+
+      - name: Setup Webpack & Install Dependences
+        run: |
+          git config --global user.email "64469437+Yuameshi@users.noreply.github.com"
+          git config --global user.name "Yuameshi"
+          npm install webpack-cli webpack -g
+          npm install
+
+      - name: Build
+        run: npm run build
+
+      - name: Deploy
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./dist
+
+      - name: Trigger APP CI Build
+        run: |
+          curl 'https://api.github.com/repos/Yuameshi/PhiCommunityAPP/dispatches' --request POST \
+            -H 'Accept: application/vnd.github.v3+json' \
+            -H 'Content-Type: application/json' \
+            -H 'Authorization: Bearer ${{ secrets.GITHUB_TOKEN }}' \
+            --data-raw '{"event_type": "CI Build triggered by Repo:PhiCommunity"}'

config/webpack.common.js

@@ -4,6 +4,7 @@ const HtmlWebpackPlugin = require('html-webpack-plugin');
 const { CleanWebpackPlugin } = require('clean-webpack-plugin');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const { GitRevisionPlugin } = require('git-revision-webpack-plugin');
+require('dotenv').config();
 
 const path = require('path');
 
@@ -98,6 +99,9 @@ module.exports = {
 		gitRevisionPlugin,
 		new webpack.DefinePlugin({
 			$VERSION: JSON.stringify(gitRevisionPlugin.version()),
+			'process.env.CHARTS_SOURCE': JSON.stringify(process.env.CHARTS_SOURCE),
+			'process.env.CHARTS_SOURCE_CF': JSON.stringify(process.env.CHARTS_SOURCE_CF),
+			'process.env.CHARTS_SOURCE_VERCEL': JSON.stringify(process.env.CHARTS_SOURCE_VERCEL),
 		}),
 		new MiniCssExtractPlugin({
 			filename: 'css/[name].[contenthash].css',

jsconfig.json

@@ -24,6 +24,7 @@
 		"clean-webpack-plugin": "^4.0.0",
 		"copy-webpack-plugin": "^10.2.4",
 		"css-loader": "^6.6.0",
+		"dotenv": "^17.2.1",
 		"eslint": "^8.13.0",
 		"file-loader": "^6.2.0",
 		"git-revision-webpack-plugin": "^5.0.0",
@@ -40,7 +41,6 @@
 	},
 	"dependencies": {
 		"dom-element-factory": "^1.5.0",
-		"dotenv": "^17.2.1",
 		"oggmented": "^1.0.1",
 		"stackblur-canvas": "^2.5.0",
 		"workbox-core": "^6.5.1",

package.json

@@ -41,7 +41,7 @@ <h2>变更记录(仅显示最近30次)</h2>
 					>点击此处查看所有提交</a
 				>
 				<img
-					src="https://repobeats.axiom.co/api/embed/8d2203c93b7bb141dff3abc99bd0d0b3a58d85f9.svg"
+					src="https://repobeats.axiom.co/api/embed/125bc98186c7e24a2a628ada266d29d8e9c1e7b1.svg"
 					alt="变更情况总览"
 				/>
 				<br /><br />

pnpm-lock.yaml

@@ -1,8 +1,8 @@
 export const chartSource = isCloudflarePages()
-	? 'https://cf.charts.phicm.focalors.ltd'
+	? process.env.CHARTS_SOURCE_CF
 	: isVercel()
-	? 'https://vercel.charts.phicm.focalors.ltd'
-	: 'https://charts.phicm.focalors.ltd';
+	? process.env.CHARTS_SOURCE_VERCEL
+	: process.env.CHARTS_SOURCE
 
 function isCloudflarePages() {
 	return window.location.hostname.includes('cf');