open-index/open-npm huggingface dataset:
npm package: @fedlinker/hooks
Description: React hooks library
Author: 李蔚生
Latest version: 0.1.0

# @fedlinker/hooks

React hooks library.

## Install

```sh
npm install --save @fedlinker/hooks
# Or
yarn add @fedlinker/hooks
```

## Usage

```tsx
import React from "react";
import { useMount } from "@fedlinker/hooks";

function Example() {
  useMount(() => {
    console.log("Component is mounted");
  });
  ...
}
```

## License

Code licensed MIT, docs [CC BY 3.0](https://creativecommons.org/licenses/by/3.0/).
npm package: @fedlinker/progress
Description: Progress bar for Node.js with nuxt/webpackbar style
Author: 李蔚生
Latest version: 0.1.0
Deprecated: useless package

# @fedlinker/progress

Progress bar for Node.js with [nuxt/webpackbar](https://github.com/nuxt/webpackbar) style.

![webpackbar](https://raw.githubusercontent.com/nuxt/webpackbar/master/assets/screen1.png)

## Install

```shell
npm i -S @fedlinker/progress
```

## Usage

```js
const Progress = require('@fedlinker/progress')

let value = 0
let total = 100

const progress = new Progress({
  total,
  value,
  head: 'client',
  title: 'building modules (:percent)',
  subtitle: ':value/:total modules (:time)',
  description: 'node_modules/@fedlinker/progress/example.js'
})

progress.start()

let timer = setTimeout(update, 100)

function update () {
  value += 1
  progress.update(value)

  if (value < total) {
    timer = setTimeout(update, 100)
  } else {
    progress.stop('Done! Time: :time')
    clearTimeout(timer)
  }
}
```

The `:value`, `:total`, `:percent` and `:time` above are placeholder [tokens](#tokens), they will be replaced with runtime values.

## Options

- `stream`: Writable stream, defualt is `process.stderr`. It must be a [TTY]().
- `width`: The width of progress bar, default is `25`.
- `total`: Total value, default is `1`.
- `value`: Value, default is `0`.
- `color`: Theme color. It could be a hex color or a normal color string.
- `head`: Head string.
- `title`: Title string.
- `subtitle`: Subtitle string.
- `description`: Description string.

## Tokens

You can use tokens in `head`, `title`, `subtitle` and `description`. The tokens will be replaced with their runtime values.

These are tokens you can use:

- `:value`: The `value` option.
- `:total`: The `total` option.
- `:percent`: Percentage of `value / total`.
- `:time`: Spent time in processing.

## Methods

- `.start()`: Start progress.
- `.update(value | options)`: Update the progress bar.
- `.stop(string)`: Stop progress. The param `string` will be displayed in ternimal eventually, it also accepts tokens.

## License

MIT.
npm package: @fedlinker/react-bootstrap
Description: React components of bootstrap design.
Latest version: 0.1.1-alpha.1

# react-bootstrap

React components based on Bootstrap.

## Install

```bash
# npm
npm install @fedlinker/react-bootstrap

# yarn
yarn add @fedlinker/react-bootstrap
```

## Contribution

### Components

The components developed path is `/src/components`.

All the components are built with these dependencies below:

- `@emotion/core`: **css-in-js** library.
- `styled-system`: support theme function with emotion.
- `polished`: color transformer.
- `@fedlinker/font-awesome`: react components of font-awesome icons.

### Documentations

- Documents are built with `docz`.
- This project uses the custom components in `/src/gatsby-theme-docz`.

if you want to add document for your component, add `docs` folder in your component directory and add `.mdx` file in this folder.

### [Changelog](https://github.com/fedlinker/react-bootstrap/blob/master/CHANGELOG.md)
npm package: @fedorae/nuxt-uikit
Description: UIkit module for Nuxt
Latest version: 3.1.14

[![nuxt-uikit](docs/public/cover.png)](https://fedorae-com.github.io/nuxt-uikit)

# Nuxt [UIKit](https://github.com/uikit/uikit)

> [UIkit](https://github.com/uikit/uikit) is a lightweight and modular front-end framework for developing fast and powerful web interfaces


# Setup

## Installation
Add `@fedorae/nuxt-uikit` dependency to your project:

```bash
# Using pnpm
pnpm add -D @fedorae/nuxt-uikit
```
```bash
# Using yarn
yarn add --dev @fedorae/nuxt-uikit
```
```bash
# Using npm
npm install --save-dev @fedorae/nuxt-uikit
```

## Setup
Add `@fedorae/nuxt-uikit` to the modules section of your `nuxt.config.ts` file:

```ts
{
  modules: [
    '@fedorae/nuxt-uikit'
  ],
}

```
# Development

- Run `pnpm dev:prepare` to generate type stubs.
- Use `pnpm dev` to start [playground](./playground) in development mode.

## Credits
Nuxt UIkit Image - [https://codesandbox.io/s/pjmkmvp327](https://codesandbox.io/s/pjmkmvp327) ([pdipasqua](https://codesandbox.io/u/pdipasqua))

## License

[MIT License](./LICENSE)

Copyright (c) 2024 Fedorae