alphaXiv arXiv Labs PR

browse/static/css/arXiv.css

@@ -1260,6 +1260,16 @@ p.tagline {
 
 /*END Gotit.pub CSS*/
 
+/*BEGIN alphaXiv CSS*/
+.alphaXiv-logo {
+ margin-left: 0pt;
+ font-weight: 500;
+ letter-spacing: normal;
+ line-height: 100%;
+ font-family: "EB Garamond", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
+}
+/*END alphaXiv CSS*/
+
 /*BEGIN Spaces CSS*/
 
 .spaces-summary {

browse/static/js/alphaxiv.js

@@ -0,0 +1,82 @@
+ (function () {
+ const container = document.getElementById("alphaxiv-output")
+ const containerAlreadyHasContent = container.innerHTML.trim().length > 0
+
+ // This script is invoked every time the Labs toggle is toggled, even when
+ // it's toggled to disabled. So this check short-circuits the script if the
+ // container already has content.
+ if (containerAlreadyHasContent) {
+ container.innerHTML = ""
+ container.setAttribute("style", "display:none")
+ return
+ } else {
+ container.setAttribute("style", "display:block")
+ }
+
+ // Get the arXiv paper ID from the URL, e.g. "2103.17249"
+ const urlList = window.location.pathname.split('/').reverse()
+ let arxivPaperId = urlList[0]
+ if (!arxivPaperId) return
+
+ // include the hep-th, math, etc subject tag
+ if (urlList.length > 0 && urlList[1] != 'abs') {
+ arxivPaperId = (urlList[1] + "_") + arxivPaperId 
+ }
+
+ let versionlessPaperId = arxivPaperId;
+ if (versionlessPaperId.includes("v")) {
+ versionlessPaperId = versionlessPaperId.substring(0, versionlessPaperId.indexOf("v"))
+ }
+
+ const alphaxivApi = `https://api.alphaxiv.org/v1/papers/getpaperinfo/${arxivPaperId}`
+ let alphaXivUrl = `https://alphaxiv.org/abs/${versionlessPaperId}`;
+
+
+ (async () => {
+ let response = await fetch(alphaxivApi);
+ if (!response.ok) {
+ console.error(`Unable to fetch data from ${alphaxivApi}`)
+ render(0, false);
+ return;
+ }
+ let result = await response.json();
+ if (result.returnVersion > 0) {
+ alphaXivUrl = alphaXivUrl + "v" + result.returnVersion;
+ render(result.numQuestions, result.hasClaimedAuthorship);
+ return;
+ }
+ render(0, false);
+ })()
+
+ // Generate HTML, sanitize it to prevent XSS, and inject into the DOM
+ function render(numComments, hasClaimedAuthorship) {
+ container.innerHTML = window.DOMPurify.sanitize(`
+ <h2 class="alphaxiv-logo">alphaXiv</h2>
+ ${html(numComments, hasClaimedAuthorship)}
+ `, { ADD_ATTR: ['target'] })
+ }
+
+ function html(numComments, hasClaimedAuthorship) {
+ let resultStr = ""
+ if (numComments == 0) {
+ resultStr += `<h3 class="alphaxiv-summary">Comment directly on top of arXiv papers</h3>
+ <p> No comments yet for this paper. View recent comments <a href="https://alphaxiv.org/explore" target="_blank">on other papers here</a>.</p>`
+ } else if (numComments == 1) {
+ resultStr += `<h3 class="alphaxiv-summary">There is 1 comment on this paper</h3>
+ <p> View comments on <a href="${alphaXivUrl}" target="_blank">alphaXiv</a> and add your own!</p>`
+ } else {
+ resultStr += `<h3 class="alpahxiv-summary">There are ${numComments} comments for this paper on alphaXiv</h3>
+ <p> View comments on <a href="${alphaXivUrl}" target="_blank">alphaXiv</a>.</p>`
+ }
+ if (hasClaimedAuthorship == true) {
+ resultStr += `<p> For this paper, the author is present on alphaXiv and will be notified of new comments.`
+ if (numComments == 0) {
+ resultStr += ` See <a href="${alphaXivUrl}" target="_blank">here</a>.</p>`
+ } else {
+ resultStr += `</p>`
+ }
+ }
+
+ return resultStr
+ }
+})();

browse/static/js/toggle-labs.js

@@ -25,6 +25,7 @@ $(document).ready(function() {
  "influenceflower": $('#influenceflower-toggle').data('script-url'),
  "sciencecast": $('#sciencecast-toggle').data('script-url'),
  "gotitpub": $('#gotitpub-toggle').data('script-url'),
+ "alphaxiv": $('#alphaxiv-toggle').data('script-url'),
  "bibex": {
  "url": "https://static.arxiv.org/js/bibex/bibex.js?20210223",
  "container": "#bib-main"
@@ -120,6 +121,12 @@ $(document).ready(function() {
  }).fail(function() {
  console.error("failed to load gotitpub script (on cookie check)", arguments)
  });
+ } else if (key === "alphaxiv-toggle") {
+ $.cachedScript(scripts["alphaxiv"]).done(function(script, textStatus) {
+ console.log(textStatus);
+ }).fail(function() {
+ console.error("failed to load alphaxiv script (on cookie check)", arguments)
+ });
  }
  }
  }
@@ -222,6 +229,12 @@ $(document).ready(function() {
  }).fail(function() {
  console.error("failed to load gotitpub script (on lab toggle)", arguments)
  });
+ } else if ($(this).attr("id") == "alphaxiv-toggle") {
+ $.cachedScript(scripts["alphaxiv"]).done(function(script, textStatus) {
+ console.log(textStatus, "alphaxiv (on lab toggle)");
+ }).fail(function() {
+ console.error("failed to load alphaxiv script (on lab toggle)", arguments)
+ });
  }
 
 

browse/templates/abs/labs_tabs.html

@@ -80,6 +80,22 @@ <h1>Bibliographic and Citation Tools</h1>
  <div class="tab">
  <h1>Code, Data and Media Associated with this Article</h1>
  <div class="toggle">
+ <div class="columns is-mobile lab-row">
+ <div class="column lab-switch">
+ <label class="switch">
+ <input
+ id="alphaxiv-toggle"
+ data-script-url="{{ url_for('static', filename='js/alphaxiv.js') }}"
+ type="checkbox" class="lab-toggle" aria-labelledby="label-for-alphaxiv">
+ <span class="slider"></span>
+ <span class="is-sr-only">alphaXiv Toggle</span>
+ </label>
+ </div>
+ <div class="column lab-name">
+ <span id="label-for-alphaxiv">alphaXiv</span> <em>(<a href="https://alphaxiv.org/" target="_blank">What is alphaXiv?</a>)</em>
+ </div>
+ </div>
+
  <div class="columns is-mobile lab-row">
  <div class="column lab-switch">
  <label class="switch">
@@ -162,6 +178,7 @@ <h1>Code, Data and Media Associated with this Article</h1>
  </div>
  </div>
 
+ <div id="alphaxiv-output" style="display:none"></div>
  <div id="catalyzex-output" style="display:none"></div>
  <div id="dagshub-output" style="display:none"></div>
  <div id="gotitpub-output" style="display:none"></div>