@jspsych/plugin-survey-multi-choice 1.0.0 → 1.1.0

package/dist/index.browser.js

@@ -215,6 +215,49 @@ var jsPsychSurveyMultiChoice = (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.sampleWithoutReplacement(q.options, 1)[0];
+              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(`#jspsych-survey-multi-choice-response-${i}-${trial.questions[i].options.indexOf(answers[i][1])}`), ((data.rt - 1000) / answers.length) * (i + 1));
+          }
+          this.jsPsych.pluginAPI.clickTarget(display_element.querySelector("#jspsych-survey-multi-choice-next"), data.rt);
+      }
   }
   SurveyMultiChoicePlugin.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-multi-choice\",\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 multiple choice options for this question. */\n        options: {\n          type: ParameterType.STRING,\n          pretty_name: \"Options\",\n          array: true,\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        /** If true, then the question will be centered and options will be displayed horizontally. */\n        horizontal: {\n          type: ParameterType.BOOL,\n          pretty_name: \"Horizontal\",\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    /** 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-multi-choice**\n *\n * jsPsych plugin for presenting multiple choice survey questions\n *\n * @author Shane Martin\n * @see {@link https://www.jspsych.org/plugins/jspsych-survey-multi-choice/ survey-multi-choice plugin documentation on jspsych.org}\n */\nclass SurveyMultiChoicePlugin implements JsPsychPlugin<Info> {\n  static info = info;\n\n  constructor(private jsPsych: JsPsych) {}\n\n  trial(display_element: HTMLElement, trial: TrialType<Info>) {\n    var plugin_id_name = \"jspsych-survey-multi-choice\";\n\n    var html = \"\";\n\n    // inject CSS for trial\n    html += '<style id=\"jspsych-survey-multi-choice-css\">';\n    html +=\n      \".jspsych-survey-multi-choice-question { margin-top: 2em; margin-bottom: 2em; text-align: left; }\" +\n      \".jspsych-survey-multi-choice-text span.required {color: darkred;}\" +\n      \".jspsych-survey-multi-choice-horizontal .jspsych-survey-multi-choice-text {  text-align: center;}\" +\n      \".jspsych-survey-multi-choice-option { line-height: 2; }\" +\n      \".jspsych-survey-multi-choice-horizontal .jspsych-survey-multi-choice-option {  display: inline-block;  margin-left: 1em;  margin-right: 1em;  vertical-align: top;}\" +\n      \"label.jspsych-survey-multi-choice-text input[type='radio'] {margin-right: 1em;}\";\n    html += \"</style>\";\n\n    // show preamble text\n    if (trial.preamble !== null) {\n      html +=\n        '<div id=\"jspsych-survey-multi-choice-preamble\" class=\"jspsych-survey-multi-choice-preamble\">' +\n        trial.preamble +\n        \"</div>\";\n    }\n\n    // form element\n    if (trial.autocomplete) {\n      html += '<form id=\"jspsych-survey-multi-choice-form\">';\n    } else {\n      html += '<form id=\"jspsych-survey-multi-choice-form\" autocomplete=\"off\">';\n    }\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    // add multiple-choice questions\n    for (var i = 0; i < trial.questions.length; i++) {\n      // get question based on question_order\n      var question = trial.questions[question_order[i]];\n      var question_id = question_order[i];\n\n      // create question container\n      var question_classes = [\"jspsych-survey-multi-choice-question\"];\n      if (question.horizontal) {\n        question_classes.push(\"jspsych-survey-multi-choice-horizontal\");\n      }\n\n      html +=\n        '<div id=\"jspsych-survey-multi-choice-' +\n        question_id +\n        '\" class=\"' +\n        question_classes.join(\" \") +\n        '\"  data-name=\"' +\n        question.name +\n        '\">';\n\n      // add question text\n      html += '<p class=\"jspsych-survey-multi-choice-text survey-multi-choice\">' + question.prompt;\n      if (question.required) {\n        html += \"<span class='required'>*</span>\";\n      }\n      html += \"</p>\";\n\n      // create option radio buttons\n      for (var j = 0; j < question.options.length; j++) {\n        // add label and question text\n        var option_id_name = \"jspsych-survey-multi-choice-option-\" + question_id + \"-\" + j;\n        var input_name = \"jspsych-survey-multi-choice-response-\" + question_id;\n        var input_id = \"jspsych-survey-multi-choice-response-\" + question_id + \"-\" + j;\n\n        var required_attr = question.required ? \"required\" : \"\";\n\n        // add radio button container\n        html += '<div id=\"' + option_id_name + '\" class=\"jspsych-survey-multi-choice-option\">';\n        html += '<label class=\"jspsych-survey-multi-choice-text\" for=\"' + input_id + '\">';\n        html +=\n          '<input type=\"radio\" name=\"' +\n          input_name +\n          '\" id=\"' +\n          input_id +\n          '\" value=\"' +\n          question.options[j] +\n          '\" ' +\n          required_attr +\n          \"></input>\";\n        html += question.options[j] + \"</label>\";\n        html += \"</div>\";\n      }\n\n      html += \"</div>\";\n    }\n\n    // add submit button\n    html +=\n      '<input type=\"submit\" id=\"' +\n      plugin_id_name +\n      '-next\" class=\"' +\n      plugin_id_name +\n      ' jspsych-btn\"' +\n      (trial.button_label ? ' value=\"' + trial.button_label + '\"' : \"\") +\n      \"></input>\";\n    html += \"</form>\";\n\n    // render\n    display_element.innerHTML = html;\n\n    document.querySelector(\"form\").addEventListener(\"submit\", (event) => {\n      event.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      for (var i = 0; i < trial.questions.length; i++) {\n        var match = display_element.querySelector(\"#jspsych-survey-multi-choice-\" + i);\n        var id = \"Q\" + i;\n        var val: String;\n        if (match.querySelector(\"input[type=radio]:checked\") !== null) {\n          val = match.querySelector<HTMLInputElement>(\"input[type=radio]:checked\").value;\n        } else {\n          val = \"\";\n        }\n        var obje = {};\n        var name = id;\n        if (match.attributes[\"data-name\"].value !== \"\") {\n          name = match.attributes[\"data-name\"].value;\n        }\n        obje[name] = val;\n        Object.assign(question_data, obje);\n      }\n      // save data\n      var trial_data = {\n        rt: response_time,\n        response: question_data,\n        question_order: question_order,\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 SurveyMultiChoicePlugin;\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-multi-choice\",\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 multiple choice options for this question. */\n        options: {\n          type: ParameterType.STRING,\n          pretty_name: \"Options\",\n          array: true,\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        /** If true, then the question will be centered and options will be displayed horizontally. */\n        horizontal: {\n          type: ParameterType.BOOL,\n          pretty_name: \"Horizontal\",\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    /** 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-multi-choice**\n *\n * jsPsych plugin for presenting multiple choice survey questions\n *\n * @author Shane Martin\n * @see {@link https://www.jspsych.org/plugins/jspsych-survey-multi-choice/ survey-multi-choice plugin documentation on jspsych.org}\n */\nclass SurveyMultiChoicePlugin implements JsPsychPlugin<Info> {\n  static info = info;\n\n  constructor(private jsPsych: JsPsych) {}\n\n  trial(display_element: HTMLElement, trial: TrialType<Info>) {\n    var plugin_id_name = \"jspsych-survey-multi-choice\";\n\n    var html = \"\";\n\n    // inject CSS for trial\n    html += '<style id=\"jspsych-survey-multi-choice-css\">';\n    html +=\n      \".jspsych-survey-multi-choice-question { margin-top: 2em; margin-bottom: 2em; text-align: left; }\" +\n      \".jspsych-survey-multi-choice-text span.required {color: darkred;}\" +\n      \".jspsych-survey-multi-choice-horizontal .jspsych-survey-multi-choice-text {  text-align: center;}\" +\n      \".jspsych-survey-multi-choice-option { line-height: 2; }\" +\n      \".jspsych-survey-multi-choice-horizontal .jspsych-survey-multi-choice-option {  display: inline-block;  margin-left: 1em;  margin-right: 1em;  vertical-align: top;}\" +\n      \"label.jspsych-survey-multi-choice-text input[type='radio'] {margin-right: 1em;}\";\n    html += \"</style>\";\n\n    // show preamble text\n    if (trial.preamble !== null) {\n      html +=\n        '<div id=\"jspsych-survey-multi-choice-preamble\" class=\"jspsych-survey-multi-choice-preamble\">' +\n        trial.preamble +\n        \"</div>\";\n    }\n\n    // form element\n    if (trial.autocomplete) {\n      html += '<form id=\"jspsych-survey-multi-choice-form\">';\n    } else {\n      html += '<form id=\"jspsych-survey-multi-choice-form\" autocomplete=\"off\">';\n    }\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    // add multiple-choice questions\n    for (var i = 0; i < trial.questions.length; i++) {\n      // get question based on question_order\n      var question = trial.questions[question_order[i]];\n      var question_id = question_order[i];\n\n      // create question container\n      var question_classes = [\"jspsych-survey-multi-choice-question\"];\n      if (question.horizontal) {\n        question_classes.push(\"jspsych-survey-multi-choice-horizontal\");\n      }\n\n      html +=\n        '<div id=\"jspsych-survey-multi-choice-' +\n        question_id +\n        '\" class=\"' +\n        question_classes.join(\" \") +\n        '\"  data-name=\"' +\n        question.name +\n        '\">';\n\n      // add question text\n      html += '<p class=\"jspsych-survey-multi-choice-text survey-multi-choice\">' + question.prompt;\n      if (question.required) {\n        html += \"<span class='required'>*</span>\";\n      }\n      html += \"</p>\";\n\n      // create option radio buttons\n      for (var j = 0; j < question.options.length; j++) {\n        // add label and question text\n        var option_id_name = \"jspsych-survey-multi-choice-option-\" + question_id + \"-\" + j;\n        var input_name = \"jspsych-survey-multi-choice-response-\" + question_id;\n        var input_id = \"jspsych-survey-multi-choice-response-\" + question_id + \"-\" + j;\n\n        var required_attr = question.required ? \"required\" : \"\";\n\n        // add radio button container\n        html += '<div id=\"' + option_id_name + '\" class=\"jspsych-survey-multi-choice-option\">';\n        html += '<label class=\"jspsych-survey-multi-choice-text\" for=\"' + input_id + '\">';\n        html +=\n          '<input type=\"radio\" name=\"' +\n          input_name +\n          '\" id=\"' +\n          input_id +\n          '\" value=\"' +\n          question.options[j] +\n          '\" ' +\n          required_attr +\n          \"></input>\";\n        html += question.options[j] + \"</label>\";\n        html += \"</div>\";\n      }\n\n      html += \"</div>\";\n    }\n\n    // add submit button\n    html +=\n      '<input type=\"submit\" id=\"' +\n      plugin_id_name +\n      '-next\" class=\"' +\n      plugin_id_name +\n      ' jspsych-btn\"' +\n      (trial.button_label ? ' value=\"' + trial.button_label + '\"' : \"\") +\n      \"></input>\";\n    html += \"</form>\";\n\n    // render\n    display_element.innerHTML = html;\n\n    document.querySelector(\"form\").addEventListener(\"submit\", (event) => {\n      event.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      for (var i = 0; i < trial.questions.length; i++) {\n        var match = display_element.querySelector(\"#jspsych-survey-multi-choice-\" + i);\n        var id = \"Q\" + i;\n        var val: String;\n        if (match.querySelector(\"input[type=radio]:checked\") !== null) {\n          val = match.querySelector<HTMLInputElement>(\"input[type=radio]:checked\").value;\n        } else {\n          val = \"\";\n        }\n        var obje = {};\n        var name = id;\n        if (match.attributes[\"data-name\"].value !== \"\") {\n          name = match.attributes[\"data-name\"].value;\n        }\n        obje[name] = val;\n        Object.assign(question_data, obje);\n      }\n      // save data\n      var trial_data = {\n        rt: response_time,\n        response: question_data,\n        question_order: question_order,\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.sampleWithoutReplacement(q.options, 1)[0];\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          `#jspsych-survey-multi-choice-response-${i}-${trial.questions[i].options.indexOf(\n            answers[i][1]\n          )}`\n        ),\n        ((data.rt - 1000) / answers.length) * (i + 1)\n      );\n    }\n\n    this.jsPsych.pluginAPI.clickTarget(\n      display_element.querySelector(\"#jspsych-survey-multi-choice-next\"),\n      data.rt\n    );\n  }\n}\n\nexport default SurveyMultiChoicePlugin;\n"],"names":["ParameterType"],"mappings":";;;EAEA,MAAM,IAAI,GAAU;MAClB,IAAI,EAAE,qBAAqB;MAC3B,UAAU,EAAE;;UAEV,SAAS,EAAE;cACT,IAAI,EAAEA,qBAAa,CAAC,OAAO;cAC3B,KAAK,EAAE,IAAI;cACX,WAAW,EAAE,WAAW;cACxB,MAAM,EAAE;;kBAEN,MAAM,EAAE;sBACN,IAAI,EAAEA,qBAAa,CAAC,WAAW;sBAC/B,WAAW,EAAE,QAAQ;sBACrB,OAAO,EAAE,SAAS;mBACnB;;kBAED,OAAO,EAAE;sBACP,IAAI,EAAEA,qBAAa,CAAC,MAAM;sBAC1B,WAAW,EAAE,SAAS;sBACtB,KAAK,EAAE,IAAI;sBACX,OAAO,EAAE,SAAS;mBACnB;;kBAED,QAAQ,EAAE;sBACR,IAAI,EAAEA,qBAAa,CAAC,IAAI;sBACxB,WAAW,EAAE,UAAU;sBACvB,OAAO,EAAE,KAAK;mBACf;;kBAED,UAAU,EAAE;sBACV,IAAI,EAAEA,qBAAa,CAAC,IAAI;sBACxB,WAAW,EAAE,YAAY;sBACzB,OAAO,EAAE,KAAK;mBACf;;kBAED,IAAI,EAAE;sBACJ,IAAI,EAAEA,qBAAa,CAAC,MAAM;sBAC1B,WAAW,EAAE,eAAe;sBAC5B,OAAO,EAAE,EAAE;mBACZ;eACF;WACF;;UAED,wBAAwB,EAAE;cACxB,IAAI,EAAEA,qBAAa,CAAC,IAAI;cACxB,WAAW,EAAE,0BAA0B;cACvC,OAAO,EAAE,KAAK;WACf;;UAED,QAAQ,EAAE;cACR,IAAI,EAAEA,qBAAa,CAAC,WAAW;cAC/B,WAAW,EAAE,UAAU;cACvB,OAAO,EAAE,IAAI;WACd;;UAED,YAAY,EAAE;cACZ,IAAI,EAAEA,qBAAa,CAAC,MAAM;cAC1B,WAAW,EAAE,cAAc;cAC3B,OAAO,EAAE,UAAU;WACpB;;UAED,YAAY,EAAE;cACZ,IAAI,EAAEA,qBAAa,CAAC,IAAI;cACxB,WAAW,EAAE,oBAAoB;cACjC,OAAO,EAAE,KAAK;WACf;OACF;GACF,CAAC;EAIF;;;;;;;;EAQA,MAAM,uBAAuB;MAG3B,YAAoB,OAAgB;UAAhB,YAAO,GAAP,OAAO,CAAS;OAAI;MAExC,KAAK,CAAC,eAA4B,EAAE,KAAsB;UACxD,IAAI,cAAc,GAAG,6BAA6B,CAAC;UAEnD,IAAI,IAAI,GAAG,EAAE,CAAC;;UAGd,IAAI,IAAI,8CAA8C,CAAC;UACvD,IAAI;cACF,kGAAkG;kBAClG,mEAAmE;kBACnE,mGAAmG;kBACnG,yDAAyD;kBACzD,qKAAqK;kBACrK,iFAAiF,CAAC;UACpF,IAAI,IAAI,UAAU,CAAC;;UAGnB,IAAI,KAAK,CAAC,QAAQ,KAAK,IAAI,EAAE;cAC3B,IAAI;kBACF,8FAA8F;sBAC9F,KAAK,CAAC,QAAQ;sBACd,QAAQ,CAAC;WACZ;;UAGD,IAAI,KAAK,CAAC,YAAY,EAAE;cACtB,IAAI,IAAI,8CAA8C,CAAC;WACxD;eAAM;cACL,IAAI,IAAI,iEAAiE,CAAC;WAC3E;;;UAGD,IAAI,cAAc,GAAG,EAAE,CAAC;UACxB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;cAC/C,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;WACxB;UACD,IAAI,KAAK,CAAC,wBAAwB,EAAE;cAClC,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;WACrE;;UAGD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;;cAE/C,IAAI,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;cAClD,IAAI,WAAW,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;;cAGpC,IAAI,gBAAgB,GAAG,CAAC,sCAAsC,CAAC,CAAC;cAChE,IAAI,QAAQ,CAAC,UAAU,EAAE;kBACvB,gBAAgB,CAAC,IAAI,CAAC,wCAAwC,CAAC,CAAC;eACjE;cAED,IAAI;kBACF,uCAAuC;sBACvC,WAAW;sBACX,WAAW;sBACX,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC;sBAC1B,gBAAgB;sBAChB,QAAQ,CAAC,IAAI;sBACb,IAAI,CAAC;;cAGP,IAAI,IAAI,kEAAkE,GAAG,QAAQ,CAAC,MAAM,CAAC;cAC7F,IAAI,QAAQ,CAAC,QAAQ,EAAE;kBACrB,IAAI,IAAI,iCAAiC,CAAC;eAC3C;cACD,IAAI,IAAI,MAAM,CAAC;;cAGf,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;;kBAEhD,IAAI,cAAc,GAAG,qCAAqC,GAAG,WAAW,GAAG,GAAG,GAAG,CAAC,CAAC;kBACnF,IAAI,UAAU,GAAG,uCAAuC,GAAG,WAAW,CAAC;kBACvE,IAAI,QAAQ,GAAG,uCAAuC,GAAG,WAAW,GAAG,GAAG,GAAG,CAAC,CAAC;kBAE/E,IAAI,aAAa,GAAG,QAAQ,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,CAAC;;kBAGxD,IAAI,IAAI,WAAW,GAAG,cAAc,GAAG,+CAA+C,CAAC;kBACvF,IAAI,IAAI,uDAAuD,GAAG,QAAQ,GAAG,IAAI,CAAC;kBAClF,IAAI;sBACF,4BAA4B;0BAC5B,UAAU;0BACV,QAAQ;0BACR,QAAQ;0BACR,WAAW;0BACX,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC;0BACnB,IAAI;0BACJ,aAAa;0BACb,WAAW,CAAC;kBACd,IAAI,IAAI,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC;kBACzC,IAAI,IAAI,QAAQ,CAAC;eAClB;cAED,IAAI,IAAI,QAAQ,CAAC;WAClB;;UAGD,IAAI;cACF,2BAA2B;kBAC3B,cAAc;kBACd,gBAAgB;kBAChB,cAAc;kBACd,eAAe;mBACd,KAAK,CAAC,YAAY,GAAG,UAAU,GAAG,KAAK,CAAC,YAAY,GAAG,GAAG,GAAG,EAAE,CAAC;kBACjE,WAAW,CAAC;UACd,IAAI,IAAI,SAAS,CAAC;;UAGlB,eAAe,CAAC,SAAS,GAAG,IAAI,CAAC;UAEjC,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,KAAK;cAC9D,KAAK,CAAC,cAAc,EAAE,CAAC;;cAEvB,IAAI,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;cAChC,IAAI,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;;cAGpD,IAAI,aAAa,GAAG,EAAE,CAAC;cACvB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;kBAC/C,IAAI,KAAK,GAAG,eAAe,CAAC,aAAa,CAAC,+BAA+B,GAAG,CAAC,CAAC,CAAC;kBAC/E,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC,CAAC;kBACjB,IAAI,GAAW,CAAC;kBAChB,IAAI,KAAK,CAAC,aAAa,CAAC,2BAA2B,CAAC,KAAK,IAAI,EAAE;sBAC7D,GAAG,GAAG,KAAK,CAAC,aAAa,CAAmB,2BAA2B,CAAC,CAAC,KAAK,CAAC;mBAChF;uBAAM;sBACL,GAAG,GAAG,EAAE,CAAC;mBACV;kBACD,IAAI,IAAI,GAAG,EAAE,CAAC;kBACd,IAAI,IAAI,GAAG,EAAE,CAAC;kBACd,IAAI,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,KAAK,KAAK,EAAE,EAAE;sBAC9C,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC;mBAC5C;kBACD,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC;kBACjB,MAAM,CAAC,MAAM,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;eACpC;;cAED,IAAI,UAAU,GAAG;kBACf,EAAE,EAAE,aAAa;kBACjB,QAAQ,EAAE,aAAa;kBACvB,cAAc,EAAE,cAAc;eAC/B,CAAC;cACF,eAAe,CAAC,SAAS,GAAG,EAAE,CAAC;;cAG/B,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;WACtC,CAAC,CAAC;UAEH,IAAI,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;OACnC;MAED,QAAQ,CACN,KAAsB,EACtB,eAAe,EACf,kBAAuB,EACvB,aAAyB;UAEzB,IAAI,eAAe,IAAI,WAAW,EAAE;cAClC,aAAa,EAAE,CAAC;cAChB,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAC;WACpD;UACD,IAAI,eAAe,IAAI,QAAQ,EAAE;cAC/B,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,kBAAkB,EAAE,aAAa,CAAC,CAAC;WAChE;OACF;MAEO,sBAAsB,CAAC,KAAsB,EAAE,kBAAkB;UACvE,MAAM,aAAa,GAAG,EAAE,CAAC;UACzB,IAAI,EAAE,GAAG,IAAI,CAAC;UAEd,KAAK,MAAM,CAAC,IAAI,KAAK,CAAC,SAAS,EAAE;cAC/B,MAAM,IAAI,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,GAAG,IAAI,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;cAChE,aAAa,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;cAC3F,EAAE,IAAI,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,gBAAgB,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,IAAI,CAAC,CAAC;WAC7E;UAED,MAAM,YAAY,GAAG;cACnB,QAAQ,EAAE,aAAa;cACvB,EAAE,EAAE,EAAE;cACN,cAAc,EAAE,KAAK,CAAC,wBAAwB;oBAC1C,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;oBAC7E,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC;WAC9C,CAAC;UAEF,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB,CAAC,YAAY,EAAE,kBAAkB,CAAC,CAAC;UAE1F,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,+BAA+B,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;UAEpE,OAAO,IAAI,CAAC;OACb;MAEO,kBAAkB,CAAC,KAAsB,EAAE,kBAAkB;UACnE,MAAM,IAAI,GAAG,IAAI,CAAC,sBAAsB,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAC;UAEpE,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;OAChC;MAEO,eAAe,CAAC,KAAsB,EAAE,kBAAkB,EAAE,aAAyB;UAC3F,MAAM,IAAI,GAAG,IAAI,CAAC,sBAAsB,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAC;UAEpE,MAAM,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,iBAAiB,EAAE,CAAC;UAEzD,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;UACnC,aAAa,EAAE,CAAC;UAEhB,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;UAC9C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;cACvC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,WAAW,CAChC,eAAe,CAAC,aAAa,CAC3B,yCAAyC,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAC9E,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CACd,EAAE,CACJ,EACD,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,IAAI,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC,CAC9C,CAAC;WACH;UAED,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,WAAW,CAChC,eAAe,CAAC,aAAa,CAAC,mCAAmC,CAAC,EAClE,IAAI,CAAC,EAAE,CACR,CAAC;OACH;;EAjOM,4BAAI,GAAG,IAAI;;;;;;;;"}

