Display toast when narrator name is set

package-lock.json

@@ -45,7 +45,8 @@
             },
             "devDependencies": {
                 "pkg": "^5.8.1",
-                "pkg-fetch": "^3.5.2"
+                "pkg-fetch": "^3.5.2",
+                "toastr": "^2.1.4"
             }
         },
         "node_modules/@babel/generator": {
@@ -3031,6 +3032,15 @@
                 "node": ">=8.0"
             }
         },
+        "node_modules/toastr": {
+            "version": "2.1.4",
+            "resolved": "https://registry.npmjs.org/toastr/-/toastr-2.1.4.tgz",
+            "integrity": "sha512-LIy77F5n+sz4tefMmFOntcJ6HL0Fv3k1TDnNmFZ0bU/GcvIIfy6eG2v7zQmMiYgaalAiUv75ttFrPn5s0gyqlA==",
+            "dev": true,
+            "dependencies": {
+                "jquery": ">=1.12.0"
+            }
+        },
         "node_modules/toidentifier": {
             "version": "1.0.1",
             "license": "MIT",

package.json

@@ -72,6 +72,7 @@
     },
     "devDependencies": {
         "pkg": "^5.8.1",
-        "pkg-fetch": "^3.5.2"
+        "pkg-fetch": "^3.5.2",
+        "toastr": "^2.1.4"
     }
 }

public/index.html

@@ -2577,6 +2577,15 @@
     <div id="rawPromptPopup" class="list-group">
         <div id="rawPromptWrapper" class="tokenItemizingSubclass"></div>
     </div>
+
+    <script>
+        // Configure toast library:
+        toastr.options.escapeHtml = true; // Prevent raw HTML inserts
+        toastr.options.timeOut = 3000; // How long the toast will display without user interaction
+        toastr.options.extendedTimeOut = 10000; // How long the toast will display after a user hovers over it
+        toastr.options.progressBar = true; // Visually indicate how long before a toast expires.
+        toastr.options.closeButton = true; // enable a close button
+    </script>
 </body>
 
 </html>

public/scripts/slash-commands.js

@@ -88,7 +88,9 @@ const NARRATOR_NAME_KEY = 'narrator_name';
 const NARRATOR_NAME_DEFAULT = 'System';
 
 function setNarratorName(_, text) {
-    chat_metadata[NARRATOR_NAME_KEY] = text || NARRATOR_NAME_DEFAULT;
+    const name = text || NARRATOR_NAME_DEFAULT;
+    chat_metadata[NARRATOR_NAME_KEY] = name;
+    toastr.info(`System narrator name set to ${name}`);
     saveChatConditional();
 }