khoj/src/interface/desktop/preload.js

window.addEventListener('DOMContentLoaded', () => {
    const replaceText = (selector, text) => {
      const element = document.getElementById(selector)
      if (element) element.innerText = text
    }

    for (const dependency of ['chrome', 'node', 'electron']) {
      replaceText(`${dependency}-version`, process.versions[dependency])
    }
})

const { contextBridge, ipcRenderer } = require('electron');

contextBridge.exposeInMainWorld('electronAPI', {
  setTitle: (title) => ipcRenderer.send('set-title', title)
})

contextBridge.exposeInMainWorld('clipboardAPI', {
    sendClipboardText: (callback) => {
      ipcRenderer.on('clip', (event, message) => {
        callback(message);
      });
    }
  });

contextBridge.exposeInMainWorld('routeBackToMainWindowAPI', {
    sendSignal: () => {
      ipcRenderer.send('continue-conversation-button-clicked'); // Custom event name
    }
  });

contextBridge.exposeInMainWorld('storeValueAPI', {
    handleFileOpen: (key) => ipcRenderer.invoke('handleFileOpen', key)
})

contextBridge.exposeInMainWorld('getFilesAPI', {
    getFiles: () => ipcRenderer.invoke('getFiles')
})

contextBridge.exposeInMainWorld('getFoldersAPI', {
    getFolders: () => ipcRenderer.invoke('getFolders')
})

contextBridge.exposeInMainWorld('updateStateAPI', {
    onUpdateState: (callback) => ipcRenderer.on('update-state', callback)
})

contextBridge.exposeInMainWorld('needsSubscriptionAPI', {
    onNeedsSubscription: (callback) => ipcRenderer.on('needsSubscription', callback)
})

contextBridge.exposeInMainWorld('removeFileAPI', {
    removeFile: (filePath) => ipcRenderer.invoke('removeFile', filePath)
})

contextBridge.exposeInMainWorld('removeFolderAPI', {
    removeFolder: (folderPath) => ipcRenderer.invoke('removeFolder', folderPath)
})

contextBridge.exposeInMainWorld('hostURLAPI', {
    setURL: (url) => ipcRenderer.invoke('setURL', url),
    getURL: () => ipcRenderer.invoke('getURL')
})

contextBridge.exposeInMainWorld('syncDataAPI', {
    syncData: (regenerate) => ipcRenderer.invoke('syncData', regenerate),
    deleteAllFiles: () => ipcRenderer.invoke('deleteAllFiles')
})

contextBridge.exposeInMainWorld('userInfoAPI', {
    getUserInfo: () => ipcRenderer.invoke('getUserInfo')
})

contextBridge.exposeInMainWorld('tokenAPI', {
    setToken: (token) => ipcRenderer.invoke('setToken', token),
    getToken: () => ipcRenderer.invoke('getToken')
})

contextBridge.exposeInMainWorld('appInfoAPI', {
    getInfo: (callback) => ipcRenderer.on('appInfo', callback)
})

contextBridge.exposeInMainWorld('navigateAPI', {
  navigateToSettings: () => ipcRenderer.send('navigate', 'config.html'),
  navigateToWebSettings: () => ipcRenderer.send('navigateToWebApp', 'config'),
})