@tanstack/react-form 1.23.9 → 1.26.0

package/src/start/createServerValidate.tsx

@@ -1,138 +0,0 @@
-import {
-  isGlobalFormValidationError,
-  isStandardSchemaValidator,
-  standardSchemaValidators,
-} from '@tanstack/form-core'
-import { getHeader } from '@tanstack/react-start/server'
-import { decode } from 'decode-formdata'
-import { ServerValidateError } from './error'
-import { setInternalTanStackCookie } from './utils'
-import type { ServerFormState } from './types'
-import type {
-  FormAsyncValidateOrFn,
-  FormOptions,
-  FormValidateAsyncFn,
-  FormValidateOrFn,
-  UnwrapFormAsyncValidateOrFn,
-} from '@tanstack/form-core'
-
-interface CreateServerValidateOptions<
-  TFormData,
-  TOnMount extends undefined | FormValidateOrFn<TFormData>,
-  TOnChange extends undefined | FormValidateOrFn<TFormData>,
-  TOnChangeAsync extends undefined | FormAsyncValidateOrFn<TFormData>,
-  TOnBlur extends undefined | FormValidateOrFn<TFormData>,
-  TOnBlurAsync extends undefined | FormAsyncValidateOrFn<TFormData>,
-  TOnSubmit extends undefined | FormValidateOrFn<TFormData>,
-  TOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TFormData>,
-  TOnDynamic extends undefined | FormValidateOrFn<TFormData>,
-  TOnDynamicAsync extends undefined | FormAsyncValidateOrFn<TFormData>,
-  TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>,
-  TSubmitMeta,
-> extends FormOptions<
-    TFormData,
-    TOnMount,
-    TOnChange,
-    TOnChangeAsync,
-    TOnBlur,
-    TOnBlurAsync,
-    TOnSubmit,
-    TOnSubmitAsync,
-    TOnDynamic,
-    TOnDynamicAsync,
-    TOnServer,
-    TSubmitMeta
-  > {
-  onServerValidate: TOnServer
-}
-
-export const createServerValidate =
-  <
-    TFormData,
-    TOnMount extends undefined | FormValidateOrFn<TFormData>,
-    TOnChange extends undefined | FormValidateOrFn<TFormData>,
-    TOnChangeAsync extends undefined | FormAsyncValidateOrFn<TFormData>,
-    TOnBlur extends undefined | FormValidateOrFn<TFormData>,
-    TOnBlurAsync extends undefined | FormAsyncValidateOrFn<TFormData>,
-    TOnSubmit extends undefined | FormValidateOrFn<TFormData>,
-    TOnSubmitAsync extends undefined | FormAsyncValidateOrFn<TFormData>,
-    TOnDynamic extends undefined | FormValidateOrFn<TFormData>,
-    TOnDynamicAsync extends undefined | FormAsyncValidateOrFn<TFormData>,
-    TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>,
-    TSubmitMeta,
-  >(
-    defaultOpts: CreateServerValidateOptions<
-      TFormData,
-      TOnMount,
-      TOnChange,
-      TOnChangeAsync,
-      TOnBlur,
-      TOnBlurAsync,
-      TOnSubmit,
-      TOnSubmitAsync,
-      TOnDynamic,
-      TOnDynamicAsync,
-      TOnServer,
-      TSubmitMeta
-    >,
-  ) =>
-  async (formData: FormData, info?: Parameters<typeof decode>[1]) => {
-    const { onServerValidate } = defaultOpts
-
-    const runValidator = async ({
-      value,
-      validationSource,
-    }: {
-      value: TFormData
-      validationSource: 'form'
-    }) => {
-      if (isStandardSchemaValidator(onServerValidate)) {
-        return await standardSchemaValidators.validateAsync(
-          { value, validationSource },
-          onServerValidate,
-        )
-      }
-      return (onServerValidate as FormValidateAsyncFn<TFormData>)({
-        value,
-        signal: undefined as never,
-        formApi: undefined as never,
-      })
-    }
-
-    const referer = getHeader('referer')!
-
-    const data = decode(formData, info) as never as TFormData
-
-    const onServerError = (await runValidator({
-      value: data,
-      validationSource: 'form',
-    })) as UnwrapFormAsyncValidateOrFn<TOnServer> | undefined
-
-    if (!onServerError) return data
-
-    const onServerErrorVal = (
-      isGlobalFormValidationError(onServerError)
-        ? onServerError.form
-        : onServerError
-    ) as UnwrapFormAsyncValidateOrFn<TOnServer>
-
-    const formState: ServerFormState<TFormData, TOnServer> = {
-      errorMap: {
-        onServer: onServerError,
-      },
-      values: data,
-      errors: onServerErrorVal ? [onServerErrorVal] : [],
-    }
-
-    setInternalTanStackCookie(formState)
-
-    throw new ServerValidateError({
-      response: new Response('ok', {
-        headers: {
-          Location: referer,
-        },
-        status: 302,
-      }),
-      formState: formState,
-    })
-  }

