open-index/open-npm huggingface dataset:
npm package: @gumper-x/eslint-config
Description: Eslint Config
Author: Gumper-x
Latest version: 1.4.8

# @gumper-x/eslint-config

That basic eslint config for Vue 3 projects 

### <a href="https://www.npmjs.com/package/@gumper-x/eslint-config" target="_blank">NPM</a>

```bash
npm i @gumper-x/eslint-config -D
```
Use in `.eslintrc`
```js
{
  "extends": ["@gumper-x"],
  "rules": {
    // Your custom rules...
  }
}
```
npm package: @gumper-x/prettier-config
Description: Prettier Config
Author: Gumper-x
Latest version: 2.2.0

# @gumper-x/prettier-config

That basic prettier config for all JS/TS projects 

### <a href="https://www.npmjs.com/package/@gumper-x/prettier-config" target="_blank">NPM</a>

```bash
npm i @gumper-x/prettier-config -D
```
Use in `package.json`
```json
"prettier": "@gumper-x/prettier-config",
```
### OR
Use in `.prettierrc.js`
```js
module.exports = {
  ...require("@gumper-x/prettier-config"),
  // Your rules https://prettier.io/docs/en/options.html
};
```
npm package: @gumuslab/deckgl-heatmap
Description: ## Installing
Author: Kevin Ulrich
Latest version: 0.3.6

# DeckGL Heatmap

## Installing

`npm i deckgl-heatmap`
OR
`yarn add deckgl-heatmap`

## Example

A storybook of the component can be found here:  
https://gumuslab.github.io/deckGLHeatmap/

## Setup

1. Clone the repository
2. `cd` into the folder and then run `yarn`

## Running the storybook

1. Open two terminal tabs or instances
2. Inside the first run `yarn start`
3. Inside the second run `yarn storybook`

## Example

1. Open two terminal tabs or instances
2. Inside the first run `yarn start`
3. Inside the second run `cd example`, then run `yarn`, and finally run `yarn start`

## Running tests

`yarn test`

## Deploying the app

1. First you must be me
2. Second run `yarn deploy`
npm package: @gumuslab2/react-oncoprint
Description: A React component to create interactive OncoPrint charts.
Author: Jack Luo
Latest version: 1.3.4

# React OncoPrint

OncoPrint charts in React

> A React component to create OncoPrint charts.

