From 0e72b13baa75320f3371c92b33c52ffaa53987c7 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Wed, 18 Dec 2024 23:15:33 +0000
Subject: [PATCH] Update bookmarklet link

---
 index.htm | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.htm b/index.htm
index c7fd383..6700b91 100644
--- a/index.htm
+++ b/index.htm
@@ -53,7 +53,7 @@ <h1>Install 'Chat Pager' -<br />the Bookmarklet to export a ChatGPT Chat</h1>
     <main>
      <p>This bookmarklet exports the whole current chat from ChatGPT (not only the last answer) including your prompts in html contents. When you run the bookmarklet, the html contents is stored in the clipboard. You then save it, send it, <a href="https://github.com/ulrischa/mail2github">archive</a> it or paste it where you want. It is a full styled html file - not only a snippet.</p>
     
-    <strong><a id="target" href="javascript:alert(&quot;GEHT&quot;);">Chat Pager</a></strong>
+    <strong><a id="target" href="javascript:(()=&gt;{try{var e=document.querySelectorAll(&quot;article&quot;),a=` &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt;     &lt;meta charset=&quot;UTF-8&quot;&gt;     &lt;title&gt;Chat Export&lt;/title&gt;     &lt;link rel=&quot;stylesheet&quot; href=&quot;https://unpkg.com/mvp.css&quot;&gt;     &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/default.min.css&quot;&gt;     &lt;style&gt;         .w-fit {             width: fit-content;             max-width: 48rem;             height: 100%;         }         .chat-container {             width: 100%;             max-width: 800px;             margin: 20px auto;             font-family: Arial, sans-serif;         }         h1 {             text-align: center;             margin-bottom: 10px;         }         .timestamp {             text-align: center;             margin-bottom: 20px;             font-size: 14px;             color: #555;         }         .chat-message {             display: flex;             margin: 10px 0;         }         .chat-message.right {             justify-content: flex-end;         }         .chat-message.left {             justify-content: flex-start;         }         .chat-bubble {             padding: 10px;             border-radius: 10px;             position: relative;             box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);             overflow: hidden;         }         .chat-bubble.right {             background-color: #dcf8c6;         }         .chat-bubble.left {             background-color: #ffffff;         }         .chat-bubble.right::after {             content: &quot;&quot;;             position: absolute;             right: -10px;             top: 10px;             border-width: 10px 0 10px 10px;             border-style: solid;             border-color: transparent transparent transparent #dcf8c6;         }         .chat-bubble.left::after {             content: &quot;&quot;;             position: absolute;             left: -10px;             top: 10px;             border-width: 10px 10px 10px 0;             border-style: solid;             border-color: transparent #ffffff transparent transparent;         }         button.select-none {             position: absolute;             top: -5px;             right: -5px;             padding: 5px 10px;             font-size: 12px;             cursor: pointer;             border: none;             border-radius: 5px;         }                 pre {             position: relative;             display: inline-block;         }         code {             padding: 2px 4px;             background-color: #f5f5f5;             border-radius: 3px;             display: inline;         }     &lt;/style&gt; &lt;/head&gt; &lt;body&gt;         &lt;div class=&quot;timestamp&quot;&gt;Exported on: ${(new Date).toLocaleString()}&lt;/div&gt;     &lt;div class=&quot;chat-container&quot;&gt; `,t=(e.forEach(function(e,t){var r=e.querySelector(&quot;.whitespace-pre-wrap, .markdown&quot;),o=&quot;&quot;;r&amp;&amp;(e.querySelectorAll(&quot;img[width][height]&quot;).forEach(function(e){o+=e.outerHTML}),a+=`                 &lt;div class=&quot;chat-message ${t%2==0?&quot;right&quot;:&quot;left&quot;}&quot;&gt;                     &lt;div class=&quot;chat-bubble ${t%2==0?&quot;right&quot;:&quot;left&quot;}&quot;&gt;                         ${o}${r.innerHTML}                     &lt;/div&gt;                 &lt;/div&gt;                 `)}),a+=`     &lt;/div&gt;     &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js&quot;&gt;&lt;/script&gt;     &lt;script&gt;         hljs.highlightAll();         document.querySelectorAll(&quot;button.flex.gap-1.items-center.select-none.py-1&quot;).forEach(btn =&gt; {             btn.addEventListener(&quot;click&quot;, function () {                 var pre = btn.closest(&quot;pre&quot;);                 if (pre) {                     var code = pre.querySelector(&quot;code&quot;);                     if (code) {                         var textarea = document.createElement(&quot;textarea&quot;);                         textarea.value = code.innerText;                         document.body.appendChild(textarea);                         textarea.select();                         try {                             document.execCommand(&quot;copy&quot;);                             alert(&quot;Code copied to clipboard.&quot;);                         } catch (e) {                             alert(&quot;Failed to copy code.&quot;);                         }                         document.body.removeChild(textarea);                     }                 }             });         });     &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; `,document.createElement(&quot;textarea&quot;)),r=(t.value=a,t.setAttribute(&quot;readonly&quot;,&quot;&quot;),t.style.position=&quot;absolute&quot;,t.style.left=&quot;-9999px&quot;,document.body.appendChild(t),t.select(),document.execCommand(&quot;copy&quot;));document.body.removeChild(t),r?alert(&quot;Complete HTML file with syntax highlighting and timestamp copied to clipboard.&quot;):alert(&quot;Failed to copy the content.&quot;)}catch(e){alert(&quot;Error: &quot;+e)}})();">Chat Pager</a></strong>
 
         <br />
     <br />