@tanstack/react-form 0.24.3 → 0.25.1

package/dist/cjs/index.cjs

@@ -3,13 +3,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const formCore = require("@tanstack/form-core");
 const useForm = require("./useForm.cjs");
 const useField = require("./useField.cjs");
-const createServerValidate = require("./createServerValidate.cjs");
 const useTransform = require("./useTransform.cjs");
 exports.useForm = useForm.useForm;
 exports.Field = useField.Field;
 exports.useField = useField.useField;
-exports.createServerValidate = createServerValidate.createServerValidate;
-exports.initialFormState = createServerValidate.initialFormState;
 exports.useTransform = useTransform.useTransform;
 Object.keys(formCore).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/dist/cjs/index.d.cts

@@ -2,5 +2,4 @@ export * from '@tanstack/form-core';
 export { useForm } from './useForm.cjs';
 export type { UseField, FieldComponent } from './useField.cjs';
 export { useField, Field } from './useField.cjs';
-export { createServerValidate, initialFormState } from './createServerValidate.cjs';
 export { useTransform } from './useTransform.cjs';

package/dist/cjs/{createServerValidate.cjs → nextjs/createServerValidate.cjs}

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const decodeFormdata = require("decode-formdata");
+const error = require("./error.cjs");
 const createServerValidate = (defaultOpts) => async (formData, info) => {
   const { validatorAdapter, onServerValidate } = defaultOpts;
   const runValidator = (propsValue) => {
@@ -9,19 +10,26 @@ const createServerValidate = (defaultOpts) => async (formData, info) => {
     }
     return onServerValidate(propsValue);
   };
-  const data = decodeFormdata.decode(formData, info);
-  const onServerError = runValidator({ value: data });
-  return {
+  const values = decodeFormdata.decode(formData, info);
+  const onServerError = runValidator({ value: values });
+  if (!onServerError)
+    return;
+  const formState = {
     errorMap: {
       onServer: onServerError
     },
+    values,
     errors: onServerError ? [onServerError] : []
   };
+  throw new error.ServerValidateError({
+    formState
+  });
 };
 const initialFormState = {
   errorMap: {
     onServer: void 0
   },
+  values: void 0,
   errors: []
 };
 exports.createServerValidate = createServerValidate;

package/dist/cjs/nextjs/createServerValidate.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createServerValidate.cjs","sources":["../../../src/nextjs/createServerValidate.ts"],"sourcesContent":["import { decode } from 'decode-formdata'\nimport { ServerValidateError } from './error'\nimport type {\n  FormOptions,\n  ValidationError,\n  Validator,\n} from '@tanstack/form-core'\nimport type { ServerFormState } from './types'\n\ntype OnServerValidateFn<TFormData> = (props: {\n  value: TFormData\n}) => ValidationError\n\ninterface CreateServerValidateOptions<\n  TFormData,\n  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,\n> extends FormOptions<TFormData, TFormValidator> {\n  onServerValidate: OnServerValidateFn<TFormData>\n}\n\nexport const createServerValidate =\n  <\n    TFormData,\n    TFormValidator extends\n      | Validator<TFormData, unknown>\n      | undefined = undefined,\n  >(\n    defaultOpts: CreateServerValidateOptions<TFormData, TFormValidator>,\n  ) =>\n  async (formData: FormData, info?: Parameters<typeof decode>[1]) => {\n    const { validatorAdapter, onServerValidate } = defaultOpts\n\n    const runValidator = (propsValue: { value: TFormData }) => {\n      if (validatorAdapter && typeof onServerValidate !== 'function') {\n        return validatorAdapter().validate(propsValue, onServerValidate)\n      }\n\n      return (onServerValidate as OnServerValidateFn<TFormData>)(propsValue)\n    }\n\n    const values = decode(formData, info) as never as TFormData\n\n    const onServerError = runValidator({ value: values })\n\n    if (!onServerError) return\n\n    const formState: ServerFormState<TFormData> = {\n      errorMap: {\n        onServer: onServerError,\n      },\n      values,\n      errors: onServerError ? [onServerError] : [],\n    }\n\n    throw new ServerValidateError({\n      formState,\n    })\n  }\n\nexport const initialFormState: ServerFormState<any> = {\n  errorMap: {\n    onServer: undefined,\n  },\n  values: undefined,\n  errors: [],\n}\n"],"names":["decode","ServerValidateError"],"mappings":";;;;AAoBO,MAAM,uBACX,CAME,gBAEF,OAAO,UAAoB,SAAwC;AAC3D,QAAA,EAAE,kBAAkB,iBAAqB,IAAA;AAEzC,QAAA,eAAe,CAAC,eAAqC;AACrD,QAAA,oBAAoB,OAAO,qBAAqB,YAAY;AAC9D,aAAO,iBAAiB,EAAE,SAAS,YAAY,gBAAgB;AAAA,IACjE;AAEA,WAAQ,iBAAmD,UAAU;AAAA,EAAA;AAGjE,QAAA,SAASA,eAAAA,OAAO,UAAU,IAAI;AAEpC,QAAM,gBAAgB,aAAa,EAAE,OAAO,OAAQ,CAAA;AAEpD,MAAI,CAAC;AAAe;AAEpB,QAAM,YAAwC;AAAA,IAC5C,UAAU;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA;AAAA,IACA,QAAQ,gBAAgB,CAAC,aAAa,IAAI,CAAC;AAAA,EAAA;AAG7C,QAAM,IAAIC,MAAAA,oBAAoB;AAAA,IAC5B;AAAA,EAAA,CACD;AACH;AAEK,MAAM,mBAAyC;AAAA,EACpD,UAAU;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA,QAAQ;AAAA,EACR,QAAQ,CAAC;AACX;;;"}

package/dist/cjs/nextjs/createServerValidate.d.cts

@@ -0,0 +1,13 @@
+import { decode } from 'decode-formdata';
+import { FormOptions, ValidationError, Validator } from '@tanstack/form-core';
+import { ServerFormState } from './types.cjs';
+
+type OnServerValidateFn<TFormData> = (props: {
+    value: TFormData;
+}) => ValidationError;
+interface CreateServerValidateOptions<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined> extends FormOptions<TFormData, TFormValidator> {
+    onServerValidate: OnServerValidateFn<TFormData>;
+}
+export declare const createServerValidate: <TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined>(defaultOpts: CreateServerValidateOptions<TFormData, TFormValidator>) => (formData: FormData, info?: Parameters<typeof decode>[1]) => Promise<void>;
+export declare const initialFormState: ServerFormState<any>;
+export {};

package/dist/cjs/nextjs/error.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+class ServerValidateError extends Error {
+  constructor(options) {
+    super("Your form has errors. Please check the fields and try again.");
+    this.name = "ServerValidateError";
+    this.formState = options.formState;
+  }
+}
+exports.ServerValidateError = ServerValidateError;
+//# sourceMappingURL=error.cjs.map

package/dist/cjs/nextjs/error.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.cjs","sources":["../../../src/nextjs/error.ts"],"sourcesContent":["import type { ServerFormState } from './types'\n\ninterface ServerValidateErrorState<TFormData> {\n  formState: ServerFormState<TFormData>\n}\n\nexport class ServerValidateError<TFormData>\n  extends Error\n  implements ServerValidateErrorState<TFormData>\n{\n  formState: ServerFormState<TFormData>\n\n  constructor(options: ServerValidateErrorState<TFormData>) {\n    super('Your form has errors. Please check the fields and try again.')\n    this.name = 'ServerValidateError'\n    this.formState = options.formState\n  }\n}\n"],"names":[],"mappings":";;AAMO,MAAM,4BACH,MAEV;AAAA,EAGE,YAAY,SAA8C;AACxD,UAAM,8DAA8D;AACpE,SAAK,OAAO;AACZ,SAAK,YAAY,QAAQ;AAAA,EAC3B;AACF;;"}

package/dist/cjs/nextjs/error.d.cts

@@ -0,0 +1,10 @@
+import { ServerFormState } from './types.cjs';
+
+interface ServerValidateErrorState<TFormData> {
+    formState: ServerFormState<TFormData>;
+}
+export declare class ServerValidateError<TFormData> extends Error implements ServerValidateErrorState<TFormData> {
+    formState: ServerFormState<TFormData>;
+    constructor(options: ServerValidateErrorState<TFormData>);
+}
+export {};

package/dist/cjs/{nextjs-index.cjs → nextjs/index.cjs}

@@ -2,8 +2,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const formCore = require("@tanstack/form-core");
 const createServerValidate = require("./createServerValidate.cjs");
+const error = require("./error.cjs");
 exports.createServerValidate = createServerValidate.createServerValidate;
 exports.initialFormState = createServerValidate.initialFormState;
+exports.ServerValidateError = error.ServerValidateError;
 Object.keys(formCore).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
     Object.defineProperty(exports, k, {
@@ -11,4 +13,4 @@ Object.keys(formCore).forEach((k) => {
       get: () => formCore[k]
     });
 });
-//# sourceMappingURL=nextjs-index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/nextjs/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/cjs/nextjs/index.d.cts

@@ -0,0 +1,3 @@
+export * from '@tanstack/form-core';
+export * from './createServerValidate.cjs';
+export * from './error.cjs';

package/dist/cjs/nextjs/types.d.cts

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

package/dist/cjs/start/createServerValidate.cjs

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const decodeFormdata = require("decode-formdata");
+const utils = require("./utils.cjs");
+const error = require("./error.cjs");
+const createServerValidate = (defaultOpts) => async (ctx, formData, info) => {
+  const { validatorAdapter, onServerValidate } = defaultOpts;
+  const runValidator = (propsValue) => {
+    if (validatorAdapter && typeof onServerValidate !== "function") {
+      return validatorAdapter().validate(propsValue, onServerValidate);
+    }
+    return onServerValidate(propsValue);
+  };
+  const referer = ctx.request.headers.get("referer");
+  const data = decodeFormdata.decode(formData, info);
+  const onServerError = runValidator({ value: data });
+  if (!onServerError)
+    return;
+  const formState = {
+    errorMap: {
+      onServer: onServerError
+    },
+    values: data,
+    errors: onServerError ? [onServerError] : []
+  };
+  const cookie = await utils._tanstackInternalsCookie.serialize(formState);
+  throw new error.ServerValidateError({
+    response: new Response("ok", {
+      headers: {
+        Location: referer,
+        "Set-Cookie": cookie
+      },
+      status: 302
+    }),
+    formState
+  });
+};
+exports.createServerValidate = createServerValidate;
+//# sourceMappingURL=createServerValidate.cjs.map

package/dist/cjs/start/createServerValidate.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createServerValidate.cjs","sources":["../../../src/start/createServerValidate.tsx"],"sourcesContent":["import { decode } from 'decode-formdata'\nimport { _tanstackInternalsCookie } from './utils'\nimport { ServerValidateError } from './error'\nimport type {\n  FormOptions,\n  ValidationError,\n  Validator,\n} from '@tanstack/form-core'\nimport type { FetchFn } from '@tanstack/start'\nimport type { ServerFormState } from './types'\n\ntype Ctx = Parameters<FetchFn<FormData, unknown>>[1]\n\ntype OnServerValidateFn<TFormData> = (props: {\n  value: TFormData\n}) => ValidationError\n\ninterface CreateServerValidateOptions<\n  TFormData,\n  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,\n> extends FormOptions<TFormData, TFormValidator> {\n  onServerValidate: OnServerValidateFn<TFormData>\n}\n\nexport const createServerValidate =\n  <\n    TFormData,\n    TFormValidator extends\n      | Validator<TFormData, unknown>\n      | undefined = undefined,\n  >(\n    defaultOpts: CreateServerValidateOptions<TFormData, TFormValidator>,\n  ) =>\n  async (ctx: Ctx, formData: FormData, info?: Parameters<typeof decode>[1]) => {\n    const { validatorAdapter, onServerValidate } = defaultOpts\n\n    const runValidator = (propsValue: { value: TFormData }) => {\n      if (validatorAdapter && typeof onServerValidate !== 'function') {\n        return validatorAdapter().validate(propsValue, onServerValidate)\n      }\n\n      return (onServerValidate as OnServerValidateFn<TFormData>)(propsValue)\n    }\n\n    const referer = ctx.request.headers.get('referer')!\n\n    const data = decode(formData, info) as never as TFormData\n\n    const onServerError = runValidator({ value: data })\n\n    if (!onServerError) return\n\n    const formState: ServerFormState<TFormData> = {\n      errorMap: {\n        onServer: onServerError,\n      },\n      values: data,\n      errors: onServerError ? [onServerError] : [],\n    }\n\n    const cookie = await _tanstackInternalsCookie.serialize(formState)\n\n    throw new ServerValidateError({\n      response: new Response('ok', {\n        headers: {\n          Location: referer,\n          'Set-Cookie': cookie,\n        },\n        status: 302,\n      }),\n      formState: formState,\n    })\n  }\n"],"names":["decode","_tanstackInternalsCookie","ServerValidateError"],"mappings":";;;;;AAwBO,MAAM,uBACX,CAME,gBAEF,OAAO,KAAU,UAAoB,SAAwC;AACrE,QAAA,EAAE,kBAAkB,iBAAqB,IAAA;AAEzC,QAAA,eAAe,CAAC,eAAqC;AACrD,QAAA,oBAAoB,OAAO,qBAAqB,YAAY;AAC9D,aAAO,iBAAiB,EAAE,SAAS,YAAY,gBAAgB;AAAA,IACjE;AAEA,WAAQ,iBAAmD,UAAU;AAAA,EAAA;AAGvE,QAAM,UAAU,IAAI,QAAQ,QAAQ,IAAI,SAAS;AAE3C,QAAA,OAAOA,eAAAA,OAAO,UAAU,IAAI;AAElC,QAAM,gBAAgB,aAAa,EAAE,OAAO,KAAM,CAAA;AAElD,MAAI,CAAC;AAAe;AAEpB,QAAM,YAAwC;AAAA,IAC5C,UAAU;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,QAAQ;AAAA,IACR,QAAQ,gBAAgB,CAAC,aAAa,IAAI,CAAC;AAAA,EAAA;AAG7C,QAAM,SAAS,MAAMC,MAAAA,yBAAyB,UAAU,SAAS;AAEjE,QAAM,IAAIC,MAAAA,oBAAoB;AAAA,IAC5B,UAAU,IAAI,SAAS,MAAM;AAAA,MAC3B,SAAS;AAAA,QACP,UAAU;AAAA,QACV,cAAc;AAAA,MAChB;AAAA,MACA,QAAQ;AAAA,IAAA,CACT;AAAA,IACD;AAAA,EAAA,CACD;AACH;;"}

package/dist/cjs/start/createServerValidate.d.cts

@@ -0,0 +1,13 @@
+import { decode } from 'decode-formdata';
+import { FormOptions, ValidationError, Validator } from '@tanstack/form-core';
+import { FetchFn } from '@tanstack/start';
+
+type Ctx = Parameters<FetchFn<FormData, unknown>>[1];
+type OnServerValidateFn<TFormData> = (props: {
+    value: TFormData;
+}) => ValidationError;
+interface CreateServerValidateOptions<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined> extends FormOptions<TFormData, TFormValidator> {
+    onServerValidate: OnServerValidateFn<TFormData>;
+}
+export declare const createServerValidate: <TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined>(defaultOpts: CreateServerValidateOptions<TFormData, TFormValidator>) => (ctx: Ctx, formData: FormData, info?: Parameters<typeof decode>[1]) => Promise<void>;
+export {};

package/dist/cjs/start/error.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+class ServerValidateError extends Error {
+  constructor(options) {
+    super("Your form has errors. Please check the fields and try again.");
+    this.name = "ServerValidateError";
+    this.response = options.response;
+    this.formState = options.formState;
+  }
+}
+exports.ServerValidateError = ServerValidateError;
+//# sourceMappingURL=error.cjs.map

package/dist/cjs/start/error.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.cjs","sources":["../../../src/start/error.ts"],"sourcesContent":["import type { ServerFormState } from './types'\n\ninterface ServerValidateErrorState<TFormData> {\n  formState: ServerFormState<TFormData>\n  response: Response\n}\n\nexport class ServerValidateError<TFormData>\n  extends Error\n  implements ServerValidateErrorState<TFormData>\n{\n  response: Response\n  formState: ServerFormState<TFormData>\n\n  constructor(options: ServerValidateErrorState<TFormData>) {\n    super('Your form has errors. Please check the fields and try again.')\n    this.name = 'ServerValidateError'\n    this.response = options.response\n    this.formState = options.formState\n  }\n}\n"],"names":[],"mappings":";;AAOO,MAAM,4BACH,MAEV;AAAA,EAIE,YAAY,SAA8C;AACxD,UAAM,8DAA8D;AACpE,SAAK,OAAO;AACZ,SAAK,WAAW,QAAQ;AACxB,SAAK,YAAY,QAAQ;AAAA,EAC3B;AACF;;"}

package/dist/cjs/start/error.d.cts

@@ -0,0 +1,12 @@
+import { ServerFormState } from './types.cjs';
+
+interface ServerValidateErrorState<TFormData> {
+    formState: ServerFormState<TFormData>;
+    response: Response;
+}
+export declare class ServerValidateError<TFormData> extends Error implements ServerValidateErrorState<TFormData> {
+    response: Response;
+    formState: ServerFormState<TFormData>;
+    constructor(options: ServerValidateErrorState<TFormData>);
+}
+export {};

package/dist/cjs/start/getFormData.cjs

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const start = require("@tanstack/start");
+const utils = require("./utils.cjs");
+const initialFormState = {
+  errorMap: {
+    onServer: void 0
+  },
+  errors: []
+};
+const getFormData = start.createServerFn("GET", async (_, ctx) => {
+  const data = await utils._tanstackInternalsCookie.parse(
+    ctx.request.headers.get("Cookie")
+  );
+  ctx.request.headers.delete("Cookie");
+  if (!data)
+    return initialFormState;
+  return data;
+});
+exports.getFormData = getFormData;
+exports.initialFormState = initialFormState;
+//# sourceMappingURL=getFormData.cjs.map

package/dist/cjs/start/getFormData.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getFormData.cjs","sources":["../../../src/start/getFormData.tsx"],"sourcesContent":["import { createServerFn } from '@tanstack/start'\nimport { _tanstackInternalsCookie } from './utils'\nimport type { ServerFormState } from './types'\n\nexport const initialFormState = {\n  errorMap: {\n    onServer: undefined,\n  },\n  errors: [],\n}\n\nexport const getFormData = createServerFn('GET', async (_, ctx) => {\n  const data = (await _tanstackInternalsCookie.parse(\n    ctx.request.headers.get('Cookie'),\n  )) as undefined | ServerFormState<any>\n  // Delete the cookie before it hits the client again¸\n  ctx.request.headers.delete('Cookie')\n  if (!data) return initialFormState\n  return data\n})\n"],"names":["createServerFn","_tanstackInternalsCookie"],"mappings":";;;;AAIO,MAAM,mBAAmB;AAAA,EAC9B,UAAU;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA,QAAQ,CAAC;AACX;AAEO,MAAM,cAAcA,MAAAA,eAAe,OAAO,OAAO,GAAG,QAAQ;AAC3D,QAAA,OAAQ,MAAMC,MAAAA,yBAAyB;AAAA,IAC3C,IAAI,QAAQ,QAAQ,IAAI,QAAQ;AAAA,EAAA;AAG9B,MAAA,QAAQ,QAAQ,OAAO,QAAQ;AACnC,MAAI,CAAC;AAAa,WAAA;AACX,SAAA;AACT,CAAC;;;"}

package/dist/cjs/start/getFormData.d.cts

@@ -0,0 +1,14 @@
+import { ServerFormState } from './types.cjs';
+
+export declare const initialFormState: {
+    errorMap: {
+        onServer: undefined;
+    };
+    errors: never[];
+};
+export declare const getFormData: import('@tanstack/start').Fetcher<undefined, {
+    errorMap: {
+        onServer: undefined;
+    };
+    errors: never[];
+} | ServerFormState<any>>;

package/dist/cjs/start/index.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const createServerValidate = require("./createServerValidate.cjs");
+const getFormData = require("./getFormData.cjs");
+const error = require("./error.cjs");
+exports.createServerValidate = createServerValidate.createServerValidate;
+exports.getFormData = getFormData.getFormData;
+exports.initialFormState = getFormData.initialFormState;
+exports.ServerValidateError = error.ServerValidateError;
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/start/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/cjs/start/index.d.cts

@@ -0,0 +1,3 @@
+export * from './createServerValidate.cjs';
+export * from './getFormData.cjs';
+export * from './error.cjs';

package/dist/cjs/start/types.d.cts

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

package/dist/cjs/start/utils.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const node = require("@remix-run/node");
+const _tanstackInternalsCookie = node.createCookie("_tanstack_form_internals");
+exports._tanstackInternalsCookie = _tanstackInternalsCookie;
+//# sourceMappingURL=utils.cjs.map

package/dist/cjs/start/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.cjs","sources":["../../../src/start/utils.ts"],"sourcesContent":["import { createCookie } from '@remix-run/node'\n\nexport const _tanstackInternalsCookie = createCookie('_tanstack_form_internals')\n"],"names":["createCookie"],"mappings":";;;AAEa,MAAA,2BAA2BA,kBAAa,0BAA0B;;"}

package/dist/cjs/start/utils.d.cts

@@ -0,0 +1 @@
+export declare const _tanstackInternalsCookie: import('@remix-run/node').Cookie;

package/dist/esm/index.d.ts

@@ -2,5 +2,4 @@ export * from '@tanstack/form-core';
 export { useForm } from './useForm.js';
 export type { UseField, FieldComponent } from './useField.js';
 export { useField, Field } from './useField.js';
-export { createServerValidate, initialFormState } from './createServerValidate.js';
 export { useTransform } from './useTransform.js';

package/dist/esm/index.js

@@ -1,12 +1,9 @@
 export * from "@tanstack/form-core";
 import { useForm } from "./useForm.js";
 import { Field, useField } from "./useField.js";
-import { createServerValidate, initialFormState } from "./createServerValidate.js";
 import { useTransform } from "./useTransform.js";
 export {
   Field,
-  createServerValidate,
-  initialFormState,
   useField,
   useForm,
   useTransform

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/nextjs/createServerValidate.d.ts

@@ -0,0 +1,13 @@
+import { decode } from 'decode-formdata';
+import { FormOptions, ValidationError, Validator } from '@tanstack/form-core';
+import { ServerFormState } from './types.js';
+
+type OnServerValidateFn<TFormData> = (props: {
+    value: TFormData;
+}) => ValidationError;
+interface CreateServerValidateOptions<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined> extends FormOptions<TFormData, TFormValidator> {
+    onServerValidate: OnServerValidateFn<TFormData>;
+}
+export declare const createServerValidate: <TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined>(defaultOpts: CreateServerValidateOptions<TFormData, TFormValidator>) => (formData: FormData, info?: Parameters<typeof decode>[1]) => Promise<void>;
+export declare const initialFormState: ServerFormState<any>;
+export {};

package/dist/esm/{createServerValidate.js → nextjs/createServerValidate.js}

@@ -1,4 +1,5 @@
 import { decode } from "decode-formdata";
+import { ServerValidateError } from "./error.js";
 const createServerValidate = (defaultOpts) => async (formData, info) => {
   const { validatorAdapter, onServerValidate } = defaultOpts;
   const runValidator = (propsValue) => {
@@ -7,19 +8,26 @@ const createServerValidate = (defaultOpts) => async (formData, info) => {
     }
     return onServerValidate(propsValue);
   };
-  const data = decode(formData, info);
-  const onServerError = runValidator({ value: data });
-  return {
+  const values = decode(formData, info);
+  const onServerError = runValidator({ value: values });
+  if (!onServerError)
+    return;
+  const formState = {
     errorMap: {
       onServer: onServerError
     },
+    values,
     errors: onServerError ? [onServerError] : []
   };
+  throw new ServerValidateError({
+    formState
+  });
 };
 const initialFormState = {
   errorMap: {
     onServer: void 0
   },
+  values: void 0,
   errors: []
 };
 export {

package/dist/esm/nextjs/createServerValidate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createServerValidate.js","sources":["../../../src/nextjs/createServerValidate.ts"],"sourcesContent":["import { decode } from 'decode-formdata'\nimport { ServerValidateError } from './error'\nimport type {\n  FormOptions,\n  ValidationError,\n  Validator,\n} from '@tanstack/form-core'\nimport type { ServerFormState } from './types'\n\ntype OnServerValidateFn<TFormData> = (props: {\n  value: TFormData\n}) => ValidationError\n\ninterface CreateServerValidateOptions<\n  TFormData,\n  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,\n> extends FormOptions<TFormData, TFormValidator> {\n  onServerValidate: OnServerValidateFn<TFormData>\n}\n\nexport const createServerValidate =\n  <\n    TFormData,\n    TFormValidator extends\n      | Validator<TFormData, unknown>\n      | undefined = undefined,\n  >(\n    defaultOpts: CreateServerValidateOptions<TFormData, TFormValidator>,\n  ) =>\n  async (formData: FormData, info?: Parameters<typeof decode>[1]) => {\n    const { validatorAdapter, onServerValidate } = defaultOpts\n\n    const runValidator = (propsValue: { value: TFormData }) => {\n      if (validatorAdapter && typeof onServerValidate !== 'function') {\n        return validatorAdapter().validate(propsValue, onServerValidate)\n      }\n\n      return (onServerValidate as OnServerValidateFn<TFormData>)(propsValue)\n    }\n\n    const values = decode(formData, info) as never as TFormData\n\n    const onServerError = runValidator({ value: values })\n\n    if (!onServerError) return\n\n    const formState: ServerFormState<TFormData> = {\n      errorMap: {\n        onServer: onServerError,\n      },\n      values,\n      errors: onServerError ? [onServerError] : [],\n    }\n\n    throw new ServerValidateError({\n      formState,\n    })\n  }\n\nexport const initialFormState: ServerFormState<any> = {\n  errorMap: {\n    onServer: undefined,\n  },\n  values: undefined,\n  errors: [],\n}\n"],"names":[],"mappings":";;AAoBO,MAAM,uBACX,CAME,gBAEF,OAAO,UAAoB,SAAwC;AAC3D,QAAA,EAAE,kBAAkB,iBAAqB,IAAA;AAEzC,QAAA,eAAe,CAAC,eAAqC;AACrD,QAAA,oBAAoB,OAAO,qBAAqB,YAAY;AAC9D,aAAO,iBAAiB,EAAE,SAAS,YAAY,gBAAgB;AAAA,IACjE;AAEA,WAAQ,iBAAmD,UAAU;AAAA,EAAA;AAGjE,QAAA,SAAS,OAAO,UAAU,IAAI;AAEpC,QAAM,gBAAgB,aAAa,EAAE,OAAO,OAAQ,CAAA;AAEpD,MAAI,CAAC;AAAe;AAEpB,QAAM,YAAwC;AAAA,IAC5C,UAAU;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA;AAAA,IACA,QAAQ,gBAAgB,CAAC,aAAa,IAAI,CAAC;AAAA,EAAA;AAG7C,QAAM,IAAI,oBAAoB;AAAA,IAC5B;AAAA,EAAA,CACD;AACH;AAEK,MAAM,mBAAyC;AAAA,EACpD,UAAU;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA,QAAQ;AAAA,EACR,QAAQ,CAAC;AACX;"}

package/dist/esm/nextjs/error.d.ts

@@ -0,0 +1,10 @@
+import { ServerFormState } from './types.js';
+
+interface ServerValidateErrorState<TFormData> {
+    formState: ServerFormState<TFormData>;
+}
+export declare class ServerValidateError<TFormData> extends Error implements ServerValidateErrorState<TFormData> {
+    formState: ServerFormState<TFormData>;
+    constructor(options: ServerValidateErrorState<TFormData>);
+}
+export {};

package/dist/esm/nextjs/error.js

@@ -0,0 +1,11 @@
+class ServerValidateError extends Error {
+  constructor(options) {
+    super("Your form has errors. Please check the fields and try again.");
+    this.name = "ServerValidateError";
+    this.formState = options.formState;
+  }
+}
+export {
+  ServerValidateError
+};
+//# sourceMappingURL=error.js.map

package/dist/esm/nextjs/error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.js","sources":["../../../src/nextjs/error.ts"],"sourcesContent":["import type { ServerFormState } from './types'\n\ninterface ServerValidateErrorState<TFormData> {\n  formState: ServerFormState<TFormData>\n}\n\nexport class ServerValidateError<TFormData>\n  extends Error\n  implements ServerValidateErrorState<TFormData>\n{\n  formState: ServerFormState<TFormData>\n\n  constructor(options: ServerValidateErrorState<TFormData>) {\n    super('Your form has errors. Please check the fields and try again.')\n    this.name = 'ServerValidateError'\n    this.formState = options.formState\n  }\n}\n"],"names":[],"mappings":"AAMO,MAAM,4BACH,MAEV;AAAA,EAGE,YAAY,SAA8C;AACxD,UAAM,8DAA8D;AACpE,SAAK,OAAO;AACZ,SAAK,YAAY,QAAQ;AAAA,EAC3B;AACF;"}

package/dist/esm/nextjs/index.d.ts

@@ -0,0 +1,3 @@
+export * from '@tanstack/form-core';
+export * from './createServerValidate.js';
+export * from './error.js';

package/dist/esm/{nextjs-index.js → nextjs/index.js}

@@ -1,7 +1,9 @@
 export * from "@tanstack/form-core";
 import { createServerValidate, initialFormState } from "./createServerValidate.js";
+import { ServerValidateError } from "./error.js";
 export {
+  ServerValidateError,
   createServerValidate,
   initialFormState
 };
-//# sourceMappingURL=nextjs-index.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/nextjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/esm/nextjs/types.d.ts

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

package/dist/esm/start/createServerValidate.d.ts

@@ -0,0 +1,13 @@
+import { decode } from 'decode-formdata';
+import { FormOptions, ValidationError, Validator } from '@tanstack/form-core';
+import { FetchFn } from '@tanstack/start';
+
+type Ctx = Parameters<FetchFn<FormData, unknown>>[1];
+type OnServerValidateFn<TFormData> = (props: {
+    value: TFormData;
+}) => ValidationError;
+interface CreateServerValidateOptions<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined> extends FormOptions<TFormData, TFormValidator> {
+    onServerValidate: OnServerValidateFn<TFormData>;
+}
+export declare const createServerValidate: <TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined>(defaultOpts: CreateServerValidateOptions<TFormData, TFormValidator>) => (ctx: Ctx, formData: FormData, info?: Parameters<typeof decode>[1]) => Promise<void>;
+export {};

package/dist/esm/start/createServerValidate.js

@@ -0,0 +1,39 @@
+import { decode } from "decode-formdata";
+import { _tanstackInternalsCookie } from "./utils.js";
+import { ServerValidateError } from "./error.js";
+const createServerValidate = (defaultOpts) => async (ctx, formData, info) => {
+  const { validatorAdapter, onServerValidate } = defaultOpts;
+  const runValidator = (propsValue) => {
+    if (validatorAdapter && typeof onServerValidate !== "function") {
+      return validatorAdapter().validate(propsValue, onServerValidate);
+    }
+    return onServerValidate(propsValue);
+  };
+  const referer = ctx.request.headers.get("referer");
+  const data = decode(formData, info);
+  const onServerError = runValidator({ value: data });
+  if (!onServerError)
+    return;
+  const formState = {
+    errorMap: {
+      onServer: onServerError
+    },
+    values: data,
+    errors: onServerError ? [onServerError] : []
+  };
+  const cookie = await _tanstackInternalsCookie.serialize(formState);
+  throw new ServerValidateError({
+    response: new Response("ok", {
+      headers: {
+        Location: referer,
+        "Set-Cookie": cookie
+      },
+      status: 302
+    }),
+    formState
+  });
+};
+export {
+  createServerValidate
+};
+//# sourceMappingURL=createServerValidate.js.map

package/dist/esm/start/createServerValidate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createServerValidate.js","sources":["../../../src/start/createServerValidate.tsx"],"sourcesContent":["import { decode } from 'decode-formdata'\nimport { _tanstackInternalsCookie } from './utils'\nimport { ServerValidateError } from './error'\nimport type {\n  FormOptions,\n  ValidationError,\n  Validator,\n} from '@tanstack/form-core'\nimport type { FetchFn } from '@tanstack/start'\nimport type { ServerFormState } from './types'\n\ntype Ctx = Parameters<FetchFn<FormData, unknown>>[1]\n\ntype OnServerValidateFn<TFormData> = (props: {\n  value: TFormData\n}) => ValidationError\n\ninterface CreateServerValidateOptions<\n  TFormData,\n  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,\n> extends FormOptions<TFormData, TFormValidator> {\n  onServerValidate: OnServerValidateFn<TFormData>\n}\n\nexport const createServerValidate =\n  <\n    TFormData,\n    TFormValidator extends\n      | Validator<TFormData, unknown>\n      | undefined = undefined,\n  >(\n    defaultOpts: CreateServerValidateOptions<TFormData, TFormValidator>,\n  ) =>\n  async (ctx: Ctx, formData: FormData, info?: Parameters<typeof decode>[1]) => {\n    const { validatorAdapter, onServerValidate } = defaultOpts\n\n    const runValidator = (propsValue: { value: TFormData }) => {\n      if (validatorAdapter && typeof onServerValidate !== 'function') {\n        return validatorAdapter().validate(propsValue, onServerValidate)\n      }\n\n      return (onServerValidate as OnServerValidateFn<TFormData>)(propsValue)\n    }\n\n    const referer = ctx.request.headers.get('referer')!\n\n    const data = decode(formData, info) as never as TFormData\n\n    const onServerError = runValidator({ value: data })\n\n    if (!onServerError) return\n\n    const formState: ServerFormState<TFormData> = {\n      errorMap: {\n        onServer: onServerError,\n      },\n      values: data,\n      errors: onServerError ? [onServerError] : [],\n    }\n\n    const cookie = await _tanstackInternalsCookie.serialize(formState)\n\n    throw new ServerValidateError({\n      response: new Response('ok', {\n        headers: {\n          Location: referer,\n          'Set-Cookie': cookie,\n        },\n        status: 302,\n      }),\n      formState: formState,\n    })\n  }\n"],"names":[],"mappings":";;;AAwBO,MAAM,uBACX,CAME,gBAEF,OAAO,KAAU,UAAoB,SAAwC;AACrE,QAAA,EAAE,kBAAkB,iBAAqB,IAAA;AAEzC,QAAA,eAAe,CAAC,eAAqC;AACrD,QAAA,oBAAoB,OAAO,qBAAqB,YAAY;AAC9D,aAAO,iBAAiB,EAAE,SAAS,YAAY,gBAAgB;AAAA,IACjE;AAEA,WAAQ,iBAAmD,UAAU;AAAA,EAAA;AAGvE,QAAM,UAAU,IAAI,QAAQ,QAAQ,IAAI,SAAS;AAE3C,QAAA,OAAO,OAAO,UAAU,IAAI;AAElC,QAAM,gBAAgB,aAAa,EAAE,OAAO,KAAM,CAAA;AAElD,MAAI,CAAC;AAAe;AAEpB,QAAM,YAAwC;AAAA,IAC5C,UAAU;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,QAAQ;AAAA,IACR,QAAQ,gBAAgB,CAAC,aAAa,IAAI,CAAC;AAAA,EAAA;AAG7C,QAAM,SAAS,MAAM,yBAAyB,UAAU,SAAS;AAEjE,QAAM,IAAI,oBAAoB;AAAA,IAC5B,UAAU,IAAI,SAAS,MAAM;AAAA,MAC3B,SAAS;AAAA,QACP,UAAU;AAAA,QACV,cAAc;AAAA,MAChB;AAAA,MACA,QAAQ;AAAA,IAAA,CACT;AAAA,IACD;AAAA,EAAA,CACD;AACH;"}

package/dist/esm/start/error.d.ts

@@ -0,0 +1,12 @@
+import { ServerFormState } from './types.js';
+
+interface ServerValidateErrorState<TFormData> {
+    formState: ServerFormState<TFormData>;
+    response: Response;
+}
+export declare class ServerValidateError<TFormData> extends Error implements ServerValidateErrorState<TFormData> {
+    response: Response;
+    formState: ServerFormState<TFormData>;
+    constructor(options: ServerValidateErrorState<TFormData>);
+}
+export {};

package/dist/esm/start/error.js

@@ -0,0 +1,12 @@
+class ServerValidateError extends Error {
+  constructor(options) {
+    super("Your form has errors. Please check the fields and try again.");
+    this.name = "ServerValidateError";
+    this.response = options.response;
+    this.formState = options.formState;
+  }
+}
+export {
+  ServerValidateError
+};
+//# sourceMappingURL=error.js.map

package/dist/esm/start/error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.js","sources":["../../../src/start/error.ts"],"sourcesContent":["import type { ServerFormState } from './types'\n\ninterface ServerValidateErrorState<TFormData> {\n  formState: ServerFormState<TFormData>\n  response: Response\n}\n\nexport class ServerValidateError<TFormData>\n  extends Error\n  implements ServerValidateErrorState<TFormData>\n{\n  response: Response\n  formState: ServerFormState<TFormData>\n\n  constructor(options: ServerValidateErrorState<TFormData>) {\n    super('Your form has errors. Please check the fields and try again.')\n    this.name = 'ServerValidateError'\n    this.response = options.response\n    this.formState = options.formState\n  }\n}\n"],"names":[],"mappings":"AAOO,MAAM,4BACH,MAEV;AAAA,EAIE,YAAY,SAA8C;AACxD,UAAM,8DAA8D;AACpE,SAAK,OAAO;AACZ,SAAK,WAAW,QAAQ;AACxB,SAAK,YAAY,QAAQ;AAAA,EAC3B;AACF;"}

package/dist/esm/start/getFormData.d.ts

@@ -0,0 +1,14 @@
+import { ServerFormState } from './types.js';
+
+export declare const initialFormState: {
+    errorMap: {
+        onServer: undefined;
+    };
+    errors: never[];
+};
+export declare const getFormData: import('@tanstack/start').Fetcher<undefined, {
+    errorMap: {
+        onServer: undefined;
+    };
+    errors: never[];
+} | ServerFormState<any>>;

package/dist/esm/start/getFormData.js

@@ -0,0 +1,22 @@
+import { createServerFn } from "@tanstack/start";
+import { _tanstackInternalsCookie } from "./utils.js";
+const initialFormState = {
+  errorMap: {
+    onServer: void 0
+  },
+  errors: []
+};
+const getFormData = createServerFn("GET", async (_, ctx) => {
+  const data = await _tanstackInternalsCookie.parse(
+    ctx.request.headers.get("Cookie")
+  );
+  ctx.request.headers.delete("Cookie");
+  if (!data)
+    return initialFormState;
+  return data;
+});
+export {
+  getFormData,
+  initialFormState
+};
+//# sourceMappingURL=getFormData.js.map

package/dist/esm/start/getFormData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getFormData.js","sources":["../../../src/start/getFormData.tsx"],"sourcesContent":["import { createServerFn } from '@tanstack/start'\nimport { _tanstackInternalsCookie } from './utils'\nimport type { ServerFormState } from './types'\n\nexport const initialFormState = {\n  errorMap: {\n    onServer: undefined,\n  },\n  errors: [],\n}\n\nexport const getFormData = createServerFn('GET', async (_, ctx) => {\n  const data = (await _tanstackInternalsCookie.parse(\n    ctx.request.headers.get('Cookie'),\n  )) as undefined | ServerFormState<any>\n  // Delete the cookie before it hits the client again¸\n  ctx.request.headers.delete('Cookie')\n  if (!data) return initialFormState\n  return data\n})\n"],"names":[],"mappings":";;AAIO,MAAM,mBAAmB;AAAA,EAC9B,UAAU;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA,QAAQ,CAAC;AACX;AAEO,MAAM,cAAc,eAAe,OAAO,OAAO,GAAG,QAAQ;AAC3D,QAAA,OAAQ,MAAM,yBAAyB;AAAA,IAC3C,IAAI,QAAQ,QAAQ,IAAI,QAAQ;AAAA,EAAA;AAG9B,MAAA,QAAQ,QAAQ,OAAO,QAAQ;AACnC,MAAI,CAAC;AAAa,WAAA;AACX,SAAA;AACT,CAAC;"}

package/dist/esm/start/index.d.ts

@@ -0,0 +1,3 @@
+export * from './createServerValidate.js';
+export * from './getFormData.js';
+export * from './error.js';

package/dist/esm/start/index.js

@@ -0,0 +1,10 @@
+import { createServerValidate } from "./createServerValidate.js";
+import { getFormData, initialFormState } from "./getFormData.js";
+import { ServerValidateError } from "./error.js";
+export {
+  ServerValidateError,
+  createServerValidate,
+  getFormData,
+  initialFormState
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/start/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/esm/start/types.d.ts

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

package/dist/esm/start/utils.d.ts

@@ -0,0 +1 @@
+export declare const _tanstackInternalsCookie: import('@remix-run/node').Cookie;

package/dist/esm/start/utils.js

@@ -0,0 +1,6 @@
+import { createCookie } from "@remix-run/node";
+const _tanstackInternalsCookie = createCookie("_tanstack_form_internals");
+export {
+  _tanstackInternalsCookie
+};
+//# sourceMappingURL=utils.js.map

package/dist/esm/start/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/start/utils.ts"],"sourcesContent":["import { createCookie } from '@remix-run/node'\n\nexport const _tanstackInternalsCookie = createCookie('_tanstack_form_internals')\n"],"names":[],"mappings":";AAEa,MAAA,2BAA2B,aAAa,0BAA0B;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/react-form",
-  "version": "0.24.3",
+  "version": "0.25.1",
   "description": "Powerful, type-safe forms for React.",
   "author": "tannerlinsley",
   "license": "MIT",
@@ -36,31 +36,49 @@
     },
     "./nextjs": {
       "import": {
-        "types": "./dist/esm/nextjs-index.d.ts",
-        "default": "./dist/esm/nextjs-index.js"
+        "types": "./dist/esm/nextjs/index.d.ts",
+        "default": "./dist/esm/nextjs/index.js"
       },
       "require": {
-        "types": "./dist/cjs/nextjs-index.d.cts",
-        "default": "./dist/cjs/nextjs-index.cjs"
+        "types": "./dist/cjs/nextjs/index.d.cts",
+        "default": "./dist/cjs/nextjs/index.cjs"
+      }
+    },
+    "./start": {
+      "import": {
+        "types": "./dist/esm/start/index.d.ts",
+        "default": "./dist/esm/start/index.js"
+      },
+      "require": {
+        "types": "./dist/cjs/start/index.d.cts",
+        "default": "./dist/cjs/start/index.cjs"
       }
     },
     "./package.json": "./package.json"
   },
   "devDependencies": {
+    "@tanstack/start": "^1.42.1",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "vite": "^5.0.10"
+    "vite": "^5.1.4"
   },
   "dependencies": {
     "@tanstack/react-store": "^0.5.0",
     "decode-formdata": "^0.7.5",
-    "@tanstack/form-core": "0.24.3"
+    "@remix-run/node": "^2.9.2",
+    "@tanstack/form-core": "0.25.1"
   },
   "peerDependencies": {
-    "react": "^17.0.0 || ^18.0.0"
+    "@tanstack/start": "^1.40.1",
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@tanstack/start": {
+      "optional": true
+    }
   },
   "scripts": {}
 }

package/src/index.ts

@@ -5,5 +5,4 @@ export { useForm } from './useForm'
 export type { UseField, FieldComponent } from './useField'
 export { useField, Field } from './useField'
 
-export { createServerValidate, initialFormState } from './createServerValidate'
 export { useTransform } from './useTransform'

package/src/nextjs/createServerValidate.ts

@@ -0,0 +1,66 @@
+import { decode } from 'decode-formdata'
+import { ServerValidateError } from './error'
+import type {
+  FormOptions,
+  ValidationError,
+  Validator,
+} from '@tanstack/form-core'
+import type { ServerFormState } from './types'
+
+type OnServerValidateFn<TFormData> = (props: {
+  value: TFormData
+}) => ValidationError
+
+interface CreateServerValidateOptions<
+  TFormData,
+  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,
+> extends FormOptions<TFormData, TFormValidator> {
+  onServerValidate: OnServerValidateFn<TFormData>
+}
+
+export const createServerValidate =
+  <
+    TFormData,
+    TFormValidator extends
+      | Validator<TFormData, unknown>
+      | undefined = undefined,
+  >(
+    defaultOpts: CreateServerValidateOptions<TFormData, TFormValidator>,
+  ) =>
+  async (formData: FormData, info?: Parameters<typeof decode>[1]) => {
+    const { validatorAdapter, onServerValidate } = defaultOpts
+
+    const runValidator = (propsValue: { value: TFormData }) => {
+      if (validatorAdapter && typeof onServerValidate !== 'function') {
+        return validatorAdapter().validate(propsValue, onServerValidate)
+      }
+
+      return (onServerValidate as OnServerValidateFn<TFormData>)(propsValue)
+    }
+
+    const values = decode(formData, info) as never as TFormData
+
+    const onServerError = runValidator({ value: values })
+
+    if (!onServerError) return
+
+    const formState: ServerFormState<TFormData> = {
+      errorMap: {
+        onServer: onServerError,
+      },
+      values,
+      errors: onServerError ? [onServerError] : [],
+    }
+
+    throw new ServerValidateError({
+      formState,
+    })
+  }
+
+export const initialFormState: ServerFormState<any> = {
+  errorMap: {
+    onServer: undefined,
+  },
+  values: undefined,
+  errors: [],
+}

package/src/nextjs/error.ts

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

package/src/nextjs/index.ts

@@ -0,0 +1,4 @@
+export * from '@tanstack/form-core'
+
+export * from './createServerValidate'
+export * from './error'

package/src/nextjs/types.ts

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

package/src/start/createServerValidate.tsx

@@ -0,0 +1,73 @@
+import { decode } from 'decode-formdata'
+import { _tanstackInternalsCookie } from './utils'
+import { ServerValidateError } from './error'
+import type {
+  FormOptions,
+  ValidationError,
+  Validator,
+} from '@tanstack/form-core'
+import type { FetchFn } from '@tanstack/start'
+import type { ServerFormState } from './types'
+
+type Ctx = Parameters<FetchFn<FormData, unknown>>[1]
+
+type OnServerValidateFn<TFormData> = (props: {
+  value: TFormData
+}) => ValidationError
+
+interface CreateServerValidateOptions<
+  TFormData,
+  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,
+> extends FormOptions<TFormData, TFormValidator> {
+  onServerValidate: OnServerValidateFn<TFormData>
+}
+
+export const createServerValidate =
+  <
+    TFormData,
+    TFormValidator extends
+      | Validator<TFormData, unknown>
+      | undefined = undefined,
+  >(
+    defaultOpts: CreateServerValidateOptions<TFormData, TFormValidator>,
+  ) =>
+  async (ctx: Ctx, formData: FormData, info?: Parameters<typeof decode>[1]) => {
+    const { validatorAdapter, onServerValidate } = defaultOpts
+
+    const runValidator = (propsValue: { value: TFormData }) => {
+      if (validatorAdapter && typeof onServerValidate !== 'function') {
+        return validatorAdapter().validate(propsValue, onServerValidate)
+      }
+
+      return (onServerValidate as OnServerValidateFn<TFormData>)(propsValue)
+    }
+
+    const referer = ctx.request.headers.get('referer')!
+
+    const data = decode(formData, info) as never as TFormData
+
+    const onServerError = runValidator({ value: data })
+
+    if (!onServerError) return
+
+    const formState: ServerFormState<TFormData> = {
+      errorMap: {
+        onServer: onServerError,
+      },
+      values: data,
+      errors: onServerError ? [onServerError] : [],
+    }
+
+    const cookie = await _tanstackInternalsCookie.serialize(formState)
+
+    throw new ServerValidateError({
+      response: new Response('ok', {
+        headers: {
+          Location: referer,
+          'Set-Cookie': cookie,
+        },
+        status: 302,
+      }),
+      formState: formState,
+    })
+  }

package/src/start/error.ts

@@ -0,0 +1,21 @@
+import type { ServerFormState } from './types'
+
+interface ServerValidateErrorState<TFormData> {
+  formState: ServerFormState<TFormData>
+  response: Response
+}
+
+export class ServerValidateError<TFormData>
+  extends Error
+  implements ServerValidateErrorState<TFormData>
+{
+  response: Response
+  formState: ServerFormState<TFormData>
+
+  constructor(options: ServerValidateErrorState<TFormData>) {
+    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

@@ -0,0 +1,20 @@
+import { createServerFn } from '@tanstack/start'
+import { _tanstackInternalsCookie } from './utils'
+import type { ServerFormState } from './types'
+
+export const initialFormState = {
+  errorMap: {
+    onServer: undefined,
+  },
+  errors: [],
+}
+
+export const getFormData = createServerFn('GET', async (_, ctx) => {
+  const data = (await _tanstackInternalsCookie.parse(
+    ctx.request.headers.get('Cookie'),
+  )) as undefined | ServerFormState<any>
+  // Delete the cookie before it hits the client again¸
+  ctx.request.headers.delete('Cookie')
+  if (!data) return initialFormState
+  return data
+})

package/src/start/index.ts

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

package/src/start/types.ts

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

package/src/start/utils.ts

@@ -0,0 +1,3 @@
+import { createCookie } from '@remix-run/node'
+
+export const _tanstackInternalsCookie = createCookie('_tanstack_form_internals')

package/dist/cjs/createServerValidate.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"createServerValidate.cjs","sources":["../../src/createServerValidate.ts"],"sourcesContent":["import { decode } from 'decode-formdata'\nimport type {\n  FormApi,\n  FormOptions,\n  ValidationError,\n  Validator,\n} from '@tanstack/form-core'\n\ntype OnServerValidateFn<TFormData> = (props: {\n  value: TFormData\n}) => ValidationError\n\ntype OnServerValidateOrFn<\n  TFormData,\n  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,\n> = TFormValidator extends Validator<TFormData, infer FFN>\n  ? FFN | OnServerValidateFn<TFormData>\n  : OnServerValidateFn<TFormData>\n\ninterface ServerFormOptions<\n  TFormData,\n  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,\n> extends FormOptions<TFormData, TFormValidator> {\n  onServerValidate?: OnServerValidateOrFn<TFormData, TFormValidator>\n}\n\ntype ValidateFormData<\n  TFormData,\n  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,\n> = (\n  formData: FormData,\n  info?: Parameters<typeof decode>[1],\n) => Promise<Partial<FormApi<TFormData, TFormValidator>['state']>>\n\nexport const createServerValidate = <\n  TFormData,\n  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,\n>(\n  defaultOpts: ServerFormOptions<TFormData, TFormValidator>,\n) =>\n  (async (\n    formData: FormData,\n    info?: Parameters<typeof decode>[1],\n  ): Promise<Partial<FormApi<TFormData, TFormValidator>['state']>> => {\n    const { validatorAdapter, onServerValidate } = defaultOpts\n\n    const runValidator = (propsValue: { value: TFormData }) => {\n      if (validatorAdapter && typeof onServerValidate !== 'function') {\n        return validatorAdapter().validate(propsValue, onServerValidate)\n      }\n\n      return (onServerValidate as OnServerValidateFn<TFormData>)(propsValue)\n    }\n\n    const data = decode(formData, info) as never as TFormData\n\n    const onServerError = runValidator({ value: data })\n\n    return {\n      errorMap: {\n        onServer: onServerError,\n      },\n      errors: onServerError ? [onServerError] : [],\n    }\n  }) as ValidateFormData<TFormData, TFormValidator>\n\nexport const initialFormState = {\n  errorMap: {\n    onServer: undefined,\n  },\n  errors: [],\n}\n"],"names":["decode"],"mappings":";;;AAkCO,MAAM,uBAAuB,CAIlC,gBAEC,OACC,UACA,SACkE;AAC5D,QAAA,EAAE,kBAAkB,iBAAqB,IAAA;AAEzC,QAAA,eAAe,CAAC,eAAqC;AACrD,QAAA,oBAAoB,OAAO,qBAAqB,YAAY;AAC9D,aAAO,iBAAiB,EAAE,SAAS,YAAY,gBAAgB;AAAA,IACjE;AAEA,WAAQ,iBAAmD,UAAU;AAAA,EAAA;AAGjE,QAAA,OAAOA,eAAAA,OAAO,UAAU,IAAI;AAElC,QAAM,gBAAgB,aAAa,EAAE,OAAO,KAAM,CAAA;AAE3C,SAAA;AAAA,IACL,UAAU;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,QAAQ,gBAAgB,CAAC,aAAa,IAAI,CAAC;AAAA,EAAA;AAE/C;AAEK,MAAM,mBAAmB;AAAA,EAC9B,UAAU;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA,QAAQ,CAAC;AACX;;;"}

package/dist/cjs/createServerValidate.d.cts

@@ -1,19 +0,0 @@
-import { decode } from 'decode-formdata';
-import { FormApi, FormOptions, ValidationError, Validator } from '@tanstack/form-core';
-
-type OnServerValidateFn<TFormData> = (props: {
-    value: TFormData;
-}) => ValidationError;
-type OnServerValidateOrFn<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined> = TFormValidator extends Validator<TFormData, infer FFN> ? FFN | OnServerValidateFn<TFormData> : OnServerValidateFn<TFormData>;
-interface ServerFormOptions<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined> extends FormOptions<TFormData, TFormValidator> {
-    onServerValidate?: OnServerValidateOrFn<TFormData, TFormValidator>;
-}
-type ValidateFormData<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined> = (formData: FormData, info?: Parameters<typeof decode>[1]) => Promise<Partial<FormApi<TFormData, TFormValidator>['state']>>;
-export declare const createServerValidate: <TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined>(defaultOpts: ServerFormOptions<TFormData, TFormValidator>) => ValidateFormData<TFormData, TFormValidator>;
-export declare const initialFormState: {
-    errorMap: {
-        onServer: undefined;
-    };
-    errors: never[];
-};
-export {};

package/dist/cjs/nextjs-index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"nextjs-index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/cjs/nextjs-index.d.cts

@@ -1,2 +0,0 @@
-export * from '@tanstack/form-core';
-export { createServerValidate, initialFormState } from './createServerValidate.cjs';

package/dist/esm/createServerValidate.d.ts

@@ -1,19 +0,0 @@
-import { decode } from 'decode-formdata';
-import { FormApi, FormOptions, ValidationError, Validator } from '@tanstack/form-core';
-
-type OnServerValidateFn<TFormData> = (props: {
-    value: TFormData;
-}) => ValidationError;
-type OnServerValidateOrFn<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined> = TFormValidator extends Validator<TFormData, infer FFN> ? FFN | OnServerValidateFn<TFormData> : OnServerValidateFn<TFormData>;
-interface ServerFormOptions<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined> extends FormOptions<TFormData, TFormValidator> {
-    onServerValidate?: OnServerValidateOrFn<TFormData, TFormValidator>;
-}
-type ValidateFormData<TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined> = (formData: FormData, info?: Parameters<typeof decode>[1]) => Promise<Partial<FormApi<TFormData, TFormValidator>['state']>>;
-export declare const createServerValidate: <TFormData, TFormValidator extends Validator<TFormData, unknown> | undefined = undefined>(defaultOpts: ServerFormOptions<TFormData, TFormValidator>) => ValidateFormData<TFormData, TFormValidator>;
-export declare const initialFormState: {
-    errorMap: {
-        onServer: undefined;
-    };
-    errors: never[];
-};
-export {};

package/dist/esm/createServerValidate.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"createServerValidate.js","sources":["../../src/createServerValidate.ts"],"sourcesContent":["import { decode } from 'decode-formdata'\nimport type {\n  FormApi,\n  FormOptions,\n  ValidationError,\n  Validator,\n} from '@tanstack/form-core'\n\ntype OnServerValidateFn<TFormData> = (props: {\n  value: TFormData\n}) => ValidationError\n\ntype OnServerValidateOrFn<\n  TFormData,\n  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,\n> = TFormValidator extends Validator<TFormData, infer FFN>\n  ? FFN | OnServerValidateFn<TFormData>\n  : OnServerValidateFn<TFormData>\n\ninterface ServerFormOptions<\n  TFormData,\n  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,\n> extends FormOptions<TFormData, TFormValidator> {\n  onServerValidate?: OnServerValidateOrFn<TFormData, TFormValidator>\n}\n\ntype ValidateFormData<\n  TFormData,\n  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,\n> = (\n  formData: FormData,\n  info?: Parameters<typeof decode>[1],\n) => Promise<Partial<FormApi<TFormData, TFormValidator>['state']>>\n\nexport const createServerValidate = <\n  TFormData,\n  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,\n>(\n  defaultOpts: ServerFormOptions<TFormData, TFormValidator>,\n) =>\n  (async (\n    formData: FormData,\n    info?: Parameters<typeof decode>[1],\n  ): Promise<Partial<FormApi<TFormData, TFormValidator>['state']>> => {\n    const { validatorAdapter, onServerValidate } = defaultOpts\n\n    const runValidator = (propsValue: { value: TFormData }) => {\n      if (validatorAdapter && typeof onServerValidate !== 'function') {\n        return validatorAdapter().validate(propsValue, onServerValidate)\n      }\n\n      return (onServerValidate as OnServerValidateFn<TFormData>)(propsValue)\n    }\n\n    const data = decode(formData, info) as never as TFormData\n\n    const onServerError = runValidator({ value: data })\n\n    return {\n      errorMap: {\n        onServer: onServerError,\n      },\n      errors: onServerError ? [onServerError] : [],\n    }\n  }) as ValidateFormData<TFormData, TFormValidator>\n\nexport const initialFormState = {\n  errorMap: {\n    onServer: undefined,\n  },\n  errors: [],\n}\n"],"names":[],"mappings":";AAkCO,MAAM,uBAAuB,CAIlC,gBAEC,OACC,UACA,SACkE;AAC5D,QAAA,EAAE,kBAAkB,iBAAqB,IAAA;AAEzC,QAAA,eAAe,CAAC,eAAqC;AACrD,QAAA,oBAAoB,OAAO,qBAAqB,YAAY;AAC9D,aAAO,iBAAiB,EAAE,SAAS,YAAY,gBAAgB;AAAA,IACjE;AAEA,WAAQ,iBAAmD,UAAU;AAAA,EAAA;AAGjE,QAAA,OAAO,OAAO,UAAU,IAAI;AAElC,QAAM,gBAAgB,aAAa,EAAE,OAAO,KAAM,CAAA;AAE3C,SAAA;AAAA,IACL,UAAU;AAAA,MACR,UAAU;AAAA,IACZ;AAAA,IACA,QAAQ,gBAAgB,CAAC,aAAa,IAAI,CAAC;AAAA,EAAA;AAE/C;AAEK,MAAM,mBAAmB;AAAA,EAC9B,UAAU;AAAA,IACR,UAAU;AAAA,EACZ;AAAA,EACA,QAAQ,CAAC;AACX;"}

package/dist/esm/nextjs-index.d.ts

@@ -1,2 +0,0 @@
-export * from '@tanstack/form-core';
-export { createServerValidate, initialFormState } from './createServerValidate.js';

package/dist/esm/nextjs-index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nextjs-index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/src/createServerValidate.ts

@@ -1,72 +0,0 @@
-import { decode } from 'decode-formdata'
-import type {
-  FormApi,
-  FormOptions,
-  ValidationError,
-  Validator,
-} from '@tanstack/form-core'
-
-type OnServerValidateFn<TFormData> = (props: {
-  value: TFormData
-}) => ValidationError
-
-type OnServerValidateOrFn<
-  TFormData,
-  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,
-> = TFormValidator extends Validator<TFormData, infer FFN>
-  ? FFN | OnServerValidateFn<TFormData>
-  : OnServerValidateFn<TFormData>
-
-interface ServerFormOptions<
-  TFormData,
-  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,
-> extends FormOptions<TFormData, TFormValidator> {
-  onServerValidate?: OnServerValidateOrFn<TFormData, TFormValidator>
-}
-
-type ValidateFormData<
-  TFormData,
-  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,
-> = (
-  formData: FormData,
-  info?: Parameters<typeof decode>[1],
-) => Promise<Partial<FormApi<TFormData, TFormValidator>['state']>>
-
-export const createServerValidate = <
-  TFormData,
-  TFormValidator extends Validator<TFormData, unknown> | undefined = undefined,
->(
-  defaultOpts: ServerFormOptions<TFormData, TFormValidator>,
-) =>
-  (async (
-    formData: FormData,
-    info?: Parameters<typeof decode>[1],
-  ): Promise<Partial<FormApi<TFormData, TFormValidator>['state']>> => {
-    const { validatorAdapter, onServerValidate } = defaultOpts
-
-    const runValidator = (propsValue: { value: TFormData }) => {
-      if (validatorAdapter && typeof onServerValidate !== 'function') {
-        return validatorAdapter().validate(propsValue, onServerValidate)
-      }
-
-      return (onServerValidate as OnServerValidateFn<TFormData>)(propsValue)
-    }
-
-    const data = decode(formData, info) as never as TFormData
-
-    const onServerError = runValidator({ value: data })
-
-    return {
-      errorMap: {
-        onServer: onServerError,
-      },
-      errors: onServerError ? [onServerError] : [],
-    }
-  }) as ValidateFormData<TFormData, TFormValidator>
-
-export const initialFormState = {
-  errorMap: {
-    onServer: undefined,
-  },
-  errors: [],
-}

package/src/nextjs-index.ts

@@ -1,3 +0,0 @@
-export * from '@tanstack/form-core'
-
-export { createServerValidate, initialFormState } from './createServerValidate'