fontastic 0.1.7 → 1.0.0

package/package.json

@@ -1,123 +1,122 @@
-{
-  "name": "fontastic",
-  "version": "0.1.7",
-  "description": "A gorgeous multi-platform font management application.",
-  "homepage": "https://github.com/tomshaw/fontastic",
-  "private": false,
-  "author": {
-    "name": "Tom Shaw",
-    "email": "dev@tomshaw.us"
-  },
-  "keywords": [
-    "angular",
-    "electron",
-    "font",
-    "type",
-    "typography"
-  ],
-  "main": "app/main.js",
-  "scripts": {
-    "postinstall": "electron-builder install-app-deps",
-    "ng": "ng",
-    "start": "npm-run-all -p electron:serve ng:serve",
-    "ng:serve": "ng serve -c web -o",
-    "build": "npm run electron:serve-tsc && ng build --base-href ./",
-    "build:dev": "npm run build -- -c dev",
-    "build:prod": "npm run build -- -c production",
-    "web:build": "npm run build -- -c web-production",
-    "electron": "electron",
-    "electron:serve-tsc": "tsc -p tsconfig.serve.json",
-    "electron:serve": "wait-on tcp:4200 && npm run electron:serve-tsc && electron . --serve",
-    "electron:local": "npm run build:prod && electron .",
-    "electron:build": "npm run build:prod && electron-builder build --publish=never",
-    "test": "ng test --watch=false",
-    "test:watch": "ng test",
-    "e2e": "npm run build:prod && playwright test -c e2e/playwright.config.ts e2e/",
-    "e2e:show-trace": "playwright show-trace e2e/tracing/trace.zip",
-    "version": "conventional-changelog -i CHANGELOG.md -s -r 0 && git add CHANGELOG.md",
-    "lint": "ng lint"
-  },
-  "dependencies": {
-    "@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",
-    "dot-prop": "7.2.0",
-    "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",
-    "opentype.js": "1.3.4",
-    "postcss": "8.4.20",
-    "pretty-bytes": "6.0.0",
-    "reflect-metadata": "0.1.13",
-    "rxjs": "7.8.0",
-    "sqlite3": "5.1.4",
-    "sudo-prompt": "9.2.1",
-    "ts-md5": "1.3.1",
-    "tslib": "^2.5.0",
-    "typeorm": "0.3.11",
-    "zone.js": "~0.12.0"
-  },
-  "devDependencies": {
-    "@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.30.0",
-    "@types/jasmine": "4.3.1",
-    "@types/jasminewd2": "2.0.10",
-    "@types/node": "18.14.0",
-    "@types/opentype.js": "1.3.4",
-    "@typescript-eslint/eslint-plugin": "5.48.0",
-    "@typescript-eslint/parser": "5.48.0",
-    "conventional-changelog-cli": "2.2.2",
-    "electron": "23.1.0",
-    "electron-builder": "23.6.0",
-    "electron-debug": "3.2.0",
-    "electron-reloader": "1.2.3",
-    "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.5.0",
-    "jasmine-spec-reporter": "7.0.0",
-    "karma": "6.4.1",
-    "karma-coverage-istanbul-reporter": "3.0.3",
-    "karma-electron": "7.3.0",
-    "karma-jasmine": "5.1.0",
-    "karma-jasmine-html-reporter": "2.0.0",
-    "node-polyfill-webpack-plugin": "2.0.1",
-    "npm-run-all": "4.1.5",
-    "playwright": "1.30.0",
-    "tailwindcss": "3.2.4",
-    "ts-node": "10.9.1",
-    "typescript": "~4.8.4",
-    "wait-on": "7.0.1",
-    "webdriver-manager": "12.1.8"
-  },
-  "engines": {
-    "node": ">= 14.20.0 || >= 16.13.0 || >= 18.10.0"
-  },
-  "browserslist": [
-    "chrome 110"
-  ]
-}
+{
+  "name": "fontastic",
+  "version": "1.0.0",
+  "description": "A gorgeous multi-platform font management application.",
+  "homepage": "https://github.com/tomshaw/fontastic",
+  "private": false,
+  "author": {
+    "name": "Tom Shaw",
+    "email": "tom@tomshaw.us"
+  },
+  "keywords": [
+    "angular",
+    "angular 21",
+    "electron",
+    "electron 40",
+    "nodejs",
+    "typescript",
+    "vitest",
+    "playwright",
+    "eslint",
+    "windows",
+    "mac",
+    "linux"
+  ],
+  "main": "app/main.js",
+  "scripts": {
+    "postinstall": "electron-builder install-app-deps",
+    "ng": "ng",
+    "start": "npm-run-all -p electron:serve ng:serve",
+    "ng:serve": "ng serve -c dev -o",
+    "build": "npm run electron:serve-tsc && ng build --base-href ./",
+    "web:dev": "npm run build",
+    "web:prod": "npm run build -- -c production",
+    "electron": "electron",
+    "electron:serve-tsc": "tsc -p tsconfig.serve.json",
+    "electron:serve-tsc:watch": "tsc -p tsconfig.serve.json --watch --preserveWatchOutput",
+    "electron:start": "electron . --serve",
+    "electron:serve": "wait-on tcp:4200 && npm run electron:serve-tsc && npm-run-all -p electron:serve-tsc:watch electron:start",
+    "electron:local": "npm run web:dev && electron .",
+    "electron:build": "npm run web:prod && electron-builder build --publish=never",
+    "test": "ng test --watch=false",
+    "test:watch": "ng test",
+    "e2e": "npm run web:prod && playwright test -c e2e/playwright.config.ts e2e/",
+    "e2e:show-trace": "playwright show-trace e2e/tracing/trace.zip",
+    "lint": "eslint \"src/**/*.{ts,html}\"",
+    "lint:fix": "eslint --fix \"src/**/*.{ts,html}\"",
+    "format": "prettier --write \"src/**/*.{ts,html,scss,json}\"",
+    "format:check": "prettier --check \"src/**/*.{ts,html,scss,json}\"",
+    "knip": "knip",
+    "postversion": "node -e \"const fs=require('fs');const app=JSON.parse(fs.readFileSync('./app/package.json'));app.version=require('./package.json').version;fs.writeFileSync('./app/package.json',JSON.stringify(app,null,2)+'\\n');\" && git add app/package.json",
+    "prepare": "husky"
+  },
+  "dependencies": {
+    "@angular/cdk": "21.2.1",
+    "@angular/common": "21.2.0",
+    "@angular/compiler": "21.2.0",
+    "@angular/core": "21.2.0",
+    "@angular/forms": "21.2.0",
+    "@angular/language-service": "21.2.0",
+    "@angular/platform-browser": "21.2.0",
+    "@angular/platform-browser-dynamic": "21.2.0",
+    "@angular/router": "21.2.0",
+    "@fontsource-variable/inter": "5.2.8",
+    "electron-store": "11.0.2",
+    "fontkit": "2.0.4",
+    "material-icons": "1.13.14",
+    "rxjs": "7.8.2",
+    "tslib": "2.8.1",
+    "zone.js": "0.16.1"
+  },
+  "devDependencies": {
+    "@angular-eslint/builder": "21.2.0",
+    "@angular-eslint/eslint-plugin": "21.2.0",
+    "@angular-eslint/eslint-plugin-template": "21.2.0",
+    "@angular-eslint/schematics": "21.2.0",
+    "@angular-eslint/template-parser": "21.2.0",
+    "@angular/build": "21.2.0",
+    "@angular/cli": "21.2.0",
+    "@angular/compiler-cli": "21.2.0",
+    "@ngx-translate/core": "17.0.0",
+    "@ngx-translate/http-loader": "17.0.0",
+    "@playwright/test": "1.58.2",
+    "@tailwindcss/postcss": "4.2.1",
+    "@types/node": "24.10.15",
+    "@typescript-eslint/eslint-plugin": "8.56.1",
+    "@typescript-eslint/parser": "8.56.1",
+    "@vitest/browser-playwright": "4.0.18",
+    "@vitest/coverage-v8": "4.0.18",
+    "@vitest/ui": "4.0.18",
+    "electron": "40.6.1",
+    "electron-builder": "26.8.1",
+    "electron-debug": "4.1.0",
+    "electron-reloader": "1.2.3",
+    "eslint": "9.39.1",
+    "eslint-config-prettier": "10.1.8",
+    "eslint-plugin-import": "2.32.0",
+    "eslint-plugin-jsdoc": "62.7.1",
+    "eslint-plugin-prefer-arrow": "1.2.3",
+    "globals": "17.4.0",
+    "husky": "9.1.7",
+    "jsdom": "28.1.0",
+    "knip": "5.85.0",
+    "lint-staged": "16.3.2",
+    "npm-run-all": "4.1.5",
+    "playwright": "1.58.2",
+    "postcss": "8.5.7",
+    "prettier": "3.8.1",
+    "tailwindcss": "4.2.1",
+    "ts-node": "10.9.2",
+    "typescript": "5.9.3",
+    "vitest": "4.0.18",
+    "wait-on": "9.0.4",
+    "webdriver-manager": "13.0.2"
+  },
+  "engines": {
+    "node": ">= 22.12.0 || >= 24.0.0",
+    "typescript": ">= 5.8.0 < 5.9.0"
+  },
+  "browserslist": [
+    "chrome 140"
+  ]
+}

