imports

.eslintrc.cjs

@@ -135,6 +135,19 @@ module.exports = {
     ],
     'inker/react-ref-name': 2,
 
+    'import/extensions': [
+      2,
+      'ignorePackages',
+      {
+        js: 'never',
+        mjs: 'never',
+        ts: 'never',
+        jsx: 'never',
+        tsx: 'never',
+        vue: 'never',
+      },
+    ],
+
     'import/order': [
       2,
       {
@@ -146,7 +159,7 @@ module.exports = {
           'sibling',
           'index',
         ],
-        'newlines-between': 'always-and-inside-groups',
+        'newlines-between': 'always',
         pathGroups: [
           {
             pattern: 'react',

package.json

@@ -23,11 +23,22 @@
     "type": "git",
     "url": "git+https://github.com/inker/draw.git"
   },
+  "imports": {
+    "#assets/*": "./src/assets/*",
+    "#data/*": "./src/data/*",
+    "#engine/*": "./src/engine/*",
+    "#model/*": "./src/model/*",
+    "#pages/*": "./src/pages/*",
+    "#routes/*": "./src/routes/*",
+    "#store/*": "./src/store/*",
+    "#ui/*": "./src/ui/*",
+    "#utils/*": "./src/utils/*"
+  },
   "scripts": {
     "prepare": "patch-package && husky install",
     "pre-commit": "lint-staged --allow-empty",
-    "lint:js": "eslint --ext .ts,.tsx --max-warnings=0 src",
-    "lint:css": "stylelint './src/**/*.{ts,tsx}'",
+    "lint:js": "eslint --ext .ts,.tsx,.js,.jsx --max-warnings=0 src",
+    "lint:css": "stylelint './src/**/*.{ts,tsx,js,jsx,css,scss,postcss}'",
     "lint": "run-p -c \"lint:css -- {1}\" \"lint:js -- {1}\" --",
     "prettier": "prettier --cache --check .",
     "check-types": "tsc --project tsconfig.json --noEmit",
@@ -95,6 +106,7 @@
     "stylelint-config-standard": "^36.0.0",
     "stylelint-order": "^6.0.3",
     "terser-webpack-plugin": "^5.3.1",
+    "tsconfig-paths-webpack-plugin": "^4.1.0",
     "typescript": "^5.0.4",
     "webpack": "^5.76.0",
     "webpack-bundle-analyzer": "^4.5.0",

src/App.tsx

@@ -3,8 +3,8 @@ import styled, { ThemeProvider } from 'styled-components'
 import { HashRouter } from 'react-router-dom'
 import { constant } from 'lodash'
 
-import usePopup from 'store/usePopup'
-import useIsDarkMode from 'utils/hooks/useIsDarkMode'
+import usePopup from '#store/usePopup'
+import useIsDarkMode from '#utils/hooks/useIsDarkMode'
 
 import * as themes from './themes'
 import Body from './Body'

src/Popup.tsx

@@ -1,8 +1,8 @@
 import { type ReactNode, memo, useCallback } from 'react'
 
-import usePopup from 'store/usePopup'
-import Notification from 'ui/Notification'
-import Dots from 'ui/Dots'
+import Notification from '#ui/Notification'
+import Dots from '#ui/Dots'
+import usePopup from '#store/usePopup'
 
 interface WrappedPopupProps {
   children: ReactNode

src/data/countries.ts

@@ -1,6 +1,6 @@
 import { type Alpha2Code } from 'i18n-iso-countries'
 
-import { type Confederation } from 'model/types'
+import { type Confederation } from '#model/types'
 
 type Flag = Lowercase<Alpha2Code> | `gb-${string}`
 

src/engine/predicates/uefa/gs/index.ts

@@ -1,9 +1,9 @@
 import { sumBy } from 'lodash'
 
-import type Team from 'model/team/GsTeam'
-import { type Predicate } from 'engine/backtracking/gs'
-import getSmallestArrayLength from 'utils/getSmallestArrayLength'
-import getHalfArrayOfIndex from 'utils/getHalfArrayOfIndex'
+import type Team from '#model/team/GsTeam'
+import { type Predicate } from '#engine/backtracking/gs'
+import getSmallestArrayLength from '#utils/getSmallestArrayLength'
+import getHalfArrayOfIndex from '#utils/getHalfArrayOfIndex'
 
 import incompatibleCountries from '../utils/incompatibleCountries'
 import coldCountries from '../utils/coldCountries'

src/engine/predicates/uefa/ko/index.ts

@@ -1,6 +1,6 @@
-import type Team from 'model/team/KnockoutTeam'
-import { type Predicate } from 'engine/backtracking/gs'
-import getSmallestArrayLength from 'utils/getSmallestArrayLength'
+import type Team from '#model/team/KnockoutTeam'
+import { type Predicate } from '#engine/backtracking/gs'
+import getSmallestArrayLength from '#utils/getSmallestArrayLength'
 
 import incompatibleCountries from '../utils/incompatibleCountries'
 

src/engine/predicates/uefa/utils/coldCountries/index.ts

@@ -1,4 +1,4 @@
-import { type UefaCountry } from 'model/types'
+import { type UefaCountry } from '#model/types'
 
 const coldCountries: UefaCountry[] = [
   'Belarus',

src/engine/predicates/uefa/utils/incompatibleCountries/constraints.ts

@@ -1,10 +1,9 @@
 import { stubTrue } from 'lodash'
 
-import type Tournament from 'model/Tournament'
-import type Stage from 'model/Stage'
-import { type Country, type OptionalPropertyOf } from 'model/types'
-
-import isInsideInterval from 'utils/isInsideInterval'
+import type Tournament from '#model/Tournament'
+import type Stage from '#model/Stage'
+import { type Country, type OptionalPropertyOf } from '#model/types'
+import isInsideInterval from '#utils/isInsideInterval'
 
 interface PartialItem {
   countries: readonly [Country, Country]

src/engine/predicates/uefa/utils/incompatibleCountries/index.ts

@@ -1,6 +1,6 @@
 import { stubFalse } from 'lodash'
 
-import { type UefaCountry } from 'model/types'
+import { type UefaCountry } from '#model/types'
 
 import makeGetConflictingCountries from './makeGetConflictingCountries'
 

src/engine/predicates/uefa/utils/incompatibleCountries/makeGetConflictingCountries.ts

@@ -1,4 +1,4 @@
-import { type UefaCountry } from 'model/types'
+import { type UefaCountry } from '#model/types'
 
 import constraints from './constraints'
 

src/engine/predicates/wc/index.ts

@@ -1,10 +1,10 @@
 import { countBy, identity, mapValues, sumBy } from 'lodash'
 
-import { type Confederation } from 'model/types'
-import type NationalTeam from 'model/team/NationalTeam'
-import type UnknownNationalTeam from 'model/team/UnknownNationalTeam'
-import { type Predicate } from 'engine/backtracking/gs'
-import getSmallestArrayLength from 'utils/getSmallestArrayLength'
+import { type Confederation } from '#model/types'
+import type NationalTeam from '#model/team/NationalTeam'
+import type UnknownNationalTeam from '#model/team/UnknownNationalTeam'
+import { type Predicate } from '#engine/backtracking/gs'
+import getSmallestArrayLength from '#utils/getSmallestArrayLength'
 
 import getNumGroupsByYear from './getNumGroupsByYear'
 

src/model/getPairings.ts

@@ -1,6 +1,5 @@
-import defaultPairings from 'data/pairings.json'
-
-import type Tournament from 'model/Tournament'
+import defaultPairings from '#data/pairings.json'
+import type Tournament from '#model/Tournament'
 
 export default async (season: number, tournament: Tournament) => {
   try {

src/model/pairUpTeams.ts

@@ -1,6 +1,6 @@
 import fastDelete from 'fast-delete'
 
-import type GsTeam from 'model/team/GsTeam'
+import type GsTeam from '#model/team/GsTeam'
 
 export default (
   teams: readonly GsTeam[],

src/model/parsePotsData/gs.ts

@@ -1,5 +1,5 @@
-import GsTeam from 'model/team/GsTeam'
-import pairUpTeams from 'model/pairUpTeams'
+import GsTeam from '#model/team/GsTeam'
+import pairUpTeams from '#model/pairUpTeams'
 
 const objectToGsTeam = (o: any) =>
   new GsTeam(o.name, o.country, o.coeffient, o.name)

src/model/parsePotsData/ko.ts

@@ -1,4 +1,4 @@
-import KnockoutTeam from 'model/team/KnockoutTeam'
+import KnockoutTeam from '#model/team/KnockoutTeam'
 
 const objectToKoTeam = (o: any) =>
   new KnockoutTeam(o.name, o.country, o.group, o.name)

src/model/parsePotsData/wc.ts

@@ -1,9 +1,8 @@
 import { chunk } from 'lodash'
 
-import countries from 'data/countries'
-
-import NationalTeam from 'model/team/NationalTeam'
-import UnknownNationalTeam from 'model/team/UnknownNationalTeam'
+import countries from '#data/countries'
+import NationalTeam from '#model/team/NationalTeam'
+import UnknownNationalTeam from '#model/team/UnknownNationalTeam'
 
 const countryNameToTeam = (host: boolean) => (c: string) => {
   const ctr = countries[c as keyof typeof countries]

src/model/team/Club.ts

@@ -1,4 +1,4 @@
-import { type UefaCountry } from 'model/types'
+import { type UefaCountry } from '#model/types'
 
 import Team from '.'
 

src/model/team/GsTeam.ts

@@ -1,4 +1,4 @@
-import { type UefaCountry } from 'model/types'
+import { type UefaCountry } from '#model/types'
 
 import Club from './Club'
 

src/model/team/KnockoutTeam.ts

@@ -1,4 +1,4 @@
-import { type UefaCountry } from 'model/types'
+import { type UefaCountry } from '#model/types'
 
 import Club from './Club'
 

src/model/team/NationalTeam.ts

@@ -1,4 +1,4 @@
-import { type Confederation } from 'model/types'
+import { type Confederation } from '#model/types'
 
 import Team from '.'
 

src/model/team/UnknownNationalTeam.ts

@@ -1,4 +1,4 @@
-import { type Confederation } from 'model/types'
+import { type Confederation } from '#model/types'
 
 import Team from '.'
 

src/model/types.ts

@@ -1,4 +1,4 @@
-import type countries from 'data/countries'
+import type countries from '#data/countries'
 
 type Entry<T> = {
   [P in keyof T]: [P, T[P]]

src/pages/cl/gs/allPossibleGroupsWorker.ts

@@ -1,13 +1,13 @@
 import memoizeOne from 'memoize-one'
 
-import { allPossibleGroups } from 'engine/backtracking/gs'
-import getPredicate from 'engine/predicates/uefa/gs'
-import type Team from 'model/team/GsTeam'
+import { allPossibleGroups } from '#engine/backtracking/gs'
+import getPredicate from '#engine/predicates/uefa/gs'
+import type Team from '#model/team/GsTeam'
 import {
   type GsWorkerDataSerialized,
   deserializeGsWorkerData,
-} from 'model/WorkerData'
-import exposeWorker, { type ExposedFuncType } from 'utils/worker/expose'
+} from '#model/WorkerData'
+import exposeWorker, { type ExposedFuncType } from '#utils/worker/expose'
 
 type GetPredicateParams = Parameters<typeof getPredicate>
 

src/pages/cl/gs/firstPossibleGroupWorker.ts

@@ -1,13 +1,13 @@
 import memoizeOne from 'memoize-one'
 
-import { firstPossibleGroup } from 'engine/backtracking/gs'
-import getPredicate from 'engine/predicates/uefa/gs'
-import type Team from 'model/team/GsTeam'
+import { firstPossibleGroup } from '#engine/backtracking/gs'
+import getPredicate from '#engine/predicates/uefa/gs'
+import type Team from '#model/team/GsTeam'
 import {
   type GsWorkerDataSerialized,
   deserializeGsWorkerData,
-} from 'model/WorkerData'
-import exposeWorker, { type ExposedFuncType } from 'utils/worker/expose'
+} from '#model/WorkerData'
+import exposeWorker, { type ExposedFuncType } from '#utils/worker/expose'
 
 type GetPredicateParams = Parameters<typeof getPredicate>