Skip to content

Commit bb52cc0

Browse files
michaeldejournettmichaeldejournett
committed
adding debugs
1 parent 1d27859 commit bb52cc0

12 files changed

Lines changed: 132 additions & 19 deletions

‎webcamstudy/asset-manifest.json‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"files": {
33
"main.css": "https://seresl.unl.edu/webcamstudy/static/css/main.e2758196.css",
4-
"main.js": "https://seresl.unl.edu/webcamstudy/static/js/main.f780c553.js",
4+
"main.js": "https://seresl.unl.edu/webcamstudy/static/js/main.2d705806.js",
55
"static/js/453.e44939a0.chunk.js": "https://seresl.unl.edu/webcamstudy/static/js/453.e44939a0.chunk.js",
66
"static/media/monkey_business.mp4": "https://seresl.unl.edu/webcamstudy/static/media/monkey_business.4c162ec3365ba53d0a3f.mp4",
77
"static/media/soccer-vid.mp4": "https://seresl.unl.edu/webcamstudy/static/media/soccer-vid.4aa09d7760e7c517c175.mp4",
@@ -223,11 +223,11 @@
223223
"static/media/5point_1920x1080.png": "https://seresl.unl.edu/webcamstudy/static/media/5point_1920x1080.16294bbf8c826fc2134e.png",
224224
"index.html": "https://seresl.unl.edu/webcamstudy/index.html",
225225
"main.e2758196.css.map": "https://seresl.unl.edu/webcamstudy/static/css/main.e2758196.css.map",
226-
"main.f780c553.js.map": "https://seresl.unl.edu/webcamstudy/static/js/main.f780c553.js.map",
226+
"main.2d705806.js.map": "https://seresl.unl.edu/webcamstudy/static/js/main.2d705806.js.map",
227227
"453.e44939a0.chunk.js.map": "https://seresl.unl.edu/webcamstudy/static/js/453.e44939a0.chunk.js.map"
228228
},
229229
"entrypoints": [
230230
"static/css/main.e2758196.css",
231-
"static/js/main.f780c553.js"
231+
"static/js/main.2d705806.js"
232232
]
233233
}

‎webcamstudy/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="https://seresl.unl.edu/webcamstudy/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="https://seresl.unl.edu/webcamstudy/logo192.png"/><link rel="manifest" href="https://seresl.unl.edu/webcamstudy/manifest.json"/><title>Eye Tracking Webcam Study</title><script type="module">import EmbeddedPageSdk from"https://app.realeye.io/sdk/js/testRunnerEmbeddableSdk-1.7.1.js";let reSdk=null;window.addEventListener("DOMContentLoaded",()=>{reSdk=new EmbeddedPageSdk(!1,null,!1)}),window.addEventListener("endmeplease",()=>{reSdk&&reSdk.finishEyeTrackingTest()})</script><script defer="defer" src="https://seresl.unl.edu/webcamstudy/static/js/main.f780c553.js"></script><link href="https://seresl.unl.edu/webcamstudy/static/css/main.e2758196.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
1+
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="https://seresl.unl.edu/webcamstudy/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="https://seresl.unl.edu/webcamstudy/logo192.png"/><link rel="manifest" href="https://seresl.unl.edu/webcamstudy/manifest.json"/><title>Eye Tracking Webcam Study</title><script type="module">import EmbeddedPageSdk from"https://app.realeye.io/sdk/js/testRunnerEmbeddableSdk-1.7.1.js";let reSdk=null;window.addEventListener("DOMContentLoaded",()=>{reSdk=new EmbeddedPageSdk(!1,null,!1)}),window.addEventListener("endmeplease",()=>{reSdk&&reSdk.finishEyeTrackingTest()})</script><script defer="defer" src="https://seresl.unl.edu/webcamstudy/static/js/main.2d705806.js"></script><link href="https://seresl.unl.edu/webcamstudy/static/css/main.e2758196.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>

‎webcamstudy/src/App.jsx‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -293,7 +293,8 @@ function App() {
293293
};
294294

295295
const isTaskComplete = currentTask >= taskFiles.length;
296-
const currentTaskName = taskFiles[currentTask] || "Initializing";
296+
const rawTaskName = taskFiles[currentTask] || "";
297+
const currentTaskName = (typeof rawTaskName === 'string' && rawTaskName.trim()) || "Initializing";
297298

