intelligent-system-design-language 0.3.21 → 0.3.23

package/out/cli/generator.js

@@ -108,76 +108,76 @@ function generateSystemJson(entry, id, destination) {
     const generatedFilePath = path.join(destination, `system.json`);
     // Get the version of the extension
     const extensionVersion = getExtensionVersion();
-    const fileNode = expandToNode `
-        {
-            "id": "${id}",
-            "title": "${(_a = entry.config.body.find(x => isConfigExpression(x) && x.type == "label")) === null || _a === void 0 ? void 0 : _a.value}",
-            "description": "${(_b = entry.config.body.find(x => isConfigExpression(x) && x.type == "description")) === null || _b === void 0 ? void 0 : _b.value}",
-            "version": "This is auto replaced",
-            "compatibility": {
-                "minimum": 12,
-                "verified": 14
-            },
-            "authors": [
-                {
-                    "name": "${(_c = entry.config.body.find(x => isConfigExpression(x) && x.type == "author")) === null || _c === void 0 ? void 0 : _c.value}"
-                }
-            ],
-            "scripts": [
-            ],
-            "esmodules": [
-                "system/${id}-main.mjs",
-                "system/${id}-custom.mjs"
-            ],
-            "styles": [
-                "css/materialdesignicons.min.css",
-                "css/${id}.css",
-                "css/${id}-custom.css"
-            ],
-            "license": "LICENSE",
-            "readme": "README.md",
-            "socket": true,
-            "languages": [
-              {
-                "lang": "en",
-                "name": "English",
-                "path": "lang/en.json"
-              }
-            ],
-            "flags": {
-                "hotReload": {
-                    "extensions": ["css", "hbs", "json", "mjs"],
-                    "paths": ["css", "system", "lang", "system", "system.json"]
-                },
-                "isdl-version": "${extensionVersion}"
-            },
-            "media": [
-                {
-                    "type": "setup",
-                    "url": "systems/${id}/img/isdl.png",
-                    "thumbnail": "systems/${id}/img/isdl.png"
-                }
-            ],
-            "relationships": {
-                "recommends": [
-                    {
-                        "id": "intelligent-filepicker",
-                        "type": "module",
-                        "manifest": "https://github.com/cswendrowski/intelligent-filepicker/releases/latest/download/module.json",
-                        "reason": "Makes it much faster to pick out Icons for your Documents"
-                    },
-                    {
-                        "id": "ric",
-                        "type": "module",
-                        "manifest": "https://github.com/GamerFlix/ric/releases/latest/download/module.json",
-                        "reason": "Adds an UI for managing invalid Documents, such as when fields change to become required but were not filled in"
-                    }
-                ]
-            },
-            "url": "This is auto replaced",
-            "manifest": "This is auto replaced",
-            "download": "This is auto replaced"
-        }
+    const fileNode = expandToNode `
+        {
+            "id": "${id}",
+            "title": "${(_a = entry.config.body.find(x => isConfigExpression(x) && x.type == "label")) === null || _a === void 0 ? void 0 : _a.value}",
+            "description": "${(_b = entry.config.body.find(x => isConfigExpression(x) && x.type == "description")) === null || _b === void 0 ? void 0 : _b.value}",
+            "version": "This is auto replaced",
+            "compatibility": {
+                "minimum": 12,
+                "verified": 14
+            },
+            "authors": [
+                {
+                    "name": "${(_c = entry.config.body.find(x => isConfigExpression(x) && x.type == "author")) === null || _c === void 0 ? void 0 : _c.value}"
+                }
+            ],
+            "scripts": [
+            ],
+            "esmodules": [
+                "system/${id}-main.mjs",
+                "system/${id}-custom.mjs"
+            ],
+            "styles": [
+                "css/materialdesignicons.min.css",
+                "css/${id}.css",
+                "css/${id}-custom.css"
+            ],
+            "license": "LICENSE",
+            "readme": "README.md",
+            "socket": true,
+            "languages": [
+              {
+                "lang": "en",
+                "name": "English",
+                "path": "lang/en.json"
+              }
+            ],
+            "flags": {
+                "hotReload": {
+                    "extensions": ["css", "hbs", "json", "mjs"],
+                    "paths": ["css", "system", "lang", "system", "system.json"]
+                },
+                "isdl-version": "${extensionVersion}"
+            },
+            "media": [
+                {
+                    "type": "setup",
+                    "url": "systems/${id}/img/isdl.png",
+                    "thumbnail": "systems/${id}/img/isdl.png"
+                }
+            ],
+            "relationships": {
+                "recommends": [
+                    {
+                        "id": "intelligent-filepicker",
+                        "type": "module",
+                        "manifest": "https://github.com/cswendrowski/intelligent-filepicker/releases/latest/download/module.json",
+                        "reason": "Makes it much faster to pick out Icons for your Documents"
+                    },
+                    {
+                        "id": "ric",
+                        "type": "module",
+                        "manifest": "https://github.com/GamerFlix/ric/releases/latest/download/module.json",
+                        "reason": "Adds an UI for managing invalid Documents, such as when fields change to become required but were not filled in"
+                    }
+                ]
+            },
+            "url": "This is auto replaced",
+            "manifest": "This is auto replaced",
+            "download": "This is auto replaced"
+        }
     `.appendNewLineIfNotEmpty();
     fs.writeFileSync(generatedFilePath, toString(fileNode));
 }
@@ -197,21 +197,21 @@ function generateTemplateJson(entry, id, destination) {
 }
 function generateEntryMjs(entry, id, destination) {
     const generatedFilePath = path.join(destination, "system", `${id}-main.mjs`);
-    const fileNode = expandToNode `
-        import {init} from "./hooks/init.mjs";
-        import {ready} from "./hooks/ready.mjs";
-        import {renderChatLog} from "./hooks/render-chat-log.mjs";
-        import {renderSettings} from "./hooks/render-settings.mjs";
-        import {hotReload} from "./hooks/hot-reload.mjs";
-        import {hotbarDrop} from "./hooks/hotbar-drop.mjs";
-
-        Hooks.once("init", init);
-        Hooks.once("ready", ready);
-        Hooks.on("devModeReady", ({registerPackageDebugFlag}) => registerPackageDebugFlag("${id}"));
-        Hooks.on("renderChatMessage", renderChatLog);
-        Hooks.on("renderSettings", renderSettings);
-        Hooks.on("hotReload", hotReload);
-        Hooks.on("hotbarDrop", hotbarDrop);
+    const fileNode = expandToNode `
+        import {init} from "./hooks/init.mjs";
+        import {ready} from "./hooks/ready.mjs";
+        import {renderChatLog} from "./hooks/render-chat-log.mjs";
+        import {renderSettings} from "./hooks/render-settings.mjs";
+        import {hotReload} from "./hooks/hot-reload.mjs";
+        import {hotbarDrop} from "./hooks/hotbar-drop.mjs";
+
+        Hooks.once("init", init);
+        Hooks.once("ready", ready);
+        Hooks.on("devModeReady", ({registerPackageDebugFlag}) => registerPackageDebugFlag("${id}"));
+        Hooks.on("renderChatMessage", renderChatLog);
+        Hooks.on("renderSettings", renderSettings);
+        Hooks.on("hotReload", hotReload);
+        Hooks.on("hotbarDrop", hotbarDrop);
     `.appendNewLineIfNotEmpty();
     fs.writeFileSync(generatedFilePath, toString(fileNode));
 }
