Migrate Options to Settings and integrate GUI Builder

2026-06-04 19:08:47 +02:00
parent 343a9eaf56
commit 3c25080666
9 changed files with 571 additions and 68 deletions
@@ -1,4 +1,12 @@
-import { MODULE_ID, SETTINGS, DEFAULT_REACTION, ACTION_TYPES, TRIGGER_TYPES } from "../constants.js";
+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;
@@ -13,8 +21,8 @@ export class ConfigurableReactionsConfigApp extends HandlebarsApplicationMixin(A
      icon: "fa-solid fa-bolt"
    },
    position: {
-      width: 900,
-      height: 760
+      width: 1040,
+      height: 820
    },
    actions: {
      createReaction: ConfigurableReactionsConfigApp.#onCreateReaction,
@@ -22,8 +30,8 @@ export class ConfigurableReactionsConfigApp extends HandlebarsApplicationMixin(A
      deleteReaction: ConfigurableReactionsConfigApp.#onDeleteReaction,
      assignSelectedTokens: ConfigurableReactionsConfigApp.#onAssignSelectedTokens,
      removeAssignment: ConfigurableReactionsConfigApp.#onRemoveAssignment,
-      addTeleportAction: ConfigurableReactionsConfigApp.#onAddTeleportAction,
-      addStatusAction: ConfigurableReactionsConfigApp.#onAddStatusAction
+      removeAction: ConfigurableReactionsConfigApp.#onRemoveAction,
+      saveReactionBasics: ConfigurableReactionsConfigApp.#onSaveReactionBasics
    }
  };

@@ -41,6 +49,30 @@ export class ConfigurableReactionsConfigApp extends HandlebarsApplicationMixin(A
    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 => ({
@@ -51,6 +83,10 @@ export class ConfigurableReactionsConfigApp extends HandlebarsApplicationMixin(A
      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) }))
    };
  }
@@ -62,6 +98,52 @@ export class ConfigurableReactionsConfigApp extends HandlebarsApplicationMixin(A
      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) {
@@ -91,6 +173,7 @@ export class ConfigurableReactionsConfigApp extends HandlebarsApplicationMixin(A

    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);
@@ -137,41 +220,149 @@ export class ConfigurableReactionsConfigApp extends HandlebarsApplicationMixin(A
    this.render({ force: true });
  }

-  static async #onAddTeleportAction(event, target) {
-    await this.#addAction({
-      id: foundry.utils.randomID(),
-      type: ACTION_TYPES.TELEPORT,
-      enabled: true,
-      radius: 30,
-      askOwner: false,
-      snapToGrid: true,
-      maxAttempts: 80,
-      consumeOnFailure: false
+  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 #onAddStatusAction(event, target) {
-    await this.#addAction({
-      id: foundry.utils.randomID(),
-      type: ACTION_TYPES.APPLY_STATUS,
-      enabled: true,
-      statuses: [],
-      duration: {
-        type: "rounds",
-        value: 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;

-    reaction.actions ??= [];
-    reaction.actions.push(action);
-
+    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;
+  }
+}