open-index/open-npm huggingface dataset:
npm package: @mynq/streamory-sdk
Description: **Streamory JavaScript SDK** — A lightweight SDK to track custom events and send them securely to your Streamory analytics backend.
Latest version: 0.1.5

# @mynq/streamory-sdk

**Streamory JavaScript SDK** — A lightweight SDK to track custom events and send them securely to your Streamory analytics backend.

---

## Installation

```bash
npm install @mynq/streamory-sdk
# or
yarn add @mynq/streamory-sdk
```
---

## Usage

```js
import StreamorySDK from "@mynq/streamory-sdk";

const sdk = new StreamorySDK(
    "your-api-key",
    "http://localhost:3000/v1/events"
);

// Track a custom event with optional properties
sdk.track("signup_click", { plan: "pro" });
```

---

## API

```js
new StreamorySDK(apiKey: string, endpoint?: string)
```

- `apiKey` — Your project’s API key for authentication (required).
- `endpoint` — The URL of your ingestion API. Defaults to `http://localhost:3000/v1/events`.

```js
track(eventName: string, properties?: object): Promise<void>
```

Sends a custom event with optional properties to your Streamory backend.

- `eventName` — Name of the event (e.g., `"signup_click"`).
- `properties` — Additional data related to the event.

---

## Features

- Sends events securely with Bearer token authentication.
- Minimal dependencies, lightweight footprint.
- Designed to integrate easily in browser and Node.js environments.

---

## Contributing

Contributions are welcome! Feel free to open issues or submit pull requests. Please ensure your code adheres to the existing style and includes tests when applicable.

---

## License

MIT © Mayank
npm package: @myntra/uikit-component-input-azure-file
Description: import InputAzureFile from './src/input-azure-file'
Author: Myntra
Latest version: 1.13.65

import InputAzureFile from './src/input-azure-file'

# InputAzureFile

<Documenter component={InputAzureFile}>

```jsx preview
const [error, setError] = useState(null)
const [file, setFile] = useState({})
<>
  <InputAzureFile
    apiRoot="http://apidev.myntrainfo.com:18793"
    onError={setError}
    onSuccess={setFile}
    autoStartUpload={false}
    />
  <div>{error && error.message}</div>
  {file.name && <div>{`${file.name} has been uploaded to ${file.url}`}</div>}
</>
```

</Documenter>
npm package: @myoc/common
Description: Excalidraw common functions, constants, etc.
Latest version: 0.19.506

# @excalidraw/common

## Install

```bash
npm install @excalidraw/common
```

If you prefer Yarn over npm, use this command to install the Excalidraw utils package:

```bash
yarn add @excalidraw/common
```

With PNPM, similarly install the package with this command:

```bash
pnpm add @excalidraw/common
```
npm package: @myoc/element
Description: Excalidraw elements-related logic
Latest version: 0.19.506

# @excalidraw/element

## Install

```bash
npm install @excalidraw/element
```

If you prefer Yarn over npm, use this command to install the Excalidraw utils package:

```bash
yarn add @excalidraw/element
```

With PNPM, similarly install the package with this command:

```bash
pnpm add @excalidraw/element
```
npm package: @myoc/math
Description: Excalidraw math functions
Latest version: 0.19.506

# @excalidraw/math

## Install

```bash
npm install @excalidraw/math
```

If you prefer Yarn over npm, use this command to install the Excalidraw utils package:

```bash
yarn add @excalidraw/math
```

With PNPM, similarly install the package with this command:

```bash
pnpm add @excalidraw/math
```
npm package: @myonim/ng2-tel-input
Description: An Angular 2 wrapper for intl-tel-input library
Author: se.yonatan.merkebu@gmail.com
Latest version: 1.0.0

<h1 align="center"> This repository is no longer maintained.</h1>

# Angular 2+ wrapper for intl-tel-input

# Installation

Run following command to install ng2-tel-input

```sh
npm install ng2-tel-input intl-tel-input --save
```

After install, you need to add **intlTelInput.css**, **intlTelInput.min.js**, **utils.js**.

In case of @angular/cli, add 2 files in your `angular.json`. 

For example,

- Include **intlTelInput.css** in "styles" at your `angular.json` file  :
```
  "styles": [
    ...
    "node_modules/intl-tel-input/build/css/intlTelInput.css",
    ...
  ]
```

