fontastic 0.1.3

package/app/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "fontastic",
+  "version": "0.1.3",
+  "description": "A gorgeous multi-platform font management application.",
+  "private": false,
+  "author": {
+    "name": "Tom Shaw",
+    "email": "dev@tomshaw.us"
+  },
+  "keywords": [
+    "angular",
+    "electron",
+    "font",
+    "type",
+    "typography"
+  ],
+  "main": "main.js",
+  "dependencies": {
+    "@mozilla/readability": "^0.4.2",
+    "electron-is-dev": "^2.0.0",
+    "electron-log": "^5.0.0-beta.6",
+    "electron-store": "^8.1.0",
+    "jsdom": "^20.0.1",
+    "mime": "^3.0.0",
+    "mysql": "^2.18.1",
+    "node-fetch": "^2.6.7",
+    "node-machine-id": "^1.1.12",
+    "opentype.js": "^1.3.4",
+    "pretty-bytes": "^5.6.0",
+    "reflect-metadata": "^0.1.13",
+    "sqlite3": "^5.1.4",
+    "sudo-prompt": "^9.2.1",
+    "typeorm": "^0.3.11"
+  }
+}

package/app/types/AppAlert.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=AppAlert.js.map

package/app/types/AppAlert.ts

@@ -0,0 +1,8 @@
+export interface AppAlert {
+  type: string;
+  message: string;
+  icon: string;
+  class: string;
+  keep: boolean;
+  timeout: number;
+}

package/app/types/AuthUser.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AuthUser = void 0;
+class AuthUser {
+}
+exports.AuthUser = AuthUser;
+//# sourceMappingURL=AuthUser.js.map

package/app/types/AuthUser.ts

@@ -0,0 +1,5 @@
+export class AuthUser {
+  name: string;
+  email: string;
+  status: string;
+}

package/app/types/Breadcrumb.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=Breadcrumb.js.map

package/app/types/Breadcrumb.ts

@@ -0,0 +1,5 @@
+export interface Breadcrumb {
+  title: string;
+  link: string;
+  type?: string;
+}

package/app/types/ImportOptions.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImportOptions = void 0;
+class ImportOptions {
+}
+exports.ImportOptions = ImportOptions;
+//# sourceMappingURL=ImportOptions.js.map

package/app/types/ImportOptions.ts

@@ -0,0 +1,3 @@
+export class ImportOptions {
+  type: string;
+}

package/app/types/QueryOptions.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=QueryOptions.js.map

package/app/types/QueryOptions.ts

@@ -0,0 +1,12 @@
+export interface SortOrder {
+  column: string;
+  direction: string;
+}
+
+export interface QueryOptions {
+  where: any[];
+  order: SortOrder;
+  skip: number;
+  take: number;
+  run: boolean;
+}

package/app/types/SystemConfig.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=SystemConfig.js.map

package/app/types/SystemConfig.ts

