?
-
`,
- changeDetection: ChangeDetectionStrategy.OnPush,
imports: [ShortDatePipe],
})
export class InformationPageComponent {
- @Input() title: string;
- @Input() lastUpdated: string;
+ title: InputSignal{{ title }}
+{{ title() }}
- @if (lastUpdated) { -Last updated: {{ lastUpdated }}
+ @if (lastUpdated()) { +Last updated: {{ lastUpdated() }}
}
@@ -17,10 +17,9 @@ import { ShortDatePipe } from '../../pipes/date-fns.pipe';
{{ headerText }}
+{{ headerText() }}
- {{ itemDetail.name }} + {{ itemDetail().name }}
-ID: {{ itemDetail.id }}
+ ID: {{ itemDetail().id }}
@@ -14,13 +14,13 @@
[width]="160"
[height]="160"
[priority]="true"
- [alt]="itemDetail.name + ' icon'"
+ [alt]="itemDetail().name + ' icon'"
/>
[width]="160"
[height]="160"
[priority]="true"
- [alt]="itemDetail.name + ' icon'"
+ [alt]="itemDetail().name + ' icon'"
/>
Examine:
- {{ itemDetail.examine }}
+ {{ itemDetail().examine }}
@@ -29,17 +29,17 @@ Values
Value
- {{ itemDetail.value | number }}&ngsp;gp
+ {{ itemDetail().value | number }}&ngsp;gp
High alc
- {{ itemDetail.highalch | number }}&ngsp;gp
+ {{ itemDetail().highalch | number }}&ngsp;gp
Low alc
- {{ itemDetail.lowalch | number }}&ngsp;gp
+ {{ itemDetail().lowalch | number }}&ngsp;gp
@@ -54,9 +54,9 @@
The price of the latest instant buy.
- {{ latestPrices.high | number }}&ngsp;gp
+ {{ latestPrices().high | number }}&ngsp;gp
- Last trade was {{ latestPrices.highTime | timeAgo }}.
+ Last trade was {{ latestPrices().highTime | timeAgo }}.
@@ -65,9 +65,9 @@
The price of the latest instant sell.
- {{ latestPrices.low | number }}&ngsp;gp
+ {{ latestPrices().low | number }}&ngsp;gp
- Last trade was {{ latestPrices.lowTime | timeAgo }}.
+ Last trade was {{ latestPrices().lowTime | timeAgo }}.
@@ -75,7 +75,7 @@
Daily volume
The number of times the item has been traded within the last 24 hours.
- {{ dailyVolume | number }}
+ {{ dailyVolume() | number }}
@@ -83,7 +83,7 @@
Limit
The amount of times the item can be bought every 4 hours.
- {{ itemDetail.limit | number }}
+ {{ itemDetail().limit | number }}
Examine:
-{{ itemDetail.examine }}
+{{ itemDetail().examine }}
Values
Value
-{{ itemDetail.value | number }}&ngsp;gp
+ {{ itemDetail().value | number }}&ngsp;gp
High alc
-{{ itemDetail.highalch | number }}&ngsp;gp
+ {{ itemDetail().highalch | number }}&ngsp;gp
Low alc
-{{ itemDetail.lowalch | number }}&ngsp;gp
+ {{ itemDetail().lowalch | number }}&ngsp;gp
The price of the latest instant sell.
- {{ latestPrices.low | number }}&ngsp;gp
+ {{ latestPrices().low | number }}&ngsp;gp
-
Daily volume
The number of times the item has been traded within the last 24 hours.
- {{ dailyVolume | number }}
+ {{ dailyVolume() | number }}
Limit
The amount of times the item can be bought every 4 hours.
- {{ itemDetail.limit | number }}
+ {{ itemDetail().limit | number }}
- ![]()
- ![]()
+
{{ recentItem.name }}
+{{ recentItem().name }}
@if (loading()) {
@@ -39,14 +30,13 @@ import { RecentItem } from '../price-tracker-storage.service';
`,
- changeDetection: ChangeDetectionStrategy.OnPush,
imports: [IconDirective, ColoredValueComponent, SpinnerComponent],
})
export class ItemWidgetComponent implements OnInit {
loading: WritableSignal{{ playerDetail.username | capitalizeWords }}
+{{ playerDetail().username | capitalizeWords }}
- @if (playerDetail.type !== PlayerType.Normal) {
+ @if (playerDetail().type !== PlayerType.Normal) {
![]()
}
- @if (playerDetail.diedAsHardcore) {
+ @if (playerDetail().diedAsHardcore) {
![]()
}
@@ -21,40 +21,40 @@ {{ playerDetail.us
Username:
Combat level:
Mode:
- @if (playerDetail.type === PlayerType.Hardcore) {
+ @if (playerDetail().type === PlayerType.Hardcore) {
Hardcore status:
}
@if (
- playerDetail.type !== PlayerType.Normal &&
- (playerDetail.diedAsHardcore || playerDetail.status !== PlayerStatus.Default)
+ playerDetail().type !== PlayerType.Normal &&
+ (playerDetail().diedAsHardcore || playerDetail().status !== PlayerStatus.Default)
) {
Ironman status:
}
- @if (playerDetail.type !== PlayerType.Normal) {
+ @if (playerDetail().type !== PlayerType.Normal) {
Last checked:
}
- {{ playerDetail.username | capitalizeWords }}
- {{ playerDetail.combatLevel }}
- {{ playerDetail.type }}
- @if (playerDetail.type === PlayerType.Hardcore) {
+ {{ playerDetail().username | capitalizeWords }}
+ {{ playerDetail().combatLevel }}
+ {{ playerDetail().type }}
+ @if (playerDetail().type === PlayerType.Hardcore) {
- @if (playerDetail.diedAsHardcore) {
+ @if (playerDetail().diedAsHardcore) {
dead
} @else {
alive
}
}
- @if (playerDetail.diedAsHardcore) {
- {{ playerDetail.status }}
+ @if (playerDetail().diedAsHardcore) {
+ {{ playerDetail().status }}
}
- @if (playerDetail.type !== PlayerType.Normal && playerDetail.status !== PlayerStatus.Default) {
- {{ playerDetail.status }}
+ @if (playerDetail().type !== PlayerType.Normal && playerDetail().status !== PlayerStatus.Default) {
+ {{ playerDetail().status }}
}
- @if (playerDetail.type !== PlayerType.Normal) {
- {{ playerDetail.lastModified | date: 'MMMM dd, HH:mm' }}
+ @if (playerDetail().type !== PlayerType.Normal) {
+ {{ playerDetail().lastModified | date: 'MMMM dd, HH:mm' }}
}
diff --git a/src/app/features/trackers/xp-tracker/player-detail/player-detail-widget/player-detail-widget.component.ts b/src/app/features/trackers/xp-tracker/player-detail/player-detail-widget/player-detail-widget.component.ts
index 003e284..49686c8 100644
--- a/src/app/features/trackers/xp-tracker/player-detail/player-detail-widget/player-detail-widget.component.ts
+++ b/src/app/features/trackers/xp-tracker/player-detail/player-detail-widget/player-detail-widget.component.ts
@@ -1,5 +1,5 @@
import { DatePipe } from '@angular/common';
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { Component, Input, InputSignal, input } from '@angular/core';
import { Hiscore } from '@osrs-tracker/hiscores';
import { Player, PlayerStatus, PlayerType } from '@osrs-tracker/models';
import { IconDirective } from 'src/app/common/directives/icon/icon.directive';
@@ -11,18 +11,16 @@ import { XpTrackerStorageService } from '../../xp-tracker-storage.service';
standalone: true,
selector: 'player-detail-widget',
templateUrl: './player-detail-widget.component.html',
- changeDetection: ChangeDetectionStrategy.OnPush,
imports: [CapitalizePipe, DatePipe, IconDirective],
})
export class PlayerDetailWidgetComponent {
readonly PlayerType: typeof PlayerType = PlayerType;
readonly PlayerStatus: typeof PlayerStatus = PlayerStatus;
- @Input() playerDetail: Player;
- @Input() today?: Hiscore;
+ playerDetail: InputSignal = input.required();
get isFavorite(): boolean {
- return this.xpTrackerStorageService.isFavoritePlayer(this.playerDetail.username);
+ return this.xpTrackerStorageService.isFavoritePlayer(this.playerDetail().username);
}
constructor(
@@ -31,12 +29,12 @@ export class PlayerDetailWidgetComponent {
) {}
toggleFavorite(): void {
- this.xpTrackerStorageService.toggleFavoritePlayer(this.playerDetail.username);
+ this.xpTrackerStorageService.toggleFavoritePlayer(this.playerDetail().username);
this.googlAnalyticsService.trackEvent(
'toggle_favorite_player',
'xp_tracker',
- this.playerDetail.username,
+ this.playerDetail().username,
this.isFavorite,
);
}
diff --git a/src/app/features/trackers/xp-tracker/player-detail/player-detail.component.html b/src/app/features/trackers/xp-tracker/player-detail/player-detail.component.html
index a2b5c89..17114f0 100644
--- a/src/app/features/trackers/xp-tracker/player-detail/player-detail.component.html
+++ b/src/app/features/trackers/xp-tracker/player-detail/player-detail.component.html
@@ -1,5 +1,5 @@
-
+
diff --git a/src/app/features/trackers/xp-tracker/player-detail/player-detail.component.ts b/src/app/features/trackers/xp-tracker/player-detail/player-detail.component.ts
index 7f5badd..b566126 100644
--- a/src/app/features/trackers/xp-tracker/player-detail/player-detail.component.ts
+++ b/src/app/features/trackers/xp-tracker/player-detail/player-detail.component.ts
@@ -1,14 +1,4 @@
-import {
- ChangeDetectionStrategy,
- Component,
- DestroyRef,
- Input,
- OnInit,
- Signal,
- WritableSignal,
- computed,
- signal,
-} from '@angular/core';
+import { Component, DestroyRef, Input, OnInit, Signal, WritableSignal, computed, signal } from '@angular/core';
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
import { Hiscore, parseHiscores } from '@osrs-tracker/hiscores';
import { Player } from '@osrs-tracker/models';
@@ -25,7 +15,6 @@ import { PlayerLogsComponent } from './player-logs/player-logs.component';
standalone: true,
selector: 'player-detail',
templateUrl: './player-detail.component.html',
- changeDetection: ChangeDetectionStrategy.OnPush,
imports: [PlayerSkillsWidgetComponent, PlayerDetailWidgetComponent, PlayerLogsComponent, SpinnerComponent],
})
export default class PlayerDetailComponent implements OnInit {
diff --git a/src/app/features/trackers/xp-tracker/player-detail/player-logs/player-logs.component.html b/src/app/features/trackers/xp-tracker/player-detail/player-logs/player-logs.component.html
index 2ebeb09..fb5bde3 100644
--- a/src/app/features/trackers/xp-tracker/player-detail/player-logs/player-logs.component.html
+++ b/src/app/features/trackers/xp-tracker/player-detail/player-logs/player-logs.component.html
@@ -10,7 +10,7 @@ Logs
@if (isPlayerTracked && viewType === ViewType.Skills) {
- @for (diff of hiscoreDiffs; track diff.date) {
+ @for (diff of hiscoreDiffs(); track diff.date) {
{{ diff.date | shortDate }}
@@ -61,7 +61,7 @@ {{ diff.date | shortDate }}
@if (isPlayerTracked && viewType === ViewType.Other) {
- @for (diff of hiscoreDiffs; track diff.date; let i = $index) {
+ @for (diff of hiscoreDiffs(); track diff.date; let i = $index) {
{{ diff.date | shortDate }}
diff --git a/src/app/features/trackers/xp-tracker/player-detail/player-logs/player-logs.component.ts b/src/app/features/trackers/xp-tracker/player-detail/player-logs/player-logs.component.ts
index 1cbb10c..475e8df 100644
--- a/src/app/features/trackers/xp-tracker/player-detail/player-logs/player-logs.component.ts
+++ b/src/app/features/trackers/xp-tracker/player-detail/player-logs/player-logs.component.ts
@@ -1,5 +1,5 @@
import { DecimalPipe } from '@angular/common';
-import { ChangeDetectionStrategy, Component, Input, OnChanges, SimpleChanges } from '@angular/core';
+import { Component, InputSignal, Signal, computed, input } from '@angular/core';
import { Hiscore, MiniGame, Skill, hiscoreDiff } from '@osrs-tracker/hiscores';
import { Player } from '@osrs-tracker/models';
import { CardComponent } from 'src/app/common/components/general/card.component';
@@ -17,31 +17,34 @@ export enum ViewType {
standalone: true,
selector: 'player-logs',
templateUrl: './player-logs.component.html',
- changeDetection: ChangeDetectionStrategy.OnPush,
imports: [CapitalizePipe, CardComponent, DecimalPipe, IconDirective, ShortDatePipe],
})
-export class PlayerLogsComponent implements OnChanges {
+export class PlayerLogsComponent {
readonly ViewType: typeof ViewType = ViewType;
viewType: ViewType = this.xpTrackerStorageService.getViewType();
- hiscoreDiffs: Hiscore[];
-
otherKeys: (keyof Hiscore)[] = ['bountyHunter', 'clueScrolls', 'competitive', 'miniGames', 'bosses', 'raids'];
- @Input() playerDetail: Player;
-
- @Input() today?: Hiscore;
- @Input() history?: Hiscore[];
+ playerDetail: InputSignal = input.required();
get isPlayerTracked(): boolean {
- return !!this.playerDetail.scrapingOffsets?.length;
+ return !!this.playerDetail().scrapingOffsets?.length;
}
- constructor(private xpTrackerStorageService: XpTrackerStorageService) {}
+ today: InputSignal = input();
+ history: InputSignal = input();
- ngOnChanges({ history }: SimpleChanges): void {
- if (history?.currentValue) this.calculateHiscoreDiffs();
- }
+ hiscoreDiffs: Signal = computed(() => {
+ let previousHiscore = this.today();
+
+ return this.history()!.map(hiscore => {
+ const diff = hiscoreDiff(previousHiscore!, hiscore);
+ previousHiscore = hiscore;
+ return diff;
+ });
+ });
+
+ constructor(private xpTrackerStorageService: XpTrackerStorageService) {}
skills(hiscore: Hiscore): Skill[] {
return Object.values(hiscore.skills);
@@ -67,14 +70,4 @@ export class PlayerLogsComponent implements OnChanges {
this.viewType = viewType;
this.xpTrackerStorageService.setViewType(viewType);
}
-
- private calculateHiscoreDiffs(): void {
- let previousHiscore = this.today;
-
- this.hiscoreDiffs = this.history!.map(hiscore => {
- const diff = hiscoreDiff(previousHiscore!, hiscore);
- previousHiscore = hiscore;
- return diff;
- });
- }
}
diff --git a/src/app/features/trackers/xp-tracker/player-widget/player-widget.component.ts b/src/app/features/trackers/xp-tracker/player-widget/player-widget.component.ts
index 2f7afd3..0fb9e94 100644
--- a/src/app/features/trackers/xp-tracker/player-widget/player-widget.component.ts
+++ b/src/app/features/trackers/xp-tracker/player-widget/player-widget.component.ts
@@ -1,14 +1,6 @@
import { DecimalPipe } from '@angular/common';
import { HttpErrorResponse } from '@angular/common/http';
-import {
- ChangeDetectionStrategy,
- ChangeDetectorRef,
- Component,
- Input,
- OnChanges,
- WritableSignal,
- signal,
-} from '@angular/core';
+import { ChangeDetectorRef, Component, InputSignal, OnChanges, WritableSignal, input, signal } from '@angular/core';
import { SkillEnum, getOverallXpDiff } from '@osrs-tracker/hiscores';
import { Player, PlayerStatus, PlayerType } from '@osrs-tracker/models';
import { EMPTY, catchError, forkJoin } from 'rxjs';
@@ -31,7 +23,7 @@ import { XpTrackerStorageService } from '../xp-tracker-storage.service';
"
>
- {{ username | capitalizeWords }}
+ {{ username() | capitalizeWords }}
@if (playerDetails()) {
@if (playerDetails()!.type !== PlayerType.Normal) {
@@ -63,7 +55,6 @@ import { XpTrackerStorageService } from '../xp-tracker-storage.service';
`,
- changeDetection: ChangeDetectionStrategy.OnPush,
imports: [CapitalizePipe, DecimalPipe, IconDirective, SpinnerComponent],
})
export class PlayerWidgetComponent implements OnChanges {
@@ -76,8 +67,8 @@ export class PlayerWidgetComponent implements OnChanges {
playerDetails: WritableSignal = signal(null);
overallDiff: WritableSignal = signal(null);
- @Input() username: string;
- @Input() scrapingOffset: number;
+ username: InputSignal = input.required();
+ scrapingOffset: InputSignal = input.required();
constructor(
private changeDetectorRef: ChangeDetectorRef,
@@ -91,8 +82,8 @@ export class PlayerWidgetComponent implements OnChanges {
this.loading.set(true);
forkJoin([
- this.osrsProxyRepo.getPlayerHiscore(this.username, this.scrapingOffset),
- this.osrsTrackerRepo.getPlayerInfo(this.username, this.scrapingOffset, { includeLatestHiscoreEntry: true }),
+ this.osrsProxyRepo.getPlayerHiscore(this.username(), this.scrapingOffset()),
+ this.osrsTrackerRepo.getPlayerInfo(this.username(), this.scrapingOffset(), { includeLatestHiscoreEntry: true }),
])
.pipe(
catchError(err => {
@@ -114,15 +105,15 @@ export class PlayerWidgetComponent implements OnChanges {
}
private removeMissingPlayer(): void {
- if (this.xpTrackerStorageService.getRecentPlayers().includes(this.username)) {
- this.xpTrackerStorageService.removeRecentPlayer(this.username);
+ if (this.xpTrackerStorageService.getRecentPlayers().includes(this.username())) {
+ this.xpTrackerStorageService.removeRecentPlayer(this.username());
}
- if (this.xpTrackerStorageService.getFavoritePlayers().includes(this.username)) {
- this.xpTrackerStorageService.toggleFavoritePlayer(this.username);
+ if (this.xpTrackerStorageService.getFavoritePlayers().includes(this.username())) {
+ this.xpTrackerStorageService.toggleFavoritePlayer(this.username());
}
- this.googlAnalyticsService.trackEvent('remove-missing-player', 'xp-tracker', this.username, true);
+ this.googlAnalyticsService.trackEvent('remove-missing-player', 'xp-tracker', this.username(), true);
this.changeDetectorRef.markForCheck();
}
diff --git a/src/app/features/trackers/xp-tracker/xp-tracker.component.ts b/src/app/features/trackers/xp-tracker/xp-tracker.component.ts
index 5180dfb..3e8874d 100644
--- a/src/app/features/trackers/xp-tracker/xp-tracker.component.ts
+++ b/src/app/features/trackers/xp-tracker/xp-tracker.component.ts
@@ -1,5 +1,5 @@
import { DecimalPipe } from '@angular/common';
-import { ChangeDetectionStrategy, Component, WritableSignal, effect, signal } from '@angular/core';
+import { Component, WritableSignal, effect, signal } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { RouterLink } from '@angular/router';
import { InfoTooltipComponent } from 'src/app/common/components/general/tooltip/info-tooltip.component';
@@ -12,7 +12,6 @@ import { XpTrackerStorageService } from './xp-tracker-storage.service';
standalone: true,
selector: 'xp-tracker',
templateUrl: './xp-tracker.component.html',
- changeDetection: ChangeDetectionStrategy.OnPush,
imports: [
DecimalPipe,
FormsModule,
diff --git a/src/main.ts b/src/main.ts
index 20e0774..af3d0dd 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,5 +1,5 @@
import { provideHttpClient, withFetch, withInterceptors } from '@angular/common/http';
-import { APP_INITIALIZER, ErrorHandler, isDevMode, provideZoneChangeDetection } from '@angular/core';
+import { APP_INITIALIZER, ErrorHandler, isDevMode, provideExperimentalZonelessChangeDetection } from '@angular/core';
import { bootstrapApplication } from '@angular/platform-browser';
import { provideRouter, withComponentInputBinding, withInMemoryScrolling } from '@angular/router';
import { SwUpdate, provideServiceWorker } from '@angular/service-worker';
@@ -27,7 +27,7 @@ bootstrapApplication(AppComponent, {
enabled: !isDevMode(),
registrationStrategy: 'registerWhenStable:3000',
}),
- provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
+ provideExperimentalZonelessChangeDetection(),
{ provide: ErrorHandler, useClass: CustomErrorHandler },
diff --git a/src/sitemap-items.xml b/src/sitemap-items.xml
index b830a47..71f92c0 100644
--- a/src/sitemap-items.xml
+++ b/src/sitemap-items.xml
@@ -16544,4 +16544,16 @@
https://osrs-tracker.freekmencke.com/trackers/price/29424
0.7
+
+ https://osrs-tracker.freekmencke.com/trackers/price/29449
+ 0.7
+
+
+ https://osrs-tracker.freekmencke.com/trackers/price/29455
+ 0.7
+
+
+ https://osrs-tracker.freekmencke.com/trackers/price/29458
+ 0.7
+
\ No newline at end of file
diff --git a/src/sitemap-site.xml b/src/sitemap-site.xml
index c0c2996..f62838d 100644
--- a/src/sitemap-site.xml
+++ b/src/sitemap-site.xml
@@ -8,12 +8,12 @@
https://osrs-tracker.freekmencke.com/trackers/price
- 0.9
+ 1.0
2023-08-30
https://osrs-tracker.freekmencke.com/trackers/xp
- 0.9
+ 1.0
2023-08-30
diff --git a/src/sitemap.xml b/src/sitemap.xml
index 0c38482..ed89aac 100644
--- a/src/sitemap.xml
+++ b/src/sitemap.xml
@@ -2,10 +2,10 @@
https://osrs-tracker.freekmencke.com/sitemap-site.xml
- 2023-11-26T14:36:03.996Z
+ 2024-05-23T17:25:30.787Z
https://osrs-tracker.freekmencke.com/sitemap-items.xml
- 2024-04-06T17:46:24.912Z
+ 2024-05-23T17:24:04.567Z
\ No newline at end of file
diff --git a/src/styles/tailwind/base.scss b/src/styles/tailwind/base.scss
index 4093c55..cbac3e2 100644
--- a/src/styles/tailwind/base.scss
+++ b/src/styles/tailwind/base.scss
@@ -1,11 +1,11 @@
@layer base {
body::-webkit-scrollbar,
.scroll-bar::-webkit-scrollbar {
- @apply dark:w-4;
+ @apply w-3.5;
}
body::-webkit-scrollbar-thumb,
.scroll-bar::-webkit-scrollbar-thumb {
- @apply rounded-lg border-4 border-solid border-transparent bg-clip-content bg-slate-600;
+ @apply rounded-lg border-4 border-solid border-transparent bg-clip-content dark:bg-slate-600 bg-slate-800;
}
@font-face {
diff --git a/tsconfig.json b/tsconfig.json
index dc00ad6..9c018ad 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -4,9 +4,9 @@
"baseUrl": "./",
"outDir": "./dist/out-tsc",
"forceConsistentCasingInFileNames": true,
+ "esModuleInterop": true,
"strict": true,
"strictPropertyInitialization": false,
- "allowSyntheticDefaultImports": true,
"noImplicitOverride": true,
"noPropertyAccessFromIndexSignature": true,
"noImplicitReturns": true,
{{ playerDetail.username | capitalizeWords }}
- {{ playerDetail.combatLevel }}
- {{ playerDetail.type }}
- @if (playerDetail.type === PlayerType.Hardcore) {
+ {{ playerDetail().username | capitalizeWords }}
+ {{ playerDetail().combatLevel }}
+ {{ playerDetail().type }}
+ @if (playerDetail().type === PlayerType.Hardcore) {
- @if (playerDetail.diedAsHardcore) {
+ @if (playerDetail().diedAsHardcore) {
dead
} @else {
alive
}
}
- @if (playerDetail.diedAsHardcore) {
- {{ playerDetail.status }}
+ @if (playerDetail().diedAsHardcore) {
+ {{ playerDetail().status }}
}
- @if (playerDetail.type !== PlayerType.Normal && playerDetail.status !== PlayerStatus.Default) {
- {{ playerDetail.status }}
+ @if (playerDetail().type !== PlayerType.Normal && playerDetail().status !== PlayerStatus.Default) {
+ {{ playerDetail().status }}
}
- @if (playerDetail.type !== PlayerType.Normal) {
- {{ playerDetail.lastModified | date: 'MMMM dd, HH:mm' }}
+ @if (playerDetail().type !== PlayerType.Normal) {
+ {{ playerDetail().lastModified | date: 'MMMM dd, HH:mm' }}
}
-
+
diff --git a/src/app/features/trackers/xp-tracker/player-detail/player-detail.component.ts b/src/app/features/trackers/xp-tracker/player-detail/player-detail.component.ts
index 7f5badd..b566126 100644
--- a/src/app/features/trackers/xp-tracker/player-detail/player-detail.component.ts
+++ b/src/app/features/trackers/xp-tracker/player-detail/player-detail.component.ts
@@ -1,14 +1,4 @@
-import {
- ChangeDetectionStrategy,
- Component,
- DestroyRef,
- Input,
- OnInit,
- Signal,
- WritableSignal,
- computed,
- signal,
-} from '@angular/core';
+import { Component, DestroyRef, Input, OnInit, Signal, WritableSignal, computed, signal } from '@angular/core';
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
import { Hiscore, parseHiscores } from '@osrs-tracker/hiscores';
import { Player } from '@osrs-tracker/models';
@@ -25,7 +15,6 @@ import { PlayerLogsComponent } from './player-logs/player-logs.component';
standalone: true,
selector: 'player-detail',
templateUrl: './player-detail.component.html',
- changeDetection: ChangeDetectionStrategy.OnPush,
imports: [PlayerSkillsWidgetComponent, PlayerDetailWidgetComponent, PlayerLogsComponent, SpinnerComponent],
})
export default class PlayerDetailComponent implements OnInit {
diff --git a/src/app/features/trackers/xp-tracker/player-detail/player-logs/player-logs.component.html b/src/app/features/trackers/xp-tracker/player-detail/player-logs/player-logs.component.html
index 2ebeb09..fb5bde3 100644
--- a/src/app/features/trackers/xp-tracker/player-detail/player-logs/player-logs.component.html
+++ b/src/app/features/trackers/xp-tracker/player-detail/player-logs/player-logs.component.html
@@ -10,7 +10,7 @@
= input.required();
get isPlayerTracked(): boolean {
- return !!this.playerDetail.scrapingOffsets?.length;
+ return !!this.playerDetail().scrapingOffsets?.length;
}
- constructor(private xpTrackerStorageService: XpTrackerStorageService) {}
+ today: InputSignal = input();
+ history: InputSignal = input();
- ngOnChanges({ history }: SimpleChanges): void {
- if (history?.currentValue) this.calculateHiscoreDiffs();
- }
+ hiscoreDiffs: Signal = computed(() => {
+ let previousHiscore = this.today();
+
+ return this.history()!.map(hiscore => {
+ const diff = hiscoreDiff(previousHiscore!, hiscore);
+ previousHiscore = hiscore;
+ return diff;
+ });
+ });
+
+ constructor(private xpTrackerStorageService: XpTrackerStorageService) {}
skills(hiscore: Hiscore): Skill[] {
return Object.values(hiscore.skills);
@@ -67,14 +70,4 @@ export class PlayerLogsComponent implements OnChanges {
this.viewType = viewType;
this.xpTrackerStorageService.setViewType(viewType);
}
-
- private calculateHiscoreDiffs(): void {
- let previousHiscore = this.today;
-
- this.hiscoreDiffs = this.history!.map(hiscore => {
- const diff = hiscoreDiff(previousHiscore!, hiscore);
- previousHiscore = hiscore;
- return diff;
- });
- }
}
diff --git a/src/app/features/trackers/xp-tracker/player-widget/player-widget.component.ts b/src/app/features/trackers/xp-tracker/player-widget/player-widget.component.ts
index 2f7afd3..0fb9e94 100644
--- a/src/app/features/trackers/xp-tracker/player-widget/player-widget.component.ts
+++ b/src/app/features/trackers/xp-tracker/player-widget/player-widget.component.ts
@@ -1,14 +1,6 @@
import { DecimalPipe } from '@angular/common';
import { HttpErrorResponse } from '@angular/common/http';
-import {
- ChangeDetectionStrategy,
- ChangeDetectorRef,
- Component,
- Input,
- OnChanges,
- WritableSignal,
- signal,
-} from '@angular/core';
+import { ChangeDetectorRef, Component, InputSignal, OnChanges, WritableSignal, input, signal } from '@angular/core';
import { SkillEnum, getOverallXpDiff } from '@osrs-tracker/hiscores';
import { Player, PlayerStatus, PlayerType } from '@osrs-tracker/models';
import { EMPTY, catchError, forkJoin } from 'rxjs';
@@ -31,7 +23,7 @@ import { XpTrackerStorageService } from '../xp-tracker-storage.service';
"
>
Logs
@if (isPlayerTracked && viewType === ViewType.Skills) { - @for (diff of hiscoreDiffs; track diff.date) { + @for (diff of hiscoreDiffs(); track diff.date) {{{ diff.date | shortDate }}
@@ -61,7 +61,7 @@{{ diff.date | shortDate }}
@if (isPlayerTracked && viewType === ViewType.Other) { - @for (diff of hiscoreDiffs; track diff.date; let i = $index) { + @for (diff of hiscoreDiffs(); track diff.date; let i = $index) {{{ diff.date | shortDate }}
diff --git a/src/app/features/trackers/xp-tracker/player-detail/player-logs/player-logs.component.ts b/src/app/features/trackers/xp-tracker/player-detail/player-logs/player-logs.component.ts index 1cbb10c..475e8df 100644 --- a/src/app/features/trackers/xp-tracker/player-detail/player-logs/player-logs.component.ts +++ b/src/app/features/trackers/xp-tracker/player-detail/player-logs/player-logs.component.ts @@ -1,5 +1,5 @@ import { DecimalPipe } from '@angular/common'; -import { ChangeDetectionStrategy, Component, Input, OnChanges, SimpleChanges } from '@angular/core'; +import { Component, InputSignal, Signal, computed, input } from '@angular/core'; import { Hiscore, MiniGame, Skill, hiscoreDiff } from '@osrs-tracker/hiscores'; import { Player } from '@osrs-tracker/models'; import { CardComponent } from 'src/app/common/components/general/card.component'; @@ -17,31 +17,34 @@ export enum ViewType { standalone: true, selector: 'player-logs', templateUrl: './player-logs.component.html', - changeDetection: ChangeDetectionStrategy.OnPush, imports: [CapitalizePipe, CardComponent, DecimalPipe, IconDirective, ShortDatePipe], }) -export class PlayerLogsComponent implements OnChanges { +export class PlayerLogsComponent { readonly ViewType: typeof ViewType = ViewType; viewType: ViewType = this.xpTrackerStorageService.getViewType(); - hiscoreDiffs: Hiscore[]; - otherKeys: (keyof Hiscore)[] = ['bountyHunter', 'clueScrolls', 'competitive', 'miniGames', 'bosses', 'raids']; - @Input() playerDetail: Player; - - @Input() today?: Hiscore; - @Input() history?: Hiscore[]; + playerDetail: InputSignal
- = signal(null);
overallDiff: WritableSignal = signal(null);
- @Input() username: string;
- @Input() scrapingOffset: number;
+ username: InputSignal = input.required();
+ scrapingOffset: InputSignal = input.required();
constructor(
private changeDetectorRef: ChangeDetectorRef,
@@ -91,8 +82,8 @@ export class PlayerWidgetComponent implements OnChanges {
this.loading.set(true);
forkJoin([
- this.osrsProxyRepo.getPlayerHiscore(this.username, this.scrapingOffset),
- this.osrsTrackerRepo.getPlayerInfo(this.username, this.scrapingOffset, { includeLatestHiscoreEntry: true }),
+ this.osrsProxyRepo.getPlayerHiscore(this.username(), this.scrapingOffset()),
+ this.osrsTrackerRepo.getPlayerInfo(this.username(), this.scrapingOffset(), { includeLatestHiscoreEntry: true }),
])
.pipe(
catchError(err => {
@@ -114,15 +105,15 @@ export class PlayerWidgetComponent implements OnChanges {
}
private removeMissingPlayer(): void {
- if (this.xpTrackerStorageService.getRecentPlayers().includes(this.username)) {
- this.xpTrackerStorageService.removeRecentPlayer(this.username);
+ if (this.xpTrackerStorageService.getRecentPlayers().includes(this.username())) {
+ this.xpTrackerStorageService.removeRecentPlayer(this.username());
}
- if (this.xpTrackerStorageService.getFavoritePlayers().includes(this.username)) {
- this.xpTrackerStorageService.toggleFavoritePlayer(this.username);
+ if (this.xpTrackerStorageService.getFavoritePlayers().includes(this.username())) {
+ this.xpTrackerStorageService.toggleFavoritePlayer(this.username());
}
- this.googlAnalyticsService.trackEvent('remove-missing-player', 'xp-tracker', this.username, true);
+ this.googlAnalyticsService.trackEvent('remove-missing-player', 'xp-tracker', this.username(), true);
this.changeDetectorRef.markForCheck();
}
diff --git a/src/app/features/trackers/xp-tracker/xp-tracker.component.ts b/src/app/features/trackers/xp-tracker/xp-tracker.component.ts
index 5180dfb..3e8874d 100644
--- a/src/app/features/trackers/xp-tracker/xp-tracker.component.ts
+++ b/src/app/features/trackers/xp-tracker/xp-tracker.component.ts
@@ -1,5 +1,5 @@
import { DecimalPipe } from '@angular/common';
-import { ChangeDetectionStrategy, Component, WritableSignal, effect, signal } from '@angular/core';
+import { Component, WritableSignal, effect, signal } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { RouterLink } from '@angular/router';
import { InfoTooltipComponent } from 'src/app/common/components/general/tooltip/info-tooltip.component';
@@ -12,7 +12,6 @@ import { XpTrackerStorageService } from './xp-tracker-storage.service';
standalone: true,
selector: 'xp-tracker',
templateUrl: './xp-tracker.component.html',
- changeDetection: ChangeDetectionStrategy.OnPush,
imports: [
DecimalPipe,
FormsModule,
diff --git a/src/main.ts b/src/main.ts
index 20e0774..af3d0dd 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,5 +1,5 @@
import { provideHttpClient, withFetch, withInterceptors } from '@angular/common/http';
-import { APP_INITIALIZER, ErrorHandler, isDevMode, provideZoneChangeDetection } from '@angular/core';
+import { APP_INITIALIZER, ErrorHandler, isDevMode, provideExperimentalZonelessChangeDetection } from '@angular/core';
import { bootstrapApplication } from '@angular/platform-browser';
import { provideRouter, withComponentInputBinding, withInMemoryScrolling } from '@angular/router';
import { SwUpdate, provideServiceWorker } from '@angular/service-worker';
@@ -27,7 +27,7 @@ bootstrapApplication(AppComponent, {
enabled: !isDevMode(),
registrationStrategy: 'registerWhenStable:3000',
}),
- provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
+ provideExperimentalZonelessChangeDetection(),
{ provide: ErrorHandler, useClass: CustomErrorHandler },
diff --git a/src/sitemap-items.xml b/src/sitemap-items.xml
index b830a47..71f92c0 100644
--- a/src/sitemap-items.xml
+++ b/src/sitemap-items.xml
@@ -16544,4 +16544,16 @@
https://osrs-tracker.freekmencke.com/trackers/price/29424
0.7
+
+ https://osrs-tracker.freekmencke.com/trackers/price/29449
+ 0.7
+
+
+ https://osrs-tracker.freekmencke.com/trackers/price/29455
+ 0.7
+
+
+ https://osrs-tracker.freekmencke.com/trackers/price/29458
+ 0.7
+
\ No newline at end of file
diff --git a/src/sitemap-site.xml b/src/sitemap-site.xml
index c0c2996..f62838d 100644
--- a/src/sitemap-site.xml
+++ b/src/sitemap-site.xml
@@ -8,12 +8,12 @@
https://osrs-tracker.freekmencke.com/trackers/price
- 0.9
+ 1.0
2023-08-30
https://osrs-tracker.freekmencke.com/trackers/xp
- 0.9
+ 1.0
2023-08-30
diff --git a/src/sitemap.xml b/src/sitemap.xml
index 0c38482..ed89aac 100644
--- a/src/sitemap.xml
+++ b/src/sitemap.xml
@@ -2,10 +2,10 @@
https://osrs-tracker.freekmencke.com/sitemap-site.xml
- 2023-11-26T14:36:03.996Z
+ 2024-05-23T17:25:30.787Z
https://osrs-tracker.freekmencke.com/sitemap-items.xml
- 2024-04-06T17:46:24.912Z
+ 2024-05-23T17:24:04.567Z
\ No newline at end of file
diff --git a/src/styles/tailwind/base.scss b/src/styles/tailwind/base.scss
index 4093c55..cbac3e2 100644
--- a/src/styles/tailwind/base.scss
+++ b/src/styles/tailwind/base.scss
@@ -1,11 +1,11 @@
@layer base {
body::-webkit-scrollbar,
.scroll-bar::-webkit-scrollbar {
- @apply dark:w-4;
+ @apply w-3.5;
}
body::-webkit-scrollbar-thumb,
.scroll-bar::-webkit-scrollbar-thumb {
- @apply rounded-lg border-4 border-solid border-transparent bg-clip-content bg-slate-600;
+ @apply rounded-lg border-4 border-solid border-transparent bg-clip-content dark:bg-slate-600 bg-slate-800;
}
@font-face {
diff --git a/tsconfig.json b/tsconfig.json
index dc00ad6..9c018ad 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -4,9 +4,9 @@
"baseUrl": "./",
"outDir": "./dist/out-tsc",
"forceConsistentCasingInFileNames": true,
+ "esModuleInterop": true,
"strict": true,
"strictPropertyInitialization": false,
- "allowSyntheticDefaultImports": true,
"noImplicitOverride": true,
"noPropertyAccessFromIndexSignature": true,
"noImplicitReturns": true,
{{ username | capitalizeWords }}
+{{ username() | capitalizeWords }}
@if (playerDetails()) {
@if (playerDetails()!.type !== PlayerType.Normal) {
@@ -63,7 +55,6 @@ import { XpTrackerStorageService } from '../xp-tracker-storage.service';
`,
- changeDetection: ChangeDetectionStrategy.OnPush,
imports: [CapitalizePipe, DecimalPipe, IconDirective, SpinnerComponent],
})
export class PlayerWidgetComponent implements OnChanges {
@@ -76,8 +67,8 @@ export class PlayerWidgetComponent implements OnChanges {
playerDetails: WritableSignal