open-index/open-npm huggingface dataset:
npm package: @manuelderuiter/editorjs-layout
Description: Layout block tool for Editor.js. 
Author: Tomoyuki Hata
Latest version: 1.2.7

# editorjs-layout

Layout block tool for Editor.js.

Alternative solution: [editorjs-inline](https://github.com/hata6502/editorjs-inline)

### ✨ [Demo](https://hata6502.github.io/editorjs-layout/)

![demo](https://user-images.githubusercontent.com/7702653/105721139-97eb9100-5f67-11eb-8dca-dd4d89314377.gif)

## Install

```bash
$ npm i editorjs-layout
```

or

```html
<script src="https://cdn.jsdelivr.net/npm/editorjs-layout@latest"></script>
```

## Usage

Please see [demo HTML](https://github.com/hata6502/editorjs-layout/blob/main/docs/index.html).

## Config params

Please see type declaration of [LayoutBlockToolConfig](https://github.com/hata6502/editorjs-layout/blob/main/src/LayoutBlockTool.ts).

## Output data

Please see type declaration of [ValidatedLayoutBlockToolData](https://github.com/hata6502/editorjs-layout/blob/main/src/LayoutBlockTool.ts).

## Copied data

Please see type declaration of [LayoutBlockToolData](https://github.com/hata6502/editorjs-layout/blob/main/src/LayoutBlockTool.ts).

NOTE:
Copied block data by `ctrl+c` are not [validated](https://editorjs.io/blockapi#methods).
So copied block data and output block data may be different.
Please see also [this comment](https://github.com/codex-team/editor.js/issues/1280#issuecomment-706482368).

## Disclaimer

The following creations are included in this product:

- [ionic-team/ionicons](https://github.com/ionic-team/ionicons/blob/master/LICENSE)
npm package: @manuelernestog/click-handler
Description: Handle click and double click events on same element on javascript.
Author: Manuel Ernesto Garcia
Latest version: 1.4.1

# manuelernestog/click-handler

[![npm (scoped)](https://img.shields.io/npm/v/@bamblehorse/tiny.svg)](https://www.npmjs.com/package/@manuelernestog/click-handler)
[![npm bundle size (minified)](https://img.shields.io/bundlephobia/min/@bamblehorse/tiny.svg)](https://www.npmjs.com/package/@manuelernestog/click-handler)

Handle click and dblclick events on same element on javascript.

## Install

```bach
$ npm install @manuelernestog/click-handler
// or
$ yarn add @manuelernestog/click-handler
```

## Usage

```js
import ClickHandler from("@manuelernestog/click-handler");

const clickDelay = 500; // delay it's optional (350 miliseconds by default)
var clickHandler = new ClickHandler(clickDelay);

function onClickActions() {...}
function onDblClickActions() {...}

// Call the handle method inside your click action
function onClick() {

    clickHandler.handle(onClickActions,onDblClickActions);

    // If you need to handle this behavior in different elements in the same view, add the ID for isolating the state of each element
 clickHandler.handle(onClickActions,onDblClickActions,elementId);

}


```
npm package: @manuelflorezw/cqrs
Description: A simple JavaScript library for implementing the CQRS pattern
Author: Manuel Florez
Latest version: 1.0.2

# CQRS

## A simple JavaScript library for implementing the CQRS pattern

- Command
- Query

## Instalación

```bash
npm install @manuelflorezw/cqrs
```

## Clase Command

```js
class Command {
  constructor(command) {
    if (typeof command.execute !== 'function') {
      throw new Error('Invalid function execute')
    }
    this.command = command
  }

  execute(param) {
    return this.command.execute(param)
  }
}
```

## Clase Query

```js
class Query {
  constructor(query) {
    if (typeof query.execute !== 'function') {
      throw new Error('Invalid function execute')
    }
    this.query = query
  }

  execute(params) {
    return this.query.execute(params)
  }
}
```

## Example

```
    ├── user-repository                     # (commands, queries, models)
    |   ├── commands                        # COMMANDS
    |   |   └── createUserCommand.js        # insert new user
    |   ├── queries                         # QUERIES
    |   |   └── getUserByIdQuery.js         # find user by Id
    |   └── models                          # MODELS
    |       └── model.js                    # Modelo to access database
    └── main.js                             # main.js
```

## model.js

Connection to database

```js
// user-repository/models/model.js
const users = new Map()

export const UserModel = {
  findById: id => users.get(id),
  create: user => {
    const id = users.size
    users.set(id, user)
    return id
  }
}
```

##  createUserCommand.js

```js
//user-repository/commands/createUserCommand.js
import { UserModel } from '../models/model.js'

import { Command } from '@manuelflorezw/cqrs'

const execute = user => UserModel.create(user)

export const command = new Command({ execute })
```

## getUserByIdQuery.js

```js
//user-repository/queries/getUserByIdQuery.js
import { UserModel } from '../models/model.js'

import { Query } from '@manuelflorezw/cqrs'

const execute = id => UserModel.findById(id)

export const query = new Query({ execute })
```

## main.js

```js
import { command } from './user-repository/commands/createUserCommand.js'
import { query } from './user-repository/queries/getUserByIdQuery.js'

const id = command.execute({ name: 'Jhon'})

const result = query.execute(id)

console.log(id)
console.log(result)
```
npm package: @manuelflorezw/event-core
Description: A simple JavaScript library for implementing the evetns
Author: Manuel Florez
Latest version: 0.0.4

![npm](https://img.shields.io/npm/v/@manuelflorezw/event-core)
![License](https://img.shields.io/github/license/ManuelFlorezW/event-core)
![Issues](https://img.shields.io/github/issues/ManuelFlorezW/event-core)

# event-core

Library for handling events, with decision and projection functions per event, using two utility classes: `Result` and `Command`.

```bash
npm install @manuelflorezw/event-core@latest
```

## License

MIT © 2025 Manuel Florez

## Author

Made with ❤️ by [Manuel Florez](https://github.com/ManuelFlorezW)
npm package: @manuelitox/stats-cli
Description: Get file system information from a CLI
Author: Manuel Gonzalez
Latest version: 1.0.4

[![Build Status](https://travis-ci.org/manuelitox/stats-cli.svg?branch=master)](https://travis-ci.org/manuelitox/stats-cli)

# Stats CLI 

![demo](https://github.com/manuelitox/stats-cli/blob/master/demo.gif)

Get relevant file information of your project from a CLI

## Install:

- run `yarn add @manuelitox/stats-cli` or `npm install @manuelitox/stats-cli --save`

## How to use:

- By last, go to root directory of your project and run `yarn @manuelitox/stats-cli` and start magic ✨
npm package: @manuelm2/use-star-wars-quote
Description: a custom react hook that provides a random star wars quote
Author: manueljosemt
Latest version: 2.0.0

# @manuelm2/use-star-wars-quote

> a custom react hook that provides a random star wars quote

[![NPM](https://img.shields.io/npm/v/@manuelm2/use-star-wars-quote.svg)](https://www.npmjs.com/package/@manuelm2/use-star-wars-quote) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save @manuelm2/use-star-wars-quote
```

## Usage

```jsx
import React from 'react'
import { useStarWarsQuote } from '@manuelm2/use-star-wars-quote'

const App = () => {
  const {quote, loading} = useStarWarsQuote()

  if (loading) return <p>Loading...</p>
  
  if (quote){
    return (
      <div>
        {quote}
      </div>
    )
  }

  return null
}

export default App
```

## License

MIT © [manueljosemt](https://github.com/manueljosemt)

---

This hook is created using [create-react-hook](https://github.com/hermanya/create-react-hook).
npm package: @manuelmiklo/editor
Description: React Component for the wisemapping editor.
Author: Paulo Veiga
Latest version: 0.4.3

# Editor

React Component for the wisemapping editor.

## Usage

This is a work in progress and for now mindplot needs to be instantiated using the initCallback prop. Check `test/playground/map-render` for some usage examples.

    import Editor from `@wisemapping/editor`;

    ReactDOM.render(
        <Editor 
            mapId={1}
            memoryPersistence={false}
            readOnlyMode={false}
            locale="en"
            onAction={(action) => console.log('action called:', action)}
            initCallback={initialization}
        />,
        document.getElementById('root'),
    );


## i18n

Messages are translated in the `lang` folder, and then compiled to `src/compiled-lang` using the following command:

    yarn compile lang/de.json --ast --out-file src/compiled-lang/de.json