feature: cookievis 2.0

angular.json

@@ -95,4 +95,4 @@
       }
     }
   }
-}
+}

electron/handleEvents.js

@@ -1,45 +1,65 @@
-const { ipcMain } = require('electron');
-
-function initEventsHandler(mainWin, browserView) {
-    const winContent = mainWin.webContents;
-    const browserContent = browserView.webContents;
-
-    ipcMain.handle('toogle-dev-tool', () => {
-        if (winContent.isDevToolsOpened()) {
-            winContent.closeDevTools();
-        } else {
-            winContent.openDevTools({ mode: 'detach' });
-        }
-    });
+const { ipcMain, session } = require("electron");
 
-    ipcMain.handle('go-back', () => {
-        browserContent.goBack();
-    });
+function initEventsHandler(mainWin, browserView, cookieWin) {
+  const winContent = mainWin.webContents;
+  const browserContent = browserView.webContents;
+  const cookieContent = cookieWin.webContents;
+  let lastHost = "";
 
-    ipcMain.handle('can-go-back', () => {
-        return browserContent.canGoBack();
+  browserContent.on("did-navigate", async (event, url) => {
+    let host = new URL(url).host;
+    if (lastHost !== host) {
+      lastHost = host;
+      await session.defaultSession.clearStorageData({ storages: ["cookies"] });
+    }
+    let cookies = await session.defaultSession.cookies.get({});
+    let parsedcookies = new Array();
+    cookies.forEach((cookie) => {
+      parsedcookies.push(cookie.domain);
     });
+    cookieContent.send("cookies", { url: url, cookies: parsedcookies });
+  });
 
-    ipcMain.handle('go-forward', () => {
-        browserContent.goForward();
-    });
-
-    ipcMain.handle('refresh', () => {
-        browserContent.reload();
-    });
+  ipcMain.handle("open-cookie-win", () => {
+    cookieWin.loadURL("http://localhost:4200/index.html#cookies");
+    cookieWin.show();
+  });
 
-    ipcMain.handle('can-go-forward', () => {
-        return browserContent.canGoForward();
-    });
+  ipcMain.handle("toogle-dev-tool", () => {
+    if (winContent.isDevToolsOpened()) {
+      winContent.closeDevTools();
+    } else {
+      winContent.openDevTools({ mode: "detach" });
+    }
+  });
 
-    ipcMain.handle('go-to-page', (event, url) => {
-        return browserContent.loadURL(url);
-    });
+  ipcMain.handle("go-back", () => {
+    browserContent.goBack();
+  });
 
+  ipcMain.handle("can-go-back", () => {
+    return browserContent.canGoBack();
+  });
 
-    ipcMain.handle('current-url', () => {
-        return browserContent.getURL();
-    });
+  ipcMain.handle("go-forward", () => {
+    browserContent.goForward();
+  });
+
+  ipcMain.handle("refresh", () => {
+    browserContent.reload();
+  });
+
+  ipcMain.handle("can-go-forward", () => {
+    return browserContent.canGoForward();
+  });
+
+  ipcMain.handle("go-to-page", (event, url) => {
+    return browserContent.loadURL(url);
+  });
+
+  ipcMain.handle("current-url", () => {
+    return browserContent.getURL();
+  });
 }
 
-module.exports = { initEventsHandler };
+module.exports = { initEventsHandler };

electron/main.js

@@ -1,38 +1,65 @@
-const { app, BrowserView, BrowserWindow, ipcMain} = require('electron');
-const{initEventsHandler} = require('./handleEvents');
+const { app, BrowserView, BrowserWindow } = require("electron");
+const { initEventsHandler } = require("./handleEvents");
 const isDev = require("electron-is-dev");
-const path = require("path");
 
 app.whenReady().then(() => {
-    const browserWindow = new BrowserWindow({
-        width: 800,
-        height: 800, 
-        webPreferences: {
-            contextIsolation: false,
-            nodeIntegration: true,
-            webSecurity: false
-        }
-    });
+  const browserWindow = new BrowserWindow({
+    width: 800,
+    height: 800,
+    webPreferences: {
+      contextIsolation: false,
+      nodeIntegration: true,
+      webSecurity: false,
+    },
+  });
 
-    if (isDev){
-        browserWindow.loadURL("http://localhost:4200/");
-    }else {
-        browserWindow.loadFile('dist/browser/index.html');
-    }
+  const cookieWindow = new BrowserWindow({
+    parent: browserWindow,
+    title: "COOKIEVIZ 2.0",
+    width: 720,
+    height: 720,
+    webPreferences: {
+      contextIsolation: false,
+      nodeIntegration: true,
+      webSecurity: false,
+    },
+    resizable: false,
+    show: false,
+    closable: false,
+  });
 
-    const browserView = new BrowserView();
-    initEventsHandler(browserWindow, browserView);
-
-    browserWindow.once('ready-to-show', ()=>{
-        browserWindow.setBrowserView(browserView)
-        const winSize = browserWindow.webContents.getOwnerBrowserWindow().getBounds();
-        browserView.setBounds({ x: 0, y: 55, width: winSize.width, height: winSize.height });
-        browserView.webContents.loadURL('https://amiens.unilasalle.fr');
-    });
-
-    browserWindow.on('resized', ()=>{
-        const winSize = browserWindow.webContents.getOwnerBrowserWindow().getBounds();
-        browserView.setBounds({ x: 0, y: 55, width: winSize.width, height: winSize.height });
+  if (isDev) {
+    browserWindow.loadURL("http://localhost:4200/");
+  } else {
+    browserWindow.loadFile("dist/browser/index.html");
+  }
+
+  const browserView = new BrowserView();
+  initEventsHandler(browserWindow, browserView, cookieWindow);
+
+  browserWindow.once("ready-to-show", () => {
+    browserWindow.setBrowserView(browserView);
+    const winSize = browserWindow.webContents
+      .getOwnerBrowserWindow()
+      .getBounds();
+    browserView.setBounds({
+      x: 0,
+      y: 55,
+      width: winSize.width,
+      height: winSize.height,
     });
-})
+    browserView.webContents.loadURL("https://amiens.unilasalle.fr");
+  });
 
+  browserWindow.on("resized", () => {
+    const winSize = browserWindow.webContents
+      .getOwnerBrowserWindow()
+      .getBounds();
+    browserView.setBounds({
+      x: 0,
+      y: 55,
+      width: winSize.width,
+      height: winSize.height,
+    });
+  });
+});