import { MODULE_ID, SETTINGS, DEFAULT_REACTION, ACTION_TYPES, TRIGGER_TYPES, TRIGGER_PALETTE, ACTION_PALETTE } from "../constants.js"; import { assignReactionToSelectedTokens, removeAssignment } from "./assignment-manager.js"; const { ApplicationV2, HandlebarsApplicationMixin } = foundry.applications.api; export class ConfigurableReactionsConfigApp extends HandlebarsApplicationMixin(ApplicationV2) { static DEFAULT_OPTIONS = { id: "configurable-reactions-config", tag: "section", classes: ["configurable-reactions", "standard-form"], window: { title: "CONFIGURABLE_REACTIONS.App.Title", icon: "fa-solid fa-bolt" }, position: { width: 1040, height: 820 }, actions: { createReaction: ConfigurableReactionsConfigApp.#onCreateReaction, saveReactionJson: ConfigurableReactionsConfigApp.#onSaveReactionJson, deleteReaction: ConfigurableReactionsConfigApp.#onDeleteReaction, assignSelectedTokens: ConfigurableReactionsConfigApp.#onAssignSelectedTokens, removeAssignment: ConfigurableReactionsConfigApp.#onRemoveAssignment, removeAction: ConfigurableReactionsConfigApp.#onRemoveAction, saveReactionBasics: ConfigurableReactionsConfigApp.#onSaveReactionBasics } }; static PARTS = { main: { template: `modules/${MODULE_ID}/templates/reaction-config.hbs` } }; async _prepareContext(options) { const reactions = foundry.utils.deepClone(game.settings.get(MODULE_ID, SETTINGS.REACTIONS) ?? []); const assignments = foundry.utils.deepClone(game.settings.get(MODULE_ID, SETTINGS.ASSIGNMENTS) ?? []); const selectedReactionId = this._selectedReactionId ?? reactions[0]?.id ?? null; const selectedReaction = reactions.find(r => r.id === selectedReactionId) ?? reactions[0] ?? null; this._selectedReactionId = selectedReaction?.id ?? null; const triggerPalette = TRIGGER_PALETTE.map(entry => ({ ...entry, label: game.i18n.localize(entry.labelKey), hint: game.i18n.localize(entry.hintKey) })); const actionPalette = ACTION_PALETTE.map(entry => ({ ...entry, label: game.i18n.localize(entry.labelKey), hint: game.i18n.localize(entry.hintKey) })); const activeTrigger = triggerPalette.find(t => t.type === selectedReaction?.trigger?.type) ?? null; const visualActions = (selectedReaction?.actions ?? []).map((action, index) => { const paletteEntry = actionPalette.find(p => p.type === action.type); return { ...action, index, label: paletteEntry?.label ?? action.type, icon: paletteEntry?.icon ?? "fa-solid fa-puzzle-piece", summary: summarizeAction(action) }; }); return { reactions, assignments: assignments.map(a => ({ ...a, reactionName: reactions.find(r => r.id === a.reactionId)?.name ?? a.reactionId })), selectedReaction, selectedReactionJson: selectedReaction ? JSON.stringify(selectedReaction, null, 2) : "", triggerTypes: TRIGGER_TYPES, actionTypes: ACTION_TYPES, triggerPalette, actionPalette, activeTrigger, visualActions, statusEffects: CONFIG.statusEffects.map(s => ({ id: s.id, name: game.i18n.localize(s.name ?? s.id) })) }; } _onRender(context, options) { super._onRender(context, options); this.element.querySelector("[name='selectedReactionId']")?.addEventListener("change", event => { this._selectedReactionId = event.currentTarget.value; this.render({ force: true }); }); this.#activateDragAndDrop(); } #activateDragAndDrop() { for (const draggable of this.element.querySelectorAll("[data-cr-drag]")) { draggable.setAttribute("draggable", "true"); draggable.addEventListener("dragstart", event => { const payload = { kind: draggable.dataset.crDrag, type: draggable.dataset.crType, actionIndex: draggable.dataset.actionIndex ? Number(draggable.dataset.actionIndex) : null }; event.dataTransfer.setData("application/json", JSON.stringify(payload)); event.dataTransfer.setData("text/plain", JSON.stringify(payload)); event.dataTransfer.effectAllowed = "copyMove"; }); } for (const dropZone of this.element.querySelectorAll("[data-cr-drop]")) { dropZone.addEventListener("dragover", event => { event.preventDefault(); dropZone.classList.add("cr-drop-active"); event.dataTransfer.dropEffect = "copy"; }); dropZone.addEventListener("dragleave", () => dropZone.classList.remove("cr-drop-active")); dropZone.addEventListener("drop", async event => { event.preventDefault(); dropZone.classList.remove("cr-drop-active"); const payload = readDragPayload(event); if (!payload) return; if (dropZone.dataset.crDrop === "trigger" && payload.kind === "trigger") { await this.#setTrigger(payload.type); return; } if (dropZone.dataset.crDrop === "actions" && payload.kind === "action") { await this.#addAction(createDefaultAction(payload.type)); return; } }); } } static async #onCreateReaction(event, target) { const reactions = foundry.utils.deepClone(game.settings.get(MODULE_ID, SETTINGS.REACTIONS) ?? []); const reaction = foundry.utils.deepClone(DEFAULT_REACTION); reaction.id = foundry.utils.randomID(); reaction.name = game.i18n.localize("CONFIGURABLE_REACTIONS.Reactions.NewReaction"); reactions.push(reaction); await game.settings.set(MODULE_ID, SETTINGS.REACTIONS, reactions); this._selectedReactionId = reaction.id; this.render({ force: true }); } static async #onSaveReactionJson(event, target) { const textarea = this.element.querySelector("[name='reactionJson']"); if (!textarea) return; let reaction; try { reaction = JSON.parse(textarea.value); } catch (error) { ui.notifications.error(game.i18n.localize("CONFIGURABLE_REACTIONS.Errors.InvalidJson")); return; } if (!reaction.id) reaction.id = foundry.utils.randomID(); if (!reaction.name) reaction.name = game.i18n.localize("CONFIGURABLE_REACTIONS.Reactions.NewReaction"); reaction.actions ??= []; const reactions = foundry.utils.deepClone(game.settings.get(MODULE_ID, SETTINGS.REACTIONS) ?? []); const index = reactions.findIndex(r => r.id === reaction.id); if (index >= 0) reactions[index] = reaction; else reactions.push(reaction); await game.settings.set(MODULE_ID, SETTINGS.REACTIONS, reactions); this._selectedReactionId = reaction.id; this.render({ force: true }); } static async #onDeleteReaction(event, target) { const reactionId = this.element.querySelector("[name='selectedReactionId']")?.value; if (!reactionId) return; const confirmed = await foundry.applications.api.DialogV2.confirm({ window: { title: game.i18n.localize("CONFIGURABLE_REACTIONS.Reactions.Delete") }, content: `

${game.i18n.localize("CONFIGURABLE_REACTIONS.Reactions.DeleteConfirm")}

` }); if (!confirmed) return; const reactions = foundry.utils.deepClone(game.settings.get(MODULE_ID, SETTINGS.REACTIONS) ?? []) .filter(r => r.id !== reactionId); const assignments = foundry.utils.deepClone(game.settings.get(MODULE_ID, SETTINGS.ASSIGNMENTS) ?? []) .filter(a => a.reactionId !== reactionId); await game.settings.set(MODULE_ID, SETTINGS.REACTIONS, reactions); await game.settings.set(MODULE_ID, SETTINGS.ASSIGNMENTS, assignments); this._selectedReactionId = reactions[0]?.id ?? null; this.render({ force: true }); } static async #onAssignSelectedTokens(event, target) { const reactionId = this.element.querySelector("[name='selectedReactionId']")?.value; await assignReactionToSelectedTokens(reactionId); this.render({ force: true }); } static async #onRemoveAssignment(event, target) { const assignmentId = target.dataset.assignmentId; await removeAssignment(assignmentId); this.render({ force: true }); } static async #onRemoveAction(event, target) { const actionIndex = Number(target.dataset.actionIndex); if (!Number.isInteger(actionIndex)) return; await this.#mutateSelectedReaction(reaction => { reaction.actions ??= []; reaction.actions.splice(actionIndex, 1); }); } static async #onSaveReactionBasics(event, target) { const name = this.element.querySelector("[name='reactionName']")?.value?.trim(); const enabled = this.element.querySelector("[name='reactionEnabled']")?.checked === true; await this.#mutateSelectedReaction(reaction => { if (name) reaction.name = name; reaction.enabled = enabled; }); } async #setTrigger(triggerType) { await this.#mutateSelectedReaction(reaction => { reaction.trigger ??= {}; reaction.trigger.type = triggerType; }); } async #addAction(action) { await this.#mutateSelectedReaction(reaction => { reaction.actions ??= []; reaction.actions.push(action); }); } async #mutateSelectedReaction(mutator) { const reactions = foundry.utils.deepClone(game.settings.get(MODULE_ID, SETTINGS.REACTIONS) ?? []); const reaction = reactions.find(r => r.id === this._selectedReactionId); if (!reaction) return; mutator(reaction); await game.settings.set(MODULE_ID, SETTINGS.REACTIONS, reactions); this.render({ force: true }); } } function readDragPayload(event) { const raw = event.dataTransfer.getData("application/json") || event.dataTransfer.getData("text/plain"); if (!raw) return null; try { return JSON.parse(raw); } catch (error) { console.warn(`${MODULE_ID} | Invalid drag payload`, error); return null; } } function createDefaultAction(type) { switch (type) { case ACTION_TYPES.TELEPORT: return { id: foundry.utils.randomID(), type: ACTION_TYPES.TELEPORT, enabled: true, radius: 30, askOwner: false, snapToGrid: true, maxAttempts: 80, consumeOnFailure: false }; case ACTION_TYPES.APPLY_STATUS: return { id: foundry.utils.randomID(), type: ACTION_TYPES.APPLY_STATUS, enabled: true, statuses: [], duration: { type: "rounds", value: 1 } }; case ACTION_TYPES.CAST_SPELL_FROM_TOKEN: return { id: foundry.utils.randomID(), type: ACTION_TYPES.CAST_SPELL_FROM_TOKEN, enabled: true, casterMode: "affectedToken", spellSelection: { mode: "itemName", itemName: "" }, targetMode: "self", consumeSlot: true, consumeUses: true }; case ACTION_TYPES.USE_INVENTORY_ITEM: return { id: foundry.utils.randomID(), type: ACTION_TYPES.USE_INVENTORY_ITEM, enabled: true, itemSelection: { mode: "itemName", itemName: "" }, userMode: "affectedToken", targetMode: "self", activationMode: "openSheet", consumeUses: true }; default: return { id: foundry.utils.randomID(), type, enabled: true }; } } function summarizeAction(action) { switch (action.type) { case ACTION_TYPES.TELEPORT: return game.i18n.format("CONFIGURABLE_REACTIONS.Actions.Teleport.Summary", { radius: Number(action.radius) || 30, mode: action.askOwner ? game.i18n.localize("CONFIGURABLE_REACTIONS.Actions.Teleport.OwnerMode") : game.i18n.localize("CONFIGURABLE_REACTIONS.Actions.Teleport.RandomMode") }); case ACTION_TYPES.APPLY_STATUS: { const statuses = action.statuses?.length ? action.statuses.join(", ") : game.i18n.localize("CONFIGURABLE_REACTIONS.Actions.ApplyStatus.NoStatuses"); const duration = action.duration?.type === "unlimited" ? game.i18n.localize("CONFIGURABLE_REACTIONS.Duration.Unlimited") : `${action.duration?.value ?? 1} ${action.duration?.type ?? "rounds"}`; return `${statuses} ยท ${duration}`; } case ACTION_TYPES.CAST_SPELL_FROM_TOKEN: return action.spellSelection?.itemName || action.spellSelection?.itemUuid || game.i18n.localize("CONFIGURABLE_REACTIONS.Actions.CastSpellFromToken.Unconfigured"); case ACTION_TYPES.USE_INVENTORY_ITEM: return action.itemSelection?.itemName || action.itemSelection?.itemUuid || game.i18n.localize("CONFIGURABLE_REACTIONS.Actions.UseInventoryItem.Unconfigured"); default: return action.type; } }