open-index/open-npm huggingface dataset:
npm package: @marcelo.galeano/platzom
Description: Traductor de idioma platzom
Author: Marcelo Galeano
Latest version: 0.1.0

# Platzom
Platzom es un idioma inventado para el [Curso de Fundamentos de JavaScript](https://platzi.com/js) de [Platzi](https;//platzi.com), el mejor lugar de educación online
## Descripción del idioma

Aquí va la Descripción del módulo


## Instalación
```
npm install platzom
```
## Uso
```
import platzom from 'platzom'

platzom ("Programar") // Program
platzom ("Zorro") // Zorrope
platzom ("Zarpar") // Zarppe
platzom ("abecedario") // abece-dario
platzom ("sometemos") // SoMeTeMoS
```

## Créditos
- [Sacha Lifszyc](https://twitter.com/@slifszyc)

## Licencia
[MIT](https://opensource.org/licenses/MIT)
npm package: @marceloalmeidadev/vue3-color-gradient-picker
Description: color and gradient picker for Vue.js 3
Author: Marcelo Almeida
Latest version: 0.0.3

# Vue 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 @marceloalmeidadev/vue3-color-gradient-picker
    $ yarn add @marceloalmeidadev/vue3-color-gradient-picker

## Examples

Here is a simple examples of react-color-gradient-picker being used in an app:

### Color Picker
```vue
<template>
  <div id="app">
    <ColorPicker
      :color="color"
      :onStartChange="color => onChange(color, 'start')"
      :onChange="color => onChange(color, 'change')"
      :onEndChange="color => onChange(color, 'end')"
    />
  </div>
</template>

<script>
import { ColorPicker } from '@marceloalmeidadev/vue3-color-gradient-pickern';

export default {
  name: 'App',

  components: {
    ColorPicker
  },

  data()  {
    return {
      color: {
        red: 255,
        green: 0,
        blue: 0,
        alpha: 1
      }
    }
  },   

  methods: {
    onChange(attrs, name) {
      this.color = { ...attrs };
    }
  }
}
</script>

<style src="@marceloalmeidadev/vue3-color-gradient-picker/dist/index.css" lang="css" />
```

### Gradient Color Picker
```vue
<template>
  <div id="app">
    <ColorPicker
      :gradient="gradient"
      :isGradient="true"
      :onStartChange="color => onChange(color, 'start')"
      :onChange="color => onChange(color, 'change')"
      :onEndChange="color => onChange(color, 'end')"
    />
  </div>
</template>

<script>
import { ColorPicker } from '@marceloalmeidadev/vue3-color-gradient-picker';

export default {
  name: 'App',

  components: {
    ColorPicker
  },

  data()  {
    return {
      gradient: {
        type: 'linear',
        degree: 0,
        points: [
          {
            left: 0,
            red: 0,
            green: 0,
            blue: 0,
            alpha: 1
          },
          {
            left: 100,
            red: 255,
            green: 0,
            blue: 0,
            alpha: 1
          }
        ]      
      }
    }
  },   

  methods: {
    onChange(attrs, name) {
      console.log(name);
    }
  }
}
</script>

<style src="@marceloalmeidadev/vue3-color-gradient-picker/dist/index.css" lang="css" />
```
## Demo

* [Solid and gradient pickers live demo](https://arthay.github.io/@marceloalmeidadev/vue3-color-gradient-picker/)
npm package: @marcelobarreto/todo-cartoes-components
Description: A biblioteca de components da Todo Cartões
Author: TodoCartoes
Latest version: 1.0.13

# todo-components

> A biblioteca de components da Todo Cartões

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

## Deploy para o NPM

```bash
npm publish
```

## Como rodar o storybook
`yarn` para instalar as dependencias do projeto e `yarn storybook`, o projeto será inciado na porta `6006`

## Como usar
```jsx
import React, { Component } from 'react'

import { Button } from 'todo-cartoes-components'

class Example extends Component {
  render () {
    return (
      <Button nature='primary' />
    )
  }
}
```

## License

MIT © [TodoCartoes](https://github.com/TodoCartoes)
npm package: @marceloclp/monzojs
Description: Unofficial wrapper for the Monzo API written in TypeScript.
Author: Marcelo Perrella
Latest version: 1.0.1

# MonzoJS

> Unofficial wrapper for the Monzo API written in TypeScript.

[![NPM](https://img.shields.io/npm/v/@marceloclp/monzojs.svg)](https://www.npmjs.com/package/@marceloclp/monzojs)

MonzoJS **does not** handle authentication, and you must already have your access token in hands.

# Installation

```bash
npm i @marceloclp/monzojs
```

# Usage

MonzoJS exports all endpoints as unauthed endpoints in case you do not need access to all of the methods:

```ts
import { getTransactions } from '@marceloclp/monzojs'

const example = async () => {
  // Note the use of the access token.
  const transactions = await getTransactions('myAccessToken', { limit: 50 })
}
```

Or you can import the client which will return an object containing all authenticated endpoints:

```ts
import MonzoClient from '@marceloclp/monzojs'

const example = async () => {
  const client = MonzoClient('myAccessToken')
  const transactions = await client.getTransactions({ limit: 50 })
  const accounts = await client.getAccounts()
}
```

# API

Here is a list of all the existing endpoints:

### Accounts

* `getAccounts()`

### Attachments

* `uploadAttachment()`
* `registerAttachment()`
* `deregisterAttachment()`

### Balance

* `getBalance()`

### Feed Items

* `createFeedItem()`

### Pots

* `getPots()`
* `depositIntoPot()`
* `withdrawFromPot()`

### Receipts

* `getReceipt()`
* `createReceipt()`
* `updateReceipt()`
* `deleteReceipt()`

### Transactions

* `getTransaction()`
* `getTransactions()`
* `annotateTransaction()`
* `safelyAnnotateTransaction()`

### Webhooks

* `getWebhooks()`
* `createWebhook()`
* `deleteWebhook()`
npm package: @marceloclp/react-utils
Description: Shared react utilities
Author: Marcelo Perrella
Latest version: 0.0.1

# React Utils

## Types

```ts
// Render utility typings.
type RenderFn<Props> = (props: Props) => ReactNode
type RenderNode<Props> = ReactNode | RenderFn<Props>

// Equality function.
type EqualityFn<T> = (prev: T, next: T) => boolean

// Class name utility typings.
type ClassNameFn<Props> = (props: Props) => string
type ClassName<Props> = string | ClassNameFn<Props>

// Shorthand, better ElementType without generic.
type ElemType = keyof JSX.IntrinsicElements | ComponentType<any>

// Extract props based on ElemType.
type PropsOf<Tag extends ElemType> = Tag extends ElementType
  ? ComponentProps<Tag> : never

// Shorthand for quickly building dynamic components.
type PropsAs<Tag extends ElemType, Props extends {}> =
  & Omit<PropsOf<Tag>, keyof Props>
  & Props
  & { as?: Tag }
```

## Utilities

```ts
// Filter object based on a filter function.
function filterProps(props: Props, filter: FilterFn): Props

// Use one of the forwarded refs if possible. Otherwise returns a callback to
// keep references in sync.
function getSyncRefsCallback<T>(...refs: MaybeArray<ForwardedRef<T>>[]): ForwardedRef<T> | undefined

// Merges props and builds new event handlers when required.
function mergeProps(...arrayOfPropsObject: Props[]): Props

// Renders a react element from the provided parameters with all the props
// correctly piped down, including references.
function renderAs({ as, displayName, children, props, refs }): ReactElement
```

## Shorthands

```ts
// Resolves RenderNodes
function rn<P>(children: RenderNode<P>, props: P): ReactNode

// Resolves class names
function cn<P>(className: ClassName<P> | undefined, props: P): string | undefined
```
npm package: @marcelocorrea/mcp-hotmart-api
Description: MCP Server para integração com API Hotmart
Author: Marcelo Corrêa
Latest version: 1.0.1

# MCP Hotmart API

MCP Server para integração com a API da Hotmart, permitindo acesso a produtos, vendas e assinaturas.

## 🚀 Instalação

```bash
cd mcp/mcp-hotmart-api
npm install
npm run build
```

## 🔧 Configuração

1. Copie o arquivo `.env.example` para `.env`:
```bash
cp .env.example .env
```

2. Configure suas credenciais Hotmart no arquivo `.env`:
```env
HOTMART_CLIENT_ID=seu_client_id
HOTMART_CLIENT_SECRET=seu_client_secret
```

## 📋 Ferramentas Disponíveis

### 1. `get_products`
Retorna lista de produtos da conta Hotmart.

**Parâmetros:** Nenhum

**Exemplo de uso:**
```json
{
  "name": "get_products",
  "arguments": {}
}
```

### 2. `get_subscribers`
Retorna lista de assinaturas (subscribers) da conta Hotmart.

**Parâmetros:**
- `product_id` (opcional): ID do produto para filtrar assinaturas

**Exemplo de uso:**
```json
{
  "name": "get_subscribers",
  "arguments": {
    "product_id": "123456"
  }
}
```

### 3. `get_subscription`
Retorna detalhes de uma assinatura específica.

**Parâmetros:**
- `subscriber_code` (obrigatório): Código do assinante

**Exemplo de uso:**
```json
{
  "name": "get_subscription",
  "arguments": {
    "subscriber_code": "SUB123456"
  }
}
```

### 4. `get_sales`
Retorna lista de vendas da conta Hotmart com filtros opcionais.

**Parâmetros:**
- `start_date` (opcional): Data inicial em timestamp (milissegundos)
- `end_date` (opcional): Data final em timestamp (milissegundos)
- `product_id` (opcional): ID do produto para filtrar vendas

**Exemplo de uso:**
```json
{
  "name": "get_sales",
  "arguments": {
    "start_date": 1672531200000,
    "end_date": 1704067199000,
    "product_id": "123456"
  }
}
```

### 5. `get_sale_by_transaction`
Busca uma venda específica pelo ID da transação.

**Parâmetros:**
- `transaction_id` (obrigatório): ID da transação

**Exemplo de uso:**
```json
{
  "name": "get_sale_by_transaction",
  "arguments": {
    "transaction_id": "HP12345678901234567890"
  }
}
```

### 6. `test_connection`
Testa a conexão com a API Hotmart.

**Parâmetros:** Nenhum

**Exemplo de uso:**
```json
{
  "name": "test_connection",
  "arguments": {}
}
```

## 🔗 Configuração no Claude Desktop

Adicione ao seu `claude_desktop_config.json`:

```json
{
  "mcpServers": {
    "hotmart-api": {
      "command": "node",
      "args": ["/caminho/completo/para/mcp/mcp-hotmart-api/dist/index.js"],
      "env": {
        "HOTMART_CLIENT_ID": "seu_client_id",
        "HOTMART_CLIENT_SECRET": "seu_client_secret"
      }
    }
  }
}
```

## 📚 Documentação

- [Documentação Hotmart API](https://developers.hotmart.com/docs/pt-BR/)
- [MCP SDK Documentation](https://modelcontextprotocol.io/)

## 🛠️ Desenvolvimento

```bash
# Build
npm run build

# Watch mode
npm run watch

# Start
npm start
```

## 📝 Licença

MIT
npm package: @marcelodf12/node-red-contrib-wca-integration
Description: Whatsapp cloud api integration node for node-red
Author: Marcelo Franco
Latest version: 1.2.0

# Whatsapp Cloud Api Integration
## About
This node allows you to send messages directly using the official whatsapp cloud api.
For this you need to have a developer account, create a whatsapp application from the console and create a token.

For the configuration of the node, a token and an id of the sending phone are needed.

## TODO
Pending guide to generate the credentials in Facebook/Meta developer console.
npm package: @marcelofinamorvieira/datocms-ai-ui
Description: Shared AI UI components and utilities for Datocms plugins
Author: Marcelo Finamor Vieira
Latest version: 0.1.0

@datocms-plugins/ai-ui
======================

Shared, theme-aware UI components and utilities for Datocms AI plugins.

- Tooltip — accessible info tooltip that works in DatoCMS iframes
- ModelSelect — vendor-aware model dropdown with dynamic discovery (OpenAI, Gemini, Anthropic)
- ProgressModal — generic progress list with queue + cancel support
- ErrorPanel — compact error panel with raw payload toggle and copy
- Chips — `Chip` and `ChipMuted` badges
- InlineProgress — small, inline progress bar with optional cancel

Install
-------

```
pnpm add @datocms-plugins/ai-ui
```

Peer dependencies: react 18+, datocms-react-ui 2+, datocms-plugin-sdk 2+.

Usage
-----

```
import { Tooltip, ModelSelect, ProgressModal, ErrorPanel, Chip, ChipMuted } from '@datocms-plugins/ai-ui';

<Tooltip content="Helpful" />
<ModelSelect vendor="openAI" apiKey={key} value={model} onChange={setModel} />
<ErrorPanel title="Error" message="Something happened" details={json} />
<Chip dot>OpenAI</Chip> <ChipMuted>pt-BR</ChipMuted>
```

Publishing
----------

- Ensure package.json has publishConfig.access: public.
- Then run:

```
pnpm -w --filter @datocms-plugins/ai-ui clean && pnpm -w --filter @datocms-plugins/ai-ui build
pnpm -w --filter @datocms-plugins/ai-ui publish --access public
```

MIT License.
npm package: @marcelogaldino/space
Description: Simple and an easy regex validations
Author: Marcelo Galdino
Latest version: 0.0.5

# Space 👨‍🚀☄

<div align="center">

[![GitHub issues](https://img.shields.io/github/issues/marcelogaldino/space?style=plastic)](https://github.com/marcelogaldino/space/issues)
[![GitHub forks](https://img.shields.io/github/forks/marcelogaldino/space?style=plastic)](https://github.com/marcelogaldino/space/network)
[![GitHub stars](https://img.shields.io/github/stars/marcelogaldino/space?style=plastic)](https://github.com/marcelogaldino/space/stargazers)
[![GitHub license](https://img.shields.io/github/license/marcelogaldino/space?style=plastic)](https://github.com/marcelogaldino/space/blob/main/LICENSE)
[![GitHub license](https://img.shields.io/badge/npm-v0.05-red?style=plastic)](https://www.npmjs.com/package/@marcelogaldino/space)

</div>

> Everyone's favorite regex validations build in JS.

## Table of Contents

- [Why should I use Space?](#Why-should-I-use-Space)
- [Documentation](#Documentation)
- [How to use?](#How-to-use)
- [Contributing](#Contributing)
- [License](#License)

## Why should I use Space?

Space borned to be simple and easy to use, it helps you validate strings with [regular expressions (regex)](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Guide/Regular_Expressions).

## Documentation 

| name                  | type     | description                                     |
|-----------------------|----------|-------------------------------------------------|
| checkValidEmail       | `string` | returns `True` or `False`                       |
| removeSpacesEndOfLine | `string` | returns your `string` without spaces at the end |

## How to use?

Below we have some examples using **Space** validations, you also can check the [examples folder](./src/examples).

**Removing Spaces at the end.**
```js
const space = require('../index.js')

space.removeSpacesEndOfLine("My string with spaces at the end of the line   ")

// output
// "My string with spaces at the end of the line"
```

**Checking if is a valid email.**
```js
const space = require('../index.js')

space.checkValidEmail('marcelog@marcelogaldino.com')

// output
// "true"
```

## Contributing

Check out the [contributing](./CONTRIBUTING.md) page to see our guidelines.

## License

This project is under the [MIT license](https://github.com/marcelogaldino/space/blob/main/LICENSE). Released in 2020. 

Made with love by [Marcelo Galdino](https://www.linkedin.com/in/marcelogaldino/) 💜👨‍🚀
npm package: @marceloglacial/rds-beta
Description: ![Cypress workflow](https://github.com/cuweb/rds-beta/actions/workflows/main.yml/badge.svg)
Author: Carleton University
Latest version: 0.13.0

![Cypress workflow](https://github.com/cuweb/rds-beta/actions/workflows/main.yml/badge.svg)

# Raven Design System

RDS, Carleton University’s design system, is a living digital organism uniting campus wide teams around a common visual language.

## Requirements

-   [NodeJS](https://nodejs.org/en/)
-   [Node Version Manager](https://github.com/nvm-sh/nvm)
-   [Yarn](https://yarnpkg.com/)

## On First Setup

### Clone this repo

```bash 
git clone git@github.com:cuweb/rds-beta.git
```

### Check your nvm version
```bash
nvm i
```

### Set project's npm version
```bash
nvm use
```

### Install project
```bash
yarn install
```


## After Setup

One you have completed the initial setup above, moving forward to start the development environent you simply need to go to the project directory and run

```bash 
nvm use && yarn dev
```

## Test

### Start component and e2e tests

```bash 
yarn test
```

### Run headless / ci tests

```bash 
yarn test:ci
```

## Release

This project auto-publishes NPM releases. Please run the pre-release commeand before publish your new release

```bash 
yarn prerelease
```



## Features

-   [Storybook](https://storybook.js.org)
-   [NextJS](https://nextjs.org/)
-   [Cypress](https://www.cypress.io)
-   [Adobe React Aria](https://react-spectrum.adobe.com/react-aria/)
-   [AirBnb ESLint/Prettier suppoer](https://dev.to/bigyank/a-quick-guide-to-setup-eslint-with-airbnb-and-prettier-3di2)

## CLI Commands

### Lists all posible CLI commands
```bash
yarn run --non-interactive
```

## Troubleshoting

### Storybook port is in use

```bash
sudo lsof -i:6006
```

then

```
kill -9 <PID>
```

## References

-   [Creating a React component library](https://prateeksurana.me/blog/react-component-library-using-storybook-6/)
-   [ESLint](https://javascript.plainenglish.io/setting-eslint-and-prettier-on-a-react-typescript-project-2021-22993565edf9)
-   [Publishing Node.js packages](https://docs.github.com/en/actions/publishing-packages/publishing-nodejs-packages)
npm package: @marcelohmdias/vue-typed
Description: The easiest way to define types in Vue props
Author: Marcelo H M Dias
Latest version: 0.2.0

# Vue Typed

> The easiest way to define types in Vue prop.

## Installation

```bash
npm install --save @marcelohmdias/vue-typed
# or
yarn add @marcelohmdias/vue-typed
```

## Example

```js
import Typed from '@marcelohmdias/vue-typed'

export default {

  name: 'Foo',

  props: {

    bar: Typed.is.str.with('baz').def()

  }
}


```
npm package: @marcelorafael/chartjs-plugin-datalabels
Description: Chart.js plugin to display labels on data elements with clamp function that adjust chart to show numbers
Latest version: 0.8.11

<p align="center">
    <img src="docs/.vuepress/public/hero-title.svg?sanitize=true">
</p>

<p align="center">
    <a href="https://chartjs-plugin-datalabels.netlify.com/guide/getting-started.html"><img src="https://img.shields.io/github/release/chartjs/chartjs-plugin-datalabels.svg?style=flat-square&maxAge=600" alt="Downloads"></a>
    <a href="https://travis-ci.org/chartjs/chartjs-plugin-datalabels"><img src="https://img.shields.io/travis/chartjs/chartjs-plugin-datalabels.svg?style=flat-square&maxAge=600" alt="Builds"></a>
    <a href="https://codeclimate.com/github/chartjs/chartjs-plugin-datalabels"><img src="https://img.shields.io/codeclimate/c/chartjs/chartjs-plugin-datalabels.svg?style=flat-square&maxAge=600" alt="Coverage"></a>
    <a href="https://github.com/chartjs/awesome"><img src="https://awesome.re/badge-flat2.svg" alt="Awesome"></a>
</p>

## Overview

Highly customizable [Chart.js](http://www.chartjs.org/) plugin that displays labels on data for any type of charts.

Requires [Chart.js](https://github.com/chartjs/Chart.js/releases) **2.7.0** or later.

## Documentation

- [Introduction](https://chartjs-plugin-datalabels.netlify.com/guide/)
- [Getting Started](https://chartjs-plugin-datalabels.netlify.com/guide/getting-started.html)
- [Options](https://chartjs-plugin-datalabels.netlify.com/guide/options.html)
- [Labels](https://chartjs-plugin-datalabels.netlify.com/guide/labels.html)
- [Positioning](https://chartjs-plugin-datalabels.netlify.com/guide/positioning.html)
- [Formatting](https://chartjs-plugin-datalabels.netlify.com/guide/formatting.html)
- [Events](https://chartjs-plugin-datalabels.netlify.com/guide/events.html)
- [Samples](https://chartjs-plugin-datalabels.netlify.com/samples/)

## Development

You first need to install node dependencies (requires [Node.js](https://nodejs.org/)):

    > npm install

The following commands will then be available from the repository root:

    > gulp build            // build dist files
    > gulp build --watch    // build and watch for changes
    > gulp test             // run all tests
    > gulp test --watch     // run all tests and watch for changes
    > gulp test --coverage  // run all tests and generate code coverage
    > gulp lint             // perform code linting
    > gulp package          // create an archive with dist files and samples
    > gulp docs             // generate documentation (`dist/docs`)
    > gulp docs --watch     // generate documentation and watch for changes

## License

`chartjs-plugin-datalabels` is available under the [MIT license](LICENSE.md).