Uncaught MigrationError: The global `jsPsych` variable is no longer available in jsPsych v7. #2740

pablobernabeu · 2022-08-09T14:05:51Z

pablobernabeu
Aug 9, 2022

Hello,

I would like to ask for help with a migration error. I have been trying to adapt this vocabulary task to jsPsych 7.3. I have overcome some migration errors but there's one I can't manage. I would be very grateful if you could please take a look.

The error is:

Uncaught MigrationError: The global jsPsych variable is no longer available in jsPsych v7. Please follow the migration guide at https://www.jspsych.org/7.0/support/migration-v7/ to update your experiment.
at get randomization [as randomization] ([email protected]:1:13165)
at vocabulary_task.js:170:28
get randomization @ [email protected]:1
(anonymous) @ vocabulary_task.js:170

It refers to the line var items = this.jsPsych.randomization.shuffleNoRepeats(items); in the script below. I added this. before the function, following the migration advice, but to no avail.

The script is:

// This task is an adaptation of the task shared by Sam Zorowitz at
// https://github.com/nivlab/jspsych-demos/tree/main/tasks/vocabulary


//---------------------------------------//
// Define experiment parameters
//---------------------------------------//

// Define trial timing
var trial_duration = null;             // No time limit

// Define randomization
var randomize_item_order = true;       // Randomize item order
var randomize_choice_order = true;     // Randomize choice order

// Define prompt
var prompt = 'Which of the words above is closest to the meaning of the word in capital letters?'

//---------------------------------------//
// Define vocabulary test
//---------------------------------------//
// Note: correct answers are 0-indexed

var items = [
  {
    item: 1,
    stimulus: 'ADHESIVE',
    choices: ['glue', 'puissance', 'tradition', 'argument', 'latent'],
    correct: 0
  },
  {
    item: 2,
    stimulus: 'DREARY',
    choices: ['old', 'bloom', 'gloomy', 'correct', 'possible'],
    correct: 2
  },
  {
    item: 3,
    stimulus: 'MEAGER',
    choices: ['level', 'burnt', 'new', 'bare', 'peevish'],
    correct: 3
  },
  {
    item: 4,
    stimulus: 'ADHERENCE',
    choices: ['existence', 'devotion', 'relation', 'slippery', 'proof'],
    correct: 1
  },
  {
    item: 5,
    stimulus: 'DEPRECATE',
    choices: ['quit', 'clean', 'hate', 'save', 'help'],
    correct: 2
  },
  {
    item: 6,
    stimulus: 'HALCYON',
    choices: ['plain', 'eclectic', 'inhumane', 'stirring', 'peaceful'],
    correct: 4
  },
  {
    item: 7,
    stimulus: 'PACHYDERM',
    choices: ['giraffe', 'ostrich', 'platypus', 'elephant', 'whale'],
    correct: 3
  },
  {
    item: 8,
    stimulus: 'TRUTH',
    choices: ['neighbor', 'criminal', 'midnight', 'offering', 'fact'],
    correct: 4
  },
  {
    item: 9,
    stimulus: 'REJOICE',
    choices: ['conserve', 'risk', 'revel', 'automatic', 'slash'],
    correct: 2
  },
  {
    item: 10,
    stimulus: 'POTATION',
    choices: ['disappearance', 'drink', 'farming', 'rivalry', 'game'],
    correct: 1
  },
  {
    item: 11,
    stimulus: 'PIQUANT',
    choices: ['expert', 'steam', 'nosy', 'flavorful', 'hurt'],
    correct: 3
  },
  {
    item: 12,
    stimulus: 'ACOLYTE',
    choices: ['musician', 'savior', 'church helper', 'manager', 'speak'],
    correct: 2
  },
  {
    item: 13,
    stimulus: 'COVENANT',
    choices: ['pact', 'noise', 'agent', 'ceremony', 'aria'],
    correct: 0
  },
  {
    item: 14,
    stimulus: 'DORMANT',
    choices: ['insane', 'latent', 'swimming', 'cave', 'mortal'],
    correct: 1
  },
  {
    item: 15,
    stimulus: 'CRUEL',
    choices: ['mobile', 'pliant', 'pensive', 'mean', 'passive'],
    correct: 3
  },
  {
    item: 16,
    stimulus: 'HERMETIC',
    choices: ['completely sealed', 'purple', 'reclusive', 'princely', 'peppery'],
    correct: 0
  },
  {
    item: 17,
    stimulus: 'CHUCKLE',
    choices: ['laugh', 'haul', 'valuable', 'stub', 'prod'],
    correct: 0
  },
  {
    item: 18,
    stimulus: 'ABBATTOIR',
    choices: ['hawk', 'killing place', 'slot', 'culprit', 'stronghold'],
    correct: 1
  },
  {
    item: 19,
    stimulus: 'VITTLES',
    choices: ['conversation', 'avoidance', 'belief', 'prayer', 'food'],
    correct: 4
  },
  {
    item: 20,
    stimulus: 'SKIRMISH',
    choices: ['compete', 'travel', 'sail', 'absentee', 'fight'],
    correct: 4
  },
];