298299
// Check if current video task has ended
299300
const isVideoTaskComplete = () => {
@@ -332,7 +333,7 @@ function App() {
332333
};
333334

334335
return (
335-
<div id="app" style={styles.appContainer}>
336+
<div id="app" style={styles.appContainer} data-re-aoi-name="seemeplz">
336337
<div className="task-container" style={styles.taskContainer} data-re-aoi-name={currentTaskName}>
337338
{renderCurrentTask()}
338339
</div>

‎webcamstudy/src/components/FaceTask.jsx‎

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -310,17 +310,20 @@ const FaceTask = ({ onSubmit }) => {
310310
{grid.map((image, idx) => {
311311
const row = Math.floor(idx / gridSize) + 1;
312312
const column = (idx % gridSize) + 1;
313-
const rowStr = row.toString();
314-
const colStr = column.toString();
315-
const correctness = image.isCorrect ? 'correct' : 'incorrect';
316-
const aoName = `face-task-${taskIndex}-trial-${trial}-row${rowStr}-col${colStr}-${correctness}`;
313+
const rowStr = (row || 0).toString();
314+
const colStr = (column || 0).toString();
315+
const taskIdx = taskIndex ?? 0;
316+
const trialNum = trial ?? 0;
317+
const isCorrect = image?.isCorrect ?? false;
318+
const correctness = isCorrect ? 'correct' : 'incorrect';
319+
const aoName = `face-task-${taskIdx}-trial-${trialNum}-row${rowStr}-col${colStr}-${correctness}`;
317320
return (
318321
<img
319322
key={`${taskIndex}-${trial}-${image.id}`}
320323
src={image.src}
321324
className="grid-item"
322325
data-id={image.id}
323-
data-correct={image.isCorrect ? 'T' : 'F'}
326+
data-correct={isCorrect ? 'T' : 'F'}
324327
data-emotion={emotion}
325328
data-gender={gender}
326329
data-re-aoi-name={aoName}

‎webcamstudy/src/components/Text/TextTask.jsx‎

Lines changed: 10 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -29,32 +29,35 @@ const TEXTS = [
2929
];
3030

3131
const formatText = (text, ref) => {
32-
if (!ref.current) return;
32+
if (!ref.current || !text) return;
3333
let sentenceCount = 1;
3434
let wordCount = 1;
3535
let character_id = 0;
36-
let cleanedText = text.replace(/\n+/g, ' ');
36+
let cleanedText = (text || '').replace(/\n+/g, ' ');
3737
let words = cleanedText.match(/[\w'']+|[.,!?;:"""—-]|\s+/g) || [];
3838
ref.current.innerHTML = '';
3939
words.forEach(word => {
4040
let isWord = /\w/.test(word);
4141
let isSpace = /^\s+$/.test(word);
4242
let wordBlock = document.createElement("span");
4343
wordBlock.classList.add("word-block");
44-
// Always set an AOI name for the word block
44+
// Always set an AOI name for the word block with fallbacks
45+
const sCount = sentenceCount || 1;
46+
const wCount = wordCount || 1;
4547
if (isWord) {
46-
wordBlock.setAttribute("data-re-aoi-name", `s${sentenceCount}-w${wordCount}`);
48+
wordBlock.setAttribute("data-re-aoi-name", `s${sCount}-w${wCount}`);
4749
} else if (isSpace) {
48-
wordBlock.setAttribute("data-re-aoi-name", `s${sentenceCount}-space-${wordCount}`);
50+
wordBlock.setAttribute("data-re-aoi-name", `s${sCount}-space-${wCount}`);
4951
} else {
50-
wordBlock.setAttribute("data-re-aoi-name", `s${sentenceCount}-punct-${wordCount}`);
52+
wordBlock.setAttribute("data-re-aoi-name", `s${sCount}-punct-${wCount}`);
5153
}
5254
word.split('').forEach(char => {
5355
let charSpan = document.createElement("span");
5456
charSpan.textContent = isSpace ? '' : char;
5557
// Create descriptive AOI names for characters
5658
let charType = isSpace ? 'space' : (isWord ? 'letter' : 'punct');
57-
charSpan.setAttribute("data-re-aoi-name", `s${sentenceCount}-${charType}-c${character_id}`);
59+
const charId = character_id || 0;
60+
charSpan.setAttribute("data-re-aoi-name", `s${sCount}-${charType}-c${charId}`);
5861
character_id++;
5962
charSpan.classList.add(isSpace ? "space" : "letter");
6063
wordBlock.appendChild(charSpan);

‎webcamstudy/src/index.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ import reportWebVitals from './reportWebVitals';
66

77
const root = ReactDOM.createRoot(document.getElementById('root'));
88
root.render(
9-
<App />
9+
<App data-re-aoi-name="root"/>
1010
);
1111

1212
// If you want to start measuring performance in your app, pass a function

‎webcamstudy/static/js/main.2d705806.js‎

Lines changed: 3 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎webcamstudy/static/js/main.2d705806.js.LICENSE.txt‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
/**
2+
* @license React
3+
* react-dom-client.production.js
4+
*
5+
* Copyright (c) Meta Platforms, Inc. and affiliates.
6+
*
7+
* This source code is licensed under the MIT license found in the
8+
* LICENSE file in the root directory of this source tree.
9+
*/
10+
11+
/**
12+
* @license React
13+
* react-dom.production.js
14+
*
15+
* Copyright (c) Meta Platforms, Inc. and affiliates.
16+
*
17+
* This source code is licensed under the MIT license found in the
18+
* LICENSE file in the root directory of this source tree.
19+
*/
20+
21+
/**
22+
* @license React
23+
* react-jsx-runtime.production.js
24+
*
25+
* Copyright (c) Meta Platforms, Inc. and affiliates.
26+
*
27+
* This source code is licensed under the MIT license found in the
28+
* LICENSE file in the root directory of this source tree.
29+
*/
30+
31+
/**
32+
* @license React
33+
* react.production.js
34+
*
35+
* Copyright (c) Meta Platforms, Inc. and affiliates.
36+
*
37+
* This source code is licensed under the MIT license found in the
38+
* LICENSE file in the root directory of this source tree.
39+
*/
40+
41+
/**
42+
* @license React
43+
* scheduler.production.js
44+
*
45+
* Copyright (c) Meta Platforms, Inc. and affiliates.
46+
*
47+
* This source code is licensed under the MIT license found in the
48+
* LICENSE file in the root directory of this source tree.
49+
*/

‎webcamstudy/static/js/main.2d705806.js.map‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎webcamstudy/static/js/main.6d4109da.js‎

Lines changed: 3 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)