fontastic 0.1.3 → 0.1.7

package/.node-version

@@ -1 +1 @@
-16
+18

package/angular.json

@@ -190,5 +190,13 @@
       }
     }
   },
-  "defaultProject": "angular-electron"
+  "defaultProject": "angular-electron",
+  "schematics": {
+    "@angular-eslint/schematics:application": {
+      "setParserOptionsProject": true
+    },
+    "@angular-eslint/schematics:library": {
+      "setParserOptionsProject": true
+    }
+  }
 }

package/angular.webpack.js

@@ -8,7 +8,7 @@ module.exports = (config, options) => {
     config.target = 'electron-renderer';
 
     if (options.fileReplacements) {
-        for(let fileReplacement of options.fileReplacements) {
+        for (let fileReplacement of options.fileReplacements) {
             if (fileReplacement.replace !== 'src/environments/environment.ts') {
                 continue;
             }
@@ -24,9 +24,12 @@ module.exports = (config, options) => {
     config.plugins = [
         ...config.plugins,
         new NodePolyfillPlugin({
-			  excludeAliases: ["console"]
-		})
+            excludeAliases: ["console"]
+        })
     ];
 
+    // https://github.com/ryanclark/karma-webpack/issues/497
+    config.output.globalObject = 'globalThis';
+
     return config;
 }

package/app/package-lock.json

@@ -1,12 +1,12 @@
 {
-  "name": "typepress",
-  "version": "0.1.0",
+  "name": "fontastic",
+  "version": "0.1.6",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "typepress",
-      "version": "0.1.0",
+      "name": "fontastic",
+      "version": "0.1.6",
       "dependencies": {
         "@mozilla/readability": "^0.4.2",
         "electron-is-dev": "^2.0.0",

package/app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fontastic",
-  "version": "0.1.3",
+  "version": "0.1.7",
   "description": "A gorgeous multi-platform font management application.",
   "private": false,
   "author": {

package/docs/screenshots/readme.md

@@ -1,4 +1,4 @@
-# Typepress Screen Shots
+# Screen Shots
  
 ![](screen-grab1.png)
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fontastic",
-  "version": "0.1.3",
+  "version": "0.1.7",
   "description": "A gorgeous multi-platform font management application.",
   "homepage": "https://github.com/tomshaw/fontastic",
   "private": false,
@@ -38,14 +38,14 @@
     "lint": "ng lint"
   },
   "dependencies": {
-    "@angular/common": "14.2.6",
-    "@angular/compiler": "14.2.6",
-    "@angular/core": "14.2.6",
-    "@angular/forms": "14.2.6",
-    "@angular/language-service": "14.2.6",
-    "@angular/platform-browser": "14.2.6",
-    "@angular/platform-browser-dynamic": "14.2.6",
-    "@angular/router": "14.2.6",
+    "@angular/common": "15.1.5",
+    "@angular/compiler": "15.1.5",
+    "@angular/core": "15.1.5",
+    "@angular/forms": "15.1.5",
+    "@angular/language-service": "15.1.5",
+    "@angular/platform-browser": "15.1.5",
+    "@angular/platform-browser-dynamic": "15.1.5",
+    "@angular/router": "15.1.5",
     "@tailwindcss/forms": "0.5.3",
     "@tailwindcss/typography": "0.5.8",
     "chart.js": "4.1.1",
@@ -53,6 +53,7 @@
     "electron-log": "4.4.8",
     "electron-store": "8.1.0",
     "gsap": "3.11.4",
+    "material-icons": "1.13.2",
     "mime": "3.0.0",
     "mysql": "2.18.1",
     "node-machine-id": "1.1.12",
@@ -60,43 +61,44 @@
     "postcss": "8.4.20",
     "pretty-bytes": "6.0.0",
     "reflect-metadata": "0.1.13",
-    "rxjs": "7.5.7",
+    "rxjs": "7.8.0",
     "sqlite3": "5.1.4",
     "sudo-prompt": "9.2.1",
     "ts-md5": "1.3.1",
-    "tslib": "^2.4.0",
+    "tslib": "^2.5.0",
     "typeorm": "0.3.11",
-    "zone.js": "~0.11.8"
+    "zone.js": "~0.12.0"
   },
   "devDependencies": {
-    "@angular-builders/custom-webpack": "14.0.1",
-    "@angular-devkit/build-angular": "14.2.6",
-    "@angular-eslint/builder": "14.1.2",
-    "@angular-eslint/eslint-plugin": "14.1.2",
-    "@angular-eslint/eslint-plugin-template": "14.1.2",
-    "@angular-eslint/schematics": "14.1.2",
-    "@angular-eslint/template-parser": "14.1.2",
-    "@angular/cli": "14.2.6",
-    "@angular/compiler-cli": "14.2.6",
+    "@angular-builders/custom-webpack": "15.0.0",
+
+    "@angular-devkit/build-angular": "15.1.6",
+    "@angular-eslint/builder": "15.2.1",
+    "@angular-eslint/eslint-plugin": "15.2.1",
+    "@angular-eslint/eslint-plugin-template": "15.2.1",
+    "@angular-eslint/schematics": "15.2.1",
+    "@angular-eslint/template-parser": "15.2.1",
+    "@angular/cli": "15.1.6",
+    "@angular/compiler-cli": "15.1.5",
     "@ngx-translate/core": "14.0.0",
     "@ngx-translate/http-loader": "7.0.0",
-    "@playwright/test": "1.27.1",
-    "@types/jasmine": "4.3.0",
+    "@playwright/test": "1.30.0",
+    "@types/jasmine": "4.3.1",
     "@types/jasminewd2": "2.0.10",
-    "@types/node": "18.11.0",
+    "@types/node": "18.14.0",
     "@types/opentype.js": "1.3.4",
-    "@typescript-eslint/eslint-plugin": "5.40.0",
-    "@typescript-eslint/parser": "5.40.0",
+    "@typescript-eslint/eslint-plugin": "5.48.0",
+    "@typescript-eslint/parser": "5.48.0",
     "conventional-changelog-cli": "2.2.2",
-    "electron": "21.1.1",
+    "electron": "23.1.0",
     "electron-builder": "23.6.0",
     "electron-debug": "3.2.0",
     "electron-reloader": "1.2.3",
-    "eslint": "8.25.0",
-    "eslint-plugin-import": "2.26.0",
-    "eslint-plugin-jsdoc": "39.3.6",
+    "eslint": "8.34.0",
+    "eslint-plugin-import": "2.27.5",
+    "eslint-plugin-jsdoc": "39.7.5",
     "eslint-plugin-prefer-arrow": "1.2.3",
-    "jasmine-core": "4.4.0",
+    "jasmine-core": "4.5.0",
     "jasmine-spec-reporter": "7.0.0",
     "karma": "6.4.1",
     "karma-coverage-istanbul-reporter": "3.0.3",
@@ -105,17 +107,17 @@
     "karma-jasmine-html-reporter": "2.0.0",
     "node-polyfill-webpack-plugin": "2.0.1",
     "npm-run-all": "4.1.5",
-    "playwright": "1.27.1",
+    "playwright": "1.30.0",
     "tailwindcss": "3.2.4",
     "ts-node": "10.9.1",
-    "typescript": "4.8.4",
-    "wait-on": "6.0.1",
+    "typescript": "~4.8.4",
+    "wait-on": "7.0.1",
     "webdriver-manager": "12.1.8"
   },
   "engines": {
-    "node": ">= 14.15.0"
+    "node": ">= 14.20.0 || >= 16.13.0 || >= 18.10.0"
   },
   "browserslist": [
-    "chrome 100"
+    "chrome 110"
   ]
 }

package/src/app/app.component.html

@@ -1 +1,2 @@
 <router-outlet></router-outlet>
+<app-splash-screen></app-splash-screen>

package/src/app/pages/main/grid/grid.component.html

@@ -6,19 +6,32 @@
         <thead>
           <tr>
             <th class="sorting sort_center sort_input" (click)="handleSort('activated')">
-              <span *ngIf="queryOptions.order.direction === 'DESC' && queryOptions.order.column === 'activated'">&uarr;</span>
-              <span *ngIf="queryOptions.order.direction === 'ASC' && queryOptions.order.column === 'activated'">&darr;</span>
+              <span class="material-icons" *ngIf="queryOptions.order.direction === 'DESC' && queryOptions.order.column === 'activated'">arrow_drop_up</span>
+              <span class="material-icons" *ngIf="queryOptions.order.direction === 'ASC' && queryOptions.order.column === 'activated'">arrow_drop_down</span>
+              <span class="material-icons" *ngIf="queryOptions.order.column !== 'activated'">swap_vert</span>
             </th>
             <th class="sorting sort_center sort_input" (click)="handleSort('temporary')" *ngIf="isWindows">
-              <span *ngIf="queryOptions.order.direction === 'DESC' && queryOptions.order.column === 'temporary'">&uarr;</span>
-              <span *ngIf="queryOptions.order.direction === 'ASC' && queryOptions.order.column === 'temporary'">&darr;</span>
+              <span class="material-icons" *ngIf="queryOptions.order.direction === 'DESC' && queryOptions.order.column === 'temporary'">arrow_drop_up</span>
+              <span class="material-icons" *ngIf="queryOptions.order.direction === 'ASC' && queryOptions.order.column === 'temporary'">arrow_drop_down</span>
+              <span class="material-icons" *ngIf="queryOptions.order.column !== 'temporary'">swap_vert</span>
+            </th>
+            <th class="sorting text-left" (click)="handleSort('id')">
+              <span class="flex items-center justify-between w-full">
+                <span>ID</span>
+                <span>
+                  <span class="material-icons" *ngIf="queryOptions.order.direction === 'DESC' && queryOptions.order.column === 'id'">arrow_drop_up</span>
+                  <span class="material-icons" *ngIf="queryOptions.order.direction === 'ASC' && queryOptions.order.column === 'id'">arrow_drop_down</span>
+                  <span class="material-icons" *ngIf="queryOptions.order.column !== 'id'">swap_vert</span>
+                </span>
+              </span>
             </th>
             <th class="sorting text-left" (click)="handleSort('full_name')">
               <span class="flex items-center justify-between w-full">
                 <span>Name</span>
                 <span>
-                  <span *ngIf="queryOptions.order.direction === 'DESC' && queryOptions.order.column === 'full_name'">&uarr;</span>
-                  <span *ngIf="queryOptions.order.direction === 'ASC' && queryOptions.order.column === 'full_name'">&darr;</span>
+                  <span class="material-icons" *ngIf="queryOptions.order.direction === 'DESC' && queryOptions.order.column === 'full_name'">arrow_drop_up</span>
+                  <span class="material-icons" *ngIf="queryOptions.order.direction === 'ASC' && queryOptions.order.column === 'full_name'">arrow_drop_down</span>
+                  <span class="material-icons" *ngIf="queryOptions.order.column !== 'full_name'">swap_vert</span>
                 </span>
               </span>
             </th>
@@ -26,8 +39,9 @@
               <span class="flex items-center justify-between w-full">
                 <span>Family</span>
                 <span>
-                  <span *ngIf="queryOptions.order.direction === 'DESC' && queryOptions.order.column === 'font_family'">&uarr;</span>
-                  <span *ngIf="queryOptions.order.direction === 'ASC' && queryOptions.order.column === 'font_family'">&darr;</span>
+                  <span class="material-icons" *ngIf="queryOptions.order.direction === 'DESC' && queryOptions.order.column === 'font_family'">arrow_drop_up</span>
+                  <span class="material-icons" *ngIf="queryOptions.order.direction === 'ASC' && queryOptions.order.column === 'font_family'">arrow_drop_down</span>
+                  <span class="material-icons" *ngIf="queryOptions.order.column !== 'font_family'">swap_vert</span>
                 </span>
               </span>
             </th>
@@ -35,8 +49,9 @@
               <span class="flex items-center justify-between w-full">
                 <span>Type</span>
                 <span>
-                  <span *ngIf="queryOptions.order.direction === 'DESC' && queryOptions.order.column === 'file_type'">&uarr;</span>
-                  <span *ngIf="queryOptions.order.direction === 'ASC' && queryOptions.order.column === 'file_type'">&darr;</span>
+                  <span class="material-icons" *ngIf="queryOptions.order.direction === 'DESC' && queryOptions.order.column === 'file_type'">arrow_drop_up</span>
+                  <span class="material-icons" *ngIf="queryOptions.order.direction === 'ASC' && queryOptions.order.column === 'file_type'">arrow_drop_down</span>
+                  <span class="material-icons" *ngIf="queryOptions.order.column !== 'file_type'">swap_vert</span>
                 </span>
               </span>
             </th>
@@ -44,8 +59,9 @@
               <span class="flex items-center justify-between w-full">
                 <span>Size</span>
                 <span>
-                  <span *ngIf="queryOptions.order.direction === 'DESC' && queryOptions.order.column === 'file_size'">&uarr;</span>
-                  <span *ngIf="queryOptions.order.direction === 'ASC' && queryOptions.order.column === 'file_size'">&darr;</span>
+                  <span class="material-icons" *ngIf="queryOptions.order.direction === 'DESC' && queryOptions.order.column === 'file_size'">arrow_drop_up</span>
+                  <span class="material-icons" *ngIf="queryOptions.order.direction === 'ASC' && queryOptions.order.column === 'file_size'">arrow_drop_down</span>
+                  <span class="material-icons" *ngIf="queryOptions.order.column !== 'file_size'">swap_vert</span>
                 </span>
               </span>
             </th>
@@ -53,8 +69,9 @@
               <span class="flex items-center justify-between w-full">
                 <span>Designer</span>
                 <span>
-                  <span *ngIf="queryOptions.order.direction === 'DESC' && queryOptions.order.column === 'designer'">&uarr;</span>
-                  <span *ngIf="queryOptions.order.direction === 'ASC' && queryOptions.order.column === 'designer'">&darr;</span>
+                  <span class="material-icons" *ngIf="queryOptions.order.direction === 'DESC' && queryOptions.order.column === 'designer'">arrow_drop_up</span>
+                  <span class="material-icons" *ngIf="queryOptions.order.direction === 'ASC' && queryOptions.order.column === 'designer'">arrow_drop_down</span>
+                  <span class="material-icons" *ngIf="queryOptions.order.column !== 'designer'">swap_vert</span>
                 </span>
               </span>
             </th>
@@ -62,8 +79,9 @@
               <span class="flex items-center justify-between w-full">
                 <span>Manufacturer</span>
                 <span>
-                  <span *ngIf="queryOptions.order.direction === 'DESC' && queryOptions.order.column === 'manufacturer'">&uarr;</span>
-                  <span *ngIf="queryOptions.order.direction === 'ASC' && queryOptions.order.column === 'manufacturer'">&darr;</span>
+                  <span class="material-icons" *ngIf="queryOptions.order.direction === 'DESC' && queryOptions.order.column === 'manufacturer'">arrow_drop_up</span>
+                  <span class="material-icons" *ngIf="queryOptions.order.direction === 'ASC' && queryOptions.order.column === 'manufacturer'">arrow_drop_down</span>
+                  <span class="material-icons" *ngIf="queryOptions.order.column !== 'manufacturer'">swap_vert</span>
                 </span>
               </span>
             </th>
@@ -71,8 +89,9 @@
               <span class="flex items-center justify-between w-full">
                 <span>Version</span>
                 <span>
-                  <span *ngIf="queryOptions.order.direction === 'DESC' && queryOptions.order.column === 'version'">&uarr;</span>
-                  <span *ngIf="queryOptions.order.direction === 'ASC' && queryOptions.order.column === 'version'">&darr;</span>
+                  <span class="material-icons" *ngIf="queryOptions.order.direction === 'DESC' && queryOptions.order.column === 'version'">arrow_drop_up</span>
+                  <span class="material-icons" *ngIf="queryOptions.order.direction === 'ASC' && queryOptions.order.column === 'version'">arrow_drop_down</span>
+                  <span class="material-icons" *ngIf="queryOptions.order.column !== 'version'">swap_vert</span>
                 </span>
               </span>
             </th>
@@ -80,8 +99,9 @@
               <span class="flex items-center justify-between w-full">
                 <span>Unique Id</span>
                 <span>
-                  <span *ngIf="queryOptions.order.direction === 'DESC' && queryOptions.order.column === 'unique_id'">&uarr;</span>
-                  <span *ngIf="queryOptions.order.direction === 'ASC' && queryOptions.order.column === 'unique_id'">&darr;</span>
+                  <span class="material-icons" *ngIf="queryOptions.order.direction === 'DESC' && queryOptions.order.column === 'unique_id'">arrow_drop_up</span>
+                  <span class="material-icons" *ngIf="queryOptions.order.direction === 'ASC' && queryOptions.order.column === 'unique_id'">arrow_drop_down</span>
+                  <span class="material-icons" *ngIf="queryOptions.order.column !== 'unique_id'">swap_vert</span>
                 </span>
               </span>
             </th>
@@ -89,8 +109,9 @@
               <span class="flex items-center justify-between w-full">
                 <span>Created</span>
                 <span>
-                  <span *ngIf="queryOptions.order.direction === 'DESC' && queryOptions.order.column === 'created'">&uarr;</span>
-                  <span *ngIf="queryOptions.order.direction === 'ASC' && queryOptions.order.column === 'created'">&darr;</span>
+                  <span class="material-icons" *ngIf="queryOptions.order.direction === 'DESC' && queryOptions.order.column === 'created'">arrow_drop_up</span>
+                  <span class="material-icons" *ngIf="queryOptions.order.direction === 'ASC' && queryOptions.order.column === 'created'">arrow_drop_down</span>
+                  <span class="material-icons" *ngIf="queryOptions.order.column !== 'created'">swap_vert</span>
                 </span>
               </span>
             </th>
@@ -98,8 +119,9 @@
               <span class="flex items-center justify-between w-full">
                 <span>Updated</span>
                 <span>
-                  <span *ngIf="queryOptions.order.direction === 'DESC' && queryOptions.order.column === 'updated'">&uarr;</span>
-                  <span *ngIf="queryOptions.order.direction === 'ASC' && queryOptions.order.column === 'updated'">&darr;</span>
+                  <span class="material-icons" *ngIf="queryOptions.order.direction === 'DESC' && queryOptions.order.column === 'updated'">arrow_drop_up</span>
+                  <span class="material-icons" *ngIf="queryOptions.order.direction === 'ASC' && queryOptions.order.column === 'updated'">arrow_drop_down</span>
+                  <span class="material-icons" *ngIf="queryOptions.order.column !== 'updated'">swap_vert</span>
                 </span>
               </span>
             </th>
@@ -138,6 +160,7 @@
                 </ng-template>
               </ng-container>
 
+              <td class="text-left">{{ item.id }}</td>
               <td class="text-left">{{ item.full_name }}</td>
               <td class="text-left">{{ item.font_family }}</td>
               <td class="text-center">{{ item.file_type }}</td>

package/src/app/shared/components/index.ts

@@ -13,4 +13,5 @@ export * from './search/search.component';
 export * from './settings/settings.component';
 export * from './store/store.component';
 export * from './spinner/spinner.component';
+export * from './splash-screen/splash-screen.component';
 export * from './typescale/typescale.component';

package/src/app/shared/components/splash-screen/splash-screen.component.html

@@ -0,0 +1,5 @@
+<div class="splash-screen" *ngIf="showSplash">
+  <span class="d">.</span>
+  <span class="d d-2">.</span>
+  <span class="d d-3">.</span>
+</div>

package/src/app/shared/components/splash-screen/splash-screen.component.scss

@@ -0,0 +1,31 @@
+.splash-screen {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: #fff;
+    .d {
+        font-size: 28px;
+        animation: dots 1.5s ease-out infinite;
+    }
+    .d-2 {
+        animation-delay: .5s;
+    }
+    .d-3 {
+        animation-delay: 1s;
+    }
+}
+
+@keyframes dots {
+    50% {
+        transform: translateY(-.4rem);
+    }
+
+    100% {
+        transform: translateY(0);
+    }
+}

package/src/app/shared/components/splash-screen/splash-screen.component.ts

@@ -0,0 +1,17 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-splash-screen',
+  templateUrl: './splash-screen.component.html',
+  styleUrls: ['./splash-screen.component.scss']
+})
+export class SplashScreenComponent implements OnInit {
+  showSplash = true;
+
+  constructor() { }
+
+  ngOnInit(): void {
+    setTimeout(() => this.showSplash = !this.showSplash, 1e3);
+  }
+
+}

package/src/app/shared/shared.module.ts

@@ -3,7 +3,7 @@ import { CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { TranslateModule } from '@ngx-translate/core';
-import { AlertComponent, BreadcrumbsComponent, ButtonComponent, GlyphListComponent, GlyphViewComponent, LoadingComponent, ModalComponent, PageNotFoundComponent, PaginatorComponent, PairingComponent, SpinnerComponent, SearchComponent, SettingsComponent, StoreComponent, TablesComponent, TypescaleComponent } from './components/';
+import { AlertComponent, BreadcrumbsComponent, ButtonComponent, GlyphListComponent, GlyphViewComponent, LoadingComponent, ModalComponent, PageNotFoundComponent, PaginatorComponent, PairingComponent, SpinnerComponent, SplashScreenComponent, SearchComponent, SettingsComponent, StoreComponent, TablesComponent, TypescaleComponent } from './components/';
 import { WebviewDirective, GravatarDirective } from './directives/';
 import { SafeHtmlPipe } from './pipes/safehtml.pipe';
 import { PrettyBytesPipe } from './pipes/prettybytes.pipe';
@@ -52,7 +52,8 @@ import { FormCollectionComponent } from './components/collection/form-collection
     SystemComponent,
     CreateCollectionComponent,
     UpdateCollectionComponent,
-    FormCollectionComponent
+    FormCollectionComponent,
+    SplashScreenComponent
   ],
   imports: [
     CommonModule,
@@ -86,7 +87,8 @@ import { FormCollectionComponent } from './components/collection/form-collection
     SystemComponent,
     CreateCollectionComponent,
     UpdateCollectionComponent,
-    FormCollectionComponent
+    FormCollectionComponent,
+    SplashScreenComponent
   ]
 })
 export class SharedModule { }

