npm install @rushstack/typings-generator --save-dev
This is a utility for generating typings for non-TS files. It can operate in either a single-run mode or
a watch mode. It is designed to generate .d.ts
files with a specified generation function for all files matching
specified file extensions, with an option to ignore individual files.
import { TypingsGenerator } from '@rushstack/typings-generator';
const typingsGenerator: TypingsGenerator = new TypingsGenerator({
srcFolder: '/repo/package/src',
generatedTsFolder: '/repo/package/temp/generated-typings',
fileExtensions: ['file-extension'],
parseAndGenerateTypings: (fileContents: string, filePath: string) => {
const parsedFile = parseFile(fileContents);
const typings: string = generateTypings(parsedFile);
return typings;
}
});
// To run once before a compilation:
await typingsGenerator.generateTypings();
// To start a watcher:
await typingsGenerator.runWatcher();
This property is used as the source root folder for discovery of files for which typings should be generated.
This property specifies the folder in which .d.ts
files should be dropped. It is recommended
that this be a folder parallel to the source folder, specified in addition to the source folder in the
rootDirs
tsconfig.json
option.
The folder specified by this option is emptied when the utility is invoked.
This property enumerates the file extensions that should be handled.
This property is used to specify the function that should be called on every file for which typings are being generated. In watch mode, this is called on every file creation and file update. It should return TypeScript declarations for the file it is called with.
Optionally provide a Terminal object for logging. If one isn't provided, logs will go to the console.
Optionally, provide an array of paths to files that should be ignored. These paths can either be absolute
paths, or paths relative to the srcFolder
There is an extension of this utility specifically for file types where typings should be a simple
set of exported string values. This is useful for file types like CSS and RESX. This class takes
the same options as the standard TypingsGenerator
, with one additional option (exportAsDefault
) and a different return value for parseAndGenerateTypings
.
parseAndGenerateTypings = (fileContents: string, filePath: string) => { typings: ({ exportName: string, comment?: string })[] } | Promise<{ typings: ({ exportName: string, comment?: string })[] }>
This function should behave the same as the parseAndGenerateTypings
function for the standard
TypingsGenerator
, except that it should return an object with a typings
property, set to
an array of objects with an exportName
property and an optional comment
property.
See the example below.
{
typings: [
{
exportName: 'myExport'
},
{
exportName: 'myOtherExport',
comment: 'This is the other export'
}
]
}
// This file was generated by a tool. Modifying it will produce unexpected behavior
export declare const myExport: string;
/**
* This is the other export
*/
export declare const myOtherExport: string;
If this option is set to true
, the typings will be exported wrapped in a default
property. This
allows the file to be imported by using the import myFile from './myFile.my-extension';
syntax instead of
the import { myExport } from './myFile.my-extension';
or the import * as myFile from './myFile.my-extension';
syntax. This style of export is not recommended as it can prevent tree-shaking optimization.
When exportAsDefault
is true, this optional setting determines the interface name
for the default wrapped export. For example, in the Sass Typings plugin, the interface name
is set to IExportStyles
. If not specified, the interface name will be IExport
.
(This setting is ignored when exportAsDefault
is false).
- CHANGELOG.md - Find out what's new in the latest version
- API Reference
@rushstack/typings-generator
is part of the Rush Stack family of projects.