Add SFX support

Author: cswendrowski

scripts/apps/NpcPageSheet.mjs

@@ -1,9 +1,12 @@
 export default class NpcPageSheet extends JournalPageSheet {
     /** @inheritdoc */
     static get defaultOptions() {
-        const options = super.defaultOptions;
-        options.classes.push("form");
-        return options;
+        return foundry.utils.mergeObject(super.defaultOptions, {
+            classes: ["form", "intelligent-npcs", "actor-configuration"],
+            dragDrop: [
+                {dropSelector: ".playlist"}
+            ],
+        });
     }
 
     /* -------------------------------------------- */
@@ -22,7 +25,7 @@ export default class NpcPageSheet extends JournalPageSheet {
 
         /** @type {FishingSpotData} */
         let config = context.document.flags["intelligent-npcs"] ?? {};
-        if ( foundry.utils.isEmpty(config) ) {
+        if (foundry.utils.isEmpty(config)) {
             config["enabled"] = true;
             config["summary"] = "You are a generic NPC named Bob.";
             config["background"] = "You live in a quiet town where nothing much goes on.";
@@ -32,13 +35,23 @@ export default class NpcPageSheet extends JournalPageSheet {
             config["appearance"] = "Farmer attire";
             config["exampleSentence"] = "<i>Tips hat</i> \"Evening.\"";
             config["memory"] = "Today my wife and I went to the market. We bought some bread and milk.";
+            config["playlist"] = null;
+        }
+
+        let hasPlaylistLink = false;
+        let playlistContentLink = "";
+        if (config["playlist"]) {
+            hasPlaylistLink = true;
+            playlistContentLink = await TextEditor.enrichHTML(`@UUID[${config["playlist"]}]`);
         }
 
         return foundry.utils.mergeObject(context, {
             journal: this.object,
             config: config,
             user: game.user,
-            messageHistory: JSON.stringify(context.document.getFlag("intelligent-npcs", "messageHistory"), null, 2)
+            messageHistory: JSON.stringify(context.document.getFlag("intelligent-npcs", "messageHistory"), null, 2),
+            hasPlaylistLink: hasPlaylistLink,
+            playlistContentLink: playlistContentLink,
         });
     }
 
@@ -55,11 +68,31 @@ export default class NpcPageSheet extends JournalPageSheet {
 
     /* -------------------------------------------- */
 
+    activateListeners(html) {
+        super.activateListeners(html);
+
+        html.find(".playlist-remove").click(async (event) => {
+            event.preventDefault();
+            this.object.update({flags: {"intelligent-npcs": {playlist: null}}});
+        });
+
+        html.find(".content-link").click(async (event) => {
+            event.preventDefault();
+            const uuid = this.object.getFlag("intelligent-npcs", "playlist");
+            if (uuid) {
+                const doc = await fromUuid(uuid);
+                if (doc) doc.sheet.render(true);
+            }
+        });
+    }
+
+    /* -------------------------------------------- */
+
     /** @override */
     _getHeaderButtons() {
         const buttons = super._getHeaderButtons();
 
-        if ( !this.isEditable ) return buttons;
+        if (!this.isEditable) return buttons;
 
         buttons.unshift({
                 label: "Import",
@@ -100,15 +133,15 @@ export default class NpcPageSheet extends JournalPageSheet {
     async _onImportSubmit(html) {
         // Get the file input
         const input = html.find("input[type='file']")[0];
-        if ( !input || !input.files || !input.files.length ) return;
+        if (!input || !input.files || !input.files.length) return;
 
         // Read the file
         const file = input.files[0];
         const content = await readTextFromFile(file);
 
         // Read as JSON
         const config = JSON.parse(content);
-        if ( !config ) return;
+        if (!config) return;
 
         // Update the actor
         this.object.flags["intelligent-npcs"] = config;
@@ -125,4 +158,25 @@ export default class NpcPageSheet extends JournalPageSheet {
         const filename = `${this.object.name}-intelligent-npc-journal-page-config.json`;
         saveDataToFile(content, "application/json", filename);
     }
+
+    /* -------------------------------------------- */
+
+    async _onDrop(event) {
+        super._onDrop(event);
+        const data = JSON.parse(event.dataTransfer.getData("text/plain"));
+
+        if (event.currentTarget.classList.contains("playlist")) {
+            const doc = await fromUuid(data.uuid);
+            if (!doc) return;
+            if (doc.documentName !== "Playlist") {
+                ui.notifications.error(`Expected a Playlist Document, but got a ${doc.documentName} one instead. `);
+                return;
+            }
+
+            const flag = this.object.flags["intelligent-npcs"] ?? {};
+            flag["playlist"] = data.uuid;
+            this.object.update({flags: {"intelligent-npcs": flag}});
+            return;
+        }
+    }
 }

styles/intelligent-npcs.css

@@ -4,6 +4,12 @@
   }
 }
 
+.intelligent-npcs {
+  .playlist-none {
+    outline: dotted 2px #999;
+  }
+}
+
 .chat-message {
   .message-header {
     .message-sender {

styles/intelligent-npcs.css.map

@@ -10,20 +10,31 @@
         <p class="notes">A quick summary of this NPC for human reference. Intelligent NPCs do not read this field.</p>
     </div>
 
+    <div class="form-group playlist" style="margin: 1rem;" data-name="playlist">
+        <label>Linked Playlist</label>
+        {{#if hasPlaylistLink}}
+            {{{playlistContentLink}}}
+            <a class="playlist-remove" data-name="playlist" data-action="remove" style="flex: 0;margin-left: 0.25rem;"><i class="fa-solid fa-delete-left"></i></a>
+        {{else}}
+            <p class="playlist-none">Drag a playlist here to link.</p>
+        {{/if}}
+        <p class="notes">If a Playlist is linked, the iNPC will occasionally choose to play sound from it.</p>
+    </div>
+
     <fieldset>
         <legend>Public Info</legend>
         <p class="notes">These fields will be read by other Intelligent NPCs, so don't include any info that others shouldn't generally know. These fields should be written in third person.</p>
 
         <div class="form-group-stacked">
             <label>What Everyone Knows</label>
-            <textarea class="form-control" rows="4" name="whatEveryoneKnows" placeholder="{{journal.name}} is a generic person who is well known for existing." maxlength="500">{{config.whatEveryoneKnows}}</textarea>
-            <p class="notes">A quick summary of what others generally know about this person. Write in third person. Max length: 500 characters</p>
+            <textarea class="form-control" rows="4" name="whatEveryoneKnows" placeholder="{{journal.name}} is a generic person who is well known for existing." >{{config.whatEveryoneKnows}}</textarea>
+            <p class="notes">A quick summary of what others generally know about this person. Write in third person.</p>
         </div>
 
         <div class="form-group-stacked">
             <label>Appearance</label>
-            <textarea class="form-control" rows="4" name="appearance" placeholder="{{journal.name}} wears standard street wear." maxlength="500">{{config.appearance}}</textarea>
-            <p class="notes">What this character looks like to others. Write in third person. Max length: 500 characters</p>
+            <textarea class="form-control" rows="4" name="appearance" placeholder="{{journal.name}} wears standard street wear." >{{config.appearance}}</textarea>
+            <p class="notes">What this character looks like to others. Write in third person.</p>
         </div>
     </fieldset>
 
@@ -34,7 +45,7 @@
 
         <div class="form-group-stacked">
             <label>Background</label>
-            <textarea class="form-control" rows="8" name="background" placeholder="Background" maxlength="500">{{config.background}}</textarea>
+            <textarea class="form-control" rows="8" name="background" placeholder="Background" >{{config.background}}</textarea>
         </div>
 
         <div class="form-group-stacked">

styles/intelligent-npcs.scss

@@ -6,6 +6,12 @@
 
             <h2>Summary</h2>
             <p>{{config.summary}}</p>
+
+            {{#if hasPlaylistLink}}
+                <h2>Linked Playlist</h2>
+                {{{playlistContentLink}}}
+            {{/if}}
+            </div>
         </div>
     </div>