@jspsych/plugin-survey-likert 1.0.0 → 1.1.0

package/dist/index.browser.js

@@ -199,6 +199,49 @@ var jsPsychSurveyLikert = (function (jspsych) {
           });
           var startTime = performance.now();
       }
+      simulate(trial, simulation_mode, simulation_options, load_callback) {
+          if (simulation_mode == "data-only") {
+              load_callback();
+              this.simulate_data_only(trial, simulation_options);
+          }
+          if (simulation_mode == "visual") {
+              this.simulate_visual(trial, simulation_options, load_callback);
+          }
+      }
+      create_simulation_data(trial, simulation_options) {
+          const question_data = {};
+          let rt = 1000;
+          for (const q of trial.questions) {
+              const name = q.name ? q.name : `Q${trial.questions.indexOf(q)}`;
+              question_data[name] = this.jsPsych.randomization.randomInt(0, q.labels.length - 1);
+              rt += this.jsPsych.randomization.sampleExGaussian(1500, 400, 1 / 200, true);
+          }
+          const default_data = {
+              response: question_data,
+              rt: rt,
+              question_order: trial.randomize_question_order
+                  ? this.jsPsych.randomization.shuffle([...Array(trial.questions.length).keys()])
+                  : [...Array(trial.questions.length).keys()],
+          };
+          const data = this.jsPsych.pluginAPI.mergeSimulationData(default_data, simulation_options);
+          this.jsPsych.pluginAPI.ensureSimulationDataConsistency(trial, data);
+          return data;
+      }
+      simulate_data_only(trial, simulation_options) {
+          const data = this.create_simulation_data(trial, simulation_options);
+          this.jsPsych.finishTrial(data);
+      }
+      simulate_visual(trial, simulation_options, load_callback) {
+          const data = this.create_simulation_data(trial, simulation_options);
+          const display_element = this.jsPsych.getDisplayElement();
+          this.trial(display_element, trial);
+          load_callback();
+          const answers = Object.entries(data.response);
+          for (let i = 0; i < answers.length; i++) {
+              this.jsPsych.pluginAPI.clickTarget(display_element.querySelector(`input[type="radio"][name="${answers[i][0]}"][value="${answers[i][1]}"]`), ((data.rt - 1000) / answers.length) * (i + 1));
+          }
+          this.jsPsych.pluginAPI.clickTarget(display_element.querySelector("#jspsych-survey-likert-next"), data.rt);
+      }
   }
   SurveyLikertPlugin.info = info;
 

package/dist/index.browser.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.browser.js","sources":["../src/index.ts"],"sourcesContent":["import { JsPsych, JsPsychPlugin, ParameterType, TrialType } from \"jspsych\";\n\nconst info = <const>{\n  name: \"survey-likert\",\n  parameters: {\n    /** Array containing one or more objects with parameters for the question(s) that should be shown on the page. */\n    questions: {\n      type: ParameterType.COMPLEX,\n      array: true,\n      pretty_name: \"Questions\",\n      nested: {\n        /** Question prompt. */\n        prompt: {\n          type: ParameterType.HTML_STRING,\n          pretty_name: \"Prompt\",\n          default: undefined,\n        },\n        /** Array of likert labels to display for this question. */\n        labels: {\n          type: ParameterType.STRING,\n          array: true,\n          pretty_name: \"Labels\",\n          default: undefined,\n        },\n        /** Whether or not a response to this question must be given in order to continue. */\n        required: {\n          type: ParameterType.BOOL,\n          pretty_name: \"Required\",\n          default: false,\n        },\n        /** Name of the question in the trial data. If no name is given, the questions are named Q0, Q1, etc. */\n        name: {\n          type: ParameterType.STRING,\n          pretty_name: \"Question Name\",\n          default: \"\",\n        },\n      },\n    },\n    /** If true, the order of the questions in the 'questions' array will be randomized. */\n    randomize_question_order: {\n      type: ParameterType.BOOL,\n      pretty_name: \"Randomize Question Order\",\n      default: false,\n    },\n    /** HTML-formatted string to display at top of the page above all of the questions. */\n    preamble: {\n      type: ParameterType.HTML_STRING,\n      pretty_name: \"Preamble\",\n      default: null,\n    },\n    /** Width of the likert scales in pixels. */\n    scale_width: {\n      type: ParameterType.INT,\n      pretty_name: \"Scale width\",\n      default: null,\n    },\n    /** Label of the button to submit responses. */\n    button_label: {\n      type: ParameterType.STRING,\n      pretty_name: \"Button label\",\n      default: \"Continue\",\n    },\n    /** Setting this to true will enable browser auto-complete or auto-fill for the form. */\n    autocomplete: {\n      type: ParameterType.BOOL,\n      pretty_name: \"Allow autocomplete\",\n      default: false,\n    },\n  },\n};\n\ntype Info = typeof info;\n\n/**\n * **survey-likert**\n *\n * jsPsych plugin for gathering responses to questions on a likert scale\n *\n * @author Josh de Leeuw\n * @see {@link https://www.jspsych.org/plugins/jspsych-survey-likert/ survey-likert plugin documentation on jspsych.org}\n */\nclass SurveyLikertPlugin implements JsPsychPlugin<Info> {\n  static info = info;\n\n  constructor(private jsPsych: JsPsych) {}\n\n  trial(display_element: HTMLElement, trial: TrialType<Info>) {\n    if (trial.scale_width !== null) {\n      var w = trial.scale_width + \"px\";\n    } else {\n      var w = \"100%\";\n    }\n\n    var html = \"\";\n    // inject CSS for trial\n    html += '<style id=\"jspsych-survey-likert-css\">';\n    html +=\n      \".jspsych-survey-likert-statement { display:block; font-size: 16px; padding-top: 40px; margin-bottom:10px; }\" +\n      \".jspsych-survey-likert-opts { list-style:none; width:\" +\n      w +\n      \"; margin:auto; padding:0 0 35px; display:block; font-size: 14px; line-height:1.1em; }\" +\n      \".jspsych-survey-likert-opt-label { line-height: 1.1em; color: #444; }\" +\n      \".jspsych-survey-likert-opts:before { content: ''; position:relative; top:11px; /*left:9.5%;*/ display:block; background-color:#efefef; height:4px; width:100%; }\" +\n      \".jspsych-survey-likert-opts:last-of-type { border-bottom: 0; }\" +\n      \".jspsych-survey-likert-opts li { display:inline-block; /*width:19%;*/ text-align:center; vertical-align: top; }\" +\n      \".jspsych-survey-likert-opts li input[type=radio] { display:block; position:relative; top:0; left:50%; margin-left:-6px; }\";\n    html += \"</style>\";\n\n    // show preamble text\n    if (trial.preamble !== null) {\n      html +=\n        '<div id=\"jspsych-survey-likert-preamble\" class=\"jspsych-survey-likert-preamble\">' +\n        trial.preamble +\n        \"</div>\";\n    }\n\n    if (trial.autocomplete) {\n      html += '<form id=\"jspsych-survey-likert-form\">';\n    } else {\n      html += '<form id=\"jspsych-survey-likert-form\" autocomplete=\"off\">';\n    }\n\n    // add likert scale questions ///\n    // generate question order. this is randomized here as opposed to randomizing the order of trial.questions\n    // so that the data are always associated with the same question regardless of order\n    var question_order = [];\n    for (var i = 0; i < trial.questions.length; i++) {\n      question_order.push(i);\n    }\n    if (trial.randomize_question_order) {\n      question_order = this.jsPsych.randomization.shuffle(question_order);\n    }\n\n    for (var i = 0; i < trial.questions.length; i++) {\n      var question = trial.questions[question_order[i]];\n      // add question\n      html += '<label class=\"jspsych-survey-likert-statement\">' + question.prompt + \"</label>\";\n      // add options\n      var width = 100 / question.labels.length;\n      var options_string =\n        '<ul class=\"jspsych-survey-likert-opts\" data-name=\"' +\n        question.name +\n        '\" data-radio-group=\"Q' +\n        question_order[i] +\n        '\">';\n      for (var j = 0; j < question.labels.length; j++) {\n        options_string +=\n          '<li style=\"width:' +\n          width +\n          '%\"><label class=\"jspsych-survey-likert-opt-label\"><input type=\"radio\" name=\"Q' +\n          question_order[i] +\n          '\" value=\"' +\n          j +\n          '\"';\n        if (question.required) {\n          options_string += \" required\";\n        }\n        options_string += \">\" + question.labels[j] + \"</label></li>\";\n      }\n      options_string += \"</ul>\";\n      html += options_string;\n    }\n\n    // add submit button\n    html +=\n      '<input type=\"submit\" id=\"jspsych-survey-likert-next\" class=\"jspsych-survey-likert jspsych-btn\" value=\"' +\n      trial.button_label +\n      '\"></input>';\n\n    html += \"</form>\";\n\n    display_element.innerHTML = html;\n\n    display_element.querySelector(\"#jspsych-survey-likert-form\").addEventListener(\"submit\", (e) => {\n      e.preventDefault();\n      // measure response time\n      var endTime = performance.now();\n      var response_time = Math.round(endTime - startTime);\n\n      // create object to hold responses\n      var question_data = {};\n      var matches = display_element.querySelectorAll<HTMLFormElement>(\n        \"#jspsych-survey-likert-form .jspsych-survey-likert-opts\"\n      );\n      for (var index = 0; index < matches.length; index++) {\n        var id = matches[index].dataset[\"radioGroup\"];\n        var el = display_element.querySelector<HTMLInputElement>(\n          'input[name=\"' + id + '\"]:checked'\n        );\n        if (el === null) {\n          var response: string | number = \"\";\n        } else {\n          var response: string | number = parseInt(el.value);\n        }\n        var obje = {};\n        if (matches[index].attributes[\"data-name\"].value !== \"\") {\n          var name = matches[index].attributes[\"data-name\"].value;\n        } else {\n          var name = id;\n        }\n        obje[name] = response;\n        Object.assign(question_data, obje);\n      }\n\n      // save data\n      var trial_data = {\n        rt: response_time,\n        response: question_data,\n        question_order: question_order,\n      };\n\n      display_element.innerHTML = \"\";\n\n      // next trial\n      this.jsPsych.finishTrial(trial_data);\n    });\n\n    var startTime = performance.now();\n  }\n}\n\nexport default SurveyLikertPlugin;\n"],"names":["ParameterType"],"mappings":"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"}
+{"version":3,"file":"index.browser.js","sources":["../src/index.ts"],"sourcesContent":["import { JsPsych, JsPsychPlugin, ParameterType, TrialType } from \"jspsych\";\n\nconst info = <const>{\n  name: \"survey-likert\",\n  parameters: {\n    /** Array containing one or more objects with parameters for the question(s) that should be shown on the page. */\n    questions: {\n      type: ParameterType.COMPLEX,\n      array: true,\n      pretty_name: \"Questions\",\n      nested: {\n        /** Question prompt. */\n        prompt: {\n          type: ParameterType.HTML_STRING,\n          pretty_name: \"Prompt\",\n          default: undefined,\n        },\n        /** Array of likert labels to display for this question. */\n        labels: {\n          type: ParameterType.STRING,\n          array: true,\n          pretty_name: \"Labels\",\n          default: undefined,\n        },\n        /** Whether or not a response to this question must be given in order to continue. */\n        required: {\n          type: ParameterType.BOOL,\n          pretty_name: \"Required\",\n          default: false,\n        },\n        /** Name of the question in the trial data. If no name is given, the questions are named Q0, Q1, etc. */\n        name: {\n          type: ParameterType.STRING,\n          pretty_name: \"Question Name\",\n          default: \"\",\n        },\n      },\n    },\n    /** If true, the order of the questions in the 'questions' array will be randomized. */\n    randomize_question_order: {\n      type: ParameterType.BOOL,\n      pretty_name: \"Randomize Question Order\",\n      default: false,\n    },\n    /** HTML-formatted string to display at top of the page above all of the questions. */\n    preamble: {\n      type: ParameterType.HTML_STRING,\n      pretty_name: \"Preamble\",\n      default: null,\n    },\n    /** Width of the likert scales in pixels. */\n    scale_width: {\n      type: ParameterType.INT,\n      pretty_name: \"Scale width\",\n      default: null,\n    },\n    /** Label of the button to submit responses. */\n    button_label: {\n      type: ParameterType.STRING,\n      pretty_name: \"Button label\",\n      default: \"Continue\",\n    },\n    /** Setting this to true will enable browser auto-complete or auto-fill for the form. */\n    autocomplete: {\n      type: ParameterType.BOOL,\n      pretty_name: \"Allow autocomplete\",\n      default: false,\n    },\n  },\n};\n\ntype Info = typeof info;\n\n/**\n * **survey-likert**\n *\n * jsPsych plugin for gathering responses to questions on a likert scale\n *\n * @author Josh de Leeuw\n * @see {@link https://www.jspsych.org/plugins/jspsych-survey-likert/ survey-likert plugin documentation on jspsych.org}\n */\nclass SurveyLikertPlugin implements JsPsychPlugin<Info> {\n  static info = info;\n\n  constructor(private jsPsych: JsPsych) {}\n\n  trial(display_element: HTMLElement, trial: TrialType<Info>) {\n    if (trial.scale_width !== null) {\n      var w = trial.scale_width + \"px\";\n    } else {\n      var w = \"100%\";\n    }\n\n    var html = \"\";\n    // inject CSS for trial\n    html += '<style id=\"jspsych-survey-likert-css\">';\n    html +=\n      \".jspsych-survey-likert-statement { display:block; font-size: 16px; padding-top: 40px; margin-bottom:10px; }\" +\n      \".jspsych-survey-likert-opts { list-style:none; width:\" +\n      w +\n      \"; margin:auto; padding:0 0 35px; display:block; font-size: 14px; line-height:1.1em; }\" +\n      \".jspsych-survey-likert-opt-label { line-height: 1.1em; color: #444; }\" +\n      \".jspsych-survey-likert-opts:before { content: ''; position:relative; top:11px; /*left:9.5%;*/ display:block; background-color:#efefef; height:4px; width:100%; }\" +\n      \".jspsych-survey-likert-opts:last-of-type { border-bottom: 0; }\" +\n      \".jspsych-survey-likert-opts li { display:inline-block; /*width:19%;*/ text-align:center; vertical-align: top; }\" +\n      \".jspsych-survey-likert-opts li input[type=radio] { display:block; position:relative; top:0; left:50%; margin-left:-6px; }\";\n    html += \"</style>\";\n\n    // show preamble text\n    if (trial.preamble !== null) {\n      html +=\n        '<div id=\"jspsych-survey-likert-preamble\" class=\"jspsych-survey-likert-preamble\">' +\n        trial.preamble +\n        \"</div>\";\n    }\n\n    if (trial.autocomplete) {\n      html += '<form id=\"jspsych-survey-likert-form\">';\n    } else {\n      html += '<form id=\"jspsych-survey-likert-form\" autocomplete=\"off\">';\n    }\n\n    // add likert scale questions ///\n    // generate question order. this is randomized here as opposed to randomizing the order of trial.questions\n    // so that the data are always associated with the same question regardless of order\n    var question_order = [];\n    for (var i = 0; i < trial.questions.length; i++) {\n      question_order.push(i);\n    }\n    if (trial.randomize_question_order) {\n      question_order = this.jsPsych.randomization.shuffle(question_order);\n    }\n\n    for (var i = 0; i < trial.questions.length; i++) {\n      var question = trial.questions[question_order[i]];\n      // add question\n      html += '<label class=\"jspsych-survey-likert-statement\">' + question.prompt + \"</label>\";\n      // add options\n      var width = 100 / question.labels.length;\n      var options_string =\n        '<ul class=\"jspsych-survey-likert-opts\" data-name=\"' +\n        question.name +\n        '\" data-radio-group=\"Q' +\n        question_order[i] +\n        '\">';\n      for (var j = 0; j < question.labels.length; j++) {\n        options_string +=\n          '<li style=\"width:' +\n          width +\n          '%\"><label class=\"jspsych-survey-likert-opt-label\"><input type=\"radio\" name=\"Q' +\n          question_order[i] +\n          '\" value=\"' +\n          j +\n          '\"';\n        if (question.required) {\n          options_string += \" required\";\n        }\n        options_string += \">\" + question.labels[j] + \"</label></li>\";\n      }\n      options_string += \"</ul>\";\n      html += options_string;\n    }\n\n    // add submit button\n    html +=\n      '<input type=\"submit\" id=\"jspsych-survey-likert-next\" class=\"jspsych-survey-likert jspsych-btn\" value=\"' +\n      trial.button_label +\n      '\"></input>';\n\n    html += \"</form>\";\n\n    display_element.innerHTML = html;\n\n    display_element.querySelector(\"#jspsych-survey-likert-form\").addEventListener(\"submit\", (e) => {\n      e.preventDefault();\n      // measure response time\n      var endTime = performance.now();\n      var response_time = Math.round(endTime - startTime);\n\n      // create object to hold responses\n      var question_data = {};\n      var matches = display_element.querySelectorAll<HTMLFormElement>(\n        \"#jspsych-survey-likert-form .jspsych-survey-likert-opts\"\n      );\n      for (var index = 0; index < matches.length; index++) {\n        var id = matches[index].dataset[\"radioGroup\"];\n        var el = display_element.querySelector<HTMLInputElement>(\n          'input[name=\"' + id + '\"]:checked'\n        );\n        if (el === null) {\n          var response: string | number = \"\";\n        } else {\n          var response: string | number = parseInt(el.value);\n        }\n        var obje = {};\n        if (matches[index].attributes[\"data-name\"].value !== \"\") {\n          var name = matches[index].attributes[\"data-name\"].value;\n        } else {\n          var name = id;\n        }\n        obje[name] = response;\n        Object.assign(question_data, obje);\n      }\n\n      // save data\n      var trial_data = {\n        rt: response_time,\n        response: question_data,\n        question_order: question_order,\n      };\n\n      display_element.innerHTML = \"\";\n\n      // next trial\n      this.jsPsych.finishTrial(trial_data);\n    });\n\n    var startTime = performance.now();\n  }\n\n  simulate(\n    trial: TrialType<Info>,\n    simulation_mode,\n    simulation_options: any,\n    load_callback: () => void\n  ) {\n    if (simulation_mode == \"data-only\") {\n      load_callback();\n      this.simulate_data_only(trial, simulation_options);\n    }\n    if (simulation_mode == \"visual\") {\n      this.simulate_visual(trial, simulation_options, load_callback);\n    }\n  }\n\n  private create_simulation_data(trial: TrialType<Info>, simulation_options) {\n    const question_data = {};\n    let rt = 1000;\n\n    for (const q of trial.questions) {\n      const name = q.name ? q.name : `Q${trial.questions.indexOf(q)}`;\n      question_data[name] = this.jsPsych.randomization.randomInt(0, q.labels.length - 1);\n      rt += this.jsPsych.randomization.sampleExGaussian(1500, 400, 1 / 200, true);\n    }\n\n    const default_data = {\n      response: question_data,\n      rt: rt,\n      question_order: trial.randomize_question_order\n        ? this.jsPsych.randomization.shuffle([...Array(trial.questions.length).keys()])\n        : [...Array(trial.questions.length).keys()],\n    };\n\n    const data = this.jsPsych.pluginAPI.mergeSimulationData(default_data, simulation_options);\n\n    this.jsPsych.pluginAPI.ensureSimulationDataConsistency(trial, data);\n\n    return data;\n  }\n\n  private simulate_data_only(trial: TrialType<Info>, simulation_options) {\n    const data = this.create_simulation_data(trial, simulation_options);\n\n    this.jsPsych.finishTrial(data);\n  }\n\n  private simulate_visual(trial: TrialType<Info>, simulation_options, load_callback: () => void) {\n    const data = this.create_simulation_data(trial, simulation_options);\n\n    const display_element = this.jsPsych.getDisplayElement();\n\n    this.trial(display_element, trial);\n    load_callback();\n\n    const answers = Object.entries(data.response);\n    for (let i = 0; i < answers.length; i++) {\n      this.jsPsych.pluginAPI.clickTarget(\n        display_element.querySelector(\n          `input[type=\"radio\"][name=\"${answers[i][0]}\"][value=\"${answers[i][1]}\"]`\n        ),\n        ((data.rt - 1000) / answers.length) * (i + 1)\n      );\n    }\n\n    this.jsPsych.pluginAPI.clickTarget(\n      display_element.querySelector(\"#jspsych-survey-likert-next\"),\n      data.rt\n    );\n  }\n}\n\nexport default SurveyLikertPlugin;\n"],"names":["ParameterType"],"mappings":"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"}

