open-index/open-npm huggingface dataset:
npm package: @luisdfp/vue-form-wizard
Description: A vue based tab/form wizard
Latest version: 0.8.4


<h1 align="center">Vue form wizard</h1>

<p align="center">
  <a href="https://www.npmjs.com/package/vue-form-wizard"><img src="https://img.shields.io/npm/v/vue-form-wizard.svg"></a>
  <a href="https://www.npmjs.com/package/vue-form-wizard"><img src="https://img.shields.io/npm/dt/vue-form-wizard.svg"></a>
<a href='https://coveralls.io/github/cristijora/vue-form-wizard?branch=master'><img src='https://coveralls.io/repos/github/cristijora/vue-form-wizard/badge.svg?branch=master' alt='Coverage Status' /></a>
  <a href="https://github.com/cristijora/vue-form-wizard/blob/master/LICENCE.md"><img src="https://img.shields.io/badge/license-MIT-blue.svg"></a>
  <a href="http://img.badgesize.io/cristijora/vue-form-wizard/master/dist/vue-form-wizard.js.svg?compression=gzip&style=flat-square">
    <img src="http://img.badgesize.io/cristijora/vue-form-wizard/master/dist/vue-form-wizard.js.svg?compression=gzip&style=flat-square">
  </a>
</p>

A dynamic wizard to split your forms easier

Vue-form-wizard is a vue based component with no external depenendcies which simplifies tab wizard management.