@@ -0,0 +1,132 @@
+import { AuthUser } from "./AuthUser";
+
+export interface DatabaseConnectionsType {
+  name: string,
+  type: string,
+  title: string,
+  description: string,
+  enabled: boolean,
+  synchronize: boolean,
+  database: string,
+  charset: string,
+  logger: string,
+  logging: boolean
+}
+
+export interface DatabaseLoggersType {
+  title: string,
+  value: string
+}
+
+export interface DatabaseType {
+  drivers: string[],
+  connections: DatabaseConnectionsType[],
+  loggers: DatabaseLoggersType[]
+}
+
+export interface LayoutPanelType {
+  _gridEnabled: boolean,
+  _asideEnabled: boolean,
+  _asideComponent: string,
+  _asideTableTabs: any[],
+  _navigationEnabled: boolean,
+  _toolbarEnabled: boolean,
+  _previewEnabled: boolean,
+  _inspectEnabled: boolean,
+  _inspectComponent: string,
+  _statsCollapsed: boolean,
+  _foldersCollapsed: boolean,
+  _optionsCollapsed: boolean
+}
+
+export interface LayoutThemeType {
+  _defaultTheme: string
+}
+
+export interface LayoutPreviewType {
+  _fontSize: number,
+  _fontColor: string,
+  _displayText: string,
+  _backgroundColor: string,
+  _wordSpacing: number,
+  _letterSpacing: number,
+  _displayNews?: boolean
+}
+
+export interface LayoutType {
+  panel: LayoutPanelType,
+  theme: LayoutThemeType,
+  preview: LayoutPreviewType
+}
+
+export interface NewsArticlesType {
+  source?: {
+    id: string,
+    name: string
+  },
+  author?: string,
+  title?: string,
+  description?: string,
+  url?: string,
+  urlToImage?: string,
+  publishedAt?: string,
+  content?: string
+}
+
+export interface NewsType {
+  ts?: number,
+  articles?: NewsArticlesType[],
+  apiKey?: string,
+  status?: string
+}
+
+export interface OptionsType {
+  import?: {
+    type: string
+  }
+}
+
+export interface CatalogType {
+  collection?: {
+    id: number
+  },
+  store?: {
+    id: number
+  }
+}
+
+export interface UptimeType {
+  ts: number,
+  hours: number,
+  minutes: number,
+  seconds: number
+}
+
+export interface SystemType {
+  uptime: UptimeType,
+  locale: string,
+  is_dev: boolean,
+  is_production: boolean,
+  is_x86: boolean,
+  is_x64: boolean,
+  is_mac: boolean,
+  is_windows: boolean,
+  is_linux: boolean,
+  cache_path: string,
+  app_path: string,
+  app_data_path: string,
+  user_data_path: string,
+  downloads_path: string,
+  session_path: string,
+  catalog_path: string
+}
+
+export interface SystemConfig {
+  catalog?: CatalogType;
+  database: DatabaseType;
+  layout?: LayoutType;
+  news?: NewsType;
+  options: OptionsType;
+  system: SystemType;
+  user?: AuthUser;
+}

package/app/types/SystemStats.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=SystemStats.js.map

package/app/types/SystemStats.ts

@@ -0,0 +1,7 @@
+export interface SystemStats {
+  rowCount?: number;
+  favoriteCount?: number;
+  systemCount?: number;
+  activatedCount?: number;
+  temporaryCount?: number;
+}

package/app/types/SystemTheme.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=SystemTheme.js.map

package/app/types/SystemTheme.ts

@@ -0,0 +1,5 @@
+export interface SystemTheme {
+  key: string;
+  title: string;
+  description: string;
+}

package/app/types/index.js

@@ -0,0 +1,25 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./AppAlert"), exports);
+__exportStar(require("./AuthUser"), exports);
+__exportStar(require("./Breadcrumb"), exports);
+__exportStar(require("./QueryOptions"), exports);
+__exportStar(require("./SystemTheme"), exports);
+__exportStar(require("./SystemStats"), exports);
+__exportStar(require("./SystemConfig"), exports);
+__exportStar(require("./ImportOptions"), exports);
+//# sourceMappingURL=index.js.map

package/app/types/index.ts

@@ -0,0 +1,8 @@
+export * from './AppAlert';
+export * from './AuthUser';
+export * from './Breadcrumb';
+export * from './QueryOptions';
+export * from './SystemTheme';
+export * from './SystemStats';
+export * from './SystemConfig';
+export * from './ImportOptions';

package/docs/screenshots/readme.md

@@ -0,0 +1,7 @@
+# Typepress Screen Shots
+ 
+![](screen-grab1.png)
+
+![](screen-grab2.png)
+
+![](screen-grab3.png)

package/e2e/main.spec.ts