//---------------------------------------//
// Define timeline
//---------------------------------------//

// Preallocate space
vocabulary_task = [];

// Predefine fixation cross
var fixation = {
  type: jsPsychHtmlKeyboardResponse,
  stimulus: '<div style="font-size: 48px"></div>',
  choices: 'NO_KEYS',
  trial_duration: 600
}

// Randomize item order (if applicable)
if (randomize_item_order) { 
  var items = this.jsPsych.randomization.shuffleNoRepeats(items); 
  }

// Iteratively define trials
items.forEach((item, i) => {

  // Define choice order
  var order = [...Array(item.choices.length).keys()];

  // Randomize choice order (if applicable)
  if (randomize_choice_order) { 
    var order = this.jsPsych.randomization.shuffleNoRepeats(order); 
    }

  // Define choices
  var choices = order.map(k => item.choices[k]);

  // Define trial
  var trial = {
    type: jsPsychHtmlButtonResponse,
    stimulus: '<h3>' + item.stimulus + '</h3>',
    choices: choices,
    prompt: '<p><i><small>' + prompt + '</small></i></p>',
    trial_duration: trial_duration,
    data: {item: item.item, correct: order.indexOf(item.correct)},
    on_finish: function(data) {

      // Store number of browser interactions
      data.browser_interactions = jsPsych.data.getInteractionData().filter({trial: data.trial_index}).count();

      // Store choices
      data.choices = choices;

      // Score trial
      data.accuracy = (data.correct == data.response) ? 1 : 0;
    }
  }

  // Define trial node
  var trial_node = {
    timeline: [fixation, trial]
  }

  // Append trial
  VOCABULARY.push(trial_node);

});

//---------------------------------------//
// Define instructions
//---------------------------------------//

var instructions_01 = {
  type: jsPsychInstructions,
  pages: [
    "<h3>Vocabulary Test</h3>In this task, you will be shown a series of words. Your goal is to select one word<br>that comes closest to the meaning of the word in capital letters.</p><p>Now let's  practice. Press the 'Next' button to get started.</p>"
  ],
  allow_keys: true,
  show_clickable_nav: true,
  button_label_previous: 'Prev',
  button_label_next: 'Next'
}

var practice = {
  type: jsPsychHtmlButtonResponse,
  stimulus: '<h3>BEAST</h3>',
  choices: ['afraid', 'words', 'large', 'animal', 'separate'],
  trial_duration: trial_duration,
  data: {item: 'practice', correct: 3},
  on_start: function(trial) {

    // Check if previously run
    var isRepeat = jsPsych.data.get().filter({item: 'practice'}).count();

    // If not repeat, then add instructions
    if (isRepeat == 0) {
      trial.prompt = '<p><i><small>' + prompt + '</small></i></p>';

    // If repeat, update instructions
    } else {
      trial.prompt = '<p><i><small>Not quite! Look carefully - which word is closest in meaning?</small></i></p>';
    }
  }
}

var practice_node = {
  timeline: [practice],
  loop_function: function(data) {

    // Score trial
    [data] = data.values();
    data.accuracy = (data.correct == data.response) ? 1 : 0;

    // Repeat trial if incorrect
    if (data.accuracy == 1) {
      return false;
    } else {
      return true;
    }
  }
}

var instructions_02 = {
  type: jsPsychInstructions,
  pages: [
    '<p>Great job! Now you understand what to do.</p><p>Now, we will move onto the real words.</p>',
    '<p>There are 20 words in total and no time limit.</p><p>Take as much time as you need and try to be as accurate as you can be.</p><p>If you really do not know an answer, then you should guess.</p><p>You will <u>not</u> receive feedback after you make your choice.</p><p>Press the "Next" button to get started.</p>'
  ],
  allow_keys: true,
  show_clickable_nav: true,
  button_label_previous: 'Prev',
  button_label_next: 'Next'
}

var instructions_vocabulary_task = [
  instructions_01,
  practice_node,
  instructions_02
];

Answered by jodeleeuw

Aug 9, 2022

Hi @pablobernabeu,