## Demos:
Basic [demo](https://jsfiddle.net/bt5dhqtf/97/)

Other demos:
* [Squared steps](https://jsfiddle.net/bt5dhqtf/98/)
* [Tabbed steps](https://jsfiddle.net/bt5dhqtf/99/)
* [Sizing](https://jsfiddle.net/CristiJ/bt5dhqtf/924/)
* [Step index](https://jsfiddle.net/bt5dhqtf/100/) Start at any step. Note: start-index is zero-based and the count starts at 0
* [Custom button and title text](https://jsfiddle.net/bt5dhqtf/101/)
* [Custom title slot](https://jsfiddle.net/bt5dhqtf/102/)
* [Customized buttons with slots](https://jsfiddle.net/bt5dhqtf/103/) Replace stuff you don't like
* [Call a function before tab switch](https://jsfiddle.net/bt5dhqtf/105/)
* [Complete form example](https://jsfiddle.net/CristiJ/bt5dhqtf/286/) integrated with [vue-form-generator](https://github.com/icebob/vue-form-generator)
* [Element UI form integration](https://codesandbox.io/s/l9mz5zn7yz)
* [Vuelidate integration](https://jsfiddle.net/CristiJ/bt5dhqtf/1119/)
* [Dynamic components for tabs](https://jsfiddle.net/bt5dhqtf/973/)
* [Vue router integration](https://jsfiddle.net/bt5dhqtf/267/) You can place a `router-view` inside the wizard and have a separate page per tab. A `route` prop must be passed to the tabs you want to handle certain tabs
* [Async validation with error message](https://jsfiddle.net/CristiJ/bt5dhqtf/298/) `before-change` `beforeChange(): boolean | Promise<boolean>` can accept a promise that resolves with a boolean. Resolving with a truthy value, will trigger the navigation to next step. Rejecting with a message, will set an internal message that can be handled and displayed if needed.
* [Animations with animate.css](https://jsfiddle.net/bt5dhqtf/1478/)
* [Fancy step animations with lottie](https://codesandbox.io/s/3y0voo2oxp)

In browser [playground](https://cristijora.github.io/vue-form-wizard/#/?id=playground)

# [Documentation](https://binarcode.github.io/vue-form-wizard/#/)
npm package: @luisfnunes/react-plyr
Description: A simple, accessible HTML5 media player React Component
Author: Luis Felipe Nunes de Carvalho
Latest version: 1.3.0

# ReactPlyr Video Component

[![npm](https://img.shields.io/npm/dt/react-plyr.svg)](https://www.npmjs.com/package/react-plyr)
[![npm](https://img.shields.io/npm/v/react-plyr.svg)](https://www.npmjs.com/package/react-plyr)
[![David](https://img.shields.io/david/xDae/react-plyr.svg)](https://david-dm.org/xDae/react-plyr)
[![Travis](https://img.shields.io/travis/xDae/react-plyr.svg)](https://travis-ci.org/xDae/react-plyr)
[![license](https://img.shields.io/github/license/mashape/apistatus.svg)]()

A React video component based on Plyr.

![react-plyr ](screenshot.png "react-plyr")

## Installation

Add `react-plyr` into your package.json dependencies:

```sh
npm install react-plyr --save
```

## Usage

```javascript
import Plyr from 'react-plyr';

// add the component in the render function
render() {
  return (
    <Plyr
      type="youtube"
      videoId="CDFN1VatiJA"
    />
  )
}
```

## Support

Please [open an issue](https://github.com/xDae/react-plyr/issues/new) for support.

## Contributing

Please contribute using [Github Flow](https://guides.github.com/introduction/flow/). Create a branch, add commits, and [open a pull request](https://github.com/xDae/react-plyr/compare/).
npm package: @luisfun/cloudflare-ai-plugin
Description: This plugin enables you to code REST API or AI Gateway in the same way as the binding AI when using Cloudflare's Workers AI
Author: Luis
Latest version: 0.2.4
Deprecated: Because @cloudflare/ai has been deprecated. If you continue to use AI Gateway, please refer here. https://developers.cloudflare.com/ai-gateway/providers/workersai/

# Cloudflare AI Plugin [![npm v](https://img.shields.io/npm/v/@luisfun/cloudflare-ai-plugin)](https://www.npmjs.com/package/@luisfun/cloudflare-ai-plugin) [![Bundle Size](https://img.shields.io/bundlephobia/min/@luisfun/cloudflare-ai-plugin)](https://bundlephobia.com/package/@luisfun/cloudflare-ai-plugin)

- **REST API or AI Gateway** - You can code the same way as the binding AI.
- **MD Translator** - You can translate while maintaining the structure of Markdown to some extent.
- **TypeScript** - TypeScript support.

## Install

```shell
npm i @luisfun/cloudflare-ai-plugin
npm i -D @cloudflare/ai # When using TypeScript
```

## How to Use

```ts
import { Ai } from '@luisfun/cloudflare-ai-plugin'

// const ai = env.AI
// const ai = new Ai(env.AI) // When extending binding AI
const ai = new Ai(env.AI_API_URL, env.AI_API_TOKEN)

const response = await ai.run(model, inputs)
```

[How to get API URL and TOKEN](https://developers.cloudflare.com/ai-gateway/providers/workersai/)

## Extension

API Options  
[Gateway: cf-cache](https://developers.cloudflare.com/ai-gateway/configuration/caching/)

```ts
const options = {
  'cf-skip-cache': true, // Gateway
  'cf-cache-ttl': 60, // Gateway
  timeout: 30000, // fetch timeout (millisecond)
}
const response = await ai.run(model, inputs, options)
```

MD Translator  
⚠️ AI translation requests will increase.

```ts
// const { translated_text } = await ai.run('@cf/meta/m2m100-1.2b', inputs)
const { translated_text } = await ai.mdt('@cf/meta/m2m100-1.2b', inputs)
```

fetch Response Object

```ts
// response is Response Object
// outputs is the same `await ai.run()` outputs
const { response, outputs } = await ai.fetch(model, inputs)
```

## Builder

URL Builder

```ts
import { Ai, restUrl, gatewayUrl } from '@luisfun/cloudflare-ai-plugin'

const restAi = new Ai(restUrl(env.ACCOUNT_ID), env.AI_API_TOKEN)
const gatewayAi = new Ai(gatewayUrl(env.ACCOUNT_ID, env.GATEWAY_SLUG), env.AI_API_TOKEN)
```

## Examples

- [Discord Bot](https://github.com/luisfun/discord-bot-cloudflare-ai-challenge)

## References

The following repositories were referenced in the making of this project:

- [@cloudflare/ai](https://www.npmjs.com/package/@cloudflare/ai)
npm package: @luisghz/platzom
Description: Traductor de idioma platzom
Author: Luis Gutiérrez
Latest version: 0.1.0

# Platzom

Test Platzom


## Reglas Platzom
- Si la palabra termina en "ar", se le quitan esos dos caracteres

- Si la palabra inicia con Z, se le añade "pe" al final

- Si la palabra traducida tiene 10 o más letras,
- se debe partir a la mitad y unir con un guión del medio

- Si la palabra original es un palíndromo,
- ninguna regla anterior cuenta y se devuelve
- la misma palabra intercalando mayúsculas y minúsculas


## 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

```
npm package: @luisgilgb/react-container
Description: A Container component made for React that supports multiple layouts for its children.
Author: Luis Gil Gutiérrez de la Barreda
Latest version: 1.0.8

# React Container

A Container component made for React that supports multiple layouts for its children.

## Getting Started

These instructions will let you use the Container component in your application.

### Prerequisites

This component is created for React JS, so you need to use it in a React application to work.


### Installing

Install this component as a dependency from npm.

```
npm install @luisgilgb/react-container
```

Then, in your application it should be enough to import the component as it is usually done in React:

```
import Container from '@luisgilgb/react-container'
```

## Running the tests

TBD

### Break down into end to end tests

TBD

### And coding style tests

TBD

## Built With

* [ReactJS](http://reactjs.org/) - The web framework used
* [npm](https://www.npmjs.org/) - Dependency Management
* [Sublime Text 3](https://www.sublimetext.com/) - Text editor for development

## Contributing

TBD

## Versioning

We use [SemVer](http://semver.org/) for versioning. For the versions available, see the [tags on this repository](https://github.com/LuisGilGB/react-container/tags).

## Authors

* **[Luis Gil Gutiérrez de la Barreda](https://github.com/LuisGilGB)**

See also the list of [contributors](https://github.com/LuisGilGB/react-container/contributors) who participated in this project.

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details

## Acknowledgments

* ReactJS community and developers.
* Sencha's ExtJS Container component, whose management of layouts was a source of inspiration for this project.