open-index/open-npm huggingface dataset:
npm package: @fitch-digital/fitch-ui
Description: UI Library for Fitch Digital Projects
Author: FITCH DIGITAL
Latest version: 0.1.7

@fitch-digital/fitch-ui
======

## develop
```bash
npm start
```

## build
```bash
npm run build
```

## publish to NPM

Run the following steps:
1) manually bump version on package.json
2) `npm run build` // builds the UMD build to the dist folder
3) `npm run storybook:build` // builds the storybook docs
4) commit and push all code to GitHub.
5) Tag commit with build number added on step 1
6) `git push --tags` to push the tag to github.
7) publish using `npm publish --access public`


### publish docs to github.io
```bash
npm run build && npm run storybook:build
```


## TODO
* create tabs component
```jsx
<Tabs
    tabs={['some child', 'another child']}
    onChange={(index) => console.log('change to', index)}
>
    <SomeChildComponent />
    <AnotherChild />
</Tabs>
```

* create pull down menu
```jsx
<Pulldown options={[]}/>
```
npm package: @fitchmultz/pi-stash
Description: A pi extension for stashing draft messages and restoring them later.
Author: Mitch Fultz
Latest version: 0.1.1

# pi-stash

`pi-stash` is a `pi` extension for parking an in-progress draft, sending something else, then restoring the draft afterward.

## Install

From npm:

```bash
pi install npm:@fitchmultz/pi-stash
```

From GitHub:

```bash
pi install https://github.com/fitchmultz/pi-stash
```

For local development:

```bash
pi install .
```

Then run `/reload` inside `pi`.

## Design

- `Ctrl+Shift+S` stashes the current editor text and clears the editor.
- `Ctrl+Shift+R` restores immediately when there is one stash, or opens a picker when there are multiple stashes.
- The stash picker supports arrow-key navigation, `Enter` to restore, `Ctrl+D` to delete the selected stash, and `Ctrl+X` to clear all stashes.
- Restores use `pasteToEditor()` when the editor already has text, so retrieval does not destroy whatever is currently in the box.
- Drafts are kept as a small LIFO stack, so repeated stashes still work naturally.
- The current stash stack is persisted in session metadata, so `/reload` and session resume do not lose drafts.
- A footer status shows how many drafts are currently stashed.

## Commands

- `/stash` — stash the current editor text
- `/stash some text` — stash explicit text
- `/stash-list` — browse, restore, delete, or clear stashes

## Why `Ctrl+Shift+R` for retrieval?

`Ctrl+Shift+S` appears free in the current `pi` keybinding docs, and `Ctrl+Shift+R` is also currently unassigned and mnemonic for **restore**.

## Usage flow

1. Start typing a draft.
2. Press `Ctrl+Shift+S`.
3. Type and send the interrupting message.
4. Press `Ctrl+Shift+R`.
5. If needed, pick a different stash with the arrow keys or delete one with `Ctrl+D`.
6. Keep going with the restored draft.
npm package: @fitcoders/shared
Description: Angular Version 19
Author: Fitcoders
Latest version: 1.1.0

# Shared

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.1.0.

## Code scaffolding

Run `ng generate component component-name --project shared` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project shared`.
> Note: Don't forget to add `--project shared` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build shared` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build shared`, go to the dist folder `cd dist/shared` and run `npm publish`.

## Running unit tests

Run `ng test shared` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @fitcoders/theme
Description: Angular Version 19 Theme Library
Author: Fitcoders
Latest version: 1.4.0

# Theme

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.1.0.

## Code scaffolding

Run `ng generate component component-name --project theme` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project theme`.
> Note: Don't forget to add `--project theme` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build theme` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build theme`, go to the dist folder `cd dist/theme` and run `npm publish`.

## Running unit tests

Run `ng test theme` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @fiteo/outfit-carousel-vue2
Description: Outfit Carousel - Desktop and Mobile Web - Vue2 from https://fiteo.store/
Author: Tam Nguyen
Latest version: 2.0.10

