From 2bc7f301df3886146045e7e1af7b2eba220184da Mon Sep 17 00:00:00 2001
From: Bankminer78 <niranjanninjacool@gmail.com>
Date: Thu, 27 Jun 2024 11:47:49 -0400
Subject: [PATCH 1/3] Added functionality to display wait message above loading
 graphics during data save

---
 packages/plugin-pipe/src/index.ts | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/packages/plugin-pipe/src/index.ts b/packages/plugin-pipe/src/index.ts
index d5724518..a7e86022 100644
--- a/packages/plugin-pipe/src/index.ts
+++ b/packages/plugin-pipe/src/index.ts
@@ -41,6 +41,13 @@ const info = <const>{
       type: ParameterType.STRING,
       default: null,
     },
+    /**
+     * An html message to be displayed above the loading graphics in the experiment during data save.
+     */
+    wait_message: {
+      type: ParameterType.HTML_STRING,
+      default: `<p>Saving data. Please do not close this page.</p>`,
+    },
   },
 };
 
@@ -70,11 +77,6 @@ class PipePlugin implements JsPsychPlugin<Info> {
     const progressCSS = `
       .spinner {
         animation: rotate 2s linear infinite;
-        z-index: 2;
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        margin: -25px 0 0 -25px;
         width: 50px;
         height: 50px;
       }
@@ -108,7 +110,8 @@ class PipePlugin implements JsPsychPlugin<Info> {
     `;
 
     const progressHTML = `
-      <style>${progressCSS}</style>
+    <style>${progressCSS}</style>
+      ${trial.wait_message}
       <svg class="spinner" viewBox="0 0 50 50">
         <circle class="path" cx="25" cy="25" r="20" fill="none" stroke-width="5"></circle>
       </svg>`;

From 4af83c6f77f0b48af1ddf0b7cab794e57a82500d Mon Sep 17 00:00:00 2001
From: Bankminer78 <niranjanninjacool@gmail.com>
Date: Thu, 27 Jun 2024 12:24:45 -0400
Subject: [PATCH 2/3] added changset

---
 .changeset/sixty-dots-ring.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/sixty-dots-ring.md

diff --git a/.changeset/sixty-dots-ring.md b/.changeset/sixty-dots-ring.md
new file mode 100644
index 00000000..63b70fc3
--- /dev/null
+++ b/.changeset/sixty-dots-ring.md
@@ -0,0 +1,5 @@
+---
+"@jspsych-contrib/plugin-pipe": minor
+---
+
+Added ability to display wait message above loading graphics during upload.

From 631644fc55bd892f10553fc7d0b5d08957c3269c Mon Sep 17 00:00:00 2001
From: Bankminer78 <niranjanninjacool@gmail.com>
Date: Thu, 27 Jun 2024 12:31:19 -0400
Subject: [PATCH 3/3] Documentation changes

---
 packages/plugin-pipe/docs/jspsych-pipe.md | 1 +
 packages/plugin-pipe/src/index.ts         | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/plugin-pipe/docs/jspsych-pipe.md b/packages/plugin-pipe/docs/jspsych-pipe.md
index 0576ad63..e1105b76 100644
--- a/packages/plugin-pipe/docs/jspsych-pipe.md
+++ b/packages/plugin-pipe/docs/jspsych-pipe.md
@@ -14,6 +14,7 @@ In addition to the [parameters available in all plugins](https://www.jspsych.org
 | action | string | undefined | The action to perform. Possible values are `save`, `saveBase64`, and `condition`. |
 | filename | null | undefined | The filename to use when saving data. It should be unique. If the file already exists, no data will be saved. |
 | data_string | string | null | The string of data to save. If action is `save` then this can be text data in any format (e.g., CSV, JSON, TXT, etc.). If `action` is `saveBase64`, then this should be a base64 encoded string and the `filename` should have the appropriate extension. | 
+| wait_message | HTML_string | `<p>Saving data. Please do not close this page.</p>` | An HTML message to be displayed above the loading graphics in the experiment during data upload. | 
 
 
 ## Data Generated
diff --git a/packages/plugin-pipe/src/index.ts b/packages/plugin-pipe/src/index.ts
index a7e86022..61844172 100644
--- a/packages/plugin-pipe/src/index.ts
+++ b/packages/plugin-pipe/src/index.ts
@@ -42,7 +42,7 @@ const info = <const>{
       default: null,
     },
     /**
-     * An html message to be displayed above the loading graphics in the experiment during data save.
+     * An HTML message to be displayed above the loading graphics in the experiment during data upload.
      */
     wait_message: {
       type: ParameterType.HTML_STRING,