update project

Author: smelukov

.eslintrc.js

@@ -38,7 +38,7 @@ module.exports = {
   },
   overrides: [
     {
-      files: ['**/*.spec.ts', '**/*.spec.js'],
+      files: ['**/*.spec.[jt]s', '**/*.spec.[jt]s'],
       plugins: ['jest'],
       env: {
         'jest/globals': true,
@@ -48,5 +48,21 @@ module.exports = {
         nsObj: false,
       },
     },
+    {
+      parser: '@typescript-eslint/parser',
+      files: ['*.ts'],
+      rules: {
+        '@typescript-eslint/ban-ts-comment': 'off',
+        '@typescript-eslint/no-non-null-assertion': 'off',
+        '@typescript-eslint/explicit-function-return-type': 'error',
+        'no-case-declarations': 'off',
+      },
+      extends: [
+        'eslint:recommended',
+        'plugin:prettier/recommended',
+        'plugin:@typescript-eslint/recommended',
+      ],
+      plugins: ['prettier', '@typescript-eslint'],
+    },
   ],
 };

README.md

@@ -2,11 +2,11 @@
 
 Универсальная сборка для выполнения домашних заданий на курсе по Javascript
 
-Позволяет писать код на современном ES
+Позволяет писать код на современном ES (Javascript) и TypeScript
 
 ## Что внутри
 
-- полностью настроенная конфигурация для webpack 4 + babel 7
+- полностью настроенная конфигурация для webpack 5 + babel 7 + typescript
 - prettier + eslint - чтобы не заботиться о code-style
 - jest - чтобы писать тесты
 
@@ -17,11 +17,15 @@
 - откройте `http://localhost:8080/[имя проекта]`, например [http://localhost:8080/foo](http://localhost:8080/foo)
 - разрабатывайте с удовольствием, при изменении файлов, страница будет перезагружаться автоматически
 
+> Файлы с расширением `.ts` тоже будут работать
+
 ## Как тестировать
 
 - пишите в файлах с расширением `.spec.js`, например `foo.spec.js`
 - запускайте `npm test` и jest сам найдет все файлы с этим расширением
 
+> Файлы с расширением `.ts` тоже будут работать
+
 ## Доступные команды
 
 - `start` - запустить сервер для локальной разработки

babel.config.js

@@ -3,6 +3,7 @@ module.exports = (api) => {
 
   return {
     presets: [
+      '@babel/typescript',
       [
         '@babel/env',
         {

jest.config.js

@@ -3,7 +3,7 @@ module.exports = {
   setupFilesAfterEnv: ['./scripts/setup.js'],
   roots: ['<rootDir>/projects'],
   transform: {
-    '^.+\\.js$': 'babel-jest',
+    '^.+\\.[tj]s$': 'babel-jest',
     '^.+\\.html$': './scripts/jest-html-transformer.js',
   },
 };

layout.html

@@ -4,9 +4,8 @@
     <meta charset="UTF-8">
     <title><%= htmlWebpackPlugin.options.title %></title>
     <style>
-        body,
-        ::placeholder {
-            font-family: Geneva, Arial, Helvetica, sans-serif;
+        body {
+            font-family: "Roboto Light", Geneva, Arial, Helvetica, sans-serif;
         }
 
         .hidden {