Initialize project using Create React App

Author: tasoskakour

.editorconfig

@@ -0,0 +1,13 @@
+
+root = true
+
+[*]
+indent_style = tab
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.yml]
+indent_style = space
+indent_size = 2

.env.sample

@@ -0,0 +1,6 @@
+REACT_APP_GA=
+REACT_APP_SENTRY_DSN=
+REACT_APP_SENTRY_ENVIRONMENT=
+REACT_APP_GRAPHQL_HTTP_URI=
+
+BROWSER="none"

.eslintignore

@@ -0,0 +1,2 @@
+*.css
+*.svg

.eslintrc.js

@@ -0,0 +1,8 @@
+/* eslint-disable unicorn/prefer-module */
+module.exports = {
+	extends: ['tasoskakour-typescript-prettier/with-react'],
+	ignorePatterns: ['build', 'coverage'],
+	rules: {
+		// your overrides
+	},
+};

.gitattributes

@@ -0,0 +1 @@
+* text=auto eol=lf

.github/workflows/ci.yml

@@ -0,0 +1,34 @@
+name: ci
+
+on: push
+
+jobs:
+  ci:
+    runs-on: ubuntu-latest
+    env:
+      REACT_APP_SENTRY_DSN:
+      REACT_APP_SENTRY_ENVIRONMENT: ci
+      REACT_APP_GA:
+    steps:
+      - name: ⬇️ Checkout repo
+        uses: actions/checkout@v2
+
+      - name: ⎔ Setup node
+        uses: actions/setup-node@v2
+        with:
+          node-version: 16
+
+      - name: 📥 Download deps
+        run: npm i --legacy-peer-deps
+
+      - name: 🧪 Run test script
+        run: npm test
+
+      - name: ▶️ Generate coverage report
+        run: npm run generate-coverage-report
+
+      - name: ⬆️ Upload coverage report
+        uses: codecov/codecov-action@v1
+        with:
+          token: ${{ secrets.CODECOV_TOKEN }}
+          file: ./coverage.lcov

.gitignore

@@ -0,0 +1,64 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Typescript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+.envrc
+
+# build directory
+build

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+yarn run lint-staged

.nvmrc

@@ -0,0 +1 @@
+lts/*

.prettierrc.json

@@ -0,0 +1,7 @@
+{
+    "printWidth": 100,
+    "trailingComma": "es5",
+    "tabWidth": 4,
+    "semi": true,
+    "singleQuote": true
+}

.vscode/settings.json

@@ -0,0 +1,9 @@
+{
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint",
+    "editor.formatOnSave": true,
+    "eslint.alwaysShowStatus": true,
+    "editor.codeActionsOnSave": {
+        "source.fixAll.eslint": true
+    },
+    "editor.rulers": [100]
+}

README.md

@@ -0,0 +1,45 @@
+# Getting Started with Create React App
+
+This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app) using the [@tasoskakour/cra-template-typescript](https://github.com/tasoskakour/cra-template-typescript).
+
+## Available Scripts
+
+In the project directory, you can run:
+
+### `yarn start`
+
+Runs the app in the development mode.\
+Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
+
+The page will reload if you make edits.
+
+### `yarn test`
+
+Runs eslint & jest tests.
+
+### `yarn analyze`
+
+Analyzes JavaScript bundles using the source maps. This helps you understand where code bloat is coming from.\
+More info at [https://create-react-app.dev/docs/analyzing-the-bundle-size](https://create-react-app.dev/docs/analyzing-the-bundle-size).
+
+### `yarn build`
+
+Builds the app for production to the `build` folder.\
+It correctly bundles React in production mode and optimizes the build for the best performance.
+
+The build is minified and the filenames include the hashes.\
+Your app is ready to be deployed!
+
+See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
+
+### `yarn eject`
+
+**Note: this is a one-way operation. Once you `eject`, you can’t go back!**
+
+If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. You don’t have to ever use `eject`. It‘s better to delete it from the `scripts` section of `package.json`.
+
+## Learn More
+
+You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
+
+To learn React, check out the [React documentation](https://reactjs.org/).

craco.config.js

@@ -0,0 +1,37 @@
+/* eslint-disable unicorn/prefer-module */
+module.exports = {
+	babel: {
+		plugins: [
+			[
+				'import',
+				{
+					libraryName: '@mui/material',
+					libraryDirectory: '',
+					camel2DashComponentName: false,
+				},
+				'core',
+			],
+			[
+				'import',
+				{
+					libraryName: '@mui/icons-material',
+					libraryDirectory: '',
+					camel2DashComponentName: false,
+				},
+				'icons',
+			],
+			[
+				'import',
+				{
+					libraryName: '@mui/lab',
+					libraryDirectory: '',
+					camel2DashComponentName: false,
+				},
+				'lab',
+			],
+		],
+	},
+	eslint: {
+		enable: false,
+	},
+};

cypress.json

@@ -0,0 +1,9 @@
+{
+	"baseUrl": "http://localhost:3000",
+	"viewportWidth": 1440,
+	"viewportHeight": 900,
+	"video": true,
+	"screenshotOnRunFailure": true,
+	"chromeWebSecurity": true,
+	"defaultCommandTimeout": 60000
+}

jest.config.ts

@@ -0,0 +1,12 @@
+import type { Config } from '@jest/types';
+
+export default {
+	preset: 'ts-jest/presets/js-with-ts',
+	testEnvironment: 'jsdom',
+	setupFilesAfterEnv: ['./setup-tests.ts'],
+	moduleNameMapper: {
+		'\\.(jpg|ico|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
+			'<rootDir>/__mocks__/file-mock.ts',
+		'\\.(css|less)$': '<rootDir>/__mocks__/file-mock.ts',
+	},
+} as Config.InitialOptions;