open-index/open-npm huggingface dataset:
npm package: @jmhs11/kurocli
Description: CLI to bootstrap projects
Author: Jose Maria Herrero
Latest version: 1.0.1

# KUROCLI

◼ KuroCLI is a bootstraper to create projects based on templates

## Installation

Install the package with npm

```bash
$ npm i -g @jmhs11/kurocli
```

## Usage

KuroCLI has different options:

Select Template

```bash
$ kurocli [webpack|<other-template>]
```

Define Directory

```bash
$ kurocli [--dir|--d <project-path>]
```

Initialize Local Git Repository

```bash
$ kurocli [--git|--g]
```

Skip Questions

```bash
$ kurocli [--yes|--y]
```

Automatically Install Dependencies

```bash
$ kurocli [--install|--i]
```

Raw Command

```bash
$ kurocli
  This command will prompt some questions to define the variables of the project
```

All Options

```bash
$ kurocli webpack --d test --g --y --i
```

## Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

## License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @jmhudak/storybook-react-live-decorator
Description: A decorator to make story components editable
Author: Jonathan Hudak
Latest version: 0.1.0

# `react-live` decorator for @storybook/react

## Prerequisites

Install storybook: https://storybook.js.org/docs/guides/guide-react/

1 liner:

```
npx -p @storybook/cli sb init --type react
```

## Install

```bash
npm i @jmhudak/storybook-react-live-decorator --save-dev
```

## Usage

```jsx
// Button.stories.jsx
import React from "react";
import { Button } from "@storybook/react/demo";
import withLiveEdit from "../index.esm.js";

export default {
  title: "Button"
};

export const defaultStory = () => <Button>Hello I am a Button</Button>;

defaultStory.story = {
  name: "default",
  decorators: [withLiveEdit({ Button })]
};
```

