intelligent-system-design-language 0.3.13

package/out/cli/components/vue/base-components/vue-string-choices.js

@@ -0,0 +1,216 @@
+import * as path from 'node:path';
+import * as fs from 'node:fs';
+import { expandToNode, toString } from 'langium/generate';
+export default function generateStringChoicesComponent(destination, entry) {
+    const generatedFileDir = path.join(destination, "system", "templates", "vue", "components");
+    const generatedFilePath = path.join(generatedFileDir, `string-choices.vue`);
+    if (!fs.existsSync(generatedFileDir)) {
+        fs.mkdirSync(generatedFileDir, { recursive: true });
+    }
+    const fileNode = expandToNode `
+    <script setup>
+        import { ref, computed, inject } from "vue";
+
+        const props = defineProps({
+            label: String,
+            systemPath: String,
+            context: Object,
+            icon: String,
+            color: String,
+            disabled: Boolean,
+            items: {
+                type: Array,
+                default: () => []
+            },
+            isExtended: {
+                type: Boolean,
+                default: false
+            },
+            maxSelections: Number,
+            primaryColor: String,
+            secondaryColor: String
+        });
+
+        const document = inject("rawDocument");
+
+        // Get the array of selected values
+        const selectedValues = computed({
+            get: () => {
+                const values = foundry.utils.getProperty(props.context, props.systemPath);
+                if (!Array.isArray(values)) return [];
+                
+                if (props.isExtended) {
+                    return values
+                        .map(item => typeof item === 'object' && item !== null ? item.value : item)
+                        .filter(v => v !== undefined && v !== null);
+                } else {
+                    return values.filter(v => typeof v === 'string');
+                }
+            },
+            set: (newValues) => {
+                if (!Array.isArray(newValues)) {
+                    foundry.utils.setProperty(props.context, props.systemPath, []);
+                    return;
+                }
+                
+                if (props.isExtended) {
+                    // For extended choices, create objects with value, icon, color from items
+                    const selectedObjects = newValues.map(value => {
+                        const item = props.items.find(i => i.value === value);
+                        if (item) {
+                            const obj = { value: item.value, icon: item.icon || "", color: item.color || "#ffffff" };
+                            // Add any custom properties
+                            if (item.customKeys) {
+                                item.customKeys.forEach(custom => {
+                                    obj[custom.key.toLowerCase()] = custom.value;
+                                });
+                            }
+                            return obj;
+                        }
+                        return { value, icon: "", color: "#ffffff" };
+                    });
+                    foundry.utils.setProperty(props.context, props.systemPath, selectedObjects);
+                } else {
+                    // For simple choices, store the array of strings directly
+                    foundry.utils.setProperty(props.context, props.systemPath, newValues);
+                }
+            }
+        });
+
+        // v-select doesn't fire a native change event, so Foundry's
+        // submitOnChange never persists a selection until another field
+        // changes. Apply the selection (the computed setter transforms it into
+        // the stored shape) and then persist that stored value directly.
+        const onChoicesChange = (newValues) => {
+            selectedValues.value = newValues;
+            if (document) {
+                document.update({ [props.systemPath]: foundry.utils.getProperty(props.context, props.systemPath) });
+            }
+        };
+
+        const fieldColor = computed(() => {
+            return props.color || 'primary';
+        });
+
+        const localizedLabel = computed(() => {
+            return game.i18n.localize(props.label);
+        });
+
+        const maxReached = computed(() => {
+            return props.maxSelections && selectedValues.value.length >= props.maxSelections;
+        });
+
+        const getTooltip = (item) => {
+            // The choice item might have additional system properties other than the core value, color, and icon.
+            // We want to build a tooltip of these additional values
+            const tooltipParts = [];
+            if (item.customKeys && item.customKeys.length > 0) {
+                for (const custom of item.customKeys) {
+                    const value = custom.value;
+                    if (value !== undefined) {
+                        tooltipParts.push(\`\${custom.label}: \${value}\`);
+                    }
+                }
+            }
+            return tooltipParts.join('<br>');
+        };
+        
+        const getLabel = (label, icon) => {
+            const localized = game.i18n.localize(label);
+            if (icon) {
+                return \`<i class="\${icon}"></i> \${localized}\`;
+            }
+            return localized;
+        };
+    </script>
+
+    <template>
+        <div class="isdl-string-choices double-wide">
+            <!-- Simple choices field - uses v-select with multiple -->
+            <v-select
+                v-if="!props.isExtended"
+                :model-value="selectedValues"
+                @update:model-value="onChoicesChange"
+                :name="props.systemPath"
+                :items="props.items"
+                item-title="label"
+                item-value="value"
+                :disabled="disabled"
+                :color="fieldColor"
+                variant="outlined"
+                density="compact"
+                multiple
+                chips
+                clearable
+            >
+                <template #label>
+                    <span class="field-label">
+                        <v-icon v-if="props.icon" :icon="props.icon" size="small" class="me-1"></v-icon>
+                        {{ localizedLabel }}
+                    </span>
+                </template>
+            </v-select>
+
+            <!-- Extended choices field - uses v-select with custom templates, same style as choice<string> -->
+            <v-select
+                v-else
+                :model-value="selectedValues"
+                @update:model-value="onChoicesChange"
+                :name="props.systemPath"
+                :items="props.items"
+                item-title="label"
+                item-value="value"
+                :disabled="disabled"
+                :color="fieldColor"
+                variant="outlined"
+                density="compact"
+                multiple
+                chips
+                clearable
+            >
+                <template #label>
+                    <span v-html="getLabel(props.label, props.icon)" />
+                </template>
+
+                <template v-slot:item="{ props: itemProps, item }">
+                    <v-list-item 
+                        v-bind="itemProps" 
+                        :value="item.raw.value" 
+                        title=""
+                        :disabled="maxReached && !selectedValues.includes(item.raw.value)"
+                    >
+                        <v-list-item-title>
+                            <v-chip 
+                                label 
+                                :color="item.raw.color" 
+                                variant="elevated" 
+                                class="text-caption" 
+                                size="small" 
+                                :data-tooltip="getTooltip(item.raw)"
+                            >
+                                <span v-html="getLabel(item.raw.label, item.raw.icon)"></span>
+                            </v-chip>
+                        </v-list-item-title>
+                    </v-list-item>
+                </template>
+
+                <template v-slot:chip="{ props: chipProps, item }">
+                    <v-chip 
+                        v-bind="chipProps"
+                        label 
+                        :color="item.raw.color" 
+                        variant="elevated" 
+                        class="text-caption" 
+                        size="small" 
+                        :data-tooltip="getTooltip(item.raw)"
+                    >
+                        <span v-html="getLabel(item.raw.label, item.raw.icon)"></span>
+                    </v-chip>
+                </template>
+            </v-select>
+        </div>
+    </template>
+    `.appendNewLine();
+    fs.writeFileSync(generatedFilePath, toString(fileNode));
+}
+//# sourceMappingURL=vue-string-choices.js.map

