Prettier formatting

Author: CodyTolene

.prettierignore

@@ -8,6 +8,8 @@ public/
 # Do not ignore the following files
 !.github/
 !src/
+!src/**
+!src/**/*
 !README.md
 
 # Re-ignore sub-directories from the above exempt directories:

src/app/public/ngx-gist-file-filter.pipe.ts

@@ -1,5 +1,6 @@
-import { NgxGist } from './ngx-gist.model';
 import { Pipe, PipeTransform } from '@angular/core';
+
+import { NgxGist } from './ngx-gist.model';
 import { isNonEmptyString, isStringArray } from './ngx-gist.utilities';
 
 @Pipe({ name: 'gistFileFilter' })

src/app/public/ngx-gist-line-numbers.service.ts

@@ -1,19 +1,27 @@
+import hljs, { HLJSApi } from 'highlight.js';
+import {
+  Observable,
+  defaultIfEmpty,
+  filter,
+  firstValueFrom,
+  from,
+  map,
+} from 'rxjs';
 
-import { Injectable, inject } from '@angular/core';
 import { DOCUMENT } from '@angular/common';
-import hljs, { HLJSApi } from 'highlight.js';
-import { defaultIfEmpty, filter, map, Observable, firstValueFrom, from } from 'rxjs';
+import { Injectable, inject } from '@angular/core';
 
 @Injectable({ providedIn: 'root' }) // Must be a singleton
 export class NgxGistLineNumbersService {
   private readonly document: Document = inject(DOCUMENT);
-  
+
   private isLoaded = false;
 
   public async load(): Promise<void> {
     if (
       this.isLoaded ||
-      typeof this.document.defaultView?.hljs?.initLineNumbersOnLoad === 'function'
+      typeof this.document.defaultView?.hljs?.initLineNumbersOnLoad ===
+        'function'
     ) {
       return;
     }
@@ -23,7 +31,9 @@ export class NgxGistLineNumbersService {
         // Ensure hljs is available before we load the dependent library
         this.document.defaultView.hljs = hljs;
       } else {
-        throw new Error(`Unable to access default view to apply "highlight.js" package.`);
+        throw new Error(
+          `Unable to access default view to apply "highlight.js" package.`,
+        );
       }
 
       const result = await firstValueFrom(this.loadHljsLineNumbersLibrary());
@@ -41,7 +51,7 @@ export class NgxGistLineNumbersService {
     return from(import('highlightjs-line-numbers.js' as const)).pipe(
       map((module) => module?.default), // Optional chaining makes it cleaner
       filter(Boolean), // `Boolean` acts as a filter to remove falsy values
-      defaultIfEmpty(null)
+      defaultIfEmpty(null),
     );
   }
 }
@@ -55,8 +65,14 @@ declare global {
   interface Window {
     hljs?: HLJSApi & {
       initLineNumbersOnLoad?: (options?: HljsLineNumbersOptions) => void;
-      lineNumbersBlock?: (value: Element, options?: HljsLineNumbersOptions) => void;
-      lineNumbersValue?: (value: string, options?: HljsLineNumbersOptions) => string;
+      lineNumbersBlock?: (
+        value: Element,
+        options?: HljsLineNumbersOptions,
+      ) => void;
+      lineNumbersValue?: (
+        value: string,
+        options?: HljsLineNumbersOptions,
+      ) => string;
     };
   }
 }

src/app/public/ngx-gist-theme.service.ts

@@ -1,5 +1,5 @@
-import { Injectable, inject } from '@angular/core';
 import { DOCUMENT } from '@angular/common';
+import { Injectable, inject } from '@angular/core';
 
 @Injectable({ providedIn: 'root' }) // Must be a singleton
 export class NgxGistThemeService {
@@ -14,10 +14,7 @@ export class NgxGistThemeService {
     if (hljsThemeLinkEl && hilightJsTheme === 'default') {
       // Default theme already in use, return.
       return;
-    } else if (
-      hljsThemeLinkEl &&
-      hilightJsTheme !== 'default'
-    ) {
+    } else if (hljsThemeLinkEl && hilightJsTheme !== 'default') {
       // Override previously used theme, but remove it first.
       this.document.head.removeChild(hljsThemeLinkEl);
     }

src/app/public/ngx-gist.component.html

@@ -2,13 +2,10 @@
   @if (gistChanges | async; as gist) {
     <mat-tab-group>
       @for (
-        file of gist.highlightedFiles
-        | gistFileFilter: displayOnlyFileNames
-        ; track
-        file) {
-        <mat-tab
-          [label]="file.filename"
-          >
+        file of gist.highlightedFiles | gistFileFilter: displayOnlyFileNames;
+        track file
+      ) {
+        <mat-tab [label]="file.filename">
           <pre>
             @if (applyLineNumbers(file.highlightedContent); as content) {
               <code
@@ -28,10 +25,7 @@
   @if (gistIdChanges | async; as gid) {
     <mat-card-footer>
       @if (!hideGistLink) {
-        <a
-          target="_blank"
-          [href]="'https://gist.github.com/' + gid"
-          >
+        <a target="_blank" [href]="'https://gist.github.com/' + gid">
           🔗 Open Gist on GitHub
         </a>
       }

src/app/public/ngx-gist.component.scss

@@ -1,5 +1,5 @@
 // Remove this if this is already in your project.
-@import "https://fonts.googleapis.com/icon?family=Material+Icons";
+@import 'https://fonts.googleapis.com/icon?family=Material+Icons';
 
 pre {
   display: flex;

src/app/public/ngx-gist.component.ts

@@ -1,15 +1,26 @@
-import { BehaviorSubject, filter, firstValueFrom, ReplaySubject } from 'rxjs';
-import { ChangeDetectionStrategy, Component, Input, OnInit, inject } from '@angular/core';
+import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
+import { BehaviorSubject, ReplaySubject, filter, firstValueFrom } from 'rxjs';
+
 import { CommonModule, DOCUMENT } from '@angular/common';
-import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
-import { GistFileFilterPipe } from './ngx-gist-file-filter.pipe';
-import { HighlightJsTheme, NgxGistThemeService } from './ngx-gist-theme.service';
+import {
+  ChangeDetectionStrategy,
+  Component,
+  Input,
+  OnInit,
+  inject,
+} from '@angular/core';
 import { MatCardModule } from '@angular/material/card';
 import { MatTabsModule } from '@angular/material/tabs';
-import { NgxGist } from './ngx-gist.model';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+
+import { GistFileFilterPipe } from './ngx-gist-file-filter.pipe';
 import { NgxGistLineNumbersService } from './ngx-gist-line-numbers.service';
+import {
+  HighlightJsTheme,
+  NgxGistThemeService,
+} from './ngx-gist-theme.service';
+import { NgxGist } from './ngx-gist.model';
 import { NgxGistService } from './ngx-gist.service';
-import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
 import { isNonEmptyValue } from './ngx-gist.utilities';
 
 @UntilDestroy()
@@ -18,23 +29,16 @@ import { isNonEmptyValue } from './ngx-gist.utilities';
   templateUrl: './ngx-gist.component.html',
   styleUrl: './ngx-gist.component.scss',
   standalone: true,
-  imports: [
-      CommonModule,
-      GistFileFilterPipe,
-      MatCardModule,
-      MatTabsModule,
-  ],
-  providers: [
-    NgxGistLineNumbersService,
-    NgxGistService,
-    NgxGistThemeService,
-  ],
+  imports: [CommonModule, GistFileFilterPipe, MatCardModule, MatTabsModule],
+  providers: [NgxGistLineNumbersService, NgxGistService, NgxGistThemeService],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class NgxGistComponent implements OnInit {
   private readonly document: Document = inject(DOCUMENT);
   private readonly domSanitizer = inject(DomSanitizer);
-  private readonly ngxGistLineNumbersService = inject(NgxGistLineNumbersService);
+  private readonly ngxGistLineNumbersService = inject(
+    NgxGistLineNumbersService,
+  );
   private readonly ngxGistService = inject(NgxGistService);
   private readonly ngxGistThemeService = inject(NgxGistThemeService);
 

src/app/public/ngx-gist.model.ts

@@ -1,11 +1,12 @@
+import hljs from 'highlight.js';
 import * as io from 'io-ts';
 import * as iot from 'io-ts-types';
+
 import {
   decodeValueElseNull,
   isNonEmptyString,
   parsedJsonFromStringCodec,
 } from './ngx-gist.utilities';
-import hljs from 'highlight.js';
 
 export class NgxGist implements Gist {
   public constructor(args: Gist & Pick<NgxGist, 'languageOverride'>) {

src/app/public/ngx-gist.service.ts

@@ -1,13 +1,15 @@
-import { gistCodec, NgxGist } from './ngx-gist.model';
-import { inject, Injectable } from '@angular/core';
+import * as io from 'io-ts';
+import { Observable, catchError, map, of } from 'rxjs';
+
 import { HttpClient } from '@angular/common/http';
-import { catchError, map, Observable, of } from 'rxjs';
+import { Injectable, inject } from '@angular/core';
+
+import { NgxGist, gistCodec } from './ngx-gist.model';
 import {
   decodeValueElseNull,
   isNonEmptyString,
   parsedJsonFromStringCodec,
 } from './ngx-gist.utilities';
-import * as io from 'io-ts';
 
 @Injectable()
 export class NgxGistService {
@@ -23,9 +25,9 @@ export class NgxGistService {
    */
   public get(gistId: string): Observable<NgxGist | null | undefined> {
     return this.httpClient
-      .get<NgxGist | string | null | undefined>(
-        `https://api.github.com/gists/${gistId}`,
-      )
+      .get<
+        NgxGist | string | null | undefined
+      >(`https://api.github.com/gists/${gistId}`)
       .pipe(
         catchError((error: unknown) => {
           console.error(error);

src/app/public/ngx-gist.utilities.ts

@@ -1,6 +1,6 @@
-import * as io from 'io-ts';
-import { pipe } from 'fp-ts/es6/function';
 import { getOrElse } from 'fp-ts/es6/Either';
+import { pipe } from 'fp-ts/es6/function';
+import * as io from 'io-ts';
 
 /**
  * Validate that the value is a string.