open-index/open-npm huggingface dataset:
npm package: @miasta/vue-file-tray
Description: Miasta Vue.js UI – component to process, interact with and upload files
Author: JF Cieslak
Latest version: 0.0.8

# vue-file-tray
Part of the M2 UI suite.

Component to process, upload and interact with files.

This component is used to process files. Most common use case is of course uploading files to server, but `file-tray` does not do any uploading on it's own. Instead, it stores the files data in accessible `files` property, so you can process them however you like.

Front end users can add files to `file-tray` by dropping them over it, or using standard browser dialog.

`file-tray` can take care of validation, will generate data for thumbnails, or for crunched version of images. How to further upload or process the files is up to the you.

`file-tray` is a **single element component** – it's just a plain `<div>` – this means that you can style it whatever you like. it also has a default slot, so you can have content in it. This makes `file-tray` a very flexible component. Remember to add some styling when you render it, otherwise it will not be visible.

------

## props

| property        | type    | default       | comment                                  |
| --------------- | ------- | ------------- | ---------------------------------------- |
| `maxFileSize`   | Number  | `10`          | Max file size in MB.                     |
| `maxFiles`      | Number  | `10`          | Max number of files you can add.         |
| `accepted`      | Array   | `['image/*']` | Accepted mime types.                     |
| `dragAdd`       | Boolean | `true`        | Allow for adding files by drag and drop. |
| `clickAdd`      | Boolean | `true`        | Open file dialog on click                |
| `thumbs`        | Boolean | `true`        | Should genereate thumbnails              |
| `thumbSizes`    | Array   | `[300,300]`   | `[width, height]` in px                  |
| `processImages` | Boolean | `false`       | Should generate processed images         |
| `maxEdge`       | Number  | `1200`        | Processed images largest dimenssion (px) |
| `quality`       | Number  | `0.92`        | JPEG processing quality 0-1              |

------

## data

| property | comment                                  |
| -------- | ---------------------------------------- |
| `files`  | Array of files in the file-tray. Also contains thumb Blob, thumb url, processed Blob and processed url. |
| `over`   | Boolean – whether files are dragged over. |

------

## methods

| method         | args | comment           |
| -------------- | ---- | ----------------- |
| `openFinder()` | —    | Open file dialog. |

------

## events

| name                | payload | comment                         |
| ------------------- | ------- | ------------------------------- |
| `error:accepted`    | ✔       | Rejected mime type.             |
| `error:maxFileSize` | ✔       | File too large.                 |
| `error:maxFiles`    | ✔       | Too many files.                 |
| `file:added`        | ✔       | File added. Payload is file ID. |
| `files:changed`     | ✖       | Any changes to `files` property |
npm package: @miaswap/sdk-core
Description: ⚒️ An SDK for building applications on top of Miaswap V3
Author: miaswap-dev
Latest version: 4.0.36

# MIA swap SDK Core

[![Unit Tests](https://github.com/Uniswap/uniswap-sdk-core/workflows/Unit%20Tests/badge.svg)](https://github.com/Uniswap/uniswap-sdk-core/actions?query=workflow%3A%22Unit+Tests%22)
[![Lint](https://github.com/Uniswap/uniswap-sdk-core/workflows/Lint/badge.svg)](https://github.com/Uniswap/uniswap-sdk-core/actions?query=workflow%3ALint)
[![npm version](https://img.shields.io/npm/v/@uniswap/sdk-core/latest.svg)](https://www.npmjs.com/package/@uniswap/sdk-core/v/latest)
[![npm bundle size (scoped version)](https://img.shields.io/bundlephobia/minzip/@uniswap/sdk-core/latest.svg)](https://bundlephobia.com/result?p=@uniswap/sdk-core@latest)

This code is shared across Uniswap TypeScript SDKs.
Folk From Uniswap Sdk core and sdk V3

```
npm publish
```
npm package: @miata74/better-react-file-viewer
Description: Better file viewer for react
Author: PlanGrid
Latest version: 1.0.0

# react file viewer

Another one, based on plangrid's react-file-viewer, rewritten and enhanced.

supports other file types, has some control buttons (at the moment has fullscreen, download, close), has cleaner code.

Supports both remote & local files, accept both url & blob / file

still a work in progress

not yet published to npm
npm package: @miatechnology/ng2-websocket
Description: This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.3.0.
Latest version: 1.1.0

# Ng2Websocket

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

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

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

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.

## Running unit tests

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

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
Before running the tests make sure you are serving the app via `ng serve`.

## 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).