open-index/open-npm huggingface dataset:
npm package: @kl-nevermore/primereact-5674
Description: PrimeReact is an open source UI library for React featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with Prime
Author: PrimeTek Informatics
Latest version: 0.0.1

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![npm version](https://badge.fury.io/js/primereact.svg)](https://badge.fury.io/js/primereact)
[![primereact](https://snyk.io/advisor/npm-package/primereact/badge.svg)](https://snyk.io/advisor/npm-package/primereact)
[![Actions CI](https://github.com/primefaces/primereact/workflows/NodeJS%20CI/badge.svg)](https://github.com/primefaces/primereact/actions/workflows/node.js.yml)
[![Discord Chat](https://img.shields.io/discord/557940238991753223.svg?color=7289da&label=chat&logo=discord)](https://discord.gg/gzKFYnpmCY)
[![Stackoverflow](https://img.shields.io/badge/StackOverflow-primereact-chocolate.svg)](https://stackoverflow.com/questions/tagged/primereact)
[![Prime Discussions](https://img.shields.io/github/discussions-search?query=org%3Aprimefaces&logo=github&label=Prime%20Discussions&link=https%3A%2F%2Fgithub.com%2Forgs%2Fprimefaces%2Fdiscussions)](https://github.com/orgs/primefaces/discussions)

[![PrimeReact Hero](https://www.primefaces.org/static/social/primereact-preview.jpg)](https://www.primereact.org)

# PrimeReact

PrimeReact is a rich set of open source UI Components for React. See [PrimeReact homepage](https://primereact.org/) for live showcase and documentation.

## Download

PrimeReact is available at [npm](https://www.npmjs.com/package/primereact).

```
# Using npm
npm install primereact

# Using yarn
yarn add primereact

# Using pnpm
pnpm add primereact
```

## Import

Each component can be imported individually so that you only bundle what you use. Import path is available in the documentation of the corresponding component.

```javascript
//import { ComponentName } from 'primereact/{componentname}';
import { Button } from 'primereact/button';

export default function MyComponent() {
  return (
    <Button label="PrimeReact" />
  )
}
```

## Theming

PrimeReact has two theming has modes; styled or unstyled.

**Styled Mode**

Styled mode is based on pre-skinned components with opinionated themes like Material, Bootstrap or PrimeOne themes. Theme is the required css file to be imported, visit the [Themes](https://primereact.org/theming) section for the complete list of available themes to choose from.

```javascript
// theme
import 'primereact/resources/themes/lara-light-cyan/theme.css';
```

**Unstyled Mode**

Unstyled mode is disabled by default for all components. Using the PrimeReact context, set `unstyled` as true to enable it globally. Visit the [Unstyled mode](https://primereact.org/unstyled) documentation for more information and examples.

## Contributors

<a href="https://github.com/primefaces/primereact/graphs/contributors">
  <img src="https://contrib.rocks/image?repo=primefaces/primereact" />
</a>
npm package: @kl13nt/initrepo
Description: A simple command line utility to help you initialize git repositories
Author: Nabil Tharwat
Latest version: 1.0.8

[![npm](https://img.shields.io/npm/dt/@kl13nt/initrepo?style=plastic)](https://www.npmjs.com/package/@kl13nt/initrepo)
[![npm (scoped)](https://img.shields.io/npm/v/@kl13nt/initrepo)](https://www.npmjs.com/package/@kl13nt/initrepo)
[![GitHub](https://img.shields.io/github/license/kl13nt/initrepo)](https://github.com/KL13NT/initrepo/blob/master/LICENSE)

## Introduction

> Hello there~ https://youtu.be/eaEMSKzqGAg

A simple command line utility to help you initialize git repositories locally!

I have multiple gpg keys and git emails on my machine and it was tedious to clone,
configure git, and make sure everything works every time. This package makes my
life much easier. The NPM package is just a wrapped around my script, you can
copy it, modify it however you like, the limit's the sky!

![initrepo example](https://user-images.githubusercontent.com/20807178/180826131-72ed9760-a452-411e-ab8a-e3d101937ec6.PNG)

## Installation

```
npm i -g @kl13nt/initrepo
# or
yarn global add @kl13nt/initrepo
```

Why global? Because you want to run it anywhere.

## Requirements

- gpg
- git

## Features

- Choose between creating a directory for the repo or initializing in `cwd`
- Lists gpg keys interactively for you to choose
- Specify commit author email
- Automatically add a remote

## Debugging GPG Errors

#### GnuGPG is not available in the global environment

If you use gpg or have it enabled through the Git Bash it will only be available
in that environment. Make sure to explicitly install GnuGPG or use the package
through Git Bash.

#### Keys aren't listed

If you installed GnuGPG explicitly outside of Git Bash you'll be able
to use it from any terminal, but it won't have the keys configured with Git
Bash.

Make sure the package has permission to execute gpg and that it can access the keys
in the same terminal. To confirm the keys exist in the current terminal run `gpg --list-secret-keys --keyid-format=long`.

To fix this make sure to configure gpg with new keys or move them by exporting
them from Git Bash and importing them on the other executable. Google is your
best friend on this.

## Supported Operating Systems

I tested this on the latest Windows 10 build. It _should_ work on other versions
of windows AND linux distros with NodeJS > 12 installed.

## Contributing

I welcome all contributions! Feel free to open an issue or submit a PR! 😀

## License

This project is licensed under MIT. Refer to [LICENSE](LICENSE) for more
details.
npm package: @kl13nt/strapi-plugin-website-builder
Description: A plugin for Strapi Headless CMS that provides the ability to trigger website builds manually, periodically or through model events.
Author: @ComfortablyCoding
Latest version: 2.3.3

# @kl13nt/strapi-plugin-website-builder

A for of the strapi-plugin-website-builder repo that applies the following changes:
- Adds handling for a response message
- Displays the response message in its own column in the log
- Adds a clear log button that deletes all logs
- Adds a placeholder "pending" log when a build mutation is ongoing and awaiting response.

[![Downloads](https://img.shields.io/npm/dm/@kl13nt/strapi-plugin-website-builder?style=for-the-badge)](https://img.shields.io/npm/dm/@kl13nt/strapi-plugin-website-builder?style=for-the-badge)
[![Install size](https://img.shields.io/npm/l/@kl13nt/strapi-plugin-website-builder?style=for-the-badge)](https://img.shields.io/npm/l/@kl13nt/strapi-plugin-website-builder?style=for-the-badge)
[![Package version](https://img.shields.io/github/v/release/kl13nt/strapi-plugin-website-builder?style=for-the-badge)](https://img.shields.io/github/v/release/kl13nt/strapi-plugin-website-builder?style=for-the-badge)
npm package: @klaasman/pubsub-channel
Description: Cross-window pubsub-channel using postMessage api, comes with a React usePubsubChannel hook.
Author: klaasman
Latest version: 0.0.4

# `@klaasman/pubsub-channel`

Hook to communicate state between windows such as a parent window and an iframe.

## usage

```tsx
import {
  createPubsubChannel,
  usePubsubChannel,
} from "@klaasman/pubsub-channel";

const channel = createPubsubChannel<number>("number of clicks");

/**
 * Listen to messages on the current window
 */
channel.subscribe((data) => {
  console.log(data);
});

/**
 * Post a message to a target window
 */
channel.publish("hello world", iframe.contentWindow);

/**
 * Hook to listen to a channel
 */
function Component() {
  const [data, setData] = usePubsubChannel(channel, 0);

  return (
    <div>
      <button onClick={() => setData(data + 1, window.parentWindow)}>
        click
      </button>

      <p>nb of clicks: {data}</p>
    </div>
  );
}
```
npm package: @klakpin/digits-calc
Description: Calculates number of decimals after comma
Latest version: 1.0.0

# @klakpin/digits-calc


Calculates  number 

## Install

```
$ npm install @klakpin/digits-calc
```

## Usage

```js
const digitsCalc = require("@klakpin/digits-calc");

digitsCalc(10);
//=> "0"

digitsCalc(213.237);
//=> "3"

digitsCalc("hello");
//=> TypeError: Required type "Number", got string
```
npm package: @klapacz/errgo
Description: Better error handling.
Latest version: 0.1.4

# errgo

Better error handling. Inspired by
[error handling in golang](https://go.dev/blog/error-handling-and-go).

## Installation

Deno

```ts
import { Result, must, wrap } from "https://deno.land/x/errgo/mod.ts";
```

Node.js

```sh
pnpm add @klapacz/errgo
```

## Example

```ts
import { Result, must, wrap } from "https://deno.land/x/errgo/mod.ts";

async function divide(
  dividend: number,
  divisor: number
): Promise<Result<number>> {
  if (divisor === 0) {
    return [new Error("Division by zero is not defined.")];
  }
  return [, dividend / divisor];
}

const [err, result] = await divide(2, 3);
if (!err) console.log(result); // typescript is smart about result being defined

// returns result or throws
const result = must(await divide(2, 3));

// wraps function which throws with `Result` interface
const [err, result] = await wrap(fetch("…"));
```

## Alternatives

- [ts-results - A typescript implementation of Rust's Result object](https://github.com/vultix/ts-results)

## Releasing

Deno

```sh
git tag VERSION_HERE
git push origin --tags
```

Node.js

```sh
# run script
deno run -A scripts/build_npm.ts VERSION_HERE

# go to output directory and publish
cd npm
npm publish
```