style: prettier reformat across http-loader, test-app, and lockfile

CodeAndWeb · CodeAndWeb · commit b5075d09e83d · 2026-05-21T14:42:10.000+02:00
Pure formatting/whitespace changes — no semantic edits:

- Apply Prettier to http-loader source/spec and two ngx-translate library
  files (translate-block.directive.ts, translate.providers.ts) that were
  out of formatting compliance.
- Reformat test-app components (line-wrap normalization) and i18n JSON
  fixtures (tab → 4-space indent) to match repo style.
- Normalize pnpm-lock.yaml after pnpm reinstall (single → double quotes,
  indentation only; no dependency changes).
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/projects/http-loader/src/lib/http-loader.spec.ts b/projects/http-loader/src/lib/http-loader.spec.ts
@@ -309,10 +309,7 @@ describe("TranslateHttpLoader (HttpClient)", () => {
 
     it("should log warning on failed resource", () => {
         prepareMulti({
-            resources: [
-                "/assets/i18n/",
-                { prefix: "/custom/", suffix: ".lang.json" },
-            ],
+            resources: ["/assets/i18n/", { prefix: "/custom/", suffix: ".lang.json" }],
         });
         const spy = spyOn(console, "warn");
         translate.use("en").subscribe();
@@ -433,7 +430,9 @@ describe("TranslateHttpLoader (HttpClient)", () => {
 
             let resolved = false;
             translate.use("en").subscribe({
-                next: () => { resolved = true; },
+                next: () => {
+                    resolved = true;
+                },
                 error: () => fail("Expected silent swallow, got an error"),
             });
 
diff --git a/projects/http-loader/src/lib/http-loader.ts b/projects/http-loader/src/lib/http-loader.ts
@@ -61,9 +61,10 @@ export class TranslateHttpLoader implements TranslateLoader {
         const cacheBuster = this.config.enforceLoading ? `?enforceLoading=${Date.now()}` : "";
 
         const requests = this.config.resources.map((resource) => {
-            const path =  (typeof resource === "string")
-                        ? `${resource}${lang}.json`
-                        : `${resource.prefix}${lang}${resource.suffix ?? ".json"}`;
+            const path =
+                typeof resource === "string"
+                    ? `${resource}${lang}.json`
+                    : `${resource.prefix}${lang}${resource.suffix ?? ".json"}`;
 
             const request$ = this.http.get<TranslationObject>(`${path}${cacheBuster}`);
 
@@ -73,7 +74,10 @@ export class TranslateHttpLoader implements TranslateLoader {
 
             return request$.pipe(
                 catchError((err: HttpErrorResponse) => {
-                    console.warn(`@ngx-translate/http-loader: error loading translation for ${lang}:`, err);
+                    console.warn(
+                        `@ngx-translate/http-loader: error loading translation for ${lang}:`,
+                        err,
+                    );
                     return of({});
                 }),
             );
diff --git a/projects/ngx-translate/src/lib/translate-block.directive.ts b/projects/ngx-translate/src/lib/translate-block.directive.ts
@@ -23,7 +23,10 @@ export class TranslateBlockDirective implements OnInit {
             return this.translateService.instant(key, params);
         };
 
-        this.viewContainer.createEmbeddedView(this.templateRef, new TranslateBlockContext(translateFn));
+        this.viewContainer.createEmbeddedView(
+            this.templateRef,
+            new TranslateBlockContext(translateFn),
+        );
     }
 
     static ngTemplateContextGuard(
diff --git a/projects/ngx-translate/src/lib/translate.providers.ts b/projects/ngx-translate/src/lib/translate.providers.ts
@@ -1,10 +1,4 @@
-import {
-    ClassProvider,
-    FactoryProvider,
-    Provider,
-    ProviderToken,
-    Type,
-} from "@angular/core";
+import { ClassProvider, FactoryProvider, Provider, ProviderToken, Type } from "@angular/core";
 import {
     DefaultMissingTranslationHandler,
     MissingTranslationHandler,
diff --git a/projects/test-app/public/i18n-extended/de.json b/projects/test-app/public/i18n-extended/de.json
@@ -1,7 +1,7 @@
 {
-	"demo": {
-		"greeting": "Hallo, {{name}}! (erweitert)"
-	},
-	"extended.own": "Ich bin nur in EXTENDED definiert (de)",
-	"shared.greeting": "Hallo von EXTENDED - überschreibt root! (de)"
+    "demo": {
+        "greeting": "Hallo, {{name}}! (erweitert)"
+    },
+    "extended.own": "Ich bin nur in EXTENDED definiert (de)",
+    "shared.greeting": "Hallo von EXTENDED - überschreibt root! (de)"
 }
diff --git a/projects/test-app/public/i18n-extended/en.json b/projects/test-app/public/i18n-extended/en.json
@@ -1,7 +1,7 @@
 {
-	"demo": {
-		"greeting": "Hello, {{name}}! (extended)"
-	},
-	"extended.own": "I am defined only in EXTENDED (en)",
-	"shared.greeting": "Hello from EXTENDED - overrides root! (en)"
+    "demo": {
+        "greeting": "Hello, {{name}}! (extended)"
+    },
+    "extended.own": "I am defined only in EXTENDED (en)",
+    "shared.greeting": "Hello from EXTENDED - overrides root! (en)"
 }
diff --git a/projects/test-app/public/i18n-isolated-child/de.json b/projects/test-app/public/i18n-isolated-child/de.json
@@ -1,6 +1,6 @@
 {
-	"demo": {
-		"greeting": "Hallo, {{name}}! (isoliertes Kind)"
-	},
-	"isolated-child.own": "Ich bin nur in ISOLATED CHILD definiert (de)"
+    "demo": {
+        "greeting": "Hallo, {{name}}! (isoliertes Kind)"
+    },
+    "isolated-child.own": "Ich bin nur in ISOLATED CHILD definiert (de)"
 }
diff --git a/projects/test-app/public/i18n-isolated-child/en.json b/projects/test-app/public/i18n-isolated-child/en.json
@@ -1,6 +1,6 @@
 {
-	"demo": {
-		"greeting": "Hello, {{name}}! (isolated child)"
-	},
-	"isolated-child.own": "I am defined only in ISOLATED CHILD (en)"
+    "demo": {
+        "greeting": "Hello, {{name}}! (isolated child)"
+    },
+    "isolated-child.own": "I am defined only in ISOLATED CHILD (en)"
 }
diff --git a/projects/test-app/public/i18n-isolated/de.json b/projects/test-app/public/i18n-isolated/de.json
@@ -1,13 +1,13 @@
 {
-	"demo": {
-		"greeting": "Hallo, {{name}}! (isoliert)",
-		"simple": {
-			"text-as-attribute": "Isolated: Text als Attribut",
-			"text-as-content": "Isolated: Text als Inhalt"
-		},
-		"title": "Isolated: Testanwendung"
-	},
-	"isolated.own": "Ich bin nur in ISOLATED definiert (de)",
-	"root.own": "ISOLATED kann root's Übersetzungen nicht sehen (de)",
-	"shared.greeting": "Hallo von ISOLATED - komplett getrennt! (de)"
+    "demo": {
+        "greeting": "Hallo, {{name}}! (isoliert)",
+        "simple": {
+            "text-as-attribute": "Isolated: Text als Attribut",
+            "text-as-content": "Isolated: Text als Inhalt"
+        },
+        "title": "Isolated: Testanwendung"
+    },
+    "isolated.own": "Ich bin nur in ISOLATED definiert (de)",
+    "root.own": "ISOLATED kann root's Übersetzungen nicht sehen (de)",
+    "shared.greeting": "Hallo von ISOLATED - komplett getrennt! (de)"
 }
diff --git a/projects/test-app/public/i18n-isolated/en.json b/projects/test-app/public/i18n-isolated/en.json
@@ -1,13 +1,13 @@
 {
-	"demo": {
-		"greeting": "Hello, {{name}}! (isolated)",
-		"simple": {
-			"text-as-attribute": "Isolated: Text as attribute",
-			"text-as-content": "Isolated: Text as content"
-		},
-		"title": "Isolated: Test Application"
-	},
-	"isolated.own": "I am defined only in ISOLATED (en)",
-	"root.own": "ISOLATED cannot see root's translations (en)",
-	"shared.greeting": "Hello from ISOLATED - completely separate! (en)"
+    "demo": {
+        "greeting": "Hello, {{name}}! (isolated)",
+        "simple": {
+            "text-as-attribute": "Isolated: Text as attribute",
+            "text-as-content": "Isolated: Text as content"
+        },
+        "title": "Isolated: Test Application"
+    },
+    "isolated.own": "I am defined only in ISOLATED (en)",
+    "root.own": "ISOLATED cannot see root's translations (en)",
+    "shared.greeting": "Hello from ISOLATED - completely separate! (en)"
 }
diff --git a/projects/test-app/public/i18n-nested/de.json b/projects/test-app/public/i18n-nested/de.json
@@ -1,6 +1,6 @@
 {
-	"demo": {
-		"greeting": "Hallo, {{name}}! (verschachtelt)"
-	},
-	"nested.own": "Ich bin nur in NESTED definiert (de)"
+    "demo": {
+        "greeting": "Hallo, {{name}}! (verschachtelt)"
+    },
+    "nested.own": "Ich bin nur in NESTED definiert (de)"
 }
diff --git a/projects/test-app/public/i18n-nested/en.json b/projects/test-app/public/i18n-nested/en.json
@@ -1,6 +1,6 @@
 {
-	"demo": {
-		"greeting": "Hello, {{name}}! (nested)"
-	},
-	"nested.own": "I am defined only in NESTED (en)"
+    "demo": {
+        "greeting": "Hello, {{name}}! (nested)"
+    },
+    "nested.own": "I am defined only in NESTED (en)"
 }
diff --git a/projects/test-app/public/i18n/de.json b/projects/test-app/public/i18n/de.json
@@ -1,12 +1,12 @@
 {
-	"demo": {
-		"greeting": "Hallo, {{name}}!",
-		"simple": {
-			"text-as-attribute": "Root: Text als Attribut",
-			"text-as-content": "Root: Text als Inhalt"
-		},
-		"title": "Root: Testanwendung"
-	},
-	"root.own": "Ich bin nur in ROOT definiert (de)",
-	"shared.greeting": "Hallo von ROOT (de)"
+    "demo": {
+        "greeting": "Hallo, {{name}}!",
+        "simple": {
+            "text-as-attribute": "Root: Text als Attribut",
+            "text-as-content": "Root: Text als Inhalt"
+        },
+        "title": "Root: Testanwendung"
+    },
+    "root.own": "Ich bin nur in ROOT definiert (de)",
+    "shared.greeting": "Hallo von ROOT (de)"
 }
diff --git a/projects/test-app/public/i18n/en.json b/projects/test-app/public/i18n/en.json
@@ -1,12 +1,12 @@
 {
-	"demo": {
-		"greeting": "Hello, {{name}}!",
-		"simple": {
-			"text-as-attribute": "Root: Text as attribute",
-			"text-as-content": "Root: Text as content"
-		},
-		"title": "Root: Test Application"
-	},
-	"root.own": "I am defined only in ROOT (en)",
-	"shared.greeting": "Hello from ROOT (en)"
+    "demo": {
+        "greeting": "Hello, {{name}}!",
+        "simple": {
+            "text-as-attribute": "Root: Text as attribute",
+            "text-as-content": "Root: Text as content"
+        },
+        "title": "Root: Test Application"
+    },
+    "root.own": "I am defined only in ROOT (en)",
+    "shared.greeting": "Hello from ROOT (en)"
 }
diff --git a/projects/test-app/public/i18n/multiloader/de.json b/projects/test-app/public/i18n/multiloader/de.json
@@ -1,5 +1,5 @@
 {
-	"multi": {
-		"loader": "Dieser Text wurde aus /i18n/multiloader/de.json geladen"
-	}
+    "multi": {
+        "loader": "Dieser Text wurde aus /i18n/multiloader/de.json geladen"
+    }
 }
diff --git a/projects/test-app/public/i18n/multiloader/en.json b/projects/test-app/public/i18n/multiloader/en.json
@@ -1,5 +1,5 @@
 {
-	"multi": {
-		"loader": "This text was loaded from /i18n/multiloader/en.json"
-	}
+    "multi": {
+        "loader": "This text was loaded from /i18n/multiloader/en.json"
+    }
 }
diff --git a/projects/test-app/src/app/app.component.html b/projects/test-app/src/app/app.component.html
@@ -36,8 +36,6 @@ <h1>ngx-translate</h1>
     <main>
         <router-outlet></router-outlet>
     </main>
-
-
 </div>
 
 <app-console />
diff --git a/projects/test-app/src/app/app.config.ts b/projects/test-app/src/app/app.config.ts
@@ -18,7 +18,10 @@ export const appConfig: ApplicationConfig = {
         provideTranslateService({
             loader: provideTranslateHttpLoader({
                 enforceLoading: true,
-                resources: [{ prefix: "./i18n/multiloader/", suffix: ".json" }, { prefix: "./i18n/" }],
+                resources: [
+                    { prefix: "./i18n/multiloader/", suffix: ".json" },
+                    { prefix: "./i18n/" },
+                ],
             }),
         }),
         provideAppInitializer(() => {
diff --git a/projects/test-app/src/app/components/console/console.component.ts b/projects/test-app/src/app/components/console/console.component.ts
@@ -76,11 +76,7 @@ import { ConsoleLogService } from "../../services/console-log.service";
             bottom: 1rem;
             right: 1rem;
             z-index: 1000;
-            font-family:
-                ui-monospace,
-                SFMono-Regular,
-                Menlo,
-                monospace;
+            font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
             font-size: 0.7rem;
         }
 
diff --git a/projects/test-app/src/app/components/hierarchy-viz/hierarchy-viz.component.ts b/projects/test-app/src/app/components/hierarchy-viz/hierarchy-viz.component.ts
@@ -24,7 +24,13 @@ interface ServiceNode {
         <div class="hierarchy-container">
             <h3>Service Hierarchy</h3>
             <div class="hierarchy-tree">
-                @for (service of hierarchy; track $index; let last = $last; let i = $index; let count = $count) {
+                @for (
+                    service of hierarchy;
+                    track $index;
+                    let last = $last;
+                    let i = $index;
+                    let count = $count
+                ) {
                     <div class="service-node" [class.current]="last">
                         <div class="node-icon">
                             @switch (positionFor(i, count)) {
diff --git a/projects/test-app/src/app/components/icon/icon.component.ts b/projects/test-app/src/app/components/icon/icon.component.ts
@@ -91,10 +91,7 @@ type IconName =
                 @case ("tree-root") {
                     <!-- Filled node at top with branches down to two outline nodes -->
                     <circle cx="12" cy="5" r="3" fill="currentColor" stroke="none" />
-                    <path
-                        stroke-linecap="round"
-                        d="M12 8v4M12 12h-6v3M12 12h6v3"
-                    />
+                    <path stroke-linecap="round" d="M12 8v4M12 12h-6v3M12 12h6v3" />
                     <circle cx="6" cy="18" r="2" fill="none" />
                     <circle cx="18" cy="18" r="2" fill="none" />
                 }
diff --git a/projects/test-app/src/app/pages/extended/extended.component.ts b/projects/test-app/src/app/pages/extended/extended.component.ts
@@ -1,10 +1,6 @@
 import { ChangeDetectionStrategy, Component, DestroyRef, inject } from "@angular/core";
 import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
-import {
-    TranslateService,
-    TranslatePipe,
-    provideChildTranslateService,
-} from "@ngx-translate/core";
+import { TranslateService, TranslatePipe, provideChildTranslateService } from "@ngx-translate/core";
 import { provideTranslateHttpLoader } from "@ngx-translate/http-loader";
 import { LanguageSwitchComponent } from "../../components/language-switch/language-switch.component";
 import { NestedComponent } from "./nested/nested.component";
@@ -105,11 +101,9 @@ export class ExtendedComponent {
     constructor() {
         this.translate.addLangs(["de", "en"]);
 
-        this.translate.onLangChange
-            .pipe(takeUntilDestroyed(this.destroyRef))
-            .subscribe((event) => {
-                this.consoleLog.log("[extended] onLangChange", { lang: event.lang });
-            });
+        this.translate.onLangChange.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((event) => {
+            this.consoleLog.log("[extended] onLangChange", { lang: event.lang });
+        });
 
         this.translate.onFallbackLangChange
             .pipe(takeUntilDestroyed(this.destroyRef))
diff --git a/projects/test-app/src/app/pages/global/global.component.ts b/projects/test-app/src/app/pages/global/global.component.ts
@@ -46,10 +46,12 @@ import { IconComponent } from "../../components/icon/icon.component";
 
                 <div class="sub-card">
                     <h4><app-icon name="cloud-download" /> Multi-resource Loader</h4>
-                    <p style="font-size: 0.8125rem; color: var(--text-muted); margin-bottom: 0.75rem;">
+                    <p
+                        style="font-size: 0.8125rem; color: var(--text-muted); margin-bottom: 0.75rem;"
+                    >
                         The root loader is configured with two prefixes in
-                        <code>app.config.ts</code>. Keys are merged in order — values from the
-                        first resource win on collision.
+                        <code>app.config.ts</code>. Keys are merged in order — values from the first
+                        resource win on collision.
                     </p>
                     <div class="translation-item">
                         <span class="key">multi.loader</span>
@@ -71,4 +73,3 @@ import { IconComponent } from "../../components/icon/icon.component";
 export class GlobalComponent {
     translate = inject(TranslateService);
 }
-
diff --git a/projects/test-app/src/app/pages/isolated/isolated-child/isolated-child.component.ts b/projects/test-app/src/app/pages/isolated/isolated-child/isolated-child.component.ts
@@ -20,8 +20,8 @@ import { HierarchyVizComponent } from "../../../components/hierarchy-viz/hierarc
         <div class="sub-card" style="margin-top: 2rem; border-style: dashed; background: #f8fafc;">
             <h4>Child of Isolated Service</h4>
             <p style="font-size: 0.875rem; color: var(--text-muted); margin-bottom: 1rem;">
-                A child service nested inside the isolated tree. It falls back to the isolated
-                root, NOT to the global root.
+                A child service nested inside the isolated tree. It falls back to the isolated root,
+                NOT to the global root.
             </p>
             <div class="translation-item">
                 <span class="key">isolated-child.own</span>
diff --git a/projects/test-app/src/app/pages/isolated/isolated.component.ts b/projects/test-app/src/app/pages/isolated/isolated.component.ts
diff --git a/projects/test-app/src/styles.scss b/projects/test-app/src/styles.scss

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`		`- "demo": {`
`3`		`- "greeting": "Hallo, {{name}}! (erweitert)"`
`4`		`- },`
`5`		`- "extended.own": "Ich bin nur in EXTENDED definiert (de)",`
`6`		`- "shared.greeting": "Hallo von EXTENDED - überschreibt root! (de)"`
	`2`	`+ "demo": {`
	`3`	`+ "greeting": "Hallo, {{name}}! (erweitert)"`
	`4`	`+ },`
	`5`	`+ "extended.own": "Ich bin nur in EXTENDED definiert (de)",`
	`6`	`+ "shared.greeting": "Hallo von EXTENDED - überschreibt root! (de)"`
`7`	`7`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`		`- "demo": {`
`3`		`- "greeting": "Hello, {{name}}! (extended)"`
`4`		`- },`
`5`		`- "extended.own": "I am defined only in EXTENDED (en)",`
`6`		`- "shared.greeting": "Hello from EXTENDED - overrides root! (en)"`
	`2`	`+ "demo": {`
	`3`	`+ "greeting": "Hello, {{name}}! (extended)"`
	`4`	`+ },`
	`5`	`+ "extended.own": "I am defined only in EXTENDED (en)",`
	`6`	`+ "shared.greeting": "Hello from EXTENDED - overrides root! (en)"`
`7`	`7`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`		`- "demo": {`
`3`		`- "greeting": "Hallo, {{name}}! (isoliertes Kind)"`
`4`		`- },`
`5`		`- "isolated-child.own": "Ich bin nur in ISOLATED CHILD definiert (de)"`
	`2`	`+ "demo": {`
	`3`	`+ "greeting": "Hallo, {{name}}! (isoliertes Kind)"`
	`4`	`+ },`
	`5`	`+ "isolated-child.own": "Ich bin nur in ISOLATED CHILD definiert (de)"`
`6`	`6`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`		`- "demo": {`
`3`		`- "greeting": "Hello, {{name}}! (isolated child)"`
`4`		`- },`
`5`		`- "isolated-child.own": "I am defined only in ISOLATED CHILD (en)"`
	`2`	`+ "demo": {`
	`3`	`+ "greeting": "Hello, {{name}}! (isolated child)"`
	`4`	`+ },`
	`5`	`+ "isolated-child.own": "I am defined only in ISOLATED CHILD (en)"`
`6`	`6`	`}`