" + pageTitle + "

javascript:(function(){ /* Configuration variables. */ var instructionAlert = 1; /* <-- CONFIGURATION - 1 is on (alert), 0 is off (no alert) */ var useRunningFix = 1; /* <-- CONFIGURATION - 1 is on (find and replace), 0 is off */ var replaceAllRunFix = 1; /* <-- CONFIGURATION - 1 is on (replace all), 0 is off */ /* Optional variables. */ var pageTitle = "ChatGPT Bookmark"; /* <-- OPTIONAL - change title */ var pageHead = "ChatGPT Response"; /* <-- OPTIONAL - change head */ /* DOM variables. */ /* Class names to identify div that is parent of button row. */ var copyButtonSelector = /* select copy button by attribute */ "[aria-label=\"Copy\"]"; /* Class names to identify the answer area sibling so answer area can be selected. */ var answerAreaClassNameIdentifier = /* HOT-GLUE - likely to change */ "flex min-h-[46px] justify-start"; /* Switch variables. */ var onOffPasteReadyBookmarkResponse = 1; /* 1 (default) on, 0 is off */ /********************************************************************************** NOTE - 'HOT-GLUE' comments for fast; ok this works, and/or good enough patch, or DOM element that changes frequently. NOTE - use embedded object 'RUNNING_FIX', following syntax as illustrated below. RUNNING_FIX ILLUSTRATION: ************************* NOTE - this is mainly intended for code examples given by chatGPT. NOTE - if config is 1 (on), and no value or object undefined, bookmarklet still works. For items that transcripted unexpectedly in code boxes. TO USE - Follow pattern: "1": {one: "replace what", two: "with this"}, "2": {one: "replace what", two: "with this"}, etc... For each numeric nested object; property one is replaced with property two. Object is utilized in support funciton "runningFixChatGPTPasteReadyBookmark()". ***********************************************************************************/ /*********** RUNNING_FIX EXAMPLE: ******************** Best to keep a running object of this. Based upon answer where code for C++ was written as ` #include using namespace std;int main() { ` after being bookmarked using bookmarklet. Here a question was asked were several code examples in several languages were given, but for some reason C++ did not transpose correctly, ***********/ var RUNNING_FIX = { "1": { one: "\\", /* IMPORTANT - this needs to stay */ two: "\" /* IMPORTANT - this needs to stay */ }, "2": { one: "<iostream>", two: "<iostream>
" }, "3": { one: " std;", two: " std;
" }, "4": { one: ";\n}", two: ";
}" } };/* Define variables for later use. */ var answerRow, buttonRow, copyButton, cancelWhile = 0, answerArea, currentButtonsPath, currentButtonsPathLen, currentButton, currentButtonsPathArr, currentSelection, priorSelection, copyButtonIndex, priorSelectionIndex, pathPar, pathGrandPar, pathGreatGrandPar; /* Select all copy buttons and use in loop. */ currentButtonsPath = document.querySelectorAll(copyButtonSelector); currentButtonsPathLen = currentButtonsPath.length; /* Style the bookmarked page. */ { var bookmarkPageStyle = ``; } /******************************** SUPPORT FUNCTIONS ********************************/ /* Increments so no duplicate ids for marker ids, */ var numID = 0; /* Add click event to document and check elements, running bookmark accordingly. */ var mouseMoved = 0; /* call mouse move function on first click if click reads svg */ const docEventChatGPTPasteReadyBookmark = () => { /* add a click event listener to the document */ document.addEventListener('click', function(event) { /* ensure bookmarklet is on and a errpr was not found */ if (onOffPasteReadyBookmarkResponse == 1) { /* defined at top */ /* check if the clicked e/*lement or any of its parents has the attribute */ let clickedItem = event.target; /* redefine clickedItem to allow entire element area to be clicked */ let safeOutredefineClickedItem = 0; /* prevent below from running over 5 times */ let redefineClickedItem = (cur) => { /* needed to allow element click anywhere, without edge of element would have to be clicked */ let mouseX = event.clientX; let mouseY = event.clientY; let elOver = document.elementFromPoint(mouseX, mouseY); /* will continue to run until svg is found */ if (elOver.tagName == "svg") { clickedItem = elOver.parentElement; } else { if (safeOutredefineClickedItem >= 5) { return; } else { safeOutredefineClickedItem++; } } }; /* Check if svg or path element detected (probably) by click */ if ((clickedItem.getAttribute("class") == "icon" && clickedItem.hasAttribute("width") && clickedItem.hasAttribute("height")) || clickedItem.hasAttribute("d")) { document.addEventListener('mousemove', redefineClickedItem(event)); if (mouseMoved == 0) { redefineClickedItem(event); mouseMoved = 1; } } let curID; /* check if id has been assigned */ if (clickedItem.hasAttribute("id") && clickedItem.id.indexOf( "unexpected_value_bookmarklet_chatgpt_pasteReadyBookmark" ) > -1) { /* define current id */ curID = clickedItem.id; } else { /* define current id */ curID = /* use current value of incrementing number */ "unexpected_value_bookmarklet_chatgpt_pasteReadyBookmark" + numID; if (clickedItem.hasAttribute("id")) { let curElID = /* include current id */ clickedItem.getAttribute("id"); clickedItem.setAttribute( "id", /* append to current id */ curElID + " unexpected_value_bookmarklet_chatgpt_pasteReadyBookmark" + numID ); /* reset curID */ curID = clickedItem.getAttribute("id"); } else { clickedItem.setAttribute( "id", "unexpected_value_bookmarklet_chatgpt_pasteReadyBookmark" + numID ); } /* increment number id for unique id value */ numID++; } /* select current item with unique id */ let curItem = document.getElementById(curID); /* check if the copy button was clicked */ if (curItem.parentElement && curItem.parentElement.hasAttribute("aria-label") && curItem.parentElement.getAttribute("aria-label") == "Copy") { /* call main function */ pasteReadyBookmarkResponse(curItem.parentElement); } else { let skip; /* do nothing */ } } else { /* do nothing */ let skip; } }); }; /* Find and replace items in object "RUNNING_FIX". */ const runningFixChatGPTPasteReadyBookmark = (curContent) => { /* ensure that syntax of object is followed */ let followingSyntax = 0; /* turns on if first is good, assumes remaining syntax */ if (RUNNING_FIX && /* if object is declared */ /* and is defined */ (RUNNING_FIX != undefined) || (RUNNING_FIX != null) ) { for (i in RUNNING_FIX) { /* check if first nested object follows syntax */ if (i == 1) { followingSyntax = 1; break; } else { /* end after one */ break; } } /* if syntax passed, continue; assuming remaining nested objects pass */ if (followingSyntax == 1) { for (i in RUNNING_FIX) { /* use a marking value with an unlikely string for an answer */ let unlikelyValue = "unlikely_v_a_l_u_e_for_a_random_book_m-a-r-k-l-e-t_RUNNING_FIX_un_like_ly"; /* check if replace all is turned on */ if (replaceAllRunFix == 1) { let gotAll = 0; /* variable 0 until all marked for replacement */ while (gotAll == 0) { /* while items found to be replace, mark with unlikely value */ if (curContent.indexOf(RUNNING_FIX[i].one) > -1) { curContent = curContent.replace(RUNNING_FIX[i].one, unlikelyValue); } else { /* marked all to be replaced */ gotAll = 1; } } gotAll = 0; /* variable 0 until all marked for replacement */ while (gotAll == 0) { /* while items marked with unlikely value, replace them */ if (curContent.indexOf(unlikelyValue) > -1) { curContent = curContent.replace(unlikelyValue, RUNNING_FIX[i].two); } else { /* replaced all marked values */ gotAll = 1; } } } else { /* replace first occurence */ curContent = curContent.replace(RUNNING_FIX[i].one, RUNNING_FIX[i].two); } } } return curContent; } }; /* Check class name that is used to identify answer area. */ const checkClassIdentityChatGPTPasteReadyBookmark = (curClass) => { let checkClass = 0; /* reset */ /* check string against common values of class names used */ for (i = 0; i < answerAreaClassNameIdentifierLen; i++) { if (curClass.indexOf(answerAreaClassNameIdentifier[i]) > -1) { /* match - increment checkClass */ checkClass++; } else { /* do nothing */ let skip; } } /* return the final true false value */ return checkClass; }; /* Redefine variable used to identify answer ares, making array. */ answerAreaClassNameIdentifier = /* make array using space as divider */ answerAreaClassNameIdentifier.split(" "); /* Get length for future use. */ var answerAreaClassNameIdentifierLen = /* length of array */ answerAreaClassNameIdentifier.length; /*********************************************************************************** MAIN FUNCTION ***********************************************************************************/ function pasteReadyBookmarkResponse(aWhat) { buttonRow = aWhat.parentElement; /* start process to select answer ares */ let checkForAnswerArea = () => { /* variable to hold count of matching identifiers in class name */ let checkClass = "no"; /* inially no - so if no class */ if (buttonRow.hasAttribute("class")) { checkClass = /* pass to support function to count matches */ checkClassIdentityChatGPTPasteReadyBookmark(buttonRow.className); } if (checkClass != "no" && /* has been redefined witn sorted class */ checkClass >= answerAreaClassNameIdentifierLen && /* likely matches */ buttonRow.previousElementSibling && /* more likely match */ buttonRow.previousElementSibling.innerText.length >= 100 /* probably match */ ) { /* probably found it (hey - this is a bookmarklet), define global variable */ answerRow = buttonRow.previousElementSibling; } else { cancelWhile+=1; /********************** increment safety linit */ buttonRow = buttonRow.parentElement; /* check nxt top-level element */ if (cancelWhile <= 20) { /* recurs are below safety limit */ checkForAnswerArea(); } else { /* do nothing ********************************/ let skip; } } }; checkForAnswerArea(); /* dry alert - repair needed */ let dryAlert = () => { alert("REPAIR NEEDED:\n\n" + " Please report issue on GitHub repo\n" + " https://github.com/isocialPractice/bookmarklets" ); /* turn off bookmarklet */ onOffPasteReadyBookmarkResponse = 0; }; /* define function variable */ let copiedContent; /* ensure that answerRow has been defined */ if (cancelWhile >= 20 && answerRow == undefined) { /* answerRow not defined */ console.log(answerRow); console.log(cancelWhile); /* alert repair is needed */ dryAlert(); /* exit function */ return; } else { /* found from func function checkForAnserArea */ /* now the answer's div element should be extracted */ copiedContent = answerRow.innerHTML; } /* clean up a bit */ copiedContent = copiedContent.replace(/\n/g, "--new-line_unlikely_line-new--"); /* new line marker replaced later */ copiedContent = copiedContent.replace(/

/g, ""); /* change closing code HTML tags to pre tags */ copiedContent = copiedContent.replace(/\"/g, '\"'); /* use html encoding for escaped double quotes */ copiedContent = copiedContent.replace(/"/g, '\"'); /* keep double quotes as needed for inline html */ copiedContent = copiedContent.replace(/\'/g, "\''"); /* use html encoding for escaped single quotes */ copiedContent = copiedContent.replace(/'/g, "'"); /* keep single quotes as needed for inline html */ copiedContent = copiedContent.replace(/([ ]{2,})/g, "
$1"); /* replace 2 or momre spaces with 
 tag */ copiedContent = copiedContent.replace(/class=\"/g, "class='"); /* HOT-GLUE - correct open class - HOT-GLUE */ copiedContent = copiedContent.replace(/\">/g, "'>"); /* HOT-GLUE - correct close class - HOT-GLUE */ /* utilize "RUNNING_FIX" to correctly write unexpected outputs */ copiedContent = runningFixChatGPTPasteReadyBookmark(copiedContent); /* alert to wait - if pasted immediately = does not work */ alert( "Wait 2 seconds for content to generate as bookmarklet on clipboard. \n" + "Then open bookmark manager and make new bookmark by pasting into url field" ); /* HOT-GLUE - replace new line characters only in pre tags with 
 */ /* remove unlikely new line marker in remaining html */ var pageScript = ``; /* store new bookmarklet to be written to clipboard */ var bookmarklet = 'javascript:(function() {document.write("' + /* write html head content */ "" + pageTitle + "" + /* style a bit */ bookmarkPageStyle + /* add page body and div */ "" + "" + pageHead + "
" + /* sidebarlink to original answer */ "" + "" + 'ChatGPT Bookmark
' + /* cleaned copied content */ copiedContent + /* close page div and add pageScript */ " " + pageScript + /* close html */ "" + /* close bookmarklet */ '");})()'; /* HOT-GLUE - remove unwanted escaped double quotes - HOT-GLUE */ bookmarklet = bookmarklet.replace(/\"/g, """); /* HOT-GLUE - remove unwanted escaped single quotes - HOT-GLUE */ bookmarklet = bookmarklet.replace(/\'/g, ""); /* HOT-GLUE - remove bactic as probably md styling - HOT-GLUE */ bookmarklet = bookmarklet.replace(/`/g, ""); /* set timeout so bookmarklet content is copied after answers' text */ setTimeout(function () { navigator.clipboard.writeText(bookmarklet); }, 2000); } /* Run function that checks whenever a click event fires on page. */ docEventChatGPTPasteReadyBookmark(); /* If instruction alert is on. */ if (instructionAlert == 1) { alert( "INSTRUCTIONS: \n" + "**************** \n" + "IMPORTANT - click copy button around bottom. \n\n" + "1. Run bookmarklet. \n" + "2. Click the copy answer button (at bottom of button). \n" + "3. Create a new bookmarket, pasting contents of clipboard in the URL box."); }})();

Uh oh!

FilesExpand file tree

README.md

Latest commit

History

README.md

File metadata and controls