Paths having more than two constructs ../

[TheAlexGo]

Hello! I have the following problem: when trying to sort, those paths that have more than two "../" constructs do not fall into the parent category, but fall into the internal. How to solve this problem?

Expectation:

import { cfg } from 'path/path/path/src/Cfg';
import { l10n } from 'path/src/l10n';
import { helpers } from 'path/path/path/helpers';
import { tip } from 'path/path/tip';

import { controller } from '../../../../path/path/path/controller';
import { component } from '../../../../path/path/path/component';
import { component } from '../../../../path/path/path/component';

Reality:

import { controller } from '../../../../path/path/path/controller';
import { component } from '../../../../path/path/path/component';
import { component } from '../../../../path/path/path/component';
import { cfg } from 'path/path/path/src/Cfg';
import { l10n } from 'path/src/l10n';
import { helpers } from 'path/path/path/helpers';
import { tip } from 'path/path/tip';

Config:

"import/order": [
              2,
              {
                  "groups": [
                      ["builtin", "external"],
                      "internal",
                      ["sibling", "parent"],
                      "object",
                      "type"
                  ],
                  "pathGroups": [
                      {
                          "pattern": "react",
                          "group": "builtin",
                          "position": "before",
                          "patternOptions": {
                              "matchBase": true
                          }
                      },
                      {
                          "pattern": "*.+(css|svg)",
                          "group": "type",
                          "position": "after",
                          "patternOptions": {
                              "matchBase": true
                          }
                      }
                  ],
                  "pathGroupsExcludedImportTypes": ["react"],
                  "alphabetize": {
                      "order": "asc"
                  },
                  "newlines-between": "always"
              }
          ]

[TheAlexGo]

up

[ljharb]

I'm confused; your code snippet fails to parse because you have two imports of component.

[ljharb]

Additionally, you've configured alphabetical sorting, so component comes before controller, and helpers comes before src.

[ljharb]

This is the code that passes the test case (with the duplicate component import removed):

import { helpers } from 'path/path/path/helpers';
import { cfg } from 'path/path/path/src/Cfg';
import { tip } from 'path/path/tip';
import { l10n } from 'path/src/l10n';
        
import { component } from '../../../../path/path/path/component';
import { controller } from '../../../../path/path/path/controller';

What about that isn't correct for you?

[TheAlexGo]

I'm confused; your code snippet fails to parse because you have two imports of component.

Yes, it was an example

[TheAlexGo]

This is the code that passes the test case (with the duplicate component import removed):

import { helpers } from 'path/path/path/helpers';
import { cfg } from 'path/path/path/src/Cfg';
import { tip } from 'path/path/tip';
import { l10n } from 'path/src/l10n';
        
import { component } from '../../../../path/path/path/component';
import { controller } from '../../../../path/path/path/controller';

What about that isn't correct for you?

Hm... It's strange. With these options, I have a "Reality" case, which I cited in the description

[TheAlexGo]

Oh, i'm sorry. I misspelled the regex for "import/internal-regex". Thx!
One more question: Is there a way to place imports with more "../" on the bottom?

Expectation:

import { Service } from './path/Service';
import { Controller } from '../../../../path/Controller';
import { DisplayMode } from '../../../../path/DisplayMode';
import { Location } from '../../../../path/Location';

Reality:

import { Controller } from '../../../../path/Controller';
import { DisplayMode } from '../../../../path/DisplayMode';
import { Location } from '../../../../path/Location';
import { Service } from './path/Service';

I know alphabetical sorting puts special characters above letters. Is it possible to somehow change this behavior?

[ljharb]

You might be referring to a regression described in #2682.