intelligent-system-design-language 0.3.21 → 0.3.23

package/out/cli/components/vue/vue-document-creation-app.js

@@ -7,133 +7,133 @@ export function generateDocumentCreationVueSheet(entry, id, destination) {
     if (!fs.existsSync(generatedFileDir)) {
         fs.mkdirSync(generatedFileDir, { recursive: true });
     }
-    const fileNode = expandToNode `
-    ${generateVueComponentScript()}
-    ${generateVueComponentTemplate()}
+    const fileNode = expandToNode `
+    ${generateVueComponentScript()}
+    ${generateVueComponentTemplate()}
     `.appendNewLineIfNotEmpty();
     fs.writeFileSync(generatedFilePath, toString(fileNode));
     function generateVueComponentScript() {
-        return expandToNode `
-        <script setup>
-        import { ref, inject, computed } from 'vue';
-        
-        const props = defineProps(['context']);
-        
-        // Colors
-        const primaryColor = ref('#1565c0');
-        const secondaryColor = ref('#4db6ac');
-        const tertiaryColor = ref('#ffb74d');
-
-        const hasFolders = props.context.folders.length > 0;
-        const name = ref('');
-        const folder = ref(props.context.folder ?? '');
-        const type = ref(props.context.type ?? '');
-        
-        const selectedImage = ref(props.context.types.find(x => x.type == type.value)?.icon || 'icons/svg/mystery-man.svg');
-        
-        const onChange = (value) => {
-            selectedImage.value = props.context.types.find(x => x.type == type.value)?.icon || 'icons/svg/mystery-man.svg';
-        };
-        
-        const sheet = inject("rawSheet");
-        
-        const submit = () => {
-            sheet.submit();
-        };
-
-        const cancel = () => {
-            sheet.cancel();
-        };
-        
-        const getLabel = (label, icon) => {
-            const localized = game.i18n.localize(label);
-            if (icon) {
-                return \`<i class="\${icon}"></i> \${localized}\`;
-            }
-            return localized;
-        };
-        
-        </script>
+        return expandToNode `
+        <script setup>
+        import { ref, inject, computed } from 'vue';
+        
+        const props = defineProps(['context']);
+        
+        // Colors
+        const primaryColor = ref('#1565c0');
+        const secondaryColor = ref('#4db6ac');
+        const tertiaryColor = ref('#ffb74d');
+
+        const hasFolders = props.context.folders.length > 0;
+        const name = ref('');
+        const folder = ref(props.context.folder ?? '');
+        const type = ref(props.context.type ?? '');
+        
+        const selectedImage = ref(props.context.types.find(x => x.type == type.value)?.icon || 'icons/svg/mystery-man.svg');
+        
+        const onChange = (value) => {
+            selectedImage.value = props.context.types.find(x => x.type == type.value)?.icon || 'icons/svg/mystery-man.svg';
+        };
+        
+        const sheet = inject("rawSheet");
+        
+        const submit = () => {
+            sheet.submit();
+        };
+
+        const cancel = () => {
+            sheet.cancel();
+        };
+        
+        const getLabel = (label, icon) => {
+            const localized = game.i18n.localize(label);
+            if (icon) {
+                return \`<i class="\${icon}"></i> \${localized}\`;
+            }
+            return localized;
+        };
+        
+        </script>
     `;
     }
     function generateVueComponentTemplate() {
-        return expandToNode `
-        <template>
-            <v-app>
-                <!-- Main Content -->
-                <v-main class="d-flex">
-                    <v-container class="topography" fluid>
-                        <v-col>
-                            <v-row>
-                                <v-text-field
-                                        v-model="name"
-                                        name="name"
-                                        label="Document Name"
-                                        outlined
-                                        :clearable="true"
-                                        aria-autocomplete="none"
-                                ></v-text-field>
-                            </v-row>
-                            
-                            <v-row>
-                                <v-autocomplete
-                                        v-model="type"
-                                        @update:modelValue="onChange"
-                                        name="type"
-                                        :items="props.context.types"
-                                        label="Document Type"
-                                        item-title="label"
-                                        item-value="type"
-                                        outlined
-                                        required
-                                >
-                                    <template v-slot:prepend-inner>
-                                        <v-avatar rounded="0" :image="selectedImage" size="30"</v-avatar>
-                                    </template>
-                                    <template v-slot:item="{ props, item }">
-                                        <v-list-item
-                                            v-bind="props"
-                                            :data-tooltip="item.raw.description"
-                                        >
-                                            <template v-slot:title>
-                                                <div class="flexrow">
-                                                    <p style="flex: 1">{{ item.raw.label }}</p>
-                                                </div>
-                                            </template>
-                                            <template v-if="item.raw.icon" v-slot:prepend>
-                                                <v-avatar rounded="0" :image="item.raw.icon" style="background: lightgray;">
-                                                </v-avatar>
-                                            </template>
-                                            <template v-slot:subtitle>
-                                                <div v-html="item.raw.description"></div>
-                                            </template>
-                                        </v-list-item>
-                                    </template>
-                                </v-autocomplete>
-                            </v-row>
-
-                            <v-row v-if="hasFolders">
-                                <v-select
-                                        v-model="folder"
-                                        :items="props.context.folders"
-                                        name="folder"
-                                        item-title="name"
-                                        item-value="id"
-                                        label="Select Folder"
-                                        outlined
-                                        :clearable="true"
-                                ></v-select>
-                            </v-row>
-
-                            <v-row class="mt-4 flexrow">
-                                <v-btn @click="submit" :color="primaryColor" class="ma-1 action-btn">Submit</v-btn>
-                                <v-btn @click="cancel" :color="secondaryColor" class="ma-1 action-btn">Cancel</v-btn>
-                            </v-row>
-                        </v-col>
-                    </v-container>
-                </v-main>
-            </v-app>
-        </template>
+        return expandToNode `
+        <template>
+            <v-app>
+                <!-- Main Content -->
+                <v-main class="d-flex">
+                    <v-container class="topography" fluid>
+                        <v-col>
+                            <v-row>
+                                <v-text-field
+                                        v-model="name"
+                                        name="name"
+                                        label="Document Name"
+                                        outlined
+                                        :clearable="true"
+                                        aria-autocomplete="none"
+                                ></v-text-field>
+                            </v-row>
+                            
+                            <v-row>
+                                <v-autocomplete
+                                        v-model="type"
+                                        @update:modelValue="onChange"
+                                        name="type"
+                                        :items="props.context.types"
+                                        label="Document Type"
+                                        item-title="label"
+                                        item-value="type"
+                                        outlined
+                                        required
+                                >
+                                    <template v-slot:prepend-inner>
+                                        <v-avatar rounded="0" :image="selectedImage" size="30"</v-avatar>
+                                    </template>
+                                    <template v-slot:item="{ props, item }">
+                                        <v-list-item
+                                            v-bind="props"
+                                            :data-tooltip="item.raw.description"
+                                        >
+                                            <template v-slot:title>
+                                                <div class="flexrow">
+                                                    <p style="flex: 1">{{ item.raw.label }}</p>
+                                                </div>
+                                            </template>
+                                            <template v-if="item.raw.icon" v-slot:prepend>
+                                                <v-avatar rounded="0" :image="item.raw.icon" style="background: lightgray;">
+                                                </v-avatar>
+                                            </template>
+                                            <template v-slot:subtitle>
+                                                <div v-html="item.raw.description"></div>
+                                            </template>
+                                        </v-list-item>
+                                    </template>
+                                </v-autocomplete>
+                            </v-row>
+
+                            <v-row v-if="hasFolders">
+                                <v-select
+                                        v-model="folder"
+                                        :items="props.context.folders"
+                                        name="folder"
+                                        item-title="name"
+                                        item-value="id"
+                                        label="Select Folder"
+                                        outlined
+                                        :clearable="true"
+                                ></v-select>
+                            </v-row>
+
+                            <v-row class="mt-4 flexrow">
+                                <v-btn @click="submit" :color="primaryColor" class="ma-1 action-btn">Submit</v-btn>
+                                <v-btn @click="cancel" :color="secondaryColor" class="ma-1 action-btn">Cancel</v-btn>
+                            </v-row>
+                        </v-col>
+                    </v-container>
+                </v-main>
+            </v-app>
+        </template>
         `.appendNewLineIfNotEmpty();
     }
 }

package/out/cli/components/vue/vue-document-creation-sheet.js

@@ -7,100 +7,100 @@ export function generateDocumentCreationDialog(entry, id, destination) {
     if (!fs.existsSync(generatedFileDir)) {
         fs.mkdirSync(generatedFileDir, { recursive: true });
     }
-    const fileNode = expandToNode `
-        import VueRenderingMixin from './VueRenderingMixin.mjs';
-        import { DocumentCreationApp } from "./components/components.vue.es.mjs";
-        export default class DocumentCreationVueDialog extends VueRenderingMixin(foundry.applications.api.ApplicationV2) {
-            
-            constructor(resolve, reject, options= {}) {
-                super(options);
-                this.resolve = resolve;
-                this.reject = reject;
-            }
-            
-            vueParts = {
-                "document-creation": {
-                    component: DocumentCreationApp,
-                    template: "<document-creation :context=\\"context\\">Vue rendering for dialog failed.</document-creation>"
-                }
-            };
-
-            _arrayEntryKey = 0;
-            _renderKey = 0;
-            
-            /** @override */
-            static DEFAULT_OPTIONS = {
-                classes: ["${id}", "sheet", "vue-sheet", "document-creation"],
-                position: {
-                    width: 400,
-                    // Size to content so the short create form isn't a fixed window with empty
-                    // space below it (the .document-creation styles neutralize Vuetify's min-height).
-                    height: "auto",
-                },
-                window: {
-                    resizable: false,
-                    title: "Document Creation"
-                },
-                tag: "form",
-                actions: {
-                },
-                changeActions: {
-                },
-                // Custom property that's merged into this.options
-                dragDrop: [
-                ],
-                form: {
-                    submitOnChange: false,
-                    submitOnClose: true,
-                    closeOnSubmit: true
-                }
-            };
-            
-            async _prepareContext(options) {
-                const context = {
-                    types: [],
-                    folders: [],
-                    title: "",
-                    name: "",
-                    type: "",
-                };
-                
-                // Merge options into context
-                if (this.options) {
-                    foundry.utils.mergeObject(context, this.options);
-                }
-                
-                console.dir(context);
-                return context;
-            }
-            
-             static async prompt(options = {}) {
-                return new Promise((resolve, reject) => {
-                    const app = new this(resolve, reject, options);
-                    app.render({force: true, focus: true});
-                });
-            }
-
-            close() {
-                this.reject(new Error("The Dialog was closed without a choice being made."));
-                super.close();
-            }
-
-            submit() {
-                const formData = new FormDataExtended(this.element);
-                const data = { };
-                for (const [key, value] of formData.entries()) {
-                    data[key] = value;
-                }
-                this.resolve(data);
-                this.close();
-            }
-
-            cancel() {
-                this.reject(new Error("The Dialog was closed without a choice being made."));
-                this.close();
-            }
-        }
+    const fileNode = expandToNode `
+        import VueRenderingMixin from './VueRenderingMixin.mjs';
+        import { DocumentCreationApp } from "./components/components.vue.es.mjs";
+        export default class DocumentCreationVueDialog extends VueRenderingMixin(foundry.applications.api.ApplicationV2) {
+            
+            constructor(resolve, reject, options= {}) {
+                super(options);
+                this.resolve = resolve;
+                this.reject = reject;
+            }
+            
+            vueParts = {
+                "document-creation": {
+                    component: DocumentCreationApp,
+                    template: "<document-creation :context=\\"context\\">Vue rendering for dialog failed.</document-creation>"
+                }
+            };
+
+            _arrayEntryKey = 0;
+            _renderKey = 0;
+            
+            /** @override */
+            static DEFAULT_OPTIONS = {
+                classes: ["${id}", "sheet", "vue-sheet", "document-creation"],
+                position: {
+                    width: 400,
+                    // Size to content so the short create form isn't a fixed window with empty
+                    // space below it (the .document-creation styles neutralize Vuetify's min-height).
+                    height: "auto",
+                },
+                window: {
+                    resizable: false,
+                    title: "Document Creation"
+                },
+                tag: "form",
+                actions: {
+                },
+                changeActions: {
+                },
+                // Custom property that's merged into this.options
+                dragDrop: [
+                ],
+                form: {
+                    submitOnChange: false,
+                    submitOnClose: true,
+                    closeOnSubmit: true
+                }
+            };
+            
+            async _prepareContext(options) {
+                const context = {
+                    types: [],
+                    folders: [],
+                    title: "",
+                    name: "",
+                    type: "",
+                };
+                
+                // Merge options into context
+                if (this.options) {
+                    foundry.utils.mergeObject(context, this.options);
+                }
+                
+                console.dir(context);
+                return context;
+            }
+            
+             static async prompt(options = {}) {
+                return new Promise((resolve, reject) => {
+                    const app = new this(resolve, reject, options);
+                    app.render({force: true, focus: true});
+                });
+            }
+
+            close() {
+                this.reject(new Error("The Dialog was closed without a choice being made."));
+                super.close();
+            }
+
+            submit() {
+                const formData = new FormDataExtended(this.element);
+                const data = { };
+                for (const [key, value] of formData.entries()) {
+                    data[key] = value;
+                }
+                this.resolve(data);
+                this.close();
+            }
+
+            cancel() {
+                this.reject(new Error("The Dialog was closed without a choice being made."));
+                this.close();
+            }
+        }
     `.appendNewLineIfNotEmpty();
     fs.writeFileSync(generatedFilePath, toString(fileNode));
 }

package/out/cli/components/vue/vue-generator.js

@@ -177,58 +177,58 @@ function generateIndexMjs(entry, destination) {
             const type = isActor(document) ? 'actor' : 'item';
             const page = AstUtils.getContainerOfType(datatable, isPage);
             const pageName = page ? page.name : document.name;
-            return expandToNode `
-                export { default as ${type}${document.name}${pageName}${datatable.name}VuetifyDatatable } from "./${type}/${document.name.toLowerCase()}/components/datatables/${document.name.toLowerCase()}${pageName}${datatable.name}VuetifyDatatable.vue";
+            return expandToNode `
+                export { default as ${type}${document.name}${pageName}${datatable.name}VuetifyDatatable } from "./${type}/${document.name.toLowerCase()}/components/datatables/${document.name.toLowerCase()}${pageName}${datatable.name}VuetifyDatatable.vue";
             `;
         }
         function generatePinnedExport(datatable) {
             const type = isActor(document) ? 'actor' : 'item';
             const page = AstUtils.getContainerOfType(datatable, isPage);
             const pageName = page ? page.name : document.name;
-            return expandToNode `
-                export { default as ${type}${document.name}${pageName}${datatable.name}VuetifyDatatable } from "./${type}/${document.name.toLowerCase()}/components/datatables/${document.name.toLowerCase()}${pageName}${datatable.name}VuetifyDatatable.vue";
+            return expandToNode `
+                export { default as ${type}${document.name}${pageName}${datatable.name}VuetifyDatatable } from "./${type}/${document.name.toLowerCase()}/components/datatables/${document.name.toLowerCase()}${pageName}${datatable.name}VuetifyDatatable.vue";
             `;
         }
         const tables = getAllOfType(document.body, isTableField, false);
         const pinned = getAllOfType(document.body, isPinnedField, false);
-        return expandToNode `
-            ${joinToNode(tables, generateVuetifyDatableExport, { separator: "\n" })}
-            ${joinToNode(pinned, generatePinnedExport, { separator: "\n" })}
+        return expandToNode `
+            ${joinToNode(tables, generateVuetifyDatableExport, { separator: "\n" })}
+            ${joinToNode(pinned, generatePinnedExport, { separator: "\n" })}
         `;
     }
-    const fileNode = expandToNode `
-    export { default as Attribute } from './components/attribute.vue';
-    export { default as Resource } from './components/resource.vue';
-    export { default as DocumentLink } from './components/document-link.vue';
-    export { default as ProseMirror } from './components/prosemirror.vue';
-    export { default as RollVisualizer } from './components/roll-visualizer.vue';
-    export { default as Paperdoll } from './components/paperdoll.vue';
-    export { default as Calculator } from './components/calculator.vue';
-    export { default as TextField } from './components/text-field.vue';
-    export { default as DateTime } from './components/date-time.vue';
-    export { default as Tracker } from './components/tracker.vue';
-    export { default as ActiveEffectApp } from './active-effect-app.vue';
-    export { default as DocumentCreationApp } from './document-create-app.vue';
-    export { default as MacroField } from './components/macro-field.vue';
-    export { default as MeasuredTemplateField } from './components/measured-template.vue';
-    export { default as ExtendedChoiceField } from './components/extended-choice-field.vue';
-    export { default as DiceField } from './components/dice.vue';
-    export { default as DamageBonuses } from "./components/damage-bonuses.vue";
-    export { default as DamageResistances } from "./components/damage-resistances.vue";
-    export { default as BooleanField } from "./components/boolean.vue";
-    export { default as DieField } from "./components/die.vue";
-    export { default as StringMethodField } from "./components/string-method.vue";
-    export { default as NumberField } from "./components/number.vue";
-    export { default as StringChoiceField } from "./components/string-choice.vue";
-    export { default as StringChoicesField } from "./components/string-choices.vue";
-    export { default as ParentPropertyReferenceField } from "./components/parent-property-reference.vue";
-    export { default as SelfPropertyReferenceField } from "./components/self-property-reference.vue";
-    export { default as MoneyField } from "./components/money.vue";
-    export { default as Inventory } from "./components/inventory.vue";
-    export { default as DamageTrack } from "./components/damage-track.vue";
-    ${joinToNode(entry.documents.map(generateExport), { appendNewLineIfNotEmpty: true })}
-    ${joinToNode(entry.documents.map(generateDocumentPromptExports), { appendNewLineIfNotEmpty: true })}
-    ${joinToNode(entry.documents.map(generateDatatableExportForDocument), { appendNewLineIfNotEmpty: true })}
+    const fileNode = expandToNode `
+    export { default as Attribute } from './components/attribute.vue';
+    export { default as Resource } from './components/resource.vue';
+    export { default as DocumentLink } from './components/document-link.vue';
+    export { default as ProseMirror } from './components/prosemirror.vue';
+    export { default as RollVisualizer } from './components/roll-visualizer.vue';
+    export { default as Paperdoll } from './components/paperdoll.vue';
+    export { default as Calculator } from './components/calculator.vue';
+    export { default as TextField } from './components/text-field.vue';
+    export { default as DateTime } from './components/date-time.vue';
+    export { default as Tracker } from './components/tracker.vue';
+    export { default as ActiveEffectApp } from './active-effect-app.vue';
+    export { default as DocumentCreationApp } from './document-create-app.vue';
+    export { default as MacroField } from './components/macro-field.vue';
+    export { default as MeasuredTemplateField } from './components/measured-template.vue';
+    export { default as ExtendedChoiceField } from './components/extended-choice-field.vue';
+    export { default as DiceField } from './components/dice.vue';
+    export { default as DamageBonuses } from "./components/damage-bonuses.vue";
+    export { default as DamageResistances } from "./components/damage-resistances.vue";
+    export { default as BooleanField } from "./components/boolean.vue";
+    export { default as DieField } from "./components/die.vue";
+    export { default as StringMethodField } from "./components/string-method.vue";
+    export { default as NumberField } from "./components/number.vue";
+    export { default as StringChoiceField } from "./components/string-choice.vue";
+    export { default as StringChoicesField } from "./components/string-choices.vue";
+    export { default as ParentPropertyReferenceField } from "./components/parent-property-reference.vue";
+    export { default as SelfPropertyReferenceField } from "./components/self-property-reference.vue";
+    export { default as MoneyField } from "./components/money.vue";
+    export { default as Inventory } from "./components/inventory.vue";
+    export { default as DamageTrack } from "./components/damage-track.vue";
+    ${joinToNode(entry.documents.map(generateExport), { appendNewLineIfNotEmpty: true })}
+    ${joinToNode(entry.documents.map(generateDocumentPromptExports), { appendNewLineIfNotEmpty: true })}
+    ${joinToNode(entry.documents.map(generateDatatableExportForDocument), { appendNewLineIfNotEmpty: true })}
     `.appendNewLine();
     fs.writeFileSync(generatedFilePath, toString(fileNode));
 }