open-index/open-npm huggingface dataset:
npm package: @muellertek/pixel-data
Description: Extract pixel data from images in React Native using Expo. A lightweight library for accessing raw pixel data from images in React Native applications using Expo's 2D context.
Author: Michael Mueller
Latest version: 1.0.2

# @muellertek/pixel-data

A lightweight library for accessing raw pixel data from images in React Native applications using Expo's 2D context.

## Features

- Extract pixel data from images in React Native
- Works with Expo's 2D context
- TypeScript support
- Simple and intuitive API
- Lightweight and performant

## Installation

```bash
npm install @muellertek/pixel-data
# or
yarn add @muellertek/pixel-data
```

## Prerequisites

This package requires the following peer dependencies:
- expo >= 52.0.0
- expo-2d-context >= 0.0.4
- expo-asset >= 9.0.0
- expo-gl >= 15.0.0
- react >= 18.0.0
- react-native >= 0.70.0

## Usage

```typescript
import { getPixelData, PixelDataSource } from '@muellertek/pixel-data';
import { Asset } from 'expo-asset';
import Expo2DContext from 'expo-2d-context';

// Load an image asset
const imageAsset = await Asset.loadAsync(require('./path/to/image.png'));

// Create a source object
const source: PixelDataSource = {
  asset: imageAsset[0],
  width: 100,  // Desired width
  height: 100  // Desired height
};

// Get the pixel data
const pixelData = await getPixelData({
  expo2dContext: new Expo2DContext(gl, {}),
  source
});

// Access the pixel data
console.log(pixelData.data); // Uint8ClampedArray containing RGBA values
```

## API Reference

### Types

```typescript
interface PixelDataSource {
  asset: Asset;
  width: number;
  height: number;
}

interface PixelDataResult {
  asset: Asset;
  width: number;
  height: number;
  data: Uint8ClampedArray;
}

interface GetPixelDataParams {
  expo2dContext: Expo2DContext;
  source: PixelDataSource;
}
```

### Functions

#### getPixelData

```typescript
async function getPixelData(params: GetPixelDataParams): Promise<PixelDataResult>
```

Extracts pixel data from an image asset using Expo's 2D context.

**Parameters:**
- `params`: Object containing:
  - `expo2dContext`: An instance of Expo2DContext
  - `source`: PixelDataSource object containing the image asset and dimensions

**Returns:**
- Promise resolving to a PixelDataResult object containing:
  - The original asset
  - The dimensions used
  - A Uint8ClampedArray containing the RGBA pixel data

**Throws:**
- `PixelDataError`: If required parameters are missing or invalid
- `PixelDataError`: If the asset fails to load
- `PixelDataError`: If image data extraction fails

## Error Handling

The library throws `PixelDataError` for various error conditions:

```typescript
try {
  const pixelData = await getPixelData({ expo2dContext, source });
} catch (error) {
  if (error instanceof PixelDataError) {
    console.error('Pixel data error:', error.message);
  } else {
    console.error('Unexpected error:', error);
  }
}
```

## Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

## License

MIT © Michael Mueller
npm package: @muench-dev/n8n-nodes-capacities
Description: n8n nodes to connect Capacities App
Author: Christian Münch
Latest version: 0.8.1

