jspsych 6.3.0 → 7.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (397) hide show
  1. package/README.md +36 -37
  2. package/css/jspsych.css +39 -39
  3. package/dist/JsPsych.d.ts +112 -0
  4. package/dist/TimelineNode.d.ts +34 -0
  5. package/dist/index.browser.js +3164 -0
  6. package/dist/index.browser.js.map +1 -0
  7. package/dist/index.browser.min.js +2 -0
  8. package/dist/index.browser.min.js.map +1 -0
  9. package/dist/index.cjs +3158 -0
  10. package/dist/index.cjs.map +1 -0
  11. package/dist/index.d.ts +11 -0
  12. package/dist/index.js +3152 -0
  13. package/dist/index.js.map +1 -0
  14. package/dist/migration.d.ts +3 -0
  15. package/dist/modules/data/DataCollection.d.ts +45 -0
  16. package/dist/modules/data/DataColumn.d.ts +15 -0
  17. package/dist/modules/data/index.d.ts +25 -0
  18. package/dist/modules/data/utils.d.ts +3 -0
  19. package/dist/modules/extensions.d.ts +22 -0
  20. package/dist/modules/plugin-api/HardwareAPI.d.ts +15 -0
  21. package/dist/modules/plugin-api/KeyboardListenerAPI.d.ts +34 -0
  22. package/dist/modules/plugin-api/MediaAPI.d.ts +27 -0
  23. package/dist/modules/plugin-api/SimulationAPI.d.ts +41 -0
  24. package/dist/modules/plugin-api/TimeoutAPI.d.ts +5 -0
  25. package/dist/modules/plugin-api/index.d.ts +8 -0
  26. package/dist/modules/plugins.d.ts +129 -0
  27. package/dist/modules/randomization.d.ts +35 -0
  28. package/dist/modules/turk.d.ts +40 -0
  29. package/dist/modules/utils.d.ts +7 -0
  30. package/package.json +32 -15
  31. package/src/JsPsych.ts +884 -0
  32. package/src/TimelineNode.ts +536 -0
  33. package/src/index.ts +71 -0
  34. package/src/migration.ts +37 -0
  35. package/src/modules/data/DataCollection.ts +198 -0
  36. package/src/modules/data/DataColumn.ts +86 -0
  37. package/src/modules/data/index.ts +174 -0
  38. package/src/modules/data/utils.ts +75 -0
  39. package/src/modules/extensions.ts +23 -0
  40. package/src/modules/plugin-api/HardwareAPI.ts +32 -0
  41. package/src/modules/plugin-api/KeyboardListenerAPI.ts +165 -0
  42. package/src/modules/plugin-api/MediaAPI.ts +337 -0
  43. package/src/modules/plugin-api/SimulationAPI.ts +181 -0
  44. package/src/modules/plugin-api/TimeoutAPI.ts +16 -0
  45. package/src/modules/plugin-api/index.ts +28 -0
  46. package/src/modules/plugins.ts +158 -0
  47. package/src/modules/randomization.ts +327 -0
  48. package/src/modules/turk.ts +99 -0
  49. package/src/modules/utils.ts +30 -0
  50. package/.github/workflows/jest.yml +0 -20
  51. package/code-of-conduct.md +0 -56
  52. package/contributors.md +0 -61
  53. package/docs/CNAME +0 -1
  54. package/docs/about/about.md +0 -18
  55. package/docs/about/contributing.md +0 -43
  56. package/docs/about/license.md +0 -25
  57. package/docs/about/support.md +0 -7
  58. package/docs/core_library/jspsych-core.md +0 -734
  59. package/docs/core_library/jspsych-data.md +0 -589
  60. package/docs/core_library/jspsych-pluginAPI.md +0 -610
  61. package/docs/core_library/jspsych-randomization.md +0 -397
  62. package/docs/core_library/jspsych-turk.md +0 -102
  63. package/docs/extensions/extensions.md +0 -83
  64. package/docs/extensions/jspsych-ext-webgazer.md +0 -106
  65. package/docs/img/blue.png +0 -0
  66. package/docs/img/devtools-change-css.png +0 -0
  67. package/docs/img/devtools-css-errors.png +0 -0
  68. package/docs/img/devtools-inspect-element.png +0 -0
  69. package/docs/img/folder-setup.png +0 -0
  70. package/docs/img/folder-with-html.png +0 -0
  71. package/docs/img/githubreleases.jpg +0 -0
  72. package/docs/img/jspsych-favicon.png +0 -0
  73. package/docs/img/jspsych-logo-no-text-mono.svg +0 -493
  74. package/docs/img/jspsych-logo.jpg +0 -0
  75. package/docs/img/orange.png +0 -0
  76. package/docs/img/palmer_stim.png +0 -0
  77. package/docs/img/progress_bar.png +0 -0
  78. package/docs/img/prolific-study-completion.png +0 -0
  79. package/docs/img/prolific-study-link.png +0 -0
  80. package/docs/img/visual_search_example.jpg +0 -0
  81. package/docs/index.md +0 -9
  82. package/docs/overview/browser-device-support.md +0 -35
  83. package/docs/overview/callbacks.md +0 -184
  84. package/docs/overview/data.md +0 -281
  85. package/docs/overview/dynamic-parameters.md +0 -147
  86. package/docs/overview/exclude-browser.md +0 -32
  87. package/docs/overview/experiment-options.md +0 -149
  88. package/docs/overview/eye-tracking.md +0 -237
  89. package/docs/overview/fullscreen.md +0 -36
  90. package/docs/overview/media-preloading.md +0 -369
  91. package/docs/overview/mturk.md +0 -77
  92. package/docs/overview/plugins.md +0 -320
  93. package/docs/overview/progress-bar.md +0 -110
  94. package/docs/overview/prolific.md +0 -78
  95. package/docs/overview/record-browser-interactions.md +0 -23
  96. package/docs/overview/running-experiments.md +0 -95
  97. package/docs/overview/style.md +0 -293
  98. package/docs/overview/timeline.md +0 -457
  99. package/docs/plugins/jspsych-animation.md +0 -40
  100. package/docs/plugins/jspsych-audio-button-response.md +0 -60
  101. package/docs/plugins/jspsych-audio-keyboard-response.md +0 -58
  102. package/docs/plugins/jspsych-audio-slider-response.md +0 -53
  103. package/docs/plugins/jspsych-call-function.md +0 -81
  104. package/docs/plugins/jspsych-canvas-button-response.md +0 -66
  105. package/docs/plugins/jspsych-canvas-keyboard-response.md +0 -68
  106. package/docs/plugins/jspsych-canvas-slider-response.md +0 -89
  107. package/docs/plugins/jspsych-categorize-animation.md +0 -60
  108. package/docs/plugins/jspsych-categorize-html.md +0 -53
  109. package/docs/plugins/jspsych-categorize-image.md +0 -53
  110. package/docs/plugins/jspsych-cloze.md +0 -45
  111. package/docs/plugins/jspsych-external-html.md +0 -70
  112. package/docs/plugins/jspsych-free-sort.md +0 -56
  113. package/docs/plugins/jspsych-fullscreen.md +0 -57
  114. package/docs/plugins/jspsych-html-button-response.md +0 -42
  115. package/docs/plugins/jspsych-html-keyboard-response.md +0 -51
  116. package/docs/plugins/jspsych-html-slider-response.md +0 -45
  117. package/docs/plugins/jspsych-iat-html.md +0 -64
  118. package/docs/plugins/jspsych-iat-image.md +0 -64
  119. package/docs/plugins/jspsych-image-button-response.md +0 -48
  120. package/docs/plugins/jspsych-image-keyboard-response.md +0 -58
  121. package/docs/plugins/jspsych-image-slider-response.md +0 -54
  122. package/docs/plugins/jspsych-instructions.md +0 -58
  123. package/docs/plugins/jspsych-maxdiff.md +0 -41
  124. package/docs/plugins/jspsych-preload.md +0 -128
  125. package/docs/plugins/jspsych-rdk.md +0 -119
  126. package/docs/plugins/jspsych-reconstruction.md +0 -48
  127. package/docs/plugins/jspsych-resize.md +0 -39
  128. package/docs/plugins/jspsych-same-different-html.md +0 -53
  129. package/docs/plugins/jspsych-same-different-image.md +0 -66
  130. package/docs/plugins/jspsych-serial-reaction-time-mouse.md +0 -52
  131. package/docs/plugins/jspsych-serial-reaction-time.md +0 -57
  132. package/docs/plugins/jspsych-survey-html-form.md +0 -50
  133. package/docs/plugins/jspsych-survey-likert.md +0 -70
  134. package/docs/plugins/jspsych-survey-multi-choice.md +0 -48
  135. package/docs/plugins/jspsych-survey-multi-select.md +0 -53
  136. package/docs/plugins/jspsych-survey-text.md +0 -63
  137. package/docs/plugins/jspsych-video-button-response.md +0 -54
  138. package/docs/plugins/jspsych-video-keyboard-response.md +0 -50
  139. package/docs/plugins/jspsych-video-slider-response.md +0 -60
  140. package/docs/plugins/jspsych-virtual-chinrest.md +0 -105
  141. package/docs/plugins/jspsych-visual-search-circle.md +0 -52
  142. package/docs/plugins/jspsych-vsl-animate-occlusion.md +0 -55
  143. package/docs/plugins/jspsych-vsl-grid-scene.md +0 -62
  144. package/docs/plugins/jspsych-webgazer-calibrate.md +0 -60
  145. package/docs/plugins/jspsych-webgazer-init-camera.md +0 -31
  146. package/docs/plugins/jspsych-webgazer-validate.md +0 -43
  147. package/docs/plugins/list-of-plugins.md +0 -54
  148. package/docs/tutorials/hello-world.md +0 -162
  149. package/docs/tutorials/rt-task.md +0 -1334
  150. package/docs/tutorials/video-tutorials.md +0 -11
  151. package/examples/add-to-end-of-timeline.html +0 -38
  152. package/examples/case-sensitive-responses.html +0 -45
  153. package/examples/conditional-and-loop-functions.html +0 -64
  154. package/examples/css/jquery-ui.css +0 -1225
  155. package/examples/css-classes-parameter.html +0 -145
  156. package/examples/data-add-properties.html +0 -44
  157. package/examples/data-as-function.html +0 -39
  158. package/examples/data-from-timeline.html +0 -52
  159. package/examples/data-from-url.html +0 -21
  160. package/examples/demo-flanker.html +0 -117
  161. package/examples/demo-simple-rt-task.html +0 -120
  162. package/examples/demos/demo_1.html +0 -35
  163. package/examples/demos/demo_2.html +0 -50
  164. package/examples/demos/demo_3.html +0 -63
  165. package/examples/display-element-to-embed-experiment.html +0 -79
  166. package/examples/end-active-node.html +0 -52
  167. package/examples/end-experiment.html +0 -45
  168. package/examples/exclusions.html +0 -32
  169. package/examples/external_html/simple_consent.html +0 -4
  170. package/examples/img/1.gif +0 -0
  171. package/examples/img/10.gif +0 -0
  172. package/examples/img/11.gif +0 -0
  173. package/examples/img/12.gif +0 -0
  174. package/examples/img/2.gif +0 -0
  175. package/examples/img/3.gif +0 -0
  176. package/examples/img/4.gif +0 -0
  177. package/examples/img/5.gif +0 -0
  178. package/examples/img/6.gif +0 -0
  179. package/examples/img/7.gif +0 -0
  180. package/examples/img/8.gif +0 -0
  181. package/examples/img/9.gif +0 -0
  182. package/examples/img/age/of1.jpg +0 -0
  183. package/examples/img/age/of2.jpg +0 -0
  184. package/examples/img/age/of3.jpg +0 -0
  185. package/examples/img/age/om1.jpg +0 -0
  186. package/examples/img/age/om2.jpg +0 -0
  187. package/examples/img/age/om3.jpg +0 -0
  188. package/examples/img/age/yf1.jpg +0 -0
  189. package/examples/img/age/yf4.jpg +0 -0
  190. package/examples/img/age/yf5.jpg +0 -0
  191. package/examples/img/age/ym2.jpg +0 -0
  192. package/examples/img/age/ym3.jpg +0 -0
  193. package/examples/img/age/ym5.jpg +0 -0
  194. package/examples/img/backwardN.gif +0 -0
  195. package/examples/img/blue.png +0 -0
  196. package/examples/img/card.png +0 -0
  197. package/examples/img/con1.png +0 -0
  198. package/examples/img/con2.png +0 -0
  199. package/examples/img/fixation.gif +0 -0
  200. package/examples/img/happy_face_1.jpg +0 -0
  201. package/examples/img/happy_face_2.jpg +0 -0
  202. package/examples/img/happy_face_3.jpg +0 -0
  203. package/examples/img/happy_face_4.jpg +0 -0
  204. package/examples/img/inc1.png +0 -0
  205. package/examples/img/inc2.png +0 -0
  206. package/examples/img/normalN.gif +0 -0
  207. package/examples/img/orange.png +0 -0
  208. package/examples/img/redX.png +0 -0
  209. package/examples/img/ribbon.jpg +0 -0
  210. package/examples/img/sad_face_1.jpg +0 -0
  211. package/examples/img/sad_face_2.jpg +0 -0
  212. package/examples/img/sad_face_3.jpg +0 -0
  213. package/examples/img/sad_face_4.jpg +0 -0
  214. package/examples/js/snap.svg-min.js +0 -21
  215. package/examples/js/webgazer.js +0 -88886
  216. package/examples/jspsych-RDK.html +0 -58
  217. package/examples/jspsych-animation.html +0 -39
  218. package/examples/jspsych-audio-button-response.html +0 -58
  219. package/examples/jspsych-audio-keyboard-response.html +0 -68
  220. package/examples/jspsych-audio-slider-response.html +0 -61
  221. package/examples/jspsych-call-function.html +0 -32
  222. package/examples/jspsych-canvas-button-response.html +0 -95
  223. package/examples/jspsych-canvas-keyboard-response.html +0 -78
  224. package/examples/jspsych-canvas-slider-response.html +0 -67
  225. package/examples/jspsych-categorize-animation.html +0 -49
  226. package/examples/jspsych-categorize-html.html +0 -33
  227. package/examples/jspsych-categorize-image.html +0 -44
  228. package/examples/jspsych-cloze.html +0 -37
  229. package/examples/jspsych-free-sort.html +0 -109
  230. package/examples/jspsych-fullscreen.html +0 -45
  231. package/examples/jspsych-html-button-response.html +0 -43
  232. package/examples/jspsych-html-keyboard-response.html +0 -42
  233. package/examples/jspsych-html-slider-response.html +0 -53
  234. package/examples/jspsych-iat.html +0 -520
  235. package/examples/jspsych-image-button-response.html +0 -91
  236. package/examples/jspsych-image-keyboard-response.html +0 -85
  237. package/examples/jspsych-image-slider-response.html +0 -85
  238. package/examples/jspsych-instructions.html +0 -37
  239. package/examples/jspsych-maxdiff.html +0 -33
  240. package/examples/jspsych-preload.html +0 -140
  241. package/examples/jspsych-reconstruction.html +0 -43
  242. package/examples/jspsych-resize.html +0 -34
  243. package/examples/jspsych-same-different-html.html +0 -28
  244. package/examples/jspsych-same-different-image.html +0 -39
  245. package/examples/jspsych-serial-reaction-time-mouse.html +0 -98
  246. package/examples/jspsych-serial-reaction-time.html +0 -54
  247. package/examples/jspsych-survey-html-form.html +0 -33
  248. package/examples/jspsych-survey-likert.html +0 -42
  249. package/examples/jspsych-survey-multi-choice.html +0 -40
  250. package/examples/jspsych-survey-multi-select.html +0 -42
  251. package/examples/jspsych-survey-text.html +0 -34
  252. package/examples/jspsych-video-button-response.html +0 -65
  253. package/examples/jspsych-video-keyboard-response.html +0 -61
  254. package/examples/jspsych-video-slider-response.html +0 -63
  255. package/examples/jspsych-virtual-chinrest.html +0 -69
  256. package/examples/jspsych-visual-search-circle.html +0 -64
  257. package/examples/jspsych-vsl-animate-occlusion.html +0 -35
  258. package/examples/jspsych-vsl-grid-scene.html +0 -47
  259. package/examples/lexical-decision.html +0 -134
  260. package/examples/manual-preloading.html +0 -59
  261. package/examples/pause-unpause.html +0 -33
  262. package/examples/progress-bar.html +0 -68
  263. package/examples/save-trial-parameters.html +0 -98
  264. package/examples/sound/hammer.mp3 +0 -0
  265. package/examples/sound/sound.mp3 +0 -0
  266. package/examples/sound/speech_blue.mp3 +0 -0
  267. package/examples/sound/speech_green.mp3 +0 -0
  268. package/examples/sound/speech_joke.mp3 +0 -0
  269. package/examples/sound/speech_red.mp3 +0 -0
  270. package/examples/sound/tone.mp3 +0 -0
  271. package/examples/timeline-variables-sampling.html +0 -50
  272. package/examples/timeline-variables.html +0 -64
  273. package/examples/video/sample_video.mp4 +0 -0
  274. package/examples/webgazer.html +0 -162
  275. package/examples/webgazer_image.html +0 -60
  276. package/extensions/jspsych-ext-webgazer.js +0 -185
  277. package/jspsych.js +0 -3015
  278. package/license.txt +0 -21
  279. package/mkdocs.yml +0 -118
  280. package/plugins/jspsych-animation.js +0 -189
  281. package/plugins/jspsych-audio-button-response.js +0 -269
  282. package/plugins/jspsych-audio-keyboard-response.js +0 -212
  283. package/plugins/jspsych-audio-slider-response.js +0 -278
  284. package/plugins/jspsych-call-function.js +0 -58
  285. package/plugins/jspsych-canvas-button-response.js +0 -199
  286. package/plugins/jspsych-canvas-keyboard-response.js +0 -155
  287. package/plugins/jspsych-canvas-slider-response.js +0 -207
  288. package/plugins/jspsych-categorize-animation.js +0 -266
  289. package/plugins/jspsych-categorize-html.js +0 -220
  290. package/plugins/jspsych-categorize-image.js +0 -222
  291. package/plugins/jspsych-cloze.js +0 -112
  292. package/plugins/jspsych-external-html.js +0 -112
  293. package/plugins/jspsych-free-sort.js +0 -478
  294. package/plugins/jspsych-fullscreen.js +0 -106
  295. package/plugins/jspsych-html-button-response.js +0 -188
  296. package/plugins/jspsych-html-keyboard-response.js +0 -149
  297. package/plugins/jspsych-html-slider-response.js +0 -202
  298. package/plugins/jspsych-iat-html.js +0 -284
  299. package/plugins/jspsych-iat-image.js +0 -286
  300. package/plugins/jspsych-image-button-response.js +0 -327
  301. package/plugins/jspsych-image-keyboard-response.js +0 -263
  302. package/plugins/jspsych-image-slider-response.js +0 -369
  303. package/plugins/jspsych-instructions.js +0 -237
  304. package/plugins/jspsych-maxdiff.js +0 -173
  305. package/plugins/jspsych-preload.js +0 -345
  306. package/plugins/jspsych-rdk.js +0 -1373
  307. package/plugins/jspsych-reconstruction.js +0 -134
  308. package/plugins/jspsych-resize.js +0 -166
  309. package/plugins/jspsych-same-different-html.js +0 -168
  310. package/plugins/jspsych-same-different-image.js +0 -169
  311. package/plugins/jspsych-serial-reaction-time-mouse.js +0 -212
  312. package/plugins/jspsych-serial-reaction-time.js +0 -247
  313. package/plugins/jspsych-survey-html-form.js +0 -171
  314. package/plugins/jspsych-survey-likert.js +0 -195
  315. package/plugins/jspsych-survey-multi-choice.js +0 -208
  316. package/plugins/jspsych-survey-multi-select.js +0 -232
  317. package/plugins/jspsych-survey-text.js +0 -185
  318. package/plugins/jspsych-video-button-response.js +0 -335
  319. package/plugins/jspsych-video-keyboard-response.js +0 -279
  320. package/plugins/jspsych-video-slider-response.js +0 -351
  321. package/plugins/jspsych-virtual-chinrest.js +0 -471
  322. package/plugins/jspsych-visual-search-circle.js +0 -259
  323. package/plugins/jspsych-vsl-animate-occlusion.js +0 -196
  324. package/plugins/jspsych-vsl-grid-scene.js +0 -103
  325. package/plugins/jspsych-webgazer-calibrate.js +0 -166
  326. package/plugins/jspsych-webgazer-init-camera.js +0 -95
  327. package/plugins/jspsych-webgazer-validate.js +0 -304
  328. package/plugins/template/jspsych-plugin-template.js +0 -35
  329. package/tests/README.md +0 -7
  330. package/tests/jsPsych/case-sensitive-responses.test.js +0 -53
  331. package/tests/jsPsych/css-classes-parameter.test.js +0 -107
  332. package/tests/jsPsych/default-iti.test.js +0 -51
  333. package/tests/jsPsych/default-parameters.test.js +0 -58
  334. package/tests/jsPsych/endexperiment.test.js +0 -49
  335. package/tests/jsPsych/events.test.js +0 -606
  336. package/tests/jsPsych/functions-as-parameters.test.js +0 -210
  337. package/tests/jsPsych/init.test.js +0 -48
  338. package/tests/jsPsych/loads.test.js +0 -7
  339. package/tests/jsPsych/min-rt.test.js +0 -58
  340. package/tests/jsPsych/progressbar.test.js +0 -202
  341. package/tests/jsPsych/timeline-variables.test.js +0 -531
  342. package/tests/jsPsych/timelines.test.js +0 -569
  343. package/tests/jsPsych.data/data-csv-conversion.test.js +0 -85
  344. package/tests/jsPsych.data/data-json-conversion.test.js +0 -120
  345. package/tests/jsPsych.data/datacollection.test.js +0 -117
  346. package/tests/jsPsych.data/datacolumn.test.js +0 -50
  347. package/tests/jsPsych.data/datamodule.test.js +0 -152
  348. package/tests/jsPsych.data/dataparameter.test.js +0 -251
  349. package/tests/jsPsych.data/interactions.test.js +0 -109
  350. package/tests/jsPsych.data/trialparameters.test.js +0 -175
  351. package/tests/jsPsych.extensions/extensions.test.js +0 -207
  352. package/tests/jsPsych.extensions/test-extension.js +0 -42
  353. package/tests/jsPsych.pluginAPI/pluginapi.test.js +0 -341
  354. package/tests/jsPsych.pluginAPI/preloads.test.js +0 -43
  355. package/tests/jsPsych.randomization/randomziation.test.js +0 -27
  356. package/tests/jsPsych.utils/utils.test.js +0 -58
  357. package/tests/plugins/plugin-animation.test.js +0 -34
  358. package/tests/plugins/plugin-audio-button-response.test.js +0 -15
  359. package/tests/plugins/plugin-audio-keyboard-response.test.js +0 -15
  360. package/tests/plugins/plugin-audio-slider-response.test.js +0 -15
  361. package/tests/plugins/plugin-call-function.test.js +0 -49
  362. package/tests/plugins/plugin-categorize-animation.test.js +0 -263
  363. package/tests/plugins/plugin-categorize-html.test.js +0 -17
  364. package/tests/plugins/plugin-categorize-image.test.js +0 -17
  365. package/tests/plugins/plugin-cloze.test.js +0 -157
  366. package/tests/plugins/plugin-free-sort.test.js +0 -106
  367. package/tests/plugins/plugin-fullscreen.test.js +0 -41
  368. package/tests/plugins/plugin-html-button-response.test.js +0 -161
  369. package/tests/plugins/plugin-html-keyboard-response.test.js +0 -139
  370. package/tests/plugins/plugin-html-slider-response.test.js +0 -155
  371. package/tests/plugins/plugin-iat-html.test.js +0 -299
  372. package/tests/plugins/plugin-iat-image.test.js +0 -298
  373. package/tests/plugins/plugin-image-button-response.test.js +0 -174
  374. package/tests/plugins/plugin-image-keyboard-response.test.js +0 -147
  375. package/tests/plugins/plugin-image-slider-response.test.js +0 -174
  376. package/tests/plugins/plugin-instructions.test.js +0 -85
  377. package/tests/plugins/plugin-maxdiff.test.js +0 -39
  378. package/tests/plugins/plugin-preload.test.js +0 -916
  379. package/tests/plugins/plugin-rdk.test.js +0 -61
  380. package/tests/plugins/plugin-reconstruction.test.js +0 -16
  381. package/tests/plugins/plugin-resize.test.js +0 -16
  382. package/tests/plugins/plugin-same-different-html.test.js +0 -17
  383. package/tests/plugins/plugin-same-different-image.test.js +0 -17
  384. package/tests/plugins/plugin-serial-reaction-time-mouse.test.js +0 -42
  385. package/tests/plugins/plugin-serial-reaction-time.test.js +0 -109
  386. package/tests/plugins/plugin-survey-html-form.test.js +0 -44
  387. package/tests/plugins/plugin-survey-likert.test.js +0 -48
  388. package/tests/plugins/plugin-survey-multi-choice.test.js +0 -47
  389. package/tests/plugins/plugin-survey-multi-select.test.js +0 -71
  390. package/tests/plugins/plugin-survey-text.test.js +0 -115
  391. package/tests/plugins/plugin-video-button-response.test.js +0 -32
  392. package/tests/plugins/plugin-video-keyboard-response.test.js +0 -32
  393. package/tests/plugins/plugin-video-slider-response.test.js +0 -31
  394. package/tests/plugins/plugin-visual-search-circle.test.js +0 -16
  395. package/tests/plugins/plugin-vsl-animate-occlusion.test.js +0 -16
  396. package/tests/plugins/plugin-vsl-grid-scene.test.js +0 -16
  397. package/tests/testing-utils.js +0 -13
