diff --git a/data.json b/data.json new file mode 100644 index 0000000..6190856 --- /dev/null +++ b/data.json @@ -0,0 +1,11 @@ +[ + { + "rt": 1506, + "stimulus": "
\n

\n Please specify which of the following statements you agree with by checking the corresponding “I agree” box:\n

\n\n
\n
\n

Statement 1:

\n

\n I agree that the audio recording of my lifting call will be made available to the public as part of the \n Lifting Call Collection together with the geographic location and language that this call is associated with. \n I understand that, although no personal data will be attached to the recording, my voice in the audio \n recording remains identifiable.\n

\n
\n\n
\n\n\n
\n\n
\n

Statement 2:

\n

\n I agree that a written transcript of my lifting call will be made available to the public as part of the \n Lifting Call Collection together with the geographic location and language that this call is associated with.\n

\n
\n\n
\n\n\n
\n\n
\n
", + "response": 0, + "trial_type": "html-button-response", + "trial_index": 0, + "plugin_version": "2.1.0", + "time_elapsed": 1509 + } +] \ No newline at end of file diff --git a/index.js b/index.js index b8c6dce..33bafa6 100644 --- a/index.js +++ b/index.js @@ -3,13 +3,25 @@ import "jspsych/css/jspsych.css"; import "./styles.css"; import { delayed_redirect } from "./utils/helpers.js"; import jsPsychHtmlKeyboardResponse from "@jspsych/plugin-html-keyboard-response"; -import { textStimuli } from './scripts/text_stimuli'; +import { textStimuli } from './scripts/text-stimuli.js'; +import jsPsychHtmlButtonResponse from '@jspsych/plugin-html-button-response'; +import jsPsychSurvey from '@jspsych/plugin-survey'; +import jsPsychRecordCall from './scripts/record-call.js'; +import jsPsychMarkCall from './scripts/mark-call.js'; +import '@jspsych/plugin-survey/css/survey.css' +import jsPsychInitializeMicrophone from '@jspsych/plugin-initialize-microphone'; +import jsPsychBrowserCheck from '@jspsych/plugin-browser-check'; + +const debug = import.meta.env.VITE_DEBUG === 'true'; -const debug = import.meta.env.VITE_DEBUG; const jsPsych = initJsPsych({ on_finish: function() { - jsPsych.getDisplayElement().innerHTML = textStimuli.complete; + if(debug) { + jsPsych.data.displayData('json'); + } else { + jsPsych.getDisplayElement().innerHTML = textStimuli.complete; + } }, on_close: function() { delayed_redirect(import.meta.env.VITE_CLOSED_URL); @@ -21,12 +33,158 @@ const jsPsych = initJsPsych({ }, }); -const demo_trial = { - type: jsPsychHtmlKeyboardResponse, - stimulus: `

Hello, world!

`, - choices: [''], +const browser_check = { + type: jsPsychBrowserCheck, + inclusion_function: data => { + console.log(data.browser); + return ['chrome', 'edge-chromium'].includes(data.browser); + }, + exclusion_message: data => { + return `

You must use Google Chrome or Microsoft Edge to complete this experiment.

`; + }, }; -const timeline = [demo_trial]; +const info_consent = { + type: jsPsychHtmlButtonResponse, + stimulus: textStimuli.info_consent, + choices: ['Continue'], + on_load: function() { + const continue_button = document.getElementsByClassName('jspsych-btn')[0]; + continue_button.disabled = true; + + const info_consent_checkbox = document.getElementById('info_consent_checkbox'); + info_consent_checkbox.addEventListener('change', function() { + if (info_consent_checkbox.checked) { + continue_button.disabled = false; + } + }); + }, +}; + +const publication_consent = { + type: jsPsychHtmlButtonResponse, + stimulus: textStimuli.publication_consent, + choices: ['Continue'], + on_load: function() { + const continue_button = document.getElementsByClassName('jspsych-btn')[0]; + continue_button.disabled = true; + + let timeLeft = 15; + + if(debug) { + timeLeft = 0; + } + + const originalText = continue_button.textContent; + + const statement_1_checkbox = document.getElementById('statement_1_checkbox'); + const statement_2_checkbox = document.getElementById('statement_2_checkbox'); + + let statement_1_checked = false; + let statement_2_checked = false; + + jsPsych.data.addProperties({ + statement_1_consent: statement_1_checked, + statement_2_consent: statement_2_checked, + }); + + statement_1_checkbox.addEventListener('change', function() { + statement_1_checked = statement_1_checkbox.checked; + jsPsych.data.addProperties({ + statement_1_consent: statement_1_checked, + statement_2_consent: statement_2_checked, + }); + }); + + statement_2_checkbox.addEventListener('change', function() { + statement_2_checked = statement_2_checkbox.checked; + jsPsych.data.addProperties({ + statement_1_consent: statement_1_checked, + statement_2_consent: statement_2_checked, + }); + }); + + const countdown = setInterval(() => { + timeLeft--; + continue_button.textContent = `Continue (${timeLeft}s)`; + + if (timeLeft <= 0) { + clearInterval(countdown); + continue_button.disabled = false; + continue_button.textContent = originalText; + } + }, 1000); + }, +}; + +const initialize_microphone = { + type: jsPsychInitializeMicrophone +}; + +const recording_page = { + type: jsPsychRecordCall, +}; + +const mark_page = { + type: jsPsychMarkCall, +}; + +const data_quality_warning = { + type: jsPsychHtmlButtonResponse, + stimulus: textStimuli.data_quality_warning, + choices: ['Continue'], +}; + +const exit_page = { + type: jsPsychHtmlKeyboardResponse, + stimulus: textStimuli.recording_saved, + choices: ['r', 'q'], +}; + +const recording_loop = { + timeline: [recording_page, mark_page, exit_page], + loop_function: function(data){ + const last_trial_data = jsPsych.data.getLastTrialData(); + if(jsPsych.pluginAPI.compareKeys(last_trial_data.trials[0].response, 'q')){ + return false; + } else { + return true; + } + } +} +const post_experiment_survey = { + type: jsPsychSurvey, + survey_json: { + elements: + [ + { + type: 'comment', + title: "Did you have any thoughts or observations about this study?", + name: 'thoughts_observations', + isRequired: !debug, + }, + ] + } +}; + +let timeline = [] + +if (debug) { + timeline.push(data_quality_warning); + timeline.push(browser_check); + + timeline.push(initialize_microphone); + timeline.push(recording_loop); + timeline.push(post_experiment_survey); +} else { + timeline.push(browser_check); + timeline.push(info_consent); + timeline.push(publication_consent); + timeline.push(initialize_microphone); + timeline.push(data_quality_warning); + timeline.push(recording_loop); + timeline.push(post_experiment_survey); +} + jsPsych.run(timeline); diff --git a/package-lock.json b/package-lock.json index 9900b08..19b105c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,14 +8,21 @@ "name": "jspsych-npm-template", "version": "1.0.0", "dependencies": { + "@jspsych/plugin-browser-check": "^2.1.0", + "@jspsych/plugin-html-button-response": "^2.1.0", "@jspsych/plugin-html-keyboard-response": "^2.1.0", + "@jspsych/plugin-initialize-microphone": "^2.1.0", + "@jspsych/plugin-survey": "^3.0.0", "@tailwindcss/vite": "^4.1.4", + "archiver": "^7.0.1", + "dotenv": "^17.2.0", "jspsych": "^8.2.1", "prettier-plugin-html-template-literals": "^1.0.5", "tailwindcss": "^4.1.4", "vite-plugin-static-copy": "^3.0.0" }, "devDependencies": { + "@vitejs/plugin-basic-ssl": "^2.1.0", "terser": "^5.39.0", "vite": "^6.3.1" } @@ -420,6 +427,23 @@ "node": ">=18" } }, + "node_modules/@isaacs/cliui": { + "version": "8.0.2", + "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz", + "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==", + "license": "ISC", + "dependencies": { + "string-width": "^5.1.2", + "string-width-cjs": "npm:string-width@^4.2.0", + "strip-ansi": "^7.0.1", + "strip-ansi-cjs": "npm:strip-ansi@^6.0.1", + "wrap-ansi": "^8.1.0", + "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0" + }, + "engines": { + "node": ">=12" + } + }, "node_modules/@jridgewell/gen-mapping": { "version": "0.3.8", "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz", @@ -484,6 +508,27 @@ "@jridgewell/sourcemap-codec": "^1.4.14" } }, + "node_modules/@jspsych/plugin-browser-check": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/@jspsych/plugin-browser-check/-/plugin-browser-check-2.1.0.tgz", + "integrity": "sha512-jjqtiz/4u5keORwCE1BnG/GNLAx4SbT9KuFCtZcGqY5LHCC+aSWm7ivjezoQvzLD5UHrl6SGJ8uYa7Y+ZYYUWQ==", + "license": "MIT", + "dependencies": { + "detect-browser": "^5.2.1" + }, + "peerDependencies": { + "jspsych": ">=7.1.0" + } + }, + "node_modules/@jspsych/plugin-html-button-response": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/@jspsych/plugin-html-button-response/-/plugin-html-button-response-2.1.0.tgz", + "integrity": "sha512-AhJPePA8s/ount+QYtqfgMtEkz7g+j+bnhQ9XqxfsnK2f5MdnlakYtpjxW9YgFx9y0Gs7yb7OZk1+omcKlzaEQ==", + "license": "MIT", + "peerDependencies": { + "jspsych": ">=7.1.0" + } + }, "node_modules/@jspsych/plugin-html-keyboard-response": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/@jspsych/plugin-html-keyboard-response/-/plugin-html-keyboard-response-2.1.0.tgz", @@ -493,6 +538,38 @@ "jspsych": ">=7.1.0" } }, + "node_modules/@jspsych/plugin-initialize-microphone": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/@jspsych/plugin-initialize-microphone/-/plugin-initialize-microphone-2.1.0.tgz", + "integrity": "sha512-lU+kOY75fiOmju156DW6Ou62BIAQv1mAG1RJO2RlvPsn76x7a6Gajwo/gaR/Bxr2s+jlCJQ8RSq4kNDTXpGavg==", + "license": "MIT", + "peerDependencies": { + "jspsych": ">=7.1.0" + } + }, + "node_modules/@jspsych/plugin-survey": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/@jspsych/plugin-survey/-/plugin-survey-3.0.0.tgz", + "integrity": "sha512-2bvePlFEa9VAJK7AS6x2/B0SsswR8fmCbPPBzobzCvDz9wB5YIAX+ux5K12PEDQV2GaBekONat/WHuCv+noLJg==", + "license": "MIT", + "dependencies": { + "survey-core": "^2.2.0", + "survey-js-ui": "^2.2.0" + }, + "peerDependencies": { + "jspsych": ">=7.0.0" + } + }, + "node_modules/@pkgjs/parseargs": { + "version": "0.11.0", + "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz", + "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==", + "license": "MIT", + "optional": true, + "engines": { + "node": ">=14" + } + }, "node_modules/@rollup/rollup-android-arm-eabi": { "version": "4.40.0", "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.40.0.tgz", @@ -1013,6 +1090,51 @@ "integrity": "sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==", "license": "MIT" }, + "node_modules/@types/react": { + "version": "19.1.8", + "resolved": "https://registry.npmjs.org/@types/react/-/react-19.1.8.tgz", + "integrity": "sha512-AwAfQ2Wa5bCx9WP8nZL2uMZWod7J7/JSplxbTmBQ5ms6QpqNYm672H0Vu9ZVKVngQ+ii4R/byguVEUZQyeg44g==", + "license": "MIT", + "peer": true, + "dependencies": { + "csstype": "^3.0.2" + } + }, + "node_modules/@types/react-dom": { + "version": "19.1.6", + "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.1.6.tgz", + "integrity": "sha512-4hOiT/dwO8Ko0gV1m/TJZYk3y0KBnY9vzDh7W+DH17b2HFSOGgdj33dhihPeuy3l0q23+4e+hoXHV6hCC4dCXw==", + "license": "MIT", + "peer": true, + "peerDependencies": { + "@types/react": "^19.0.0" + } + }, + "node_modules/@vitejs/plugin-basic-ssl": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/@vitejs/plugin-basic-ssl/-/plugin-basic-ssl-2.1.0.tgz", + "integrity": "sha512-dOxxrhgyDIEUADhb/8OlV9JIqYLgos03YorAueTIeOUskLJSEsfwCByjbu98ctXitUN3znXKp0bYD/WHSudCeA==", + "dev": true, + "license": "MIT", + "engines": { + "node": "^18.0.0 || ^20.0.0 || >=22.0.0" + }, + "peerDependencies": { + "vite": "^6.0.0 || ^7.0.0" + } + }, + "node_modules/abort-controller": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz", + "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==", + "license": "MIT", + "dependencies": { + "event-target-shim": "^5.0.0" + }, + "engines": { + "node": ">=6.5" + } + }, "node_modules/acorn": { "version": "8.14.1", "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.1.tgz", @@ -1026,6 +1148,30 @@ "node": ">=0.4.0" } }, + "node_modules/ansi-regex": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz", + "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==", + "license": "MIT", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-regex?sponsor=1" + } + }, + "node_modules/ansi-styles": { + "version": "6.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz", + "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==", + "license": "MIT", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, "node_modules/anymatch": { "version": "3.1.3", "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz", @@ -1051,6 +1197,48 @@ "url": "https://github.com/sponsors/jonschlinkert" } }, + "node_modules/archiver": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/archiver/-/archiver-7.0.1.tgz", + "integrity": "sha512-ZcbTaIqJOfCc03QwD468Unz/5Ir8ATtvAHsK+FdXbDIbGfihqh9mrvdcYunQzqn4HrvWWaFyaxJhGZagaJJpPQ==", + "license": "MIT", + "dependencies": { + "archiver-utils": "^5.0.2", + "async": "^3.2.4", + "buffer-crc32": "^1.0.0", + "readable-stream": "^4.0.0", + "readdir-glob": "^1.1.2", + "tar-stream": "^3.0.0", + "zip-stream": "^6.0.1" + }, + "engines": { + "node": ">= 14" + } + }, + "node_modules/archiver-utils": { + "version": "5.0.2", + "resolved": "https://registry.npmjs.org/archiver-utils/-/archiver-utils-5.0.2.tgz", + "integrity": "sha512-wuLJMmIBQYCsGZgYLTy5FIB2pF6Lfb6cXMSF8Qywwk3t20zWnAi7zLcQFdKQmIB8wyZpY5ER38x08GbwtR2cLA==", + "license": "MIT", + "dependencies": { + "glob": "^10.0.0", + "graceful-fs": "^4.2.0", + "is-stream": "^2.0.1", + "lazystream": "^1.0.0", + "lodash": "^4.17.15", + "normalize-path": "^3.0.0", + "readable-stream": "^4.0.0" + }, + "engines": { + "node": ">= 14" + } + }, + "node_modules/async": { + "version": "3.2.6", + "resolved": "https://registry.npmjs.org/async/-/async-3.2.6.tgz", + "integrity": "sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==", + "license": "MIT" + }, "node_modules/auto-bind": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/auto-bind/-/auto-bind-4.0.0.tgz", @@ -1063,6 +1251,45 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/b4a": { + "version": "1.6.7", + "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.6.7.tgz", + "integrity": "sha512-OnAYlL5b7LEkALw87fUVafQw5rVR9RjwGd4KUwNQ6DrrNmaVaUCgLipfVlzrPQ4tWOR9P0IXGNOx50jYCCdSJg==", + "license": "Apache-2.0" + }, + "node_modules/balanced-match": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", + "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", + "license": "MIT" + }, + "node_modules/bare-events": { + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/bare-events/-/bare-events-2.6.0.tgz", + "integrity": "sha512-EKZ5BTXYExaNqi3I3f9RtEsaI/xBSGjE0XZCZilPzFAV/goswFHuPd9jEZlPIZ/iNZJwDSao9qRiScySz7MbQg==", + "license": "Apache-2.0", + "optional": true + }, + "node_modules/base64-js": { + "version": "1.5.1", + "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz", + "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "license": "MIT" + }, "node_modules/binary-extensions": { "version": "2.3.0", "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz", @@ -1075,6 +1302,15 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/brace-expansion": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz", + "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==", + "license": "MIT", + "dependencies": { + "balanced-match": "^1.0.0" + } + }, "node_modules/braces": { "version": "3.0.3", "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", @@ -1087,6 +1323,39 @@ "node": ">=8" } }, + "node_modules/buffer": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz", + "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "license": "MIT", + "dependencies": { + "base64-js": "^1.3.1", + "ieee754": "^1.2.1" + } + }, + "node_modules/buffer-crc32": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-1.0.0.tgz", + "integrity": "sha512-Db1SbgBS/fg/392AblrMJk97KggmvYhr4pB5ZIMTWtaivCPMWLkmb7m21cJvpvgK+J3nsU2CmmixNBZx4vFj/w==", + "license": "MIT", + "engines": { + "node": ">=8.0.0" + } + }, "node_modules/buffer-from": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz", @@ -1118,6 +1387,24 @@ "fsevents": "~2.3.2" } }, + "node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "license": "MIT", + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "license": "MIT" + }, "node_modules/commander": { "version": "2.20.3", "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz", @@ -1125,6 +1412,80 @@ "devOptional": true, "license": "MIT" }, + "node_modules/compress-commons": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/compress-commons/-/compress-commons-6.0.2.tgz", + "integrity": "sha512-6FqVXeETqWPoGcfzrXb37E50NP0LXT8kAMu5ooZayhWWdgEY4lBEEcbQNXtkuKQsGduxiIcI4gOTsxTmuq/bSg==", + "license": "MIT", + "dependencies": { + "crc-32": "^1.2.0", + "crc32-stream": "^6.0.0", + "is-stream": "^2.0.1", + "normalize-path": "^3.0.0", + "readable-stream": "^4.0.0" + }, + "engines": { + "node": ">= 14" + } + }, + "node_modules/core-util-is": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz", + "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==", + "license": "MIT" + }, + "node_modules/crc-32": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/crc-32/-/crc-32-1.2.2.tgz", + "integrity": "sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==", + "license": "Apache-2.0", + "bin": { + "crc32": "bin/crc32.njs" + }, + "engines": { + "node": ">=0.8" + } + }, + "node_modules/crc32-stream": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/crc32-stream/-/crc32-stream-6.0.0.tgz", + "integrity": "sha512-piICUB6ei4IlTv1+653yq5+KoqfBYmj9bw6LqXoOneTMDXk5nM1qt12mFW1caG3LlJXEKW1Bp0WggEmIfQB34g==", + "license": "MIT", + "dependencies": { + "crc-32": "^1.2.0", + "readable-stream": "^4.0.0" + }, + "engines": { + "node": ">= 14" + } + }, + "node_modules/cross-spawn": { + "version": "7.0.6", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz", + "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==", + "license": "MIT", + "dependencies": { + "path-key": "^3.1.0", + "shebang-command": "^2.0.0", + "which": "^2.0.1" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/csstype": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz", + "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==", + "license": "MIT", + "peer": true + }, + "node_modules/detect-browser": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/detect-browser/-/detect-browser-5.3.0.tgz", + "integrity": "sha512-53rsFbGdwMwlF7qvCt0ypLM5V5/Mbl0szB7GPN8y9NCcbknYOeVVXdrXEq+90IwAfrrzt6Hd+u2E2ntakICU8w==", + "license": "MIT" + }, "node_modules/detect-libc": { "version": "2.0.3", "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz", @@ -1134,6 +1495,30 @@ "node": ">=8" } }, + "node_modules/dotenv": { + "version": "17.2.0", + "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-17.2.0.tgz", + "integrity": "sha512-Q4sgBT60gzd0BB0lSyYD3xM4YxrXA9y4uBDof1JNYGzOXrQdQ6yX+7XIAqoFOGQFOTK1D3Hts5OllpxMDZFONQ==", + "license": "BSD-2-Clause", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://dotenvx.com" + } + }, + "node_modules/eastasianwidth": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz", + "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==", + "license": "MIT" + }, + "node_modules/emoji-regex": { + "version": "9.2.2", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz", + "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==", + "license": "MIT" + }, "node_modules/enhanced-resolve": { "version": "5.18.1", "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.1.tgz", @@ -1187,6 +1572,30 @@ "@esbuild/win32-x64": "0.25.2" } }, + "node_modules/event-target-shim": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz", + "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==", + "license": "MIT", + "engines": { + "node": ">=6" + } + }, + "node_modules/events": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz", + "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==", + "license": "MIT", + "engines": { + "node": ">=0.8.x" + } + }, + "node_modules/fast-fifo": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/fast-fifo/-/fast-fifo-1.3.2.tgz", + "integrity": "sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==", + "license": "MIT" + }, "node_modules/fdir": { "version": "6.4.4", "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.4.tgz", @@ -1213,6 +1622,22 @@ "node": ">=8" } }, + "node_modules/foreground-child": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz", + "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==", + "license": "ISC", + "dependencies": { + "cross-spawn": "^7.0.6", + "signal-exit": "^4.0.1" + }, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, "node_modules/fs-extra": { "version": "11.3.0", "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.3.0.tgz", @@ -1241,6 +1666,26 @@ "node": "^8.16.0 || ^10.6.0 || >=11.0.0" } }, + "node_modules/glob": { + "version": "10.4.5", + "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz", + "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==", + "license": "ISC", + "dependencies": { + "foreground-child": "^3.1.0", + "jackspeak": "^3.1.2", + "minimatch": "^9.0.4", + "minipass": "^7.1.2", + "package-json-from-dist": "^1.0.0", + "path-scurry": "^1.11.1" + }, + "bin": { + "glob": "dist/esm/bin.mjs" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, "node_modules/glob-parent": { "version": "5.1.2", "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", @@ -1259,6 +1704,32 @@ "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==", "license": "ISC" }, + "node_modules/ieee754": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz", + "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "license": "BSD-3-Clause" + }, + "node_modules/inherits": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", + "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", + "license": "ISC" + }, "node_modules/is-binary-path": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", @@ -1280,6 +1751,15 @@ "node": ">=0.10.0" } }, + "node_modules/is-fullwidth-code-point": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", + "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==", + "license": "MIT", + "engines": { + "node": ">=8" + } + }, "node_modules/is-glob": { "version": "4.0.3", "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", @@ -1301,6 +1781,45 @@ "node": ">=0.12.0" } }, + "node_modules/is-stream": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz", + "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==", + "license": "MIT", + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/isarray": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz", + "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==", + "license": "MIT" + }, + "node_modules/isexe": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", + "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==", + "license": "ISC" + }, + "node_modules/jackspeak": { + "version": "3.4.3", + "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz", + "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==", + "license": "BlueOak-1.0.0", + "dependencies": { + "@isaacs/cliui": "^8.0.2" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + }, + "optionalDependencies": { + "@pkgjs/parseargs": "^0.11.0" + } + }, "node_modules/jiti": { "version": "2.4.2", "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.4.2.tgz", @@ -1334,6 +1853,48 @@ "type-fest": "^2.9.0" } }, + "node_modules/lazystream": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/lazystream/-/lazystream-1.0.1.tgz", + "integrity": "sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw==", + "license": "MIT", + "dependencies": { + "readable-stream": "^2.0.5" + }, + "engines": { + "node": ">= 0.6.3" + } + }, + "node_modules/lazystream/node_modules/readable-stream": { + "version": "2.3.8", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz", + "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==", + "license": "MIT", + "dependencies": { + "core-util-is": "~1.0.0", + "inherits": "~2.0.3", + "isarray": "~1.0.0", + "process-nextick-args": "~2.0.0", + "safe-buffer": "~5.1.1", + "string_decoder": "~1.1.1", + "util-deprecate": "~1.0.1" + } + }, + "node_modules/lazystream/node_modules/safe-buffer": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz", + "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==", + "license": "MIT" + }, + "node_modules/lazystream/node_modules/string_decoder": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", + "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", + "license": "MIT", + "dependencies": { + "safe-buffer": "~5.1.0" + } + }, "node_modules/lightningcss": { "version": "1.29.2", "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.29.2.tgz", @@ -1562,6 +2123,42 @@ "url": "https://opencollective.com/parcel" } }, + "node_modules/lodash": { + "version": "4.17.21", + "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz", + "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", + "license": "MIT" + }, + "node_modules/lru-cache": { + "version": "10.4.3", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz", + "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==", + "license": "ISC" + }, + "node_modules/minimatch": { + "version": "9.0.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz", + "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==", + "license": "ISC", + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/minipass": { + "version": "7.1.2", + "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz", + "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==", + "license": "ISC", + "engines": { + "node": ">=16 || 14 >=14.17" + } + }, "node_modules/nanoid": { "version": "3.3.11", "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz", @@ -1601,6 +2198,37 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/package-json-from-dist": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz", + "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==", + "license": "BlueOak-1.0.0" + }, + "node_modules/path-key": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz", + "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==", + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/path-scurry": { + "version": "1.11.1", + "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz", + "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==", + "license": "BlueOak-1.0.0", + "dependencies": { + "lru-cache": "^10.2.0", + "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0" + }, + "engines": { + "node": ">=16 || 14 >=14.18" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, "node_modules/picocolors": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz", @@ -1672,6 +2300,21 @@ "prettier": ">= 1.13.0 < 2" } }, + "node_modules/process": { + "version": "0.11.10", + "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz", + "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==", + "license": "MIT", + "engines": { + "node": ">= 0.6.0" + } + }, + "node_modules/process-nextick-args": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz", + "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==", + "license": "MIT" + }, "node_modules/random-words": { "version": "1.3.0", "resolved": "https://registry.npmjs.org/random-words/-/random-words-1.3.0.tgz", @@ -1681,6 +2324,43 @@ "seedrandom": "^3.0.5" } }, + "node_modules/readable-stream": { + "version": "4.7.0", + "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.7.0.tgz", + "integrity": "sha512-oIGGmcpTLwPga8Bn6/Z75SVaH1z5dUut2ibSyAMVhmUggWpmDn2dapB0n7f8nwaSiRtepAsfJyfXIO5DCVAODg==", + "license": "MIT", + "dependencies": { + "abort-controller": "^3.0.0", + "buffer": "^6.0.3", + "events": "^3.3.0", + "process": "^0.11.10", + "string_decoder": "^1.3.0" + }, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + } + }, + "node_modules/readdir-glob": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/readdir-glob/-/readdir-glob-1.1.3.tgz", + "integrity": "sha512-v05I2k7xN8zXvPD9N+z/uhXPaj0sUFCe2rcWZIpBsqxfP7xXFQ0tipAd/wjj1YxWyWtUS5IDJpOG82JKt2EAVA==", + "license": "Apache-2.0", + "dependencies": { + "minimatch": "^5.1.0" + } + }, + "node_modules/readdir-glob/node_modules/minimatch": { + "version": "5.1.6", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz", + "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==", + "license": "ISC", + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=10" + } + }, "node_modules/readdirp": { "version": "3.6.0", "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz", @@ -1744,12 +2424,65 @@ "fsevents": "~2.3.2" } }, + "node_modules/safe-buffer": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz", + "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "license": "MIT" + }, "node_modules/seedrandom": { "version": "3.0.5", "resolved": "https://registry.npmjs.org/seedrandom/-/seedrandom-3.0.5.tgz", "integrity": "sha512-8OwmbklUNzwezjGInmZ+2clQmExQPvomqjL7LFqOYqtmuxRgQYqOD3mHaU+MvZn5FLUeVxVfQjwLZW/n/JFuqg==", "license": "MIT" }, + "node_modules/shebang-command": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", + "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==", + "license": "MIT", + "dependencies": { + "shebang-regex": "^3.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/shebang-regex": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz", + "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==", + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/signal-exit": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz", + "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==", + "license": "ISC", + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, "node_modules/source-map": { "version": "0.6.1", "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", @@ -1780,6 +2513,141 @@ "source-map": "^0.6.0" } }, + "node_modules/streamx": { + "version": "2.22.1", + "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.22.1.tgz", + "integrity": "sha512-znKXEBxfatz2GBNK02kRnCXjV+AA4kjZIUxeWSr3UGirZMJfTE9uiwKHobnbgxWyL/JWro8tTq+vOqAK1/qbSA==", + "license": "MIT", + "dependencies": { + "fast-fifo": "^1.3.2", + "text-decoder": "^1.1.0" + }, + "optionalDependencies": { + "bare-events": "^2.2.0" + } + }, + "node_modules/string_decoder": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz", + "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==", + "license": "MIT", + "dependencies": { + "safe-buffer": "~5.2.0" + } + }, + "node_modules/string-width": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz", + "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==", + "license": "MIT", + "dependencies": { + "eastasianwidth": "^0.2.0", + "emoji-regex": "^9.2.2", + "strip-ansi": "^7.0.1" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/string-width-cjs": { + "name": "string-width", + "version": "4.2.3", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", + "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", + "license": "MIT", + "dependencies": { + "emoji-regex": "^8.0.0", + "is-fullwidth-code-point": "^3.0.0", + "strip-ansi": "^6.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/string-width-cjs/node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/string-width-cjs/node_modules/emoji-regex": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", + "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", + "license": "MIT" + }, + "node_modules/string-width-cjs/node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "license": "MIT", + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/strip-ansi": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz", + "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==", + "license": "MIT", + "dependencies": { + "ansi-regex": "^6.0.1" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/strip-ansi?sponsor=1" + } + }, + "node_modules/strip-ansi-cjs": { + "name": "strip-ansi", + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "license": "MIT", + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/strip-ansi-cjs/node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/survey-core": { + "version": "2.2.5", + "resolved": "https://registry.npmjs.org/survey-core/-/survey-core-2.2.5.tgz", + "integrity": "sha512-P1QzQn464Oc5iajs+XLBAsXIG95gCzYsb0Y34NoH+l/UddLdPw0DF7oHfdB8FAQiERO4u7F29cLrrMm/LqXDFw==", + "license": "MIT" + }, + "node_modules/survey-js-ui": { + "version": "2.2.5", + "resolved": "https://registry.npmjs.org/survey-js-ui/-/survey-js-ui-2.2.5.tgz", + "integrity": "sha512-4nsXxVykheS9vwIBEhkKHrsxPKdON3S0wDta85lmHW1qcb2fWDYc8Ef5ltiRs0Ah11c5ouo/nHd/WiKtbgJYpg==", + "license": "MIT", + "peerDependencies": { + "@types/react": "*", + "@types/react-dom": "*", + "survey-core": "2.2.5" + } + }, "node_modules/tailwindcss": { "version": "4.1.4", "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.4.tgz", @@ -1795,6 +2663,17 @@ "node": ">=6" } }, + "node_modules/tar-stream": { + "version": "3.1.7", + "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-3.1.7.tgz", + "integrity": "sha512-qJj60CXt7IU1Ffyc3NJMjh6EkuCFej46zUqJ4J7pqYlThyd9bO0XBTmcOIhSzZJVWfsLks0+nle/j538YAW9RQ==", + "license": "MIT", + "dependencies": { + "b4a": "^1.6.4", + "fast-fifo": "^1.2.0", + "streamx": "^2.15.0" + } + }, "node_modules/terser": { "version": "5.39.0", "resolved": "https://registry.npmjs.org/terser/-/terser-5.39.0.tgz", @@ -1814,6 +2693,15 @@ "node": ">=10" } }, + "node_modules/text-decoder": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/text-decoder/-/text-decoder-1.2.3.tgz", + "integrity": "sha512-3/o9z3X0X0fTupwsYvR03pJ/DjWuqqrfwBgTQzdWDiQSm9KitAyz/9WqsT2JQW7KV2m+bC2ol/zqpW37NHxLaA==", + "license": "Apache-2.0", + "dependencies": { + "b4a": "^1.6.4" + } + }, "node_modules/tinyglobby": { "version": "0.2.13", "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.13.tgz", @@ -1863,6 +2751,12 @@ "node": ">= 10.0.0" } }, + "node_modules/util-deprecate": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", + "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", + "license": "MIT" + }, "node_modules/vite": { "version": "6.3.2", "resolved": "https://registry.npmjs.org/vite/-/vite-6.3.2.tgz", @@ -1955,6 +2849,126 @@ "peerDependencies": { "vite": "^5.0.0 || ^6.0.0" } + }, + "node_modules/which": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", + "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", + "license": "ISC", + "dependencies": { + "isexe": "^2.0.0" + }, + "bin": { + "node-which": "bin/node-which" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/wrap-ansi": { + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz", + "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==", + "license": "MIT", + "dependencies": { + "ansi-styles": "^6.1.0", + "string-width": "^5.0.1", + "strip-ansi": "^7.0.1" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/wrap-ansi?sponsor=1" + } + }, + "node_modules/wrap-ansi-cjs": { + "name": "wrap-ansi", + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", + "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", + "license": "MIT", + "dependencies": { + "ansi-styles": "^4.0.0", + "string-width": "^4.1.0", + "strip-ansi": "^6.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/wrap-ansi?sponsor=1" + } + }, + "node_modules/wrap-ansi-cjs/node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "license": "MIT", + "engines": { + "node": ">=8" + } + }, + "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "license": "MIT", + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", + "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", + "license": "MIT" + }, + "node_modules/wrap-ansi-cjs/node_modules/string-width": { + "version": "4.2.3", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", + "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", + "license": "MIT", + "dependencies": { + "emoji-regex": "^8.0.0", + "is-fullwidth-code-point": "^3.0.0", + "strip-ansi": "^6.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/wrap-ansi-cjs/node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "license": "MIT", + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/zip-stream": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/zip-stream/-/zip-stream-6.0.1.tgz", + "integrity": "sha512-zK7YHHz4ZXpW89AHXUPbQVGKI7uvkd3hzusTdotCg1UxyaVtg0zFJSTfW/Dq5f7OBBVnq6cZIaC8Ti4hb6dtCA==", + "license": "MIT", + "dependencies": { + "archiver-utils": "^5.0.0", + "compress-commons": "^6.0.2", + "readable-stream": "^4.0.0" + }, + "engines": { + "node": ">= 14" + } } } } diff --git a/package.json b/package.json index cf2a460..97daa06 100644 --- a/package.json +++ b/package.json @@ -3,19 +3,26 @@ "private": true, "version": "1.0.0", "scripts": { - "dev": "vite", + "dev": "vite --host", "build": "vite build", "preview": "vite preview", "deploy": "npm run build && NODE_ENV=production node scripts/deploy.js", "deploy-dev": "npm run build && NODE_ENV=development node scripts/deploy.js" }, "devDependencies": { + "@vitejs/plugin-basic-ssl": "^2.1.0", "terser": "^5.39.0", "vite": "^6.3.1" }, "dependencies": { + "@jspsych/plugin-browser-check": "^2.1.0", + "@jspsych/plugin-html-button-response": "^2.1.0", "@jspsych/plugin-html-keyboard-response": "^2.1.0", + "@jspsych/plugin-initialize-microphone": "^2.1.0", + "@jspsych/plugin-survey": "^3.0.0", "@tailwindcss/vite": "^4.1.4", + "archiver": "^7.0.1", + "dotenv": "^17.2.0", "jspsych": "^8.2.1", "prettier-plugin-html-template-literals": "^1.0.5", "tailwindcss": "^4.1.4", diff --git a/scripts/deploy.js b/scripts/deploy.js new file mode 100644 index 0000000..035b99e --- /dev/null +++ b/scripts/deploy.js @@ -0,0 +1,87 @@ +const { execSync } = require('child_process'); +const path = require('path'); +const fs = require('fs'); +const archiver = require('archiver'); +const dotenv = require('dotenv'); + +// Load environment variables based on NODE_ENV +const envFile = + process.env.NODE_ENV === 'production' + ? '.env.production' + : '.env.development'; +dotenv.config({ path: path.join(__dirname, '..', envFile) }); + + +// Function to create and send zip file +function sendZipFile() { + return new Promise((resolve, reject) => { + const distPath = path.join(__dirname, '../dist'); + const zipPath = path.join(__dirname, '../dist.zip'); + + // Create a file to stream archive data to + const output = fs.createWriteStream(zipPath); + const archive = archiver('zip', { + zlib: { level: 9 }, // Sets the compression level + }); + + // Listen for all archive data to be written + output.on('close', () => { + console.log(`✅ Archive created: ${archive.pointer()} total bytes`); + + // Get the deployment URL from environment + const deployUrl = process.env.VITE_DEPLOY_URL; + if (!deployUrl) { + console.error('❌ VITE_DEPLOY_URL not found in environment variables'); + process.exit(1); + } + + // Send the zip file via curl + try { + console.log(`📤 Sending zip file to ${deployUrl}...`); + execSync(`curl -X POST -F "file=@${zipPath}" ${deployUrl}`, { + stdio: 'inherit', + }); + console.log('✅ Zip file sent successfully'); + } catch (error) { + console.error('❌ Failed to send zip file:', error.message); + process.exit(1); + } + + // Clean up the zip file + fs.unlinkSync(zipPath); + resolve(); + }); + + // Handle warnings and errors + archive.on('warning', err => { + if (err.code === 'ENOENT') { + console.warn('⚠️ Archive warning:', err); + } else { + reject(err); + } + }); + + archive.on('error', err => { + reject(err); + }); + + // Pipe archive data to the file + archive.pipe(output); + + // Add the dist directory to the archive + archive.directory(distPath, false); + + // Finalize the archive + archive.finalize(); + }); +} + +// Run the deployment +sendZipFile() + .then(() => { + console.log('✅ Deployment successful!'); + }) + .catch(error => { + console.error('❌ Deployment failed:', error.message); + process.exit(1); + }); diff --git a/scripts/mark-call.js b/scripts/mark-call.js new file mode 100644 index 0000000..25941a7 --- /dev/null +++ b/scripts/mark-call.js @@ -0,0 +1,476 @@ +import { ParameterType } from 'jspsych'; +import html from '../utils/html.js'; + + const info = { + name: "mark-call", + parameters: { + + }, + }; + + class jsPsychMarkCall { + constructor(jsPsych) { + this.jsPsych = jsPsych; + } + static { + this.info = info; + } + + + trial(display_element, trial) { + // Get the last recording from the previous trial + const lastTrialData = this.jsPsych.data.getLastTrialData(); + const recordingData = lastTrialData.values()[0]; + + if (!recordingData || !recordingData.response) { + display_element.innerHTML = ` +
+

No recording found from the previous trial.

+ +
+ `; + return; + } + + // Convert base64 back to audio blob with error handling + let audioData; + let audioBlob; + try { + // Create blob from base64 data + const byteCharacters = atob(recordingData.response); + const byteNumbers = new Array(byteCharacters.length); + for (let i = 0; i < byteCharacters.length; i++) { + byteNumbers[i] = byteCharacters.charCodeAt(i); + } + const byteArray = new Uint8Array(byteNumbers); + audioBlob = new Blob([byteArray], { type: 'audio/ogg' }); + audioData = URL.createObjectURL(audioBlob); + console.log('Audio blob created, size:', audioBlob.size); + } catch (error) { + console.error('Error creating audio blob:', error); + display_element.innerHTML = ` +
+

Error loading audio data.

+ +
+ `; + return; + } + + display_element.innerHTML = ` +
+
+ +
+ + +
+

Listen to your recording and mark when you would lift:

+

You can use keyboard controls (space and arrow keys) to play and skip the recording.

+

Adjust playback speed for more precise control.

+ +
+
+ + +
+ Speed: + + + +
+
+ +
+ + + +
+ +
Current position: 0:00s
+ +
+ Duration: 0:00 + Progress: 0% +
+ +
+ Keyboard shortcuts: Spacebar = Play/Pause | ← → = Skip Back/Forward | Enter = Mark Lift Point +
+ +
+ +
+ +
+
+
+ + +
+ `; + + // Set the audio source after creating the element + const audio = document.getElementById('playback-audio'); + audio.src = audioData; + console.log('Audio source set to blob URL:', audioData); + console.log('Audio blob size:', audioBlob.size, 'bytes'); + + this.setupMarkingEvents(recordingData, audioBlob); + } + + setupMarkingEvents(recordingData, audioBlob) { + const audio = document.getElementById('playback-audio'); + const playPauseBtn = document.getElementById('play-pause-btn'); + const currentTimeDisplay = document.getElementById('current-time-display'); + const durationDisplay = document.getElementById('duration-display'); + const progressDisplay = document.getElementById('progress-display'); + const skipBackBtn = document.getElementById('skip-back-btn'); + const skipForwardBtn = document.getElementById('skip-forward-btn'); + const markLiftPointBtn = document.getElementById('mark-lift-point-btn'); + const markedPointDisplay = document.getElementById('marked-point-display'); + const submitButton = document.getElementById('submit-lift-point-btn'); + + let audioDuration = 0; + let liftPointTime = null; + let isPlaying = false; + + // Format time as MM:SS + const formatTime = (seconds) => { + const minutes = Math.floor(seconds / 60); + const secs = Math.floor(seconds % 60); + return `${minutes}:${secs.toString().padStart(2, '0')}`; + }; + + // Format time with precision for lift point + const formatPreciseTime = (seconds) => { + const minutes = Math.floor(seconds / 60); + const secs = (seconds % 60).toFixed(2); + return `${minutes}:${secs.padStart(5, '0')}s`; + }; + + // Update display function + const updateDisplay = () => { + const currentTime = audio.currentTime; + const progress = audioDuration > 0 ? (currentTime / audioDuration * 100).toFixed(1) : 0; + + currentTimeDisplay.textContent = `Current position: ${formatPreciseTime(currentTime)}`; + progressDisplay.textContent = `${progress}%`; + }; + + // Update submit button state + const updateSubmitButton = () => { + if (liftPointTime !== null) { + submitButton.disabled = false; + submitButton.style.opacity = '1'; + submitButton.style.cursor = 'pointer'; + } else { + submitButton.disabled = true; + submitButton.style.opacity = '0.5'; + submitButton.style.cursor = 'not-allowed'; + } + }; + + // Check if we have a stored duration from the recording + const storedDuration = recordingData.audio_duration; + + // Wait for audio to load with better error handling + let retryCount = 0; + const maxRetries = 10; // Reduced since we might have stored duration + + const setupAudioControls = () => { + console.log(`Setup attempt ${retryCount + 1}, duration:`, audio.duration, 'ready state:', audio.readyState, 'stored duration:', storedDuration); + + // Use stored duration if available and valid + if (storedDuration && isFinite(storedDuration) && storedDuration > 0) { + audioDuration = storedDuration; + durationDisplay.textContent = formatTime(audioDuration); + updateDisplay(); + updateSubmitButton(); + console.log('Using stored duration:', audioDuration); + return; + } + + // Otherwise try to get duration from audio element + if (audio.duration && isFinite(audio.duration) && audio.duration > 0) { + audioDuration = audio.duration; + durationDisplay.textContent = formatTime(audioDuration); + updateDisplay(); + updateSubmitButton(); + console.log('Audio controls setup complete, duration:', audioDuration); + } else if (retryCount < maxRetries) { + // Retry after a short delay if duration is not available + retryCount++; + setTimeout(setupAudioControls, 100); + } else { + console.warn('Using fallback duration estimation'); + // Fallback: estimate duration based on blob size (rough approximation) + const estimatedDuration = Math.max(1, audioBlob.size / 8000); // ~8KB per second rough estimate + audioDuration = estimatedDuration; + durationDisplay.textContent = formatTime(audioDuration) + ' (est)'; + updateDisplay(); + updateSubmitButton(); + console.log('Using estimated duration:', audioDuration); + } + }; + + audio.addEventListener('loadedmetadata', setupAudioControls); + audio.addEventListener('loadeddata', setupAudioControls); + audio.addEventListener('canplay', setupAudioControls); + + // Try to set up immediately if we have stored duration + if (storedDuration) { + setupAudioControls(); + } + + // Add error handling for audio loading + audio.addEventListener('error', (e) => { + console.error('Audio loading error:', e); + console.log('Trying fallback with data URL...'); + // Fallback to data URL if blob URL fails + audio.src = `data:audio/ogg;base64,${recordingData.response}`; + audio.load(); + }); + + // Set default playback speed to 0.5x + audio.playbackRate = 0.5; + + // Force load the audio + audio.load(); + + // Speed control buttons + const speedButtons = document.querySelectorAll('.speed-btn'); + speedButtons.forEach(btn => { + btn.addEventListener('click', () => { + const speed = parseFloat(btn.dataset.speed); + audio.playbackRate = speed; + + // Update button styles + speedButtons.forEach(b => { + b.style.backgroundColor = '#ddd'; + b.style.color = '#333'; + }); + btn.style.backgroundColor = '#007cba'; + btn.style.color = 'white'; + + console.log('Playback speed set to:', speed); + }); + }); + + // Skip buttons (5% of total duration) + skipBackBtn.addEventListener('click', () => { + const skipAmount = audioDuration * 0.05; // 5% of duration + audio.currentTime = Math.max(0, audio.currentTime - skipAmount); + updateDisplay(); + }); + + skipForwardBtn.addEventListener('click', () => { + const skipAmount = audioDuration * 0.05; // 5% of duration + audio.currentTime = Math.min(audioDuration, audio.currentTime + skipAmount); + updateDisplay(); + }); + + // Play/Pause button + playPauseBtn.addEventListener('click', () => { + if (isPlaying) { + audio.pause(); + } else { + audio.play(); + } + }); + + // Audio play event + audio.addEventListener('play', () => { + isPlaying = true; + playPauseBtn.textContent = '⏸ Pause'; + playPauseBtn.style.backgroundColor = '#f44336'; + }); + + // Audio pause event + audio.addEventListener('pause', () => { + isPlaying = false; + playPauseBtn.textContent = '▶ Play'; + playPauseBtn.style.backgroundColor = '#4caf50'; + }); + + // Update display during playback + audio.addEventListener('timeupdate', updateDisplay); + + // Keyboard controls + document.addEventListener('keydown', (e) => { + // Only handle keys if we're not typing in a text field + if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') { + return; + } + + switch(e.code) { + case 'Space': + e.preventDefault(); + // Play/Pause with spacebar + if (isPlaying) { + audio.pause(); + } else { + audio.play(); + } + break; + + case 'ArrowLeft': + e.preventDefault(); + // Skip back with left arrow + const skipBackAmount = audioDuration * 0.05; + audio.currentTime = Math.max(0, audio.currentTime - skipBackAmount); + updateDisplay(); + break; + + case 'ArrowRight': + e.preventDefault(); + // Skip forward with right arrow + const skipForwardAmount = audioDuration * 0.05; + audio.currentTime = Math.min(audioDuration, audio.currentTime + skipForwardAmount); + updateDisplay(); + break; + + case 'Enter': + e.preventDefault(); + // Mark lift point with Enter + liftPointTime = audio.currentTime; + markedPointDisplay.textContent = `✓ Lift point marked at: ${formatPreciseTime(liftPointTime)}`; + updateSubmitButton(); + break; + } + }); + + // Mark lift point button + markLiftPointBtn.addEventListener('click', () => { + liftPointTime = audio.currentTime; + markedPointDisplay.textContent = `✓ Lift point marked at: ${formatPreciseTime(liftPointTime)}`; + updateSubmitButton(); + }); + + // Submit button + submitButton.addEventListener('click', () => { + if (liftPointTime === null) return; + + const trialData = { + lift_point_seconds: liftPointTime, + lift_point_formatted: formatPreciseTime(liftPointTime), + audio_duration: audioDuration, + original_recording_data: { + spelling: recordingData.spelling, + language: recordingData.language, + translation: recordingData.translation, + meaning: recordingData.meaning, + rt: recordingData.rt, + stimulus: recordingData.stimulus + } + }; + + // Clean up object URL to prevent memory leaks + if (audio.src && audio.src.startsWith('blob:')) { + URL.revokeObjectURL(audio.src); + } + + this.jsPsych.finishTrial(trialData); + }); + } + } + +export default jsPsychMarkCall; \ No newline at end of file diff --git a/scripts/plugin-verbal-response.js b/scripts/plugin-verbal-response.js new file mode 100644 index 0000000..6c16489 --- /dev/null +++ b/scripts/plugin-verbal-response.js @@ -0,0 +1,254 @@ +let jsPsychVerbalResponse = (function (jspsych) { + 'use strict'; + + const info = { + name: "verbal-response", + parameters: { + transcription_server_url: { + type: jspsych.ParameterType.STRING, + default: null, + }, + recording_key: { + type: jspsych.ParameterType.INT, + default: 71, + }, + stimulus: { + type: jspsych.ParameterType.STRING, + default: null, + }, + start_image: { + type: jspsych.ParameterType.STRING, + default: null, + }, + video_html: { + type: jspsych.ParameterType.STRING, + default: null, + }, + red_points_html: { + type: jspsych.ParameterType.STRING, + default: null, + }, + blue_points_html: { + type: jspsych.ParameterType.STRING, + default: null, + }, + locale: { + type: jspsych.ParameterType.STRING, + default: "en-US", + } + }, + }; + + class VerbalResponsePlugin { + constructor(jsPsych) { + this.jsPsych = jsPsych; + this.rt = null; + this.recorded_data_chunks = []; + this.recording_key_down = false; + } + + trial(display_element, trial) { + + display_element.innerHTML = trial.video_html; + + const pointsContainer = document.getElementById("points-container"); + pointsContainer.innerHTML = pointsContainer.innerHTML + trial.red_points_html + trial.blue_points_html; + + + document.getElementById("prompts").innerHTML = trial.stimulus; + + this.recorder = this.jsPsych.pluginAPI.getMicrophoneRecorder(); + + this.setupRecordingEvents(display_element, trial); + + window.addEventListener("keydown", this.startRecording, false); + window.addEventListener("keyup", this.stopRecording, false); + + } + + setupRecordingEvents(display_element, trial) { + this.data_available_handler = (e) => { + if (e.data.size > 0) { + this.recorded_data_chunks.push(e.data); + } + }; + this.stop_event_handler = () => { + const data = new Blob(this.recorded_data_chunks, {type: "audio/ogg"}); + const reader = new FileReader(); + reader.addEventListener("load", () => { + this.response = reader.result.split(",")[1]; + this.load_resolver(); + this.checkResponse(this.response, trial, display_element) + }); + reader.readAsDataURL(data); + }; + this.start_event_handler = (e) => { + this.recorded_data_chunks.length = 0; + this.recorder_start_time = e.timeStamp; + }; + this.recorder.addEventListener("dataavailable", this.data_available_handler); + this.recorder.addEventListener("stop", this.stop_event_handler); + this.recorder.addEventListener("start", this.start_event_handler); + } + + checkRecordingKey(e) { + return e.keyCode === 71; + + } + + startRecording(e) { + if (!this.checkRecordingKey(e)) { + return; + } + + if (this.recording_key_down) { + return; + } + + document.getElementById("recording").innerHTML = "Listening..." + this.recording_key_down = true; + this.recorder.start(); + this.stimulus_start_time = Date.now(); + } + + delay = ms => new Promise(res => setTimeout(res, ms)); + + async stopRecording(e) { + if (!this.checkRecordingKey(e)) { + return; + } + + if (!this.recording_key_down) { + + return; + } + + await this.delay(200); + this.recorder.stop(); + this.recording_key_down = false; + document.getElementById("recording").innerHTML = "Processing..." + + return new Promise((resolve) => { + this.load_resolver = resolve; + }); + } + + async checkResponse(responseAudio, trial, display_element) { + + let transcription = await this.transcribeResponse(responseAudio, trial); + document.getElementById("recording").innerHTML = "" + //console.log(transcription); + + if (!transcription) { + document.getElementById("prompts").innerHTML = `Your request wasn't detected. Hold down the 'G' key and try again`; + return; + } + + const processedResponse = nlp(transcription) + + const requested = processedResponse.match('~give~', null, {fuzzy: 0.75}) + const negated = processedResponse.match('(~not~|~dont~|~keep~)', null, {fuzzy: 0.75}) + const objectMentioned = processedResponse.match('~object~', null, {fuzzy: 0.75}) + + if (negated.found | !requested.found || !objectMentioned.found) { + document.getElementById("prompts").innerHTML = `Request not registered Be sure to say 'Give me the (red/blue) object' in full. Hold down the 'G' key and try again.`; + document.getElementById("recording").innerHTML = "Your request: " + transcription; + return; + } + + const redMentioned = processedResponse.match('~red~', null, {fuzzy: 0.75}) + const blueMentioned = processedResponse.match('~blue~', null, {fuzzy: 0.75}) + + if (redMentioned.found && blueMentioned.found) { + document.getElementById("prompts").innerHTML = `You mentioned both colours of objects. Please ask for only one. Hold down the 'G' key and try again`; + document.getElementById("recording").innerHTML = "Your request: " + transcription; + return; + } + + if (!redMentioned.found && !blueMentioned.found) { + document.getElementById("prompts").innerHTML = `You mentioned neither colour of object. Hold down the 'G' key and try again`; + document.getElementById("recording").innerHTML = "Your request: " + transcription; + return; + } + + let requestedColour; + + if (redMentioned.found) { + requestedColour = "red"; + } + + if (blueMentioned.found) { + requestedColour = "blue"; + } + + document.getElementById("prompts").innerHTML = `You asked for the ` + requestedColour + ` object.` + this.transribedResponse = transcription; + this.chosenObject = requestedColour; + + + //await this.delay(100); + + this.endTrial(display_element, trial); + + + } + + + transcribeResponse(responseAudio, trial) { + return new Promise(function (resolve, reject) { + const xhr = new XMLHttpRequest(); + const requestBody = "clip=" + encodeURIComponent(responseAudio) + "&locale=" + trial.locale; + xhr.open("POST", trial.transcription_server_url); + xhr.onload = function () { + if (this.status >= 200 && this.status < 300) { + resolve(xhr.response); + } else { + reject({ + status: this.status, + statusText: xhr.statusText + }); + } + }; + xhr.onerror = function () { + reject({ + status: this.status, + statusText: xhr.statusText + }); + }; + xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); + xhr.send(requestBody); + }); + } + + endTrial(display_element, trial) { + this.recorder.removeEventListener("dataavailable", this.data_available_handler); + this.recorder.removeEventListener("start", this.start_event_handler); + this.recorder.removeEventListener("stop", this.stop_event_handler); + + window.removeEventListener("keydown", this.startRecording); + window.removeEventListener("keyup", this.stopRecording); + + document.getElementById("redpoints").innerHTML = ""; + document.getElementById("bluepoints").innerHTML = ""; + + // kill any remaining setTimeout handlers + this.jsPsych.pluginAPI.clearAllTimeouts(); + // gather the data to store for the trial + let trial_data = { + rt: this.rt, + stimulus: trial.stimulus, + response: this.response, + estimated_stimulus_onset: Math.round(this.stimulus_start_time - this.recorder_start_time), + transcribed_response: this.transribedResponse, + chosen_object: this.chosenObject, + }; + + this.jsPsych.finishTrial(trial_data); + } + } + + VerbalResponsePlugin.info = info; + + return VerbalResponsePlugin; + +})(jsPsychModule); diff --git a/scripts/record-call.js b/scripts/record-call.js new file mode 100644 index 0000000..d204c18 --- /dev/null +++ b/scripts/record-call.js @@ -0,0 +1,476 @@ +import { ParameterType } from 'jspsych'; + + const info = { + name: "record-call", + parameters: { + stimulus: { + type: ParameterType.STRING, + default: null, + }, + }, + }; + + class jsPsychRecordCall { + constructor(jsPsych) { + this.jsPsych = jsPsych; + this.recorded_data_chunks = []; + this.recording = false; + this.recorder = null; + this.current_recording = null; + this.audio_duration = null; + } + static { + this.info = info; + } + + trial(display_element, trial) { + try { + this.recorder = this.jsPsych.pluginAPI.getMicrophoneRecorder(); + if (!this.recorder) { + throw new Error("Microphone not initialized"); + } + this.setupRecordingEvents(); + } catch (error) { + console.error("Microphone setup failed:", error); + display_element.innerHTML = ` +
+

Microphone access is required for this experiment.

+

Please refresh the page and allow microphone access when prompted.

+ +
+ `; + return; + } + + display_element.innerHTML = ` +
+
+

Imagine two people lifting something heavy together. In your culture, is there a typical phrase, word or utterance that is used in such a situation? Please record one such a phrase, word or utterance!

+
+ ${trial.stimulus ? `

${trial.stimulus}

` : ''} + +
+ + +
+ `; + + this.setupButtonEvents(display_element, trial); + } + + setupRecordingEvents() { + this.data_available_handler = (e) => { + if (e.data.size > 0) { + this.recorded_data_chunks.push(e.data); + } + }; + + this.stop_event_handler = () => { + const data = new Blob(this.recorded_data_chunks, {type: "audio/ogg"}); + this.current_recording = data; + + const audioUrl = URL.createObjectURL(data); + const audioElement = document.getElementById("playback-audio"); + audioElement.src = audioUrl; + + // Force playback to load metadata and get exact duration + document.getElementById("recording-status").textContent = "Processing recording..."; + document.getElementById("record-button").style.display = "none"; + + const loadAudioMetadata = () => { + let metadataLoaded = false; + + const showControls = () => { + if (metadataLoaded) return; + metadataLoaded = true; + + // Clean up + audioElement.muted = false; + audioElement.pause(); + audioElement.currentTime = 0; + + // Show controls + document.getElementById("recording-controls").style.display = "block"; + document.getElementById("record-button").style.display = "none"; + document.getElementById("recording-status").textContent = "Recording complete. Listen and choose:"; + + console.log('Final audio duration:', this.audio_duration); + }; + + // Multiple event handlers to catch metadata loading + const onMetadataEvent = () => { + if (audioElement.duration && isFinite(audioElement.duration) && audioElement.duration > 0) { + this.audio_duration = audioElement.duration; + console.log('Audio duration loaded via metadata:', this.audio_duration); + showControls(); + } + }; + + const onCanPlayEvent = () => { + if (audioElement.duration && isFinite(audioElement.duration) && audioElement.duration > 0) { + this.audio_duration = audioElement.duration; + console.log('Audio duration loaded via canplay:', this.audio_duration); + showControls(); + } + }; + + audioElement.addEventListener('loadedmetadata', onMetadataEvent); + audioElement.addEventListener('loadeddata', onMetadataEvent); + audioElement.addEventListener('canplay', onCanPlayEvent); + + // Mute and try to load + audioElement.muted = true; + audioElement.currentTime = 0; + audioElement.load(); + + // Fallback: if metadata doesn't load within 2 seconds, continue anyway + setTimeout(() => { + if (!metadataLoaded) { + console.warn('Metadata loading timeout, continuing without duration'); + showControls(); + } + }, 2000); + + // Try playing after a short delay if metadata isn't loaded + setTimeout(() => { + if (!metadataLoaded && !this.audio_duration) { + console.log('Attempting to play audio to force metadata loading'); + audioElement.play().catch(e => { + console.log('Auto-play prevented:', e); + // If play fails, just continue + if (!metadataLoaded) { + showControls(); + } + }); + } + }, 500); + }; + + loadAudioMetadata(); + }; + + this.start_event_handler = (e) => { + this.recorded_data_chunks.length = 0; + this.recorder_start_time = e.timeStamp; + }; + + this.recorder.addEventListener("dataavailable", this.data_available_handler); + this.recorder.addEventListener("stop", this.stop_event_handler); + this.recorder.addEventListener("start", this.start_event_handler); + } + + setupButtonEvents(display_element, trial) { + const recordButton = document.getElementById("record-button"); + const reRecordButton = document.getElementById("re-record-button"); + const acceptButton = document.getElementById("accept-recording-button"); + const statusDiv = document.getElementById("recording-status"); + + recordButton.addEventListener("mousedown", () => { + if (!this.recording) { + this.startRecording(); + recordButton.textContent = "Recording... (Release to stop)"; + recordButton.style.backgroundColor = "#f44336"; + statusDiv.textContent = "Recording in progress..."; + } + }); + + recordButton.addEventListener("mouseup", () => { + if (this.recording) { + this.stopRecording(); + recordButton.textContent = "Hold to Record"; + recordButton.style.backgroundColor = "#007cba"; + statusDiv.textContent = "Processing recording..."; + } + }); + + recordButton.addEventListener("mouseleave", () => { + if (this.recording) { + this.stopRecording(); + recordButton.textContent = "Hold to Record"; + recordButton.style.backgroundColor = "#007cba"; + statusDiv.textContent = "Processing recording..."; + } + }); + + reRecordButton.addEventListener("click", () => { + document.getElementById("recording-controls").style.display = "none"; + document.getElementById("record-button").style.display = "inline-block"; + statusDiv.textContent = ""; + this.current_recording = null; + }); + + acceptButton.addEventListener("click", () => { + document.getElementById("recording-controls").style.display = "none"; + document.getElementById("questions-section").style.display = "block"; + + const finalAudio = document.getElementById("final-playback-audio"); + const originalAudio = document.getElementById("playback-audio"); + finalAudio.src = originalAudio.src; + + document.getElementById("recording-status").textContent = "Please answer all questions to continue:"; + + this.setupQuestionEvents(trial); + }); + } + + setupQuestionEvents(trial) { + const spellingInput = document.getElementById("spelling-input"); + const languageSelect = document.getElementById("language-select"); + const otherLanguageSection = document.getElementById("other-language-section"); + const otherLanguageInput = document.getElementById("other-language-input"); + const translationSection = document.getElementById("translation-section"); + const translationInput = document.getElementById("translation-input"); + const meaningInput = document.getElementById("meaning-input"); + const submitButton = document.getElementById("submit-answers-button"); + + const validateForm = () => { + const spelling = spellingInput.value.trim(); + const language = languageSelect.value; + const otherLanguage = otherLanguageInput.value.trim(); + const meaning = meaningInput.value.trim(); + const needsOtherLanguage = language === "Other"; + const needsTranslation = language && language !== "English"; + const translation = translationInput.value.trim(); + + const isValid = spelling && language && meaning && + (!needsOtherLanguage || otherLanguage) && + (!needsTranslation || translation); + + submitButton.disabled = !isValid; + submitButton.style.opacity = isValid ? "1" : "0.5"; + submitButton.style.cursor = isValid ? "pointer" : "not-allowed"; + }; + + languageSelect.addEventListener("change", () => { + const selectedLanguage = languageSelect.value; + const isEnglish = selectedLanguage === "English"; + const isOther = selectedLanguage === "Other"; + + translationSection.style.display = isEnglish ? "none" : "block"; + otherLanguageSection.style.display = isOther ? "block" : "none"; + + if (isEnglish) { + translationInput.value = ""; + } + if (!isOther) { + otherLanguageInput.value = ""; + } + validateForm(); + }); + + [spellingInput, languageSelect, otherLanguageInput, translationInput, meaningInput].forEach(element => { + element.addEventListener("input", validateForm); + element.addEventListener("change", validateForm); + }); + + submitButton.addEventListener("click", () => { + if (!submitButton.disabled) { + const finalLanguage = languageSelect.value === "Other" ? + otherLanguageInput.value.trim() : + languageSelect.value; + + this.endTrialWithAnswers(trial, { + spelling: spellingInput.value.trim(), + language: finalLanguage, + translation: translationInput.value.trim() || null, + meaning: meaningInput.value.trim() + }); + } + }); + } + + startRecording() { + try { + this.recording = true; + this.recorder.start(); + this.stimulus_start_time = Date.now(); + } catch (error) { + console.error("Failed to start recording:", error); + document.getElementById("recording-status").textContent = "Recording failed. Please refresh and try again."; + this.recording = false; + } + } + + stopRecording() { + if (this.recording) { + this.recording = false; + // Add a small buffer to prevent clipping + setTimeout(() => { + this.recorder.stop(); + }, 200); // 200ms buffer + } + } + + endTrialWithAnswers(trial, answers) { + this.recorder.removeEventListener("dataavailable", this.data_available_handler); + this.recorder.removeEventListener("start", this.start_event_handler); + this.recorder.removeEventListener("stop", this.stop_event_handler); + + this.jsPsych.pluginAPI.clearAllTimeouts(); + + const reader = new FileReader(); + reader.addEventListener("load", () => { + const response = reader.result.split(",")[1]; + + let trial_data = { + rt: this.stimulus_start_time ? Date.now() - this.stimulus_start_time : null, + stimulus: trial.stimulus, + response: response, + estimated_stimulus_onset: this.recorder_start_time ? Math.round(this.stimulus_start_time - this.recorder_start_time) : null, + spelling: answers.spelling, + language: answers.language, + translation: answers.translation, + meaning: answers.meaning, + audio_duration: this.audio_duration + }; + + this.jsPsych.finishTrial(trial_data); + }); + + if (this.current_recording) { + reader.readAsDataURL(this.current_recording); + } else { + this.jsPsych.finishTrial({ + rt: null, + stimulus: trial.stimulus, + response: null, + estimated_stimulus_onset: null, + spelling: answers.spelling, + language: answers.language, + translation: answers.translation, + meaning: answers.meaning, + audio_duration: this.audio_duration + }); + } + } + + endTrial(display_element, trial) { + this.recorder.removeEventListener("dataavailable", this.data_available_handler); + this.recorder.removeEventListener("start", this.start_event_handler); + this.recorder.removeEventListener("stop", this.stop_event_handler); + + this.jsPsych.pluginAPI.clearAllTimeouts(); + + const reader = new FileReader(); + reader.addEventListener("load", () => { + const response = reader.result.split(",")[1]; + + let trial_data = { + rt: this.stimulus_start_time ? Date.now() - this.stimulus_start_time : null, + stimulus: trial.stimulus, + response: response, + estimated_stimulus_onset: this.recorder_start_time ? Math.round(this.stimulus_start_time - this.recorder_start_time) : null, + }; + + this.jsPsych.finishTrial(trial_data); + }); + + if (this.current_recording) { + reader.readAsDataURL(this.current_recording); + } else { + this.jsPsych.finishTrial({ + rt: null, + stimulus: trial.stimulus, + response: null, + estimated_stimulus_onset: null, + }); + } + } + } + +export default jsPsychRecordCall; \ No newline at end of file diff --git a/scripts/text-stimuli.js b/scripts/text-stimuli.js new file mode 100644 index 0000000..aedea78 --- /dev/null +++ b/scripts/text-stimuli.js @@ -0,0 +1,62 @@ +import html from '../utils/html.js'; + +export const textStimuli = { + complete: html`Experiment complete. Please paste the following link into your browser to confirm completion on Prolific: + + ${import.meta.env.VITE_COMPLETE_URL} + + `, + info_consent: html` +
+

The aim of this project is to create an online collection of lifting calls (working title: Lifting Call Collection) from around the world that is accessible to the public and to other researchers.

+

Lifting calls are phrases, words or sounds that people say or make when they want to lift a heavy object together with someone else. To build this online collection of lifting calls, we will ask you to record one or more lifting calls that you know. We will also ask you to provide us with a written version of the recorded calls and information about the region and language that the calls are used in.

+

We process this data in accordance with the Austrian Forschungsorganisationsgesetz – FOG and Consent under Art 6 (1) (a) GDPR, public interest (e) and (f) legitimate interest. You have the right to withdraw your consent at any time. To do so and to request the deletion of your data, please contact CEU’s data protection officer at privacy@ceu.edu.

+

More information about your rights can be found at the controller’s website https://www.ceu.edu/privacy. If you have any questions regarding data protection, please contact CEU's data protection officer at privacy@ceu.edu. +In case you are accessing this online form through via Prolific, Prolific acts as a data processor and has access to personal data. You can download Prolific’s full privacy notices here: https://prolific.notion.site/Privacy-and-Legal-at-Prolific-395a0b3414cd4d84a2557566256e3d58 +

By checking the “I agree” box, you agree to participate in this study. You also confirm you are 18 years or older. To agree: Check the “I agree” box below and then click next to participate in the study. If you do not wish to participate in this study, simply close out of this browser window.

+
+
+ + +
+ `, + publication_consent: html` +
+

+ Please specify which of the following statements you agree with by checking the corresponding “I agree” box: +

+ +
+
+

Statement 1:

+

+ I agree that the audio recording of my lifting call will be made available to the public as part of the + Lifting Call Collection together with the geographic location and language that this call is associated with. + I understand that, although no personal data will be attached to the recording, my voice in the audio + recording remains identifiable. +

+
+ +
+ + +
+ +
+

Statement 2:

+

+ I agree that a written transcript of my lifting call will be made available to the public as part of the + Lifting Call Collection together with the geographic location and language that this call is associated with. +

+
+ +
+ + +
+ +
+
`, + recording_saved: html`

Your recording has been saved. If you can think of another lifting call, press R to record another, or Q to continue.

`, + data_quality_warning: html`

Please ensure that you only save intelligible lifting calls. Submissions with unintelligible audio and low-effort responses to questions will be rejected.

`, +}; diff --git a/scripts/text_stimuli.js b/scripts/text_stimuli.js deleted file mode 100644 index e60af76..0000000 --- a/scripts/text_stimuli.js +++ /dev/null @@ -1,9 +0,0 @@ -import html from '../utils/html.js'; - -export const textStimuli = { - complete: html`Experiment complete. Please paste the following link into your browser to confirm completion on Prolific: - - ${import.meta.env.VITE_COMPLETE_URL} - - `, -}; diff --git a/vite.config.mjs b/vite.config.mjs index b64b615..569956a 100644 --- a/vite.config.mjs +++ b/vite.config.mjs @@ -1,21 +1,24 @@ import { defineConfig } from 'vite'; import tailwindcss from '@tailwindcss/vite'; import { viteStaticCopy } from 'vite-plugin-static-copy'; +import basicSsl from '@vitejs/plugin-basic-ssl'; export default defineConfig({ base: './', // This makes all assets use relative paths plugins: [ + basicSsl(), tailwindcss(), viteStaticCopy({ targets: [ - { - src: 'images/*', - dest: 'images', - }, + //{ + // src: 'images/*', + // dest: 'images', + //}, ], }), ], server: { + host: true, watch: { usePolling: true, },