☰

CodePTIT Copier

Sửa lỗi dòng trống thừa khi copy trên CodePTIT. Tạo nút copy nhanh Testcase và Mã bài + Tên bài được chuẩn hóa

Cài đặt script này?
Script được tác giả gợi ý

Bạn có thế thích YouTube™ YTMusic™ Nonstop

Cài đặt script này 
// ==UserScript==
// @name         CodePTIT Copier
// @namespace    https://github.com/nvbangg/CodePTIT_Copier
// @version      1.6
// @description  Sửa lỗi dòng trống thừa khi copy trên CodePTIT. Tạo nút copy nhanh Testcase và Mã bài + Tên bài được chuẩn hóa
// @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
// @homepage     https://chromewebstore.google.com/detail/codeptit-copier/ncckkgpgiplcmbmobjlffkbaaklohhbo
// @match        https://code.ptit.edu.vn/*
// @match        https://db.ptit.edu.vn/*
// @icon         https://raw.githubusercontent.com/nvbangg/CodePTIT_Copier/main/src/icon.png
// @grant        GM_registerMenuCommand
// @run-at       document-start
// @license      GPL-3.0
// ==/UserScript==

//! 📌 Nên Dùng bản extension để có đầy đủ tính năng, tùy chỉnh settings:
//! https://chromewebstore.google.com/detail/codeptit-copier/ncckkgpgiplcmbmobjlffkbaaklohhbo

//! 🌐 Xem hướng dẫn chi tiết tại:
//! 🏠 Homepage: https://github.com/nvbangg/CodePTIT_Copier

