Data is saved when ran locally or via web app but not when ran by Prolific subjects

[Hadil0520]

Hi all ,
The data saving process works correctly when the application is run locally or through a web application interface, but it fails to save data when executed by participants using Prolific's platform.

My short version of the code: 
/**
 * @title dice-money
 * @description
 * @version 0.1.0
 *
 * @assets assets/
 */

// Import stylesheets
import "../styles/main.scss";

// Import jsPsych plugins
import HtmlKeyboardResponsePlugin from "@jspsych/plugin-html-keyboard-response";
import PreloadPlugin from "@jspsych/plugin-preload";
import { initJsPsych } from "jspsych";
// Import Firebase functions
import { initializeApp } from "firebase/app";
import { getAnalytics } from "firebase/analytics";
import { getFirestore, collection, addDoc, setDoc, doc} from "firebase/firestore";



/**
 * This function will be executed by jsPsych Builder and is expected to run the jsPsych experiment
 *
 * @type {import("jspsych-builder").RunFunction}
 */


export async function run({
  assetPaths,
  input = {},
  environment,
  title,
  version,
}) {
// Your web app's Firebase configuration
// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
  apiKey: process.env.API_KEY,
  authDomain: process.env.AUTH_DOMAIN,
  databaseURL: process.env.DATABASE_URL,
  projectId: process.env.PROJECT_ID,
  storageBucket: process.env.STORAGE_BUCKET,
  messagingSenderId: process.env.MESSAGING_SENDER_ID,
  appId: process.env.APP_ID,
  measurementId: process.env.measurementId
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);
const analytics = getAnalytics(app);
const db = getFirestore(app);


// Initialize jsPsych with an on_finish callback
const jsPsych = initJsPsych({
  on_finish: function () {
    saveSubjectData(subject_id, jsPsych.data.get());
  },
});


   /* create timeline */
 var timeline = [];


 const saveSubjectData = async (subjectCode, data) => {
  try {
    // Ensure data is in JSON format
    const jsonData = data.json();
    console.log("Raw data JSON:", jsonData);

    const dataArr = JSON.parse(jsonData);
    const dataObject = dataArr.reduce((acc, trial, i) => {
      acc[i] = trial;
      return acc;
    }, {});

    console.log("Data object to be saved:", dataObject);

    // Validate subjectCode
    if (!subjectCode) {
      throw new Error("subjectCode is undefined or null");
    }

    const docRef = await addDoc(
      collection(db, "SumDice_MI", subjectCode, "trialResults"),
      dataObject
    );
    console.log("Document written with trialResults ID:", docRef.id);
  } catch (e) {
    console.error("Error adding document:", e);
  }
};



// Get user info from Prolific if available
var subject_id = jsPsych.data.getURLVariable("PROLIFIC_PID") || 'testing';
var study_id = jsPsych.data.getURLVariable("STUDY_ID");
var session_id = jsPsych.data.getURLVariable("SESSION_ID");


// Add to data properties
jsPsych.data.addProperties({
  subject_id: subject_id,
  study_id: study_id || null,
  session_id: session_id || null,
});



  const Exp = {
    timeline: [procedureNormal],
    repetitions: 1,
  };

  timeline.push(Exp);


  var completeSubmission = {
    type: HtmlKeyboardResponsePlugin,
    stimulus: '<p> Thank you for your participation. <br> Redirecting to Prolific submission page...</p>',
    trial_duration: 3000,
    on_finish: function () {
      setTimeout(function () {
        window.location.replace("https://app.prolific.com/submissions/complete?xxxxx");
      }, 100);
    }
  }

  timeline.push(completeSubmission);

  await jsPsych.run(timeline);

}

[jodeleeuw]

Hi @Hadil0520,

It looks like you are saving data in the experiment on_finish event and you are redirecting participants to Prolific's completion page in the completeSubmission trial. You've got a 100ms delay, between the end of the trial and the redirect. This is probably not enough time for the update to be submitted to firebase. I'd suggest moving the redirect to inside the saveSubjectData function, after you await the update to the database. This should ensure that the data are written before exiting the page.

[Hadil0520]

Thanks so much @jodeleeuw !