open-index/open-npm huggingface dataset:
npm package: @romezzz/gendiff
Description: Compare two configuration files and shows a difference.
Author: Roman Ushakov
Latest version: 1.5.1

# gendiff

[![Maintainability](https://api.codeclimate.com/v1/badges/ac54df85707b30fa1219/maintainability)](https://codeclimate.com/github/Romez/backend-project-lvl2/maintainability)
[![Build Status](https://travis-ci.com/Romez/gendiff.svg?branch=master)](https://travis-ci.com/Romez/gendiff)

### Description
Compare two configuration files and shows a difference.

### Output example
```
{
    host: hexlet.io
  - timeout: 50
  + timeout: 20
  - proxy: 123.234.53.22
  - follow: false
    common: {
        setting1: Value 1
      - setting2: 200
      - setting3: true
      + setting3: {
            key: value
        }
        setting6: {
            key: value
          + ops: vops
        }
      + follow: false
      + setting4: blah blah
      + setting5: {
            key5: value5
        }
    }
    group1: {
      - baz: bas
      + baz: bars
        foo: bar
      - nest: {
            key: value
        }
      + nest: str
    }
  - group2: {
        abc: 12345
    }
  + verbose: true
  + group3: {
        fee: 100500
    }
}
```

### Options
  -V, --version        output the version number

  -f, --format [type]  Output format [pretty, json, plain] (default: "pretty")

  -k, --key-only       Generate only keys diff (default: false)

  -h, --help           output usage information

### Installation
`npm i -g @romezzz/gendiff`

### Usage json
[![asciicast](https://asciinema.org/a/264560.svg)](https://asciinema.org/a/264560)

### Usage yaml
[![asciicast](https://asciinema.org/a/265040.svg)](https://asciinema.org/a/265040)

### Usage ini
[![asciicast](https://asciinema.org/a/265054.svg)](https://asciinema.org/a/265054)

### Nested data
[![asciicast](https://asciinema.org/a/266000.svg)](https://asciinema.org/a/266000)

### Output formats: pretty(defalut), plain, json
[![asciicast](https://asciinema.org/a/266347.svg)](https://asciinema.org/a/266347)

### Key only output:
[![asciicast](https://asciinema.org/a/296058.svg)](https://asciinema.org/a/296058)
npm package: @romezzz/page-loader
Description: Loads html page into a local directory
Author: Roman Ushakov
Latest version: 1.2.3

## PageLoader
> Loads html page into a local directory

[![Build Status](https://travis-ci.com/Romez/backend-project-lvl3.svg?branch=master)](https://travis-ci.com/Romez/backend-project-lvl3)
[![Maintainability](https://api.codeclimate.com/v1/badges/cc533281c76759aad13e/maintainability)](https://codeclimate.com/github/Romez/backend-project-lvl3/maintainability)
[![Test Coverage](https://api.codeclimate.com/v1/badges/cc533281c76759aad13e/test_coverage)](https://codeclimate.com/github/Romez/backend-project-lvl3/test_coverage)

### Installation
`npm i -g @romezzz/page-loader`

### Usage
* Help: `page-loader -h`

* Save page localy: `page-loader http://hexlet.io/courses -o /var/tmp`

### Step 1
[![asciicast](https://asciinema.org/a/269803.svg)](https://asciinema.org/a/269803)

### Step 2
[![asciicast](https://asciinema.org/a/275821.svg)](https://asciinema.org/a/275821)

### Step 3
[![asciicast](https://asciinema.org/a/275834.svg)](https://asciinema.org/a/275834)

### Step 4
[![asciicast](https://asciinema.org/a/275881.svg)](https://asciinema.org/a/275881)

### Step 5
[![asciicast](https://asciinema.org/a/275896.svg)](https://asciinema.org/a/275896)
npm package: @romezzz/seconds-convert
Description: convert seconds to object
Author: Roman Ushakov
Latest version: 1.0.1

### Convert seconds to object until days

[![Build Status](https://travis-ci.com/Romez/secondsToObject.svg?branch=master)](https://travis-ci.com/Romez/secondsToObject)
[![Maintainability](https://api.codeclimate.com/v1/badges/c265769b5a27fb6b745b/maintainability)](https://codeclimate.com/github/Romez/secondsToObject/maintainability)
[![Test Coverage](https://api.codeclimate.com/v1/badges/c265769b5a27fb6b745b/test_coverage)](https://codeclimate.com/github/Romez/secondsToObject/test_coverage)

`npm i @romezzz/seconds-convert`

```
import convert from '@romezzz/seconds-convert';

convert(279927) // { seconds: 27, minutes: 45, hours: 5, days: 3 }
convert(3500) // { seconds: 0, minutes: 0, hours: 1, days: 0 }
```
npm package: @romfis-dev/react-questionnaire-helper
Description: List of questionnaire components
Author: romfis
Latest version: 1.0.1

# questionnaire

> List of questionnaire components

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

## Install

```bash
npm install --save @romfis-dev/react-questionnaire-helper
```

## Usage

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

import { ComparisonQuestion } from '@romfis-dev/react-questionnaire-helper'
import '@romfis-dev/react-questionnaire-helper/dist/index.css'

class Example extends Component {
  render() {
    return <>
      <ComparisonQuestion
        question={'https://my-domain/path-to-my-image/image.jpg'}
        options={['one', 'two', 'three']}
        onChange={(value) => conspole.log(value)}
      />
      <GapsQuestion
        question={'PCs are what most of us use on a daily basis for work or personal use'}
        exclude={['work']}
        onChange={(value) => console.log(value)}
      />
    <>
  }
}
```

## License

MIT © [Romfis](https://github.com/romfis)
npm package: @romger/react-attachments
Description: @romger/react-attachments
Author: Romger
Latest version: 1.0.0

# README #

This README would normally document whatever steps are necessary to get your application up and running.

### What is this repository for? ###

* Quick summary
* Version
* [Learn Markdown](https://bitbucket.org/tutorials/markdowndemo)

### How do I get set up? ###

* Summary of set up
* Configuration
* Dependencies
* Database configuration
* How to run tests
* Deployment instructions

### Contribution guidelines ###

* Writing tests
* Code review
* Other guidelines

### Who do I talk to? ###

* Repo owner or admin
* Other community or team contact
npm package: @romger/react-geo
Description: @romger/react-geo
Author: Romger
Latest version: 1.0.1

# README #

This README would normally document whatever steps are necessary to get your application up and running.

### What is this repository for? ###

* Quick summary
* Version
* [Learn Markdown](https://bitbucket.org/tutorials/markdowndemo)

### How do I get set up? ###

* Summary of set up
* Configuration
* Dependencies
* Database configuration
* How to run tests
* Deployment instructions

### Contribution guidelines ###

* Writing tests
* Code review
* Other guidelines

### Who do I talk to? ###

* Repo owner or admin
* Other community or team contact
npm package: @romgio/create-react-typescript-mui-app
Description: Starter for a React Typesrcipt app using material ui
Author: Roméo Giorgio
Latest version: 1.0.12

# Getting Started with Create React App

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## Available Scripts

In the project directory, you can run:

### `yarn start`

Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.\
You will also see any lint errors in the console.

### `yarn test`

Launches the test runner in the interactive watch mode.\
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `yarn build`

Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.

### `yarn eject`

**Note: this is a one-way operation. Once you `eject`, you can’t go back!**

If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.

You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.

## Learn More

You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

To learn React, check out the [React documentation](https://reactjs.org/).
npm package: @romkadj/babel-plugin-inline-react-svg
Description: A babel plugin that optimizes and inlines SVGs for your react components.
Author: Jordan Gensler
Latest version: 2.0.6

# babel-plugin-inline-react-svg

Transforms imports to SVG files into React Components, and optimizes the SVGs with [SVGO](https://github.com/svg/svgo/).

For example, the following code...

```jsx
import React from 'react';
import CloseSVG from './close.svg';

const MyComponent = () => <CloseSVG />;
```

will be transformed into...

```jsx
import React from 'react';
const CloseSVG = () => <svg>{/* ... */}</svg>;

const MyComponent = () => <CloseSVG />;
```

## Installation

```
npm install --save-dev babel-plugin-inline-react-svg
```

## Usage

### Via `.babelrc` (Recommended)

**.babelrc**

```json
{
  "plugins": [
    "inline-react-svg"
  ]
}
```

#### Options

- `ignorePattern` - A pattern that imports will be tested against to selectively ignore imports.
- `caseSensitive` - A boolean value that if true will require file paths to match with case-sensitivity. Useful to ensure consistent behavior if working on both a case-sensitive operating system like Linux and a case-insensitive one like OS X or Windows.
- `svgo` - svgo options (`false` to disable). Example:
```json
{
  "plugins": [
    [
      "inline-react-svg",
      {
        "svgo": {
          "plugins": [
            {
              "name": "removeAttrs", 
              "params": { "attrs": "(data-name)" }
            },
            "cleanupIDs"
          ]
        }
      }
    ]
  ]
}

```

**Note:** If `plugins` field is specified the default enabled `svgo` plugins will be overrided. Alternatively, if your Babel config is in JavaScript, the default list of plugins can be extended by making use of the `extendDefaultPlugins` utility provided by `svgo`.

```js
const { extendDefaultPlugins } = require('svgo');

module.exports = {
  plugins: [
    [
      'inline-react-svg',
      {
        svgo: {
          plugins: extendDefaultPlugins([
            {
              name: 'removeAttrs',
              params: { attrs: '(data-name)' }
            },
            'cleanupIDs',
          ])
        }
      }
    ]
  ]
}
```

### Via CLI

```sh
$ babel --plugins inline-react-svg script.js
```

### Via Node API


```javascript
require('@babel/core').transform('code', {
  plugins: [
    ['inline-react-svg', { filename: 'filename representing the code' }],
  ]
}) // => { code, map, ast };
```

---

Inspired by and code foundation provided by [react-svg-loader](https://github.com/boopathi/react-svg-loader).
npm package: @romkaltu/loopkit
Description: Autonomous agent CLI implementing the Ralph loop technique.
Author: Romualdas D.
Latest version: 0.1.0

# loopkit

Loopkit is an autonomous agent CLI implementing the Ralph loop technique. It reads issues from a configured source, builds a PRD batch, and iterates one story at a time through your chosen LLM runner.

## Requirements

- Node.js >= 18
- Optional: GitHub CLI (`gh`) when using the GitHub source

## Quickstart

Run in any repo:

```bash
npx @romkaltu/loopkit init
```

This creates:

- `loopkit.config.json` (configuration)
- `.loopkit/` (runtime data: prompt, prd, progress, batches)

Generate a batch PRD:

```bash
npx @romkaltu/loopkit batch
```

Run the loop:

```bash
npx @romkaltu/loopkit run
```

Run quality gates for a specific story:

```bash
npx @romkaltu/loopkit quality --story STORY_ID
```

Archive a completed batch:

```bash
npx @romkaltu/loopkit archive
```

## Config

Loopkit loads config from `loopkit.config.json`, `loopkit.config.cjs`, or `loopkit.config.mjs` in the current repo. The generated config includes defaults for runner, batch source, and output paths under `.loopkit/`.

A sample config is available at `examples/loopkit.config.json`.

## Release

1. `npm login`
2. `npm run build`
3. `npm publish --access public` (add `--otp=123456` if your account requires 2FA)

If you prefer tokens, generate a granular access token with publish permissions and 2FA bypass, then set:

```bash
npm config set //registry.npmjs.org/:_authToken=YOUR_TOKEN
```
npm package: @romkask/paragon-mcp-server
Description: MCP server for OpenedX Paragon v23 design system documentation
Author: Roman Kravets
Latest version: 1.1.0

# Paragon MCP Server

MCP server for the [Open edX Paragon](https://paragon-openedx.netlify.app/) design system (v23.x). Gives AI assistants structured access to component documentation — props, events, code examples, and CSS design tokens — so they can write Paragon-based UI code without guessing.

## Installation

The quickest way to use this server is via npx (no clone needed):

```bash
claude mcp add paragon -- npx -y @romkask/paragon-mcp-server
```

Or add it manually to your MCP config (`~/.claude/settings.json` or project `.claude/settings.local.json`):

```json
{
  "mcpServers": {
    "paragon": {
      "command": "npx",
      "args": ["-y", "@romkask/paragon-mcp-server"]
    }
  }
}
```

## Available Tools

| Tool | Description |
|------|-------------|
| `list_components` | List all 63 Paragon components with categories, status, and counts |
| `get_component` | Get full details for a component or subcomponent (description, props, events, subcomponents) |
| `get_component_props` | Get all props with types and descriptions |
| `get_component_events` | Get all callback events (onClose, onToggle, etc.) |
| `list_examples` | List available code examples for a component |
| `get_example` | Get the full JSX code for a specific example |
| `get_components_variables` | Get CSS custom properties / design tokens |

## Subcomponent Lookup

All 73 subcomponents (e.g., `CardGrid`, `AlertHeading`, `FormControl`, `TableRow`) are automatically resolved to their parent component. Querying `get_component("CardGrid")` returns the full `Card` component info with a note indicating the subcomponent match.

## Data Coverage

- **63 components** (Button, Alert, Card, DataTable, Form, Modal, etc.)
- **73 subcomponents** with automatic parent resolution
- **410 props** with types and descriptions
- **69 events/callbacks**
- **295 live code examples**
- **443 CSS design token variables**

## Development

```bash
git clone https://github.com/RomkaSk/paragon-mcp-server.git
cd paragon-mcp-server
npm install
npm run build     # generates data + bundles with tsup
npm start         # run server
npm run dev       # dev mode with tsx
npm test          # run tests (348 tests covering all components & subcomponents)
```

## License

MIT
npm package: @romkin7/mail-maze
Description: Mail maze helps you to generate programmatic email and send them with required intervals and loops.
Author: Roman Tuomisto & Julia Matviishyna
Latest version: 1.3.1

# mail-maze
Mailmaze is single email sending tool, that supports most of the email sending provider services. By helping you to generate programmatic email and send them with required intervals and loops.


Slack Status Build Status NPM version

npm version 1.3.1

Installation
First install Node.js Then:

using npm

$ npm install mail-maze

using yarn

$ yarn add mail-maze

Importing
`````
// Using Node.js `require()`
const { configMailMaze } = require('mail-maze');
`````

`````
// Using Node.js `import/export`
import { configMailMaze } from 'mail-maze';
`````

License
Copyright (c) 2021 Easykoodi <easykoodi@gmail.com>

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the 'Software'), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
npm package: @rommel.vergara/v-calendar
Description: A clean and extendable plugin for building simple attributed calendars in Vue.js.
Author: Nathan Reyes
Latest version: 2.4.1

<p align="center">
    <a href="https://vcalendar.io/" target="_blank">
      <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557324348/v-calendar/hero.png">
    </a>
    <br>
    An elegant calendar and datepicker plugin for Vuejs.
</p>

<p align="center">
    <a href="https://www.npmjs.com/package/v-calendar"><img src="https://img.shields.io/npm/dt/v-calendar.svg" alt="Total Downloads"></a>
    <a href="https://github.com/nathanreyes/v-calendar/releases"><img src="https://img.shields.io/npm/v/v-calendar.svg" alt="Latest Release"></a>
    <a href="https://github.com/nathanreyes/v-calendar/releases"><img src="https://img.shields.io/npm/v/v-calendar/next.svg" alt="Next Release"></a>
    <a href="https://github.com/nathanreyes/v-calendar/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/v-calendar.svg" alt="License"></a>
</p>

------

```bash
npm i --save v-calendar
```

## Documentation

For full documentation, visit [vcalendar.io](https://vcalendar.io/).

### Attributes

| Highlights | Dots |
| :---: | :---: |
| <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557326557/v-calendar/highlights.png"> | <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557326557/v-calendar/dots.png"> |

| Bars | Popovers |
| :---: | :---: |
| <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557326557/v-calendar/bars.png"> | <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557326557/v-calendar/popovers.png"> |

### Multi-Paned Calendars

<img width="400" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557326946/v-calendar/multi-paned.png">

### Theme Colors & Dark-Mode

| | |
| :---: | :---: |
| <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557327273/v-calendar/dark-blue.png"> | <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557327429/v-calendar/dark-red.png"> |
| <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557327429/v-calendar/dark-teal.png"> | <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557327429/v-calendar/dark-purple.png"> |

### Date Pickers

| **Single Date** | **Multiple Date** | **Date Range** |
| :---: | :---: | :---: |
| <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557327864/v-calendar/single-picker.png"> | <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557327864/v-calendar/multi-picker.png"> | <img width="200" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557327864/v-calendar/range-picker.png"> |

### Custom Calendars w/ Scoped Slots

<img width="400" src="https://res.cloudinary.com/dqgcfqzpk/image/upload/v1557328504/v-calendar/custom-calendars.png">