Update linter

.eslintrc.js

@@ -1,17 +1,51 @@
 module.exports = {
   root: true,
   parser: "@typescript-eslint/parser",
-  plugins: ["@typescript-eslint"],
+  plugins: ["@typescript-eslint", "import"],
   extends: [
     "eslint:recommended",
+    "plugin:import/recommended",
     "plugin:@typescript-eslint/eslint-recommended",
     "plugin:@typescript-eslint/recommended",
   ],
   rules: {
+    // Basic
+    "no-multiple-empty-lines": ["error", { max: 1, maxBOF: 0, maxEOF: 1 }],
+    "object-curly-spacing": ["error", "always"],
+    "array-bracket-spacing": ["error", "never"],
+    "computed-property-spacing": ["error", "never"],
+    "comma-dangle": ["error", "always-multiline"],
+    "eol-last": ["error", "always"],
+    "no-trailing-spaces": "error",
+    "brace-style": ["error", "1tbs", { "allowSingleLine": true }],
+    // TypeScript
+    "@typescript-eslint/semi": "error",
     "@typescript-eslint/consistent-type-imports": "error",
+    "@typescript-eslint/no-unused-vars": "error",
     "@typescript-eslint/no-explicit-any": "off",
     "@typescript-eslint/ban-ts-comment": "off",
-    "@typescript-eslint/no-inferrable-types": "off",
+    // Import
+    "import/no-unresolved": "off",
+    "import/no-named-as-default-member": "off",
+    "import/no-named-as-default": "off",
+    "import/order": [
+      "warn",
+      {
+        groups: [
+          "builtin",
+          "external",
+          "parent",
+          "sibling",
+          "index",
+          "object",
+          "type",
+          "unknown",
+        ],
+        alphabetize: {
+          order: "asc",
+        },
+      },
+    ],
   },
-  ignorePatterns: ["**/*.js", "**/__tests__/**", "**/__mocks__/**"],
+  ignorePatterns: ["**/*.js"],
 };

package.json

@@ -22,7 +22,7 @@
     "start": "vite --host",
     "build": "vite build",
     "test": "jest",
