open-index/open-npm huggingface dataset:
npm package: @madzadev/image-slider
Description: React/NextJS image slider component to display images
Author: Madza
Latest version: 2.0.1

# React/NextJS Image slider

![Slider Preview](https://images.ctfassets.net/zlsyc9paq6sa/6wX3r2sDGHSPjMEmIk8nSi/5f9e6581fe9b7bf9cf721ffb14aad6b2/image_slider_preview.gif)

### Demo: [https://image-slider-madza.vercel.app](https://image-slider-madza.vercel.app)

---

## Requirements

Node.js 18.x / 20+ is required.

Tested on React 18.2.0 and NextJS 14.1.0.

## Installation

```javascript
 npm install @madzadev/image-slider
```

## Usage

```javascript
import Slider from "@madzadev/image-slider";
import "@madzadev/image-slider/dist/index.css";
```

```javascript
const images = [
  { url: "https://picsum.photos/seed/a/1600/900" },
  { url: "https://picsum.photos/seed/b/1920/1080" },
  { url: "https://picsum.photos/seed/c/1366/768" },
];
```

```javascript
<Slider imageList={images} width={1000} height={300} />
```

`imageList` is the mandatory prop and requires to pass in
an array consisting of objects with `url` keys.

`width` and `height` are mandatory props that
set the dimension of the images shown.

## Behavior

The default values of available options props are displayed.

```javascript
<Slider
  loop={true}
  autoPlay={true}
  autoPlayInterval={3000} // in milliseconds
/>
```

## Controls

The default values of available props are displayed.

```javascript
<Slider showArrowControls={true} showDotControls={true} />
```

## Styling

If set, background color is displayed to fill the background if images are smaller than the slider wrapper.

```javascript
<Slider bgColor="none" />
```

## Final notes

The project is under MIT license, so be free to check it out and give
contributions.
npm package: @madzmed/perlinjs
Description: Perlin noise generator
Author: mahdi LAMRIBEN
Latest version: 1.0.0

# Perlin JS

## Installation

```bash
# npm
npm install perlin-js

# yarn
yarn add perlin-js
```

## Usage

import the class
```js
import { Perlin } from 'perlinjs';
```

instanciate the class
```js
const perlin = new Perlin();
```

use the function you need:

for perlin noise:
```js
// 3D
perlin.noise(x, y, z);

// 2D
perlin.noise(x, y);

// 1D
perlin.noise(x);
```

for perlin fractionnal brownian motion:
```js
// 3D
perlin.fBm(octaves, x, y, z, persistence, lacunarity);

// 2D
perlin.fBm(octaves, x, y, persistence, lacunarity);

// 1D
perlin.fBm(octaves, x, persistence, lacunarity);
```
npm package: @madzoffc/baileysmod
Description: A WebSockets library for interacting with WhatsApp Web, Modification by MadzOFFC
Author: MadzOFFC
Latest version: 8.5.6

# <div align='center'> MadzOFFC Baileys the Library for interacting with the WhatsApp Web API</div>

<div align='center'>
  <p>
    <a href="https://whatsapp.com/channel/0029Vb2RpI91CYoPEQn8xi3v">
      <img src="https://img.shields.io/badge/WhatsApp-Channel-brightgreen?style=for-the-badge&logo=whatsapp&logoColor=white" alt="WA Channel"/>
    </a>
    <a href="https://wa.me/6281313890427">
      <img src="https://img.shields.io/badge/Owner-WA-green?style=for-the-badge&logo=whatsapp&logoColor=white" alt="WA Owner"/>
    </a>
    <a href="https://t.me/@MadzzOffc">
      <img src="https://img.shields.io/badge/Owner-Telegram-cyan?style=for-the-badge&logo=telegram&logoColor=white" alt="Tele Owner"/>
    </a>
    <a href="https://chat.whatsapp.com/HXRaAWxxdIQ7ZTrc2o8xlA?mode=ems_copy_t">
      <img src="https://img.shields.io/badge/Discussion Forum-blue?style=for-the-badge&logo=whatsapp&logoColor=white" alt="Whatsapp Group"/>
    <a href="">
      <img src="https://img.shields.io/badge/Support-blue" alt="Support"/>
    </a>
  </p>
</div>

MadzOFFC baileys is a library whose code base is typescript which functions to interact with WhatsApp web API.

---

## ⚠️ Disclaimer
This project is not affiliated with WhatsApp Inc. Use it responsibly. Avoid spam, abuse, or any illegal activities.

---

## 📦 Installation
<details>
<summary style="font-weight: bold; cursor: pointer; padding: 8px; border-bottom: 1px solid #eee; margin-bottom: 5px;">Show</summary>
<div style="padding: 10px 15px; background: #f9f9f9; border: 1px solid #eee; border-top: none; border-radius: 0 0 5px 5px;">

if you install in terminal
```bash
npm install @madzoffc/baileysmod
# or
yarn add @madzoffc/baileysmod
```

if in package.json
```javascript
"dependencies": {
  "@whiskeysockets/baileys": "npm:@madzoffc/baileysmod@latest"
}
```

Then import the default function in your code:
```javascript
// if esm or Es Modules
import makeWASocket from "@madzoffc/baileysmod"
// if cjs or commonjs
const { makeWASocket } = require("@madzoffc/baileysmod");
```
</div>
</details>

---

## Examples to Connect
<details>
<summary style="font-weight: bold; cursor: pointer; padding: 8px; border-bottom: 1px solid #eee; margin-bottom: 5px;">Show Examples</summary>
<div style="padding: 10px 15px; background: #f9f9f9; border: 1px solid #eee; border-top: none; border-radius: 0 0 5px 5px;">
```ts
```
</div>
</details>

---

## 📄 License
MIT © 2025 MadzOFFC
npm package: @maebog/lotr-sdk
Description: An sdk wrapper for interacting with the The One API
Author: Jake Tompkins
Latest version: 1.0.3

# Lord of the Rings SDK

This is an SDK for working with [The One API To Rule Them all](https://the-one-api.dev/) which provides facts and trivia concerning the Lord of The Rings franchise. The SDK currently supports a subset of the API's endpoints including those related to `movies` and `quotes`.

## Installation

Add the SDK to your project using your favorite package manager:

```
npm i @maebog/lotr-sdk

OR

yarn add @maebog/lotr-sdk

OR

pnpm install @maebog/lotr-sdk
```

In order to use this SDK, you will need an API key which can be obtained from the API's website [here](https://the-one-api.dev/sign-up). Remember to store it in a safe place, like in a `.env` file!

## Usage

The SDK is written to be simple and typesafe. Refer to the following for examples of basic usage.

```typescript
import { Client } from "@maebog/lotr-sdk";

const client = new Client({
  apiKey: "123",
});

// Fetch all movies using the API's default pagination settings
const response = await client.getMovies();

// response.data contains the exact response from the API
const movies = response.ok ? response.data.docs : [];
```

```typescript
import { Client } from "@maebog/lotr-sdk";

const client = new Client({
  apiKey: "123",
});

// Fetch all movies matching the given regex sorted by name in ascending order
const response = await client.getMovies({
  sort: {
    field: "name",
    direction: "asc",
  },
  filter: [
    {
      field: "name",
      comparator: FilterType.REGEX,
      value: "/th/",
    },
  ],
});

const movies = response.ok ? response.data.docs : [];
```

```typescript
import { Client } from "@maebog/lotr-sdk";

const client = new Client({
  apiKey: "123",
});

// Fetch a single movie by ID
const response = await client.getMovie("5cd95395de30eff6ebccde56");

const movie = response.ok ? response.data.docs[0] : undefined;
```

## Testing

The SDK repository contains both unit and integration tests. In order to run integration tests, you will need to have an API key (see [above](#installation)) present in a `.env` file in the project root with the following contents:

`API_KEY=<YOUR_API_KEY>`

To run unit tests:

```
git clone https://github.com/hatchways-community/b37e95d01a0644f591f9c1314534bb55

npm install

npm run test:unit
```

To run integration tests:

```
git clone https://github.com/hatchways-community/b37e95d01a0644f591f9c1314534bb55

npm install

npm run test:integration
```

To run all tests:

```
git clone https://github.com/hatchways-community/b37e95d01a0644f591f9c1314534bb55

npm install

npm run test
```
npm package: @maeertin/medialoaded
Description: A simple utility for checking whether images and/or videos have been loaded.
Author: Martin Barri
Latest version: 1.2.1

# mediaLoaded

A simple utility for checking whether images, videos and/or video posters have been loaded. Inspired by [imagesLoaded](https://github.com/desandro/imagesloaded).

Sidenote:
On touch devices, all videos that don't autoplay will be ignored as video events won't trigger until user interaction.

Install with [npm](https://www.npmjs.com/) or [Yarn](https://yarnpkg.com/):

```bash
# via npm
npm install @maeertin/medialoaded

# or Yarn
yarn add @maeertin/medialoaded
```

Usage:

```js
import mediaLoaded from '@maeertin/medialoaded'

// Single node as target argument
const element = document.querySelector('#container')
mediaLoaded(element, instance => {
  console.log('All media loaded', instance)
})

// nodeList as target argument
const elements = document.querySelectorAll('.post')
mediaLoaded(elements, instance => {
  console.log('All media loaded', instance)
})

// String selector as target argument
mediaLoaded('.post', instance => {
  console.log('All media loaded', instance)
})
```
npm package: @maeertin/utils
Description: Utils - Utility functions.
Latest version: 1.0.0

# @noaignite/utils

Utils - Utility functions.

## Installation

Utils is available as an [npm package](https://www.npmjs.com/package/@noaignite/utils).

```sh
// with npm
npm install @noaignite/utils

// with yarn
yarn add @noaignite/utils
```