TypeScript
Convierte fragmentos de TypeScript en imágenes que merece la pena compartir, sin salir de tu Mac.
Merece la pena capturar TypeScript precisamente porque los tipos son el asunto. Un bloque de código normal se lleva justo lo que querías enseñar.
Codeshot detecta TypeScript a partir del código que pegas, así que no hay selector de lenguaje que puedas equivocar. Aquí tienes el mismo fragmento en tres de los 30 temas incluidos, renderizados con las hojas de estilo de la propia app.
type Options = {
theme: string;
scale?: 1 | 2 | 3;
};
export const render = async (
code: string,
opts: Options
): Promise<Blob> => toImage(code, opts);type Options = {
theme: string;
scale?: 1 | 2 | 3;
};
export const render = async (
code: string,
opts: Options
): Promise<Blob> => toImage(code, opts);type Options = {
theme: string;
scale?: 1 | 2 | 3;
};
export const render = async (
code: string,
opts: Options
): Promise<Blob> => toImage(code, opts);Las firmas de tipos alargan las líneas enseguida. Desactiva los números de línea salvo que aporten algo, y dale más margen horizontal a la ventana para que los genéricos no choquen con el borde.
Deja que la imagen siga a tu contenido o fíjala a una proporción — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 o 3:4 — y exporta a 1×, 2× o 3× para que se mantenga nítida en pantallas retina. Cópiala al portapapeles con ⌘⇧C o guárdala con ⌘S.
Mira los 30 temas comparados o lee el flujo completo.
Todo se ejecuta en tu Mac. Tu código nunca sale de ahí.