package/dist/index.browser.min.js

@@ -1,2 +1,2 @@
-var jsPsychSurveyLikert=function(e){"use strict";const t={name:"survey-likert",parameters:{questions:{type:e.ParameterType.COMPLEX,array:!0,pretty_name:"Questions",nested:{prompt:{type:e.ParameterType.HTML_STRING,pretty_name:"Prompt",default:void 0},labels:{type:e.ParameterType.STRING,array:!0,pretty_name:"Labels",default:void 0},required:{type:e.ParameterType.BOOL,pretty_name:"Required",default:!1},name:{type:e.ParameterType.STRING,pretty_name:"Question Name",default:""}}},randomize_question_order:{type:e.ParameterType.BOOL,pretty_name:"Randomize Question Order",default:!1},preamble:{type:e.ParameterType.HTML_STRING,pretty_name:"Preamble",default:null},scale_width:{type:e.ParameterType.INT,pretty_name:"Scale width",default:null},button_label:{type:e.ParameterType.STRING,pretty_name:"Button label",default:"Continue"},autocomplete:{type:e.ParameterType.BOOL,pretty_name:"Allow autocomplete",default:!1}}};class r{constructor(e){this.jsPsych=e}trial(e,t){if(null!==t.scale_width)var r=t.scale_width+"px";else r="100%";var s="";s+='<style id="jspsych-survey-likert-css">',s+=".jspsych-survey-likert-statement { display:block; font-size: 16px; padding-top: 40px; margin-bottom:10px; }.jspsych-survey-likert-opts { list-style:none; width:"+r+"; margin:auto; padding:0 0 35px; display:block; font-size: 14px; line-height:1.1em; }.jspsych-survey-likert-opt-label { line-height: 1.1em; color: #444; }.jspsych-survey-likert-opts:before { content: ''; position:relative; top:11px; /*left:9.5%;*/ display:block; background-color:#efefef; height:4px; width:100%; }.jspsych-survey-likert-opts:last-of-type { border-bottom: 0; }.jspsych-survey-likert-opts li { display:inline-block; /*width:19%;*/ text-align:center; vertical-align: top; }.jspsych-survey-likert-opts li input[type=radio] { display:block; position:relative; top:0; left:50%; margin-left:-6px; }",s+="</style>",null!==t.preamble&&(s+='<div id="jspsych-survey-likert-preamble" class="jspsych-survey-likert-preamble">'+t.preamble+"</div>"),t.autocomplete?s+='<form id="jspsych-survey-likert-form">':s+='<form id="jspsych-survey-likert-form" autocomplete="off">';for(var a=[],l=0;l<t.questions.length;l++)a.push(l);t.randomize_question_order&&(a=this.jsPsych.randomization.shuffle(a));for(l=0;l<t.questions.length;l++){var i=t.questions[a[l]];s+='<label class="jspsych-survey-likert-statement">'+i.prompt+"</label>";for(var p=100/i.labels.length,o='<ul class="jspsych-survey-likert-opts" data-name="'+i.name+'" data-radio-group="Q'+a[l]+'">',n=0;n<i.labels.length;n++)o+='<li style="width:'+p+'%"><label class="jspsych-survey-likert-opt-label"><input type="radio" name="Q'+a[l]+'" value="'+n+'"',i.required&&(o+=" required"),o+=">"+i.labels[n]+"</label></li>";s+=o+="</ul>"}s+='<input type="submit" id="jspsych-survey-likert-next" class="jspsych-survey-likert jspsych-btn" value="'+t.button_label+'"></input>',s+="</form>",e.innerHTML=s,e.querySelector("#jspsych-survey-likert-form").addEventListener("submit",(t=>{t.preventDefault();for(var r=performance.now(),s=Math.round(r-y),l={},i=e.querySelectorAll("#jspsych-survey-likert-form .jspsych-survey-likert-opts"),p=0;p<i.length;p++){var o=i[p].dataset.radioGroup,n=e.querySelector('input[name="'+o+'"]:checked');if(null===n)var u="";else u=parseInt(n.value);var m={};if(""!==i[p].attributes["data-name"].value)var c=i[p].attributes["data-name"].value;else c=o;m[c]=u,Object.assign(l,m)}var d={rt:s,response:l,question_order:a};e.innerHTML="",this.jsPsych.finishTrial(d)}));var y=performance.now()}}return r.info=t,r}(jsPsychModule);
+var jsPsychSurveyLikert=function(e){"use strict";const t={name:"survey-likert",parameters:{questions:{type:e.ParameterType.COMPLEX,array:!0,pretty_name:"Questions",nested:{prompt:{type:e.ParameterType.HTML_STRING,pretty_name:"Prompt",default:void 0},labels:{type:e.ParameterType.STRING,array:!0,pretty_name:"Labels",default:void 0},required:{type:e.ParameterType.BOOL,pretty_name:"Required",default:!1},name:{type:e.ParameterType.STRING,pretty_name:"Question Name",default:""}}},randomize_question_order:{type:e.ParameterType.BOOL,pretty_name:"Randomize Question Order",default:!1},preamble:{type:e.ParameterType.HTML_STRING,pretty_name:"Preamble",default:null},scale_width:{type:e.ParameterType.INT,pretty_name:"Scale width",default:null},button_label:{type:e.ParameterType.STRING,pretty_name:"Button label",default:"Continue"},autocomplete:{type:e.ParameterType.BOOL,pretty_name:"Allow autocomplete",default:!1}}};class s{constructor(e){this.jsPsych=e}trial(e,t){if(null!==t.scale_width)var s=t.scale_width+"px";else s="100%";var r="";r+='<style id="jspsych-survey-likert-css">',r+=".jspsych-survey-likert-statement { display:block; font-size: 16px; padding-top: 40px; margin-bottom:10px; }.jspsych-survey-likert-opts { list-style:none; width:"+s+"; margin:auto; padding:0 0 35px; display:block; font-size: 14px; line-height:1.1em; }.jspsych-survey-likert-opt-label { line-height: 1.1em; color: #444; }.jspsych-survey-likert-opts:before { content: ''; position:relative; top:11px; /*left:9.5%;*/ display:block; background-color:#efefef; height:4px; width:100%; }.jspsych-survey-likert-opts:last-of-type { border-bottom: 0; }.jspsych-survey-likert-opts li { display:inline-block; /*width:19%;*/ text-align:center; vertical-align: top; }.jspsych-survey-likert-opts li input[type=radio] { display:block; position:relative; top:0; left:50%; margin-left:-6px; }",r+="</style>",null!==t.preamble&&(r+='<div id="jspsych-survey-likert-preamble" class="jspsych-survey-likert-preamble">'+t.preamble+"</div>"),t.autocomplete?r+='<form id="jspsych-survey-likert-form">':r+='<form id="jspsych-survey-likert-form" autocomplete="off">';for(var a=[],l=0;l<t.questions.length;l++)a.push(l);t.randomize_question_order&&(a=this.jsPsych.randomization.shuffle(a));for(l=0;l<t.questions.length;l++){var i=t.questions[a[l]];r+='<label class="jspsych-survey-likert-statement">'+i.prompt+"</label>";for(var n=100/i.labels.length,o='<ul class="jspsych-survey-likert-opts" data-name="'+i.name+'" data-radio-group="Q'+a[l]+'">',p=0;p<i.labels.length;p++)o+='<li style="width:'+n+'%"><label class="jspsych-survey-likert-opt-label"><input type="radio" name="Q'+a[l]+'" value="'+p+'"',i.required&&(o+=" required"),o+=">"+i.labels[p]+"</label></li>";r+=o+="</ul>"}r+='<input type="submit" id="jspsych-survey-likert-next" class="jspsych-survey-likert jspsych-btn" value="'+t.button_label+'"></input>',r+="</form>",e.innerHTML=r,e.querySelector("#jspsych-survey-likert-form").addEventListener("submit",(t=>{t.preventDefault();for(var s=performance.now(),r=Math.round(s-u),l={},i=e.querySelectorAll("#jspsych-survey-likert-form .jspsych-survey-likert-opts"),n=0;n<i.length;n++){var o=i[n].dataset.radioGroup,p=e.querySelector('input[name="'+o+'"]:checked');if(null===p)var y="";else y=parseInt(p.value);var c={};if(""!==i[n].attributes["data-name"].value)var m=i[n].attributes["data-name"].value;else m=o;c[m]=y,Object.assign(l,c)}var h={rt:r,response:l,question_order:a};e.innerHTML="",this.jsPsych.finishTrial(h)}));var u=performance.now()}simulate(e,t,s,r){"data-only"==t&&(r(),this.simulate_data_only(e,s)),"visual"==t&&this.simulate_visual(e,s,r)}create_simulation_data(e,t){const s={};let r=1e3;for(const t of e.questions){s[t.name?t.name:`Q${e.questions.indexOf(t)}`]=this.jsPsych.randomization.randomInt(0,t.labels.length-1),r+=this.jsPsych.randomization.sampleExGaussian(1500,400,.005,!0)}const a={response:s,rt:r,question_order:e.randomize_question_order?this.jsPsych.randomization.shuffle([...Array(e.questions.length).keys()]):[...Array(e.questions.length).keys()]},l=this.jsPsych.pluginAPI.mergeSimulationData(a,t);return this.jsPsych.pluginAPI.ensureSimulationDataConsistency(e,l),l}simulate_data_only(e,t){const s=this.create_simulation_data(e,t);this.jsPsych.finishTrial(s)}simulate_visual(e,t,s){const r=this.create_simulation_data(e,t),a=this.jsPsych.getDisplayElement();this.trial(a,e),s();const l=Object.entries(r.response);for(let e=0;e<l.length;e++)this.jsPsych.pluginAPI.clickTarget(a.querySelector(`input[type="radio"][name="${l[e][0]}"][value="${l[e][1]}"]`),(r.rt-1e3)/l.length*(e+1));this.jsPsych.pluginAPI.clickTarget(a.querySelector("#jspsych-survey-likert-next"),r.rt)}}return s.info=t,s}(jsPsychModule);
 //# sourceMappingURL=index.browser.min.js.map

