@tanstack/devtools-utils 0.3.3 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/bin/intent.js +20 -0
  2. package/dist/preact/esm/index.js +1 -5
  3. package/dist/preact/esm/panel.d.ts +4 -5
  4. package/dist/preact/esm/panel.js +48 -28
  5. package/dist/preact/esm/panel.js.map +1 -1
  6. package/dist/preact/esm/plugin.d.ts +3 -2
  7. package/dist/preact/esm/plugin.js +20 -22
  8. package/dist/preact/esm/plugin.js.map +1 -1
  9. package/dist/react/esm/index.js +1 -5
  10. package/dist/react/esm/panel.d.ts +4 -4
  11. package/dist/react/esm/panel.js +47 -28
  12. package/dist/react/esm/panel.js.map +1 -1
  13. package/dist/react/esm/plugin.d.ts +3 -2
  14. package/dist/react/esm/plugin.js +20 -22
  15. package/dist/react/esm/plugin.js.map +1 -1
  16. package/dist/solid/esm/chunk/{ZXPCWXRH.js → 7TSS377A.js} +2 -10
  17. package/dist/solid/esm/chunk/{UX5ZZ4MG.js → WUD4VD3N.js} +2 -10
  18. package/dist/solid/esm/class-mount-impl/5TF6RAHJ.js +1 -0
  19. package/dist/solid/esm/class-mount-impl/VN5QTPB3.js +1 -0
  20. package/dist/solid/esm/dev.js +9 -11
  21. package/dist/solid/esm/index.d.ts +10 -10
  22. package/dist/solid/esm/index.js +9 -11
  23. package/dist/solid/esm/server.js +8 -10
  24. package/dist/solid-class/esm/class-mount-impl.d.ts +3 -2
  25. package/dist/solid-class/esm/class-mount-impl.js +17 -23
  26. package/dist/solid-class/esm/class-mount-impl.js.map +1 -1
  27. package/dist/solid-class/esm/class.d.ts +4 -3
  28. package/dist/solid-class/esm/class.js +57 -54
  29. package/dist/solid-class/esm/class.js.map +1 -1
  30. package/dist/solid-class/esm/panel.d.ts +3 -3
  31. package/dist/solid-class/esm/plugin.d.ts +3 -2
  32. package/dist/vue/esm/index.js +1 -5
  33. package/dist/vue/esm/panel.d.ts +3 -3
  34. package/dist/vue/esm/panel.js +36 -45
  35. package/dist/vue/esm/panel.js.map +1 -1
  36. package/dist/vue/esm/plugin.js +20 -19
  37. package/dist/vue/esm/plugin.js.map +1 -1
  38. package/package.json +12 -9
  39. package/skills/devtools-framework-adapters/SKILL.md +263 -0
  40. package/skills/devtools-framework-adapters/references/preact.md +262 -0
  41. package/skills/devtools-framework-adapters/references/react.md +241 -0
  42. package/skills/devtools-framework-adapters/references/solid.md +274 -0
  43. package/skills/devtools-framework-adapters/references/vue.md +270 -0
  44. package/src/preact/panel.tsx +6 -7
  45. package/src/preact/plugin.tsx +4 -3
  46. package/src/react/panel.tsx +6 -7
  47. package/src/react/plugin.tsx +4 -3
  48. package/src/solid/class-mount-impl.tsx +7 -10
  49. package/src/solid/class.test.tsx +43 -12
  50. package/src/solid/class.ts +15 -4
  51. package/src/solid/panel.tsx +6 -7
  52. package/src/solid/plugin.tsx +4 -3
  53. package/src/vue/panel.ts +6 -7
  54. package/dist/preact/esm/index.js.map +0 -1
  55. package/dist/react/esm/index.js.map +0 -1
  56. package/dist/solid/esm/class-mount-impl/LK7V47IP.js +0 -1
  57. package/dist/solid/esm/class-mount-impl/ZAIAXV4M.js +0 -1
  58. package/dist/vue/esm/index.js.map +0 -1
package/src/vue/panel.ts CHANGED
@@ -1,20 +1,19 @@
1
1
  import { defineComponent, h, onMounted, onUnmounted, ref } from 'vue'
2
+ import type { TanStackDevtoolsPluginProps } from '@tanstack/devtools'
2
3
  import type { DefineComponent } from 'vue'
3
4
 
4
- export interface DevtoolsPanelProps {
5
- theme?: 'dark' | 'light' | 'system'
6
- }
5
+ export interface DevtoolsPanelProps extends TanStackDevtoolsPluginProps {}
7
6
 
8
7
  export function createVuePanel<
9
8
  TComponentProps extends DevtoolsPanelProps,
10
9
  TCoreDevtoolsClass extends {
11
- mount: (el: HTMLElement, theme?: DevtoolsPanelProps['theme']) => void
10
+ mount: (el: HTMLElement, props?: TanStackDevtoolsPluginProps) => void
12
11
  unmount: () => void
13
12
  },
14
13
  >(CoreClass: new (props: TComponentProps) => TCoreDevtoolsClass) {
15
14
  const props = {
16
- theme: {
17
- type: String as () => DevtoolsPanelProps['theme'],
15
+ props: {
16
+ type: Object as () => DevtoolsPanelProps,
18
17
  },
19
18
  devtoolsProps: {
20
19
  type: Object as () => TComponentProps,
@@ -32,7 +31,7 @@ export function createVuePanel<
32
31
  devtools.value = instance
33
32
 
34
33
  if (devToolRef.value) {
35
- instance.mount(devToolRef.value, config.theme)
34
+ instance.mount(devToolRef.value, config.props)
36
35
  }
37
36
  })
38
37
 
package/dist/preact/esm/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
package/dist/react/esm/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
package/dist/solid/esm/class-mount-impl/LK7V47IP.js DELETED
@@ -1 +0,0 @@
1
- export { __mountComponent } from '../chunk/UX5ZZ4MG.js';
package/dist/solid/esm/class-mount-impl/ZAIAXV4M.js DELETED
@@ -1 +0,0 @@
1
- export { __mountComponent } from '../chunk/ZXPCWXRH.js';
package/dist/vue/esm/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}