Theming: Distinguish between `import` types

In Atom, we can theme imports based on the type of thing being imported. As you can see below, import aliases/names are styled differently than the class Knex being imported. This has always been immensely handy for at a glance differentiation and validation of imports as well as for organizing imports.

Below is the same theme applied to VS Code, but without the ability to differentiate.

I believe this comes down to a lack of TextMate scope. Here are the available scopes for makeContext:

variable.other.readwrite.alias.ts
meta.import.ts
source.ts

And the available scopes for Knex:

variable.other.readwrite.alias.ts
meta.block.ts
meta.import.ts
source.ts

My ignorant suggestion: it would probably be enough to catch capital-cased aliases for adding an additional scope.

Inizia dalle regole della grammatica TypeScript coinvolte in makeContext e confronta gli scope mostrati per l’alias di importazione e Knex. Determina come vengono classificati attualmente i nomi importati e definisci lo scope distinto necessario per il theming. Il lavoro è completato quando gli alias di importazione e le classi importate possono essere stilizzati in modo diverso, con gli scope risultanti verificati rispetto all’esempio.