package/dist/index.browser.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.browser.min.js","sources":["../src/index.ts"],"sourcesContent":["import { JsPsych, JsPsychPlugin, ParameterType, TrialType } from \"jspsych\";\n\nconst info = <const>{\n  name: \"survey-likert\",\n  parameters: {\n    /** Array containing one or more objects with parameters for the question(s) that should be shown on the page. */\n    questions: {\n      type: ParameterType.COMPLEX,\n      array: true,\n      pretty_name: \"Questions\",\n      nested: {\n        /** Question prompt. */\n        prompt: {\n          type: ParameterType.HTML_STRING,\n          pretty_name: \"Prompt\",\n          default: undefined,\n        },\n        /** Array of likert labels to display for this question. */\n        labels: {\n          type: ParameterType.STRING,\n          array: true,\n          pretty_name: \"Labels\",\n          default: undefined,\n        },\n        /** Whether or not a response to this question must be given in order to continue. */\n        required: {\n          type: ParameterType.BOOL,\n          pretty_name: \"Required\",\n          default: false,\n        },\n        /** Name of the question in the trial data. If no name is given, the questions are named Q0, Q1, etc. */\n        name: {\n          type: ParameterType.STRING,\n          pretty_name: \"Question Name\",\n          default: \"\",\n        },\n      },\n    },\n    /** If true, the order of the questions in the 'questions' array will be randomized. */\n    randomize_question_order: {\n      type: ParameterType.BOOL,\n      pretty_name: \"Randomize Question Order\",\n      default: false,\n    },\n    /** HTML-formatted string to display at top of the page above all of the questions. */\n    preamble: {\n      type: ParameterType.HTML_STRING,\n      pretty_name: \"Preamble\",\n      default: null,\n    },\n    /** Width of the likert scales in pixels. */\n    scale_width: {\n      type: ParameterType.INT,\n      pretty_name: \"Scale width\",\n      default: null,\n    },\n    /** Label of the button to submit responses. */\n    button_label: {\n      type: ParameterType.STRING,\n      pretty_name: \"Button label\",\n      default: \"Continue\",\n    },\n    /** Setting this to true will enable browser auto-complete or auto-fill for the form. */\n    autocomplete: {\n      type: ParameterType.BOOL,\n      pretty_name: \"Allow autocomplete\",\n      default: false,\n    },\n  },\n};\n\ntype Info = typeof info;\n\n/**\n * **survey-likert**\n *\n * jsPsych plugin for gathering responses to questions on a likert scale\n *\n * @author Josh de Leeuw\n * @see {@link https://www.jspsych.org/plugins/jspsych-survey-likert/ survey-likert plugin documentation on jspsych.org}\n */\nclass SurveyLikertPlugin implements JsPsychPlugin<Info> {\n  static info = info;\n\n  constructor(private jsPsych: JsPsych) {}\n\n  trial(display_element: HTMLElement, trial: TrialType<Info>) {\n    if (trial.scale_width !== null) {\n      var w = trial.scale_width + \"px\";\n    } else {\n      var w = \"100%\";\n    }\n\n    var html = \"\";\n    // inject CSS for trial\n    html += '<style id=\"jspsych-survey-likert-css\">';\n    html +=\n      \".jspsych-survey-likert-statement { display:block; font-size: 16px; padding-top: 40px; margin-bottom:10px; }\" +\n      \".jspsych-survey-likert-opts { list-style:none; width:\" +\n      w +\n      \"; margin:auto; padding:0 0 35px; display:block; font-size: 14px; line-height:1.1em; }\" +\n      \".jspsych-survey-likert-opt-label { line-height: 1.1em; color: #444; }\" +\n      \".jspsych-survey-likert-opts:before { content: ''; position:relative; top:11px; /*left:9.5%;*/ display:block; background-color:#efefef; height:4px; width:100%; }\" +\n      \".jspsych-survey-likert-opts:last-of-type { border-bottom: 0; }\" +\n      \".jspsych-survey-likert-opts li { display:inline-block; /*width:19%;*/ text-align:center; vertical-align: top; }\" +\n      \".jspsych-survey-likert-opts li input[type=radio] { display:block; position:relative; top:0; left:50%; margin-left:-6px; }\";\n    html += \"</style>\";\n\n    // show preamble text\n    if (trial.preamble !== null) {\n      html +=\n        '<div id=\"jspsych-survey-likert-preamble\" class=\"jspsych-survey-likert-preamble\">' +\n        trial.preamble +\n        \"</div>\";\n    }\n\n    if (trial.autocomplete) {\n      html += '<form id=\"jspsych-survey-likert-form\">';\n    } else {\n      html += '<form id=\"jspsych-survey-likert-form\" autocomplete=\"off\">';\n    }\n\n    // add likert scale questions ///\n    // generate question order. this is randomized here as opposed to randomizing the order of trial.questions\n    // so that the data are always associated with the same question regardless of order\n    var question_order = [];\n    for (var i = 0; i < trial.questions.length; i++) {\n      question_order.push(i);\n    }\n    if (trial.randomize_question_order) {\n      question_order = this.jsPsych.randomization.shuffle(question_order);\n    }\n\n    for (var i = 0; i < trial.questions.length; i++) {\n      var question = trial.questions[question_order[i]];\n      // add question\n      html += '<label class=\"jspsych-survey-likert-statement\">' + question.prompt + \"</label>\";\n      // add options\n      var width = 100 / question.labels.length;\n      var options_string =\n        '<ul class=\"jspsych-survey-likert-opts\" data-name=\"' +\n        question.name +\n        '\" data-radio-group=\"Q' +\n        question_order[i] +\n        '\">';\n      for (var j = 0; j < question.labels.length; j++) {\n        options_string +=\n          '<li style=\"width:' +\n          width +\n          '%\"><label class=\"jspsych-survey-likert-opt-label\"><input type=\"radio\" name=\"Q' +\n          question_order[i] +\n          '\" value=\"' +\n          j +\n          '\"';\n        if (question.required) {\n          options_string += \" required\";\n        }\n        options_string += \">\" + question.labels[j] + \"</label></li>\";\n      }\n      options_string += \"</ul>\";\n      html += options_string;\n    }\n\n    // add submit button\n    html +=\n      '<input type=\"submit\" id=\"jspsych-survey-likert-next\" class=\"jspsych-survey-likert jspsych-btn\" value=\"' +\n      trial.button_label +\n      '\"></input>';\n\n    html += \"</form>\";\n\n    display_element.innerHTML = html;\n\n    display_element.querySelector(\"#jspsych-survey-likert-form\").addEventListener(\"submit\", (e) => {\n      e.preventDefault();\n      // measure response time\n      var endTime = performance.now();\n      var response_time = Math.round(endTime - startTime);\n\n      // create object to hold responses\n      var question_data = {};\n      var matches = display_element.querySelectorAll<HTMLFormElement>(\n        \"#jspsych-survey-likert-form .jspsych-survey-likert-opts\"\n      );\n      for (var index = 0; index < matches.length; index++) {\n        var id = matches[index].dataset[\"radioGroup\"];\n        var el = display_element.querySelector<HTMLInputElement>(\n          'input[name=\"' + id + '\"]:checked'\n        );\n        if (el === null) {\n          var response: string | number = \"\";\n        } else {\n          var response: string | number = parseInt(el.value);\n        }\n        var obje = {};\n        if (matches[index].attributes[\"data-name\"].value !== \"\") {\n          var name = matches[index].attributes[\"data-name\"].value;\n        } else {\n          var name = id;\n        }\n        obje[name] = response;\n        Object.assign(question_data, obje);\n      }\n\n      // save data\n      var trial_data = {\n        rt: response_time,\n        response: question_data,\n        question_order: question_order,\n      };\n\n      display_element.innerHTML = \"\";\n\n      // next trial\n      this.jsPsych.finishTrial(trial_data);\n    });\n\n    var startTime = performance.now();\n  }\n}\n\nexport default SurveyLikertPlugin;\n"],"names":["info","name","parameters","questions","type","ParameterType","COMPLEX","array","pretty_name","nested","prompt","HTML_STRING","default","undefined","labels","STRING","required","BOOL","randomize_question_order","preamble","scale_width","INT","button_label","autocomplete","SurveyLikertPlugin","constructor","jsPsych","this","trial","display_element","w","html","question_order","i","length","push","randomization","shuffle","question","width","options_string","j","innerHTML","querySelector","addEventListener","e","preventDefault","endTime","performance","now","response_time","Math","round","startTime","question_data","matches","querySelectorAll","index","id","dataset","el","response","parseInt","value","obje","attributes","Object","assign","trial_data","rt","finishTrial"],"mappings":"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"}
+{"version":3,"file":"index.browser.min.js","sources":["../src/index.ts"],"sourcesContent":["import { JsPsych, JsPsychPlugin, ParameterType, TrialType } from \"jspsych\";\n\nconst info = <const>{\n  name: \"survey-likert\",\n  parameters: {\n    /** Array containing one or more objects with parameters for the question(s) that should be shown on the page. */\n    questions: {\n      type: ParameterType.COMPLEX,\n      array: true,\n      pretty_name: \"Questions\",\n      nested: {\n        /** Question prompt. */\n        prompt: {\n          type: ParameterType.HTML_STRING,\n          pretty_name: \"Prompt\",\n          default: undefined,\n        },\n        /** Array of likert labels to display for this question. */\n        labels: {\n          type: ParameterType.STRING,\n          array: true,\n          pretty_name: \"Labels\",\n          default: undefined,\n        },\n        /** Whether or not a response to this question must be given in order to continue. */\n        required: {\n          type: ParameterType.BOOL,\n          pretty_name: \"Required\",\n          default: false,\n        },\n        /** Name of the question in the trial data. If no name is given, the questions are named Q0, Q1, etc. */\n        name: {\n          type: ParameterType.STRING,\n          pretty_name: \"Question Name\",\n          default: \"\",\n        },\n      },\n    },\n    /** If true, the order of the questions in the 'questions' array will be randomized. */\n    randomize_question_order: {\n      type: ParameterType.BOOL,\n      pretty_name: \"Randomize Question Order\",\n      default: false,\n    },\n    /** HTML-formatted string to display at top of the page above all of the questions. */\n    preamble: {\n      type: ParameterType.HTML_STRING,\n      pretty_name: \"Preamble\",\n      default: null,\n    },\n    /** Width of the likert scales in pixels. */\n    scale_width: {\n      type: ParameterType.INT,\n      pretty_name: \"Scale width\",\n      default: null,\n    },\n    /** Label of the button to submit responses. */\n    button_label: {\n      type: ParameterType.STRING,\n      pretty_name: \"Button label\",\n      default: \"Continue\",\n    },\n    /** Setting this to true will enable browser auto-complete or auto-fill for the form. */\n    autocomplete: {\n      type: ParameterType.BOOL,\n      pretty_name: \"Allow autocomplete\",\n      default: false,\n    },\n  },\n};\n\ntype Info = typeof info;\n\n/**\n * **survey-likert**\n *\n * jsPsych plugin for gathering responses to questions on a likert scale\n *\n * @author Josh de Leeuw\n * @see {@link https://www.jspsych.org/plugins/jspsych-survey-likert/ survey-likert plugin documentation on jspsych.org}\n */\nclass SurveyLikertPlugin implements JsPsychPlugin<Info> {\n  static info = info;\n\n  constructor(private jsPsych: JsPsych) {}\n\n  trial(display_element: HTMLElement, trial: TrialType<Info>) {\n    if (trial.scale_width !== null) {\n      var w = trial.scale_width + \"px\";\n    } else {\n      var w = \"100%\";\n    }\n\n    var html = \"\";\n    // inject CSS for trial\n    html += '<style id=\"jspsych-survey-likert-css\">';\n    html +=\n      \".jspsych-survey-likert-statement { display:block; font-size: 16px; padding-top: 40px; margin-bottom:10px; }\" +\n      \".jspsych-survey-likert-opts { list-style:none; width:\" +\n      w +\n      \"; margin:auto; padding:0 0 35px; display:block; font-size: 14px; line-height:1.1em; }\" +\n      \".jspsych-survey-likert-opt-label { line-height: 1.1em; color: #444; }\" +\n      \".jspsych-survey-likert-opts:before { content: ''; position:relative; top:11px; /*left:9.5%;*/ display:block; background-color:#efefef; height:4px; width:100%; }\" +\n      \".jspsych-survey-likert-opts:last-of-type { border-bottom: 0; }\" +\n      \".jspsych-survey-likert-opts li { display:inline-block; /*width:19%;*/ text-align:center; vertical-align: top; }\" +\n      \".jspsych-survey-likert-opts li input[type=radio] { display:block; position:relative; top:0; left:50%; margin-left:-6px; }\";\n    html += \"</style>\";\n\n    // show preamble text\n    if (trial.preamble !== null) {\n      html +=\n        '<div id=\"jspsych-survey-likert-preamble\" class=\"jspsych-survey-likert-preamble\">' +\n        trial.preamble +\n        \"</div>\";\n    }\n\n    if (trial.autocomplete) {\n      html += '<form id=\"jspsych-survey-likert-form\">';\n    } else {\n      html += '<form id=\"jspsych-survey-likert-form\" autocomplete=\"off\">';\n    }\n\n    // add likert scale questions ///\n    // generate question order. this is randomized here as opposed to randomizing the order of trial.questions\n    // so that the data are always associated with the same question regardless of order\n    var question_order = [];\n    for (var i = 0; i < trial.questions.length; i++) {\n      question_order.push(i);\n    }\n    if (trial.randomize_question_order) {\n      question_order = this.jsPsych.randomization.shuffle(question_order);\n    }\n\n    for (var i = 0; i < trial.questions.length; i++) {\n      var question = trial.questions[question_order[i]];\n      // add question\n      html += '<label class=\"jspsych-survey-likert-statement\">' + question.prompt + \"</label>\";\n      // add options\n      var width = 100 / question.labels.length;\n      var options_string =\n        '<ul class=\"jspsych-survey-likert-opts\" data-name=\"' +\n        question.name +\n        '\" data-radio-group=\"Q' +\n        question_order[i] +\n        '\">';\n      for (var j = 0; j < question.labels.length; j++) {\n        options_string +=\n          '<li style=\"width:' +\n          width +\n          '%\"><label class=\"jspsych-survey-likert-opt-label\"><input type=\"radio\" name=\"Q' +\n          question_order[i] +\n          '\" value=\"' +\n          j +\n          '\"';\n        if (question.required) {\n          options_string += \" required\";\n        }\n        options_string += \">\" + question.labels[j] + \"</label></li>\";\n      }\n      options_string += \"</ul>\";\n      html += options_string;\n    }\n\n    // add submit button\n    html +=\n      '<input type=\"submit\" id=\"jspsych-survey-likert-next\" class=\"jspsych-survey-likert jspsych-btn\" value=\"' +\n      trial.button_label +\n      '\"></input>';\n\n    html += \"</form>\";\n\n    display_element.innerHTML = html;\n\n    display_element.querySelector(\"#jspsych-survey-likert-form\").addEventListener(\"submit\", (e) => {\n      e.preventDefault();\n      // measure response time\n      var endTime = performance.now();\n      var response_time = Math.round(endTime - startTime);\n\n      // create object to hold responses\n      var question_data = {};\n      var matches = display_element.querySelectorAll<HTMLFormElement>(\n        \"#jspsych-survey-likert-form .jspsych-survey-likert-opts\"\n      );\n      for (var index = 0; index < matches.length; index++) {\n        var id = matches[index].dataset[\"radioGroup\"];\n        var el = display_element.querySelector<HTMLInputElement>(\n          'input[name=\"' + id + '\"]:checked'\n        );\n        if (el === null) {\n          var response: string | number = \"\";\n        } else {\n          var response: string | number = parseInt(el.value);\n        }\n        var obje = {};\n        if (matches[index].attributes[\"data-name\"].value !== \"\") {\n          var name = matches[index].attributes[\"data-name\"].value;\n        } else {\n          var name = id;\n        }\n        obje[name] = response;\n        Object.assign(question_data, obje);\n      }\n\n      // save data\n      var trial_data = {\n        rt: response_time,\n        response: question_data,\n        question_order: question_order,\n      };\n\n      display_element.innerHTML = \"\";\n\n      // next trial\n      this.jsPsych.finishTrial(trial_data);\n    });\n\n    var startTime = performance.now();\n  }\n\n  simulate(\n    trial: TrialType<Info>,\n    simulation_mode,\n    simulation_options: any,\n    load_callback: () => void\n  ) {\n    if (simulation_mode == \"data-only\") {\n      load_callback();\n      this.simulate_data_only(trial, simulation_options);\n    }\n    if (simulation_mode == \"visual\") {\n      this.simulate_visual(trial, simulation_options, load_callback);\n    }\n  }\n\n  private create_simulation_data(trial: TrialType<Info>, simulation_options) {\n    const question_data = {};\n    let rt = 1000;\n\n    for (const q of trial.questions) {\n      const name = q.name ? q.name : `Q${trial.questions.indexOf(q)}`;\n      question_data[name] = this.jsPsych.randomization.randomInt(0, q.labels.length - 1);\n      rt += this.jsPsych.randomization.sampleExGaussian(1500, 400, 1 / 200, true);\n    }\n\n    const default_data = {\n      response: question_data,\n      rt: rt,\n      question_order: trial.randomize_question_order\n        ? this.jsPsych.randomization.shuffle([...Array(trial.questions.length).keys()])\n        : [...Array(trial.questions.length).keys()],\n    };\n\n    const data = this.jsPsych.pluginAPI.mergeSimulationData(default_data, simulation_options);\n\n    this.jsPsych.pluginAPI.ensureSimulationDataConsistency(trial, data);\n\n    return data;\n  }\n\n  private simulate_data_only(trial: TrialType<Info>, simulation_options) {\n    const data = this.create_simulation_data(trial, simulation_options);\n\n    this.jsPsych.finishTrial(data);\n  }\n\n  private simulate_visual(trial: TrialType<Info>, simulation_options, load_callback: () => void) {\n    const data = this.create_simulation_data(trial, simulation_options);\n\n    const display_element = this.jsPsych.getDisplayElement();\n\n    this.trial(display_element, trial);\n    load_callback();\n\n    const answers = Object.entries(data.response);\n    for (let i = 0; i < answers.length; i++) {\n      this.jsPsych.pluginAPI.clickTarget(\n        display_element.querySelector(\n          `input[type=\"radio\"][name=\"${answers[i][0]}\"][value=\"${answers[i][1]}\"]`\n        ),\n        ((data.rt - 1000) / answers.length) * (i + 1)\n      );\n    }\n\n    this.jsPsych.pluginAPI.clickTarget(\n      display_element.querySelector(\"#jspsych-survey-likert-next\"),\n      data.rt\n    );\n  }\n}\n\nexport default SurveyLikertPlugin;\n"],"names":["info","name","parameters","questions","type","ParameterType","COMPLEX","array","pretty_name","nested","prompt","HTML_STRING","default","undefined","labels","STRING","required","BOOL","randomize_question_order","preamble","scale_width","INT","button_label","autocomplete","SurveyLikertPlugin","constructor","jsPsych","this","trial","display_element","w","html","question_order","i","length","push","randomization","shuffle","question","width","options_string","j","innerHTML","querySelector","addEventListener","e","preventDefault","endTime","performance","now","response_time","Math","round","startTime","question_data","matches","querySelectorAll","index","id","dataset","el","response","parseInt","value","obje","attributes","Object","assign","trial_data","rt","finishTrial","simulate","simulation_mode","simulation_options","load_callback","simulate_data_only","simulate_visual","create_simulation_data","q","indexOf","randomInt","sampleExGaussian","default_data","Array","keys","data","pluginAPI","mergeSimulationData","ensureSimulationDataConsistency","getDisplayElement","answers","entries","clickTarget"],"mappings":"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"}

