intelligent-system-design-language 0.3.21 → 0.3.23

package/out/cli/components/active-effect-sheet-generator.js

@@ -20,32 +20,32 @@ export function generateBaseActiveEffectBaseSheet(entry, id, destination) {
         if (property.modifier == "locked")
             return;
         if (isResourceExp(property)) {
-            return expandToNode `
-                addChange("${document.name.toLowerCase()}", "${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.value", 1);
-                addChange("${document.name.toLowerCase()}", "${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.max");
+            return expandToNode `
+                addChange("${document.name.toLowerCase()}", "${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.value", 1);
+                addChange("${document.name.toLowerCase()}", "${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.max");
             `;
         }
         if (isTrackerExp(property)) {
-            return expandToNode `
-                addChange("${document.name.toLowerCase()}", "${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.min");
-                addChange("${document.name.toLowerCase()}", "${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.value", 1);
-                addChange("${document.name.toLowerCase()}", "${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.temp", 1);
-                addChange("${document.name.toLowerCase()}", "${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.max");
+            return expandToNode `
+                addChange("${document.name.toLowerCase()}", "${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.min");
+                addChange("${document.name.toLowerCase()}", "${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.value", 1);
+                addChange("${document.name.toLowerCase()}", "${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.temp", 1);
+                addChange("${document.name.toLowerCase()}", "${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.max");
             `;
         }
         if (isAttributeExp(property)) {
-            return expandToNode `
-                addChange("${document.name.toLowerCase()}", "${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.value");
-                addChange("${document.name.toLowerCase()}", "${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.max");
+            return expandToNode `
+                addChange("${document.name.toLowerCase()}", "${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.value");
+                addChange("${document.name.toLowerCase()}", "${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.max");
             `;
         }
         if (isNumberExp(property)) {
-            return expandToNode `
-                addChange("${document.name.toLowerCase()}", "${document.name.toLowerCase()}.system.${property.name.toLowerCase()}", 1);
+            return expandToNode `
+                addChange("${document.name.toLowerCase()}", "${document.name.toLowerCase()}.system.${property.name.toLowerCase()}", 1);
             `;
         }
-        return expandToNode `
-            addChange("${document.name.toLowerCase()}", "${document.name.toLowerCase()}.${getSystemPath(property)}");
+        return expandToNode `
+            addChange("${document.name.toLowerCase()}", "${document.name.toLowerCase()}.${getSystemPath(property)}");
         `;
     }
     function generateDamageTypeActiveEffectFields(entry, document) {
@@ -57,16 +57,16 @@ export function generateBaseActiveEffectBaseSheet(entry, id, destination) {
         }
         const damageTypeFields = damageTypes.map(damageType => {
             const safeTypeName = damageType.toLowerCase().replace(/[^a-z0-9]/g, '');
-            return expandToNode `
-                // ${damageType} damage type Active Effect fields
-                addChange("${document.name.toLowerCase()}", "${document.name.toLowerCase()}.system.${safeTypeName}bonusdamage");
-                addChange("${document.name.toLowerCase()}", "${document.name.toLowerCase()}.system.${safeTypeName}damageresistanceflat");
-                addChange("${document.name.toLowerCase()}", "${document.name.toLowerCase()}.system.${safeTypeName}damageresistancepercent");
+            return expandToNode `
+                // ${damageType} damage type Active Effect fields
+                addChange("${document.name.toLowerCase()}", "${document.name.toLowerCase()}.system.${safeTypeName}bonusdamage");
+                addChange("${document.name.toLowerCase()}", "${document.name.toLowerCase()}.system.${safeTypeName}damageresistanceflat");
+                addChange("${document.name.toLowerCase()}", "${document.name.toLowerCase()}.system.${safeTypeName}damageresistancepercent");
             `;
         });
-        return expandToNode `
-            // Auto-generated damage type Active Effect fields
-            ${joinToNode(damageTypeFields, field => field, { appendNewLineIfNotEmpty: true })}
+        return expandToNode `
+            // Auto-generated damage type Active Effect fields
+            ${joinToNode(damageTypeFields, field => field, { appendNewLineIfNotEmpty: true })}
         `;
     }
     // Collect all damage types from the entry (same function as in datamodel-generator)
@@ -120,297 +120,297 @@ export function generateBaseActiveEffectBaseSheet(entry, id, destination) {
     //         };
     //     `;
     // }