(() => {
  "use strict";
  const WORD_SEPARATOR = "";
  const ICONS = {
    copy: '<svg width="25" height="25" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 3h10a2 2 0 0 1 2 2v10"/><rect x="3" y="8" width="13" height="13" rx="2"/></svg>',
    check:
      '<svg width="25" height="25" 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"/></svg>',
    rowCopy:
      '<svg width="25" height="25" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 3h10a2 2 0 0 1 2 2v10"/><rect x="3" y="8" width="13" height="13" rx="2"/><path d="M7 13h7"/><path d="M7 17h6"/></svg>',
  };

  const addStyles = () => {
    const style = document.createElement("style");
    style.textContent = `
  .copy-btn,.title-copy-btn,.row-copy-btn{background:rgba(30,144,255,.4);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:5px;padding:2px;position:relative;outline:none!important;user-select:none}
  .copy-btn{position:absolute;top:0;right:0}
  .title-copy-btn{margin-right:8px;top:-3px;display:inline-flex;vertical-align:middle}
  .row-copy-btn{position:absolute;left:-26px;top:0;background:rgba(255,165,0,.5)}
  .copied{background:rgba(50,205,50,1)!important}`;
    document.head.appendChild(style);
  };

  const $ = (s) => document.querySelector(s);
  const $$ = (s) => [...document.querySelectorAll(s)];
  const hasText = (el) => el?.textContent?.trim();
  const preventEvent = (e) => (e.preventDefault(), e.stopPropagation());

  const WS = /[\u00A0\u1680\u180E\u2000-\u200B\u202F\u205F\u3000\uFEFF]/g;
  const getText = (cell) => cell.innerText.replace(WS, " ").trimEnd();

  const showCopied = (button) => {
    const originalContent = button.innerHTML;
    button.innerHTML = ICONS.check;
    button.classList.add("copied");
    setTimeout(() => {
      button.innerHTML = originalContent;
      button.classList.remove("copied");
    }, 800);
  };

  const formatTitle = (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 addCellBtn = (cell) => {
    if (!hasText(cell) || cell.dataset.copyAdded) return;
    window.getComputedStyle(cell).position === "static" &&
      (cell.style.position = "relative");
    cell.dataset.copyAdded = "true";
    const btn = document.createElement("button");
    btn.className = "copy-btn";
    btn.innerHTML = ICONS.copy;
    btn.addEventListener("click", (e) => {
      preventEvent(e);
      navigator.clipboard.writeText(getText(cell));
      showCopied(e.currentTarget);
    });
    cell.appendChild(btn);
  };

  const addRowBtn = (row) => {
    if (!row || row.dataset.rowCopyAdded) return;
    const cells = row.querySelectorAll("td");
    if (cells.length < 2 || !hasText(cells[0]) || !hasText(cells[1])) return;
    window.getComputedStyle(cells[0]).position === "static" &&
      (cells[0].style.position = "relative");
    row.dataset.rowCopyAdded = "true";
    const btn = document.createElement("button");
    btn.className = "row-copy-btn";
    btn.innerHTML = ICONS.rowCopy;
    btn.addEventListener("click", (e) => {
      preventEvent(e);
      navigator.clipboard.writeText(getText(cells[0]));
      setTimeout(() => navigator.clipboard.writeText(getText(cells[1])), 400);
      showCopied(e.currentTarget);
    });
    cells[0].appendChild(btn);
  };

  const addTitleBtn = (titleEl, isDB) => {
    if (!titleEl || titleEl.dataset.copyAdded) return;
    titleEl.dataset.copyAdded = "true";
    const btn = document.createElement("button");
    btn.className = "title-copy-btn";
    btn.innerHTML = ICONS.copy;
    btn.addEventListener("click", (e) => {
      preventEvent(e);
      const text = isDB
        ? (titleEl.textContent || "").trim().replace(/[\\/:*?"<>|]/g, "")
        : (() => {
            const code = (location.pathname.split("/").pop() || "").trim();
            const titleText = (titleEl.textContent || "").trim();
            const joiner = WORD_SEPARATOR || "_";
            return [code, formatTitle(titleText)].filter(Boolean).join(joiner);
          })();
      navigator.clipboard.writeText(text);
      showCopied(e.currentTarget);
    });
    titleEl.insertBefore(btn, titleEl.firstChild);
  };

  const addBtns = (tables) => {
    tables.forEach((t) => {
      const ps = t.querySelectorAll("tbody p");
      ps.forEach((p) => (p.outerHTML = `<div>${p.innerHTML}</div>`));
      t.querySelectorAll("tr:not(:first-child)").forEach((row) => {
        row.querySelectorAll("td").forEach(addCellBtn);
        addRowBtn(row);
      });
    });
  };

  const process = () => {
    $$(".copy-btn, .title-copy-btn, .row-copy-btn").forEach((b) => b.remove());
    $$("[data-copy-added], [data-row-copy-added]").forEach(
      (el) => (
        el.removeAttribute("data-copy-added"),
        el.removeAttribute("data-row-copy-added")
      )
    );
    const { hostname, pathname } = location;
    const isDB =
      hostname === "db.ptit.edu.vn" &&
      /\/question-detail\/[A-Za-z0-9_]+/.test(pathname);
    if (isDB) addTitleBtn($("h3.font-medium.text-lg.text-foreground"), true);
    else if (hostname === "code.ptit.edu.vn")
      if (/\/beta\/problems\/[A-Za-z0-9_]+/.test(pathname)) {
        addTitleBtn($$("h2").find(hasText));
        addBtns($$("table"));
      } else if (/\/student\/question\/[A-Za-z0-9_]+/.test(pathname)) {
        addTitleBtn($(".submit__nav p span a.link--red"));
        addBtns([...($(".submit__des")?.querySelectorAll("table") ?? [])]);
      }
  };

  let observerTimer;
  const observer = new MutationObserver(() => {
    clearTimeout(observerTimer);
    observerTimer = setTimeout(() => {
      observer.lastUrl !== location.href && (observer.lastUrl = location.href);
      process();
    }, 500);
  });
  observer.lastUrl = location.href;

  const start = () => {
    addStyles();
    try {
      GM_registerMenuCommand("🏠 GitHub Homepage", () => {
        window.open("https://github.com/nvbangg/CodePTIT_Copier", "_blank");
      });
      GM_registerMenuCommand("🌐 View in Chrome Web Store", () => {
        window.open(
          "https://chromewebstore.google.com/detail/codeptit-copier/ncckkgpgiplcmbmobjlffkbaaklohhbo",
          "_blank"
        );
      });
    } catch {}
    const observeConfig = { childList: true, subtree: true };
    observer.observe(document.documentElement, observeConfig);
    process();
  };

  document.readyState !== "loading"
    ? start()
    : document.addEventListener("DOMContentLoaded", start);
})();