From 6a50befdaaf7057556563fef1714ddee70e49bd4 Mon Sep 17 00:00:00 2001
From: "Yuichiro Tachibana (Tsuchiya)" <t.yic.yt@gmail.com>
Date: Sun, 4 Dec 2022 20:01:36 +0900
Subject: [PATCH] On desktop apps, the resource URLs became absolute paths and
 they are resolved to absolute file paths through a handler registered via
 protocol.interceptFileProtocol

---
 packages/desktop/electron/main.ts | 30 ++++++++++++++++++++++++++++--
 packages/desktop/package.json     |  2 +-
 2 files changed, 29 insertions(+), 3 deletions(-)

diff --git a/packages/desktop/electron/main.ts b/packages/desktop/electron/main.ts
index 562bdc36c..593c920d3 100644
--- a/packages/desktop/electron/main.ts
+++ b/packages/desktop/electron/main.ts
@@ -1,4 +1,5 @@
-import { app, BrowserWindow, ipcMain } from "electron";
+import { app, BrowserWindow, ipcMain, protocol } from "electron";
+import * as url from "url";
 import * as path from "path";
 import * as fsPromises from "fs/promises";
 import { walkRead } from "./file";
@@ -41,7 +42,17 @@ const createWindow = () => {
   );
 
   if (app.isPackaged || process.env.NODE_ENV === "production") {
-    mainWindow.loadFile(path.resolve(__dirname, "../index.html"));
+    // Use .loadURL() with an absolute URL based on "/"
+    // because absolute URLs with the file:// scheme will be resolved
+    // to absolute file paths based on the special handler
+    // registered through `interceptFileProtocol` below.
+    mainWindow.loadURL(
+      url.format({
+        pathname: "/index.html",
+        protocol: "file:",
+        slashes: true,
+      })
+    );
   } else {
     mainWindow.loadURL("http://localhost:3000");
   }
@@ -55,6 +66,21 @@ const createWindow = () => {
 // initialization and is ready to create browser windows.
 // Some APIs can only be used after this event occurs.
 app.whenReady().then(() => {
+  // Resolve absolute paths based on the bundled directory.
+  // It is assumed that the resource paths are absolute paths starting with "/",
+  // which is configured at `package.json` with the `"homepage"` field.
+  // Ref: https://github.com/electron/electron/issues/4612#issuecomment-189116655
+  const bundleBasePath = path.resolve(__dirname, "..");
+  protocol.interceptFileProtocol("file", function (req, callback) {
+    const urlWithoutScheme = req.url.slice(7); // 7 = "file://".length
+    if (path.isAbsolute(urlWithoutScheme)) {
+      const resolvedFilePath = path.join(bundleBasePath, urlWithoutScheme);
+      callback(path.normalize(resolvedFilePath));
+    } else {
+      callback(urlWithoutScheme);
+    }
+  });
+
   createWindow();
 
   app.on("activate", () => {
diff --git a/packages/desktop/package.json b/packages/desktop/package.json
index ca7cec67a..4973c074e 100644
--- a/packages/desktop/package.json
+++ b/packages/desktop/package.json
@@ -2,7 +2,7 @@
   "name": "@stlite/desktop",
   "version": "0.16.1",
   "license": "Apache-2.0",
-  "homepage": "./",
+  "homepage": "/",
   "main": "./build/electron/main.js",
   "files": [
     "build",