package/examples/css-classes-parameter.html DELETED
@@ -1,145 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
-
4
- <head>
5
- <script src="../jspsych.js"></script>
6
- <script src="../plugins/jspsych-image-keyboard-response.js"></script>
7
- <script src="../plugins/jspsych-html-keyboard-response.js"></script>
8
- <script src="../plugins/jspsych-preload.js"></script>
9
- <link rel="stylesheet" href="../css/jspsych.css">
10
- <style>
11
- /*
12
- Any CSS classes listed in the 'css_classes' parameter will only be added to the jspsych-content div.
13
- Certain CSS rules will automatically be applied to all other elements _inside_ this div (stimulus, prompt, etc.),
14
- through CSS inheritance. However, not all CSS properties are inherited from parent elements.
15
- To learn more about CSS inheritance, see:
16
- https://developer.mozilla.org/en-US/docs/Web/CSS/inheritance
17
- https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance#inheritance
18
- https://stackoverflow.com/questions/5612302/which-css-properties-are-inherited
19
-
20
- In the CSS rules below, the rules are applied to the jspsych-content div, and then applied to
21
- other elements inside of the jspsych-content div through inheritance. This is why both the stimulus and
22
- prompt are affected by these rules in the trial_procedure_1 trials.
23
- */
24
- .condition1 {
25
- color: red;
26
- font: small-caps bold 25px/25px Arial, sans-serif;
27
- line-height: 150%;
28
- }
29
- .condition2 {
30
- font-size: 20px;
31
- font-weight: bold;
32
- text-shadow: 2px 2px white;
33
- line-height: 200%;
34
- background-color: lightgray
35
- }
36
- /*
37
- It's also possible to use more specific CSS selectors so that the CSS rule only affects certain elements on the page.
38
- To create these CSS rules, we start with the class name used in "css_classes". This will select the 'parent' element (jspsych-content div):
39
- .left-align
40
- After that, add the more specific CSS selector(s) to select any particular element(s) that should be modified inside the parent element.
41
- For example, to select only the "p" elements that are inside of the 'parent' element, you can use this:
42
- .left-align p {...}
43
- This method allows you to use different styles for different 'child' elements inside the jspsych-content div.
44
- This method also allows you to modify properties that can't be modified through inheritance.
45
-
46
- Options for CSS selectors include the element's tag name, ID, class, and combinations of these.
47
- For example, to select a the element with the ID "jspsych-html-keyboard-response-stimulus":
48
- .left-align #jspsych-html-keyboard-response-stimulus {...}
49
- Or to select all "p" elements that also have the class "stimulus":
50
- .left-align p.stimulus {...}
51
- See here for more info about CSS selectors: https://www.w3schools.com/css/css_selectors.asp
52
-
53
- In the trial_procedure_2 trials, the stimulus text is inside of <p> tags and the prompt text is not inside of <p> tags.
54
- Therefore the CSS rules below will only affect the stimulus element in these trials.
55
- */
56
- .left-align p {text-align: left; width: 600px;}
57
- .right-align p {text-align: right; width: 600px;}
58
- .teal p {color: teal;}
59
- .purple p {color: purple;}
60
- .large-text p {font-size: 40px; line-height: 1.5em;}
61
- .black-border p {border: 4px solid black;}
62
-
63
- /*
64
- The CSS rules below are used in trial_procedure_3 to format the fixation cross
65
- and move the img element to the left or right.
66
- */
67
- .fixation {font-size: 90px; font-weight: bold;}
68
- .img-left img {transform: translate(-300px);}
69
- .img-right img {transform: translate(300px);}
70
- </style>
71
- </head>
72
- <body></body>
73
- <script>
74
-
75
- var preload = {
76
- type: 'preload',
77
- auto_preload: true
78
- }
79
-
80
- var trial_procedure_1 = {
81
- timeline: [{
82
- type: 'html-keyboard-response',
83
- stimulus: jsPsych.timelineVariable('stim'),
84
- css_classes: jsPsych.timelineVariable('css_class'),
85
- prompt: 'This is the prompt.<br>In this set of trials, the CSS styles are applied to the parent element<br>'+
86
- 'and passed on to all other jsPsych content through inheritance,<br>'+
87
- 'which is why they also affect both the stimulus and prompt text.<br>Press any key to continue.'
88
- }],
89
- timeline_variables: [
90
- {css_class: ['condition1'], stim: '<p>This is a Condition 1 stimulus.</p>'},
91
- {css_class: ['condition2'], stim: '<p>This is a Condition 2 stimulus.</p>'}
92
- ]
93
- }
94
-
95
- var trial_procedure_2 = {
96
- timeline: [{
97
- type: 'html-keyboard-response',
98
- stimulus: '<p>This is the stimulus.</p>',
99
- css_classes: jsPsych.timelineVariable('css_classes'),
100
- prompt: 'In this set of trials, the CSS rules are applied more selectively<br>so that they only affect the stimulus text, not the prompt text<br>'+
101
- '(see the comments in the HTML file for more information).<br>Press any key to continue.'
102
- }],
103
- timeline_variables: [
104
- {css_classes: ['teal','left-align','black-border','large-text']},
105
- {css_classes: ['teal','right-align','black-border','large-text']},
106
- {css_classes: ['purple','left-align','large-text']},
107
- {css_classes: ['purple','right-align','large-text']}
108
- ]
109
- }
110
-
111
- var trial_procedure_3 = {
112
- timeline: [
113
- {
114
- type: 'html-keyboard-response',
115
- stimulus: '+',
116
- choices: jsPsych.NO_KEYS,
117
- trial_duration: 500,
118
- css_classes: ['fixation']
119
- },
120
- {
121
- type: 'image-keyboard-response',
122
- stimulus: 'img/blue.png',
123
- css_classes: jsPsych.timelineVariable('image_side'),
124
- prompt: '<p>Press <strong>f</strong> if the image is on the <strong>left</strong>.</p>'+
125
- '<p>Press <strong>j</strong> if the image is on the <strong>right</strong>.</p>',
126
- choices: ['f','j'],
127
- render_on_canvas: false
128
- }
129
- ],
130
- timeline_variables: [
131
- {image_side: ['img-left'], correct_response: 'f'},
132
- {image_side: ['img-right'], correct_response: 'j'}
133
- ]
134
- }
135
-
136
- jsPsych.init({
137
- timeline: [preload, trial_procedure_1, trial_procedure_2, trial_procedure_3],
138
- on_finish: function() {
139
- jsPsych.data.displayData();
140
- }
141
- });
142
-
143
- </script>
144
-
145
- </html>
package/examples/data-add-properties.html DELETED
@@ -1,44 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
-
4
- <head>
5
- <script src="../jspsych.js"></script>
6
- <script src="../plugins/jspsych-image-keyboard-response.js"></script>
7
- <script src="../plugins/jspsych-preload.js"></script>
8
- <link rel="stylesheet" href="../css/jspsych.css">
9
- </head>
10
- <body></body>
11
- <script>
12
-
13
- var preload = {
14
- type: 'preload',
15
- auto_preload: true
16
- }
17
-
18
- var block_1 = {
19
- type: 'image-keyboard-response',
20
- stimulus: 'img/happy_face_1.jpg',
21
- choices: ['y','n'],
22
- render_on_canvas: false,
23
- stimulus_width: 300,
24
- prompt: '<p>The data displayed on the next page should have a subject and completed property. Press "y" or "n".</p>'
25
- }
26
-
27
- jsPsych.data.addProperties({
28
- subject: 1
29
- });
30
-
31
-
32
- jsPsych.init({
33
- timeline: [preload, block_1],
34
- on_finish: function() {
35
- jsPsych.data.addProperties({
36
- completed: true
37
- });
38
- // data should have a subject and completed field for each trial.
39
- jsPsych.data.displayData();
40
- }
41
- });
42
- </script>
43
-
44
- </html>
package/examples/data-as-function.html DELETED
@@ -1,39 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
-
4
- <head>
5
- <script src="../jspsych.js"></script>
6
- <script src="../plugins/jspsych-image-keyboard-response.js"></script>
7
- <script src="../plugins/jspsych-preload.js"></script>
8
- <link rel="stylesheet" href="../css/jspsych.css">
9
- </head>
10
- <body></body>
11
- <script>
12
-
13
- var preload = {
14
- type: 'preload',
15
- auto_preload: true
16
- }
17
-
18
- var block_1 = {
19
- type: 'image-keyboard-response',
20
- stimulus: 'img/happy_face_1.jpg',
21
- choices: ['y','n'],
22
- prompt: '<p>Data should have a random int 0-19 on next page. Press "y" or "n".</p>',
23
- stimulus_width: 300,
24
- data: function() {
25
- return {
26
- random_number: Math.floor(Math.random() * 20)
27
- }
28
- }
29
- }
30
-
31
- jsPsych.init({
32
- timeline: [preload, block_1],
33
- on_finish: function() {
34
- jsPsych.data.displayData();
35
- }
36
- });
37
- </script>
38
-
39
- </html>
package/examples/data-from-timeline.html DELETED
@@ -1,52 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <script src="../jspsych.js"></script>
5
- <script src="../plugins/jspsych-image-keyboard-response.js"></script>
6
- <script src="../plugins/jspsych-preload.js"></script>
7
- <link rel="stylesheet" href="../css/jspsych.css">
8
- </head>
9
- <body></body>
10
- <script>
11
-
12
- var preload = {
13
- type: 'preload',
14
- auto_preload: true
15
- }
16
-
17
- var trial_1 = {
18
- stimulus: 'img/happy_face_4.jpg',
19
- }
20
-
21
- var trial_2 = {
22
- stimulus: 'img/sad_face_4.jpg',
23
- }
24
-
25
- var trial_3 = {
26
- stimulus: 'img/sad_face_3.jpg',
27
- }
28
-
29
- var node = {
30
- type: 'image-keyboard-response',
31
- timeline: [trial_1, trial_2, trial_3],
32
- choices: ['y','n'],
33
- prompt: '<p>Have you seen this face before? Press "y" or "n".</p>',
34
- stimulus_width: 300,
35
- data: {
36
- node_data: true
37
- },
38
- on_finish: function(){
39
- console.log(jsPsych.data.getLastTimelineData().json());
40
- }
41
- }
42
-
43
- jsPsych.init({
44
- timeline: [preload, node],
45
- on_finish: function() {
46
- jsPsych.data.displayData();
47
- },
48
- default_iti: 250
49
- });
50
- </script>
51
-
52
- </html>
package/examples/data-from-url.html DELETED
@@ -1,21 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <script src="../jspsych.js"></script>
5
- <link rel="stylesheet" href="../css/jspsych.css">
6
- </head>
7
- <body>
8
- <p>The URL variable should be logged to the console</p>
9
- </body>
10
- <script>
11
-
12
- if(typeof jsPsych.data.getURLVariable('v1') == 'undefined'){
13
- window.location = window.location + '?v1=abc&v2=def';
14
- }
15
-
16
- console.log(JSON.stringify(jsPsych.data.urlVariables()));
17
-
18
- console.log(jsPsych.data.getURLVariable('v1'));
19
-
20
- </script>
21
- </html>
package/examples/demo-flanker.html DELETED
@@ -1,117 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <title>Flanker Task</title>
5
- <script src="../jspsych.js"></script>
6
- <script src="../plugins/jspsych-html-keyboard-response.js"></script>
7
- <script src="../plugins/jspsych-image-keyboard-response.js"></script>
8
- <script src="../plugins/jspsych-preload.js"></script>
9
- <link rel="stylesheet" href="../css/jspsych.css">
10
- </head>
11
- <body>
12
- </body>
13
- <script>
14
- /* experiment parameters */
15
- var reps_per_trial_type = 4;
16
-
17
- /*set up welcome block*/
18
- var welcome = {
19
- type: "html-keyboard-response",
20
- stimulus: "Welcome to the experiment. Press any key to begin."
21
- };
22
-
23
- /*set up instructions block*/
24
- var instructions = {
25
- type: "html-keyboard-response",
26
- stimulus: "<p>In this task, you will see five arrows on the screen, like the example below.</p>"+
27
- "<img src='img/inc1.png'></img>"+
28
- "<p>Press the left arrow key if the middle arrow is pointing left. (<)</p>"+
29
- "<p>Press the right arrow key if the middle arrow is pointing right. (>)</p>"+
30
- "<p>Press any key to begin.</p>",
31
- post_trial_gap: 1000
32
- };
33
-
34
- /*defining stimuli*/
35
- var test_stimuli = [
36
- {
37
- stimulus: "img/con1.png",
38
- data: { stim_type: 'congruent', direction: 'left'}
39
- },
40
- {
41
- stimulus: "img/con2.png",
42
- data: { stim_type: 'congruent', direction: 'right'}
43
- },
44
- {
45
- stimulus: "img/inc1.png",
46
- data: { stim_type: 'incongruent', direction: 'right'}
47
- },
48
- {
49
- stimulus: "img/inc2.png",
50
- data: { stim_type: 'incongruent', direction: 'left'}
51
- }
52
- ];
53
-
54
- /* defining test timeline */
55
- var test = {
56
- timeline: [{
57
- type: 'image-keyboard-response',
58
- choices: ['ArrowLeft', 'ArrowRight'],
59
- trial_duration: 1500,
60
- stimulus: jsPsych.timelineVariable('stimulus'),
61
- data: jsPsych.timelineVariable('data'),
62
- on_finish: function(data){
63
- var correct = false;
64
- if(data.direction == 'left' && jsPsych.pluginAPI.compareKeys(data.response, 'ArrowLeft') && data.rt > -1){
65
- correct = true;
66
- } else if(data.direction == 'right' && jsPsych.pluginAPI.compareKeys(data.response, 'ArrowRight') && data.rt > -1){
67
- correct = true;
68
- }
69
- data.correct = correct;
70
- },
71
- post_trial_gap: function() {
72
- return Math.floor(Math.random() * 1500) + 500;
73
- }
74
- }],
75
- timeline_variables: test_stimuli,
76
- sample: {type: 'fixed-repetitions', size: reps_per_trial_type}
77
- };
78
-
79
- /*defining debriefing block*/
80
- var debrief = {
81
- type: "html-keyboard-response",
82
- stimulus: function() {
83
- var total_trials = jsPsych.data.get().filter({trial_type: 'image-keyboard-response'}).count();
84
- var accuracy = Math.round(jsPsych.data.get().filter({correct: true}).count() / total_trials * 100);
85
- var congruent_rt = Math.round(jsPsych.data.get().filter({correct: true, stim_type: 'congruent'}).select('rt').mean());
86
- var incongruent_rt = Math.round(jsPsych.data.get().filter({correct: true, stim_type: 'incongruent'}).select('rt').mean());
87
- return "<p>You responded correctly on <strong>"+accuracy+"%</strong> of the trials.</p> " +
88
- "<p>Your average response time for congruent trials was <strong>" + congruent_rt + "ms</strong>.</p>"+
89
- "<p>Your average response time for incongruent trials was <strong>" + incongruent_rt + "ms</strong>.</p>"+
90
- "<p>Press any key to complete the experiment. Thank you!</p>";
91
- }
92
- };
93
-
94
- // manually preload images due to presenting them with timeline variables
95
- var images = ["img/con1.png","img/con2.png","img/inc1.png","img/inc2.png"];
96
- var preload = {
97
- type: 'preload',
98
- images: images
99
- }
100
-
101
- /*set up experiment structure*/
102
- var timeline = [];
103
- timeline.push(preload);
104
- timeline.push(welcome);
105
- timeline.push(instructions);
106
- timeline.push(test);
107
- timeline.push(debrief);
108
-
109
- /*start experiment*/
110
- jsPsych.init({
111
- timeline: timeline,
112
- on_finish: function() {
113
- jsPsych.data.displayData();
114
- }
115
- });
116
- </script>
117
- </html>
package/examples/demo-simple-rt-task.html DELETED
@@ -1,120 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
-
4
- <head>
5
- <title>My experiment</title>
6
- <script src="../jspsych.js"></script>
7
- <script src="../plugins/jspsych-html-keyboard-response.js"></script>
8
- <script src="../plugins/jspsych-image-keyboard-response.js"></script>
9
- <script src="../plugins/jspsych-preload.js"></script>
10
- <link rel="stylesheet" href="../css/jspsych.css">
11
- </head>
12
-
13
- <body></body>
14
- <script>
15
- /* create timeline */
16
- var timeline = [];
17
-
18
- /* preload images */
19
- var preload = {
20
- type: 'preload',
21
- images: ['img/blue.png', 'img/orange.png']
22
- }
23
- timeline.push(preload);
24
-
25
- /* define welcome message trial */
26
- var welcome = {
27
- type: "html-keyboard-response",
28
- stimulus: "Welcome to the experiment. Press any key to begin."
29
- };
30
- timeline.push(welcome);
31
-
32
- /* define instructions trial */
33
- var instructions = {
34
- type: "html-keyboard-response",
35
- stimulus: `
36
- <p>In this experiment, a circle will appear in the center
37
- of the screen.</p><p>If the circle is <strong>blue</strong>,
38
- press the letter F on the keyboard as fast as you can.</p>
39
- <p>If the circle is <strong>orange</strong>, press the letter J
40
- as fast as you can.</p>
41
- <div style='width: 700px;'>
42
- <div style='float: left;'><img src='img/blue.png'></img>
43
- <p class='small'><strong>Press the F key</strong></p></div>
44
- <div class='float: right;'><img src='img/orange.png'></img>
45
- <p class='small'><strong>Press the J key</strong></p></div>
46
- </div>
47
- <p>Press any key to begin.</p>
48
- `,
49
- post_trial_gap: 2000
50
- };
51
- timeline.push(instructions);
52
-
53
- /* test trials */
54
- var test_stimuli = [
55
- { stimulus: "img/blue.png", correct_response: 'f' },
56
- { stimulus: "img/orange.png", correct_response: 'j' }
57
- ];
58
-
59
- var fixation = {
60
- type: 'html-keyboard-response',
61
- stimulus: '<div style="font-size:60px;">+</div>',
62
- choices: jsPsych.NO_KEYS,
63
- trial_duration: function () {
64
- return jsPsych.randomization.sampleWithoutReplacement([250, 500, 750, 1000, 1250, 1500, 1750, 2000], 1)[0];
65
- },
66
- data: {
67
- task: 'fixation'
68
- }
69
- }
70
-
71
- var test = {
72
- type: "image-keyboard-response",
73
- stimulus: jsPsych.timelineVariable('stimulus'),
74
- choices: ['f', 'j'],
75
- data: {
76
- task: 'response',
77
- correct_response: jsPsych.timelineVariable('correct_response')
78
- },
79
- on_finish: function (data) {
80
- data.correct = jsPsych.pluginAPI.compareKeys(data.response, data.correct_response);
81
- }
82
- }
83
-
84
- var test_procedure = {
85
- timeline: [fixation, test],
86
- timeline_variables: test_stimuli,
87
- repetitions: 5,
88
- randomize_order: true
89
- }
90
- timeline.push(test_procedure);
91
-
92
- /* define debrief */
93
-
94
- var debrief_block = {
95
- type: "html-keyboard-response",
96
- stimulus: function () {
97
-
98
- var trials = jsPsych.data.get().filter({ task: 'response' });
99
- var correct_trials = trials.filter({ correct: true });
100
- var accuracy = Math.round(correct_trials.count() / trials.count() * 100);
101
- var rt = Math.round(correct_trials.select('rt').mean());
102
-
103
- return `<p>You responded correctly on ${accuracy}% of the trials.</p>
104
- <p>Your average response time was ${rt}ms.</p>
105
- <p>Press any key to complete the experiment. Thank you!</p>`;
106
-
107
- }
108
- };
109
- timeline.push(debrief_block);
110
-
111
- /* start the experiment */
112
- jsPsych.init({
113
- timeline: timeline,
114
- on_finish: function () {
115
- jsPsych.data.displayData();
116
- }
117
- });
118
- </script>
119
-
120
- </html>
package/examples/demos/demo_1.html DELETED
@@ -1,35 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <script src="../../jspsych.js"></script>
5
- <script src="../../plugins/jspsych-instructions.js"></script>
6
- <script src="../../plugins/jspsych-preload.js"></script>
7
- <link rel="stylesheet" href="../../css/jspsych.css">
8
- </head>
9
- <body>
10
- </body>
11
- <script>
12
- var preload = {
13
- type: 'preload',
14
- images: ["../img/age/of2.jpg"]
15
- }
16
-
17
- var trial = {
18
- type: 'instructions',
19
- pages: [
20
- 'Welcome to the experiment. Click next to begin.',
21
- '<div>In this experiment, you will view a ' +
22
- 'series of images and answer questions.<br>' +
23
- 'Answer with the keys "y" or "n".',
24
- 'Here is an example:<br><br> ' +
25
- '<img src="../img/age/of2.jpg"></img><br><br>' +
26
- 'Is this person OLD or YOUNG?'
27
- ],
28
- show_clickable_nav: true
29
- }
30
-
31
- jsPsych.init({
32
- timeline: [preload, trial],
33
- });
34
- </script>
35
- </html>
package/examples/demos/demo_2.html DELETED
@@ -1,50 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <script src="../../jspsych.js"></script>
5
- <script src="../../plugins/jspsych-image-keyboard-response.js"></script>
6
- <script src="../../plugins/jspsych-preload.js"></script>
7
- <link rel="stylesheet" href="../../css/jspsych.css">
8
- </head>
9
- <body>
10
- </body>
11
- <script>
12
- var preload = {
13
- type: 'preload',
14
- auto_preload: true
15
- }
16
-
17
- var trial_1 = {
18
- type: "image-keyboard-response",
19
- stimulus: '../img/happy_face_1.jpg',
20
- choices: ['y','n'],
21
- render_on_canvas: false,
22
- stimulus_width: 300,
23
- prompt: '<p>Is this face happy? Press "y" or "n".</p>'
24
- }
25
-
26
- var trial_2 = {
27
- type: 'image-keyboard-response',
28
- stimulus: '../img/sad_face_2.jpg',
29
- choices: ['y','n'],
30
- render_on_canvas: false,
31
- stimulus_width: 300,
32
- prompt: '<p>Is this face happy? Press "y" or "n".</p>'
33
- }
34
-
35
- var trial_3 = {
36
- type: 'image-keyboard-response',
37
- stimulus: '../img/happy_face_2.jpg',
38
- choices: ['y','n'],
39
- render_on_canvas: false,
40
- stimulus_width: 300,
41
- prompt: '<p>Is this face happy? Press "y" or "n".</p>',
42
- }
43
-
44
-
45
- jsPsych.init({
46
- timeline: [preload, trial_1, trial_2, trial_3],
47
- default_iti: 250
48
- });
49
- </script>
50
- </html>