feat: show launcher initialization time only after webview visibility change

Author: notwindstone

src/components/general/extensions/ExtensionLoader.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { getCurrentWebviewWindow } from "@tauri-apps/api/webviewWindow";
 import { inject, onMounted, ref } from "vue";
 
 import PermissionsHandler from "@/components/general/extensions/PermissionsHandler.vue";
@@ -87,13 +86,9 @@ onMounted(async () => {
   if (!hasSandboxedPlugins) {
     log.debug("User does not have sandboxed plugins. Environment lockdown is not needed");
 
-    if (globalStates?.misc?.showAfterExtensionsInitialization) {
-      log.debug(
-        "User has enabled 'show-after-extensions-initialization';",
-        "Showing the webview now",
-      );
-      await getCurrentWebviewWindow().show();
-    }
+    await ExtensionsManager.showWebviewWindow(
+      globalStates?.misc?.showAfterExtensionsInitialization,
+    );
 
     return;
   }
@@ -111,13 +106,9 @@ onMounted(async () => {
     });
   }
 
-  if (globalStates?.misc?.showAfterExtensionsInitialization) {
-    log.debug(
-      "User has enabled 'show-after-extensions-initialization';",
-      "Showing the webview now",
-    );
-    await getCurrentWebviewWindow().show();
-  }
+  await ExtensionsManager.showWebviewWindow(
+    globalStates?.misc?.showAfterExtensionsInitialization,
+  );
 });
 
 /*

src/declarations.ts

@@ -105,6 +105,8 @@ declare global {
         "initialBaseDirectory": string;
         // A temporary storage for the 'At a Glance' widget
         "atAGlance"          ?: AtAGlanceType;
+        // A timestamp for the application's JavaScript code initialization
+        "startTime"          ?: number;
       };
 
       /**

src/lib/extensions-manager/index.ts

@@ -9,6 +9,7 @@ import { readAllExtensions } from "@/lib/extensions-manager/scopes/read-all-exte
 import { readAllMetadata } from "@/lib/extensions-manager/scopes/read-all-metadata.ts";
 import { runInSandbox } from "@/lib/extensions-manager/scopes/run-in-sandbox.ts";
 import { runInUnrestricted } from "@/lib/extensions-manager/scopes/run-in-unrestricted.ts";
+import { showWebviewWindow } from "@/lib/extensions-manager/scopes/show-webview-window.ts";
 import type { PermissionType } from "@/types/extensions/permission.type.ts";
 
 export default {
@@ -27,4 +28,5 @@ export default {
   readAllMetadata,
   runInSandbox,
   runInUnrestricted,
+  showWebviewWindow,
 } as const;

src/lib/extensions-manager/scopes/show-webview-window.ts

@@ -0,0 +1,26 @@
+import { getCurrentWebviewWindow } from "@tauri-apps/api/webviewWindow";
+
+import { ApplicationNamespace } from "@/constants/application.ts";
+import { log } from "@/lib/logging/scopes/log.ts";
+
+export async function showWebviewWindow(show: boolean | undefined): Promise<void> {
+  if (show) {
+    const startTime: number | undefined = window[ApplicationNamespace].__internals?.startTime;
+
+    log.debug(
+      "User has enabled 'show-after-extensions-initialization';",
+      "Showing the webview now",
+    );
+    await getCurrentWebviewWindow().show();
+
+    const timeDifference: string = startTime === undefined
+      ? "-1"
+      : (performance.now() - startTime).toFixed(1);
+
+    log.info(
+      "Launcher successfully initialized in:",
+      timeDifference,
+      "ms",
+    );
+  }
+}

src/lib/general/scopes/initialize-launcher.ts

@@ -1,6 +1,7 @@
 import { getCurrentWebviewWindow } from "@tauri-apps/api/webviewWindow";
 import { exists, mkdir } from "@tauri-apps/plugin-fs";
 
+import { ApplicationNamespace } from "@/constants/application.ts";
 import { FileStructure } from "@/constants/file-structure.ts";
 import General from "@/lib/general";
 import { log } from "@/lib/logging/scopes/log.ts";
@@ -19,20 +20,28 @@ export async function initializeLauncher({
     config.extensions.enabled &&
     config.misc.showAfterExtensionsInitialization;
 
-  if (!afterExtensions) {
+  if (afterExtensions) {
+    /*
+     * Making the webview window visible determines that the launcher successfully started.
+     *
+     * Clearly, the 'startTime' variable is not accessible by the deeply nested
+     * 'ExtensionLoader.vue' component without exposing that variable through the 'window' object.
+     */
+    window[ApplicationNamespace].__internals.startTime = startTime;
+  } else {
     /*
      * Webview window is still hidden, so make it visible now
-     * Because frontend is already loaded by this time
+     * because frontend is already loaded by this time
      */
     log.debug("Making current webview window visible");
     await getCurrentWebviewWindow().show();
-  }
 
-  log.info(
-    "Launcher successfully started in:",
-    (performance.now() - startTime).toFixed(1),
-    "ms",
-  );
+    log.info(
+      "Launcher successfully initialized in:",
+      (performance.now() - startTime).toFixed(1),
+      "ms",
+    );
+  }
 
   log.debug("Checking if all directories present");
   const directoriesStartTime = performance.now();

src/main.ts

@@ -76,18 +76,19 @@ if (config.development?.enableDebugMode) {
   DevelopmentModeHelpers.enableDebugMode(
     DevelopmentModeHelpers.getDefault(),
   );
-}
 
-// Log user's launcher configuration
-log.debug(
-  "Config contents:",
-  "\n" + JSON.stringify(config, null, 2),
-);
-// Log user's instances metadata
-log.debug(
-  "Instances metadata contents:",
-  "\n" + JSON.stringify(instances, null, 2),
-);
+  // Log user's launcher configuration
+  log.debug(
+    "Config contents:",
+    // 'JSON#stringify' is not so fast
+    "\n" + JSON.stringify(config, null, 2),
+  );
+  // Log user's instances metadata
+  log.debug(
+    "Instances metadata contents:",
+    "\n" + JSON.stringify(instances, null, 2),
+  );
+}
 
 log.debug("Creating a Vue instance");
 // 'App' is the 'App.vue' entry