package/dist/index.browser.min.js

@@ -1,2 +1,2 @@
-var jsPsychSurveyMultiChoice=function(e){"use strict";const t={name:"survey-multi-choice",parameters:{questions:{type:e.ParameterType.COMPLEX,array:!0,pretty_name:"Questions",nested:{prompt:{type:e.ParameterType.HTML_STRING,pretty_name:"Prompt",default:void 0},options:{type:e.ParameterType.STRING,pretty_name:"Options",array:!0,default:void 0},required:{type:e.ParameterType.BOOL,pretty_name:"Required",default:!1},horizontal:{type:e.ParameterType.BOOL,pretty_name:"Horizontal",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},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){var r="jspsych-survey-multi-choice",s="";s+='<style id="jspsych-survey-multi-choice-css">',s+=".jspsych-survey-multi-choice-question { margin-top: 2em; margin-bottom: 2em; text-align: left; }.jspsych-survey-multi-choice-text span.required {color: darkred;}.jspsych-survey-multi-choice-horizontal .jspsych-survey-multi-choice-text {  text-align: center;}.jspsych-survey-multi-choice-option { line-height: 2; }.jspsych-survey-multi-choice-horizontal .jspsych-survey-multi-choice-option {  display: inline-block;  margin-left: 1em;  margin-right: 1em;  vertical-align: top;}label.jspsych-survey-multi-choice-text input[type='radio'] {margin-right: 1em;}",s+="</style>",null!==t.preamble&&(s+='<div id="jspsych-survey-multi-choice-preamble" class="jspsych-survey-multi-choice-preamble">'+t.preamble+"</div>"),t.autocomplete?s+='<form id="jspsych-survey-multi-choice-form">':s+='<form id="jspsych-survey-multi-choice-form" autocomplete="off">';for(var i=[],a=0;a<t.questions.length;a++)i.push(a);t.randomize_question_order&&(i=this.jsPsych.randomization.shuffle(i));for(a=0;a<t.questions.length;a++){var o=t.questions[i[a]],u=i[a],c=["jspsych-survey-multi-choice-question"];o.horizontal&&c.push("jspsych-survey-multi-choice-horizontal"),s+='<div id="jspsych-survey-multi-choice-'+u+'" class="'+c.join(" ")+'"  data-name="'+o.name+'">',s+='<p class="jspsych-survey-multi-choice-text survey-multi-choice">'+o.prompt,o.required&&(s+="<span class='required'>*</span>"),s+="</p>";for(var l=0;l<o.options.length;l++){var n="jspsych-survey-multi-choice-option-"+u+"-"+l,p="jspsych-survey-multi-choice-response-"+u,y="jspsych-survey-multi-choice-response-"+u+"-"+l,m=o.required?"required":"";s+='<div id="'+n+'" class="jspsych-survey-multi-choice-option">',s+='<label class="jspsych-survey-multi-choice-text" for="'+y+'">',s+='<input type="radio" name="'+p+'" id="'+y+'" value="'+o.options[l]+'" '+m+"></input>",s+=o.options[l]+"</label>",s+="</div>"}s+="</div>"}s+='<input type="submit" id="'+r+'-next" class="'+r+' jspsych-btn"'+(t.button_label?' value="'+t.button_label+'"':"")+"></input>",s+="</form>",e.innerHTML=s,document.querySelector("form").addEventListener("submit",(r=>{r.preventDefault();for(var s=performance.now(),a=Math.round(s-h),o={},u=0;u<t.questions.length;u++){var c,l=e.querySelector("#jspsych-survey-multi-choice-"+u),n="Q"+u;c=null!==l.querySelector("input[type=radio]:checked")?l.querySelector("input[type=radio]:checked").value:"";var p={},y=n;""!==l.attributes["data-name"].value&&(y=l.attributes["data-name"].value),p[y]=c,Object.assign(o,p)}var m={rt:a,response:o,question_order:i};e.innerHTML="",this.jsPsych.finishTrial(m)}));var h=performance.now()}}return r.info=t,r}(jsPsychModule);
+var jsPsychSurveyMultiChoice=function(e){"use strict";const t={name:"survey-multi-choice",parameters:{questions:{type:e.ParameterType.COMPLEX,array:!0,pretty_name:"Questions",nested:{prompt:{type:e.ParameterType.HTML_STRING,pretty_name:"Prompt",default:void 0},options:{type:e.ParameterType.STRING,pretty_name:"Options",array:!0,default:void 0},required:{type:e.ParameterType.BOOL,pretty_name:"Required",default:!1},horizontal:{type:e.ParameterType.BOOL,pretty_name:"Horizontal",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},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){var s="jspsych-survey-multi-choice",i="";i+='<style id="jspsych-survey-multi-choice-css">',i+=".jspsych-survey-multi-choice-question { margin-top: 2em; margin-bottom: 2em; text-align: left; }.jspsych-survey-multi-choice-text span.required {color: darkred;}.jspsych-survey-multi-choice-horizontal .jspsych-survey-multi-choice-text {  text-align: center;}.jspsych-survey-multi-choice-option { line-height: 2; }.jspsych-survey-multi-choice-horizontal .jspsych-survey-multi-choice-option {  display: inline-block;  margin-left: 1em;  margin-right: 1em;  vertical-align: top;}label.jspsych-survey-multi-choice-text input[type='radio'] {margin-right: 1em;}",i+="</style>",null!==t.preamble&&(i+='<div id="jspsych-survey-multi-choice-preamble" class="jspsych-survey-multi-choice-preamble">'+t.preamble+"</div>"),t.autocomplete?i+='<form id="jspsych-survey-multi-choice-form">':i+='<form id="jspsych-survey-multi-choice-form" autocomplete="off">';for(var r=[],a=0;a<t.questions.length;a++)r.push(a);t.randomize_question_order&&(r=this.jsPsych.randomization.shuffle(r));for(a=0;a<t.questions.length;a++){var o=t.questions[r[a]],n=r[a],u=["jspsych-survey-multi-choice-question"];o.horizontal&&u.push("jspsych-survey-multi-choice-horizontal"),i+='<div id="jspsych-survey-multi-choice-'+n+'" class="'+u.join(" ")+'"  data-name="'+o.name+'">',i+='<p class="jspsych-survey-multi-choice-text survey-multi-choice">'+o.prompt,o.required&&(i+="<span class='required'>*</span>"),i+="</p>";for(var l=0;l<o.options.length;l++){var c="jspsych-survey-multi-choice-option-"+n+"-"+l,y="jspsych-survey-multi-choice-response-"+n,p="jspsych-survey-multi-choice-response-"+n+"-"+l,m=o.required?"required":"";i+='<div id="'+c+'" class="jspsych-survey-multi-choice-option">',i+='<label class="jspsych-survey-multi-choice-text" for="'+p+'">',i+='<input type="radio" name="'+y+'" id="'+p+'" value="'+o.options[l]+'" '+m+"></input>",i+=o.options[l]+"</label>",i+="</div>"}i+="</div>"}i+='<input type="submit" id="'+s+'-next" class="'+s+' jspsych-btn"'+(t.button_label?' value="'+t.button_label+'"':"")+"></input>",i+="</form>",e.innerHTML=i,document.querySelector("form").addEventListener("submit",(s=>{s.preventDefault();for(var i=performance.now(),a=Math.round(i-h),o={},n=0;n<t.questions.length;n++){var u,l=e.querySelector("#jspsych-survey-multi-choice-"+n),c="Q"+n;u=null!==l.querySelector("input[type=radio]:checked")?l.querySelector("input[type=radio]:checked").value:"";var y={},p=c;""!==l.attributes["data-name"].value&&(p=l.attributes["data-name"].value),y[p]=u,Object.assign(o,y)}var m={rt:a,response:o,question_order:r};e.innerHTML="",this.jsPsych.finishTrial(m)}));var h=performance.now()}simulate(e,t,s,i){"data-only"==t&&(i(),this.simulate_data_only(e,s)),"visual"==t&&this.simulate_visual(e,s,i)}create_simulation_data(e,t){const s={};let i=1e3;for(const t of e.questions){s[t.name?t.name:`Q${e.questions.indexOf(t)}`]=this.jsPsych.randomization.sampleWithoutReplacement(t.options,1)[0],i+=this.jsPsych.randomization.sampleExGaussian(1500,400,.005,!0)}const r={response:s,rt:i,question_order:e.randomize_question_order?this.jsPsych.randomization.shuffle([...Array(e.questions.length).keys()]):[...Array(e.questions.length).keys()]},a=this.jsPsych.pluginAPI.mergeSimulationData(r,t);return this.jsPsych.pluginAPI.ensureSimulationDataConsistency(e,a),a}simulate_data_only(e,t){const s=this.create_simulation_data(e,t);this.jsPsych.finishTrial(s)}simulate_visual(e,t,s){const i=this.create_simulation_data(e,t),r=this.jsPsych.getDisplayElement();this.trial(r,e),s();const a=Object.entries(i.response);for(let t=0;t<a.length;t++)this.jsPsych.pluginAPI.clickTarget(r.querySelector(`#jspsych-survey-multi-choice-response-${t}-${e.questions[t].options.indexOf(a[t][1])}`),(i.rt-1e3)/a.length*(t+1));this.jsPsych.pluginAPI.clickTarget(r.querySelector("#jspsych-survey-multi-choice-next"),i.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-multi-choice\",\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 multiple choice options for this question. */\n        options: {\n          type: ParameterType.STRING,\n          pretty_name: \"Options\",\n          array: true,\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        /** If true, then the question will be centered and options will be displayed horizontally. */\n        horizontal: {\n          type: ParameterType.BOOL,\n          pretty_name: \"Horizontal\",\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    /** 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-multi-choice**\n *\n * jsPsych plugin for presenting multiple choice survey questions\n *\n * @author Shane Martin\n * @see {@link https://www.jspsych.org/plugins/jspsych-survey-multi-choice/ survey-multi-choice plugin documentation on jspsych.org}\n */\nclass SurveyMultiChoicePlugin implements JsPsychPlugin<Info> {\n  static info = info;\n\n  constructor(private jsPsych: JsPsych) {}\n\n  trial(display_element: HTMLElement, trial: TrialType<Info>) {\n    var plugin_id_name = \"jspsych-survey-multi-choice\";\n\n    var html = \"\";\n\n    // inject CSS for trial\n    html += '<style id=\"jspsych-survey-multi-choice-css\">';\n    html +=\n      \".jspsych-survey-multi-choice-question { margin-top: 2em; margin-bottom: 2em; text-align: left; }\" +\n      \".jspsych-survey-multi-choice-text span.required {color: darkred;}\" +\n      \".jspsych-survey-multi-choice-horizontal .jspsych-survey-multi-choice-text {  text-align: center;}\" +\n      \".jspsych-survey-multi-choice-option { line-height: 2; }\" +\n      \".jspsych-survey-multi-choice-horizontal .jspsych-survey-multi-choice-option {  display: inline-block;  margin-left: 1em;  margin-right: 1em;  vertical-align: top;}\" +\n      \"label.jspsych-survey-multi-choice-text input[type='radio'] {margin-right: 1em;}\";\n    html += \"</style>\";\n\n    // show preamble text\n    if (trial.preamble !== null) {\n      html +=\n        '<div id=\"jspsych-survey-multi-choice-preamble\" class=\"jspsych-survey-multi-choice-preamble\">' +\n        trial.preamble +\n        \"</div>\";\n    }\n\n    // form element\n    if (trial.autocomplete) {\n      html += '<form id=\"jspsych-survey-multi-choice-form\">';\n    } else {\n      html += '<form id=\"jspsych-survey-multi-choice-form\" autocomplete=\"off\">';\n    }\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    // add multiple-choice questions\n    for (var i = 0; i < trial.questions.length; i++) {\n      // get question based on question_order\n      var question = trial.questions[question_order[i]];\n      var question_id = question_order[i];\n\n      // create question container\n      var question_classes = [\"jspsych-survey-multi-choice-question\"];\n      if (question.horizontal) {\n        question_classes.push(\"jspsych-survey-multi-choice-horizontal\");\n      }\n\n      html +=\n        '<div id=\"jspsych-survey-multi-choice-' +\n        question_id +\n        '\" class=\"' +\n        question_classes.join(\" \") +\n        '\"  data-name=\"' +\n        question.name +\n        '\">';\n\n      // add question text\n      html += '<p class=\"jspsych-survey-multi-choice-text survey-multi-choice\">' + question.prompt;\n      if (question.required) {\n        html += \"<span class='required'>*</span>\";\n      }\n      html += \"</p>\";\n\n      // create option radio buttons\n      for (var j = 0; j < question.options.length; j++) {\n        // add label and question text\n        var option_id_name = \"jspsych-survey-multi-choice-option-\" + question_id + \"-\" + j;\n        var input_name = \"jspsych-survey-multi-choice-response-\" + question_id;\n        var input_id = \"jspsych-survey-multi-choice-response-\" + question_id + \"-\" + j;\n\n        var required_attr = question.required ? \"required\" : \"\";\n\n        // add radio button container\n        html += '<div id=\"' + option_id_name + '\" class=\"jspsych-survey-multi-choice-option\">';\n        html += '<label class=\"jspsych-survey-multi-choice-text\" for=\"' + input_id + '\">';\n        html +=\n          '<input type=\"radio\" name=\"' +\n          input_name +\n          '\" id=\"' +\n          input_id +\n          '\" value=\"' +\n          question.options[j] +\n          '\" ' +\n          required_attr +\n          \"></input>\";\n        html += question.options[j] + \"</label>\";\n        html += \"</div>\";\n      }\n\n      html += \"</div>\";\n    }\n\n    // add submit button\n    html +=\n      '<input type=\"submit\" id=\"' +\n      plugin_id_name +\n      '-next\" class=\"' +\n      plugin_id_name +\n      ' jspsych-btn\"' +\n      (trial.button_label ? ' value=\"' + trial.button_label + '\"' : \"\") +\n      \"></input>\";\n    html += \"</form>\";\n\n    // render\n    display_element.innerHTML = html;\n\n    document.querySelector(\"form\").addEventListener(\"submit\", (event) => {\n      event.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      for (var i = 0; i < trial.questions.length; i++) {\n        var match = display_element.querySelector(\"#jspsych-survey-multi-choice-\" + i);\n        var id = \"Q\" + i;\n        var val: String;\n        if (match.querySelector(\"input[type=radio]:checked\") !== null) {\n          val = match.querySelector<HTMLInputElement>(\"input[type=radio]:checked\").value;\n        } else {\n          val = \"\";\n        }\n        var obje = {};\n        var name = id;\n        if (match.attributes[\"data-name\"].value !== \"\") {\n          name = match.attributes[\"data-name\"].value;\n        }\n        obje[name] = val;\n        Object.assign(question_data, obje);\n      }\n      // save data\n      var trial_data = {\n        rt: response_time,\n        response: question_data,\n        question_order: question_order,\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 SurveyMultiChoicePlugin;\n"],"names":["info","name","parameters","questions","type","ParameterType","COMPLEX","array","pretty_name","nested","prompt","HTML_STRING","default","undefined","options","STRING","required","BOOL","horizontal","randomize_question_order","preamble","button_label","autocomplete","SurveyMultiChoicePlugin","constructor","jsPsych","this","trial","display_element","plugin_id_name","html","question_order","i","length","push","randomization","shuffle","question","question_id","question_classes","join","j","option_id_name","input_name","input_id","required_attr","innerHTML","document","querySelector","addEventListener","event","preventDefault","endTime","performance","now","response_time","Math","round","startTime","question_data","val","match","id","value","obje","attributes","Object","assign","trial_data","rt","response","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-multi-choice\",\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 multiple choice options for this question. */\n        options: {\n          type: ParameterType.STRING,\n          pretty_name: \"Options\",\n          array: true,\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        /** If true, then the question will be centered and options will be displayed horizontally. */\n        horizontal: {\n          type: ParameterType.BOOL,\n          pretty_name: \"Horizontal\",\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    /** 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-multi-choice**\n *\n * jsPsych plugin for presenting multiple choice survey questions\n *\n * @author Shane Martin\n * @see {@link https://www.jspsych.org/plugins/jspsych-survey-multi-choice/ survey-multi-choice plugin documentation on jspsych.org}\n */\nclass SurveyMultiChoicePlugin implements JsPsychPlugin<Info> {\n  static info = info;\n\n  constructor(private jsPsych: JsPsych) {}\n\n  trial(display_element: HTMLElement, trial: TrialType<Info>) {\n    var plugin_id_name = \"jspsych-survey-multi-choice\";\n\n    var html = \"\";\n\n    // inject CSS for trial\n    html += '<style id=\"jspsych-survey-multi-choice-css\">';\n    html +=\n      \".jspsych-survey-multi-choice-question { margin-top: 2em; margin-bottom: 2em; text-align: left; }\" +\n      \".jspsych-survey-multi-choice-text span.required {color: darkred;}\" +\n      \".jspsych-survey-multi-choice-horizontal .jspsych-survey-multi-choice-text {  text-align: center;}\" +\n      \".jspsych-survey-multi-choice-option { line-height: 2; }\" +\n      \".jspsych-survey-multi-choice-horizontal .jspsych-survey-multi-choice-option {  display: inline-block;  margin-left: 1em;  margin-right: 1em;  vertical-align: top;}\" +\n      \"label.jspsych-survey-multi-choice-text input[type='radio'] {margin-right: 1em;}\";\n    html += \"</style>\";\n\n    // show preamble text\n    if (trial.preamble !== null) {\n      html +=\n        '<div id=\"jspsych-survey-multi-choice-preamble\" class=\"jspsych-survey-multi-choice-preamble\">' +\n        trial.preamble +\n        \"</div>\";\n    }\n\n    // form element\n    if (trial.autocomplete) {\n      html += '<form id=\"jspsych-survey-multi-choice-form\">';\n    } else {\n      html += '<form id=\"jspsych-survey-multi-choice-form\" autocomplete=\"off\">';\n    }\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    // add multiple-choice questions\n    for (var i = 0; i < trial.questions.length; i++) {\n      // get question based on question_order\n      var question = trial.questions[question_order[i]];\n      var question_id = question_order[i];\n\n      // create question container\n      var question_classes = [\"jspsych-survey-multi-choice-question\"];\n      if (question.horizontal) {\n        question_classes.push(\"jspsych-survey-multi-choice-horizontal\");\n      }\n\n      html +=\n        '<div id=\"jspsych-survey-multi-choice-' +\n        question_id +\n        '\" class=\"' +\n        question_classes.join(\" \") +\n        '\"  data-name=\"' +\n        question.name +\n        '\">';\n\n      // add question text\n      html += '<p class=\"jspsych-survey-multi-choice-text survey-multi-choice\">' + question.prompt;\n      if (question.required) {\n        html += \"<span class='required'>*</span>\";\n      }\n      html += \"</p>\";\n\n      // create option radio buttons\n      for (var j = 0; j < question.options.length; j++) {\n        // add label and question text\n        var option_id_name = \"jspsych-survey-multi-choice-option-\" + question_id + \"-\" + j;\n        var input_name = \"jspsych-survey-multi-choice-response-\" + question_id;\n        var input_id = \"jspsych-survey-multi-choice-response-\" + question_id + \"-\" + j;\n\n        var required_attr = question.required ? \"required\" : \"\";\n\n        // add radio button container\n        html += '<div id=\"' + option_id_name + '\" class=\"jspsych-survey-multi-choice-option\">';\n        html += '<label class=\"jspsych-survey-multi-choice-text\" for=\"' + input_id + '\">';\n        html +=\n          '<input type=\"radio\" name=\"' +\n          input_name +\n          '\" id=\"' +\n          input_id +\n          '\" value=\"' +\n          question.options[j] +\n          '\" ' +\n          required_attr +\n          \"></input>\";\n        html += question.options[j] + \"</label>\";\n        html += \"</div>\";\n      }\n\n      html += \"</div>\";\n    }\n\n    // add submit button\n    html +=\n      '<input type=\"submit\" id=\"' +\n      plugin_id_name +\n      '-next\" class=\"' +\n      plugin_id_name +\n      ' jspsych-btn\"' +\n      (trial.button_label ? ' value=\"' + trial.button_label + '\"' : \"\") +\n      \"></input>\";\n    html += \"</form>\";\n\n    // render\n    display_element.innerHTML = html;\n\n    document.querySelector(\"form\").addEventListener(\"submit\", (event) => {\n      event.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      for (var i = 0; i < trial.questions.length; i++) {\n        var match = display_element.querySelector(\"#jspsych-survey-multi-choice-\" + i);\n        var id = \"Q\" + i;\n        var val: String;\n        if (match.querySelector(\"input[type=radio]:checked\") !== null) {\n          val = match.querySelector<HTMLInputElement>(\"input[type=radio]:checked\").value;\n        } else {\n          val = \"\";\n        }\n        var obje = {};\n        var name = id;\n        if (match.attributes[\"data-name\"].value !== \"\") {\n          name = match.attributes[\"data-name\"].value;\n        }\n        obje[name] = val;\n        Object.assign(question_data, obje);\n      }\n      // save data\n      var trial_data = {\n        rt: response_time,\n        response: question_data,\n        question_order: question_order,\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.sampleWithoutReplacement(q.options, 1)[0];\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          `#jspsych-survey-multi-choice-response-${i}-${trial.questions[i].options.indexOf(\n            answers[i][1]\n          )}`\n        ),\n        ((data.rt - 1000) / answers.length) * (i + 1)\n      );\n    }\n\n    this.jsPsych.pluginAPI.clickTarget(\n      display_element.querySelector(\"#jspsych-survey-multi-choice-next\"),\n      data.rt\n    );\n  }\n}\n\nexport default SurveyMultiChoicePlugin;\n"],"names":["info","name","parameters","questions","type","ParameterType","COMPLEX","array","pretty_name","nested","prompt","HTML_STRING","default","undefined","options","STRING","required","BOOL","horizontal","randomize_question_order","preamble","button_label","autocomplete","SurveyMultiChoicePlugin","constructor","jsPsych","this","trial","display_element","plugin_id_name","html","question_order","i","length","push","randomization","shuffle","question","question_id","question_classes","join","j","option_id_name","input_name","input_id","required_attr","innerHTML","document","querySelector","addEventListener","event","preventDefault","endTime","performance","now","response_time","Math","round","startTime","question_data","val","match","id","value","obje","attributes","Object","assign","trial_data","rt","response","finishTrial","simulate","simulation_mode","simulation_options","load_callback","simulate_data_only","simulate_visual","create_simulation_data","q","indexOf","sampleWithoutReplacement","sampleExGaussian","default_data","Array","keys","data","pluginAPI","mergeSimulationData","ensureSimulationDataConsistency","getDisplayElement","answers","entries","clickTarget"],"mappings":"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"}

package/dist/index.cjs

@@ -216,6 +216,49 @@ class SurveyMultiChoicePlugin {
         });
         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.sampleWithoutReplacement(q.options, 1)[0];
+            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(`#jspsych-survey-multi-choice-response-${i}-${trial.questions[i].options.indexOf(answers[i][1])}`), ((data.rt - 1000) / answers.length) * (i + 1));
+        }
+        this.jsPsych.pluginAPI.clickTarget(display_element.querySelector("#jspsych-survey-multi-choice-next"), data.rt);
+    }
 }
 SurveyMultiChoicePlugin.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-multi-choice\",\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 multiple choice options for this question. */\n        options: {\n          type: ParameterType.STRING,\n          pretty_name: \"Options\",\n          array: true,\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        /** If true, then the question will be centered and options will be displayed horizontally. */\n        horizontal: {\n          type: ParameterType.BOOL,\n          pretty_name: \"Horizontal\",\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    /** 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-multi-choice**\n *\n * jsPsych plugin for presenting multiple choice survey questions\n *\n * @author Shane Martin\n * @see {@link https://www.jspsych.org/plugins/jspsych-survey-multi-choice/ survey-multi-choice plugin documentation on jspsych.org}\n */\nclass SurveyMultiChoicePlugin implements JsPsychPlugin<Info> {\n  static info = info;\n\n  constructor(private jsPsych: JsPsych) {}\n\n  trial(display_element: HTMLElement, trial: TrialType<Info>) {\n    var plugin_id_name = \"jspsych-survey-multi-choice\";\n\n    var html = \"\";\n\n    // inject CSS for trial\n    html += '<style id=\"jspsych-survey-multi-choice-css\">';\n    html +=\n      \".jspsych-survey-multi-choice-question { margin-top: 2em; margin-bottom: 2em; text-align: left; }\" +\n      \".jspsych-survey-multi-choice-text span.required {color: darkred;}\" +\n      \".jspsych-survey-multi-choice-horizontal .jspsych-survey-multi-choice-text {  text-align: center;}\" +\n      \".jspsych-survey-multi-choice-option { line-height: 2; }\" +\n      \".jspsych-survey-multi-choice-horizontal .jspsych-survey-multi-choice-option {  display: inline-block;  margin-left: 1em;  margin-right: 1em;  vertical-align: top;}\" +\n      \"label.jspsych-survey-multi-choice-text input[type='radio'] {margin-right: 1em;}\";\n    html += \"</style>\";\n\n    // show preamble text\n    if (trial.preamble !== null) {\n      html +=\n        '<div id=\"jspsych-survey-multi-choice-preamble\" class=\"jspsych-survey-multi-choice-preamble\">' +\n        trial.preamble +\n        \"</div>\";\n    }\n\n    // form element\n    if (trial.autocomplete) {\n      html += '<form id=\"jspsych-survey-multi-choice-form\">';\n    } else {\n      html += '<form id=\"jspsych-survey-multi-choice-form\" autocomplete=\"off\">';\n    }\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    // add multiple-choice questions\n    for (var i = 0; i < trial.questions.length; i++) {\n      // get question based on question_order\n      var question = trial.questions[question_order[i]];\n      var question_id = question_order[i];\n\n      // create question container\n      var question_classes = [\"jspsych-survey-multi-choice-question\"];\n      if (question.horizontal) {\n        question_classes.push(\"jspsych-survey-multi-choice-horizontal\");\n      }\n\n      html +=\n        '<div id=\"jspsych-survey-multi-choice-' +\n        question_id +\n        '\" class=\"' +\n        question_classes.join(\" \") +\n        '\"  data-name=\"' +\n        question.name +\n        '\">';\n\n      // add question text\n      html += '<p class=\"jspsych-survey-multi-choice-text survey-multi-choice\">' + question.prompt;\n      if (question.required) {\n        html += \"<span class='required'>*</span>\";\n      }\n      html += \"</p>\";\n\n      // create option radio buttons\n      for (var j = 0; j < question.options.length; j++) {\n        // add label and question text\n        var option_id_name = \"jspsych-survey-multi-choice-option-\" + question_id + \"-\" + j;\n        var input_name = \"jspsych-survey-multi-choice-response-\" + question_id;\n        var input_id = \"jspsych-survey-multi-choice-response-\" + question_id + \"-\" + j;\n\n        var required_attr = question.required ? \"required\" : \"\";\n\n        // add radio button container\n        html += '<div id=\"' + option_id_name + '\" class=\"jspsych-survey-multi-choice-option\">';\n        html += '<label class=\"jspsych-survey-multi-choice-text\" for=\"' + input_id + '\">';\n        html +=\n          '<input type=\"radio\" name=\"' +\n          input_name +\n          '\" id=\"' +\n          input_id +\n          '\" value=\"' +\n          question.options[j] +\n          '\" ' +\n          required_attr +\n          \"></input>\";\n        html += question.options[j] + \"</label>\";\n        html += \"</div>\";\n      }\n\n      html += \"</div>\";\n    }\n\n    // add submit button\n    html +=\n      '<input type=\"submit\" id=\"' +\n      plugin_id_name +\n      '-next\" class=\"' +\n      plugin_id_name +\n      ' jspsych-btn\"' +\n      (trial.button_label ? ' value=\"' + trial.button_label + '\"' : \"\") +\n      \"></input>\";\n    html += \"</form>\";\n\n    // render\n    display_element.innerHTML = html;\n\n    document.querySelector(\"form\").addEventListener(\"submit\", (event) => {\n      event.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      for (var i = 0; i < trial.questions.length; i++) {\n        var match = display_element.querySelector(\"#jspsych-survey-multi-choice-\" + i);\n        var id = \"Q\" + i;\n        var val: String;\n        if (match.querySelector(\"input[type=radio]:checked\") !== null) {\n          val = match.querySelector<HTMLInputElement>(\"input[type=radio]:checked\").value;\n        } else {\n          val = \"\";\n        }\n        var obje = {};\n        var name = id;\n        if (match.attributes[\"data-name\"].value !== \"\") {\n          name = match.attributes[\"data-name\"].value;\n        }\n        obje[name] = val;\n        Object.assign(question_data, obje);\n      }\n      // save data\n      var trial_data = {\n        rt: response_time,\n        response: question_data,\n        question_order: question_order,\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 SurveyMultiChoicePlugin;\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-multi-choice\",\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 multiple choice options for this question. */\n        options: {\n          type: ParameterType.STRING,\n          pretty_name: \"Options\",\n          array: true,\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        /** If true, then the question will be centered and options will be displayed horizontally. */\n        horizontal: {\n          type: ParameterType.BOOL,\n          pretty_name: \"Horizontal\",\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    /** 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-multi-choice**\n *\n * jsPsych plugin for presenting multiple choice survey questions\n *\n * @author Shane Martin\n * @see {@link https://www.jspsych.org/plugins/jspsych-survey-multi-choice/ survey-multi-choice plugin documentation on jspsych.org}\n */\nclass SurveyMultiChoicePlugin implements JsPsychPlugin<Info> {\n  static info = info;\n\n  constructor(private jsPsych: JsPsych) {}\n\n  trial(display_element: HTMLElement, trial: TrialType<Info>) {\n    var plugin_id_name = \"jspsych-survey-multi-choice\";\n\n    var html = \"\";\n\n    // inject CSS for trial\n    html += '<style id=\"jspsych-survey-multi-choice-css\">';\n    html +=\n      \".jspsych-survey-multi-choice-question { margin-top: 2em; margin-bottom: 2em; text-align: left; }\" +\n      \".jspsych-survey-multi-choice-text span.required {color: darkred;}\" +\n      \".jspsych-survey-multi-choice-horizontal .jspsych-survey-multi-choice-text {  text-align: center;}\" +\n      \".jspsych-survey-multi-choice-option { line-height: 2; }\" +\n      \".jspsych-survey-multi-choice-horizontal .jspsych-survey-multi-choice-option {  display: inline-block;  margin-left: 1em;  margin-right: 1em;  vertical-align: top;}\" +\n      \"label.jspsych-survey-multi-choice-text input[type='radio'] {margin-right: 1em;}\";\n    html += \"</style>\";\n\n    // show preamble text\n    if (trial.preamble !== null) {\n      html +=\n        '<div id=\"jspsych-survey-multi-choice-preamble\" class=\"jspsych-survey-multi-choice-preamble\">' +\n        trial.preamble +\n        \"</div>\";\n    }\n\n    // form element\n    if (trial.autocomplete) {\n      html += '<form id=\"jspsych-survey-multi-choice-form\">';\n    } else {\n      html += '<form id=\"jspsych-survey-multi-choice-form\" autocomplete=\"off\">';\n    }\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    // add multiple-choice questions\n    for (var i = 0; i < trial.questions.length; i++) {\n      // get question based on question_order\n      var question = trial.questions[question_order[i]];\n      var question_id = question_order[i];\n\n      // create question container\n      var question_classes = [\"jspsych-survey-multi-choice-question\"];\n      if (question.horizontal) {\n        question_classes.push(\"jspsych-survey-multi-choice-horizontal\");\n      }\n\n      html +=\n        '<div id=\"jspsych-survey-multi-choice-' +\n        question_id +\n        '\" class=\"' +\n        question_classes.join(\" \") +\n        '\"  data-name=\"' +\n        question.name +\n        '\">';\n\n      // add question text\n      html += '<p class=\"jspsych-survey-multi-choice-text survey-multi-choice\">' + question.prompt;\n      if (question.required) {\n        html += \"<span class='required'>*</span>\";\n      }\n      html += \"</p>\";\n\n      // create option radio buttons\n      for (var j = 0; j < question.options.length; j++) {\n        // add label and question text\n        var option_id_name = \"jspsych-survey-multi-choice-option-\" + question_id + \"-\" + j;\n        var input_name = \"jspsych-survey-multi-choice-response-\" + question_id;\n        var input_id = \"jspsych-survey-multi-choice-response-\" + question_id + \"-\" + j;\n\n        var required_attr = question.required ? \"required\" : \"\";\n\n        // add radio button container\n        html += '<div id=\"' + option_id_name + '\" class=\"jspsych-survey-multi-choice-option\">';\n        html += '<label class=\"jspsych-survey-multi-choice-text\" for=\"' + input_id + '\">';\n        html +=\n          '<input type=\"radio\" name=\"' +\n          input_name +\n          '\" id=\"' +\n          input_id +\n          '\" value=\"' +\n          question.options[j] +\n          '\" ' +\n          required_attr +\n          \"></input>\";\n        html += question.options[j] + \"</label>\";\n        html += \"</div>\";\n      }\n\n      html += \"</div>\";\n    }\n\n    // add submit button\n    html +=\n      '<input type=\"submit\" id=\"' +\n      plugin_id_name +\n      '-next\" class=\"' +\n      plugin_id_name +\n      ' jspsych-btn\"' +\n      (trial.button_label ? ' value=\"' + trial.button_label + '\"' : \"\") +\n      \"></input>\";\n    html += \"</form>\";\n\n    // render\n    display_element.innerHTML = html;\n\n    document.querySelector(\"form\").addEventListener(\"submit\", (event) => {\n      event.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      for (var i = 0; i < trial.questions.length; i++) {\n        var match = display_element.querySelector(\"#jspsych-survey-multi-choice-\" + i);\n        var id = \"Q\" + i;\n        var val: String;\n        if (match.querySelector(\"input[type=radio]:checked\") !== null) {\n          val = match.querySelector<HTMLInputElement>(\"input[type=radio]:checked\").value;\n        } else {\n          val = \"\";\n        }\n        var obje = {};\n        var name = id;\n        if (match.attributes[\"data-name\"].value !== \"\") {\n          name = match.attributes[\"data-name\"].value;\n        }\n        obje[name] = val;\n        Object.assign(question_data, obje);\n      }\n      // save data\n      var trial_data = {\n        rt: response_time,\n        response: question_data,\n        question_order: question_order,\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.sampleWithoutReplacement(q.options, 1)[0];\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          `#jspsych-survey-multi-choice-response-${i}-${trial.questions[i].options.indexOf(\n            answers[i][1]\n          )}`\n        ),\n        ((data.rt - 1000) / answers.length) * (i + 1)\n      );\n    }\n\n    this.jsPsych.pluginAPI.clickTarget(\n      display_element.querySelector(\"#jspsych-survey-multi-choice-next\"),\n      data.rt\n    );\n  }\n}\n\nexport default SurveyMultiChoicePlugin;\n"],"names":["ParameterType"],"mappings":"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"}

