lint

Author: cyrilletuzi

testing-apps/demo/src/app/app.component.ts

@@ -1,8 +1,7 @@
 import { AsyncPipe, JsonPipe } from "@angular/common";
 import { Component, type OnInit } from "@angular/core";
 import { StorageMap, type JSONSchema } from "@ngx-pwa/local-storage";
-import { Observable, of } from "rxjs";
-import { catchError, mergeMap, toArray } from "rxjs/operators";
+import { Observable, catchError, mergeMap, of, toArray } from "rxjs";
 import { DataService } from "./data.service";
 
 interface Data {
@@ -12,13 +11,16 @@ interface Data {
 @Component({
   selector: "app-root",
   standalone: true,
-  imports: [AsyncPipe, JsonPipe],
+  imports: [
+    AsyncPipe,
+    JsonPipe,
+  ],
   template: `
     @if (getItem$ | async; as getItem) {
-      <p id="get-item">{{getItem.title}}</p>
+      <p id="get-item">{{ getItem.title }}</p>
     }
     @if (schemaError$ | async; as schemaError) {
-      <p id="schema-error">{{schemaError}}</p>
+      <p id="schema-error">{{ schemaError }}</p>
     }
     @if (removeItem) {
       <p id="remove-item">removeItem</p>
@@ -27,7 +29,7 @@ interface Data {
       <p id="clear">clear</p>
     }
     @if (length$ | async; as length) {
-      <p id="length">{{length}}</p>
+      <p id="length">{{ length }}</p>
     }
     @if (keys$ | async; as keys) {
       <p id="keys">{{keys | json}}</p>
@@ -36,24 +38,27 @@ interface Data {
       <p id="has">has</p>
     }
     @if (service$ | async; as service) {
-      <p id="service">{{service}}</p>
+      <p id="service">{{ service }}</p>
     }
     <iframe src="http://localhost:4202"></iframe>
   `
 })
 export class AppComponent implements OnInit {
 
-  getItem$!: Observable<Data | undefined>;
-  schemaError$!: Observable<string | undefined>;
+  getItem$?: Observable<Data | undefined>;
+  schemaError$?: Observable<string | undefined>;
   removeItem = false;
   clear = false;
-  size$!: Observable<number>;
-  length$!: Observable<number>;
-  keys$!: Observable<string[]>;
-  has$!: Observable<boolean>;
-  service$!: Observable<string | undefined>;
+  size$?: Observable<number>;
+  length$?: Observable<number>;
+  keys$?: Observable<string[]>;
+  has$?: Observable<boolean>;
+  service$?: Observable<string | undefined>;
 
-  constructor(private readonly storageMap: StorageMap, private readonly dataService: DataService) {}
+  constructor(
+    private readonly storageMap: StorageMap,
+    private readonly dataService: DataService,
+  ) {}
 
   ngOnInit(): void {
 
@@ -92,9 +97,11 @@ export class AppComponent implements OnInit {
         mergeMap(() => this.storageMap.get("removeItem", { type: "string" })),
       // eslint-disable-next-line rxjs/no-nested-subscribe
       ).subscribe((removeResult) => {
+
         if (removeResult === undefined) {
           this.removeItem = true;
         }
+
       });
 
       this.length$ = this.storageMap.set("size1", "test").pipe(

testing-apps/demo/src/app/data.service.ts

@@ -1,19 +1,20 @@
 import { Injectable } from "@angular/core";
 import { StorageMap } from "@ngx-pwa/local-storage";
-import { Observable } from "rxjs";
-import { mergeMap } from "rxjs/operators";
+import { Observable, mergeMap } from "rxjs";
 
 @Injectable({
-  providedIn: "root"
+  providedIn: "root",
 })
 export class DataService {
 
   data$: Observable<string | undefined>;
 
-  constructor(private readonly storageMap: StorageMap) {
-    this.data$ = this.storageMap.set("serviceTest", "service").pipe(
-      mergeMap(() => this.storageMap.get("serviceTest", { type: "string" })),
+  constructor(storageMap: StorageMap) {
+
+    this.data$ = storageMap.set("serviceTest", "service").pipe(
+      mergeMap(() => storageMap.get("serviceTest", { type: "string" })),
     );
+
   }
 
 }

testing-apps/demo/src/main.ts

@@ -2,6 +2,6 @@ import { bootstrapApplication } from "@angular/platform-browser";
 import { AppComponent } from "./app/app.component";
 
 bootstrapApplication(AppComponent)
-  .catch(err => {
+  .catch((err) => {
     console.error(err);
   });

testing-apps/iframe/src/app/app.component.ts

@@ -15,15 +15,17 @@ interface Data {
     AsyncPipe,
   ],
   template: `
-    <h1>{{(data$ | async)?.title}}</h1>
+    <h1>{{ (data$ | async)?.title }}</h1>
   `
 })
 export class AppComponent implements OnInit {
 
   title = "LocalStorage";
-  data$!: Observable<Data | undefined>;
+  data$?: Observable<Data | undefined>;
 
-  constructor(private readonly storageMap: StorageMap) {}
+  constructor(
+    private readonly storageMap: StorageMap,
+  ) {}
 
   ngOnInit(): void {
 

testing-apps/iframe/src/main.ts

@@ -2,6 +2,6 @@ import { bootstrapApplication } from "@angular/platform-browser";
 import { AppComponent } from "./app/app.component";
 
 bootstrapApplication(AppComponent)
-  .catch(err => {
+  .catch((err) => {
     console.log(err);
   });

testing-apps/localforage/src/app/app.component.ts

@@ -20,7 +20,9 @@ export class AppComponent implements OnInit {
 
   title?: string;
 
-  constructor(private readonly storageMap: StorageMap) {}
+  constructor(
+    private readonly storageMap: StorageMap,
+  ) {}
 
   ngOnInit(): void {
 

testing-apps/localforage/src/app/lazy/page/page.component.ts

@@ -3,18 +3,19 @@ import { StorageMap } from "@ngx-pwa/local-storage";
 
 @Component({
   standalone: true,
-  imports: [],
   template: `
     @if (lazy) {
-      <p id="lazy">{{lazy}}</p>
+      <p id="lazy">{{ lazy }}</p>
     }
   `,
 })
 export class PageComponent implements OnInit {
 
   lazy?: string;
 
-  constructor(private readonly storageMap: StorageMap) {}
+  constructor(
+    private readonly storageMap: StorageMap,
+  ) {}
 
   ngOnInit(): void {
 

testing-apps/localforage/src/main.ts

@@ -15,6 +15,6 @@ bootstrapApplication(AppComponent, {
     provideIndexedDBStoreName("keyvaluepairs"),
   ],
 })
-  .catch(err => {
+  .catch((err) => {
     console.error(err);
   });