Replace uses of Array.from() for Qualtrics compatibility

[Max-Lovell]

Qualtrics have overwritten/incorrectly polyfilled Array.from() such that it doesn't work, and so neither does jsPsych when run directly in Qualtrics. This PR then replaces uses of Array.from() in jsPsych with equivalent functions. So far, a wrapped spread operator [...array] is used in the KeyboardResponseAPI, and Array.prototype.slice.call() in the maxdiff and free-sort plugins.

There's also a single Array.from() call in packages/plugin-sketchpad/src/index.ts, although I can't get this to run on my own fork even in the original version outside of Qualtrics. It also features heavily in the webgazer examples and demos.

Probably worth considering this doesn't do much for any extension, anything in contrib, or Survey-js etc, so Qualtrics compatibility isn't guaranteed, but atleast the core library can be used without dealing with an extra hosting site.

Follows from #3347.

[changeset-bot]

🦋 Changeset detected

Latest commit: 4b080ca

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 4 packages

Name	Type
@jspsych/plugin-sketchpad	Patch
jspsych	Patch
@jspsych/plugin-free-sort	Patch
@jspsych/plugin-maxdiff	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[jodeleeuw]

Thanks @Max-Lovell !

The sketchpad bug is weird, but definitely there. I'm not sure why that broke. I'd like to fix that and include the change to Array.from in this PR. Hopefully tomorrow.

[Max-Lovell]

Sounds good @jodeleeuw, thanks!

[jodeleeuw]

All set! Hopefully 8.0.2 works on Qualtrics now

[jodeleeuw]

BTW @Max-Lovell if you are interested in contributing a documentation page that briefly covered Qualtrics integration that would be most welcome 😁

[Max-Lovell]

Thanks Josh!! switched header to:

    <script src="https://unpkg.com/jspsych@8.0.2"></script>
    <script src="https://unpkg.com/@jspsych/plugin-html-keyboard-response@2.0.0"></script>
    <script src="https://unpkg.com/@jspsych/plugin-free-sort@2.0.1"></script>
    <script src="https://unpkg.com/@jspsych/plugin-maxdiff@2.0.1"></script>
    <script src="https://unpkg.com/@jspsych/plugin-sketchpad@2.0.1"></script>
    <link href="https://unpkg.com/jspsych@8.0.2/css/jspsych.css" rel="stylesheet" type="text/css" />

and all is working: https://universityofsussex.eu.qualtrics.com/jfe/form/SV_9LkywyYb3mtbtgq.

Great to get that finally working, thanks for the help. Will write up some documentation when I'm back from AL in 2 weeks!