package/src/start/error.ts

@@ -1,28 +0,0 @@
-import type { ServerFormState } from './types'
-import type { FormAsyncValidateOrFn } from '@tanstack/form-core'
-
-interface ServerValidateErrorState<
-  TFormData,
-  TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>,
-> {
-  formState: ServerFormState<TFormData, TOnServer>
-  response: Response
-}
-
-export class ServerValidateError<
-    TFormData,
-    TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>,
-  >
-  extends Error
-  implements ServerValidateErrorState<TFormData, TOnServer>
-{
-  formState: ServerFormState<TFormData, TOnServer>
-  response: Response
-
-  constructor(options: ServerValidateErrorState<TFormData, TOnServer>) {
-    super('Your form has errors. Please check the fields and try again.')
-    this.name = 'ServerValidateError'
-    this.response = options.response
-    this.formState = options.formState
-  }
-}

package/src/start/getFormData.tsx

@@ -1,22 +0,0 @@
-import {
-  deleteInternalTanStackCookie,
-  getInternalTanStackCookie,
-} from './utils'
-import type { ServerFormState } from './types'
-
-export const initialFormState = {
-  errorMap: {
-    onServer: undefined,
-  },
-  errors: [],
-}
-
-export const getFormData = async () => {
-  const data = getInternalTanStackCookie() as
-    | undefined
-    | ServerFormState<any, undefined>
-  // Delete the temporary cookie from the client after reading it
-  deleteInternalTanStackCookie()
-  if (!data) return initialFormState
-  return data
-}

package/src/start/index.ts

@@ -1,4 +0,0 @@
-export * from './createServerValidate'
-export * from './getFormData'
-export * from './error'
-export * from './types'

package/src/start/types.ts

@@ -1,21 +0,0 @@
-import type { FormAsyncValidateOrFn, FormState } from '@tanstack/form-core'
-
-export type ServerFormState<
-  TFormData,
-  TOnServer extends undefined | FormAsyncValidateOrFn<TFormData>,
-> = Pick<
-  FormState<
-    TFormData,
-    undefined,
-    undefined,
-    undefined,
-    undefined,
-    undefined,
-    undefined,
-    undefined,
-    undefined,
-    undefined,
-    TOnServer
-  >,
-  'values' | 'errors' | 'errorMap'
->

package/src/start/utils.ts

@@ -1,23 +0,0 @@
-import {
-  deleteCookie,
-  getCookie,
-  setCookie,
-} from '@tanstack/react-start/server'
-import { parse, stringify } from 'devalue'
-
-const _INTERNALS_COOKIE_NAME = '_tanstack_form_internals'
-
-export const setInternalTanStackCookie = (data: any) => {
-  const cookie = stringify(data)
-  setCookie(_INTERNALS_COOKIE_NAME, cookie)
-}
-
-export const getInternalTanStackCookie = () => {
-  const cookie = getCookie(_INTERNALS_COOKIE_NAME)
-  if (!cookie) return undefined
-  return parse(cookie)
-}
-
-export const deleteInternalTanStackCookie = () => {
-  deleteCookie(_INTERNALS_COOKIE_NAME)
-}

package/src/useTransform.ts

@@ -1,17 +0,0 @@
-import type {
-  AnyFormApi,
-  FormApi,
-  FormAsyncValidateOrFn,
-  FormTransform,
-  FormValidateOrFn,
-} from '@tanstack/form-core'
-
-export function useTransform(
-  fn: (formBase: AnyFormApi) => AnyFormApi,
-  deps: unknown[],
-): FormTransform<any, any, any, any, any, any, any, any, any, any, any, any> {
-  return {
-    fn,
-    deps,
-  }
-}