![Banner image](https://user-images.githubusercontent.com/10284570/173569848-c624317f-42b1-45a6-ab09-f0ea3c247648.png)

# n8n-nodes-capacities

This repository contains the code for the n8n nodes that interact with the [Capacities API](https://docs.capacities.io/developer/api).

## Installation

Install the package into your n8n instance (Community Edition or self-hosted) so the bundled node becomes 
available in the editor sidebar. The n8n team recommends pnpm, but npm should also work as well.

```bash
pnpm add @muench-dev/n8n-nodes-capacities
```

> Prefer npm? Run `npm install @muench-dev/n8n-nodes-capacities` instead.

## Node Features

- Space operations
	- List all spaces in the authenticated Capacities account
	- Retrieve structure metadata for a specific space
- Search operations
	- Query notes, bookmarks, or other content within selected spaces
	- Filter results by Capacities structure types
- Weblink operations
	- Save URLs into Capacities, including optional markdown, title overrides, descriptions, and tags
- Daily note operations
	- Append markdown to today’s daily note, optionally skipping the automatic timestamp

## Screenshots

![images](.github/images/screenshot_20240616_174548.png)
![images](.github/images/screenshot_20240616_181848.png)

## Development

1. Install dependencies using pnpm (recommended for this repository):

```bash
pnpm install
```

2. Build the distributable bundle (outputs to `dist/`):

```bash
pnpm build
```

3. Run the linter to ensure n8n community guidelines are met:

```bash
pnpm lint
```

4. Execute the Jest test suites (API requests are mocked):

```bash
pnpm test
```

Additional context for contributors—coding conventions, testing strategy, and release process—is documented in `AGENTS.md`.
npm package: @muenchen/vjsf
Description: Generate forms for the vuetify UI library (vuejs) based on annotated JSON schemas.
Author: Alban Mouton
Latest version: 2.21.17

# vjsf

*vuetify-jsonschema-form* - *@koumoul/vjsf on npm*

Create beautiful and low-effort forms that output valid data.

Based on [Vue.js](https://vuejs.org/) / [Vuetify](https://vuetifyjs.com/) / [JSON Schema](https://json-schema.org/).

See [the documentation](https://koumoul-dev.github.io/vuetify-jsonschema-form/latest/) and join us [on gitter](https://gitter.im/koumoul-dev/vjsf).

![](doc/static/vjsf.gif)

## Bug reports

Bug reports are created using github issues. The examples in the documentation include codepen links, as much as possible please save a duplicate codepen with the minimal schema/config to reproduce your problem.

## Contribute

See [CONTRIBUTE.md](./CONTRIBUTE.md).
npm package: @muerteseguraz/console-enhancer
Description: Drop-in replacement for console methods with enhanced formatting and context
Author: muerteseguraz
Latest version: 1.0.0

# ✨ console-enhancer

> Enhanced `console.log` for humans: timestamps, log levels, caller info, and colors.

## ✨ Features
- Automatic timestamps
- Log levels: `log`, `info`, `warn`, `error`
- Shows the file and line of the log call
- Pretty colors
- Drop-in usage

## ⚡ Usage

```bash
npm install @muerteseguraz/console-enhancer
```

```js
// index.js
import '@muerteseguraz/console-enhancer';

console.log("Server started");
console.warn("High memory usage");
console.error("Something broke");
```

## 🌐 Output Example

```bash
[2025-07-26 14:36:52] [LOG]   [index.js:3] Server started
[2025-07-26 14:36:53] [WARN]  [index.js:4] High memory usage
[2025-07-26 14:36:54] [ERROR] [index.js:5] Something broke
```

## 🎓 License
MIT
npm package: @muerteseguraz/envguard
Description: Simple .env schema validator with type safety
Author: MuerteSeguraZ
Latest version: 1.0.1

# envguard

> 🛡️ Simple `.env` schema validator with type safety, defaults, and clear errors.

## ✨ Features

- ✅ Schema-based environment validation
- ✅ Type-safe (TS friendly)
- ✅ Defaults and enum support
- ✅ Clean error messages
- ✅ Zero deps (except `dotenv`)

---

## 📦 Installation

```bash
npm i envguard
````

---

## 🚀 Usage

```ts
// envguard.config.ts
import { defineEnv } from 'envguard';

export default defineEnv({
  API_KEY: { type: 'string' },
  PORT: { type: 'number', default: 3000 },
  NODE_ENV: { type: 'enum', values: ['development', 'production'], default: 'development' },
  DEBUG: { type: 'boolean', default: false }
});
```

```ts
// index.ts
import config from './envguard.config';
import { loadEnv } from 'envguard';

const env = loadEnv(config);

console.log(env.PORT); // → 3000 (number)
```

---

## ❌ Errors

If variables are missing or invalid, you'll get clean, readable errors:

```bash
Missing required environment variable: API_KEY
Invalid number for PORT: abc
Invalid value for NODE_ENV. Expected one of: development, production
```

---

## 🧪 Testing

```bash
npx vitest run
```

---

## 🛠️ License

MIT © 2025 MuerteSeguraZ

````

---
npm package: @muerteseguraz/string-toolkit
Description: A handy toolkit for common string manipulations in JavaScript.
Author: MuerteSeguraZ
Latest version: 1.0.0

````markdown
# string-toolkit

A handy toolkit for common string manipulations in JavaScript.

---

## Features

- Convert strings to **slug** format
- Convert strings to **kebab-case**
- Convert strings to **camelCase**
- **Truncate** strings to a specified length
- **Strip ANSI** escape codes (colors, styles)
- **Strip HTML** tags
- **Remove emojis** from strings

---

## Installation

```bash
npm install string-toolkit
````

---

## Usage

```js
import { slugify, kebabCase, camelCase, truncate, stripAnsi, stripHtml, removeEmoji } from 'string-toolkit';

console.log(slugify("Hello World!"));       // hello-world
console.log(kebabCase("Hello World!"));      // hello-world
console.log(camelCase("Hello World!"));      // helloWorld
console.log(truncate("This is a long text", 10)); // This is...
console.log(stripAnsi("\x1b[31mRed Text\x1b[0m")); // Red Text
console.log(stripHtml("<p>Hello</p>"));      // Hello
console.log(removeEmoji("Hello 👋🌍"));       // Hello
```

---

## Contributing

Feel free to open issues or submit pull requests!

---

## License

MIT © MuerteSeguraZ

```
```
npm package: @muesliswap/market-cap
Description: Transparent and accurate market cap for Cardano native tokens
Author: Minswap Labs & MuesliSwapTeam
Latest version: 0.1.65

# Market Cap

> This is the fork used by MuesliSwap to display market cap information on tokens

Transparent, accurate and open-sourced circulating supply and market cap calculation for Cardano's native tokens.

## Overview

This package doesn't expose market cap by itself, but only circulating supply and total supply.

Market cap = Circulating supply \* Market price

Fully-diluted market cap = Total supply \* Market price

You can use [Blockfrost Adapter](https://github.com/minswap/blockfrost-adapter) to query market price from Minswap.

## Install

- NPM: `npm install @muesliswap/market-cap`
- Yarn: `yarn add @muesliswap/market-cap`

## Usage

```ts
import { supplyFetchers } from "@muesliswap/market-cap";

const minInfo = await supplyFetchers[
  "29d222ce763455e3d7a09a665ce554f00ac89d2e99a1a83d267170c64d494e"
]();
console.log(minInfo);
// { circulating: '240813714.66121483', total: '5000000000' }
```

## How to add my token

1. Create a file in `src/tokens` with your token's name and export default a function of type `SupplyFetcher`.
2. Import the function into `src/index.ts` and add the corresponding entry in `supplyFetchers` map with the key being the concatenation of your token's policyID and assetName
3. Test your function:

```bash
# only if you use Blockfrost
export BLOCKFROST_PROJECT_ID=<your_blockfrost_key>
ONLY_TEST=<your_policy_id_concat_with_asset_name> npm test
```

4. Run format: `npm run format`

### Example

1. MIN token fetcher: [src/tokens/min.ts](src/tokens/min.ts)
2. Add entry to `index.ts`:

```ts
import minFetcher from "./tokens/min";

export const supplyFetchers: Record<string, SupplyFetcher> = {
  "29d222ce763455e3d7a09a665ce554f00ac89d2e99a1a83d267170c64d494e": minFetcher,
  ...
};
```

3. Run test:

```bash
export BLOCKFROST_PROJECT_ID=<your_blockfrost_key>
ONLY_TEST=29d222ce763455e3d7a09a665ce554f00ac89d2e99a1a83d267170c64d494e npm test
```
npm package: @muetab/react-color-gradient-picker
Description: Color picker for react
Author: Arthur Hayrapetyan
Latest version: 0.1.2

# React Color Gradient Picker

## Table of Contents

* [Installation](#installation)
* [Examples](#examples)
* [Demos](#demo)

## Installation

To install, you can use [npm](https://npmjs.org/) or [yarn](https://yarnpkg.com):


    $ npm install react-color-gradient-picker
    $ yarn add react-color-gradient-picker

## Examples

Here is a simple examples of react-color-gradient-picker being used in an app:

### Color Picker
```jsx
import React, { useState } from 'react';
import ReactDOM from 'react-dom';
import { ColorPicker } from 'react-color-gradient-picker';
import 'react-color-gradient-picker/dist/index.css';

const color = {
    red: 255,
    green: 0,
    blue: 0,
    alpha: 1,
};

function App() {
    const [colorAttrs, setColorAttrs] = useState(color);
    
    const onChange = (colorAttrs) => {
        setColorAttrs(colorAttrs);
    };
  
    return (
        <ColorPicker
            onStartChange={onChange}
            onChange={onChange}
            onEndChange={onChange}
            color={colorAttrs}
        />

    );
}

ReactDOM.render(<App />, document.getElementById('app-id'));
```

### Gradient Color Picker
```jsx
import React, { useState } from 'react';
import ReactDOM from 'react-dom';
import { ColorPicker } from 'react-color-gradient-picker';
import 'react-color-gradient-picker/dist/index.css';

const gradient = {
    points: [
        {
            left: 0,
            red: 0,
            green: 0,
            blue: 0,
            alpha: 1,
        },
        {
            left: 100,
            red: 255,
            green: 0,
            blue: 0,
            alpha: 1,
        },
    ],
    degree: 0,
    type: 'linear',
};

function App() {
    const [gradientAttrs, setGradientAttrs] = useState(gradient);
    
    const onChange = (gradientAttrs) => {
        setGradientAttrs(gradientAttrs);
    };
  
    return (
        <ColorPicker
            onStartChange={onChange}
            onChange={onChange}
            onEndChange={onChange}
            gradient={gradientAttrs}
            isGradient
        />

    );
}

ReactDOM.render(<App />, document.getElementById('app-id'));
```
## Demo

* [Solid and gradient pickers live demo](https://arthay.github.io/react-color-gradient-picker/)