It looks like you haven't initialized an instance of jsPsych yet using initJsPsych. This section of the migration guide explains what you need to do here.

// initialize jsPsych before calling any jsPsych functions
const jsPsych = initJsPsych()

(Adding this. before jsPsych is only necessary inside of plugin code. It is not needed in the main script file.)

View full answer

jodeleeuw · 2022-08-09T14:25:13Z

jodeleeuw
Aug 9, 2022
Maintainer

Hi @pablobernabeu,

It looks like you haven't initialized an instance of jsPsych yet using initJsPsych. This section of the migration guide explains what you need to do here.

// initialize jsPsych before calling any jsPsych functions
const jsPsych = initJsPsych()

(Adding this. before jsPsych is only necessary inside of plugin code. It is not needed in the main script file.)

6 replies

pablobernabeu Aug 9, 2022
Author

P.S. To allow the reproducibility of the error, please find below a shortened version of the html script. I've removed the other tasks.

<!DOCTYPE html>
<html>

  <head>

    <!-- Load in jsPsych library and plugins -->
    <script src='https://unpkg.com/[email protected]'></script>
    <script src='https://unpkg.com/@jspsych/[email protected]'></script>
    <script src='https://unpkg.com/@jspsych/[email protected]'></script>
    <script src='https://unpkg.com/@jspsych/[email protected]'></script>
    <script src='https://unpkg.com/@jspsych/[email protected]'></script>
    
    <!-- Load in vocabulary task -->
    <script src='js/vocabulary_task.js'></script>

    <!-- Load in CSS -->
    <link href='https://unpkg.com/[email protected]/css/jspsych.css' rel='stylesheet' type='text/css' />
    
  </head>


  <!-- Beginning of the script that contains the core of the experiment -->
  <script>

  // Prevent backing and refreshing (as in https://github.com/nivlab/jspsych-demos/blob/main/tasks/vocabulary/experiment.html)
  // Display alert message on back/refresh (https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onbeforeunload)
  function verify_unload(e){
      e.preventDefault();
      (e || window.event).returnValue = null;
      return null;
    };
    window.addEventListener("beforeunload", verify_unload);
  
    /* Initialise experiment */
    var jsPsych = initJsPsych({
      on_finish: function() {

      // Remove requirement to verify redirect
      window.removeEventListener("beforeunload", verify_unload);

      // Add interactions to the data variable
      var interaction_data = jsPsych.data.getInteractionData();
      jsPsych.data.get().addToLast({interactions: interaction_data.json()});
      
        jsPsych.data.displayData();
      },
      minimum_valid_rt: 200
    });
    
    /* Create empty timeline object, which will be sequentially filled in 
    using language_vision_semanticpriming_timeline.push() */
    var language_vision_semanticpriming_timeline = [];



    /*********************************************
    
    //  Vocabulary task
    
    *********************************************/
    
    // Push task to experiment timeline
    language_vision_semanticpriming_timeline.push(instructions_vocabulary_task);  //from vocabulary_task.js
    language_vision_semanticpriming_timeline.push(vocabulary_task);               //from vocabulary_task.js



  /*********************************************
  
  //  Run entire experiment
  
  *********************************************/

  jsPsych.run(language_vision_semanticpriming_timeline);


  </script>

</html>

jodeleeuw Aug 11, 2022
Maintainer

The order of importing these scripts will matter. If you load js/vocabulary_task.js before the script that runs initJsPsych() then the jsPsych variable won't exist on the global scope for the first script. I think that is what is happening here.

pablobernabeu Aug 11, 2022
Author

Thank you, Josh. I'm puzzled because the original 6.3-based task can handle the loading.

I have moved the content of js/vocabulary_task.js into the html and removed the loading call. Now the 'Uncaught MigrationError' has disappeared. However, trial type errors have remained. It's strange because I updated all the trial types to the current version. I'll paste the html and the errors here tomorrow.

pablobernabeu Aug 12, 2022
Author

I have managed to leave only one trial type error:

