create-pro-ts-lib

create-pro-ts-lib is a CLI tool to quickly start a Typescript library from a rigid customizable template.

• built-in templates for:
  🕵🏻‍♀️ Tsx
  🧪 Tests [Vitest]
  ✨ Prettier
  👮🏻‍ Eslint
  🐶 Husky
  🧊 Webpack5
  ⚡ Vite
  ⚡ Tsup

these templates can be combined to allow maximum flexibility for your library.

And the folder structure would look like:

my-first-project
|-- src
|   -- index.ts
|-- .gitignore
|-- .npmrc
|-- .prettierrc
|-- LICENSE
|-- nodemon.json
|-- package.json
|-- tsconfig.json

Usage

With NPM⚡:

npm create pro-ts-lib@latest

With Yarn⚡:

yarn create pro-ts-lib@latest

With PNPM⚡:

pnpm create pro-ts-lib@latest

Then follow the prompts!

Bonus Shorthand

This would do the same:

npx cptl

It's Not Only for Libraries

You can use it for projects as well, but remember:

• change tsconfig.json accordingly:

  • lib - add if needed
  • module
  • target
  • declarations: false
  • etc...

• change package.json accordingly

  • licence
  • files - remove
  • private: true
  • module - remove
  • etc...

• have fun programming :)

CLI Examples

Due to pro-ts-lib incredible flexibility, there are many aspects of the boilerplate which you can change via flags in the CLI.

This next example creates a new Typescript project with nodemon -n and prettier -p called my-project .

npm create pro-ts-lib my-project -n -p

To create a new Typescript project with tests -t , and it puts the test in a seperated folder __tests__ due to --test-mode seperated

npm create pro-ts-lib my-project -t --test-mode seperated

Note: When adding both prettier and eslint, it triggers a special logic which make them work together.

To install everything, use --all flag

npm create pro-ts-lib my-project --all

Options

Each feature has its own flag:

• Tests --tests / -t
• Tsx --tsx / -n
• Prettier --prettier / -p
• Eslint --eslint / -e
• Vite --vite / --vi
• Webpack5 --webpack / -w

Advanced Options ⚠️

Other Flags

There are other flags that help you customize your boilerplate:

• --name - determine a different name than your directory name

• --all - ADD ALL FEATURES. 🔥

• --test-mode - determine test mode. 🧪

  • seperated - in a separate __tests__ folder.
  • combined - in src/ folder next to index.ts .

There are also options to handle the CLI:

• --dry🏜 - run the CLI with no consequences.
• --no-color🎨 - run CLI output without color.

Note

Since they are quite unique and advanced, The following features ARE NOT supported by the terminal UI prompt and should be used as flags only:

• --dry🏜
• --no-color🎨

But don't worry, you can use them alongside the UI prompts, for example:

npm create pro-ts-lib --no-color -p -e

will result: