Project

.eslintignore

@@ -1,5 +1,5 @@
-.history
-.vscode
 node_modules
+docs
 dist
-*.config.js
+src/stories
+jestSetupFile.js

.eslintrc

@@ -1,35 +1,51 @@
 {
-  "extends": [
-    "plugin:@typescript-eslint/recommended",
-    "plugin:prettier/recommended"
-  ],
-  "rules": {
-    "prettier/prettier": [
-      "error",
-      {
-        "singleQuote": true,
-        "parser": "flow",
-        "printWidth": 80,
-        "tabWidth": 4,
-        "useTabs": false
-      }
-    ],
-    "@typescript-eslint/quotes": [
-      "error",
-      "single",
-      {
-        "avoidEscape": true,
-        "allowTemplateLiterals": true
+  "parser": "@typescript-eslint/parser",
+  "plugins": ["@typescript-eslint", "prettier", "react-hooks"],
+  "extends": ["airbnb", "prettier", "plugin:@typescript-eslint/eslint-recommended", "plugin:@typescript-eslint/recommended"],
+  "parserOptions": {
+    "sourceType": "module"
+  },
+  "settings": {
+    "import/resolver": {
+      "node": {
+        "paths": ["."],
+        "extensions": [".ts", ".tsx"]
       }
-    ],
-    "@typescript-eslint/no-inferrable-types": 0,
-
-    "indent": ["error", 4, {"SwitchCase": 1}]
-
+    }
   },
-  "parserOptions": {
-    "sourceType": "module",
-    "parser": "babel-eslint",
-    "ecmaVersion": 2018
+  "globals": {
+    "document": true,
+    "navigator": true,
+    "cy": true,
+    "fetch": true,
+    "requestAnimationFrame": true,
+    "cancelAnimationFrame": true,
+    "window": true
+  },
+  "env": { "jest": true },
+  "rules": {
+    "no-shadow": "off",
+    "@typescript-eslint/no-shadow": ["error"],
+    "no-unused-vars": "on",
+    "@typescript-eslint/no-unused-vars": ["error", { "ignoreRestSiblings": true, "caughtErrors": "none", "args": "after-used" }],
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "warn",
+    "@typescript-eslint/no-empty-function": "on",
+    "prettier/prettier": ["error"],
+    "no-use-before-define": "off",
+    "@typescript-eslint/no-use-before-define": ["error"],
+    "no-plusplus": 0,
+    "no-bitwise": 0,
+    "import/prefer-default-export": 0,
+    "arrow-body-style": ["error", "as-needed", { "requireReturnForObjectLiteral": false }],
+    "@typescript-eslint/lines-between-class-members": ["error", "always", { "exceptAfterSingleLine": true }],
+    "no-useless-constructor": "off",
+    "@typescript-eslint/no-useless-constructor": ["error"],
+    "react/jsx-props-no-spreading": 0,
+    "import/extensions": 0,
+    "react/prop-types": 0,
+    "import/no-unresolved": 0,
+    "react/jsx-filename-extension": [2, { "extensions": [".ts", ".tsx", ".js", ".jsx"] }],
+    "react/function-component-definition": 0
   }
-}
+}

.github/workflows/_jekyll-gh-pages.yml

@@ -0,0 +1,82 @@
+## Sample workflow for building and deploying a Jekyll site to GitHub Pages
+#name: Deploy Jekyll with GitHub Pages dependencies preinstalled
+#
+#on:
+#  # Runs on pushes targeting the default branch
+#  push:
+#    branches: ["master", "project"]
+#
+#  # Allows you to run this workflow manually from the Actions tab
+#  workflow_dispatch:
+#
+## Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+#permissions:
+#  contents: read
+#  pages: write
+#  id-token: write
+#
+## Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+## However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+#concurrency:
+#  group: "pages"
+#  cancel-in-progress: false
+#
+#jobs:
+#
+##  test:
+##   runs-on: ubuntu-latest
+##   steps:
+##     - uses: actions/checkout@v3
+##     - uses: actions/setup-node@v3
+##     - name: Install
+##       run: npm install
+##     - name: Test and Coverage
+##       run: npm run coverage
+#
+#  # Build job
+##  build:
+##    runs-on: ubuntu-latest
+###    needs: test
+##    steps:
+##      - name: Checkout
+##        uses: actions/checkout@v3
+##      - name: Setup Pages
+##        uses: actions/configure-pages@v3
+##      - name: Build with Jekyll
+##        uses: actions/jekyll-build-pages@v1
+##        with:
+##          source: ./docs
+##          destination: ./_site
+##      - name: Upload artifact
+##        uses: actions/upload-pages-artifact@v1
+#
+#  # Deployment job
+#  deploy:
+#    environment:
+#      name: github-pages
+#      url: ${{ steps.deployment.outputs.page_url }}
+#    runs-on: ubuntu-latest
+##    needs: build
+#    steps:
+#      - name: Deploy to GitHub Pages
+#        id: deployment
+#        uses: actions/deploy-pages@v2
+#
+##  badge:
+##    runs-on: ubuntu-latest
+##    needs: deploy
+##    steps:
+##      # Your original steps
+##      - uses: actions/checkout@v3
+##      - uses: actions/setup-node@v3
+##      - name: Install
+##        run: npm install
+##      - name: Test and Coverage
+##        run: npm run coverage
+##
+##      # Add this
+##      - name: Update Coverage Badge
+##        # GitHub actions: default branch variable
+##        # https://stackoverflow.com/questions/64781462/github-actions-default-branch-variable
+##        # if: github.ref == format('refs/heads/{0}', github.event.repository.default_branch)
+##        uses: we-cli/coverage-badge-action@main

.github/workflows/jekyll-gh-pages.yml → .github/workflows/static.yml

@@ -1,10 +1,10 @@
-# Sample workflow for building and deploying a Jekyll site to GitHub Pages
-name: Deploy Jekyll with GitHub Pages dependencies preinstalled
+# Simple workflow for deploying static content to GitHub Pages
+name: Deploy static content to Pages
 
 on:
   # Runs on pushes targeting the default branch
   push:
-    branches: ["master"]
+    branches: ["project"]
 
   # Allows you to run this workflow manually from the Actions tab
   workflow_dispatch:
@@ -22,30 +22,22 @@ concurrency:
   cancel-in-progress: false
 
 jobs:
-  # Build job
-  build:
+  # Single deploy job since we're just deploying
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
         uses: actions/checkout@v3
       - name: Setup Pages
         uses: actions/configure-pages@v3
-      - name: Build with Jekyll
-        uses: actions/jekyll-build-pages@v1
-        with:
-          source: ./
-          destination: ./_site
       - name: Upload artifact
-        uses: actions/upload-pages-artifact@v1
-
-  # Deployment job
-  deploy:
-    environment:
-      name: github-pages
-      url: ${{ steps.deployment.outputs.page_url }}
-    runs-on: ubuntu-latest
-    needs: build
-    steps:
+        uses: actions/upload-pages-artifact@v2
+        with:
+          # Upload entire repository
+          path: './docs'
       - name: Deploy to GitHub Pages
         id: deployment
         uses: actions/deploy-pages@v2

.gitignore

@@ -1,4 +1,8 @@
-.history
-.vscode
-node_modules
-dist
+node_modules/
+.idea/
+dist/
+.jest/
+.DS_Store
+
+# stryker temp files
+.stryker-tmp

.npmrc

@@ -0,0 +1 @@
+legacy-peer-deps=true

.prettierignore

@@ -1,5 +1 @@
-.history
-.vscode
 node_modules
-dist
-*.config.js

.prettierrc

@@ -0,0 +1,6 @@
+{
+  "singleQuote": true,
+  "trailingComma": "all",
+  "endOfLine": "auto",
+  "printWidth": 120
+}

.storybook/main.js

@@ -0,0 +1,18 @@
+module.exports = {
+  "stories": [
+    "../src/Components/*.stories.mdx",
+    "../src/Components/*.stories.@(js|jsx|ts|tsx)",
+    "../src/Components/*/*.stories.mdx",
+    "../src/Components/*/*.stories.@(js|jsx|ts|tsx)"
+  ],
+  "addons": [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-interactions",
+    '@storybook/preset-scss'
+  ],
+  "framework": "@storybook/react",
+  "core": {
+    "builder": "@storybook/builder-webpack5"
+  }
+}

.storybook/preview.js

@@ -0,0 +1,11 @@
+import '!style-loader!css-loader!sass-loader!../src/Styles/index.sass';
+
+export const parameters = {
+  actions: { argTypesRegex: "^on[A-Z].*" },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+}

README.md

@@ -1,20 +1,9 @@
-# OTUS: React.js Developer, домашние задания Плющенков Дмитрий
+[![cov](https://dmitryplus.github.io/otus_react_dz/badges/coverage.svg)](https://github.com/dmitryplus/otus_react_dz/actions)
 
-## Консольный калькулятор:
-Используемая конфигурация:
-* Babel
-* Webpack
-* Typescript
-* Eslint
-* Jest
-* Prepush hooks / husky
 
-## Запуск в консоли
+# Xhprof React Graph
 
-`npm run calc`
 
-Возможные операции: * / + - ( )
+Рабочий вариант проекта доступен по адресу
 
-## Запуск тестов
-
-`npm run test`
+https://dmitryplus.github.io/otus_react_dz/

babel.config.js

@@ -1,6 +1,7 @@
 module.exports = {
   presets: [
     ['@babel/preset-env', { targets: { node: 'current' } }],
+    '@babel/preset-react',
     '@babel/preset-typescript'
   ]
 };