open-index/open-npm huggingface dataset:
npm package: @kappasigmamu/canary-component
Description: React Component that renders the KappaSigmaMu Canary in 3D
Author: Vilson Vieira
Latest version: 0.4.13-experimental

# 3D Kusama Canary Component

![3D Canary Screenshot](./images/canary_001.png)

A React component to render an interactive 3D Kusama Canary built on `react-three-fiber`.

It also supports loading different models and can be changed by given configurations.

## Using

Import the component:

     import ThreeCanary from "@kappasigmamu/canary-component"

Instatiate the component passing the model as attribute along with
the right configurations for the model:

     const config = {
       "nodeCoords": "Baked_GIL_BUSTO003_1.geometry.attributes.position",
       "nodeSigns": [-1, 1, -1],
       "nodeScale": 0.5,
       "nodeGroupScale": 0.1,
       "meshColorIndex": 3,
       "modelMaterial": "MatWireframe",
       "modelScale": 0.2,
       "gridPosition": [0, -0,4, 0],
       "cameraPosition": [-1, 2.5, 4]
     }
     
     <ThreeCanary
       objectUrl={ "/assets/gil.glb" }
       nodes={ this.state.nodesData }
       onNodeClick={ (nodeId) => {
         console.log("onNodeClick", nodeId)}
       }
       config={ config }
     />

If no `config` is given, the components defaults to the Canary model to
keep backward compatibility.

