open-index/open-npm huggingface dataset:
npm package: @mbarde/volto-image-crop-widget
Description: Volto add-on: Extends Voltos FileWidget to be able to crop images in-place.
Latest version: 0.5.1

# volto-image-crop-widget

Extends built-in FileWidget of [Volto](https://github.com/plone/volto) to be able to crop images in-place using [react-image-crop](https://www.npmjs.com/package/react-image-crop).

![Demo](https://github.com/mbarde/volto-image-crop-widget/raw/docs/docs/demo.gif)

### Why?

Users do not have to know & use external tools when they want to crop images.

## Features

* Free crop
* Fixed aspect ratio crop
* Adjust brighness
* Flip

## Setup

### Add volto-image-crop-widget to your Volto project

1. Make sure you have a [Plone backend](https://plone.org/download) up-and-running at http://localhost:8080/Plone

(for example via `docker run -it --rm --name=plone -p 8080:8080 -e SITE=Plone -e PROFILES="plone.volto:default-homepage" plone/plone-backend:6.0.1`)

2. Start Volto frontend

- If you already have a volto project, just update `package.json`:

  ```JSON
  "addons": [
      "@mbarde/volto-image-crop-widget"
  ],

  "dependencies": {
      "@mbarde/volto-image-crop-widget": "*"
  }
  ```

- If not, create one:

  ```
  npm install -g yo @plone/generator-volto
  yo @plone/volto my-volto-project --addon @mbarde/volto-image-crop-widget
  cd my-volto-project
  ```

3. Install new add-ons and restart Volto:

   ```
   yarn
   yarn start
   ```

4. Go to http://localhost:3000


## Configuration

### Enable and define aspect crops:

```Javascript
export default function applyConfig(config) {
  config.settings.image_crop_aspect_ratios = [
    {
      label: '16:9',
      ratio: 16 / 9,
    },
    {
      label: '4:3',
      ratio: 4 / 3,
    },
    {
      label: '1:1',
      ratio: 1,
    },
  ];
  return config;
}
```
npm package: @mbari/quasar-app-extension-qgeomap
Description: A Quasar App Extension for geometry viewing and editing
Author: Carlos Rueda
Latest version: 0.0.2

# A Quasar component for geometry viewing and editing

Status: preliminary

> ![](ss.png)

# Install
```bash
quasar ext add @mbari/qgeomap
```
Quasar CLI will retrieve the component from NPM and install the extension.

# Uninstall
```bash
quasar ext remove @mbari/qgeomap
```

# Describe
```bash
quasar describe qgeomap
```
npm package: @mbarlocker/date-curry
Description: date-curry is a simple wrapper around the date-fns library to allow formatting and parsing of string dates.
Author: Matthew Barlocker
Latest version: 0.1.0

# date-curry

[![CI](https://github.com/mbarlocker/date-curry/actions/workflows/ci.yml/badge.svg)](https://github.com/mbarlocker/date-curry/actions/workflows/ci.yml)
[![NPM version](http://img.shields.io/npm/v/@mbarlocker/date-curry.svg)](https://www.npmjs.com/package/@mbarlocker/date-curry)
[![License](http://img.shields.io/badge/license-mit-blue.svg?style=flat-square)](https://raw.githubusercontent.com/mbarlocker/date-curry/main/LICENSE)

Simplified date parsing and formatting from strings. This project wraps the `parse` and `format` functions of [date-fns](https://github.com/date-fns/date-fns).

## Installation

```sh
yarn add @mbarlocker/date-curry
```

## Examples

```js
import { curryDateFormat } from '@mbarlocker/date-curry'

const formats = curryDateFormat('P p')

const now = new Date().toISOString() // it'd be easier to use a date here, but imagine you got this date string from an API
console.log('Current time in current locale is', formats.format(now))
console.log('Current time in date format is', formats.parse(now))
```

## License
Copyright © 2023-present Matthew Barlocker.

@mbarlocker/date-curry is licensed under the MIT License. See [LICENSE](LICENSE) for the full license text.
npm package: @mbarlocker/typescript-buffers
Description: Consistent conversion to and from buffers for various data types and representations.
Author: Matthew Barlocker
Latest version: 0.1.0

# typescript-buffers

[![CI](https://github.com/mbarlocker/typescript-buffers/actions/workflows/ci.yml/badge.svg)](https://github.com/mbarlocker/typescript-buffers/actions/workflows/ci.yml)
[![NPM version](http://img.shields.io/npm/v/@mbarlocker/typescript-buffers.svg)](https://www.npmjs.com/package/@mbarlocker/typescript-buffers)
[![License](http://img.shields.io/badge/license-mit-blue.svg?style=flat-square)](https://raw.githubusercontent.com/mbarlocker/typescript-buffers/main/LICENSE)

Consistent conversion to and from buffers for various data types and representations.

## Installation

```sh
yarn add @mbarlocker/typescript-buffers
```

## Data Types

* IPv4
* IPv6
* UUID

## License

Copyright © 2023-present Matthew Barlocker.

@mbarlocker/typescript-buffers is licensed under the MIT License. See [LICENSE](LICENSE) for the full license text.
npm package: @mbarlocker/vue-utils
Description: Common library of random vue utilities that I couldn't find elsewhere on the internet.
Author: Matthew Barlocker
Latest version: 0.6.4

# vue-utils

[![CI](https://github.com/mbarlocker/vue-utils/actions/workflows/ci.yml/badge.svg)](https://github.com/mbarlocker/vue-utils/actions/workflows/ci.yml)
[![NPM version](http://img.shields.io/npm/v/@mbarlocker/vue-utils.svg)](https://www.npmjs.com/package/@mbarlocker/vue-utils)
[![License](http://img.shields.io/badge/license-mit-blue.svg?style=flat-square)](https://raw.githubusercontent.com/mbarlocker/vue-utils/main/LICENSE)

Common library of random vue utilities that I couldn't find elsewhere on the internet.

This library will probably balloon with dependencies, but it shouldn't matter since you're using Vue + Vite, which has tree shaking.

## Installation

```sh
yarn add @mbarlocker/vue-utils
```

## Libraries

* [jumper](./src/jumper/README.md)
* [jwt](./src/jwt/README.md)
* [lazy](./src/lazy/README.md)
* [focus](./src/focus/README.md)
* [router-canonical](./src/router-canonical/README.md)
* [router-coalesce](./src/router-coalesce/README.md)
* [router-plugin](./src/router-plugin/README.md)
* [router-proxy](./src/router-proxy/README.md)
* [timezone](./src/timezone/README.md)
* [title-parts](./src/title-parts/README.md)

## Directives

* [bootstrap-directives](./src/bootstrap-directives/README.md)
* [bootstrap-popovers](./src/bootstrap-popovers/README.md)
* [bootstrap-tooltips](./src/bootstrap-tooltips/README.md)
* [focus](./src/focus/README.md)
* [fontawesome](./src/fontawesome/README.md)

## Components

* [apexchart](./src/apexchart/README.md)
* [bootstrap-containers](./src/bootstrap-containers/README.md)
* [bootstrap-inputs](./src/bootstrap-inputs/README.md)
* [bootstrap-pagination](./src/bootstrap-pagination/README.md)
* [fontawesome](./src/fontawesome/README.md)
* [loading-button](./src/loading-button/README.md)
* [promised](./src/promised/README.md)

## License

Copyright © 2023-present Matthew Barlocker.

@mbarlocker/vue-utils is licensed under the MIT License. See [LICENSE](LICENSE) for the full license text.
npm package: @mbarto/remix-run-vercel
Description: Vercel server request handler for Remix
Latest version: 1.1.1-vercelfix.4

# Welcome to Remix!

[Remix](https://remix.run) is a web framework that helps you build better websites with React.

To get started, open a new shell and run:

```sh
$ npx create-remix@latest
```

Then follow the prompts you see in your terminal.

For more information about Remix, [visit remix.run](https://remix.run)!
npm package: @mbc-cqrs-serverless/directory
Description: Directory module
Author: Murakami Business Consulting, Inc.
Latest version: 1.2.5

![MBC CQRS serverless framework](https://mbc-cqrs-serverless.mbc-net.com/img/mbc-cqrs-serverless.png)

# MBC CQRS serverless framework Directory Service package

## Description

This package provides directory management functionality in a multi-tenant CQRS architecture. It enables the creation, management of folder, file with support for:

- **Directory CRUD Operations**: Create, read, update, and delete folders and files
- **Access Permissions**: Manage granular permissions for specific folders and files
- **Multi-tenant Support**: Tenant-isolated directory management

## Features

- **Directory Management**: Full management of files and folders (integrates with S3)
- **Tenant Isolation**: Secure multi-tenant data separation
- **Granular Permissions**: Manage access control for individual files and folders
- **Event-Driven Architecture**: Built on CQRS pattern with command/event handling
- **RESTful API**: Complete REST API for directory operations

## Installation

```bash
npm install @mbc-cqrs-serverless/directory
```

## API Endpoints

- `GET /api/directory/` - Search and list files and folders
- `POST /api/directory/` - Create a new file or folder
- `GET /api/directory/:id` - Get details for a specific file or folder
- `PUT /api/directory/:id` - Update a specific file or folder
- `DELETE /api/directory/:id` - Delete a specific file or folder

## Documentation

Visit https://mbc-cqrs-serverless.mbc-net.com/ to view the full documentation.

## License

Copyright &copy; 2024, Murakami Business Consulting, Inc. https://www.mbc-net.com/  
This project and sub projects are under the MIT License.
npm package: @mbc-cqrs-serverless/survey-template
Description: Survey module
Author: Murakami Business Consulting, Inc.
Latest version: 1.2.5

![MBC CQRS serverless framework](https://mbc-cqrs-serverless.mbc-net.com/img/mbc-cqrs-serverless.png)

# MBC CQRS serverless framework Survey Template Service package

## Description

This package provides survey template management functionality in a multi-tenant CQRS architecture. It enables the creation, management, and storage of survey templates with support for:

- **Survey Template CRUD Operations**: Create, read, update, and delete survey templates
- **Multi-tenant Support**: Tenant-isolated survey template management
- **Flexible Survey Structure**: JSON-based survey template definitions supporting various question types
- **Search and Filtering**: Advanced search capabilities with keyword matching and filtering options

## Features

- **Survey Template Management**: Full lifecycle management of survey templates
- **Tenant Isolation**: Secure multi-tenant data separation
- **Flexible Schema**: Support for complex survey structures with sections and various question types
- **Search Capabilities**: Search by name, description, or other attributes
- **Event-Driven Architecture**: Built on CQRS pattern with command/event handling
- **RESTful API**: Complete REST API for survey template operations

## Installation

```bash
npm install @mbc-cqrs-serverless/survey-template
```

## API Endpoints

- `GET /api/survey-template/` - Search and list survey templates
- `POST /api/survey-template/` - Create a new survey template
- `GET /api/survey-template/:id` - Get a specific survey template
- `PUT /api/survey-template/:id` - Update a survey template
- `DELETE /api/survey-template/:id` - Delete a survey template

## Documentation

Visit https://mbc-cqrs-serverless.mbc-net.com/ to view the full documentation.

## License

Copyright &copy; 2024, Murakami Business Consulting, Inc. https://www.mbc-net.com/  
This project and sub projects are under the MIT License.
npm package: @mbd/schema
Description: MBD Schema
Latest version: 0.0.1

# TestLib

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.2.0.

## Code scaffolding

Run `ng generate component component-name --project schema` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project schema`.

> Note: Don't forget to add `--project schema` or else it will be added to the default project in your `angular.json` file.

## Build

Run `ng build schema` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build schema`, go to the dist folder `cd dist/schema` and run `npm publish`.

## Running unit tests

Run `ng test schema` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @mbdayo/react-native-upgrade
Description: CLI tool to help upgrade React Native applications
Author: Your Name
Latest version: 1.0.0

# @mbdayo/react-native-upgrade

A CLI tool to help React Native developers upgrade their apps with ease.

## Features

- 🔍 Automatically detects your current React Native version
- 📋 Shows latest available versions
- 🔗 Provides direct links to upgrade-helper with your specific version diff
- 📝 Step-by-step upgrade instructions
- 📦 Optional automatic package.json update

## Usage

No installation needed! Just run:

```bash
npx @mbdayo/react-native-upgrade
```

Or use the shorter alias:

```bash
npx @mbdayo/react-native-upgrade rn-upgrade
```

Or if you want to install it globally:

```bash
npm install -g @mbdayo/react-native-upgrade
react-native-upgrade
# or
rn-upgrade
```

## How it works

1. Reads your current `react-native` version from `package.json`
2. Fetches available React Native versions from npm
3. Prompts you to select a target version
4. Generates upgrade instructions with links to the upgrade helper
5. Optionally updates your `package.json`

## Example

```bash
$ npx @mbdayo/react-native-upgrade

🚀 React Native Upgrade Tool

✅ Current version: 0.72.0

📦 Fetching available React Native versions...

📋 Latest available versions:
  1. 0.76.1
  2. 0.76.0
  3. 0.75.4
  4. 0.75.3
  5. 0.75.2

🎯 Enter target version (or press Enter for latest): 0.76.1

📈 Upgrading from 0.72.0 to 0.76.1...

📝 Upgrade steps:

1. 🔗 View detailed changes:
   https://react-native-community.github.io/upgrade-helper/?from=0.72.0&to=0.76.1

2. 📦 Update package.json dependencies:
   npm install react-native@0.76.1

3. 📱 Update iOS dependencies:
   cd ios && pod install && cd ..

4. 🤖 Clean Android build:
   cd android && ./gradlew clean && cd ..

5. 🧹 Clean caches:
   npx react-native start --reset-cache
```

## Project Structure

```
@mbdayo/react-native-upgrade/
├── src/
│   └── index.ts        # Main CLI logic
├── dist/               # Compiled output (generated)
├── package.json
├── tsconfig.json
└── README.md
```

## Development

1. Clone the repository
2. Install dependencies:
   ```bash
   npm install
   ```

3. Build the project:
   ```bash
   npm run build
   ```

4. Test locally:
   ```bash
   npm link
   cd /path/to/your/react-native-project
   react-native-upgrade
   ```

## Roadmap

- [ ] Automatic code transformation for common patterns
- [ ] Support for applying diffs automatically
- [ ] Breaking changes detection
- [ ] Third-party dependency compatibility checks
- [ ] Backup/rollback functionality
- [ ] Support for Expo managed workflow

## Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

## License

MIT

## Credits

This tool leverages the amazing work of:
- [React Native Upgrade Helper](https://react-native-community.github.io/upgrade-helper/)
- [rn-diff-purge](https://github.com/react-native-community/rn-diff-purge)
npm package: @mbdo/array-builder
Description: Useful functions to build up arrays with numeric values
Latest version: 1.0.1

# Array builder package

This ESM npm package exports utilities to build numeric arrays.

To start, it provides a function `createArrayWithLength` that allows you to create an array with a specified length `n`, with values from 1 to `n`.

## Installation

Install the package using npm:
```shell
npm install @mbdo/array-builder
```
## Usage

Import the package:
```javascript
import { createArrayWithLength } from 'array-creation-util';
``````
Call the function `createArrayWithLength` with the desired length as an argument to get an array containing numbers from 1 to the specified length:

```javascript
const length = 5;
const newArray = createArrayWithLength(length);
console.log(newArray); // Output: [1, 2, 3, 4, 5]
```

## API

### createArrayWithLength(length)

Creates an array with a specified length.

- `length` (number): The desired length of the array.

Returns:
- (Array): An array containing numbers from 1 to the specified length.

## License

This package is released under the [MIT License](https://opensource.org/licenses/MIT).
Please update the package name and other details as per your requirements.