open-index/open-npm huggingface dataset:
npm package: @flipt-io/typed
Description: [![npm](https://img.shields.io/npm/v/@flipt-io/typed?label=%40flipt-io%2Ftyped)](https://www.npmjs.com/package/@flipt-io/typed) ![status](https://img.shields.io/badge/status-experimental-purple)
Latest version: 0.0.3

# Flipt Typed

[![npm](https://img.shields.io/npm/v/@flipt-io/typed?label=%40flipt-io%2Ftyped)](https://www.npmjs.com/package/@flipt-io/typed)
![status](https://img.shields.io/badge/status-experimental-purple)

<p align="center">
    <img src=".github/images/typed.png" alt="Flipt Typed" width=600 />
</p>

<p align="center">
    Generate static types from <a href="https://flipt.io">Flipt</a> features. Validate your code against your feature flags.
</p>

## Overview

Flipt Typed is a CLI tool that generates static types from Flipt [features.yml files](https://www.flipt.io/docs/configuration/storage#flag-state-configuration). It allows you to use Flipt feature flags in your code with type safety for flag keys, variants, and contexts.

It is currently experimental and under active development.

Language support is limited to **TypeScript** at the moment, however we plan to add support for other typed languages in the future.

Want support for your favorite language? [Let us know](https://github.com/flipt-io/typed/issues/new)!

## Why

Why would you want to use Flipt Typed? Here are a few reasons:

- Get IDE autocompletion and enable a safer and more streamlined development experience when using Flipt feature flags
- Avoid typos and other errors when integrating Flipt flag evaluation into your codebase
- Ensure that your code is always in sync with your Flipt features configuration
- Enable easier refactoring/cleanup of unused flags with Go To Definition and Find References in your IDE

## Usage

1. Create Flags, Variants, Segments, etc in Flipt. See our [Getting Started](https://www.flipt.io/docs/introduction/getting-started) guide for more information.
1. Export your Flipt features to a `features.yml` file via `flipt export`. See our [export](https://www.flipt.io/docs/operations/import-export#export) documentation for more information.
1. Run `npx @flipt-io/typed` to generate static types from your `features.yml` file.

   Either copy and paste the output or pipe it to a file:

    ```console
    npx @flipt-io/typed --lang ts --input /path/to/features.yml

    npx @flipt-io/typed --lang ts --input /path/to/features.yml > /types/flipt.ts
    ```

1. Use the generated types in your code:

    ```typescript
    import { Flag } from "./types/flipt";

    let flag: Flag = { key: "new-feature", value: true };
    ```

## Contributing

We welcome contributions to Flipt Typed! Please see our [contributing guide](CONTRIBUTING.md) for more information.

Found a bug or have a feature request? [Open an issue](https://github.com/flipt-io/typed/issues/new).

## License

Flipt Typed is licensed under the [MIT License](LICENSE).

## Acknowledgements

Thanks to @graup for the initial idea and prototype implementation of Flipt Typed!
npm package: @flipxyz/react-native-boring-avatars
Description: React Native implementation of boring avatars
Author: Luke Hartman
Latest version: 1.0.1

# react-native-boring-avatars

React Native implementation of [boring avatars](https://boringavatars.com/)

## Installation

```sh
yarn add boring-avatars
```

## Usage

```js
// ...
import Avatar from 'react-native-boring-avatars';

<Avatar
  size={40}
  name="Sacagawea"
  variant="pixel"
  colors={['#92A1C6', '#146A7C', '#F0AB3D', '#C271B4', '#C20D90']}
/>;
```

## Caveat

The marble variant is not suppported. This is because `react-native-svg` does not support the SVG `filter` attribute which the marble variant depends on. 🙁 Check [here](https://github.com/react-native-svg/react-native-svg/issues/150) for more details on react-native-svg on this issue.

## License

MIT
npm package: @flish/cra-template
Description: A create-react-app template configured to run in Flish
Author: julien040
Latest version: 1.0.4

# Flish create-react-app Template

To simplify creating flish extension, we created a template for you.
This implementation uses [create-react-app](https://www.github.com/facebook/create-react-app).
It's a good starting point for your flish extension.
It adds the following features:

- [Chakra UI](https://github.com/chakra-ui/chakra-ui) - Flish uses Chakra UI for its UI components.

- [Flish Theme](https://www.npmjs.com/package/@flish/chakra-theme) - Flish has a custom theme for Chakra UI which matches Flish's design system.

- [Flish types](https://www.npmjs.com/package/@flish/extension-library) - Flish has a set of custom APIs to interact with the system. This is a type definition for the APIs.

- [React Router](https://github.com/remix-run/react-router) - React Router configured to work with Flish.

## Usage

To use this template, pass it as an argument of the create-react-app command.

```bash
# With npm
npx create-react-app new-extension --template "@flish"
# With yarn
yarn create react-app new-extension --template "@flish"
```