It's also possible to import default configurations for models related
to KSM (e.g. Canary and Gilberto Gil's bust:

     import ThreeCanary, { defaultCanaryConfig} from "@kappasigmamu/canary-component"

     <ThreeCanary
       objectUrl={ "/assets/gil.glb" }
       nodes={ this.state.nodesData }
       onNodeClick={ (nodeId) => {
         console.log("onNodeClick", nodeId)}
       }
       config={ defaultCanaryConfig["gil"] }
     />

Check `./src/index.js` for a complete example on how to use the component.

## Developing

Make sure you have latest stable Node.js installed (see `nvm`):

    git clone git@github.com:KappaSigmaMu/canary-component.git
    cd canary-component/
    npm install

Start development mode:

    npm run start

That should bring you to `http://localhost:3000` with a hot-reload React app.
Edit files at `src/` to see live updates.

## Production build

    npm run build
    git commit ...
    git tag 0.x.x
    git push
    npm publish
npm package: @kaprisa57/react-modal
Description: Modal React Component
Author: kaprisa57@gmail.com
Latest version: 0.0.8
Deprecated: moved to @idui/react-modal

# Modal React Component

- [Docs](https://kseniya57.github.io/react-modal/?path=/docs/modal--playground)
- [Playground](https://kseniya57.github.io/react-modal/?path=/story/modal--playground)

[![NPM](https://img.shields.io/npm/v/@kaprisa57/react-modal.svg)](https://www.npmjs.com/package/@kaprisa57/react-modal) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com) [![Coverage Status](https://coveralls.io/repos/github/kseniya57/react-modal/badge.svg?branch=master)](https://coveralls.io/github/kseniya57/react-modal?branch=master)

## Install

```bash
npm install --save @kaprisa57/react-modal
```

```bash
yarn add @kaprisa57/react-modal
```

## Advantages
- Fully and easily customizable.
- Uses styled-components.
- Provides useModal hook, which returns openModal promise.
- Supports children and content functions and provides them with some useful props.

## Basic Example

```jsx
import React from 'react'

import Modal, { ModalsRoot } from '@kaprisa57/react-modal'

// Define where modals should render
function App() {
    return (
        <div>
            <Example />
            <ModalsRoot />
        </div>
    )       
}

// Component with modal
function Example() {
  return <Modal>
    <button>Open</button>
  </Modal>
}
```

## useModal hook

> If you want to use useModal hook wrap your components in ModalsProvider

```js
const { openModal } = useModal();

const promise = openModal(content, modalProps)
```

Arguments:
- content - Modal content
- modalProps - Modal props

Returns: Promise

```jsx
import React from 'react'

import { ModalsProvider, useModal } from '@kaprisa57/react-modal'

// wrap your components in ModalsProvider
function App() {
    return (
        <ModalsProvider>
            <Example />
        </ModalsProvider>
    )       
}

// Component with modal
function Example() {
    const { openModal } = useModal();
  
    const handleOpen = useCallback(() => {
      openModal(({ close }) => (
        <button onClick={close}>Close</button>
      )).then(() => {
        alert('Modal closed');
      });
    }, [openModal]);
    
    return (
      <button onClick={handleOpen}>Open modal</button>
    );
}
```

### See more details in [storybook](https://kseniya57.github.io/react-modal/?path=/docs/modal--playground)

## License

MIT © [kaprisa57@gmail.com](https://github.com/kaprisa57@gmail.com)
npm package: @kaptiankaa/sdk
Description: 🛠 An SDK for building applications on top of Sushiswap.
Latest version: 1.0.2

# 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.
```
npm package: @kapto/mui-color
Description: The lightest colorpicker.
Author: Kapto Ltd
Latest version: 1.4.1

### `<ColorPicker/>`

A popover component to display a color tool box. It uses `ColorBox` and `material-ui-popup-state`.

```javascript
import { ColorPicker } from "mui-color";

export const Container = () => (
  <div>
    <ColorPicker defaultValue="transparent" />
  </div>
);
```

At first it display a button + an input

[ColorPicker documentation](https://mikbry.github.io/mui-color/?path=/story/components-colorpicker--basic)

### `<ColorBox />`

A component to display a color tool box

```javascript
import { ColorBox } from "mui-color";

export const Container = () => (
  <div>
    <ColorBox defaultValue="transparent" />
  </div>
);
```

[ColorBox documentation](https://mikbry.github.io/mui-color/?path=/story/components-colorbox--basic)

### `<ColorInput />`

An input component to display/edit color values in different format (plain, hex, rgb, hsl, hsv).

```javascript
import { ColorInput } from "mui-color";

export const Container = () => (
  <div>
    <ColorInput defaultValue="red" />
  </div>
);
```

[ColorInput documentation](https://mikbry.github.io/mui-color/?path=/story/components-colorinput--basic)

### `<ColorPalette />`

A component to display a grid of color buckets.

```javascript
import { ColorPalette } from "mui-color";

const palette = {
  red: "#ff0000",
  blue: "#0000ff",
  green: "#00ff00",
  yellow: "yellow",
  cyan: "cyan",
  lime: "lime",
  gray: "gray",
  orange: "orange",
  purple: "purple",
  black: "black",
  white: "white",
  pink: "pink",
  darkblue: "darkblue",
};

export const Container = () => (
  <div>
    <ColorPalette palette={palette} />
  </div>
);
```

[ColorPalette documentation](https://mikbry.github.io/mui-color/?path=/story/components-colorpalette--basic)

### `<ColorButton />`

Displays a button filled with a color

```javascript
import { ColorButton } from "mui-color";

export const Container = () => (
  <div>
    <ColorButton color="red" />
  </div>
);
```

[ColorButton documentation](https://mikbry.github.io/mui-color/?path=/story/components-colorbutton--basic)

## Roadmap

### v1.1.3 - [Current version](https://github.com/sunstrike/kapto-mui-color/releases/tag/v1.0.0)

- remove `styled-components` to have less dependencies and reduce size
- display wrong color using a red checked box
- bugs fixes

## Contribute

Contributions welcome! Read the [contribution guidelines](CONTRIBUTING.md) first.

## License

Released under MIT License
npm package: @kapto/revo-plugin
Description: revo plugin project project
Author: Kapto Ltd
Latest version: 0.8.18
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# Kapto Document View Plugin for REVO

# Install
```bash
npm i @kapto/revo-plugin
```

# Usage
```jsx
import Plugin from '@kapto/revo-plugin';

<Plugin documentId="{document id here}" serviceUri="{service uri here}" />
```

# <span style="color: lightblue">Props</span>
<span style="font-size: 18px">**serviceUri**</span> <span style="color:red">*</span>

URL of the API to load data.

<span style="font-size: 18px">**documentId**</span> <span style="color:red">*</span>

ID of the document you want to visualize the data.

<span style="font-size: 18px">**tokenId**</span> <span style="color:red">*</span>

ID of the token obtained after doing authentication.

<span style="font-size: 18px">**userId**</span> <span style="color:red">*</span>

ID of the user obtained after doing authentication.

<span style="font-size: 18px">**staticPath**</span>

Path to load static assets(in case you have one different from the default one(**default** is **/static**)).


<span style="font-size: 18px">**workerPath**</span> 

Path to load PDF worker(in case you have one different from the default one (**default** is **/static/worker/pdf.worker.min.mjs**)). 

<span style="font-size: 18px">**cMapPath**</span>

Path to load Characters Maps for PDF (in case you have one different from the default one (**default** is **/static/cmaps**)).



## <span style="color: red">Static Serve Assets !!!</span>

#### To make the component ***work*** properly some ***static*** assets that comes with it needs to be served.

####
<img src="https://i.imgur.com/1EoLNNs.png![img.png](img.png)![img_1.png](img_1.png)" alt="Static Assets"/>

#### Those assets are located in ***<span style="color: red">static</span>*** folder. (Inside installed package ***<span style="color: red">dist</span>*** folder)

#### Please make sure to copy them to be served from a static path.
#### By default, ***staticPath*** prop is set to ***/static***, if you want to serve assets from a different path you can specify ***staticPath*** prop value.
npm package: @kapto/typesgenerate
Description: @kapto/ktypesgenerate project
Author: KAPTO Ai Ltd
Latest version: 3.2.2

### Usage: 
`$ npx @kapto/typesgenerate --config-path=./types.config.json`

#### In case you won't specify ***--config-path*** parameter please consider define ***types.config.json*** file in the root of the project.

### Example of configuration File(***types.config.json***):
```javascript
{
    "GENERATION_DIRECTORY": "../src/types/generated",
    "PUBLIC_DIRECTORY": "./public",
    "PUBLIC_ICONS_DIRECTORY": "./public/assets/icons",
    "SWAGGER_FILES_DIRECTORY": "../../API/Definition",
    "APIS": [
        {
            "id": "dashboard",
            "url": "DashboardService",
            "paths": {
                "base": "/plugin/dashboardmr"
            }
        }
    ]   
}
```
npm package: @kapto/typesuiserver
Description: @kapto/typesuiserver project
Author: KAPTO Ai Ltd
Latest version: 1.3.1

### Usage:
`$ npx @kapto/typesuiserver --config-path=./uiserver.config.json`

#### In case you won't specify ***--config-path*** parameter please consider define ***uiserver.config.json*** file in the root of the project.

### Example of configuration File(***uiserver.config.json***):
```javascript
{
    "SWAGGER_DOCUMENT_DIRECTORY": "./src/types/generated/openapi-api-spec.json",
    "PROXY_ADDRESS": "localhost",
    "PROXY_PORT": 8000,
    "SERVER_PORT": 3000
}
```
npm package: @kaptoai/kapto-hil
Description: Kapto react component for Revo
Author: Kapto Ltd
Latest version: 0.2.1

# Kapto Document View Plugin for REVO

# Install

```bash
npm i @kaptoai/kapto-hil
```

# Usage

```jsx
import Plugin from '@kaptoai/kapto-hil';

<Plugin
	documentId="{document id here}"
	serviceUri="{service uri here}"
	serviceKey="{service key here}"
	userId="{user id here}"
	tokenId="{token id here}"
/>;
```

# <span style="color: lightblue">Props</span>

<span style="font-size: 18px">**serviceUri**</span> <span style="color:red">\*</span>

URL of the API to load data.

<span style="font-size: 18px">**documentId**</span> <span style="color:red">\*</span>

ID of the document you want to visualize the data.

<span style="font-size: 18px">**serviceKey**</span> <span style="color:red">\*</span>

Service key value used by API for further validation.

<span style="font-size: 18px">**tokenId**</span> <span style="color:red">\*</span>

ID of the token obtained after doing authentication.

<span style="font-size: 18px">**userId**</span> <span style="color:red">\*</span>

ID of the user obtained after doing authentication.

<span style="font-size: 18px">**staticPath**</span>

Path to load static assets(in case you have one different from the default one(**default** is **/static**)).

<span style="font-size: 18px">**workerPath**</span>

Path to load PDF worker(in case you have one different from the default one (**default** is **/static/worker/pdf.worker.min.mjs**)).

<span style="font-size: 18px">**cMapPath**</span>

Path to load Characters Maps for PDF (in case you have one different from the default one (**default** is **/static/cmaps**)).

## <span style="color: red">Static Serve Assets !!!</span>

#### To make the component **_work_** properly some **_static_** assets that comes with it needs to be served.

####

<img src="https://i.imgur.com/1EoLNNs.png![img.png](img.png)![img_1.png](img_1.png)" alt="Static Assets"/>

#### Those assets are located in **_<span style="color: red">static</span>_** folder. (Inside installed package **_<span style="color: red">dist</span>_** folder)

#### Please make sure to copy them to be served from a static path.

#### By default, **_staticPath_** prop is set to **_/static_**, if you want to serve assets from a different path you can specify **_staticPath_** prop value.
npm package: @kaptoai/revo-ui
Description: Kapto react component for Revo
Author: Kapto Ltd
Latest version: 0.2.0

# Kapto Document View Plugin for REVO

# Install
```bash
npm i @kaptoai/revo-ui
```

# Usage
```jsx
import Plugin from '@kaptoai/revo-ui';

<Plugin 
    documentId="{document id here}" 
    serviceUri="{service uri here}"
    serviceKey="{service key here}"
    userId="{user id here}" 
    tokenId="{token id here}"
/>
```

# <span style="color: lightblue">Props</span>
<span style="font-size: 18px">**serviceUri**</span> <span style="color:red">*</span>

URL of the API to load data.

<span style="font-size: 18px">**documentId**</span> <span style="color:red">*</span>

ID of the document you want to visualize the data.

<span style="font-size: 18px">**serviceKey**</span> <span style="color:red">*</span>

Service key value used by API for further validation.

<span style="font-size: 18px">**tokenId**</span> <span style="color:red">*</span>

ID of the token obtained after doing authentication.

<span style="font-size: 18px">**userId**</span> <span style="color:red">*</span>

ID of the user obtained after doing authentication.

<span style="font-size: 18px">**staticPath**</span>

Path to load static assets(in case you have one different from the default one(**default** is **/static**)).


<span style="font-size: 18px">**workerPath**</span> 

Path to load PDF worker(in case you have one different from the default one (**default** is **/static/worker/pdf.worker.min.mjs**)). 

<span style="font-size: 18px">**cMapPath**</span>

Path to load Characters Maps for PDF (in case you have one different from the default one (**default** is **/static/cmaps**)).



## <span style="color: red">Static Serve Assets !!!</span>

#### To make the component ***work*** properly some ***static*** assets that comes with it needs to be served.

####
<img src="https://i.imgur.com/1EoLNNs.png![img.png](img.png)![img_1.png](img_1.png)" alt="Static Assets"/>

#### Those assets are located in ***<span style="color: red">static</span>*** folder. (Inside installed package ***<span style="color: red">dist</span>*** folder)

#### Please make sure to copy them to be served from a static path.
#### By default, ***staticPath*** prop is set to ***/static***, if you want to serve assets from a different path you can specify ***staticPath*** prop value.
npm package: @kaptux/meteor-desktop
Description: Build a Meteor's desktop client with hot code push.
Author: Ramón Otero
Latest version: 2.0.5

![Logo](docs/meteor-desktop.png)

# Meteor Desktop
###### aka Meteor Electron Desktop Client
> Build desktop apps with Meteor & Electron with full stack bundling.

## What is this?

This is a try to implemnt the full stack bundling in [Meteor Desktop](https://github.com/wojtkowiak/meteor-desktop).

The final result is have working a complete Meteor server in the local electron app.

### Quick start

```bash
 cd /your/meteor/app

 # 1. Install meteor-destop
 meteor npm install --save-dev @kaptux/meteor-desktop

 # 2. Add a `desktop` script in npm scripts that equals to "meteor-desktop".
 Usage: npm run desktop -- [command] [options]

 # 3. Scaffolds .desktop dir in your metoer app
 npm run desktop -- init
 # Check the .desktop/settings.json and now you'll see a new key "serverEnv" where you can set the environment variables for your local meteor server.

# 4. Dev build
npm run desktop -- build --full-stack
# This takes de Meteor app bundle from .meteor/local/build/programs

# 5. Production build
npm run desktop -- build --full-stack --production
# Builds the Meteor app bundle with "meteor buid".

# 6. Run local build
npm run desktop -- just-run
# When run a production build the first step is try to download the correct node version (arch + platform) to run the local meteor server. 

# 7. Build the installer
npm run desktop -- build-installer --full-stack --production

```

## TODOS

- [X] Check win installer
- [X] Check macOs installer
- [] Check linux installer
- [] Check autoupadate.
- [] Improve the feedbak in the splash screen. (download node version, starting local server, ...)
npm package: @kapucoin/client
Description: A JavaScript library to interact with the KAPU Blockchain
Latest version: 0.1.21

# Ark - Client

<p align="center">
    <img src="./banner.png?sanitize=true" />
</p>

## Installation

### Node.js

```bash
yarn add @kapucoin/client
```

If you want to use the CDN version:

```html
<script src="https://unpkg.com/@kapucoin/client/dist/index.umd.js"></script>
```

## Usage

Import the library in Node.js:

```
import kapucoinClient from @kapucoin/client
```
or
```
const kapucoinClient require('@kapucoin/client')
```

Use the library:

```
const client = new kapucoinClient('<your host here>')
```

### Examples
There are more examples in the `examples` folder.

## Security

If you discover a security vulnerability within this package, please send an e-mail to security@ark.io. All security vulnerabilities will be promptly addressed.

## Credits

- [Brian Faust](https://github.com/faustbrian)
- [Lúcio Rubens](https://github.com/luciorubeens)
- [Alex Barnsley](https://github.com/alexbarnsley)
- [Juan A. Martín](https://github.com/j-a-m-l)
- [G. Silvestri](https://github.com/gsilvestri)
- [All Contributors](../../../../contributors)

## License

[MIT](LICENSE) © [kapucoin](https://kapu.one)
npm package: @kapustlo/http
Description: HTTP class client based on Axios
Author: Kapustlo
Latest version: 0.0.3

# HTTP

HTTP class client based on Axios

## Installation

```bash
npm install @kapustlo/http
```

## Usage
```ts
import HTTP from '@kapustlo/http';

const client = new HTTP('https://jsonplaceholder.typicode.com');

type Todo = {
 userId: number;
 id: number;
 title: string;
 completed: boolean;
}

const response = await client.get<Todo>('/todos/1');

const data = client.getData<Todo>(response);

console.log(data);
/*
{
	"userId": 1,
	"id": 1,
	"title": "delectus aut autem",
	"completed": false
}
*/
`
```

## API

```ts
import type {
    AxiosRequestconfig,
    AxiosResponse
} from 'axios';

type HTTPMethodName =
    | 'get' | 'GET'
    | 'delete' | 'DELETE'
    | 'head' | 'HEAD'
    | 'options' | 'OPTIONS'
    | 'post' | 'POST'
    | 'put' | 'PUT'
    | 'patch' | 'PATCH'
    | 'purge' | 'PURGE'
    | 'link' | 'LINK'
    | 'unlink' | 'UNLINK';
    
export type RequestConfig = AxiosRequestConfig;

export type Response<T=any> = AxiosResponse<T>;

export type JSONData = ReturnType<typeof JSON.parse>;

export type RequestData = JSONData | FormData;

export type QueryParams = {[key: string]: number | string | Array<string | number>};

export type HTTPMethod<T=any> = (path: string, query?: QueryParams, config?: RequestConfig) => Promise<Response<T>>;

export type Headers = {
  [key: string]: string
};

interface HTTPInterface {
  baseURL?: string;
  headers: Headers;
  mergePaths(...args: Array<string | number>): string;
  request(path: string, method: HTTPMethodName, query?: QueryParams, config?: RequestConfig): Promise<Response>;
  getData<T>(response: Response<T>): T;
  get: HTTPMethod;
  post: HTTPMethod;
  delete: HTTPMethod;
  patch: HTTPMethod;
}

```

## License

MIT