open-index/open-npm huggingface dataset:
npm package: @panwanke/jspsych-html-keynbutton-response
Description: jsPsych plugin for displaying a stimulus and getting a keyboard or button response
Author: Wanke Pan
Latest version: 2.0.2

## Plugin Description

The html-keynbutton-response plugin displays HTML content as html-keyboard-response plugin. And records responses generated with the keyboard or click button. The stimulus can be displayed until a response is given, or for a pre-determined amount of time. The trial can be ended automatically if the participant does not respond within a fixed length of time.

## Development

1. Clone this repo and set as working path.
2. Run `npm install` to install required packages.
3. Run `npm run build --watch` to render the distribution.
4. Open one of the example html to show the basic function.

### Codespace dev

If you are in the codespace enviroment, please execute two additional processes:

1. install live-server by `npm install -g live-server`.
2. run `live-server`.
3. Open the popup windows and open the example html.

## Examples

Several example experiments and plugin demonstrations are available in the `/examples` folder.
Double-click on an example HTML file to run it in your web browser, and open it with a programming-friendly text editor to see how it works.

## Contributing

We ❤️ contributions!
See the [contributing to jsPsych](https://www.jspsych.org/latest/developers/contributing/) documentation page for more information about how you can help.

## Citation

If you use this library in academic work, the preferred citation is:

de Leeuw, J.R., Gilbert, R.A., & Luchterhandt, B. (2023). jsPsych: Enabling an open-source collaborative ecosystem of behavioral experiments. *Journal of Open Source Software*, *8*(85), 5351, [https://joss.theoj.org/papers/10.21105/joss.05351](https://joss.theoj.org/papers/10.21105/joss.05351).

This paper is an updated description of jsPsych and includes all current core team members. It replaces the earlier paper that described jsPsych:

de Leeuw, J.R. (2015). jsPsych: A JavaScript library for creating behavioral experiments in a Web browser. *Behavior Research Methods*, _47_(1), 1-12. doi:[10.3758/s13428-014-0458-y](http://link.springer.com/article/10.3758%2Fs13428-014-0458-y)

Citations help us demonstrate that this library is used and valued, which allows us to continue working on it.

## Contributors

jsPsych is open source project with [numerous contributors](https://github.com/jspsych/jsPsych/graphs/contributors).
The project is currently managed by the core team of Josh de Leeuw ([@jodeleeuw](https://github.com/jodeleeuw)), Becky Gilbert ([@becky-gilbert](https://github.com/becky-gilbert)), and Björn Luchterhandt ([@bjoluc](https://github.com/bjoluc)).

jsPsych was created by [Josh de Leeuw](http://www.twitter.com/joshdeleeuw).

We're also grateful for the generous support from a [Mozilla Open Source Support award](https://www.mozilla.org/en-US/moss/), which funded development of the library from 2020-2021.
npm package: @panwanke/plugin-rdk
Description: This plugin displays a Random Dot Kinematogram (RDK) with delay and color changes and allows the subject to report the primary direction of motion by pressing a key on the keyboard.
Author: Josh de Leeuw, Siyu Wu, Wanke Pan
Latest version: 2.0.2

# rdk plugin

## Overview

This plugin displays a Random Dot Kinematogram (RDK) and allows the subject to report the primary direction of motion by pressing a key on the keyboard. The stimulus can be displayed until a keyboard response is given or until a certain duration of time has passed. The RDK is fully customizable (see documentation below) and can display multiple apertures at the same time, each with its own parameters.

## Loading

### In browser

```js
<script src="https://unpkg.com/@panwanke/plugin-rdk@2.0.2"></script>
```

### Via NPM

```
npm install @panwanke/plugin-rdk
```

```js
import jsPsychRdk from '@panwanke/plugin-rdk';
```

## Development

1. Clone this repo and set as working path.
2. Run `npm install` to install required packages.
3. Run `npm run build:watch` to render the distribution.
4. Open one of the example html to show the basic function.

### Codespace dev

If you are in the codespace enviroment, please execute two additional processes: 
1. install live-server by `npm install -g live-server`. 
2. run `live-server`. 
3. Open the popup windows and open the example html.  

### Publish

Onece you have maken sure that all the code work out, you could publish your module in npm registry as 

```bash
npm publish --access=public
```

Or you could also use github action to help this process. 

## Compatibility

jsPsych v7.0.

## Documentation

See [documentation](docs/jspsych-rdk_revised.md)

## Author / Citation

Created by [Sivananda Rajananda](https://github.com/vrsivananda), Hakwan Lau, and Brian Odegaard. Modified by the jsPsych core team for 7.0 compatibility.

We would appreciate it if you cited this paper when you use the RDK plugin.

Rajananda, S., Lau, H. & Odegaard, B., (2018). A Random-Dot Kinematogram for Web-Based Vision Research. *Journal of Open Research Software. 6*(1), p.6. doi:[10.5334/jors.194](http://doi.org/10.5334/jors.194)

The plugin is revised by Siyu Wu and Wanke Pan in [Meta-Self Lab | Hu Chuan-Peng Lab](https://huchuanpeng.com/).