Replit contact form, no Express route required

// formbold.ts : a small helper that works in any browser frontend Agent builds
// (React, Vue, Svelte or plain TypeScript). The endpoint is public, so no Secret is needed.
export const FORMBOLD_ENDPOINT = "https://formbold.com/s/FORM_ID";

export type SendResult = { ok: true; message: string } | { ok: false; message: string };

export async function sendToFormbold(form: HTMLFormElement): Promise<SendResult> {
  const fields = Object.fromEntries(new FormData(form).entries());

  try {
    const res = await fetch(FORMBOLD_ENDPOINT, {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
        Accept: "application/json",
      },
      body: JSON.stringify(fields),
    });
    const data = await res.json().catch(() => ({} as { message?: string }));
    return res.ok
      ? { ok: true, message: data.message ?? "Sent. Thanks for writing in." }
      : { ok: false, message: data.message ?? `Request failed (${res.status}).` };
  } catch {
    return { ok: false, message: "Network problem. Check your connection and try again." };
  }
}

// Usage in a React component:
// const r = await sendToFormbold(event.currentTarget);
// setStatus(r.message); if (r.ok) event.currentTarget.reset();