open-index/open-npm huggingface dataset:
npm package: @rorychad/gilect
Description: **Gilect** is a React component library that brings high-performance, "Apple-style" glass UI effects to your web applications using WebGL.
Latest version: 0.0.11

# Gilect

**Gilect** is a React component library that brings high-performance, "Apple-style" glass UI effects to your web applications using WebGL.

It uses a "Mirror Pattern" to synchronize standard DOM elements with a WebGL overlay, allowing you to build layouts with regular HTML/CSS while getting the visual benefits of advanced shaders (refraction, blur, chromatic aberration).

## Installation

```bash
npm install gilect three @react-three/fiber
```

## Getting Started

### 1. Setup the Root Provider

Wrap your application (or the section using glass effects) with `<GilectRoot>`. This initializes the shared WebGL canvas.

```tsx
import { GilectRoot } from 'gilect';

function App() {
  return (
    <GilectRoot>
      <YourContent />
    </GilectRoot>
  );
}
```

### 2. Use Glass Components

Use `<GlassPane>` to create containers with the glass effect. You can style them using standard CSS or `className` props.

```tsx
import { GlassPane } from 'gilect';

function Card() {
  return (
    <GlassPane 
      className="card"
      tintColor="#000000"  // Hex color of the glass tint
      tintStrength={0.15}  // 0 to 1 (opacity of the tint)
      distortion={-0.15}   // Refraction amount (negative = convex)
    >
      <h1>Hello Glass</h1>
      <p>This content floats above a refractive glass plane.</p>
    </GlassPane>
  );
}
```

### Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `tintColor` | string | `"#000000"` | Hex color to tint the glass. |
| `tintStrength` | number | `0.15` | Opacity of the tint layer (0.0 - 1.0). |
| `distortion` | number | `-0.15` | Refraction index/strength. |

## Development

To develop locally:

1. Clone the repository.
2. Install dependencies: `npm install`.
3. Run the playground: `cd playground && npm run dev`.

The playground is aliased to the local source code, so changes in `src/` are instantly reflected.
npm package: @rorycombe/defo
Description: A micro framework for creating web components in a functional style
Author: Rory Combe
Latest version: 0.1.7

# Defo

Defo is a micro framework for defining web components in a functional style

## Quick Start

```
npm install @rorycombe/defo
```

## Usage

```javascript
import { define } from '@rorycombe/defo';

export default define('my-component', () => '<div>Hello World</div>');
```
npm package: @roryduncan/rollup-plugin-notify
Description: 📟 Displays rollup builds and errors as system notifications.
Author: Mike Kovarik
Latest version: 3.1.0

# rollup-plugin-notify

📟 Displays rollup errors as system notifications.