@@ -221,10 +221,10 @@ function generateCustomEntryMjs(entry, id, destination) {
     if (fs.existsSync(generatedFilePath)) {
         return;
     }
-    const fileNode = expandToNode `
-        // Write your custom code and hooks here. This file will not be overwritten by the generator.
-
-        Hooks.once("init", () => {});
+    const fileNode = expandToNode `
+        // Write your custom code and hooks here. This file will not be overwritten by the generator.
+
+        Hooks.once("init", () => {});
     `.appendNewLineIfNotEmpty();
     fs.writeFileSync(generatedFilePath, toString(fileNode));
 }
@@ -234,35 +234,35 @@ function generateHotReloadHookMjs(entry, id, destination) {
     if (!fs.existsSync(generatedFileDir)) {
         fs.mkdirSync(generatedFileDir, { recursive: true });
     }
-    const fileNode = expandToNode `
-        export function hotReload(context) {
-            const reloadFileTypes = ["mjs", "json"];
-            if (!reloadFileTypes.includes(context.extension)) return;
-            
-            if (context.extension === "json") {
-                if (!context.path.endsWith("system.json")) return;
-                ui.notifications.warn("The system configuration has been updated. Please reload your world to apply changes.", { permanent: true });
-            }
-
-            ui.notifications.info("Reloading page to apply script changes", { permanent: true });
-
-            const lastState = {
-                openWindows: []
-            };
-            for (const window of Object.values(ui.windows)) {
-                if (!window.object) continue;
-                const uuid = window.object.uuid;
-                lastState.openWindows.push({
-                    uuid: uuid,
-                    position: window.position
-                });
-            }
-            game.settings.set("${id}", "hotReloadLastState", lastState).then(() => 
-            {
-                // Reload the page
-                window.location.reload(true);
-            });
-        }
+    const fileNode = expandToNode `
+        export function hotReload(context) {
+            const reloadFileTypes = ["mjs", "json"];
+            if (!reloadFileTypes.includes(context.extension)) return;
+            
+            if (context.extension === "json") {
+                if (!context.path.endsWith("system.json")) return;
+                ui.notifications.warn("The system configuration has been updated. Please reload your world to apply changes.", { permanent: true });
+            }
+
+            ui.notifications.info("Reloading page to apply script changes", { permanent: true });
+
+            const lastState = {
+                openWindows: []
+            };
+            for (const window of Object.values(ui.windows)) {
+                if (!window.object) continue;
+                const uuid = window.object.uuid;
+                lastState.openWindows.push({
+                    uuid: uuid,
+                    position: window.position
+                });
+            }
+            game.settings.set("${id}", "hotReloadLastState", lastState).then(() => 
+            {
+                // Reload the page
+                window.location.reload(true);
+            });
+        }
     `.appendNewLineIfNotEmpty();
     fs.writeFileSync(generatedFilePath, toString(fileNode));
 }
