// ==UserScript==
// @name CodePTIT Copier
// @namespace https://github.com/nvbangg/CodePTIT_Copier
// @version 1.3
// @description Script CodePTIT Copier. Xóa dòng trống thừa và copy nhanh Testcase trên CodePTIT (bản cũ lẫn mới).
// @author nvbangg (https://github.com/nvbangg)
// @copyright Copyright (c) 2025 Nguyễn Văn Bằng (nvbangg, github.com/nvbangg)
// @homepage https://github.com/nvbangg/CodePTIT_Copier
// @match https://code.ptit.edu.vn/student/question*
// @match https://code.ptit.edu.vn/beta*
// @icon https://code.ptit.edu.vn/favicon.ico
// @grant GM_setClipboard
// @grant GM_addStyle
// @run-at document-start
// @license MIT
// ==/UserScript==
//! HÃY XEM HƯỚNG DẪN TẠI: https://github.com/nvbangg/CodePTIT_Copier
(() => {
"use strict";
// Định dạng đuôi file khi copy Mã bài_Tên bài
const FILE_TYPE = "."; //thay bằng ".cpp" nếu luôn tạo file .cpp
const WORD_SEPARATOR = ""; // Thay đổi phân cách sang "_" nếu muốn
const ICONS = {
copy: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1-2 2v1"/></svg>',
check:
'<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>',
rowCopy:
'<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1-2 2v1"/><path d="M2 2h5v2"/></svg>',
};
GM_addStyle(`
.copy-btn,.title-copy-btn,.row-copy-btn{background:rgba(30,144,255,.5);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:3px;padding:2px;position:relative;outline:none!important;user-select:none}
.copy-btn{position:absolute;top:0;right:0}
.title-copy-btn{margin-right:5px;vertical-align:middle}
.row-copy-btn{position:absolute;left:-23px;top:0;background:rgba(255,165,0,.7);z-index:100}
.row-copy-tooltip{position:absolute;bottom:100%;left:0;margin-bottom:8px;background:rgba(0,0,0,.8);color:white;padding:4px 6px;font-size:11px;white-space:nowrap;display:none;z-index:1000}
.row-copy-btn.show-tooltip .row-copy-tooltip{display:block}
.copied{background:rgba(50,205,50,1)!important}
`);
const $ = (s) => document.querySelector(s);
const $$ = (s) => [...document.querySelectorAll(s)];
const isBeta = () => location.pathname.includes("/beta");
const hasText = (el) => el?.textContent?.trim();
const preventEvent = (e) => (e.preventDefault(), e.stopPropagation());
const setRelative = (el) =>
window.getComputedStyle(el).position === "static" &&
(el.style.position = "relative");
const isValidTestCase = (el) =>
hasText(el) && !el.querySelector(".copy-btn") && !el.closest("table");
const debounce = (fn, delay = 300) => {
let timer;
return (...args) => (
clearTimeout(timer), (timer = setTimeout(() => fn(...args), delay))
);
};
const showCopied = (button, duration = 800) => {
const originalContent = button.innerHTML;
button.innerHTML = ICONS.check;
button.classList.add("copied");
setTimeout(() => {
button.innerHTML = originalContent;
button.classList.remove("copied");
}, duration);
};
const addTooltip = (btn) => {
let timer,
isHovering = false;
btn.addEventListener("mouseenter", () => {
isHovering = true;
btn.classList.remove("show-tooltip");
timer = setTimeout(
() => isHovering && btn.classList.add("show-tooltip"),
1000
);
});
btn.addEventListener("mouseleave", () => {
isHovering = false;
clearTimeout(timer);
btn.classList.remove("show-tooltip");
});
};
const copy = (text, button) => {
try {
GM_setClipboard(text, "text");
showCopied(button);
return true;
} catch (e) {
console.error("Copy failed:", e);
return false;
}
};
const copyRow = (row, button) => {
const cells = row.querySelectorAll("td");
if (cells.length < 2) return false;
const [output, input] = [getTestcase(cells[0]), getTestcase(cells[1])];
if (!input.trim() && !output.trim()) return false;
input.trim() && GM_setClipboard(input, "text");
setTimeout(() => output.trim() && GM_setClipboard(output, "text"), 400);
return showCopied(button, 1000), true;
};
const formatTitle = (title) =>
!title
? ""
: title
.normalize("NFD")
.replace(/[\u0300-\u036f]|[đĐ]/g, (m) =>
m === "đ" ? "d" : m === "Đ" ? "D" : ""
)
.replace(/[^A-Za-z0-9]+/g, " ")
.trim()
.replace(/\S+/g, (w) => w[0].toUpperCase() + w.slice(1).toLowerCase())
.replace(/ /g, WORD_SEPARATOR);
const getTestcase = (cell) =>
(cell.querySelector("code, pre")?.innerText ?? cell.innerText ?? "")
.replace(
/[\u00A0\u1680\u180E\u2000-\u200B\u202F\u205F\u3000\uFEFF]/g,
" "
)
.trimEnd();
const createButton = (type, onClick, extraContent = "") => {
const btn = document.createElement("button");
btn.className =
type === "title"
? "title-copy-btn"
: type === "row"
? "row-copy-btn"
: "copy-btn";
btn.innerHTML = type === "row" ? ICONS.rowCopy + extraContent : ICONS.copy;
if (type === "row") addTooltip(btn);
btn.addEventListener("click", onClick);
return btn;
};
const addBtn = (cell) => {
if (!hasText(cell) || cell.dataset.copyAdded) return;
setRelative(cell);
cell.dataset.copyAdded = "true";
cell.appendChild(
createButton(
"copy",
(e) => (
preventEvent(e),
((content) => content.trim() && copy(content, e.currentTarget))(
getTestcase(cell)
)
)
)
);
};
const addTitleBtn = (titleEl) => {
if (!titleEl || titleEl.dataset.copyAdded) return;
titleEl.dataset.copyAdded = "true";
const btn = createButton(
"title",
(e) => (
preventEvent(e),
(({ code, title }) =>
(code || title) &&
copy(
`${code.trim()}_${formatTitle(title)}${FILE_TYPE}`,
e.currentTarget
))(getProblem())
)
);
Object.assign(btn.style, {
marginRight: "8px",
verticalAlign: "middle",
display: "inline-flex",
});
titleEl.insertBefore(btn, titleEl.firstChild);
};
const addRowBtn = (row) => {
if (!row || row.dataset.rowCopyAdded) return;
const cells = row.querySelectorAll("td");
if (cells.length < 2 || !hasText(cells[0])) return;
setRelative(cells[0]);
row.dataset.rowCopyAdded = "true";
cells[0].appendChild(
createButton(
"row",
(e) => (preventEvent(e), copyRow(row, e.currentTarget)),
'<div class="row-copy-tooltip">Copy input và output để Paste nhanh bằng KeyClipboard</div>'
)
);
};
const getProblem = () =>
isBeta()
? {
code: location.pathname.includes("/beta/problems/")
? location.pathname.split("/").pop().toUpperCase()
: "",
title: ($("h1") || $("h2"))?.textContent?.trim() ?? "",
}
: ((a) =>
a
? {
code: a.href.match(/\/([^\/]+)$/)?.[1] ?? "",
title: a.textContent?.trim() ?? "",
}
: { code: "", title: "" })($(".submit__nav p span a.link--red"));
// Chuyển p thành div trong tbody
const convertPtoDiv = () =>
$$("tbody p").forEach((p) => (p.outerHTML = `<div>${p.innerHTML}</div>`));
const processLegacyPage = () => {
const titleElement = $(".submit__nav p span a.link--red");
titleElement && addTitleBtn(titleElement);
$$(".submit__des tr:not(:first-child)").forEach((row) => {
row.querySelectorAll("td").forEach(addBtn);
addRowBtn(row);
});
$$(".submit__des [class*='testcase']")
.filter(isValidTestCase)
.forEach(addBtn);
};
const processBetaPage = () => {
if (!/\/beta\/problems\/[A-Za-z0-9_]+/.test(location.pathname)) return;
$$("table:not(.ant-table-fixed) tr:not(:first-child)").forEach((row) => {
row
.querySelectorAll("td")
.forEach(
(cell) =>
cell?.textContent?.trim() &&
!cell.querySelector(".copy-btn") &&
addBtn(cell)
);
addRowBtn(row);
});
$$("[class*='testcase']").filter(isValidTestCase).forEach(addBtn);
const titleElement = $$("h1, h2").find(
(el) => hasText(el) && !el.parentElement?.querySelector(".title-copy-btn")
);
titleElement && addTitleBtn(titleElement);
};
const cleanup = () => {
$$(".copy-btn, .title-copy-btn, .row-copy-btn").forEach((btn) =>
btn.remove()
);
$$("[data-copy-added], [data-row-copy-added]").forEach(
(el) => (
el.removeAttribute("data-copy-added"),
el.removeAttribute("data-row-copy-added")
)
);
};
const process = () => {
const beta = isBeta();
return (
cleanup(), beta ? processBetaPage() : processLegacyPage(), convertPtoDiv()
);
};
const observer = new MutationObserver(
debounce(
() =>
observer.lastUrl !== location.href
? ((observer.lastUrl = location.href), process())
: ((beta) => (beta ? processBetaPage : processLegacyPage)(),
convertPtoDiv())(isBeta()),
300
)
);
observer.lastUrl = location.href;
const start = () => {
observer.observe(document.documentElement, {
childList: true,
subtree: true,
});
process();
};
document.readyState !== "loading"
? start()
: document.addEventListener("DOMContentLoaded", start);
})();
