open-index/open-npm huggingface dataset:
npm package: @saleksovski/react-native-r-color-to-hex
Description: Reads R.color and returns its hex value
Author: Stefan Aleksovski
Latest version: 0.3.2

# @saleksovski/react-native-r-color-to-hex

Reads R.color and returns its hex value

## Installation

```sh
npm install @saleksovski/react-native-r-color-to-hex
```

## Usage


```js
import { multiply } from '@saleksovski/react-native-r-color-to-hex';

// ...

const result = multiply(3, 7);
```


## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT

---

Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)
npm package: @salemcode8/vue-dropify
Description: A Vue.js component for uploading image dropzone
Author: Salem Code
Latest version: 0.4.1

## vue-dropify

[![npm](https://img.shields.io/npm/v/vue-dropify.svg)](https://www.npmjs.com/package/vue-dropify) ![license](https://img.shields.io/github/license/khofaai/vue-dropify.svg) [![Build Status](https://travis-ci.org/khofaai/vue-dropify.svg?branch=master)](https://travis-ci.org/khofaai/vue-dropify) [![npm](https://img.shields.io/npm/dw/vue-dropify.svg)](https://www.npmjs.com/package/vue-dropify) [![npm](https://img.shields.io/npm/dt/vue-dropify.svg)](https://www.npmjs.com/package/vue-dropify) 

## Description

Dropify build for vuejs framework

**vue-dropify** package links :
- <a href="https://www.npmjs.com/package/vue-dropify" target="_blank">npm</a>
- <a href="https://yarnpkg.com/en/package/vue-dropify" target="_blank">yarn</a>

## Getting Started

_This packages still in Dev mode_
`vue-dropify` helps you to upload files with a simple pre-visual display. 

## Installing

```bash
npm i vue-dropify
```
```bash
yarn add vue-dropify
```

## Usage

```javascript
import VueDropify from 'vue-dropify';

export default {
  components: {
    'vue-dropify': VueDropify
  }
}
```

## Attributes

| name              | default   | description |
|----               |----       |----         |
| **_full_**        | false     |  `Boolean // this attribute define if dopify zone is full width` |
| **_size_**        | null      |  `String/Array // [minSize,maxSize] or 'maxSize'` |
| **_unit_**        | 'bk'      |  `String // Options are : ['b'(bytes),'kb'(kilobytes),'mb'(megabytes)] ` |
| **_width_**       | 'auto'    |  `String // Width of dropify zone` |
| **_height_**      | ''        |  `String // Height of dropify zone` |
| **_accept_**      | 'image/*' |  `String // The same option as <input type="file" />` |
| **_message_**     | null      |  `String // Displayed message when no image is selected` |
| **_multiple_**    | null      |  `Boolean // To enable multiple file upload` |
| **_uploadIcon_**  | ''        |  `String // Icon className` |
| **_removeIcon_**  | null      |  `String // Icon className` |

## Actions

| name          | description |
|----           |----         |
| **_@upload_** | trigger when image is selected |
| **_@change_** | when change happen to input file |
npm package: @salemgolemugoo/serverless-aws-resource-names
Description: Serverless plugin to enable custom AWS resource names
Latest version: 0.1.2

# serverless-plugin-aws-resource-names

[![serverless](http://public.serverless.com/badges/v3.svg)](http://www.serverless.com)

Serverless plugin to enable custom AWS resource names

## Usage

Install the plugin to your project:

    npm install serverless-aws-resource-names --save

Add the plugin and its configuration to your serverless project:

    plugins:
      - serverless-aws-resource-names
    custom:
      serverless-aws-resource-names:
        source: mapping.json

Create the `mapping.json` file in your project and modify the names to your hearts desire!

    {
        "template": {
            "compiled": "cloudformation-template-update-stack.json",
            "core": "cloudformation-template-create-stack.json"
        },
        "stack": "$service-$stage",
        "role": {
            "Fn::Join": [
                "-", [
                    "$service",
                    "$stage",
                    "$region",
                    "lambdaRole"
                ]
            ]
        },
        "policy": {
            "Fn::Join": [
                "-", [
                    "$stage",
                    "$service",
                    "lambda"
                ]
            ]
        },
        "apiGateway": "$stage-$service",
        "lambda": "$service-$stage-$lambda",
        "logGroup": "/aws/lambda/$service-$stage-$lambda",
        "ecr": "$service-$stage"
    }

### Mapping Variable Reference

-   **$service** - Refers to the service attribute in your serverless.yml
-   **$stage** - Refers to the stage which you deploy to via serverless e.g. sls deploy **-s dev**
-   **$region** - Refers to the AWS region that you are deploying to.  This is configured in your serverless.yml under the _provider.region_ attribute or by your AWS CLI configuration.
-   **$lambda** - Refers to the name of your lambda function, defined in your serverless.yml under the _functions_ attribute.
-   **$rand** - Globally replaces all instances with a random UUID.

### Custom Variables

You can define custom variables in your `serverless.yml` file:

    plugins:
      - serverless-aws-resource-names
    custom:
      serverless-aws-resource-names:
        source: mapping.json
        variables:
          functionSuffix: func

And then use these custom variables in your `mapping.json` file:

    {
        "lambda": "$service-$stage-$lambda-$functionSuffix",
    }

Here we've defined a custom variable `functionSuffix` and assigned it the value `'func'`.

This will append the string `'func'` to all of your Lambda function names.
npm package: @salemoche/react-scripts
Description: Configuration and scripts for Create React App.
Latest version: 3.4.2

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

- [Getting Started](https://facebook.github.io/create-react-app/docs/getting-started) – How to create a new app.
- [User Guide](https://facebook.github.io/create-react-app/) – How to develop apps bootstrapped with Create React App.
npm package: @salemove/prettier-config
Description: Glia's Prettier config
Author: Glia
Latest version: 1.0.0

# Glia's Prettier config

## Install

```
npm install --save-dev @salemove/prettier-config
```

## Usage

In `package.json`:
```
{
  "name": "my-library",
  "version": "1.0.0",
  "prettier": "@salemove/prettier-config"
}
```
npm package: @salemove/transform-object
Description: ## Usage
Author: Glia TechMovers
Latest version: 1.0.4

# @salemove/transform-object

## Usage

See code documentation and tests

Example:

```js
import {camelizeAllKeysDeep} from '@glia/transform-object';

const payload = {my_foo: 'bar'};
const camelizedPayload = camelizeAllKeysDeep(payload)
// camelizedPayload equals to {myFoo: 'bar'}
```
npm package: @salemswap-dev/uikit
Description: Set of UI components for pancake projects
Latest version: 0.1.1

# 🥞 Pancake UIkit

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

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

## Install

`yarn add @pancakeswap-libs/uikit`

## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

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

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap-libs/uikit'
...
<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://pancakeswap.github.io/pancake-uikit/)
npm package: @saleor/app-bridge
Description: Library for Dashboard <-> Saleor App communication
Author: Saleor Commerce
Latest version: 0.1.10
Deprecated: app-bridge is deprecated. Use @saleor/app-sdk instead

# Saleor App Bridge

## Installation

```bash
npm i @saleor/app-bridge
```

## Usage

First initialize the package by running `createApp()`:

```js
import { createApp } from "@saleor/app-bridge";

const app = createApp();
```

Access app state:

```js
const { token, domain, ready, id } = app.getState();
```

## Events

Events are messages that originate in Saleor Dashboard.

### Available methods

**`subscribe(eventType, callback)`** - can be used to listen to particular event type. It returns an unsubscribe function, which unregisters the callback.

Example:

```js
const unsubscribe = app.subscribe("handshake", (payload) => {
  setToken(payload.token); // do something with event payload
  const { token } = app.getState(); // you can also get app's current state here
});

// unsubscribe when callback is no longer needed
unsubscribe();
```

**`unsubscribeAll(eventType?)`** - unregisters all callbacks of provided type. If no type was provided, it will remove all event callbacks.

Example:

```js
app.unsubscribeAll("handshake"); // unsubscribe from all handshake events

app.unsubscribeAll(); // unsubscribe from all events
```

### Available event types

| Event type  | Description                                                                  |
| :---------- | :--------------------------------------------------------------------------- |
| `handshake` | Fired when iFrame containing the App is initialized or new token is assigned |
| `response`  | Fired when Dashboard responds to an Action                                   |
| `redirect`  | Fired when Dashboard change a subpath within the app path                    |
| `theme`     | Fired when Dashboard change the theme                                        |

## Actions

Actions expose a high-level API to communicate with Saleor Dashboard. They're exported under an `actions` namespace.

### Available methods

**`dispatch(action)`** - dispatches an Action. Returns a promise which resolves when action is successfully completed.

Example:

```js
import { actions } from "@saleor/app-bridge";

const handleRedirect = async () => {
  await app.dispatch(actions.Redirect({ to: "/orders" }));
  console.log("Redirect complete!");
};

handleRedirect();
```

### Available actions

| Action     | Arguments                                                        | Description |
| :--------- | :--------------------------------------------------------------- | :---------- |
| `Redirect` | `to` (string) - relative (inside Dashboard) or absolute URL path |             |
|            | `newContext` (boolean) - should open in a new browsing context   |             |