open-index/open-npm huggingface dataset:
npm package: @feat/feat-ui
Description: Feat Web UI framework
Latest version: 0.3.77

# Feat UI Framework

## 开始使用

访问 storybook 可以查看具体示例：[storybook](https://feat.github.io/feat-ui);

### 分模块引用

使用 avatar 时，注意 `defaultAvatar.svg` 的引入

参考代码：

```js
module: {
  rules: [
    {
      test: /avatar?\/.*?\.svg$/,
      issuer: /\.js$/,
      use: [
        {
          loader: 'file-loader',
          options: {
            name: 'img/[name].[ext]',
          },
        },
      ],
    },
    {
        test: (path) => !/avatar?\/.*?\.svg$/.test(path),
        use: [
          {
            loader: 'svg-inline-loader',
            options: {
              removingTagAttrs: ['id'],
            },
          },
        ],
      },
  ];
}
```

```javascript
import Button from '@feat/feat-ui/lib/button';
import '@feat/feat-ui/lib/button/style/index.css';

const Example = (props) => <Button type='primary'>Demo</Button>;
```

### 全部引用

```javascript
import { Button } from '@feat/feat-ui';
import '@feat/feat-ui/dist/feat-ui.css';

const Example = (props) => <Button type='primary'>Demo</Button>;
```

## 开发配置

1. 复制　`devConfig.js.exmpale` 到 `devConfig.js`

```bash
cp devConfig.js.exmpale devConfig.js
```

2. 修改`HOST`

## 组件目录结构

```bash
|____demo
| |____basic.story.js
| |____index.stories.js
|____style
|____index.js
|____index.md

```
npm package: @featflag/react
Description: Manage react features flags easily and effectively
Author: Youssef EL HADDADY
Latest version: 0.0.2

# @featflag/react

Manage react features flags easily and effectively

## What's in

- Zero dependencies
- Full TypeScript support
- Render Props API, hooks API, high order component API...
- Named and nested flags support

## Installation

```bash
pnpm add @featflag/react
# or
yarn add @featflag/react
# or
npm install @featflag/react
```

## Usage
Create your feature flags array like :

```json
[
  {
    "name": "newUI",
    "isActive": true,
    "subFeatureFlags": [
      {
        "name": "darkMode",
        "isActive": false
      },
      {
        "name": "awesomeHeader",
        "isActive": true
      }
    ]
  },
  {
    "name": "mapSupport",
    "isActive": true
  }
]
```

To use FeatFlag in your application, wrap your component tree with the FlagsProvider component and pass in your feature flags object as props.

```javascript
<FlagsProvider features={flags}>
  {/* your component tree goes here */}
</FlagsProvider>
```

You can then use the amazing utilities to check your features and make decisions:
### Using hooks
Use the `useFeature` hook to check if a single feature is enabled in your components

```javascript
const isDarkModeActive: boolean = useFeature('darkMode');
```

### Using components
Use the `Feature` component, and pass your flag's name to it as a props to render the children if the feature is enabled :

```javascript
<Feature flag="mapSupport">
  <p>Enjoy your amazing map</p>
</Feature>
```

Or use the `Feature` component, with props `renderOn` and `renderOff`, so you can handle the case if the feature is enabled easily, like:

```javascript
<Feature
  flag="awesomeHeader"
  renderOn={<p>Do you like our stunning header</p>}
  renderOff={<p>Stay tuned comming soon...</p>}
/>
```

Another way to do the same :

```javascript
<Feature flag="awesomeHeader" renderOff={<p>Stay tuned comming soon...</p>}>
  <p>Do you like our stunning header</p>
</Feature>
```

### Using HOC API
Also, you can wrap a component behind a feature flag, so the component is only render when the feature is enabled

```javascript
export default withFeature('mapSupport')(Map);
```

## License
`@featflag/react` is MIT licensed. See [LICENSE](./LICENSE) for more details.
npm package: @featherbear/presonus-studiolive-api
Description: Unofficial PreSonus StudioLive III Network Control API
Author: featherbear
Latest version: 1.8.0

PreSonus StudioLive III API
---

An unofficial API for the PreSonus StudioLive III consoles.

The API author has tested against the following models

* StudioLive 16 Mixer
* StudioLive 16R Rack Mixer
* StudioLive 24R Rack Mixer
* StudioLive 32SC Mixer

---

# Install

`npm i @featherbear/presonus-studiolive-api`

# Usage

[Refer to the documentation](https://featherbear.cc/presonus-studiolive-api)

---

## License

Copyright © 2019 - 2026 Andrew Wong  

This software is licensed under the [MIT License](https://opensource.org/licenses/MIT).  
You are free to redistribute it and/or modify it under the [terms](https://opensource.org/licenses/MIT) of the [license](https://opensource.org/licenses/MIT).