AtCoder Easy Test

Make testing sample cases easy

Ekde 2021/08/17. Vidu La ĝisdata versio.

  1. // ==UserScript==
  2. // @name AtCoder Easy Test
  3. // @namespace http://atcoder.jp/
  4. // @version 1.6.1
  5. // @description Make testing sample cases easy
  6. // @author magurofly
  7. // @match https://atcoder.jp/contests/*/tasks/*
  8. // @grant none
  9. // ==/UserScript==
  10.  
  11. // This script uses variables from page below:
  12. // * `$`
  13. // * `getSourceCode`
  14. // * `csrfToken`
  15.  
  16. // This scripts consists of three modules:
  17. // * bottom menu
  18. // * code runner
  19. // * view
  20.  
  21. // This scripts may load scripts below to run code:
  22. // * https://cdn.jsdelivr.net/gh/pythonpad/brython-runner/lib/brython-runner.bundle.js
  23.  
  24. (function script() {
  25.  
  26. const VERSION = "1.6.1";
  27.  
  28. if (typeof unsafeWindow !== "undefined") {
  29. console.log(unsafeWindow);
  30. unsafeWindow.eval(`(${script})();`);
  31. console.log("Script run in unsafeWindow");
  32. return;
  33. }
  34. const $ = window.$;
  35. const getSourceCode = window.getSourceCode;
  36. const csrfToken = window.csrfToken;
  37.  
  38. const $id = document.getElementById.bind(document);
  39. const $select = document.querySelector.bind(document);
  40. const $selectAll = document.querySelectorAll.bind(document);
  41. const $create = (tagName, attrs = {}, children = []) => {
  42. const e = document.createElement(tagName);
  43. for (const name in attrs) e.setAttribute(name, attrs[name]);
  44. for (const child of children) e.appendChild(child);
  45. return e;
  46. };
  47.  
  48. // -- code runner --
  49. const codeRunner = (function() {
  50. 'use strict';
  51.  
  52. function buildParams(data) {
  53. return Object.entries(data).map(([key, value]) => encodeURIComponent(key) + "=" + encodeURIComponent(value)).join("&");
  54. }
  55.  
  56. function sleep(ms) {
  57. return new Promise(done => setTimeout(done, ms));
  58. }
  59.  
  60. class CodeRunner {
  61. constructor(label, site) {
  62. this.label = `${label} [${site}]`;
  63. }
  64.  
  65. async test(sourceCode, input, supposedOutput, options) {
  66. const result = await this.run(sourceCode, input);
  67. if (result.status != "OK" || typeof supposedOutput !== "string") return result;
  68. let output = result.stdout || "";
  69.  
  70. if (options.trim) {
  71. supposedOutput = supposedOutput.trim();
  72. output = output.trim();
  73. }
  74.  
  75. let equals = (x, y) => x === y;
  76.  
  77. if ("allowableError" in options) {
  78. const floatPattern = /^[-+]?[0-9]*\.?[0-9]+([eE][-+]?[0-9]+)?$/;
  79. const superEquals = equals;
  80. equals = (x, y) => {
  81. if (floatPattern.test(x) && floatPattern.test(y)) return Math.abs(parseFloat(x) - parseFloat(y)) <= options.allowableError;
  82. return superEquals(x, y);
  83. }
  84. }
  85.  
  86. if (options.split) {
  87. const superEquals = equals;
  88. equals = (x, y) => {
  89. x = x.split(/\s+/);
  90. y = y.split(/\s+/);
  91. if (x.length != y.length) return false;
  92. const len = x.length;
  93. for (let i = 0; i < len; i++) {
  94. if (!superEquals(x[i], y[i])) return false;
  95. }
  96. return true;
  97. }
  98. }
  99.  
  100. result.status = equals(output, supposedOutput) ? "AC" : "WA";
  101.  
  102. return result;
  103. }
  104. }
  105.  
  106. class CustomRunner extends CodeRunner {
  107. constructor(label, run) {
  108. super(label, "Browser");
  109. this.run = run;
  110. }
  111. }
  112.  
  113. class WandboxRunner extends CodeRunner {
  114. constructor(name, label, options = {}) {
  115. super(label, "Wandbox");
  116. this.name = name;
  117. this.options = options;
  118. }
  119.  
  120. run(sourceCode, input) {
  121. let options = this.options;
  122. if (typeof options == "function") options = options(sourceCode, input);
  123. return this.request(Object.assign(JSON.stringify({
  124. compiler: this.name,
  125. code: sourceCode,
  126. stdin: input,
  127. }), this.options));
  128. }
  129.  
  130. async request(body) {
  131. const startTime = Date.now();
  132. let res;
  133. try {
  134. res = await fetch("https://wandbox.org/api/compile.json", {
  135. method: "POST",
  136. mode: "cors",
  137. headers: {
  138. "Content-Type": "application/json",
  139. },
  140. body,
  141. }).then(r => r.json());
  142. } catch (error) {
  143. console.error(error);
  144. return {
  145. status: "IE",
  146. stderr: error,
  147. };
  148. }
  149. const endTime = Date.now();
  150.  
  151. const result = {
  152. status: "OK",
  153. exitCode: res.status,
  154. execTime: endTime - startTime,
  155. stdout: res.program_output,
  156. stderr: res.program_error,
  157. };
  158. if (res.status != 0) {
  159. if (res.signal) {
  160. result.exitCode += " (" + res.signal + ")";
  161. }
  162. result.stdout = (res.compiler_output || "") + (result.stdout || "");
  163. result.stderr = (res.compiler_error || "") + (result.stderr || "");
  164. if (res.compiler_output || res.compiler_error) {
  165. result.status = "CE";
  166. } else {
  167. result.status = "RE";
  168. }
  169. }
  170.  
  171. return result;
  172. }
  173. }
  174.  
  175. class PaizaIORunner extends CodeRunner {
  176. constructor(name, label) {
  177. super(label, "PaizaIO");
  178. this.name = name;
  179. }
  180.  
  181. async run(sourceCode, input) {
  182. let id, status, error;
  183. try {
  184. const res = await fetch("https://api.paiza.io/runners/create?" + buildParams({
  185. source_code: sourceCode,
  186. language: this.name,
  187. input,
  188. longpoll: true,
  189. longpoll_timeout: 10,
  190. api_key: "guest",
  191. }), {
  192. method: "POST",
  193. mode: "cors",
  194. }).then(r => r.json());
  195. id = res.id;
  196. status = res.status;
  197. error = res.error;
  198. } catch (error) {
  199. return {
  200. status: "IE",
  201. stderr: error,
  202. };
  203. }
  204.  
  205. while (status == "running") {
  206. const res = await (await fetch("https://api.paiza.io/runners/get_status?" + buildParams({
  207. id,
  208. api_key: "guest",
  209. }), {
  210. mode: "cors",
  211. })).json();
  212. status = res.status;
  213. error = res.error;
  214. }
  215.  
  216. const res = await fetch("https://api.paiza.io/runners/get_details?" + buildParams({
  217. id,
  218. api_key: "guest",
  219. }), {
  220. mode: "cors",
  221. }).then(r => r.json());
  222.  
  223. const result = {
  224. exitCode: res.exit_code,
  225. execTime: +res.time * 1e3,
  226. memory: +res.memory * 1e-3,
  227. };
  228.  
  229. if (res.build_result == "failure") {
  230. result.status = "CE";
  231. result.exitCode = res.build_exit_code;
  232. result.stdout = res.build_stdout;
  233. result.stderr = res.build_stderr;
  234. } else {
  235. result.status = (res.result == "timeout") ? "TLE" : (res.result == "failure") ? "RE" : "OK";
  236. result.exitCode = res.exit_code;
  237. result.stdout = res.stdout;
  238. result.stderr = res.stderr;
  239. }
  240.  
  241. return result;
  242. }
  243. }
  244.  
  245. class WandboxCppRunner extends WandboxRunner {
  246. async run(sourceCode, input) {
  247. const ACLBase = "https://cdn.jsdelivr.net/gh/atcoder/ac-library/";
  248. const files = new Map();
  249. const includeHeader = async source => {
  250. const pattern = /^#\s*include\s*[<"]atcoder\/([^>"]+)[>"]/gm;
  251. const loaded = [];
  252. let match;
  253. while (match = pattern.exec(source)) {
  254. const file = "atcoder/" + match[1];
  255. if (files.has(file)) continue;
  256. files.set(file, null);
  257. loaded.push([file, fetch(ACLBase + file, { mode: "cors", cache: "force-cache", }).then(r => r.text())]);
  258. }
  259. const included = await Promise.all(loaded.map(async ([file, r]) => {
  260. const source = await r;
  261. files.set(file, source);
  262. return source;
  263. }));
  264. for (const source of included) {
  265. await includeHeader(source);
  266. }
  267. };
  268. await includeHeader(sourceCode);
  269. const codes = [];
  270. for (const [file, code] of files) {
  271. codes.push({ file, code, });
  272. }
  273. let options = this.options;
  274. if (typeof options == "function") options = options(sourceCode, input);
  275. return await this.request(JSON.stringify(Object.assign({
  276. compiler: this.name,
  277. code: sourceCode,
  278. stdin: input,
  279. codes,
  280. "compiler-option-raw": "-I.",
  281. }, options)));
  282. }
  283. }
  284.  
  285. let waitAtCoderCustomTest = Promise.resolve();
  286. const AtCoderCustomTestBase = location.href.replace(/\/tasks\/.+$/, "/custom_test");
  287. const AtCoderCustomTestResultAPI = AtCoderCustomTestBase + "/json?reload=true";
  288. const AtCoderCustomTestSubmitAPI = AtCoderCustomTestBase + "/submit/json";
  289. class AtCoderRunner extends CodeRunner {
  290. constructor(languageId, label) {
  291. super(label, "AtCoder");
  292. this.languageId = languageId;
  293. }
  294.  
  295. async run(sourceCode, input) {
  296. const promise = this.submit(sourceCode, input);
  297. waitAtCoderCustomTest = promise;
  298. return await promise;
  299. }
  300.  
  301. async submit(sourceCode, input) {
  302. try {
  303. await waitAtCoderCustomTest;
  304. } catch (error) {
  305. console.error(error);
  306. }
  307.  
  308. const error = await fetch(AtCoderCustomTestSubmitAPI, {
  309. method: "POST",
  310. credentials: "include",
  311. headers: {
  312. "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
  313. },
  314. body: buildParams({
  315. "data.LanguageId": this.languageId,
  316. sourceCode,
  317. input,
  318. csrf_token: csrfToken,
  319. }),
  320. }).then(r => r.text());
  321.  
  322. if (error) {
  323. throw new Error(error)
  324. }
  325.  
  326. await sleep(100);
  327.  
  328. for (;;) {
  329. const data = await fetch(AtCoderCustomTestResultAPI, {
  330. method: "GET",
  331. credentials: "include",
  332. }).then(r => r.json());
  333.  
  334. if (!("Result" in data)) continue;
  335. const result = data.Result;
  336.  
  337. if ("Interval" in data) {
  338. await sleep(data.Interval);
  339. continue;
  340. }
  341.  
  342. return {
  343. status: (result.ExitCode == 0) ? "OK" : (result.TimeConsumption == -1) ? "CE" : "RE",
  344. exitCode: result.ExitCode,
  345. execTime: result.TimeConsumption,
  346. memory: result.MemoryConsumption,
  347. stdout: data.Stdout,
  348. stderr: data.Stderr,
  349. };
  350. }
  351. }
  352. }
  353.  
  354. let brythonRunnerLoaded = false;
  355. const brythonRunner = new CustomRunner("Brython", async (sourceCode, input) => {
  356. if (!brythonRunnerLoaded) {
  357. await new Promise((resolve) => {
  358. const script = $create("script");
  359. script.src = "https://cdn.jsdelivr.net/gh/pythonpad/brython-runner/lib/brython-runner.bundle.js";
  360. script.onload = () => {
  361. brythonRunnerLoaded = true;
  362. resolve();
  363. };
  364. document.head.appendChild(script);
  365. });
  366. }
  367.  
  368. let stdout = "";
  369. let stderr = "";
  370. let stdinOffset = 0;
  371. const runner = new BrythonRunner({
  372. stdout: { write(content) { stdout += content; }, flush() {} },
  373. stderr: { write(content) { stderr += content; }, flush() {} },
  374. stdin: { async readline() {
  375. let index = input.indexOf("\n", stdinOffset) + 1;
  376. if (index == 0) index = input.length;
  377. const text = input.slice(stdinOffset, index);
  378. stdinOffset = index;
  379. return text;
  380. } },
  381. });
  382.  
  383. const timeStart = Date.now();
  384. await runner.runCode(sourceCode);
  385. const timeEnd = Date.now();
  386.  
  387. return {
  388. status: "OK",
  389. exitCode: 0,
  390. execTime: (timeEnd - timeStart),
  391. stdout,
  392. stderr,
  393. };
  394. });
  395.  
  396. const runners = {
  397. 4001: [new WandboxRunner("gcc-10.1.0-c", "C (GCC 10.1.0)")],
  398. 4002: [new PaizaIORunner("c", "C (C17 / Clang 10.0.0)", )],
  399. 4003: [new WandboxCppRunner("gcc-10.1.0", "C++ (GCC 10.1.0)", {options: "warning,boost-1.73.0-gcc-9.2.0,gnu++17"})],
  400. 4004: [new WandboxCppRunner("clang-10.0.0", "C++ (Clang 10.0.0)", {options: "warning,boost-nothing-clang-10.0.0,c++17"})],
  401. 4006: [
  402. new PaizaIORunner("python3", "Python (3.8.2)"),
  403. brythonRunner,
  404. ],
  405. 4007: [new PaizaIORunner("bash", "Bash (5.0.17)")],
  406. 4010: [new WandboxRunner("csharp", "C# (.NET Core 6.0.100-alpha.1.20562.2)")],
  407. 4011: [new WandboxRunner("mono-head", "C# (Mono-mcs 5.19.0.0)")],
  408. 4013: [new PaizaIORunner("clojure", "Clojure (1.10.1-1)")],
  409. 4017: [new PaizaIORunner("d", "D (LDC 1.23.0)")],
  410. 4020: [new PaizaIORunner("erlang", "Erlang (10.6.4)")],
  411. 4021: [new PaizaIORunner("elixir", "Elixir (1.10.4)")],
  412. 4022: [new PaizaIORunner("fsharp", "F# (Interactive 4.0)")],
  413. 4023: [new PaizaIORunner("fsharp", "F# (Interactive 4.0)")],
  414. 4026: [new WandboxRunner("go-1.14.1", "Go (1.14.1)")],
  415. 4027: [new WandboxRunner("ghc-head", "Haskell (GHC 8.7.20181121)")],
  416. 4030: [new PaizaIORunner("javascript", "JavaScript (Node.js 12.18.3)")],
  417. 4032: [new PaizaIORunner("kotlin", "Kotlin (1.4.0)")],
  418. 4033: [new WandboxRunner("lua-5.3.4", "Lua (Lua 5.3.4)")],
  419. 4034: [new WandboxRunner("luajit-head", "Lua (LuaJIT 2.1.0-beta3)")],
  420. 4036: [new WandboxRunner("nim-1.0.6", "Nim (1.0.6)")],
  421. 4037: [new PaizaIORunner("objective-c", "Objective-C (Clang 10.0.0)")],
  422. 4039: [new WandboxRunner("ocaml-head", "OCaml (4.13.0+dev0-2020-10-19)")],
  423. 4041: [new WandboxRunner("fpc-3.0.2", "Pascal (FPC 3.0.2)")],
  424. 4042: [new PaizaIORunner("perl", "Perl (5.30.0)")],
  425. 4044: [
  426. new PaizaIORunner("php", "PHP (7.4.10)"),
  427. new WandboxRunner("php-7.3.3", "PHP (7.3.3)"),
  428. ],
  429. 4046: [new WandboxRunner("pypy-head", "PyPy2 (7.3.4-alpha0)")],
  430. 4047: [new WandboxRunner("pypy-7.2.0-3", "PyPy3 (7.2.0)")],
  431. 4049: [
  432. new WandboxRunner("ruby-head", "Ruby (HEAD 3.0.0dev)"),
  433. new PaizaIORunner("ruby", "Ruby (2.7.1)"),
  434. new WandboxRunner("ruby-2.7.0-preview1", "Ruby (2.7.0-preview1)"),
  435. ],
  436. 4050: [
  437. new AtCoderRunner(4050, "Rust (1.42.0)"),
  438. new WandboxRunner("rust-head", "Rust (1.37.0-dev)"),
  439. new PaizaIORunner("rust", "Rust (1.43.0)"),
  440. ],
  441. 4051: [new PaizaIORunner("scala", "Scala (2.13.3)")],
  442. 4053: [new PaizaIORunner("scheme", "Scheme (Gauche 0.9.6)")],
  443. 4055: [new PaizaIORunner("swift", "Swift (5.2.5)")],
  444. 4056: [new CustomRunner("Text",
  445. async (sourceCode, input) => {
  446. return {
  447. status: "OK",
  448. exitCode: 0,
  449. stdout: sourceCode,
  450. };
  451. }
  452. )],
  453. 4058: [new PaizaIORunner("vb", "Visual Basic (.NET Core 4.0.1)")],
  454. 4061: [new PaizaIORunner("cobol", "COBOL - Free (OpenCOBOL 2.2.0)")],
  455. 4101: [new WandboxCppRunner("gcc-9.2.0", "C++ (GCC 9.2.0)")],
  456. 4102: [new WandboxCppRunner("clang-10.0.0", "C++ (Clang 10.0.0)")],
  457. };
  458.  
  459. for (const e of $selectAll("#select-lang option[value]")) {
  460. const languageId = e.value;
  461. if (!(languageId in runners)) runners[languageId] = [];
  462. if (runners[languageId].some(runner => runner instanceof AtCoderRunner)) continue;
  463. runners[languageId].push(new AtCoderRunner(languageId, e.textContent));
  464. }
  465.  
  466. console.info("codeRunner OK");
  467.  
  468. return {
  469. run(languageId, index, sourceCode, input, supposedOutput = null, options = { trim: true, split: true, }) {
  470. if (!(languageId in runners)) return Promise.reject("language not supported");
  471. return runners[languageId][index].test(sourceCode, input, supposedOutput, options);
  472. },
  473.  
  474. getEnvironment(languageId) {
  475. if (!(languageId in runners)) return Promise.reject("language not supported");
  476. return Promise.resolve(runners[languageId].map(runner => runner.label));
  477. },
  478. };
  479. })();
  480.  
  481.  
  482. // -- bottom menu --
  483. const bottomMenu = (function () {
  484. 'use strict';
  485.  
  486. const tabs = new Set();
  487.  
  488. const bottomMenuKey = $(`<button id="bottom-menu-key" type="button" class="navbar-toggle collapsed glyphicon glyphicon-menu-down" data-toggle="collapse" data-target="#bottom-menu">`);
  489. const bottomMenuTabs = $(`<ul id="bottom-menu-tabs" class="nav nav-tabs">`);
  490. const bottomMenuContents = $(`<div id="bottom-menu-contents" class="tab-content">`);
  491.  
  492. $(() => {
  493. const style = $create("style");
  494. style.textContent = `
  495.  
  496. #bottom-menu-wrapper {
  497. background: transparent;
  498. border: none;
  499. pointer-events: none;
  500. padding: 0;
  501. }
  502.  
  503. #bottom-menu-wrapper>.container {
  504. position: absolute;
  505. bottom: 0;
  506. width: 100%;
  507. padding: 0;
  508. }
  509.  
  510. #bottom-menu-wrapper>.container>.navbar-header {
  511. float: none;
  512. }
  513.  
  514. #bottom-menu-key {
  515. display: block;
  516. float: none;
  517. margin: 0 auto;
  518. padding: 10px 3em;
  519. border-radius: 5px 5px 0 0;
  520. background: #000;
  521. opacity: 0.5;
  522. color: #FFF;
  523. cursor: pointer;
  524. pointer-events: auto;
  525. text-align: center;
  526. }
  527.  
  528. @media screen and (max-width: 767px) {
  529. #bottom-menu-key {
  530. opacity: 0.25;
  531. }
  532. }
  533.  
  534. #bottom-menu-key.collapsed:before {
  535. content: "\\e260";
  536. }
  537.  
  538. #bottom-menu-tabs {
  539. padding: 3px 0 0 10px;
  540. cursor: n-resize;
  541. }
  542.  
  543. #bottom-menu-tabs a {
  544. pointer-events: auto;
  545. }
  546.  
  547. #bottom-menu {
  548. pointer-events: auto;
  549. background: rgba(0, 0, 0, 0.8);
  550. color: #fff;
  551. max-height: unset;
  552. }
  553.  
  554. #bottom-menu.collapse:not(.in) {
  555. display: none !important;
  556. }
  557.  
  558. #bottom-menu-tabs>li>a {
  559. background: rgba(150, 150, 150, 0.5);
  560. color: #000;
  561. border: solid 1px #ccc;
  562. filter: brightness(0.75);
  563. }
  564.  
  565. #bottom-menu-tabs>li>a:hover {
  566. background: rgba(150, 150, 150, 0.5);
  567. border: solid 1px #ccc;
  568. color: #111;
  569. filter: brightness(0.9);
  570. }
  571.  
  572. #bottom-menu-tabs>li.active>a {
  573. background: #eee;
  574. border: solid 1px #ccc;
  575. color: #333;
  576. filter: none;
  577. }
  578.  
  579. .bottom-menu-btn-close {
  580. font-size: 8pt;
  581. vertical-align: baseline;
  582. padding: 0 0 0 6px;
  583. margin-right: -6px;
  584. }
  585.  
  586. #bottom-menu-contents {
  587. padding: 5px 15px;
  588. max-height: 50vh;
  589. overflow-y: auto;
  590. }
  591.  
  592. #bottom-menu-contents .panel {
  593. color: #333;
  594. }
  595.  
  596. `;
  597. document.head.appendChild(style);
  598. const bottomMenu = $(`<div id="bottom-menu" class="collapse navbar-collapse">`).append(bottomMenuTabs, bottomMenuContents);
  599. $(`<div id="bottom-menu-wrapper" class="navbar navbar-default navbar-fixed-bottom">`)
  600. .append($(`<div class="container">`)
  601. .append(
  602. $(`<div class="navbar-header">`).append(bottomMenuKey),
  603. bottomMenu))
  604. .appendTo("#main-div");
  605.  
  606. let resizeStart = null;
  607. bottomMenuTabs.on({
  608. mousedown({target, pageY}) {
  609. if (target.id != "bottom-menu-tabs") return;
  610. resizeStart = {y: pageY, height: bottomMenuContents.height()};
  611. },
  612. mousemove(e) {
  613. if (!resizeStart) return;
  614. e.preventDefault();
  615. bottomMenuContents.height(resizeStart.height - (e.pageY - resizeStart.y));
  616. },
  617. });
  618. document.addEventListener("mouseup", () => { resizeStart = null; });
  619. document.addEventListener("mouseleave", () => { resizeStart = null; });
  620. });
  621.  
  622. const menuController = {
  623. addTab(tabId, tabLabel, paneContent, options = {}) {
  624. console.log("addTab: %s (%s)", tabLabel, tabId, paneContent);
  625. const tab = $(`<a id="bottom-menu-tab-${tabId}" href="#" data-target="#bottom-menu-pane-${tabId}" data-toggle="tab">`)
  626. .click(e => {
  627. e.preventDefault();
  628. tab.tab("show");
  629. })
  630. .append(tabLabel);
  631. const tabLi = $(`<li>`).append(tab).appendTo(bottomMenuTabs);
  632. const pane = $(`<div class="tab-pane" id="bottom-menu-pane-${tabId}">`).append(paneContent).appendTo(bottomMenuContents);
  633. console.dirxml(bottomMenuContents);
  634. const controller = {
  635. close() {
  636. tabLi.remove();
  637. pane.remove();
  638. tabs.delete(tab);
  639. if (tabLi.hasClass("active") && tabs.size > 0) {
  640. tabs.values().next().value.tab("show");
  641. }
  642. },
  643.  
  644. show() {
  645. menuController.show();
  646. tab.tab("show");
  647. },
  648.  
  649. set color(color) {
  650. tab.css("background-color", color);
  651. },
  652. };
  653. tabs.add(tab);
  654. if (options.closeButton) tab.append($(`<a class="bottom-menu-btn-close btn btn-link glyphicon glyphicon-remove">`).click(() => controller.close()));
  655. if (options.active || tabs.size == 1) pane.ready(() => tab.tab("show"));
  656. return controller;
  657. },
  658.  
  659. show() {
  660. if (bottomMenuKey.hasClass("collapsed")) bottomMenuKey.click();
  661. },
  662.  
  663. toggle() {
  664. bottomMenuKey.click();
  665. },
  666. };
  667.  
  668. console.info("bottomMenu OK");
  669.  
  670. return menuController;
  671. })();
  672.  
  673. $(() => {
  674. // returns [{input, output, anchor}]
  675. function getTestCases() {
  676. const selectors = [
  677. ["#task-statement p+pre.literal-block", ".section"], // utpc2011_1
  678. ["#task-statement pre.source-code-for-copy", ".part"],
  679. ["#task-statement .lang>*:nth-child(1) .div-btn-copy+pre", ".part"],
  680. ["#task-statement .div-btn-copy+pre", ".part"],
  681. ["#task-statement>.part pre.linenums", ".part"], // abc003_4
  682. ["#task-statement>.part:not(.io-style)>h3+section>pre", ".part"],
  683. ["#task-statement pre", ".part"],
  684. ];
  685.  
  686. for (const [selector, closestSelector] of selectors) {
  687. const e = $selectAll(selector);
  688. if (e.length == 0) continue;
  689. const testcases = [];
  690. for (let i = 0; i < e.length; i += 2) {
  691. const container = e[i].closest(closestSelector) || e[i].parentElement;
  692. testcases.push({
  693. input: (e[i]||{}).textContent,
  694. output: (e[i+1]||{}).textContent,
  695. anchor: container.querySelector("h3"),
  696. });
  697. }
  698. return testcases;
  699. }
  700.  
  701. return [];
  702. }
  703.  
  704. async function runTest(title, input, output = null) {
  705. const uid = Date.now().toString();
  706. title = title ? "Result " + title : "Result";
  707. const content = $create("div", { class: "container" });
  708. content.innerHTML = `
  709. <div class="row">
  710. <div class="col-xs-12 ${(output == null) ? "" : "col-sm-6"}"><div class="form-group">
  711. <label class="control-label col-xs-12" for="atcoder-easy-test-${uid}-stdin">Standard Input</label>
  712. <div class="col-xs-12">
  713. <textarea id="atcoder-easy-test-${uid}-stdin" class="form-control" rows="3" readonly></textarea>
  714. </div>
  715. </div></div>${(output == null) ? "" : `
  716. <div class="col-xs-12 col-sm-6"><div class="form-group">
  717. <label class="control-label col-xs-12" for="atcoder-easy-test-${uid}-expected">Expected Output</label>
  718. <div class="col-xs-12">
  719. <textarea id="atcoder-easy-test-${uid}-expected" class="form-control" rows="3" readonly></textarea>
  720. </div>
  721. </div></div>
  722. `}
  723. </div>
  724. <div class="row"><div class="col-sm-6 col-sm-offset-3">
  725. <div class="panel panel-default"><table class="table table-condensed">
  726. <tr>
  727. <th class="text-center">Exit Code</th>
  728. <th class="text-center">Exec Time</th>
  729. <th class="text-center">Memory</th>
  730. </tr>
  731. <tr>
  732. <td id="atcoder-easy-test-${uid}-exit-code" class="text-center"></td>
  733. <td id="atcoder-easy-test-${uid}-exec-time" class="text-center"></td>
  734. <td id="atcoder-easy-test-${uid}-memory" class="text-center"></td>
  735. </tr>
  736. </table></div>
  737. </div></div>
  738. <div class="row">
  739. <div class="col-xs-12 col-md-6"><div class="form-group">
  740. <label class="control-label col-xs-12" for="atcoder-easy-test-${uid}-stdout">Standard Output</label>
  741. <div class="col-xs-12">
  742. <textarea id="atcoder-easy-test-${uid}-stdout" class="form-control" rows="5" readonly></textarea>
  743. </div>
  744. </div></div>
  745. <div class="col-xs-12 col-md-6"><div class="form-group">
  746. <label class="control-label col-xs-12" for="atcoder-easy-test-${uid}-stderr">Standard Error</label>
  747. <div class="col-xs-12">
  748. <textarea id="atcoder-easy-test-${uid}-stderr" class="form-control" rows="5" readonly></textarea>
  749. </div>
  750. </div></div>
  751. </div>
  752. `;
  753. const tab = bottomMenu.addTab("easy-test-result-" + uid, title, content, { active: true, closeButton: true });
  754. $id(`atcoder-easy-test-${uid}-stdin`).value = input;
  755. if (output != null) $id(`atcoder-easy-test-${uid}-expected`).value = output;
  756.  
  757. const options = { trim: true, split: true, };
  758. if ($id("atcoder-easy-test-allowable-error-check").checked) {
  759. options.allowableError = parseFloat($id("atcoder-easy-test-allowable-error").value);
  760. }
  761.  
  762. const result = await codeRunner.run($select("#select-lang>select").value, +$id("atcoder-easy-test-language").value, window.getSourceCode(), input, output, options);
  763.  
  764. if (result.status == "AC") {
  765. tab.color = "#dff0d8";
  766. $id(`atcoder-easy-test-${uid}-stdout`).style.backgroundColor = "#dff0d8";
  767. } else if (result.status != "OK") {
  768. tab.color = "#fcf8e3";
  769. if (result.status == "WA") $id(`atcoder-easy-test-${uid}-stdout`).style.backgroundColor = "#fcf8e3";
  770. }
  771.  
  772. const eExitCode = $id(`atcoder-easy-test-${uid}-exit-code`);
  773. eExitCode.textContent = result.exitCode;
  774. eExitCode.classList.toggle("bg-success", result.exitCode == 0);
  775. eExitCode.classList.toggle("bg-danger", result.exitCode != 0);
  776. if ("execTime" in result) $id(`atcoder-easy-test-${uid}-exec-time`).textContent = result.execTime + " ms";
  777. if ("memory" in result) $id(`atcoder-easy-test-${uid}-memory`).textContent = result.memory + " KB";
  778. $id(`atcoder-easy-test-${uid}-stdout`).value = result.stdout || "";
  779. $id(`atcoder-easy-test-${uid}-stderr`).value = result.stderr || "";
  780.  
  781. result.uid = uid;
  782. result.tab = tab;
  783. return result;
  784. }
  785.  
  786. console.log("bottomMenu", bottomMenu);
  787.  
  788. bottomMenu.addTab("easy-test", "Easy Test", $(`<form id="atcoder-easy-test-container" class="form-horizontal">`)
  789. .html(`
  790. <small style="position: absolute; display: block; bottom: 0; right: 0; padding: 1% 4%; width: 95%; text-align: right;">AtCoder Easy Test v${VERSION}</small>
  791. <div class="row">
  792. <div class="col-xs-12 col-lg-8">
  793. <div class="form-group">
  794. <label class="control-label col-sm-2">Test Environment</label>
  795. <div class="col-sm-10">
  796. <select class="form-control" id="atcoder-easy-test-language"></select>
  797. </div>
  798. </div>
  799. <div class="form-group">
  800. <label class="control-label col-sm-2" for="atcoder-easy-test-input">Standard Input</label>
  801. <div class="col-sm-10">
  802. <textarea id="atcoder-easy-test-input" name="input" class="form-control" rows="3"></textarea>
  803. </div>
  804. </div>
  805. </div>
  806. <div class="col-xs-12 col-lg-4">
  807. <details close>
  808. <summary>Expected Output</summary>
  809. <div class="form-group">
  810. <label class="control-label col-sm-2" for="atcoder-easy-test-allowable-error-check">Allowable Error</label>
  811. <div class="col-sm-10">
  812. <div class="input-group">
  813. <span class="input-group-addon">
  814. <input id="atcoder-easy-test-allowable-error-check" type="checkbox" checked>
  815. </span>
  816. <input id="atcoder-easy-test-allowable-error" type="text" class="form-control" value="1e-6">
  817. </div>
  818. </div>
  819. </div>
  820. <div class="form-group">
  821. <label class="control-label col-sm-2" for="atcoder-easy-test-output">Expected Output</label>
  822. <div class="col-sm-10">
  823. <textarea id="atcoder-easy-test-output" name="output" class="form-control" rows="3"></textarea>
  824. </div>
  825. </div>
  826. </details>
  827. </div>
  828. <div class="col-xs-12">
  829. <div class="col-xs-11 col-xs-offset=1">
  830. <div class="form-group">
  831. <a id="atcoder-easy-test-run" class="btn btn-primary">Run</a>
  832. </div>
  833. </div>
  834. </div>
  835. </div>
  836. <style>
  837. #atcoder-easy-test-language {
  838. border: none;
  839. background: transparent;
  840. font: inherit;
  841. color: #fff;
  842. }
  843. #atcoder-easy-test-language option {
  844. border: none;
  845. color: #333;
  846. font: inherit;
  847. }
  848. </style>
  849. `).ready(() => {
  850. $id("atcoder-easy-test-run").addEventListener("click", () => {
  851. const title = "";
  852. const input = $id("atcoder-easy-test-input").value;
  853. const output = $id("atcoder-easy-test-output").value;
  854. runTest(title, input, output || null);
  855. });
  856. $("#select-lang>select").change(() => setLanguage()); //NOTE: This event is only for jQuery; do not replce with Vanilla
  857. $id("atcoder-easy-test-allowable-error").disabled = this.checked;
  858. $id("atcoder-easy-test-allowable-error-check").addEventListener("change", e => { $id("atcoder-easy-test-allowable-error").disabled = !e.target.checked; });
  859.  
  860. async function setLanguage() {
  861. const languageId = $select("#select-lang>select").value;
  862. const eTestLanguage = $id("atcoder-easy-test-language");
  863. while (eTestLanguage.firstChild) eTestLanguage.removeChild(eTestLanguage.firstChild);
  864. try {
  865. const labels = await codeRunner.getEnvironment(languageId);
  866. console.log(`language: ${labels[0]} (${languageId})`);
  867. labels.forEach((label, index) => {
  868. const option = $create("option", {value: index});
  869. option.textContent = label;
  870. eTestLanguage.appendChild(option);
  871. });
  872. $id("atcoder-easy-test-run").classList.remove("disabled");
  873. $id("atcoder-easy-test-btn-test-all").disabled = false;
  874. } catch (error) {
  875. console.log(`language: ? (${languageId})`);
  876. const option = $create("option", { "class": "fg-danger" });
  877. option.textContent = error;
  878. eTestLanguage.appendChild(option);
  879. $id("atcoder-easy-test-run").classList.add("disabled");
  880. $id("atcoder-easy-test-btn-test-all").disabled = true;
  881. }
  882. }
  883.  
  884. setLanguage();
  885. }), { active: true });
  886.  
  887. try {
  888. const testfuncs = [];
  889. const runButtons = [];
  890.  
  891. const testcases = getTestCases();
  892. for (const {input, output, anchor} of testcases) {
  893. const testfunc = async () => {
  894. const title = anchor.childNodes[0].data;
  895. const result = await runTest(title, input, output);
  896. if (result.status == "OK" || result.status == "AC") {
  897. $id(`atcoder-easy-test-${result.uid}-stdout`).classList.add("bg-success");
  898. }
  899. return result;
  900. };
  901. testfuncs.push(testfunc);
  902.  
  903. const runButton = $(`<a class="btn btn-primary btn-sm" style="vertical-align: top; margin-left: 0.5em">`)
  904. .text("Run")
  905. .click(async () => {
  906. await testfunc();
  907. if ($id("bottom-menu-key").classList.contains("collapsed")) $id("bottom-menu-key").click();
  908. });
  909. anchor.appendChild(runButton[0]);
  910. runButtons.push(runButton);
  911. }
  912.  
  913. const testAllResultRow = $(`<div class="row">`);
  914. const testAllButton = $(`<a id="atcoder-easy-test-btn-test-all" class="btn btn-default btn-sm" style="margin-left: 5px" title="Alt+Enter" data-toggle="tooltip">`)
  915. .text("Test All Samples")
  916. .click(async () => {
  917. if (testAllButton.attr("disabled")) throw new Error("Button is disabled");
  918. const statuses = testfuncs.map(_ => $(`<div class="label label-default" style="margin: 3px">`).text("WJ..."));
  919. const progress = $(`<div class="progress-bar">`).text(`0 / ${testfuncs.length}`);
  920. let finished = 0;
  921. const closeButton = $(`<button type="button" class="close" data-dismiss="alert" aria-label="close">`)
  922. .append($(`<span aria-hidden="true">`).text("\xd7"));
  923. const resultAlert = $(`<div class="alert alert-dismissible">`)
  924. .append(closeButton)
  925. .append($(`<div class="progress">`).append(progress))
  926. .append(...statuses)
  927. .prependTo(testAllResultRow);
  928. const results = await Promise.all(testfuncs.map(async (testfunc, i) => {
  929. const result = await testfunc();
  930. finished++;
  931. progress.text(`${finished} / ${statuses.length}`).css("width", `${finished/statuses.length*100}%`);
  932. statuses[i].toggleClass("label-success", result.status == "AC").toggleClass("label-warning", result.status != "AC").text(result.status).click(() => result.tab.show()).css("cursor", "pointer");
  933. return result;
  934. }));
  935. if (results.every(({status}) => status == "AC")) {
  936. resultAlert.addClass("alert-success");
  937. } else {
  938. resultAlert.addClass("alert-warning");
  939. }
  940. closeButton.click(() => {
  941. for (const {tab} of results) {
  942. tab.close();
  943. }
  944. });
  945. });
  946. $("#submit").after(testAllButton).closest("form").append(testAllResultRow);
  947. document.addEventListener("keydown", e => {
  948. if (e.altKey) {
  949. switch (e.key) {
  950. case "Enter":
  951. testAllButton.click();
  952. break;
  953. case "Escape":
  954. bottomMenu.toggle();
  955. break;
  956. }
  957. }
  958. });
  959. } catch (e) {
  960. console.error(e);
  961. }
  962.  
  963. document.addEventListener("keydown", e => {
  964. if (e.altKey) {
  965. switch (e.key) {
  966. case "Escape":
  967. bottomMenu.toggle();
  968. break;
  969. }
  970. }
  971. });
  972.  
  973. console.info("view OK");
  974. });
  975.  
  976. })();