Feature/text editor/7

.eslintrc.json

@@ -7,8 +7,35 @@
       }
     }
   ],
-  "extends": ["next/core-web-vitals", "airbnb-typescript"],
+  "extends": [
+    "next/core-web-vitals",
+    "airbnb-typescript"
+  ],
   "rules": {
+    "import/order": ["error", {
+      "groups": [
+        "builtin",
+        "external",
+        "internal",
+        "parent",
+        "sibling",
+        "index",
+        "type"
+      ],
+      "pathGroups": [
+        {
+          "pattern": "~core/**",
+          "group": "internal"
+        },
+        {
+          "pattern": "~utils/**",
+          "group": "internal"
+        }
+      ],
+      "alphabetize": {
+        "order": "asc"
+      }
+    }],
     "semi": ["error", "always"],
     "object-curly-spacing": ["error", "always"],
     "eol-last": ["error", "always"],

package.json

@@ -10,22 +10,22 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "next": "12.2.5",
-    "react": "18.2.0",
-    "react-dom": "18.2.0"
+    "next": "^12.3.4",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@types/jest": "29.0.0",
-    "@types/node": "18.7.2",
-    "@types/react": "18.0.17",
-    "@types/react-dom": "18.0.6",
-    "@typescript-eslint/eslint-plugin": "5.13.0",
-    "@typescript-eslint/parser": "5.0.0",
-    "eslint": "8.21.0",
-    "eslint-config-airbnb-typescript": "17.0.0",
-    "eslint-config-next": "12.2.5",
-    "jest": "29.0.2",
-    "ts-jest": "29.0.2",
-    "typescript": "4.7.4"
+    "@types/jest": "^29.4.0",
+    "@types/node": "^18.15.0",
+    "@types/react": "^18.0.28",
+    "@types/react-dom": "^18.0.11",
+    "@typescript-eslint/eslint-plugin": "^5.54.1",
+    "@typescript-eslint/parser": "^5.54.1",
+    "eslint": "^8.36.0",
+    "eslint-config-airbnb-typescript": "^17.0.0",
+    "eslint-config-next": "^12.3.4",
+    "jest": "^29.5.0",
+    "ts-jest": "^29.0.5",
+    "typescript": "^4.9.5"
   }
 }

src/core/formatter/formatter.test.ts

