From a6ab9aacb5c67b56ced11a52b9e3cf1d972f56b2 Mon Sep 17 00:00:00 2001 From: Astrian Zheng Date: Sat, 24 May 2025 10:52:32 +1000 Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=20API=20=E6=A8=A1?= =?UTF-8?q?=E5=9D=97=E5=B9=B6=E6=9B=B4=E6=96=B0=E9=A1=B9=E7=9B=AE=E9=85=8D?= =?UTF-8?q?=E7=BD=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 新增 `src/apis/index.ts` 文件，用于管理与塞壬唱片官网 API 的交互 - 在 `Home.vue` 中添加 API 调用逻辑，获取并打印专辑数据 - 更新 `vite.config.ts`，添加路径别名配置 - 在 `package.json` 中添加 `@types/node` 依赖 - 调整 `Playing.vue` 和 `App.vue` 的布局样式 - 更新 `manifest.json` 中的安全策略，允许连接到 API --- package-lock.json | 18 ++++++++++ package.json | 1 + public/manifest.json | 2 +- src/App.vue | 13 ++++--- src/apis/index.ts | 69 ++++++++++++++++++++++++++++++++++++++ src/components/Playing.vue | 4 ++- src/pages/Home.vue | 10 ++++++ vite.config.ts | 6 ++++ 8 files changed, 116 insertions(+), 7 deletions(-) create mode 100644 src/apis/index.ts diff --git a/package-lock.json b/package-lock.json index 184cd37..8410092 100644 --- a/package-lock.json +++ b/package-lock.json @@ -17,6 +17,7 @@ }, "devDependencies": { "@biomejs/biome": "1.9.4", + "@types/node": "^22.15.21", "@vitejs/plugin-vue": "^5.2.1", "typescript": "~5.6.2", "vite": "^6.0.1", @@ -1234,6 +1235,16 @@ "integrity": "sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==", "license": "MIT" }, + "node_modules/@types/node": { + "version": "22.15.21", + "resolved": "https://registry.npmjs.org/@types/node/-/node-22.15.21.tgz", + "integrity": "sha512-EV/37Td6c+MgKAbkcLG6vqZ2zEYHD7bvSrzqqs2RIhbA6w3x+Dqz8MZM3sP6kGTeLrdoOgKZe+Xja7tUB2DNkQ==", + "devOptional": true, + "license": "MIT", + "dependencies": { + "undici-types": "~6.21.0" + } + }, "node_modules/@vitejs/plugin-vue": { "version": "5.2.4", "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.2.4.tgz", @@ -2359,6 +2370,13 @@ "node": ">=14.17" } }, + "node_modules/undici-types": { + "version": "6.21.0", + "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz", + "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==", + "devOptional": true, + "license": "MIT" + }, "node_modules/vite": { "version": "6.3.5", "resolved": "https://registry.npmjs.org/vite/-/vite-6.3.5.tgz", diff --git a/package.json b/package.json index 8a0b997..88a2983 100644 --- a/package.json +++ b/package.json @@ -22,6 +22,7 @@ }, "devDependencies": { "@biomejs/biome": "1.9.4", + "@types/node": "^22.15.21", "@vitejs/plugin-vue": "^5.2.1", "typescript": "~5.6.2", "vite": "^6.0.1", diff --git a/public/manifest.json b/public/manifest.json index 9a1a035..f38ee04 100644 --- a/public/manifest.json +++ b/public/manifest.json @@ -21,7 +21,7 @@ }, "permissions": ["tabs", "webRequest"], "content_security_policy": { - "extension_pages": "default-src 'self'; script-src 'self' http://localhost:5173; style-src 'self' 'unsafe-inline'; connect-src 'self' ws://localhost:5173;", + "extension_pages": "default-src 'self'; script-src 'self' http://localhost:5173; style-src 'self' 'unsafe-inline'; connect-src 'self' ws://localhost:5173 https://monster-siren.hypergryph.com;", "sandbox": "sandbox" } } diff --git a/src/App.vue b/src/App.vue index 1aa2473..558ce82 100644 --- a/src/App.vue +++ b/src/App.vue @@ -4,11 +4,14 @@ import Playing from './components/Playing.vue' \ No newline at end of file diff --git a/src/apis/index.ts b/src/apis/index.ts new file mode 100644 index 0000000..c6c34d9 --- /dev/null +++ b/src/apis/index.ts @@ -0,0 +1,69 @@ +import axios from 'axios' + +const msrInstance = axios.create({ + baseURL: 'https://monster-siren.hypergryph.com/api/', +}) + +type SongList = { + list: Song[] +} + +type Song = { + cid: string + name: string + albumCid: string + sourceUrl?: string + lyricUrl?: string | null + mvUrl?: string | null + mvCoverUrl?: string | null + artists: string[] +} + +type Album = { + cid: string + name: string + intro?: string + belong?: string + coverUrl: string + coverDeUrl?: string + artistes: string[] +} + +type AlbumList = Album[] + +interface ApiResponse { + code: number + msg: string + data: unknown +} + +export default { + async getSongs() { + const songs: { + data: ApiResponse + } = await msrInstance.get('songs') + if (songs.data.code !== 0) { throw new Error(`Cannot get songs: ${songs.data.msg}`) } + return { songs: songs.data.data as { list: SongList } } + }, + async getSong(cid: string) { + const song: { + data: ApiResponse + } = await msrInstance.get(`song/${cid}`) + if (song.data.code!== 0) { return new Error(`Cannot get song: ${song.data.msg}`) } + return { song: song.data.data as Song } + }, + async getAlbums() { + const albums: { + data: ApiResponse + } = await msrInstance.get('albums') + if (albums.data.code!== 0) { throw new Error(`Cannot get albums: ${albums.data.msg}`) } + return albums.data.data as AlbumList + }, + async getAlbum(cid: string) { + const album: { + data: ApiResponse + } = await msrInstance.get(`album/${cid}/data`) + if (album.data.code!== 0) { throw new Error(`Cannot get album: ${album.data.msg}`) } + return album.data.data as Album + } +} diff --git a/src/components/Playing.vue b/src/components/Playing.vue index 633b47d..7dc79d0 100644 --- a/src/components/Playing.vue +++ b/src/components/Playing.vue @@ -1,3 +1,5 @@ \ No newline at end of file diff --git a/src/pages/Home.vue b/src/pages/Home.vue index d57a25e..fc23982 100644 --- a/src/pages/Home.vue +++ b/src/pages/Home.vue @@ -1,3 +1,13 @@ + + \ No newline at end of file diff --git a/vite.config.ts b/vite.config.ts index 55fd6e5..eedfc7c 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -1,6 +1,7 @@ import tailwindcss from '@tailwindcss/vite' import vue from '@vitejs/plugin-vue' import { defineConfig } from 'vite' +import path from "node:path" // https://vite.dev/config/ export default defineConfig({ @@ -25,4 +26,9 @@ export default defineConfig({ }, }, }, + resolve: { + alias: { + "@": path.resolve(__dirname, "./src"), + }, + } })