Remove element field from SourceCodeData

Author: thetarnav

.changeset/light-friends-film.md

@@ -0,0 +1,5 @@
+---
+"@solid-devtools/debugger": minor
+---
+
+Remove element field from SourceCodeData

packages/debugger/src/locator/index.ts

@@ -165,7 +165,7 @@ export function createLocator<TEl extends object>(props: {
             }
 
             let source_code_data = comp.location
-                ? locator.getSourceCodeData(comp.location, comp.element as any)
+                ? locator.getSourceCodeData(comp.location)
                 : null
 
             // intercept on-page components clicks and send them to the devtools overlay
@@ -210,14 +210,13 @@ export function createLocator<TEl extends object>(props: {
         setDevtoolsHighlightTarget(target: locator.HighlightElementPayload) {
             setDevtoolsTarget(target)
         },
-        openElementSourceCode(location: SourceLocation, element: locator.SourceCodeData['element']) {
+        openElementSourceCode(location: SourceLocation) {
             if (!target_ide) return warn('Please set `targetIDE` it in useLocator options.')
             const projectPath = locator.getProjectPath()
             if (!projectPath) return warn('projectPath is not set.')
             locator.openSourceCode(target_ide, {
                 ...location,
                 projectPath,
-                element,
             })
         },
     }

packages/debugger/src/locator/locator.ts

@@ -28,7 +28,6 @@ export type TargetIDE = 'vscode' | 'webstorm' | 'atom' | 'vscode-insiders'
 
 export type SourceCodeData = SourceLocation & {
     projectPath: string
-    element: HTMLElement | string | undefined
 }
 
 export type TargetURLFunction = (data: SourceCodeData) => string | void
@@ -65,13 +64,12 @@ export const getProjectPath = (): string | undefined => (window as any)[WINDOW_P
 
 export function getSourceCodeData(
     location: SourceLocation,
-    element: SourceCodeData['element'],
 ): SourceCodeData | undefined {
 
     let projectPath: string | undefined = getProjectPath()
     if (projectPath == null) return
 
-    return {...location, projectPath, element}
+    return {...location, projectPath}
 }
 
 /**

packages/debugger/src/main/index.ts

@@ -208,7 +208,7 @@ function createDebugger<TEl extends object>(
     // Opens the source code of the inspected component
     function openInspectedNodeLocation() {
         const details = inspector.getLastDetails()
-        details?.location && locator.openElementSourceCode(details.location, details.name)
+        details?.location && locator.openElementSourceCode(details.location)
     }
 
     // send the state of the client locator mode