El repositorio de definiciones de TypeScript de alta calidad.
Vea también el sitio web definitelytyped.org, aunque la información en este README está más actualizada.
Vea el Manual de TypeScript.
Este es el método preferido. Solo está disponible para usuarios TypeScript 2.0+. Por ejemplo:
npm install --save-dev @types/nodeLos types deberían ser incluidos automáticamente por el compilador. Vea más en el manual.
Para un paquete NPM "foo", estos typings estarán en "@types/foo".
Si no puedes encontrar tu paquete, búscalo en TypeSearch.
Si aún no puedes encontrarlo, comprueba si el paquete ya incluye los typings.
Esto es provisto usualmente en el campo "types" o "typings" en el package.json,
o solo busca por cualquier archivo ".d.ts" en el paquete e inclúyelo manualmente con un /// <reference path="" />.
Definitely Typed solamente prueba paquetes en versiones de TypeScript que son menores a 2 años.
Actualmente, las versiones 3.2 y posteriores están siendo probadas. Si estas usando TypeScript 2.0 a 3.1, puedes intentar instalando paquetes @types — la mayoría de los paquetes no usan los beneficios de Typescript más nuevos. No hay garantía de que funcionen.
Versiones soportadas:
| Versión | Liberado | Fin de soporte |
|---|---|---|
| 2.8 | Marzo 2018 | Marzo 2020 |
| 2.9 | Mayo 2018 | Mayo 2020 |
| 3.0 | Julio 2018 | Julio 2020 |
| 3.1 | Septiembre 2018 | Septiembre 2020 |
| 3.2 | Noviembre 2018 | Noviembre 2020 |
| 3.3 | Enero 2019 | Enero 2020 |
| 3.4 | Marzo 2019 | Marzo 2021 |
| 3.5 | Mayo 2019 | Mayo 2021 |
| 3.6 | Agosto 2019 | Agosto 2021 |
| 3.7 | Noviembre 2019 | Noviembre 2021 |
| 3.8 | Febrero 2020 | Febrero 2022 |
| 3.9 | Mayo 2020 | Mayo 2022 |
| 4.0 | Agosto 2020 | Agosto 2022 |
Los paquetes @types tienen etiquetas para las versiones de Typescript que explícitamente soportan, usualmente puedes obtener versiones más viejas de los paquetes anteriores a 2 años.
Por ejemplo, si ejecutas npm dist-tags @types/react, observaras que Typescript 2.5 puede usar types para react@16.0, a su vez, Typescript 2.6 y 2.7 pueden usar types para react@16.4.
| Etiqueta | Versión |
|---|---|
| latest | 16.9.23 |
| ts2.0 | 15.0.1 |
| ... | ... |
| ts2.5 | 16.0.36 |
| ts2.6 | 16.4.7 |
| ts2.7 | 16.4.7 |
| ... | ... |
- Descárguelo manualmente desde la
masterbranch de este repositorio - Typings~~ (use las alternativas preferidas, typings es obsoleto)
NuGet(use las alternativas preferidas, la publicación DT type de nuget ha sido desactivada)
Tal vez debas añadir manualmente las referencias.
¡Definitely Typed solo trabaja gracias a contribuidores como tú!
Antes de compartir tu mejora con el mundo, úselo usted mismo.
Para agregar nuevas funciones puedes usar el module augmentation.
También puedes editar directamente los types en node_modules/@types/foo/index.d.ts, o copiarlos de ahí y seguir los pasos explicados a continuación.
Añade a tu tsconfig.json:
"baseUrl": "types",
"typeRoots": ["types"],(También puedes usar src/types.)
Crea un types/foo/index.d.ts que contenga declaraciones del módulo "foo".
Ahora deberías poder importar desde "foo" a tu código y te enviara a un nuevo tipo de definición.
Entonces compila y ejecuta el código para asegurarte que el tipo de definición en realidad corresponde a lo que suceda en el momento de la ejecución.
Una vez que hayas probado tus definiciones con el código real, haz un PR
luego sigue las instrucciones para editar un paquete existente o
crear un nuevo paquete.
Una vez que hayas probado tu paquete, podrás compartirlo en Definitely Typed.
Primero, haz un fork en este repositorio, instala node, y luego ejecuta la npm install.
cd types/<package to edit>- Haz cambios. Recuerda editar las pruebas. Si realiza cambios importantes, no olvide actualizar una versión principal.
- También puede que quieras añadirle la sección "Definitions by" en el encabezado del paquete.
- Esto hará que seas notificado (a través de tu nombre de usuario en GitHub) cada vez que alguien haga un pull request o issue sobre el paquete.
- Haz esto añadiendo tu nombre al final de la línea, así como en
// Definitions by: Alice <https://github.com/alice>, Bob <https://github.com/bob>. - O si hay más personas, puede ser multiline
// Definitions by: Alice <https://github.com/alice> // Bob <https://github.com/bob> // Steve <https://github.com/steve> // John <https://github.com/john>
- Ejecuta
npm test <package to test>.
Cuando hagas un PR para editar un paquete existente, dt-bot deberá @-mencionar a los autores previos.
Si no lo hace, puedes hacerlo en el comentario asociado con el PR.
Si eres el autor de la librería, o puedes hacer un pull request a la biblioteca, bundle types en vez de publicarlo en Definitely Typed.
Si estás agregando typings para un paquete NPM, crea un directorio con el mismo nombre.
Si el paquete al que le estás agregando typings no es para NPM, asegúrate de que el nombre que escojas no genere problemas con el nombre del paquete en NPM.
(Puedes usar npm info foo para verificar la existencia del paquete foo.)
Tu paquete debería tener esta estructura:
| Archivo | Propósito |
|---|---|
| index.d.ts | Este contiene los typings del paquete. |
| <my package>-tests.ts | Este contiene una muestra del código con el que se realiza la prueba de escritura. Este código no es ejecutable, pero sí es type-checked. |
| tsconfig.json | Este permite ejecutar tsc dentro del paquete. |
| tslint.json | Permite linting. |
Generalas ejecutando npm install -g dts-gen y dts-gen --dt --name <my package> --template module.
Ve todas las opciones en dts-gen.
También puedes configurar el tsconfig.json para añadir nuevos archivos, para agregar un "target": "es6" (necesitado por las funciones asíncronas), para agregar a la "lib", o para agregar la opción de compilación "jsx".
Los miembros de Definitely Typed frecuentemente monitorean nuevos PRs, pero ten en mente que la cantidad de PRs podrían ralentizar el proceso.
Para un buen paquete de ejemplo, vea base64-js.
- Primero, sigue el consejo del manual.
- Formatear: Utiliza 4 espacios.
function sum(nums: number[]): number: UtilizaReadonlyArraysi una función no escribe a sus parámetros.interface Foo { new(): Foo; }: Este define el tipo de objeto que esten nuevos. Probablemente quierasdeclare class Foo { constructor(); }.const Class: { new(): IClass; }: Prefiere usar una declaración de claseclass Class { constructor(); }En vez de una nueva constante.getMeAT<T>(): T: Si un tipo de parámetro no aparece en los tipos de ningún parámetro, no tienes una función genérica, solo tienes un afirmación del tipo disfrazado. Prefiera utilizar una afirmación de tipo real, p.ej.getMeAT() as number. Un ejemplo donde un tipo de parámetro es aceptable:function id<T>(value: T): T;. Un ejemplo donde no es aceptable:function parseJson<T>(json: string): T;. Una excepción:new Map<string, number>()está bien.- Utilizando los tipos
FunctionyObjectcasi nunca es una buena idea. En 99% de los casos es posible especificar un tipo más específico. Los ejemplos son(x: number) => numberpara funciones y{ x: number, y: number }para objetos. Si no hay certeza en lo absoluto del tipo,anyes la opción correcta, noObject. Si el único hecho conocido sobre el tipo es que es un objecto, usa el tipoobject, noObjecto{ [key: string]: any }. var foo: string | any: Cuando es usadoanyen un tipo de unión, el tipo resultante todavía esany. Así que mientras la porciónstringde este tipo de anotación puede verse útil, de hecho, no ofrece ningún typechecking adicional más que un simpleany. Dependiendo de la intención, una alternativa aceptable puede serany,string, ostring | object.
Cuando un paquete bundles sus propios tipos, estos tipos deberán ser removidos de Definitely Typed para evitar que generen confusión.
Se puede remover ejecutando npm run not-needed -- typingsPackageName asOfVersion [libraryName].
typingsPackageName: Este es el nombre del directorio que tienes que eliminar.asOfVersion: Un stub será publicado a@types/foocon esta versión. Debería ser más grande que cualquier versión publicada actualmente.libraryName: Un nombre descriptivo de la librería, p.ej. "Angular 2" en vez de "angular2". (Si es omitido, será idéntico a "typingsPackageName".)
Cualquier otro paquete en Definitely Typed que referencie el paquete eliminado deberá ser actualizado para referenciar los tipos bundled. para hacer esto, añade package.json con "dependencies": { "foo": "x.y.z" }.
Si un paquete nunca estuvo en Definitely Typed, no será necesario añadirlo a notNeededPackages.json.
Realiza una prueba ejecutando npm test <package to test> donde <package to test> es el nombre de tu paquete.
Este script utiliza dtslint.
There should be a <my package>-tests.ts file, which is considered your test file, along with any *.ts files it imports.
If you don't see any test files in the module's folder, create a <my package>-tests.ts.
These files are used to validate the API exported from the *.d.ts files which are shipped as @types/<my package>.
Changes to the *.d.ts files should include a corresponding *.ts file change which shows the API being used, so that someone doesn't accidentally break code you depend on.
If you don't see any test files in the module's folder, create a <my package>-tests.ts
For example, this change to a function in a .d.ts file adding a new param to a function:
index.d.ts:
- export function twoslash(body: string): string
+ export function twoslash(body: string, config?: { version: string }): string<my package>-tests.ts:
import {twoslash} from "./"
// $ExpectType string
const result = twoslash("//")
+ // Handle options param
+ const resultWithOptions = twoslash("//", { version: "3.7" })
+ // When the param is incorrect
+ // $ExpectError
+ const resultWithOptions = twoslash("//", { })If you're wondering where to start with test code, the examples in the README of the module are a great place to start.
You can validate your changes with npm test <package to test> from the root of this repo, which takes changed files into account.
Para afirmar que una expresión es de un tipo dado, utilice $ExpectType. Para afirmar que una expresión causa un error de compilación, utilice $ExpectError.
// $ExpectType void
f(1);
// $ExpectError
f("one");Para más detalles, vea el dtslint readme.
Para realizar el lint a un paquete, solo añade tslint.json al paquete que contiene { "extends": "dtslint/dt.json" }. Todos los paquetes nuevos deberán pasar por el proceso de linted.
Si el tslint.json deshabilita algunas reglas esto se debe a que aún no se ha acomodado. Por ejemplo:
{
"extends": "dtslint/dt.json",
"rules": {
// This package uses the Function type, and it will take effort to fix.
"ban-types": false
}
}(Para indicar que la regla lint realmente no es utilizada, usa // tslint:disable rule-name o mejor, // tslint:disable-next-line rule-name.)
Normalmente no lo necesitarás. Cuando publicas un paquete normalmente nosotros automáticamente crearemos un package.json para eso.
Un package.json puede ser incluido por el bien de especificar dependencias. Aquí tienen un ejemplo.
No aceptamos otros campos, tales como "description", para que sean definidos manualmente.
Además, si necesitas referencia a una versión anterior de typings, debes hacerlo añadiendo "dependencies": { "@types/foo": "x.y.z" } al package.json.
DT has the concept of "Definition Owners" which are people who want to maintain the quality of a particular module's types
- Adding yourself to the list will cause you to be notified (via your GitHub username) whenever someone makes a pull request or issue about the package.
- Your PR reviews will have a higher precedence of importance to the bot which maintains this repo.
- The DT maintainers are putting trust in the definition owners to ensure a stable eco-system, please don't add yourself lightly.
To Add yourself as a Definition Owner:
- Adding your name to the end of the line, as in
// Definitions by: Alice <https://github.com/alice>, Bob <https://github.com/bob>. - Or if there are more people, it can be multiline
// Definitions by: Alice <https://github.com/alice> // Bob <https://github.com/bob> // Steve <https://github.com/steve> // John <https://github.com/john>
Once a week the Definition Owners are synced to the file .github/CODEOWNERS which is our source of truth.
La master branch es automáticamente publicada en el alcance de los @types en NPM gracias a los DefinitelyTyped-tools.
Esto depende, pero la mayoría de los pull requests serán merged en alrededor de una semana. PRs que hayan sido aprobados por un autor listado en el encabezado de las definiciones usualmente son merged más rápidamente; PRs para nuevas definiciones tomarán más tiempo ya que requieren más revisiones de los mantenedores. Cada PR es revisado por un miembro de TypeScript o Definitely Typed antes de ser merged, por favor sé paciente debido a que factores humanos pueden causar retrasos. Revisa el New Pull Request Status Board para ver el progreso mientras los mantenedores trabajan en los PRs abiertos.
Los paquetes NPM deberán ser actualizados en unas cuantas horas. Si ha pasado más de 24 horas, menciona a @RyanCavanaugh y/o a @andy-ms en el PR para investigar.
Estoy escribiendo una definición que depende de otra definición. Debería utilizar <reference types="" /> o una import?
Si el módulo al cual te estás refiriendo es un módulo externo (utiliza export), utilice una import.
Si el módulo al cual te refieres es un módulo ambiente (utiliza declare module, o simplemente declara las globales), utilice <reference types="" />.
Algunos paquetes no tienen tslint.json, y algunos tsconfig.json no contienen "noImplicitAny": true, "noImplicitThis": true, o "strictNullChecks": true.
Entonces están equivocados. Puedes ayudar enviando un pull request para arreglarlos.
Aquí están las definiciones solicitadas actualmente.
Si las types son parte de los estándares web, estas deberán ser contribuidas a TSJS-lib-generator para que se hagan parte de la librería predeterminada lib.dom.d.ts.
Un paquete utiliza export =, pero prefiero utilizar las import predeterminadas. ¿Puedo cambiar export = por export default?
Si la import predeterminada trabaja en tu ambiente, considera hacer un cambio en la opción de compilación --allowSyntheticDefaultImports opción compilar.
No cambies la type definition si es preciso.
Para un paquete NPM, export = es exacto si node -p 'require("foo")' es la export, y export default es exacto si node -p 'require("foo").default' es el export.
Entonces deberás añadir un comentario a la última línea de la definición en el encabezado (despues de // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped): // Minimum TypeScript Version: 3.3.
Esto puede pertenecer a TSJS-Lib-Generator. Vea las guías allí.
Si el estándar sigue siendo un borrador, este pertenece aquí.
Utilice un nombre que empiece con dom- e incluya un link al estándar como el "Project" con el link en el encabezado.
Cuando ya no sea un borrador, lo podremos eliminar desde DefinitelyType y hacer obsoleto el paquete @types asociado.
Si planeas continuar actualizando la versión anterior del paquete, puedes crear una subcarpeta con la versión actual p.ej. v2, y copia los archivos existentes. Si es así, necesitarás:
- Actualiza las rutas relativas en
tsconfig.jsonal igual quetslint.json. - Añadir reglas de mapeo de rutas para asegurarte de que la prueba se está ejecutando contra la versión prevista.
Por ejemplo history v2 tsconfig.json se ve así:
{
"compilerOptions": {
"baseUrl": "../../",
"typeRoots": ["../../"],
"paths": {
"history": [ "history/v2" ]
},
},
"files": [
"index.d.ts",
"history-tests.ts"
]
}Si hay otros paquetes en Definitely Typed que son incompatibles con la nueva versión, necesitarás mapear las rutas a la versión anterior. También deberá hacer esto para los paquetes que dependen de paquetes que dependen de una version anterior.
Por ejemplo, react-router depende de history@2, así que react-router tsconfig.json tiene una ruta mapeada a "history": [ "history/v2" ];
transitivo así mismo, react-router-bootstrap (que depende de react-router) también añade una ruta mapeada en su tsconfig.json.
Además, /// <reference types=".." /> no trabajará con rutas mapeadas, así que las dependencias deberán utilizar import.
El manual de TypeScript contiene excelente información general para escribir definiciones, además este archivo de definiciones de ejemplo el cual muestra como crear una definición utilizando la sintaxis de módulo en ES6, asi como también especificando objetos que son disponibles en el alcance global. Esta técnica es demostrada prácticamente en la definición para big.js, el cual es una librería que puede ser cargada globalmente a través de una etiqueta script en una página web, o importada vía require o imports estilo ES6.
Para probar como puede ser usada tu definición cuando se refieren globalmente o como un módulo importado, crea una carpeta test, y coloca dos archivos de prueba en él. nombra uno YourLibraryName-global.test.ts y el otro YourLibraryName-module.test.ts. El archivo de prueba global debe ejercer la definición de acuerdo como va a ser usado en un script cargado en una página web donde la librería estará disponible en el alcance global - en este escenario no debes de especificar la sentencia de import. El archivo módulo de prueba debe de ejercer la definición de acuerdo a como va a ser utilizado cuando sea importado (incluyendo las sentencias import). Si especificas una propiedad files en tu archivo tsconfig.json, asegurate de incluir ambos archivos de prueba. Un ejemplo práctico de esto es también disponible en la definición de big.js.
Por favor tenga en cuenta que no es necesario para ejercer plenamente la definición en cada archivo de prueba - Es suficiente con probar solo los elementos globalmente accesibles en la prueba de archivos globales y ejercer la definición en el módulo del archivo de prueba, o viceversa.
Types para un paquete scoped @foo/bar deberán ir en types/foo__bar. tenga en cuenta el doble guión bajo.
Cuando dts-gen es utilizado como scaffold en un paquete scoped, las propiedades paths deberán ser adaptadas manualmente en el paquete generado
tsconfig.json para referenciar correctamente el paquete scoped:
{
"paths":{
"@foo/*": ["foo__*"]
}
}GitHub no le hace support historial de archivos para archivos renombrados. Utilice git log --follow en su lugar.
Algunos paquetes, como chai-http, exportan una función.
importar este módulo con un ES6 style import de forma import * as foo from "foo"; conduce al error:
error ts2497: El módulo 'foo' se resuelve en una entidad que no es un módulo y no se puede importar mediante esta construcción
Este error puede ser suprimido al unir la declaración de una función con un namespace vacío del mismo nombre pero esta práctica no es recomendable. Esto es un citado común Respuestas de Stack Overflow con respecto a este asunto.
Es más apropiado importar este módulo utilizando la sintaxis import foo = require("foo");, o utilizando una importación predeterminada como import foo from "foo"; si usas la bandera --allowSyntheticDefaultImports si la ejecución de tu módulo soporta un esquema de interoperación para módulos no ECMAScript como tal.
Este proyecto es licenciado bajo la licencia MIT.
Los derechos de autor de cada archivo de definición son respectivos de cada contribuidor listado al comienzo de cada archivo de definición.