open-index/open-npm huggingface dataset:
npm package: @posisung/use-scroll
Description: x,y의 좌표값을 쉽게 구해주는 커스텀 훅
Author: Heroyooi
Latest version: 1.0.2

# @posisung/use-scroll

x,y의 좌표값을 쉽게 구해주는 커스텀 훅

## Installation

### npm

`npm i @posisung/use-scroll`

## Usage

```js
import React from "react";
import useScroll from "@posisung/use-scroll";

function App() {
  const { currentX, currentY } = useScroll();
  return (
    <h1>
      We are in: {currentX} / {currentY}
    </h1>
  );
}
```
npm package: @posit-dev/shiny-binding-main
Description: Types and helper functions for building JS extensions for Shiny apps
Author: Nick Strayer
Latest version: 0.0.3

# `@posit-dev/shiny-binding-main`

This is package contains helpers for setting up input and output bindings for Shiny apps. It assumes that Web Components will be the method of choice for creating custom input and output bindings.

## Want to use React instead of webcomponents? See `@posit-dev/shiny-binding-react`

## Installing

```bash
npm install @posit-dev/shiny-binding-main
```

## Importing/Using

```typescript
import { makeInputBinding } from "@posit-dev/shiny-binding-main";
```

## Functions

### `CustomElementInput`

Typescript interface for the `input` element. Extends the default `HTMLElement` to include the `value` property for holding the input value, and a `notifyBindingOfChange()` method for notifying Shiny of a change in the input value.

### `makeInputBinding()`

Function for creating a custom input binding given a tag name for a custom element (following the `CustomElementInput` interface.) Function takes care of registering input binding to ShinyCustomElementInput.

### `CustomElementOutput`

Typescript interface for the `output` element. Extends the default `HTMLElement` to include the `value` property for holding the output value.

An element that implements this interface should watch for changes in the `value` property and update the rending accordingly.

### `makeOutputBinding()`

Function for creating a custom output binding given a tag name for a custom element (following the `CustomElementOutput` interface.) Function takes care of registering output binding to Shiny.

## Development

To build the package locally run

```bash
npm run build
```

This runs `tsc` and generates the production code in the `dist` folder.

## Deploying

To deploy this package to NPM simply run

```bash
npm publish
```

This will auto build the project and publish it to NPM. Make sure to update the version number in `package.json` before publishing.
npm package: @posit-dev/shiny-binding-react
Description: React helpers for building Shiny app extensions
Author: Nick Strayer
Latest version: 0.0.3

# `@posit-dev/shiny-binding-react`

This package contains helpers for creating custom input and output bindings using React components. Under the hood it encapsulates the react components in web copmponents and handles the communication between the two.

## Want to use plain webcomponents instead of React? See `@posit-dev/shiny-binding-main`

## Installing

```bash
npm install @posit-dev/shiny-binding-react
```

## Importing/Using

```typescript
import { makeReactInput } from "@posit-dev/shiny-binding-react";
```

## Functions

### `makeReactInput()`

Convenience function for creating a custom input binding for a React component. Takes care of registering the input binding to Shiny.

Arguments:

- `tagName`: The name of the custom element that will be used to render the React component.
- `initialValue`: The initial value of the input.
- `renderComp`: A function that setsup the react component.
- `priority`: Should the value be immediately (`immediate`) updated wait to the next even loop (` "deferred"`)? Typically left at the default of "immediate".

Example:

```typescript
// Generates a new input binding that renders the supplied react component
// into the root of the webcomponent.
makeReactInput({
  tagName: "react-demo",
  initialValue: "#fff",
  renderComp: ({ onNewValue }) => (
    <ColorPickerReact
      initialValue="#fff"
      onNewValue={(color) => onNewValue(color)}
    />
  ),
});
```

### `makeReactOutput()`

Make a custom Shiny input binding using a react component. Takes care of registering the output binding to Shiny. Encapsulates the React component in a webcomponent internally so the UI generation function just needs to be a return an HTMLTools `Tag` with the name of the custom element.

Arguments:

- `tagName`: The name of the custom element that will be used to render the React component.
- `renderComp`: A function that setsup the react component. Is a function that takes as an argument the payload sent over from the server. This is set by the user and can/should be typed to match the payload sent from the server on the TS side with the generic argument. Ex.

```typescript
makeReactOutput<{ value: number }>({
  tagName: "testing-output-comp",
  renderComp: ({ value }) => {
    return <div>My value is: {value}</div>;
  },
});
```

## Development

To build the package locally run

```bash
npm run build
```

This runs `tsc` and generates the production code in the `dist` folder.

## Deploying

To deploy this package to NPM simply run

```bash
npm publish
```

This will auto build the project and publish it to NPM. Make sure to update the version number in `package.json` before publishing.
npm package: @positflav/loudspeaker
Description: Control loudspeaker ios and android
Author: positflav
Latest version: 0.0.1

# @positflav/loudspeaker

Control loudspeaker ios and android

## Install

```bash
npm install @positflav/loudspeaker
npx cap sync
```

## API

<docgen-index>

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

</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>

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


### setAudioMode(...)

```typescript
setAudioMode(options: { mode: 'speaker' | 'earpiece'; }) => Promise<{ success: boolean; }>
```

| Param         | Type                                            |
| ------------- | ----------------------------------------------- |
| **`options`** | <code>{ mode: 'speaker' \| 'earpiece'; }</code> |

**Returns:** <code>Promise&lt;{ success: boolean; }&gt;</code>

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

</docgen-api>