open-index/open-npm huggingface dataset:
npm package: @sportflow/ui
Description: Librería de componentes frontend del equipo Sportflow
Author: Luciano-sp
Latest version: 0.1.21

# @sportflow/ui

Sistema de Diseño basado en átomos, moléculas, y organismos. Construido con Vite, TypeScript y Tailwind CSS.

## 🚀 Requisitos

- Node.js v22.21.0+

- npm

## 📥 Instalación

```bash
  npm install @sportflow/ui
```

## 💡 Uso Rápido

```tsx
import { Button } from "@sportflow/ui";
import { Heart } from "@phosphor-icons/react";

function Example() {
  return <Button icon={<Heart />}>Click me</Button>;
}
```
npm package: @sportheroes/passport-google-oauth
Description: Google (OAuth) authentication strategies for Passport.
Author: Jared Hanson
Latest version: 1.1.0-rc1

# passport-google-oauth

[Passport](http://passportjs.org/) strategies for authenticating with [Google](http://www.google.com/)
using OAuth 1.0a and OAuth 2.0.

This is a meta-module that combines [passport-google-oauth1](https://github.com/jaredhanson/passport-google-oauth1)
and [passport-google-oauth20](https://github.com/jaredhanson/passport-google-oauth2).
It exists for backwards-compatibility with applications making use of the
combined package.  As of version 1.0.0, it is encouraged to declare dependencies
on the module that implements the specific version of OAuth needed.

---

<p align="center"><a href="http://www.tkqlhce.com/click-8907558-13433666" target="_top">1Password, the only password manager you should trust.</a> Industry-leading security and award winning design.</p>

---

Status:
[![Build](https://img.shields.io/travis/jaredhanson/passport-google-oauth.svg)](https://travis-ci.org/jaredhanson/passport-google-oauth)
[![Coverage](https://img.shields.io/coveralls/jaredhanson/passport-google-oauth.svg)](https://coveralls.io/r/jaredhanson/passport-google-oauth)
[![Quality](https://img.shields.io/codeclimate/github/jaredhanson/passport-google-oauth.svg?label=quality)](https://codeclimate.com/github/jaredhanson/passport-google-oauth)
[![Dependencies](https://img.shields.io/david/jaredhanson/passport-google-oauth.svg)](https://david-dm.org/jaredhanson/passport-google-oauth)


## Install

    $ npm install passport-google-oauth

## Sponsorship

Passport is open source software.  Ongoing development is made possible by
generous contributions from [individuals and corporations](https://github.com/jaredhanson/passport/blob/master/SPONSORS.md).
To learn more about how you can help keep this project financially sustainable,
please visit Jared Hanson's page on [Patreon](https://www.patreon.com/jaredhanson).

## License

[The MIT License](http://opensource.org/licenses/MIT)

Copyright (c) 2012-2016 Jared Hanson <[http://jaredhanson.net/](http://jaredhanson.net/)>
npm package: @sportigos/nft-checkout
Description: Learning how to create React modules using TypeScript!
Latest version: 1.2.6

# NFT-Checkout-Package

Luna NFT project's [React plugin](https://github.com/Luna-Exchange/NFT-Checkout-package) library published by creator's portal.

**Built with React and TypeScript.**
Check out the [Demo](https://zingy-cendol-f45b26.netlify.app/)!

## Usage

### Install from NPM

```bash
yarn add nft-checkout
```

```bash
npm install nft-checkout
```

### Import LunaCheckoutWidget from package

You can import component:

```ts
import { LunaCheckoutWidget } from "nft-checkout";
```

and use with collection id, api key and secret key:

```tsx
<LunaCheckoutWidget
  collectionId="<id>"
  username="<api_key>"
  password="<secret_key>"
/>
```

You can import IFrameBox compoent and use directly in your front-end code.

### Components

```tsx
import { IFrmaeBox } from "nft-checkout";
...
<IFrameBox
  active={active}
  nftImgUrl={mintInfo.image}
  nftTitle={mintInfo.name}
  nftDescription={mintInfo.description}
  projectAbout={mintInfo.about}
  price={mintPrice}
  maxSupply={maxSupply}
  mintsRemain={mintRemain}
  mintBtnDisabled={false}
  bgColor={mintInfo.checkout_background_color}
  questions={mintInfo.first_party_data.map(
    (item: any) => item.question
  )}
  socialLinks={{
    twitter: twitterEnabled,
    discord: discordEnabled,
    facebook: facebookEnabled,
    instagram: instagramEnabled,
  }}
  nftCount={nftCount}
  nftCountError={nftCountError}
  onNftCountChange={onNftCountChange}
  answers={answers}
  answersError={answersError}
  onAnswersChange={onAnswersChange}
  onConnectWallet={handleConnectMetamask}
  onDisconnectWallet={handleDisconnectMetamask}
  onMintNft={handleMint}
  mintProcessing={mintProcessing}
  mintSucceed={mintSucceed}
  setMintSucceed={setMintSucceed}
/>
```

## IFrameBox props type

```tsx
  active: boolean;
  nftImgUrl?: string;
  nftTitle: string;
  nftDescription: string;
  projectAbout: string;
  price: number;
  maxSupply: number;
  mintsRemain: number | undefined;
  mintBtnDisabled: boolean;
  bgColor: string | undefined;
  questions: string[];
  socialLinks: { [key: string]: boolean };
  onConnectWallet?: () => void;
  onDisconnectWallet?: () => void;
  onMintNft?: () => void;
  className?: string;
  nftCount: string;
  nftCountError?: boolean;
  onNftCountChange: (value: string) => void;
  answers: string[];
  answersError?: boolean[];
  onAnswersChange: (index: number, value: string) => void;
  mintProcessing: boolean;
  mintSucceed: boolean;
  setMintSucceed: (value: boolean) => void;
```
npm package: @sportlabs/gulp-casperjs-environment
Description: A [gulp](https://github.com/gulpjs/gulp) plugin for running [CasperJS](https://github.com/n1k0/casperjs) scripts
Author: Ian Banks
Latest version: 1.0.3

# gulp-casperjs fork to include environment param

A [gulp](https://github.com/gulpjs/gulp) plugin for running [CasperJS](https://github.com/n1k0/casperjs) scripts

## Install

```
npm install --save-dev gulp-casperjs-environment
```

## Usages

```js
See gulp-casper-js
## Options

It is possible to pass casperjs options via main options object.

```js
var casperJs = require('gulp-casperjs');
gulp.task('casperCmd', function () {
  const options = {
    logLevel: 'debug',
    includes: 'node_modules/package/index.js,node_modules/pacakge2/index.js',
    webSecurity: 'no',
    env: 'dev'
  };
  gulp.src('test.js')
    .pipe(casperJs(options)); //run casperjs test.js
});
```

Options are documented in official CasperJS documentation http://docs.casperjs.org
Possible values are(excludes env)

| Option      | Parameter Name | Possible Values                       |
|-------------|----------------|---------------------------------------|
| concise     | --concise      |                                       |
| engine      | --engine       | [phantomjs \| slimerjs]               |
| failFast    | --fail-fast    |                                       |
| includes    | --includes     | `<filename>,<filename>`               |
| logLevel    | --log-level    | `[debug \| info \| warning \| error]` |
| noColors    | --no-colors    |                                       |
| post        | --post         | `<filename>`                          |
| pre         | --pre          | `<filename>`                          |
| webSecurity | --web-security | no                                    |
| xunit       | --xunit        | `<filename>`                          |
| env         | --env          | `string`                              |




## LICENSE

The MIT License (MIT)
npm package: @sportloop/mrc
Description: Workout file parser library, suitable for `.mrc` and `.erg` files, with first-class TypeScript support.
Author: Daniel Emod Kovacs
Latest version: 1.0.1

# MRC

Workout file parser library, suitable for `.mrc` and `.erg` files, with first-class TypeScript support.

## Get started

Install the package:

```sh
npm install @sportloop/mrc
```

Usage:

```ts
import * as MRC from "@sportloop/mrc";

const { courseHeader, courseData } = MRC.parse(`[COURSE HEADER]
VERSION = 2
UNITS = ENGLISH
DESCRIPTION = Spin at 30% FTP for a few minutes, then two back to back sprints and easy spin again.
FILE NAME = Two Towers
MINUTES PERCENT
[END COURSE HEADER]
[COURSE DATA]
0.00\t30
10.00\t30
10.00\t150
10.25\t150
10.25\t30
10.75\t30
10.75\t150
11.00\t150
11.00\t30
60.00\t30
[END COURSE DATA]`);

console.log(courseHeader.description); // > Spin at 30% FTP for a few minutes, then two back to back sprints and easy spin again.
console.log(courseData[0]); // > [0, 30]

// Transform back to .mrc
const mrc = MRC.stringify({ courseHeader, courseData });
```

## File Format

The difference between `.erg` and `.mrc` is that `.erg` always contains all information required to execute the workout, while `.mrc` can be supplied with information, like FTP during execution time. Because of this, when using `.erg` you should either use `WATTS` as unit of course data or provide the `FTP` field, as seen in examples in [files folder](./files).

## Development

Install dependencies:

```sh
npm install
```

Run tests in watch mode:

```sh
npm test -w
```

Once you're happy with your changes, use [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0/) standard to create your commit messages.

To build your package, use the command:

```sh
npm build
```

To create a new version of this package to deploy to NPM or the package repository of your choice, use:

```sh
npm run sv
```

Finally, make sure everything is up to date with your version control with `git push --follow-tags` and then to publish your package, use:

```sh
npm publish
```

Alternatively you can use the GitHub Worflow, by triggering a release - going to Releases -> Draft a new release. This will do the above for you, as well as publish it to GitHub's NPM Mirror. If you want to use this method, you need to edit [Publish Workflow file](.github/workflows/publish.yml) by replacing `your-github-username` with your GitHub username and adding the `npm_token` secret in settings.