open-index/open-npm huggingface dataset:
npm package: @prodbyeagle/color
Description: A lightweight TypeScript library for extracting and formatting dominant colors from images.
Author: prodbyeagle
Latest version: 0.1.1

# 🦅 @prodbyeagle/color

**@prodbyeagle/color** is a lightweight, framework-agnostic TypeScript library for extracting and formatting dominant colors from images. It supports RGB, HEX, and HSL formats, making it ideal for color palette generation, theming, and creative applications.

---

## ✨ Features

-   🎨 Quantizes colors using a simple k-means algorithm
-   🧠 Extracts dominant color clusters from images
-   📦 Formats to `rgb`, `hex`, or `hsl`
-   📁 Works with `Blob`, `File`, or `Image` sources
-   💡 Written in modern TypeScript
-   🛠 Zero dependencies

---

## 🚀 Installation

```
bun add @prodbyeagle/color
```

Or with npm:

```
npm install @prodbyeagle/color
```

---

## 🧪 Usage

```ts
import { getImageDataFromFile, quantize, formatColors } from 'eaglecolor';

const file = /* some Blob or File (e.g. from input) */;
const imageData = await getImageDataFromFile(file);
const rawColors = quantize(imageData.data, 5); // top 5 dominant colors
const hexColors = formatColors(rawColors, 'hex');

console.log(hexColors); // ['#aabbcc', '#ff2211', ...]
```

---

## 📚 API

### `getImageDataFromFile(file: Blob): Promise<ImageData>`

Converts an image file (or any blob) into raw `ImageData` (RGBA pixel array).

---

### `quantize(data: Uint8ClampedArray, maxColors: number): number[][]`

Extracts `maxColors` dominant `[r, g, b]` values from the image using a naive k-means clustering algorithm.

---

### `formatColors(colors: number[][], format: 'rgb' | 'hex' | 'hsl')`

Formats raw `[r, g, b]` arrays into the desired color string format.

---

## 🧪 Testing

```bash
bun test
```

Tests live under `tests/`. Written using Bun's test runner.

---

## 🛠 Build

```bash
bun build:bun // bun build:node
```

This will emit the compiled ESM output to `dist/` (via `tsconfig.json` settings).

## 🧼 License

MIT – use freely in personal or commercial work.
npm package: @prodclay/node-sdk
Description: Node SDK for prodclay
Author: Shivam Kantival
Latest version: 0.1.0

# Node Prodclay SDK

`Note: This SDK is fully compliant with TS and exports required types`

## Table of contents

