intelligent-system-design-language 0.3.21 → 0.3.23

package/out/cli/components/vue/base-components/vue-damage-resistances.js

@@ -54,202 +54,202 @@ export default function generateDamageResistancesComponent(destination, entry) {
         return JSON.stringify(damageTypeMap, null, 8);
     }
     const damageTypesObject = extractDamageTypes();
-    const fileNode = expandToNode `
-    <script setup>
-        import { ref, computed, inject, watchEffect } from "vue";
-
-        const props = defineProps({
-            label: String,
-            systemPath: String,
-            context: Object,
-            visibility: String,
-            editMode: Boolean,
-            icon: String
-        });
-
-        const document = inject("rawDocument");
-
-        // Static damage type configuration extracted from AST
-        const damageTypeConfig = ${damageTypesObject};
-
-        const isHidden = computed(() => {
-            if (props.visibility === "hidden") {
-                return true;
-            }
-            if (props.visibility === "gm" && !game.user.isGM) {
-                return true;
-            }
-            return false;
-        });
-
-        // Get all damage resistances from the actor's system
-        const damageResistances = computed(() => {      
-            const system = document.system;
-            const resistanceInfo = {};
-            
-            // Scan all system properties for resistance damage fields
-            for (const [key, value] of Object.entries(system)) {
-                const flatResistMatch = key.match(/^(.+)damageresistanceflat$/);
-                const percentResistMatch = key.match(/^(.+)damageresistancepercent$/);
-                
-                let damageType = null;
-                let effectType = null;
-                
-                if (flatResistMatch) {
-                    damageType = flatResistMatch[1];
-                    effectType = 'flatResistance';
-                } else if (percentResistMatch) {
-                    damageType = percentResistMatch[1];
-                    effectType = 'percentResistance';
-                }
-                
-                if (damageType && effectType) {
-                    if (!resistanceInfo[damageType]) {
-                        const damageTypeObj = damageTypeConfig[damageType] || {};
-                        
-                        resistanceInfo[damageType] = {
-                            type: damageType,
-                            label: damageTypeObj.label || damageType,
-                            icon: damageTypeObj.icon || 'fa-solid fa-circle-info',
-                            color: damageTypeObj.color || '#666666',
-                            flatResistance: 0,
-                            percentResistance: 0
-                        };
-                    }
-                    
-                    if (effectType === 'flatResistance') {
-                        resistanceInfo[damageType].flatResistance = Number(value) || 0;
-                    } else if (effectType === 'percentResistance') {
-                        resistanceInfo[damageType].percentResistance = Number(value) || 0;
-                    }
-                }
-            }
-            
-            // Convert to array and sort by damage type name
-            return Object.values(resistanceInfo).sort((a, b) => a.type.localeCompare(b.type));
-        });
-
-        // Helper function to capitalize damage type names
-        const capitalize = (str) => {
-            return str.charAt(0).toUpperCase() + str.slice(1);
-        };
-
-        // Helper function to format resistance values
-        const formatValue = (value, suffix = '') => {
-            const numValue = Number(value) || 0;
-            return \`\${numValue}\${suffix}\`;
-        };
-    </script>
-
-    <template>
-        <div v-if="!isHidden" class="isdl-damage-resistances pt-2 double-wide">
-            <v-card class="damage-resistances-card" variant="outlined" theme="light" color="white">
-                <v-card-title class="damage-resistances-header bg-grey-darken-3 text-white">
-                    <v-icon v-if="icon" class="me-2">{{ icon }}</v-icon>
-                    <span>{{ game.i18n.localize(label) }}</span>
-                </v-card-title>
-
-                <v-card-text class="pa-0">
-                    <div v-if="damageResistances.length === 0" class="text-center text-disabled pa-2">
-                        No damage resistances found
-                    </div>
-
-                    <v-table v-else density="compact" class="damage-resistances-table">
-                        <thead>
-                            <tr>
-                                <th class="text-left text-white">Type</th>
-                                <th class="text-center text-white">Flat Resistance</th>
-                                <th class="text-center text-white">% Resistance</th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            <tr v-for="damage in damageResistances" :key="damage.type" class="damage-type-row">
-                                <td class="damage-type-name">
-                                    <div class="damage-type-header">
-                                        <v-icon :color="damage.color" size="small" class="me-2">{{ damage.icon }}</v-icon>
-                                        <span class="text-subtitle-2">{{ damage.label || capitalize(damage.type) }}</span>
-                                    </div>
-                                </td>
-                                <td class="text-center">
-                                    <v-chip
-                                        size="small"
-                                        :color="Number(damage.flatResistance) > 0 ? 'primary' : 'default'"
-                                        variant="flat"
-                                        class="text-white font-weight-bold"
-                                    >
-                                        {{ formatValue(damage.flatResistance) }}
-                                    </v-chip>
-                                </td>
-                                <td class="text-center">
-                                    <v-chip
-                                        size="small"
-                                        :color="Number(damage.percentResistance) > 0 ? 'primary' : 'default'"
-                                        variant="flat"
-                                        class="text-white font-weight-bold"
-                                    >
-                                        {{ formatValue(damage.percentResistance, '%') }}
-                                    </v-chip>
-                                </td>
-                            </tr>
-                        </tbody>
-                    </v-table>
-                </v-card-text>
-            </v-card>
-        </div>
-    </template>
-
-    <style scoped>
-    .damage-resistances-card {
-        border-radius: 6px;
-        background: #ffffff;
-    }
-
-    .damage-resistances-header {
-        background: #424242;
-        color: #ffffff;
-        padding: 6px 12px;
-        font-size: 0.85rem;
-        font-weight: 600;
-        border-bottom: 1px solid #333;
-    }
-
-    .damage-resistances-table {
-        background: #ffffff;
-    }
-
-    .damage-type-row:hover {
-        background-color: #f9f9f9;
-    }
-
-    .damage-type-name {
-        font-weight: 500;
-        min-width: 120px;
-    }
-
-    .damage-type-header {
-        display: flex;
-        align-items: center;
-        gap: 4px;
-    }
-
-    .v-table th {
-        font-weight: 600;
-        font-size: 0.8rem;
-        color: #555;
-        background: #fafafa;
-        border-bottom: 1px solid #e0e0e0;
-    }
-
-    .v-table td {
-        padding: 4px 12px;
-        border-bottom: 1px solid #f0f0f0;
-    }
-
-    .v-chip {
-        min-width: 48px;
-        justify-content: center;
-    }
-    </style>
+    const fileNode = expandToNode `
+    <script setup>
+        import { ref, computed, inject, watchEffect } from "vue";
+
+        const props = defineProps({
+            label: String,
+            systemPath: String,
+            context: Object,
+            visibility: String,
+            editMode: Boolean,
+            icon: String
+        });
+
+        const document = inject("rawDocument");
+
+        // Static damage type configuration extracted from AST
+        const damageTypeConfig = ${damageTypesObject};
+
+        const isHidden = computed(() => {
+            if (props.visibility === "hidden") {
+                return true;
+            }
+            if (props.visibility === "gm" && !game.user.isGM) {
+                return true;
+            }
+            return false;
+        });
+
+        // Get all damage resistances from the actor's system
+        const damageResistances = computed(() => {      
+            const system = document.system;
+            const resistanceInfo = {};
+            
+            // Scan all system properties for resistance damage fields
+            for (const [key, value] of Object.entries(system)) {
+                const flatResistMatch = key.match(/^(.+)damageresistanceflat$/);
+                const percentResistMatch = key.match(/^(.+)damageresistancepercent$/);
+                
+                let damageType = null;
+                let effectType = null;
+                
+                if (flatResistMatch) {
+                    damageType = flatResistMatch[1];
+                    effectType = 'flatResistance';
+                } else if (percentResistMatch) {
+                    damageType = percentResistMatch[1];
+                    effectType = 'percentResistance';
+                }
+                
+                if (damageType && effectType) {
+                    if (!resistanceInfo[damageType]) {
+                        const damageTypeObj = damageTypeConfig[damageType] || {};
+                        
+                        resistanceInfo[damageType] = {
+                            type: damageType,
+                            label: damageTypeObj.label || damageType,
+                            icon: damageTypeObj.icon || 'fa-solid fa-circle-info',
+                            color: damageTypeObj.color || '#666666',
+                            flatResistance: 0,
+                            percentResistance: 0
+                        };
+                    }
+                    
+                    if (effectType === 'flatResistance') {
+                        resistanceInfo[damageType].flatResistance = Number(value) || 0;
+                    } else if (effectType === 'percentResistance') {
+                        resistanceInfo[damageType].percentResistance = Number(value) || 0;
+                    }
+                }
+            }
+            
+            // Convert to array and sort by damage type name
+            return Object.values(resistanceInfo).sort((a, b) => a.type.localeCompare(b.type));
+        });
+
+        // Helper function to capitalize damage type names
+        const capitalize = (str) => {
+            return str.charAt(0).toUpperCase() + str.slice(1);
+        };
+
+        // Helper function to format resistance values
+        const formatValue = (value, suffix = '') => {
+            const numValue = Number(value) || 0;
+            return \`\${numValue}\${suffix}\`;
+        };
+    </script>
+
+    <template>
+        <div v-if="!isHidden" class="isdl-damage-resistances pt-2 double-wide">
+            <v-card class="damage-resistances-card" variant="outlined" theme="light" color="white">
+                <v-card-title class="damage-resistances-header bg-grey-darken-3 text-white">
+                    <v-icon v-if="icon" class="me-2">{{ icon }}</v-icon>
+                    <span>{{ game.i18n.localize(label) }}</span>
+                </v-card-title>
+
+                <v-card-text class="pa-0">
+                    <div v-if="damageResistances.length === 0" class="text-center text-disabled pa-2">
+                        No damage resistances found
+                    </div>
+
+                    <v-table v-else density="compact" class="damage-resistances-table">
+                        <thead>
+                            <tr>
+                                <th class="text-left text-white">Type</th>
+                                <th class="text-center text-white">Flat Resistance</th>
+                                <th class="text-center text-white">% Resistance</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr v-for="damage in damageResistances" :key="damage.type" class="damage-type-row">
+                                <td class="damage-type-name">
+                                    <div class="damage-type-header">
+                                        <v-icon :color="damage.color" size="small" class="me-2">{{ damage.icon }}</v-icon>
+                                        <span class="text-subtitle-2">{{ damage.label || capitalize(damage.type) }}</span>
+                                    </div>
+                                </td>
+                                <td class="text-center">
+                                    <v-chip
+                                        size="small"
+                                        :color="Number(damage.flatResistance) > 0 ? 'primary' : 'default'"
+                                        variant="flat"
+                                        class="text-white font-weight-bold"
+                                    >
+                                        {{ formatValue(damage.flatResistance) }}
+                                    </v-chip>
+                                </td>
+                                <td class="text-center">
+                                    <v-chip
+                                        size="small"
+                                        :color="Number(damage.percentResistance) > 0 ? 'primary' : 'default'"
+                                        variant="flat"
+                                        class="text-white font-weight-bold"
+                                    >
+                                        {{ formatValue(damage.percentResistance, '%') }}
+                                    </v-chip>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </v-table>
+                </v-card-text>
+            </v-card>
+        </div>
+    </template>
+
+    <style scoped>
+    .damage-resistances-card {
+        border-radius: 6px;
+        background: #ffffff;
+    }
+
+    .damage-resistances-header {
+        background: #424242;
+        color: #ffffff;
+        padding: 6px 12px;
+        font-size: 0.85rem;
+        font-weight: 600;
+        border-bottom: 1px solid #333;
+    }
+
+    .damage-resistances-table {
+        background: #ffffff;
+    }
+
+    .damage-type-row:hover {
+        background-color: #f9f9f9;
+    }
+
+    .damage-type-name {
+        font-weight: 500;
+        min-width: 120px;
+    }
+
+    .damage-type-header {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+    }
+
+    .v-table th {
+        font-weight: 600;
+        font-size: 0.8rem;
+        color: #555;
+        background: #fafafa;
+        border-bottom: 1px solid #e0e0e0;
+    }
+
+    .v-table td {
+        padding: 4px 12px;
+        border-bottom: 1px solid #f0f0f0;
+    }
+
+    .v-chip {
+        min-width: 48px;
+        justify-content: center;
+    }
+    </style>
     `.appendNewLine();
     fs.writeFileSync(generatedFilePath, toString(fileNode));
 }

