Upgrade and make create the default command

Author: Samer Buna

.github/FUNDING.yml

@@ -0,0 +1 @@
+github: samerbuna

package.json

@@ -1,36 +1,37 @@
 {
   "name": "reactful",
-  "version": "3.0.1",
+  "version": "3.1.3",
   "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 <samer@jscomplete.com>",
   "license": "MIT",
   "scripts": {
     "eslint": "eslint \"src/**/*.{js,jsx,ts,tsx}\"",
-    "format": "prettier --write src/ \"*.{ts,tsx,js,json}\"",
-    "test": "jest",
+    "format": "prettier --write src/ templates/ \"*.{ts,tsx,js,json}\"",
+    "test": "jest src/**/*",
     "build": "rm -rf lib && tsc --sourceMap false --skipLibCheck true"
   },
   "bin": {
-    "reactful": "lib/bin/reactful.js"
+    "reactful": "lib/bin/reactful.js",
+    "rr": "lib/bin/reactful.js"
   },
   "dependencies": {
     "commander": "^5.1.0",
     "fs-jetpack": "^2.4.0",
     "prompt-sync": "^4.2.0"
   },
   "devDependencies": {
-    "@types/jest": "^25.2.3",
-    "@typescript-eslint/eslint-plugin": "^3.2.0",
-    "@typescript-eslint/parser": "^3.2.0",
+    "@types/jest": "^26.0.0",
+    "@typescript-eslint/eslint-plugin": "^3.3.0",
+    "@typescript-eslint/parser": "^3.3.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",
+    "ts-node-dev": "^1.0.0-pre.49",
     "typescript": "^3.9.5",
     "typesync": "^0.7.0"
   }

src/bin/reactful.ts

@@ -36,7 +36,7 @@ program
   }
 
   program
-    .command('create <app-name>')
+    .command('create <app-name>', { isDefault: true })
     .alias('')
     .alias('new')
     .description('creata a new reactful project')
@@ -106,9 +106,11 @@ program
     .action((port = '1234') => openApp(`http://localhost:${port}`));
 
   program
-    .command('run <script>', { isDefault: true })
+    .command('. <script>')
     .description('run a script in the current directroy')
-    .action((script) => runCommand({ useYarn: yarnExists, script }));
+    .action((script) => {
+      runCommand({ useYarn: yarnExists, script });
+    });
 
   await program.parseAsync();
 })();

templates/simple/.eslintrc.js

@@ -0,0 +1,27 @@
+module.exports = {
+  env: {
+    browser: true,
+    node: true,
+    commonjs: true,
+    es2020: true,
+  },
+  parserOptions: {
+    ecmaVersion: 2020,
+    ecmaFeatures: {
+      jsx: true,
+    },
+    sourceType: 'module',
+  },
+  plugins: ['react', 'react-hooks'],
+  extends: [
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:react-hooks/recommended',
+  ],
+  settings: {
+    react: {
+      version: 'detect',
+    },
+  },
+  rules: {},
+};

templates/simple/src/index.js

@@ -1,8 +1,8 @@
-import * as React from "react";
-import * as ReactDOM from "react-dom";
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
 
-import { App } from "./components/App";
+import { App } from './components/App';
 
-import "./styles/index.css";
+import './styles/index.css';
 
-ReactDOM.render(<App />, document.getElementById("root"));
+ReactDOM.render(<App />, document.getElementById('root'));