From 15330a91e1106ac8f9f0a52e9103644d851a2c6b Mon Sep 17 00:00:00 2001
From: Gerome Grignon <gerome.grignon.lp2@gmail.com>
Date: Thu, 26 Oct 2023 00:28:59 +0200
Subject: [PATCH] chore: prettify

---
 .../src/app/models/http-exception.model.ts    |   5 +-
 .../demo/src/app/nx-welcome.component.ts      | 121 +++++++++++++++---
 apps/conduit/demo/src/index.html              |   2 +-
 apps/demo/index.html                          |   2 +-
 apps/storybook/index.html                     |   2 +-
 apps/storybook/public/index.css               |  28 +++-
 .../molecules/counter/counter.utils.ts        |   4 +-
 .../stories/utils/overview-element.module.css |   5 +-
 8 files changed, 137 insertions(+), 32 deletions(-)

diff --git a/apps/api/src/app/models/http-exception.model.ts b/apps/api/src/app/models/http-exception.model.ts
index 3a88dde14..59238501a 100644
--- a/apps/api/src/app/models/http-exception.model.ts
+++ b/apps/api/src/app/models/http-exception.model.ts
@@ -1,7 +1,10 @@
 class HttpException extends Error {
   errorCode: number;
 
-  constructor(errorCode: number, public readonly message: string | any) {
+  constructor(
+    errorCode: number,
+    public readonly message: string,
+  ) {
     super(message);
     this.errorCode = errorCode;
   }
diff --git a/apps/conduit/demo/src/app/nx-welcome.component.ts b/apps/conduit/demo/src/app/nx-welcome.component.ts
index 276257db8..58386d6e0 100644
--- a/apps/conduit/demo/src/app/nx-welcome.component.ts
+++ b/apps/conduit/demo/src/app/nx-welcome.component.ts
@@ -16,9 +16,21 @@ import { CommonModule } from '@angular/common';
     <style>
       html {
         -webkit-text-size-adjust: 100%;
-        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-          'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
-          'Segoe UI Symbol', 'Noto Color Emoji';
+        font-family:
+          ui-sans-serif,
+          system-ui,
+          -apple-system,
+          BlinkMacSystemFont,
+          'Segoe UI',
+          Roboto,
+          'Helvetica Neue',
+          Arial,
+          'Noto Sans',
+          sans-serif,
+          'Apple Color Emoji',
+          'Segoe UI Emoji',
+          'Segoe UI Symbol',
+          'Noto Color Emoji';
         line-height: 1.5;
         tab-size: 4;
         scroll-behavior: smooth;
@@ -73,7 +85,10 @@ import { CommonModule } from '@angular/common';
         padding: 0.5rem 0.75rem;
       }
       .shadow {
-        box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1),
+        box-shadow:
+          0 0 #0000,
+          0 0 #0000,
+          0 10px 15px -3px rgba(0, 0, 0, 0.1),
           0 4px 6px -2px rgba(0, 0, 0, 0.05);
       }
       .rounded {
@@ -181,8 +196,18 @@ import { CommonModule } from '@angular/common';
         display: flex;
         margin-top: 1rem;
         padding: 1rem;
-        transition-property: background-color, border-color, color, fill, stroke, opacity,
-          box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+        transition-property:
+          background-color,
+          border-color,
+          color,
+          fill,
+          stroke,
+          opacity,
+          box-shadow,
+          transform,
+          filter,
+          backdrop-filter,
+          -webkit-backdrop-filter;
         transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         transition-duration: 150ms;
         width: 100%;
@@ -190,8 +215,18 @@ import { CommonModule } from '@angular/common';
       .list-item-link svg:first-child {
         margin-right: 1rem;
         height: 1.5rem;
-        transition-property: background-color, border-color, color, fill, stroke, opacity,
-          box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+        transition-property:
+          background-color,
+          border-color,
+          color,
+          fill,
+          stroke,
+          opacity,
+          box-shadow,
+          transform,
+          filter,
+          backdrop-filter,
+          -webkit-backdrop-filter;
         transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         transition-duration: 150ms;
         width: 1.5rem;
@@ -199,8 +234,18 @@ import { CommonModule } from '@angular/common';
       .list-item-link > span {
         flex-grow: 1;
         font-weight: 400;
-        transition-property: background-color, border-color, color, fill, stroke, opacity,
-          box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+        transition-property:
+          background-color,
+          border-color,
+          color,
+          fill,
+          stroke,
+          opacity,
+          box-shadow,
+          transform,
+          filter,
+          backdrop-filter,
+          -webkit-backdrop-filter;
         transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         transition-duration: 150ms;
       }
@@ -211,8 +256,18 @@ import { CommonModule } from '@angular/common';
         font-size: 0.75rem;
         font-weight: 300;
         line-height: 1rem;
-        transition-property: background-color, border-color, color, fill, stroke, opacity,
-          box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+        transition-property:
+          background-color,
+          border-color,
+          color,
+          fill,
+          stroke,
+          opacity,
+          box-shadow,
+          transform,
+          filter,
+          backdrop-filter,
+          -webkit-backdrop-filter;
         transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         transition-duration: 150ms;
       }
@@ -241,15 +296,35 @@ import { CommonModule } from '@angular/common';
         padding: 1.5rem 2rem;
         margin-bottom: 2rem;
         transition-duration: 300ms;
-        transition-property: background-color, border-color, color, fill, stroke, opacity,
-          box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+        transition-property:
+          background-color,
+          border-color,
+          color,
+          fill,
+          stroke,
+          opacity,
+          box-shadow,
+          transform,
+          filter,
+          backdrop-filter,
+          -webkit-backdrop-filter;
         transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         align-items: center;
         display: flex;
       }
       .button-pill svg {
-        transition-property: background-color, border-color, color, fill, stroke, opacity,
-          box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+        transition-property:
+          background-color,
+          border-color,
+          color,
+          fill,
+          stroke,
+          opacity,
+          box-shadow,
+          transform,
+          filter,
+          backdrop-filter,
+          -webkit-backdrop-filter;
         transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         transition-duration: 150ms;
         flex-shrink: 0;
@@ -369,8 +444,18 @@ import { CommonModule } from '@angular/common';
         font-weight: 400;
         padding: 0.5rem;
         cursor: pointer;
-        transition-property: background-color, border-color, color, fill, stroke, opacity,
-          box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
+        transition-property:
+          background-color,
+          border-color,
+          color,
+          fill,
+          stroke,
+          opacity,
+          box-shadow,
+          transform,
+          filter,
+          backdrop-filter,
+          -webkit-backdrop-filter;
         transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         transition-duration: 150ms;
       }
diff --git a/apps/conduit/demo/src/index.html b/apps/conduit/demo/src/index.html
index 75e732f9f..d4553fff5 100644
--- a/apps/conduit/demo/src/index.html
+++ b/apps/conduit/demo/src/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
diff --git a/apps/demo/index.html b/apps/demo/index.html
index 4fb6feb35..e572a377e 100644
--- a/apps/demo/index.html
+++ b/apps/demo/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
diff --git a/apps/storybook/index.html b/apps/storybook/index.html
index 20b968e36..76aa0c26f 100644
--- a/apps/storybook/index.html
+++ b/apps/storybook/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
diff --git a/apps/storybook/public/index.css b/apps/storybook/public/index.css
index 2b9d77c97..8e9c85c92 100644
--- a/apps/storybook/public/index.css
+++ b/apps/storybook/public/index.css
@@ -67,7 +67,10 @@ body {
 dialog {
   border: none !important;
   border-radius: 20px;
-  box-shadow: 0 0 #0000, 0 0 #0000, 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  box-shadow:
+    0 0 #0000,
+    0 0 #0000,
+    0 25px 50px -12px rgba(0, 0, 0, 0.25);
   padding: 1.6rem;
   max-width: calc(100% - 3.2rem);
 }
@@ -309,7 +312,10 @@ dialog {
 }
 
 .rw-article-preview:hover {
-  box-shadow: 0 0 #0000, 0 0 #0000, 0 25px 50px -12px rgba(0, 0, 0, 0.5);
+  box-shadow:
+    0 0 #0000,
+    0 0 #0000,
+    0 25px 50px -12px rgba(0, 0, 0, 0.5);
   transform: scale(1.01);
 }
 
@@ -504,7 +510,9 @@ dialog {
 }
 
 .rw-btn-default:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 3px 5px var(--color-default);
+  box-shadow:
+    0 0 0 2px #ffffff,
+    0 0 3px 5px var(--color-default);
 }
 
 .rw-btn-primary {
@@ -513,7 +521,9 @@ dialog {
 }
 
 .rw-btn-primary:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 3px 5px var(--color-primary);
+  box-shadow:
+    0 0 0 2px #ffffff,
+    0 0 3px 5px var(--color-primary);
 }
 
 .rw-btn-secondary {
@@ -522,7 +532,9 @@ dialog {
 }
 
 .rw-btn-secondary:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 3px 5px var(--color-secondary);
+  box-shadow:
+    0 0 0 2px #ffffff,
+    0 0 3px 5px var(--color-secondary);
 }
 
 .rw-btn-warn {
@@ -531,7 +543,9 @@ dialog {
 }
 
 .rw-btn-warn:focus {
-  box-shadow: 0 0 0 2px #ffffff, 0 0 3px 5px var(--color-warn);
+  box-shadow:
+    0 0 0 2px #ffffff,
+    0 0 3px 5px var(--color-warn);
 }
 
 /* Avatar */
@@ -792,7 +806,7 @@ dialog {
 
 @media screen and (max-width: 750px) {
   .rw-profile-header__bio .rw-avatar-sm {
-    // display: none; // invert
+    /* display: none; */
   }
 
   .rw-profile-header__avatar {
diff --git a/apps/storybook/src/app/stories/molecules/counter/counter.utils.ts b/apps/storybook/src/app/stories/molecules/counter/counter.utils.ts
index c3b8dc619..7bd591ae2 100644
--- a/apps/storybook/src/app/stories/molecules/counter/counter.utils.ts
+++ b/apps/storybook/src/app/stories/molecules/counter/counter.utils.ts
@@ -12,8 +12,8 @@ const code = ({ active }: { active: boolean } = { active: false }) => `
   <aside class="rw-counter__container">
     <span>355</span>
     <button class="rw-favorite${active ? '-active' : ''}" aria-label="${
-  active ? 'un' : ''
-}like the article">
+      active ? 'un' : ''
+    }like the article">
       <svg xmlns="http://www.w3.org/2000/svg" height="24" width="24">
         <path
           d="m12 21-1.45-1.3q-2.525-2.275-4.175-3.925T3.75 12.812Q2.775 11.5 2.388 10.4 2 9.3 2 8.15 2 5.8 3.575 4.225 5.15 2.65 7.5 2.65q1.3 0 2.475.55T12 4.75q.85-1 2.025-1.55 1.175-.55 2.475-.55 2.35 0 3.925 1.575Q22 5.8 22 8.15q0 1.15-.387 2.25-.388 1.1-1.363 2.412-.975 1.313-2.625 2.963-1.65 1.65-4.175 3.925Zm0-2.7q2.4-2.15 3.95-3.688 1.55-1.537 2.45-2.674.9-1.138 1.25-2.026.35-.887.35-1.762 0-1.5-1-2.5t-2.5-1q-1.175 0-2.175.662-1 .663-1.375 1.688h-1.9q-.375-1.025-1.375-1.688-1-.662-2.175-.662-1.5 0-2.5 1t-1 2.5q0 .875.35 1.762.35.888 1.25 2.026.9 1.137 2.45 2.674Q9.6 16.15 12 18.3Zm0-6.825Z"/>
diff --git a/apps/storybook/src/app/stories/utils/overview-element.module.css b/apps/storybook/src/app/stories/utils/overview-element.module.css
index 481d4134a..dabb52a84 100644
--- a/apps/storybook/src/app/stories/utils/overview-element.module.css
+++ b/apps/storybook/src/app/stories/utils/overview-element.module.css
@@ -37,7 +37,10 @@
   padding: 20px 30px 20px 15px;
   border: 1px solid #00000010;
   border-radius: 5px;
-  transition: background 150ms ease-out, border 150ms ease-out, transform 150ms ease-out;
+  transition:
+    background 150ms ease-out,
+    border 150ms ease-out,
+    transform 150ms ease-out;
   display: flex;
   align-items: flex-start;
   text-decoration: none;