Format all files with Prettier

Author: diverintech

.github/workflows/dependency-check.yml

@@ -4,7 +4,7 @@ on:
   push:
   workflow_dispatch:
   schedule:
-    - cron: "0 6 * * MON" # every Monday at 6:00 AM UTC
+    - cron: '0 6 * * MON' # every Monday at 6:00 AM UTC
 
 jobs:
   check-dependencies:
@@ -17,7 +17,7 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: "20"
+          node-version: '20'
 
       - name: Install dependencies
         run: npm ci

.prettierignore

@@ -1,2 +1,4 @@
-coverage
-dist
+dist/
+package-lock.json
+*.min.js
+*.snap

.prettierrc.json

@@ -1,8 +1,11 @@
 {
-    "singleQuote": true,
-    "trailingComma": "es5",
-    "endOfLine": "auto",
-    "bracketSameLine": true,
-    "printWidth": 150,
-    "htmlWhitespaceSensitivity": "ignore"
-}
+  "semi": true,
+  "trailingComma": "none",
+  "singleQuote": true,
+  "printWidth": 80,
+  "tabWidth": 2,
+  "useTabs": false,
+  "bracketSpacing": true,
+  "arrowParens": "always",
+  "endOfLine": "lf"
+}

README.md

@@ -1,38 +1,44 @@
-## Installation and Development Server
-
-1. Clone this repository:
-   ```bash
-   git clone <repository-url>
-   ```
-2. Navigate to the project directory:
-   ```bash
-   cd <project-folder>
-   ```
-3. Install the dependencies:
-   ```bash
-   npm install
-   ```
-4. Start the development server:
-   ```bash
-   npm start
-   ```
-
-Navigate to `http://localhost:4200/` in your browser to see the application. The application will automatically reload if you change any of the source files.
-
-______
-**Note:** Ensure you have an updated version of Node.js installed on your machine. You can verify your Node.js version with:
-```bash
-node -v
-```
-If you are using nvm as your Node.js version manager, you can switch to the right version with:
-```bash
-nvm use
-```
-_____
-## Build
-
-To build the application, run:
-
-```bash
-npm run build
-```
+## Installation and Development Server
+
+1. Clone this repository:
+   ```bash
+   git clone <repository-url>
+   ```
+2. Navigate to the project directory:
+   ```bash
+   cd <project-folder>
+   ```
+3. Install the dependencies:
+   ```bash
+   npm install
+   ```
+4. Start the development server:
+   ```bash
+   npm start
+   ```
+
+Navigate to `http://localhost:4200/` in your browser to see the application. The application will automatically reload if you change any of the source files.
+
+---
+
+**Note:** Ensure you have an updated version of Node.js installed on your machine. You can verify your Node.js version with:
+
+```bash
+node -v
+```
+
+If you are using nvm as your Node.js version manager, you can switch to the right version with:
+
+```bash
+nvm use
+```
+
+---
+
+## Build
+
+To build the application, run:
+
+```bash
+npm run build
+```

angular.json

@@ -20,15 +20,10 @@
             "outputPath": "dist",
             "index": "src/index.html",
             "browser": "src/main.ts",
-            "polyfills": [
-              "zone.js"
-            ],
+            "polyfills": ["zone.js"],
             "tsConfig": "tsconfig.app.json",
             "inlineStyleLanguage": "scss",
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
+            "assets": ["src/favicon.ico", "src/assets"],
             "styles": [
               "@angular/material/prebuilt-themes/azure-blue.css",
               "src/styles.scss",
@@ -107,16 +102,10 @@
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "polyfills": [
-              "zone.js",
-              "zone.js/testing"
-            ],
+            "polyfills": ["zone.js", "zone.js/testing"],
             "tsConfig": "tsconfig.spec.json",
             "inlineStyleLanguage": "scss",
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
+            "assets": ["src/favicon.ico", "src/assets"],
             "styles": [
               "@angular/material/prebuilt-themes/azure-blue.css",
               "src/styles.scss"
@@ -130,18 +119,13 @@
         "lint": {
           "builder": "@angular-eslint/builder:lint",
           "options": {
-            "lintFilePatterns": [
-              "src/**/*.ts",
-              "src/**/*.html"
-            ]
+            "lintFilePatterns": ["src/**/*.ts", "src/**/*.html"]
           }
         }
       }
     }
   },
   "cli": {
-    "schematicCollections": [
-      "angular-eslint"
-    ]
+    "schematicCollections": ["angular-eslint"]
   }
 }

eslint.config.js

@@ -1,48 +1,48 @@
 // @ts-check