package/out/cli/components/vue/base-components/vue-string-choices.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-string-choices.js","sourceRoot":"","sources":["../../../../../src/cli/components/vue/base-components/vue-string-choices.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,WAAW,CAAC;AAClC,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAC,YAAY,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAGxD,MAAM,CAAC,OAAO,UAAU,8BAA8B,CAAC,WAAmB,EAAE,KAAa;IACrF,MAAM,gBAAgB,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC;IAC5F,MAAM,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,CAAC;IAE5E,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE;QAClC,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE,EAAC,SAAS,EAAE,IAAI,EAAC,CAAC,CAAC;KACrD;IAED,MAAM,QAAQ,GAAG,YAAY,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2M5B,CAAC,aAAa,EAAE,CAAC;IAElB,EAAE,CAAC,aAAa,CAAC,iBAAiB,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC5D,CAAC"}

package/out/cli/components/vue/base-components/vue-string.js

@@ -0,0 +1,73 @@
+import * as path from 'node:path';
+import * as fs from 'node:fs';
+import { expandToNode, toString } from 'langium/generate';
+export default function generateStringMethodComponent(destination, entry) {
+    const generatedFileDir = path.join(destination, "system", "templates", "vue", "components");
+    const generatedFilePath = path.join(generatedFileDir, `string-method.vue`);
+    if (!fs.existsSync(generatedFileDir)) {
+        fs.mkdirSync(generatedFileDir, { recursive: true });
+    }
+    const fileNode = expandToNode `
+    <script setup>
+        import { ref, computed, inject } from "vue";
+
+        const props = defineProps({
+            label: String,
+            systemPath: String,
+            context: Object,
+            icon: String,
+            color: String,
+            disabled: Boolean
+        });
+
+        const document = inject("rawDocument");
+        
+        const value = computed({
+            get: () => foundry.utils.getProperty(props.context, props.systemPath),
+            set: (newValue) => foundry.utils.setProperty(props.context, props.systemPath, newValue)
+        });
+
+        const isHidden = computed(() => {
+            if (props.visibility === "hidden") {
+                return true;
+            }
+            if (props.visibility === "gm" && !game.user.isGM) {
+                return true;
+            }
+            return false;
+        });
+
+        const fieldColor = computed(() => {
+            return props.color || 'primary';
+        });
+
+        const tooltipText = computed(() => {
+            return value.value || '';
+        });
+    </script>
+
+    <template>
+        <div v-if="!isHidden" class="isdl-string-method single-wide">
+            <v-text-field 
+                v-model="value"
+                :name="props.systemPath"
+                :disabled="disabled"
+                :color="fieldColor"
+                variant="outlined"
+                density="compact"
+                append-inner-icon="fa-solid fa-function"
+                :data-tooltip="tooltipText"
+            >
+                <template #label>
+                    <span class="field-label">
+                        <v-icon v-if="props.icon" :icon="props.icon" size="small" class="me-1"></v-icon>
+                        {{ game.i18n.localize(props.label) }}
+                    </span>
+                </template>
+            </v-text-field>
+        </div>
+    </template>
+    `.appendNewLine();
+    fs.writeFileSync(generatedFilePath, toString(fileNode));
+}
+//# sourceMappingURL=vue-string.js.map

