> For the complete documentation index, see [llms.txt](https://docs.navigaglobal.com/dashboard-plugin/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.navigaglobal.com/dashboard-plugin/deprecations/4.0.0.md).

# 4.0.0

With Dashboard 4.0.0, we have added a new Plugin-API and deprecated all the old ones.

## API base

All the methods from the old API

### Old

```jsx
import Dashboard from 'Dashboard'
```

### Replacement

```jsx
import DashboardPlugin from 'Dashboard/plugin'

const Plugin = new DashboardPlugin('@plugin_bundle')
```

### Documentation

{% content-ref url="/pages/-LbbE4vTfCgNW0Cvz5w3" %}
[register](/dashboard-plugin/api-and-gui/api/register.md)
{% endcontent-ref %}

## Scoped functions

All the scoped functions that accessible with `this` namespace when extending Dashboards Components such like `Application`

### Old

| Scoped methods              |
| --------------------------- |
| this.on                     |
| this.events                 |
| this.off                    |
| this.send                   |
| this.ready                  |
| this.unready                |
| this.openModal              |
| this.openApplicationInModal |
| this.closeModal             |
| this.request                |
| this.healthy                |
| this.hasPermission          |

```jsx
class MyApplication extends Dashboard.Application {
    
    ...
    ...
    ...
    
    handleOnClick() {
        this.send({
            name: 'name',
            userData: {...data}
        })
    }
    
    render() {
        return (
            <div>
                <button onClick={this.handleOnClick}>Click me!</button>
            </div>
        )
    }
}
```

### Replacement

All the scoped methods has been replaced with alternatives from the latest Plugin-API

{% content-ref url="/pages/-MS3RbLM0\_9Crc-64Rzf" %}
[Overview](/dashboard-plugin/api-and-gui/api/overview.md)
{% endcontent-ref %}