This is the Richmedia Temple, used for creating richmedia units for various vendors.
yarn add @mediamonks/temple
npm i -S @mediamonks/temple
View the generated documentation.
Clone a copy of the repo:
git clone https://github.com/mediamonks/temple.git
Change to the seng-boilerplate directory:
Install dev dependencies:
Use one of the following main scripts:
npm run build # build this project npm run dev # run compilers in watch mode, both for babel and typescript npm run test # run the unit tests incl coverage npm run test:dev # run the unit tests in watch mode npm run lint # run eslint and tslint on this project npm run doc # generate typedoc documentation
When installing this module, it adds a pre-commit hook, that runs lint and prettier commands before committing, so you can be sure that everything checks out.
MIT © MediaMonks
About this boilerplate
Remove this section when cloning this boilerplate to a real project!
This boilerplate contains the following folders:
- /coverage - Contains the generated test code coverage, is sent to Code Climate and Coveral.io.
- /docs - Contains the generated documentation by typedoc.
- /lib - Contains the built code from
src/lib, will be published to npm.
- /node_modules - Contains the node modules generated by running
- /src - Contains the source code.
- /test - Contains the tests.
- /vendor - Can contain 3rd party code used in this project, when not available on npm.
This boilerplate contains the following files:
- .babelrc - Contains babel configuration.
- .codeclimate.yml - The Code Climate configuration for this project.
- .editorconfig - Defines general formatting rules.
- .eslintignore - Lists patterns that should be ignored when running eslint.
- .eslintrc.js - Contains eslint configuration.
- .gitignore - These files should not end up in git.
- .npmignore - These files should not end up in npm.
- .nvmrc - Contains nodejs version to build this project with.
- .nycrc - Contains nyc code coverage configuration.
- .prettierignore - Lists patterns that should be ignored when running prettier.
- .prettierrc - Contains prettier formatting configuration.
- .travis.yml - Configuration for Travis CI.
- AUTHORS.md - Contains a list of all the authors that worked on this module.
- CONTRIBUTING.md - Contains information on how to contribute on this project.
- index.d.ts - The built Typescript definitions, referenced in the package.json. Will be published to npm.
- index.d.ts - The built Typescript index, referenced in the package.json. Will be published to npm.
- LICENSE - Our license file.
- package.json - To list the npm package information, all the dependencies, and contains all the scripts that can be run.
- README.MD - This file, remove the about section when cloning this boilerplate.
- tsconfig.build.json - The TypeScript configuration file for building definitions.
- tsconfig.json - The TypeScript configuration file for this project.
- tslint.json - The linting rules for our TypeScript code.
- yarn.lock - Yarn lockfile to freeze module versions.
This project uses Travis to build, test and publish its code to npm. Travis is free for public Github repositories.
It runs on all commits, shows the build status for pull requests, and publishes to npm when a new tag/release is created.
Travis only runs the
npm test script, so have configured that script
to run everything we want Travis to check. Besides the unit tests, we
also run our validations and linters.
The travis configuration is placed in a
.travis.yml file, consisting
of multiple sections.
- Defines the
node_jslanguage, and tells travis on which node versions to run the process.
- Before running, it needs to install some global dependencies, and when it processes some coverage results.
- It can do a npm deploy, telling it to keep the generated artifacts and only publish when run on node 8 and when a tag was committed. It also contains the email address and api key of the npm user.
- Code Climate has a travis plugin that automatically uploads the code coverage results.
Because we want to keep the npm api key secret, we add the token to the Travis Repo settings where it will be stored secure: https://docs.travis-ci.com/user/environment-variables/#Defining-Variables-in-Repository-Settings
Before we can do this, we must make sure that the repository is added to Travis, because Travis needs the repository owner/name info to make sure the encrypted values only work for that repository.
Then make sure you are logged in to your npm account with the adduser command:
$ npm adduser
To verify that you are logged in correctly you can check:
$ npm whoami
Now we need to create a new token:
npm token create
Copy the token value from the output to the Travis Environment Variable settings, and add it with the name