Installing Themes from the Web

main/main.js

@@ -5,6 +5,7 @@ const { app, BrowserWindow, dialog, Menu, session, ipcMain, electron } = require
 const path = require('path');
 const fs = require('fs');
 const fetch = require('cross-fetch');
+const https = require('https');
 const contextMenu = require('electron-context-menu');
 
 if (require('electron-squirrel-startup')) app.quit();
@@ -191,6 +192,22 @@ ipcMain.handle('get-themes', async (event) => {
  return buf;
 });
 
+function download(url, dest, cb) {
+ var file = fs.createWriteStream(dest);
+ https.get(url, function (response) {
+ response.pipe(file);
+ file.on('finish', function () {
+ file.close(cb);
+ });
+ });
+}
+
+ipcMain.handle('download-theme', async (event, url, name) => {
+ download(url, `${app.getPath('userData')}/themes/${name}`, () => {
+ return;
+ })
+});
+
 ipcMain.handle('toggle-full-screen', async (event) => {
  mainWindow.setFullScreen(!mainWindow.isFullScreen());
 });

main/preload.js

@@ -49,6 +49,9 @@ contextBridge.exposeInMainWorld('native', {
  }
  )
  },
+ downloadTheme: (url, name) => {
+ ipcRenderer.invoke('download-theme', url, name);
+ },
  unloadTheme: () => {
  document.getElementsByClassName('theme')[0].remove()
  },

src/search.js

@@ -63,6 +63,14 @@ function loadURL(url) {
  if ( url.startsWith('http://') ) {
  alert(`Page ${url} is not secure.`);
  }
+ if (url.startsWith('https://raw.githubusercontent.com/CatalystDevOrg/Themes/master/') && url.endsWith('.css')) {
+ if (confirm("This link looks like a theme URL. Attempt to install theme?")) {
+ catalyst.native.downloadTheme(url, url.split("/")[6])
+ if (confirm(`Theme ${url.split("/")[6]} installed successfully! Switch to theme?`)) {
+ catalyst.native.loadTheme(url.split("/")[6])
+ };
+ }
+ }
  view.src = url;
  view.addEventListener('did-fail-load', () => {
  view.src = 'home.html';