Background component: add copyright and version information

package.json

@@ -23,7 +23,7 @@
     "url": "git+https://github.com/opencor/webapp.git"
   },
   "type": "module",
-  "version": "0.20260108.0",
+  "version": "0.20260110.0",
   "scripts": {
     "archive:web": "bun src/renderer/scripts/archive.web.js",
     "build": "electron-vite build",
@@ -54,7 +54,7 @@
     "primeicons": "^7.0.0",
     "primevue": "4.2.5",
     "quill": "^2.0.3",
-    "systeminformation": "^5.30.1",
+    "systeminformation": "^5.30.2",
     "ua-parser-js": "^2.0.7",
     "vue": "3.4.21"
   },

src/main/SplashScreenWindow.ts

@@ -1,6 +1,6 @@
 import * as electron from 'electron';
 
-import * as constants from '../renderer/src/common/constants';
+import { COPYRIGHT } from '../renderer/src/common/constants';
 
 import { ApplicationWindow } from './ApplicationWindow';
 import { electronConf, type IElectronConfState } from './index';
@@ -35,7 +35,7 @@ export class SplashScreenWindow extends ApplicationWindow {
 
     this.on('ready-to-show', () => {
       this.webContents.send('init-splash-screen-window', {
-        copyright: constants.COPYRIGHT,
+        copyright: COPYRIGHT,
         version: electron.app.getVersion()
       });
     });

src/renderer/package.json

@@ -39,7 +39,7 @@
     },
     "./style.css": "./dist/opencor.css"
   },
