@visulima/vite-overlay 2.0.0-alpha.25 → 2.0.0-alpha.27

package/CHANGELOG.md

@@ -1,3 +1,21 @@
+## @visulima/vite-overlay [2.0.0-alpha.27](https://github.com/visulima/visulima/compare/@visulima/vite-overlay@2.0.0-alpha.26...@visulima/vite-overlay@2.0.0-alpha.27) (2026-05-16)
+
+
+### Dependencies
+
+* **@visulima/error:** upgraded to 6.0.0-alpha.25
+
+## @visulima/vite-overlay [2.0.0-alpha.26](https://github.com/visulima/visulima/compare/@visulima/vite-overlay@2.0.0-alpha.25...@visulima/vite-overlay@2.0.0-alpha.26) (2026-05-14)
+
+### Miscellaneous Chores
+
+* **vite-overlay:** apply prettier and eslint formatting sweep ([21712b7](https://github.com/visulima/visulima/commit/21712b7acf46f2bef5b1b06c4087282267d9d433))
+
+
+### Dependencies
+
+* **@visulima/error:** upgraded to 6.0.0-alpha.24
+
 ## @visulima/vite-overlay [2.0.0-alpha.25](https://github.com/visulima/visulima/compare/@visulima/vite-overlay@2.0.0-alpha.24...@visulima/vite-overlay@2.0.0-alpha.25) (2026-05-11)
 
 

package/dist/index.js

@@ -356,7 +356,7 @@ class ErrorOverlay extends HTMLElement {
             balloonCount: root.querySelector("#__v_o__balloon_count"),
             balloonGroup: root.querySelector("#__v_o__balloon_group"),
             balloonText: root.querySelector("#__v_o__balloon_text"),
-            fileButton: root.querySelector('button[class*="underline"]'),
+            fileButton: root.querySelector("button[class*=\\"underline\\"]"),
             heading: root.querySelector("#__v_o__heading"),
             historyIndicator: root.querySelector("#__v_o__history_indicator"),
             historyLayerDepth: root.querySelector("#__v_o__history_layer_depth"),
@@ -557,7 +557,7 @@ class ErrorOverlay extends HTMLElement {
                         ? \`\${currentError.originalFilePath}:\${currentError.originalFileLine}:\${currentError.originalFileColumn}\`
                         : "Unknown location",
                     currentError.message || "No error message available",
-                    ...(codeFrame ? ["", codeFrame] : []),
+                    ...codeFrame ? ["", codeFrame] : [],
                     "",
                     "## Stack Trace",
                     currentError.stack || "No stack trace available",
@@ -605,8 +605,8 @@ class ErrorOverlay extends HTMLElement {
      * @private
      */
     _initializeFocusTrap() {
-        const FOCUSABLE_SELECTORS =
-            'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+        const FOCUSABLE_SELECTORS
+            = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\\"-1\\"])";
 
         this._addEventListener(this.root, "keydown", (event) => {
             if (event.key !== "Tab") {
@@ -760,8 +760,8 @@ class ErrorOverlay extends HTMLElement {
                 const stackElement = stackHost && stackHost.querySelector("div:last-child");
 
                 if (stackHost && stackElement) {
-                    const stackText =
-                        mode === "compiled"
+                    const stackText
+                        = mode === "compiled"
                             ? String(currentError.compiledStack || this.__v_oPayload.compiledStack || currentError.stack || "")
                             : String(currentError.originalStack || currentError.stack || this.__v_oPayload.originalStack || this.__v_oPayload.stack || "");
 
@@ -863,8 +863,8 @@ class ErrorOverlay extends HTMLElement {
                 modeSwitch.classList.add("hidden");
             }
 
-            const originalButton = this.root.querySelector('[data-flame-mode="original"]');
-            const compiledButton = this.root.querySelector('[data-flame-mode="compiled"]');
+            const originalButton = this.root.querySelector("[data-flame-mode=\\"original\\"]");
+            const compiledButton = this.root.querySelector("[data-flame-mode=\\"compiled\\"]");
 
             if (originalButton) {
                 originalButton.style.display = hasOriginal ? "" : "none";
@@ -879,7 +879,7 @@ class ErrorOverlay extends HTMLElement {
                     return;
                 }
 
-                let codeFrame = '<div class="no-code-frame font-mono py-4 px-5">No code frame could be generated.</div>';
+                let codeFrame = "<div class=\\"no-code-frame font-mono py-4 px-5\\">No code frame could be generated.</div>";
 
                 // Try current error's code frame first
                 if (mode === "compiled" && currentError.compiledCodeFrameContent) {
@@ -1072,8 +1072,8 @@ class ErrorOverlay extends HTMLElement {
         const isDark = currentTheme === "dark";
 
         const rootElement = this.__elements?.root;
-        const darkButton = this.root.querySelector('[data-v-o-theme-click-value="dark"]');
-        const lightButton = this.root.querySelector('[data-v-o-theme-click-value="light"]');
+        const darkButton = this.root.querySelector("[data-v-o-theme-click-value=\\"dark\\"]");
+        const lightButton = this.root.querySelector("[data-v-o-theme-click-value=\\"light\\"]");
 
         if (isDark) {
             if (darkButton) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visulima/vite-overlay",
-  "version": "2.0.0-alpha.25",
+  "version": "2.0.0-alpha.27",
   "description": "Improved vite overlay",
   "keywords": [
     "error-handling",
@@ -62,7 +62,7 @@
   "dependencies": {
     "@shikijs/cli": "4.0.2",
     "@shikijs/langs": "^4.0.2",
-    "@visulima/error": "6.0.0-alpha.23",
+    "@visulima/error": "6.0.0-alpha.25",
     "fastest-levenshtein": "^1.0.16",
     "shiki": "4.0.2"
   },