package/dist/index.cjs

@@ -200,6 +200,49 @@ class SurveyLikertPlugin {
         });
         var startTime = performance.now();
     }
+    simulate(trial, simulation_mode, simulation_options, load_callback) {
+        if (simulation_mode == "data-only") {
+            load_callback();
+            this.simulate_data_only(trial, simulation_options);
+        }
+        if (simulation_mode == "visual") {
+            this.simulate_visual(trial, simulation_options, load_callback);
+        }
+    }
+    create_simulation_data(trial, simulation_options) {
+        const question_data = {};
+        let rt = 1000;
+        for (const q of trial.questions) {
+            const name = q.name ? q.name : `Q${trial.questions.indexOf(q)}`;
+            question_data[name] = this.jsPsych.randomization.randomInt(0, q.labels.length - 1);
+            rt += this.jsPsych.randomization.sampleExGaussian(1500, 400, 1 / 200, true);
+        }
+        const default_data = {
+            response: question_data,
+            rt: rt,
+            question_order: trial.randomize_question_order
+                ? this.jsPsych.randomization.shuffle([...Array(trial.questions.length).keys()])
+                : [...Array(trial.questions.length).keys()],
+        };
+        const data = this.jsPsych.pluginAPI.mergeSimulationData(default_data, simulation_options);
+        this.jsPsych.pluginAPI.ensureSimulationDataConsistency(trial, data);
+        return data;
+    }
+    simulate_data_only(trial, simulation_options) {
+        const data = this.create_simulation_data(trial, simulation_options);
+        this.jsPsych.finishTrial(data);
+    }
+    simulate_visual(trial, simulation_options, load_callback) {
+        const data = this.create_simulation_data(trial, simulation_options);
+        const display_element = this.jsPsych.getDisplayElement();
+        this.trial(display_element, trial);
+        load_callback();
+        const answers = Object.entries(data.response);
+        for (let i = 0; i < answers.length; i++) {
+            this.jsPsych.pluginAPI.clickTarget(display_element.querySelector(`input[type="radio"][name="${answers[i][0]}"][value="${answers[i][1]}"]`), ((data.rt - 1000) / answers.length) * (i + 1));
+        }
+        this.jsPsych.pluginAPI.clickTarget(display_element.querySelector("#jspsych-survey-likert-next"), data.rt);
+    }
 }
 SurveyLikertPlugin.info = info;
 

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/index.ts"],"sourcesContent":["import { JsPsych, JsPsychPlugin, ParameterType, TrialType } from \"jspsych\";\n\nconst info = <const>{\n  name: \"survey-likert\",\n  parameters: {\n    /** Array containing one or more objects with parameters for the question(s) that should be shown on the page. */\n    questions: {\n      type: ParameterType.COMPLEX,\n      array: true,\n      pretty_name: \"Questions\",\n      nested: {\n        /** Question prompt. */\n        prompt: {\n          type: ParameterType.HTML_STRING,\n          pretty_name: \"Prompt\",\n          default: undefined,\n        },\n        /** Array of likert labels to display for this question. */\n        labels: {\n          type: ParameterType.STRING,\n          array: true,\n          pretty_name: \"Labels\",\n          default: undefined,\n        },\n        /** Whether or not a response to this question must be given in order to continue. */\n        required: {\n          type: ParameterType.BOOL,\n          pretty_name: \"Required\",\n          default: false,\n        },\n        /** Name of the question in the trial data. If no name is given, the questions are named Q0, Q1, etc. */\n        name: {\n          type: ParameterType.STRING,\n          pretty_name: \"Question Name\",\n          default: \"\",\n        },\n      },\n    },\n    /** If true, the order of the questions in the 'questions' array will be randomized. */\n    randomize_question_order: {\n      type: ParameterType.BOOL,\n      pretty_name: \"Randomize Question Order\",\n      default: false,\n    },\n    /** HTML-formatted string to display at top of the page above all of the questions. */\n    preamble: {\n      type: ParameterType.HTML_STRING,\n      pretty_name: \"Preamble\",\n      default: null,\n    },\n    /** Width of the likert scales in pixels. */\n    scale_width: {\n      type: ParameterType.INT,\n      pretty_name: \"Scale width\",\n      default: null,\n    },\n    /** Label of the button to submit responses. */\n    button_label: {\n      type: ParameterType.STRING,\n      pretty_name: \"Button label\",\n      default: \"Continue\",\n    },\n    /** Setting this to true will enable browser auto-complete or auto-fill for the form. */\n    autocomplete: {\n      type: ParameterType.BOOL,\n      pretty_name: \"Allow autocomplete\",\n      default: false,\n    },\n  },\n};\n\ntype Info = typeof info;\n\n/**\n * **survey-likert**\n *\n * jsPsych plugin for gathering responses to questions on a likert scale\n *\n * @author Josh de Leeuw\n * @see {@link https://www.jspsych.org/plugins/jspsych-survey-likert/ survey-likert plugin documentation on jspsych.org}\n */\nclass SurveyLikertPlugin implements JsPsychPlugin<Info> {\n  static info = info;\n\n  constructor(private jsPsych: JsPsych) {}\n\n  trial(display_element: HTMLElement, trial: TrialType<Info>) {\n    if (trial.scale_width !== null) {\n      var w = trial.scale_width + \"px\";\n    } else {\n      var w = \"100%\";\n    }\n\n    var html = \"\";\n    // inject CSS for trial\n    html += '<style id=\"jspsych-survey-likert-css\">';\n    html +=\n      \".jspsych-survey-likert-statement { display:block; font-size: 16px; padding-top: 40px; margin-bottom:10px; }\" +\n      \".jspsych-survey-likert-opts { list-style:none; width:\" +\n      w +\n      \"; margin:auto; padding:0 0 35px; display:block; font-size: 14px; line-height:1.1em; }\" +\n      \".jspsych-survey-likert-opt-label { line-height: 1.1em; color: #444; }\" +\n      \".jspsych-survey-likert-opts:before { content: ''; position:relative; top:11px; /*left:9.5%;*/ display:block; background-color:#efefef; height:4px; width:100%; }\" +\n      \".jspsych-survey-likert-opts:last-of-type { border-bottom: 0; }\" +\n      \".jspsych-survey-likert-opts li { display:inline-block; /*width:19%;*/ text-align:center; vertical-align: top; }\" +\n      \".jspsych-survey-likert-opts li input[type=radio] { display:block; position:relative; top:0; left:50%; margin-left:-6px; }\";\n    html += \"</style>\";\n\n    // show preamble text\n    if (trial.preamble !== null) {\n      html +=\n        '<div id=\"jspsych-survey-likert-preamble\" class=\"jspsych-survey-likert-preamble\">' +\n        trial.preamble +\n        \"</div>\";\n    }\n\n    if (trial.autocomplete) {\n      html += '<form id=\"jspsych-survey-likert-form\">';\n    } else {\n      html += '<form id=\"jspsych-survey-likert-form\" autocomplete=\"off\">';\n    }\n\n    // add likert scale questions ///\n    // generate question order. this is randomized here as opposed to randomizing the order of trial.questions\n    // so that the data are always associated with the same question regardless of order\n    var question_order = [];\n    for (var i = 0; i < trial.questions.length; i++) {\n      question_order.push(i);\n    }\n    if (trial.randomize_question_order) {\n      question_order = this.jsPsych.randomization.shuffle(question_order);\n    }\n\n    for (var i = 0; i < trial.questions.length; i++) {\n      var question = trial.questions[question_order[i]];\n      // add question\n      html += '<label class=\"jspsych-survey-likert-statement\">' + question.prompt + \"</label>\";\n      // add options\n      var width = 100 / question.labels.length;\n      var options_string =\n        '<ul class=\"jspsych-survey-likert-opts\" data-name=\"' +\n        question.name +\n        '\" data-radio-group=\"Q' +\n        question_order[i] +\n        '\">';\n      for (var j = 0; j < question.labels.length; j++) {\n        options_string +=\n          '<li style=\"width:' +\n          width +\n          '%\"><label class=\"jspsych-survey-likert-opt-label\"><input type=\"radio\" name=\"Q' +\n          question_order[i] +\n          '\" value=\"' +\n          j +\n          '\"';\n        if (question.required) {\n          options_string += \" required\";\n        }\n        options_string += \">\" + question.labels[j] + \"</label></li>\";\n      }\n      options_string += \"</ul>\";\n      html += options_string;\n    }\n\n    // add submit button\n    html +=\n      '<input type=\"submit\" id=\"jspsych-survey-likert-next\" class=\"jspsych-survey-likert jspsych-btn\" value=\"' +\n      trial.button_label +\n      '\"></input>';\n\n    html += \"</form>\";\n\n    display_element.innerHTML = html;\n\n    display_element.querySelector(\"#jspsych-survey-likert-form\").addEventListener(\"submit\", (e) => {\n      e.preventDefault();\n      // measure response time\n      var endTime = performance.now();\n      var response_time = Math.round(endTime - startTime);\n\n      // create object to hold responses\n      var question_data = {};\n      var matches = display_element.querySelectorAll<HTMLFormElement>(\n        \"#jspsych-survey-likert-form .jspsych-survey-likert-opts\"\n      );\n      for (var index = 0; index < matches.length; index++) {\n        var id = matches[index].dataset[\"radioGroup\"];\n        var el = display_element.querySelector<HTMLInputElement>(\n          'input[name=\"' + id + '\"]:checked'\n        );\n        if (el === null) {\n          var response: string | number = \"\";\n        } else {\n          var response: string | number = parseInt(el.value);\n        }\n        var obje = {};\n        if (matches[index].attributes[\"data-name\"].value !== \"\") {\n          var name = matches[index].attributes[\"data-name\"].value;\n        } else {\n          var name = id;\n        }\n        obje[name] = response;\n        Object.assign(question_data, obje);\n      }\n\n      // save data\n      var trial_data = {\n        rt: response_time,\n        response: question_data,\n        question_order: question_order,\n      };\n\n      display_element.innerHTML = \"\";\n\n      // next trial\n      this.jsPsych.finishTrial(trial_data);\n    });\n\n    var startTime = performance.now();\n  }\n}\n\nexport default SurveyLikertPlugin;\n"],"names":["ParameterType"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../src/index.ts"],"sourcesContent":["import { JsPsych, JsPsychPlugin, ParameterType, TrialType } from \"jspsych\";\n\nconst info = <const>{\n  name: \"survey-likert\",\n  parameters: {\n    /** Array containing one or more objects with parameters for the question(s) that should be shown on the page. */\n    questions: {\n      type: ParameterType.COMPLEX,\n      array: true,\n      pretty_name: \"Questions\",\n      nested: {\n        /** Question prompt. */\n        prompt: {\n          type: ParameterType.HTML_STRING,\n          pretty_name: \"Prompt\",\n          default: undefined,\n        },\n        /** Array of likert labels to display for this question. */\n        labels: {\n          type: ParameterType.STRING,\n          array: true,\n          pretty_name: \"Labels\",\n          default: undefined,\n        },\n        /** Whether or not a response to this question must be given in order to continue. */\n        required: {\n          type: ParameterType.BOOL,\n          pretty_name: \"Required\",\n          default: false,\n        },\n        /** Name of the question in the trial data. If no name is given, the questions are named Q0, Q1, etc. */\n        name: {\n          type: ParameterType.STRING,\n          pretty_name: \"Question Name\",\n          default: \"\",\n        },\n      },\n    },\n    /** If true, the order of the questions in the 'questions' array will be randomized. */\n    randomize_question_order: {\n      type: ParameterType.BOOL,\n      pretty_name: \"Randomize Question Order\",\n      default: false,\n    },\n    /** HTML-formatted string to display at top of the page above all of the questions. */\n    preamble: {\n      type: ParameterType.HTML_STRING,\n      pretty_name: \"Preamble\",\n      default: null,\n    },\n    /** Width of the likert scales in pixels. */\n    scale_width: {\n      type: ParameterType.INT,\n      pretty_name: \"Scale width\",\n      default: null,\n    },\n    /** Label of the button to submit responses. */\n    button_label: {\n      type: ParameterType.STRING,\n      pretty_name: \"Button label\",\n      default: \"Continue\",\n    },\n    /** Setting this to true will enable browser auto-complete or auto-fill for the form. */\n    autocomplete: {\n      type: ParameterType.BOOL,\n      pretty_name: \"Allow autocomplete\",\n      default: false,\n    },\n  },\n};\n\ntype Info = typeof info;\n\n/**\n * **survey-likert**\n *\n * jsPsych plugin for gathering responses to questions on a likert scale\n *\n * @author Josh de Leeuw\n * @see {@link https://www.jspsych.org/plugins/jspsych-survey-likert/ survey-likert plugin documentation on jspsych.org}\n */\nclass SurveyLikertPlugin implements JsPsychPlugin<Info> {\n  static info = info;\n\n  constructor(private jsPsych: JsPsych) {}\n\n  trial(display_element: HTMLElement, trial: TrialType<Info>) {\n    if (trial.scale_width !== null) {\n      var w = trial.scale_width + \"px\";\n    } else {\n      var w = \"100%\";\n    }\n\n    var html = \"\";\n    // inject CSS for trial\n    html += '<style id=\"jspsych-survey-likert-css\">';\n    html +=\n      \".jspsych-survey-likert-statement { display:block; font-size: 16px; padding-top: 40px; margin-bottom:10px; }\" +\n      \".jspsych-survey-likert-opts { list-style:none; width:\" +\n      w +\n      \"; margin:auto; padding:0 0 35px; display:block; font-size: 14px; line-height:1.1em; }\" +\n      \".jspsych-survey-likert-opt-label { line-height: 1.1em; color: #444; }\" +\n      \".jspsych-survey-likert-opts:before { content: ''; position:relative; top:11px; /*left:9.5%;*/ display:block; background-color:#efefef; height:4px; width:100%; }\" +\n      \".jspsych-survey-likert-opts:last-of-type { border-bottom: 0; }\" +\n      \".jspsych-survey-likert-opts li { display:inline-block; /*width:19%;*/ text-align:center; vertical-align: top; }\" +\n      \".jspsych-survey-likert-opts li input[type=radio] { display:block; position:relative; top:0; left:50%; margin-left:-6px; }\";\n    html += \"</style>\";\n\n    // show preamble text\n    if (trial.preamble !== null) {\n      html +=\n        '<div id=\"jspsych-survey-likert-preamble\" class=\"jspsych-survey-likert-preamble\">' +\n        trial.preamble +\n        \"</div>\";\n    }\n\n    if (trial.autocomplete) {\n      html += '<form id=\"jspsych-survey-likert-form\">';\n    } else {\n      html += '<form id=\"jspsych-survey-likert-form\" autocomplete=\"off\">';\n    }\n\n    // add likert scale questions ///\n    // generate question order. this is randomized here as opposed to randomizing the order of trial.questions\n    // so that the data are always associated with the same question regardless of order\n    var question_order = [];\n    for (var i = 0; i < trial.questions.length; i++) {\n      question_order.push(i);\n    }\n    if (trial.randomize_question_order) {\n      question_order = this.jsPsych.randomization.shuffle(question_order);\n    }\n\n    for (var i = 0; i < trial.questions.length; i++) {\n      var question = trial.questions[question_order[i]];\n      // add question\n      html += '<label class=\"jspsych-survey-likert-statement\">' + question.prompt + \"</label>\";\n      // add options\n      var width = 100 / question.labels.length;\n      var options_string =\n        '<ul class=\"jspsych-survey-likert-opts\" data-name=\"' +\n        question.name +\n        '\" data-radio-group=\"Q' +\n        question_order[i] +\n        '\">';\n      for (var j = 0; j < question.labels.length; j++) {\n        options_string +=\n          '<li style=\"width:' +\n          width +\n          '%\"><label class=\"jspsych-survey-likert-opt-label\"><input type=\"radio\" name=\"Q' +\n          question_order[i] +\n          '\" value=\"' +\n          j +\n          '\"';\n        if (question.required) {\n          options_string += \" required\";\n        }\n        options_string += \">\" + question.labels[j] + \"</label></li>\";\n      }\n      options_string += \"</ul>\";\n      html += options_string;\n    }\n\n    // add submit button\n    html +=\n      '<input type=\"submit\" id=\"jspsych-survey-likert-next\" class=\"jspsych-survey-likert jspsych-btn\" value=\"' +\n      trial.button_label +\n      '\"></input>';\n\n    html += \"</form>\";\n\n    display_element.innerHTML = html;\n\n    display_element.querySelector(\"#jspsych-survey-likert-form\").addEventListener(\"submit\", (e) => {\n      e.preventDefault();\n      // measure response time\n      var endTime = performance.now();\n      var response_time = Math.round(endTime - startTime);\n\n      // create object to hold responses\n      var question_data = {};\n      var matches = display_element.querySelectorAll<HTMLFormElement>(\n        \"#jspsych-survey-likert-form .jspsych-survey-likert-opts\"\n      );\n      for (var index = 0; index < matches.length; index++) {\n        var id = matches[index].dataset[\"radioGroup\"];\n        var el = display_element.querySelector<HTMLInputElement>(\n          'input[name=\"' + id + '\"]:checked'\n        );\n        if (el === null) {\n          var response: string | number = \"\";\n        } else {\n          var response: string | number = parseInt(el.value);\n        }\n        var obje = {};\n        if (matches[index].attributes[\"data-name\"].value !== \"\") {\n          var name = matches[index].attributes[\"data-name\"].value;\n        } else {\n          var name = id;\n        }\n        obje[name] = response;\n        Object.assign(question_data, obje);\n      }\n\n      // save data\n      var trial_data = {\n        rt: response_time,\n        response: question_data,\n        question_order: question_order,\n      };\n\n      display_element.innerHTML = \"\";\n\n      // next trial\n      this.jsPsych.finishTrial(trial_data);\n    });\n\n    var startTime = performance.now();\n  }\n\n  simulate(\n    trial: TrialType<Info>,\n    simulation_mode,\n    simulation_options: any,\n    load_callback: () => void\n  ) {\n    if (simulation_mode == \"data-only\") {\n      load_callback();\n      this.simulate_data_only(trial, simulation_options);\n    }\n    if (simulation_mode == \"visual\") {\n      this.simulate_visual(trial, simulation_options, load_callback);\n    }\n  }\n\n  private create_simulation_data(trial: TrialType<Info>, simulation_options) {\n    const question_data = {};\n    let rt = 1000;\n\n    for (const q of trial.questions) {\n      const name = q.name ? q.name : `Q${trial.questions.indexOf(q)}`;\n      question_data[name] = this.jsPsych.randomization.randomInt(0, q.labels.length - 1);\n      rt += this.jsPsych.randomization.sampleExGaussian(1500, 400, 1 / 200, true);\n    }\n\n    const default_data = {\n      response: question_data,\n      rt: rt,\n      question_order: trial.randomize_question_order\n        ? this.jsPsych.randomization.shuffle([...Array(trial.questions.length).keys()])\n        : [...Array(trial.questions.length).keys()],\n    };\n\n    const data = this.jsPsych.pluginAPI.mergeSimulationData(default_data, simulation_options);\n\n    this.jsPsych.pluginAPI.ensureSimulationDataConsistency(trial, data);\n\n    return data;\n  }\n\n  private simulate_data_only(trial: TrialType<Info>, simulation_options) {\n    const data = this.create_simulation_data(trial, simulation_options);\n\n    this.jsPsych.finishTrial(data);\n  }\n\n  private simulate_visual(trial: TrialType<Info>, simulation_options, load_callback: () => void) {\n    const data = this.create_simulation_data(trial, simulation_options);\n\n    const display_element = this.jsPsych.getDisplayElement();\n\n    this.trial(display_element, trial);\n    load_callback();\n\n    const answers = Object.entries(data.response);\n    for (let i = 0; i < answers.length; i++) {\n      this.jsPsych.pluginAPI.clickTarget(\n        display_element.querySelector(\n          `input[type=\"radio\"][name=\"${answers[i][0]}\"][value=\"${answers[i][1]}\"]`\n        ),\n        ((data.rt - 1000) / answers.length) * (i + 1)\n      );\n    }\n\n    this.jsPsych.pluginAPI.clickTarget(\n      display_element.querySelector(\"#jspsych-survey-likert-next\"),\n      data.rt\n    );\n  }\n}\n\nexport default SurveyLikertPlugin;\n"],"names":["ParameterType"],"mappings":"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"}