![Example](https://raw.githubusercontent.com/MikeKovarik/rollup-plugin-notify/master/example.gif)


## Installation

```bash
npm install --save-dev rollup-plugin-notify
```


## Usage

Pretty simple, no settings, no options, just import the `notify()` function and add it to your rollup config file. Then you can start rollup in an endless watch mode `rollup -c -w` and minimize the terminal because all incoming errors will be caught and shown as notifications!

**Rollup v0.60.0 or higher is required**


```js
// rollup.config.js
import notify from 'rollup-plugin-notify';

export default {
  // ...
  plugins: [
    notify()
  ]
};
```

Check out `./example` folder for demo app.


## Displayed information

We try to fit as much of useful information (file, code snippet, position) as possible in the little space of 4-line notification. But it is hard to test this module for all the plugins out there, each of which can and will throw different errors of various shapes.

Basic Rollup's parse errors and Babel plugin work great out of the box. If you feel like `rollup-plugin-notify` could display better errors for your favorite Rollup plugin, let us know, or better yet, hit us up with a PR.


## Contributing

Contributions, help and feedback is welcome. Underlying [node-notifier](https://www.npmjs.com/package/node-notifier) module is troublesome and difficult to test across platforms so testing and troubleshooting on other systems would be appreciated.


## License

MIT, Mike Kovařík, mutiny.cz
npm package: @roryduncan/suki
Description: A modularized, ES6+, game framework.
Author: Rory Duncan
Latest version: 1.0.1

# Suki.js

A modularized, ES6+, game framework.

Heavily inspired by Playground.js.

See the [roadmap](https://github.com/RoryDuncan/suki.js/wiki/roadmap) for what's in-the-works!


## Getting Started

```
npm install @roryduncan/suki
```

Check out the wiki for more details on getting started.
npm package: @rorylshanks/policy
Description: Library for controlling access to resources with policy documents
Latest version: 1.1.0

# policy

[![Build Status](https://travis-ci.org/jakubknejzlik/node-policy.svg?branch=master)](https://travis-ci.org/jakubknejzlik/node-policy)

Library for controlling access to resources with policy documents. Inspired by AWS IAM policies.

# Installation

```
npm install --save policy
```

In your source code use:
```
const Policy = require('policy').Policy
const policyParser = require('policy').parser

let policy1 = new Policy()
let policy2 = policyParser.fromFile(...)
let policy3 = policyParser.fromString(...)
```

For example how to format policy document see [json example file](https://github.com/jakubknejzlik/node-policy/blob/master/test/example.policy.json)

# Example

```
let policy = new Policy()

policy.allow("customer", "cars", "buy")
policy.allow("seller", "cars", ["buy","sell"])

policy.isAllowed("customer", "cars", "buy") // true
policy.isAllowed("customer", "cars", "sell") // false
policy.isAllowed("seller", "cars", "buy") // true
policy.isAllowed("seller", "cars", "sell") // true
policy.isAllowed("seller", "cars", "destroy") // false
policy.isAllowed("seller", "vans", "buy") // false

```

## Wildcards
You can also use wildcards:
```
let policy = new Policy()

policy.allow("a_*", ["b_*","d_*"], "c_*")

policy.isAllowed("a_anything", "b_anything", "c_anything") // true
policy.isAllowed("a_anything", "c_anything", "c_anything") // false
policy.isAllowed("a_anything", "d_anything", "c_anything") // true
```

## Deny
Some resources/actions can be denied. Denial has preference before allowance:
```
let policy = new Policy();

policy.allow("*", "*", "*")
policy.deny("guest", "secret", "*")

policy.isAllowed("user", "blah", "read") // true
policy.isAllowed("guest", "blah", "write") // true
policy.isAllowed("guest", "secret", "any") // false
```
npm package: @ros2jsguy/msgpack-rpc-node
Description: MessagePack RPC implementation for Node
Author: ROS2JsGuy
Latest version: 0.2.0

# msgpack-rpc-node
MessagePack RPC implementation for Node
This package is a temporary fork of [theJian's package](https://www.npmjs.com/package/msgpack-rpc-node)
which fixes decode() failures when a TCP msg is fragmented across multiple packets.
It also upgrades to the latest @msgpack/msgpack version (2.7.2) and typescript v4. 

## Installation
```
$ npm install msgpack-rpc-node
$ yarn add msgpack-rpc-node
```

## Overview
```JavaScript
import { Server, TcpServer, Client, TcpClient } from 'msgpack-rpc-node';

const PORT = 3000;

// Create a server
const server = new Server({
  add(a, b) {
    return a + b;
  }
});

// Listen on port 3000
server.listen(TcpServer, PORT);


// Create a client that connects to port 3000 on localhost
const client = new Client(TcpClient, PORT);
await client.connect();

// Calling function add and passing 3 and 5 as arguments
const result = await client.call('add', 3, 5);
```

## License
MIT@theJian
npm package: @ros2jsguy/three-math-ts
Description: Stand-alone TypeScript version of three.js math
Author: ros2jsguy
Latest version: 0.143.1
Deprecated: Please use threejs-math

# Stand-alone TypeScript version of three.js math

This module is a rewrite of the following [three.js math](https://threejs.org/docs/#api/en/math/Box2) classes in TypeScript:

* Box2
* Box3
* Color
* Cylindrical
* Euler
* Line3
* MathUtils
* Matrix (interface)
* Matrix3
* Matrix4
* Plane
* Quaternion
* Ray
* Sphere
* Spherical
* Triangle
* Vector (interface)
* Vector2
* Vector3
* Vector4

# API Documentation
The classes in TSDoc format are available [here](https://ros2jsguy.github.io/three.math/index.html).

# Changes
This module is a fork of [three-math-ts](https://github.com/chenhebing/three.math) with the following improvements:
* Reintroduced the Plane class and Plane related methods on classes such as Ray and Triangle.
* Removed deprecated api.
* [Tsdoc provided for all classes](https://ros2jsguy.github.io/three.math/index.html).
* Test suite with over 430 unit tests ported from three.js. 

# Future Plans
The decision to fork and extend the three.math repo was motivated by the
desire to improve the usability of these cool math classes and the
unresponsiveness of the repo owner to respond to an initial set of
improvement PRs. An objective of this module's author is to eventually
merge into three-math-ts should its author become active and open to
contributions.
npm package: @rosairekota/vue-pivottable
Description: It is a Vue port of the jQuery-based [PivotTable.js](https://pivottable.js.org/)
Author: Rosaire Kota,
Latest version: 0.4.4


# Vue Pivottable

It is a Vue port of the jQuery-based [PivotTable.js](https://pivottable.js.org/)

[![npm](https://flat.badgen.net/npm/v/vue-pivottable)](https://npmjs.com/package/vue-pivottable)
[![npm](https://flat.badgen.net/npm/dt/vue-pivottable)](https://npmjs.com/package/vue-pivottable)
[![npm](https://flat.badgen.net/npm/license/vue-pivottable)](https://flat.badgen.net/npm/license/vue-pivottable)
[![jsdelivr](https://data.jsdelivr.com/v1/package/npm/vue-pivottable/badge)](https://www.jsdelivr.com/package/npm/vue-pivottable)

## Documentation

Documentation is still under development, but you can view it at <https://seungwoo321.github.io/vue-pivottable>.

## Live Demo

[link](https://jsfiddle.net/seungwoo321/repqmz3f/)

## Example Code

```bash
# Clone the project
git clone https://github.com/Seungwoo321/vue-pivottable.git

# Go into the cloned directory
cd vue-pivottable/demo/example-vue-cli3/

# npm install
npm install

# npm run serve
npm run serve
```

Open browser to <http://localhost:8080>

![vue-pivottable-demo.gif](https://seungwoo321.github.io/vue-pivottable-demo.gif)

## Installation

```shall
npm i vue-pivottable
```

## Usage

* Vue Pivottable

```html
<template>
  <vue-pivottable
    :data="[{color: 'blue', shape: 'circle'},{color: 'red', shape: 'triangle'}]"
    :rows="['color']"
    :cols="['shape']"
  >
  </vue-pivottable>
</template>

<script>
import { VuePivottable } from 'vue-pivottable'
import 'vue-pivottable/dist/vue-pivottable.css'
export default {
  components: {
    VuePivottable
  }
}
</script>
```

* Vue Pivottable Ui

```html
<template>
  <vue-pivottable-ui
    :data="[{color: 'blue', shape: 'circle'},{color: 'red', shape: 'triangle'}]"
    :rows="['color']"
    :cols="['shape']"
  >
  </vue-pivottable-ui>
</template>

<script>
import { VuePivottableUi } from 'vue-pivottable'
import 'vue-pivottable/dist/vue-pivottable.css'
export default {
  components: {
    VuePivottableUi
  }
}
</script>
```

## Inspired

* [plotly/react-pivottable](https://github.com/plotly/react-pivottable) - React-based pivot table library
* [David-Desmaisons/vue-plotly](https://github.com/David-Desmaisons/vue-plotly) - vue wrapper for plotly.js

## License

MIT
npm package: @rosav/cli
Description: A CLI that scans your files for matches to the VirusShare database.
Author: Richie Bendall
Latest version: 0.3.5

[![Travis CI Build Status](https://img.shields.io/travis/com/ros-av/cli/master.svg?style=for-the-badge)](https://travis-ci.com/ros-av/cli)
[![CodeFactor Score](https://www.codefactor.io/repository/github/ros-av/cli/badge?style=for-the-badge)](https://www.codefactor.io/repository/github/ros-av/cli)

[![ROS AV](https://a.icons8.com/kTZddigl/FNiIO4/ros-av.svg)](#)

[![NPM](https://nodei.co/npm/@rosav/cli.png?downloads=true&downloadRank=true&stars=true)](https://nodei.co/npm/@rosav/cli)

A CLI that scans your files for matches to the VirusShare database.

Documentation available [here](https://ros-av.richie-bendall.ml/).

## Installation

### Prebuilt binary

Download [here](https://github.com/ros-av/cli/releases).

### Package manager

#### NPM

```sh
npm install -g @rosav/cli
```

#### Yarn

```sh
yarn global add @rosav/cli
```

## Command help

```
rosav --help
```

## CLI Colour Coding Guide

- <span style="color: red">Red</span>: Error
- <span style="color: yellow">Yellow</span>: Warning
- <span style="color: green">Green</span>: Success
- <span style="color: cyan">Cyan</span>: Progress
- <span style="color: magenta">Magenta</span>: Debug information

## Translation

Help translate ROS AV [here](https://translate.zanata.org/iteration/view/rosav/Main/languages).

## TODO

- [ ] Catch all errors
- [ ] Use asynchronous functions
- [ ] GUI using Electron
- [ ] Fix scan progress bar when scanning multiple items
- [ ] Realtime protection using filesystem monitors
- [x] Add a progress bar to display during scanning
- [ ] Migrate core functions of the CLI to `index.js`
- [x] Allow specifying custom regex to match directories
- [ ] Only scan for latest 1 million hashes as `Recent Malware Mode`
npm package: @rose-hulman/react-native-dropdown-selector
Description: A react native component for creating dropdown lists
Author: Rose-Hulman Ventures
Latest version: 0.2.1

# React Native Dropdown Selector

A custom React Native component for dropdown lists that emulates some functionality of the HTML `<select>` tag.

## Features

- Cross-platform uniformity
- Select one or more items from a list
- Support for custom component styling
- Import data with versatile structure
- Item prioritization

## Installation

```bash
npm i @rose-hulman/react-native-dropdown-selector
```

## How Do I Use It?

There are 2 components available for use:
[`Select`](https://github.com/rhventures/react-native-dropdown-selector/wiki/Select)
and
[`MultiSelect`](https://github.com/rhventures/react-native-dropdown-selector/wiki/MultiSelect)

Using one of these components looks something like the following:
```tsx
<Select
  data={data}
  onSelect={console.log}
/>
```
The data prop takes in an array of the [`Data`](https://github.com/rhventures/react-native-dropdown-selector/wiki/Data) object to act as options for the Selector, and the onSelect prop takes in a function that accepts an argument of type `Data` to be called when a new item is selected.

These components may also take in optional props. For more information about the usage of these components, check out the
[wiki](https://github.com/rhventures/react-native-dropdown-selector/wiki).

## How Do I *actually* Use It?

The following example uses TypeScript.

First, import a selector component and the `Data` type. In this case, we use `Select`:
```tsx
import { Select, type Data } from 'react-native-dropdown-selector';
```
Then, create an array of items of type `Data`. This will be used for the `data` prop of the selector:
```tsx
const data: Data[] = [
  { label: 'Item 1' },
  { label: 'Item 2' },
  { label: 'Item 3' },
]
```
Next, define that function that will be used for the `onSelect` prop:
```tsx
const onDataSelected = (data: Data) => {
  console.log(data.label + ' was selected!');
};
```
Finally, create the component with the previously defined props:
```tsx
<Select
  data={data}
  onSelect={onDataSelected}
/>
```
For a more detailed guide on the usage of these components, please read [Getting Started](https://github.com/rhventures/react-native-dropdown-selector/wiki/Getting-Started).

## Demo

Create a react native project with `example/App.tsx` as the main file. Running the example application will look similar to the screenshots below.

<img src="assets/demo-top.png" height="350px" /> <img src="assets/demo-bottom.png" height="350px" /> <img src="assets/demo-interaction.gif" height="350px" />

For an in-depth walkthrough, read through the [development guide](https://github.com/rhventures/react-native-dropdown-selector/wiki/Development).

## Contributing

To contribute to the development of this project, please refer to the [development guide](https://github.com/rhventures/react-native-dropdown-selector/wiki/Development).
npm package: @rose-lang/wasm
Description: This package contains the raw WebAssembly bindings for [Rose][]. You almost certainly do not want to use this directly; check out the main package instead.
Latest version: 0.4.10

# `@rose-lang/wasm`

This package contains the raw WebAssembly bindings for [Rose][]. You almost
certainly do not want to use this directly; check out the main package instead.

[rose]: https://www.npmjs.com/package/rose
npm package: @roseamelia/easymongo
Description: @roseamelia/easymongo allows you to interact with mongodb easily.
Author: Rose Amelia
Latest version: 1.0.0

# @roseamelia/easymongo
## It allows you to interact with mongodb easily.

```js
const { MongoClient } = require("@roseamelia/easymongo");

const mongo = new MongoClient({
    useNewUrlParser: true,
    useUnifiedTopology: true,
    useFindAndModify: false,
    useCreateIndex: true
});

mongo.connect("Mongodb url");
mongo.on();
```
npm package: @rosebox/colors
Description: Color manipulation in Rosebox
Author: Hugo Nteifeh
Latest version: 0.0.3
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @rosebox/colors

A package to manipulate colors from `@rosebox/core`. Built on top of the [`color`](https://www.npmjs.com/package/color) package

## Example

```tsx

import { rgb, RBStyle } from '@rosebox/core'
import { lighten, darken } from '@rosebox/colors'

const baseBgColor = rgb(255, 255, 255)

const StyleObject: RBStyle = {
  backgroundColor: lighten(baseBgColor, 0.5)
}

const StyleObject2: RBStyle = {
  backgroundColor: darken(baseBgColor, 0.5)
}


```
npm package: @rosebox/react
Description: Rosebox integration with React
Author: Hugo Nteifeh
Latest version: 0.1.8
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @rosebox/react

This package integrates Rosebox with React. Built on top of the superb packages `jss` and `react-jss`.

## Usage

```shell
npm i @rosebox/core @rosebox/react
```

## Example

Here is a simple example of how you can use rosebox in your react-app:

```tsx
import * as React from "react";
import "./styles.css";
import { rgb, px, ms } from "@rosebox/core";
import { createUseStyles, StylesProvider } from "@rosebox/react";

const useStyles = createUseStyles({
  titleStyle: {
    fontSize: px(48),
    transition: ["color", ms(300), "ease-in-out"],
    color: "black",
    "&query": {
      "&:nth-child(2)": {
        fontSize: px(32)
      },
      "&:hover": {
        color: rgb(239, 71, 111)
      }
    }
  }
});

export default function App() {
  const classes = useStyles();
  return (
    <StylesProvider>
      <div className="App">
        <h1 className={classes.titleStyle}>Hover over me please</h1>
        <h1 className={classes.titleStyle}>I come next</h1>
      </div>
    </StylesProvider>
  );
}
```

## More information

For more information on this package and other related packages, visit the [official website](https://www.rosebox.dev/) or the [Github repository](https://github.com/rosebox/rosebox).
npm package: @rosebudswap/sdk
Description: 🛠 An SDK for building applications on top of RosebudSwap.
Latest version: 4.1.0

# Sushiswap SDK

In-depth documentation on this SDK is available at [uniswap.org](https://uniswap.org/docs/v2/SDK/getting-started/).

This modifies uniswap-sdk's UniswapV2Factory address. The new address for sushiswap is  `0xC0AEe478e3658e2610c5F7A4A2E1777cE9e4f2Ac`.

## 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/sushiswap/sushiswap-sdk.git
```

Move into the sushiswap-sdk working directory

```sh
cd sushiswap-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.
```