open-index/open-npm huggingface dataset:
npm package: @psycheangel/vision-camera-object-detection
Description: TODO
Author: Dwinanto Saputra
Latest version: 1.0.8

# vision-camera-object-detection

## Getting started

`$ npm install @psycheangel/vision-camera-object-detection --save`

### Mostly automatic installation

`$ react-native link @psycheangel/vision-camera-object-detection`
```javascript
module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  plugins: [
    [
      'react-native-reanimated/plugin',
      {
        globals: [ "__detectObject"],
      },
    ],
  ],
};

```
## Usage
```javascript
import {detectObject} from "vision-camera-object-detection";

// TODO: What to do with the module?
  const frameProcessor = useFrameProcessor((frame) => {
    'worklet';
   
      const values = detectObject(frame);
      console.log(values);
   
  }, []);
```
npm package: @psychobolt/react-paperjs-editor
Description: A library of common editor components for React Paper.js
Author: psychobolt
Latest version: 0.0.16

# React Paper.js Editor

[![Stability](https://img.shields.io/badge/Stability-Experimental-Orange.svg)](https://nodejs.org/api/documentation.html#documentation_stability_index)
[![npm](https://img.shields.io/npm/v/@psychobolt/react-paperjs-editor.svg)](https://www.npmjs.com/package/@psychobolt/react-paperjs-editor)
[![Build Status](https://travis-ci.org/psychobolt/react-paperjs.svg?branch=master)](https://travis-ci.org/psychobolt/react-paperjs)
[![codecov](https://codecov.io/gh/psychobolt/react-paperjs/branch/master/graph/badge.svg)](https://codecov.io/gh/psychobolt/react-paperjs)

[![Dependencies Status](https://david-dm.org/psychobolt/react-paperjs/status.svg?path=packages/react-paperjs-editor)](https://david-dm.org/psychobolt/react-paperjs?path=packages/react-paperjs-editor)
[![Dev Dependencies Status](https://david-dm.org/psychobolt/react-paperjs/dev-status.svg?path=packages/react-paperjs-editor)](https://david-dm.org/psychobolt/react-paperjs?path=packages/react-paperjs-editor&type=dev)
[![Peer Dependencies Status](https://david-dm.org/psychobolt/react-paperjs/peer-status.svg?path=packages/react-paperjs-editor)](https://david-dm.org/psychobolt/react-paperjs?path=packages/react-paperjs-editor&type=peer)

A library of common editor components for [React Paper.js](https://github.com/psychobolt/react-paperjs)

## Install

```sh
npm install --save @psychobolt/react-paperjs-editor
# or
yarn add @psychobolt/react-paperjs-editor
```

## Examples

There are several [demos](https://psychobolt.github.io/react-paperjs/?path=/story/packages-react-paperjs-editor-setup). Also check out their [sources](https://github.com/psychobolt/react-paperjs/blob/master/stories/packages/react-paperjs-editor).

## Components

- [CircleTool](https://github.com/psychobolt/react-paperjs/blob/master/packages/react-paperjs-editor/src/components/CircleTool/CircleTool.md)
- [EllipseTool](https://github.com/psychobolt/react-paperjs/blob/master/packages/react-paperjs-editor/src/components/EllipseTool/EllipseTool.md)
- [FreeformPathTool](https://github.com/psychobolt/react-paperjs/blob/master/packages/react-paperjs-editor/src/components/FreeformPathTool/FreeformPathTool.md)
- [Grid](https://github.com/psychobolt/react-paperjs/blob/master/packages/react-paperjs-editor/src/components/Grid/Grid.md)
- [LineTool](https://github.com/psychobolt/react-paperjs/blob/master/packages/react-paperjs-editor/src/components/LineTool/LineTool.md)
- [PanAndZoom](https://github.com/psychobolt/react-paperjs/blob/master/packages/react-paperjs-editor/src/components/PanAndZoom/PanAndZoom.md)
- [PolygonTool](https://github.com/psychobolt/react-paperjs/blob/master/packages/react-paperjs-editor/src/components/PolygonTool/PolygonTool.md)
- [RectangleTool](https://github.com/psychobolt/react-paperjs/blob/master/packages/react-paperjs-editor/src/components/RectangleTool/RectangleTool.md)
- [SegmentPathTool](https://github.com/psychobolt/react-paperjs/blob/master/packages/react-paperjs-editor/src/components/SegmentPathTool/SegmentPathTool.md)
npm package: @psychobolt/react-regl
Description: React fiber renderer and component container for Regl
Author: psychobolt
Latest version: 0.0.4

# React Regl

[![Stability](https://img.shields.io/badge/Stability-Experimental-Orange.svg)](https://nodejs.org/api/documentation.html#documentation_stability_index)
[![npm](https://img.shields.io/npm/v/@psychobolt/react-regl.svg)](https://www.npmjs.com/package/@psychobolt/react-regl)
[![Build Status](https://travis-ci.com/psychobolt/react-regl.svg?branch=master)](https://travis-ci.com/psychobolt/react-regl)
[![codecov](https://codecov.io/gh/psychobolt/react-regl/branch/master/graph/badge.svg?flag=react-regl)](https://codecov.io/gh/psychobolt/react-regl)

[![Dependencies Status](https://david-dm.org/psychobolt/react-regl.svg)](https://david-dm.org/psychobolt/react-regl)
[![Dev Dependencies Status](https://david-dm.org/psychobolt/react-regl/dev-status.svg)](https://david-dm.org/psychobolt/react-regl?type=dev)
[![Peer Dependencies Status](https://david-dm.org/psychobolt/react-regl/peer-status.svg)](https://david-dm.org/psychobolt/react-regl?type=peer)

React fiber renderer and custom container for [regl](https://github.com/regl-project/regl)

## Install

> Recommended: (react|react-dom) @ 16.13.x and regl @ 1.6.x.

```sh
npm install @psychobolt/react-regl
# or
yarn add @psychobolt/react-regl
```

## Example

There are several [demos](https://psychobolt.github.io/react-regl). Also check out their [sources](https://github.com/psychobolt/react-regl/blob/master/stories/Core). Here is one to get you started:

```jsx
import React from 'react';

import { ReglContainer, Drawable } from '@psychobolt/react-regl';

import frag from './Basic.frag';
import vert from './Basic.vert';

const clear = ({ regl }) => regl.clear({
  color: [0, 0, 0, 1],
  depth: 1,
});

const attributes = {
  position: [[-1, 0], [0, -1], [1, 1]],
};

const uniforms = {
  color: [1, 0, 0, 1],
};

export default () => (
  <ReglContainer onMount={clear}>
    <Drawable
      frag={frag}
      vert={vert}
      attributes={attributes}
      uniforms={uniforms}
      count={3}
    />
  </ReglContainer>
);
```

Please see [API Documentation](https://github.com/psychobolt/react-regl/blob/master/src/README.md) for more details.

## Extensions

See [packages](https://github.com/psychobolt/react-regl/tree/master/packages).
npm package: @psychological-components/gew
Description: The Geneva Emotion Wheel implementation in JavaScript
Author: Kamil Warpechowski
Latest version: 0.1.15

# The Geneva Emotion Wheel

## Examples
<p align="center"> 
<img src="https://raw.githubusercontent.com/kwarpechowski/Components-for-psychological-research/master/packages/gew/sample.png" width="500"/></a>
</p>

* [simple example written in ES6](https://codesandbox.io/s/n568w5w2p4)
* [simple example written in ES5 - usage CDN](https://codesandbox.io/s/mm9v4ww7zj)
* [events subscribe](https://codesandbox.io/s/z783vv8lm)
* [custom labels](https://codesandbox.io/s/8l1q938qo0)

## Usage
```html
<div id="drawing"></div>

<script type="text/javascript" src="dist/core-gew.js"></script>
<script>
    GEW({
      element: '#drawing'
    });
</script>
```

## Parameters

| Name        | Type            | Default Value  | Description |
| ----------- |:---------------:| --------------:|------------:|
| `element`   | string  | drawer | DOM reference for render component |
| `maxElements`| number | 20 |  Number of max checked elements |
| `checkedElements`| ``Array<number>`` | [] | Predefined selected indexes (example: [1,2,3,4,5] - defined first five lines |
| `labels`    | ``Array <string>``  | [click](#labels) | |
| `R`         | number | 80 | |
| `showLines` | boolean | false | |
| `showBorder` | boolean | true | |
| `showHeader`| boolean | true | |
| `classes`   | Object  | [click](#classes) |CSS classes for custom styling|
| `headerTop`| string | No emotion | Label for top part of white circle |
| `headerBottom`| string | Other emotion |  Label for bottom part of white circle |

### labels<a name="labels"></a>
```javascript
[
   "Involvement\nInterest",
   "Amusement\nLaughter",
   "Pride\nElation",
   "Happiness\nJoy",
   "Enjoyment\nPleasure",
   "Tenderness\nFeeling love",
   "Wonderment\nFeeling awe",
   "Feeling disburdened\nRelief",
   "Astonishment\nSuprise",
   "Longing\nNostalgia",
   "Pity\nCompassion",
   "Sadness\nDespair",
   "Worry\nFear",
   "Embarrassment\nShame",
   "Guilt\nRemorse",
   "Disappointment\nRegreat",
   "Envy\nJealousy",
   "Disgust\nRepulsion",
   "Contempt\nScorn",
   "Irritation\nAnger"
  ];
```

### clases<a name="classes"></a>
```javascript
{
    mainGroup: "main_group",
    lineAxis: "line_axis",
    lineBorder: "line_border",
    line: "line",
    circlePrefix: "row_"
}
```
## API
### circleClick
### isAllChecked
npm package: @psychological-components/plutchik
Description: The Plutchik Emotion Wheel implementation in JavaScript
Author: Kamil Warpechowski
Latest version: 0.1.15

# Plutchik Emotion Wheel

## Examples
<p align="center"> 
<a href="https://yv24vyl4rv.codesandbox.io"><img src="https://raw.githubusercontent.com/kwarpechowski/Components-for-psychological-research/master/packages/plutchik/sample.png" width="500"/></a>
</p>

* [simple example written in ES6](https://codesandbox.io/s/yj74986mvx)
* [simple example written in ES5 - usage CDN](https://codesandbox.io/s/yv24vyl4rv)
* [dark theme](https://codesandbox.io/s/vvz83o6j1l)
* [events subscribe](https://codesandbox.io/s/k0v0qlmz5r)
* [custom labels](https://codesandbox.io/s/p6rwpk0rm)
* [mobile with touch events](https://codesandbox.io/s/ml6zw30ox)

## Usage
```html
<script type="text/javascript" src="https://unpkg.com/@psychological-components/plutchik/umd/plutchik.js"></script>
<link rel="stylesheet" href="https://unpkg.com/@psychological-components/plutchik/lib/theme-core.css">
<div id="drawer"></div>
<script>
    Plutchik.default({
      element: '#drawer'
    });
</script>
```

## Parameters

| Name        | Type            | Default Value  | Description |
| ----------- |:---------------:| --------------:|------------:|
| `element`   | string  | #drawer | DOM element for component rendering |
| `maxElements`| number | 32 | Number of max checked elements |
| `checkedElements` |  ``Array <string> ``  | [] | Array of checked elements |
| `labels`    | ``Array<Array<string>> ``  | [] |  [example](#labels) |
| `isMobile`   | boolean  | false | Flag for render mobile version (without white spaces) |
| `lang` | string | en | available: 'en', 'pl'|


### labels<a name="labels"></a>
```javascript
[
   ["ecstasy", "admiration", "terror", "amazement", "grief", "loathing", "rage", "vigilance"],
   ["joy", "trust", "fear", "surprise", "sadness", "disgust", "anger", "anticipation"],
   ["serenity", "acceptance", "apprehension", "distraction", "pensiveness", "boredom", "annoyance", "interest"],
   ["optimistm", "love", "submission", "awe", "disapproval", "emorse", "contempt", "aggressiveness"]
 ];
```

## API
### elementClick
npm package: @psycle/intl-maintainer
Description: A CLI utility to maintain your INTL JSON files
Author: Psycle Research
Latest version: 0.1.0

# intl-maintainer

Easy update for your INTL files

## Usage

```
npx @psycle/intl-maintainer <command> [options] <parameters...>
```

| Command                                       | Description                                                                                          |
| --------------------------------------------- | ---------------------------------------------------------------------------------------------------- |
| `help`                                        | Shows an help message                                                                                |
| `update [options] <source> <destinations...>` | Extract keys from source files and update destination files prompting the user to input translations |

### `update [options] <source> <destinations...>` Command

| Options           | Description                                |
| ----------------- | ------------------------------------------ |
| `-d`, `--dry-run` | Run the command without touching the files |
| `--output-to-cli` | Print the command output to the CLI        |

| Parameters          | Description                        |
| ------------------- | ---------------------------------- |
| `<source>`          | Source file for translations       |
| `<destinations...>` | Destination files for translations |

## Build

```
yarn build
```

## Test locally

You can test the tool by running :

```
yarn use
```

or

```
npx ts-node src/index.ts
```

## ROADMAP

-   [ ] More unit tests
-   [ ] Integration tests
-   [ ] Use [Format.JS Node API](https://formatjs.io/docs/tooling/cli/#node-api) to compile messages
-   [ ] Use prompt to allow user to write new translations in the CLI
    -   [ ] Use [Format.JS Node API](https://formatjs.io/docs/tooling/cli/#node-api) to check messages syntax
npm package: @psycle/repsycle
Description: Psycle Research front-end toolkit
Author: Psycle Research
Latest version: 0.0.36

# Repsycle

Reusable front-end toolkit.

## Use a local development build

You may need to add some links using `yarn link` between `repsycle-front` and your app.

The following snippet let you enable a link between `repsycle-front` and your project, but also between `react` and your project since `repsycle-front` uses hooks.

```shell
cd repsycle-front
yarn install --frozen-lockfile
yarn build
yarn link
pushd node_modules/react
yarn link
popd
cd ../your-app
yarn link @psycle/repsycle
yarn link react
```