1. [Usage guide](#usage-guide)
    1. [Installing SDK](#installing-sdk)
    2. [Initialising SDK](#initialising-sdk)
    3. [Get control value](#get-control-value)
    4. [Check SDK state](#check-sdk-state) 
2. [API Reference](#api-reference)
    1. [initProdclaySDK](#initandgetprodclayinstance)
    2. [SDK_STATES](#sdk_states)
    3. [*class* ProdclaySDK](#class-prodclaysdk)
    4. [*class* SDKInitOptions](#class-sdkinitoptions)

## Usage Guide

#### **Installing SDK**

`npm install @prodclay/node-sdk`

For those using `yarn`

`yarn add @prodclay/node-sdk`

#### **Initialising SDK**
```
// Import SDK initialization method as default export from `@prodclay/node-sdk`
import initAndGetProdclayInstance from "@prodclay/node-sdk";

// Call initializor method which return the 
const sdkInstance = initAndGetProdclayInstance(SDKInitOptions: {
    sdkKey: string;
    onSDKStatusChange: (updatedSDKState) => void
})
```

#### **Get control value**
```
// simply call `getValue` over the SDK instance returned in previous step.
// `getValue` requires control as first argument, second argument is an needed object
// `params` object must be called with a default-value
// optional `referenceId` of instance can also be provided to `params` 
const control: string = sdkInstance.getValue<ValueType>(controlKey: string, params: {
    referenceId<optional>: string;
    defaultValue: ValueType;
})
```

#### **Check SDK state**
```
// calling `getSDKStatus` returns one of the values from enum SDK_STATES (see more in API reference)  
const state = sdkInstance.getSDKStatus()
```

## API Reference
#### **initAndGetProdclayInstance**
Function to initialize sdk with required auth credentials
```
(SDKInitOptions) => ProdclaySDK
```

#### **SDK_STATES**
Enum to compare sdk's current state against

```
enum SDK_STATES {
  READY = 'READY',
  INITIALIZING = 'INITIALIZING',
  FAILED_INIT = 'FAILED_INIT',
  FAILED_SYNC = 'FAILED_SYNC',
}
```

#### ***class* ProdclaySDK**
Shape of sdk Instance to determine the actions available on sdk
```
interface ProdclaySDK {
  readonly getValue: <ValueType>(
    controlKey: string,
    options: { referenceId?: string; defaultValue: ValueType }
  ) => ValueType;
  readonly getSDKStatus: () => SDK_STATES;
}
```

```Note: TS users can use `ValueType` generix on `getValue` method to type-safe returned value```

#### ***class* SDKInitOptions**
```
{
    sdkKey: string; // Copied from Prodclay Studio
    onSDKStatusChange?: (updatedSDKState) => void // callback listener
}
```

`sdkKey` is a required field
npm package: @proddi/esdoc
Description: Good Documentation Generator For JavaScript (for from esdoc)
Author: proddi
Latest version: 1.2.0

<!--![Owner Status](https://img.shields.io/badge/owner-busy-red.svg)-->
[![Build Status](https://travis-ci.org/esdoc/esdoc.svg?branch=master)](https://travis-ci.org/esdoc/esdoc)
[![Coverage Status](https://codecov.io/gh/esdoc/esdoc/branch/master/graph/badge.svg)](https://codecov.io/gh/esdoc/esdoc)
[![Document](https://doc.esdoc.org/github.com/esdoc/esdoc/badge.svg?t=0)](https://doc.esdoc.org/github.com/esdoc/esdoc)

# ESDoc

ESDoc is a documentation generator for JavaScript.<br/>
Please <a href="https://try.esdoc.org">try it out</a>!

<img class="screen-shot" src="https://raw.githubusercontent.com/esdoc/esdoc/master/manual/asset/image/top.png" width="500px" style="max-width: 500px; border: 1px solid rgba(0,0,0,0.1); box-shadow: 1px 1px 1px rgba(0,0,0,0.5);">

# Features
- Generates good documentation.
- Measures documentation coverage.
- Integrate test codes into documentation.
- Integrate manual into documentation.
- Parse ECMAScript proposals.
- [ESDoc Hosting Service](https://doc.esdoc.org)

# Users
- [ESDoc](https://doc.esdoc.org/github.com/esdoc/esdoc/) (self-hosting &#x1F604;)
- [RxJS](http://reactivex.io/rxjs/)
- [Sketch API](http://developer.sketchapp.com/reference/api/)

And [more](https://github.com/search?o=desc&q=esdoc+filename%3Apackage.json+-user%3Ah13i32maru+-user%3Aesdoc+-user%3Aes-doc&ref=searchresults&s=indexed&type=Code&utf8=%E2%9C%93).

# Quick Start
```sh
# Move to a your project directory.
cd your-project/

# Install ESDoc and standard plugin.
npm install --save-dev esdoc esdoc-standard-plugin

# Create a configuration file.
echo '{
  "source": "./src",
  "destination": "./docs",
  "plugins": [{"name": "esdoc-standard-plugin"}]
}' > .esdoc.json

# Run ESDoc.
./node_modules/.bin/esdoc

# View a documentation
open ./docs/index.html
```

# Document
please visit [esdoc.org](https://esdoc.org) to see more documentation.

# License
MIT

# Author
[Ryo Maruyama@h13i32maru](https://twitter.com/h13i32maru)
npm package: @prodeficreater/uikit
Description: Set of UI components for defi projects
Author: prodeficreater
Latest version: 1.0.2

# 🧂 SaltSwap UIkit

[![Version](https://img.shields.io/npm/v/@saltswap/uikit)](https://www.npmjs.com/package/@saltswap/uikit) [![Size](https://img.shields.io/bundlephobia/min/@saltswap/uikit)](https://www.npmjs.com/package/@saltswap/uikit)

SaltSwap UIkit is a set of React components and hooks used to build pages on SaltSwap's apps.

It also contains a theme file for dark and light mode.

## Install

`yarn add @saltswap/uikit`

## npm

https://www.npmjs.com/package/@saltswap/uikit

## Setup

### Theme

Before using SaltSwap UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@saltswap/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@saltswap/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://saltswap.github.io/saltswap-uikit/)
npm package: @prodepa/banner-cookie-components
Description: Pacote desenvolvido pela Prodepa (Empresa de Tecnologia da Informação e Comunicação do Pará). 'Banner Cookie Components' foi desenvolvido com o propósito de padronizar e reutilizar codigos a fins de acelerar a produção de novos softwares. Suas funcionalid
Latest version: 1.0.0

# Banner Cookie Components

## Propósito

"Banner Cookie Components" foi desenvolvido com o propósito de padronizar e reutilizar codigos a fins de acelerar a produção de novos softwares. Suas funcionalidasdes são baseadas em banners para a exibição de cookies.

## Instalação

Para adicionar "Banner Cookie Components" ao seu projeto, é necessário ter instalado um gerenciador de pacotes, como NPM, PNPM ou Yarn. Após isso, apenas execute o comando de instalação do componente usando:

```
npm install @prodepa/banner-cookie-components
```

ou

```
pnpm install @prodepa/banner-cookie-components
```

ou

```
yarn add @prodepa/banner-cookie-components
```

## Exemplos

### Utilização rápida

Para a utilização do componente de maneira rápida, seguindo os estilos pré-estabelecidos e passíveis de alteração, use este código:

```
<BannerCookie
   dialog-name="mainBannerCookie"
   :is-open="true"
>
   <div></div>
   <div>
      <button>botão 1</button>
      <button>botão 2</button>
      <button>botão 3</button>
   </div>
</BannerCookie>
```

## Props

O componente "Banner-cookie" é administrado através de propriedades passadas como valores em atributos, sendo esses atributos:

- **dialogName**: 
   - Type: String;
   - Funcionalidade: Identificação unica do componente;
- **isOpen**:
   - Type: Boolean;
   - Funcionalidade: Variação de estado do componente;
- **escClose**:
   - Type: Boolean;
   - Funcionalidade: Habilitar o fechamento do banner atrávez de um emit;
   - Emit: ``` emits('escCloseAction', !isOpen) ```;
   - Execução: ```<BannerCookie @escCloseAction=(newValue) => isOpen = newValue></BannerCookie> ```
- **seamless**:
   - Type: Boolean;
   - Funcionalidade: Habilita o travamento da rolagem de tela;;
- **backdrop**:
   - Type: Boolean;
   - Funcionalidade: Ativa a exibição de um plano de fundo escuro;
   - Emit: ``` emits('backdropClick', !isOpen) ```;
   - Execução: ``` <BannerCookie @backdrop-click=(newValue) => isOpen = newValue></BannerCookie> ```
- **variants**:
   - Type: String;
      - "primary": Alinhado a parte de baixo com largura de 95% da tela com orientação interna na horizontal;
      - "secondary": Banner alinhado ao centro da tela com orientação interna na vertical;
   - Default: "primary";
   - Observação: Todos os estilos conseguem ser alterados e estão livres para personalização pessoal;

## Licensa

Banner Cookie Components possui a [licença MIT](https://mit-license.org/)
npm package: @prodevcom/nestjs-pubsub
Description: Pacote para gestão do Pub/Sub utilizando NestJS
Author: Marcelo Mussi
Latest version: 1.2.4

## NestJS GCloud Pub/Sub Transporter
Pacote exclusivo para NestJS para gerenciar filas utilizando Google Pub/Sub
***
### Instalação
```bash
$ npm i --save @google-cloud/pubsub @prodevcom/nestjs-pubsub
```
### Configurando Cliente
```typescript
 const options: GCPubSubOptions = {
	topic: 'queue',
	subscription: 'queue-sub',
	client: {
		projectId: 'projeto-filas',
		keyFilename: './credentials.json'
	}
}
const pubsub = new GCPubSubClient(options)
```
#### Disparando um Evento
Para este caso, utilizamos o método `emit` pois vamos disparar um evento sem necessário esperar o retorno.
```typescript
const alterar = ({ id, body }) => pubsub.emit('alterar-produto', { id, body })
alterar(123, { nome: 'XBox Series X' })
```
#### Disparando uma Mensagem
Para este caso, vamos utilizar o método `send` pois necessitados de uma resposta para o cliente final
```typescript
return pubsub.send('ver-produto', { id: 123 })
```
***
### Configurando Servidor
```typescript
 const options: GCPubSubOptions = {
	topic: 'queue',
	subscription: 'queue-sub',
	client: {
		projectId: 'projeto-filas',
		keyFilename: './credentials.json'
	}
}
const app = await NestFactory.createMicroservice(ApplicationModule, {
  strategy: new GCPubSubServer(options),
});
```

#### Recebendo um evento do lado cliente

```typescript
@MessagePattern('alterar-produto')
update(@Payload() data: any, @Ctx() context: GCPubSubContext) {
	this.service.alterarProduto(data.id, data.body)
	context.ack() // Usar quando a opcão noAck for false
}
```

#### Recebendo uma mensagem do lado cliente

```typescript
@MessagePattern('ver-produto')
get(@Payload() data: any, @Ctx() context: GCPubSubContext) {
	try {
		return this.service.get(data.id)
	} finally {
		context.ack()
	}
}
```
***
#### Fonte de origem do código:
Credit
by [p-fedyukovich/nestjs-google-pubsub-microservice](https://github.com/p-fedyukovich/nestjs-google-pubsub-microservice)

_Este código segue os padrões fornecidos pelo seu pacote original, apenas contendo algumas alterações para atender os
padrões de projetos desenvolvidos internamente._
***

Não nos responsabilizados por bugs ou erros que possam acontecer ao utilizar esta biblioteca.

Dúvidas: [support@prodev.com.br](mailto:support@prodev.com.br)
npm package: @prodigeez/create-landing-page
Description: CLI tool to create high-converting landing pages with Next.js
Author: Mohammed Saabir Ahmed
Latest version: 1.1.1

# Create Landing Page

A powerful CLI tool to generate high-converting landing pages with Next.js, TypeScript, and your choice of UI framework.

## 🚀 Quick Start

```bash
npx @prodigeez/create-landing-page
```

## ✨ Features

- Multiple UI Framework Support:
  - shadcn/ui
  - Chakra UI (coming soon)
  - Mantine (coming soon)

- Pre-built Sections:
  - Hero Section
  - Features Grid
  - Benefits
  - Solution Overview
  - How It Works
  - Integrations
  - Testimonials
  - FAQ
  - CTA

- Technical Features:
  - Next.js 14+ with App Router
  - TypeScript
  - Tailwind CSS
  - SEO Optimized
  - Responsive Design
  - Dark Mode Support

## 📦 Usage

1. Create a new project:
```bash
npx @prodigeez/create-landing-page
```

2. Follow the prompts:
   - Enter your project name
   - Choose your UI framework

3. Start developing:
```bash
cd your-project-name
npm run dev
```

## 🎨 Customization

- Edit `src/config/site.ts` to update site content
- Modify components in `src/components/sections`
- Update styles in `tailwind.config.ts`

## 📄 License

MIT © Mohammed Saabir Ahmed