jspsych 6.3.1 → 7.1.2

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 (401) 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 +3171 -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 +3165 -0
  10. package/dist/index.cjs.map +1 -0
  11. package/dist/index.d.ts +11 -0
  12. package/dist/index.js +3159 -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 +136 -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 +165 -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 -719
  59. package/docs/core_library/jspsych-data.md +0 -587
  60. package/docs/core_library/jspsych-pluginAPI.md +0 -624
  61. package/docs/core_library/jspsych-randomization.md +0 -389
  62. package/docs/core_library/jspsych-turk.md +0 -98
  63. package/docs/extensions/extensions.md +0 -83
  64. package/docs/extensions/jspsych-ext-webgazer.md +0 -137
  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 -180
  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 -271
  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 -61
  145. package/docs/plugins/jspsych-webgazer-init-camera.md +0 -30
  146. package/docs/plugins/jspsych-webgazer-validate.md +0 -44
  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/ridgeWorker.mjs +0 -135
  216. package/examples/js/webgazer/webgazer.js +0 -88909
  217. package/examples/js/webgazer/worker_scripts/mat.js +0 -306
  218. package/examples/js/webgazer/worker_scripts/util.js +0 -398
  219. package/examples/jspsych-RDK.html +0 -58
  220. package/examples/jspsych-animation.html +0 -39
  221. package/examples/jspsych-audio-button-response.html +0 -58
  222. package/examples/jspsych-audio-keyboard-response.html +0 -68
  223. package/examples/jspsych-audio-slider-response.html +0 -61
  224. package/examples/jspsych-call-function.html +0 -32
  225. package/examples/jspsych-canvas-button-response.html +0 -95
  226. package/examples/jspsych-canvas-keyboard-response.html +0 -78
  227. package/examples/jspsych-canvas-slider-response.html +0 -67
  228. package/examples/jspsych-categorize-animation.html +0 -49
  229. package/examples/jspsych-categorize-html.html +0 -33
  230. package/examples/jspsych-categorize-image.html +0 -44
  231. package/examples/jspsych-cloze.html +0 -37
  232. package/examples/jspsych-free-sort.html +0 -109
  233. package/examples/jspsych-fullscreen.html +0 -45
  234. package/examples/jspsych-html-button-response.html +0 -43
  235. package/examples/jspsych-html-keyboard-response.html +0 -42
  236. package/examples/jspsych-html-slider-response.html +0 -53
  237. package/examples/jspsych-iat.html +0 -520
  238. package/examples/jspsych-image-button-response.html +0 -91
  239. package/examples/jspsych-image-keyboard-response.html +0 -85
  240. package/examples/jspsych-image-slider-response.html +0 -85
  241. package/examples/jspsych-instructions.html +0 -37
  242. package/examples/jspsych-maxdiff.html +0 -33
  243. package/examples/jspsych-preload.html +0 -140
  244. package/examples/jspsych-reconstruction.html +0 -43
  245. package/examples/jspsych-resize.html +0 -34
  246. package/examples/jspsych-same-different-html.html +0 -28
  247. package/examples/jspsych-same-different-image.html +0 -39
  248. package/examples/jspsych-serial-reaction-time-mouse.html +0 -98
  249. package/examples/jspsych-serial-reaction-time.html +0 -54
  250. package/examples/jspsych-survey-html-form.html +0 -33
  251. package/examples/jspsych-survey-likert.html +0 -42
  252. package/examples/jspsych-survey-multi-choice.html +0 -40
  253. package/examples/jspsych-survey-multi-select.html +0 -42
  254. package/examples/jspsych-survey-text.html +0 -34
  255. package/examples/jspsych-video-button-response.html +0 -65
  256. package/examples/jspsych-video-keyboard-response.html +0 -61
  257. package/examples/jspsych-video-slider-response.html +0 -63
  258. package/examples/jspsych-virtual-chinrest.html +0 -69
  259. package/examples/jspsych-visual-search-circle.html +0 -64
  260. package/examples/jspsych-vsl-animate-occlusion.html +0 -35
  261. package/examples/jspsych-vsl-grid-scene.html +0 -47
  262. package/examples/lexical-decision.html +0 -134
  263. package/examples/manual-preloading.html +0 -59
  264. package/examples/pause-unpause.html +0 -33
  265. package/examples/progress-bar.html +0 -68
  266. package/examples/save-trial-parameters.html +0 -98
  267. package/examples/sound/hammer.mp3 +0 -0
  268. package/examples/sound/sound.mp3 +0 -0
  269. package/examples/sound/speech_blue.mp3 +0 -0
  270. package/examples/sound/speech_green.mp3 +0 -0
  271. package/examples/sound/speech_joke.mp3 +0 -0
  272. package/examples/sound/speech_red.mp3 +0 -0
  273. package/examples/sound/tone.mp3 +0 -0
  274. package/examples/timeline-variables-sampling.html +0 -50
  275. package/examples/timeline-variables.html +0 -64
  276. package/examples/video/sample_video.mp4 +0 -0
  277. package/examples/webgazer.html +0 -174
  278. package/examples/webgazer_audio.html +0 -90
  279. package/examples/webgazer_image.html +0 -60
  280. package/extensions/jspsych-ext-webgazer.js +0 -265
  281. package/jspsych.js +0 -3023
  282. package/license.txt +0 -21
  283. package/mkdocs.yml +0 -118
  284. package/plugins/jspsych-animation.js +0 -189
  285. package/plugins/jspsych-audio-button-response.js +0 -269
  286. package/plugins/jspsych-audio-keyboard-response.js +0 -209
  287. package/plugins/jspsych-audio-slider-response.js +0 -278
  288. package/plugins/jspsych-call-function.js +0 -58
  289. package/plugins/jspsych-canvas-button-response.js +0 -199
  290. package/plugins/jspsych-canvas-keyboard-response.js +0 -155
  291. package/plugins/jspsych-canvas-slider-response.js +0 -207
  292. package/plugins/jspsych-categorize-animation.js +0 -266
  293. package/plugins/jspsych-categorize-html.js +0 -220
  294. package/plugins/jspsych-categorize-image.js +0 -222
  295. package/plugins/jspsych-cloze.js +0 -112
  296. package/plugins/jspsych-external-html.js +0 -112
  297. package/plugins/jspsych-free-sort.js +0 -478
  298. package/plugins/jspsych-fullscreen.js +0 -106
  299. package/plugins/jspsych-html-button-response.js +0 -188
  300. package/plugins/jspsych-html-keyboard-response.js +0 -149
  301. package/plugins/jspsych-html-slider-response.js +0 -202
  302. package/plugins/jspsych-iat-html.js +0 -284
  303. package/plugins/jspsych-iat-image.js +0 -286
  304. package/plugins/jspsych-image-button-response.js +0 -327
  305. package/plugins/jspsych-image-keyboard-response.js +0 -263
  306. package/plugins/jspsych-image-slider-response.js +0 -369
  307. package/plugins/jspsych-instructions.js +0 -237
  308. package/plugins/jspsych-maxdiff.js +0 -173
  309. package/plugins/jspsych-preload.js +0 -345
  310. package/plugins/jspsych-rdk.js +0 -1373
  311. package/plugins/jspsych-reconstruction.js +0 -134
  312. package/plugins/jspsych-resize.js +0 -166
  313. package/plugins/jspsych-same-different-html.js +0 -168
  314. package/plugins/jspsych-same-different-image.js +0 -169
  315. package/plugins/jspsych-serial-reaction-time-mouse.js +0 -212
  316. package/plugins/jspsych-serial-reaction-time.js +0 -247
  317. package/plugins/jspsych-survey-html-form.js +0 -171
  318. package/plugins/jspsych-survey-likert.js +0 -195
  319. package/plugins/jspsych-survey-multi-choice.js +0 -208
  320. package/plugins/jspsych-survey-multi-select.js +0 -232
  321. package/plugins/jspsych-survey-text.js +0 -185
  322. package/plugins/jspsych-video-button-response.js +0 -335
  323. package/plugins/jspsych-video-keyboard-response.js +0 -279
  324. package/plugins/jspsych-video-slider-response.js +0 -351
  325. package/plugins/jspsych-virtual-chinrest.js +0 -471
  326. package/plugins/jspsych-visual-search-circle.js +0 -259
  327. package/plugins/jspsych-vsl-animate-occlusion.js +0 -196
  328. package/plugins/jspsych-vsl-grid-scene.js +0 -103
  329. package/plugins/jspsych-webgazer-calibrate.js +0 -161
  330. package/plugins/jspsych-webgazer-init-camera.js +0 -139
  331. package/plugins/jspsych-webgazer-validate.js +0 -314
  332. package/plugins/template/jspsych-plugin-template.js +0 -35
  333. package/tests/README.md +0 -7
  334. package/tests/jsPsych/case-sensitive-responses.test.js +0 -53
  335. package/tests/jsPsych/css-classes-parameter.test.js +0 -107
  336. package/tests/jsPsych/default-iti.test.js +0 -51
  337. package/tests/jsPsych/default-parameters.test.js +0 -58
  338. package/tests/jsPsych/endexperiment.test.js +0 -49
  339. package/tests/jsPsych/events.test.js +0 -606
  340. package/tests/jsPsych/functions-as-parameters.test.js +0 -210
  341. package/tests/jsPsych/init.test.js +0 -48
  342. package/tests/jsPsych/loads.test.js +0 -7
  343. package/tests/jsPsych/min-rt.test.js +0 -58
  344. package/tests/jsPsych/progressbar.test.js +0 -202
  345. package/tests/jsPsych/timeline-variables.test.js +0 -531
  346. package/tests/jsPsych/timelines.test.js +0 -569
  347. package/tests/jsPsych.data/data-csv-conversion.test.js +0 -85
  348. package/tests/jsPsych.data/data-json-conversion.test.js +0 -120
  349. package/tests/jsPsych.data/datacollection.test.js +0 -117
  350. package/tests/jsPsych.data/datacolumn.test.js +0 -50
  351. package/tests/jsPsych.data/datamodule.test.js +0 -152
  352. package/tests/jsPsych.data/dataparameter.test.js +0 -251
  353. package/tests/jsPsych.data/interactions.test.js +0 -109
  354. package/tests/jsPsych.data/trialparameters.test.js +0 -175
  355. package/tests/jsPsych.extensions/extensions.test.js +0 -207
  356. package/tests/jsPsych.extensions/test-extension.js +0 -42
  357. package/tests/jsPsych.pluginAPI/pluginapi.test.js +0 -365
  358. package/tests/jsPsych.pluginAPI/preloads.test.js +0 -43
  359. package/tests/jsPsych.randomization/randomziation.test.js +0 -27
  360. package/tests/jsPsych.utils/utils.test.js +0 -58
  361. package/tests/plugins/plugin-animation.test.js +0 -34
  362. package/tests/plugins/plugin-audio-button-response.test.js +0 -15
  363. package/tests/plugins/plugin-audio-keyboard-response.test.js +0 -15
  364. package/tests/plugins/plugin-audio-slider-response.test.js +0 -15
  365. package/tests/plugins/plugin-call-function.test.js +0 -49
  366. package/tests/plugins/plugin-categorize-animation.test.js +0 -263
  367. package/tests/plugins/plugin-categorize-html.test.js +0 -17
  368. package/tests/plugins/plugin-categorize-image.test.js +0 -17
  369. package/tests/plugins/plugin-cloze.test.js +0 -157
  370. package/tests/plugins/plugin-free-sort.test.js +0 -106
  371. package/tests/plugins/plugin-fullscreen.test.js +0 -41
  372. package/tests/plugins/plugin-html-button-response.test.js +0 -161
  373. package/tests/plugins/plugin-html-keyboard-response.test.js +0 -139
  374. package/tests/plugins/plugin-html-slider-response.test.js +0 -155
  375. package/tests/plugins/plugin-iat-html.test.js +0 -299
  376. package/tests/plugins/plugin-iat-image.test.js +0 -298
  377. package/tests/plugins/plugin-image-button-response.test.js +0 -174
  378. package/tests/plugins/plugin-image-keyboard-response.test.js +0 -147
  379. package/tests/plugins/plugin-image-slider-response.test.js +0 -174
  380. package/tests/plugins/plugin-instructions.test.js +0 -85
  381. package/tests/plugins/plugin-maxdiff.test.js +0 -39
  382. package/tests/plugins/plugin-preload.test.js +0 -916
  383. package/tests/plugins/plugin-rdk.test.js +0 -61
  384. package/tests/plugins/plugin-reconstruction.test.js +0 -16
  385. package/tests/plugins/plugin-resize.test.js +0 -16
  386. package/tests/plugins/plugin-same-different-html.test.js +0 -17
  387. package/tests/plugins/plugin-same-different-image.test.js +0 -17
  388. package/tests/plugins/plugin-serial-reaction-time-mouse.test.js +0 -42
  389. package/tests/plugins/plugin-serial-reaction-time.test.js +0 -109
  390. package/tests/plugins/plugin-survey-html-form.test.js +0 -44
  391. package/tests/plugins/plugin-survey-likert.test.js +0 -48
  392. package/tests/plugins/plugin-survey-multi-choice.test.js +0 -47
  393. package/tests/plugins/plugin-survey-multi-select.test.js +0 -71
  394. package/tests/plugins/plugin-survey-text.test.js +0 -115
  395. package/tests/plugins/plugin-video-button-response.test.js +0 -32
  396. package/tests/plugins/plugin-video-keyboard-response.test.js +0 -32
  397. package/tests/plugins/plugin-video-slider-response.test.js +0 -31
  398. package/tests/plugins/plugin-visual-search-circle.test.js +0 -16
  399. package/tests/plugins/plugin-vsl-animate-occlusion.test.js +0 -16
  400. package/tests/plugins/plugin-vsl-grid-scene.test.js +0 -16
  401. 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>