mirror of
https://github.com/woodchen-ink/openai-billing-query.git
synced 2025-07-18 05:51:59 +08:00
314 lines
10 KiB
JavaScript
314 lines
10 KiB
JavaScript
let serialNumber = 1;
|
||
|
||
function toggleCustomUrlInput() {
|
||
const refreshTokenApiElement = document.getElementById("refresh-token-api");
|
||
const PandoraNextUrlInput = document.getElementById("PandoraNext-url-input");
|
||
if (refreshTokenApiElement.value === "custom") {
|
||
PandoraNextUrlInput.classList.remove("hidden");
|
||
PandoraNextUrlInput.style.display = "inline-block";
|
||
PandoraNextUrlInput.style.marginTop = "5px";
|
||
} else {
|
||
PandoraNextUrlInput.classList.add("hidden");
|
||
PandoraNextUrlInput.style.display = "none";
|
||
}
|
||
// 获取id为"api-url-select"的元素
|
||
const selectElement = document.getElementById("api-url-select");
|
||
// 获取id为"custom-url-input"的元素
|
||
const customUrlInput = document.getElementById("custom-url-input");
|
||
// 如果selectElement的值为"custom"
|
||
if (selectElement.value === "custom") {
|
||
// 从customUrlInput的classList中移除"hidden"
|
||
customUrlInput.classList.remove("hidden");
|
||
customUrlInput.style.display = "inline-block";
|
||
customUrlInput.style.marginTop = "5px";
|
||
} else {
|
||
// 给customUrlInput的classList添加"hidden"
|
||
customUrlInput.classList.add("hidden");
|
||
customUrlInput.style.display = "none";
|
||
}
|
||
}
|
||
|
||
const service = axios.create({
|
||
withCredentials: true, // 跨域请求时发送Cookie
|
||
timeout: 60000, // 请求超时
|
||
});
|
||
|
||
function checkBilling(refreshToken, refUrl, apiUrl) {
|
||
return new Promise(async (resolve, reject) => {
|
||
try {
|
||
var urlencoded = new URLSearchParams();
|
||
urlencoded.append("refresh_token", refreshToken);
|
||
const response = await service.post(refUrl, urlencoded, {
|
||
headers: {
|
||
"Content-Type": "application/x-www-form-urlencoded",
|
||
},
|
||
});
|
||
const rdata = response.data;
|
||
console.log(`rdata: ${rdata}`);
|
||
if (rdata && rdata.access_token && rdata.refresh_token) {
|
||
// 查询sess
|
||
const get_sess = await service.post(
|
||
`${apiUrl}/dashboard/onboarding/login`,
|
||
{},
|
||
{
|
||
headers: {
|
||
Authorization: "Bearer " + rdata.access_token,
|
||
"Content-Type": "application/json",
|
||
},
|
||
}
|
||
);
|
||
const getsessdata = get_sess.data;
|
||
console.log(`getsessdata: ${getsessdata}`);
|
||
if (getsessdata && getsessdata.user && getsessdata.user.session) {
|
||
resolve({token_info: rdata, ...getsessdata});
|
||
} else {
|
||
reject({token_info: rdata, ...getsessdata});
|
||
}
|
||
} else {
|
||
reject(rdata);
|
||
}
|
||
} catch (error) {
|
||
reject(error);
|
||
}
|
||
});
|
||
}
|
||
|
||
//查询函数
|
||
async function sendRequest() {
|
||
let apiKeyInput = document.getElementById("api-key-input");
|
||
let refreshTokenApi = document.getElementById("refresh-token-api");
|
||
let PandoraNextUrlInput = document.getElementById("PandoraNext-url-input");
|
||
let apiUrlSelect = document.getElementById("api-url-select");
|
||
let customUrlInput = document.getElementById("custom-url-input");
|
||
|
||
document
|
||
.getElementById("result-table")
|
||
.getElementsByTagName("tbody")[0].innerHTML = "";
|
||
|
||
let refUrl = refreshTokenApi.value;
|
||
let apiUrl = apiUrlSelect.value;
|
||
if (refUrl === "custom") {
|
||
refUrl = PandoraNextUrlInput.value.trim();
|
||
if (refUrl) {
|
||
refUrl += "/api";
|
||
}
|
||
}
|
||
if (!refUrl) {
|
||
mdui.alert({
|
||
headline: "无查询线路",
|
||
description: "请选择或自定义配置刷新token线路",
|
||
confirmText: "OK",
|
||
});
|
||
return;
|
||
}
|
||
if (!refUrl.startsWith("http://") && !refUrl.startsWith("https://")) {
|
||
refUrl = "https://" + refUrl;
|
||
}
|
||
if (apiUrlSelect.value === "custom") {
|
||
apiUrl = customUrlInput.value.trim();
|
||
}
|
||
refUrl += "/auth/platform/refresh";
|
||
if (!apiUrl) {
|
||
mdui.alert({
|
||
headline: "无查询线路",
|
||
description: "请选择或自定义配置查询Sess线路",
|
||
confirmText: "OK",
|
||
});
|
||
return;
|
||
} else {
|
||
if (!apiUrl.startsWith("http://") && !apiUrl.startsWith("https://")) {
|
||
apiUrl = "https://" + apiUrl;
|
||
}
|
||
if (!apiUrl.startsWith("https://gateway.ai.cloudflare.com")) {
|
||
apiUrl += "/v1"; // 如果不是，则添加路径‘/v1’
|
||
} else {
|
||
apiUrl = apiUrl.replace("/v1", ""); // 如果用户选择的选项是https://gateway.ai.cloudflare.com开头，则删除/v1
|
||
}
|
||
if (apiUrl && apiUrl.endsWith("/")) {
|
||
apiUrl = apiUrl.slice(0, -1); // 去掉末尾的"/"
|
||
}
|
||
}
|
||
|
||
let tokenList = apiKeyInput.value.split(/[,\s，\n]+/);
|
||
if (!apiKeyInput.value || tokenList.length === 0) {
|
||
mdui.alert({
|
||
headline: "请输入Token",
|
||
description: "请检查输入refresh_token",
|
||
confirmText: "OK",
|
||
});
|
||
return;
|
||
}
|
||
|
||
showLoadingAnimation();
|
||
|
||
let tableBody = document.querySelector("#result-table tbody");
|
||
|
||
let properties = [
|
||
"email",
|
||
"phone_number",
|
||
"sensitive_id",
|
||
"refresh_token",
|
||
"access_token",
|
||
"created",
|
||
];
|
||
|
||
for (let i = 0; i < tokenList.length; i++) {
|
||
let token = tokenList[i].trim();
|
||
if (token) {
|
||
let row = document.createElement("tr");
|
||
let serialNumberCell = document.createElement("td");
|
||
serialNumberCell.textContent = serialNumber;
|
||
row.appendChild(serialNumberCell);
|
||
try {
|
||
let data = await checkBilling(token, refUrl, apiUrl);
|
||
let user = data.user;
|
||
let session = user.session;
|
||
let token_info = data.token_info;
|
||
properties.forEach((prop) => {
|
||
let cellValue = "";
|
||
let cell = document.createElement("td");
|
||
if (prop === "created") {
|
||
cellValue = new Date(session["created"] * 1000).toLocaleString();
|
||
} else if (prop === "sensitive_id") {
|
||
cellValue = session[prop]; // 获取 session 对象中的 sensitive_id
|
||
cell.onclick = function () {
|
||
copyCell(cell, `Sensitive ID复制成功`);
|
||
};
|
||
} else if (prop === "refresh_token" || prop === "access_token") {
|
||
cellValue = token_info[prop];
|
||
cell.onclick = function () {
|
||
copyCell(
|
||
cell,
|
||
`${
|
||
prop === "refresh_token" ? "Refresh Token" : "Access Token"
|
||
}复制成功`
|
||
);
|
||
};
|
||
} else {
|
||
cellValue = user[prop] ? user[prop] : ""; // 确保在user[prop]为空时，cellValue被赋予空字符串
|
||
}
|
||
|
||
cell.textContent =
|
||
cellValue && cellValue.length > 50
|
||
? cellValue.substring(0, 57) + "..."
|
||
: cellValue; // 如果长度超过60，显示"..."
|
||
cell.innerHTML = `<span title="${cellValue}">${cell.textContent}</span>`; // 在悬停时显示全部内容
|
||
row.appendChild(cell);
|
||
});
|
||
} catch (error) {
|
||
let username = document.createElement("td");
|
||
username.textContent = token.replace(/^(.{10}).*(.{8})$/, "$1***$2");
|
||
row.appendChild(username);
|
||
let errorMessageCell = document.createElement("td");
|
||
errorMessageCell.colSpan = "8";
|
||
errorMessageCell.classList.add("status-error");
|
||
// 在这里检查错误信息是否为 "error request login url"
|
||
if (error === "error request login url") {
|
||
errorMessageCell.textContent = "请求错误，请稍后重试";
|
||
} else {
|
||
errorMessageCell.textContent =
|
||
error && error.detail ? error.detail : error;
|
||
}
|
||
row.appendChild(errorMessageCell);
|
||
}
|
||
|
||
tableBody.appendChild(row);
|
||
serialNumber++;
|
||
}
|
||
}
|
||
hideLoadingAnimation();
|
||
}
|
||
|
||
function copyCell(cell, message) {
|
||
// 创建一个新的textarea元素
|
||
var textarea = document.createElement("textarea");
|
||
// 设置textarea的值为单元格的文本内容
|
||
textarea.value = cell.innerText;
|
||
// 将textarea元素添加到body中
|
||
document.body.appendChild(textarea);
|
||
// 选择textarea的文本内容
|
||
textarea.select();
|
||
// 执行复制命令
|
||
document.execCommand("copy");
|
||
// 移除textarea元素
|
||
document.body.removeChild(textarea);
|
||
mdui.alert({
|
||
headline: "提示",
|
||
description: message,
|
||
confirmText: "OK",
|
||
});
|
||
}
|
||
|
||
function copyTable() {
|
||
// 这个函数可以保留，以便你仍然可以复制整个表格内容
|
||
var tableBody = document.getElementById("result-tbody");
|
||
var textarea = document.createElement("textarea");
|
||
textarea.value = tableBody.innerText;
|
||
document.body.appendChild(textarea);
|
||
textarea.select();
|
||
document.execCommand("copy");
|
||
document.body.removeChild(textarea);
|
||
mdui.alert({
|
||
headline: "提示",
|
||
description: "复制成功",
|
||
confirmText: "OK",
|
||
});
|
||
}
|
||
|
||
function copySess() {
|
||
var sensitiveCells = document.querySelectorAll("tbody td:nth-child(4) span"); // 选择所有的Sensitive ID单元格
|
||
var sensitiveIds = Array.from(sensitiveCells).map((cell) => cell.title); // 从单元格中获取所有的Sensitive ID
|
||
var textarea = document.createElement("textarea");
|
||
textarea.value = sensitiveIds.join("\n"); // 用换行符连接所有的Sensitive ID
|
||
document.body.appendChild(textarea);
|
||
textarea.select();
|
||
document.execCommand("copy");
|
||
document.body.removeChild(textarea);
|
||
mdui.alert({
|
||
headline: "提示",
|
||
description: "Sensitive ID复制成功",
|
||
confirmText: "OK",
|
||
});
|
||
}
|
||
|
||
function showLoadingAnimation() {
|
||
const button = document.getElementById("query-button");
|
||
|
||
// 创建一个新的 <mdui-linear-progress> 元素
|
||
const progressElement = document.createElement("mdui-linear-progress");
|
||
progressElement.id = "query-progress";
|
||
|
||
// 将新元素替代原始按钮元素
|
||
button.parentElement.replaceChild(progressElement, button);
|
||
}
|
||
|
||
function hideLoadingAnimation() {
|
||
const progressElement = document.querySelector("mdui-linear-progress");
|
||
|
||
if (progressElement) {
|
||
const button = document.createElement("mdui-button");
|
||
button.id = "query-button";
|
||
button.innerHTML = "查询";
|
||
button.setAttribute("full-width", "");
|
||
button.setAttribute("icon", "search");
|
||
button.setAttribute("onclick", "sendRequest()");
|
||
|
||
// 将原始按钮元素替代回来
|
||
progressElement.parentElement.replaceChild(button, progressElement);
|
||
}
|
||
}
|
||
|
||
const navigationDrawer = document.querySelector(".left-drawer");
|
||
const toggleButton = document.getElementById("toggle-button");
|
||
|
||
let isOpen = true;
|
||
|
||
toggleButton.addEventListener("click", () => {
|
||
isOpen = !isOpen;
|
||
if (isOpen) {
|
||
navigationDrawer.open = true;
|
||
} else {
|
||
navigationDrawer.open = false;
|
||
}
|
||
});
|