chore: sort imports with prettier plugin (#114)

json-derulo · web-flow · commit 0621996f2648 · 2023-08-05T08:41:06.000+02:00
diff --git a/.prettierrc.yaml b/.prettierrc.yaml
@@ -0,0 +1,6 @@
+plugins:
+  - "@ianvs/prettier-plugin-sort-imports"
+importOrderParserPlugins:
+  - typescript
+  - decorators-legacy
+importOrderTypeScriptVersion: 5.1.0
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -41,6 +41,7 @@
     "@angular-eslint/template-parser": "^16.0.1",
     "@angular/cli": "~16.1.0",
     "@angular/compiler-cli": "~16.1.0",
+    "@ianvs/prettier-plugin-sort-imports": "^4.1.0",
     "@types/jasmine": "~4.3.0",
     "@types/marked": "^4.0.8",
     "@typescript-eslint/eslint-plugin": "^6.0.0",
diff --git a/projects/angular-ecmascript-intl/src/lib/country/intl-country.pipe.spec.ts b/projects/angular-ecmascript-intl/src/lib/country/intl-country.pipe.spec.ts
@@ -1,7 +1,7 @@
-import { IntlCountryPipe } from './intl-country.pipe';
 import { TestBed } from '@angular/core/testing';
 import { INTL_LOCALES } from '../locale';
 import { INTL_COUNTRY_PIPE_DEFAULT_OPTIONS } from './intl-country-pipe-default-options';
+import { IntlCountryPipe } from './intl-country.pipe';
 
 describe('IntlCountryPipe', () => {
   let testUnit: IntlCountryPipe;
diff --git a/projects/angular-ecmascript-intl/src/lib/country/intl-country.pipe.ts b/projects/angular-ecmascript-intl/src/lib/country/intl-country.pipe.ts
@@ -1,7 +1,7 @@
 import { Inject, Optional, Pipe, PipeTransform } from '@angular/core';
+import { IntlPipeOptions } from '../intl-pipe-options';
 import { INTL_LOCALES } from '../locale';
 import { INTL_COUNTRY_PIPE_DEFAULT_OPTIONS } from './intl-country-pipe-default-options';
-import { IntlPipeOptions } from '../intl-pipe-options';
 
 export type IntlCountryPipeOptions = Omit<
   Partial<Intl.DisplayNamesOptions>,
diff --git a/projects/angular-ecmascript-intl/src/lib/currency/intl-currency.pipe.spec.ts b/projects/angular-ecmascript-intl/src/lib/currency/intl-currency.pipe.spec.ts
@@ -1,7 +1,7 @@
-import { IntlCurrencyPipe } from './intl-currency.pipe';
 import { TestBed } from '@angular/core/testing';
 import { INTL_LOCALES } from '../locale';
 import { INTL_CURRENCY_PIPE_DEFAULT_OPTIONS } from './intl-currency-pipe-default-options';
+import { IntlCurrencyPipe } from './intl-currency.pipe';
 
 describe('IntlCurrencyPipe', () => {
   let testUnit: IntlCurrencyPipe;
diff --git a/projects/angular-ecmascript-intl/src/lib/currency/intl-currency.pipe.ts b/projects/angular-ecmascript-intl/src/lib/currency/intl-currency.pipe.ts
@@ -1,8 +1,8 @@
 import { Inject, Optional, Pipe, PipeTransform } from '@angular/core';
 import { IntlPipeOptions } from '../intl-pipe-options';
 import { INTL_LOCALES } from '../locale';
-import { INTL_CURRENCY_PIPE_DEFAULT_OPTIONS } from './intl-currency-pipe-default-options';
 import { getNumericValue } from '../utils/number-utils';
+import { INTL_CURRENCY_PIPE_DEFAULT_OPTIONS } from './intl-currency-pipe-default-options';
 
 type OmitOptions = 'unit' | 'unitDisplay' | 'currency';
 export type IntlCurrencyPipeOptions = Omit<
diff --git a/projects/angular-ecmascript-intl/src/lib/date/intl-date.pipe.spec.ts b/projects/angular-ecmascript-intl/src/lib/date/intl-date.pipe.spec.ts
@@ -1,7 +1,7 @@
-import { IntlDatePipe } from './intl-date.pipe';
 import { TestBed } from '@angular/core/testing';
 import { INTL_LOCALES } from '../locale';
 import { INTL_DATE_PIPE_DEFAULT_OPTIONS } from './intl-date-pipe-default-options';
+import { IntlDatePipe } from './intl-date.pipe';
 
 describe('DatePipe', () => {
   let testUnit: IntlDatePipe;
diff --git a/projects/angular-ecmascript-intl/src/lib/date/intl-date.pipe.ts b/projects/angular-ecmascript-intl/src/lib/date/intl-date.pipe.ts
@@ -1,7 +1,7 @@
 import { Inject, Optional, Pipe, PipeTransform } from '@angular/core';
+import { IntlPipeOptions } from '../intl-pipe-options';
 import { INTL_LOCALES } from '../locale';
 import { INTL_DATE_PIPE_DEFAULT_OPTIONS } from './intl-date-pipe-default-options';
-import { IntlPipeOptions } from '../intl-pipe-options';
 
 export type IntlDatePipeOptions = Partial<Intl.DateTimeFormatOptions> &
   IntlPipeOptions;
diff --git a/projects/angular-ecmascript-intl/src/lib/decimal/intl-decimal.pipe.spec.ts b/projects/angular-ecmascript-intl/src/lib/decimal/intl-decimal.pipe.spec.ts
@@ -1,7 +1,7 @@
-import { IntlDecimalPipe } from './intl-decimal.pipe';
 import { TestBed } from '@angular/core/testing';
 import { INTL_LOCALES } from '../locale';
 import { INTL_DECIMAL_PIPE_DEFAULT_OPTIONS } from './intl-decimal-pipe-default-options';
+import { IntlDecimalPipe } from './intl-decimal.pipe';
 
 describe('IntlDecimalPipe', () => {
   let testUnit: IntlDecimalPipe;
diff --git a/projects/angular-ecmascript-intl/src/lib/decimal/intl-decimal.pipe.ts b/projects/angular-ecmascript-intl/src/lib/decimal/intl-decimal.pipe.ts
@@ -1,8 +1,8 @@
 import { Inject, Optional, Pipe, PipeTransform } from '@angular/core';
 import { IntlPipeOptions } from '../intl-pipe-options';
 import { INTL_LOCALES } from '../locale';
-import { INTL_DECIMAL_PIPE_DEFAULT_OPTIONS } from './intl-decimal-pipe-default-options';
 import { getNumericValue } from '../utils/number-utils';
+import { INTL_DECIMAL_PIPE_DEFAULT_OPTIONS } from './intl-decimal-pipe-default-options';
 
 type OmitOptions =
   | 'unit'
diff --git a/projects/angular-ecmascript-intl/src/lib/intl.module.ts b/projects/angular-ecmascript-intl/src/lib/intl.module.ts
@@ -1,13 +1,13 @@
 import { NgModule } from '@angular/core';
+import { IntlCountryPipe } from './country/intl-country.pipe';
+import { IntlCurrencyPipe } from './currency/intl-currency.pipe';
 import { IntlDatePipe } from './date/intl-date.pipe';
-import { IntlLanguagePipe } from './language/intl-language.pipe';
 import { IntlDecimalPipe } from './decimal/intl-decimal.pipe';
-import { IntlPercentPipe } from './percent/intl-percent.pipe';
-import { IntlCurrencyPipe } from './currency/intl-currency.pipe';
-import { IntlCountryPipe } from './country/intl-country.pipe';
-import { IntlUnitPipe } from './unit/intl-unit.pipe';
+import { IntlLanguagePipe } from './language/intl-language.pipe';
 import { IntlListPipe } from './list/intl-list.pipe';
+import { IntlPercentPipe } from './percent/intl-percent.pipe';
 import { IntlRelativeTimePipe } from './relative-time/relative-time.pipe';
+import { IntlUnitPipe } from './unit/intl-unit.pipe';
 
 @NgModule({
   imports: [
diff --git a/projects/angular-ecmascript-intl/src/lib/language/intl-language.pipe.spec.ts b/projects/angular-ecmascript-intl/src/lib/language/intl-language.pipe.spec.ts
@@ -1,7 +1,7 @@
-import { IntlLanguagePipe } from './intl-language.pipe';
 import { TestBed } from '@angular/core/testing';
 import { INTL_LOCALES } from '../locale';
 import { INTL_LANGUAGE_PIPE_DEFAULT_OPTIONS } from './intl-language-pipe-default-options';
+import { IntlLanguagePipe } from './intl-language.pipe';
 
 describe('IntlLanguagePipe', () => {
   let testUnit: IntlLanguagePipe;
diff --git a/projects/angular-ecmascript-intl/src/lib/language/intl-language.pipe.ts b/projects/angular-ecmascript-intl/src/lib/language/intl-language.pipe.ts
@@ -1,7 +1,7 @@
 import { Inject, Optional, Pipe, PipeTransform } from '@angular/core';
+import { IntlPipeOptions } from '../intl-pipe-options';
 import { INTL_LOCALES } from '../locale';
 import { INTL_LANGUAGE_PIPE_DEFAULT_OPTIONS } from './intl-language-pipe-default-options';
-import { IntlPipeOptions } from '../intl-pipe-options';
 
 export type IntlLanguagePipeOptions = Partial<Intl.DisplayNamesOptions> &
   IntlPipeOptions;
diff --git a/projects/angular-ecmascript-intl/src/lib/list/intl-list.pipe.spec.ts b/projects/angular-ecmascript-intl/src/lib/list/intl-list.pipe.spec.ts
@@ -1,6 +1,6 @@
-import { IntlListPipe } from './intl-list.pipe';
 import { TestBed } from '@angular/core/testing';
 import { INTL_LOCALES } from '../locale';
+import { IntlListPipe } from './intl-list.pipe';
 
 describe('IntlListPipe', () => {
   let testUnit: IntlListPipe;
diff --git a/projects/angular-ecmascript-intl/src/lib/list/intl-list.pipe.ts b/projects/angular-ecmascript-intl/src/lib/list/intl-list.pipe.ts
@@ -1,7 +1,7 @@
 import { Inject, Optional, Pipe, PipeTransform } from '@angular/core';
+import { IntlPipeOptions } from '../intl-pipe-options';
 import { INTL_LOCALES } from '../locale';
 import { INTL_LIST_PIPE_DEFAULT_OPTIONS } from './intl-list-pipe-default-options';
-import { IntlPipeOptions } from '../intl-pipe-options';
 
 export type IntlListPipeOptions = Partial<Intl.ListFormatOptions> &
   IntlPipeOptions;
diff --git a/projects/angular-ecmascript-intl/src/lib/percent/intl-percent.pipe.spec.ts b/projects/angular-ecmascript-intl/src/lib/percent/intl-percent.pipe.spec.ts
@@ -1,7 +1,7 @@
-import { IntlPercentPipe } from './intl-percent.pipe';
 import { TestBed } from '@angular/core/testing';
 import { INTL_LOCALES } from '../locale';
 import { INTL_PERCENT_PIPE_DEFAULT_OPTIONS } from './intl-percent-pipe-default-options';
+import { IntlPercentPipe } from './intl-percent.pipe';
 
 describe('IntlPercentPipe', () => {
   let testUnit: IntlPercentPipe;
diff --git a/projects/angular-ecmascript-intl/src/lib/relative-time/relative-time.pipe.spec.ts b/projects/angular-ecmascript-intl/src/lib/relative-time/relative-time.pipe.spec.ts
@@ -1,9 +1,9 @@
-import { IntlRelativeTimePipe } from './relative-time.pipe';
-import * as dayjs from 'dayjs';
+import { ChangeDetectorRef } from '@angular/core';
 import { fakeAsync, TestBed, tick } from '@angular/core/testing';
-import { INTL_RELATIVE_TIME_PIPE_DEFAULT_OPTIONS } from './relative-time-pipe-default-options';
+import * as dayjs from 'dayjs';
 import { INTL_LOCALES } from '../locale';
-import { ChangeDetectorRef } from '@angular/core';
+import { INTL_RELATIVE_TIME_PIPE_DEFAULT_OPTIONS } from './relative-time-pipe-default-options';
+import { IntlRelativeTimePipe } from './relative-time.pipe';
 
 describe('RelativeTimePipe', () => {
   let testUnit: IntlRelativeTimePipe;
diff --git a/projects/angular-ecmascript-intl/src/lib/relative-time/relative-time.pipe.ts b/projects/angular-ecmascript-intl/src/lib/relative-time/relative-time.pipe.ts
@@ -6,10 +6,10 @@ import {
   Pipe,
   PipeTransform,
 } from '@angular/core';
-import { INTL_LOCALES } from '../locale';
+import { interval, Subject, takeUntil } from 'rxjs';
 import { IntlPipeOptions } from '../intl-pipe-options';
+import { INTL_LOCALES } from '../locale';
 import { INTL_RELATIVE_TIME_PIPE_DEFAULT_OPTIONS } from './relative-time-pipe-default-options';
-import { interval, Subject, takeUntil } from 'rxjs';
 
 export type IntlRelativeTimePipeOptions =
   Partial<Intl.RelativeTimeFormatOptions> & IntlPipeOptions;
diff --git a/projects/angular-ecmascript-intl/src/lib/unit/intl-unit.pipe.spec.ts b/projects/angular-ecmascript-intl/src/lib/unit/intl-unit.pipe.spec.ts
@@ -1,7 +1,7 @@
-import { IntlUnitPipe } from './intl-unit.pipe';
 import { TestBed } from '@angular/core/testing';
 import { INTL_LOCALES } from '../locale';
 import { INTL_UNIT_PIPE_DEFAULT_OPTIONS } from './intl-unit-pipe-default-options';
+import { IntlUnitPipe } from './intl-unit.pipe';
 
 describe('IntlUnitPipe', () => {
   let testUnit: IntlUnitPipe;
diff --git a/projects/angular-intl-demo/src/app/app.module.ts b/projects/angular-intl-demo/src/app/app.module.ts
@@ -1,14 +1,13 @@
+import { HttpClientModule } from '@angular/common/http';
 import { NgModule } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
+import { MatToolbarModule } from '@angular/material/toolbar';
 import { BrowserModule } from '@angular/platform-browser';
-
-import { AppRoutingModule } from './app-routing.module';
-import { AppComponent } from './app.component';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
 import { MarkdownModule } from 'ngx-markdown';
-import { HttpClientModule } from '@angular/common/http';
-import { MatToolbarModule } from '@angular/material/toolbar';
-import { MatButtonModule } from '@angular/material/button';
+import { AppRoutingModule } from './app-routing.module';
+import { AppComponent } from './app.component';
 import { GettingStartedComponent } from './getting-started/getting-started.component';
 
 @NgModule({
diff --git a/projects/angular-intl-demo/src/app/pipes/language/language.component.ts b/projects/angular-intl-demo/src/app/pipes/language/language.component.ts
@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
-import { languages } from '../../languages';
 import { IntlLanguagePipeOptions } from '../../../../../angular-ecmascript-intl/src/lib/language/intl-language.pipe';
+import { languages } from '../../languages';
 
 @Component({
   selector: 'app-language',
diff --git a/projects/angular-intl-demo/src/app/pipes/list/list.component.ts b/projects/angular-intl-demo/src/app/pipes/list/list.component.ts
@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
+import { IntlListPipeOptions } from 'projects/angular-ecmascript-intl/src/lib/list/intl-list.pipe';
 import { languages } from '../../languages';
 import { list } from './list';
-import { IntlListPipeOptions } from 'projects/angular-ecmascript-intl/src/lib/list/intl-list.pipe';
 
 @Component({
   selector: 'app-list',
diff --git a/projects/angular-intl-demo/src/app/pipes/pipes-routing.module.ts b/projects/angular-intl-demo/src/app/pipes/pipes-routing.module.ts
@@ -1,15 +1,15 @@
-import { RouterModule, Routes } from '@angular/router';
-import { PipesComponent } from './pipes.component';
 import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { CountryComponent } from './country/country.component';
+import { CurrencyComponent } from './currency/currency.component';
 import { DateComponent } from './date/date.component';
 import { DecimalComponent } from './decimal/decimal.component';
-import { PercentComponent } from './percent/percent.component';
-import { CurrencyComponent } from './currency/currency.component';
 import { LanguageComponent } from './language/language.component';
-import { CountryComponent } from './country/country.component';
-import { UnitComponent } from './unit/unit.component';
 import { ListComponent } from './list/list.component';
+import { PercentComponent } from './percent/percent.component';
+import { PipesComponent } from './pipes.component';
 import { RelativeTimeComponent } from './relative-time/relative-time.component';
+import { UnitComponent } from './unit/unit.component';
 
 const routes: Routes = [
   {
diff --git a/projects/angular-intl-demo/src/app/pipes/pipes.module.ts b/projects/angular-intl-demo/src/app/pipes/pipes.module.ts
@@ -1,23 +1,23 @@
-import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { DateComponent } from './date/date.component';
-import { LanguageComponent } from './language/language.component';
-import { DecimalComponent } from './decimal/decimal.component';
-import { PercentComponent } from './percent/percent.component';
-import { CurrencyComponent } from './currency/currency.component';
-import { PipesComponent } from './pipes.component';
-import { MatTabsModule } from '@angular/material/tabs';
-import { IntlModule } from 'projects/angular-ecmascript-intl/src/lib/intl.module';
-import { MatSelectModule } from '@angular/material/select';
+import { NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
 import { MatInputModule } from '@angular/material/input';
-import { PipesRoutingModule } from './pipes-routing.module';
+import { MatSelectModule } from '@angular/material/select';
+import { MatTabsModule } from '@angular/material/tabs';
+import { IntlModule } from 'projects/angular-ecmascript-intl/src/lib/intl.module';
 import { CountryComponent } from './country/country.component';
-import { UnitComponent } from './unit/unit.component';
+import { CurrencyComponent } from './currency/currency.component';
+import { DateComponent } from './date/date.component';
+import { DecimalComponent } from './decimal/decimal.component';
+import { LanguageComponent } from './language/language.component';
 import { ListComponent } from './list/list.component';
+import { PercentComponent } from './percent/percent.component';
+import { PipesRoutingModule } from './pipes-routing.module';
+import { PipesComponent } from './pipes.component';
 import { RelativeTimeComponent } from './relative-time/relative-time.component';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
+import { UnitComponent } from './unit/unit.component';
 
 @NgModule({
   declarations: [
diff --git a/projects/angular-intl-demo/src/main.ts b/projects/angular-intl-demo/src/main.ts
@@ -1,5 +1,4 @@
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-
 import { AppModule } from './app/app.module';
 
 platformBrowserDynamic()
