open-index/open-npm huggingface dataset:
npm package: @koreanpanda/discord.js-framework
Description: A framework for Discord.js
Author: Cody Spratford
Latest version: 1.0.5

# discord.js-framework
This is a framework just like discord.js commando, but is more simple, and easier to use.

## How to install it?
```shell
$ npm i --save discord.js-framework
```

## How to use it?

```js
const {Framework} = require("discord.js-framework");

new Framework({
	token: "YOUR_BOT_TOKEN",
	prefix: "YOUR_BOT_PREFIX"
});

[
	`${__dirname}/commands`,
	`${__dirname}/events`
].forEach(x => Framework.LoadFolders(x));

Framework.startBot();
```
Unlike discord.js-commando, this framework is abusing the static properties, which enables itself to keep its instance, and be used in any file.

## How to make commands?

you can make a folder, and have command files in it, or have the commands made in the index.js file. You can do it in anyway you would like.

```js

Framework.addCommand({
	name: 'ping',
	description: 'Pong!',
	category: 'Miscellaneous',
	enable: true,
	invoke: (ctx) => {
		ctx.sendMessage('Pong');
	}
});
```

if you decide to make command files, then you would need to load them to allow the framework to access them, and load the commands.

```js
[
	`${__dirname}/commands`
].forEach(x => Framework.LoadFolders(x));
```
This will load the files for you, so you don't have to go inot the hassle of making a function to do this.

## What about events?
Yes same process as adding a command

```js
Framework.addEvent({
	name: 'guildCreate',
	invoke: (guild) => {
		// do something
	}
});
```

# TODO
	
- [x] Make Framework
- [x] Add functionality for adding commands, and events.
- [x] Add Default events and commands.

# Command Structure

|	Prop name | Type | Required |
|-----------|------|----------|
| name | string| Yes |
| aliases | string[] | No |
| description | string | No |
| usage | string[] | No |
| category | string[] | No |
| enable | boolean | No |
| dmOnly | boolean | No |
| guildOnly | boolean | No |
| permissions | `{user?: PermissionString[], self?: PermissionString[]}` | No |
| preconditions | `((ctx: CommandContext) => boolean \| string[]` | No |
| invoke | `(ctx: CommandContext) => unknown;` | Yes |

# Event Structure

|Prop name | Type |
|----------|------|
| name | string |
| invoke | `(ctx: CommandContext) => unknown;` |
npm package: @koreez/grid-core
Description: core functionality for grid system
Author: Koreez LLC
Latest version: 2.0.8

