improve: rename API to plutoDesktop

src/main/preload.ts

@@ -2,7 +2,7 @@ import { contextBridge, ipcRenderer, IpcRendererEvent } from 'electron';
 
 export type Channels = 'ipc-example';
 
-contextBridge.exposeInMainWorld('electron', {
+contextBridge.exposeInMainWorld('plutoDesktop', {
   ipcRenderer: {
     sendMessage(channel: Channels, args: unknown[]) {
       ipcRenderer.send(channel, args);

src/renderer/Loading.tsx

@@ -6,7 +6,7 @@ const Loading = () => {
   const [message, setMessage] = useState('');
 
   useElectron((window) => {
-    window.electron.ipcRenderer.on('pluto-url', (m) => {
+    window.plutoDesktop.ipcRenderer.on('pluto-url', (m) => {
       setMessage(String(m));
       console.log(m);
     });

src/renderer/index.tsx

@@ -7,8 +7,8 @@ const root = createRoot(container);
 root.render(<Loading />);
 
 // calling IPC exposed from preload script
-window.electron.ipcRenderer.once('ipc-example', (arg) => {
+window.plutoDesktop.ipcRenderer.once('ipc-example', (arg) => {
   // eslint-disable-next-line no-console
   console.log(arg);
 });
-window.electron.ipcRenderer.sendMessage('ipc-example', ['ping']);
+window.plutoDesktop.ipcRenderer.sendMessage('ipc-example', ['ping']);

src/renderer/preload.d.ts

@@ -2,7 +2,7 @@ import { Channels } from 'main/preload';
 
 declare global {
   interface Window {
-    electron: {
+    plutoDesktop: {
       ipcRenderer: {
         sendMessage(channel: Channels, args: unknown[]): void;
         on(

src/renderer/useElectron.tsx

@@ -1,20 +1,20 @@
 import { useEffect, useState } from 'react';
 
 /**
- * A hook to check whether pluto is running inside Electron,
+ * A hook to check whether pluto is running inside Desktop,
  * and execute a callback if that is the case.
- * @param callback A function that takes in a window (having electron as a property)
- * as its argument, if electron is not found, it is not called.
- * @returns A boolean denoting whether pluto is running inside Electron or not.
+ * @param callback A function that takes in a window (having `plutoDesktop` as a property)
+ * as its argument, if `plutoDesktop` is not found, it is not called.
+ * @returns A boolean denoting whether pluto is running inside Desktop or not.
  */
 const useElectron = (callback?: (window: Window) => void) => {
   const [isDesktop, setIsDesktop] = useState(false);
 
   useEffect(() => {
-    if (window.electron) {
+    if (window.plutoDesktop) {
       // console.log(
-      //   'Running in Electron Environment! Found following properties/methods:',
-      //   window.electron
+      //   'Running in Desktop Environment! Found following properties/methods:',
+      //   window.plutoDesktop
       // );
       setIsDesktop(true);
       if (callback) callback(window);