@@ -272,12 +272,12 @@ function generateRenderChatLogHookMjs(entry, id, destination) {
     if (!fs.existsSync(generatedFileDir)) {
         fs.mkdirSync(generatedFileDir, { recursive: true });
     }
-    const fileNode = expandToNode `
-        import ${entry.config.name}ChatCard from "../documents/chat-card.mjs";
-
-        export function renderChatLog(app, html, data) {
-            ${entry.config.name}ChatCard.activateListeners(html);
-        }
+    const fileNode = expandToNode `
+        import ${entry.config.name}ChatCard from "../documents/chat-card.mjs";
+
+        export function renderChatLog(app, html, data) {
+            ${entry.config.name}ChatCard.activateListeners(html);
+        }
     `.appendNewLineIfNotEmpty();
     fs.writeFileSync(generatedFilePath, toString(fileNode));
 }
@@ -287,33 +287,33 @@ function generateRenderSettingsHookMjs(entry, id, destination) {
     if (!fs.existsSync(generatedFileDir)) {
         fs.mkdirSync(generatedFileDir, { recursive: true });
     }
-    const fileNode = expandToNode `
-        // Adds an "ISDL" version row to the Foundry Settings sidebar, next to the
-        // system info, showing which version of ISDL generated this system.
-        export function renderSettings(app, html) {
-            const root = html instanceof HTMLElement ? html : html?.[0];
-            if (!root) return;
-
-            const info = root.querySelector("section.info");
-            if (!info || info.querySelector(".isdl-version")) return;
-
-            const version = game.system.flags?.["isdl-version"] ?? "unknown";
-
-            const row = document.createElement("div");
-            row.classList.add("isdl-version");
-            const label = document.createElement("span");
-            label.classList.add("label");
-            label.textContent = "ISDL";
-            const value = document.createElement("span");
-            value.classList.add("value");
-            value.textContent = version;
-            row.append(label, value);
-
-            // Place it right after the system row when present, else append.
-            const systemRow = info.querySelector(".system");
-            if (systemRow) systemRow.after(row);
-            else info.appendChild(row);
-        }
+    const fileNode = expandToNode `
+        // Adds an "ISDL" version row to the Foundry Settings sidebar, next to the
+        // system info, showing which version of ISDL generated this system.
+        export function renderSettings(app, html) {
+            const root = html instanceof HTMLElement ? html : html?.[0];
+            if (!root) return;
+
+            const info = root.querySelector("section.info");
+            if (!info || info.querySelector(".isdl-version")) return;
+
+            const version = game.system.flags?.["isdl-version"] ?? "unknown";
+
+            const row = document.createElement("div");
+            row.classList.add("isdl-version");
+            const label = document.createElement("span");
+            label.classList.add("label");
+            label.textContent = "ISDL";
+            const value = document.createElement("span");
+            value.classList.add("value");
+            value.textContent = version;
+            row.append(label, value);
+
+            // Place it right after the system row when present, else append.
+            const systemRow = info.querySelector(".system");
+            if (systemRow) systemRow.after(row);
+            else info.appendChild(row);
+        }
     `.appendNewLineIfNotEmpty();
     fs.writeFileSync(generatedFilePath, toString(fileNode));
 }