- [See demo](https://github.com/jonathanhudak/storybook-react-live-decorator)

## References

- https://storybook.js.org/docs/guides/guide-react/
- https://storybook.js.org/docs/basics/writing-stories/#decorators
- https://github.com/FormidableLabs/react-live
- https://github.com/FormidableLabs/prism-react-renderer/tree/master/tools/themeFromVsCode
npm package: @jmigueprieto/mlite-ui-components
Description: UI Component Library used in mprieto.me
Author: jmigueprieto
Latest version: 0.0.8

# Mlite UI Components

> This is a UI Component Library which I've started mainly rebuild my [homepage](https://mprieto.me) and to use it in [my blog](https://mprieto.me/blog).

[![NPM](https://img.shields.io/npm/v/@jmigueprieto/mlite-ui-components.svg)](https://www.npmjs.com/package/@jmigueprieto/mlite-ui-components)

## Install

```bash
npm install --save @jmigueprieto/mlite-ui-components
```

## Usage

```jsx
import React from "react";

import "@jmigueprieto/mlite-ui-components/dist/index.css";
import { Page, Social } from "@jmigueprieto/mlite-ui-components";

const App = () => {
  return (
    <Page>
      <Comment>
        Aloha <br />
        From Hawaii! <br />
        @author It's Elvis <br />
      </Comment>
      <Social type="twitter" href="https://twitter.com/miguelprieto" />
      <Social type="github" href="https://github.com/jmigueprieto" />
    </Page>
  );
};

export default App;
```

![Sample Components](./docs/images/snippet.png)

## Updates

**2020-07-26**

Just getting started. I'm mostly trying the setup of things

I started the project using [create-react-library](https://github.com/transitive-bullshit/create-react-library). It's pretty cool.

Added a few components, storybook and other stuff to it.

## License

MIT © [jmigueprieto](https://github.com/jmigueprieto)
npm package: @jmind.systems/react-modal
Description: **[aphrodite](https://www.npmjs.com/package/aphrodite) is required for react-modal to work** ### Example [codesandbox](https://codesandbox.io/s/brave-austin-u81bv?file=/src/App.js) ## Docs
Author: R3tter
Latest version: 0.0.27

# React-Modal
**[aphrodite](https://www.npmjs.com/package/aphrodite) is required for react-modal to work**
### Example
[codesandbox](https://codesandbox.io/s/brave-austin-u81bv?file=/src/App.js)
## Docs

- **addModal** - takes a modal name. Use to open modal.
- **removeModal** - takes a modal name. Use to close modal.
- **subscribeToModal**: (name, callback: (isOpen)) - callback will be trigger on modal open/close 
- **name**: string - The modal name should be unique
- **children**: ReactNode - modal content
- **type**: string: submit, confirm, custom
- **onClose**?: function
- **onSubmit**?: function - will be triggered when the user clicks on submit button
- **settings**?: object - use this parameter to pass custom settings:
  1. rootStyles: object
  2. overlayStyles: object
  3. withCloseBtn: boolean (default true) - Using this prop you can show  
  or hide close btn (cross.svg)
  4. closeStyles: object
     1. svg: object - Use to change close btn position, size, etc.
     2. path: object - Use to change close button color
- **controlsSettings**?: object 
  1. cancel: object - cancel button settings.
     1. text: string | React.Element - cancel button text
     2. styles: object - styles for cancel button. Use this  
       parameter to change default button styles.
  2. submit: object - submit button settings
     1. text: string | React.Element - submit button text
     2. styles: object - styles for submit button. Use this  
               parameter to change default button styles.  
  3. wrapper: object - There is a parant div around cancel and submit buttons. 
     Use this parameter to change wrapper style (margin, background, etc.)   
- **closeIcon**?: function This prop can be used to pass custom close component, for example text.
- **portalId**?:string (default - modal) - By default you should have root div with id="modal" ().
npm package: @jmind.systems/react-role-controller
Description: ``` import { UserRole } from 'react-role-controller';
Author: andrey_polovinchenko
Latest version: 0.0.4

# React-role-controller
## Usage example
```
import { UserRole } from 'react-role-controller';

<UserRole roles={roles} currentRole={currentRole}>
  {children}
</UserRole>

```

## Docs
1. Roles - array of roles (strings),
2. CurrentRole - role (string),
3. Children - array of React nodes
npm package: @jmind.systems/react-status-controller
Description: **[aphrodite](https://www.npmjs.com/package/aphrodite) is required for React-status-controller to work** Usage example
Author: R3tter
Latest version: 0.0.14

# React-status-controller
**[aphrodite](https://www.npmjs.com/package/aphrodite) is required for React-status-controller to work**
Usage example 

[codesandbox](https://codesandbox.io/s/modest-cache-hknp6?file=/src/App.js)

### Docs
 1. statuses - statuses array from redux state
 2. error - function. Use to display error from redux state
 3. reduxStatuses - you can pass your statuses to StatusController.   
    Default - 
    ```
    {
         none: 'none',
         loading: 'loading',
         error: 'error',
         success: 'success'
    }
    ``` 
    Your reduxStatuses should be an object with the same keys.
 4. loaderSettings - object. Use this parameter to set your custom styles to the loader (default)   
    loaderSettings have following keys:
    1. size - loader size;
    2. color - loader color;
    3. styles - loader wrapper styles.  
        Default
        ```
         display: 'flex',
         justifyContent: 'center',
         alignItems: 'center',
         width: '100%',
         height: '100%',
       ```
 5. Loader - Use this parameter to set your custom Loader component
    Example: 
    ```
     <StatusController Loader={() => <span>Loading...</span>}>
    
     </StatusController>
    ```
npm package: @jmjs/n8n-nodes-vikunja
Description: This is an n8n community node which lets you use Vikunja in your n8n workflows.
Author: Vikunja Maintainers
Latest version: 0.4.13

# n8n-nodes-vikunja

This is an n8n community node. It lets you use Vikunja in your n8n workflows.

Vikunja is an open-source, self-hostable to-do and productivity application.
Check out [our website](https://vikunja.io/) for more information.

[n8n](https://n8n.io/) is a [fair-code licensed](https://docs.n8n.io/reference/license/) workflow automation platform.

* [Installation](#installation)  
* [Operations](#operations)  
* [Credentials](#credentials)
* [Compatibility](#compatibility)  
* [Development](#development)
* [Resources](#resources)  

## Installation

Follow the [installation guide](https://docs.n8n.io/integrations/community-nodes/installation/) in the n8n community nodes documentation.

## Operations

This node supports all operations supported by Vikunja API tokens.
You can see a full list of possible actions when creating a token in Vikunja.

It also allows you to trigger n8n workflows by Vikunja webhooks.

## Credentials

The only supported authentication method for this node are API tokens.
On your Vikunja instance, head over to *Settings > API Tokens* and create a new token.

In n8n, create credentials as you usually would.
Enter the API token created previously and the API url.

## Compatibility

Tested with n8n Version 1.91.3.

## Development

You need npm and NodeJS installed.

* Install dependencies with `npm i`
* Build the node with `npm run build`
* Check for lint errors with `npm run lint` and fix them with `npm run lintfix`
* To release a new version in the npm registry, run `npm publish`
* To test the node, build the node with `npm run build`, then while in the project directory run `export N8N_CUSTOM_EXTENSIONS=$PWD` and start n8n with the `n8n` command. You should now be able to find the node when searching for it.

## Resources

* [n8n community nodes documentation](https://docs.n8n.io/integrations/community-nodes/)
* [Vikunja n8n Docs](https://vikunja.io/docs/n8n)
* [Vikunja General Docs](https://vikunja.io/docs/)
npm package: @jmk-org-pl/vocab
Description: Access your vocabularies as datasets or n-quads
Author: Data Mazes Sp. z o.o.
Latest version: 0.1.1

# @zazuko/build-your-vocabularies

Roll your own vocabularies package which will export your ontologies/vocabularies as n-quads and code modules.

## Preparation

Having created a repository from this template, follow the instructions below to create a package with your vocabularies.

1. Adjust `package.json`, at the least by:
   * changing the name
   * changing the `bin` name
   * changing the `indexBase` in `fetch` script
   * possibly remove `private: true`
2. Prepare your vocabularies:
   * add their prefix/namespace pairs in [src/prefixes.ts](src/prefixes.ts)
   * if necessary, set up their fetch routine in [`build/overrides.ts`](build/overrides.ts)
   * see [here](https://github.com/zazuko/rdf-vocabularies/blob/master/overrides.ts) for examples of various overrides
   * local vocabularies can be created in [src/vocabulary](src/vocabulary) as RDF sources
3. `npm run fetch`
   * optionally call as `npm run fetch -- <prefix>` to fetch+process only one
4. Customise this readme
4. Commit the result
5. Bump version and publish your package
   * Might consider setting CI automation

Check the `example` branch for inspiration

## Usage

The final product will be an extension to the `@zazuko/rdf-vocabularies`, albeit with side effects. Simply import in your project the to have you prefixes added to the default selection.

```javascript
// replace with your package name
import '@zazuko/build-your-vocabularies'
```

Additionally, modules exporting `@rdfjs/namespace` builders will be generated.

```javascript
// default builders
import { prefixA } from '@zazuko/build-your-vocabularies/builders'

// strict builders prevent constructing terms which are not defined in vocabulary
import { prefixB } from '@zazuko/build-your-vocabularies/builders/strict'
```

Check [`@zazuko/rdf-vocabularies` readme](https://github.com/zazuko/rdf-vocabularies#usage) for detailed usage instructions.
npm package: @jmkng/sen
Description: A collection of CodeMirror extensions
Author: Jon Koenig
Latest version: 0.1.0

# Sen

Simple, reusable CodeMirror (v6+) extensions.

## Usage

The extensions are exported as functions that return an array of extensions that you can apply to your view.

Import the ones that you want, and execute them like this:

```js
import { EditorView } from "@codemirror/view";
import { bold, heading, block } from "@jmkng/sen/markdown";

let view = new EditorView({
  // ...
  extensions: [
    // ...
    bold(), // "@jmkng/sen/editor/markdown/bold"
    heading(), // "@jmkng/sen/markdown/heading"
    block(), // "@jmkng/sen/markdown/block"
  ],
  // ...
});
```

The extensions are designed to be mostly self contained, so you can just copy/paste most of the code into your own project if you don't want a dependency on the package.

## Demo

A demo application that uses most of the plugins is available.

1. Generate the `demo/dist/demo.js` bundle with `npm run bundle:demo`, or `npm run bundle:demo:-w` to watch for changes in development.
2. Open the `demo/index.html` file in your browser.