package/dist/index.d.ts

@@ -148,5 +148,9 @@ declare class SurveyMultiChoicePlugin 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 SurveyMultiChoicePlugin;

package/dist/index.js

@@ -214,6 +214,49 @@ class SurveyMultiChoicePlugin {
         });
         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.sampleWithoutReplacement(q.options, 1)[0];
+            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(`#jspsych-survey-multi-choice-response-${i}-${trial.questions[i].options.indexOf(answers[i][1])}`), ((data.rt - 1000) / answers.length) * (i + 1));
+        }
+        this.jsPsych.pluginAPI.clickTarget(display_element.querySelector("#jspsych-survey-multi-choice-next"), data.rt);
+    }
 }
 SurveyMultiChoicePlugin.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-multi-choice\",\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 multiple choice options for this question. */\n        options: {\n          type: ParameterType.STRING,\n          pretty_name: \"Options\",\n          array: true,\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        /** If true, then the question will be centered and options will be displayed horizontally. */\n        horizontal: {\n          type: ParameterType.BOOL,\n          pretty_name: \"Horizontal\",\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    /** 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-multi-choice**\n *\n * jsPsych plugin for presenting multiple choice survey questions\n *\n * @author Shane Martin\n * @see {@link https://www.jspsych.org/plugins/jspsych-survey-multi-choice/ survey-multi-choice plugin documentation on jspsych.org}\n */\nclass SurveyMultiChoicePlugin implements JsPsychPlugin<Info> {\n  static info = info;\n\n  constructor(private jsPsych: JsPsych) {}\n\n  trial(display_element: HTMLElement, trial: TrialType<Info>) {\n    var plugin_id_name = \"jspsych-survey-multi-choice\";\n\n    var html = \"\";\n\n    // inject CSS for trial\n    html += '<style id=\"jspsych-survey-multi-choice-css\">';\n    html +=\n      \".jspsych-survey-multi-choice-question { margin-top: 2em; margin-bottom: 2em; text-align: left; }\" +\n      \".jspsych-survey-multi-choice-text span.required {color: darkred;}\" +\n      \".jspsych-survey-multi-choice-horizontal .jspsych-survey-multi-choice-text {  text-align: center;}\" +\n      \".jspsych-survey-multi-choice-option { line-height: 2; }\" +\n      \".jspsych-survey-multi-choice-horizontal .jspsych-survey-multi-choice-option {  display: inline-block;  margin-left: 1em;  margin-right: 1em;  vertical-align: top;}\" +\n      \"label.jspsych-survey-multi-choice-text input[type='radio'] {margin-right: 1em;}\";\n    html += \"</style>\";\n\n    // show preamble text\n    if (trial.preamble !== null) {\n      html +=\n        '<div id=\"jspsych-survey-multi-choice-preamble\" class=\"jspsych-survey-multi-choice-preamble\">' +\n        trial.preamble +\n        \"</div>\";\n    }\n\n    // form element\n    if (trial.autocomplete) {\n      html += '<form id=\"jspsych-survey-multi-choice-form\">';\n    } else {\n      html += '<form id=\"jspsych-survey-multi-choice-form\" autocomplete=\"off\">';\n    }\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    // add multiple-choice questions\n    for (var i = 0; i < trial.questions.length; i++) {\n      // get question based on question_order\n      var question = trial.questions[question_order[i]];\n      var question_id = question_order[i];\n\n      // create question container\n      var question_classes = [\"jspsych-survey-multi-choice-question\"];\n      if (question.horizontal) {\n        question_classes.push(\"jspsych-survey-multi-choice-horizontal\");\n      }\n\n      html +=\n        '<div id=\"jspsych-survey-multi-choice-' +\n        question_id +\n        '\" class=\"' +\n        question_classes.join(\" \") +\n        '\"  data-name=\"' +\n        question.name +\n        '\">';\n\n      // add question text\n      html += '<p class=\"jspsych-survey-multi-choice-text survey-multi-choice\">' + question.prompt;\n      if (question.required) {\n        html += \"<span class='required'>*</span>\";\n      }\n      html += \"</p>\";\n\n      // create option radio buttons\n      for (var j = 0; j < question.options.length; j++) {\n        // add label and question text\n        var option_id_name = \"jspsych-survey-multi-choice-option-\" + question_id + \"-\" + j;\n        var input_name = \"jspsych-survey-multi-choice-response-\" + question_id;\n        var input_id = \"jspsych-survey-multi-choice-response-\" + question_id + \"-\" + j;\n\n        var required_attr = question.required ? \"required\" : \"\";\n\n        // add radio button container\n        html += '<div id=\"' + option_id_name + '\" class=\"jspsych-survey-multi-choice-option\">';\n        html += '<label class=\"jspsych-survey-multi-choice-text\" for=\"' + input_id + '\">';\n        html +=\n          '<input type=\"radio\" name=\"' +\n          input_name +\n          '\" id=\"' +\n          input_id +\n          '\" value=\"' +\n          question.options[j] +\n          '\" ' +\n          required_attr +\n          \"></input>\";\n        html += question.options[j] + \"</label>\";\n        html += \"</div>\";\n      }\n\n      html += \"</div>\";\n    }\n\n    // add submit button\n    html +=\n      '<input type=\"submit\" id=\"' +\n      plugin_id_name +\n      '-next\" class=\"' +\n      plugin_id_name +\n      ' jspsych-btn\"' +\n      (trial.button_label ? ' value=\"' + trial.button_label + '\"' : \"\") +\n      \"></input>\";\n    html += \"</form>\";\n\n    // render\n    display_element.innerHTML = html;\n\n    document.querySelector(\"form\").addEventListener(\"submit\", (event) => {\n      event.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      for (var i = 0; i < trial.questions.length; i++) {\n        var match = display_element.querySelector(\"#jspsych-survey-multi-choice-\" + i);\n        var id = \"Q\" + i;\n        var val: String;\n        if (match.querySelector(\"input[type=radio]:checked\") !== null) {\n          val = match.querySelector<HTMLInputElement>(\"input[type=radio]:checked\").value;\n        } else {\n          val = \"\";\n        }\n        var obje = {};\n        var name = id;\n        if (match.attributes[\"data-name\"].value !== \"\") {\n          name = match.attributes[\"data-name\"].value;\n        }\n        obje[name] = val;\n        Object.assign(question_data, obje);\n      }\n      // save data\n      var trial_data = {\n        rt: response_time,\n        response: question_data,\n        question_order: question_order,\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 SurveyMultiChoicePlugin;\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-multi-choice\",\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 multiple choice options for this question. */\n        options: {\n          type: ParameterType.STRING,\n          pretty_name: \"Options\",\n          array: true,\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        /** If true, then the question will be centered and options will be displayed horizontally. */\n        horizontal: {\n          type: ParameterType.BOOL,\n          pretty_name: \"Horizontal\",\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    /** 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-multi-choice**\n *\n * jsPsych plugin for presenting multiple choice survey questions\n *\n * @author Shane Martin\n * @see {@link https://www.jspsych.org/plugins/jspsych-survey-multi-choice/ survey-multi-choice plugin documentation on jspsych.org}\n */\nclass SurveyMultiChoicePlugin implements JsPsychPlugin<Info> {\n  static info = info;\n\n  constructor(private jsPsych: JsPsych) {}\n\n  trial(display_element: HTMLElement, trial: TrialType<Info>) {\n    var plugin_id_name = \"jspsych-survey-multi-choice\";\n\n    var html = \"\";\n\n    // inject CSS for trial\n    html += '<style id=\"jspsych-survey-multi-choice-css\">';\n    html +=\n      \".jspsych-survey-multi-choice-question { margin-top: 2em; margin-bottom: 2em; text-align: left; }\" +\n      \".jspsych-survey-multi-choice-text span.required {color: darkred;}\" +\n      \".jspsych-survey-multi-choice-horizontal .jspsych-survey-multi-choice-text {  text-align: center;}\" +\n      \".jspsych-survey-multi-choice-option { line-height: 2; }\" +\n      \".jspsych-survey-multi-choice-horizontal .jspsych-survey-multi-choice-option {  display: inline-block;  margin-left: 1em;  margin-right: 1em;  vertical-align: top;}\" +\n      \"label.jspsych-survey-multi-choice-text input[type='radio'] {margin-right: 1em;}\";\n    html += \"</style>\";\n\n    // show preamble text\n    if (trial.preamble !== null) {\n      html +=\n        '<div id=\"jspsych-survey-multi-choice-preamble\" class=\"jspsych-survey-multi-choice-preamble\">' +\n        trial.preamble +\n        \"</div>\";\n    }\n\n    // form element\n    if (trial.autocomplete) {\n      html += '<form id=\"jspsych-survey-multi-choice-form\">';\n    } else {\n      html += '<form id=\"jspsych-survey-multi-choice-form\" autocomplete=\"off\">';\n    }\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    // add multiple-choice questions\n    for (var i = 0; i < trial.questions.length; i++) {\n      // get question based on question_order\n      var question = trial.questions[question_order[i]];\n      var question_id = question_order[i];\n\n      // create question container\n      var question_classes = [\"jspsych-survey-multi-choice-question\"];\n      if (question.horizontal) {\n        question_classes.push(\"jspsych-survey-multi-choice-horizontal\");\n      }\n\n      html +=\n        '<div id=\"jspsych-survey-multi-choice-' +\n        question_id +\n        '\" class=\"' +\n        question_classes.join(\" \") +\n        '\"  data-name=\"' +\n        question.name +\n        '\">';\n\n      // add question text\n      html += '<p class=\"jspsych-survey-multi-choice-text survey-multi-choice\">' + question.prompt;\n      if (question.required) {\n        html += \"<span class='required'>*</span>\";\n      }\n      html += \"</p>\";\n\n      // create option radio buttons\n      for (var j = 0; j < question.options.length; j++) {\n        // add label and question text\n        var option_id_name = \"jspsych-survey-multi-choice-option-\" + question_id + \"-\" + j;\n        var input_name = \"jspsych-survey-multi-choice-response-\" + question_id;\n        var input_id = \"jspsych-survey-multi-choice-response-\" + question_id + \"-\" + j;\n\n        var required_attr = question.required ? \"required\" : \"\";\n\n        // add radio button container\n        html += '<div id=\"' + option_id_name + '\" class=\"jspsych-survey-multi-choice-option\">';\n        html += '<label class=\"jspsych-survey-multi-choice-text\" for=\"' + input_id + '\">';\n        html +=\n          '<input type=\"radio\" name=\"' +\n          input_name +\n          '\" id=\"' +\n          input_id +\n          '\" value=\"' +\n          question.options[j] +\n          '\" ' +\n          required_attr +\n          \"></input>\";\n        html += question.options[j] + \"</label>\";\n        html += \"</div>\";\n      }\n\n      html += \"</div>\";\n    }\n\n    // add submit button\n    html +=\n      '<input type=\"submit\" id=\"' +\n      plugin_id_name +\n      '-next\" class=\"' +\n      plugin_id_name +\n      ' jspsych-btn\"' +\n      (trial.button_label ? ' value=\"' + trial.button_label + '\"' : \"\") +\n      \"></input>\";\n    html += \"</form>\";\n\n    // render\n    display_element.innerHTML = html;\n\n    document.querySelector(\"form\").addEventListener(\"submit\", (event) => {\n      event.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      for (var i = 0; i < trial.questions.length; i++) {\n        var match = display_element.querySelector(\"#jspsych-survey-multi-choice-\" + i);\n        var id = \"Q\" + i;\n        var val: String;\n        if (match.querySelector(\"input[type=radio]:checked\") !== null) {\n          val = match.querySelector<HTMLInputElement>(\"input[type=radio]:checked\").value;\n        } else {\n          val = \"\";\n        }\n        var obje = {};\n        var name = id;\n        if (match.attributes[\"data-name\"].value !== \"\") {\n          name = match.attributes[\"data-name\"].value;\n        }\n        obje[name] = val;\n        Object.assign(question_data, obje);\n      }\n      // save data\n      var trial_data = {\n        rt: response_time,\n        response: question_data,\n        question_order: question_order,\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.sampleWithoutReplacement(q.options, 1)[0];\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          `#jspsych-survey-multi-choice-response-${i}-${trial.questions[i].options.indexOf(\n            answers[i][1]\n          )}`\n        ),\n        ((data.rt - 1000) / answers.length) * (i + 1)\n      );\n    }\n\n    this.jsPsych.pluginAPI.clickTarget(\n      display_element.querySelector(\"#jspsych-survey-multi-choice-next\"),\n      data.rt\n    );\n  }\n}\n\nexport default SurveyMultiChoicePlugin;\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jspsych/plugin-survey-multi-choice",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "a jspsych plugin for multiple choice survey questions",
   "type": "module",
   "main": "dist/index.cjs",
