> ## Documentation Index
> Fetch the complete documentation index at: https://docs.deskofy.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Renderer Plugins

**Renderer plugins** are used to interact with the **web view or frontend** of your Deskofy application. They also support **Electron APIs**, allowing you to add new functionality or modify existing behavior in the renderer process. Each renderer plugin must follow a specific structure:

```typescript theme={null}
import type { IpcRenderer } from 'electron';

const plugin = {
  init: (deskofyIpcRenderer: IpcRenderer) => {
    // Your renderer logic here
  },
};

export default plugin;
```

When a file follows this structure, Deskofy automatically **detects and injects the plugin** into the renderer process.

Here is a simple example demonstrating a console log. When the application runs, the message will appear in the web browser console:

```typescript theme={null}
import type { IpcRenderer } from 'electron';

const plugin = {
  init: (deskofyIpcRenderer: IpcRenderer) => {
    console.log('Renderer plugin initialized:', deskofyIpcRenderer);
  },
};

export default plugin;
```

This structure allows developers to safely extend and customize frontend behavior while maintaining integration with Electron.