open-index/open-npm huggingface dataset:
npm package: @ranzwertig/hevy-client
Description: A TypeScript client library for the Hevy API (https://api.hevyapp.com/docs)
Latest version: 1.1.0

# hevy-client

An unofficial TypeScript client library for the [Hevy API](https://api.hevyapp.com/docs).

> **Disclaimer:** This project is not affiliated with, endorsed by, or associated with Hevy in any way. It is an independent, community-driven open source project.

## Installation

```sh
npm install @ranzwertig/hevy-client
```

## Usage

```typescript
import { HevyClient } from "@ranzwertig/hevy-client";
```

## Development

```sh
# Install dependencies
npm install

# Build
npm run build

# Lint
npm run lint

# Format
npm run format
```

## Testing

Run unit tests:

```sh
npm test
```

Run the Swagger/OpenAPI snapshot test (requires Playwright and network access):

```sh
npm run test:swagger
```

The swagger test opens the Hevy API docs in a headless browser, extracts the OpenAPI spec, and compares it against a stored snapshot to detect API changes. To update the snapshot after an intentional API change:

```sh
npx vitest run --config vitest.swagger.config.ts --update-snapshots
```

## Contributing

Contributions are welcome! Please follow these steps:

1. Fork the repository
2. Create a feature branch (`git checkout -b feature/my-feature`)
3. Make your changes
4. Run linting and tests (`npm run lint && npm test`)
5. Commit your changes (`git commit -m "Add my feature"`)
6. Push to the branch (`git push origin feature/my-feature`)
7. Open a pull request

## License

This project is licensed under the [MIT License](LICENSE).
npm package: @rao123dk/console-color
Description: change console output colors 
Author: Dheeraj Kumar Rao
Latest version: 1.0.8

# console-color
console-color is a lightweight, dependency-free JavaScript library that allows you to easily add colors to your console output based on user preferences. With a size of less than 4KB, it's perfect for enhancing the readability of your CLI applications without adding bloat.

![green](images/something_went_wrong.png)

![green](images/cron_job.png)

![green](images/green.png)

![green](images/yellow.png)

## Features

- **No Dependencies**: console-color is completely standalone.
- **Tiny Size**: Less than 4KB.
- **Easy to Use**: Simple and intuitive API for adding colors to console output.
- **Customizable**: Support for various colors to match user preferences.

# install 
```sh
npm i @rao123dk/console-color

yarn add @rao123dk/console-color
```

# setup
Require the Library in Your Entry File
In your index.js file, require your `@rao123dk/console-color` library:

```sh
require(`@rao123dk/console-color`)
```


# use

```javascript
console.log.red('red color');
```
![red](images/red.png)

```javascript
console.log.green('green color');
```
![green](images/green.png)

```javascript
console.log.green.bold('Success: Operation completed successfully.');
```
![green](images/bold.png)

```javascript
console.log.yellow('yellow color');
```
![yellow](images/yellow.png)

```javascript
console.log.blue('blue color');
```

```javascript
console.log.magenta('magenta color');
```

```javascript
console.log.cyan('cyan color');
```


```javascript
console.log.white('white color');
```

# Example

```javascript
console.log.red('Error: Something went wrong!');
console.log.green('Success: Operation completed successfully.');
console.log.blue('Info: Please check the details below.');
console.log.yellow('Warning: Please be cautious.');
console.log.cyan('Debug: Variable value is undefined.');
console.log.magenta('Notice: This is an important notice.');
console.log.white('General: This is a general message.');

console.log.blue.italic('Info: Please check the details below.');
console.log.yellow.underline('Warning: Please be cautious.');
console.log.white.background('General: This is a general message.');

```

# Contributing
We welcome contributions! If you'd like to contribute, please fork the repository and submit a pull request.

## License

`@rao123dk/console-color` is licensed under the MIT License. See the LICENSE file for more details.
npm package: @rao123dk/random-username-generator
Description: A utility to generate a unique/distinctive username using either an email address, randomly picked nouns and adjectives, or country-based names. Users have the option to insert a separator in the username, set the maximum length, and include up to provide
Author: Dheeraj Kumar Rao
Latest version: 1.0.4

# @rao123dk/random-username-generator

A utility to generate a unique/distinctive username using either an email address, randomly picked nouns and adjectives, or country-based names. Users have the option to insert a separator in the username, set the maximum length, and include up to provided random digits.

## Install

```sh
npm i @rao123dk/random-username-generator --save

yarn add @rao123dk/random-username-generator
```

# Uses

```javascript
const {
  generateRandomUsername,
} = require("@rao123dk/random-username-generator");
```

### Generate random username by email

```javascript
const {
  generateRandomUsername
} = require("@rao123dk/random-username-generator");

generateRandomUsername({ email: "javascriptkingdom@gmail.com" });

Output: -javascriptkingdom;
```

### Generate random username

```javascript
const {
  generateRandomUsername
} = require("@rao123dk/random-username-generator");

generateRandomUsername();
Output:- Groot-qualified942;
```

### Generate random username with separator

```javascript
const {
  generateRandomUsername
} = require("@rao123dk/random-username-generator");

generateRandomUsername({ separator: "_" });
Output:- nasty_Ultron498;
```

### Generates username with separator and random Digits

```javascript
const {
  generateRandomUsername
} = require("@rao123dk/random-username-generator");

generateRandomUsername({
  randomDigits: 4,
  separator: "_",
});
Output:- Clark_Dooms3457;
```
npm package: @raona/icalendar-link
Description: Fork of react-icalendar-link by josephj
Author: Raona
Latest version: 1.1.0

# react-icalendar-link

> Ability to create link for downloading ics file

[![NPM](https://img.shields.io/npm/v/react-icalendar-link.svg)](https://www.npmjs.com/package/react-icalendar-link) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save react-icalendar-link
```

## Usage

```jsx
import React from "react";
import ICalendarLink from "react-icalendar-link";

class App extends React.Component {
  render() {
    const event = {
      title: "My Title",
      description: "My Description",
      startTime: "2018-10-07T10:30:00+10:00",
      endTime: "2018-10-07T12:00:00+10:00",
      location: "10 Carlotta St, Artarmon NSW 2064, Australia";
    }
    return (
      <ICalendarLink event={event}>
        Add to Calendar
      </ICalendarLink>;
    );
  }
}
```

## License

MIT © [josephj](https://github.com/josephj)
npm package: @raona/joyride
Description: Fork of react-joyride
Author: Raona
Latest version: 0.0.16

# React Joyride

[![](https://badge.fury.io/js/react-joyride.svg)](https://www.npmjs.com/package/react-joyride) [![](https://travis-ci.org/gilbarbara/react-joyride.svg)](https://travis-ci.org/gilbarbara/react-joyride) [![](https://api.codeclimate.com/v1/badges/43ecb5536910133429bd/maintainability)](https://codeclimate.com/github/gilbarbara/react-joyride/maintainability) [![](https://api.codeclimate.com/v1/badges/43ecb5536910133429bd/test_coverage)](https://codeclimate.com/github/gilbarbara/react-joyride/test_coverage)

[![Joyride example image](http://gilbarbara.com/files/react-joyride.png)](https://react-joyride.com/)

#### Create awesome tours for your app!

Showcase your app to new users or explain functionality of new features.

It uses [react-floater](https://github.com/gilbarbara/react-floater) for positioning and styling.  
And you can use your own components too!

**View the demo [here](https://react-joyride.com/)** (or the codesandbox [examples](https://codesandbox.io/s/github/gilbarbara/react-joyride-demo))

**Read the [docs](https://docs.react-joyride.com/)**

Chat about it in our [Spectrum community](https://spectrum.chat/react-joyride)

## Setup

```bash
npm i react-joyride
```

## Getting Started

```jsx
import Joyride from 'react-joyride';

export class App extends React.Component {
  state = {
    steps: [
      {
        target: '.my-first-step',
        content: 'This is my awesome feature!',
      },
      {
        target: '.my-other-step',
        content: 'This another awesome feature!',
      },
      ...
    ]
  };

  render () {
    const { steps } = this.state;

    return (
      <div className="app">
        <Joyride
          steps={steps}
          ...
        />
        ...
      </div>
    );
  }
}
```

## Development

Setting up a local development environment is easy!

Clone (or fork) this repo on your machine, navigate to its location in the terminal and run:

```bash
npm install
npm link # link your local repo to your global packages
npm run watch # build the files and watch for changes
```

Now clone https://github.com/gilbarbara/react-joyride-demo and run:

```bash
npm install
npm link react-joyride # just link your local copy into this project's node_modules
npm start
```

**Start coding!** 🎉
npm package: @raonasp/spfx-controls-react
Description: Reusable React controls for SharePoint Framework solutions
Latest version: 1.0.0

# SharePoint Framework React Controls

This is a open source library that shares a set of reusable React control that can be used in your SharePoint Framework solutions.

> If you are looking for web part property controls, please check following repository for those - [https://github.com/pnp/sp-dev-fx-property-controls](https://github.com/pnp/sp-dev-fx-property-controls)

## Get Started

More information to get started can be found documentation of this repository: [documentation](https://pnp.github.io/sp-dev-fx-controls-react/).

# Have issues or questions?

Please use following logic on submitting your questions or issues to right location to ensure that they are noticed and addressed as soon as possible.

* You have general question or challenge with SPFx - use [sp-dev-docs repository issue list](https://github.com/sharepoint/sp-dev-docs/issues).
* You have issue on specific controls in this package - use [issue list in this repository](https://github.com/pnp/sp-dev-fx-controls-react/issues).

## Contributing

We'd love your help! If you have ideas for new features or feedback, let us know by creating an issue in the [issues list](https://github.com/pnp/sp-dev-fx-controls-react/issues). Before you submit a PR with your improvements, please review our [project guides](https://pnp.github.io/sp-dev-fx-controls-react/guides).

This project welcomes contributions and suggestions.  Most contributions require you to agree to a
Contributor License Agreement (CLA) declaring that you have the right to, and actually do, grant us
the rights to use your contribution. For details, visit https://cla.microsoft.com.

When you submit a pull request, a CLA-bot will automatically determine whether you need to provide
a CLA and decorate the PR appropriately (e.g., label, comment). Simply follow the instructions
provided by the bot. You will only need to do this once across all repos using our CLA.

## Code of Conduct

This project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/).
For more information see the [Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/) or
contact [opencode@microsoft.com](mailto:opencode@microsoft.com) with any additional questions or comments.

## "Sharing is Caring"

## Disclaimer

**THIS CODE IS PROVIDED *AS IS* WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.**
npm package: @raondata/react-checkable-accordion
Description: If you want an accordion menu can be checked, this package will be useful.
Author: raondata
Latest version: 0.3.3

<img src="https://raondata.s3.ap-northeast-2.amazonaws.com/2023cc.png" width="20%" height="20%" />

## checkable-accordion

If you want an accordion menu can be checked, this package will be useful.

<img src="https://raondata.s3.ap-northeast-2.amazonaws.com/demo.gif" width="100%" height="auto" />

## environment

- [ ] React >= 18
- [ ] Typescripts
- [ ] chakra-ui/react
- [ ] node >= 14
- [ ] yarn >= 1.22.5

> ~~If you use npm, It may not installed normally.~~

## install

```
yarn add @raondata/react-checkable-accordion
```

or

```
npm install @raondata/react-checkable-accordion
```

## usage

We work well under <ChakraProvider> because it is written based on chakra-ui.

```
<ChakraProvider>
  <CheckableAccordionMenu
    ....
  />
</ChakraProvider>
```

### props

This Component has two properties.

```
<CheckableAccordionMenu
 data={data}
 onChange={(removal, changed) => { ... }}
>
```

#### data

It's used to render items.
'data' properties's type is called CheckableAccordionItemType. And it has the following properties.

| name     | type                         | description      |
| -------- | ---------------------------- | ---------------- |
| key      | string                       | identified key   |
| text     | string                       | item's name      |
| children | CheckableAccordionItemType[] | List of SubItems |

data example

```
{
    key: '001',
    text: 'Item1',
    children: [
      {
        key: '002',
        text: 'SubItem-1-1',
      },
      {
        key: '003',
        text: 'SubItem-1-2',
      },
      {
        key: '004',
        text: 'SubItem-1-3',
      },
      {
        key: '005',
        text: 'SubItem-1-4',
      },
      {
        key: '006',
        text: 'SubItem-1-5',
        children: [
          {
            key: '006-1',
            text: 'SubItem-1-5-1',
          },
          {
            key: '006-2',
            text: 'SubItem-1-5-2',
          },
          {
            key: '006-3',
            text: 'SubItem-1-5-3',
          },
        ],
      },
    ],
  },
```

#### onChange

It is a callback function called when an item in Accordion Menu changes.
OnChange has two parameters, the first is a list of deselected items, and the second is a list of checked or deselected changed items.

```
onChange  = (removal, changed) => void;
```

#### hidden

If you want hide some Items. use this properties. Just put the key list in array.

```
<CheckableAccordionMenu
 data={data}
 onChange={(removal, changed) => { ... }}
 hidden={["001", "002-1", "004", ...]}
>
```

#### defaultChecked

You can also use this property to set the initial check value.

```
<CheckableAccordionMenu
 data={data}
 onChange={(removal, changed) => { ... }}
 defaultChecked={["001", "002-1", "004", ...]}
>
```