Trial level node is missing the "type" parameter. The parameters for the node are: {"0":{"timeline":[{"stimulus":"<div style=\"font-size: 48px\"></div>","choices":"NO_KEYS","trial_duration":600},{"stimulus":"<h3>HERMETIC</h3>","choices":["peppery","princely","completely sealed","purple","reclusive"],"prompt":"<p><i><small>Which of the words above is closest to the meaning of the word in capital letters?</small></i></p>","trial_duration":null,"data":{"item":16,"correct":2}}],"timeline_variables":{"item":16,"stimulus":"HERMETIC","choices":["completely sealed","purple","reclusive","princely","peppery"],"correct":0}},"1":{"timeline":[{"stimulus":"<div style=\"font-size: 48px\"></div>","choices":"NO_KEYS","trial_duration":600},{"stimulus":"<h3>DREARY</h3>","choices":["old","gloomy","correct","bloom","possible"],"prompt":"<p><i><small>Which of the words above is closest to the meaning of the word in capital letters?</small></i></p>","trial_duration":null,"data":{"item":2,"correct":1}}],"timeline_variables":{"item":2,"stimulus":"DREARY","choices":["old","bloom","gloomy","correct","possible"],"correct":2}},"2":{"timeline":[{"stimulus":"<div style=\"font-size: 48px\"></div>","choices":"NO_KEYS","trial_duration":600},{"stimulus":"<h3>VITTLES</h3>","choices":["food","conversation","avoidance","belief","prayer"],"prompt":"<p><i><small>Which of the words above is closest to the meaning of the word in capital letters?</small></i></p>","trial_duration":null,"data":{"item":19,"correct":0}}],"timeline_variables":{"item":19,"stimulus":"VITTLES","choices":["conversation","avoidance","belief","prayer","food"],"correct":4}},"3":{"timeline":[{"stimulus":"<div style=\"font-size: 48px\"></div>","choices":"NO_KEYS","trial_duration":600},{"stimulus":"<h3>COVENANT</h3>","choices":["agent","aria","noise","pact","ceremony"],"prompt":"<p><i><small>Which of the words above is closest to the meaning of the word in capital letters?</small></i></p>","trial_duration":null,"data":{"item":13,"correct":3}}],"timeline_variables":{"item":13,"stimulus":"COVENANT","choices":["pact","noise","agent","ceremony","aria"],"correct":0}},"4":{"timeline":[{"stimulus":"<div style=\"font-size: 48px\"></div>","choices":"NO_KEYS","trial_duration":600},{"stimulus":"<h3>ACOLYTE</h3>","choices":["savior","manager","speak","musician","church helper"],"prompt":"<p><i><small>Which of the words above is closest to the meaning of the word in capital letters?</small></i></p>","trial_duration":null,"data":{"item":12,"correct":4}}],"timeline_variables":{"item":12,"stimulus":"ACOLYTE","choices":["musician","savior","church helper","manager","speak"],"correct":2}},"5":{"timeline":[{"stimulus":"<div style=\"font-size: 48px\"></div>","choices":"NO_KEYS","trial_duration":600},{"stimulus":"<h3>CHUCKLE</h3>","choices":["laugh","stub","valuable","prod","haul"],"prompt":"<p><i><small>Which of the words above is closest to the meaning of the word in capital letters?</small></i></p>","trial_duration":null,"data":{"item":17,"correct":0}}],"timeline_variables":{"item":17,"stimulus":"CHUCKLE","choices":["laugh","haul","valuable","stub","prod"],"correct":0}},"6":{"timeline":[{"stimulus":"<div style=\"font-size: 48px\"></div>","choices":"NO_KEYS","trial_duration":600},{"stimulus":"<h3>ADHERENCE</h3>","choices":["relation","slippery","existence","proof","devotion"],"prompt":"<p><i><small>Which of the words above is closest to the meaning of the word in capital letters?</small></i></p>","trial_duration":null,"data":{"item":4,"correct":4}}],"timeline_variables":{"item":4,"stimulus":"ADHERENCE","choices":["existence","devotion","relation","slippery","proof"],"correct":1}},"7":{"timeline":[{"stimulus":"<div style=\"font-size: 48px\"></div>","choices":"NO_KEYS","trial_duration":600},{"stimulus":"<h3>MEAGER</h3>","choices":["new","bare","peevish","burnt","level"],"prompt":"<p><i><small>Which of the words above is closest to the meaning of the word in capital letters?</small></i></p>","trial_duration":null,"data":{"item":3,"correct":1}}],"timeline_variables":{"item":3,"stimulus":"MEAGER","choices":["level","burnt","new","bare","peevish"],"correct":3}},"8":{"timeline":[{"stimulus":"<div style=\"font-size: 48px\"></div>","choices":"NO_KEYS","trial_duration":600},{"stimulus":"<h3>HALCYON</h3>","choices":["plain","inhumane","peaceful","stirring","eclectic"],"prompt":"<p><i><small>Which of the words above is closest to the meaning of the word in capital letters?</small></i></p>","trial_duration":null,"data":{"item":6,"correct":2}}],"timeline_variables":{"item":6,"stimulus":"HALCYON","choices":["plain","eclectic","inhumane","stirring","peaceful"],"correct":4}},"9":{"timeline":[{"stimulus":"<div style=\"font-size: 48px\"></div>","choices":"NO_KEYS","trial_duration":600},{"stimulus":"<h3>PACHYDERM</h3>","choices":["ostrich","elephant","whale","giraffe","platypus"],"prompt":"<p><i><small>Which of the words above is closest to the meaning of the word in capital letters?</small></i></p>","trial_duration":null,"data":{"item":7,"correct":1}}],"timeline_variables":{"item":7,"stimulus":"PACHYDERM","choices":["giraffe","ostrich","platypus","elephant","whale"],"correct":3}},"10":{"timeline":[{"stimulus":"<div style=\"font-size: 48px\"></div>","choices":"NO_KEYS","trial_duration":600},{"stimulus":"<h3>REJOICE</h3>","choices":["revel","automatic","conserve","risk","slash"],"prompt":"<p><i><small>Which of the words above is closest to the meaning of the word in capital letters?</small></i></p>","trial_duration":null,"data":{"item":9,"correct":0}}],"timeline_variables":{"item":9,"stimulus":"REJOICE","choices":["conserve","risk","revel","automatic","slash"],"correct":2}},"11":{"timeline":[{"stimulus":"<div style=\"font-size: 48px\"></div>","choices":"NO_KEYS","trial_duration":600},{"stimulus":"<h3>SKIRMISH</h3>","choices":["sail","travel","absentee","fight","compete"],"prompt":"<p><i><small>Which of the words above is closest to the meaning of the word in capital letters?</small></i></p>","trial_duration":null,"data":{"item":20,"correct":3}}],"timeline_variables":{"item":20,"stimulus":"SKIRMISH","choices":["compete","travel","sail","absentee","fight"],"correct":4}},"12":{"timeline":[{"stimulus":"<div style=\"font-size: 48px\"></div>","choices":"NO_KEYS","trial_duration":600},{"stimulus":"<h3>ABBATTOIR</h3>","choices":["hawk","culprit","slot","killing place","stronghold"],"prompt":"<p><i><small>Which of the words above is closest to the meaning of the word in capital letters?</small></i></p>","trial_duration":null,"data":{"item":18,"correct":3}}],"timeline_variables":{"item":18,"stimulus":"ABBATTOIR","choices":["hawk","killing place","slot","culprit","stronghold"],"correct":1}},"13":{"timeline":[{"stimulus":"<div style=\"font-size: 48px\"></div>","choices":"NO_KEYS","trial_duration":600},{"stimulus":"<h3>ADHESIVE</h3>","choices":["tradition","latent","argument","puissance","glue"],"prompt":"<p><i><small>Which of the words above is closest to the meaning of the word in capital letters?</small></i></p>","trial_duration":null,"data":{"item":1,"correct":4}}],"timeline_variables":{"item":1,"stimulus":"ADHESIVE","choices":["glue","puissance","tradition","argument","latent"],"correct":0}},"14":{"timeline":[{"stimulus":"<div style=\"font-size: 48px\"></div>","choices":"NO_KEYS","trial_duration":600},{"stimulus":"<h3>DORMANT</h3>","choices":["swimming","mortal","cave","insane","latent"],"prompt":"<p><i><small>Which of the words above is closest to the meaning of the word in capital letters?</small></i></p>","trial_duration":null,"data":{"item":14,"correct":4}}],"timeline_variables":{"item":14,"stimulus":"DORMANT","choices":["insane","latent","swimming","cave","mortal"],"correct":1}},"15":{"timeline":[{"stimulus":"<div style=\"font-size: 48px\"></div>","choices":"NO_KEYS","trial_duration":600},{"stimulus":"<h3>TRUTH</h3>","choices":["midnight","neighbor","fact","criminal","offering"],"prompt":"<p><i><small>Which of the words above is closest to the meaning of the word in capital letters?</small></i></p>","trial_duration":null,"data":{"item":8,"correct":2}}],"timeline_variables":{"item":8,"stimulus":"TRUTH","choices":["neighbor","criminal","midnight","offering","fact"],"correct":4}},"16":{"timeline":[{"stimulus":"<div style=\"font-size: 48px\"></div>","choices":"NO_KEYS","trial_duration":600},{"stimulus":"<h3>CRUEL</h3>","choices":["pliant","pensive","mean","mobile","passive"],"prompt":"<p><i><small>Which of the words above is closest to the meaning of the word in capital letters?</small></i></p>","trial_duration":null,"data":{"item":15,"correct":2}}],"timeline_variables":{"item":15,"stimulus":"CRUEL","choices":["mobile","pliant","pensive","mean","passive"],"correct":3}},"17":{"timeline":[{"stimulus":"<div style=\"font-size: 48px\"></div>","choices":"NO_KEYS","trial_duration":600},{"stimulus":"<h3>PIQUANT</h3>","choices":["steam","flavorful","expert","nosy","hurt"],"prompt":"<p><i><small>Which of the words above is closest to the meaning of the word in capital letters?</small></i></p>","trial_duration":null,"data":{"item":11,"correct":1}}],"timeline_variables":{"item":11,"stimulus":"PIQUANT","choices":["expert","steam","nosy","flavorful","hurt"],"correct":3}},"18":{"timeline":[{"stimulus":"<div style=\"font-size: 48px\"></div>","choices":"NO_KEYS","trial_duration":600},{"stimulus":"<h3>POTATION</h3>","choices":["game","drink","farming","disappearance","rivalry"],"prompt":"<p><i><small>Which of the words above is closest to the meaning of the word in capital letters?</small></i></p>","trial_duration":null,"data":{"item":10,"correct":1}}],"timeline_variables":{"item":10,"stimulus":"POTATION","choices":["disappearance","drink","farming","rivalry","game"],"correct":1}},"19":{"timeline":[{"stimulus":"<div style=\"font-size: 48px\"></div>","choices":"NO_KEYS","trial_duration":600},{"stimulus":"<h3>DEPRECATE</h3>","choices":["hate","clean","help","quit","save"],"prompt":"<p><i><small>Which of the words above is closest to the meaning of the word in capital letters?</small></i></p>","trial_duration":null,"data":{"item":5,"correct":0}}],"timeline_variables":{"item":5,"stimulus":"DEPRECATE","choices":["quit","clean","hate","save","help"],"correct":2}}}