package/dist/index.d.ts

@@ -148,5 +148,9 @@ declare class SurveyLikertPlugin implements JsPsychPlugin<Info> {
     };
     constructor(jsPsych: JsPsych);
     trial(display_element: HTMLElement, trial: TrialType<Info>): void;
+    simulate(trial: TrialType<Info>, simulation_mode: any, simulation_options: any, load_callback: () => void): void;
+    private create_simulation_data;
+    private simulate_data_only;
+    private simulate_visual;
 }
 export default SurveyLikertPlugin;

package/dist/index.js

@@ -198,6 +198,49 @@ class SurveyLikertPlugin {
         });
         var startTime = performance.now();
     }
+    simulate(trial, simulation_mode, simulation_options, load_callback) {
+        if (simulation_mode == "data-only") {
+            load_callback();
+            this.simulate_data_only(trial, simulation_options);
+        }
+        if (simulation_mode == "visual") {
+            this.simulate_visual(trial, simulation_options, load_callback);
+        }
+    }
+    create_simulation_data(trial, simulation_options) {
+        const question_data = {};
+        let rt = 1000;
+        for (const q of trial.questions) {
+            const name = q.name ? q.name : `Q${trial.questions.indexOf(q)}`;
+            question_data[name] = this.jsPsych.randomization.randomInt(0, q.labels.length - 1);
+            rt += this.jsPsych.randomization.sampleExGaussian(1500, 400, 1 / 200, true);
+        }
+        const default_data = {
+            response: question_data,
+            rt: rt,
+            question_order: trial.randomize_question_order
+                ? this.jsPsych.randomization.shuffle([...Array(trial.questions.length).keys()])
+                : [...Array(trial.questions.length).keys()],
+        };
+        const data = this.jsPsych.pluginAPI.mergeSimulationData(default_data, simulation_options);
+        this.jsPsych.pluginAPI.ensureSimulationDataConsistency(trial, data);
+        return data;
+    }
+    simulate_data_only(trial, simulation_options) {
+        const data = this.create_simulation_data(trial, simulation_options);
+        this.jsPsych.finishTrial(data);
+    }
+    simulate_visual(trial, simulation_options, load_callback) {
+        const data = this.create_simulation_data(trial, simulation_options);
+        const display_element = this.jsPsych.getDisplayElement();
+        this.trial(display_element, trial);
+        load_callback();
+        const answers = Object.entries(data.response);
+        for (let i = 0; i < answers.length; i++) {
+            this.jsPsych.pluginAPI.clickTarget(display_element.querySelector(`input[type="radio"][name="${answers[i][0]}"][value="${answers[i][1]}"]`), ((data.rt - 1000) / answers.length) * (i + 1));
+        }
+        this.jsPsych.pluginAPI.clickTarget(display_element.querySelector("#jspsych-survey-likert-next"), data.rt);
+    }
 }
 SurveyLikertPlugin.info = info;
 

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import { JsPsych, JsPsychPlugin, ParameterType, TrialType } from \"jspsych\";\n\nconst info = <const>{\n  name: \"survey-likert\",\n  parameters: {\n    /** Array containing one or more objects with parameters for the question(s) that should be shown on the page. */\n    questions: {\n      type: ParameterType.COMPLEX,\n      array: true,\n      pretty_name: \"Questions\",\n      nested: {\n        /** Question prompt. */\n        prompt: {\n          type: ParameterType.HTML_STRING,\n          pretty_name: \"Prompt\",\n          default: undefined,\n        },\n        /** Array of likert labels to display for this question. */\n        labels: {\n          type: ParameterType.STRING,\n          array: true,\n          pretty_name: \"Labels\",\n          default: undefined,\n        },\n        /** Whether or not a response to this question must be given in order to continue. */\n        required: {\n          type: ParameterType.BOOL,\n          pretty_name: \"Required\",\n          default: false,\n        },\n        /** Name of the question in the trial data. If no name is given, the questions are named Q0, Q1, etc. */\n        name: {\n          type: ParameterType.STRING,\n          pretty_name: \"Question Name\",\n          default: \"\",\n        },\n      },\n    },\n    /** If true, the order of the questions in the 'questions' array will be randomized. */\n    randomize_question_order: {\n      type: ParameterType.BOOL,\n      pretty_name: \"Randomize Question Order\",\n      default: false,\n    },\n    /** HTML-formatted string to display at top of the page above all of the questions. */\n    preamble: {\n      type: ParameterType.HTML_STRING,\n      pretty_name: \"Preamble\",\n      default: null,\n    },\n    /** Width of the likert scales in pixels. */\n    scale_width: {\n      type: ParameterType.INT,\n      pretty_name: \"Scale width\",\n      default: null,\n    },\n    /** Label of the button to submit responses. */\n    button_label: {\n      type: ParameterType.STRING,\n      pretty_name: \"Button label\",\n      default: \"Continue\",\n    },\n    /** Setting this to true will enable browser auto-complete or auto-fill for the form. */\n    autocomplete: {\n      type: ParameterType.BOOL,\n      pretty_name: \"Allow autocomplete\",\n      default: false,\n    },\n  },\n};\n\ntype Info = typeof info;\n\n/**\n * **survey-likert**\n *\n * jsPsych plugin for gathering responses to questions on a likert scale\n *\n * @author Josh de Leeuw\n * @see {@link https://www.jspsych.org/plugins/jspsych-survey-likert/ survey-likert plugin documentation on jspsych.org}\n */\nclass SurveyLikertPlugin implements JsPsychPlugin<Info> {\n  static info = info;\n\n  constructor(private jsPsych: JsPsych) {}\n\n  trial(display_element: HTMLElement, trial: TrialType<Info>) {\n    if (trial.scale_width !== null) {\n      var w = trial.scale_width + \"px\";\n    } else {\n      var w = \"100%\";\n    }\n\n    var html = \"\";\n    // inject CSS for trial\n    html += '<style id=\"jspsych-survey-likert-css\">';\n    html +=\n      \".jspsych-survey-likert-statement { display:block; font-size: 16px; padding-top: 40px; margin-bottom:10px; }\" +\n      \".jspsych-survey-likert-opts { list-style:none; width:\" +\n      w +\n      \"; margin:auto; padding:0 0 35px; display:block; font-size: 14px; line-height:1.1em; }\" +\n      \".jspsych-survey-likert-opt-label { line-height: 1.1em; color: #444; }\" +\n      \".jspsych-survey-likert-opts:before { content: ''; position:relative; top:11px; /*left:9.5%;*/ display:block; background-color:#efefef; height:4px; width:100%; }\" +\n      \".jspsych-survey-likert-opts:last-of-type { border-bottom: 0; }\" +\n      \".jspsych-survey-likert-opts li { display:inline-block; /*width:19%;*/ text-align:center; vertical-align: top; }\" +\n      \".jspsych-survey-likert-opts li input[type=radio] { display:block; position:relative; top:0; left:50%; margin-left:-6px; }\";\n    html += \"</style>\";\n\n    // show preamble text\n    if (trial.preamble !== null) {\n      html +=\n        '<div id=\"jspsych-survey-likert-preamble\" class=\"jspsych-survey-likert-preamble\">' +\n        trial.preamble +\n        \"</div>\";\n    }\n\n    if (trial.autocomplete) {\n      html += '<form id=\"jspsych-survey-likert-form\">';\n    } else {\n      html += '<form id=\"jspsych-survey-likert-form\" autocomplete=\"off\">';\n    }\n\n    // add likert scale questions ///\n    // generate question order. this is randomized here as opposed to randomizing the order of trial.questions\n    // so that the data are always associated with the same question regardless of order\n    var question_order = [];\n    for (var i = 0; i < trial.questions.length; i++) {\n      question_order.push(i);\n    }\n    if (trial.randomize_question_order) {\n      question_order = this.jsPsych.randomization.shuffle(question_order);\n    }\n\n    for (var i = 0; i < trial.questions.length; i++) {\n      var question = trial.questions[question_order[i]];\n      // add question\n      html += '<label class=\"jspsych-survey-likert-statement\">' + question.prompt + \"</label>\";\n      // add options\n      var width = 100 / question.labels.length;\n      var options_string =\n        '<ul class=\"jspsych-survey-likert-opts\" data-name=\"' +\n        question.name +\n        '\" data-radio-group=\"Q' +\n        question_order[i] +\n        '\">';\n      for (var j = 0; j < question.labels.length; j++) {\n        options_string +=\n          '<li style=\"width:' +\n          width +\n          '%\"><label class=\"jspsych-survey-likert-opt-label\"><input type=\"radio\" name=\"Q' +\n          question_order[i] +\n          '\" value=\"' +\n          j +\n          '\"';\n        if (question.required) {\n          options_string += \" required\";\n        }\n        options_string += \">\" + question.labels[j] + \"</label></li>\";\n      }\n      options_string += \"</ul>\";\n      html += options_string;\n    }\n\n    // add submit button\n    html +=\n      '<input type=\"submit\" id=\"jspsych-survey-likert-next\" class=\"jspsych-survey-likert jspsych-btn\" value=\"' +\n      trial.button_label +\n      '\"></input>';\n\n    html += \"</form>\";\n\n    display_element.innerHTML = html;\n\n    display_element.querySelector(\"#jspsych-survey-likert-form\").addEventListener(\"submit\", (e) => {\n      e.preventDefault();\n      // measure response time\n      var endTime = performance.now();\n      var response_time = Math.round(endTime - startTime);\n\n      // create object to hold responses\n      var question_data = {};\n      var matches = display_element.querySelectorAll<HTMLFormElement>(\n        \"#jspsych-survey-likert-form .jspsych-survey-likert-opts\"\n      );\n      for (var index = 0; index < matches.length; index++) {\n        var id = matches[index].dataset[\"radioGroup\"];\n        var el = display_element.querySelector<HTMLInputElement>(\n          'input[name=\"' + id + '\"]:checked'\n        );\n        if (el === null) {\n          var response: string | number = \"\";\n        } else {\n          var response: string | number = parseInt(el.value);\n        }\n        var obje = {};\n        if (matches[index].attributes[\"data-name\"].value !== \"\") {\n          var name = matches[index].attributes[\"data-name\"].value;\n        } else {\n          var name = id;\n        }\n        obje[name] = response;\n        Object.assign(question_data, obje);\n      }\n\n      // save data\n      var trial_data = {\n        rt: response_time,\n        response: question_data,\n        question_order: question_order,\n      };\n\n      display_element.innerHTML = \"\";\n\n      // next trial\n      this.jsPsych.finishTrial(trial_data);\n    });\n\n    var startTime = performance.now();\n  }\n}\n\nexport default SurveyLikertPlugin;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import { JsPsych, JsPsychPlugin, ParameterType, TrialType } from \"jspsych\";\n\nconst info = <const>{\n  name: \"survey-likert\",\n  parameters: {\n    /** Array containing one or more objects with parameters for the question(s) that should be shown on the page. */\n    questions: {\n      type: ParameterType.COMPLEX,\n      array: true,\n      pretty_name: \"Questions\",\n      nested: {\n        /** Question prompt. */\n        prompt: {\n          type: ParameterType.HTML_STRING,\n          pretty_name: \"Prompt\",\n          default: undefined,\n        },\n        /** Array of likert labels to display for this question. */\n        labels: {\n          type: ParameterType.STRING,\n          array: true,\n          pretty_name: \"Labels\",\n          default: undefined,\n        },\n        /** Whether or not a response to this question must be given in order to continue. */\n        required: {\n          type: ParameterType.BOOL,\n          pretty_name: \"Required\",\n          default: false,\n        },\n        /** Name of the question in the trial data. If no name is given, the questions are named Q0, Q1, etc. */\n        name: {\n          type: ParameterType.STRING,\n          pretty_name: \"Question Name\",\n          default: \"\",\n        },\n      },\n    },\n    /** If true, the order of the questions in the 'questions' array will be randomized. */\n    randomize_question_order: {\n      type: ParameterType.BOOL,\n      pretty_name: \"Randomize Question Order\",\n      default: false,\n    },\n    /** HTML-formatted string to display at top of the page above all of the questions. */\n    preamble: {\n      type: ParameterType.HTML_STRING,\n      pretty_name: \"Preamble\",\n      default: null,\n    },\n    /** Width of the likert scales in pixels. */\n    scale_width: {\n      type: ParameterType.INT,\n      pretty_name: \"Scale width\",\n      default: null,\n    },\n    /** Label of the button to submit responses. */\n    button_label: {\n      type: ParameterType.STRING,\n      pretty_name: \"Button label\",\n      default: \"Continue\",\n    },\n    /** Setting this to true will enable browser auto-complete or auto-fill for the form. */\n    autocomplete: {\n      type: ParameterType.BOOL,\n      pretty_name: \"Allow autocomplete\",\n      default: false,\n    },\n  },\n};\n\ntype Info = typeof info;\n\n/**\n * **survey-likert**\n *\n * jsPsych plugin for gathering responses to questions on a likert scale\n *\n * @author Josh de Leeuw\n * @see {@link https://www.jspsych.org/plugins/jspsych-survey-likert/ survey-likert plugin documentation on jspsych.org}\n */\nclass SurveyLikertPlugin implements JsPsychPlugin<Info> {\n  static info = info;\n\n  constructor(private jsPsych: JsPsych) {}\n\n  trial(display_element: HTMLElement, trial: TrialType<Info>) {\n    if (trial.scale_width !== null) {\n      var w = trial.scale_width + \"px\";\n    } else {\n      var w = \"100%\";\n    }\n\n    var html = \"\";\n    // inject CSS for trial\n    html += '<style id=\"jspsych-survey-likert-css\">';\n    html +=\n      \".jspsych-survey-likert-statement { display:block; font-size: 16px; padding-top: 40px; margin-bottom:10px; }\" +\n      \".jspsych-survey-likert-opts { list-style:none; width:\" +\n      w +\n      \"; margin:auto; padding:0 0 35px; display:block; font-size: 14px; line-height:1.1em; }\" +\n      \".jspsych-survey-likert-opt-label { line-height: 1.1em; color: #444; }\" +\n      \".jspsych-survey-likert-opts:before { content: ''; position:relative; top:11px; /*left:9.5%;*/ display:block; background-color:#efefef; height:4px; width:100%; }\" +\n      \".jspsych-survey-likert-opts:last-of-type { border-bottom: 0; }\" +\n      \".jspsych-survey-likert-opts li { display:inline-block; /*width:19%;*/ text-align:center; vertical-align: top; }\" +\n      \".jspsych-survey-likert-opts li input[type=radio] { display:block; position:relative; top:0; left:50%; margin-left:-6px; }\";\n    html += \"</style>\";\n\n    // show preamble text\n    if (trial.preamble !== null) {\n      html +=\n        '<div id=\"jspsych-survey-likert-preamble\" class=\"jspsych-survey-likert-preamble\">' +\n        trial.preamble +\n        \"</div>\";\n    }\n\n    if (trial.autocomplete) {\n      html += '<form id=\"jspsych-survey-likert-form\">';\n    } else {\n      html += '<form id=\"jspsych-survey-likert-form\" autocomplete=\"off\">';\n    }\n\n    // add likert scale questions ///\n    // generate question order. this is randomized here as opposed to randomizing the order of trial.questions\n    // so that the data are always associated with the same question regardless of order\n    var question_order = [];\n    for (var i = 0; i < trial.questions.length; i++) {\n      question_order.push(i);\n    }\n    if (trial.randomize_question_order) {\n      question_order = this.jsPsych.randomization.shuffle(question_order);\n    }\n\n    for (var i = 0; i < trial.questions.length; i++) {\n      var question = trial.questions[question_order[i]];\n      // add question\n      html += '<label class=\"jspsych-survey-likert-statement\">' + question.prompt + \"</label>\";\n      // add options\n      var width = 100 / question.labels.length;\n      var options_string =\n        '<ul class=\"jspsych-survey-likert-opts\" data-name=\"' +\n        question.name +\n        '\" data-radio-group=\"Q' +\n        question_order[i] +\n        '\">';\n      for (var j = 0; j < question.labels.length; j++) {\n        options_string +=\n          '<li style=\"width:' +\n          width +\n          '%\"><label class=\"jspsych-survey-likert-opt-label\"><input type=\"radio\" name=\"Q' +\n          question_order[i] +\n          '\" value=\"' +\n          j +\n          '\"';\n        if (question.required) {\n          options_string += \" required\";\n        }\n        options_string += \">\" + question.labels[j] + \"</label></li>\";\n      }\n      options_string += \"</ul>\";\n      html += options_string;\n    }\n\n    // add submit button\n    html +=\n      '<input type=\"submit\" id=\"jspsych-survey-likert-next\" class=\"jspsych-survey-likert jspsych-btn\" value=\"' +\n      trial.button_label +\n      '\"></input>';\n\n    html += \"</form>\";\n\n    display_element.innerHTML = html;\n\n    display_element.querySelector(\"#jspsych-survey-likert-form\").addEventListener(\"submit\", (e) => {\n      e.preventDefault();\n      // measure response time\n      var endTime = performance.now();\n      var response_time = Math.round(endTime - startTime);\n\n      // create object to hold responses\n      var question_data = {};\n      var matches = display_element.querySelectorAll<HTMLFormElement>(\n        \"#jspsych-survey-likert-form .jspsych-survey-likert-opts\"\n      );\n      for (var index = 0; index < matches.length; index++) {\n        var id = matches[index].dataset[\"radioGroup\"];\n        var el = display_element.querySelector<HTMLInputElement>(\n          'input[name=\"' + id + '\"]:checked'\n        );\n        if (el === null) {\n          var response: string | number = \"\";\n        } else {\n          var response: string | number = parseInt(el.value);\n        }\n        var obje = {};\n        if (matches[index].attributes[\"data-name\"].value !== \"\") {\n          var name = matches[index].attributes[\"data-name\"].value;\n        } else {\n          var name = id;\n        }\n        obje[name] = response;\n        Object.assign(question_data, obje);\n      }\n\n      // save data\n      var trial_data = {\n        rt: response_time,\n        response: question_data,\n        question_order: question_order,\n      };\n\n      display_element.innerHTML = \"\";\n\n      // next trial\n      this.jsPsych.finishTrial(trial_data);\n    });\n\n    var startTime = performance.now();\n  }\n\n  simulate(\n    trial: TrialType<Info>,\n    simulation_mode,\n    simulation_options: any,\n    load_callback: () => void\n  ) {\n    if (simulation_mode == \"data-only\") {\n      load_callback();\n      this.simulate_data_only(trial, simulation_options);\n    }\n    if (simulation_mode == \"visual\") {\n      this.simulate_visual(trial, simulation_options, load_callback);\n    }\n  }\n\n  private create_simulation_data(trial: TrialType<Info>, simulation_options) {\n    const question_data = {};\n    let rt = 1000;\n\n    for (const q of trial.questions) {\n      const name = q.name ? q.name : `Q${trial.questions.indexOf(q)}`;\n      question_data[name] = this.jsPsych.randomization.randomInt(0, q.labels.length - 1);\n      rt += this.jsPsych.randomization.sampleExGaussian(1500, 400, 1 / 200, true);\n    }\n\n    const default_data = {\n      response: question_data,\n      rt: rt,\n      question_order: trial.randomize_question_order\n        ? this.jsPsych.randomization.shuffle([...Array(trial.questions.length).keys()])\n        : [...Array(trial.questions.length).keys()],\n    };\n\n    const data = this.jsPsych.pluginAPI.mergeSimulationData(default_data, simulation_options);\n\n    this.jsPsych.pluginAPI.ensureSimulationDataConsistency(trial, data);\n\n    return data;\n  }\n\n  private simulate_data_only(trial: TrialType<Info>, simulation_options) {\n    const data = this.create_simulation_data(trial, simulation_options);\n\n    this.jsPsych.finishTrial(data);\n  }\n\n  private simulate_visual(trial: TrialType<Info>, simulation_options, load_callback: () => void) {\n    const data = this.create_simulation_data(trial, simulation_options);\n\n    const display_element = this.jsPsych.getDisplayElement();\n\n    this.trial(display_element, trial);\n    load_callback();\n\n    const answers = Object.entries(data.response);\n    for (let i = 0; i < answers.length; i++) {\n      this.jsPsych.pluginAPI.clickTarget(\n        display_element.querySelector(\n          `input[type=\"radio\"][name=\"${answers[i][0]}\"][value=\"${answers[i][1]}\"]`\n        ),\n        ((data.rt - 1000) / answers.length) * (i + 1)\n      );\n    }\n\n    this.jsPsych.pluginAPI.clickTarget(\n      display_element.querySelector(\"#jspsych-survey-likert-next\"),\n      data.rt\n    );\n  }\n}\n\nexport default SurveyLikertPlugin;\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jspsych/plugin-survey-likert",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "a jspsych plugin for measuring items on a likert scale",
   "type": "module",
   "main": "dist/index.cjs",
