intelligent-system-design-language 0.3.21 → 0.3.23

package/out/cli/components/vue/vue-datatable-sheet-class-generator.js

@@ -15,23 +15,23 @@ export function generateDatatableVueSheet(entry, id, destination) {
             const type = isActor(document) ? 'actor' : 'item';
             const page = AstUtils.getContainerOfType(datatable, isPage);
             const pageName = page ? page.name : document.name;
-            return expandToNode `
-                import { ${type}${document.name}${pageName}${datatable.name}VuetifyDatatable } from "./components/components.vue.es.mjs";
+            return expandToNode `
+                import { ${type}${document.name}${pageName}${datatable.name}VuetifyDatatable } from "./components/components.vue.es.mjs";
             `;
         }
         function generatePinnedImport(pinnedField) {
             const type = isActor(document) ? 'actor' : 'item';
             const page = AstUtils.getContainerOfType(pinnedField, isPage);
             const pageName = page ? page.name : document.name;
-            return expandToNode `
-                import { ${type}${document.name}${pageName}${pinnedField.name}VuetifyDatatable } from "./components/components.vue.es.mjs";
+            return expandToNode `
+                import { ${type}${document.name}${pageName}${pinnedField.name}VuetifyDatatable } from "./components/components.vue.es.mjs";
             `;
         }
         const tables = getAllOfType(document.body, isTableField, false);
         const pinnedFields = getAllOfType(document.body, isPinnedField, true);
-        return expandToNode `
-            ${joinToNode(tables, generateVuetifyImport, { appendNewLineIfNotEmpty: true })}
-            ${joinToNode(pinnedFields, generatePinnedImport, { appendNewLineIfNotEmpty: true })}
+        return expandToNode `
+            ${joinToNode(tables, generateVuetifyImport, { appendNewLineIfNotEmpty: true })}
+            ${joinToNode(pinnedFields, generatePinnedImport, { appendNewLineIfNotEmpty: true })}
         `;
     }
     function generateDatatableSwitch(document) {
@@ -39,303 +39,303 @@ export function generateDatatableVueSheet(entry, id, destination) {
             const type = isActor(document) ? 'actor' : 'item';
             const page = AstUtils.getContainerOfType(datatable, isPage);
             const pageName = page ? page.name : document.name;
-            return expandToNode `
-                case "${type}${document.name}${pageName}${datatable.name}": return ${type}${document.name}${pageName}${datatable.name}VuetifyDatatable; break;
+            return expandToNode `
+                case "${type}${document.name}${pageName}${datatable.name}": return ${type}${document.name}${pageName}${datatable.name}VuetifyDatatable; break;
             `;
         }
         function generatePinnedCase(pinnedField) {
             const type = isActor(document) ? 'actor' : 'item';
             const page = AstUtils.getContainerOfType(pinnedField, isPage);
             const pageName = page ? page.name : document.name;
-            return expandToNode `
-                case "${type}${document.name}${document.name}${pinnedField.name}": return ${type}${document.name}${pageName}${pinnedField.name}VuetifyDatatable; break;
+            return expandToNode `
+                case "${type}${document.name}${document.name}${pinnedField.name}": return ${type}${document.name}${pageName}${pinnedField.name}VuetifyDatatable; break;
             `;
         }
         const tables = getAllOfType(document.body, isTableField, false);
         const pinnedFields = getAllOfType(document.body, isPinnedField, true);
-        return expandToNode `
-            ${joinToNode(tables, generateVuetifyCase, { appendNewLineIfNotEmpty: true })}
-            ${joinToNode(pinnedFields, generatePinnedCase, { appendNewLineIfNotEmpty: true })}
+        return expandToNode `
+            ${joinToNode(tables, generateVuetifyCase, { appendNewLineIfNotEmpty: true })}
+            ${joinToNode(pinnedFields, generatePinnedCase, { appendNewLineIfNotEmpty: true })}
         `;
     }