@@ -34,10 +34,10 @@
   },
   "homepage": "https://www.jspsych.org/latest/plugins/survey-multi-choice",
   "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 surveyMultiChoice from ".";
 
+jest.useFakeTimers();
+
 const getInputElement = (choiceId: number, value: string) =>
   document.querySelector(
     `#jspsych-survey-multi-choice-${choiceId} input[value="${value}"]`
@@ -42,3 +44,62 @@ describe("survey-multi-choice plugin", () => {
     expect(surveyData.Q4).toBe("e");
   });
 });
+
+describe("survey-likert plugin simulation", () => {
+  test("data-only mode works", async () => {
+    const scale = ["a", "b", "c", "d", "e"];
+    const { getData, expectFinished } = await simulateTimeline([
+      {
+        type: surveyMultiChoice,
+        questions: [
+          { prompt: "Q0", options: scale },
+          { prompt: "Q1", options: scale },
+          { prompt: "Q2", options: scale },
+          { prompt: "Q3", options: scale },
+          { prompt: "Q4", options: scale },
+        ],
+        randomize_question_order: true,
+      },
+    ]);
+
+    await expectFinished();
+
+    const surveyData = getData().values()[0].response;
+    const all_valid = Object.entries(surveyData).every((x) => {
+      return scale.includes(x[1] as string);
+    });
+    expect(all_valid).toBe(true);
+  });
+
+  test("visual mode works", async () => {
+    const scale = ["a", "b", "c", "d", "e"];
+    const { getData, expectFinished, expectRunning } = await simulateTimeline(
+      [
+        {
+          type: surveyMultiChoice,
+          questions: [
+            { prompt: "Q0", options: scale },
+            { prompt: "Q1", options: scale },
+            { prompt: "Q2", options: scale },
+            { prompt: "Q3", options: scale },
+            { prompt: "Q4", options: 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 scale.includes(x[1] as string);
+    });
+    expect(all_valid).toBe(true);
+  });
+});

package/src/index.ts

@@ -234,6 +234,78 @@ class SurveyMultiChoicePlugin 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.sampleWithoutReplacement(q.options, 1)[0];
+      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(
+          `#jspsych-survey-multi-choice-response-${i}-${trial.questions[i].options.indexOf(
+            answers[i][1]
+          )}`
+        ),
+        ((data.rt - 1000) / answers.length) * (i + 1)
+      );
+    }
+
+    this.jsPsych.pluginAPI.clickTarget(
+      display_element.querySelector("#jspsych-survey-multi-choice-next"),
+      data.rt
+    );
+  }
 }
 
 export default SurveyMultiChoicePlugin;