@@ -0,0 +1,59 @@
+import { BrowserContext, ElectronApplication, Page, _electron as electron } from 'playwright';
+import { test, expect } from '@playwright/test';
+const PATH = require('path');
+
+test.describe('Check Home Page', async () => {
+  let app: ElectronApplication;
+  let firstWindow: Page;
+  let context: BrowserContext;
+
+  test.beforeAll( async () => {
+    app = await electron.launch({ args: [PATH.join(__dirname, '../app/main.js'), PATH.join(__dirname, '../app/package.json')] });
+    context = app.context();
+    await context.tracing.start({ screenshots: true, snapshots: true });
+    firstWindow = await app.firstWindow();
+    await firstWindow.waitForLoadState('domcontentloaded');
+  });
+
+  test('Launch electron app', async () => {
+
+    const windowState: { isVisible: boolean; isDevToolsOpened: boolean; isCrashed: boolean } = await app.evaluate(async (process) => {
+      const mainWindow = process.BrowserWindow.getAllWindows()[0];
+
+      const getState = () => ({
+        isVisible: mainWindow.isVisible(),
+        isDevToolsOpened: mainWindow.webContents.isDevToolsOpened(),
+        isCrashed: mainWindow.webContents.isCrashed(),
+      });
+
+      return new Promise((resolve) => {
+        if (mainWindow.isVisible()) {
+          resolve(getState());
+        } else {
+          mainWindow.once('ready-to-show', () => setTimeout(() => resolve(getState()), 0));
+        }
+      });
+    });
+
+    expect(windowState.isVisible).toBeTruthy();
+    expect(windowState.isDevToolsOpened).toBeFalsy();
+    expect(windowState.isCrashed).toBeFalsy();
+  });
+
+  // test('Check Home Page design', async ({ browserName}) => {
+  //   // Uncomment if you change the design of Home Page in order to create a new screenshot
+  //   const screenshot = await firstWindow.screenshot({ path: '/tmp/home.png' });
+  //   expect(screenshot).toMatchSnapshot(`home-${browserName}.png`);
+  // });
+
+  // test('Check title', async () => {
+  //   const elem = await firstWindow.$('app-home h1');
+  //   const text = await elem.innerText();
+  //   expect(text).toBe('App works !');
+  // });
+
+  test.afterAll( async () => {
+    await context.tracing.stop({ path: 'e2e/tracing/trace.zip' });
+    await app.close();
+  });
+});

package/e2e/playwright.config.ts

@@ -0,0 +1,19 @@
+/** @type {import('@playwright/test').PlaywrightTestConfig} */
+const config = {
+  testDir: '.',
+  timeout: 45000,
+  outputDir: './screenshots',
+  use: {
+    headless: false,
+    viewport: { width: 1280, height: 720 },
+    launchOptions: {
+      slowMo: 1000,
+    },
+    trace: 'on',
+  },
+  expect: {
+    toMatchSnapshot: { threshold: 0.2 },
+  },
+};
+
+module.exports = config;

package/e2e/tsconfig.e2e.json

@@ -0,0 +1,13 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/e2e",
+    "module": "commonjs",
+    "types": [
+      "node"
+    ]
+  },
+  "include": [
+    "**.spec.ts"
+  ],
+}

package/electron-builder.json

