diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..de753c5
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,3 @@
+{
+  "printWidth": 100
+}
diff --git a/basic-testing/index.html b/basic-testing/index.html
index 1716c45..04e12a7 100644
--- a/basic-testing/index.html
+++ b/basic-testing/index.html
@@ -10,163 +10,151 @@
     }
   </style>
 </head>
-<body>
-</body>
+<body></body>
 <script>
+  const jsPsych = initJsPsych({
+    on_finish: function () {
+      test();
+    },
+  });
 
-const jsPsych = initJsPsych({
-  on_finish: function(){
-    test();
-  }
-});
-
-const instructions = {
-  type: jsPsychHtmlButtonResponse,
-  stimulus: `
+  const instructions = {
+    type: jsPsychHtmlButtonResponse,
+    stimulus: `
     <p>This experiment measures how fast you can identify whether a number is odd or even.</p>
     <p>You'll see a number appear on the screen. As quickly as you can:</p>
     <p>Press the A key if the number is odd.</p>
     <p>Press the L key if the number is even.</p>
   `,
-  choices: ['I understand the instructions']
-}
-
-const instruction_check = {
-  timeline: [
-    {
-      type: jsPsychHtmlButtonResponse,
-      stimulus: ()=>{ return `
-        <p class="stimulus">${jsPsych.timelineVariable('number')}</p>
-      `},
-      choices: ['A', 'L'],
-      prompt: '<p>To see if you understood the instructions, which key should you press if you see this number?</p>',
-      data: {
-        task: 'instructions-check'
+    choices: ["I understand the instructions"],
+  };
+
+  const instruction_check = {
+    timeline: [
+      {
+        type: jsPsychHtmlButtonResponse,
+        stimulus: () => {
+          return `
+        <p class="stimulus">${jsPsych.timelineVariable("number")}</p>
+      `;
+        },
+        choices: ["A", "L"],
+        prompt:
+          "<p>To see if you understood the instructions, which key should you press if you see this number?</p>",
+        data: {
+          task: "instructions-check",
+        },
+        on_finish: (data) => {
+          data.correct = data.response === jsPsych.timelineVariable("answer");
+        },
       },
-      on_finish: (data) => {
-        data.correct = data.response == jsPsych.timelineVariable('answer');
-      }
-    }
-  ],
-  timeline_variables: [
-    {number: 3, answer: 0},
-    {number: 6, answer: 1}
-  ],
-  randomize_order: true  
-}
-
-const instructions_check_fail = {
-  timeline: [
-    {
-      type: jsPsychHtmlButtonResponse,
-      stimulus: `<p>You did not answer the questions correctly.</p>
+    ],
+    timeline_variables: [
+      { number: 3, answer: 0 },
+      { number: 6, answer: 1 },
+    ],
+    randomize_order: true,
+  };
+
+  const instructions_check_fail = {
+    timeline: [
+      {
+        type: jsPsychHtmlButtonResponse,
+        stimulus: `<p>You did not answer the questions correctly.</p>
         <p>We'll show you the instructions again.</p>
       `,
-      choices: ['Got it']
-    }
-  ],
-  conditional_function: ()=>{
-    const ic_data = jsPsych.data.get().filter({task: 'instructions-check'}).last(2);
-    return !ic_data.select('correct').all((value)=>{return value==true});
-  }
-}
+        choices: ["Got it"],
+      },
+    ],
+    conditional_function: () => {
+      const ic_data = jsPsych.data.get().filter({ task: "instructions-check" }).last(2);
+      return !ic_data.select("correct").all(Boolean);
+    },
+  };
 
-const instructions_loop = {
-  timeline: [instructions, instruction_check, instructions_check_fail],
-  loop_function: (data)=>{
-    return !data.filter({task: 'instructions-check'}).select('correct').all((value)=>{return value==true});
-  }
-}
+  const instructions_loop = {
+    timeline: [instructions, instruction_check, instructions_check_fail],
+    loop_function: (data) =>
+      !data.filter({ task: "instructions-check" }).select("correct").all(Boolean),
+  };
 
