Fix can't open file in VS Code 1.84 (#75)

fix: vscode url with absolute path

packages/click-to-react-component/src/ClickToComponent.js

@@ -10,6 +10,7 @@ import * as React from 'react'
 import { ContextMenu } from './ContextMenu.js'
 import { getPathToSource } from './getPathToSource.js'
 import { getSourceForElement } from './getSourceForElement.js'
+import { getUrl } from './getUrl.js'
 
 export const State = /** @type {const} */ ({
   IDLE: 'IDLE',
@@ -41,7 +42,10 @@ export function ClickToComponent({ editor = 'vscode' }) {
       if (state === State.HOVER && target instanceof HTMLElement) {
         const source = getSourceForElement(target)
         const path = getPathToSource(source)
-        const url = `${editor}://file/${path}`
+        const url = getUrl({
+          editor,
+          pathToSource: path,
+        })
 
         event.preventDefault()
         window.location.assign(url)
@@ -55,7 +59,11 @@ export function ClickToComponent({ editor = 'vscode' }) {
   const onClose = React.useCallback(
     function handleClose(returnValue) {
       if (returnValue) {
-        const url = `${editor}://file/${returnValue}`
+        const url = getUrl({
+          editor,
+          pathToSource: returnValue,
+        })
+
         window.location.assign(url)
       }
 

packages/click-to-react-component/src/getUrl.js

@@ -0,0 +1,13 @@
+/**
+ * @param {Object} param
+ * @param {string} param.editor
+ * @param {string} param.pathToSource
+ */
+export function getUrl({ editor, pathToSource }) {
+  // Fix https://github.com/microsoft/vscode/issues/197319
+  if (pathToSource[0] === '/') {
+    return `${editor}://file${pathToSource}`
+  }
+
+  return `${editor}://file/${pathToSource}`
+}