revisit-studies · JackWilb · Nov 12, 2025 · Oct 22, 2025 · Oct 27, 2025 · Oct 29, 2025
diff --git a/index.html b/index.html
@@ -6,8 +6,6 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>ReVISit</title>
 
-    <link rel="stylesheet" href="/revisitAssets/cssOverrides.css" />
-
     <!-- Required for react browser router on GitHub pages -->
     <script type="text/javascript">
       // Single Page Apps for GitHub Pages
@@ -33,6 +31,17 @@
 
   </head>
   <body style="margin: 0;">
+    <style>
+      /* Global style overrides */
+      .no-last-child-bottom-padding > *:last-child {
+        padding-bottom: 0 !important;
+      }
+
+      .no-last-child-bottom-padding {
+        font-weight: 500;
+      }
+    </style>
+
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
   </body>

diff --git a/libraryDocGenerator.cjs b/libraryDocGenerator.cjs
@@ -9,25 +9,6 @@ const path = require('path');
 const generateMd = (library, libraryConfig, forDocs) => `
 # ${library}
 
-${forDocs ?
-  `import StructuredLinks from '@site/src/components/StructuredLinks/StructuredLinks.tsx';
-
-  <StructuredLinks
-      demoLinks={[
-        {name: "${library} Demo", url: "https://revisit.dev/study/library-${library}"}
-      ]}
-      codeLinks={[
-        {name: "${library} Code", url: "https://github.com/revisit-studies/study/tree/main/public/library-${library}"}
-      ]}
-      ${
-        (libraryConfig.doi || libraryConfig.externalLink)
-        ? `referenceLinks={[
-        ${libraryConfig.doi ? `{name: "DOI", url: "https://dx.doi.org/${libraryConfig.doi}"}` : ''}${libraryConfig.doi && libraryConfig.externalLink ? ',' : ''}
-        ${libraryConfig.externalLink ? `{name: "${library}", url: "${libraryConfig.externalLink}"}` : ''}
-      ]}`
-      : ''}
-  />` :  ''}
-
 ${!forDocs ? `This is an example study of the library \`${library}\`.` : ''}
 
 ${libraryConfig.description}
@@ -51,6 +32,26 @@ ${Object.keys(libraryConfig.sequences).length > 0
     : 'None'}
 
 ${libraryConfig.additionalDescription ? `## Additional Description\n\n${libraryConfig.additionalDescription}` : ''}