The HTML script is below. Thank you very much for your attention.

<!DOCTYPE html>
<html>

  <head>

    <!-- Load in jsPsych library and plugins -->
    <script src='https://unpkg.com/[email protected]'></script>
    <script src='https://unpkg.com/@jspsych/[email protected]'></script>
    <script src='https://unpkg.com/@jspsych/[email protected]'></script>
    <script src='https://unpkg.com/@jspsych/[email protected]'></script>
    <script src='https://unpkg.com/@jspsych/[email protected]'></script>

    <!-- Load in CSS -->
    <link href='https://unpkg.com/[email protected]/css/jspsych.css' rel='stylesheet' type='text/css' />
    
  </head>


  <!-- Beginning of the script that contains the core of the experiment -->
  <script>

  // Prevent backing and refreshing (as in https://github.com/nivlab/jspsych-demos/blob/main/tasks/vocabulary/experiment.html)
  // Display alert message on back/refresh (https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onbeforeunload)
  function verify_unload(e){
      e.preventDefault();
      (e || window.event).returnValue = null;
      return null;
    };
    window.addEventListener("beforeunload", verify_unload);
  
    /* Initialise experiment */
    var jsPsych = initJsPsych({
      on_finish: function() {

      // Remove requirement to verify redirect
      window.removeEventListener("beforeunload", verify_unload);

      // Add interactions to the data variable
      var interaction_data = jsPsych.data.getInteractionData();
      jsPsych.data.get().addToLast({interactions: interaction_data.json()});
      
        jsPsych.data.displayData();
      },
      minimum_valid_rt: 200
    });
    

    /*********************************************
    
    //  Vocabulary task
    
    *********************************************/
    
    
    // This task is an adaptation of the task shared by Sam Zorowitz at
    // https://github.com/nivlab/jspsych-demos/tree/main/tasks/vocabulary
    
    
    //---------------------------------------//
    // Define experiment parameters
    //---------------------------------------//
    
    // Define trial timing
    var trial_duration = null;             // No time limit
    
    // Define randomization
    var randomize_item_order = true;       // Randomize item order
    var randomize_choice_order = true;     // Randomize choice order
    
    // Define prompt
    var prompt = 'Which of the words above is closest to the meaning of the word in capital letters?'
    
    //---------------------------------------//
    // Define vocabulary test
    //---------------------------------------//
    // Note: correct answers are 0-indexed
    
    var items = [
      {
        item: 1,
        stimulus: 'ADHESIVE',
        choices: ['glue', 'puissance', 'tradition', 'argument', 'latent'],
        correct: 0
      },
      {
        item: 2,
        stimulus: 'DREARY',
        choices: ['old', 'bloom', 'gloomy', 'correct', 'possible'],
        correct: 2
      },
      {
        item: 3,
        stimulus: 'MEAGER',
        choices: ['level', 'burnt', 'new', 'bare', 'peevish'],
        correct: 3
      },
      {
        item: 4,
        stimulus: 'ADHERENCE',
        choices: ['existence', 'devotion', 'relation', 'slippery', 'proof'],
        correct: 1
      },
      {
        item: 5,
        stimulus: 'DEPRECATE',
        choices: ['quit', 'clean', 'hate', 'save', 'help'],
        correct: 2
      },
      {
        item: 6,
        stimulus: 'HALCYON',
        choices: ['plain', 'eclectic', 'inhumane', 'stirring', 'peaceful'],
        correct: 4
      },
      {
        item: 7,
        stimulus: 'PACHYDERM',
        choices: ['giraffe', 'ostrich', 'platypus', 'elephant', 'whale'],
        correct: 3
      },
      {
        item: 8,
        stimulus: 'TRUTH',
        choices: ['neighbor', 'criminal', 'midnight', 'offering', 'fact'],
        correct: 4
      },
      {
        item: 9,
        stimulus: 'REJOICE',
        choices: ['conserve', 'risk', 'revel', 'automatic', 'slash'],
        correct: 2
      },
      {
        item: 10,
        stimulus: 'POTATION',
        choices: ['disappearance', 'drink', 'farming', 'rivalry', 'game'],
        correct: 1
      },
      {
        item: 11,
        stimulus: 'PIQUANT',
        choices: ['expert', 'steam', 'nosy', 'flavorful', 'hurt'],
        correct: 3
      },
      {
        item: 12,
        stimulus: 'ACOLYTE',
        choices: ['musician', 'savior', 'church helper', 'manager', 'speak'],
        correct: 2
      },
      {
        item: 13,
        stimulus: 'COVENANT',
        choices: ['pact', 'noise', 'agent', 'ceremony', 'aria'],
        correct: 0
      },
      {
        item: 14,
        stimulus: 'DORMANT',
        choices: ['insane', 'latent', 'swimming', 'cave', 'mortal'],
        correct: 1
      },
      {
        item: 15,
        stimulus: 'CRUEL',
        choices: ['mobile', 'pliant', 'pensive', 'mean', 'passive'],
        correct: 3
      },
      {
        item: 16,
        stimulus: 'HERMETIC',
        choices: ['completely sealed', 'purple', 'reclusive', 'princely', 'peppery'],
        correct: 0
      },
      {
        item: 17,
        stimulus: 'CHUCKLE',
        choices: ['laugh', 'haul', 'valuable', 'stub', 'prod'],
        correct: 0
      },
      {
        item: 18,
        stimulus: 'ABBATTOIR',
        choices: ['hawk', 'killing place', 'slot', 'culprit', 'stronghold'],
        correct: 1
      },
      {
        item: 19,
        stimulus: 'VITTLES',
        choices: ['conversation', 'avoidance', 'belief', 'prayer', 'food'],
        correct: 4
      },
      {
        item: 20,
        stimulus: 'SKIRMISH',
        choices: ['compete', 'travel', 'sail', 'absentee', 'fight'],
        correct: 4
      },
    ];
    
    //---------------------------------------//
    // Define timeline
    //---------------------------------------//
    
    // Preallocate space
    vocabulary_task = [];
    
    // Predefine fixation cross
    var vocabulary_fixation = {
      type: jsPsychHtmlKeyboardResponse,
      stimulus: '<div style="font-size: 48px"></div>',
      choices: 'NO_KEYS',
      trial_duration: 600
    }
    
    // Randomize item order (if applicable)
    if (randomize_item_order) { 
      var items = this.jsPsych.randomization.shuffleNoRepeats(items); 
      }
    
    // Iteratively define trials
    items.forEach((item, i) => {
    
      // Define choice order
      var order = [...Array(item.choices.length).keys()];
    
      // Randomize choice order (if applicable)
      if (randomize_choice_order) { 
        var order = this.jsPsych.randomization.shuffleNoRepeats(order); 
        }
    
      // Define choices
      var choices = order.map(k => item.choices[k]);
    
      // Define trial
      var trial = {
        type: jsPsychHtmlButtonResponse,
        stimulus: '<h3>' + item.stimulus + '</h3>',
        choices: choices,
        prompt: '<p><i><small>' + prompt + '</small></i></p>',
        trial_duration: trial_duration,
        data: {item: item.item, correct: order.indexOf(item.correct)},
        on_finish: function(data) {
    
          // Store number of browser interactions
          data.browser_interactions = jsPsych.data.getInteractionData().filter({trial: data.trial_index}).count();
    
          // Store choices
          data.choices = choices;
    
          // Score trial
          data.accuracy = (data.correct == data.response) ? 1 : 0;
        }
      }
    
      // Define trial node
      var trial_node = {
        timeline: [vocabulary_fixation, trial],
        timeline_variables: item
      }
    
      // Append trial
      vocabulary_task.push(trial_node);
    
    });
    
    //---------------------------------------//
    // Define instructions
    //---------------------------------------//
    
    var instructions_01 = {
      type: jsPsychInstructions,
      pages: [
        "<h3>Vocabulary Test</h3>In this task, you will be shown a series of words. " +
        "Your goal is to select one word<br>that comes closest to the meaning of " +
        "the word in capital letters.</p><p>Now let's  practice. Press the 'Next' " +
        "button to get started.</p>"
      ],
      allow_keys: true,
      show_clickable_nav: true,
      button_label_previous: 'Prev',
      button_label_next: 'Next'
    };
    // Add to general timeline
    language_vision_semanticpriming_TIMELINE.push(instructions_01);
    
    var practice = {
      type: jsPsychHtmlButtonResponse,
      stimulus: '<h3>BEAST</h3>',
      choices: ['afraid', 'words', 'large', 'animal', 'separate'],
      trial_duration: trial_duration,
      data: {item: 'practice', correct: 3},
      on_start: function(trial) {
    
        // Check if previously run
        var isRepeat = jsPsych.data.get().filter({item: 'practice'}).count();
    
        // If not repeat, then add instructions
        if (isRepeat == 0) {
          trial.prompt = '<p><i><small>' + prompt + '</small></i></p>';
    
        // If repeat, update instructions
        } else {
          trial.prompt = '<p><i><small>Not quite! Look carefully - which word is closest in meaning?</small></i></p>';
        }
      }
    };
    
    var practice_node = {
      timeline: [practice],
      loop_function: function(data) {
    
        // Score trial
        [data] = data.values();
        data.accuracy = (data.correct == data.response) ? 1 : 0;
    
        // Repeat trial if incorrect
        if (data.accuracy == 1) {
          return false;
        } else {
          return true;
        }
      }
    };
    // Add to general timeline
    language_vision_semanticpriming_TIMELINE.push(practice_node);
    
    var instructions_02 = {
      type: jsPsychInstructions,
      pages: [
        '<p>Great job! Now you understand what to do.</p><p>Now, we will move onto the real words.</p>',
        '<p>There are 20 words in total and no time limit.</p><p>Take as much time as you need and try to be as accurate as you can be.</p><p>If you really do not know an answer, then you should guess.</p><p>You will <u>not</u> receive feedback after you make your choice.</p><p>Press the "Next" button to get started.</p>'
      ],
      allow_keys: true,
      show_clickable_nav: true,
      button_label_previous: 'Prev',
      button_label_next: 'Next'
    };
    // Add to general timeline
    language_vision_semanticpriming_TIMELINE.push(instructions_02);
    
    // Add main vocabulary task to general timeline
    language_vision_semanticpriming_TIMELINE.push(vocabulary_task);
    

    
  /*********************************************
  
  //  Run entire experiment
  
  *********************************************/

  jsPsych.run(language_vision_semanticpriming_TIMELINE);


  </script>

