Skip to content

Commit acf67cb

Browse files
hoebbelsBhoebbelsB
authored
chore: move to es2022
chore: move to es2022 This PR aligns our tsconfig setups to set the target of es2022 for all projects, as angular itself is using es2022 (https://angular.dev/tools/libraries/angular-package-format#es2022-language-level)
2 parents 08da988 + ef71a56 commit acf67cb

File tree

28 files changed

+110
-291
lines changed

28 files changed

+110
-291
lines changed

‎apps/demos/src/app/app-component/app-control-panel/app-control-panel.component.ts

Lines changed: 0 additions & 91 deletions
This file was deleted.

‎apps/demos/src/app/app-component/app-control-panel/app-control-panel.module.ts

Lines changed: 0 additions & 36 deletions
This file was deleted.

‎apps/demos/src/app/app-component/app-control-panel/index.ts

Lines changed: 0 additions & 2 deletions
This file was deleted.

‎apps/demos/src/app/features/concepts/coalescing/strategies/index.ts

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎apps/demos/src/app/features/experiments/structural-directives/rx-let-poc/rx-let-poc.component.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -76,6 +76,7 @@ import { RxStrategyProvider } from '@rx-angular/cdk/render-strategies';
7676
</div>
7777
</rxa-visualizer>
7878
`,
79+
standalone: false,
7980
changeDetection: ChangeDetectionStrategy.Default,
8081
host: {
8182
class: 'm-1 p-1',

‎apps/demos/src/app/features/experiments/structural-directives/rx-let-poc/rx-query-children.component.ts

Lines changed: 26 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,9 @@
1-
import { ChangeDetectionStrategy, Component, ElementRef, ViewChild } from '@angular/core';
1+
import {
2+
ChangeDetectionStrategy,
3+
Component,
4+
ElementRef,
5+
ViewChild,
6+
} from '@angular/core';
27
import { Subject } from 'rxjs';
38
import { distinctUntilChanged, map, shareReplay, tap } from 'rxjs/operators';
49
import { RxStrategyProvider } from '@rx-angular/cdk/render-strategies';
@@ -8,21 +13,28 @@ import { RxStrategyProvider } from '@rx-angular/cdk/render-strategies';
813
template: `
914
<rxa-visualizer>
1015
<div visualizerHeader>
11-
<rxa-strategy-select (strategyChange)="strategyProvider.primaryStrategy = $event">
16+
<rxa-strategy-select
17+
(strategyChange)="strategyProvider.primaryStrategy = $event"
18+
>
1219
</rxa-strategy-select>
13-
<button mat-raised-button [unpatch] (click)="updateValue.next()">Toggle ViewChild</button>
20+
<button mat-raised-button [unpatch] (click)="updateValue.next()">
21+
Toggle ViewChild
22+
</button>
1423
</div>
1524
<div class="row">
1625
<div class="col-6">
1726
<rxa-rx-query-content [value]="viewChildState$">
1827
<div class="test">
19-
<div #viewChild
20-
rxaContentTest
21-
*rxLetTriggered="viewChildState$; let v"
22-
class="view-child w-100 border-danger">{{ v }}</div>
28+
<div
29+
#viewChild
30+
rxaContentTest
31+
*rxLetTriggered="viewChildState$; let v"
32+
class="view-child w-100 border-danger"
33+
>
34+
{{ v }}
35+
</div>
2336
</div>
2437
</rxa-rx-query-content>
25-
2638
</div>
2739
</div>
2840
</rxa-visualizer>
@@ -32,27 +44,24 @@ import { RxStrategyProvider } from '@rx-angular/cdk/render-strategies';
3244
.view-child {
3345
height: 250px;
3446
}
35-
`
47+
`,
3648
],
37-
changeDetection: ChangeDetectionStrategy.OnPush
49+
changeDetection: ChangeDetectionStrategy.OnPush,
50+
standalone: false,
3851
})
3952
export class RxQueryChildrenComponent {
40-
4153
@ViewChild('viewChild') viewChild: ElementRef<HTMLElement>;
4254

43-
updateValue = new Subject();
55+
updateValue = new Subject<void>();
4456
viewChildState$ = this.updateValue.pipe(
4557
map(() => this.i++),
4658
distinctUntilChanged(),
4759
// the query child is undefined here because the parent never detects changes
4860
tap(() => setTimeout(() => console.log(this.viewChild), 200)),
49-
shareReplay({ bufferSize: 1, refCount: true })
61+
shareReplay({ bufferSize: 1, refCount: true }),
5062
);
5163

5264
private i = 0;
5365

54-
constructor(
55-
public strategyProvider: RxStrategyProvider,
56-
) { }
57-
66+
constructor(public strategyProvider: RxStrategyProvider) {}
5867
}

‎apps/demos/src/app/features/experiments/structural-directives/rx-let-poc/rx-query-content.component.ts

Lines changed: 18 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,39 +1,43 @@
1-
import { ChangeDetectionStrategy, Component, ContentChild, Directive, Input, OnInit } from '@angular/core';
1+
import {
2+
ChangeDetectionStrategy,
3+
Component,
4+
ContentChild,
5+
Directive,
6+
Input,
7+
OnInit,
8+
} from '@angular/core';
29
import { Observable } from 'rxjs';
310
import { RxStrategyProvider } from '@rx-angular/cdk/render-strategies';
411
import { RxEffects } from '@rx-angular/state/effects';
512