@@ -323,263 +323,268 @@ function generateExtendedRoll(entry, id, destination) {
     if (!fs.existsSync(generatedFileDir)) {
         fs.mkdirSync(generatedFileDir, { recursive: true });
     }
-    const fileNode = expandToNode `
-        export default class ${entry.config.name}Roll extends Roll {
-            async getTooltip() {
-                const parts = [];
-
-                for ( const term of this.terms ) {
-                    if ( foundry.utils.isSubclass(term.constructor, foundry.dice.terms.DiceTerm) ) {
-                        parts.push(term.getTooltipData());
-                    }
-                    else if ( foundry.utils.isSubclass(term.constructor, foundry.dice.terms.NumericTerm) ) {
-                        parts.push({
-                            formula: term.flavor,
-                            total: term.total,
-                            faces: null,
-                            flavor: "",
-                            rolls: []
-                        });
-                    }
-                }
-
-                return renderTemplate(this.constructor.TOOLTIP_TEMPLATE, { parts });
-            }
-
-            /* -------------------------------------------- */
-
-            get cleanFormula() {
-                // Replace flavor terms such as 5[STR] with just the flavor text
-                let cleanFormula = this._formula;
-                for ( const term of this.terms ) {
-                    if ( term.formula && term.flavor ) {
-                        cleanFormula = cleanFormula.replace(term.formula, term.flavor);
-                    }
-                }
-
-                // If there are still parts of the formula such as 5[STR] then replace them with just the flavor text
-                const rgx = new RegExp(/(\\d+)\\[(.*?)\\]/g);
-                cleanFormula = cleanFormula.replace(rgx, "$2");
-
-                return cleanFormula;
-            }
-        }
+    const fileNode = expandToNode `
+        export default class ${entry.config.name}Roll extends Roll {
+            async getTooltip() {
+                const parts = [];
+
+                for ( const term of this.terms ) {
+                    if ( foundry.utils.isSubclass(term.constructor, foundry.dice.terms.DiceTerm) ) {
+                        parts.push(term.getTooltipData());
+                    }
+                    else if ( foundry.utils.isSubclass(term.constructor, foundry.dice.terms.NumericTerm) ) {
+                        parts.push({
+                            formula: term.flavor,
+                            total: term.total,
+                            faces: null,
+                            flavor: "",
+                            rolls: []
+                        });
+                    }
+                }
+
+                return renderTemplate(this.constructor.TOOLTIP_TEMPLATE, { parts });
+            }
+
+            /* -------------------------------------------- */
+
+            get cleanFormula() {
+                // Replace flavor terms such as 5[STR] with just the flavor text
+                let cleanFormula = this._formula;
+                for ( const term of this.terms ) {
+                    if ( term.formula && term.flavor ) {
+                        cleanFormula = cleanFormula.replace(term.formula, term.flavor);
+                    }
+                }
+
+                // If there are still parts of the formula such as 5[STR] then replace them with just the flavor text
+                const rgx = new RegExp(/(\\d+)\\[(.*?)\\]/g);
+                cleanFormula = cleanFormula.replace(rgx, "$2");
+
+                return cleanFormula;
+            }
+        }
     `.appendNewLineIfNotEmpty();
     fs.writeFileSync(generatedFilePath, toString(fileNode));
 }
 function generateContextMenu2(entry, id, destination) {
     const generatedFilePath = path.join(destination, "system", "contextMenu2.js");
-    const fileNode = expandToNode `
-    export class ContextMenu2 {
-        constructor(element, selector, menuItems, {eventName="contextmenu"}={}) {
-    
-            /**
-             * The target HTMLElement being selected
-             * @type {HTMLElement}
-             */
-            this.element = element;
-        
-            /**
-             * The target CSS selector which activates the menu
-             * @type {String}
-             */
-            this.selector = selector || element.attr("id");
-        
-            /**
-             * An interaction event name which activates the menu
-             * @type {String}
-             */
-            this.eventName = eventName;
-        
-            /**
-             * The array of menu items being rendered
-             * @type {Array}
-             */
-            this.menuItems = menuItems;
-        
-            /**
-             * Track which direction the menu is expanded in
-             * @type {Boolean}
-             */
-            this._expandUp = false;
-        
-            // Bind to the current element
-            this.bind();
-        }
-    
-        /* -------------------------------------------- */
-    
-        /**
-         * A convenience accessor to the context menu HTML object
-         * @return {*|jQuery.fn.init|jQuery|HTMLElement}
-         */
-        get menu() {
-            return $("#context-menu2");
-        }
-    
-        /* -------------------------------------------- */
-    
-        /**
-         * Attach a ContextMenu instance to an HTML selector
-         */
-        bind() {
-            this.element.on(this.eventName, this.selector, event => {
-                event.preventDefault();
-                event.stopPropagation();
-                let parent = $(event.currentTarget),
-                    menu = this.menu;
-        
-                if (this.selector == ".message") return;
-        
-                // Remove existing context UI
-                $('.context').removeClass("context");
-        
-                // Close the current context
-                if ( $.contains(parent[0], menu[0]) ) this.close();
-        
-                // If the new target element is different
-                else {
-                this.render(parent);
-                ui.context = this;
-                }
-            })
-        }
-    
-        /* -------------------------------------------- */
-    
-        /**
-         * Animate closing the menu by sliding up and removing from the DOM
-         */
-        async close() {
-            let menu = this.menu;
-            await this._animateClose(menu);
-            menu.remove();
-            $('.context').removeClass("context");
-            delete ui.context;
-        }
-    
-        /* -------------------------------------------- */
-    
-        async _animateOpen(menu) {
-            menu.hide();
-            return new Promise(resolve => menu.slideDown(200, resolve));
-        }
-    
-        /* -------------------------------------------- */
-    
-        async _animateClose(menu) {
-            return new Promise(resolve => menu.slideUp(200, resolve));
-        }
-    
-        /* -------------------------------------------- */
-    
-        /**
-         * Render the Context Menu by iterating over the menuItems it contains
-         * Check the visibility of each menu item, and only render ones which are allowed by the item's logical condition
-         * Attach a click handler to each item which is rendered
-         * @param target
-         */
-        render(target) {
-            let html = $("#context-menu2").length ? $("#context-menu2") : $('<nav id="context-menu2" data-mod="1"></nav>');
-            let ol = $('<ol class="context-items"></ol>');
-            html.append($(\`<h2>\${game.i18n.localize('CONTEXT.ApplyChanges')}</h2>\`));
-            html.append(ol);
-
-            // Determine if user-selected targets are allowed.
-            const allowTargeting = game.settings.get('${id}', 'allowTargetDamageApplication');
-            let targetType = game.settings.get('${id}', 'userTargetDamageApplicationType');
-            if (!allowTargeting && targetType !== 'selected') {
-                game.settings.set('${id}', 'userTargetDamageApplicationType', 'selected');
-                targetType = 'selected';
-            }
-
-            // Add default target type.
-            html[0].dataset.target = targetType;
-        
-            // Build menu items
-            for (let item of this.menuItems) {
-                
-                // Determine menu item visibility (display unless false)
-                let display = true;
-                if ( item.condition !== undefined ) {
-                display = ( item.condition instanceof Function ) ? item.condition(target) : item.condition;
-                }
-                if ( !display ) continue;
-        
-                // Construct and add the menu item
-                let name = game.i18n.localize(item.name);
-                let li = $(\`<li class="context-item \${item?.id ?? ''}">\${item.icon}\${name}</li>\`);
-                // If this is the target buttons option, set one of them to active.
-                if (name.includes('data-target="targeted"')) {
-                    const button = li.find(\`[data-target="\${targetType}"]\`);
-                    button.addClass('active');
-                }
-                li.children("i").addClass("fa-fw");
-                li.click(e => {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    item.callback(target, e);
-                    // If this was a target button, prevent closing the context menu.
-                    if (!item?.preventClose) {
-                        this.close();
-                    }
-                });
-                ol.append(li);
-            }
-        
-            // Bail out if there are no children
-            if ( ol.children().length === 0 ) return;
-        
-            // Append to target
-            this._setPosition(html, target);
-
-            // Deactivate global tooltip
-            game.tooltip.deactivate();
-        
-            // Animate open the menu
-            return this._animateOpen(html);
-        }
-    
-        /* -------------------------------------------- */
-    
-        /**
-         * Set the position of the context menu, taking into consideration whether the menu should expand upward or downward
-         * @private
-         */
-        _setPosition(html, target) {
-            const targetRect = target[0].getBoundingClientRect();
-            const parentRect = target[0].parentElement.getBoundingClientRect();
-        
-            // Append to target and get the context bounds
-            target.css('position', 'relative');
-            html.css("visibility", "hidden");
-            target.append(html);
-            const contextRect = html[0].getBoundingClientRect();
-        
-            // Determine whether to expand down or expand up
-            const bottomHalf = targetRect.bottom > (window.innerHeight / 2);
-            this._expandUp = bottomHalf && ((parentRect.bottom - targetRect.bottom) < contextRect.height);
-
-            // Shift left if needed to avoid overflowing
-            const horizontalOverflow = parentRect.right - contextRect.right;
-            if (horizontalOverflow < 0) {
-                html.css("left", Math.floor(horizontalOverflow));
-            }
-        
-            // Display the menu
-            html.addClass(this._expandUp ? "expand-up" : "expand-down");
-            html.css("visibility", "");
-            target.addClass("context");
-        }
-    
-        /* -------------------------------------------- */
-    
-        static eventListeners() {
-            document.addEventListener("click", ev => {
-                if ( ui.context ) ui.context.close();
-            });
-        };
-    }
+    const fileNode = expandToNode `
+    export class ContextMenu2 {
+        constructor(element, selector, menuItems, {eventName="contextmenu"}={}) {
+    
+            /**
+             * The target HTMLElement being selected
+             * @type {HTMLElement}
+             */
+            this.element = element;
+        
+            /**
+             * The target CSS selector which activates the menu
+             * @type {String}
+             */
+            this.selector = selector || element.attr("id");
+        
+            /**
+             * An interaction event name which activates the menu
+             * @type {String}
+             */
+            this.eventName = eventName;
+        
+            /**
+             * The array of menu items being rendered
+             * @type {Array}
+             */
+            this.menuItems = menuItems;
+        
+            /**
+             * Track which direction the menu is expanded in
+             * @type {Boolean}
+             */
+            this._expandUp = false;
+        
+            // Bind to the current element
+            this.bind();
+        }
+    
+        /* -------------------------------------------- */
+    
+        /**
+         * A convenience accessor to the context menu HTML object
+         * @return {*|jQuery.fn.init|jQuery|HTMLElement}
+         */
+        get menu() {
+            return $("#context-menu2");
+        }
+    
+        /* -------------------------------------------- */
+    
+        /**
+         * Attach a ContextMenu instance to an HTML selector
+         */
+        bind() {
+            this.element.on(this.eventName, this.selector, event => {
+                event.preventDefault();
+                event.stopPropagation();
+                let parent = $(event.currentTarget);
+
+                if (this.selector == ".message") return;
+
+                // Remove existing context UI
+                $('.context').removeClass("context");
+
+                // The menu mounts on <body> (not inside the target), so a fresh right-click can't
+                // rely on DOM containment to toggle. Tear down any open menu immediately to avoid
+                // duplicates/animation races, then open a fresh one anchored to this target.
+                $("#context-menu2").stop(true, true).remove();
+                if ( ui.context ) delete ui.context;
+
+                this.render(parent);
+                ui.context = this;
+            })
+        }
+    
+        /* -------------------------------------------- */
+    
+        /**
+         * Animate closing the menu by sliding up and removing from the DOM
+         */
+        async close() {
+            let menu = this.menu;
+            await this._animateClose(menu);
+            menu.remove();
+            $('.context').removeClass("context");
+            delete ui.context;
+        }
+    
+        /* -------------------------------------------- */
+    
+        async _animateOpen(menu) {
+            menu.hide();
+            return new Promise(resolve => menu.slideDown(200, resolve));
+        }
+    
+        /* -------------------------------------------- */
+    
+        async _animateClose(menu) {
+            return new Promise(resolve => menu.slideUp(200, resolve));
+        }
+    
+        /* -------------------------------------------- */
+    
+        /**
+         * Render the Context Menu by iterating over the menuItems it contains
+         * Check the visibility of each menu item, and only render ones which are allowed by the item's logical condition
+         * Attach a click handler to each item which is rendered
+         * @param target
+         */
+        render(target) {
+            // Always a fresh node -- bind() removed any prior menu, so appending h2/items here
+            // can't accumulate onto a reused element.
+            let html = $('<nav id="context-menu2" data-mod="1"></nav>');
+            let ol = $('<ol class="context-items"></ol>');
+            html.append($(\`<h2>\${game.i18n.localize('CONTEXT.ApplyChanges')}</h2>\`));
+            html.append(ol);
+
+            // Determine if user-selected targets are allowed.
+            const allowTargeting = game.settings.get('${id}', 'allowTargetDamageApplication');
+            let targetType = game.settings.get('${id}', 'userTargetDamageApplicationType');
+            if (!allowTargeting && targetType !== 'selected') {
+                game.settings.set('${id}', 'userTargetDamageApplicationType', 'selected');
+                targetType = 'selected';
+            }
+
+            // Add default target type.
+            html[0].dataset.target = targetType;
+        
+            // Build menu items
+            for (let item of this.menuItems) {
+                
+                // Determine menu item visibility (display unless false)
+                let display = true;
+                if ( item.condition !== undefined ) {
+                display = ( item.condition instanceof Function ) ? item.condition(target) : item.condition;
+                }
+                if ( !display ) continue;
+        
+                // Construct and add the menu item
+                let name = game.i18n.localize(item.name);
+                let li = $(\`<li class="context-item \${item?.id ?? ''}">\${item.icon}\${name}</li>\`);
+                // If this is the target buttons option, set one of them to active.
+                if (name.includes('data-target="targeted"')) {
+                    const button = li.find(\`[data-target="\${targetType}"]\`);
+                    button.addClass('active');
+                }
+                li.children("i").addClass("fa-fw");
+                li.click(e => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    item.callback(target, e);
+                    // If this was a target button, prevent closing the context menu.
+                    if (!item?.preventClose) {
+                        this.close();
+                    }
+                });
+                ol.append(li);
+            }
+        
+            // Bail out if there are no children
+            if ( ol.children().length === 0 ) return;
+        
+            // Append to target
+            this._setPosition(html, target);
+
+            // Deactivate global tooltip
+            game.tooltip.deactivate();
+        
+            // Animate open the menu
+            return this._animateOpen(html);
+        }
+    
+        /* -------------------------------------------- */
+    
+        /**
+         * Set the position of the context menu, taking into consideration whether the menu should expand upward or downward
+         * @private
+         */
+        _setPosition(html, target) {
+            const targetRect = target[0].getBoundingClientRect();
+
+            // Mount on <body> with fixed positioning so the menu escapes the chat log's overflow
+            // clipping (#chat-log is overflow-x:hidden / overflow-y:auto) and any transformed sheet
+            // ancestor. We then place it explicitly in viewport coordinates.
+            html.css("visibility", "hidden");
+            document.body.appendChild(html[0]);
+            const contextRect = html[0].getBoundingClientRect();
+
+            // Expand upward only when there isn't room below the target but there is above it.
+            const roomBelow = window.innerHeight - targetRect.bottom;
+            this._expandUp = (roomBelow < contextRect.height) && (targetRect.top > contextRect.height);
+            const top = this._expandUp
+                ? targetRect.top - contextRect.height - 2
+                : targetRect.bottom + 2;
+
+            // Align to the target's left edge, clamped to stay within the viewport.
+            let left = targetRect.left;
+            const maxLeft = window.innerWidth - contextRect.width - 4;
+            if (left > maxLeft) left = maxLeft;
+            if (left < 4) left = 4;
+
+            // Display the menu
+            html.css({ top: Math.round(top) + "px", left: Math.round(left) + "px" });
+            html.addClass(this._expandUp ? "expand-up" : "expand-down");
+            html.css("visibility", "");
+            target.addClass("context");
+        }
+    
+        /* -------------------------------------------- */
+    
+        static eventListeners() {
+            document.addEventListener("click", ev => {
+                if ( ui.context ) ui.context.close();
+            });
+        };
+    }
     `.appendNewLineIfNotEmpty();
     fs.writeFileSync(generatedFilePath, toString(fileNode));
 }
@@ -589,30 +594,30 @@ function generateDocumentCreateHbs(entry, id, destination) {
     if (!fs.existsSync(generatedFileDir)) {
         fs.mkdirSync(generatedFileDir, { recursive: true });
     }
-    const fileNode = expandToNode `
-    <form id="document-create" autocomplete="off">
-        <header>
-            <input type="text" class="document-name uninput" name="name" value="{{ name }}" autofocus
-                placeholder="{{ localize 'Name' }}">
-            {{#if hasFolders}}
-            <select class="unselect" name="folder" form="document-create">
-                {{ selectOptions folders selected=folder labelAttr="name" valueAttr="id"
-                                blank=(localize "DOCUMENT.Folder") }}
-            </select>
-            {{/if}}
-        </header>
-        <ol class="unlist card">
-            {{#each types}}
-            <li data-tooltip="{{ description }}">
-                <label>
-                    <img src="{{ icon }}" alt="{{ label }}">
-                    <span>{{ label }}</span>
-                    <input type="radio" name="type" value="{{ type }}" required {{#if selected}}checked{{/if}}>
-                </label>
-            </li>
-            {{/each}}
-        </ol>
-    </form>
+    const fileNode = expandToNode `
+    <form id="document-create" autocomplete="off">
+        <header>
+            <input type="text" class="document-name uninput" name="name" value="{{ name }}" autofocus
+                placeholder="{{ localize 'Name' }}">
+            {{#if hasFolders}}
+            <select class="unselect" name="folder" form="document-create">
+                {{ selectOptions folders selected=folder labelAttr="name" valueAttr="id"
+                                blank=(localize "DOCUMENT.Folder") }}
+            </select>
+            {{/if}}
+        </header>
+        <ol class="unlist card">
+            {{#each types}}
+            <li data-tooltip="{{ description }}">
+                <label>
+                    <img src="{{ icon }}" alt="{{ label }}">
+                    <span>{{ label }}</span>
+                    <input type="radio" name="type" value="{{ type }}" required {{#if selected}}checked{{/if}}>
+                </label>
+            </li>
+            {{/each}}
+        </ol>
+    </form>
     `.appendNewLineIfNotEmpty();
     fs.writeFileSync(generatedFilePath, toString(fileNode));
 }
@@ -622,12 +627,12 @@ function generateCombatant(entry, id, destination) {
     if (!fs.existsSync(generatedFileDir)) {
         fs.mkdirSync(generatedFileDir, { recursive: true });
     }
-    const fileNode = expandToNode `
-    export default class ${entry.config.name}Combatant extends Combatant {
-        _getInitiativeFormula() {
-            return String(CONFIG.Combat.initiative.formula || game.system.initiative || this.actor.getInitiativeFormula());
-        }
-    }
+    const fileNode = expandToNode `
+    export default class ${entry.config.name}Combatant extends Combatant {
+        _getInitiativeFormula() {
+            return String(CONFIG.Combat.initiative.formula || game.system.initiative || this.actor.getInitiativeFormula());
+        }
+    }
     `.appendNewLineIfNotEmpty();
     fs.writeFileSync(generatedFilePath, toString(fileNode));
 }