open-index/open-npm huggingface dataset:
npm package: @fra.me/ui-components
Description: Frame UI library
Author: Frame Platform
Latest version: 1.0.21

# Frame UI Components Library
This repository contains a set of common React components, CSS helper classes and other utilities.

Go [here](https://mainframe2.github.io/ui-components) for examples.

## Setup
### Install the package
```bash
npm install @fra.me/ui-components
```
or
```bash
yarn add @fra.me/ui-components
```
### Import the global styles
In order for the components to have proper styles, the main stylesheet needs to be imported.
```scss
@import "~@fra.me/ui-components/dist/style.css";
```
This will load the stylesheets for all the components, along with some utility classes.

### Use the components
```ts
import { Icon, IconNames, InputField, Spinner, SpinnerSize } from '@fra.me/ui-components';
```

```tsx
<InputField
  name="name"
  value="Some value"
  error="An error message"
  description="A description"
  loading={true}
/>
<Icon icon={IconNames.JointSolid} />
<Spinner size={SpinnerSize.SMALL} />
```
npm package: @frabbit/mongoose-paginate
Description: Mongoose paginate plugin with full typescript support and support for latest mongoose package and types.
Latest version: 7.2.6

# @frabbit/mongoose-paginate [![npm](https://img.shields.io/npm/v/@frabbit/mongoose-paginate.svg)](https://npmjs.com/package/@frabbit/mongoose-paginate)

Mongoose paginate plugin with full typescript support and support for latest mongoose package and types.

Main idea is to add pagination options to `find()` and `aggregate()` without duplicating other params.
Mongoose seems to be adding more typescript support, so old pagination plugins gets old.

## Features

Major version is same as mongoose version

Provides 2 new methods on model

```typescript
async function findPaginated(
  filter: FilterQuery<T> = {}, // same as  mongoose.find 
  pagination: PaginationOptions<T>, // plugin's param
  projection?: ProjectionType<T> | null, // same as  mongoose.find
  options?: QueryOptions<T> | null // same as  mongoose.find
): Promise<PaginatedResult<T>> {
}
```

```typescript
async function aggregatePaginated(
  pipeline: PipelineStage[], // same as mongoose.aggregate
  paginate: PaginationOptions<T>, // plugin's param
  options?: AggregateOptions // same as mongoose.aggregate
): Promise<PaginatedResult<T>> {
}
```

the result is:

```typescript
export class PaginatedResult<T> {
  /**
   * Documents on page
   */
  items: T[] = []

  /**
   * total documents count
   */
  total: number = 0

  /**
   * page
   */
  page: number = 1
  /**
   * total pages count
   */
  totalPages?: number = undefined

  /**
   * items per page
   */
  limit?: number = undefined

  /**
   * has previous page
   */
  hasPrevPage?: Boolean = false
  /**
   * has next page
   */
  hasNextPage?: Boolean = false

  /**
   * previous page number
   */
  prevPage?: number = undefined
  /**
   * next page number
   */
  nextPage?: number = undefined

  /**
   * The starting index/serial/chronological number of first document in current page.
   * (Eg: if page=2 and limit=10, then pagingCounter will be 11)
   */
  pagingCounter?: number = undefined

}
```

## Install

```bash
npm i -D @frabbit/mongoose-paginate
```

## Usage

```typescript
import {mongoosePaginate, PaginatedModel, PaginatedResult} from "@frabbit/mongoose-paginate";

interface Some {
  field: string
}

type SomeDocument = Document & Some

const someSchema = new Schema({
  field: String,
});

someSchema.plugin(mongoosePaginate);

const someModel: PaginatedModel<SomeDocument>
("Some", someSchema);

const items: PaginatedResult<SomeDocument> = await someModel.findPaginated({}, {limit: 10, page: 1})
const items2: PaginatedResult<Some> = await someModel.findPaginated({}, {limit: 10, page: 1}, {field: 1}, {lean: true})

```

## License

[MIT](./LICENSE) License © 2023-PRESENT [frenchrabbit](https://github.com/frenchrabbit)
npm package: @frabbit/vue-pinch-scroll-zoom
Description: Vue component that provides content scrolling and zooming using mouse events or two fingers pinch on a mobile devices
Author: Rodion Shlomo Solomonyk
Latest version: 3.3.6

# vue-pinch-scroll-zoom
Vue component that provides content scrolling and zooming using mouse events or two fingers pinch on a mobile devices

#### example:
https://vue-pinch-scroll-zoom.coddicat.com/

<img src="https://github.com/coddicat/vue-pinch-scroll-zoom/blob/main/example/example.gif" width="250"/>

## Installation
```
npm i @coddicat/vue-pinch-scroll-zoom
```

## Usage
template:
```html
<PinchScrollZoom
  ref="zoomer"
  :width="300"
  :height="400"
  :scale="scale"
  @scaling="scalingHandler"
  style="border: 1px solid black"
>
  <img src="https://picsum.photos/600/1000" width="300" height="400" />
</PinchScrollZoom>
```

type script:
```ts
import { Component, Vue } from "vue-property-decorator";
import PinchScrollZoom, { PinchScrollZoomEmitData } from "@coddicat/vue-pinch-scroll-zoom";

@Component({
  name: "PinchScrollZoomExample",
  components: {
    PinchScrollZoom
  }
})
export default class PinchScrollZoomExample extends Vue {
  private scale = 2;
  public scalingHandler(e: PinchScrollZoomEmitData): void {
    console.log(e);
  },
  public reset() {
    (this.$refs.zoomer as PinchScrollZoom).setData({
      scale: 1,
      originX: 0,
      originY: 0,
      translateX: 0,
      translateY: 0        
    });
  }
}
```

## Props
the following properties don't support the ".async" modifier

|name|required|description|default|
|----|--------|-----------|-------|
|width|yes|visible area width||
|height|yes|visible area height||
|contentWidth|no|should be defined when content width larger than container width||
|contentHeight|no|should be defined when content height larger than container height||
|minScale|no|minimum allowable scaling|0.3|
|maxScale|no|maximum allowable scaling|5|
|within|no|limit scrolling of content to its borders|true|
|wheelVelocity|no|zoom velocity when mouse wheel|0.001|
|scale|no|scale of the content|1|
|origin-x|no|transform-origin-x|width/2|
|origin-y|no|transform-origin-y|height/2|
|translate-x|no|transform: translateX|0|
|translate-y|no|transform: translateY|0|
|throttleDelay|no|rendering delay (milliseconds)|25|
|draggable|no|draggable of/off|true|

## Events
the following events are emitted with the argument:
```ts
export interface PinchScrollZoomEmitData {
  x: number;
  y: number;
  scale: number;
  originX: number;
  originY: number;
  translateX: number;
  translateY: number;  
}
```
- startDrag
- stopDrag
- dragging
- scaling

## Methods
```ts
.SetData(data: PinchScrollZoomSetData);

export interface PinchScrollZoomSetData {
    scale: number;
    originX: number;
    originY: number;
    translateX: number;
    translateY: number;
}

```
npm package: @frachtwerk/eslint-config-essencium
Description: This is the shared ESLint config for Essencium.
Author: Frachtwerk GmbH
Latest version: 2.5.0

<div align="center">

# Essencium

[![Licence: MIT](https://img.shields.io/badge/Licence-MIT-yellow.svg)](https://opensource.org/licenses/MIT) ![Contributors](https://img.shields.io/github/contributors/Frachtwerk/essencium-frontend) ![npm](https://img.shields.io/npm/dt/%40frachtwerk/eslint-config-essencium) ![Version](https://img.shields.io/github/package-json/v/Frachtwerk/essencium-frontend?filename=packages%2Feslint-config%2Fpackage.json&label=Essencium-eslint-config&color=00b5d6CMYK) ![Build](https://github.com/Frachtwerk/essencium-frontend/actions/workflows/ci.yml/badge.svg)

## ![Essencium Logo](../app/public/img/web/logotype_400x100px.svg)

### [Check out the docs](https://docs.essencium.dev)

For enforcing code style and utilizing static code analyzing we use ESLint v9 with Flat Config. This configuration includes React, TypeScript, JSX A11y, and Prettier integration with Essencium-specific rule overrides.

[Report an issue](https://github.com/Frachtwerk/essencium-frontend/issues)
</div>

---

## [Eslint-config documentation](https://docs.essencium.dev/devguide/codestyle-and-linting)

- exports ESLint v9 Flat Config for modern JavaScript/TypeScript projects
- includes React, TypeScript, JSX A11y, and Prettier integration
- provides both modern flat config and legacy support
- is published as a npm package
npm package: @fractal-code/mup-aws-beanstalk
Description: Deploy apps to AWS Elastic Beanstalk using Meteor Up
Author: zodern
Latest version: 0.7.0

## mup-aws-beanstalk

Plugin for Meteor Up to deploy using AWS Beanstalk.

Features:
- Load balancing with support for sticky sessions and web sockets
- Autoscaling
- Meteor settings.json
- Zero downtime deploys
- Automatically uses the correct node version

[Getting Started Guide](./docs/getting-started.md)

[Documentation](./docs/index.md)