fontastic 0.1.3 → 0.2.0

package/e2e/main.spec.ts

@@ -1,59 +1,57 @@
-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();
-  });
-});
+import { BrowserContext, ElectronApplication, Page, _electron as electron } from 'playwright';
+import { test, expect } from '@playwright/test';
+import * as PATH from 'path';
+
+test.describe('Check Home Page', () => {
+  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 title = await firstWindow.title();
+    expect(title).toBe('Fontastic');
+  });
+
+  test.afterAll(async () => {
+    await context.tracing.stop({ path: 'e2e/tracing/trace.zip' });
+    await app.close();
+  });
+});

package/e2e/playwright.config.ts

@@ -1,19 +1,20 @@
-/** @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;
+/** @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 },
+  },
+};
+
+// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+module.exports = config;

package/e2e/tsconfig.e2e.json

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

package/electron-builder.json

@@ -1,71 +1,34 @@
-{
-  "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}"
-  }
-}
+{
+  "productName": "Fontastic",
+  "appId": "com.fontastic.app",
+  "asar": true,
+  "directories": {
+    "output": "release/"
+  },
+  "files": [
+    "**/*",
+    "!**/*.ts",
+    "!*.map",
+    "!package.json",
+    "!package-lock.json",
+    {
+      "from": "../dist",
+      "filter": ["**/*"]
+    }
+  ],
+  "win": {
+    "icon": "dist/browser/assets/icons",
+    "target": ["portable"]
+  },
+  "portable": {
+    "splashImage": "dist/browser/assets/icons/electron.bmp"
+  },
+  "mac": {
+    "icon": "dist/browser/assets/icons",
+    "target": ["dmg"]
+  },
+  "linux": {
+    "icon": "dist/browser/assets/icons",
+    "target": ["AppImage"]
+  }
+}

package/eslint.config.mjs

@@ -0,0 +1,111 @@
+import eslint from '@eslint/js';
+import globals from 'globals';
+import tseslint from '@typescript-eslint/eslint-plugin';
+import tsparser from '@typescript-eslint/parser';
+import angularEslint from '@angular-eslint/eslint-plugin';
+import angularTemplateEslint from '@angular-eslint/eslint-plugin-template';
+import angularTemplateParser from '@angular-eslint/template-parser';
+import eslintConfigPrettier from 'eslint-config-prettier';
+
+export default [
+  {
+    ignores: ['app/**/*', 'dist/**/*', 'release/**/*', 'node_modules/**/*', 'src/environments/*', 'e2e/playwright.config.ts'],
+  },
+
+  // TypeScript files
+  {
+    files: ['src/**/*.ts'],
+    languageOptions: {
+      parser: tsparser,
+      parserOptions: {
+        project: ['./src/tsconfig.app.json', './src/tsconfig.spec.json'],
+      },
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+        Electron: 'readonly',
+      },
+    },
+    plugins: {
+      '@typescript-eslint': tseslint,
+      '@angular-eslint': angularEslint,
+    },
+    rules: {
+      ...eslint.configs.recommended.rules,
+      ...tseslint.configs.recommended.rules,
+      ...angularEslint.configs.recommended.rules,
+
+      '@typescript-eslint/no-empty-function': 'off',
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/no-unsafe-assignment': 'off',
+      '@typescript-eslint/no-unsafe-call': 'off',
+      '@typescript-eslint/no-unsafe-member-access': 'off',
+      '@typescript-eslint/no-unused-vars': ['error', { argsIgnorePattern: '^_', varsIgnorePattern: '^_' }],
+      '@angular-eslint/directive-selector': 'off',
+      '@angular-eslint/component-selector': [
+        'error',
+        {
+          type: 'element',
+          prefix: 'app',
+          style: 'kebab-case',
+        },
+      ],
+    },
+  },
+
+  // Test files
+  {
+    files: ['src/**/*.spec.ts', 'src/**/*.test.ts'],
+    languageOptions: {
+      globals: {
+        ...globals.vitest,
+        describe: 'readonly',
+        it: 'readonly',
+        expect: 'readonly',
+        beforeEach: 'readonly',
+        afterEach: 'readonly',
+        beforeAll: 'readonly',
+        afterAll: 'readonly',
+        vi: 'readonly',
+      },
+    },
+  },
+
+  // E2E TypeScript files
+  {
+    files: ['e2e/**/*.ts'],
+    languageOptions: {
+      parser: tsparser,
+      parserOptions: {
+        project: ['./e2e/tsconfig.e2e.json'],
+      },
+      globals: {
+        ...globals.node,
+      },
+    },
+    plugins: {
+      '@typescript-eslint': tseslint,
+    },
+    rules: {
+      ...eslint.configs.recommended.rules,
+      ...tseslint.configs.recommended.rules,
+    },
+  },
+
+  // HTML templates
+  {
+    files: ['src/**/*.html'],
+    languageOptions: {
+      parser: angularTemplateParser,
+    },
+    plugins: {
+      '@angular-eslint/template': angularTemplateEslint,
+    },
+    rules: {
+      ...angularTemplateEslint.configs.recommended.rules,
+    },
+  },
+
+  // Prettier must be last to override conflicting rules
+  eslintConfigPrettier,
+];