open-index/open-npm huggingface dataset:
npm package: @reduxjs/vue-redux
Description: Official Vue bindings for Redux
Author: Corbin Cruthcley
Latest version: 1.0.1

# Vue Redux

Official Vue bindings for [Redux](https://github.com/reduxjs/redux).
Performant and flexible.

![GitHub Workflow Status](https://img.shields.io/github/actions/workflow/status/reduxjs/vue-redux/test.yml?style=flat-square) [![npm version](https://img.shields.io/npm/v/@reduxjs/vue-redux.svg?style=flat-square)](https://www.npmjs.com/package/@reduxjs/vue-redux)
[![npm downloads](https://img.shields.io/npm/dm/@reduxjs/vue.svg?style=flat-square)](https://www.npmjs.com/package/@reduxjs/vue-redux)
[![#redux channel on Discord](https://img.shields.io/badge/discord-redux@reactiflux-61DAFB.svg?style=flat-square)](http://www.reactiflux.com)

## Installation

Vue Redux requires **Vue 3 or later**.

To use React Redux with your Vue app, install it as a dependency:

```bash
# If you use npm:
npm install @reduxjs/vue-redux

# Or if you use Yarn:
yarn add @reduxjs/vue-redux
```

You'll also need to [install Redux](https://redux.js.org/introduction/installation) and [set up a Redux store](https://redux.js.org/recipes/configuring-your-store/) in your app.

This assumes that you’re using [npm](http://npmjs.com/) package manager
with a module bundler like [Webpack](https://webpack.js.org/) or
[Browserify](http://browserify.org/) to consume [CommonJS
modules](https://webpack.js.org/api/module-methods/#commonjs).

## Documentation

The Vue Redux docs are published at **https://vue-redux.js.org** .

## License

[MIT](LICENSE.md)
npm package: @redvanjosh/electron-template
Description: A electron starter kit meant to be dead simple. Comes bundled out-of-the-box with Tailwind CSS and Prettier
Author: Red Van Josh
Latest version: 1.0.2

# @redvanjosh/electron-template

![webstorm64_7evZIUoyfS](https://user-images.githubusercontent.com/23381860/201500808-cbfd894d-9ee9-44c4-b4c0-991815466129.png)

A electron starter kit meant to be dead simple. Comes bundled out-of-the-box with Tailwind CSS and Prettier

## NPM Commands

``electron:start``
#### Start you local electron application locally

``prettier:check``
#### Check application code against local prettier configuration

``prettier:fix``
#### Run the prettier write process and fix any outstanding formatting issues per the config

``tailwind:build``
#### Run tailwind build scan html files contained within the tailwind config file and output tailwind CSS necessary to cover the current html

``tailwind:watch``
#### Run during the development process will recompile your tailwind output CSS automatically as you adjust and save html classes

## License

MIT
npm package: @redvirus/component-library
Description: [![Node.js CI](https://github.com/UI-GGN/component-library/actions/workflows/node.js.yml/badge.svg?branch=main)](https://github.com/UI-GGN/component-library/actions/workflows/node.js.yml)
Latest version: 1.0.3

[![Node.js CI](https://github.com/UI-GGN/component-library/actions/workflows/node.js.yml/badge.svg?branch=main)](https://github.com/UI-GGN/component-library/actions/workflows/node.js.yml)

# component-library

# context
npm package: @redwallsolutions/card-component-module
Description: Card Component is a react component that creates a rounded card based on Material Design style guide.
Author: Andrew Ribeiro & Ricardo Pariz
Latest version: 2.1.3

# Card Component Module

Card Component is a react component that creates a rounded card based on Material Design style guide.

![demogif](src/lib/assets/demo.gif)

[Read Documentation](https://redwallsolutions.github.io/card-component-module/)
npm package: @redwallsolutions/loadingbar-component-module
Description: Loading Bar Component is a react component that creates a loading bar at the top of the page.
Author: Andrew Ribeiro
Latest version: 2.1.3

## Loading Bar Component Module

Loading Bar Component is a react component that creates a loading bar at the top of the page.
The current progress are controlled by passing a props `progress` that goes from 0 to 100.

![demogif](src/lib/assets/demo.gif)

[Read Documentation](https://redwallsolutions.github.io/loading-bar-component-module)
npm package: @redwallsolutions/react-ink
Description: A React component for adding material design style bubble click.
Author: Viget Labs
Latest version: 6.4.3

# React Ink

[![CircleCI](https://img.shields.io/circleci/project/vigetlabs/react-ink.svg?maxAge=2592000)](https://circleci.com/gh/vigetlabs/react-ink)
[![npm](https://img.shields.io/npm/v/react-ink.svg?maxAge=2592000)](https://www.npmjs.com/package/react-ink)
[![npm](https://img.shields.io/npm/dm/react-ink.svg?maxAge=2592000)](https://www.npmjs.com/package/react-ink)

Add the Material Design ripple effect to React component.

![Ink Gif](http://cl.ly/image/1r36102z0M3r/ink.gif)

## Usage

Ink must be placed within another component with a position is not `static` (so `relative`, `fixed`, or `absolute`).

```js
import React from 'react'
import Ink from 'react-ink'

const InkeyButton () => {
  return (
    <button style={{ position: "relative" }}>
      <Ink />
    </button>
  )
}
```

There are several options available for how `<Ink />` renders, see the [`getDefaultProps()` declaration](https://github.com/vigetlabs/react-ink/blob/master/src/index.js#L33-L37), however descriptions follow:


## Configuration

```javascript
{
  background : true,      // When true, pressing the ink will cause the background to fill with the current color
  duration   : 1000,      // Duration of the full animation completion
  opacity    : 0.25,      // The opacity of the ink blob
  radius     : 150,       // The size of the effect, will not exceed bounds of containing element
  recenter   : true,      // When true, recenter will pull ink towards the center of the containing element
  style      : {...},     // See src/style.js. Any rules set here will extend these values
  hasTouch   : true|false // Override internal hasTouch detection
}
```


***

<a href="http://code.viget.com">
  <img src="http://code.viget.com/github-banner.png" alt="Code At Viget">
</a>

Visit [code.viget.com](http://code.viget.com) to see more projects from [Viget.](https://viget.com)
npm package: @redwallsolutions/theming-component-module
Description: Theming Component is lib that implements theming logic to apply to react components built using styled-components.
Author: Andrew Ribeiro
Latest version: 2.0.2


# Theming Component Module

  

Theming Component is lib that implements theming logic to apply to react components built using styled-components.

  

## How to use it

	import {createThemeWithAppearance} from '@redwallsolutions/theming-component-module'
	
	const theme = createThemeWithAppearance()
	
	//now you can use theme const to have access to colors, contrasts and variants of 'default', 'primary', and 'secondary' appearances passed down to components.

Enjoy it.
npm package: @redwallsolutions/vertical-navbar-component-module
Description: Vertical Navbar is a react component that creates a vertical navbar in the left side of the page. It behaves completely responsive when accessing it in small devices transforming the vertical navbar to a horizontal navbar at the bottom of the page.
Author: Andrew Ribeiro
Latest version: 4.2.1

# Vertical Navbar
Vertical Navbar is a react component that creates a 
vertical navbar in the left side of the page. 
It behaves completely responsive when accessing it in small devices
transforming the vertical navbar to a horizontal navbar at the bottom of the page.

[Documentation](https://redwallsolutions.github.io/vertical-navbar-component-module)
npm package: @redwerkz/betahuhn-config
Description: Common configuration files for my projects
Author: Maximilian Schiller
Latest version: 1.4.0

# 🛠️ BetaHuhn config files

This repository contains common configuration files for my projects. It is based on [Koj's](https://github.com/koj-co) [config repo](https://github.com/koj-co/config), I only changed the linter to eslint and modified some other things to my preference.

## 💻 Usage

Install the package as a dev dependency from [npm](https://www.npmjs.com/package/@betahuhn/config):

```bash
npm install --save-dev @betahuhn/config
```

### Eslint

This config includes the ESLint configuration I use in my personal projects. To use this configuration, create an ESLint config file `.eslintrc.js` in the project root:

```js
module.exports = require("@betahuhn/config").eslint;
```

### Semantic Release

I use [Semantic Release](https://github.com/semantic-release/semantic-release) for automated deployments of my packages. The configuration adds support for [Gitmoji](https://gitmoji.carloscuesta.me) commits, creating release notes with a `CHANGELOG.md`, and publishing to GitHub and npm.

Create a Semantic Release config file `release.config.js` in the project root. If you want to release the `master` or `production` branches, you can use the import directly:

```js
module.exports = require("@betahuhn/config").master;
```

Alternately, you can specify the branch you want to release:

```js
module.exports = require("@betahuhn/config").release("branch-name");
```

Here are all the emojis which trigger a new release:

**Major:**
- :boom: = Introduce breaking changes

**Minor:**
- :sparkles: = Introduce new features

**Patch:**
- :bug: = Bug fix
- :ambulance: = Critical hotfix
- :lock: = Fix security issues
- :recycle: = Refactor code
- :lipstick: = Add/update the UI and style files
- :alien: = Update code due to external API changes
- :package: = Add/Update compiled files or package

## 📄 License

[MIT](./LICENSE) © [Maximilian Schiller](https://github.com/betahuhn) and [Koj](https://koj.co)
npm package: @redwert/effector-openapi-preset
Description: Generate API layer from Swagger by openapi
Author: Sergey Sova
Latest version: 0.3.9

# effector-openapi-preset

## Usage

#### Install openapi and preset

```shell
yarn add -D openapi@^1.0.0 effector-openapi-preset
```

#### Create config

```js
// openapi.config.js
module.exports = {
  file: 'path to local or remote swagger v2 or v3 spec',
  outputDir: 'relative path to generated api directory',
  presets: ['effector-openapi-preset'],
};
```

#### Options

```js
// openapi.config.js
module.exports = {
  file: 'path to local or remote swagger v2 or v3 spec',
  outputDir: 'relative path to generated api directory',
  presets: [
    [
      '@redwert/effector-openapi-preset',
      {
        effectorImport: 'effector-root',
        requestName: 'fetchFx',
        requestPath: '../lib/fetch',
      },
    ],
  ],
};
```

- `effectorImport` (default `"effector"`) — what instance of the effector should be used
- `requestName` (default `"requestFx"`) — change base effect for the each request
- `requestPath` (default `"./request"`) — whether to import base request from

#### Run generation

```shell
yarn openapi
# or
npx openapi
```

#### Review generated files

```shell
ls -la ./path-to-generated-api
```