open-index/open-npm huggingface dataset:
npm package: @gamestwolife/melodify
Description: A stable, updated and powerful music library with support for Spotify and YouTube.
Author: GamesTwoLife
Latest version: 1.1.3

## Melodify

> A stable, updated and powerful music library with support for Spotify and YouTube.

[![npm](https://img.shields.io/npm/v/@gamestwolife/melodify?style=flat-square)](https://www.npmjs.com/package/@gamestwolife/melodify)
![Github Stars](https://img.shields.io/github/stars/GamesTwoLife/melodify?style=flat-square)
![GitHub issues](https://img.shields.io/github/issues-raw/GamesTwoLife/melodify?style=flat-square)
![NPM](https://img.shields.io/npm/l/@gamestwolife/melodify?style=flat-square)

## Installation

To install `melodify`, use npm:

```bash
npm install @gamestwolife/melodify
```

### Example

```js
import { Melodify, LoadType } from "@gamestwolife/melodify";

const clientId = "your-client-id";
const clientSecret = "your-client-secret";
const apiKey = "your-youtube-api-key";

(async() => {
	const melodify = new Melodify({
		spotifyClientId: clientId,
		spotifyClientSecret: clientSecret
		youtubeApiKey: apiKey
	});
	
	const search = await melodify.searchProvider.search("Never Gonna Give You Up");

	switch (search.loadType) {
		case LoadType.SEARCH:
			{
				const trackName = `${search.data.tracks.items[0].artists.map(artist => artist.name).join(", ")} - ${search.data.tracks.items[0].name}`;
				console.log(`[${search.loadType}] Track "${trackName}" downloading...`);

				const filePath = await melodify.downloadTrack(trackName);
				console.log(filePath);
			}
			break;
	}
})()
```

### Code made with ❤ by @gamestwolife (GamesTwoLife)
npm package: @gameswapfinance/uikit
Description: Set of UI components for pancake projects
Latest version: 0.10.14

# 🥞 Pancake UIkit

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

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pancakeswap-libs/uikit`

## Setup

### Theme

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

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

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap-libs/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://pancakeswap.github.io/pancake-uikit/)
npm package: @gametailors/ngx-colors
Description: A beautiful color picker for angular that let you choose from a color palette, using sliders (Hue, Lightness, Alpha sliders) or through text input(hex, rgba, hsla)
Author: Krone
Latest version: 2.7.0

ngx-colors
==========

**This is a fork of [ngx-colors](https://github.com/KroneCorylus/ngx-colors), in order to support Angular 11.**

## Demo and documentation

https://ngx-colors.web.app/


## Preview

![example gif](https://raw.githubusercontent.com/KroneCorylus/ngx-colors/master/projects/ngx-color-examples/src/assets/img/example-gif.gif)

## Installation

#### Npm
```shel
npm install @angular/animations
```

#### Npm
```shell
npm install ngx-colors
```

##### Load the ngx-colors module in your app module:

```javascript
import { NgxColorsModule } from 'ngx-colors';

@NgModule({
  ...
  imports: [
    ...
    NgxColorsModule
  ]
})
```
## Overview and usage
This library is composed of two parts:
1. ngx-colors-trigger: This directive can be applied to any html element turning it into a trigger that when clicked will open the color picker
2. ngx-colors: This component is a premade button that will display the selected color.

##### Use it in your HTML template with ngModel:

```html
<ngx-colors ngx-colors-trigger [(ngModel)]="color"></ngx-colors>
```
##### Or with Reactive Forms:

```html
<form class="example-form">
    <ngx-colors ngx-colors-trigger style="display: inline-block; margin:5px;" [formControl]="colorFormControl"></ngx-colors>
</form>
```
npm package: @gametechiom/gamity-ui-wc
Description: A custom web component built with TypeScript
Author: Bibby Chung
Latest version: 0.1.4

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:

```js
export default tseslint.config({
  extends: [
    // Remove ...tseslint.configs.recommended and replace with this
    ...tseslint.configs.recommendedTypeChecked,
    // Alternatively, use this for stricter rules
    ...tseslint.configs.strictTypeChecked,
    // Optionally, add this for stylistic rules
    ...tseslint.configs.stylisticTypeChecked,
  ],
  languageOptions: {
    // other options...
    parserOptions: {
      project: ['./tsconfig.node.json', './tsconfig.app.json'],
      tsconfigRootDir: import.meta.dirname,
    },
  },
})
```

You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:

```js
// eslint.config.js
import reactX from 'eslint-plugin-react-x'
import reactDom from 'eslint-plugin-react-dom'

export default tseslint.config({
  plugins: {
    // Add the react-x and react-dom plugins
    'react-x': reactX,
    'react-dom': reactDom,
  },
  rules: {
    // other rules...
    // Enable its recommended typescript rules
    ...reactX.configs['recommended-typescript'].rules,
    ...reactDom.configs.recommended.rules,
  },
})
```
npm package: @gametoken/apeswap-sdk
Description: 🛠 An SDK for building applications on top of apeswap.
Latest version: 1.0.0

# ApeSwap SDK

## Running tests

To run the tests, follow these steps. You must have at least node v10 and [yarn](https://yarnpkg.com/) installed.

First clone the repository:

```sh
git clone https://github.com/ApeSwapFinance/apeswap-sdk.git
```

Move into the pancakeswap-sdk working directory

```sh
cd apeswap-sdk/
```

Install dependencies

```sh
yarn install
```

Run tests

```sh
yarn test
```

You should see output like the following:

```sh
yarn run v1.22.4
$ tsdx test
 PASS  test/constants.test.ts
 PASS  test/pair.test.ts
 PASS  test/fraction.test.ts
 PASS  test/miscellaneous.test.ts
 PASS  test/entities.test.ts
 PASS  test/trade.test.ts

Test Suites: 1 skipped, 6 passed, 6 of 7 total
Tests:       3 skipped, 82 passed, 85 total
Snapshots:   0 total
Time:        5.091s
Ran all test suites.
✨  Done in 6.61s.
```
npm package: @gametoken/uikit
Description: Set of UI components for GameToken projects
Latest version: 0.13.9

# 🥞 GameTokenFi UIkit

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

GameTokenFi UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @gametoken/uikit`

## Setup

### Theme

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

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

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@gametoken/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, please reference the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @gametokenfinance/uikit
Description: Set of UI components for pancake projects
Latest version: 0.16.0

# 🥞 Pancake UIkit

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

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add gametokenfi/uikit`

## Setup

### Theme

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

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

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from 'gametokenfi/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://pancakeswap.github.io/pancake-uikit/)