open-index/open-npm huggingface dataset:
npm package: @lotsof/cli
Description: An easy to use cli that allows you to import reusable components and more.
Author: Lotsof
Latest version: 1.0.0-alpha.97

# `lotsof` CLI

The `lotsof` cli allows you to access all the packages exposed command line utilities like:

- `@lotsof/factory`
  - `lotsof factory.start`: Start the lotsof factory UI
- `@lotsof/components`
  - `lotsof components.add ...`: Add a component from any registered components libraries [see @lotsof/components package](https://github.com/lotsofdev/monorepo/tree/master/packages/components) for more info.
- And more to come...

---

- [`lotsof` CLI](#lotsof-cli)
  - [Install](#install)
  - [Features](#features)
  - [Contribute](#contribute)

---

## Install

To install, simply use this command:

```sh
npm i @lotsof/cli -g
```

Make sure it worked by launching this command:

```
lotsof
```

You should see the CLI documentation.

---

## Features

The features provided by the CLI depends on the `lotsof` packages you have in your current project.

Each packages will describe their own command line tools as well as you can access it using `lotsof --help` generic command to see what you have access in your current directory.

---

## Contribute

To contribute to this package, please [follow these guidelines](https://github.com/lotsofdev/monorepo/blob/master/CONTRIBUTE.md).

Everyone is welcome as long as they respect our [code of conduct](https://github.com/lotsofdev/monorepo/blob/master/CODEOFCONDUCT.md).
npm package: @lotsof/config
Description: Simple and useful way to configure all the lotsof ecosystem
Author: Olivier Bossel
Latest version: 1.0.0-alpha.97

# Lotsof Config

TBD

---

## Contribute

To contribute to this package, please [follow these guidelines](https://github.com/lotsofdev/monorepo/blob/master/CONTRIBUTE.md).

Everyone is welcome as long as they respect our [code of conduct](https://github.com/lotsofdev/monorepo/blob/master/CODEOFCONDUCT.md).
npm package: @lotsof/docblock
Description: Powerful class that let you parse docblocks with some registered tags like "name", "author", and a lot more...
Author: Olivier Bossel
Latest version: 1.0.0-alpha.97

# Lotsof Docblock

TBD

---

## Contribute

To contribute to this package, please [follow these guidelines](https://github.com/lotsofdev/monorepo/blob/master/CONTRIBUTE.md).

Everyone is welcome as long as they respect our [code of conduct](https://github.com/lotsofdev/monorepo/blob/master/CODEOFCONDUCT.md).
npm package: @lotsof/docmap
Description: Powerful class that let you generate and read docmap.json file. A docmap.json file is a "directory" that lists all the documentation found in your code using docblocks and the "@namespace" tag.
Author: Olivier Bossel
Latest version: 1.0.0-alpha.97

# Lotsof Docmap

TBD

---

## Contribute

To contribute to this package, please [follow these guidelines](https://github.com/lotsofdev/monorepo/blob/master/CONTRIBUTE.md).

Everyone is welcome as long as they respect our [code of conduct](https://github.com/lotsofdev/monorepo/blob/master/CODEOFCONDUCT.md).
npm package: @lotsof/factory
Description: Useful components factory UI that allows you to build and test your own components easily
Author: Olivier Bossel
Latest version: 1.0.0-alpha.97

# Lotsof Factory

The factory is a UI that allows you to create, display and tests your [components](https://github.com/lotsofdev/monorepo/tree/master/packages/components).

---

- [Lotsof Factory](#lotsof-factory)
  - [Features](#features)
  - [Requirements](#requirements)
  - [Install](#install)
  - [Usage](#usage)
  - [Contribute](#contribute)

---

## Features

The factory currently support these features:

- List components
- Render a component using one of these engines:
  - [Blade](https://laravel.com/docs/11.x/blade)
  - [Twig](https://twig.symfony.com/)
  - [React](https://react.dev/)
  - [Vue](https://vuejs.org/)
- Play with your component attributes described using [json-schema](https://json-schema.org/)
- Save and load `presets` for each components
- Resize viewport using media queries
- Hotkeys for quick and efficient navigation
- Command panel (like vscode) as navigation option
- And more...

---

## Requirements

This package works in conjuction with the [components](https://github.com/lotsofdev/monorepo/tree/master/packages/components) workflow. Make sure to check this out before.

- PHP: `^8.0.0`
- Node: `20.0.0`

## Install

To install the factory in your project, simply use this command:

```shell
npm i @lotsof/factory
```

---

## Usage

To start the factory, simple use this command:

```shell
lotsof factory.start
```

> Note that this package make uses of the [Lotsof CLI](https://github.com/lotsofdev/monorepo/tree/master/packages/cli). Please make sure to install it before.

Then you have to start your project development process.

For now the Factory will load these 2 url's:

- `http://localhost/src/js/index.ts`
- `http://localhost/src/css/index.css`

> This will be updated to enable custom assets to load as well in the futur.

You can then just go to **[http://0.0.0.0:3000](http://0.0.0.0:3000)** to access the Factory UI.

---

## Contribute

To contribute to this package, please [follow these guidelines](https://github.com/lotsofdev/monorepo/blob/master/CONTRIBUTE.md).

Everyone is welcome as long as they respect our [code of conduct](https://github.com/lotsofdev/monorepo/blob/master/CODEOFCONDUCT.md).
npm package: @lotsof/i18n
Description: Simple but powerfull package that let you handle i18n of your websites/apps easily and elegantly
Author: Olivier Bossel
Latest version: 1.0.0-alpha.97

# Lotsof i18n

TBD

---

## Contribute

To contribute to this package, please [follow these guidelines](https://github.com/lotsofdev/monorepo/blob/master/CONTRIBUTE.md).

Everyone is welcome as long as they respect our [code of conduct](https://github.com/lotsofdev/monorepo/blob/master/CODEOFCONDUCT.md).
npm package: @lotsof/json-schema-form
Description: Simple to use webcomponent to display a form based on a json schema.
Author: Olivier Bossel
Latest version: 1.0.0-alpha.97

# Lotsof Json Schema Form Element

TBD

---

## Contribute

To contribute to this package, please [follow these guidelines](https://github.com/lotsofdev/monorepo/blob/master/CONTRIBUTE.md).

Everyone is welcome as long as they respect our [code of conduct](https://github.com/lotsofdev/monorepo/blob/master/CODEOFCONDUCT.md).
npm package: @lotsof/sugar
Description: A toolkit that gives you access to "lots of" of cool and useful Node/Js/Php functions/classes like "querySelectorLive", "getFreePort", etc... 
Author: Lotsof
Latest version: 1.0.0-alpha.97

# Lotsof Sugar

TBD

---

## Contribute

To contribute to this package, please [follow these guidelines](https://github.com/lotsofdev/monorepo/blob/master/CONTRIBUTE.md).

Everyone is welcome as long as they respect our [code of conduct](https://github.com/lotsofdev/monorepo/blob/master/CODEOFCONDUCT.md).
npm package: @lotsof/sugarcss
Description: Add a sugar in your css with nice features like live update and more
Author: Lotsof
Latest version: 1.0.0-alpha.97

# Lotsof Sugarcss

TBD

---

## Contribute

To contribute to this package, please [follow these guidelines](https://github.com/lotsofdev/monorepo/blob/master/CONTRIBUTE.md).

Everyone is welcome as long as they respect our [code of conduct](https://github.com/lotsofdev/monorepo/blob/master/CODEOFCONDUCT.md).
npm package: @lotsof/types
Description: Types system to share types libraries easily
Author: Olivier Bossel
Latest version: 1.0.0-alpha.97

# Lotsof Types

TBD

---

## Contribute

To contribute to this package, please [follow these guidelines](https://github.com/lotsofdev/monorepo/blob/master/CONTRIBUTE.md).

Everyone is welcome as long as they respect our [code of conduct](https://github.com/lotsofdev/monorepo/blob/master/CODEOFCONDUCT.md).