</html>

pablobernabeu Aug 14, 2022
Author

Hi Josh,

Fortunately, I have found another task that can be implemented in the current version of jsPsych. Please don't worry anymore about this issue.

Thank you very much

Uh oh!

Uncaught MigrationError: The global jsPsych variable is no longer available in jsPsych v7. #2740

Uh oh!

Uh oh!

pablobernabeu Aug 9, 2022

Replies: 1 comment · 6 replies

Uh oh!

jodeleeuw Aug 9, 2022 Maintainer

Uh oh!

Uh oh!

pablobernabeu Aug 9, 2022 Author

Uh oh!

jodeleeuw Aug 11, 2022 Maintainer

Uh oh!

Uh oh!

pablobernabeu Aug 11, 2022 Author

Uh oh!

Uh oh!

pablobernabeu Aug 12, 2022 Author

Uh oh!

pablobernabeu Aug 14, 2022 Author

Uncaught MigrationError: The global `jsPsych` variable is no longer available in jsPsych v7. #2740

pablobernabeu
Aug 9, 2022

Replies: 1 comment 6 replies

jodeleeuw
Aug 9, 2022
Maintainer

pablobernabeu Aug 9, 2022
Author

jodeleeuw Aug 11, 2022
Maintainer

pablobernabeu Aug 11, 2022
Author

pablobernabeu Aug 12, 2022
Author

pablobernabeu Aug 14, 2022
Author