package/src/index.html

@@ -8,48 +8,6 @@
   <link rel="icon" type="image/x-icon" href="assets/icons/favicon.ico">
 </head>
 <body class="app-loading" data-theme="default">
-  <app-root>
-    <style>
-      app-root {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        height: 100vh;
-        color: pink;
-      }
-
-      body {
-        background: #fff;
-        margin: 0;
-        padding: 0;
-      }
-
-      @keyframes dots {
-        50% {
-          transform: translateY(-.4rem);
-        }
-
-        100% {
-          transform: translateY(0);
-        }
-      }
-
-      .d {
-        animation: dots 1.5s ease-out infinite;
-      }
-
-      .d-2 {
-        animation-delay: .5s;
-      }
-
-      .d-3 {
-        animation-delay: 1s;
-      }
-    </style>
-
-    <span class="d">.</span>
-    <span class="d d-2">.</span>
-    <span class="d d-3">.</span>
-  </app-root>
+  <app-root></app-root>
 </body>
 </html>

package/src/styles/components/tables.scss

@@ -21,7 +21,7 @@ Tables
         }
 
         th {
-            @apply cursor-pointer p-3;
+            @apply cursor-pointer px-3 py-1.5;
             .material-icons {
                 color: #fff;
             }
@@ -31,9 +31,9 @@ Tables
             @apply p-3;
         }
 
-        th:not(.sort_input) {
-            min-width: 120px;
-        }
+        // th:not(.sort_input) {
+        //     min-width: 160px;
+        // }
 
         th.sort_input {
             min-width: 40px;

package/src/test.ts

@@ -7,16 +7,11 @@ import {
   platformBrowserDynamicTesting
 } from '@angular/platform-browser-dynamic/testing';
 
-declare const require: any;
 
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(
   BrowserDynamicTestingModule,
   platformBrowserDynamicTesting(), {
     teardown: { destroyAfterEach: false }
-}
+  }
 );
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().map(context);

package/tsconfig.json

@@ -2,23 +2,25 @@
   "compileOnSave": false,
   "compilerOptions": {
     "outDir": "./dist/out-tsc",
-    "module": "es2020",
+    "module": "es2022",
     "sourceMap": true,
     "declaration": false,
     "moduleResolution": "node",
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
     "allowJs": true,
-    "target": "es2015",
+    "target": "es2022",
     "typeRoots": [
       "node_modules/@types"
     ],
     "lib": [
+      "es2018",
       "es2017",
       "es2016",
       "es2015",
       "dom"
     ],
+    "useDefineForClassFields": false,
     "baseUrl": "src",
     "paths": {
       "@app/*": ["app/*"],