devtools move production exports to dedicated subdirectory (#1989)

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

Author: 3 people

.changeset/green-tips-do.md

@@ -0,0 +1,6 @@
+---
+'@tanstack/react-form-devtools': patch
+'@tanstack/solid-form-devtools': patch
+---
+
+use explicit paths for the devtools production exports

packages/react-form-devtools/src/production.ts

@@ -1,7 +1,7 @@
 'use client'
 
-export { FormDevtoolsPanel } from './FormDevtools'
+export { FormDevtoolsPanel } from './production/FormDevtools'
 
-export type { FormDevtoolsReactInit } from './FormDevtools'
+export type { FormDevtoolsReactInit } from './production/FormDevtools'
 
-export { formDevtoolsPlugin } from './plugin'
+export { formDevtoolsPlugin } from './production/plugin'

packages/react-form-devtools/src/production/FormDevtools.tsx

@@ -0,0 +1,11 @@
+import { createReactPanel } from '@tanstack/devtools-utils/react'
+import { FormDevtoolsCore } from '@tanstack/form-devtools/production'
+
+// type
+import type { DevtoolsPanelProps } from '@tanstack/devtools-utils/react'
+
+export interface FormDevtoolsReactInit extends DevtoolsPanelProps {}
+
+const [FormDevtoolsPanel] = createReactPanel(FormDevtoolsCore)
+
+export { FormDevtoolsPanel }

packages/react-form-devtools/src/production/plugin.tsx

@@ -0,0 +1,9 @@
+import { createReactPlugin } from '@tanstack/devtools-utils/react'
+import { FormDevtoolsPanel } from './FormDevtools'
+
+const [formDevtoolsPlugin] = createReactPlugin({
+  name: 'TanStack Form',
+  Component: FormDevtoolsPanel,
+})
+
+export { formDevtoolsPlugin }

packages/solid-form-devtools/src/production.ts

@@ -1,5 +1,5 @@
 export { FormDevtoolsPanel } from './FormDevtools'
 
-export type { FormDevtoolsSolidInit } from './FormDevtools'
+export type { FormDevtoolsSolidInit } from './production/FormDevtools'
 
-export { formDevtoolsPlugin } from './plugin'
+export { formDevtoolsPlugin } from './production/plugin'

packages/solid-form-devtools/src/production/FormDevtools.tsx

@@ -0,0 +1,10 @@
+import { createSolidPanel } from '@tanstack/devtools-utils/solid'
+import { FormDevtoolsCore } from '@tanstack/form-devtools/production'
+
+import type { DevtoolsPanelProps } from '@tanstack/devtools-utils/solid'
+
+const [FormDevtoolsPanel] = createSolidPanel(FormDevtoolsCore)
+
+export interface FormDevtoolsSolidInit extends DevtoolsPanelProps {}
+
+export { FormDevtoolsPanel }

packages/solid-form-devtools/src/production/plugin.tsx

@@ -0,0 +1,9 @@
+import { createSolidPlugin } from '@tanstack/devtools-utils/solid'
+import { FormDevtoolsPanel } from './FormDevtools'
+
+const [formDevtoolsPlugin] = createSolidPlugin({
+  name: 'TanStack Form',
+  Component: FormDevtoolsPanel,
+})
+
+export { formDevtoolsPlugin }