[![Build
Status](https://travis-ci.org/plotly/react-oncoprint.svg?branch=master)](https://travis-ci.org/plotly/react-oncoprint)

![](./assets/react_oncoprint.gif)

<!-- ![](./assets/picture_1.png) -->

![](./assets/picture_2.png)


## Getting started


### Installation

For [yarn](https://yarnpkg.com/en/) users, run:

```
$ yarn add react-oncoprint
```

For [npm](https://www.npmjs.com/) users, run:

```
$ npm install react-oncoprint
```


### Usage

```js
import React from 'react';
import OncoPrint from 'react-oncoprint';

class App extends React.Component {
  render() {
    const data = [
      {
        sample: 'TCGA-25-2392-01',
        gene: 'TP53',
        alteration: 'FUSION',
        type: 'FUSION',
      },
      {
        sample: 'TCGA-25-2393-01',
        gene: 'TP53',
        alteration: 'FUSION',
        type: 'FUSION',
      },
      // ...
    ];

    return (
      <OncoPrint data={data}/>
    );
  }
}
```


## Development


### Testing locally

Get the code:

```
$ git clone https://github.com/plotly/react-oncoprint
```

Install the project `dev` dependencies:

```
# Install dependencies
$ yarn

# Watch source for changes and build to `src/lib/`
$ yarn start
```

The React app demo should be available at: http://localhost:8080/.


### Run storybook

Run the development environment in a separate window (it starts
[Storybook](https://github.com/storybooks/storybook) with a live-reload mode):

```
$ yarn storybook
```

The Storybook should be available at: http://localhost:6006/.


### Deploying the Storybook on `gh-pages`

:warning: You must have push access to run this command (or use it in your own
fork).

We use [Storybook Deployer](https://github.com/storybooks/storybook-deployer) to
deploy the build version of the Storybook on GitHub (`gh-pages`):

```
$ yarn deploy-storybook
```


### Build and releases

To build the production version of this library, run the command below, which
will create a `dist/` folder containing the required files:

```
$ yarn build
```

In order to release a new version, you can push a git tag and Travis-CI will
automatically publish a npm release at:
https://www.npmjs.com/package/react-oncoprint. There is no need to run `yarn
build` by yourself See the [`.travis.yml`](.travis.yml) for further information.


## Contributing

Thanks for your interest in maintaining the library!
Please see the [CONTRIBUTING](CONTRIBUTING.md) file.


## Contributor Code of Conduct

Please note that this project is released with a [Contributor Code of
Conduct](http://contributor-covenant.org/). By participating in this project you
agree to abide by its terms. See [CODE_OF_CONDUCT](CODE_OF_CONDUCT.md) file.


## License

react-oncoprint is released under the MIT License. See the bundled
[LICENSE](LICENSE) file for details.
npm package: @gun-vue/app
Description: <img src="https://raw.githubusercontent.com/DeFUCC/gun-vue/main/app/public/media/svg/demo.svg" alt="@gun-vue demo logo" width="400" />
Author: davay42
Latest version: 0.25.1

# Gun-Vue: Demo App

<img src="https://raw.githubusercontent.com/DeFUCC/gun-vue/main/app/public/media/svg/demo.svg" alt="@gun-vue demo logo" width="400" />

[GitHub (@gun-vue/app)](https://github.com/DeFUCC/gun-vue/tree/main/app) •
[npm](https://www.npmjs.com/package/@gun-vue/app) •
[📱 Demo App](https://gun-vue.js.org/app)

A Single Page App built with Vite, demonstrating the [Features](https://github.com/DeFUCC/gun-vue/tree/main/src) of [**Gun-Vue: The Peer-to-Peer Web App Toolkit**](https://github.com/DeFUCC/gun-vue)

> **Note**: This project is in its early stages. Not all features are fully implemented or reliably tested. [Contributions are welcome!](https://github.com/DeFUCC/gun-vue/tree/master)

## Tech Stack

A starter GUN client built with Vite plus some very useful plugins. With local express server to run Gun at your dev machine.

- [gun](https://gun.eco/) - the decentralized database for developers.
- [vue3](https://v3.vuejs.org/) - The Progressive
  JavaScript Framework with Composition API
  - [vue-router](https://next.router.vuejs.org) - The official router for Vue.js.
  - [vueuse](https://vueuse.org) - Collection of essential Vue Composition Utilities
  - [vue-mention](https://vue-mention.netlify.app/) - TBD
- [vite](https://vitejs.dev) - the very efficient dev server and bundler wiht very useful plugins
  - [unplugin-icons](https://github.com/antfu/unplugin-icons) - 🤹 Access thousands of icons as components on-demand universally.
  - [unplugin-auto-import](https://github.com/antfu/unplugin-auto-import) - Auto import APIs on-demand for Vite, Webpack and Rollup
- [pug](https://pugjs.org) - Pug – robust, elegant, feature rich template engine for Node.js
- [unocss](https://github.com/unocss/unocss) - The instant on-demand atomic CSS engine.
- [ola](https://github.com/franciscop/ola) - 🌊 Smooth animation library for interpolating numbers
- [vue3-virtual-scroll-list](https://github.com/reactjser/vue3-virtual-scroll-list) - Virtual scrolling for long lists like chat messages ([docs](https://vue3-virtual-scroll-list-examples-xi.vercel.app/#/))
npm package: @gun-vue/components
Description: <img src="https://raw.githubusercontent.com/DeFUCC/gun-vue/main/app/public/media/svg/components.svg" alt="@gun-vue components logo" width="750" />
Author: davay42
Latest version: 0.25.1

# Gun-Vue: Components

<img src="https://raw.githubusercontent.com/DeFUCC/gun-vue/main/app/public/media/svg/components.svg" alt="@gun-vue components logo" width="750" />

[GitHub (@gun-vue/components)](https://github.com/DeFUCC/gun-vue/tree/main/components) •
[npm](https://www.npmjs.com/package/@gun-vue/components) •
[Docs](https://gun-vue.js.org/packages/components.html)

Vue 3 **Single-File Components (SFC)** providing ready-to-use UI powered by [**UnoCSS**](https://unocss.dev/), [**Pug**](https://pugjs.org/) templates, and your feature’s composables.

> This code is part of [**Gun-Vue: The Peer-to-Peer Web App Toolkit**](https://github.com/DeFUCC/gun-vue).

## How to Install

Gun-Vue is distributed as a regular NPM package and may be used in any Vue 3 project.

0. You may start by [creating a new Vue project](https://vuejs.org/guide/quick-start.html) or skip this step if you already have one.

```shell
pnpm init vue@latest
cd <your-project-name>
pnpm install
pnpm run dev
```

1. Install the `@gun-vue/components` package and start the development process

```shell
pnpm i @gun-vue/components
pnpm run dev
```

2. You can use the components in any place of your app

```vue
<script setup>
	import "@gun-vue/components/dist/style.css";
	import { UserHome } from "@gun-vue/components";
</script>

<template>
	<div>
		<UserHome></UserHome>
	</div>
</template>
```

3. OR you can install the Gun-Vue plugin and it's styles in your app `main.js` file and use all the components straight away.

```js main.js
import { createApp } from "vue";
import App from "./App.vue";
import router from "./router";

import "./assets/main.css";
import "@gun-vue/components/style.css";
import { GunVuePlugin } from "@gun-vue/components";

const app = createApp(App);
app.use(router);
app.use(GunVuePlugin);
app.mount("#app");
```

So you can use any of the Gun-Vue components in any SFC in your app.

```html
<template>
	<ChatRoom />
</template>
```

### SSR environment

Most of the Gun-Vue components rely on realtime communication with the GUN database. This means we should prevent them from running during the build process to be executed only on the client. Please use `client-only` and `Suspense` with async components to have client-side components in a server side render environment.

```vue Home.vue
<script setup async>
	import "@gun-vue/components/dist/style.css";
	const { UserHome } = await import("@gun-vue/components");
</script>

<template>
	<div>
		<UserHome></UserHome>
	</div>
</template>
```

```vue Index.vue
<ClientOnly>
  <Suspense>
    <Home></Home>
  </Suspense>
</ClientOnly>
```
npm package: @gun-vue/gun-es
Description: ES version of GunJS Database
Author: davay42
Latest version: 0.4.1240

# gun-es

## Gun database ESM build

For use of [GUN](https://gun.eco) in `<script type="module"></script>` environments in browser or in ESM first bundlers like Vite.

## How to install

Install via npm/pnpm/yarn/bun/deno.

```bash
pnpm i @gun-vue/gun-es
```

## How to use

Import Gun and SEA as module and use them.

```js
import { Gun, SEA } from "@gun-vue/gun-es";

const pair = await SEA.pair();
const gun = Gun();
gun.user().auth(pair);
```

## Key derivation add-on

Original Gun SEA (Security Encryption Authorization) doesn't provide key derivation that coulld be used to deterministically generate key pairs from an arbitrary input. It may be different sources of entropy from just a string to a BIP39 mnemonic, WebAuthn credId, other keypair or just about anything - even an image. You can only generate a random key - this is very secure, but a little limiting.

Now we have a secure key derivation function for Gun. With it we can reliably generate keys from any given input. This opens many new ways for authentication and user creation. Try it!

```js
import { Gun, SEA } from "@gun-vue/gun-es";
import derivePair from "@gun-vue/gun-es/derive";

const pair = await derivePair("password or another string", [
	"extra",
	"entropy",
	"sources",
]);
const gun = Gun();
gun.user().auth(pair);
```