updated typescript template

Author: bennobuilder

README.md

@@ -64,7 +64,7 @@ It's only one click away. Just select your preferred Framework below.
 - [React](https://codesandbox.io/s/agilets-first-state-f12cz)
 - [React-Native](https://snack.expo.io/@bennodev/agilets-first-state)
 - [Vue](https://codesandbox.io/s/agilets-first-state-i5xxs)
-- Angular (coming soon)
+- Svelte (coming soon)
 
 More examples can be found in the [Example section](https://agile-ts.org/docs/examples).
 
@@ -175,7 +175,6 @@ We will be happy to help you.
 - Quick Start
   - [React](https://agile-ts.org/docs/quick-start/react)
   - [Vue](https://agile-ts.org/docs/quick-start/vue)
-  - [Angular](https://agile-ts.org/docs/quick-start/angular)
 - Packages
   - [core](https://agile-ts.org/docs/core)
     - [Agile Instance](https://agile-ts.org/docs/core/agile-instance)

packages/cra-template-agile-typescript/template.json

@@ -1,22 +1,32 @@
 {
   "package": {
     "dependencies": {
-      "@agile-ts/core": "^0.0.13",
-      "@agile-ts/react": "^0.0.13",
-      "typescript": "^4.1.2",
-      "web-vitals": "^1.0.1"
+      "@agile-ts/core": "^0.1.2",
+      "@agile-ts/react": "^0.1.2",
+      "react": "^17.0.2",
+      "react-dom": "^17.0.2",
+      "react-scripts": "^4.0.3"
     },
     "devDependencies": {
       "@testing-library/jest-dom": "^5.11.4",
       "@testing-library/react": "^11.1.0",
       "@testing-library/user-event": "^12.1.10",
+      "@types/jest": "^26.0.15",
       "@types/node": "^12.0.0",
       "@types/react": "^17.0.0",
       "@types/react-dom": "^17.0.0",
-      "@types/jest": "^26.0.15"
-    },
-    "eslintConfig": {
-      "extends": ["react-app", "react-app/jest"]
+      "@typescript-eslint/eslint-plugin": "^4.28.3",
+      "@typescript-eslint/parser": "^4.28.3",
+      "eslint": "^7.31.0",
+      "eslint-config-airbnb-typescript": "^12.3.1",
+      "eslint-config-prettier": "^8.3.0",
+      "eslint-plugin-import": "^2.23.4",
+      "eslint-plugin-jsx-a11y": "^6.4.1",
+      "eslint-plugin-prettier": "^3.4.0",
+      "eslint-plugin-react": "^7.24.0",
+      "eslint-plugin-react-hooks": "^4.2.0",
+      "prettier": "^2.3.2",
+      "typescript": "^4.1.2"
     }
   }
 }

packages/cra-template-agile-typescript/template/.eslintrc.js

@@ -0,0 +1,16 @@
+const OFF = 0;
+const WARNING = 1;
+const ERROR = 2;
+
+module.exports = {
+  plugins: ['@typescript-eslint'],
+  extends: ['airbnb-typescript', 'prettier'],
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    project: ['./tsconfig.json'],
+  },
+  ignorePatterns: ['.eslintrc.js'], // https://stackoverflow.com/questions/63002127/parsing-error-parseroptions-project-has-been-set-for-typescript-eslint-parser
+  rules: {
+    'react/prop-types': OFF,
+  },
+};

packages/cra-template-agile-typescript/template/.gitignore

@@ -0,0 +1,24 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+.idea
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

packages/cra-template-agile-typescript/template/.prettierignore

@@ -0,0 +1,5 @@
+build/
+node_modules/
+package-lock.json
+yarn.lock
+package.json

packages/cra-template-agile-typescript/template/.prettierrc

@@ -0,0 +1,8 @@
+{
+  "printWidth": 80,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "all"
+}

packages/cra-template-agile-typescript/template/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "my-app",
+  "version": "0.1.0",
+  "private": true,
+  "dependencies": {
+    "@agile-ts/core": "^0.1.2",
+    "@agile-ts/react": "^0.1.2",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-scripts": "^4.0.3"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^5.11.4",
+    "@testing-library/react": "^11.1.0",
+    "@testing-library/user-event": "^12.1.10",
+    "@types/jest": "^26.0.15",
+    "@types/node": "^12.0.0",
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^17.0.0",
+    "@typescript-eslint/eslint-plugin": "^4.28.3",
+    "@typescript-eslint/parser": "^4.28.3",
+    "eslint": "^7.31.0",
+    "eslint-config-airbnb-typescript": "^12.3.1",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-import": "^2.23.4",
+    "eslint-plugin-jsx-a11y": "^6.4.1",
+    "eslint-plugin-prettier": "^3.4.0",
+    "eslint-plugin-react": "^7.24.0",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "prettier": "^2.3.2",
+    "typescript": "^4.1.2"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}

packages/cra-template-agile-typescript/template/src/App.css

@@ -0,0 +1,19 @@
+.container {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+}
+
+.displayContainer {
+    padding: 1rem 0;
+}
+
+.displayContainer span{
+    background:#6C69A0;
+    color: #ffffff;
+    text-align: center;
+    font-size: 1rem;
+    padding: 1rem;
+    border-radius: 5px;
+}