33. Generación de TypeScript | Field Forge - Campos personalizados, diseñados para la velocidad

Genera interfaces de TypeScript a partir de tus grupos de campos para frontends sin cabeza y seguros en tipos. Requiere licencia PRO.

Estructura de Tipos Generados

/**
 * Auto-generated by Field Forge v1.0.0
 */

export interface WPImage {
  ID: number;
  url: string;
  width: number;
  height: number;
  alt: string;
  title: string;
  sizes: Record<string, string>;
}

export interface WPFile {
  ID: number;
  url: string;
  filename: string;
  title: string;
  filesize: number;
  mime_type: string;
}

export interface ProductFields {
  price: number;
  sale_price?: number;
  product_gallery?: WPImage[];
  product_badge?: 'new' | 'sale' | 'bestseller' | '';
  product_specs?: Array<{ label?: string; value?: string }>;
}

export interface FieldForgePostTypeMap {
  'product': ProductFields;
  'page': PageFields;
}

Usando en Next.js

import type { ProductFields, WPImage } from './fieldforge.d.ts';

interface WPPost<T = Record<string, unknown>> {
  id: number;
  title: { rendered: string };
  fieldforge: T;
}

export async function getProduct(id: number): Promise<WPPost<ProductFields>> {
  const res = await fetch(`${process.env.WP_URL}/wp-json/wp/v2/product/${id}`);
  return res.json();
}

const product = await getProduct(42);
const price: number = product.fieldforge.price;

Descargando Tipos

GET /wp-admin/admin-ajax.php?action=fieldforge_download_types&format=typescript&nonce=xxx

Devuelve fieldforge.d.ts como una descarga de archivo.

—