feat: improve open source funtionality (#61)

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

Author: AlemTuzlak

.changeset/rude-ideas-carry.md

@@ -0,0 +1,5 @@
+---
+'@tanstack/devtools-vite': patch
+---
+
+add better handling for open source to respect parent info

docs/config.json

@@ -24,9 +24,12 @@
         {
           "label": "Installation",
           "to": "installation"
+        },
+        {
+          "label": "Vite plugin",
+          "to": "vite-plugin"
         }
       ],
-
       "frameworks": [
         {
           "label": "react",
@@ -56,7 +59,6 @@
         }
       ]
     },
-
     {
       "label": "Guides",
       "children": [],
@@ -76,7 +78,6 @@
         }
       ]
     },
-
     {
       "label": "API Reference",
       "children": [
@@ -106,7 +107,6 @@
         }
       ]
     },
-
     {
       "label": "Examples",
       "children": [],
@@ -140,4 +140,4 @@
       ]
     }
   ]
-}
+}

docs/framework/solid/reference/functions/tanstackdevtools.md

@@ -8,17 +8,17 @@ title: TanStackDevtools
 # Function: TanStackDevtools()
 
 ```ts
-function TanStackDevtools(__namedParameters): Element
+function TanStackDevtools(props): any
 ```
 
-Defined in: [devtools.tsx:96](https://github.com/TanStack/devtools/blob/main/packages/solid-devtools/src/devtools.tsx#L96)
+Defined in: [index.ts:4](https://github.com/TanStack/devtools/blob/main/packages/solid-devtools/src/index.ts#L4)
 
 ## Parameters
 
-### \_\_namedParameters
+### props
 
-`TanStackDevtoolsInit`
+`TanStackDevtoolsInit` & `object`
 
 ## Returns
 
-`Element`
+`any`

docs/framework/solid/reference/type-aliases/tanstackdevtoolssolidplugin.md

@@ -11,7 +11,7 @@ title: TanStackDevtoolsSolidPlugin
 type TanStackDevtoolsSolidPlugin = Omit<TanStackDevtoolsPlugin, "render" | "name"> & object;
 ```
 
-Defined in: [devtools.tsx:21](https://github.com/TanStack/devtools/blob/main/packages/solid-devtools/src/devtools.tsx#L21)
+Defined in: [core.tsx:21](https://github.com/TanStack/devtools/blob/main/packages/solid-devtools/src/core.tsx#L21)
 
 ## Type declaration
 

docs/vite-plugin.md

@@ -70,6 +70,8 @@ export default {
 - `editor` - The open in editor configuration which has two fields, `name` and `open`,
 `name` is the name of your editor, and `open` is a function that opens the editor with the given file and line number. You can implement your version for your editor as follows:
 
+> [!IMPORTANT] `editor` is only needed for editors that are NOT VS Code, by default this works OOTB with VS Code.
+
 ```ts
 const open = (file: string, line: number) => {
   // implement your editor opening logic here
@@ -94,6 +96,16 @@ const open = (file: string, line: number) => {
 }
 ```
 
+- `injectSource` - Configuration for source injection. Defaults to enabled.
+
+```ts
+{
+  injectSource: {
+    enabled: true
+  }
+}
+```
+
 ## Features
 
 ### Go to source

examples/react/basic/src/button-with-props-only.tsx

@@ -0,0 +1,5 @@
+import { Button } from './button'
+
+export const ButtonWithProps = (props: { children: React.ReactNode }) => {
+  return <Button {...props} />
+}

examples/react/basic/src/button.tsx

@@ -0,0 +1,3 @@
+export const Button = (props: any) => {
+  return <button {...props} />
+}

examples/react/basic/src/feature.tsx

@@ -0,0 +1,12 @@
+import { Button } from './button'
+import { ButtonWithProps } from './button-with-props-only'
+
+export const Feature = () => {
+  return (
+    <div>
+      <h2>Feature component</h2>
+      <Button>Nested</Button>
+      <ButtonWithProps>With props</ButtonWithProps>
+    </div>
+  )
+}

examples/react/basic/src/index.tsx

@@ -1,6 +1,8 @@
 import { createRoot } from 'react-dom/client'
 import Devtools from './setup'
 import { queryPlugin } from './plugin'
+import { Button } from './button'
+import { Feature } from './feature'
 
 setTimeout(() => {
   queryPlugin.emit('test', {
@@ -18,6 +20,8 @@ function App() {
   return (
     <div>
       <h1>TanStack Devtools React Basic Example</h1>
+      <Button>Click me</Button>
+      <Feature />
       <Devtools />
     </div>
   )

packages/devtools-vite/package.json

@@ -62,6 +62,7 @@
   "devDependencies": {
     "@types/babel__core": "^7.20.5",
     "@types/babel__generator": "^7.27.0",
-    "@types/babel__traverse": "^7.28.0"
+    "@types/babel__traverse": "^7.28.0",
+    "happy-dom": "^18.0.1"
   }
 }