-const eslint = require("@eslint/js");
-const tseslint = require("typescript-eslint");
-const angular = require("angular-eslint");
+const eslint = require('@eslint/js');
+const tseslint = require('typescript-eslint');
+const angular = require('angular-eslint');
 const prettierConfig = require('eslint-config-prettier');
 const prettier = require('eslint-plugin-prettier');
 
 module.exports = tseslint.config(
   {
-    files: ["**/*.ts"],
+    files: ['**/*.ts'],
     extends: [
       eslint.configs.recommended,
       ...tseslint.configs.recommended,
       ...tseslint.configs.stylistic,
       ...angular.configs.tsRecommended,
-      prettierConfig,
+      prettierConfig
     ],
     plugins: { prettier },
     processor: angular.processInlineTemplates,
     rules: {
-      "@angular-eslint/directive-selector": [
-        "error",
+      '@angular-eslint/directive-selector': [
+        'error',
         {
-          type: "attribute",
-          prefix: "app",
-          style: "camelCase",
-        },
+          type: 'attribute',
+          prefix: 'app',
+          style: 'camelCase'
+        }
       ],
-      "@angular-eslint/component-selector": [
-        "error",
+      '@angular-eslint/component-selector': [
+        'error',
         {
-          type: "element",
-          prefix: "app",
-          style: "kebab-case",
-        },
+          type: 'element',
+          prefix: 'app',
+          style: 'kebab-case'
+        }
       ],
-      'prettier/prettier': 'error',
-    },
+      'prettier/prettier': 'error'
+    }
   },
   {
-    files: ["**/*.html"],
+    files: ['**/*.html'],
     extends: [
       ...angular.configs.templateRecommended,
-      ...angular.configs.templateAccessibility,
+      ...angular.configs.templateAccessibility
     ],
-    rules: {},
+    rules: {}
   }
 );

package.json

@@ -8,7 +8,8 @@
     "watch": "ng build --watch --configuration development",
     "test": "ng test",
     "serve:ssr:diverintech.github.io": "node dist/diverintech.github.io/server/server.mjs",
-    "lint": "ng lint"
+    "lint": "ng lint",
+    "format": "prettier --write ."
   },
   "private": true,
   "dependencies": {

server.ts

@@ -20,9 +20,12 @@ export function app(): express.Express {
   // Example Express Rest API endpoints
   // server.get('/api/**', (req, res) => { });
   // Serve static files from /browser
-  server.get('*.*', express.static(browserDistFolder, {
-    maxAge: '1y'
-  }));
+  server.get(
+    '*.*',
+    express.static(browserDistFolder, {
+      maxAge: '1y'
+    })
+  );
 
   // All regular routes use the Angular engine
   server.get('*', (req, res, next) => {
@@ -34,7 +37,7 @@ export function app(): express.Express {
         documentFilePath: indexHtml,
         url: `${protocol}://${headers.host}${originalUrl}`,
         publicPath: browserDistFolder,
-        providers: [{ provide: APP_BASE_HREF, useValue: baseUrl }],
+        providers: [{ provide: APP_BASE_HREF, useValue: baseUrl }]
       })
       .then((html) => res.send(html))
       .catch((err) => next(err));

src/app/app.component.html

@@ -2,4 +2,4 @@
 <main>
   <router-outlet></router-outlet>
 </main>
-<app-footer *ngIf="!isHomePage"></app-footer>
+<app-footer *ngIf="!isHomePage"></app-footer>

src/app/app.component.ts

@@ -1,6 +1,11 @@
 import { Component, OnInit } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { NavigationEnd, Router, RouterModule, RouterOutlet } from '@angular/router';
+import {
+  NavigationEnd,
+  Router,
+  RouterModule,
+  RouterOutlet
+} from '@angular/router';
 import { FooterComponent } from './shared-components/footer/footer.component';
 import { TranslateModule } from '@ngx-translate/core';
 import { filter } from 'rxjs/operators';
@@ -10,22 +15,33 @@ import { NavbarComponent } from './shared-components/navbar/navbar.component';
 @Component({
   selector: 'app-root',
   standalone: true,
-  imports: [CommonModule, RouterOutlet, RouterModule, NavbarComponent, FooterComponent, TranslateModule],
+  imports: [
+    CommonModule,
+    RouterOutlet,
+    RouterModule,
+    NavbarComponent,
+    FooterComponent,
+    TranslateModule
+  ],
   templateUrl: './app.component.html',
   styleUrl: './app.component.scss'
 })
 export class AppComponent implements OnInit {
   public title = 'Curriculum';
   public isHomePage = false;
 
-  constructor(private translationService: TranslationService, private router: Router) { }
+  constructor(
+    private translationService: TranslationService,
+    private router: Router
+  ) {}
 
   ngOnInit(): void {
     this.translationService.setLang(this.translationService.defaultLang);
-    this.router.events.pipe(
-      filter(event => event instanceof NavigationEnd)
-    ).subscribe(() => {
-      this.isHomePage = this.router.url === '/' || this.router.url === '/home';
-    });
+    this.router.events
+      .pipe(filter((event) => event instanceof NavigationEnd))
+      .subscribe(() => {
+        this.isHomePage =
+          this.router.url === '/' || this.router.url === '/home';
+      });
   }
 }