@@ -0,0 +1,71 @@
+{
+  "asar": true,
+  "directories": {
+    "output": "release/"
+  },
+  "files": [
+    "**/*",
+    "!**/*.ts",
+    "!*.map",
+    "!package.json",
+    "!package-lock.json",
+    {
+      "from": "../dist",
+      "filter": [
+        "**/*"
+      ]
+    }
+  ],
+  "extraResources": [
+    {
+      "from": "src/bin",
+      "to": "bin"
+    }
+  ],
+  "productName": "Fontastic", 
+  "win": {
+    "icon": "dist/assets/icons",
+    "target": [
+      "portable",
+      "msi"
+    ]
+  },
+  "mac": {
+    "icon": "dist/assets/icons",
+    "target": [
+      "dmg"
+    ]
+  },
+  "linux": {
+    "icon": "dist/assets/icons",
+    "category": "Utility",
+    "synopsis": "A gorgeous multi-platform font management application.",
+    "target": [
+      "deb",
+      "rpm",
+      "AppImage",
+      "snap"
+    ],
+    "desktop": {
+      "Name": "Fontastic",
+      "Type": "Application",
+      "GenericName": "Font Manager"
+    }
+  },
+  "msi": {
+    "artifactName": "${productName}-installer-${version}.${ext}"
+  },
+  "portable": {
+    "splashImage": "dist/assets/images/electron.bmp",
+    "artifactName": "${productName}-portable-${version}.${ext}"
+  },
+  "deb": {
+    "artifactName": "${productName}-${version}-${arch}.${ext}"
+  },
+  "rpm": {
+    "artifactName": "${productName}-${version}-${arch}.${ext}"
+  },
+  "appImage": {
+    "artifactName": "${productName}-${version}-${arch}.${ext}"
+  }
+}

package/package.json

@@ -0,0 +1,121 @@
+{
+  "name": "fontastic",
+  "version": "0.1.3",
+  "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": "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",
+    "@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",
+    "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.5.7",
+    "sqlite3": "5.1.4",
+    "sudo-prompt": "9.2.1",
+    "ts-md5": "1.3.1",
+    "tslib": "^2.4.0",
+    "typeorm": "0.3.11",
+    "zone.js": "~0.11.8"
+  },
+  "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",
+    "@ngx-translate/core": "14.0.0",
+    "@ngx-translate/http-loader": "7.0.0",
+    "@playwright/test": "1.27.1",
+    "@types/jasmine": "4.3.0",
+    "@types/jasminewd2": "2.0.10",
+    "@types/node": "18.11.0",
+    "@types/opentype.js": "1.3.4",
+    "@typescript-eslint/eslint-plugin": "5.40.0",
+    "@typescript-eslint/parser": "5.40.0",
+    "conventional-changelog-cli": "2.2.2",
+    "electron": "21.1.1",
+    "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-plugin-prefer-arrow": "1.2.3",
+    "jasmine-core": "4.4.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.27.1",
+    "tailwindcss": "3.2.4",
+    "ts-node": "10.9.1",
+    "typescript": "4.8.4",
+    "wait-on": "6.0.1",
+    "webdriver-manager": "12.1.8"
+  },
+  "engines": {
+    "node": ">= 14.15.0"
+  },
+  "browserslist": [
+    "chrome 100"
+  ]
+}

package/src/app/app-routing.module.ts

@@ -0,0 +1,15 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { PageNotFoundComponent } from './shared/components';
+
+const routes: Routes = [
+  { path: '', redirectTo: 'main', pathMatch: 'full' },
+  { path: '**', component: PageNotFoundComponent }
+];
+
+@NgModule({
+  imports: [RouterModule.forRoot(routes, { useHash: true })],
+  exports: [RouterModule]
+})
+export class AppRoutingModule {}

package/src/app/app.component.html

@@ -0,0 +1 @@
+<router-outlet></router-outlet>

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

@@ -0,0 +1,33 @@
+import { TestBed, waitForAsync } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+import { AppComponent } from './app.component';
+import { TranslateModule } from '@ngx-translate/core';
+import { ElectronService, PresentationService } from './core/services';
+
+describe('AppComponent', () => {
+  let originalTimeout: number;
+
+  beforeEach(() => {
+    originalTimeout = jasmine.DEFAULT_TIMEOUT_INTERVAL;
+    jasmine.DEFAULT_TIMEOUT_INTERVAL = 1000000;
+  });
+
+  afterEach(() => {
+    jasmine.DEFAULT_TIMEOUT_INTERVAL = originalTimeout;
+  });
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [AppComponent],
+      providers: [ElectronService, PresentationService],
+      imports: [RouterTestingModule, TranslateModule.forRoot()]
+    }).compileComponents();
+  }));
+
+  it('should create the app', waitForAsync(() => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  }));
+
+});