[![npm version](https://badge.fury.io/js/%40koreez%2Fgrid-core.svg)](https://badge.fury.io/js/%40koreez%2Fgrid-core)
[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

# Grid System (core functionality)
npm package: @koreez/mvcx
Description: mvcx
Author: Koreez LLC
Latest version: 1.0.1

# mvcx

[![GitHub license](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/koreezgames/mvcx/blob/master/LICENSE)
[![Build Status](https://travis-ci.com/koreezgames/mvcx.svg?branch=master)](https://travis-ci.com/koreezgames/mvcx)
[![npm version](https://badge.fury.io/js/%40koreez%2Fmvcx.svg)](https://badge.fury.io/js/%40koreez%2Fmvcx)
[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

MVCX is a lightweight framework for creating applications based upon the classic [Model-View-Controller](http://en.wikipedia.org/wiki/Model-view-controller) design meta-pattern.

## License

[MIT](LICENSE)
npm package: @koreez/observex
Description: observex
Author: Koreez LLC
Latest version: 1.0.0-alpha.2

# observex

[![GitHub license](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/koreezgames/observex/blob/master/LICENSE)
[![Build Status](https://secure.travis-ci.org/koreezgames/observex.svg?branch=master)](https://travis-ci.org/koreezgames/observex)
[![npm version](https://badge.fury.io/js/%40koreez%2Fobservex.svg)](https://badge.fury.io/js/%40koreez%2Fobservex)
[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

Observex plugin!

Key features:

Blazing fast
Low memory usage
Easy to use API

## Getting Started

First you want to get a fresh copy. You can get it from this repo or from npm, ain't that handy. npm

```
npm install @koreez/observex --save
```

## Usage

```javascript
import { observable, reaction } from "@koreez/observex";

const user = observable({
    name: "John",
    age: 27
});

reaction(user, ["age"], (newAge, propertyName) => {
    console.log("age update", newAge, propertyName);
});

user.age = 28; // 'age update' 28, 'age'
```

## License

[MIT](LICENSE)
npm package: @koreez/phaser-particle-editor-plugin
Description: Phaser Particle Editor Plugin
Author: Koreez LLC
Latest version: 1.0.0-alpha.21

# Phaser Particle Editor Plugin

[![Build Status](https://travis-ci.org/koreezgames/phaser-particle-editor-plugin.svg?branch=master)](https://travis-ci.org/koreezgames/phaser-particle-editor-plugin) [![David](https://david-dm.org/koreezgames/phaser-particle-editor-plugin.svg)]() [![Project status](https://img.shields.io/badge/status-active-brightgreen.svg)](#status)

This plugin creates particle effects based on JSON data generated by **[Phaser Particle Editor](https://phaser-particle-editor.firebaseapp.com/)**

## Getting Started

### Installation

#### **_Using script tag:_**

[![](https://data.jsdelivr.com/v1/package/npm/@koreez/phaser-particle-editor-plugin/badge?style=rounded)](https://www.jsdelivr.com/package/npm/@koreez/phaser-particle-editor-plugin/dist/plugin.min.js)

```html
<script src="//cdn.jsdelivr.net/npm/@koreez/phaser-particle-editor-plugin/dist/plugin.min.js"></script>
```

#### **_Using npm:_**

[![npm](https://img.shields.io/npm/dt/@koreez/phaser-particle-editor-plugin.svg)](https://www.npmjs.com/package/@koreez/phaser-particle-editor-plugin)

```shell
$ npm i -g npm
$ npm i --save  @koreez/phaser-particle-editor-plugin
```

## Usage

### Import the plugin

##### **_CommonJS_**

```javascript
var ParticleEditorPlugin = require("@koreez/phaser-particle-editor-plugin");
```

##### **_ES2015_**

```javascript
import ParticleEditorPlugin from "@koreez/phaser-particle-editor-plugin";
```

### Load the plugin

You need to load the plugin in your game. This is done just like any other plugin in Phaser.
So, to load the plugin, include it one of the Phaser States.

```javascript
game.plugins.add(ParticleEditorPlugin);
```

The plugin will patch your Phaser game with additional _add / make_ methods so this plugin fits up in Phaser like any normal object.

### Create particles

```javascript
// x - any
// y - any
// data - should be already loaded JSON key or existing object based on Particle Editor data
// group - parent container
game.add.particleEffect(x, y, data, group);
// or
game.make.particleEffect(x, y, data);
```

## News & Community

We have a [forum](http://www.html5gamedevs.com/topic/33387-phaser-particle-editor/) so you can always be up to date with latest news!

## Contributing

Coming soon!
npm package: @koreez/phaser2-animate
Description: Phaser2 Animate
Author: Koreez LLC
Latest version: 1.0.0-alpha.4

# Phaser2 Animate

[![GitHub license](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/koreezgames/phaser2-animate-plugin/blob/master/LICENSE)
[![Build Status](https://secure.travis-ci.org/koreezgames/phaser2-animate-plugin.svg?branch=master)](https://travis-ci.org/koreezgames/phaser2-animate-plugin)
[![codebeat badge](https://codebeat.co/badges/e3792494-1875-4826-be00-2124148b9287)](https://codebeat.co/projects/github-com-koreezgames-phaser2-animate-plugin-master)
[![Test Coverage](https://api.codeclimate.com/v1/badges/63e0c72189fa97ca55db/test_coverage)](https://codeclimate.com/github/koreezgames/phaser2-animate-plugin/test_coverage)
[![npm version](https://badge.fury.io/js/%40koreez%2Fphaser2-animate.svg)](https://badge.fury.io/js/%40koreez%2Fphaser2-animate)
[![Greenkeeper badge](https://badges.greenkeeper.io/koreezgames/phaser2-animate-plugin.svg)](https://greenkeeper.io/)
[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

Phaser2 Animate plugin adds Animate animations support to Phaser2!

Key features:

-   Blazing fast
-   Low memory usage
-   Easy to use API

## Getting Started

First you want to get a fresh copy of the plugin. You can get it from this repo or from npm, ain't that handy.

[![npm](https://img.shields.io/npm/dt/@koreez/phaser2-animate.svg)](https://www.npmjs.com/package/@koreez/phaser2-animate)

```
npm install @koreez/phaser2-animate --save
```

## Usage

## License

[MIT](LICENSE)
npm package: @koreez/phaser2-grid
Description: Phaser2 Grid System
Author: Koreez LLC
Latest version: 2.0.9

[![npm version](https://badge.fury.io/js/%40koreez%2Fphaser2-grid.svg)](https://badge.fury.io/js/%40koreez%2Fphaser2-grid)
[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

# Phaser2 Grid System
npm package: @koreez/pixi-grid
Description: Pixi Grid System
Author: Koreez LLC
Latest version: 2.0.0

[![npm version](https://badge.fury.io/js/%40koreez%2Fpixi-grid.svg)](https://badge.fury.io/js/%40koreez%2Fpixi-grid)
[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

# PIXI Grid System

Grid System implementation for PixiJS v5.
npm package: @koreez/pixi-stats
Description: Pixi Performance Monitor
Author: Koreez LLC
Latest version: 1.0.0

[![npm version](https://badge.fury.io/js/%40koreez%2Fpixi-stats.svg)](https://badge.fury.io/js/%40koreez%2Fpixi-stats)
[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

# pixi-stats

Pixi Performance Monitor (Textures, Draw Calls) for WebGL applications. Uses [stats.js](https://github.com/mrdoob/stats.js) under the hood.

# Install

```sh
$ npm install @koreez/pixi-stats # for npm users
$ yarn add @koreez/pixi-stats # for yarn users
```

# Using

```javascript
import { PixiStatsPlugin } from '@koreez/pixi-stats';

PIXI.Application.registerPlugin(PixiStatsPlugin);

class Game extends PIXI.Application {
    public constructor() {
        super({ resizeTo: window, backgroundColor: 0xcdcdcd });
        document.body.appendChild(this.view);
        document.body.appendChild(this.stats.dom);
        this.ticker.add(() => {
            this.stats.update();
        });
    }
}
```
npm package: @koreez/pure-mvc
Description: puremvc-js
Author: Koreez LLC
Latest version: 4.0.4

# puremvc-js

[![GitHub license](https://img.shields.io/badge/license-MIT-green.svg)](https://github.com/koreezgames/puremvc-js/blob/master/LICENSE)
[![Build Status](https://secure.travis-ci.org/koreezgames/puremvc-js.svg?branch=master)](https://travis-ci.org/koreezgames/puremvc-js)
[![npm version](https://badge.fury.io/js/%40koreez%2Fpure-mvc.svg)](https://badge.fury.io/js/%40koreez%2Fpure-mvc)
[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

## [PureMVC](http://puremvc.github.com/) JavaScript MultiCore Framework

PureMVC is a lightweight framework for creating applications based upon the classic [Model-View-Controller](http://en.wikipedia.org/wiki/Model-view-controller) design meta-pattern. This is a JavaScript port of the [AS3 reference implementation of the MultiCore Version](https://github.com/PureMVC/puremvc-as3-multicore-framework/wiki).

## License

[MIT](LICENSE)
npm package: @koreez/robotlegsjs-phaser3
Description: RobotlegsJS integration with Phaser Scene Manager
Author: RobotlegsJS
Latest version: 0.1.0

RobotlegsJS Phaser3 Extension
===

[![Gitter chat](https://badges.gitter.im/RobotlegsJS/RobotlegsJS.svg)](https://gitter.im/RobotlegsJS/RobotlegsJS)
[![npm version](https://badge.fury.io/js/%40koreez%2Frobotlegsjs-phaser3.svg)](https://badge.fury.io/js/%40koreez%2Frobotlegsjs-phaser3)
[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

Integrate [RobotlegsJS](https://github.com/RobotlegsJS/RobotlegsJS)
framework with [Phaser3](http://phaser.io).

Usage
---

```ts
import { Context, IContext, MVCSBundle } from "@robotlegsjs/core";
import { ContextSceneManager } from "../src";
import { PhaserBundle } from "../src/robotlegs/bender/bundles/phaser/PhaserBundle";
import "phaser";
import { Preload } from "./states/Preload";
import { SceneMediatorConfig } from "./config/SceneMediatorConfig";
import { Boot } from "./states/Boot";
import { SceneKey } from "./constants/StateKey";
import { GameConfig } from "./config/GameConfig";

export class Game extends Phaser.Game {
    private _context: IContext;

    constructor() {
        super({
            type: Phaser.CANVAS,
            width: 800,
            height: 600,
            backgroundColor: "#010101",
            parent: "phaser-example"
        });

        this._context = new Context();
        this._context
            .install(MVCSBundle, PhaserBundle)
            .configure(new ContextSceneManager((this as any).scene))
            .configure(SceneMediatorConfig)
            .configure(GameConfig)
            .initialize();
        this.scene.add(SceneKey.BOOT, new Boot(SceneKey.BOOT));
        this.scene.start(SceneKey.BOOT);
    }
}

```

[See example](example)

License
---

[MIT](LICENSE)
npm package: @korekoi/react-native-get-random-values
Description: ⚡️ A fast implementation of `crypto.getRandomValues` for React Native
Author: korekoi
Latest version: 0.2.4

<a>
  <picture>
    <img alt="@kore-koi/react-native-get-random-values" src=".github/assets/banner.svg"/>
  </picture>
</a>

---

[![NPM Version](https://img.shields.io/npm/v/@korekoi/react-native-get-random-values?color=blue&style=flat-square)](https://www.npmjs.com/package/@korekoi/react-native-get-random-values)

### Features

- 🫳 Drop-in replacement for `crypto.getRandomValues`
- ⚡ Uses JSI for faster operations  between Native and JS
- 🔒 Native C++ secure randomization using [libsodium](https://github.com/jedisct1/libsodium)

### Installation

```sh
npm install @korekoi/react-native-get-random-values
```

#### Dependencies

This library needs these dependencies to be installed in your project before you can use it:

```sh
npm install react-native-nitro-modules
```

### Usage

```typescript
import "@korekoi/react-native-get-random-values"

const array = new Uint8Array(32);
global.crypto.getRandomValues(array);
```


> See the [example app](./example/)

### How does it compare to other alternatives?

The most downloaded and probably the only available library to polyfill this method (until now) has been [LinusU/react-native-get-random-values](https://github.com/LinusU/react-native-get-random-values), but our solution has a couple improvements:

- **JSI**, Native and JavaScript communicate through a memory reference and not by serializing data in Base64 back-and-forth, which results in faster operations
- Randomization is made using [libsodium](https://github.com/jedisct1/libsodium) for both iOS and Android
  - instead of [Java SecureRandom](https://docs.oracle.com/javase/8/docs/api/java/security/SecureRandom.html) for Android and [Objective-C SecRandomCopyBytes](https://developer.apple.com/documentation/security/secrandomcopybytes(_:_:_:)?language=objc) or [Swift SecRandomCopyBytes](https://developer.apple.com/documentation/security/secrandomcopybytes(_:_:_:)) for iOS

### Benchmark

Percentage represents how much faster JSI is compared to B64

| iOS                                                                          | iOS Simulator                                                               | Android                    |
| ---------------------------------------------------------------------------- | --------------------------------------------------------------------------- | -------------------------- |
| <img alt="iPhone 13 Benchmark" src=".github/assets/iphone13_benchmark.png"/> | <img alt="Simulator Benchmark" src=".github/assets/sim_benchmark.png"/>     | Feel free to open an issue |
| iPhone 13 on iOS 17                                                          | iPhone 16 Pro Simulator, iOS 18, running on an MacBook Air M1 2020 16GB ram |                            |
| 10k loops at 65535 bytes with Base 64 crashed the app                        |                                                                             |                            |


### Notes

- [Get started with the development of the module](./docs/getting-started.md)
npm package: @korekoi/react-native-google-places
Description: A React Native library for Google Places API, providing geocoding, autocomplete, and more.
Author: Mattia Ferrari
Latest version: 0.0.7

# @korekoi/react-native-google-places

Nitro wrapper around the Google Places SDK with a single API for address autocomplete.

## Reasons to use this module:
- You can now use the Google Places SDK in your React Native app providing a restricted API key on your bundle identifiers so that you don't have to expose an open API key to the public.
- The module provides a simple API for address autocomplete, returning only the place ID and a display string for UI

## Install

```bash
npm install @korekoi/react-native-google-places react-native-nitro-modules
```

```bash
cd ios && pod install
```

## API key setup

You can set the API key either manually or via the Expo config plugin.

### Expo config plugin (iOS + Android)

```json
{
  "expo": {
    "plugins": [
      [
        "@korekoi/react-native-google-places",
        { "androidApiKey": "YOUR_ANDROID_API_KEY", "iosApiKey": "YOUR_IOS_API_KEY" }
      ]
    ]
  }
}
```

### Manual setup

#### iOS

Add `GMSPlacesAPIKey` to `Info.plist`:

```xml
<key>GMSPlacesAPIKey</key>
<string>YOUR_IOS_API_KEY</string>
```

#### Android

Add the meta-data entry in `AndroidManifest.xml`:

```xml
<application>
  <meta-data
    android:name="com.google.android.geo.API_KEY"
    android:value="YOUR_ANDROID_API_KEY" />
</application>
```

## Usage

```ts
import places from '@korekoi/react-native-google-places'

const results = await places.autocomplete('1600 Amphitheatre Pkwy, Mountain View')
// results: Array<{ placeId: string; label: string }>
```

## API

### `autocomplete(query: string)`

Returns a list of results with:

- `placeId`: the place id
- `label`: full display string for UI

## Notes

- iOS initializes the SDK using `GMSPlacesAPIKey` from `Info.plist`.
- Android reads the key from `com.google.android.geo.API_KEY` in the manifest.
- Requires `react-native-nitro-modules` and generated Nitro code in `nitrogen/`.

## Development

```bash
npm run specs
```

## License

MIT
npm package: @korekoi/react-native-media-controller
Description: 🔊 Media Controller for React Native
Author: kore-koi
Latest version: 0.0.5

<a>
  <picture>
    <img alt="@kore-koi/react-native-get-random-values" src=".github/assets/banner.svg"/>
  </picture>
</a>

---

[![NPM Version](https://img.shields.io/npm/v/@korekoi/react-native-media-controller?color=blue&style=flat-square)](https://www.npmjs.com/package/@korekoi/react-native-media-controller)


### Installation

```sh
npm install @korekoi/react-native-get-random-values
```

#### Dependencies

This library needs these dependencies to be installed in your project before you can use it:

```sh
npm install react-native-nitro-modules
```

### Usage

See the [example app](./example/)

### Notes

- [Repository Structure](./docs/structure.md)
npm package: @korena/ui
Description: Korena UI Library
Author: Korena Studio
Latest version: 0.0.9

# Korena UI

Korena UI is a React component library designed to make building user interfaces easier and more efficient. It provides a collection of customizable components that can be used to create beautiful and responsive web applications.

## Installation

To install Korena UI, you can use npm or yarn:

```bash
#using npm
npm install @korena/ui
#using yarn
yarn install @korena/ui
#using pnpm
pnpm install @korena/ui
```

## Usage

### KorenaCalenday

To use a component from Korena UI, simply import it into your React application and render it as needed. Here's an example of how you might use the `Button` component:

```jsx
import React from "react";
import { KorenaCalenday } from "@korena-ui";

function App() {
  const event = {
    /* follow the ics guide on how to create an event */
  };
  return (
    <div>
      <KorenaCalenday event={event}>Click me</KorenaCalenday>
    </div>
  );
}

export default App;
```

### SignaturePad

```jsx
import React, { useState } from "react";
import { KorenaSignaturePad } from "@korena/ui";

const App: React.FC = () => {
  const [signature, setSignature] = (useState < string) | (null > null);

  const handleSign = (signature: string) => {
    setSignature(signature);
  };

  return (
    <div>
      <h1>Signature Pad Example</h1>
      <KorenaSignaturePad onSign={handleSign} />
      {signature && (
        <div>
          <h2>Saved Signature:</h2>
          <img src={signature} alt="Signature" />
        </div>
      )}
    </div>
  );
};

export default App;
```

## Components

Korena UI includes the following React components:

- `KorenaCalendar`: A customizable calendar button component with support for different variants (primary, secondary, etc.).
- `SignaturePad` : Add signature signing to your react components

These components are designed to be easy to use and highly customizable, allowing you to tailor them to fit your application's needs.

## Contributing

If you'd like to contribute to Korena UI, please fork the repository and submit a pull request. We welcome contributions of all kinds, including bug fixes, feature additions, and documentation improvements.

## License

Korena UI is open-source software licensed under the MIT License. See the [LICENSE](LICENSE) file for more information.