# @fiteo/outfit-carousel-vue2

Outfit Carousel - Desktop and Mobile Web - Vue2 from https://fiteo.store/

## Scripts

```bash
  npm i @fiteo/outfit-carousel-vue2
```

### PropTypes

Properties | Type | Default | Description
--- | --- | --- | ---
**productId:** (required) | String |"123456"| Get the outfit list by product id.
**privateKey:** (required) | String |"123456ABCDEF"| The key to use this component.
**size:** (optional) | String |"12" or "12,14"| filter by size.
**onClickProduct:** (optional) | Function | callbackFunction(productId) | Callback Function trigger when click on the product with parameter is: productId. 
**nameSize:** (optional) | String |"1.15"| Set the font size value  for the outfit's name (rem).
**tagSize:** (optional) | String |"0.9"| Set the font size value for the outfit's tags (rem).


#### Usage

```bash
<template>
  <outfit-carousel
    productId="123456"
    privateKey="123456ABCDEF"
    size="12,14"
    :onClickProduct="handleClickProduct"
    nameSize="1.15"
    tagSize="0.9"
  />
</template>

<script>
import OutfitCarousel from "@fiteo/outfit-carousel-vue2"

export default {
  components: { OutfitCarousel }
  methods: {
    handleClickProduct(productId) {
      console.log("...productId", productId)
    },
  },
}
</script>
```
npm package: @fiteo/product-pdp-carousel-vue2
Description: Product PDP Carousel - Desktop and Mobile Web - Vue2 from https://fiteo.store/
Author: Tam Nguyen
Latest version: 2.0.6

# @fiteo/product-pdp-carousel-vue2

Product PDP Carousel - Desktop and Mobile Web - Vue2 from https://fiteo.store/

## Scripts

```bash
  npm i @fiteo/product-pdp-carousel-vue2
```

### PropTypes

Properties | Type | Default | Description
--- | --- | --- | ---
**productId:** (required) | String |"123456"| Get the outfit list by product id.
**privateKey:** (required) | String |"123456ABCDEF"| The key to use this component.
**title:** (optional) | String |"outfits our community love"| Set the title component .
**maxNumOfSlots:** (optional) | String | "2" | Set the max of slot for the products 
**sizes:** (optional) | Object | { bottoms: ['25'], tops: ['XS'] ... } | filter the products by size
**onClickProduct:** (optional) | Function | callbackFunction(productId, storyId, isHero) | Callback Function trigger when click on the product with parameter is: productId. 
**onLikeProduct:** (optional) | Function | callbackFunction(productId) | Callback Function trigger when like the product with parameter is: productId. 
**onDetailOutfit:** (optional) | Function | callbackFunction(productId) | Callback Function trigger when click on View Outfit link with parameter is: storyId. 
#### Usage

```bash
<template>
  <product-pdp-carousel
    productId="123456"
    privateKey="123456ABCDEF"
    title= "outfits our community love"
    maxNumOfSlots="2"
    :sizes="{
      bottoms: ['25']
    }"
    :onClickProduct="handleClickProduct"
    :onLikeProduct="handleLikeProduct"
    :onDetailOutfit="handleDetailOutfit"
  />
</template>

<script>
import ProductPdpCarousel from "@fiteo/product-pdp-carousel-vue2"

export default {
  components: { ProductPdpCarousel }
  methods: {
    handleClickProduct(productId, storyId, isHero) {
      console.log("...productId handleClickProduct", productId)
      console.log("...storyId handleClickProduct", storyId)
      console.log("...isHero", isHero)
    },
    handleLikeProduct(productId) {
      console.log("...productId handleLikeProduct", productId)
    },
    handleDetailOutfit(storyId) {
      console.log("...storyId handleDetailOutfit", storyId)
    },
  },
}
</script>
```
npm package: @fiteo/react-native-outfit-carousel
Description: Fiteo's Outfit Carousel component for React Native
Author: Hoang Trinh
Latest version: 1.0.0