613
@Directive({
7-
selector: '[rxaContentTest]'
14+
selector: '[rxaContentTest]',
15+
standalone: false,
816
})
9-
export class RxQueryContentTestDirective {
10-
}
17+
export class RxQueryContentTestDirective {}
1118

1219
@Component({
1320
selector: 'rxa-rx-query-content',
14-
template: `
15-
<ng-content select="rxaContentTest"></ng-content>
16-
`,
21+
template: ` <ng-content select="rxaContentTest"></ng-content> `,
1722
styles: [],
1823
changeDetection: ChangeDetectionStrategy.OnPush,
19-
providers: [RxEffects]
24+
providers: [RxEffects],
25+
standalone: false,
2026
})
2127
export class RxQueryContentComponent implements OnInit {
22-
23-
@ContentChild(RxQueryContentTestDirective) contentChild: RxQueryContentTestDirective;
28+
@ContentChild(RxQueryContentTestDirective)
29+
contentChild: RxQueryContentTestDirective;
2430

2531
@Input() value: Observable<any>;
2632

2733
constructor(
2834
public strategyProvider: RxStrategyProvider,
29-
private effects: RxEffects
30-
) {
31-
}
35+
private effects: RxEffects,
36+
) {}
3237

3338
ngOnInit() {
3439
this.effects.register(this.value, () => {
3540
setTimeout(() => console.log(this.contentChild), 250);
3641
});
3742
}
38-
3943
}

‎apps/demos/src/app/features/experiments/structural-directives/rx-let-poc/rx-query.component.ts

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -103,14 +103,15 @@ import { delay, filter, map, mapTo, share } from 'rxjs/operators';
103103
style: 'display: block;',
104104
},
105105
providers: [],
106+
standalone: false,
106107
})
107108
export class RxQueryComponent {
108109
search$ = new Subject<string>();
109110
charactersQueryResult$: Observable<any> = query(
110111
'character',
111112
this.search$,
112113
(search: string) =>
113-
this.service.getCharacter({ name: search }).pipe(delay(200))
114+
this.service.getCharacter({ name: search }).pipe(delay(200)),
114115
);
115116

116117
loadingMap = {
@@ -119,23 +120,23 @@ export class RxQueryComponent {
119120
};
120121
status$ = this.charactersQueryResult$.pipe(
121122
map((v) => v.status),
122-
share()
123+
share(),
123124
);
124125

125126
suspenseTrg$ = this.status$.pipe(
126127
map((s) => this.loadingMap[s]),
127-
filter((v) => !!v)
128+
filter((v) => !!v),
128129
);
129130
characters$ = this.charactersQueryResult$.pipe(
130-
map((res) => res?.data?.results)
131+
map((res) => res?.data?.results),
131132
);
132133
errorTrg$ = this.charactersQueryResult$.pipe(
133134
filter((res) => res?.status === 'error'),
134-
mapTo(true)
135+
mapTo(true),
135136
);
136137

137138
constructor(
138139
public strategyProvider: RxStrategyProvider,
139-
public service: RickAndMortyService
140+
public service: RickAndMortyService,
140141
) {}
141142
}

‎apps/demos/src/app/rx-angular-pocs/cdk/utils/rxjs/operators/queueWith.ts

Lines changed: 0 additions & 15 deletions
This file was deleted.

‎apps/demos/src/app/shared/debug-helper/cd-env/cd-env/cd-env.component.ts

Lines changed: 12 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -4,24 +4,22 @@ import { CdHelper } from '../../../utils/cd-helper';
44

55
@Component({
66
selector: 'rxa-cd-env',
7-
template: `
8-
<rxa-visualizer>
9-
<ng-container visualizerHeader>
10-
<h3>{{changeDetection}}</h3>
11-
<rxa-cd-trigger [cdHelper]="cdHelper"></rxa-cd-trigger>
12-
<ng-content select="[cdDefaultHeader]"></ng-content>
13-
</ng-container>
14-
<ng-content></ng-content>
15-
16-
</rxa-visualizer>`,
7+
template: ` <rxa-visualizer>
8+
<ng-container visualizerHeader>
9+
<h3>{{ changeDetection }}</h3>
10+
<rxa-cd-trigger [cdHelper]="cdHelper"></rxa-cd-trigger>
11+
<ng-content select="[cdDefaultHeader]"></ng-content>
12+
</ng-container>
13+
<ng-content></ng-content>
14+
</rxa-visualizer>`,
15+
standalone: false,
1716
host: {
18-
class: 'd-block w-100'
17+
class: 'd-block w-100',
1918
},
2019
changeDetection: environment.changeDetection,
21-
providers: [CdHelper]
20+
providers: [CdHelper],
2221
})
2322
export class CdEnvComponent {
2423
changeDetection = environment.changeDetection;
25-
constructor(public cdHelper: CdHelper) {
26-
}
24+
constructor(public cdHelper: CdHelper) {}
2725
}

0 commit comments

Comments
 (0)