open-index/open-npm huggingface dataset:
npm package: @algobot76/react-zoomy
Description: [Demo](https://chuson1996.github.io/react-zoomy/)
Latest version: 1.2.1

# react-zoomy

[Demo](https://chuson1996.github.io/react-zoomy/)

[Live Demo - Tutorial](https://www.youtube.com/watch?v=shIeuTM_6t0)

Peer dependencies: `react-motion` and `styled-components`. Yep, I know, that means you have to install them.

Install `npm install --save react-zoomy`

### Props:

**1. imageUrl**: String (required)

Url of the image

**2. renderThumbnail**: Function (required). `({ showImage }) => React Element`

Call `showImage()` to display to image

Example:
```js
import ReactZoomy from 'react-zoomy';

<ReactZoomy
  imageUrl={'https://images.unsplash.com/photo-1487309078313-fad80c3ec1e5?dpr=2&auto=format&fit=crop&w=767&h=1023&q=80&cs=tinysrgb&crop='}
  renderThumbnail={({ showImage }) => <button onClick={showImage}>Show Image</button>}
  scale={[1.1, 1.1]}
  imageProps={{
    style: {
      width: '100vw',
      height: 'auto'
    }
  }}
/>
```

**3. scale**: \[scaleX: Number, scaleY: Number\] (optional). Default [1, 1]

To scale the image.

**4. renderCursor**: Function (optional). 
`({ style, isImageShowed }) => React Element`

Just in case you want to have a custom cursor when moving over the picture. Apply `style` prop to your react element. `isImageShowed` prop indicates when the image is displayed or not.

**5. renderLoadingElement**: Function (optional). 
`({ isImageShowed, isImageLoaded, done }) => React Element`

This is optional. If you wish to have something before sliding the image in (or simply to deplay it), you would need to declare this prop. `isImageShowed` and `isImageLoaded` is pretty declarative themselves. Call `done()` to start sliding the image in.

**6. imageContainerProps**: Object (optional)

Props passed down to the container of the image

**7. imageProps**: Object (optional)

Props passed down to the image
npm package: @algolia/autocomplete-plugin-algolia-insights
Description: A plugin to add Algolia Insights to Algolia Autocomplete.
Author: Algolia, Inc.
Latest version: 1.19.8

# @algolia/autocomplete-plugin-algolia-insights

The Algolia Insights plugin automatically sends click and conversion events to the [Algolia Insights API](https://www.algolia.com/doc/rest-api/insights]) whenever a user interacts with the autocomplete.

## Installation

```sh
yarn add @algolia/autocomplete-plugin-algolia-insights
# or
npm install @algolia/autocomplete-plugin-algolia-insights
```

## Documentation

See [**Documentation**](https://www.algolia.com/doc/ui-libraries/autocomplete/api-reference/autocomplete-plugin-algolia-insights).
npm package: @algolia/recommend-vdom
Description: VDOM package for [Algolia Recommend](https://www.algolia.com/doc/guides/algolia-ai/recommend/).
Author: Algolia, Inc.
Latest version: 1.16.0

# `@algolia/recommend-vdom`

VDOM package for [Algolia Recommend](https://www.algolia.com/doc/guides/algolia-ai/recommend/).

## Installation

```sh
yarn add @algolia/recommend-vdom
# or
npm install @algolia/recommend-vdom
```
npm package: @algolia/ui-components-horizontal-slider-vdom
Description: VDOM package for [horizontal-slider-vdom](https://github.com/algolia/ui-components/tree/next/packages/horizontal-slider-vdom).
Author: Algolia, Inc.
Latest version: 1.2.3

# `@algolia/ui-components-horizontal-slider-vdom`

VDOM package for [horizontal-slider-vdom](https://github.com/algolia/ui-components/tree/next/packages/horizontal-slider-vdom).

## Installation

```sh
yarn add @algolia/horizontal-slider-vdom
# or
npm install @algolia/horizontal-slider-vdom
```
npm package: @algorandfoundation/passkeys-store
Description: passkeys-store placeholder for Algorand
Latest version: 0.0.1-beta.0

# @algorandfoundation/passkeys-store

passkeys-store placeholder for Algorand (boilerplate 0.0.1-beta.0).

## Usage

```js
const myPackage = require('@algorandfoundation/passkeys-store');
console.log(myPackage());
```
npm package: @algovisio/container
Description: Container for AlgoVisio Apps
Author: algovisio
Latest version: 0.1.0

# AlgoVisio Container

This is a container simulating the environment in which a [AlgoVisio App](https://algovisio.net) runs.

## Getting Started

We recommend that you use our [Create AlgoVisio App](https://github.com/MMittenbuehler/algovisio-dev-kit/packages/create-algovis-app) 
if you want to create a development environment.

### Prerequisites

A package manager like [npm](https://www.npmjs.com/) is required.

### Installing

First you have to clone this package to your local machine.

In the root directory run:

```bash
npm install
```

### And coding style tests

The eslint [coding style by AirBnB](https://github.com/airbnb/javascript) is enforced.

## Scripts

### `npm run start`

Starts a server hosting the build container on port 3000. You can access it
via [localhost:3000](http://localhost:3000). It expects a visualization to be hosted
on port 3001.

### `npm run dev`

Like npm run, just that it compiles the code just in time. We recommend to `build` and then `start` instead of using `dev`.

### `npm run build`

Builds the package. It puts the compiled Container in the out folder and the compiled `src` into `dist`.

### `npm run lint`

Runs eslint in auto-fix mode.

### `npm run test`

Currently there are no tests specified :(

## Built With

* [React](https://reactjs.org/) - Framework
* [Next.js](https://nextjs.org/) - SSR framework
* [Express](https://expressjs.com/) - NodeJS Server
* [Material-UI](https://material-ui.com/) - Design Framework
* [NPM](https://www.npmjs.com/) - Dependency Management

## Versioning

We use [SemVer](http://semver.org/) for versioning. For the versions available, see the [tags on this repository](https://github.com/your/project/tags). 

## Authors

* **Marcel Mittenbühler** - *Initial work* - [MMittenbuehler](https://github.com/MMittenbuehler)

See also the list of [contributors](https://github.com/your/project/contributors) who participated in this project.

## License

This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details
npm package: @alheimsins/pdf-make
Description: High-level API for pdfmake PDF document generation library
Author: Jonas Enge
Latest version: 2.0.2

[![Build Status](https://travis-ci.com/Alheimsins/pdf-make.svg?branch=master)](https://travis-ci.com/Alheimsins/pdf-make)
[![js-standard-style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg?style=flat)](https://github.com/feross/standard)

# pdf-make

High-level API for [pdfmake](https://www.npmjs.com/package/pdfmake) - *PDF
document generation library for server-side and client-side usage in pure
JavaScript.*

## Installation

```
$ npm install @alheimsins/pdf-make
```

## Usage

### PDF

```js
(async () => {
  const pdfmake = require('@alheimsins/pdf-make')
  const fs = require('fs').promises

  const content = {
    content: [
      'test'
    ]
  }

  // Creates PDF buffer
  const buffer = await pdfmake(content)

  console.log(buffer)
  // Returns <Buffer 25 50 44 46 2d 31 2e 33 0a 25 ff ff ff ff 0a 38 20 30 20 6f 62 6a 0a 3c 3c 0a 2f 54 79 70 65 20 2f 45 78 74 47 53 74 61 74 65 0a 2f 63 61 20 31 0a 2f ... >

  console.log('data:application/pdf;base64' + buffer.toString('base64'))
  // Return data:application/pdf;base64JVBERi0xLjMKJf////8KOCAwIG9iago8PAovVHlwZSAvRXh0R1N0YXRlCi9jYSAxCi9DQSAxCj4+CmVuZG9iago3IDAgb2JqCjw8Ci9UeXBlIC9QYWdlCi9QYXJlbnQgMSAwIFIKL

  await fs.writeFile('test.pdf', buffer)
  // Create test.pdf file
})()
```

### PDF/A-2B

```js
(async () => {
  const pdfmake = require('@alheimsins/pdf-make')
  const fs = require('fs').promises

  const content = {
    content: [
      'test'
    ]
  }
  const options = {
    type: '2',
    version: 'B'
  }

  // Creates PDF buffer
  const buffer = await pdfmake(content, options)

  console.log(buffer)
  // Returns <Buffer 25 50 44 46 2d 31 2e 33 0a 25 ff ff ff ff 0a 38 20 30 20 6f 62 6a 0a 3c 3c 0a 2f 54 79 70 65 20 2f 45 78 74 47 53 74 61 74 65 0a 2f 63 61 20 31 0a 2f ... >

  console.log('data:application/pdf;base64' + buffer.toString('base64'))
  // Return data:application/pdf;base64JVBERi0xLjMKJf////8KOCAwIG9iago8PAovVHlwZSAvRXh0R1N0YXRlCi9jYSAxCi9DQSAxCj4+CmVuZG9iago3IDAgb2JqCjw8Ci9UeXBlIC9QYWdlCi9QYXJlbnQgMSAwIFIKL

  await fs.writeFile('test.pdf', buffer)
  // Create test.pdf file
})()
```

## Documentation

See [pdfmake documentation](https://pdfmake.github.io/docs/)

## License

[MIT](LICENSE)

## About

Created with ❤ for [Alheimsins](https://alheimsins.net)

<img src="https://image.ibb.co/dPH08G/logo_black.png" alt="Alheimsins logo" height="150px" width="150px" />
npm package: @alianca/engines
Description: AI brain and 51 specialist agents for the Aliança Code governance platform
Latest version: 1.0.0

# @alianca/engines

AI brain and 51 specialist agents for the [Aliança Code](https://www.npmjs.com/package/@alianca/cli) governance platform.

This package is an internal dependency. Install the CLI instead:

```bash
npm install -g @alianca/cli
```

---

*Part of [Aliança Code](https://www.npmjs.com/package/@alianca/cli) — 51 AI specialists for your project.*