package/out/cli/components/vue/base-components/vue-string.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-string.js","sourceRoot":"","sources":["../../../../../src/cli/components/vue/base-components/vue-string.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,WAAW,CAAC;AAClC,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAC,YAAY,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAGxD,MAAM,CAAC,OAAO,UAAU,6BAA6B,CAAC,WAAmB,EAAE,KAAa;IACpF,MAAM,gBAAgB,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC;IAC5F,MAAM,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,CAAC;IAE3E,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE;QAClC,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE,EAAC,SAAS,EAAE,IAAI,EAAC,CAAC,CAAC;KACrD;IAED,MAAM,QAAQ,GAAG,YAAY,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4D5B,CAAC,aAAa,EAAE,CAAC;IAElB,EAAE,CAAC,aAAa,CAAC,iBAAiB,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC5D,CAAC"}

package/out/cli/components/vue/base-components/vue-text-field.js

@@ -0,0 +1,66 @@
+import * as path from 'node:path';
+import * as fs from 'node:fs';
+import { expandToNode, toString } from 'langium/generate';
+export default function generateTextFieldComponent(destination) {
+    const generatedFileDir = path.join(destination, "system", "templates", "vue", "components");
+    const generatedFilePath = path.join(generatedFileDir, `text-field.vue`);
+    if (!fs.existsSync(generatedFileDir)) {
+        fs.mkdirSync(generatedFileDir, { recursive: true });
+    }
+    const fileNode = expandToNode `
+    <script setup>
+        import { ref, computed, inject } from "vue";
+
+        const props = defineProps({
+            label: String,
+            systemPath: String,
+            context: Object,
+            disabled: Boolean,
+            editMode: Boolean,
+            icon: String,
+            color: String
+        });
+
+        const value = ref(foundry.utils.getProperty(props.context, props.systemPath));
+        const document = inject("rawDocument");
+
+        const debouncedPersist = foundry.utils.debounce((newValue) => {
+            const update = {};
+            value.value = newValue;
+            update[props.systemPath] = newValue;
+            document.update(update);
+        }, 150);
+
+        const update = (newValue) => {
+            value.value = newValue;
+            debouncedPersist(newValue);
+        };
+
+        const getLabel = computed(() => {
+            const localized = game.i18n.localize(props.label);
+            if (props.icon) {
+                return \`<i class="fa-solid \${props.icon}"></i> \${localized}\`;
+            }
+            return localized;
+        });
+    </script>
+    <template>
+        <v-text-field
+            v-model="value"
+            :disabled="disabled"
+            :dense="true"
+            density="compact"
+            variant="outlined"
+            @update:modelValue="update"
+            :data-tooltip="value"
+            :color="color"
+        >
+            <template #label>
+                <span v-html="getLabel" />
+            </template>    
+        </v-text-field>
+    </template>
+    `;
+    fs.writeFileSync(generatedFilePath, toString(fileNode));
+}
+//# sourceMappingURL=vue-text-field.js.map

package/out/cli/components/vue/base-components/vue-text-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-text-field.js","sourceRoot":"","sources":["../../../../../src/cli/components/vue/base-components/vue-text-field.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,WAAW,CAAC;AAClC,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAC,YAAY,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAExD,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,WAAmB;IAClE,MAAM,gBAAgB,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC;IAC5F,MAAM,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAC;IAExE,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE;QAClC,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE,EAAC,SAAS,EAAE,IAAI,EAAC,CAAC,CAAC;KACrD;IAED,MAAM,QAAQ,GAAG,YAAY,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqD5B,CAAC;IAEF,EAAE,CAAC,aAAa,CAAC,iBAAiB,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC5D,CAAC"}