TS and multiple templates

Author: Samer Buna

.eslintrc.js

@@ -1,42 +1,29 @@
 module.exports = {
-  parser: 'babel-eslint',
+  parser: '@typescript-eslint/parser',
   env: {
     browser: true,
     commonjs: true,
     es6: true,
     node: true,
     jest: true,
   },
-  extends: [
-    'eslint:recommended',
-    'plugin:react/recommended',
-    'plugin:react-hooks/recommended',
-  ],
-  settings: {
-    react: {
-      version: 'detect',
-    },
-  },
   parserOptions: {
+    ecmaVersion: 2020,
     ecmaFeatures: {
       jsx: true,
     },
     sourceType: 'module',
   },
-  plugins: ['react', 'react-hooks'],
-  rules: {
-    'react/prop-types': ['off'],
-    'react/no-unescaped-entities': ['error', { forbid: ['>', '}'] }],
-    'no-console': ['warn', { allow: ['info', 'error'] }],
-    'curly': 'error',
-    'no-else-return': 'error',
-    'no-unneeded-ternary': 'error',
-    'no-useless-return': 'error',
-    'no-var': 'error',
-    'one-var': ['error', 'never'],
-    'prefer-const': 'error',
-    'strict': 'error',
-    'symbol-description': 'error',
-    'yoda': ['error', 'never', { exceptRange: true }],
+  settings: {
+    react: {
+      version: '16.x',
+    },
   },
+  plugins: ['react-hooks', 'react'],
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react/recommended',
+  ],
+  rules: {},
 };

.gitignore

@@ -1,2 +1,4 @@
-node_modules/
-lerna-debug.log
+lib/
+node_modules
+yarn-error.log
+.DS_Store

packages/reactful/.npmignore renamed to .npmignore

@@ -1,2 +1,3 @@
+src/
 node_modules
 .DS_Store

README.md

@@ -0,0 +1,82 @@
+## Reactful
+
+An opinionated practical CLI for developing full-stack server-rendered React applications. You can use it to generate an independent React application (optionally with TypeScript) that's fully-configured to render on both client and server. You can also use it to render simple template applications (without SSR).
+
+[![npm version](https://badge.fury.io/js/reactful.svg)](https://badge.fury.io/js/reactful)
+
+This CLI requires Node >= 10.x.
+
+### Creating New App
+
+```sh
+npx reactful create my-awesome-react-app
+```
+
+This will create a new reactful project using the default template (webpack, babel, express, with support for SSR).
+
+You can also use a few different templates using:
+
+```sh
+npx reactful create -t <template_name> my-awesome-react-app
+```
+
+Supported templates:
+
+- **default**: A babel-based configuration (with support for SSR and production buid)
+- **typescript**: A typescript-based configuration (with support for SSR and production build)
+- **simple**: A simple Parcel-based configuration (no SSR, no production config)
+
+Once a project is created you can use the "start" command to start it in development mode:
+
+```sh
+cd my-awesome-react-app
+
+# To start the dev server and dev bundler watchers
+npx reactful start
+```
+
+On the "default" and "typescript" templates, the "start" command will run 2 commands concurrently, you can also run them separately with:
+
+```sh
+npx reactful dev:server # runs on port 1234 by default
+
+npx reactful dev:bundler # this will re-bundle on save
+```
+
+To run all the tests:
+
+```sh
+npx reactful test
+```
+
+To build and start the app in production:
+
+```sh
+npx reactful build:all
+
+npx reactful prod:start
+```
+
+If you keep the folder structure initialized by the package, you can use reactful to generate component files. For example:
+
+```sh
+npx reactful gc ComponentName   # Create a new function component
+npx reactful gcc ComponentName  # Create a new class component
+```
+
+These commands will also create a jest snapshot test for the generated component.
+
+### Updating Existing React App
+
+While in a React application that's created with this tool, you can always revert things back to the default configurations with the `init` command. You can also use this command in an empty directory.
+
+```sh
+cd my-awesome-react-app
+npx reactful init
+```
+
+If that directory already has files, reactful will ask you if you want to override them.
+
+### License
+
+Reactful is [MIT licensed](./LICENSE).

README.md

@@ -0,0 +1,4 @@
+module.exports = {
+  preset: 'ts-jest',
+  testEnvironment: 'node',
+};

jest.config.js

@@ -1,12 +1,37 @@
 {
-  "private": true,
+  "name": "reactful",
+  "version": "3.0.0",
+  "description": "An opinionated practical CLI for developing full-stack server-rendered React applications. You can use it to generate an independent React application (optionally with TypeScript) that's fully-configured to render on both client and server. You can also use it to render simple template applications (without SSR).",
+  "repository": "jscomplete/reactful",
+  "author": "Samer Buna <[email protected]>",
   "license": "MIT",
+  "scripts": {
+    "eslint": "eslint \"src/**/*.{js,jsx,ts,tsx}\"",
+    "format": "prettier --write src/ \"*.{ts,tsx,js,json}\"",
+    "test": "jest",
+    "build": "rm -rf lib && tsc --sourceMap false --skipLibCheck true"
+  },
+  "bin": {
+    "reactful": "lib/bin/reactful.js"
+  },
+  "dependencies": {
+    "commander": "^5.1.0",
+    "fs-jetpack": "^2.4.0",
+    "prompt-sync": "^4.2.0"
+  },
   "devDependencies": {
-    "babel-eslint": "10.1.0",
-    "eslint": "^6.8.0",
-    "eslint-plugin-react": "^7.19.0",
-    "eslint-plugin-react-hooks": "^3.0.0",
-    "lerna": "^3.20.2",
-    "prettier": "^2.0.4"
+    "@types/jest": "^25.2.3",
+    "@typescript-eslint/eslint-plugin": "^3.1.0",
+    "@typescript-eslint/parser": "^3.1.0",
+    "eslint": "^7.2.0",
+    "eslint-plugin-react": "^7.20.0",
+    "eslint-plugin-react-hooks": "^4.0.4",
+    "jest": "^26.0.1",
+    "prettier": "^2.0.5",
+    "ts-jest": "^26.1.0",
+    "ts-node": "^8.10.2",
+    "ts-node-dev": "^1.0.0-pre.44",
+    "typescript": "^3.9.5",
+    "typesync": "^0.7.0"
   }
 }