open-index/open-npm huggingface dataset:
npm package: @pdutt111/watch-connectivity
Description: Adds watch connectovity to ionic
Author: Pariskshit Dutt
Latest version: 0.0.4

# watch-connectivity

Adds watch connectovity to ionic

## Install

```bash
npm install watch-connectivity
npx cap sync
```

## API

<docgen-index>

* [`echo(...)`](#echo)

</docgen-index>

<docgen-api>
<!--Update the source file JSDoc comments and rerun docgen to update the docs below-->

### echo(...)

```typescript
echo(options: { value: string; }) => Promise<{ value: string; }>
```

| Param         | Type                            |
| ------------- | ------------------------------- |
| **`options`** | <code>{ value: string; }</code> |

**Returns:** <code>Promise&lt;{ value: string; }&gt;</code>

--------------------

</docgen-api>
npm package: @pdw.io/eslint-config
Description: This ESLint config aims to aid you with writing compact, standalone methods whilst paying attention to documentation and type checking. It is built on top of the Google code style.
Author: Pim de Wit
Latest version: 1.2.2

# What?
This ESLint config aims to aid you with writing compact, standalone methods whilst paying attention to documentation and type checking. It is built on top of the Google code style.


## Installation

npm: `npm install --save-dev @pdw.io/eslint-config`

yarn: `yarn add --dev @pdw.io/eslint-config`

In package.json add the following object top-level:

```
"eslintConfig": {
  "extends": "@pdw.io/eslint-config"
}
```
npm package: @pdw.io/event-dispatcher
Description: Performant event dispatcher.
Author: Pim de Wit
Latest version: 1.0.0

# EventDispatcher

Performant, opinionated event dispatcher.

## Installation

`npm install @pdw.io/event-dispatcher`

## Usage

Below is a very minimal example. The main thing to note is that the "event names" are strictly numbers (Enum keys in this case), this is where the performance comes from.

```typescript
import { EventDispatcher } from '@pdw.io/eventdispatcher';

export enum DialogEventName {
  OPEN,
  CLOSE,
}

class Dialog extends EventDispatcher<DialogEventName> {
  private open = false;

  toggle() {
    this.open = !this.open;
    const eventToSend = this.open ? DialogEventName.OPEN : DialogEventName.CLOSE;
    this.dispatchEvent(eventToSend);
  }
}

const dialog = new Dialog();
dialog.addEventListener(DialogEventName.OPEN, callback);
```
npm package: @pdw.io/eventdispatcher
Description: Performant event dispatcher.
Author: Pim de Wit
Latest version: 2.0.2

# EventDispatcher

Performant, opinionated event dispatcher.

## Installation

`npm install @pdw.io/eventdispatcher`

## Usage

Below is a very minimal example. The main thing to note is that the "event names" are strictly numbers (Enum keys in this case), this is where the performance comes from.

```typescript
import { EventDispatcher } from '@pdw.io/eventdispatcher';

export enum DialogEventName {
  OPEN,
  CLOSE,
}

class Dialog extends EventDispatcher<DialogEventName> {
  private open = false;

  toggle() {
    this.open = !this.open;
    const eventToSend = this.open ? DialogEventName.OPEN : DialogEventName.CLOSE;
    this.dispatchEvent(eventToSend);
  }
}

const dialog = new Dialog();
dialog.addEventListener(DialogEventName.OPEN, callback);
```

## Minification

The full source is available for import to work nicer with your bundler. Alternatively, there is an es5 & google-closure
compiled version available at `dist/`.

| Filename                 | Filesize    |
|--------------------------|-------------|
| `main.ts`                | 1,141 bytes |
| `dist/main.js` (default) | 998 bytes   |
| `dist/main.min.js`       | 540 bytes   |
npm package: @pdw.io/focusmanager
Description: A utility class that aides with computational focus.
Author: Pim de Wit
Latest version: 0.0.3
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# FocusManager

**[DOCS](https://pimdewit.github.io/focusmanager)**

## Installation

`npm install --save @pdw.io/focusmanager`
or
`yarn add @pdw.io/focusmanager`

## Concept

A utility class that aides with computational focus.
The main motivation for creating such a module comes from `inert` and its inconvenient way of intentional "focus-trapping" for e.g a dialog or drawer. On several projects I found myself creating an array of different sections of the site only to give them an attribute. Hopefully this class helps with that. Alongside that it has some common a11y functions.
   
```html
<nav data-focus-section="topbar"></nav>
<main data-focus-section="main"></main>
<dialog data-focus-section="mydialog"></dialog>
```


```javascript
import FocusManager from 'focusmanager';
const fm = new FocusManager();
fm.rejectFocusToAllSections();
fm.allowFocusToSection('mydialog');
```

## Utilities

There are several utility functions available that could proof useful in your app.

```javascript
import * as utilities from '@pdw.io/focusmanager/utilities';
// Or treeshaking `import {ariaHidden} from '@pdw.io/focusmanager/utilities';`

utilities.ariaHidden(myElement, true);
```

**[DOCS](https://pimdewit.github.io/focusmanager)**
npm package: @pdw.io/mark
Description: My personal dev mark which I shamelessly inject into friends' sites I build. 👨‍💻
Author: Pim de Wit
Latest version: 1.0.1

# mark
My personal dev mark which I shamelessly inject into friends' sites I build. 👨‍💻

`npm install @pdw.io/mark`

```javascript
import mark from '@pdw.io/mark';
mark();
```
npm package: @pdw.io/posenet-wrapper
Description: A wrapper for TensorFlow's PoseNet, aiming to make it easier to understand for non-CS folks like myself.
Author: Pim de Wit
Latest version: 0.0.1

# PoseNet Wrapper
The PoseNet helper is a heavily-documented "library" that encapsulates TensorFlow [PoseNet](https://github.com/tensorflow/tfjs-models/tree/master/posenet) functionality, and attempts to make it more usable for those who do not understand PoseNet's own explanations (it's pretty dense).