otus-learning · otus-learning · Aug 30, 2022 · Aug 30, 2022
diff --git a/.eslintignore b/.eslintignore
@@ -0,0 +1,5 @@
+/node_modules
+/dist
+/.cache
+/.git
+/coverage
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -1,17 +1,30 @@
 module.exports = {
+  parser: "@typescript-eslint/parser",
+  plugins: ["@typescript-eslint"],
   env: {
     browser: true,
     es2021: true,
     jest: true,
     node: true,
   },
-  extends: ["eslint:recommended", "prettier"],
+  extends: [
+    "plugin:jest/recommended",
+    "plugin:@typescript-eslint/recommended",
+    "eslint:recommended",
+    "prettier",
+  ],
   parserOptions: {
     ecmaVersion: "latest",
     sourceType: "module",
   },
   rules: {
-    indent: ["error", "tab"],
+    "@typescript-eslint/no-var-requires": 0,
+    "@typescript-eslint/no-explicit-any": 0,
+    "@typescript-eslint/no-unused-vars": 0,
+    "no-unused-vars": 0,
+    "no-import-assign": 0,
+    //    indent: ["error", 2],
+    indent: 0,
     "linebreak-style": ["error", "unix"],
     quotes: ["error", "double"],
     semi: ["error", "always"],

diff --git a/.gitignore b/.gitignore
@@ -1 +1,5 @@
 node_modules
+coverage/*
+!coverage/badges.svg
+dist
+.cache
diff --git a/.husky/pre-commit b/.husky/pre-commit
diff --git a/.package.json.swp b/.package.json.swp
diff --git a/.prettierignore b/.prettierignore
@@ -0,0 +1,6 @@
+/node_modules
+/dist
+/.cache
+/.git
+/coverage
+
diff --git a/.stylelintrc.json b/.stylelintrc.json
@@ -0,0 +1,7 @@
+{
+  "extends": [
+    "stylelint-config-standard-scss",
+    "stylelint-config-standard",
+    "stylelint-config-prettier"
+  ]
+}
diff --git a/babel.config.js b/babel.config.js
@@ -1,3 +1,7 @@
 module.exports = {
-  presets: [["@babel/preset-env", { targets: { node: "current" } }]],
+  presets: [
+    "@babel/preset-typescript",
+    ["@babel/preset-env", { targets: { node: "current" } }],
+  ],
+  plugins: ["@babel/plugin-transform-runtime"],
 };
diff --git a/coverage/badges.svg b/coverage/badges.svg
diff --git a/index.html b/index.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Chat</title>
+  </head>
+  <body>
+    <section id="#app" class="main-container">
+      <div class="main-container__name-container name-container">
+        <label class="name-container__label">Отображаемое имя: </label>
+        <input
+          class="name-container__input"
+          id="#name-input"
+          type="text"
+          value="me"
+        />
+      </div>
+      <div
+        class="main-container__message-window message-window"
+        id="#message-window"
+      ></div>
+      <div
+        contenteditable="true"
+        class="main-container__send-input"
+        id="#send-input"
+      ></div>
+      <button id="#button-send" class="main-container__send-button">
+        Send
+      </button>
+      <div class="main-container__smiles-area smiles-area" id="#smiles-area">
+        <img src="src/img/128512.gif" alt="128512" class="smiles-area__gif" />
+        <img src="src/img/128521.gif" alt="128521" class="smiles-area__gif" />
+        <img src="src/img/129315.gif" alt="129315" class="smiles-area__gif" />
+        <img src="src/img/128532.gif" alt="128532" class="smiles-area__gif" />
+        <img src="src/img/128530.gif" alt="128530" class="smiles-area__gif" />
+        <img src="src/img/128556.gif" alt="128556" class="smiles-area__gif" />
+        <img src="src/img/128557.gif" alt="128557" class="smiles-area__gif" />
+        <img src="src/img/128563.gif" alt="128563" class="smiles-area__gif" />
+        <img src="src/img/129314.gif" alt="129314" class="smiles-area__gif" />
+        <img src="src/img/129392.gif" alt="129392" class="smiles-area__gif" />
+        <img src="src/img/129395.gif" alt="129395" class="smiles-area__gif" />
+        <img src="src/img/129322.gif" alt="129322" class="smiles-area__gif" />
+        <img src="src/img/127866.gif" alt="127866" class="smiles-area__gif" />
+      </div>
+      <img
+        src="src/img/sandclock.png"
+        alt="Sand clock"
+        class="main-container__clock-img main-container__clock-img--showed"
+        id="#sand-clock"
+      />
+    </section>
+  </body>
+  <script src="src/script/bundle.ts"></script>
+</html>
diff --git a/jest.config.js b/jest.config.js
@@ -34,12 +34,7 @@ module.exports = {
   // coverageProvider: "babel",
 
   // A list of reporter names that Jest uses when writing coverage reports
-  // coverageReporters: [
-  //   "json",
-  //   "text",
-  //   "lcov",
-  //   "clover"
-  // ],
+  coverageReporters: ["json", "text", "lcov", "json-summary", "clover"],
 
   // An object that configures minimum threshold enforcement for coverage results
   // coverageThreshold: undefined,
@@ -99,6 +94,8 @@ module.exports = {
   // An enum that specifies notification mode. Requires { notify: true }
   // notifyMode: "failure-change",
 
+  preset: "ts-jest",
+
   // A preset that is used as a base for Jest's configuration
   // preset: undefined,
 
@@ -174,6 +171,9 @@ module.exports = {
 
   // A map from regular expressions to paths to transformers
   // transform: undefined,
+  transform: {
+    "^.+\\.jsx?$": "babel-jest",
+  },
 
   // An array of regexp pattern strings that are matched against all source file paths, matched files will skip transformation
   // transformIgnorePatterns: [