@codingame/monaco-vscode-api 25.1.1 → 26.0.0

package/vscode/src/vs/workbench/contrib/notebook/browser/view/renderers/webviewPreloads.js

@@ -2,7 +2,7 @@
 
 async function webviewPreloads(ctx) {
     const userAgent = navigator.userAgent;
-    const isChrome = (userAgent.indexOf('Chrome') >= 0);
+    const isChrome = (userAgent.indexOf("Chrome") >= 0);
     const textEncoder = ( new TextEncoder());
     const textDecoder = ( new TextDecoder());
     function promiseWithResolvers() {
@@ -12,7 +12,11 @@ async function webviewPreloads(ctx) {
             resolve = res;
             reject = rej;
         }));
-        return { promise, resolve: resolve, reject: reject };
+        return {
+            promise,
+            resolve: resolve,
+            reject: reject
+        };
     }
     let currentOptions = ctx.options;
     const isWorkspaceTrusted = ctx.isWorkspaceTrusted;
@@ -23,46 +27,46 @@ async function webviewPreloads(ctx) {
     delete globalThis.acquireVsCodeApi;
     const tokenizationStyle = ( new CSSStyleSheet());
     tokenizationStyle.replaceSync(ctx.style.tokenizationCss);
-    const runWhenIdle = (typeof requestIdleCallback !== 'function' || typeof cancelIdleCallback !== 'function')
-        ? (runner) => {
-            setTimeout(() => {
+    const runWhenIdle = (typeof requestIdleCallback !== "function" || typeof cancelIdleCallback !== "function") ? runner => {
+        setTimeout(() => {
+            if (disposed) {
+                return;
+            }
+            const end = Date.now() + 15;
+            runner(( Object.freeze({
+                didTimeout: true,
+                timeRemaining() {
+                    return Math.max(0, end - Date.now());
+                }
+            })));
+        });
+        let disposed = false;
+        return {
+            dispose() {
                 if (disposed) {
                     return;
                 }
-                const end = Date.now() + 15;
-                runner(( Object.freeze({
-                    didTimeout: true,
-                    timeRemaining() {
-                        return Math.max(0, end - Date.now());
-                    }
-                })));
-            });
-            let disposed = false;
-            return {
-                dispose() {
-                    if (disposed) {
-                        return;
-                    }
-                    disposed = true;
-                }
-            };
-        }
-        : (runner, timeout) => {
-            const handle = requestIdleCallback(runner, typeof timeout === 'number' ? { timeout } : undefined);
-            let disposed = false;
-            return {
-                dispose() {
-                    if (disposed) {
-                        return;
-                    }
-                    disposed = true;
-                    cancelIdleCallback(handle);
+                disposed = true;
+            }
+        };
+    } : (runner, timeout) => {
+        const handle = requestIdleCallback(runner, typeof timeout === "number" ? {
+            timeout
+        } : undefined);
+        let disposed = false;
+        return {
+            dispose() {
+                if (disposed) {
+                    return;
                 }
-            };
+                disposed = true;
+                cancelIdleCallback(handle);
+            }
         };
+    };
     function getOutputContainer(event) {
         for (const node of event.composedPath()) {
-            if (node instanceof HTMLElement && node.classList.contains('output')) {
+            if (node instanceof HTMLElement && node.classList.contains("output")) {
                 return {
                     id: node.id
                 };
@@ -71,7 +75,7 @@ async function webviewPreloads(ctx) {
         return;
     }
     let lastFocusedOutput = undefined;
-    const handleOutputFocusOut = (event) => {
+    const handleOutputFocusOut = event => {
         const outputFocus = event && getOutputContainer(event);
         if (!outputFocus) {
             return;
@@ -81,16 +85,14 @@ async function webviewPreloads(ctx) {
             if (lastFocusedOutput?.id === outputFocus.id) {
                 return;
             }
-            postNotebookMessage('outputBlur', outputFocus);
+            postNotebookMessage("outputBlur", outputFocus);
         }, 0);
     };
     const hasActiveEditableElement = (parent, root = document) => {
         const element = root.activeElement;
-        return !!(element && parent.contains(element)
-            && (element.matches(':read-write') || element.tagName.toLowerCase() === 'select'
-                || (element.shadowRoot && hasActiveEditableElement(element.shadowRoot, element.shadowRoot))));
+        return !!(element && parent.contains(element) && (element.matches(":read-write") || element.tagName.toLowerCase() === "select" || (element.shadowRoot && hasActiveEditableElement(element.shadowRoot, element.shadowRoot))));
     };
-    const checkOutputInputFocus = (e) => {
+    const checkOutputInputFocus = e => {
         lastFocusedOutput = getOutputContainer(e);
         const activeElement = window.document.activeElement;
         if (!activeElement) {
@@ -98,40 +100,48 @@ async function webviewPreloads(ctx) {
         }
         const id = lastFocusedOutput?.id;
         if (id && (hasActiveEditableElement(activeElement, window.document))) {
-            postNotebookMessage('outputInputFocus', { inputFocused: true, id });
-            activeElement.addEventListener('blur', () => {
-                postNotebookMessage('outputInputFocus', { inputFocused: false, id });
-            }, { once: true });
+            postNotebookMessage("outputInputFocus", {
+                inputFocused: true,
+                id
+            });
+            activeElement.addEventListener("blur", () => {
+                postNotebookMessage("outputInputFocus", {
+                    inputFocused: false,
+                    id
+                });
+            }, {
+                once: true
+            });
         }
     };
-    const handleInnerClick = (event) => {
+    const handleInnerClick = event => {
         if (!event || !event.view || !event.view.document) {
             return;
         }
         const outputFocus = lastFocusedOutput = getOutputContainer(event);
         for (const node of event.composedPath()) {
             if (node instanceof HTMLAnchorElement && node.href) {
-                if (node.href.startsWith('blob:')) {
+                if (node.href.startsWith("blob:")) {
                     if (outputFocus) {
-                        postNotebookMessage('outputFocus', outputFocus);
+                        postNotebookMessage("outputFocus", outputFocus);
                     }
                     handleBlobUrlClick(node.href, node.download);
-                }
-                else if (node.href.startsWith('data:')) {
+                } else if (node.href.startsWith("data:")) {
                     if (outputFocus) {
-                        postNotebookMessage('outputFocus', outputFocus);
+                        postNotebookMessage("outputFocus", outputFocus);
                     }
                     handleDataUrl(node.href, node.download);
-                }
-                else if (node.getAttribute('href')?.trim().startsWith('#')) {
+                } else if (node.getAttribute("href")?.trim().startsWith("#")) {
                     if (!node.hash) {
-                        postNotebookMessage('scroll-to-reveal', { scrollTop: 0 });
+                        postNotebookMessage("scroll-to-reveal", {
+                            scrollTop: 0
+                        });
                         return;
                     }
                     const targetId = node.hash.substring(1);
                     let scrollTarget = event.view.document.getElementById(targetId);
                     if (!scrollTarget) {
-                        for (const preview of event.view.document.querySelectorAll('.preview')) {
+                        for (const preview of event.view.document.querySelectorAll(".preview")) {
                             scrollTarget = preview.shadowRoot?.getElementById(targetId);
                             if (scrollTarget) {
                                 break;
@@ -140,17 +150,20 @@ async function webviewPreloads(ctx) {
                     }
                     if (scrollTarget) {
                         const scrollTop = scrollTarget.getBoundingClientRect().top + event.view.scrollY;
-                        postNotebookMessage('scroll-to-reveal', { scrollTop });
+                        postNotebookMessage("scroll-to-reveal", {
+                            scrollTop
+                        });
                         return;
                     }
-                }
-                else {
-                    const href = node.getAttribute('href');
+                } else {
+                    const href = node.getAttribute("href");
                     if (href) {
-                        if (href.startsWith('command:') && outputFocus) {
-                            postNotebookMessage('outputFocus', outputFocus);
+                        if (href.startsWith("command:") && outputFocus) {
+                            postNotebookMessage("outputFocus", outputFocus);
                         }
-                        postNotebookMessage('clicked-link', { href });
+                        postNotebookMessage("clicked-link", {
+                            href
+                        });
                     }
                 }
                 event.preventDefault();
@@ -159,7 +172,7 @@ async function webviewPreloads(ctx) {
             }
         }
         if (outputFocus) {
-            postNotebookMessage('outputFocus', outputFocus);
+            postNotebookMessage("outputFocus", outputFocus);
         }
     };
     const blurOutput = () => {
@@ -169,7 +182,7 @@ async function webviewPreloads(ctx) {
         }
         selection.removeAllRanges();
     };
-    const selectOutputContents = (cellOrOutputId) => {
+    const selectOutputContents = cellOrOutputId => {
         const selection = window.getSelection();
         if (!selection) {
             return;
@@ -183,7 +196,7 @@ async function webviewPreloads(ctx) {
         range.selectNode(cellOutputContainer);
         selection.addRange(range);
     };
-    const selectInputContents = (cellOrOutputId) => {
+    const selectInputContents = cellOrOutputId => {
         const cellOutputContainer = window.document.getElementById(cellOrOutputId);
         if (!cellOutputContainer) {
             return;
@@ -193,15 +206,15 @@ async function webviewPreloads(ctx) {
             activeElement.select();
         }
     };
-    const onPageUpDownSelectionHandler = (e) => {
+    const onPageUpDownSelectionHandler = e => {
         if (!lastFocusedOutput?.id || !e.shiftKey) {
             return;
         }
-        if (e.shiftKey && (e.code === 'ArrowUp' || e.code === 'ArrowDown')) {
+        if (e.shiftKey && (e.code === "ArrowUp" || e.code === "ArrowDown")) {
             e.stopPropagation();
             return;
         }
-        if (!(e.code === 'PageUp' || e.code === 'PageDown') && !(e.metaKey && (e.code === 'ArrowDown' || e.code === 'ArrowUp'))) {
+        if (!(e.code === "PageUp" || e.code === "PageDown") && !(e.metaKey && (e.code === "ArrowDown" || e.code === "ArrowUp"))) {
             return;
         }
         const outputContainer = window.document.getElementById(lastFocusedOutput.id);
@@ -215,20 +228,22 @@ async function webviewPreloads(ctx) {
         }
         e.stopPropagation();
         e.preventDefault();
-        const { anchorNode, anchorOffset } = selection;
+        const {
+            anchorNode,
+            anchorOffset
+        } = selection;
         const range = document.createRange();
-        if (e.code === 'PageDown' || e.code === 'ArrowDown') {
+        if (e.code === "PageDown" || e.code === "ArrowDown") {
             range.setStart(anchorNode, anchorOffset);
             range.setEnd(outputContainer, 1);
-        }
-        else {
+        } else {
             range.setStart(outputContainer, 0);
             range.setEnd(anchorNode, anchorOffset);
         }
         selection.removeAllRanges();
         selection.addRange(range);
     };
-    const disableNativeSelectAll = (e) => {
+    const disableNativeSelectAll = e => {
         if (!lastFocusedOutput?.id) {
             return;
         }
@@ -236,13 +251,13 @@ async function webviewPreloads(ctx) {
         if (activeElement && hasActiveEditableElement(activeElement, window.document)) {
             return;
         }
-        if ((e.key === 'a' && e.ctrlKey) || (e.metaKey && e.key === 'a')) {
+        if ((e.key === "a" && e.ctrlKey) || (e.metaKey && e.key === "a")) {
             e.preventDefault();
             return;
         }
     };
     const handleDataUrl = async (data, downloadName) => {
-        postNotebookMessage('clicked-data-url', {
+        postNotebookMessage("clicked-data-url", {
             data,
             downloadName
         });
@@ -252,31 +267,31 @@ async function webviewPreloads(ctx) {
             const response = await fetch(url);
             const blob = await response.blob();
             const reader = ( new FileReader());
-            reader.addEventListener('load', () => {
+            reader.addEventListener("load", () => {
                 handleDataUrl(reader.result, downloadName);
             });
             reader.readAsDataURL(blob);
-        }
-        catch (e) {
+        } catch (e) {
             console.error(e.message);
         }
     };
-    window.document.body.addEventListener('click', handleInnerClick);
-    window.document.body.addEventListener('focusin', checkOutputInputFocus);
-    window.document.body.addEventListener('focusout', handleOutputFocusOut);
-    window.document.body.addEventListener('keydown', onPageUpDownSelectionHandler);
-    window.document.body.addEventListener('keydown', disableNativeSelectAll);
+    window.document.body.addEventListener("click", handleInnerClick);
+    window.document.body.addEventListener("focusin", checkOutputInputFocus);
+    window.document.body.addEventListener("focusout", handleOutputFocusOut);
+    window.document.body.addEventListener("keydown", onPageUpDownSelectionHandler);
+    window.document.body.addEventListener("keydown", disableNativeSelectAll);
     function createKernelContext() {
         return ( Object.freeze({
             onDidReceiveKernelMessage: onDidReceiveKernelMessage.event,
-            postKernelMessage: (data) => postNotebookMessage('customKernelMessage', { message: data }),
+            postKernelMessage: data => postNotebookMessage("customKernelMessage", {
+                message: data
+            })
         }));
     }
     async function runKernelPreload(url) {
         try {
             return await activateModuleKernelPreload(url);
-        }
-        catch (e) {
+        } catch (e) {
             console.error(e);
             throw e;
         }
@@ -284,7 +299,9 @@ async function webviewPreloads(ctx) {
     async function activateModuleKernelPreload(url) {
         const module = await __import(url);
         if (!module.activate) {
-            console.error(`Notebook preload '${url}' was expected to be a module but it does not export an 'activate' function`);
+            console.error(
+                `Notebook preload '${url}' was expected to be a module but it does not export an 'activate' function`
+            );
             return;
         }
         return module.activate(createKernelContext());
@@ -307,12 +324,11 @@ async function webviewPreloads(ctx) {
                     init: update.init,
                     isOutput: update.isOutput
                 });
-            }
-            else {
+            } else {
                 this.pending.set(id, {
                     id,
                     height,
-                    ...options,
+                    ...options
                 });
             }
         }
@@ -320,12 +336,12 @@ async function webviewPreloads(ctx) {
             if (!this.pending.size) {
                 return;
             }
-            postNotebookMessage('dimension', {
+            postNotebookMessage("dimension", {
                 updates: Array.from(( this.pending.values()))
             });
             this.pending.clear();
         }
-    });
+    })();
     function elementHasContent(height) {
         return height > 2.1;
     }
@@ -353,20 +369,17 @@ async function webviewPreloads(ctx) {
                         continue;
                     }
                     const hasContent = elementHasContent(entry.contentRect.height);
-                    const shouldUpdatePadding = (hasContent && observedElementInfo.lastKnownPadding === 0) ||
-                        (!hasContent && observedElementInfo.lastKnownPadding !== 0);
+                    const shouldUpdatePadding = (hasContent && observedElementInfo.lastKnownPadding === 0) || (!hasContent && observedElementInfo.lastKnownPadding !== 0);
                     if (shouldUpdatePadding) {
                         window.requestAnimationFrame(() => {
                             if (hasContent) {
                                 entry.target.style.padding = `${ctx.style.outputNodePadding}px ${ctx.style.outputNodePadding}px ${ctx.style.outputNodePadding}px ${ctx.style.outputNodeLeftPadding}px`;
-                            }
-                            else {
+                            } else {
                                 entry.target.style.padding = `0px`;
                             }
                             this.updateHeight(observedElementInfo, hasContent ? entry.target.offsetHeight : 0);
                         });
-                    }
-                    else {
+                    } else {
                         this.updateHeight(observedElementInfo, hasContent ? entry.target.offsetHeight : 0);
                     }
                 }
@@ -384,18 +397,24 @@ async function webviewPreloads(ctx) {
             if (( this._observedElements.has(container))) {
                 return;
             }
-            this._observedElements.set(container, { id, output, lastKnownPadding: ctx.style.outputNodePadding, lastKnownHeight: -1, cellId });
+            this._observedElements.set(container, {
+                id,
+                output,
+                lastKnownPadding: ctx.style.outputNodePadding,
+                lastKnownHeight: -1,
+                cellId
+            });
             this._observer.observe(container);
         }
         postResizeMessage(cellId) {
             clearTimeout(this._outputResizeTimer);
             this._outputResizeTimer = setTimeout(() => {
-                postNotebookMessage('outputResized', {
+                postNotebookMessage("outputResized", {
                     cellId
                 });
             }, 250);
         }
-    });
+    })();
     let previousDelta;
     let scrollTimeout;
     let scrolledElement;
@@ -405,29 +424,33 @@ async function webviewPreloads(ctx) {
         if (deltaY === undefined) {
             lastTimeScrolled = Date.now();
             previousDelta = undefined;
-            node.setAttribute('recentlyScrolled', 'true');
+            node.setAttribute("recentlyScrolled", "true");
             clearTimeout(scrollTimeout);
-            scrollTimeout = setTimeout(() => { scrolledElement?.removeAttribute('recentlyScrolled'); }, 300);
+            scrollTimeout = setTimeout(() => {
+                scrolledElement?.removeAttribute("recentlyScrolled");
+            }, 300);
             return true;
         }
-        if (node.hasAttribute('recentlyScrolled')) {
+        if (node.hasAttribute("recentlyScrolled")) {
             if (lastTimeScrolled && Date.now() - lastTimeScrolled > 400) {
                 if (!!previousDelta && deltaY < 0 && deltaY < previousDelta - 8) {
                     clearTimeout(scrollTimeout);
-                    scrolledElement?.removeAttribute('recentlyScrolled');
+                    scrolledElement?.removeAttribute("recentlyScrolled");
                     return false;
-                }
-                else if (!!previousDelta && deltaY > 0 && deltaY > previousDelta + 8) {
+                } else if (!!previousDelta && deltaY > 0 && deltaY > previousDelta + 8) {
                     clearTimeout(scrollTimeout);
-                    scrolledElement?.removeAttribute('recentlyScrolled');
+                    scrolledElement?.removeAttribute("recentlyScrolled");
                     return false;
                 }
                 clearTimeout(scrollTimeout);
-                scrollTimeout = setTimeout(() => { scrolledElement?.removeAttribute('recentlyScrolled'); }, 50);
-            }
-            else {
+                scrollTimeout = setTimeout(() => {
+                    scrolledElement?.removeAttribute("recentlyScrolled");
+                }, 50);
+            } else {
                 clearTimeout(scrollTimeout);
-                scrollTimeout = setTimeout(() => { scrolledElement?.removeAttribute('recentlyScrolled'); }, 300);
+                scrollTimeout = setTimeout(() => {
+                    scrolledElement?.removeAttribute("recentlyScrolled");
+                }, 300);
             }
             previousDelta = deltaY;
             return true;
@@ -436,7 +459,7 @@ async function webviewPreloads(ctx) {
     }
     function eventTargetShouldHandleScroll(event) {
         for (let node = event.target; node; node = node.parentNode) {
-            if (!(node instanceof Element) || node.id === 'container' || node.classList.contains('cell_container') || node.classList.contains('markup') || node.classList.contains('output_container')) {
+            if (!(node instanceof Element) || node.id === "container" || node.classList.contains("cell_container") || node.classList.contains("markup") || node.classList.contains("output_container")) {
                 return false;
             }
             if (event.deltaY < 0 && node.scrollTop > 0) {
@@ -447,7 +470,7 @@ async function webviewPreloads(ctx) {
                 if (node.scrollHeight - node.scrollTop - node.clientHeight < 2) {
                     continue;
                 }
-                if (window.getComputedStyle(node).overflowY === 'hidden' || window.getComputedStyle(node).overflowY === 'visible') {
+                if (window.getComputedStyle(node).overflowY === "hidden" || window.getComputedStyle(node).overflowY === "visible") {
                     continue;
                 }
                 flagRecentlyScrolled(node);
@@ -459,11 +482,11 @@ async function webviewPreloads(ctx) {
         }
         return false;
     }
-    const handleWheel = (event) => {
+    const handleWheel = event => {
         if (event.defaultPrevented || eventTargetShouldHandleScroll(event)) {
             return;
         }
-        postNotebookMessage('did-scroll-wheel', {
+        postNotebookMessage("did-scroll-wheel", {
             payload: {
                 deltaMode: event.deltaMode,
                 deltaX: event.deltaX,
@@ -479,37 +502,38 @@ async function webviewPreloads(ctx) {
         });
     };
     function focusFirstFocusableOrContainerInOutput(cellOrOutputId, alternateId) {
-        const cellOutputContainer = window.document.getElementById(cellOrOutputId) ??
-            (!!alternateId ? window.document.getElementById(alternateId) : undefined);
+        const cellOutputContainer = window.document.getElementById(cellOrOutputId) ?? (!!alternateId ? window.document.getElementById(alternateId) : undefined);
         if (!!cellOutputContainer) {
             if (cellOutputContainer.contains(window.document.activeElement)) {
                 return;
             }
-            let focusableElement = cellOutputContainer.querySelector('[tabindex="0"], [href], button, input, option, select, textarea');
+            let focusableElement = cellOutputContainer.querySelector("[tabindex=\"0\"], [href], button, input, option, select, textarea");
             if (!focusableElement) {
                 focusableElement = cellOutputContainer;
                 focusableElement.tabIndex = -1;
             }
             if (lastFocusedOutput?.id !== cellOutputContainer.id) {
                 lastFocusedOutput = cellOutputContainer;
-                postNotebookMessage('outputFocus', { id: cellOutputContainer.id });
+                postNotebookMessage("outputFocus", {
+                    id: cellOutputContainer.id
+                });
             }
             focusableElement.focus();
         }
     }
     function createFocusSink(cellId, focusNext) {
-        const element = document.createElement('div');
+        const element = document.createElement("div");
         element.id = `focus-sink-${cellId}`;
         element.tabIndex = 0;
-        element.addEventListener('focus', () => {
-            postNotebookMessage('focus-editor', {
+        element.addEventListener("focus", () => {
+            postNotebookMessage("focus-editor", {
                 cellId: cellId,
                 focusNext
             });
         });
         return element;
     }
-    function _internalHighlightRange(range, tagName = 'mark', attributes = {}) {
+    function _internalHighlightRange(range, tagName = "mark", attributes = {}) {
         function _textNodesInRange(range) {
             if (!range.startContainer.ownerDocument) {
                 return [];
@@ -523,11 +547,14 @@ async function webviewPreloads(ctx) {
                 }
                 range.setStart(createdNode, 0);
             }
-            if (range.endContainer.nodeType === Node.TEXT_NODE
-                && range.endOffset < range.endContainer.length) {
+            if (range.endContainer.nodeType === Node.TEXT_NODE && range.endOffset < range.endContainer.length) {
                 range.endContainer.splitText(range.endOffset);
             }
-            const walker = range.startContainer.ownerDocument.createTreeWalker(range.commonAncestorContainer, NodeFilter.SHOW_TEXT, node => range.intersectsNode(node) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT);
+            const walker = range.startContainer.ownerDocument.createTreeWalker(
+                range.commonAncestorContainer,
+                NodeFilter.SHOW_TEXT,
+                node => range.intersectsNode(node) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT
+            );
             walker.currentNode = range.startContainer;
             const nodes = [];
             if (walker.currentNode.nodeType === Node.TEXT_NODE) {
@@ -552,8 +579,8 @@ async function webviewPreloads(ctx) {
         }
         if (range.collapsed) {
             return {
-                remove: () => { },
-                update: () => { }
+                remove: () => {},
+                update: () => {}
             };
         }
         const nodes = _textNodesInRange(range);
@@ -565,8 +592,7 @@ async function webviewPreloads(ctx) {
         function _removeHighlight(highlightElement) {
             if (highlightElement.childNodes.length === 1) {
                 highlightElement.replaceWith(highlightElement.firstChild);
-            }
-            else {
+            } else {
                 while (highlightElement.firstChild) {
                     highlightElement.parentNode?.insertBefore(highlightElement.firstChild, highlightElement);
                 }
@@ -593,7 +619,7 @@ async function webviewPreloads(ctx) {
             update: updateHighlights
         };
     }
-    function highlightRange(range, useCustom, tagName = 'mark', attributes = {}) {
+    function highlightRange(range, useCustom, tagName = "mark", attributes = {}) {
         {
             const ret = _internalHighlightRange(range, tagName, attributes);
             return {
@@ -602,12 +628,11 @@ async function webviewPreloads(ctx) {
                 update: (color, className) => {
                     if (className === undefined) {
                         ret.update({
-                            'style': `background-color: ${color}`
+                            "style": `background-color: ${color}`
                         });
-                    }
-                    else {
+                    } else {
                         ret.update({
-                            'class': className
+                            "class": className
                         });
                     }
                 }
@@ -623,31 +648,33 @@ async function webviewPreloads(ctx) {
                 }
             },
             event(fn, thisArg, disposables) {
-                const listenerObj = { fn, thisArg };
+                const listenerObj = {
+                    fn,
+                    thisArg
+                };
                 const disposable = {
                     dispose: () => {
                         listeners.delete(listenerObj);
                         listenerChange(listeners);
-                    },
+                    }
                 };
                 listeners.add(listenerObj);
                 listenerChange(listeners);
                 if (disposables instanceof Array) {
                     disposables.push(disposable);
-                }
-                else if (disposables) {
+                } else if (disposables) {
                     disposables.add(disposable);
                 }
                 return disposable;
-            },
+            }
         };
     }
     function showRenderError(errorText, outputNode, errors) {
         outputNode.innerText = errorText;
-        const errList = document.createElement('ul');
+        const errList = document.createElement("ul");
         for (const result of errors) {
             console.error(result);
-            const item = document.createElement('li');
+            const item = document.createElement("li");
             item.innerText = result.message;
             errList.appendChild(item);
         }
@@ -660,9 +687,18 @@ async function webviewPreloads(ctx) {
         }
         getOutputItem(outputId, mime) {
             const requestId = this._requestPool++;
-            const { promise, resolve } = promiseWithResolvers();
-            this._requests.set(requestId, { resolve });
-            postNotebookMessage('getOutputItem', { requestId, outputId, mime });
+            const {
+                promise,
+                resolve
+            } = promiseWithResolvers();
+            this._requests.set(requestId, {
+                resolve
+            });
+            postNotebookMessage("getOutputItem", {
+                requestId,
+                outputId,
+                mime
+            });
             return promise;
         }
         resolveOutputItem(requestId, output) {
@@ -673,7 +709,7 @@ async function webviewPreloads(ctx) {
             this._requests.delete(requestId);
             request.resolve(output);
         }
-    });
+    })();
     let hasWarnedAboutAllOutputItemsProposal = false;
     function createOutputItem(id, mime, metadata, valueBytes, allOutputItemData, appended) {
         function create(id, mime, metadata, valueBytes, appended) {
@@ -697,15 +733,19 @@ async function webviewPreloads(ctx) {
                     return JSON.parse(this.text());
                 },
                 blob() {
-                    return ( new Blob([valueBytes], { type: this.mime }));
+                    return ( new Blob([valueBytes], {
+                        type: this.mime
+                    }));
                 },
                 get _allOutputItems() {
                     if (!hasWarnedAboutAllOutputItemsProposal) {
                         hasWarnedAboutAllOutputItemsProposal = true;
-                        console.warn(`'_allOutputItems' is proposed API. DO NOT ship an extension that depends on it!`);
+                        console.warn(
+                            `'_allOutputItems' is proposed API. DO NOT ship an extension that depends on it!`
+                        );
                     }
                     return allOutputItemList;
-                },
+                }
             }));
         }
         const allOutputItemCache = ( new Map());
@@ -731,13 +771,13 @@ async function webviewPreloads(ctx) {
         return item;
     }
     const onDidReceiveKernelMessage = createEmitter();
-    const ttPolicy = window.trustedTypes?.createPolicy('notebookRenderer', {
+    const ttPolicy = window.trustedTypes?.createPolicy("notebookRenderer", {
         createHTML: value => value,
-        createScript: value => value,
+        createScript: value => value
     });
-    window.addEventListener('wheel', handleWheel);
-    const matchColor = window.getComputedStyle(window.document.getElementById('_defaultColorPalatte')).color;
-    const currentMatchColor = window.getComputedStyle(window.document.getElementById('_defaultColorPalatte')).backgroundColor;
+    window.addEventListener("wheel", handleWheel);
+    const matchColor = window.getComputedStyle(window.document.getElementById("_defaultColorPalatte")).color;
+    const currentMatchColor = window.getComputedStyle(window.document.getElementById("_defaultColorPalatte")).backgroundColor;
     class JSHighlighter {
         constructor() {
             this._activeHighlightInfo = ( new Map());
@@ -745,10 +785,10 @@ async function webviewPreloads(ctx) {
         addHighlights(matches, ownerID) {
             for (let i = matches.length - 1; i >= 0; i--) {
                 const match = matches[i];
-                const ret = highlightRange(match.originalRange, true, 'mark', match.isShadow ? {
-                    'style': 'background-color: ' + matchColor + ';',
+                const ret = highlightRange(match.originalRange, true, "mark", match.isShadow ? {
+                    "style": "background-color: " + matchColor + ";"
                 } : {
-                    'class': 'find-match'
+                    "class": "find-match"
                 });
                 match.highlightResult = ret;
             }
@@ -767,11 +807,11 @@ async function webviewPreloads(ctx) {
         highlightCurrentMatch(index, ownerID) {
             const highlightInfo = this._activeHighlightInfo.get(ownerID);
             if (!highlightInfo) {
-                console.error('Modified current highlight match before adding highlight list.');
+                console.error("Modified current highlight match before adding highlight list.");
                 return;
             }
             const oldMatch = highlightInfo.matches[highlightInfo.currentMatchIndex];
-            oldMatch?.highlightResult?.update(matchColor, oldMatch.isShadow ? undefined : 'find-match');
+            oldMatch?.highlightResult?.update(matchColor, oldMatch.isShadow ? undefined : "find-match");
             const match = highlightInfo.matches[index];
             highlightInfo.currentMatchIndex = index;
             const sel = window.getSelection();
@@ -781,17 +821,20 @@ async function webviewPreloads(ctx) {
                     const outputOffset = window.document.getElementById(match.id).getBoundingClientRect().top;
                     const tempRange = document.createRange();
                     tempRange.selectNode(match.highlightResult.range.startContainer);
-                    match.highlightResult.range.startContainer.parentElement?.scrollIntoView({ behavior: 'auto', block: 'end', inline: 'nearest' });
+                    match.highlightResult.range.startContainer.parentElement?.scrollIntoView({
+                        behavior: "auto",
+                        block: "end",
+                        inline: "nearest"
+                    });
                     const rangeOffset = tempRange.getBoundingClientRect().top;
                     tempRange.detach();
                     offset = rangeOffset - outputOffset;
-                }
-                catch (e) {
+                } catch (e) {
                     console.error(e);
                 }
-                match.highlightResult?.update(currentMatchColor, match.isShadow ? undefined : 'current-find-match');
+                match.highlightResult?.update(currentMatchColor, match.isShadow ? undefined : "current-find-match");
                 window.document.getSelection()?.removeAllRanges();
-                postNotebookMessage('didFindHighlightCurrent', {
+                postNotebookMessage("didFindHighlightCurrent", {
                     offset
                 });
             }
@@ -803,7 +846,7 @@ async function webviewPreloads(ctx) {
             }
             const oldMatch = highlightInfo.matches[index];
             if (oldMatch && oldMatch.highlightResult) {
-                oldMatch.highlightResult.update(matchColor, oldMatch.isShadow ? undefined : 'find-match');
+                oldMatch.highlightResult.update(matchColor, oldMatch.isShadow ? undefined : "find-match");
             }
         }
         dispose() {
@@ -830,7 +873,7 @@ async function webviewPreloads(ctx) {
                 this._matchesHighlight.clear();
             }
             this._currentMatchesHighlight.clear();
-            this._activeHighlightInfo.forEach((highlightInfo) => {
+            this._activeHighlightInfo.forEach(highlightInfo => {
                 if (updateMatchesHighlight) {
                     for (let i = 0; i < highlightInfo.matches.length; i++) {
                         this._matchesHighlight.add(highlightInfo.matches[i].originalRange);
@@ -847,14 +890,14 @@ async function webviewPreloads(ctx) {
             }
             const newEntry = {
                 matches,
-                currentMatchIndex: -1,
+                currentMatchIndex: -1
             };
             this._activeHighlightInfo.set(ownerID, newEntry);
         }
         highlightCurrentMatch(index, ownerID) {
             const highlightInfo = this._activeHighlightInfo.get(ownerID);
             if (!highlightInfo) {
-                console.error('Modified current highlight match before adding highlight list.');
+                console.error("Modified current highlight match before adding highlight list.");
                 return;
             }
             highlightInfo.currentMatchIndex = index;
@@ -863,14 +906,17 @@ async function webviewPreloads(ctx) {
                 let offset = 0;
                 try {
                     const outputOffset = window.document.getElementById(match.id).getBoundingClientRect().top;
-                    match.originalRange.startContainer.parentElement?.scrollIntoView({ behavior: 'auto', block: 'end', inline: 'nearest' });
+                    match.originalRange.startContainer.parentElement?.scrollIntoView({
+                        behavior: "auto",
+                        block: "end",
+                        inline: "nearest"
+                    });
                     const rangeOffset = match.originalRange.getBoundingClientRect().top;
                     offset = rangeOffset - outputOffset;
-                    postNotebookMessage('didFindHighlightCurrent', {
+                    postNotebookMessage("didFindHighlightCurrent", {
                         offset
                     });
-                }
-                catch (e) {
+                } catch (e) {
                     console.error(e);
                 }
             }
@@ -899,17 +945,20 @@ async function webviewPreloads(ctx) {
         const oldRange = range.cloneRange();
         const captureLength = ( selection.toString()).length;
         selection.collapseToStart();
-        selection.modify('move', 'backward', 'lineboundary');
-        selection.modify('extend', 'forward', 'lineboundary');
+        selection.modify("move", "backward", "lineboundary");
+        selection.modify("extend", "forward", "lineboundary");
         const line = ( selection.toString());
         const rangeStart = getStartOffset(selection.getRangeAt(0), oldRange);
         const lineRange = {
             start: rangeStart,
-            end: rangeStart + captureLength,
+            end: rangeStart + captureLength
         };
         selection.removeAllRanges();
         selection.addRange(oldRange);
-        return { line, range: lineRange };
+        return {
+            line,
+            range: lineRange
+        };
     }
     function getStartOffset(lineRange, originalRange) {
         const firstCommonAncestor = findFirstCommonAncestor(lineRange.startContainer, originalRange.startContainer);
@@ -927,8 +976,7 @@ async function webviewPreloads(ctx) {
         let length = 0;
         if (node.nodeType === Node.TEXT_NODE) {
             length += node.textContent?.length || 0;
-        }
-        else {
+        } else {
             for (const childNode of node.childNodes) {
                 length += getTextContentLength(childNode);
             }
@@ -954,57 +1002,59 @@ async function webviewPreloads(ctx) {
         let find = true;
         let matches = [];
         const range = document.createRange();
-        range.selectNodeContents(window.document.getElementById('findStart'));
+        range.selectNodeContents(window.document.getElementById("findStart"));
         const sel = window.getSelection();
         sel?.removeAllRanges();
         sel?.addRange(range);
         viewModel.toggleDragDropEnabled(false);
         try {
-            document.designMode = 'On';
+            document.designMode = "On";
             while (find && matches.length < 500) {
-                find = window.find(query,  !!options.caseSensitive,
-                 false,
-                 false,
-                 !!options.wholeWord,
-                 true, false);
+                find = window.find(
+                    query,
+                     !!options.caseSensitive,
+                     false,
+                     false,
+                     !!options.wholeWord,
+                     true,
+                    false
+                );
                 if (find) {
                     const selection = window.getSelection();
                     if (!selection) {
-                        console.log('no selection');
+                        console.log("no selection");
                         break;
                     }
-                    if (options.includeMarkup && selection.rangeCount > 0 && selection.getRangeAt(0).startContainer.nodeType === 1
-                        && selection.getRangeAt(0).startContainer.classList.contains('markup')) {
+                    if (options.includeMarkup && selection.rangeCount > 0 && selection.getRangeAt(0).startContainer.nodeType === 1 && selection.getRangeAt(0).startContainer.classList.contains("markup")) {
                         const preview = selection.anchorNode?.firstChild;
                         const root = preview.shadowRoot;
                         const shadowSelection = root?.getSelection ? root?.getSelection() : null;
                         if (shadowSelection && shadowSelection.anchorNode) {
                             matches.push({
-                                type: 'preview',
+                                type: "preview",
                                 id: preview.id,
                                 cellId: preview.id,
                                 container: preview,
                                 isShadow: true,
                                 originalRange: shadowSelection.getRangeAt(0),
-                                searchPreviewInfo: options.shouldGetSearchPreviewInfo ? extractSelectionLine(shadowSelection) : undefined,
+                                searchPreviewInfo: options.shouldGetSearchPreviewInfo ? extractSelectionLine(shadowSelection) : undefined
                             });
                         }
                     }
-                    if (options.includeOutput && selection.rangeCount > 0 && selection.getRangeAt(0).startContainer.nodeType === 1
-                        && selection.getRangeAt(0).startContainer.classList.contains('output_container')) {
+                    if (options.includeOutput && selection.rangeCount > 0 && selection.getRangeAt(0).startContainer.nodeType === 1 && selection.getRangeAt(0).startContainer.classList.contains("output_container")) {
                         const cellId = selection.getRangeAt(0).startContainer.parentElement.id;
                         const outputNode = selection.anchorNode?.firstChild;
                         const root = outputNode.shadowRoot;
                         const shadowSelection = root?.getSelection ? root?.getSelection() : null;
                         if (shadowSelection && shadowSelection.anchorNode) {
                             matches.push({
-                                type: 'output',
+                                type: "output",
                                 id: outputNode.id,
                                 cellId: cellId,
                                 container: outputNode,
                                 isShadow: true,
                                 originalRange: shadowSelection.getRangeAt(0),
-                                searchPreviewInfo: options.shouldGetSearchPreviewInfo ? extractSelectionLine(shadowSelection) : undefined,
+                                searchPreviewInfo: options.shouldGetSearchPreviewInfo ? extractSelectionLine(shadowSelection) : undefined
                             });
                         }
                     }
@@ -1019,106 +1069,103 @@ async function webviewPreloads(ctx) {
                                 container: lastEl.container,
                                 isShadow: false,
                                 originalRange: selection.getRangeAt(0),
-                                searchPreviewInfo: options.shouldGetSearchPreviewInfo ? extractSelectionLine(selection) : undefined,
+                                searchPreviewInfo: options.shouldGetSearchPreviewInfo ? extractSelectionLine(selection) : undefined
                             });
-                        }
-                        else {
+                        } else {
                             for (let node = anchorNode; node; node = node.parentElement) {
                                 if (!(node instanceof Element)) {
                                     break;
                                 }
-                                if (node.classList.contains('output') && options.includeOutput) {
+                                if (node.classList.contains("output") && options.includeOutput) {
                                     const cellId = node.parentElement?.parentElement?.id;
                                     if (cellId) {
                                         matches.push({
-                                            type: 'output',
+                                            type: "output",
                                             id: node.id,
                                             cellId: cellId,
                                             container: node,
                                             isShadow: false,
                                             originalRange: selection.getRangeAt(0),
-                                            searchPreviewInfo: options.shouldGetSearchPreviewInfo ? extractSelectionLine(selection) : undefined,
+                                            searchPreviewInfo: options.shouldGetSearchPreviewInfo ? extractSelectionLine(selection) : undefined
                                         });
                                     }
                                     break;
                                 }
-                                if (node.id === 'container' || node === window.document.body) {
+                                if (node.id === "container" || node === window.document.body) {
                                     break;
                                 }
                             }
                         }
-                    }
-                    else {
+                    } else {
                         break;
                     }
                 }
             }
-        }
-        catch (e) {
+        } catch (e) {
             console.log(e);
         }
-        matches = matches.filter(match => options.findIds.length ? options.findIds.includes(match.cellId) : true);
+        matches = matches.filter(
+            match => options.findIds.length ? options.findIds.includes(match.cellId) : true
+        );
         _highlighter.addHighlights(matches, options.ownerID);
         window.document.getSelection()?.removeAllRanges();
         viewModel.toggleDragDropEnabled(currentOptions.dragAndDropEnabled);
-        document.designMode = 'Off';
-        postNotebookMessage('didFind', {
+        document.designMode = "Off";
+        postNotebookMessage("didFind", {
             matches: ( matches.map((match, index) => ({
                 type: match.type,
                 id: match.id,
                 cellId: match.cellId,
                 index,
-                searchPreviewInfo: match.searchPreviewInfo,
+                searchPreviewInfo: match.searchPreviewInfo
             })))
         });
     };
     const copyOutputImage = async (outputId, altOutputId, textAlternates, retries = 5) => {
         if (!window.document.hasFocus() && retries > 0) {
-            setTimeout(() => { copyOutputImage(outputId, altOutputId, textAlternates, retries - 1); }, 50);
+            setTimeout(() => {
+                copyOutputImage(outputId, altOutputId, textAlternates, retries - 1);
+            }, 50);
             return;
         }
         try {
-            const outputElement = window.document.getElementById(outputId)
-                ?? window.document.getElementById(altOutputId);
-            let image = outputElement?.querySelector('img');
+            const outputElement = window.document.getElementById(outputId) ?? window.document.getElementById(altOutputId);
+            let image = outputElement?.querySelector("img");
             if (!image) {
-                const svgImage = outputElement?.querySelector('svg.output-image') ??
-                    outputElement?.querySelector('div.svgContainerStyle > svg');
+                const svgImage = outputElement?.querySelector("svg.output-image") ?? outputElement?.querySelector("div.svgContainerStyle > svg");
                 if (svgImage) {
                     image = ( new Image());
-                    image.src = 'data:image/svg+xml,' + encodeURIComponent(svgImage.outerHTML);
+                    image.src = "data:image/svg+xml," + encodeURIComponent(svgImage.outerHTML);
                 }
             }
             if (image) {
-                const ensureImageLoaded = (img) => {
+                const ensureImageLoaded = img => {
                     return ( new Promise((resolve, reject) => {
                         if (img.complete && img.naturalWidth > 0) {
                             resolve(img);
-                        }
-                        else {
+                        } else {
                             img.onload = () => resolve(img);
-                            img.onerror = () => reject(( new Error('Failed to load image')));
-                            setTimeout(() => reject(( new Error('Image load timeout'))), 5000);
+                            img.onerror = () => reject(( new Error("Failed to load image")));
+                            setTimeout(() => reject(( new Error("Image load timeout"))), 5000);
                         }
                     }));
                 };
                 const imageToCopy = await ensureImageLoaded(image);
                 const clipboardData = {
-                    'image/png': ( new Promise((resolve) => {
-                        const canvas = document.createElement('canvas');
+                    "image/png": ( new Promise(resolve => {
+                        const canvas = document.createElement("canvas");
                         canvas.width = imageToCopy.naturalWidth;
                         canvas.height = imageToCopy.naturalHeight;
-                        const context = canvas.getContext('2d');
+                        const context = canvas.getContext("2d");
                         context.drawImage(imageToCopy, 0, 0);
-                        canvas.toBlob((blob) => {
+                        canvas.toBlob(blob => {
                             if (blob) {
                                 resolve(blob);
-                            }
-                            else {
-                                console.error('No blob data to write to clipboard');
+                            } else {
+                                console.error("No blob data to write to clipboard");
                             }
                             canvas.remove();
-                        }, 'image/png');
+                        }, "image/png");
                     }))
                 };
                 if (textAlternates) {
@@ -1127,96 +1174,111 @@ async function webviewPreloads(ctx) {
                     }
                 }
                 await navigator.clipboard.write([( new ClipboardItem(clipboardData))]);
+            } else {
+                console.error("Could not find image element to copy for output with id", outputId);
             }
-            else {
-                console.error('Could not find image element to copy for output with id', outputId);
-            }
-        }
-        catch (e) {
-            console.error('Could not copy image:', e);
+        } catch (e) {
+            console.error("Could not copy image:", e);
         }
     };
-    window.addEventListener('message', async (rawEvent) => {
+    window.addEventListener("message", async rawEvent => {
         const event = rawEvent;
         switch (event.data.type) {
-            case 'initializeMarkup': {
+        case "initializeMarkup":
+            {
                 try {
                     await Promise.all(( event.data.cells.map(info => viewModel.ensureMarkupCell(info))));
-                }
-                finally {
+                } finally {
                     dimensionUpdater.updateImmediately();
-                    postNotebookMessage('initializedMarkup', { requestId: event.data.requestId });
+                    postNotebookMessage("initializedMarkup", {
+                        requestId: event.data.requestId
+                    });
                 }
                 break;
             }
-            case 'createMarkupCell':
-                viewModel.ensureMarkupCell(event.data.cell);
-                break;
-            case 'showMarkupCell':
-                viewModel.showMarkupCell(event.data.id, event.data.top, event.data.content, event.data.metadata);
-                break;
-            case 'hideMarkupCells':
-                for (const id of event.data.ids) {
-                    viewModel.hideMarkupCell(id);
-                }
-                break;
-            case 'unhideMarkupCells':
-                for (const id of event.data.ids) {
-                    viewModel.unhideMarkupCell(id);
-                }
-                break;
-            case 'deleteMarkupCell':
-                for (const id of event.data.ids) {
-                    viewModel.deleteMarkupCell(id);
-                }
-                break;
-            case 'updateSelectedMarkupCells':
-                viewModel.updateSelectedCells(event.data.selectedCellIds);
-                break;
-            case 'html': {
+        case "createMarkupCell":
+            viewModel.ensureMarkupCell(event.data.cell);
+            break;
+        case "showMarkupCell":
+            viewModel.showMarkupCell(event.data.id, event.data.top, event.data.content, event.data.metadata);
+            break;
+        case "hideMarkupCells":
+            for (const id of event.data.ids) {
+                viewModel.hideMarkupCell(id);
+            }
+            break;
+        case "unhideMarkupCells":
+            for (const id of event.data.ids) {
+                viewModel.unhideMarkupCell(id);
+            }
+            break;
+        case "deleteMarkupCell":
+            for (const id of event.data.ids) {
+                viewModel.deleteMarkupCell(id);
+            }
+            break;
+        case "updateSelectedMarkupCells":
+            viewModel.updateSelectedCells(event.data.selectedCellIds);
+            break;
+        case "html":
+            {
                 const data = event.data;
                 if (data.createOnIdle) {
                     outputRunner.enqueueIdle(data.outputId, signal => {
                         return viewModel.renderOutputCell(data, signal);
                     });
-                }
-                else {
+                } else {
                     outputRunner.enqueue(data.outputId, signal => {
                         return viewModel.renderOutputCell(data, signal);
                     });
                 }
                 break;
             }
-            case 'view-scroll':
-                {
-                    event.data.widgets.forEach(widget => {
-                        outputRunner.enqueue(widget.outputId, () => {
-                            viewModel.updateOutputsScroll([widget]);
-                        });
+        case "view-scroll":
+            {
+                event.data.widgets.forEach(widget => {
+                    outputRunner.enqueue(widget.outputId, () => {
+                        viewModel.updateOutputsScroll([widget]);
                     });
-                    viewModel.updateMarkupScrolls(event.data.markupCells);
-                    break;
-                }
-            case 'clear':
-                renderers.clearAll();
-                viewModel.clearAll();
-                window.document.getElementById('container').innerText = '';
+                });
+                viewModel.updateMarkupScrolls(event.data.markupCells);
                 break;
-            case 'clearOutput': {
-                const { cellId, rendererId, outputId } = event.data;
+            }
+        case "clear":
+            renderers.clearAll();
+            viewModel.clearAll();
+            window.document.getElementById("container").innerText = "";
+            break;
+        case "clearOutput":
+            {
+                const {
+                    cellId,
+                    rendererId,
+                    outputId
+                } = event.data;
                 outputRunner.cancelOutput(outputId);
                 viewModel.clearOutput(cellId, outputId, rendererId);
                 break;
             }
-            case 'hideOutput': {
-                const { cellId, outputId } = event.data;
+        case "hideOutput":
+            {
+                const {
+                    cellId,
+                    outputId
+                } = event.data;
                 outputRunner.enqueue(outputId, () => {
                     viewModel.hideOutput(cellId);
                 });
                 break;
             }
-            case 'showOutput': {
-                const { outputId, cellTop, cellId, content } = event.data;
+        case "showOutput":
+            {
+                const {
+                    outputId,
+                    cellTop,
+                    cellId,
+                    content
+                } = event.data;
                 outputRunner.enqueue(outputId, () => {
                     viewModel.showOutput(cellId, outputId, cellTop);
                     if (content) {
@@ -1225,41 +1287,54 @@ async function webviewPreloads(ctx) {
                 });
                 break;
             }
-            case 'copyImage': {
+        case "copyImage":
+            {
                 await copyOutputImage(event.data.outputId, event.data.altOutputId, event.data.textAlternates);
                 break;
             }
-            case 'ack-dimension': {
-                for (const { cellId, outputId, height } of event.data.updates) {
+        case "ack-dimension":
+            {
+                for (const {
+                    cellId,
+                    outputId,
+                    height
+                } of event.data.updates) {
                     viewModel.updateOutputHeight(cellId, outputId, height);
                 }
                 break;
             }
-            case 'preload': {
+        case "preload":
+            {
                 const resources = event.data.resources;
-                for (const { uri } of resources) {
+                for (const {
+                    uri
+                } of resources) {
                     kernelPreloads.load(uri);
                 }
                 break;
             }
-            case 'updateRenderers': {
-                const { rendererData } = event.data;
+        case "updateRenderers":
+            {
+                const {
+                    rendererData
+                } = event.data;
                 renderers.updateRendererData(rendererData);
                 break;
             }
-            case 'focus-output':
-                focusFirstFocusableOrContainerInOutput(event.data.cellOrOutputId, event.data.alternateId);
-                break;
-            case 'blur-output':
-                blurOutput();
-                break;
-            case 'select-output-contents':
-                selectOutputContents(event.data.cellOrOutputId);
-                break;
-            case 'select-input-contents':
-                selectInputContents(event.data.cellOrOutputId);
-                break;
-            case 'decorations': {
+        case "focus-output":
+            focusFirstFocusableOrContainerInOutput(event.data.cellOrOutputId, event.data.alternateId);
+            break;
+        case "blur-output":
+            blurOutput();
+            break;
+        case "select-output-contents":
+            selectOutputContents(event.data.cellOrOutputId);
+            break;
+        case "select-input-contents":
+            selectInputContents(event.data.cellOrOutputId);
+            break;
+        case "decorations":
+            {
                 let outputContainer = window.document.getElementById(event.data.cellId);
                 if (!outputContainer) {
                     viewModel.ensureOutputCell(event.data.cellId, -1e5, true);
@@ -1269,7 +1344,8 @@ async function webviewPreloads(ctx) {
                 outputContainer?.classList.remove(...event.data.removedClassNames);
                 break;
             }
-            case 'markupDecorations': {
+        case "markupDecorations":
+            {
                 const markupCell = window.document.getElementById(event.data.cellId);
                 if (markupCell) {
                     markupCell?.classList.add(...event.data.addedClassNames);
@@ -1277,17 +1353,18 @@ async function webviewPreloads(ctx) {
                 }
                 break;
             }
-            case 'customKernelMessage':
-                onDidReceiveKernelMessage.fire(event.data.message);
-                break;
-            case 'customRendererMessage':
-                renderers.getRenderer(event.data.rendererId)?.receiveMessage(event.data.message);
-                break;
-            case 'notebookStyles': {
+        case "customKernelMessage":
+            onDidReceiveKernelMessage.fire(event.data.message);
+            break;
+        case "customRendererMessage":
+            renderers.getRenderer(event.data.rendererId)?.receiveMessage(event.data.message);
+            break;
+        case "notebookStyles":
+            {
                 const documentStyle = window.document.documentElement.style;
                 for (let i = documentStyle.length - 1; i >= 0; i--) {
                     const property = documentStyle[i];
-                    if (property && property.startsWith('--notebook-')) {
+                    if (property && property.startsWith("--notebook-")) {
                         documentStyle.removeProperty(property);
                     }
                 }
@@ -1296,44 +1373,54 @@ async function webviewPreloads(ctx) {
                 }
                 break;
             }
-            case 'notebookOptions':
-                currentOptions = event.data.options;
-                viewModel.toggleDragDropEnabled(currentOptions.dragAndDropEnabled);
-                currentRenderOptions = event.data.renderOptions;
-                settingChange.fire(currentRenderOptions);
-                break;
-            case 'tokenizedCodeBlock': {
-                const { codeBlockId, html } = event.data;
+        case "notebookOptions":
+            currentOptions = event.data.options;
+            viewModel.toggleDragDropEnabled(currentOptions.dragAndDropEnabled);
+            currentRenderOptions = event.data.renderOptions;
+            settingChange.fire(currentRenderOptions);
+            break;
+        case "tokenizedCodeBlock":
+            {
+                const {
+                    codeBlockId,
+                    html
+                } = event.data;
                 MarkdownCodeBlock.highlightCodeBlock(codeBlockId, html);
                 break;
             }
-            case 'tokenizedStylesChanged': {
+        case "tokenizedStylesChanged":
+            {
                 tokenizationStyle.replaceSync(event.data.css);
                 break;
             }
-            case 'find': {
+        case "find":
+            {
                 _highlighter.removeHighlights(event.data.options.ownerID);
                 find(event.data.query, event.data.options);
                 break;
             }
-            case 'findHighlightCurrent': {
+        case "findHighlightCurrent":
+            {
                 _highlighter?.highlightCurrentMatch(event.data.index, event.data.ownerID);
                 break;
             }
-            case 'findUnHighlightCurrent': {
+        case "findUnHighlightCurrent":
+            {
                 _highlighter?.unHighlightCurrentMatch(event.data.index, event.data.ownerID);
                 break;
             }
-            case 'findStop': {
+        case "findStop":
+            {
                 _highlighter.removeHighlights(event.data.ownerID);
                 break;
             }
-            case 'returnOutputItem': {
+        case "returnOutputItem":
+            {
                 outputItemRequests.resolveOutputItem(event.data.requestId, event.data.output);
             }
         }
     });
-    const renderFallbackErrorName = 'vscode.fallbackToNextRenderer';
+    const renderFallbackErrorName = "vscode.fallbackToNextRenderer";
     class Renderer {
         constructor(data) {
             this.data = data;
@@ -1345,47 +1432,69 @@ async function webviewPreloads(ctx) {
         async renderOutputItem(item, element, signal) {
             try {
                 await this.load();
-            }
-            catch (e) {
+            } catch (e) {
                 if (!signal.aborted) {
-                    showRenderError(`Error loading renderer '${this.data.id}'`, element, e instanceof Error ? [e] : []);
+                    showRenderError(
+                        `Error loading renderer '${this.data.id}'`,
+                        element,
+                        e instanceof Error ? [e] : []
+                    );
                 }
                 return;
             }
             if (!this._api) {
                 if (!signal.aborted) {
-                    showRenderError(`Renderer '${this.data.id}' does not implement renderOutputItem`, element, []);
+                    showRenderError(
+                        `Renderer '${this.data.id}' does not implement renderOutputItem`,
+                        element,
+                        []
+                    );
                 }
                 return;
             }
             try {
                 const renderStart = performance.now();
                 await this._api.renderOutputItem(item, element, signal);
-                this.postDebugMessage('Rendered output item', { id: item.id, duration: `${performance.now() - renderStart}ms` });
-            }
-            catch (e) {
+                this.postDebugMessage("Rendered output item", {
+                    id: item.id,
+                    duration: `${performance.now() - renderStart}ms`
+                });
+            } catch (e) {
                 if (signal.aborted) {
                     return;
                 }
                 if (e instanceof Error && e.name === renderFallbackErrorName) {
                     throw e;
                 }
-                showRenderError(`Error rendering output item using '${this.data.id}'`, element, e instanceof Error ? [e] : []);
-                this.postDebugMessage('Rendering output item failed', { id: item.id, error: e + '' });
+                showRenderError(
+                    `Error rendering output item using '${this.data.id}'`,
+                    element,
+                    e instanceof Error ? [e] : []
+                );
+                this.postDebugMessage("Rendering output item failed", {
+                    id: item.id,
+                    error: e + ""
+                });
             }
         }
         disposeOutputItem(id) {
             this._api?.disposeOutputItem?.(id);
         }
         createRendererContext() {
-            const { id, messaging } = this.data;
+            const {
+                id,
+                messaging
+            } = this.data;
             const context = {
-                setState: newState => vscode.setState({ ...vscode.getState(), [id]: newState }),
+                setState: newState => vscode.setState({
+                    ...vscode.getState(),
+                    [id]: newState
+                }),
                 getState: () => {
                     const state = vscode.getState();
-                    return typeof state === 'object' && state ? state[id] : undefined;
+                    return typeof state === "object" && state ? state[id] : undefined;
                 },
-                getRenderer: async (id) => {
+                getRenderer: async id => {
                     const renderer = renderers.getRenderer(id);
                     if (!renderer) {
                         return undefined;
@@ -1396,20 +1505,37 @@ async function webviewPreloads(ctx) {
                     return renderer.load();
                 },
                 workspace: {
-                    get isTrusted() { return isWorkspaceTrusted; }
+                    get isTrusted() {
+                        return isWorkspaceTrusted;
+                    }
                 },
                 settings: {
-                    get lineLimit() { return currentRenderOptions.lineLimit; },
-                    get outputScrolling() { return currentRenderOptions.outputScrolling; },
-                    get outputWordWrap() { return currentRenderOptions.outputWordWrap; },
-                    get linkifyFilePaths() { return currentRenderOptions.linkifyFilePaths; },
-                    get minimalError() { return currentRenderOptions.minimalError; },
+                    get lineLimit() {
+                        return currentRenderOptions.lineLimit;
+                    },
+                    get outputScrolling() {
+                        return currentRenderOptions.outputScrolling;
+                    },
+                    get outputWordWrap() {
+                        return currentRenderOptions.outputWordWrap;
+                    },
+                    get linkifyFilePaths() {
+                        return currentRenderOptions.linkifyFilePaths;
+                    },
+                    get minimalError() {
+                        return currentRenderOptions.minimalError;
+                    }
                 },
-                get onDidChangeSettings() { return settingChange.event; }
+                get onDidChangeSettings() {
+                    return settingChange.event;
+                }
             };
             if (messaging) {
                 context.onDidReceiveMessage = this._onMessageEvent.event;
-                context.postMessage = message => postNotebookMessage('customRendererMessage', { rendererId: id, message });
+                context.postMessage = message => postNotebookMessage("customRendererMessage", {
+                    rendererId: id,
+                    message
+                });
             }
             return ( Object.freeze(context));
         }
@@ -1418,45 +1544,51 @@ async function webviewPreloads(ctx) {
             return this._loadPromise;
         }
         async _load() {
-            this.postDebugMessage('Start loading renderer');
+            this.postDebugMessage("Start loading renderer");
             try {
                 await kernelPreloads.waitForAllCurrent();
                 const importStart = performance.now();
                 const module = await __import(this.data.entrypoint.path);
-                this.postDebugMessage('Imported renderer', { duration: `${performance.now() - importStart}ms` });
+                this.postDebugMessage("Imported renderer", {
+                    duration: `${performance.now() - importStart}ms`
+                });
                 if (!module) {
                     return;
                 }
                 this._api = await module.activate(this.createRendererContext());
-                this.postDebugMessage('Activated renderer', { duration: `${performance.now() - importStart}ms` });
-                const dependantRenderers = ctx.rendererData
-                    .filter(d => d.entrypoint.extends === this.data.id);
+                this.postDebugMessage("Activated renderer", {
+                    duration: `${performance.now() - importStart}ms`
+                });
+                const dependantRenderers = ctx.rendererData.filter(d => d.entrypoint.extends === this.data.id);
                 if (dependantRenderers.length) {
-                    this.postDebugMessage('Activating dependant renderers', { dependents: ( dependantRenderers.map(x => x.id)).join(', ') });
+                    this.postDebugMessage("Activating dependant renderers", {
+                        dependents: ( dependantRenderers.map(x => x.id)).join(", ")
+                    });
                 }
-                await Promise.all(( dependantRenderers.map(async (d) => {
+                await Promise.all(( dependantRenderers.map(async d => {
                     const renderer = renderers.getRenderer(d.id);
                     if (!renderer) {
                         throw ( new Error(`Could not find extending renderer: ${d.id}`));
                     }
                     try {
                         return await renderer.load();
-                    }
-                    catch (e) {
+                    } catch (e) {
                         console.error(e);
-                        this.postDebugMessage('Activating dependant renderer failed', { dependent: d.id, error: e + '' });
+                        this.postDebugMessage("Activating dependant renderer failed", {
+                            dependent: d.id,
+                            error: e + ""
+                        });
                         return undefined;
                     }
                 })));
                 return this._api;
-            }
-            catch (e) {
-                this.postDebugMessage('Loading renderer failed');
+            } catch (e) {
+                this.postDebugMessage("Loading renderer failed");
                 throw e;
             }
         }
         postDebugMessage(msg, data) {
-            postNotebookMessage('logRendererDebugMessage', {
+            postNotebookMessage("logRendererDebugMessage", {
                 message: `[renderer ${this.data.id}] - ${msg}`,
                 data
             });
@@ -1470,17 +1602,14 @@ async function webviewPreloads(ctx) {
             return this.preloads.get(uri) || Promise.resolve(( new Error(`Preload not ready: ${uri}`)));
         }
         load(uri) {
-            const promise = Promise.all([
-                runKernelPreload(uri),
-                this.waitForAllCurrent(),
-            ]);
+            const promise = Promise.all([runKernelPreload(uri), this.waitForAllCurrent()]);
             this.preloads.set(uri, promise);
             return promise;
         }
         waitForAllCurrent() {
             return Promise.all(( [...( this.preloads.values())].map(p => p.catch(err => err))));
         }
-    });
+    })();
     const outputRunner = new (class {
         constructor() {
             this.outputs = ( new Map());
@@ -1492,10 +1621,12 @@ async function webviewPreloads(ctx) {
             const record = this.outputs.get(outputId);
             if (!record) {
                 const controller = ( new AbortController());
-                this.outputs.set(outputId, { abort: controller, queue: ( new Promise(r => r(action(controller.signal)))) });
-            }
-            else {
-                record.queue = record.queue.then(async (r) => {
+                this.outputs.set(outputId, {
+                    abort: controller,
+                    queue: ( new Promise(r => r(action(controller.signal))))
+                });
+            } else {
+                record.queue = record.queue.then(async r => {
                     if (!record.abort.signal.aborted) {
                         await action(record.abort.signal);
                     }
@@ -1512,7 +1643,9 @@ async function webviewPreloads(ctx) {
         cancelAll() {
             this.pendingOutputCreationRequest.forEach(r => r.dispose());
             this.pendingOutputCreationRequest.clear();
-            for (const { abort } of ( this.outputs.values())) {
+            for (const {
+                abort
+            } of ( this.outputs.values())) {
                 abort.abort();
             }
             this.outputs.clear();
@@ -1526,7 +1659,7 @@ async function webviewPreloads(ctx) {
                 this.outputs.delete(outputId);
             }
         }
-    });
+    })();
     const renderers = new (class {
         constructor() {
             this._renderers = ( new Map());
@@ -1583,7 +1716,7 @@ async function webviewPreloads(ctx) {
         async render(item, preferredRendererId, element, signal) {
             const primaryRenderer = this.findRenderer(preferredRendererId, item);
             if (!primaryRenderer) {
-                const errorMessage = (window.document.documentElement.style.getPropertyValue('--notebook-cell-renderer-not-found-error') || '').replace('$0', () => item.mime);
+                const errorMessage = (window.document.documentElement.style.getPropertyValue("--notebook-cell-renderer-not-found-error") || "").replace("$0", () => item.mime);
                 this.showRenderError(item, element, errorMessage);
                 return;
             }
@@ -1607,35 +1740,38 @@ async function webviewPreloads(ctx) {
                     }
                 }
             }
-            const errorMessage = (window.document.documentElement.style.getPropertyValue('--notebook-cell-renderer-fallbacks-exhausted') || '').replace('$0', () => item.mime);
+            const errorMessage = (window.document.documentElement.style.getPropertyValue("--notebook-cell-renderer-fallbacks-exhausted") || "").replace("$0", () => item.mime);
             this.showRenderError(item, element, errorMessage);
         }
         async _doRender(item, element, renderer, signal) {
             try {
                 await renderer.renderOutputItem(item, element, signal);
-                return { continue: false };
-            }
-            catch (e) {
+                return {
+                    continue: false
+                };
+            } catch (e) {
                 if (signal.aborted) {
-                    return { continue: false };
+                    return {
+                        continue: false
+                    };
                 }
                 if (e instanceof Error && e.name === renderFallbackErrorName) {
-                    return { continue: true };
-                }
-                else {
+                    return {
+                        continue: true
+                    };
+                } else {
                     throw e;
                 }
             }
         }
         findRenderer(preferredRendererId, info) {
             let renderer;
-            if (typeof preferredRendererId === 'string') {
-                renderer = Array.from(( this._renderers.values()))
-                    .find((renderer) => renderer.data.id === preferredRendererId);
-            }
-            else {
-                const renderers = Array.from(( this._renderers.values()))
-                    .filter((renderer) => renderer.data.mimeTypes.includes(info.mime) && !renderer.data.entrypoint.extends);
+            if (typeof preferredRendererId === "string") {
+                renderer = Array.from(( this._renderers.values())).find(renderer => renderer.data.id === preferredRendererId);
+            } else {
+                const renderers = Array.from(( this._renderers.values())).filter(
+                    renderer => renderer.data.mimeTypes.includes(info.mime) && !renderer.data.entrypoint.extends
+                );
                 if (renderers.length) {
                     renderers.sort((a, b) => +a.data.isBuiltin - +b.data.isBuiltin);
                     renderer = renderers[0];
@@ -1644,15 +1780,15 @@ async function webviewPreloads(ctx) {
             return renderer;
         }
         showRenderError(info, element, errorMessage) {
-            const errorContainer = document.createElement('div');
-            const error = document.createElement('div');
-            error.className = 'no-renderer-error';
+            const errorContainer = document.createElement("div");
+            const error = document.createElement("div");
+            error.className = "no-renderer-error";
             error.innerText = errorMessage;
-            const cellText = document.createElement('div');
+            const cellText = document.createElement("div");
             cellText.innerText = info.text();
             errorContainer.appendChild(error);
             errorContainer.appendChild(cellText);
-            element.innerText = '';
+            element.innerText = "";
             element.appendChild(errorContainer);
         }
     })();
@@ -1678,7 +1814,7 @@ async function webviewPreloads(ctx) {
                 return existing;
             }
             const cell = ( new MarkupCell(init.cellId, init.mime, init.content, top, init.metadata));
-            cell.element.style.visibility = visible ? '' : 'hidden';
+            cell.element.style.visibility = visible ? "" : "hidden";
             this._markupCells.set(init.cellId, cell);
             await cell.ready;
             return cell;
@@ -1686,10 +1822,9 @@ async function webviewPreloads(ctx) {
         async ensureMarkupCell(info) {
             let cell = this._markupCells.get(info.cellId);
             if (cell) {
-                cell.element.style.visibility = info.visible ? '' : 'hidden';
+                cell.element.style.visibility = info.visible ? "" : "hidden";
                 await cell.updateContentAndRender(info.content, info.metadata);
-            }
-            else {
+            } else {
                 cell = await this.createMarkupCell(info, info.offset, info.visible);
             }
         }
@@ -1737,7 +1872,10 @@ async function webviewPreloads(ctx) {
             }
         }
         updateMarkupScrolls(markupCells) {
-            for (const { id, top } of markupCells) {
+            for (const {
+                id,
+                top
+            } of markupCells) {
                 const cell = this._markupCells.get(id);
                 if (cell) {
                     cell.element.style.top = `${top}px`;
@@ -1762,7 +1900,7 @@ async function webviewPreloads(ctx) {
             if (existed && skipCellTopUpdateIfExist) {
                 return cell;
             }
-            cell.element.style.top = cellTop + 'px';
+            cell.element.style.top = cellTop + "px";
             return cell;
         }
         clearOutput(cellId, outputId, rendererId) {
@@ -1793,7 +1931,9 @@ async function webviewPreloads(ctx) {
         }
     })();
     class MarkdownCodeBlock {
-        static { this.pendingCodeBlocksToHighlight = ( new Map()); }
+        static {
+            this.pendingCodeBlocksToHighlight = ( new Map());
+        }
         static highlightCodeBlock(id, html) {
             const el = MarkdownCodeBlock.pendingCodeBlocksToHighlight.get(id);
             if (!el) {
@@ -1811,11 +1951,15 @@ async function webviewPreloads(ctx) {
         static requestHighlightCodeBlock(root) {
             const codeBlocks = [];
             let i = 0;
-            for (const el of root.querySelectorAll('.vscode-code-block')) {
-                const lang = el.getAttribute('data-vscode-code-block-lang');
+            for (const el of root.querySelectorAll(".vscode-code-block")) {
+                const lang = el.getAttribute("data-vscode-code-block-lang");
                 if (el.textContent && lang) {
                     const id = `${Date.now()}-${i++}`;
-                    codeBlocks.push({ value: el.textContent, lang: lang, id });
+                    codeBlocks.push({
+                        value: el.textContent,
+                        lang: lang,
+                        id
+                    });
                     MarkdownCodeBlock.pendingCodeBlocksToHighlight.set(id, el);
                 }
             }
@@ -1827,8 +1971,16 @@ async function webviewPreloads(ctx) {
             this._isDisposed = false;
             const self = this;
             this.id = id;
-            this._content = { value: content, version: 0, metadata: metadata };
-            const { promise, resolve, reject } = promiseWithResolvers();
+            this._content = {
+                value: content,
+                version: 0,
+                metadata: metadata
+            };
+            const {
+                promise,
+                resolve,
+                reject
+            } = promiseWithResolvers();
             this.ready = promise;
             let cachedData;
             this.outputItem = ( Object.freeze({
@@ -1848,27 +2000,32 @@ async function webviewPreloads(ctx) {
                         return cachedData.value;
                     }
                     const data = textEncoder.encode(this._content.value);
-                    cachedData = { version: this._content.version, value: data };
+                    cachedData = {
+                        version: this._content.version,
+                        value: data
+                    };
                     return data;
                 },
                 blob() {
-                    return ( new Blob([this.data()], { type: this.mime }));
+                    return ( new Blob([this.data()], {
+                        type: this.mime
+                    }));
                 },
                 _allOutputItems: [{
-                        mime,
-                        getItem: async () => this.outputItem,
-                    }]
+                    mime,
+                    getItem: async () => this.outputItem
+                }]
             }));
-            const root = window.document.getElementById('container');
-            const markupCell = document.createElement('div');
-            markupCell.className = 'markup';
-            markupCell.style.position = 'absolute';
-            markupCell.style.width = '100%';
-            this.element = document.createElement('div');
+            const root = window.document.getElementById("container");
+            const markupCell = document.createElement("div");
+            markupCell.className = "markup";
+            markupCell.style.position = "absolute";
+            markupCell.style.width = "100%";
+            this.element = document.createElement("div");
             this.element.id = this.id;
-            this.element.classList.add('preview');
-            this.element.style.position = 'absolute';
-            this.element.style.top = top + 'px';
+            this.element.classList.add("preview");
+            this.element.style.position = "absolute";
+            this.element.style.top = top + "px";
             this.toggleDragDropEnabled(currentOptions.dragAndDropEnabled);
             markupCell.appendChild(this.element);
             root.appendChild(markupCell);
@@ -1886,50 +2043,59 @@ async function webviewPreloads(ctx) {
             this.renderTaskAbort = undefined;
         }
         addEventListeners() {
-            this.element.addEventListener('dblclick', () => {
-                postNotebookMessage('toggleMarkupPreview', { cellId: this.id });
+            this.element.addEventListener("dblclick", () => {
+                postNotebookMessage("toggleMarkupPreview", {
+                    cellId: this.id
+                });
             });
-            this.element.addEventListener('click', e => {
-                postNotebookMessage('clickMarkupCell', {
+            this.element.addEventListener("click", e => {
+                postNotebookMessage("clickMarkupCell", {
                     cellId: this.id,
                     altKey: e.altKey,
                     ctrlKey: e.ctrlKey,
                     metaKey: e.metaKey,
-                    shiftKey: e.shiftKey,
+                    shiftKey: e.shiftKey
                 });
             });
-            this.element.addEventListener('contextmenu', e => {
-                postNotebookMessage('contextMenuMarkupCell', {
+            this.element.addEventListener("contextmenu", e => {
+                postNotebookMessage("contextMenuMarkupCell", {
                     cellId: this.id,
                     clientX: e.clientX,
-                    clientY: e.clientY,
+                    clientY: e.clientY
                 });
             });
-            this.element.addEventListener('mouseenter', () => {
-                postNotebookMessage('mouseEnterMarkupCell', { cellId: this.id });
+            this.element.addEventListener("mouseenter", () => {
+                postNotebookMessage("mouseEnterMarkupCell", {
+                    cellId: this.id
+                });
             });
-            this.element.addEventListener('mouseleave', () => {
-                postNotebookMessage('mouseLeaveMarkupCell', { cellId: this.id });
+            this.element.addEventListener("mouseleave", () => {
+                postNotebookMessage("mouseLeaveMarkupCell", {
+                    cellId: this.id
+                });
             });
-            this.element.addEventListener('dragstart', e => {
+            this.element.addEventListener("dragstart", e => {
                 markupCellDragManager.startDrag(e, this.id);
             });
-            this.element.addEventListener('drag', e => {
+            this.element.addEventListener("drag", e => {
                 markupCellDragManager.updateDrag(e, this.id);
             });
-            this.element.addEventListener('dragend', e => {
+            this.element.addEventListener("dragend", e => {
                 markupCellDragManager.endDrag(e, this.id);
             });
         }
         async updateContentAndRender(newContent, metadata) {
-            this._content = { value: newContent, version: this._content.version + 1, metadata };
+            this._content = {
+                value: newContent,
+                version: this._content.version + 1,
+                metadata
+            };
             this.renderTaskAbort?.abort();
             const controller = ( new AbortController());
             this.renderTaskAbort = controller;
             try {
                 await renderers.render(this.outputItem, undefined, this.element, this.renderTaskAbort.signal);
-            }
-            finally {
+            } finally {
                 if (this.renderTaskAbort === controller) {
                     this.renderTaskAbort = undefined;
                 }
@@ -1938,19 +2104,19 @@ async function webviewPreloads(ctx) {
             const html = [];
             for (const child of root.children) {
                 switch (child.tagName) {
-                    case 'LINK':
-                    case 'SCRIPT':
-                    case 'STYLE':
-                        break;
-                    default:
-                        html.push(child.outerHTML);
-                        break;
+                case "LINK":
+                case "SCRIPT":
+                case "STYLE":
+                    break;
+                default:
+                    html.push(child.outerHTML);
+                    break;
                 }
             }
             const codeBlocks = MarkdownCodeBlock.requestHighlightCodeBlock(root);
-            postNotebookMessage('renderedMarkup', {
+            postNotebookMessage("renderedMarkup", {
                 cellId: this.id,
-                html: html.join(''),
+                html: html.join(""),
                 codeBlocks
             });
             dimensionUpdater.updateHeight(this.id, this.element.offsetHeight, {
@@ -1958,20 +2124,19 @@ async function webviewPreloads(ctx) {
             });
         }
         show(top, newContent, metadata) {
-            this.element.style.visibility = '';
+            this.element.style.visibility = "";
             this.element.style.top = `${top}px`;
-            if (typeof newContent === 'string' || metadata) {
+            if (typeof newContent === "string" || metadata) {
                 this.updateContentAndRender(newContent ?? this._content.value, metadata ?? this._content.metadata);
-            }
-            else {
+            } else {
                 this.updateMarkupDimensions();
             }
         }
         hide() {
-            this.element.style.visibility = 'hidden';
+            this.element.style.visibility = "hidden";
         }
         unhide() {
-            this.element.style.visibility = '';
+            this.element.style.visibility = "";
             this.updateMarkupDimensions();
         }
         remove() {
@@ -1983,30 +2148,29 @@ async function webviewPreloads(ctx) {
             });
         }
         setSelected(selected) {
-            this.element.classList.toggle('selected', selected);
+            this.element.classList.toggle("selected", selected);
         }
         toggleDragDropEnabled(enabled) {
             if (enabled) {
-                this.element.classList.add('draggable');
-                this.element.setAttribute('draggable', 'true');
-            }
-            else {
-                this.element.classList.remove('draggable');
-                this.element.removeAttribute('draggable');
+                this.element.classList.add("draggable");
+                this.element.setAttribute("draggable", "true");
+            } else {
+                this.element.classList.remove("draggable");
+                this.element.removeAttribute("draggable");
             }
         }
     }
     class OutputCell {
         constructor(cellId) {
             this.outputElements = ( new Map());
-            const container = window.document.getElementById('container');
+            const container = window.document.getElementById("container");
             const upperWrapperElement = createFocusSink(cellId);
             container.appendChild(upperWrapperElement);
-            this.element = document.createElement('div');
-            this.element.style.position = 'absolute';
-            this.element.style.outline = '0';
+            this.element = document.createElement("div");
+            this.element.style.position = "absolute";
+            this.element.style.outline = "0";
             this.element.id = cellId;
-            this.element.classList.add('cell_container');
+            this.element.classList.add("cell_container");
             container.appendChild(this.element);
             this.element = this.element;
             const lowerWrapperElement = createFocusSink(cellId, true);
@@ -2031,14 +2195,14 @@ async function webviewPreloads(ctx) {
             const startTime = Date.now();
             const outputElement  = this.createOutputElement(data);
             await outputElement.render(data.content, data.rendererId, preloadErrors, signal);
-            outputElement .element.style.visibility = data.initiallyHidden ? 'hidden' : '';
+            outputElement .element.style.visibility = data.initiallyHidden ? "hidden" : "";
             if (!!data.executionId && !!data.rendererId) {
                 let outputSize = undefined;
                 if (data.content.type === 1 ) {
                     outputSize = data.content.output.valueBytes.length;
                 }
                 if (outputSize !== undefined && outputSize > 0 && outputSize < 100 * 1024) {
-                    postNotebookMessage('notebookPerformanceMessage', {
+                    postNotebookMessage("notebookPerformanceMessage", {
                         cellId: data.cellId,
                         executionId: data.executionId,
                         duration: Date.now() - startTime,
@@ -2059,11 +2223,11 @@ async function webviewPreloads(ctx) {
             if (!outputContainer) {
                 return;
             }
-            this.element.style.visibility = '';
+            this.element.style.visibility = "";
             this.element.style.top = `${top}px`;
         }
         hide() {
-            this.element.style.visibility = 'hidden';
+            this.element.style.visibility = "hidden";
         }
         updateContentAndRerender(outputId, content) {
             this.outputElements.get(outputId)?.updateContentAndRender(content);
@@ -2077,11 +2241,11 @@ async function webviewPreloads(ctx) {
             if (outputElement) {
                 outputElement.updateScroll(request.outputOffset);
                 if (request.forceDisplay && outputElement.outputNode) {
-                    outputElement.outputNode.element.style.visibility = '';
+                    outputElement.outputNode.element.style.visibility = "";
                 }
             }
             if (request.forceDisplay) {
-                this.element.style.visibility = '';
+                this.element.style.visibility = "";
             }
         }
     }
@@ -2091,11 +2255,13 @@ async function webviewPreloads(ctx) {
         }
         constructor(outputId) {
             this.outputId = outputId;
-            this.element = document.createElement('div');
-            this.element.classList.add('output_container');
-            this.element.setAttribute('data-vscode-context', JSON.stringify({ 'preventDefaultContextMenuItems': true }));
-            this.element.style.position = 'absolute';
-            this.element.style.overflow = 'hidden';
+            this.element = document.createElement("div");
+            this.element.classList.add("output_container");
+            this.element.setAttribute("data-vscode-context", JSON.stringify({
+                "preventDefaultContextMenuItems": true
+            }));
+            this.element.style.position = "absolute";
+            this.element.style.overflow = "hidden";
         }
         dispose() {
             this._outputNode?.dispose();
@@ -2114,8 +2280,8 @@ async function webviewPreloads(ctx) {
             this.element.style.top = `${outputOffset}px`;
         }
         createOutputElement(outputId, outputOffset, left, cellId) {
-            this.element.innerText = '';
-            this.element.style.maxHeight = '0px';
+            this.element.innerText = "";
+            this.element.style.maxHeight = "0px";
             this.element.style.top = `${outputOffset}px`;
             this._outputNode?.dispose();
             this._outputNode = ( new OutputElement(outputId, left, cellId));
@@ -2128,7 +2294,7 @@ async function webviewPreloads(ctx) {
     }
     vscode.postMessage({
         __vscode_notebook_message: true,
-        type: 'initialized'
+        type: "initialized"
     });
     for (const preload of ctx.staticPreloadsData) {
         kernelPreloads.load(preload.entrypoint);
@@ -2146,39 +2312,43 @@ async function webviewPreloads(ctx) {
             this.cellId = cellId;
             this.hasResizeObserver = false;
             this.isImageOutput = false;
-            this.element = document.createElement('div');
+            this.element = document.createElement("div");
             this.element.id = outputId;
-            this.element.classList.add('output');
-            this.element.style.position = 'absolute';
+            this.element.classList.add("output");
+            this.element.style.position = "absolute";
             this.element.style.top = `0px`;
-            this.element.style.left = left + 'px';
+            this.element.style.left = left + "px";
             this.element.style.padding = `${ctx.style.outputNodePadding}px ${ctx.style.outputNodePadding}px ${ctx.style.outputNodePadding}px ${ctx.style.outputNodeLeftPadding}`;
-            this.element.addEventListener('mouseenter', () => {
-                postNotebookMessage('mouseenter', { id: outputId });
+            this.element.addEventListener("mouseenter", () => {
+                postNotebookMessage("mouseenter", {
+                    id: outputId
+                });
             });
-            this.element.addEventListener('mouseleave', () => {
-                postNotebookMessage('mouseleave', { id: outputId });
+            this.element.addEventListener("mouseleave", () => {
+                postNotebookMessage("mouseleave", {
+                    id: outputId
+                });
             });
-            this.element.addEventListener('dragstart', (e) => {
+            this.element.addEventListener("dragstart", e => {
                 if (!e.dataTransfer) {
                     return;
                 }
                 const outputData = {
-                    outputId: this.outputId,
+                    outputId: this.outputId
                 };
-                e.dataTransfer.setData('notebook-cell-output', JSON.stringify(outputData));
+                e.dataTransfer.setData("notebook-cell-output", JSON.stringify(outputData));
             });
-            window.addEventListener('keydown', (e) => {
+            window.addEventListener("keydown", e => {
                 if (e.altKey) {
                     this.element.draggable = true;
                 }
             });
-            window.addEventListener('keyup', (e) => {
+            window.addEventListener("keyup", e => {
                 if (!e.altKey) {
                     this.element.draggable = this.isImageOutput;
                 }
             });
-            window.addEventListener('blur', () => {
+            window.addEventListener("blur", () => {
                 this.element.draggable = this.isImageOutput;
             });
         }
@@ -2189,27 +2359,34 @@ async function webviewPreloads(ctx) {
         async render(content, preferredRendererId, preloadErrors, signal) {
             this.renderTaskAbort?.abort();
             this.renderTaskAbort = undefined;
-            this._content = { preferredRendererId, preloadErrors };
+            this._content = {
+                preferredRendererId,
+                preloadErrors
+            };
             if (content.type === 0 ) {
                 const trustedHtml = ttPolicy?.createHTML(content.htmlContent) ?? content.htmlContent;
                 this.element.innerHTML = trustedHtml;
-            }
-            else if (( preloadErrors.some(e => e instanceof Error))) {
-                const errors = preloadErrors.filter((e) => e instanceof Error);
+            } else if (( preloadErrors.some(e => e instanceof Error))) {
+                const errors = preloadErrors.filter(e => e instanceof Error);
                 showRenderError(`Error loading preloads`, this.element, errors);
-            }
-            else {
-                const imageMimeTypes = ['image/png', 'image/jpeg', 'image/svg'];
+            } else {
+                const imageMimeTypes = ["image/png", "image/jpeg", "image/svg"];
                 this.isImageOutput = imageMimeTypes.includes(content.output.mime);
                 this.element.draggable = this.isImageOutput;
-                const item = createOutputItem(this.outputId, content.output.mime, content.metadata, content.output.valueBytes, content.allOutputs, content.output.appended);
+                const item = createOutputItem(
+                    this.outputId,
+                    content.output.mime,
+                    content.metadata,
+                    content.output.valueBytes,
+                    content.allOutputs,
+                    content.output.appended
+                );
                 const controller = ( new AbortController());
                 this.renderTaskAbort = controller;
-                signal?.addEventListener('abort', () => controller.abort());
+                signal?.addEventListener("abort", () => controller.abort());
                 try {
                     await renderers.render(item, preferredRendererId, this.element, controller.signal);
-                }
-                finally {
+                } finally {
                     if (this.renderTaskAbort === controller) {
                         this.renderTaskAbort = undefined;
                     }
@@ -2223,30 +2400,28 @@ async function webviewPreloads(ctx) {
             const cps = document.defaultView.getComputedStyle(this.element);
             const verticalPadding = parseFloat(cps.paddingTop) + parseFloat(cps.paddingBottom);
             const contentHeight = offsetHeight - verticalPadding;
-            if (elementHasContent(contentHeight) && cps.padding === '0px') {
+            if (elementHasContent(contentHeight) && cps.padding === "0px") {
                 dimensionUpdater.updateHeight(this.outputId, offsetHeight + ctx.style.outputNodePadding * 2, {
                     isOutput: true,
                     init: true
                 });
                 this.element.style.padding = `${ctx.style.outputNodePadding}px ${ctx.style.outputNodePadding}px ${ctx.style.outputNodePadding}px ${ctx.style.outputNodeLeftPadding}`;
-            }
-            else if (elementHasContent(contentHeight)) {
+            } else if (elementHasContent(contentHeight)) {
                 dimensionUpdater.updateHeight(this.outputId, this.element.offsetHeight, {
                     isOutput: true,
                     init: true
                 });
                 this.element.style.padding = `0 ${ctx.style.outputNodePadding}px 0 ${ctx.style.outputNodeLeftPadding}`;
-            }
-            else {
+            } else {
                 dimensionUpdater.updateHeight(this.outputId, 0, {
                     isOutput: true,
-                    init: true,
+                    init: true
                 });
             }
             const root = this.element.shadowRoot ?? this.element;
             const codeBlocks = MarkdownCodeBlock.requestHighlightCodeBlock(root);
             if (codeBlocks.length > 0) {
-                postNotebookMessage('renderedCellOutput', {
+                postNotebookMessage("renderedCellOutput", {
                     codeBlocks
                 });
             }
@@ -2259,21 +2434,21 @@ async function webviewPreloads(ctx) {
     }
     const markupCellDragManager = new (class MarkupCellDragManager {
         constructor() {
-            window.document.addEventListener('dragover', e => {
+            window.document.addEventListener("dragover", e => {
                 e.preventDefault();
             });
-            window.document.addEventListener('drop', e => {
+            window.document.addEventListener("drop", e => {
                 e.preventDefault();
                 const drag = this.currentDrag;
                 if (!drag) {
                     return;
                 }
                 this.currentDrag = undefined;
-                postNotebookMessage('cell-drop', {
+                postNotebookMessage("cell-drop", {
                     cellId: drag.cellId,
                     ctrlKey: e.ctrlKey,
                     altKey: e.altKey,
-                    dragOffsetY: e.clientY,
+                    dragOffsetY: e.clientY
                 });
             });
         }
@@ -2284,32 +2459,35 @@ async function webviewPreloads(ctx) {
             if (!currentOptions.dragAndDropEnabled) {
                 return;
             }
-            this.currentDrag = { cellId, clientY: e.clientY };
+            this.currentDrag = {
+                cellId,
+                clientY: e.clientY
+            };
             const overlayZIndex = 9999;
             if (!this.dragOverlay) {
-                this.dragOverlay = document.createElement('div');
-                this.dragOverlay.style.position = 'absolute';
-                this.dragOverlay.style.top = '0';
-                this.dragOverlay.style.left = '0';
+                this.dragOverlay = document.createElement("div");
+                this.dragOverlay.style.position = "absolute";
+                this.dragOverlay.style.top = "0";
+                this.dragOverlay.style.left = "0";
                 this.dragOverlay.style.zIndex = `${overlayZIndex}`;
-                this.dragOverlay.style.width = '100%';
-                this.dragOverlay.style.height = '100%';
-                this.dragOverlay.style.background = 'transparent';
+                this.dragOverlay.style.width = "100%";
+                this.dragOverlay.style.height = "100%";
+                this.dragOverlay.style.background = "transparent";
                 window.document.body.appendChild(this.dragOverlay);
             }
             e.target.style.zIndex = `${overlayZIndex + 1}`;
-            e.target.classList.add('dragging');
-            postNotebookMessage('cell-drag-start', {
+            e.target.classList.add("dragging");
+            postNotebookMessage("cell-drag-start", {
                 cellId: cellId,
-                dragOffsetY: e.clientY,
+                dragOffsetY: e.clientY
             });
             const trySendDragUpdate = () => {
                 if (this.currentDrag?.cellId !== cellId) {
                     return;
                 }
-                postNotebookMessage('cell-drag', {
+                postNotebookMessage("cell-drag", {
                     cellId: cellId,
-                    dragOffsetY: this.currentDrag.clientY,
+                    dragOffsetY: this.currentDrag.clientY
                 });
                 window.requestAnimationFrame(trySendDragUpdate);
             };
@@ -2318,26 +2496,36 @@ async function webviewPreloads(ctx) {
         updateDrag(e, cellId) {
             if (cellId !== this.currentDrag?.cellId) {
                 this.currentDrag = undefined;
-            }
-            else {
-                this.currentDrag = { cellId, clientY: e.clientY };
+            } else {
+                this.currentDrag = {
+                    cellId,
+                    clientY: e.clientY
+                };
             }
         }
         endDrag(e, cellId) {
             this.currentDrag = undefined;
-            e.target.classList.remove('dragging');
-            postNotebookMessage('cell-drag-end', {
+            e.target.classList.remove("dragging");
+            postNotebookMessage("cell-drag-end", {
                 cellId: cellId
             });
             if (this.dragOverlay) {
                 this.dragOverlay.remove();
                 this.dragOverlay = undefined;
             }
-            e.target.style.zIndex = '';
+            e.target.style.zIndex = "";
         }
     })();
 }
-function preloadsScriptStr(styleValues, options, renderOptions, renderers, preloads, isWorkspaceTrusted, nonce) {
+function preloadsScriptStr(
+    styleValues,
+    options,
+    renderOptions,
+    renderers,
+    preloads,
+    isWorkspaceTrusted,
+    nonce
+) {
     const ctx = {
         style: styleValues,
         options,
@@ -2345,13 +2533,13 @@ function preloadsScriptStr(styleValues, options, renderOptions, renderers, prelo
         rendererData: renderers,
         staticPreloadsData: preloads,
         isWorkspaceTrusted,
-        nonce,
+        nonce
     };
     return `
-		const __import = (x) => import(x);
-		(${webviewPreloads})(
-			JSON.parse(decodeURIComponent("${encodeURIComponent(JSON.stringify(ctx))}"))
-		)\n//# sourceURL=notebookWebviewPreloads.js\n`;
+        const __import = (x) => import(x);
+        (${webviewPreloads})(
+            JSON.parse(decodeURIComponent("${encodeURIComponent(JSON.stringify(ctx))}"))
+        )\n//# sourceURL=notebookWebviewPreloads.js\n`;
 }
 
 export { preloadsScriptStr };