open-index/open-npm huggingface dataset:
npm package: @goatlab/uploads
Description: Express upload helpers
Author: ignacio.cabrera@goatlab.io
Latest version: 0.9.0

# @goatlab/uploads

Express middleware for handling file uploads across multiple cloud storage providers. Provides a unified API for uploading files to S3, Google Cloud Storage, Azure Blob Storage, or local disk.

## Installation

```bash
npm install @goatlab/uploads
# or
yarn add @goatlab/uploads
# or
pnpm add @goatlab/uploads
```

## Basic Usage

```typescript
import { Upload, Providers } from '@goatlab/uploads'
import express from 'express'

const app = express()

app.post('/upload', async (req, res) => {
  const upload = new Upload(Providers.S3, req, res)
  
  try {
    const file = await upload.file({
      folder: 'my-bucket-name',
      fileKey: 'file', // form field name (default: 'file')
      fileName: `${Date.now()}-`, // optional prefix
      maxFileSize: 50 * 1024 * 1024 // 50MB (default)
    })
    
    res.json({ success: true, file })
  } catch (error) {
    res.status(400).json({ error: error.message })
  }
})
```

## Provider Examples

### Amazon S3

```typescript
// Required environment variables:
// AWS_ACCESS_KEYid
// AWS_SECRET_ACCESS_KEY

const upload = new Upload(Providers.S3, req, res)
const file = await upload.file({
  folder: 'my-bucket-name' // S3 bucket name
})
```

### Google Cloud Storage

```typescript
// Required environment variables:
// GOOGLE_PROJECTID
// Plus: Service account key file path

const upload = new Upload(Providers.Google, req, res)
const file = await upload.file({
  folder: 'my-bucket-name', // GCS bucket name
  fileKey: 'path/to/service-account-key.json'
})
```

### Azure Blob Storage

```typescript
// Required environment variables:
// AZURE_CONNECTION_STRING
// AZURE_ACCESS_KEY
// AZURE_ACCOUNT_NAME

const upload = new Upload(Providers.Azure, req, res)
const file = await upload.file({
  folder: 'my-container-name' // Azure container name
})
```

### Local Storage

```typescript
const upload = new Upload(Providers.Local, req, res)
const file = await upload.file({
  folder: 'uploads' // Local directory path
})
```

### Memory Storage

```typescript
const upload = new Upload(Providers.Memory, req, res)
const file = await upload.file({
  folder: 'unused' // Required but not used for memory storage
})
```

## Supported Providers

- **S3** - Amazon S3 storage
- **Google** - Google Cloud Storage
- **Azure** - Azure Blob Storage (Note: Currently commented out in code)
- **Local** - Local disk storage
- **Memory** - In-memory storage
npm package: @goatlab/vue-formio
Description: A vue.js renderer for form.io forms.
Author: Ignacio Cabrera
Latest version: 4.1.0

# Original library:

This library was forked from the original formio-vue library. It includes features to use Form.io and Goat Fluent
# vue-formio

A [Vue.js](http://vue.js/) component for rendering out forms based on the [Form.io](https://www.form.io) platform.

## Install

### npm

`Vue Formio` can be used on the server, or bundled for the client using an
npm-compatible packaging system such as [Browserify](http://browserify.org/) or
[webpack](http://webpack.github.io/).

```
npm install @goatlab/vue-formio --save
```

## Basic Usage

HTML inside of Vue template file:
```
<template>
  <div id="app">
    <formio src="" url="" form="" submission="" options="" v-on:submit=""></formio>
  </div>
</template>
```

Javascript inside of Vue template file.
```
<script>
  import { Form } from 'vue-formio';
  export default {
      name: 'app',
      components: { formio: Form },
  }
</script>
```
## Props

### `src` : `string`

The form API source from [form.io](https://www.form.io) or your custom formio server.

See the [Creating a form](http://help.form.io/userguide/#new-form)
for where to set the API Path for your form.

You can also pass in the submission url as the `src` and the form will render with the data populated from the submission.

### `url` : `string`

If you pass in the form and submission directly, some components such as resources, files and forms need to know the url of the form on the server. Pass it in with the url option. 

### `form` : `object`

An object representing the form. Use this instead of src for custom forms. 

**Note:** `src` will override this property if used.

### `submission`: `Object`

An object representing the default data for the form.
**Note:** `src` will override this if a submission url is entered.

### `APP_URL` : `string`

Host URL for the Form.io backend. It is use to intercept calls for the offline plugin

### `options`: `object`

An object with the formio.js options that is passed through. See [Form.io Options](https://github.com/formio/formio.js/wiki/Form-Renderer#options).

## Events

All events triggered from the form are available via the v-on property. See [Form.io Events](https://github.com/formio/formio.js/wiki/Form-Renderer#events) for all the available events.

Then on the form set `<formio src="myform" v-on:submit="doSomething" />`

## FormBuilder

HTML inside of Vue template file:
```
<template>
  <div id="app">
    <formbuilder v-bind:form="{display: 'form'}" v-bind:options="{}" v-on:change="(schema) => console.log(schema)"></formio>
  </div>
</template>
```

Javascript inside of Vue template file.
```
<script>
  import { FormBuilder } from 'vue-formio';
  export default {
      name: 'app',
      components: { FormBuilder },
  }
</script>
```
## License
Released under the [MIT License](http://www.opensource.org/licenses/MIT).

## Publish

```
npm run build && npm publish
```
npm package: @goatswap/ui-sdk
Description: Set of UI components for goat projects
Latest version: 1.0.51

# 🐐 GoatSwap UIkit 🐐

[![Version](https://img.shields.io/npm/v/@goatswap/ui-sdk)](https://www.npmjs.com/package/@goatswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@goatswap/ui-sdk)](https://www.npmjs.com/package/@goatswap-libs/uikit)

GoatSwap UIkit is a set of React components and hooks used to build pages on Goat's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @goatswap/ui-sdk`

## Setup

### Theme

Before using GoatSwap UI-SDK, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@goatswap-libs/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@goatswap/ui-sdk'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://goatswap.github.io/goatswap/ui-sdk/)