-const pre_task_start = {
-  type: jsPsychHtmlKeyboardResponse,
-  stimulus: `<p>Great! You are ready to begin the task.</p>
+  const pre_task_start = {
+    type: jsPsychHtmlKeyboardResponse,
+    stimulus: `<p>Great! You are ready to begin the task.</p>
     <p>Please place your hands over the A and L keys.</p>
     <p>Press either A or L to begin.</p>
   `,
-  choices: ['a','l']
-}
-
-const snarc = {
-  timeline: [
-    {
-      type: jsPsychHtmlKeyboardResponse,
-      stimulus: `<p class="stimulus">+</p>`,
-      trial_duration: 500,
-      choices: "NO_KEYS"
-    },
-    {
-      type: jsPsychHtmlKeyboardResponse,
-      stimulus: ()=>{ 
-        return `<p class="stimulus">${jsPsych.timelineVariable('number')}</p>`
+    choices: ["a", "l"],
+  };
+
+  const snarc = {
+    timeline: [
+      {
+        type: jsPsychHtmlKeyboardResponse,
+        stimulus: `<p class="stimulus">+</p>`,
+        trial_duration: 500,
+        choices: "NO_KEYS",
       },
-      choices: ['a','l'],
-      data: {
-        digit: jsPsych.timelineVariable('number'),
-        parity: jsPsych.timelineVariable('parity'),
-        magnitude: jsPsych.timelineVariable('magnitude')
-      }
-    }
-  ],
-  timeline_variables: [
-    {number: 1, parity: 'odd', magnitude: 'small'},
-    {number: 2, parity: 'even', magnitude: 'small'},
-    {number: 3, parity: 'odd', magnitude: 'small'},
-    {number: 4, parity: 'even', magnitude: 'small'},
-    {number: 6, parity: 'even', magnitude: 'large'},
-    {number: 7, parity: 'odd', magnitude: 'large'},
-    {number: 8, parity: 'even', magnitude: 'large'},
-    {number: 9, parity: 'odd', magnitude: 'large'}
-  ],
-  sample: {
-    type: 'fixed-repetitions',
-    size: 5
-  }
-}
-
-jsPsych.simulate([instructions_loop, pre_task_start, snarc]);
-
-function test(){
-  const data = jsPsych.data.get();
-
-  let test_results = '';
-
-  // check that there are an equal number of all trial types
-  const all_equal = [
-    data.filter({parity: 'odd', magnitude: 'small'}).count(),
-    data.filter({parity: 'odd', magnitude: 'large'}).count(),
-    data.filter({parity: 'even', magnitude: 'small'}).count(),
-    data.filter({parity: 'even', magnitude: 'large'}).count()
-  ].every((value, i, array)=>{ return value === array[0] });
-  
-  if(all_equal){
-    test_results += '<p>✔️ Equal number of all trial types</p>'
-  } else {
-    test_results += '<p>❌ Unequal number of all trial types</p>'
-  }
-
-  // check that answering the instructions incorrectly causes a loop
-  const looped = data.filter({task:'instructions-check'}).count() > 2;
-  if(!data.filter({task: 'instructions-check'}).first(2).select('correct').all((x)=>{return x==true})){
-    if(looped){
-      test_results += '<p>✔️ Instructions looped on check fail</p>'
-    } else {
-      test_results += '<p>❌ Instructions did not loop on check fail</p>'
-    }
-  } else {
-    if(!looped){
-      test_results += '<p>✔️ Instructions did not loop on check pass</p>'
+      {
+        type: jsPsychHtmlKeyboardResponse,
+        stimulus: () => `<p class="stimulus">${jsPsych.timelineVariable("number")}</p>`,
+        choices: ["a", "l"],
+        data: {
+          digit: jsPsych.timelineVariable("number"),
+          parity: jsPsych.timelineVariable("parity"),
+          magnitude: jsPsych.timelineVariable("magnitude"),
+        },
+      },
+    ],
+    timeline_variables: [
+      { number: 1, parity: "odd", magnitude: "small" },
+      { number: 2, parity: "even", magnitude: "small" },
+      { number: 3, parity: "odd", magnitude: "small" },
+      { number: 4, parity: "even", magnitude: "small" },
+      { number: 6, parity: "even", magnitude: "large" },
+      { number: 7, parity: "odd", magnitude: "large" },
+      { number: 8, parity: "even", magnitude: "large" },
+      { number: 9, parity: "odd", magnitude: "large" },
+    ],
+    sample: {
+      type: "fixed-repetitions",
+      size: 5,
+    },
+  };
+
+  jsPsych.simulate([instructions_loop, pre_task_start, snarc]);
+
+  function test() {
+    const data = jsPsych.data.get();
+
+    let test_results = "";
+
+    // check that there are an equal number of all trial types
+    const all_equal = [
+      { parity: "odd", magnitude: "small" },
+      { parity: "odd", magnitude: "large" },
+      { parity: "even", magnitude: "small" },
+      { parity: "even", magnitude: "large" },
+    ]
+      .map((properties) => data.filter(properties).count())
+      .every((value, i, array) => value === array[0]);
+
+    test_results += all_equal
+      ? "<p>✔️ Equal number of all trial types</p>"
+      : "<p>❌ Unequal number of all trial types</p>";
+
+    // check whether answering the instructions incorrectly causes a loop
+    const looped = data.filter({ task: "instructions-check" }).count() > 2;
+    if (!data.filter({ task: "instructions-check" }).first(2).select("correct").all(Boolean)) {
+      test_results += looped
+        ? "<p>✔️ Instructions looped on check fail</p>"
+        : "<p>❌ Instructions did not loop on check fail</p>";
     } else {
-      test_results += '<p>❌ Instructions looped on check pass</p>'
+      test_results += looped
+        ? "<p>❌ Instructions looped on check pass</p>"
+        : "<p>✔️ Instructions did not loop on check pass</p>";
     }
-  }
-
-  jsPsych.getDisplayElement().innerHTML = test_results;
-
-}
-
 
-
-
-
-</script>
\ No newline at end of file
+    jsPsych.getDisplayElement().innerHTML = test_results;
+  }
+</script>
diff --git a/partial-simulation/index.html b/partial-simulation/index.html
index 3578765..b8f8c99 100644
--- a/partial-simulation/index.html
+++ b/partial-simulation/index.html
@@ -5,8 +5,7 @@
   <script src="https://unpkg.com/@jspsych/plugin-visual-search-circle@1.1.0"></script>
   <link rel="stylesheet" href="https://unpkg.com/jspsych@7.2.1/css/jspsych.css">
 </head>
-<body>
-</body>
+<body></body>
 <script>
   const jsPsych = initJsPsych();
 
@@ -17,55 +16,215 @@
       <p>If there is no red X, pree the N key on the keyboard.</p>
       <p>Try to answer as quickly as possible.</p>
       <p>Press the spacebar to begin.</p>`,
-    choices: [' ']
-  }
+    choices: [" "],
+  };
 
   const visual_search = {
     type: jsPsychVisualSearchCircle,
-    stimuli: function(){
-      return jsPsych.randomization.shuffle(jsPsych.timelineVariable('stimuli'))
+    stimuli: function () {
+      return jsPsych.randomization.shuffle(jsPsych.timelineVariable("stimuli"));
     },
-    target_present: jsPsych.timelineVariable('target_present'),
-    fixation_image: 'img/fixation.gif',
-    target_present_key: 'x',
-    target_absent_key: 'n',
+    target_present: jsPsych.timelineVariable("target_present"),
+    fixation_image: "img/fixation.gif",
+    target_present_key: "x",
+    target_absent_key: "n",
     data: {
-      search_type: jsPsych.timelineVariable('search_type'),
-      set_size: jsPsych.timelineVariable('set_size')
-    }    
-  }
+      search_type: jsPsych.timelineVariable("search_type"),
+      set_size: jsPsych.timelineVariable("set_size"),
+    },
+  };
 
   const visual_search_timeline = {
     timeline: [visual_search],
     timeline_variables: [
-      {stimuli: ['img/redX.png', 'img/redO.png', 'img/blackX.png', 'img/blackX.png'], target_present: true, set_size: 4, search_type: 'conjunction'},
-      {stimuli: ['img/redO.png', 'img/redO.png', 'img/blackX.png', 'img/blackX.png'], target_present: false, set_size: 4, search_type: 'conjunction'},
-      {stimuli: ['img/redX.png', 'img/redO.png', 'img/redO.png', 'img/blackX.png', 'img/blackX.png', 'img/blackX.png'], target_present: true, set_size: 6, search_type: 'conjunction'},
-      {stimuli: ['img/redO.png', 'img/redO.png', 'img/redO.png', 'img/blackX.png', 'img/blackX.png', 'img/blackX.png'], target_present: false, set_size: 6, search_type: 'conjunction'},
-      {stimuli: ['img/redX.png', 'img/redO.png', 'img/redO.png', 'img/redO.png', 'img/blackX.png', 'img/blackX.png', 'img/blackX.png','img/blackX.png'], target_present: true, set_size: 8, search_type: 'conjunction'},
-      {stimuli: ['img/redO.png', 'img/redO.png', 'img/redO.png', 'img/redO.png', 'img/blackX.png', 'img/blackX.png', 'img/blackX.png','img/blackX.png'], target_present: false, set_size: 8, search_type: 'conjunction'},
-      {stimuli: ['img/redX.png', 'img/blackX.png', 'img/blackX.png', 'img/blackX.png'], target_present: true, set_size: 4, search_type: 'feature'},
-      {stimuli: ['img/blackX.png', 'img/blackX.png', 'img/blackX.png', 'img/blackX.png'], target_present: false, set_size: 4, search_type: 'feature'},
-      {stimuli: ['img/redX.png', 'img/blackX.png', 'img/blackX.png', 'img/blackX.png', 'img/blackX.png', 'img/blackX.png'], target_present: true, set_size: 6, search_type: 'feature'},
-      {stimuli: ['img/blackX.png', 'img/blackX.png', 'img/blackX.png', 'img/blackX.png', 'img/blackX.png', 'img/blackX.png'], target_present: false, set_size: 6, search_type: 'feature'},
-      {stimuli: ['img/redX.png', 'img/blackX.png', 'img/blackX.png', 'img/blackX.png', 'img/blackX.png', 'img/blackX.png', 'img/blackX.png','img/blackX.png'], target_present: true, set_size: 8, search_type: 'feature'},
-      {stimuli: ['img/blackX.png', 'img/blackX.png', 'img/blackX.png', 'img/blackX.png', 'img/blackX.png', 'img/blackX.png', 'img/blackX.png','img/blackX.png'], target_present: false, set_size: 8, search_type: 'feature'},
+      {
+        stimuli: ["img/redX.png", "img/redO.png", "img/blackX.png", "img/blackX.png"],
+        target_present: true,
+        set_size: 4,
+        search_type: "conjunction",
+      },
+      {
+        stimuli: ["img/redO.png", "img/redO.png", "img/blackX.png", "img/blackX.png"],
+        target_present: false,
+        set_size: 4,
+        search_type: "conjunction",
+      },
+      {
+        stimuli: [
+          "img/redX.png",
+          "img/redO.png",
+          "img/redO.png",
+          "img/blackX.png",
+          "img/blackX.png",
+          "img/blackX.png",
+        ],
+        target_present: true,
+        set_size: 6,
+        search_type: "conjunction",
+      },
+      {
+        stimuli: [
+          "img/redO.png",
+          "img/redO.png",
+          "img/redO.png",
+          "img/blackX.png",
+          "img/blackX.png",
+          "img/blackX.png",
+        ],
+        target_present: false,
+        set_size: 6,
+        search_type: "conjunction",
+      },
+      {
+        stimuli: [
+          "img/redX.png",
+          "img/redO.png",
+          "img/redO.png",
+          "img/redO.png",
+          "img/blackX.png",
+          "img/blackX.png",
+          "img/blackX.png",
+          "img/blackX.png",
+        ],
+        target_present: true,
+        set_size: 8,
+        search_type: "conjunction",
+      },
+      {
+        stimuli: [
+          "img/redO.png",
+          "img/redO.png",
+          "img/redO.png",
+          "img/redO.png",
+          "img/blackX.png",
+          "img/blackX.png",
+          "img/blackX.png",
+          "img/blackX.png",
+        ],
+        target_present: false,
+        set_size: 8,
+        search_type: "conjunction",
+      },
+      {
+        stimuli: ["img/redX.png", "img/blackX.png", "img/blackX.png", "img/blackX.png"],
+        target_present: true,
+        set_size: 4,
+        search_type: "feature",
+      },
+      {
+        stimuli: ["img/blackX.png", "img/blackX.png", "img/blackX.png", "img/blackX.png"],
+        target_present: false,
+        set_size: 4,
+        search_type: "feature",
+      },
+      {
+        stimuli: [
+          "img/redX.png",
+          "img/blackX.png",
+          "img/blackX.png",
+          "img/blackX.png",
+          "img/blackX.png",
+          "img/blackX.png",
+        ],
+        target_present: true,
+        set_size: 6,
+        search_type: "feature",
+      },
+      {
+        stimuli: [
+          "img/blackX.png",
+          "img/blackX.png",
+          "img/blackX.png",
+          "img/blackX.png",
+          "img/blackX.png",
+          "img/blackX.png",
+        ],
+        target_present: false,
+        set_size: 6,
+        search_type: "feature",
+      },
+      {
+        stimuli: [
+          "img/redX.png",
+          "img/blackX.png",
+          "img/blackX.png",
+          "img/blackX.png",
+          "img/blackX.png",
+          "img/blackX.png",
+          "img/blackX.png",
+          "img/blackX.png",
+        ],
+        target_present: true,
+        set_size: 8,
+        search_type: "feature",
+      },
+      {
+        stimuli: [
+          "img/blackX.png",
+          "img/blackX.png",
+          "img/blackX.png",
+          "img/blackX.png",
+          "img/blackX.png",
+          "img/blackX.png",
+          "img/blackX.png",
+          "img/blackX.png",
+        ],
+        target_present: false,
+        set_size: 8,
+        search_type: "feature",
+      },
     ],
     sample: {
-      type: 'fixed-repetitions',
-      size: 7
-    }
-  }
+      type: "fixed-repetitions",
+      size: 7,
+    },
+  };
 
   const feedback = {
     type: jsPsychHtmlKeyboardResponse,
-    stimulus: function(){
-      const rt_4_conjunction = Math.round(jsPsych.data.get().filter({set_size:4, target_present:true, correct:true, search_type:'conjunction'}).select('rt').mean());
-      const rt_6_conjunction = Math.round(jsPsych.data.get().filter({set_size:6, target_present:true, correct:true, search_type:'conjunction'}).select('rt').mean());
-      const rt_8_conjunction = Math.round(jsPsych.data.get().filter({set_size:8, target_present:true, correct:true, search_type:'conjunction'}).select('rt').mean());
-      const rt_4_feature = Math.round(jsPsych.data.get().filter({set_size:4, target_present:true, correct:true, search_type:'feature'}).select('rt').mean());
-      const rt_6_feature = Math.round(jsPsych.data.get().filter({set_size:6, target_present:true, correct:true, search_type:'feature'}).select('rt').mean());
-      const rt_8_feature = Math.round(jsPsych.data.get().filter({set_size:8, target_present:true, correct:true, search_type:'feature'}).select('rt').mean());
+    stimulus: function () {
+      const rt_4_conjunction = Math.round(
+        jsPsych.data
+          .get()
+          .filter({ set_size: 4, target_present: true, correct: true, search_type: "conjunction" })
+          .select("rt")
+          .mean()
+      );
+      const rt_6_conjunction = Math.round(
+        jsPsych.data
+          .get()
+          .filter({ set_size: 6, target_present: true, correct: true, search_type: "conjunction" })
+          .select("rt")
+          .mean()
+      );
+      const rt_8_conjunction = Math.round(
+        jsPsych.data
+          .get()
+          .filter({ set_size: 8, target_present: true, correct: true, search_type: "conjunction" })
+          .select("rt")
+          .mean()
+      );
+      const rt_4_feature = Math.round(
+        jsPsych.data
+          .get()
+          .filter({ set_size: 4, target_present: true, correct: true, search_type: "feature" })
+          .select("rt")
+          .mean()
+      );
+      const rt_6_feature = Math.round(
+        jsPsych.data
+          .get()
+          .filter({ set_size: 6, target_present: true, correct: true, search_type: "feature" })
+          .select("rt")
+          .mean()
+      );
+      const rt_8_feature = Math.round(
+        jsPsych.data
+          .get()
+          .filter({ set_size: 8, target_present: true, correct: true, search_type: "feature" })
+          .select("rt")
+          .mean()
+      );
 
       return `
         <p>For feature search, target present, correct answers only.</p>
@@ -75,21 +234,15 @@
         <p>For conjunction search, target present, correct answers only.</p>
         <p>Average RT for set size 4: ${rt_4_conjunction}</p>
         <p>Average RT for set size 6: ${rt_6_conjunction}</p>
-        <p>Average RT for set size 8: ${rt_8_conjunction}</p>`
+        <p>Average RT for set size 8: ${rt_8_conjunction}</p>`;
     },
     choices: "NO_KEYS",
     simulation_options: {
-      simulate: false
-    }
-  }
+      simulate: false,
+    },
+  };
 
-  const timeline = [
-    instructions,
-    visual_search_timeline,
-    feedback
-  ]
+  const timeline = [instructions, visual_search_timeline, feedback];
 
   jsPsych.simulate(timeline);
-
-
-</script>
\ No newline at end of file
+</script>
diff --git a/replay/index.html b/replay/index.html
index aeb4a25..f0af93d 100644
--- a/replay/index.html
+++ b/replay/index.html
@@ -5,74 +5,70 @@
   <script src="https://unpkg.com/@jspsych/plugin-serial-reaction-time@1.1.0"></script>
   <link rel="stylesheet" href="https://unpkg.com/jspsych@7.2.1/css/jspsych.css">
 </head>
-<body>
-</body>
+<body></body>
 <script>
-
   run();
 
-  function run(){
+  function run() {
     const jsPsych = initJsPsych({
-      on_finish: function(){
+      on_finish: function () {
         replay(jsPsych.data.get().readOnly().values());
-      }
+      },
     });
 
     const timeline = create_srt_timeline(jsPsych);
 
     const end = {
       type: jsPsychHtmlButtonResponse,
-      stimulus: '',
-      choices: ['Watch replay']
-    }
+      stimulus: "",
+      choices: ["Watch replay"],
+    };
 
     timeline.push(end);
 
     jsPsych.run(timeline);
   }
 
-  function replay(data){
+  function replay(data) {
     const simulation_options = {};
-    
-    for(const trial of data){
+
+    for (const trial of data) {
       simulation_options[trial.trial_index] = {
         data: {
           response: trial.response,
-          rt: trial.rt
-        }
-      }
+          rt: trial.rt,
+        },
+      };
     }
-    
 
     const jsPsych = initJsPsych();
 
     const timeline = create_srt_timeline(jsPsych);
 
-    jsPsych.simulate(timeline, "visual", simulation_options)
+    jsPsych.simulate(timeline, "visual", simulation_options);
   }
 
-  function create_srt_timeline(jsPsych){
-
+  function create_srt_timeline(jsPsych) {
     const instructions = {
       timeline: [
         {
           type: jsPsychSerialReactionTime,
-          choices: [['c', 'g', 'h', 'j']],
-          target: [0,0],
-          target_color: 'white',
+          choices: [["c", "g", "h", "j"]],
+          target: [0, 0],
+          target_color: "white",
           prompt: `<div style="position:absolute; left: 0px; width:100%;">
             <p>In this experiment the goal is to see how fast you can respond to a cue.</p>
             <p>Press C to continue.</p>
             </div>
           `,
-          simulation_options: ()=>{
+          simulation_options: () => {
             return jsPsych.getProgress().current_trial_global.toString();
-          }
+          },
         },
         {
           type: jsPsychSerialReactionTime,
-          choices: [['f', '', '', '']],
-          target: [0,0],
+          choices: [["f", "", "", ""]],
+          target: [0, 0],
           show_response_feedback: true,
           prompt: `<div style="position:absolute; left: 0px; width:100%;">
             <p>One of the squares above will change color.</p>
@@ -80,124 +76,123 @@
             <p>Press F for the 1st square (press F now).</p>
             </div>
           `,
-          simulation_options: ()=>{
+          simulation_options: () => {
             return jsPsych.getProgress().current_trial_global.toString();
-          }
+          },
         },
         {
           type: jsPsychSerialReactionTime,
-          choices: [['', 'g', '', '']],
-          target: [0,1],
+          choices: [["", "g", "", ""]],
+          target: [0, 1],
           show_response_feedback: true,
           prompt: `<div style="position:absolute; left: 0px; width:100%;">
             <p>Press G for the 2nd square (press G now).</p>
             </div>
           `,
-          simulation_options: ()=>{
+          simulation_options: () => {
             return jsPsych.getProgress().current_trial_global.toString();
-          }
+          },
         },
         {
           type: jsPsychSerialReactionTime,
-          choices: [['', '', 'h', '']],
-          target: [0,2],
+          choices: [["", "", "h", ""]],
+          target: [0, 2],
           show_response_feedback: true,
           prompt: `<div style="position:absolute; left: 0px; width:100%;">
             <p>Press H for the 3rd square (press H now).</p>
             </div>
           `,
-          simulation_options: ()=>{
+          simulation_options: () => {
             return jsPsych.getProgress().current_trial_global.toString();
-          }
+          },
         },
         {
           type: jsPsychSerialReactionTime,
-          choices: [['', '', '', 'j']],
-          target: [0,3],
+          choices: [["", "", "", "j"]],
+          target: [0, 3],
           show_response_feedback: true,
           prompt: `<div style="position:absolute; left: 0px; width:100%;">
             <p>Press J for the 4th square (press J now).</p>
             </div>
           `,
-          simulation_options: ()=>{
+          simulation_options: () => {
             return jsPsych.getProgress().current_trial_global.toString();
-          }
+          },
         },
         {
           type: jsPsychSerialReactionTime,
-          choices: [['f', '', '', '']],
-          target: [0,3],
+          choices: [["f", "", "", ""]],
+          target: [0, 3],
           show_response_feedback: true,
           prompt: `<div style="position:absolute; left: 0px; width:100%;">
             <p>The squares will change color to show you if you responded correctly.</p>
             <p>Press F to make the wrong response on this example.</p>
             </div>
           `,
-          simulation_options: ()=>{
+          simulation_options: () => {
             return jsPsych.getProgress().current_trial_global.toString();
-          }
+          },
         },
         {
           type: jsPsychSerialReactionTime,
-          choices: [['f', 'g', 'h', 'j']],
-          target: [0,0],
-          target_color: 'white',
+          choices: [["f", "g", "h", "j"]],
+          target: [0, 0],
+          target_color: "white",
           prompt: `<div style="position:absolute; left: 0px; width:100%;">
             <p>When you are ready to start, press F G H or J to begin.</p>
             </div>
           `,
-          simulation_options: ()=>{
+          simulation_options: () => {
             return jsPsych.getProgress().current_trial_global.toString();
-          }
+          },
         },
         {
           type: jsPsychSerialReactionTime,
-          choices: [['null', 'null1', 'null2', 'null3']],
-          target: [0,0],
-          target_color: 'white',
+          choices: [["null", "null1", "null2", "null3"]],
+          target: [0, 0],
+          target_color: "white",
           trial_duration: 1500,
-          simulation_options: ()=>{
+          simulation_options: () => {
             return jsPsych.getProgress().current_trial_global.toString();
-          }
+          },
         },
-      ]
-      
-    }
+      ],
+    };
 
     const srt = {
       timeline: [
         {
           type: jsPsychSerialReactionTime,
-          choices: [['f','g','h','j']],
-          target: jsPsych.timelineVariable('target'),
+          choices: [["f", "g", "h", "j"]],
+          target: jsPsych.timelineVariable("target"),
           show_response_feedback: true,
           data: {
-            task: 'respond'
+            task: "respond",
           },
-          simulation_options: ()=>{
+          simulation_options: () => {
             return jsPsych.getProgress().current_trial_global.toString();
           },
-        }
+        },
       ],
       timeline_variables: [
-        { target: [0,0] },
-        { target: [0,1] },
-        { target: [0,3] },
-        { target: [0,2] },
-        { target: [0,3] },
-        { target: [0,0] },
-        { target: [0,1] },
-        { target: [0,2] }
+        { target: [0, 0] },
+        { target: [0, 1] },
+        { target: [0, 3] },
+        { target: [0, 2] },
+        { target: [0, 3] },
+        { target: [0, 0] },
+        { target: [0, 1] },
+        { target: [0, 2] },
       ],
-      loop_function: function(){
-        const total_reps = jsPsych.data.get().filter({trial_type: 'serial-reaction-time'}).count() / 8;
+      loop_function: function () {
+        const total_reps =
+          jsPsych.data.get().filter({ trial_type: "serial-reaction-time" }).count() / 8;
         return total_reps < 2;
-      }
-    }
+      },
+    };
 
     const timeline = [instructions, srt];
 
     return timeline;
   }
-
-</script>
\ No newline at end of file
+</script>
diff --git a/testing-with-jasmine/index.html b/testing-with-jasmine/index.html
index a05d2f5..0570643 100644
--- a/testing-with-jasmine/index.html
+++ b/testing-with-jasmine/index.html
@@ -3,18 +3,12 @@
   <script src="https://unpkg.com/jspsych@7.2.1"></script>
   <script src="https://unpkg.com/@jspsych/plugin-html-button-response@1.1.0"></script>
   <script src="https://unpkg.com/@jspsych/plugin-html-keyboard-response@1.1.0"></script>
-  <script src="https://cdn.jsdelivr.net/npm/jasmine-core@3.10.1/lib/jasmine-core/jasmine.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/jasmine-core@3.10.1/lib/jasmine-core/jasmine-html.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/jasmine-core@3.10.1/lib/jasmine-core/boot0.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/jasmine-core@3.10.1/lib/jasmine-core/boot1.js"></script>
-  <link
-    rel="stylesheet"
-    href="https://unpkg.com/jspsych@7.2.1/css/jspsych.css"
-  />
-  <link
-    rel="stylesheet"
-    href="https://cdn.jsdelivr.net/npm/jasmine-core@3.10.1/lib/jasmine-core/jasmine.css"
-  />
+  <script src="https://unpkg.com/jasmine-core@4.0.0/lib/jasmine-core/jasmine.js"></script>
+  <script src="https://unpkg.com/jasmine-core@4.0.0/lib/jasmine-core/jasmine-html.js"></script>
+  <script src="https://unpkg.com/jasmine-core@4.0.0/lib/jasmine-core/boot0.js"></script>
+  <script src="https://unpkg.com/jasmine-core@4.0.0/lib/jasmine-core/boot1.js"></script>
+  <link rel="stylesheet" href="https://unpkg.com/jspsych@7.2.1/css/jspsych.css" />
+  <link rel="stylesheet" href="https://unpkg.com/jasmine-core@4.0.0/lib/jasmine-core/jasmine.css" />
   <style>
     .stimulus {
       font-size: 40px;
@@ -23,7 +17,6 @@
 </head>
 <body></body>
 <script>
-
   function create_timeline(jsPsych) {
     const instructions = {
       type: jsPsychHtmlButtonResponse,
@@ -75,10 +68,7 @@
         },
       ],
       conditional_function: () => {
-        const ic_data = jsPsych.data
-          .get()
-          .filter({ task: "instructions-check" })
-          .last(2);
+        const ic_data = jsPsych.data.get().filter({ task: "instructions-check" }).last(2);
         return !ic_data.select("correct").all((value) => {
           return value == true;
         });
@@ -117,9 +107,7 @@
         {
           type: jsPsychHtmlKeyboardResponse,
           stimulus: () => {
-            return `<p class="stimulus">${jsPsych.timelineVariable(
-              "number"
-            )}</p>`;
+            return `<p class="stimulus">${jsPsych.timelineVariable("number")}</p>`;
           },
           choices: ["a", "l"],
           data: {
@@ -151,25 +139,22 @@
   }
 
   async function simulateExperiment(simulation_options) {
-    return new Promise((resolve) => {
-      const container = document.createElement("div");
-      container.setAttribute("id", "experiment-simulation-container");
-      container.style.visibility = 'hidden';
+    const container = document.createElement("div");
+    container.setAttribute("id", "experiment-simulation-container");
+    container.style.visibility = "hidden";
 
-      document.querySelector('body').appendChild(container);
+    document.querySelector("body").appendChild(container);
 
-      const jsPsych = initJsPsych({
-        display_element: "experiment-simulation-container",
-        on_finish: function () {
-          container.remove();
-          resolve(jsPsych.data.get());
-        },
-      });
+    const jsPsych = initJsPsych({
+      display_element: "experiment-simulation-container",
+    });
 
-      const timeline = create_timeline(jsPsych);
+    const timeline = create_timeline(jsPsych);
 
-      jsPsych.simulate(timeline, "data-only", simulation_options);
-    });
+    await jsPsych.simulate(timeline, "data-only", simulation_options);
+
+    container.remove();
+    return jsPsych.data.get();
   }
 </script>
 <script src="tests.js"></script>
diff --git a/testing-with-jasmine/tests.js b/testing-with-jasmine/tests.js
index 29c2ebe..322655d 100644
--- a/testing-with-jasmine/tests.js
+++ b/testing-with-jasmine/tests.js
@@ -3,15 +3,17 @@ describe("snarc experiment", () => {
     const data = await simulateExperiment();
 
     const all_equal = [
-      data.filter({ parity: "odd", magnitude: "small" }).count(),
-      data.filter({ parity: "odd", magnitude: "large" }).count(),
-      data.filter({ parity: "even", magnitude: "small" }).count(),
-      data.filter({ parity: "even", magnitude: "large" }).count(),
-    ].every((value, i, array) => {
-      return value === array[0];
-    });
+      { parity: "odd", magnitude: "small" },
+      { parity: "odd", magnitude: "large" },
+      { parity: "even", magnitude: "small" },
+      { parity: "even", magnitude: "large" },
+    ]
+      .map((properties) => data.filter(properties).count())
+      .every((value, i, array) => {
+        return value === array[0];
+      });
 
-    expect(all_equal).toBe(true);
+    expect(all_equal).toBeTrue();
   });
 
   it("loops if the instructions check is failed", async () => {
@@ -41,7 +43,7 @@ describe("snarc experiment", () => {
 
     const looped = data.filter({ task: "instructions-check" }).count() > 2;
 
-    expect(looped).toBe(true);
+    expect(looped).toBeTrue();
   });
 
   it("does not loop if the instructions check is passed", async () => {
@@ -62,6 +64,6 @@ describe("snarc experiment", () => {
 
     const looped = data.filter({ task: "instructions-check" }).count() > 2;
 
-    expect(looped).toBe(false);
+    expect(looped).toBeFalse();
   });
-});
\ No newline at end of file
+});