package/src/app/app.component.html

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

package/src/app/app.component.spec.ts

@@ -0,0 +1,21 @@
+import { TestBed } from '@angular/core/testing';
+import { AppComponent } from './app.component';
+import { TranslateModule } from '@ngx-translate/core';
+import { ElectronService } from './core/services';
+import { provideRouter } from '@angular/router';
+
+describe('AppComponent', () => {
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [],
+      imports: [AppComponent, TranslateModule.forRoot()],
+      providers: [provideRouter([]), ElectronService],
+    }).compileComponents();
+  });
+
+  it('should create the app', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  });
+});

package/src/app/app.component.ts

@@ -1,37 +1,40 @@
-import { Component, OnInit, ElementRef } from '@angular/core';
-import { TranslateService } from '@ngx-translate/core';
-import { delay } from 'rxjs/operators';
-import { ConfigService, PresentationService } from './core/services';
-import { gsap } from 'gsap';
-import { ScrollToPlugin } from 'gsap/ScrollToPlugin';
-
-gsap.registerPlugin(ScrollToPlugin);
-
-@Component({
-  selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss']
-})
-export class AppComponent implements OnInit {
-
-  constructor(
-    private translate: TranslateService,
-    private configService: ConfigService,
-    private presentationService: PresentationService,
-    private el: ElementRef
-  ) {
-    this.translate.setDefaultLang('en');
-    this.presentationService._systemLoading.pipe(delay(2e3)).subscribe(() => this.init());
-    this.configService.set('ng-version', this.el.nativeElement.getAttribute('ng-version'));
-  }
-
-  ngOnInit(): void {
-    const plugins = [ScrollToPlugin];
-  }
-
-  init(): void {
-    const body = document.querySelector('body');
-    body.classList.remove('app-loading');
-    body.classList.add('app-loaded');
-  }
-}
+import { Component, afterNextRender, inject } from '@angular/core';
+import { ElectronService } from './core/services';
+import { TranslateService } from '@ngx-translate/core';
+import { APP_CONFIG } from '../environments/environment';
+import { RouterOutlet } from '@angular/router';
+
+@Component({
+  selector: 'app-root',
+  templateUrl: './app.component.html',
+  standalone: true,
+  imports: [RouterOutlet],
+})
+export class AppComponent {
+  private electronService = inject(ElectronService);
+  private translate = inject(TranslateService);
+
+  constructor() {
+    const electronService = this.electronService;
+
+    this.translate.setDefaultLang('en');
+    console.log('APP_CONFIG', APP_CONFIG);
+
+    if (electronService.isElectron) {
+      console.log(process.env);
+      console.log('Run in electron');
+      console.log('Electron ipcRenderer', this.electronService.ipcRenderer);
+      console.log('NodeJS childProcess', this.electronService.childProcess);
+      void this.electronService.ipcRenderer.invoke('app:get-version').then((v) => console.log('App version:', v));
+    } else {
+      console.log('Run in browser');
+    }
+
+    afterNextRender(() => {
+      setTimeout(() => {
+        document.body.classList.remove('app-loading');
+        document.body.classList.add('app-loaded');
+      }, 1000);
+    });
+  }
+}

package/src/app/core/core.module.ts

@@ -1,11 +1,8 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-@NgModule({
-  declarations: [],
-  imports: [
-    CommonModule
-  ],
-  providers: []
-})
-export class CoreModule { }
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+@NgModule({
+  declarations: [],
+  imports: [CommonModule],
+})
+export class CoreModule {}