103 lines
2.5 KiB
TypeScript
103 lines
2.5 KiB
TypeScript
/* eslint-disable no-extend-native */
|
|
/* eslint-disable @typescript-eslint/no-unsafe-return */
|
|
|
|
import scoreinfo from './scoreinfo'
|
|
import { ALL, webpackGlobalOverride } from './webpack-hook'
|
|
import { console } from './utils'
|
|
|
|
type FileType = 'img' | 'mp3' | 'midi'
|
|
|
|
const TYPE_REG = /id=(\d+)&type=(img|mp3|midi)/
|
|
|
|
/**
|
|
* I know this is super hacky.
|
|
*/
|
|
const magicHookConstr = (() => {
|
|
const l = {}
|
|
|
|
webpackGlobalOverride(ALL, (n, r, t) => { // override
|
|
const e = n.exports
|
|
if (typeof e === 'object' && e.fetch) {
|
|
const fn = e.fetch
|
|
t.d(e, 'fetch', () => {
|
|
return function (...args) {
|
|
const [url, init] = args
|
|
const token = init?.headers?.Authorization
|
|
if (typeof url === 'string' && token) {
|
|
const m = url.match(TYPE_REG)
|
|
if (m) {
|
|
const type = m[2]
|
|
// eslint-disable-next-line no-unused-expressions
|
|
l[type]?.(token)
|
|
}
|
|
}
|
|
return fn(...args)
|
|
}
|
|
})
|
|
}
|
|
})
|
|
|
|
return async (type: FileType) => {
|
|
return new Promise<string>((resolve) => {
|
|
l[type] = (token) => {
|
|
resolve(token)
|
|
magics[type] = token
|
|
}
|
|
})
|
|
}
|
|
})()
|
|
|
|
const magics: Record<FileType, Promise<string>> = {
|
|
img: magicHookConstr('img'),
|
|
midi: magicHookConstr('midi'),
|
|
mp3: magicHookConstr('mp3'),
|
|
}
|
|
|
|
const getApiUrl = (type: FileType, index: number): string => {
|
|
return `/api/jmuse?id=${scoreinfo.id}&type=${type}&index=${index}&v2=1`
|
|
}
|
|
|
|
const getApiAuth = async (type: FileType, index: number): Promise<string> => {
|
|
// eslint-disable-next-line no-void
|
|
void index
|
|
|
|
const magic = magics[type]
|
|
if (magic instanceof Promise) {
|
|
// force to retrieve the MAGIC
|
|
switch (type) {
|
|
case 'midi': {
|
|
const el = document.querySelectorAll('.SD7H- > button')[3] as HTMLButtonElement
|
|
el.click()
|
|
break
|
|
}
|
|
case 'mp3': {
|
|
const el = document.querySelector('#playerBtnExprt') as HTMLButtonElement
|
|
el.click()
|
|
break
|
|
}
|
|
case 'img': {
|
|
const imgE = document.querySelector('img[src*=score_]')
|
|
const nextE = imgE?.parentElement?.nextElementSibling
|
|
if (nextE) nextE.scrollIntoView()
|
|
break
|
|
}
|
|
}
|
|
}
|
|
|
|
return magic
|
|
}
|
|
|
|
export const getFileUrl = async (type: FileType, index = 0): Promise<string> => {
|
|
const url = getApiUrl(type, index)
|
|
const auth = await getApiAuth(type, index)
|
|
|
|
const r = await fetch(url, {
|
|
headers: {
|
|
Authorization: auth,
|
|
},
|
|
})
|
|
|
|
const { info } = await r.json()
|
|
return info.url as string
|
|
}
|