diff --git a/.changeset/green-tips-do.md b/.changeset/green-tips-do.md new file mode 100644 index 000000000..7a63120a1 --- /dev/null +++ b/.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 diff --git a/packages/react-form-devtools/src/production.ts b/packages/react-form-devtools/src/production.ts index 98685231c..58c670acd 100644 --- a/packages/react-form-devtools/src/production.ts +++ b/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' diff --git a/packages/react-form-devtools/src/production/FormDevtools.tsx b/packages/react-form-devtools/src/production/FormDevtools.tsx new file mode 100644 index 000000000..dd67cd27c --- /dev/null +++ b/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 } diff --git a/packages/react-form-devtools/src/production/plugin.tsx b/packages/react-form-devtools/src/production/plugin.tsx new file mode 100644 index 000000000..17de80058 --- /dev/null +++ b/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 } diff --git a/packages/solid-form-devtools/src/production.ts b/packages/solid-form-devtools/src/production.ts index cc8f6131d..98ad662f0 100644 --- a/packages/solid-form-devtools/src/production.ts +++ b/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' diff --git a/packages/solid-form-devtools/src/production/FormDevtools.tsx b/packages/solid-form-devtools/src/production/FormDevtools.tsx new file mode 100644 index 000000000..687143dd1 --- /dev/null +++ b/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 } diff --git a/packages/solid-form-devtools/src/production/plugin.tsx b/packages/solid-form-devtools/src/production/plugin.tsx new file mode 100644 index 000000000..7659723db --- /dev/null +++ b/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 }