npmts

Write npm modules with TypeScript without hassle. TypeScript ready. Fully ES6.

Status

What is NPMTS?

NPMTS is your friend when it comes to write, test, publish and document NPM modules written in TypeScript. By default NPMTS will bundle declaration files. As a result npm module code completion in editors like Visual Studio Code works.

There is a docker image available that includes npmts to make CI a breeze:
hosttoday/ht-docker-node:npmts on Dockerhub

Install

First install npmts globally, then install the npmts-g locally.

*npmts-g checks if the global version of npmts suffices the modules requirements. If not it installs npmts locally in the right version during npm install.

npm install npmts -g # installs npmts globally
npm install npmts-g --save-dev # installs npmts-g checking tool as devDependency

Then add it to your package.json's script section to trigger a build:

"scripts": {
    "test": "(npmts)"
}

Default task execution order

1. Config: Check config in ./npmextra.json (Check out npmextra)
2. Clean: Clean up from any previous builds (old js files)
3. Check Check project for typings declaration in package.json, unused dependencies and missing dependencies
4. Transpile: Transpile TypeScript with inline sourcemaps and declaration files to ES6
5. Documentation: Create TypeDoc Documentation from TypeScript files
6. Test: Babelify ES6 to ES5 on the fly, instrumentalize ES5 JavaScript with istanbul and run tests with Mocha.

npmextra.json

the npmts section in npmextra.json can be used to configure npmts.

{
  "npmts":{
    "mode":"default",
    "ts":{
      "./customdir/*.ts":"./"
    },
    "tsOptions":{
      "declaration":false,
      "target":"ES6"
    },
    "cli":true
  }
}

key	default value	description
"mode"	"default"	"default" will do some default stuff, "custom" only does what you specify
"tsOptions"	{"target":"ES5", "declaration":"true"}	specify options for tsc
"cli"	"false"	some modules are designed to be used from cli. If set to true NPMTS will create a cli.js that wires you dist files up for cli use.

TypeScript

by default npmts looks for ./ts/*.ts and ./test/test.ts that will compile to ./dist/*.js and ./test/test.js

Use commonjs module system for wiring up files.

Declaration files

npmts also creates an ./dist/index.d.ts declaration file by default. You can reference it in your package.json like this.

"main": "dist/index.js",
"typings": ".dist/index.d.ts",

This is in line with the latest TypeScript best practices. You can then import plugins via the TypeScript import Syntax and tsc will pick up the declaration file automatically.

Some notes:

Typings for third party modules that do not bundle declaration files

NPMTS does no longer supports typings.json. Instead use the new TypeScript 2.x approach to typings using the @types/ npm scope.

Instrumentalize Code

npmts instrumentalizes (using istanbul) the created JavaScript code to create a coverage report.

Tests

Any errors will be shown with reference to their originating source in TypeScript thanks to autogenerated source maps.

Example Usage in modules:

• gulp-browser

We will add more options over time.

Tips and tricks:

• Use npmts-g to use globally installed npmts and install npmts locally if no global npmts is available.
• Use npmpage to create a webpage from coverage reports and TypeDoc for the module
• Use hosttoday/ht-docker-node:npmts for speedy CI builds
• Use npmdocker for running tests consistently with docker.

Future Scope:

• automatically manage badges in README
• manage tslint to enforce code best practices
• tear down any differences between local and CI environments by using brand new npmdocker

About the authors: