open-index/open-npm huggingface dataset:
npm package: @kiranaz/de-ad
Description: ## Example * To use sticky banner: ```js <StickyBanner dappID="0x123.." />  ```
Author: Kiran Naz
Latest version: 1.2.5


# @kiranaz/de-ad

## Example
* To use sticky banner:
```js
<StickyBanner dappID="0x123.." /> 
```

* To use popup ad:
```js
<PopupAd dappID="0x123.." />
```
npm package: @kiranbandi/snapshot
Description: A state management system for implicit and explicit re-visitation in state based visualizations and dashboards.
Author: kiranbandi
Latest version: 4.0.0

# visualization-snapshot
A state management system for implicit and explicit re-visitation in state based visualizations and dashboards.

Install the package 

```npm install @kiranbandi/snapshot```

Import the required functions

```import { initializeSnapshot, updateSnapshot } from '@kiranbandi/snapshot';```

Set the class 'snapshot' on the canvas or svg element that you want to be stored as a thumbnail in each snapshot.

Then initialize snapshot by setting the automatic timer mode and interval (milliseconds), thumbnail options such as its class name, size and type and finally a callback that gets called with the data in the snapshot, that needs to be handled by you to update the visualization 

``` 
  initializeSnapshot(true, 1000,
    {
    'class': '.snapshot',
    'type': 'svg',
    'size': { 'width': 100, 'height': 100 }
    },
    (data) => { // update visualization with new data });
```

Finally call update snapshot everytime data to the chart is being updated so that snapshot module can access the latest available data 

```updateSnapshot(data);```
npm package: @kiranbandi/synvisio
Description: Interactive Multiscale Visualization Tool for Exploring Syteny
Author: kiranbandi
Latest version: 4.0.0

# SynVisio
SynVisio is an interactive multiscale visualization tool that lets you explore the results of McScanX a popular synteny and collinearity detection toolkit and DAGChainer (similar tool).

SynVisio is available for free to use at [https://synvisio.github.io](https://synvisio.github.io).

### SynVisio requires two files to run:
- The simplified gff file that was used as an input for a McScanX query.
- The collinearity file generated as an output by McScanX for the same input query.

SynVisio can be directly plugged into a webpage by loading the JS file and
initializing it. You need to provide the id of the container into which SynVisio will be
rendered. You also need to provide the input files in the form of a collinearity file, gff file and additional tracks files if needed.
npm package: @kiranjolisa/demo-ui
Description: react component
Author: kiranjolisa
Latest version: 1.0.0

# @kiranjolisa/demo-ui

> react component

[![NPM](https://img.shields.io/npm/v/@kiranjolisa/demo-ui.svg)](https://www.npmjs.com/package/@kiranjolisa/demo-ui) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save @kiranjolisa/demo-ui
```

## Usage

```jsx
import React, { Component } from 'react'

import MyComponent from '@kiranjolisa/demo-ui'
import '@kiranjolisa/demo-ui/dist/index.css'

class Example extends Component {
  render() {
    return <MyComponent />
  }
}
```

## License

MIT © [kiranjolisa](https://github.com/kiranjolisa)
npm package: @kirarisk/test-package
Description: A simple test npm package with basic utilities
Author: Your Name
Latest version: 1.0.3

# Test Package

A simple test npm package with basic utility functions for demonstration purposes.

## Installation

```bash
npm install @kirarisk/test-package
```

## Usage

### CommonJS

```javascript
const { greet, capitalize, randomBetween, isValidEmail, debounce } = require('@kirarisk/test-package');

// Greet someone
console.log(greet('World')); // "Hello, World!"
console.log(greet('Alice', 'Hi')); // "Hi, Alice!"

// Capitalize text
console.log(capitalize('hello world')); // "Hello World"

// Generate random number
console.log(randomBetween(1, 10)); // Random number between 1 and 10

// Validate email
console.log(isValidEmail('test@example.com')); // true
console.log(isValidEmail('invalid-email')); // false

// Debounce function
const debouncedLog = debounce(console.log, 1000);
debouncedLog('This will be logged after 1 second delay');
```

### ES Modules

```javascript
import { greet, capitalize, randomBetween, isValidEmail, debounce } from '@kirarisk/test-package';

// Same usage as above
```

## API Reference

### `greet(name, greeting?)`

Greets a person with a custom message.

- **name** (string): The name of the person to greet
- **greeting** (string, optional): The greeting to use (default: 'Hello')
- **Returns**: string - The greeting message

### `capitalize(text)`

Capitalizes the first letter of each word in a string.

- **text** (string): The text to capitalize
- **Returns**: string - The capitalized text

### `randomBetween(min, max)`

Generates a random number between min and max (inclusive).

- **min** (number): The minimum number
- **max** (number): The maximum number
- **Returns**: number - A random number between min and max

### `isValidEmail(email)`

Checks if a string is a valid email address.

- **email** (string): The email address to validate
- **Returns**: boolean - True if valid email, false otherwise

### `debounce(func, delay)`

Debounces a function call.

- **func** (Function): The function to debounce
- **delay** (number): The delay in milliseconds
- **Returns**: Function - The debounced function

## Testing

```bash
npm test
```

## Publishing

Before publishing, make sure to:

1. Update the package name in `package.json` to use your npm username
2. Update the repository URLs
3. Update the author information
4. Run tests to ensure everything works

```bash
npm publish --access public
```


## License

MIT