-    const fileNode = expandToNode `
-        import VueRenderingMixin from './VueRenderingMixin.mjs';
-        ${joinToNode(entry.documents, generateImportForDocument, { appendNewLineIfNotEmpty: true })}
-
-        export default class DatatableApp extends VueRenderingMixin(foundry.applications.api.ApplicationV2) {
-            
-            document;
-            constructor(document, table, systemPath, tabName, options = {}) {
-                super(options);
-                this.#dragDrop = this.#createDragDropHandlers();
-                this.document = document;
-                this.systemPath = systemPath;
-                this.tabName = tabName;
-
-                const component = this._chooseComponent(table);
-                this.vueParts = {
-                    "datatable": {
-                        component,
-                        template: \`<datatable :is="component" :systemPath="systemPath" :context="context">Vue rendering for datatable failed.</datatable>\`
-                    }
-                };
-               
-            }
-
-            vueData(context) {
-                return {
-                    systemPath: this.systemPath,
-                    context: context
-                };
-            }
-
-            _getProvidedData() {
-                // This is a placeholder for any data you want to provide to the Vue app.
-                // You can override this method in your subclass to provide additional data.
-                return {
-                    systemPath: this.systemPath,
-                };
-            }
-
-            _chooseComponent(table) {
-                switch (table) {
-                    ${joinToNode(entry.documents, generateDatatableSwitch, { appendNewLineIfNotEmpty: true })}
-                    default: throw new Error("No component found for table " + table);
-                }
-            }
-
-            _arrayEntryKey = 0;
-            _renderKey = 0;
-
-            /** @override */
-            static DEFAULT_OPTIONS = {
-                classes: ["${id}", "dialog", "vue-sheet", "isdl-datatable"],
-                position: {
-                    width: 800,
-                    height: 400,
-                },
-                window: {
-                    resizable: true,
-                    title: "Datatable",
-                },
-                tag: "form",
-                actions: {
-                },
-                changeActions: {
-                },
-                // Custom property that's merged into this.options
-                dragDrop: [
-                    {dropSelector: ".single-document"},
-                    {dragSelector: ".paper-doll-slot", dropSelector: ".paper-doll-slot"}
-                ],
-                form: {
-                    submitOnChange: false,
-                    submitOnClose: true,
-                    closeOnSubmit: true,
-                }
-            };
-
-            get title() {
-                return \`\${this.document.name} - \${this.tabName}\`;
-            }
-
-            async _prepareContext(options) {
-                // Output initialization
-                const context = {
-                    // Validates both permissions and compendium status
-                    editable: true,
-                    owner: this.document.isOwner,
-                    limited: this.document.limited,
-
-                    // Add the document.
-                    object: this.document.toObject(),
-                    document: this.document,
-
-                    // Add the data to context.data for easier access, as well as flags.
-                    system: this.document.system,
-                    flags: this.document.flags,
-
-                    // Roll data.
-                    rollData: this.document.getRollData() ?? {},
-
-                    // Editors
-                    editors: {},
-
-                    // Force re-renders. Defined in the vue mixin.
-                    _renderKey: this._renderKey ?? 0,
-                    _arrayEntryKey: this._arrayEntryKey ?? 0,
-
-                    // Necessary for formInput and formFields helpers
-                    fields: this.document.schema.fields,
-                    systemFields: this.document.system.schema.fields
-                };
-
-                return context;
-            }
-
-            /**
-             * Actions performed after any render of the Application.
-             * Post-render steps are not awaited by the render process.
-             * @param {ApplicationRenderContext} context      Prepared context data
-             * @param {RenderOptions} options                 Provided render options
-             * @protected
-             */
-            _onRender(context, options) {
-                if (options.isFirstRender) {
-                    function update(doc, context, id) {
-                        console.dir(doc);
-                        if (doc.parent?.uuid === this.document.uuid) {
-                            console.log("Updating document: ", doc);
-                            this.document = doc.parent;
-                            this.render();
-                        }
-                    }
-                    Hooks.on("createItem", update.bind(this));
-                    Hooks.on("updateItem", update.bind(this));
-                    Hooks.on("deleteItem", update.bind(this));
-                }
-                this.#dragDrop.forEach((d) => d.bind(this.element));
-                // You may want to add other special handling here
-                // Foundry comes with a large number of utility classes, e.g. SearchFilter
-                // That you may want to implement yourself.
-            }
-
-            
-            // Drag and Drop
- 
-            /**
-             * Returns an array of DragDrop instances
-             * @type {DragDrop[]}
-             */
-            get dragDrop() {
-                return this.#dragDrop;
-            }
-
-            /**
-             * Define whether a user is able to begin a dragstart workflow for a given drag selector
-             * @param {string} selector       The candidate HTML selector for dragging
-             * @returns {boolean}             Can the current user drag this selector?
-             * @protected
-             */
-            _canDragStart(selector) {
-                return this.isEditable;
-            }
-
-            /**
-             * Define whether a user is able to conclude a drag-and-drop workflow for a given drop selector
-             * @param {string} selector       The candidate HTML selector for the drop target
-             * @returns {boolean}             Can the current user drop on this selector?
-             * @protected
-             */
-            _canDragDrop(selector) {
-                return this.isEditable;
-            }
-
-            /**
-             * Callback actions which occur at the beginning of a drag start workflow.
-             * @param {DragEvent} event       The originating DragEvent
-             * @protected
-             */
-            _onDragStart(event) {
-                console.log("Drag Start");
-
-                if (event.currentTarget.classList.contains("paper-doll-slot")) {
-                    // Remove the item from the slot
-                    const name = event.currentTarget.dataset.name;
-                    const update = {};
-                    update[name] = null;
-                    this.document.update(update);
-                }
-                else {
-                    const tr = event.currentTarget.closest("tr");
-                    const data = {
-                        type: tr.dataset.type == "ActiveEffect" ? "ActiveEffect" : "Item",
-                        uuid: tr.dataset.uuid
-                    };
-
-                    event.dataTransfer.setData("text/plain", JSON.stringify(data));
-                }
-            }
-
-            /**
-             * Callback actions which occur when a dragged element is over a drop target.
-             * @param {DragEvent} event       The originating DragEvent
-             * @protected
-             */
-            _onDragOver(event) {}
-
-            /* -------------------------------------------- */
-
-            async _onDrop(event) {
-                const data = JSON.parse(event.dataTransfer.getData("text/plain"));
-
-                // If the drop target is a single document, handle it differently
-                const linkedClasses = [ "single-document", "paper-doll-slot" ];
-                const eventClasses = Array.from(event.currentTarget.classList);
-                if (eventClasses.find(c => linkedClasses.includes(c))) {
-                    const doc = await fromUuid(data.uuid);
-                    if ( !doc ) return;
-                    if ( doc.type !== event.currentTarget.dataset.type ) {
-                        ui.notifications.error(\`Expected a \${event.currentTarget.dataset.type} type Document, but got a \${doc.type} type one instead. \`);
-                        return;
-                    }
-
-                    const update = {};
-                    update[event.currentTarget.dataset.name] = data.uuid;
-                    await this.document.update(update);
-                    return;
-                }
-
-                const dropTypes = ["Item", "ActiveEffect"];
-                if ( !dropTypes.includes(data.type) ) return;
-                const item = await fromUuid(data.uuid);
-                if ( !item ) return;
-
-                // Prevent duplicates when dropping an item that's already owned by this document
-                if ( item.parent?.uuid === this.document.uuid ) return;
-
-                if ( data.type === "ActiveEffect" ) {
-                    ActiveEffect.createDocuments([item], {parent: this.document})
-                    return;
-                }
-
-                Item.createDocuments([item], {parent: this.document})
-            }
-
-            /* -------------------------------------------- */
-
-            /**
-             * Returns an array of DragDrop instances
-             * @type {DragDrop[]}
-             */
-            get dragDrop() {
-                return this.#dragDrop;
-            }
-
-            // This is marked as private because there's no real need
-            // for subclasses or external hooks to mess with it directly
-            #dragDrop;
-
-            /**
-             * Create drag-and-drop workflow handlers for this Application
-             * @returns {DragDrop[]}     An array of DragDrop handlers
-             * @private
-             */
-            #createDragDropHandlers() {
-                return this.options.dragDrop.map((d) => {
-                    d.permissions = {
-                        dragstart: this._canDragStart.bind(this),
-                        drop: this._canDragDrop.bind(this)
-                    };
-                    d.callbacks = {
-                        dragstart: this._onDragStart.bind(this),
-                        dragover: this._onDragOver.bind(this),
-                        drop: this._onDrop.bind(this)
-                    };
-                    return new DragDrop(d);
-                });
-            }
-        }
+    const fileNode = expandToNode `
+        import VueRenderingMixin from './VueRenderingMixin.mjs';
+        ${joinToNode(entry.documents, generateImportForDocument, { appendNewLineIfNotEmpty: true })}
+
+        export default class DatatableApp extends VueRenderingMixin(foundry.applications.api.ApplicationV2) {
+            
+            document;
+            constructor(document, table, systemPath, tabName, options = {}) {
+                super(options);
+                this.#dragDrop = this.#createDragDropHandlers();
+                this.document = document;
+                this.systemPath = systemPath;
+                this.tabName = tabName;
+
+                const component = this._chooseComponent(table);
+                this.vueParts = {
+                    "datatable": {
+                        component,
+                        template: \`<datatable :is="component" :systemPath="systemPath" :context="context">Vue rendering for datatable failed.</datatable>\`
+                    }
+                };
+               
+            }
+
+            vueData(context) {
+                return {
+                    systemPath: this.systemPath,
+                    context: context
+                };
+            }
+
+            _getProvidedData() {
+                // This is a placeholder for any data you want to provide to the Vue app.
+                // You can override this method in your subclass to provide additional data.
+                return {
+                    systemPath: this.systemPath,
+                };
+            }
+
+            _chooseComponent(table) {
+                switch (table) {
+                    ${joinToNode(entry.documents, generateDatatableSwitch, { appendNewLineIfNotEmpty: true })}
+                    default: throw new Error("No component found for table " + table);
+                }
+            }
+
+            _arrayEntryKey = 0;
+            _renderKey = 0;
+
+            /** @override */
+            static DEFAULT_OPTIONS = {
+                classes: ["${id}", "dialog", "vue-sheet", "isdl-datatable"],
+                position: {
+                    width: 800,
+                    height: 400,
+                },
+                window: {
+                    resizable: true,
+                    title: "Datatable",
+                },
+                tag: "form",
+                actions: {
+                },
+                changeActions: {
+                },
+                // Custom property that's merged into this.options
+                dragDrop: [
+                    {dropSelector: ".single-document"},
+                    {dragSelector: ".paper-doll-slot", dropSelector: ".paper-doll-slot"}
+                ],
+                form: {
+                    submitOnChange: false,
+                    submitOnClose: true,
+                    closeOnSubmit: true,
+                }
+            };
+
+            get title() {
+                return \`\${this.document.name} - \${this.tabName}\`;
+            }
+
+            async _prepareContext(options) {
+                // Output initialization
+                const context = {
+                    // Validates both permissions and compendium status
+                    editable: true,
+                    owner: this.document.isOwner,
+                    limited: this.document.limited,
+
+                    // Add the document.
+                    object: this.document.toObject(),
+                    document: this.document,
+
+                    // Add the data to context.data for easier access, as well as flags.
+                    system: this.document.system,
+                    flags: this.document.flags,
+
+                    // Roll data.
+                    rollData: this.document.getRollData() ?? {},
+
+                    // Editors
+                    editors: {},
+
+                    // Force re-renders. Defined in the vue mixin.
+                    _renderKey: this._renderKey ?? 0,
+                    _arrayEntryKey: this._arrayEntryKey ?? 0,
+
+                    // Necessary for formInput and formFields helpers
+                    fields: this.document.schema.fields,
+                    systemFields: this.document.system.schema.fields
+                };
+
+                return context;
+            }
+
+            /**
+             * Actions performed after any render of the Application.
+             * Post-render steps are not awaited by the render process.
+             * @param {ApplicationRenderContext} context      Prepared context data
+             * @param {RenderOptions} options                 Provided render options
+             * @protected
+             */
+            _onRender(context, options) {
+                if (options.isFirstRender) {
+                    function update(doc, context, id) {
+                        console.dir(doc);
+                        if (doc.parent?.uuid === this.document.uuid) {
+                            console.log("Updating document: ", doc);
+                            this.document = doc.parent;
+                            this.render();
+                        }
+                    }
+                    Hooks.on("createItem", update.bind(this));
+                    Hooks.on("updateItem", update.bind(this));
+                    Hooks.on("deleteItem", update.bind(this));
+                }
+                this.#dragDrop.forEach((d) => d.bind(this.element));
+                // You may want to add other special handling here
+                // Foundry comes with a large number of utility classes, e.g. SearchFilter
+                // That you may want to implement yourself.
+            }
+
+            
+            // Drag and Drop
+ 
+            /**
+             * Returns an array of DragDrop instances
+             * @type {DragDrop[]}
+             */
+            get dragDrop() {
+                return this.#dragDrop;
+            }
+
+            /**
+             * Define whether a user is able to begin a dragstart workflow for a given drag selector
+             * @param {string} selector       The candidate HTML selector for dragging
+             * @returns {boolean}             Can the current user drag this selector?
+             * @protected
+             */
+            _canDragStart(selector) {
+                return this.isEditable;
+            }
+
+            /**
+             * Define whether a user is able to conclude a drag-and-drop workflow for a given drop selector
+             * @param {string} selector       The candidate HTML selector for the drop target
+             * @returns {boolean}             Can the current user drop on this selector?
+             * @protected
+             */
+            _canDragDrop(selector) {
+                return this.isEditable;
+            }
+
+            /**
+             * Callback actions which occur at the beginning of a drag start workflow.
+             * @param {DragEvent} event       The originating DragEvent
+             * @protected
+             */
+            _onDragStart(event) {
+                console.log("Drag Start");
+
+                if (event.currentTarget.classList.contains("paper-doll-slot")) {
+                    // Remove the item from the slot
+                    const name = event.currentTarget.dataset.name;
+                    const update = {};
+                    update[name] = null;
+                    this.document.update(update);
+                }
+                else {
+                    const tr = event.currentTarget.closest("tr");
+                    const data = {
+                        type: tr.dataset.type == "ActiveEffect" ? "ActiveEffect" : "Item",
+                        uuid: tr.dataset.uuid
+                    };
+
+                    event.dataTransfer.setData("text/plain", JSON.stringify(data));
+                }
+            }
+
+            /**
+             * Callback actions which occur when a dragged element is over a drop target.
+             * @param {DragEvent} event       The originating DragEvent
+             * @protected
+             */
+            _onDragOver(event) {}
+
+            /* -------------------------------------------- */
+
+            async _onDrop(event) {
+                const data = JSON.parse(event.dataTransfer.getData("text/plain"));
+
+                // If the drop target is a single document, handle it differently
+                const linkedClasses = [ "single-document", "paper-doll-slot" ];
+                const eventClasses = Array.from(event.currentTarget.classList);
+                if (eventClasses.find(c => linkedClasses.includes(c))) {
+                    const doc = await fromUuid(data.uuid);
+                    if ( !doc ) return;
+                    if ( doc.type !== event.currentTarget.dataset.type ) {
+                        ui.notifications.error(\`Expected a \${event.currentTarget.dataset.type} type Document, but got a \${doc.type} type one instead. \`);
+                        return;
+                    }
+
+                    const update = {};
+                    update[event.currentTarget.dataset.name] = data.uuid;
+                    await this.document.update(update);
+                    return;
+                }
+
+                const dropTypes = ["Item", "ActiveEffect"];
+                if ( !dropTypes.includes(data.type) ) return;
+                const item = await fromUuid(data.uuid);
+                if ( !item ) return;
+
+                // Prevent duplicates when dropping an item that's already owned by this document
+                if ( item.parent?.uuid === this.document.uuid ) return;
+
+                if ( data.type === "ActiveEffect" ) {
+                    ActiveEffect.createDocuments([item], {parent: this.document})
+                    return;
+                }
+
+                Item.createDocuments([item], {parent: this.document})
+            }
+
+            /* -------------------------------------------- */
+
+            /**
+             * Returns an array of DragDrop instances
+             * @type {DragDrop[]}
+             */
+            get dragDrop() {
+                return this.#dragDrop;
+            }
+
+            // This is marked as private because there's no real need
+            // for subclasses or external hooks to mess with it directly
+            #dragDrop;
+
+            /**
+             * Create drag-and-drop workflow handlers for this Application
+             * @returns {DragDrop[]}     An array of DragDrop handlers
+             * @private
+             */
+            #createDragDropHandlers() {
+                return this.options.dragDrop.map((d) => {
+                    d.permissions = {
+                        dragstart: this._canDragStart.bind(this),
+                        drop: this._canDragDrop.bind(this)
+                    };
+                    d.callbacks = {
+                        dragstart: this._onDragStart.bind(this),
+                        dragover: this._onDragOver.bind(this),
+                        drop: this._onDrop.bind(this)
+                    };
+                    return new DragDrop(d);
+                });
+            }
+        }
     `;
     fs.writeFileSync(generatedFilePath, toString(fileNode));
 }