hw_2_setupReact_code

.eslintcache

@@ -0,0 +1 @@
+[{"/Users/badger/Desktop/study/otus/react/otus_hw2_setupReact/webpack.config.js":"1"},{"size":702,"mtime":1636726437181}]

.eslintignore

@@ -0,0 +1,3 @@
+node_modules
+/.git
+/.vscode

.eslintrc.js

@@ -0,0 +1,44 @@
+module.exports = {
+  "env": {
+    "browser": true,
+    "es2021": true,
+    "node": true
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:@typescript-eslint/recommended",
+    "prettier"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    },
+    "ecmaVersion": 13,
+    "sourceType": "module"
+  },
+  "plugins": [
+    "react",
+    "@typescript-eslint"
+  ],
+  "rules": {
+    "indent": [
+      "error",
+      2
+    ],
+    "linebreak-style": [
+      "error",
+      "unix"
+    ],
+    "quotes": [
+      "error",
+      "double"
+    ],
+    "semi": [
+      "error",
+      "always"
+    ],
+    "@typescript-eslint/no-var-requires": 0,
+  }
+};

.github/workflows/chromatic.yml

@@ -0,0 +1,26 @@
+# .github/workflows/chromatic.yml
+
+# Workflow name
+name: 'Chromatic'
+
+# Event for the workflow
+on: push
+
+# List of jobs
+jobs:
+  chromatic-deployment:
+    # Operating System
+    runs-on: ubuntu-latest
+    # Job steps
+    steps:
+      - uses: actions/checkout@v1
+      - name: Install dependencies
+        run: yarn
+        # 👇 Adds Chromatic as a step in the workflow
+      - name: Publish to Chromatic
+        uses: chromaui/action@v1
+        # Chromatic GitHub Action options
+        with:
+          token: ${{ secrets.GITHUB_TOKEN }}
+          # 👇 Chromatic projectToken, refer to the manage page to obtain it.
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}

.gitignore

@@ -0,0 +1,3 @@
+node_modules
+coverage
+build-storybook.log

.husky/.gitignore

@@ -0,0 +1 @@
+_

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+npx --no-install lint-staged
+npm run test

.storybook/main.js

@@ -0,0 +1,25 @@
+const custom = require('../webpack.config.js')
+
+module.exports = {
+  "stories": ["../src/**/*.stories.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
+  "addons": [
+    "@storybook/addon-links", 
+    "@storybook/addon-essentials",
+    "@storybook/addon-postcss",
+    "storybook-css-modules-preset"
+  ],
+  core: {
+    builder: "webpack5"
+  },
+  webpackFinal: (config) => {
+    config.module.rules[0].use[0].options.presets = [
+      require.resolve('@emotion/babel-preset-css-prop'),
+    ];
+    return {
+    ...config,
+    resolve: {
+      ...config.resolve,
+      alias: {...config.resolve.alias, ...custom.resolve.alias}
+    }
+  }}
+};

.storybook/preview.js

@@ -0,0 +1,9 @@
+export const parameters = {
+  actions: { argTypesRegex: "^on[A-Z].*" },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+}

README.md

@@ -0,0 +1 @@
+hw 2

babel.config.js

@@ -0,0 +1,11 @@
+module.exports = {
+  presets: [
+    ["@babel/preset-env", { targets: "defaults" }],
+    [
+      "@babel/preset-react",
+      { "runtime": "automatic", "importSource": "@emotion/react" }
+    ],
+    "@babel/preset-typescript"
+  ],
+  "plugins": ["@emotion/babel-plugin"]
+};

constants.js

@@ -0,0 +1,6 @@
+const {resolve} = require('path');
+const {path: PROJECT_ROOT} = require('app-root-path');
+
+exports.PROJECT_ROOT = PROJECT_ROOT;
+exports.BUILD_DIRECTORY = resolve(PROJECT_ROOT, './dist');
+exports.SOURCE_DIRECTORY = resolve(PROJECT_ROOT, './src');