Rename tooltip to clipboard

The original JavaScript is based on a tooltip example
https://github.com/jupyterhub/jupyter-remote-desktop-proxy/blob/d702e1a68f1ffee0fab57dbbefb1c11b36c48776/js/tooltip.js#L4

but it's been modified so the naming is misleading.

Author: manics

js/tooltip.css renamed to js/clipboard.css

@@ -2,7 +2,7 @@
   display: none !important;
 }
 
-.tooltip-container {
+.clipboard-container {
   overflow: visible; /* Needed for the arrow to show up */
   width: max-content;
   position: absolute;

js/tooltip.js renamed to js/clipboard.js

@@ -4,17 +4,17 @@
  * Mostly follows https://floating-ui.com/docs/tutorial
  */
 import { computePosition, flip, shift, offset, arrow } from "@floating-ui/dom";
-import "./tooltip.css";
+import "./clipboard.css";
 
 /**
- * Setup trigger element to toggle showing / hiding tooltip element
+ * Setup trigger element to toggle showing / hiding clipboard element
  * @param {Element} trigger
- * @param {Element} tooltip
+ * @param {Element} clipboard
  */
-export function setupTooltip(trigger, tooltip) {
-  const arrowElement = tooltip.querySelector(".arrow");
+export function setupClipboard(trigger, clipboard) {
+  const arrowElement = clipboard.querySelector(".arrow");
   function updatePosition() {
-    computePosition(trigger, tooltip, {
+    computePosition(trigger, clipboard, {
       placement: "bottom",
       middleware: [
         offset(6),
@@ -23,7 +23,7 @@ export function setupTooltip(trigger, tooltip) {
         arrow({ element: arrowElement }),
       ],
     }).then(({ x, y, placement, middlewareData }) => {
-      Object.assign(tooltip.style, {
+      Object.assign(clipboard.style, {
         left: `${x}px`,
         top: `${y}px`,
       });
@@ -49,7 +49,7 @@ export function setupTooltip(trigger, tooltip) {
   }
 
   trigger.addEventListener("click", (e) => {
-    tooltip.classList.toggle("hidden");
+    clipboard.classList.toggle("hidden");
     trigger.classList.toggle("active");
     updatePosition();
     e.preventDefault();

js/index.js

@@ -9,7 +9,7 @@ import "./index.css";
 // RFB holds the API to connect and communicate with a VNC server
 import RFB from "@novnc/novnc/core/rfb";
 
-import { setupTooltip } from "./tooltip.js";
+import { setupClipboard } from "./clipboard.js";
 
 const maxRetryCount = 5;
 const retryInterval = 3; // seconds
@@ -82,7 +82,7 @@ function connect() {
     .getElementById("clipboard-text")
     .addEventListener("change", clipboardSend);
 
-  setupTooltip(
+  setupClipboard(
     document.getElementById("clipboard-button"),
     document.getElementById("clipboard-container"),
   );

jupyter_remote_desktop_proxy/templates/index.html

@@ -41,7 +41,7 @@
     </div>
 
     <!-- Clipboard -->
-    <div id="clipboard-container" class="tooltip-container hidden">
+    <div id="clipboard-container" class="clipboard-container hidden">
       <div class="arrow"></div>
       <div id="clipboard-content">
         <p>