-    "lint": "eslint \"./**/*.{js,ts,tsx}\" --ignore-path .gitignore --fix"
+    "lint": "eslint \"./**/*.{ts,tsx}\" --ignore-path .gitignore --fix"
   },
   "devDependencies": {
     "@types/heap": "0.2.33",
@@ -37,6 +37,7 @@
     "@vitejs/plugin-react": "4.2.1",
     "alias-reuse": "2.0.0",
     "eslint": "8.56.0",
+    "eslint-plugin-import": "2.29.1",
     "jest": "29.7.0",
     "jest-canvas-mock": "2.5.2",
     "jest-environment-jsdom": "29.7.0",

src/game/index.ts

@@ -1,24 +1,23 @@
 import Phaser from 'phaser';
 
+import { CONTAINER_ID, DEBUG_MODS, AUDIO_VOLUME } from './const';
+import { GameDifficulty, GameState, GameSettings, GameScene, GameEvent,
+} from './types';
+import type {
+  IGame, GameStat, GameSavePayload } from './types';
+import type { StorageSave } from '~lib/storage/types';
+import type { IScreen } from '~scene/screen/types';
+import type { IWorld } from '~scene/world/types';
 import { registerShaders } from '~lib/shader';
 import { Storage } from '~lib/storage';
-import type { StorageSave } from '~lib/storage/types';
 import { Tutorial } from '~lib/tutorial';
 import { Utils } from '~lib/utils';
 import { Gameover } from '~scene/gameover';
 import { Menu } from '~scene/menu';
 import { MenuPage } from '~scene/menu/types';
 import { Screen } from '~scene/screen';
-import type { IScreen } from '~scene/screen/types';
 import { System } from '~scene/system';
 import { World } from '~scene/world';
-import type { IWorld } from '~scene/world/types';
-
-import { CONTAINER_ID, DEBUG_MODS, AUDIO_VOLUME } from './const';
-import type {
-  IGame, GameStat, GameSavePayload } from './types';
-import { GameDifficulty, GameState, GameSettings, GameScene, GameEvent
-} from './types';
 
 export class Game extends Phaser.Game implements IGame {
   public difficulty: GameDifficulty = GameDifficulty.NORMAL;

src/game/scenes/gameover/interface/index.tsx

@@ -1,15 +1,14 @@
 import { useClick, useGame } from 'phaser-react-ui';
 import React, { useEffect, useRef } from 'react';
 
-import type { GameStat, IGame } from '../../../types';
-import { phrase } from '~lib/lang';
-import { Tutorial } from '~lib/tutorial';
-import { Overlay } from '~scene/system/interface/overlay';
-
 import { Result } from './result';
 import {
   Wrapper, Label, Button, Head, IconRestart,
 } from './styles';
+import type { GameStat, IGame } from '../../../types';
+import { phrase } from '~lib/lang';
+import { Tutorial } from '~lib/tutorial';
+import { Overlay } from '~scene/system/interface/overlay';
 
 type Props = {
   stat: GameStat

src/game/scenes/gameover/interface/result/index.tsx

@@ -1,12 +1,11 @@
 import React, { useMemo } from 'react';
 
-import type { GameStat } from '../../../../types';
-import { phrase } from '~lib/lang';
-import type { LangPhrase } from '~lib/lang/types';
-
 import {
   Wrapper, Item, Value, Label, Record,
 } from './styles';
+import type { GameStat } from '../../../../types';
+import type { LangPhrase } from '~lib/lang/types';
+import { phrase } from '~lib/lang';
 
 type Props = {
   stat: GameStat

src/game/scenes/menu/interface/content/about-game/index.tsx

@@ -1,8 +1,7 @@
 import React from 'react';
 
-import { phrase } from '~lib/lang';
-
 import { Wrapper } from './styles';
+import { phrase } from '~lib/lang';
 
 export const AboutGame: React.FC = () => (
   <Wrapper>

src/game/scenes/menu/interface/content/controls/index.tsx

@@ -1,11 +1,10 @@
 import React from 'react';
 
-import { CONTROLS } from '~lib/controls/const';
-import { phrase } from '~lib/lang';
-
 import {
   Wrapper, Control, Keys, Key, Description,
 } from './styles';
+import { CONTROLS } from '~lib/controls/const';
+import { phrase } from '~lib/lang';
 
 export const Controls: React.FC = () => (
   <Wrapper>

src/game/scenes/menu/interface/content/index.tsx

@@ -1,14 +1,13 @@
 import React from 'react';
 
-import { MenuPage } from '~scene/menu/types';
-
 import { AboutGame } from './about-game';
 import { Controls } from './controls';
 import { LoadGame } from './load-game';
 import { NewGame } from './new-game';
 import { SaveGame } from './save-game';
 import { Settings } from './settings';
 import { Wrapper } from './styles';
+import { MenuPage } from '~scene/menu/types';
 
 type Props = {
   page?: MenuPage

src/game/scenes/menu/interface/content/load-game/index.tsx

@@ -1,16 +1,15 @@
 import { useGame } from 'phaser-react-ui';
 import React, { useState } from 'react';
 
+import { Wrapper, Empty } from './styles';
 import type { IGame } from '../../../../../types';
-import { phrase } from '~lib/lang';
 import type { LangPhrase } from '~lib/lang/types';
+import { phrase } from '~lib/lang';
 import { Storage } from '~lib/storage';
 import { Button } from '~scene/system/interface/button';
 import { Confirm } from '~scene/system/interface/confirm';
 import { Table } from '~scene/system/interface/table';
 
-import { Wrapper, Empty } from './styles';
-
 export const LoadGame: React.FC = () => {
   const game = useGame<IGame>();
 

src/game/scenes/menu/interface/content/new-game/index.tsx

@@ -2,15 +2,14 @@ import Phaser from 'phaser';
 import { useGame } from 'phaser-react-ui';
 import React, { useMemo, useState } from 'react';
 
-import type { IGame } from '../../../../../types';
 import { GameDifficulty } from '../../../../../types';
-import { phrase } from '~lib/lang';
-import { Button } from '~scene/system/interface/button';
-import { LevelPlanet } from '~scene/world/level/types';
-
 import { Param } from './param';
 import { Record } from './record';
 import { Wrapper, Params } from './styles';
+import type { IGame } from '../../../../../types';
+import { phrase } from '~lib/lang';
+import { Button } from '~scene/system/interface/button';
+import { LevelPlanet } from '~scene/world/level/types';
 
 export const NewGame: React.FC = () => {
   const game = useGame<IGame>();

src/game/scenes/menu/interface/content/new-game/record/index.tsx

@@ -1,10 +1,9 @@
 import React from 'react';
 
-import { phrase } from '~lib/lang';
-
 import {
   Wrapper, Amount, Icon, Label, Value,
 } from './styles';
+import { phrase } from '~lib/lang';
 
 type Props = {
   value: number

src/game/scenes/menu/interface/content/save-game/index.tsx

@@ -1,21 +1,20 @@
 import { useGame } from 'phaser-react-ui';
-import type { ChangeEvent } from 'react';
 import React, {
   useRef, useEffect, useState,
 } from 'react';
-
 import { MAX_GAME_SAVES } from '../../../../../const';
+import { Input, Limit, Wrapper } from './styles';
 import type { IGame } from '../../../../../types';
-import { phrase } from '~lib/lang';
+import type { ChangeEvent } from 'react';
+
 import type { LangPhrase } from '~lib/lang/types';
-import { Storage } from '~lib/storage';
 import type { StorageSave } from '~lib/storage/types';
+import { phrase } from '~lib/lang';
+import { Storage } from '~lib/storage';
 import { Button } from '~scene/system/interface/button';
 import { Confirm } from '~scene/system/interface/confirm';
 import { Table } from '~scene/system/interface/table';
 
-import { Input, Limit, Wrapper } from './styles';
-
 export const SaveGame: React.FC = () => {
   const game = useGame<IGame>();
 

src/game/scenes/menu/interface/content/settings/param/index.tsx

@@ -2,8 +2,8 @@ import { useGame } from 'phaser-react-ui';
 import React, { useMemo, useState } from 'react';
 
 import type { GameSettings, IGame } from '../../../../../../types';
-import { InterfaceTextColor } from '~lib/interface/types';
 import type { LangPhrase } from '~lib/lang/types';
+import { InterfaceTextColor } from '~lib/interface/types';
 import { Setting } from '~scene/system/interface/setting';
 
 type Props = {

src/game/scenes/menu/interface/index.tsx

@@ -1,15 +1,14 @@
 import React, { useEffect, useState } from 'react';
 
-import { Tutorial } from '~lib/tutorial';
-import { Overlay } from '~scene/system/interface/overlay';
-
 import { Content } from './content';
 import { Copyright } from './copyright';
 import { Navigation } from './navigation';
 import {
   Wrapper, Logotype, Sidebar, Main,
 } from './styles';
 import type { MenuPage } from '../types';
+import { Tutorial } from '~lib/tutorial';
+import { Overlay } from '~scene/system/interface/overlay';
 
 type Props = {
   defaultPage?: MenuPage

src/game/scenes/menu/interface/navigation/index.tsx

@@ -1,17 +1,16 @@
 import { useGame } from 'phaser-react-ui';
 import React, { useMemo, useState } from 'react';
 
-import type { IGame } from '../../../../types';
 import { GameState } from '../../../../types';
-import { phrase } from '~lib/lang';
+import { Wrapper, Item, Space } from './styles';
+import type { IGame } from '../../../../types';
 import type { LangPhrase } from '~lib/lang/types';
-import { Tutorial } from '~lib/tutorial';
 import type { MenuItem } from '~scene/menu/types';
+import { phrase } from '~lib/lang';
+import { Tutorial } from '~lib/tutorial';
 import { MenuPage } from '~scene/menu/types';
 import { Confirm } from '~scene/system/interface/confirm';
 
-import { Wrapper, Item, Space } from './styles';
-
 type Props = {
   page?: MenuPage
   onSelect: (page: MenuPage) => void

src/game/scenes/screen/index.ts

@@ -3,13 +3,12 @@ import VirtualJoystick from 'phaser3-rex-plugins/plugins/virtualjoystick';
 
 import { Scene } from '..';
 import { GameScene } from '../../types';
-import { Assets } from '~lib/assets';
-import { INTERFACE_SCALE } from '~lib/interface/const';
-import type { LangPhrase } from '~lib/lang/types';
-
 import { ScreenUI } from './interface';
-import type { IScreen } from './types';
 import { ScreenAudio, ScreenEvent } from './types';
+import type { IScreen } from './types';
+import type { LangPhrase } from '~lib/lang/types';
+import { Assets } from '~lib/assets';
+import { INTERFACE_SCALE } from '~lib/interface/const';
 
 Assets.RegisterAudio(ScreenAudio);
 

src/game/scenes/screen/interface/builder/building/index.tsx

@@ -1,14 +1,13 @@
 import React from 'react';
 
-import { phrase } from '~lib/lang';
-import type { LangPhrase } from '~lib/lang/types';
-import { Hint } from '~scene/system/interface/hint';
-import type { BuildingVariant } from '~scene/world/entities/building/types';
-
 import { Preview } from './preview';
 import {
   Container, Info, Name, Text,
 } from './styles';
+import type { LangPhrase } from '~lib/lang/types';
+import type { BuildingVariant } from '~scene/world/entities/building/types';
+import { phrase } from '~lib/lang';
+import { Hint } from '~scene/system/interface/hint';
 
 type Props = {
   variant: BuildingVariant

src/game/scenes/screen/interface/builder/building/preview/index.tsx

@@ -4,14 +4,13 @@ import {
 import React, { useRef, useState } from 'react';
 
 import { GameScene } from '../../../../../../types';
-import { Cost } from '~scene/system/interface/cost';
-import { BUILDINGS } from '~scene/world/entities/building/factory/const';
-import type { BuildingVariant } from '~scene/world/entities/building/types';
-import type { IWorld } from '~scene/world/types';
-
 import {
   Container, Number, Image, Info, Frame,
 } from './styles';
+import type { BuildingVariant } from '~scene/world/entities/building/types';
+import type { IWorld } from '~scene/world/types';
+import { Cost } from '~scene/system/interface/cost';
+import { BUILDINGS } from '~scene/world/entities/building/factory/const';
 
 type Props = {
   number: number

src/game/scenes/screen/interface/builder/index.tsx

@@ -1,21 +1,20 @@
 import { useGame, useScene, useSceneUpdate } from 'phaser-react-ui';
 import React, { useEffect, useMemo, useState } from 'react';
 
-import type { IGame } from '../../../../types';
 import { GameScene } from '../../../../types';
-import { phrase } from '~lib/lang';
+import { Building } from './building';
+import {
+  Category, Label, Variants, Wrapper,
+} from './styles';
+import type { IGame } from '../../../../types';
 import type { LangPhrase } from '~lib/lang/types';
+import type { IWorld } from '~scene/world/types';
+import { phrase } from '~lib/lang';
 import { Tutorial } from '~lib/tutorial';
 import { TutorialStep } from '~lib/tutorial/types';
 import { Utils } from '~lib/utils';
 import { BUILDINGS } from '~scene/world/entities/building/factory/const';
 import { BuildingVariant, BuildingCategory } from '~scene/world/entities/building/types';
-import type { IWorld } from '~scene/world/types';
-
-import { Building } from './building';
-import {
-  Category, Label, Variants, Wrapper,
-} from './styles';
 
 export const Builder: React.FC = () => {
   const game = useGame<IGame>();