# Outfit Carousel

## Installation

```
yarn add @fiteo/react-native-outfit-carousel
```

## Usage


```tsx
import { FiteoOutfitCarousel } from '@fiteo/react-native-outfit-carousel';

//...
<FiteoOutfitCarousel
    query={{ page: 1, perPage: 3, tag: ['coffee date'] }}
    apiKey={'123123'}
    onItemTap={(item: FiteoOutfit) => {}}
/>
//...
```

|  Props | Type | Description |
| ------------- | ------------- |------------- |
| query  | Object  | Following this doc https://fiteo.thesweetsuite.net:15803/swagger/#/Outfits/get_outfits_search |
| apiKey  | String  | Provided by Fiteo |
| onItemTap  | Function  | Callback function that triggered when an outfit item is tapped |

## Development

1. Install project dependencies (including `example` project):

```
yarn setup
```

2. Compile the library with hot reload:

```
yarn dev
```

3. Running `example` app:

```
yarn start-ex
```

## Publishing

    (TBD)

## Testing

Using Jest to test with code coverage:

```
yarn test
```

## License

MIT
npm package: @fitflow/commitlint-config
Description: FitFlow commitlint config
Author: Ilya Amursky
Latest version: 1.0.2

# `@fitflow/commitlint-config`

> FitFlow [commitlint](https://commitlint.js.org) config based on [commitlint-config-jira](https://github.com/Gherciu/commitlint-jira).

## Usage

**Install**:

```bash
$ yarn add --dev @fitflow/commitlint-config commitlint-config-jira commitlint-plugin-jira-rules
```

**Edit `package.json`**:

```jsonc
{
  // ...
  "commitlint": {
    "plugins": ["commitlint-plugin-jira-rules"],
    "extends": ["@fitflow/commitlint-config"]
  }
}
```
npm package: @fitflow/eslint-config
Description: FitFlow ESLint config
Author: Ilya Amursky
Latest version: 2.0.4

# `@fitflow/eslint-config`

[ESLint](https://eslint.org) config based on [typescript-eslint](https://github.com/typescript-eslint/typescript-eslint) and [eslint-plugin-prettier](https://github.com/prettier/eslint-plugin-prettier).

## Usage

**Install**:

```bash
$ yarn add --dev @fitflow/eslint-config @fitflow/prettier-config @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint eslint-config-prettier eslint-plugin-prettier eslint-plugin-react prettier
```

**Edit `package.json`**:

```jsonc
{
  // ...
  "prettier": "@fitflow/prettier-config",
  "eslintConfig": {
    "extends": "@fitflow/eslint-config"
  }
}
```

**Edit `.vscode/settings.json`**:

```jsonc
{
  // ...
  "editor.formatOnSave": false,
  "editor.formatOnPaste": false,
  "editor.formatOnType": false,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }
}
```
npm package: @fitflow/prettier-config
Description: FitFlow Prettier config
Author: Ilya Amursky
Latest version: 1.0.1

# `@fitflow/prettier-config`

> FitFlow [Prettier](https://prettier.io) config.

## Usage

**Install**:

```bash
$ yarn add --dev @fitflow/prettier-config
```

**Edit `package.json`**:

```jsonc
{
  // ...
  "prettier": "@fitflow/prettier-config"
}
```
npm package: @fitigai/ui
Description: Fitigai ui components
Author: Fitigai
Latest version: 0.0.2

# Fitigai ui

> Made with create-react-library

[![NPM](https://img.shields.io/npm/v/ui.svg)](https://www.npmjs.com/package/ui) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save @fitigai/ui
```

## Usage

```jsx
import React, { Component } from 'react'

import MyComponent from '@fitigai/ui'
import 'ui/dist/index.css'

class Example extends Component {
  render() {
    return <MyComponent />
  }
}
```

## License

MIT © [KevinTss](https://github.com/KevinTss)