@@ -34,10 +34,10 @@
   },
   "homepage": "https://www.jspsych.org/latest/plugins/survey-likert",
   "peerDependencies": {
-    "jspsych": ">=7.0.0"
+    "jspsych": ">=7.1.0"
   },
   "devDependencies": {
-    "@jspsych/config": "^1.0.0",
-    "@jspsych/test-utils": "^1.0.0"
+    "@jspsych/config": "^1.1.0",
+    "@jspsych/test-utils": "^1.1.0"
   }
 }

package/src/index.spec.ts

@@ -1,7 +1,9 @@
-import { clickTarget, startTimeline } from "@jspsych/test-utils";
+import { clickTarget, simulateTimeline, startTimeline } from "@jspsych/test-utils";
 
 import surveyLikert from ".";
 
+jest.useFakeTimers();
+
 const selectInput = (name: string, value: string) =>
   document.querySelector(`input[name="${name}"][value="${value}"]`) as HTMLInputElement;
 
@@ -40,3 +42,62 @@ describe("survey-likert plugin", () => {
     expect(surveyData.Q4).toEqual(4);
   });
 });
+
+describe("survey-likert plugin simulation", () => {
+  test("data-only mode works", async () => {
+    const scale = ["a", "b", "c", "d", "e"];
+    const { getData, expectFinished } = await simulateTimeline([
+      {
+        type: surveyLikert,
+        questions: [
+          { prompt: "Q0", labels: scale },
+          { prompt: "Q1", labels: scale },
+          { prompt: "Q2", labels: scale },
+          { prompt: "Q3", labels: scale },
+          { prompt: "Q4", labels: scale },
+        ],
+        randomize_question_order: true,
+      },
+    ]);
+
+    await expectFinished();
+
+    const surveyData = getData().values()[0].response;
+    const all_valid = Object.entries(surveyData).every((x) => {
+      return x[1] <= 4 && x[1] >= 0;
+    });
+    expect(all_valid).toBe(true);
+  });
+
+  test("visual mode works", async () => {
+    const scale = ["a", "b", "c", "d", "e"];
+    const { getData, expectFinished, expectRunning } = await simulateTimeline(
+      [
+        {
+          type: surveyLikert,
+          questions: [
+            { prompt: "Q0", labels: scale },
+            { prompt: "Q1", labels: scale },
+            { prompt: "Q2", labels: scale },
+            { prompt: "Q3", labels: scale },
+            { prompt: "Q4", labels: scale },
+          ],
+          randomize_question_order: true,
+        },
+      ],
+      "visual"
+    );
+
+    await expectRunning();
+
+    jest.runAllTimers();
+
+    await expectFinished();
+
+    const surveyData = getData().values()[0].response;
+    const all_valid = Object.entries(surveyData).every((x) => {
+      return x[1] <= 4 && x[1] >= 0;
+    });
+    expect(all_valid).toBe(true);
+  });
+});