+
+${forDocs ?
+  `<!-- Importing Links -->`
+  `import StructuredLinks from '@site/src/components/StructuredLinks/StructuredLinks.tsx';
+
+  <StructuredLinks
+      demoLinks={[
+        {name: "${library} Demo", url: "https://revisit.dev/study/library-${library}"}
+      ]}
+      codeLinks={[
+        {name: "${library} Code", url: "https://github.com/revisit-studies/study/tree/main/public/library-${library}"}
+      ]}
+      ${
+        (libraryConfig.doi || libraryConfig.externalLink)
+        ? `referenceLinks={[
+        ${libraryConfig.doi ? `{name: "DOI", url: "https://dx.doi.org/${libraryConfig.doi}"}` : ''}${libraryConfig.doi && libraryConfig.externalLink ? ',' : ''}
+        ${libraryConfig.externalLink ? `{name: "${library}", url: "${libraryConfig.externalLink}"}` : ''}
+      ]}`
+      : ''}
+  />` :  ''}
 `;
 
 const librariesPath = path.join(__dirname, './public/libraries');

diff --git a/package.json b/package.json
@@ -14,7 +14,7 @@
     "generate-schemas": "yarn generate-schema:StudyConfig && yarn generate-schema:GlobalConfig && yarn generate-schema:LibraryConfig",
     "test": "playwright test",
     "unittest": "vitest",
-    "preinstall": "node -e 'if(!/yarn\\.js$/.test(process.env.npm_execpath))throw new Error(\"Use yarn\")'",
+    "preinstall": "node -e \"if(!/yarn\\.js$/.test(process.env.npm_execpath))throw new Error('Use yarn')\"",
     "postinstall": "husky"
   },
   "lint-staged": {

diff --git a/public/demo-survey/config.json b/public/demo-survey/config.json
@@ -210,8 +210,11 @@
             "Option 2",
             "Option 3",
             "Option 4"
-          ],
-          "withDivider": true
+          ]
+        },
+        {
+          "id": "divider1",
+          "type": "divider"
         },
         {
           "id": "matrixHeaderTitle",
@@ -227,8 +230,11 @@
           "type": "likert",
           "numItems": 9,
           "rightLabel": "Like",
-          "leftLabel": "Dislike",
-          "withDivider": true
+          "leftLabel": "Dislike"
+        },
+        {
+          "id": "divider2",
+          "type": "divider"
         },
         {
           "id": "q-multi-satisfaction",
@@ -382,7 +388,8 @@
         {
           "id": "textField",
           "type": "textOnly",
-          "prompt": "# Randomizing Questions in a Form\n\n This shows how to randomize the order of questions in the form. Notice how the number before each question is different from the order number specified in the text. Note that currently the title is also randomized; you can avoid that by putting the title in a markdown file and adding the questions as a response."
+          "prompt": "# Randomizing Questions in a Form\n\n This shows how to randomize the order of questions in the form. Notice how the number before each question is different from the order number specified in the text. Note that currently the title is not randomized; you can exclude a form element from being randomized if you need to.",
+          "excludeFromRandomization": true
         },
         {
           "id": "q-dropdown",
@@ -645,7 +652,11 @@
             "Option 2",
             "Option 3"
           ],
-          "withDivider": true,
+          "location": "sidebar"
+        },
+        {
+          "id": "divider",
+          "type": "divider",
           "location": "sidebar"
         },
         {

diff --git a/public/global.json b/public/global.json
@@ -2,6 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/revisit-studies/study/v2.3.1/src/parser/GlobalConfigSchema.json",
   "configsList": [
     "tutorial",
+    "tutorial-replication",
     "demo-html",
     "demo-html-input",
     "demo-screen-recording",
@@ -54,6 +55,9 @@
     "tutorial": {
       "path": "tutorial/config.json"
     },
+    "tutorial-replication": {
+      "path": "tutorial/replication-config.json"
+    },
     "demo-video-slider": {
       "path": "demo-video-slider/config.json"
     },

diff --git a/public/libraries/umux-lite/config.json b/public/libraries/umux-lite/config.json
@@ -23,7 +23,7 @@
           "required": true,
           "location": "aboveStimulus",
           "type": "likert",
-          "numItems": 5,
+          "numItems": 7,
           "rightLabel": "Strongly Agree",
           "leftLabel": "Strongly Disagree"
         }

diff --git a/public/libraries/umux/config.json b/public/libraries/umux/config.json
@@ -33,7 +33,7 @@
           "required": true,
           "location": "aboveStimulus",
           "type": "likert",
-          "numItems": 5,
+          "numItems": 7,
           "rightLabel": "Strongly Agree",
           "leftLabel": "Strongly Disagree"
         },

diff --git a/public/revisitAssets/cssOverrides.css b/public/revisitAssets/cssOverrides.css
diff --git a/public/tutorial/_answers/config.json b/public/tutorial/_answers/config.json
@@ -58,8 +58,12 @@
           "secondaryText": "1 being the worst health and 5 being the best health",
           "numItems": 5,
           "rightLabel": "Best health",
-          "leftLabel": "Worst health",
-          "withDivider": true
+          "leftLabel": "Worst health"
+        },
+        {
+          "id": "dividerResponse",
+          "type": "divider",
+          "location": "belowStimulus"
         },
         {
           "id": "fruits",

diff --git a/public/tutorial/_answers/replication-config.json b/public/tutorial/_answers/replication-config.json
@@ -0,0 +1,98 @@
+{
+  "$schema": "https://raw.githubusercontent.com/revisit-studies/study/main/src/parser/StudyConfigSchema.json",
+  "studyMetadata": {
+    "title": "Scatter Plot JND Study",
+    "version": "pilot",
+    "authors": ["The reVISit Team"],
+    "date": "2025-11-02",
+    "description": "This is a reVISit variation study of JND(Just Noticeable Difference) Scatter Plot experiment.",
+    "organizations": ["University of Utah", "WPI", "University of Toronto"]
+  },
+  "uiConfig": {
+    "contactEmail": "contact@revisit.dev",
+    "helpTextPath": "ScatterJND-study/assets/help.md",
+    "logoPath": "revisitAssets/revisitLogoSquare.svg",
+    "withProgressBar": true,
+    "autoDownloadStudy": false,
+    "withSidebar": false,
+    "urlParticipantIdParam": "PROLIFIC_PID",
+    "studyEndMsg": "**Thank you for completing the study. You may click this link and return to Prolific**: [https://app.prolific.com/submissions/complete?cc=C1E35XG4](https://app.prolific.com/submissions/complete?cc=C1E35XG4)",
+    "participantNameField": "introduction.prolificId"
+  },
+  "baseComponents": {
+    "scatterBase": {
+    "type": "react-component",
+    "path": "tutorial/assets/replication/ScatterWrapper.tsx",
+    "response": [
+      {
+        "id": "buttonsResponse",
+        "type": "buttons",
+        "prompt": "Choose the plot with the higher correlation:",
+        "required": true,
+        "location": "belowStimulus",
+        "options": [
+          { "label": "Left Plot", "value": "left" },
+          { "label": "Right Plot", "value": "right" }
+        ]
+      }
+    ]
+  }
+  },
+  "components": {
+    "practice T1 A:0.3 B:0.7": {
+      "baseComponent": "scatterBase",
+      "parameters": { "r1": 0.3, "r2": 0.7 },
+      "correctAnswer": [
+        {
+          "id": "buttonsResponse",
+          "answer": "right"
+        }
+      ],
+      "provideFeedback": true
+    },
+    "practice T2 A:0.9 B:0.6": {
+      "baseComponent": "scatterBase",
+      "parameters": { "r1": 0.9, "r2": 0.6 },
+      "correctAnswer": [
+        {
+          "id": "buttonsResponse",
+          "answer": "left"
+        }
+      ],
+      "provideFeedback": true
+    },
+    "practice T3 A:0.6 B:0.3": {
+      "baseComponent": "scatterBase",
+      "parameters": { "r1": 0.6, "r2": 0.3 },
+      "correctAnswer": [
+        {
+          "id": "buttonsResponse",
+          "answer": "left"
+        }
+      ],
+      "provideFeedback": true
+    },
+    "trial": {
+      "baseComponent": "scatterBase"
+    }
+  },
+  "sequence": {
+    "order": "fixed",
+    "components": [
+      {
+        "order": "fixed",
+        "components": [
+          "practice T1 A:0.3 B:0.7",
+          "practice T2 A:0.9 B:0.6",
+          "practice T3 A:0.6 B:0.3",
+          {
+            "order": "dynamic",
+            "id": "steppedSequence",
+            "functionPath": "tutorial/assets/replication/JNDDynamic.tsx",
+            "parameters": {}
+          }
+        ]
+      }
+    ]
+  }
+}