Add copy buttons to amboss.com to copy to ChatGPT
目前为
// ==UserScript==
// @name Copy Amboss Questions to ChatGPT
// @namespace http://tampermonkey.net/
// @version 1.0.0.6
// @description Add copy buttons to amboss.com to copy to ChatGPT
// @author PinballDestiny
// @match https://*.amboss.com/*
// @grant none
// ==/UserScript==
const loadCSS = (href) => {
let link = document.createElement("link");
link.href = href;
link.rel = "stylesheet";
document.head.appendChild(link);
};
loadCSS("https://fonts.googleapis.com/icon?family=Material+Icons");
loadCSS("https://fonts.googleapis.com/icon?family=Material+Icons+Outlined");
loadCSS("https://fonts.googleapis.com/css2?family=Open+Sans&display=swap");
(function () {
"use strict";
// Common helper functions
const utils = {
createStyle: function (cssText) {
const styleElement = document.createElement("style");
styleElement.type = "text/css";
styleElement.appendChild(document.createTextNode(cssText.replace(/\n/g, "")));
return styleElement;
},
};
const tooltipStyle = utils.createStyle(`
.fixed-tooltip { position: absolute; bottom: 20px; right: calc(100% + 2em); transform: translateX(-100%); background: #333; color: #fff; padding: 5px 10px; border-radius: 4px; opacity: 0; transition: opacity 0.3s; pointer-events: none; font-family: 'Open Sans', sans-serif; z-index: 9999; }
.fixed-tooltip.visible {opacity: 1;}
#explanationTooltipClass {margin-left:-20px!important;}
#tooltipAltC { margin-left:-25px!important; top: 0px!important; z-index: 9999 !important; opacity: 1 !important; background-color: #2A2B32 !important; pointer-events: auto !important; position: relative; } #tooltipAltC::before, #tooltipAltC::after { z-index: 9998 !important; opacity: 1 !important; } #tooltipAltC * { opacity: 1 !important; }
#tooltipAltG { margin-left:-25px!important; top: 0px!important; z-index: 9999 !important; opacity: 1 !important; background-color: #2A2B32 !important; pointer-events: auto !important; position: relative; } #tooltipAltC::before, #tooltipAltC::after { z-index: 9998 !important; opacity: 1 !important; } #tooltipAltC * { opacity: 1 !important; }
`);
document.head.appendChild(tooltipStyle);
function addTooltip(button, tooltipText, left, top, id) {
const tooltip = document.createElement("div");
tooltip.innerText = tooltipText;
tooltip.id = id;
tooltip.style.cssText = "all: unset; position: absolute; top: " + top + "; left: " + left + "px; transform: translateX(-100%) translateY(-5px); background-color: #2A2B32; color: #ECECF1; border-radius: 5px; padding: 5px; font-size: 12px; text-align: center; white-space: nowrap; visibility: hidden; opacity: 0; transition: opacity 0.3s; font-family: 'Open Sans', sans-serif; z-index: 9999;";
button.appendChild(tooltip);
button.addEventListener("mouseenter", () => {
tooltip.style.visibility = "visible";
tooltip.style.opacity = "1";
});
button.addEventListener("mouseleave", () => {
tooltip.style.visibility = "hidden";
tooltip.style.opacity = "0";
});
}
const removeToolTips = (element) => {
let tooltips = element.querySelectorAll("div");
tooltips.forEach((tooltip) => tooltip.remove());
};
const getPlainText = (element, removeLinks = false) => {
let clone = element.cloneNode(true);
let anchors = clone.querySelectorAll("a");
anchors.forEach((a) => {
const textNode = document.createTextNode(a.textContent);
a.parentNode.replaceChild(textNode, a);
});
if (removeLinks) {
let styles = clone.querySelectorAll("style");
styles.forEach((style) => style.remove());
}
removeToolTips(clone);
return clone.innerText;
};
const isVisible = (element) => {
return !!(element.offsetWidth || element.offsetHeight || element.getClientRects().length);
};
const showNotification = (message) => {
const notification = document.createElement("div");
notification.textContent = message;
notification.style.cssText =
"position: fixed; bottom: 10px; right: 10px; background-color: rgba(0, 0, 0, 0.8); color: white; padding: 10px; border-radius: 5px;";
document.body.appendChild(notification);
setTimeout(() => notification.remove(), 1500);
};
// Function for Script 1
const addButtonToElements = () => {
const elements = document.querySelectorAll('[class^="explanationContent--"]');
elements.forEach((element) => {
if (!element.querySelector(".copy-button")) {
const button = document.createElement("div");
button.style.cssText =
"width: 100%; text-align: right; height: 32px; margin-left: 0px; margin-top: 8px; border-radius: 50%; display: block; opacity: 1; transition: opacity 0.3s; font-size: 16px; cursor: pointer;";
button.innerHTML = "copy_all";
button.className = "material-icons-outlined copy-button";
button.addEventListener("click", async () => {
try {
await navigator.clipboard.writeText(
getPlainText(element, false, true).replace(/\s*copy_all\s*/g, "")
);
showNotification("Explanation copied!");
} catch (err) {
console.error("Failed to copy text: ", err);
}
});
element.appendChild(button);
addTooltip(button, "Copy this item's explanation.", null, null, "explanationTooltipClass");
}
});
};
// Functions for Script 2
const extractContent = () => {
const questionContent = document.querySelector('[class^="questionContent--"]');
const hintText = document.querySelector('[class^="hintText--"]');
const answerOptionCorrect = document.querySelector('[data-e2e-test-id="answer-theme-answerOptionCorrect"]');
const answerContents = document.querySelectorAll('[class^="answerContent--"]');
const explanationContents = document.querySelectorAll('[class^="explanationContent--"]');
let combinedText = "";
if (questionContent) {
combinedText += getPlainText(questionContent, true, true) + "\n\n";
}
if (hintText) {
combinedText += getPlainText(hintText, true, true) + "\n\n";
}
let answerLetter = "A";
answerContents.forEach((answerContent) => {
combinedText +=
answerLetter + ". " + getPlainText(answerContent, true, true) + "\n";
answerLetter = String.fromCharCode(answerLetter.charCodeAt() + 1);
});
if (answerOptionCorrect) {
const circledCharacter = answerOptionCorrect.querySelector('[data-test-id="CircledCharacter"]');
if (circledCharacter) {
combinedText += "\nCorrect Answer: " + circledCharacter.textContent + "\n\n";
}
}
explanationContents.forEach((explanationContent) => {
if (isVisible(explanationContent)) {
combinedText +=
"\nExplanation:\n" +
getPlainText(explanationContent, true, true).replace(/\s*copy_all\s*/g, "") +
"\n";
}
});
combinedText = combinedText.replace(/copy explanation\./gi, "");
return combinedText;
};
const addButton = () => {
const questionContent = document.querySelector('[class^="questionContent--"]');
if (questionContent && !questionContent.querySelector(".copy-button")) {
const button = document.createElement("div");
button.style.cssText =
"width: 16px; height: 16px; border-radius: 50%; background-color: rgba(0, 0, 0, 0); position: absolute; bottom: 0; right: 0; cursor: pointer;";
button.classList.add("copy-button");
button.addEventListener("click", async () => {
try {
await navigator.clipboard.writeText(
extractContent().replace(/\s*copy_all\s*/g, "")
);
showNotification("Single Explanation copied!");
} catch (err) {
console.error("Failed to copy text: ", err);
}
});
questionContent.style.position = "relative";
questionContent.appendChild(button);
addTooltip(button, "Copy Explanation");
}
};
// Keyboard event for Alt + C
document.addEventListener("keydown", async function (event) {
if (event.altKey && event.key === "c") {
try {
await navigator.clipboard.writeText(
extractContent().replace(/\s*copy_all\s*/g, "")
);
showNotification("Question + Expanded Explanations Copied!");
} catch (err) {
console.error("Failed to copy text: ", err);
}
}
});
// Keyboard event for Alt + G
document.addEventListener("keydown", async function (event) {
if (event.altKey && event.key === "g") {
try {
const content = extractContent()
.replace(/\s*copy_all\s*/g, "")
.replace(/Copy Application/gi, "");
const modifiedContent = content
.replace(/copy explanation\./gi, "")
.replace(/Copy Application/gi, "");
await navigator.clipboard.writeText(preText + modifiedContent);
showNotification("GPT Prompt and content copied to clipboard!");
} catch (err) {
console.error("Failed to copy text: ", err);
}
}
});
// Function to create a material design icon button
function createMaterialIconButton(iconText, tooltipText, position, clickHandler, tooltipPosition, tooltipId) {
const button = document.createElement("span");
button.innerHTML = iconText;
button.className = "material-icons-outlined";
button.style.cssText = `font-size: 16px; cursor: pointer; opacity: 0.6; transition: opacity 0.3s;`;
button.onmouseover = () => {
button.style.opacity = "1";
};
button.onmouseout = () => {
button.style.opacity = "0.25";
};
button.onclick = clickHandler;
const buttonContainer = document.createElement("div");
buttonContainer.style.cssText = `position: fixed; bottom: ${position.bottom}; right: ${position.right}; display: inline-block; opacity: 1; transition: opacity 0.3s; z-index: 9999;`;
const buttonWrapper = document.createElement("div");
buttonWrapper.style.cssText = "position: relative; display: inline-block;";
buttonWrapper.appendChild(button);
buttonContainer.appendChild(buttonWrapper);
document.body.appendChild(buttonContainer);
addTooltip(buttonWrapper, tooltipText, tooltipPosition.left, tooltipPosition.top, tooltipId);
return button;
}
// Function to create an image button
function createImageButton(src, tooltipText, position, clickHandler, tooltipPosition, tooltipId) {
const button = document.createElement("img");
button.src = src;
button.style.cssText = `width: 16px; height: 16px; opacity: 0.6; transition: opacity 0.3s;`;
button.onmouseover = () => {
button.style.opacity = "1";
};
button.onmouseout = () => {
button.style.opacity = "0.25";
};
button.onclick = clickHandler;
const buttonContainer = document.createElement("div");
buttonContainer.style.cssText = `position: fixed; bottom: ${position.bottom}; right: ${position.right}; display: inline-block; opacity: 1; transition: opacity 0.3s; z-index: 9999;`;
const buttonWrapper = document.createElement("div");
buttonWrapper.style.cssText = "position: relative; display: inline-block;";
buttonWrapper.appendChild(button);
buttonContainer.appendChild(buttonWrapper);
document.body.appendChild(buttonContainer);
addTooltip(buttonWrapper, tooltipText, tooltipPosition.left, tooltipPosition.top, tooltipId);
return button;
}
const preText = "Respond to this prompt afresh, ignoring previous prompts and responses. Use the example provided between the \"###\" as a guide to format your response. Ensure the hierarchical outline has indents and line breaks and reduces the word count by about 75% while omitting as few details as possible. Follow the example closely to explain how to understand the vignette given after this example to reach the correct answer. Be sure there are no repetitive parts of your answer, and if so, simply omit that repeated part of the response leaving that section brief. Follow the example closely to explain how to understand “Your Vignette” in the text after the \"&&&\" so a medical student can understand how to reach the correct answer.\n###\nOriginal Question: 'A 2-month-old boy is brought to the clinic for irritability, poor feeding, and frequent vomiting. Weight is at the 15th percentile, and head circumference is at the 96th percentile. Lung sounds are clear throughout, and heart auscultation reveals no murmurs. The abdomen is soft and nondistended. There is hepatosplenomegaly. Diffusely reduced muscle tone is present in all extremities. Funduscopy reveals white-yellow chorioretinal lesions in both eyes. MRI of the brain shows enlarged ventricles and scattered intracranial calcifications. Which of the following is the most likely cause of this patient's condition?\nA. Chromosomal abnormality\nB. Intrapartum infection\nC. In utero infection\nD. Postpartum infection\nE. Single gene defect'\n\nCorrect Answer: 'C. In utero infection'\n\nIdeal Response (text enclosed in parenthesis is instruction for you and should not be included in response):\n\nI. Restated Question (all key clues from the vignette should be included in the restated question, and the question should ask the same question that makes sense with the original answer choice):\nWhat is the underlying condition in a 2-month-old boy presenting with irritability, poor feeding, vomiting, hepatosplenomegaly, reduced muscle tone, chorioretinal lesions, enlarged ventricles, and intracranial calcifications?\n\nII. Correct Answer (The following answer is provided exactly as it appears in the original text): C. In utero infection\n\nIII. To reach answer, you must understand (give details of key concept in 40 words or less, avoid repetition from prior sections): \n'• Recognize increased head circumference and enlarged ventricles indicate increased intracranial pressure. \n• Chorioretinal lesions, intracranial calcifications, and hepatosplenomegaly are signs of systemic infection. \n• The presentation in a 2-month-old suggests an in utero, rather than postpartum, infection. '\n\nIV. Vignette Key Clues (Only include key clues used to reach correct answer, use 40 words or less providing unique details of symptoms or findings using the descriptive language (more general) often favored by NBME and USMLE in vignettes, and be sure to avoid repetition from prior sections): ' \nChorioretinitis: \"Examination of the back of the eye reveals white-yellow lesions in both eyes.\"\\nHydrocephalus: \"Imaging of the brain shows enlarged ventricles.\"\\nIntracranial calcifications: \"Brain imaging reveals scattered dense, white spots within the brain tissue.\"'\n\nV. Explanation of Why Clues Point to Answer (Focus only on how the correct answer can be deduced by the reader based on the clues provided in vignette before the explanation section. Omit info that is true of other answer choices as well, and avoid repetition from prior sections.): \n* Congenital toxoplasmosis presents with a classic triad of hydrocephalus, intracranial calcifications, and chorioretinitis.\n* In utero transmission of TORCH infections--Toxoplasmosis, Other infections, Rubella, Cytomegalovirus, and Herpes simplex--leads to chronic CNS inflammation and the development of intracranial calcifications.\n* Obstructive hydrocephalus causes ventriculomegaly, while chronic chorioretinal inflammation produces white-yellow retinal scars.\n* The presence of growth restriction, hepatosplenomegaly, and rash further support the suspicion of in utero infection.\n###\n&&&\nYour Vignette:\n";
// Create Alt+G button
const altGButton = createImageButton(
"https://user-images.githubusercontent.com/57292172/223011977-371c1677-a8f3-4c06-87fb-b774243b0545.svg",
"Copy with Chat-GPT Prompt (Alt+G)",
{ bottom: "64px", right: "24px" },
async () => {
try {
const content = extractContent().replace(/\s*copy_all\s*/g, "").replace(/Copy Application/gi, "");
const modifiedContent = content.replace(/copy explanation\./gi, "").replace(/Copy Application/gi, "");
await navigator.clipboard.writeText(preText + modifiedContent);
showNotification("GPT Prompt and content copied to clipboard!");
} catch (err) {
console.error("Failed to copy text: ", err);
}
},
{ left: "-50%", top: "-100%" },
"tooltipAltG"
);
// Fade Alt+G button after 3500ms
setTimeout(() => {
altGButton.style.transition = "opacity 1s";
altGButton.style.opacity = "0.25";
}, 3500);
// Create Alt+C button
const altCButton = createMaterialIconButton(
"copy_all",
"Copy All Content (Alt+C)",
{ bottom: "96px", right: "24px" },
async () => {
try {
await navigator.clipboard.writeText(extractContent().replace(/\s*copy_all\s*/g, ""));
showNotification("Question + Visible Explanations Copied!");
} catch (err) {
console.error("Failed to copy text: ", err);
}
},
{ left: "50%", top: "-100%" },
"tooltipAltC"
);
// Fade Alt+C button after 3500ms
setTimeout(() => {
altCButton.style.transition = "opacity 1s";
altCButton.style.opacity = "0.25";
}, 3500);
// Call the functions
addButtonToElements();
addButton();
// Observe the document body for changes
new MutationObserver(() => {
addButtonToElements();
addButton();
}).observe(document.body, {
childList: true,
subtree: true,
});
})();
QingJ © 2025
镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址