Merge pull request #7785 from LazyClicks/main

fix: Alt + click not working on windows and mac

Author: LazyClicks

.changeset/thirty-monkeys-knock.md

@@ -0,0 +1,5 @@
+---
+'@builder.io/qwik': patch
+---
+
+FIX: fix up open in editor feature

packages/qwik/src/optimizer/src/plugins/click-to-component.html

@@ -10,6 +10,7 @@
     cursor: pointer;
     z-index: 999999;
   }
+
   #qwik-inspector-info-popup {
     position: fixed;
     bottom: 10px;
@@ -28,13 +29,16 @@
     z-index: 999999;
     contain: layout;
   }
+
   #qwik-inspector-info-popup p {
     margin: 0px;
   }
+
   @-webkit-keyframes fadeOut {
     0% {
       opacity: 1;
     }
+
     100% {
       opacity: 0;
     }
@@ -44,6 +48,7 @@
     0% {
       opacity: 1;
     }
+
     100% {
       opacity: 0;
       visibility: hidden;
@@ -145,14 +150,23 @@
     globalThis.qwikOpenInEditor = function (path) {
       const isWindows = navigator.platform.includes('Win');
       const resolvedURL = new URL(path, isWindows ? origin : srcDir);
-      if (resolvedURL.origin === origin) {
-        const params = new URLSearchParams();
-        const prefix = isWindows ? srcDir : '';
-        params.set('file', prefix + resolvedURL.pathname);
-        fetch('/__open-in-editor?' + params.toString());
+      const prefix = isWindows ? srcDir : srcDir.replace('http://local.local', '');
+      const params = new URLSearchParams();
+      const filePath =
+        resolvedURL.protocol === 'file:' && resolvedURL.pathname.startsWith('/')
+          ? resolvedURL.pathname.slice(1)
+          : resolvedURL.pathname;
+      let finalPath;
+      if (filePath.startsWith(prefix)) {
+        finalPath = filePath;
       } else {
-        location.href = resolvedURL.href;
+        // remove the extra src from filePath as prefix already contains it
+        const cleaned = filePath.replace(/^[/\\]?src[/\\]/, '');
+        const sep = isWindows ? '\\' : '/';
+        finalPath = prefix.endsWith(sep) ? prefix + cleaned : prefix + sep + cleaned;
       }
+      params.set('file', finalPath);
+      fetch('/__open-in-editor?' + params.toString());
     };
     document.addEventListener(
       'contextmenu',