package/src/index.ts

@@ -217,6 +217,76 @@ class SurveyLikertPlugin implements JsPsychPlugin<Info> {
 
     var startTime = performance.now();
   }
+
+  simulate(
+    trial: TrialType<Info>,
+    simulation_mode,
+    simulation_options: any,
+    load_callback: () => void
+  ) {
+    if (simulation_mode == "data-only") {
+      load_callback();
+      this.simulate_data_only(trial, simulation_options);
+    }
+    if (simulation_mode == "visual") {
+      this.simulate_visual(trial, simulation_options, load_callback);
+    }
+  }
+
+  private create_simulation_data(trial: TrialType<Info>, simulation_options) {
+    const question_data = {};
+    let rt = 1000;
+
+    for (const q of trial.questions) {
+      const name = q.name ? q.name : `Q${trial.questions.indexOf(q)}`;
+      question_data[name] = this.jsPsych.randomization.randomInt(0, q.labels.length - 1);
+      rt += this.jsPsych.randomization.sampleExGaussian(1500, 400, 1 / 200, true);
+    }
+
+    const default_data = {
+      response: question_data,
+      rt: rt,
+      question_order: trial.randomize_question_order
+        ? this.jsPsych.randomization.shuffle([...Array(trial.questions.length).keys()])
+        : [...Array(trial.questions.length).keys()],
+    };
+
+    const data = this.jsPsych.pluginAPI.mergeSimulationData(default_data, simulation_options);
+
+    this.jsPsych.pluginAPI.ensureSimulationDataConsistency(trial, data);
+
+    return data;
+  }
+
+  private simulate_data_only(trial: TrialType<Info>, simulation_options) {
+    const data = this.create_simulation_data(trial, simulation_options);
+
+    this.jsPsych.finishTrial(data);
+  }
+
+  private simulate_visual(trial: TrialType<Info>, simulation_options, load_callback: () => void) {
+    const data = this.create_simulation_data(trial, simulation_options);
+
+    const display_element = this.jsPsych.getDisplayElement();
+
+    this.trial(display_element, trial);
+    load_callback();
+
+    const answers = Object.entries(data.response);
+    for (let i = 0; i < answers.length; i++) {
+      this.jsPsych.pluginAPI.clickTarget(
+        display_element.querySelector(
+          `input[type="radio"][name="${answers[i][0]}"][value="${answers[i][1]}"]`
+        ),
+        ((data.rt - 1000) / answers.length) * (i + 1)
+      );
+    }
+
+    this.jsPsych.pluginAPI.clickTarget(
+      display_element.querySelector("#jspsych-survey-likert-next"),
+      data.rt
+    );
+  }
 }
 
 export default SurveyLikertPlugin;