-  "version": "0.20260108.0",
+  "version": "0.20260110.0",
   "scripts": {
     "build": "vite build",
     "build:lib": "vite build --config vite.lib.config.ts && cp index.d.ts dist/index.d.ts",

src/renderer/src/common/common.ts

@@ -1,7 +1,7 @@
 import SHA256 from 'crypto-js/sha256';
 import { UAParser } from 'ua-parser-js';
 
-import { electronApi } from './electronApi.js';
+import { electronApi } from './electronApi.ts';
 
 // Some interfaces.
 

src/renderer/src/common/constants.ts

@@ -1,12 +1,12 @@
-export const URI_SCHEME = 'opencor';
-export const FULL_URI_SCHEME = `${URI_SCHEME}://`;
+export const URI_SCHEME: string = 'opencor';
+export const FULL_URI_SCHEME: string = `${URI_SCHEME}://`;
 
-export const SHORT_DELAY = 69;
-export const MEDIUM_DELAY = 169;
-export const LONG_DELAY = 369;
+export const SHORT_DELAY: number = 69;
+export const MEDIUM_DELAY: number = 169;
+export const LONG_DELAY: number = 369;
 
-export const TOAST_LIFE = 3000;
+export const TOAST_LIFE: number = 3000;
 
-const crtYear = new Date().getFullYear();
+const crtYear: number = new Date().getFullYear();
 
-export const COPYRIGHT = crtYear === 2025 ? '2025' : `2025-${String(crtYear)}`;
+export const COPYRIGHT: string = crtYear === 2025 ? '2025' : `2025-${String(crtYear)}`;

src/renderer/src/common/electronApi.ts

@@ -1,4 +1,4 @@
-import type { ISettings } from './common.js';
+import type { ISettings } from './common.ts';
 
 export interface ISplashScreenInfo {
   copyright: string;

src/renderer/src/common/locCommon.ts

@@ -1,7 +1,7 @@
-import { corsProxyUrl, sha256 } from '../common/common.js';
-import * as locApi from '../libopencor/locApi.js';
+import { corsProxyUrl, sha256 } from '../common/common.ts';
+import * as locApi from '../libopencor/locApi.ts';
 
-import { electronApi } from './electronApi.js';
+import { electronApi } from './electronApi.ts';
 
 // Some file-related methods.
 

src/renderer/src/common/settings.ts

@@ -1,5 +1,5 @@
-import type { ISettings, ISettingsGeneral } from './common.js';
-import { electronApi } from './electronApi.js';
+import type { ISettings, ISettingsGeneral } from './common.ts';
+import { electronApi } from './electronApi.ts';
 
 class Settings {
   protected static _instance: Settings | null = null;

src/renderer/src/common/vueCommon.ts

@@ -2,7 +2,7 @@ import * as vueusecore from '@vueuse/core';
 
 import * as vue from 'vue';
 
-import type { Theme } from '../../index.js';
+import type { Theme } from '../../index.ts';
 
 // A constant to know the UID of the active instance of OpenCOR.
 

src/renderer/src/components/BackgroundComponent.vue

@@ -1,9 +1,11 @@
 <template>
   <div class="flex justify-center items-center h-full overflow-hidden">
     <img
-      class="max-w-[311px] max-h-[266.92px] rounded-2xl p-2 shadow-[0_0_0.75rem_0.375rem_var(--p-content-border-color)]"
+      class="logo z-10 max-w-311 max-h-[266.92px] rounded-2xl p-2 shadow-[0_0_0.75rem_0.375rem_var(--p-content-border-color)]"
       src="../assets/logo.svg"
     />
+    <div class="absolute bottom-1 left-2 text-xs text-neutral-400 dark:text-neutral-600">Copyright {{ COPYRIGHT }}</div>
+    <div class="absolute bottom-1 right-2 text-xs text-neutral-400 dark:text-neutral-600">Version {{ version }}</div>
   </div>
 </template>
 
@@ -13,6 +15,15 @@
  *  - Height: 704.92px.
  * Final dimensions:
  *  - Width: 303px + 8px = 311px; and
- *  - Height: 257.92px + 8px = 266.92px
+ *  - Height: 257.92px + 8px = 266.92px.
  */
+
+import { COPYRIGHT } from '../common/constants.ts';
+import { version } from '../../package.json';
 </script>
+
+<style scoped>
+.logo {
+  background-color: var(--p-content-background);
+}
+</style>

src/renderer/src/components/dialogs/AboutDialog.vue

@@ -4,7 +4,7 @@
       <div class="text-center">
         <div class="text-3xl font-bold">OpenCOR {{ version }}</div>
         <div v-if="electronApi !== undefined" class="text-xl italic font-bold">{{ electronApi.operatingSystem() }}</div>
-        <div class="text-sm italic">Copyright {{ constants.COPYRIGHT }}</div>
+        <div class="text-sm italic">Copyright {{ COPYRIGHT }}</div>
       </div>
       <div class="space-y-2">
         <div>
@@ -41,7 +41,7 @@
 </template>
 
 <script setup lang="ts">
-import * as constants from '../../common/constants';
+import { COPYRIGHT } from '../../common/constants';
 import { electronApi } from '../../common/electronApi';
 import * as locApi from '../../libopencor/locApi';
 

src/renderer/src/libopencor/locApi.ts

@@ -1,8 +1,8 @@
-import { corsProxyUrl } from '../common/common.js';
+import { corsProxyUrl } from '../common/common.ts';
 
-import type { EFileType, IWasmFile, IWasmFileManager } from './locFileApi.js';
-import type { IIssue } from './locLoggerApi.js';
-import type { IWasmSedChangeAttribute, IWasmSedDocument } from './locSedApi.js';
+import type { EFileType, IWasmFile, IWasmFileManager } from './locFileApi.ts';
+import type { IIssue } from './locLoggerApi.ts';
+import type { IWasmSedChangeAttribute, IWasmSedDocument } from './locSedApi.ts';
 
 export interface ICppLocApi {
   // FileManager API.
@@ -141,11 +141,11 @@ export async function initialiseLocApi() {
 
 // Logger API.
 
-export { EIssueType, type IIssue, type IWasmIssues, wasmIssuesToIssues } from './locLoggerApi.js';
+export { EIssueType, type IIssue, type IWasmIssues, wasmIssuesToIssues } from './locLoggerApi.ts';
 
 // File API.
 
-export { EFileType, File, fileManager, type IWasmFile } from './locFileApi.js';
+export { EFileType, File, fileManager, type IWasmFile } from './locFileApi.ts';
 
 // SED-ML API.
 
@@ -155,7 +155,7 @@ export {
   SedInstance,
   SedInstanceTask,
   SedSimulationUniformTimeCourse
-} from './locSedApi.js';
+} from './locSedApi.ts';
 
 // UI JSON API.
 
@@ -169,8 +169,8 @@ export {
   type IUiJsonOutputPlotAdditionalTrace,
   type IUiJsonParameter,
   uiJsonIssues
-} from './locUiJsonApi.js';
+} from './locUiJsonApi.ts';
 
 // Version API.
 
-export { cppVersion, version, wasmVersion } from './locVersionApi.js';
+export { cppVersion, version, wasmVersion } from './locVersionApi.ts';

src/renderer/src/libopencor/locFileApi.ts

@@ -9,7 +9,7 @@ import {
   type IWasmIssues,
   SedDocument,
   wasmIssuesToIssues
-} from './locApi.js';
+} from './locApi.ts';
 
 // FileManager API.
 

src/renderer/src/libopencor/locSedApi.ts

@@ -10,7 +10,7 @@ import {
   type IWasmIssues,
   wasmIssuesToIssues,
   wasmVersion
-} from './locApi.js';
+} from './locApi.ts';
 
 // SED-ML API.
 

src/renderer/src/libopencor/locUiJsonApi.ts

@@ -1,8 +1,8 @@
 import * as jsonschema from 'jsonschema';
 
-import * as common from '../common/common.js';
+import * as common from '../common/common.ts';
 
-import { EIssueType, type IIssue } from './locLoggerApi.js';
+import { EIssueType, type IIssue } from './locLoggerApi.ts';
 
 export interface IUiJson {
   input: IUiJsonInput[];

src/renderer/src/libopencor/locVersionApi.ts

@@ -1,6 +1,6 @@
-import { electronApi } from '../common/electronApi.js';
+import { electronApi } from '../common/electronApi.ts';
 
-import { _cppLocApi, _wasmLocApi } from './locApi.js';
+import { _cppLocApi, _wasmLocApi } from './locApi.ts';
 
 // Some general methods.
 

src/renderer/tsconfig.json

@@ -1,11 +1,11 @@
 {
   "compilerOptions": {
-    "allowImportingTsExtensions": false,
+    "allowImportingTsExtensions": true,
     "baseUrl": ".",
     "composite": true,
     "module": "nodenext",
     "moduleResolution": "nodenext",
-    "noEmit": false,
+    "noEmit": true,
     "strictNullChecks": true,
     "resolveJsonModule": true
   },

tsconfig.app.json

@@ -1,10 +1,14 @@
 {
   "compilerOptions": {
-    "allowImportingTsExtensions": false,
+    "allowImportingTsExtensions": true,
     "baseUrl": ".",
     "composite": true,
-    "noEmit": false
+    "module": "nodenext",
+    "moduleResolution": "nodenext",
+    "noEmit": true,
+    "strictNullChecks": true,
+    "resolveJsonModule": true
   },
   "extends": "@vue/tsconfig/tsconfig.dom.json",
-  "include": ["src/**/*.ts"]
+  "include": ["**/*.js", "**/*.ts", "**/*.vue", "package.json"]
 }