crowd-funder-for-time-pwa/src/electron/main.js

const { app, BrowserWindow } = require("electron");
const path = require("path");
const fs = require("fs");

// Check if running in dev mode
const isDev = process.argv.includes("--inspect");

function createWindow() {
  // Add before createWindow function
  const preloadPath = path.join(__dirname, "preload.js");
  console.log("Checking preload path:", preloadPath);
  console.log("Preload exists:", fs.existsSync(preloadPath));

  // Create the browser window.
  const mainWindow = new BrowserWindow({
    width: 1200,
    height: 800,
    webPreferences: {
      nodeIntegration: false,
      contextIsolation: true,
      webSecurity: true,
      allowRunningInsecureContent: false,
      preload: path.join(__dirname, "preload.js"),
    },
  });

  // Always open DevTools for now
  mainWindow.webContents.openDevTools();

  // Intercept requests to fix asset paths
  mainWindow.webContents.session.webRequest.onBeforeRequest(
    {
      urls: [
        "file://*/*/assets/*",
        "file://*/assets/*",
        "file:///assets/*", // Catch absolute paths
        "<all_urls>", // Catch all URLs as a fallback
      ],
    },
    (details, callback) => {
      let url = details.url;
      console.log("Intercepting asset request:", url);

      // Handle paths that don't start with file://
      if (!url.startsWith("file://") && url.includes("/assets/")) {
        url = `file://${path.join(__dirname, "www", url)}`;
      }

      // Handle absolute paths starting with /assets/
      if (url.includes("/assets/") && !url.includes("/www/assets/")) {
        const baseDir = url.includes("dist-electron")
          ? url.substring(
              0,
              url.indexOf("/dist-electron") + "/dist-electron".length,
            )
          : `file://${__dirname}`;
        const assetPath = url.split("/assets/")[1];
        const newUrl = `${baseDir}/www/assets/${assetPath}`;
        console.log("Redirecting to:", newUrl);
        callback({ redirectURL: newUrl });
        return;
      }

      callback({}); // No redirect for other URLs
    },
  );
  // Debug info
  console.log("Debug Info:");
  console.log("Running in dev mode:", isDev);
  console.log("App is packaged:", app.isPackaged);
  console.log("Process resource path:", process.resourcesPath);
  console.log("App path:", app.getAppPath());
  console.log("__dirname:", __dirname);
  console.log("process.cwd():", process.cwd());

  const indexPath = path.join(__dirname, "www", "index.html");
  console.log("Loading index from:", indexPath);
  console.log("www path:", path.join(__dirname, "www"));
  console.log("www assets path:", path.join(__dirname, "www", "assets"));

  if (!fs.existsSync(indexPath)) {
    console.error(`Index file not found at: ${indexPath}`);
    throw new Error("Index file not found");
  }

  // Add CSP headers to allow API connections
  mainWindow.webContents.session.webRequest.onHeadersReceived((details, callback) => {
    callback({
      responseHeaders: {
        ...details.responseHeaders,
        'Content-Security-Policy': [
          "default-src 'self';" +
          "connect-src 'self' https://api.endorser.ch https://*.timesafari.app;" +
          "img-src 'self' data: https: blob:;" +
          "script-src 'self' 'unsafe-inline' 'unsafe-eval';" +
          "style-src 'self' 'unsafe-inline';" +
          "font-src 'self' data:;"
        ]
      }
    })
  })

  // Load the index.html
  mainWindow
    .loadFile(indexPath)
    .then(() => {
      console.log("Successfully loaded index.html");
      if (isDev) {
        mainWindow.webContents.openDevTools();
        console.log("DevTools opened - running in dev mode");
      }
    })
    .catch((err) => {
      console.error("Failed to load index.html:", err);
      console.error("Attempted path:", indexPath);
    });

  // Listen for console messages from the renderer
  mainWindow.webContents.on("console-message", (_event, level, message) => {
    console.log("Renderer Console:", message);
  });

  // Add right after creating the BrowserWindow
  mainWindow.webContents.on(
    "did-fail-load",
    (event, errorCode, errorDescription) => {
      console.error("Page failed to load:", errorCode, errorDescription);
    },
  );

  mainWindow.webContents.on("preload-error", (event, preloadPath, error) => {
    console.error("Preload script error:", preloadPath, error);
  });

  mainWindow.webContents.on(
    "console-message",
    (event, level, message, line, sourceId) => {
      console.log("Renderer Console:", line, sourceId, message);
    },
  );

  // Enable remote debugging when in dev mode
  if (isDev) {
    mainWindow.webContents.openDevTools();
  }
}

// Handle app ready
app.whenReady().then(createWindow);

// Handle all windows closed
app.on("window-all-closed", () => {
  if (process.platform !== "darwin") {
    app.quit();
  }
});

app.on("activate", () => {
  if (BrowserWindow.getAllWindows().length === 0) {
    createWindow();
  }
});

// Handle any errors
process.on("uncaughtException", (error) => {
  console.error("Uncaught Exception:", error);
});