-    const fileNode = expandToNode `
-        import VueRenderingMixin from './VueRenderingMixin.mjs';
-        import { ActiveEffectApp } from "./components/components.vue.es.mjs";
-        const { DOCUMENT_OWNERSHIP_LEVELS } = CONST;
-        export default class ${entry.config.name}EffectVueSheet extends VueRenderingMixin(foundry.applications.api.DocumentSheetV2) {
-            
-            vueParts = {
-                "active-effect": {
-                    component: ActiveEffectApp,
-                    template: "<active-effect :context=\\"context\\">Vue rendering for sheet failed.</active-effect>"
-                }
-            };
-
-            _arrayEntryKey = 0;
-            _renderKey = 0;
-            
-            
-            /** @override */
-            static DEFAULT_OPTIONS = {
-                classes: ["${id}", "sheet", "vue-sheet", "active-effect", "active-effect-sheet"],
-                viewPermission: DOCUMENT_OWNERSHIP_LEVELS.LIMITED,
-                editPermission: DOCUMENT_OWNERSHIP_LEVELS.OWNER,
-                position: {
-                    width: 600,
-                    height: 600,
-                },
-                window: {
-                    resizable: true,
-                    title: "Active Effect"
-                },
-                tag: "form",
-                actions: {
-                    onEditImage: this._onEditImage
-                },
-                changeActions: {
-                },
-                // Custom property that's merged into this.options
-                dragDrop: [
-                ],
-                form: {
-                    handler: ${entry.config.name}EffectVueSheet._onSubmitForm,
-                    submitOnChange: false,
-                    submitOnClose: true,
-                    closeOnSubmit: false
-                }
-            };
-
-            /* -------------------------------------------- */
-
-            static async _onEditImage(event, target) {
-                const current = foundry.utils.getProperty(this.document, target.dataset.edit);
-                const fp = new FilePicker({
-                    current,
-                    type: "image",
-                    callback: (path) => {
-                        this.document.update({ [target.dataset.edit]: path });
-                    },
-                    top: this.position.top + 40,
-                    left: this.position.left + 10
-                });
-                return fp.browse();
-            }
-
-            /* -------------------------------------------- */
-
-            async _prepareContext(options) {
-                const context = await super._prepareContext(options);
-                this.object = this.document.toObject();
-                context.effect = this.object;
-                context.descriptionHTML = await TextEditor.enrichHTML(this.object.description, {secrets: this.object.isOwner});
-            
-                // Status Conditions
-                const statuses = CONFIG.statusEffects.map(s => {
-                  return {
-                    id: s.id,
-                    label: game.i18n.localize(s.name),
-                    selected: context.effect.statuses.includes(s.id) ? "selected" : ""
-                  };
-                });
-                context.statuses = statuses;
-                if ( context.effect.origin ) {
-                    context.originLink = await TextEditor.enrichHTML("@UUID[" + context.effect.origin + "]");
-                }
-                
-                function setValue(obj, access, value, mode) {
-                    if ( typeof(access)=='string' ) {
-                        access = access.split('.');
-                    }
-                    // Split up an access path into sub-objects, such as "system.attribute.value" => "system": {"attribute": {"value": ...}}
-                    if ( access.length > 1 ) {
-                        const key = access.shift();
-                        if ( !obj[key] ) obj[key] = {};
-                        setValue(obj[key], access, value, mode);
-                    }
-                    else {
-                        obj[access[0]] = value;
-                        obj[access[0] + "-mode"] = mode;
-                    }
-                }
-
-                // Turn the changes into the friendlier format
-                for ( const change of context.effect.changes ) {
-                    setValue(context, change.key, change.value, change.mode);
-                }
-                
-                // Output initialization
-                const vueContext = {
-                    // Validates both permissions and compendium status
-                    editable: this.isEditable,
-                    owner: this.document.isOwner,
-                    limited: this.document.limited,
-
-                    // Add the document.
-                    object: context.effect,
-                    document: this.document,
-
-                    // Add the data to context.data for easier access, as well as flags.
-                    system: this.document.system,
-                    flags: this.document.flags,
-
-                    // Editors
-                    editors: {},
-
-                    // Force re-renders. Defined in the vue mixin.
-                    _renderKey: this._renderKey ?? 0,
-                    _arrayEntryKey: this._arrayEntryKey ?? 0,
-                    isItemEffect: this.document.parent.documentName === "Item",
-                    originLink: context.originLink
-                    // tabs: this._getTabs(options.parts),
-                };
-                
-                await this._enrichEditor(vueContext, "description");
-                
-                const numberTypes = ['multiply', 'add', 'downgrade', 'upgrade', 'override'];
-                const stringTypes = ['override'];
-                const booleanTypes = ['override'];
-
-                vueContext.numberModes = numberTypes.map(type => ({
-                    value: type,
-                    label: game.i18n.localize(\`EFFECT.CHANGES.TYPES.\${type}\`)
-                }));
-                vueContext.numberModes.push({
-                    value: 'custom',
-                    label: game.i18n.localize("EFFECTS.AddOnce")
-                });
-                vueContext.basicNumberModes = numberTypes.map(type => ({
-                    value: type,
-                    label: game.i18n.localize(\`EFFECT.CHANGES.TYPES.\${type}\`)
-                }));
-                vueContext.stringModes = stringTypes.map(type => ({
-                    value: type,
-                    label: game.i18n.localize(\`EFFECT.CHANGES.TYPES.\${type}\`)
-                }));
-                vueContext.booleanModes = booleanTypes.map(type => ({
-                    value: type,
-                    label: game.i18n.localize(\`EFFECT.CHANGES.TYPES.\${type}\`)
-                }));
-                vueContext.resourceModes = [
-                    { value: 'custom', label: game.i18n.localize("EFFECTS.AddOnce") }
-                ];
-                vueContext.trackerModes = [
-                    { value: 'custom', label: game.i18n.localize("EFFECTS.AddOnce") }
-                ];
-
-                // Copy current change values into vueContext so the Vue component can read them
-                for ( const change of context.effect.changes ) {
-                    setValue(vueContext, change.key, change.value, change.mode);
-                }
-
-                console.dir("Vue Active Effect Context", vueContext);
-                return vueContext;
-            }
-            
-            
-            async _enrichEditor(context, field) {
-                const enrichmentOptions = {
-                    // Whether to show secret blocks in the finished html
-                    secrets: this.document.isOwner,
-                    // Data to fill in for inline rolls
-                    rollData: {},
-                    // Relative UUID resolution
-                    relativeTo: this.document
-                };
-
-                const editorOptions = {
-                    toggled: true,
-                    collaborate: true,
-                    documentUUID: this.document.uuid,
-                    height: 300
-                };
-
-                const editorValue = this.document.system?.[field] ?? foundry.utils.getProperty(this.document.system, field);
-                context.editors[\`\${field}\`] = {
-                    enriched: await TextEditor.enrichHTML(editorValue, enrichmentOptions),
-                    element: foundry.applications.elements.HTMLProseMirrorElement.create({
-                        ...editorOptions,
-                        name: \`system.\${field}\`,
-                        value: editorValue ?? ""
-                    })
-                };
-            }
-            
-            /* -------------------------------------------- */
-            
-            _prepareSubmitData(event, form, formData) {
-                // We don't modify the image via the sheet itself, so we can remove it from the submit data to avoid errors.
-                delete formData.object.img;
-                return super._prepareSubmitData(event, form, formData);
-            }
-
-            /* -------------------------------------------- */
-
-            /**
-             * Process form submission for the sheet
-             * @this {${entry.config.name}EffectVueSheet}     The handler is called with the application as its bound scope
-             * @param {SubmitEvent} event                     The originating form submission event
-             * @param {HTMLFormElement} form                  The form element that was submitted
-             * @param {FormDataExtended} formData             Processed data for the submitted form
-             * @returns {Promise<void>}
-             */
-            static async _onSubmitForm(event, form, formData) {
-                console.log("Updating Active Effect", formData);
-                const flags = foundry.utils.duplicate(this.document.flags);
-                if ( !flags["${id}"] ) {
-                    flags["${id}"] = {};
-                }
-
-                // Retrieve the existing effects.
-                let changes = this.document.changes ? [...this.document.changes] : [];
-
-                // Build an array of effects from the form data
-                let newChanges = [];
-
-                function addChange(documentName, key, customMode) {
-                    const value = foundry.utils.getProperty(formData.object, key);
-                    if ( value === undefined ) {
-                        // Field not rendered in the form - preserve any existing change.
-                        return;
-                    }
-                    if ( !value ) {
-                        // Field explicitly cleared (empty string / zero) - remove the change.
-                        changes = changes.filter(c => c.key !== key);
-                        return;
-                    }
-                    const type = foundry.utils.getProperty(formData.object, key + "-type") ?? 'add';
-                    newChanges.push({
-                        key: key,
-                        value: value,
-                        type: type
-                    });
-                    if ( customMode ) flags["${id}"][key + "-custommode"] = customMode;
-                }
-
-                ${joinToNode(entry.documents.filter(d => isActor(d)), document => joinToNode(document.body, property => generateAddValue(document, property), { appendNewLineIfNotEmpty: true }))}
-
-                // Auto-generated damage type Active Effect fields
-                ${joinToNode(entry.documents.filter(d => isActor(d)), document => generateDamageTypeActiveEffectFields(entry, document), { appendNewLineIfNotEmpty: true })}
-
-                // Update the existing changes to replace duplicates.
-                for (let i = 0; i < changes.length; i++) {
-                    const newChange = newChanges.find(c => c.key == changes[i].key);
-                    if (newChange) {
-                        // Replace with the new change and update the array to prevent duplicates.
-                        changes[i] = newChange;
-                        newChanges = newChanges.filter(c => c.key != changes[i].key);
-                    }
-                }
-
-                // Filter changes for empty form fields.
-                const finalChanges = changes.concat(newChanges).filter(c => c.value !== null && c.value !== undefined && c.value !== '');
-                console.log("Active Effect Changes", finalChanges);
-                await this.document.update({
-                    name: formData.object.name,
-                    description: formData.object.description ?? '',
-                    disabled: formData.object.disabled ?? false,
-                    transfer: formData.object.transfer ?? false,
-                    changes: finalChanges,
-                    flags: flags
-                });
-
-                // Rerender the parent sheets to update the effect lists.
-                this.document.parent?.sheet?.render();
-                if ( this.document.parent?.documentName === "Item" ) {
-                    this.document.parent?.parent?.applyActiveEffects();
-
-                    // Wait half a second
-                    await new Promise(r => setTimeout(r, 500));
-                    this.document.parent?.parent?.sheet?.render();
-                }
-            }
-        }
+    const fileNode = expandToNode `
+        import VueRenderingMixin from './VueRenderingMixin.mjs';
+        import { ActiveEffectApp } from "./components/components.vue.es.mjs";
+        const { DOCUMENT_OWNERSHIP_LEVELS } = CONST;
+        export default class ${entry.config.name}EffectVueSheet extends VueRenderingMixin(foundry.applications.api.DocumentSheetV2) {
+            
+            vueParts = {
+                "active-effect": {
+                    component: ActiveEffectApp,
+                    template: "<active-effect :context=\\"context\\">Vue rendering for sheet failed.</active-effect>"
+                }
+            };
+
+            _arrayEntryKey = 0;
+            _renderKey = 0;
+            
+            
+            /** @override */
+            static DEFAULT_OPTIONS = {
+                classes: ["${id}", "sheet", "vue-sheet", "active-effect", "active-effect-sheet"],
+                viewPermission: DOCUMENT_OWNERSHIP_LEVELS.LIMITED,
+                editPermission: DOCUMENT_OWNERSHIP_LEVELS.OWNER,
+                position: {
+                    width: 600,
+                    height: 600,
+                },
+                window: {
+                    resizable: true,
+                    title: "Active Effect"
+                },
+                tag: "form",
+                actions: {
+                    onEditImage: this._onEditImage
+                },
+                changeActions: {
+                },
+                // Custom property that's merged into this.options
+                dragDrop: [
+                ],
+                form: {
+                    handler: ${entry.config.name}EffectVueSheet._onSubmitForm,
+                    submitOnChange: false,
+                    submitOnClose: true,
+                    closeOnSubmit: false
+                }
+            };
+
+            /* -------------------------------------------- */
+
+            static async _onEditImage(event, target) {
+                const current = foundry.utils.getProperty(this.document, target.dataset.edit);
+                const fp = new FilePicker({
+                    current,
+                    type: "image",
+                    callback: (path) => {
+                        this.document.update({ [target.dataset.edit]: path });
+                    },
+                    top: this.position.top + 40,
+                    left: this.position.left + 10
+                });
+                return fp.browse();
+            }
+
+            /* -------------------------------------------- */
+
+            async _prepareContext(options) {
+                const context = await super._prepareContext(options);
+                this.object = this.document.toObject();
+                context.effect = this.object;
+                context.descriptionHTML = await TextEditor.enrichHTML(this.object.description, {secrets: this.object.isOwner});
+            
+                // Status Conditions
+                const statuses = CONFIG.statusEffects.map(s => {
+                  return {
+                    id: s.id,
+                    label: game.i18n.localize(s.name),
+                    selected: context.effect.statuses.includes(s.id) ? "selected" : ""
+                  };
+                });
+                context.statuses = statuses;
+                if ( context.effect.origin ) {
+                    context.originLink = await TextEditor.enrichHTML("@UUID[" + context.effect.origin + "]");
+                }
+                
+                function setValue(obj, access, value, mode) {
+                    if ( typeof(access)=='string' ) {
+                        access = access.split('.');
+                    }
+                    // Split up an access path into sub-objects, such as "system.attribute.value" => "system": {"attribute": {"value": ...}}
+                    if ( access.length > 1 ) {
+                        const key = access.shift();
+                        if ( !obj[key] ) obj[key] = {};
+                        setValue(obj[key], access, value, mode);
+                    }
+                    else {
+                        obj[access[0]] = value;
+                        obj[access[0] + "-mode"] = mode;
+                    }
+                }
+
+                // Turn the changes into the friendlier format
+                for ( const change of context.effect.changes ) {
+                    setValue(context, change.key, change.value, change.mode);
+                }
+                
+                // Output initialization
+                const vueContext = {
+                    // Validates both permissions and compendium status
+                    editable: this.isEditable,
+                    owner: this.document.isOwner,
+                    limited: this.document.limited,
+
+                    // Add the document.
+                    object: context.effect,
+                    document: this.document,
+
+                    // Add the data to context.data for easier access, as well as flags.
+                    system: this.document.system,
+                    flags: this.document.flags,
+
+                    // Editors
+                    editors: {},
+
+                    // Force re-renders. Defined in the vue mixin.
+                    _renderKey: this._renderKey ?? 0,
+                    _arrayEntryKey: this._arrayEntryKey ?? 0,
+                    isItemEffect: this.document.parent.documentName === "Item",
+                    originLink: context.originLink
+                    // tabs: this._getTabs(options.parts),
+                };
+                
+                await this._enrichEditor(vueContext, "description");
+                
+                const numberTypes = ['multiply', 'add', 'downgrade', 'upgrade', 'override'];
+                const stringTypes = ['override'];
+                const booleanTypes = ['override'];
+
+                vueContext.numberModes = numberTypes.map(type => ({
+                    value: type,
+                    label: game.i18n.localize(\`EFFECT.CHANGES.TYPES.\${type}\`)
+                }));
+                vueContext.numberModes.push({
+                    value: 'custom',
+                    label: game.i18n.localize("EFFECTS.AddOnce")
+                });
+                vueContext.basicNumberModes = numberTypes.map(type => ({
+                    value: type,
+                    label: game.i18n.localize(\`EFFECT.CHANGES.TYPES.\${type}\`)
+                }));
+                vueContext.stringModes = stringTypes.map(type => ({
+                    value: type,
+                    label: game.i18n.localize(\`EFFECT.CHANGES.TYPES.\${type}\`)
+                }));
+                vueContext.booleanModes = booleanTypes.map(type => ({
+                    value: type,
+                    label: game.i18n.localize(\`EFFECT.CHANGES.TYPES.\${type}\`)
+                }));
+                vueContext.resourceModes = [
+                    { value: 'custom', label: game.i18n.localize("EFFECTS.AddOnce") }
+                ];
+                vueContext.trackerModes = [
+                    { value: 'custom', label: game.i18n.localize("EFFECTS.AddOnce") }
+                ];
+
+                // Copy current change values into vueContext so the Vue component can read them
+                for ( const change of context.effect.changes ) {
+                    setValue(vueContext, change.key, change.value, change.mode);
+                }
+
+                console.dir("Vue Active Effect Context", vueContext);
+                return vueContext;
+            }
+            
+            
+            async _enrichEditor(context, field) {
+                const enrichmentOptions = {
+                    // Whether to show secret blocks in the finished html
+                    secrets: this.document.isOwner,
+                    // Data to fill in for inline rolls
+                    rollData: {},
+                    // Relative UUID resolution
+                    relativeTo: this.document
+                };
+
+                const editorOptions = {
+                    toggled: true,
+                    collaborate: true,
+                    documentUUID: this.document.uuid,
+                    height: 300
+                };
+
+                const editorValue = this.document.system?.[field] ?? foundry.utils.getProperty(this.document.system, field);
+                context.editors[\`\${field}\`] = {
+                    enriched: await TextEditor.enrichHTML(editorValue, enrichmentOptions),
+                    element: foundry.applications.elements.HTMLProseMirrorElement.create({
+                        ...editorOptions,
+                        name: \`system.\${field}\`,
+                        value: editorValue ?? ""
+                    })
+                };
+            }
+            
+            /* -------------------------------------------- */
+            
+            _prepareSubmitData(event, form, formData) {
+                // We don't modify the image via the sheet itself, so we can remove it from the submit data to avoid errors.
+                delete formData.object.img;
+                return super._prepareSubmitData(event, form, formData);
+            }
+
+            /* -------------------------------------------- */
+
+            /**
+             * Process form submission for the sheet
+             * @this {${entry.config.name}EffectVueSheet}     The handler is called with the application as its bound scope
+             * @param {SubmitEvent} event                     The originating form submission event
+             * @param {HTMLFormElement} form                  The form element that was submitted
+             * @param {FormDataExtended} formData             Processed data for the submitted form
+             * @returns {Promise<void>}
+             */
+            static async _onSubmitForm(event, form, formData) {
+                console.log("Updating Active Effect", formData);
+                const flags = foundry.utils.duplicate(this.document.flags);
+                if ( !flags["${id}"] ) {
+                    flags["${id}"] = {};
+                }
+
+                // Retrieve the existing effects.
+                let changes = this.document.changes ? [...this.document.changes] : [];
+
+                // Build an array of effects from the form data
+                let newChanges = [];
+
+                function addChange(documentName, key, customMode) {
+                    const value = foundry.utils.getProperty(formData.object, key);
+                    if ( value === undefined ) {
+                        // Field not rendered in the form - preserve any existing change.
+                        return;
+                    }
+                    if ( !value ) {
+                        // Field explicitly cleared (empty string / zero) - remove the change.
+                        changes = changes.filter(c => c.key !== key);
+                        return;
+                    }
+                    const type = foundry.utils.getProperty(formData.object, key + "-type") ?? 'add';
+                    newChanges.push({
+                        key: key,
+                        value: value,
+                        type: type
+                    });
+                    if ( customMode ) flags["${id}"][key + "-custommode"] = customMode;
+                }
+
+                ${joinToNode(entry.documents.filter(d => isActor(d)), document => joinToNode(document.body, property => generateAddValue(document, property), { appendNewLineIfNotEmpty: true }))}
+
+                // Auto-generated damage type Active Effect fields
+                ${joinToNode(entry.documents.filter(d => isActor(d)), document => generateDamageTypeActiveEffectFields(entry, document), { appendNewLineIfNotEmpty: true })}
+
+                // Update the existing changes to replace duplicates.
+                for (let i = 0; i < changes.length; i++) {
+                    const newChange = newChanges.find(c => c.key == changes[i].key);
+                    if (newChange) {
+                        // Replace with the new change and update the array to prevent duplicates.
+                        changes[i] = newChange;
+                        newChanges = newChanges.filter(c => c.key != changes[i].key);
+                    }
+                }
+
+                // Filter changes for empty form fields.
+                const finalChanges = changes.concat(newChanges).filter(c => c.value !== null && c.value !== undefined && c.value !== '');
+                console.log("Active Effect Changes", finalChanges);
+                await this.document.update({
+                    name: formData.object.name,
+                    description: formData.object.description ?? '',
+                    disabled: formData.object.disabled ?? false,
+                    transfer: formData.object.transfer ?? false,
+                    changes: finalChanges,
+                    flags: flags
+                });
+
+                // Rerender the parent sheets to update the effect lists.
+                this.document.parent?.sheet?.render();
+                if ( this.document.parent?.documentName === "Item" ) {
+                    this.document.parent?.parent?.applyActiveEffects();
+
+                    // Wait half a second
+                    await new Promise(r => setTimeout(r, 500));
+                    this.document.parent?.parent?.sheet?.render();
+                }
+            }
+        }
         `.appendNewLineIfNotEmpty();
     fs.writeFileSync(generatedFilePath, toString(fileNode));
 }
@@ -434,12 +434,12 @@ export function generateActiveEffectHandlebars(id, entry, destination) {
             }
             if (fields.length == 0)
                 return undefined;
-            return expandToNode `
-                <!-- ${property.name} Section -->
-                <fieldset>
-                  <legend>{{localize "${property.name}"}}</legend>
-                  ${joinToNode(fields, field => field, { appendNewLineIfNotEmpty: true })}
-                </fieldset>
+            return expandToNode `
+                <!-- ${property.name} Section -->
+                <fieldset>
+                  <legend>{{localize "${property.name}"}}</legend>
+                  ${joinToNode(fields, field => field, { appendNewLineIfNotEmpty: true })}
+                </fieldset>
             `;
         }
         if (isLayout(property)) {
@@ -453,14 +453,14 @@ export function generateActiveEffectHandlebars(id, entry, destination) {
             // If this is calculated, it's implicitly locked
             if (property.params.find(x => isNumberParamValue(x)))
                 return;
-            return expandToNode `
-                <div class="form-group">
-                    <label>{{localize "${property.name}"}}</label>
-                    <select name="${document.name.toLowerCase()}.${getSystemPath(property)}-mode" data-dtype="Number">
-                        {{selectOptions numberModes selected=${document.name.toLowerCase()}.${getSystemPath(property)}-mode}}
-                    </select>
-                    <input type="number" name="${document.name.toLowerCase()}.${getSystemPath(property)}" value="{{${document.name.toLowerCase()}.${getSystemPath(property)}}}" />
-                </div>
+            return expandToNode `
+                <div class="form-group">
+                    <label>{{localize "${property.name}"}}</label>
+                    <select name="${document.name.toLowerCase()}.${getSystemPath(property)}-mode" data-dtype="Number">
+                        {{selectOptions numberModes selected=${document.name.toLowerCase()}.${getSystemPath(property)}-mode}}
+                    </select>
+                    <input type="number" name="${document.name.toLowerCase()}.${getSystemPath(property)}" value="{{${document.name.toLowerCase()}.${getSystemPath(property)}}}" />
+                </div>
             `;
         }
         if (isAttributeExp(property)) {
@@ -480,64 +480,64 @@ export function generateActiveEffectHandlebars(id, entry, destination) {
             //         <input type="number" name="${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.max" value="{{${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.max}}" />
             //     </div>
             // `;
-            return expandToNode `
-                <div class="form-group">
-                    <label>{{localize "${property.name}"}} Value</label>
-                    <select name="${document.name.toLowerCase()}.${getSystemPath(property)}-mode" data-dtype="Number">
-                        {{selectOptions numberModes selected=${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.value-mode}}
-                    </select>
-                    <input type="number" name="${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.value" value="{{${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.value}}" />
-                </div>
+            return expandToNode `
+                <div class="form-group">
+                    <label>{{localize "${property.name}"}} Value</label>
+                    <select name="${document.name.toLowerCase()}.${getSystemPath(property)}-mode" data-dtype="Number">
+                        {{selectOptions numberModes selected=${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.value-mode}}
+                    </select>
+                    <input type="number" name="${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.value" value="{{${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.value}}" />
+                </div>
             `;
         }
         if (isResourceExp(property)) {
-            return expandToNode `
-                <div class="form-group">
-                    <label>{{localize "${property.name}"}} Current</label>
-                    <select name="${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.value-mode" data-dtype="Number">
-                        {{selectOptions resourceModes selected=${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.value-mode}}
-                    </select>
-                    <input type="number" name="${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.value" value="{{${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.value}}" />
-                </div>
-                <div class="form-group">
-                    <label>{{localize "${property.name}"}} Max</label>
-                    <select name="${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.max-mode" data-dtype="Number">
-                        {{selectOptions numberModes selected=${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.max-mode}}
-                    </select>
-                    <input type="number" name="${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.max" value="{{${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.max}}" />
-                </div>
+            return expandToNode `
+                <div class="form-group">
+                    <label>{{localize "${property.name}"}} Current</label>
+                    <select name="${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.value-mode" data-dtype="Number">
+                        {{selectOptions resourceModes selected=${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.value-mode}}
+                    </select>
+                    <input type="number" name="${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.value" value="{{${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.value}}" />
+                </div>
+                <div class="form-group">
+                    <label>{{localize "${property.name}"}} Max</label>
+                    <select name="${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.max-mode" data-dtype="Number">
+                        {{selectOptions numberModes selected=${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.max-mode}}
+                    </select>
+                    <input type="number" name="${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.max" value="{{${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.max}}" />
+                </div>
             `;
         }
         if (isTrackerExp(property)) {
-            return expandToNode `
-                <div class="form-group">
-                    <label>{{localize "${property.name}"}} Min</label>
-                    <select name="${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.min-mode" data-dtype="Number">
-                        {{selectOptions numberModes selected=${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.min-mode}}
-                    </select>
-                    <input type="number" name="${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.min" value="{{${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.min}}" />
-                </div>
-                <div class="form-group">
-                    <label>{{localize "${property.name}"}} Current</label>
-                    <select name="${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.value-mode" data-dtype="Number">
-                        {{selectOptions resourceModes selected=${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.value-mode}}
-                    </select>
-                    <input type="number" name="${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.value" value="{{${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.value}}" />
-                </div>
-                <div class="form-group">
-                    <label>{{localize "${property.name}"}} Temp</label>
-                    <select name="${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.temp-mode" data-dtype="Number">
-                        {{selectOptions resourceModes selected=${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.temp-mode}}
-                    </select>
-                    <input type="number" name="${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.temp" value="{{${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.temp}}" />
-                </div>
-                <div class="form-group">
-                    <label>{{localize "${property.name}"}} Max</label>
-                    <select name="${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.max-mode" data-dtype="Number">
-                        {{selectOptions numberModes selected=${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.max-mode}}
-                    </select>
-                    <input type="number" name="${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.max" value="{{${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.max}}" />
-                </div>
+            return expandToNode `
+                <div class="form-group">
+                    <label>{{localize "${property.name}"}} Min</label>
+                    <select name="${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.min-mode" data-dtype="Number">
+                        {{selectOptions numberModes selected=${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.min-mode}}
+                    </select>
+                    <input type="number" name="${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.min" value="{{${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.min}}" />
+                </div>
+                <div class="form-group">
+                    <label>{{localize "${property.name}"}} Current</label>
+                    <select name="${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.value-mode" data-dtype="Number">
+                        {{selectOptions resourceModes selected=${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.value-mode}}
+                    </select>
+                    <input type="number" name="${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.value" value="{{${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.value}}" />
+                </div>
+                <div class="form-group">
+                    <label>{{localize "${property.name}"}} Temp</label>
+                    <select name="${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.temp-mode" data-dtype="Number">
+                        {{selectOptions resourceModes selected=${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.temp-mode}}
+                    </select>
+                    <input type="number" name="${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.temp" value="{{${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.temp}}" />
+                </div>
+                <div class="form-group">
+                    <label>{{localize "${property.name}"}} Max</label>
+                    <select name="${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.max-mode" data-dtype="Number">
+                        {{selectOptions numberModes selected=${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.max-mode}}
+                    </select>
+                    <input type="number" name="${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.max" value="{{${document.name.toLowerCase()}.system.${property.name.toLowerCase()}.max}}" />
+                </div>
             `;
         }
         if (isStringExp(property)) {
@@ -554,89 +554,89 @@ export function generateActiveEffectHandlebars(id, entry, destination) {
             //         </div>
             //     `;
             // }
-            return expandToNode `
-                <div class="form-group">
-                    <label>{{localize "${property.name}"}}</label>
-                    <select name="${document.name.toLowerCase()}.${getSystemPath(property)}-mode" data-dtype="String">
-                        {{selectOptions stringModes selected=${document.name.toLowerCase()}.${getSystemPath(property)}-mode}}
-                    </select>
-                    <input type="text" name="${document.name.toLowerCase()}.${getSystemPath(property)}" value="{{${document.name.toLowerCase()}.${getSystemPath(property)}}}" />
-                </div>
+            return expandToNode `
+                <div class="form-group">
+                    <label>{{localize "${property.name}"}}</label>
+                    <select name="${document.name.toLowerCase()}.${getSystemPath(property)}-mode" data-dtype="String">
+                        {{selectOptions stringModes selected=${document.name.toLowerCase()}.${getSystemPath(property)}-mode}}
+                    </select>
+                    <input type="text" name="${document.name.toLowerCase()}.${getSystemPath(property)}" value="{{${document.name.toLowerCase()}.${getSystemPath(property)}}}" />
+                </div>
             `;
         }
         if (isBooleanExp(property)) {
-            return expandToNode `
-                <div class="form-group">
-                    <label>{{localize "${property.name}"}}</label>
-                    <select name="${document.name.toLowerCase()}.${getSystemPath(property)}-mode" data-dtype="Boolean">
-                        {{selectOptions booleanModes selected=${document.name.toLowerCase()}.${getSystemPath(property)}-mode}}  
-                    </select>
-                    <input type="checkbox" name="${document.name.toLowerCase()}.${getSystemPath(property)}" {{checked ${document.name.toLowerCase()}.${getSystemPath(property)}}} />
-                </div>
+            return expandToNode `
+                <div class="form-group">
+                    <label>{{localize "${property.name}"}}</label>
+                    <select name="${document.name.toLowerCase()}.${getSystemPath(property)}-mode" data-dtype="Boolean">
+                        {{selectOptions booleanModes selected=${document.name.toLowerCase()}.${getSystemPath(property)}-mode}}  
+                    </select>
+                    <input type="checkbox" name="${document.name.toLowerCase()}.${getSystemPath(property)}" {{checked ${document.name.toLowerCase()}.${getSystemPath(property)}}} />
+                </div>
             `;
         }
         return;
     }
     function generateDocumentTab(document) {
-        return expandToNode `
-            <!-- ${document.name} Tab -->
-            <section class="tab" data-tab="${document.name.toLowerCase()}">
-                ${joinToNode(document.body, property => generateField(document, property), { appendNewLineIfNotEmpty: true })}
-            </section>
+        return expandToNode `
+            <!-- ${document.name} Tab -->
+            <section class="tab" data-tab="${document.name.toLowerCase()}">
+                ${joinToNode(document.body, property => generateField(document, property), { appendNewLineIfNotEmpty: true })}
+            </section>
         `;
     }
-    const fileNode = expandToNode `
-        <form  class="{{cssClass}}" autocomplete="off">
-            <!-- Effect Header -->
-            <header class="sheet-header">
-                <img class="effect-icon effect-img" src="{{ effect.img }}" data-edit="img">
-                <h1 class="effect-title"><input type="text" name="name" value="{{effect.name}}" placeholder="{{localize 'ARCHMAGE.name'}}"/></h1>
-            </header>
-
-            <article class="sheet-content">
-                <section class="sheet-body">
-                    <!-- Effect Configuration Tabs -->
-                    <nav class="sheet-tabs tabs">
-                        <a class="item" data-tab="info"><i class="fas fa-book"></i> {{localize "Info"}}</a>
-                        ${joinToNode(entry.documents.filter(d => isActor(d)), property => `<a class="item" data-tab="${property.name.toLowerCase()}">{{localize "${property.name}"}}</a>`, { appendNewLineIfNotEmpty: true })}
-                    </nav>
-
-                    <div class="sheet-tabs-content">
-                        <!-- Info Tab -->
-                        <section class="tab" data-tab="info">
-                            <div class="form-group stacked">
-                                <label>{{ localize "EFFECT.Description" }}</label>
-                                {{editor descriptionHTML target="description" button=false editable=editable engine="prosemirror" collaborate=false}}
-                            </div>
-
-                            <div class="form-group">
-                                <label>{{ localize "EFFECT.Disabled" }}</label>
-                                <input type="checkbox" name="disabled" {{ checked effect.disabled }}/>
-                            </div>
-
-                            {{#if originLink}}
-                            <div class="form-group">
-                                <label>{{ localize "EFFECT.Origin" }}</label>
-                                {{{originLink}}}
-                            </div>
-                            {{/if}}
-
-                            {{#if isItemEffect}}
-                            <div class="form-group">
-                                <label>{{ labels.transfer.name }}</label>
-                                <div class="form-fields">
-                                    <input type="checkbox" name="transfer" {{checked data.transfer}}/>
-                                </div>
-                                <p class="hint">{{ labels.transfer.hint }}</p>
-                            </div>
-                            {{/if}}
-                        </div>
-
-                        ${joinToNode(entry.documents, property => generateDocumentTab(property), { appendNewLineIfNotEmpty: true })}
-                    </section>
-                </section>
-            </article>
-        </form>
+    const fileNode = expandToNode `
+        <form  class="{{cssClass}}" autocomplete="off">
+            <!-- Effect Header -->
+            <header class="sheet-header">
+                <img class="effect-icon effect-img" src="{{ effect.img }}" data-edit="img">
+                <h1 class="effect-title"><input type="text" name="name" value="{{effect.name}}" placeholder="{{localize 'ARCHMAGE.name'}}"/></h1>
+            </header>
+
+            <article class="sheet-content">
+                <section class="sheet-body">
+                    <!-- Effect Configuration Tabs -->
+                    <nav class="sheet-tabs tabs">
+                        <a class="item" data-tab="info"><i class="fas fa-book"></i> {{localize "Info"}}</a>
+                        ${joinToNode(entry.documents.filter(d => isActor(d)), property => `<a class="item" data-tab="${property.name.toLowerCase()}">{{localize "${property.name}"}}</a>`, { appendNewLineIfNotEmpty: true })}
+                    </nav>
+
+                    <div class="sheet-tabs-content">
+                        <!-- Info Tab -->
+                        <section class="tab" data-tab="info">
+                            <div class="form-group stacked">
+                                <label>{{ localize "EFFECT.Description" }}</label>
+                                {{editor descriptionHTML target="description" button=false editable=editable engine="prosemirror" collaborate=false}}
+                            </div>
+
+                            <div class="form-group">
+                                <label>{{ localize "EFFECT.Disabled" }}</label>
+                                <input type="checkbox" name="disabled" {{ checked effect.disabled }}/>
+                            </div>
+
+                            {{#if originLink}}
+                            <div class="form-group">
+                                <label>{{ localize "EFFECT.Origin" }}</label>
+                                {{{originLink}}}
+                            </div>
+                            {{/if}}
+
+                            {{#if isItemEffect}}
+                            <div class="form-group">
+                                <label>{{ labels.transfer.name }}</label>
+                                <div class="form-fields">
+                                    <input type="checkbox" name="transfer" {{checked data.transfer}}/>
+                                </div>
+                                <p class="hint">{{ labels.transfer.hint }}</p>
+                            </div>
+                            {{/if}}
+                        </div>
+
+                        ${joinToNode(entry.documents, property => generateDocumentTab(property), { appendNewLineIfNotEmpty: true })}
+                    </section>
+                </section>
+            </article>
+        </form>
     `.appendNewLineIfNotEmpty();
     fs.writeFileSync(generatedFilePath, toString(fileNode));
 }