package/out/cli/components/vue/base-components/vue-damage-track.js

@@ -7,127 +7,127 @@ export default function generateDamageTrackComponent(destination) {
     if (!fs.existsSync(generatedFileDir)) {
         fs.mkdirSync(generatedFileDir, { recursive: true });
     }
-    const fileNode = expandToNode `
-    <script setup>
-        import { computed, inject } from "vue";
-
-        const props = defineProps({
-            label: String,
-            systemPath: String,
-            context: Object,
-            editMode: Boolean,
-            primaryColor: String,
-            secondaryColor: String,
-            types: Array,
-            max: Number,
-        });
-
-        const document = inject("rawDocument");
-
-        // types ordered from least to most severe (first type is least severe)
-        // empty is always the "unfilled" state
-        const typeColors = ['#888888', '#4fc3f7', '#ef5350', '#7b1fa2', '#ff9800', '#43a047'];
-
-        const getColor = (index) => {
-            if (index === 0) return props.secondaryColor ?? '#555';
-            return typeColors[index] ?? typeColors[typeColors.length - 1];
-        };
-
-        // Build ordered list of boxes: [most-severe ... least-severe ... empty]
-        // We render: all aggravated boxes, then lethal, then bashing, then empty
-        const boxes = computed(() => {
-            const result = [];
-            const types = props.types ?? [];
-            // Fill from most severe (last type) to least severe (first type), then empty
-            for (let t = types.length - 1; t >= 0; t--) {
-                const count = getVal(types[t]);
-                for (let i = 0; i < count; i++) {
-                    result.push({ type: types[t], typeIndex: t + 1 });
-                }
-            }
-            const emptyCount = getVal('empty');
-            for (let i = 0; i < emptyCount; i++) {
-                result.push({ type: 'empty', typeIndex: 0 });
-            }
-            return result;
-        });
-
-        const getVal = (type) => {
-            const v = foundry.utils.getProperty(props.context, props.systemPath + '.' + type);
-            return Math.max(0, Math.floor(v ?? 0));
-        };
-
-        const setVal = (type, value) => {
-            foundry.utils.setProperty(props.context, props.systemPath + '.' + type, value);
-        };
-
-        // Left-click: fill an empty box with least-severe type
-        const addDamage = (box, index) => {
-            if (!props.editMode) return;
-            const types = props.types ?? [];
-            if (types.length === 0) return;
-            if (box.type === 'empty') {
-                const leastSevere = types[0];
-                setVal(leastSevere, getVal(leastSevere) + 1);
-                setVal('empty', getVal('empty') - 1);
-            } else {
-                // Upgrade: cycle to next more severe type if available
-                const typeIndex = types.indexOf(box.type);
-                if (typeIndex < types.length - 1) {
-                    const nextType = types[typeIndex + 1];
-                    setVal(box.type, getVal(box.type) - 1);
-                    setVal(nextType, getVal(nextType) + 1);
-                }
-            }
-        };
-
-        // Right-click: heal most-severe filled box → empty
-        const healDamage = (box, index) => {
-            if (!props.editMode) return;
-            if (box.type === 'empty') return;
-            setVal(box.type, getVal(box.type) - 1);
-            setVal('empty', getVal('empty') + 1);
-        };
-
-        const getLabel = computed(() => game.i18n.localize(props.label));
-
-        const boxSymbol = (type) => {
-            const types = props.types ?? [];
-            const idx = types.indexOf(type);
-            if (type === 'empty') return '';
-            if (idx === types.length - 1) return 'X';
-            if (idx === types.length - 2) return '/';
-            return '\\\\';
-        };
-    </script>
-
-    <template>
-        <div class="isdl-damage-track">
-            <div class="damage-track-label">{{ getLabel }}</div>
-            <div class="damage-track-boxes">
-                <div
-                    v-for="(box, i) in boxes"
-                    :key="i"
-                    class="damage-box"
-                    :class="{ 'damage-box--filled': box.type !== 'empty', 'damage-box--empty': box.type === 'empty' }"
-                    :style="{
-                        borderColor: getColor(box.typeIndex),
-                        backgroundColor: box.type !== 'empty' ? getColor(box.typeIndex) : 'transparent',
-                    }"
-                    :data-tooltip="box.type !== 'empty' ? box.type : 'empty'"
-                    @click.stop="addDamage(box, i)"
-                    @contextmenu.prevent.stop="healDamage(box, i)"
-                >
-                    <span class="damage-symbol">{{ boxSymbol(box.type) }}</span>
-                </div>
-            </div>
-            <div class="damage-track-legend" v-if="types && types.length">
-                <span v-for="(t, i) in types" :key="t" class="damage-legend-item">
-                    <span :style="{ color: getColor(i + 1) }">{{ boxSymbol(t) }}</span> {{ t }}
-                </span>
-            </div>
-        </div>
-    </template>
+    const fileNode = expandToNode `
+    <script setup>
+        import { computed, inject } from "vue";
+
+        const props = defineProps({
+            label: String,
+            systemPath: String,
+            context: Object,
+            editMode: Boolean,
+            primaryColor: String,
+            secondaryColor: String,
+            types: Array,
+            max: Number,
+        });
+
+        const document = inject("rawDocument");
+
+        // types ordered from least to most severe (first type is least severe)
+        // empty is always the "unfilled" state
+        const typeColors = ['#888888', '#4fc3f7', '#ef5350', '#7b1fa2', '#ff9800', '#43a047'];
+
+        const getColor = (index) => {
+            if (index === 0) return props.secondaryColor ?? '#555';
+            return typeColors[index] ?? typeColors[typeColors.length - 1];
+        };
+
+        // Build ordered list of boxes: [most-severe ... least-severe ... empty]
+        // We render: all aggravated boxes, then lethal, then bashing, then empty
+        const boxes = computed(() => {
+            const result = [];
+            const types = props.types ?? [];
+            // Fill from most severe (last type) to least severe (first type), then empty
+            for (let t = types.length - 1; t >= 0; t--) {
+                const count = getVal(types[t]);
+                for (let i = 0; i < count; i++) {
+                    result.push({ type: types[t], typeIndex: t + 1 });
+                }
+            }
+            const emptyCount = getVal('empty');
+            for (let i = 0; i < emptyCount; i++) {
+                result.push({ type: 'empty', typeIndex: 0 });
+            }
+            return result;
+        });
+
+        const getVal = (type) => {
+            const v = foundry.utils.getProperty(props.context, props.systemPath + '.' + type);
+            return Math.max(0, Math.floor(v ?? 0));
+        };
+
+        const setVal = (type, value) => {
+            foundry.utils.setProperty(props.context, props.systemPath + '.' + type, value);
+        };
+
+        // Left-click: fill an empty box with least-severe type
+        const addDamage = (box, index) => {
+            if (!props.editMode) return;
+            const types = props.types ?? [];
+            if (types.length === 0) return;
+            if (box.type === 'empty') {
+                const leastSevere = types[0];
+                setVal(leastSevere, getVal(leastSevere) + 1);
+                setVal('empty', getVal('empty') - 1);
+            } else {
+                // Upgrade: cycle to next more severe type if available
+                const typeIndex = types.indexOf(box.type);
+                if (typeIndex < types.length - 1) {
+                    const nextType = types[typeIndex + 1];
+                    setVal(box.type, getVal(box.type) - 1);
+                    setVal(nextType, getVal(nextType) + 1);
+                }
+            }
+        };
+
+        // Right-click: heal most-severe filled box → empty
+        const healDamage = (box, index) => {
+            if (!props.editMode) return;
+            if (box.type === 'empty') return;
+            setVal(box.type, getVal(box.type) - 1);
+            setVal('empty', getVal('empty') + 1);
+        };
+
+        const getLabel = computed(() => game.i18n.localize(props.label));
+
+        const boxSymbol = (type) => {
+            const types = props.types ?? [];
+            const idx = types.indexOf(type);
+            if (type === 'empty') return '';
+            if (idx === types.length - 1) return 'X';
+            if (idx === types.length - 2) return '/';
+            return '\\\\';
+        };
+    </script>
+
+    <template>
+        <div class="isdl-damage-track">
+            <div class="damage-track-label">{{ getLabel }}</div>
+            <div class="damage-track-boxes">
+                <div
+                    v-for="(box, i) in boxes"
+                    :key="i"
+                    class="damage-box"
+                    :class="{ 'damage-box--filled': box.type !== 'empty', 'damage-box--empty': box.type === 'empty' }"
+                    :style="{
+                        borderColor: getColor(box.typeIndex),
+                        backgroundColor: box.type !== 'empty' ? getColor(box.typeIndex) : 'transparent',
+                    }"
+                    :data-tooltip="box.type !== 'empty' ? box.type : 'empty'"
+                    @click.stop="addDamage(box, i)"
+                    @contextmenu.prevent.stop="healDamage(box, i)"
+                >
+                    <span class="damage-symbol">{{ boxSymbol(box.type) }}</span>
+                </div>
+            </div>
+            <div class="damage-track-legend" v-if="types && types.length">
+                <span v-for="(t, i) in types" :key="t" class="damage-legend-item">
+                    <span :style="{ color: getColor(i + 1) }">{{ boxSymbol(t) }}</span> {{ t }}
+                </span>
+            </div>
+        </div>
+    </template>
     `.appendNewLine();
     fs.writeFileSync(generatedFilePath, toString(fileNode));
 }