open-index/open-npm huggingface dataset:
npm package: @sailingrotevista/rotevista-webapp
Description: Master Marine Dashboard for Rotevista - Monitoring Power, Solar, Environment and Navigation.
Author: Alessio Tosi
Latest version: 1.0.11

# Rotevista Master Dash 🐾

Private Marine Dashboard for SignalK.
Rotevista Specific, sorry!

## Features
- **Home**: Real-time monitoring of Power, Environment and Navigation.
- **Energy**: SOC 24h charts and 7-day Min/Max analysis.
- **Environment**: Apparent and True wind gauges.
- **Controls**: Interactive switches for pumps, boiler and more.

## Installation
Install directly via the SignalK App Store.

## Technical Setup
This app connects to a Node-RED API at `https://192.168.111.240:1881/api/boat`.
npm package: @sailnjord/use-search-state
Description: <p>     <a aria-label="NPM version" href="https://www.npmjs.com/package/@sailnjord/use-search-state">     <img alt="" src="https://badgen.net/npm/v/@sailnjord/use-search-state">   </a>   <a aria-label="Package size" href="https://bundlephobia.com/result?p
Author: Jonas Witt
Latest version: 0.0.3

# use-search-state

<p>
    <a aria-label="NPM version" href="https://www.npmjs.com/package/@sailnjord/use-search-state">
    <img alt="" src="https://badgen.net/npm/v/@sailnjord/use-search-state">
  </a>
  <a aria-label="Package size" href="https://bundlephobia.com/result?p=@sailnjord/use-search-state">
    <img alt="" src="https://badgen.net/bundlephobia/minzip/@sailnjord/use-search-state">
  </a>
  <a aria-label="License" href="https://github.com/@sailnjord/use-search-state/blob/main/LICENSE">
    <img alt="" src="https://badgen.net/npm/license/@sailnjord/use-search-state">
  </a>
</p>

## Usage

```typescript
useSearchState(
  // Send any state to the search/query string
  // Changing this value will cause a pushState()
  {
    foo: 123,
    bar: 42,
  },
  // Handle changes in the search/query string
  // (called once for the initial page load, and for
  // subsequent changes including on forward/back
  // navigation by the user)
  ({ foo, bar }) => {
    // For example, copy to local state:
    // setFoo(foo)
    // setBar(bar)
  }
);
```