- Include **intlTelInput.min.js**, **utils.js** in "scripts" at your `angular.json` file  :
```
  "scripts": [
    ...
    "node_modules/intl-tel-input/build/js/intlTelInput.min.js"
    ...
  ]
```


Now add Ng2TelInputModule into your AppModule. For example,

```js
import {Ng2TelInputModule} from 'ng2-tel-input';
```

Once done, we are ready to use this library.

# How to use?

In order to use this directive, you need to add "ng2TelInput" directive with "[ng2TelInputOptions]" options to your text field. For example,

```html
<input type="text"
  ng2TelInput
  [ng2TelInputOptions]="{initialCountry: 'in'}"
  (hasError)="hasError($event)"
  (ng2TelOutput)="getNumber($event)"
  (intlTelInputObject)="telInputObject($event)"
  (countryChange)="onCountryChange($event)" />
```

# Note
**(intlTelInputObject)** returns **intl-tel-input** instance.
By default this package get **utils.js** from below link:-
https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/16.0.1/js/utils.js
But you can also provide your utilsScript file by using below options:-

[ng2TelInputOptions]="{initialCountry: 'in', utilsScript: 'node_modules/intl-tel-input/build/js/utils.js'}"

# How to use this instance?
You can use it perform any functionality that is available on intl-tel-input plugin. **For example**, in your component,
```
telInputObject(obj) {
    console.log(obj);
    obj.setCountry('in');
  }
```
npm package: @myonim/react-zoom-pan-pinch
Description: Zoom and pan html elements in easy way
Author: Yoni
Latest version: 2.1.3

# react-zoom-pan-pinch

[![NPM](https://img.shields.io/npm/v/react-zoom-pan-pinch.svg)](https://www.npmjs.com/package/react-zoom-pan-pinch)
![npm bundle size](https://img.shields.io/bundlephobia/minzip/react-zoom-pan-pinch)
[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
![NPM](https://img.shields.io/npm/l/react-zoom-pan-pinch)
![npm](https://img.shields.io/npm/dm/react-zoom-pan-pinch)
![GitHub stars](https://img.shields.io/github/stars/prc5/react-zoom-pan-pinch?style=social)

> Super fast and light react npm package for zooming, panning and pinching html
> elements in easy way

- [Demo](https://prc5.github.io/react-zoom-pan-pinch/?path=/story/examples-big-image--big-image)
- [Docs](https://prc5.github.io/react-zoom-pan-pinch/?path=/story/docs-props--page)

## Features

- :rocket: Fast and easy to use
- :factory: Light, without external dependencies
- :gem: Mobile gestures, touchpad gestures and desktop mouse events support
- :gift: Powerful context usage, which gives you a lot of freedom
- :wrench: Highly customizable
- :crown: Animations and Utils to create own tools

## Install

```bash
npm install --save react-zoom-pan-pinch
```

or

```bash
yarn add react-zoom-pan-pinch
```

## Usage

```jsx
import React, { Component } from "react";

import { TransformWrapper, TransformComponent } from "react-zoom-pan-pinch";

class Example extends Component {
  render() {
    return (
      <TransformWrapper>
        <TransformComponent>
          <img src="image.jpg" alt="test" />
        </TransformComponent>
      </TransformWrapper>
    );
  }
}
```

or

```jsx
import React, { Component } from "react";

import { TransformWrapper, TransformComponent } from "react-zoom-pan-pinch";

class Example extends Component {
  render() {
    return (
      <TransformWrapper
        initialScale={1}
        initialPositionX={200}
        initialPositionY={100}
      >
        {({ zoomIn, zoomOut, resetTransform, ...rest }) => (
          <React.Fragment>
            <div className="tools">
              <button onClick={() => zoomIn()}>+</button>
              <button onClick={() => zoomOut()}>-</button>
              <button onClick={() => resetTransform()}>x</button>
            </div>
            <TransformComponent>
              <img src="image.jpg" alt="test" />
              <div>Example text</div>
            </TransformComponent>
          </React.Fragment>
        )}
      </TransformWrapper>
    );
  }
}
```

## License

MIT © [prc5](https://github.com/prc5)