feat(#202): Add clipboard library

jannis-baum · Feb 22, 2025 · 789a4de · 789a4de
1 parent ce7a6ba
commit 789a4de
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 1 deletion.
diff --git a/src/parser/copycode.ts b/src/parser/copycode.ts
@@ -11,7 +11,7 @@ export default function copycode(md: MarkdownIt) {
 <div class="pre-wrapper" style="position: relative">
     ${renderedPreBlock}
     <div class="copy-wrapper">
-        <button class="copy-button">${copyIcon}</button>
+        <button class="copy-button" data-clipboard-text="TODO: Implement proper copy content">${copyIcon}</button>
     </div>
 </div>
 `;

diff --git a/src/routes/viewer.ts b/src/routes/viewer.ts
@@ -88,6 +88,8 @@ router.get(/.*/, async (req: Request, res: Response) => {
             </script>
             ${config.scripts ? `<script type="text/javascript">${config.scripts}</script>` : ''}
             <script type="module" src="/static/client.mjs"></script>
+            <script type="text/javascript" src="/static/copycode/clipboard.min.js"></script>
+            <script type="text/javascript" src="/static/copycode/client.js"></script>
         </html>
     `);
 });

diff --git a/static/copycode/client.js b/static/copycode/client.js
@@ -0,0 +1,5 @@
+var clipboard = new ClipboardJS('.copy-button');
+
+//TODO: Implement success callback
+
+//TODO: Implement failure callback
diff --git a/static/copycode/clipboard.min.js b/static/copycode/clipboard.min.js