open-index/open-npm huggingface dataset:
npm package: @inshopgroup/vue-inshop-crm-form-components
Description: ## Project setup ``` yarn install ```
Author: Maksym Mukovoz
Latest version: 1.0.23

# vue-inshop-crm-form-components

## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn run serve
```

### Compiles and minifies for production
```
yarn run build
```

### Run your tests
```
yarn run test
```

### Lints and fixes files
```
yarn run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
npm package: @inshur/nowucit
Description: Features toggle package
Latest version: 1.2.0-alpha.5

# nowucit

React package that provides the ability to toggle visibility on features and components.

## Installation

Using [npm](https://npmjs.org/)

```bash
npm install @inshur/nowucit
```

Using [yarn](https://yarnpkg.com/)

```bash
yarn add @inshur/nowucit
```

## Getting Started

### Basic Configuration

```jsx
import React from 'react';
import ReactDOM from 'react-dom';
import { createFireBaseClient, FeaturesProvider } from 'nowucit';
import App from './App';

// firebase connection details
const config = {
    apiKey: '__API_KEY__',
    authDomain: '__AUTH_DOMAIN__',
    projectId: '__PROJECT_ID__',
    storageBucket: '__STORAGE_BUCKET____',
    messagingSenderId: '__MESSAGING_SENDER_ID__',
    appId: '__APP_ID__',
    measurementId: '__MEASUREMENT_ID__',
    collectionId: '__COLLECTION_ID__',
};

// create client
const client = createFireBaseClient(client);

ReactDOM.render(
    <FeaturesProvider client={client}>
        <App />
    </FeaturesProvider>,
    document.getElementById('app')
);
```

### Configuration with overrides

The `FeaturesProvider` is able to take in an optional `overrides` array which take precedence over features that have been fetch using the data provider client.

```jsx
import React from 'react';
import ReactDOM from 'react-dom';
import { createFireBaseClient, FeaturesProvider } from 'nowucit';
import App from './App';

const config = {...};
const client = createFireBaseClient(client);
const overrides = [{ name: 'slider', value: false }, { name: 'tabs', value: true }];

ReactDOM.render(
    <FeaturesProvider client={client} overrides={overrides}>
        <App />
    </FeaturesProvider>,
    document.getElementById('app')
);
```

## Usage

### Feature

`Feature` is a consumer component which can be used as a wrapper and also as a render prop component

```jsx
import React from 'react';
import { Feature } from 'nowucit';

const App = () => (
  <>
    <Feature name='slider'>
      <div>Slider feature enabled</div>
    </Feature>

    <Feature name='tabs' render={(isEnabled) => isEnabled ?
      <div>Tabs feature enabled</div> : <div>Tabs feature disabled</div>} />

    <Feature name='tabs'>
      {(isEnabled) => isEnabled ?
        <div>Tabs feature enabled</div> : <div>Tabs feature disabled</div>}
    </Feature>
  </>
);
```

### withFeature Higher Order Ciomponent

```jsx
import React from 'react';
import { withFeature } from 'nowucit';

const SliderComponent = () => <div>Slider component</div>;

export default withFeature('slider')(SliderComponent);
```
npm package: @insidedctm/graphvis
Description: A reusable React component for interactive graph visualisation.
Author: Robin East
Latest version: 1.0.0

# React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Oxc](https://oxc.rs)
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/)

## React Compiler

The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).

## Expanding the ESLint configuration

If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.
npm package: @insiders/eslint-config-base
Description: Base JS ESLint configuration for Insiders projects
Author: Insiders
Latest version: 1.1.0

# eslint-config-base

Base JS ESLint configuration for Insiders projects

## Installation

```bash
npm install --save-dev @insiders/eslint-config-base
```

## Setup

Extend `@insiders/eslint-config-base` in your projects `.eslintrc` config file.
npm package: @insiders/eslint-config-react
Description: React JS ESLint configuration for Insiders projects
Author: Insiders
Latest version: 1.1.0

# eslint-config-react

React JS ESLint configuration for Insiders projects

## Installation

```bash
npm install --save-dev @insiders/eslint-config-react
```

## Setup

Extend `@insiders/eslint-config-react` in your projects `.eslintrc` config file.
npm package: @insiders/stylelint-config-base
Description: Base CSS Stylelint configuration for Insiders projects
Author: Insiders
Latest version: 1.9.0

# stylelint-config-base

Base CSS Stylelint configuration for Insiders projects

## Installation

```bash
npm install --save-dev @insiders/stylelint-config-base
```

## Setup

Extend `@insiders/stylelint-config-base` in your projects `.stylelintrc` config file.
npm package: @insidersbyte/react-scripts
Description: Configuration and scripts for Create React App.
Latest version: 2.0.2

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

- [Getting Started](https://github.com/facebook/create-react-app/blob/master/README.md#getting-started) – How to create a new app.
- [User Guide](https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md) – How to develop apps bootstrapped with Create React App.