@@ -1,5 +1,5 @@
-import { Formatter } from '@core/formatter/formatter';
-import { TOKEN_FORMAT, TOKEN_TYPE } from '@core/model/utils/constants';
+import { Formatter } from '~core/formatter/formatter';
+import { TOKEN_FORMAT, TOKEN_TYPE } from '~core/model/utils/constants';
 
 describe('Formatter class: validation', () => {
   test('Selection range should has \'from\' less than \'to\'', () => {

src/core/formatter/formatter.ts

@@ -1,6 +1,6 @@
-import { applyFormatToToken, isTokenFormattable } from '@core/formatter/utils/helpers/format';
-import { isTokenSplittable, normalizeTokens, resolvePositionLocationInTokens, splitTokenByPosition } from '@core/formatter/utils/helpers/other';
-import { first, last } from '@utils/helpers/array';
+import { applyFormatToToken, isTokenFormattable } from '~core/formatter/utils/helpers/format';
+import { isTokenSplittable, normalizeTokens, resolvePositionLocationInTokens, splitTokenByPosition } from '~core/formatter/utils/helpers/other';
+import { first, last } from '~utils/helpers/array';
 
 export class Formatter {
   private constructor() {}

src/core/formatter/utils/helpers/format/applyFormatToToken/applyFormatToToken.test.ts

@@ -1,5 +1,5 @@
-import { applyFormatToToken } from '@core/formatter/utils/helpers/format';
-import { TOKEN_FORMAT, TOKEN_TYPE } from '@core/model/utils/constants';
+import { applyFormatToToken } from '~core/formatter/utils/helpers/format';
+import { TOKEN_FORMAT, TOKEN_TYPE } from '~core/model/utils/constants';
 
 describe('\'applyFormatToToken\' helper', () => {
   test('Should add format to token if it does not contain it', () => {

src/core/formatter/utils/helpers/format/isTokenFormattable/isTokenFormattable.test.ts

@@ -1,5 +1,5 @@
-import { isTokenFormattable } from '@core/formatter/utils/helpers/format';
-import { TOKEN_TYPE } from '@core/model/utils/constants';
+import { isTokenFormattable } from '~core/formatter/utils/helpers/format';
+import { TOKEN_TYPE } from '~core/model/utils/constants';
 
 describe('\'isTokenFormattable\' helper', () => {
   test('Should return true only for token that can be format', () => {

src/core/formatter/utils/helpers/other/isTokenSplittable/isTokenSplittable.test.ts

@@ -1,5 +1,5 @@
-import { isTokenSplittable } from '@core/formatter/utils/helpers/other';
-import { TOKEN_TYPE } from '@core/model/utils/constants';
+import { isTokenSplittable } from '~core/formatter/utils/helpers/other';
+import { TOKEN_TYPE } from '~core/model/utils/constants';
 
 describe('\'isTokenSplittable\' helper', () => {
   test('Should return true only for token that value can be split', () => {

src/core/formatter/utils/helpers/other/isTokenSplittable/isTokenSplittable.ts

@@ -1,4 +1,4 @@
-import { TOKEN_TYPE } from '@core/model/utils/constants';
+import { TOKEN_TYPE } from '~core/model/utils/constants';
 
 export const isTokenSplittable = (token: Token): boolean => (
   token.type === TOKEN_TYPE.TEXT

src/core/formatter/utils/helpers/other/normalizeTokens/filterEmpty/filterEmpty.test.ts

@@ -1,5 +1,5 @@
-import { filterEmpty } from '@core/formatter/utils/helpers/other/normalizeTokens/filterEmpty/filterEmpty';
-import { TOKEN_TYPE } from '@core/model/utils/constants';
+import { filterEmpty } from '~core/formatter/utils/helpers/other/normalizeTokens/filterEmpty/filterEmpty';
+import { TOKEN_TYPE } from '~core/model/utils/constants';
 
 describe('\'filterEmpty\' helper', () => {
   test('Should filter tokens with empty value', () => {

src/core/formatter/utils/helpers/other/normalizeTokens/joinSimilar/joinSimilar.test.ts

@@ -1,5 +1,5 @@
-import { joinSimilar } from '@core/formatter/utils/helpers/other/normalizeTokens/joinSimilar/joinSimilar';
-import { TOKEN_FORMAT, TOKEN_TYPE } from '@core/model/utils/constants';
+import { joinSimilar } from '~core/formatter/utils/helpers/other/normalizeTokens/joinSimilar/joinSimilar';
+import { TOKEN_FORMAT, TOKEN_TYPE } from '~core/model/utils/constants';
 
 describe('\'joinSimilar\' helper', () => {
   test('Should join tokens only with same type (\'text\') and equal formats', () => {

src/core/formatter/utils/helpers/other/normalizeTokens/joinSimilar/joinSimilar.ts

@@ -1,5 +1,5 @@
-import { isTokenFormattable } from '@core/formatter/utils/helpers/format';
-import { TOKEN_TYPE } from '@core/model/utils/constants';
+import { isTokenFormattable } from '~core/formatter/utils/helpers/format';
+import { TOKEN_TYPE } from '~core/model/utils/constants';
 
 export const joinSimilar = (tokens: Token[]): Token[] => (
   tokens.reduce((acc, currentToken) => {

src/core/formatter/utils/helpers/other/normalizeTokens/normalizeTokens.test.ts

@@ -1,5 +1,5 @@
-import { normalizeTokens } from '@core/formatter/utils/helpers/other';
-import { TOKEN_FORMAT, TOKEN_TYPE } from '@core/model/utils/constants';
+import { normalizeTokens } from '~core/formatter/utils/helpers/other';
+import { TOKEN_FORMAT, TOKEN_TYPE } from '~core/model/utils/constants';
 
 describe('\'normalizeTokens\' helper', () => {
   test('Should filter empty and join similar tokens', () => {

src/core/formatter/utils/helpers/other/normalizeTokens/normalizeTokens.ts

@@ -1,5 +1,5 @@
-import { joinSimilar } from '@core/formatter/utils/helpers/other/normalizeTokens/joinSimilar/joinSimilar';
-import { filterEmpty } from '@core/formatter/utils/helpers/other/normalizeTokens/filterEmpty/filterEmpty';
+import { filterEmpty } from '~core/formatter/utils/helpers/other/normalizeTokens/filterEmpty/filterEmpty';
+import { joinSimilar } from '~core/formatter/utils/helpers/other/normalizeTokens/joinSimilar/joinSimilar';
 
 export const normalizeTokens = (tokens: Token[]): Token[] => (
   joinSimilar(filterEmpty(tokens))

src/core/formatter/utils/helpers/other/resolvePositionLocationInTokens/resolvePositionLocationInTokens.test.ts

@@ -1,5 +1,5 @@
-import { resolvePositionLocationInTokens } from '@core/formatter/utils/helpers/other';
-import { TOKEN_TYPE } from '@core/model/utils/constants';
+import { resolvePositionLocationInTokens } from '~core/formatter/utils/helpers/other';
+import { TOKEN_TYPE } from '~core/model/utils/constants';
 
 describe('\'resolvePositionLocationInTokens\' helper', () => {
   const firstValue = 'text1';

src/core/formatter/utils/helpers/other/splitTokenByPosition/splitTokenByPosition.test.ts

@@ -1,5 +1,5 @@
-import { splitTokenByPosition } from '@core/formatter/utils/helpers/other';
-import { TOKEN_FORMAT, TOKEN_TYPE } from '@core/model/utils/constants';
+import { splitTokenByPosition } from '~core/formatter/utils/helpers/other';
+import { TOKEN_FORMAT, TOKEN_TYPE } from '~core/model/utils/constants';
 
 describe('\'splitTokenByPosition\' helper', () => {
   test('Should split token value by position (with saving other properties)', () => {

src/core/formatter/utils/helpers/other/splitTokenByPosition/splitTokenByPosition.ts

@@ -1,4 +1,4 @@
-import { cloneToken } from '@core/model/utils/helpers/other';
+import { cloneToken } from '~core/model/utils/helpers/other';
 
 export const splitTokenByPosition = <T extends Token>(token: T, position: Position): [Token, Token] => {
   const beforePositionToken = { ...cloneToken(token), value: token.value.slice(0, position) };

src/core/model/model.test.ts

@@ -1,5 +1,5 @@
+import { TOKEN_FORMAT, TOKEN_TYPE } from '~core/model/utils/constants';
 import { Model } from './model';
-import { TOKEN_FORMAT, TOKEN_TYPE } from '@core/model/utils/constants';
 
 describe('Model class: creating tokens', () => {
   test('Should create text token with/without format', () => {

src/core/model/utils/helpers/other/cloneToken/cloneToken.test.ts

@@ -1,5 +1,5 @@
-import { cloneToken } from '@core/model/utils/helpers/other';
-import { TOKEN_FORMAT, TOKEN_TYPE } from '@core/model/utils/constants';
+import { TOKEN_FORMAT, TOKEN_TYPE } from '~core/model/utils/constants';
+import { cloneToken } from '~core/model/utils/helpers/other';
 
 describe('\'cloneToken\' helper', () => {
   test('Should deep clone token', () => {

src/core/model/utils/helpers/other/cloneToken/cloneToken.ts

@@ -1,4 +1,4 @@
-import { isTokenFormattable } from '@core/formatter/utils/helpers/format';
+import { isTokenFormattable } from '~core/formatter/utils/helpers/format';
 
 export const cloneToken = <T extends Token>(token: T): T => {
   return isTokenFormattable(token) ? { ...token, formats: new Set(token.formats) } : { ...token };

src/core/parser/handlers/hashtag/hashtag.test.ts

@@ -1,5 +1,5 @@
-import { Model } from '@core/model/model';
-import { Parser } from '@core/parser/parser';
+import { Model } from '~core/model/model';
+import { Parser } from '~core/parser/parser';
 import { parseHashTag } from './hashtag';
 
 describe('Hashtag parsing: consuming symbols', () => {

src/core/parser/handlers/hashtag/hashtag.ts

@@ -1,9 +1,9 @@
-import type { Parser } from '@core/parser/parser';
-import { Model } from '@core/model/model';
-import { isHashTagName } from '@core/parser/utils/helpers/hashtag';
-import { last } from '@utils/helpers/array';
-import { UNICODE_CODES } from '@core/parser/utils/constants';
-import { TOKEN_TYPE } from '@core/model/utils/constants';
+import { Model } from '~core/model/model';
+import { TOKEN_TYPE } from '~core/model/utils/constants';
+import type { Parser } from '~core/parser/parser';
+import { UNICODE_CODES } from '~core/parser/utils/constants';
+import { isHashTagName } from '~core/parser/utils/helpers/hashtag';
+import { last } from '~utils/helpers/array';
 
 const isHashTagBound = (parser: Parser): boolean => {
   // ✅ important:

src/core/parser/handlers/newline/newline.test.ts

@@ -1,5 +1,5 @@
-import { Model } from '@core/model/model';
-import { Parser } from '@core/parser/parser';
+import { Model } from '~core/model/model';
+import { Parser } from '~core/parser/parser';
 import { parseNewLine } from './newline';
 
 describe('Newline parsing: consuming symbols', () => {

src/core/parser/handlers/newline/newline.ts

@@ -1,6 +1,6 @@
-import type { Parser } from '@core/parser/parser';
-import { Model } from '@core/model/model';
-import { UNICODE_CODES } from '@core/parser/utils/constants';
+import { Model } from '~core/model/model';
+import type { Parser } from '~core/parser/parser';
+import { UNICODE_CODES } from '~core/parser/utils/constants';
 
 const consumeNewLine = (parser: Parser): boolean => {
   // ✅ important:

src/core/parser/handlers/text/text.test.ts

@@ -1,4 +1,4 @@
-import { Parser } from '@core/parser/parser';
+import { Parser } from '~core/parser/parser';
 import { parseText } from './text';
 
 describe('Text parsing: consuming symbols', () => {

src/core/parser/handlers/text/text.ts

@@ -1,4 +1,4 @@
-import type { Parser } from '@core/parser/parser';
+import type { Parser } from '~core/parser/parser';
 
 export const parseText = (parser: Parser): boolean => {
   parser.consumeText();

src/core/parser/parser.test.ts

@@ -1,5 +1,5 @@
-import { Model } from '@core/model/model';
-import { Parser } from '@core/parser/parser';
+import { Model } from '~core/model/model';
+import { Parser } from '~core/parser/parser';
 
 describe('Parser class: constructor', () => {
   test('Parser with initial tokens should not be in consuming status if last token not text', () => {

src/core/parser/parser.ts

@@ -1,11 +1,11 @@
-import { parseHashTag } from '@core/parser/handlers/hashtag/hashtag';
-import { parseNewLine } from '@core/parser/handlers/newline/newline';
-import { parseText } from '@core/parser/handlers/text/text';
-import { Model } from '@core/model/model';
-import { resolveNextCodePointUnitCount, resolvePrevCodePointUnitCount } from '@core/parser/utils/helpers/codePoint';
-import { isDelimiter } from '@core/parser/utils/helpers/other';
-import { last } from '@utils/helpers/array';
-import { TOKEN_TYPE } from '@core/model/utils/constants';
+import { Model } from '~core/model/model';
+import { TOKEN_TYPE } from '~core/model/utils/constants';
+import { parseHashTag } from '~core/parser/handlers/hashtag/hashtag';
+import { parseNewLine } from '~core/parser/handlers/newline/newline';
+import { parseText } from '~core/parser/handlers/text/text';
+import { resolveNextCodePointUnitCount, resolvePrevCodePointUnitCount } from '~core/parser/utils/helpers/codePoint';
+import { isDelimiter } from '~core/parser/utils/helpers/other';
+import { last } from '~utils/helpers/array';
 
 // eslint-disable-next-line
 interface IParser {

src/core/parser/utils/helpers/codePoint/resolveNextCodePointUnitCount/resolveNextCodePointUnitCount.test.ts

@@ -1,4 +1,4 @@
-import { UTF16_UTIL } from '@core/parser/utils/constants';
+import { UTF16_UTIL } from '~core/parser/utils/constants';
 import { resolveNextCodePointUnitCount } from './resolveNextCodePointUnitCount';
 
 describe('\'resolveNextCodePointUnitCount\' helper: unit count', () => {

src/core/parser/utils/helpers/codePoint/resolveNextCodePointUnitCount/resolveNextCodePointUnitCount.ts

@@ -1,4 +1,4 @@
-import { UTF16_UTIL } from '@core/parser/utils/constants';
+import { UTF16_UTIL } from '~core/parser/utils/constants';
 
 export const resolveNextCodePointUnitCount = (nextCodePoint: CodePoint): number => {
   const isNextCodePointIsSurrogatePair = nextCodePoint > UTF16_UTIL.UNIT_MAX_VALUE;

src/core/parser/utils/helpers/codePoint/resolvePrevCodePointUnitCount/resolvePrevCodePointUnitCount.test.ts

@@ -1,4 +1,4 @@
-import { UTF16_UTIL } from '@core/parser/utils/constants';
+import { UTF16_UTIL } from '~core/parser/utils/constants';
 import { resolvePrevCodePointUnitCount } from './resolvePrevCodePointUnitCount';
 
 describe('\'resolvePrevCodePointUnitCount\' helper: unit count', () => {

src/core/parser/utils/helpers/codePoint/resolvePrevCodePointUnitCount/resolvePrevCodePointUnitCount.ts

@@ -1,4 +1,4 @@
-import { UTF16_UTIL } from '@core/parser/utils/constants';
+import { UTF16_UTIL } from '~core/parser/utils/constants';
 
 export const resolvePrevCodePointUnitCount = (prevCodePoint: CodePoint): number => {
   const isPrevCodePointIsLowUnitOfSurrogatePair = prevCodePoint >= UTF16_UTIL.LOW_SURROGATE_MIN_VALUE && prevCodePoint <= UTF16_UTIL.LOW_SURROGATE_MAX_VALUE;

src/core/parser/utils/helpers/hashtag/isHashTagName/isHashTagName.ts

@@ -1,5 +1,5 @@
-import { isLetter, isNumber } from '../../other';
 import { UNICODE_CODES } from '../../../constants';
+import { isLetter, isNumber } from '../../other';
 
 export const isHashTagName = (codePoint: CodePoint): boolean => (
   isLetter(codePoint) || isNumber(codePoint) || codePoint === UNICODE_CODES.LOWLINE

tsconfig.json

@@ -16,10 +16,10 @@
     "incremental": true,
     "baseUrl": ".",
     "paths": {
-      "@core/formatter/*": ["src/core/formatter/*"],
-      "@core/model/*": ["src/core/model/*"],
-      "@core/parser/*": ["src/core/parser/*"],
-      "@utils/*": ["src/utils/*"]
+      "~core/formatter/*": ["src/core/formatter/*"],
+      "~core/model/*": ["src/core/model/*"],
+      "~core/parser/*": ["src/core/parser/*"],
+      "~utils/*": ["src/utils/*"]
     }
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],