Fix eslint errors and run prettier

Author: reakaleek

src/Elastic.Documentation.Site/Assets/copybutton.ts

@@ -98,15 +98,6 @@ if (!iconCopy) {
 
 const codeCellId = (index: number, prefix: string) => `${prefix}${index}`
 
-// Clears selected text since ClipboardJS will select the text when copying
-const clearSelection = () => {
-    if (window.getSelection) {
-        window.getSelection().removeAllRanges()
-    } else if ('selection' in document) {
-        ;(document.selection as Selection).empty()
-    }
-}
-
 // Changes tooltip text for a moment, then changes it back
 // We want the timeout of our `success` class to be a bit shorter than the
 // tooltip and icon change, so that we can hide the icon before changing back.
@@ -130,7 +121,11 @@ const temporarilyChangeIcon = (el) => {
     }, timeoutIcon)
 }
 
-const addCopyButtonToCodeCells = (selector: string, baseElement: ParentNode, prefix: string) => {
+const addCopyButtonToCodeCells = (
+    selector: string,
+    baseElement: ParentNode,
+    prefix: string
+) => {
     // If ClipboardJS hasn't loaded, wait a bit and try again. This
     // happens because we load ClipboardJS asynchronously.
 
@@ -148,11 +143,10 @@ const addCopyButtonToCodeCells = (selector: string, baseElement: ParentNode, pre
         clipboardButton.setAttribute('data-tooltip', messages[locale]['copy'])
         clipboardButton.setAttribute('data-clipboard-target', `#${id}`)
         clipboardButton.innerHTML = iconCopy
-        clipboardButton.onclick = async (event) => {
+        clipboardButton.onclick = async () => {
             try {
                 const text = copyTargetText(clipboardButton, baseElement)
                 await navigator.clipboard.writeText(text)
-            
                 temporarilyChangeTooltip(
                     clipboardButton,
                     messages[locale]['copy'],
@@ -163,7 +157,7 @@ const addCopyButtonToCodeCells = (selector: string, baseElement: ParentNode, pre
                 console.error(error)
             }
         }
-    
+
         codeCell.insertAdjacentElement('afterend', clipboardButton)
     })
 
@@ -277,6 +271,10 @@ const addCopyButtonToCodeCells = (selector: string, baseElement: ParentNode, pre
     // })
 }
 
-export function initCopyButton(selector: string = '.highlight pre', baseElement: ParentNode = document, prefix: string = 'markdown-content-codecell-') {
+export function initCopyButton(
+    selector: string = '.highlight pre',
+    baseElement: ParentNode = document,
+    prefix: string = 'markdown-content-codecell-'
+) {
     addCopyButtonToCodeCells(selector, baseElement, prefix)
 }

src/Elastic.Documentation.Site/Assets/web-components/SearchOrAskAi/AskAi/ChatMessage.tsx

@@ -1,3 +1,4 @@
+import { initCopyButton } from '../../../copybutton'
 import { ChatMessage as ChatMessageType } from './chat.store'
 import { LlmGatewayMessage } from './useLlmGateway'
 import {
@@ -21,9 +22,8 @@ import DOMPurify from 'dompurify'
 import hljs from 'highlight.js/lib/core'
 import { marked } from 'marked'
 import * as React from 'react'
-import {$, $$} from 'select-dom'
-import {initCopyButton} from "../../../copybutton";
-import {useEffect} from "react";
+import { useEffect } from 'react'
+import { $, $$ } from 'select-dom'
 
 interface ChatMessageProps {
     message: ChatMessageType
@@ -162,36 +162,40 @@ export const ChatMessage = ({
     const sanitized = DOMPurify.sanitize(html as string)
     const tempDiv = document.createElement('div')
     tempDiv.innerHTML = sanitized
-    
+
     // Add highlight wrappers and highlight code blocks
-    $$('pre', tempDiv).forEach((preEl => {
+    $$('pre', tempDiv).forEach((preEl) => {
         const wrapper = document.createElement('div')
-        wrapper.className = 'highlight';
-        preEl.parentNode?.insertBefore(wrapper, preEl);
-        wrapper.appendChild(preEl);
+        wrapper.className = 'highlight'
+        preEl.parentNode?.insertBefore(wrapper, preEl)
+        wrapper.appendChild(preEl)
         const codeEl = $('code', preEl)
         if (codeEl) {
-            hljs.highlightElement(codeEl);
+            hljs.highlightElement(codeEl)
         }
-    }))
-    
+    })
+
     const parsed = tempDiv.innerHTML
-    const ref = React.useRef<HTMLDivElement>(null);
-    
+    const ref = React.useRef<HTMLDivElement>(null)
+
     // Initialize copy buttons after DOM is updated
     useEffect(() => {
         if (isComplete && ref.current) {
             const timer = setTimeout(() => {
                 try {
                     // Use the modified initCopyButton with scoped element
-                    initCopyButton('.highlight pre', ref.current!, 'ai-message-codecell-');
+                    initCopyButton(
+                        '.highlight pre',
+                        ref.current!,
+                        'ai-message-codecell-'
+                    )
                 } catch (error) {
-                    console.error('Failed to initialize copy buttons:', error);
+                    console.error('Failed to initialize copy buttons:', error)
                 }
-            }, 100);
-            return () => clearTimeout(timer);
+            }, 100)
+            return () => clearTimeout(timer)
         }
-    }, [parsed, isComplete]);
+    }, [parsed, isComplete])
 
     return (
         <EuiFlexGroup