preload.ts

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Pic Display - A cute image viewer ❤                        *
 * Copyright © 2026 Moebytes <moebytes.com>                  *
 * Licensed under CC BY-NC 4.0. See license.txt for details. *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

import {contextBridge, ipcRenderer, webUtils, IpcRendererEvent} from "electron"


type SystemPath = "home" | "appData" | "userData" | "temp" | "exe" | "module" 
  | "desktop" | "documents" | "downloads" | "music" | "pictures" | "videos" | "recent" 
  | "logs" | "crashDumps"

declare global {
  interface Window {
    platform: "mac" | "windows",
    ipcRenderer: {
      invoke: (channel: string, ...args: any[]) => Promise<any>
      send: (channel: string, ...args: any[]) => void
      on: (channel: string, listener: (...args: any[]) => void) => any
      removeListener: (channel: string, listener: (...args: any[]) => void) => void
    },
    clipboard: {
      readText: () => Promise<string>
      writeText: (text: string) => Promise<void>
      clear: () => Promise<void>
      readImage: () => Promise<string>
      writeImage: (image: string) => Promise<void>
    },
    app: {
      getPath: (location: SystemPath) => Promise<string>
    },
    webUtils: {
      getPathForFile: (file: File) => string
    },
    path: {
      basename: (filepath: string, suffix?: string) => Promise<string>
      extname: (filepath: string) => Promise<string>
      normalize: (filepath: string) => Promise<string>
    }
  }
}

contextBridge.exposeInMainWorld("ipcRenderer", {
    invoke: async (channel: string, ...args: any[]) => {
            return ipcRenderer.invoke(channel, ...args)
    },
    send: (channel: string, ...args: any[]) => {
        ipcRenderer.send(channel, ...args)
    },
    on: (channel: string, listener: (...args: any[]) => void) => {
        const subscription = (event: IpcRendererEvent, ...args: any[]) => listener(event, ...args)

        ipcRenderer.on(channel, subscription)

        return subscription
    },
    removeListener: (channel: string, listener: (...args: any[]) => void) => {
        ipcRenderer.removeListener(channel, listener)
    }
})

contextBridge.exposeInMainWorld("clipboard", {
    readText: () => ipcRenderer.invoke("clipboard:readText"),
    writeText: (text: string) => ipcRenderer.invoke("clipboard:writeText", text),
    clear: () => ipcRenderer.invoke("clipboard:clear"),
    readImage: () => ipcRenderer.invoke("clipboard:readImage"),
    writeImage: (image: string) => ipcRenderer.invoke("clipboard:writeImage", image)
})

contextBridge.exposeInMainWorld("app", {
    getPath: (location: SystemPath) => ipcRenderer.invoke("app:getPath", location)
})

contextBridge.exposeInMainWorld("webUtils", {
    getPathForFile: (file: File) => webUtils.getPathForFile(file)
})

contextBridge.exposeInMainWorld("path", {
  basename: (filepath: string, suffix?: string) => ipcRenderer.invoke("path:basename", filepath, suffix),
  extname: (filepath: string) => ipcRenderer.invoke("path:extname", filepath),
  normalize: (filepath: string) => ipcRenderer.invoke("path:normalize", filepath)
})

contextBridge.exposeInMainWorld("platform", process.platform === "darwin" ? "mac" : "windows")