TypeScript Support for FusionJS

[gutenye]

• Based on feat: allow .ts extension and support main.ts fusionjs/fusionjs#759, Add in fusionConfig: jsExtPattern, resolveExtensions (enable typescript) fusionjs/fusionjs#411, and Update index.js to remove flowtype eslint rules fusionjs/fusionjs#720
• Support jest
• Support eslint
• Published as a package for easy to use

Getting Started

1. Follow the official guide to create a fusion project

2. Setup Typescript

yarn remove fusion-cli
yarn add @gutenye/fusion-cli
rename .js files to .ts and .tsx

3. Setup eslint

yarn remove eslint-config-fusion
yarn add --dev @gutenye/eslint-config-fusion @gutenye/eslint-config-fusion-typescript @typescript-eslint/eslint-plugin @typescript-eslint/parser typescript
vi .eslintrc.js
  extends: [
    require.resolve('@gutenye/eslint-config-fusion'),
    require.resolve('@gutenye/eslint-config-fusion-typescript')
  ],
  rules: {
    "prettier/prettier": ["error", {}, { "usePrettierrc": true }]
  }
vi package.json
  "scripts": {
    "eslint": "eslint --ext .ts,.tsx",
    "lint": "yarn lint ."

4. Start development like before

yarn dev
yarn lint
yarn test

Development

git clone git@github.com:fusionjs/fusionjs.git
git remote add gutenye git@github.com:gutenye/fusionjs.git
git fetch gutenye
git checkout -b feat/typescript-support gutenye/feat/typescript-support
git rebase master 

Publish

yarn publish --no-git-tag-version

[sansdesign-albert]

Would it be practical to integrate this into the upstream fusion-cli? Maybe with an additional flag to yarn create fusion-app to use TS out of the box?

[gutenye]

I have no intention, but feel free to grab this one and send a PR to the upstream.