intelligent-system-design-language 0.3.22 → 0.3.23

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

@@ -7,106 +7,106 @@ export function generateCanvasToken(entry, id, destination) {
     if (!fs.existsSync(generatedFileDir)) {
         fs.mkdirSync(generatedFileDir, { recursive: true });
     }
-    const fileNode = expandToNode `
-    export default class ${entry.config.name}Token extends Token {
-        /** @inheritDoc */
-        _drawBar(number, bar, data) {
-            const resource = foundry.utils.getProperty(this.document.actor.system, data.attribute);
-
-            if (resource.temp <= 0) {
-                return super._drawBar(number, bar, data);
-            }
-
-            const displayMax = resource.max;
-
-            const tempPct = Math.clamp(resource.temp, 0, displayMax) / displayMax;
-            const colorPct = Math.clamp(resource.value, 0, displayMax) / displayMax;
-
-            // Determine the container size (logic borrowed from core)
-            const w = this.w;
-            let h = Math.max((canvas.dimensions.size / 12), 8);
-            if (this.document.height >= 2) h *= 1.6;
-            const bs = Math.clamp(h / 8, 1, 2);
-            const bs1 = bs + 1;
-
-            // Determine the color to use
-            const blk = 0x000000;
-            let color;
-            if ( number === 0 ) color = Color.fromRGB([(1-(colorPct/2)), colorPct, 0]);
-            else color = Color.fromRGB([(0.5 * colorPct), (0.7 * colorPct), 0.5 + (colorPct / 2)]);
-
-            // Overall bar container
-            bar.clear();
-            bar.beginFill(blk, 0.5).lineStyle(bs, blk, 1.0).drawRoundedRect(0, 0, w, h, 3);
-
-            // Health bar
-            bar.beginFill(color, 1.0).lineStyle(bs, blk, 1.0).drawRoundedRect(0, 0, colorPct*w, h, 2);
-        
-            function getBlendedContrast(color, blendFactor = 0.3) {
-                // Convert color to hex string
-                let hex = color.toString(16).padStart(6, "0");
-            
-                // Extract RGB components
-                let r = parseInt(hex.substring(0, 2), 16);
-                let g = parseInt(hex.substring(2, 4), 16);
-                let b = parseInt(hex.substring(4, 6), 16);
-            
-                // Calculate luminance
-                let luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
-            
-                // Determine base contrast color (black or white)
-                let baseContrast = luminance > 0.5 ? 0x000000 : 0xFFFFFF;
-            
-                // Extract RGB from base contrast
-                let bcR = (baseContrast >> 16) & 0xFF;
-                let bcG = (baseContrast >> 8) & 0xFF;
-                let bcB = baseContrast & 0xFF;
-            
-                // Blend original color with contrast color
-                let blendedR = Math.round(r * (1 - blendFactor) + bcR * blendFactor);
-                let blendedG = Math.round(g * (1 - blendFactor) + bcG * blendFactor);
-                let blendedB = Math.round(b * (1 - blendFactor) + bcB * blendFactor);
-            
-                // Return new blended color
-                return (blendedR << 16) | (blendedG << 8) | blendedB;
-            }
-
-            // Calculate a temporary color that is a lighter shade than color
-            const tempColor = number === 0 ? 0x33AAFF : getBlendedContrast(color);
-
-            // Temporary health bar
-            
-            const blur = new PIXI.filters.BlurFilter();
-            blur.blur = 1; // Adjust for stronger glow
-            
-            const colorMatrix = new PIXI.filters.ColorMatrixFilter();
-            colorMatrix.brightness(1.2); // Increase brightness
-
-            const tempBar = new PIXI.Graphics();
-            tempBar.filters = [blur, colorMatrix];
-            tempBar.beginFill(tempColor, 1.0).lineStyle(0).drawRoundedRect(bs1, bs1, (tempPct*w)-(2*bs1), h-(2*bs1), 1)
-        
-            bar.addChild(tempBar);
-
-            // Animation - Flashing (Opacity Pulse)
-            canvas.app.ticker.add((delta) => {
-                tempBar.alpha = 0.7 + 0.3 * Math.sin(performance.now() / 1000);
-            });
-
-            // Set position
-            let posY = number === 0 ? this.h - h : 0;
-            bar.position.set(0, posY);
-        }
-
-        /* -------------------------------------------- */
-
-        static onTargetToken(user, token, targeted) {
-            if ( !targeted ) return;
-            if ( !token.hasDynamicRing ) return;
-            const color = Color.from(user.color);
-            token.ring.flashColor(color, { duration: 500, easing: token.ring.constructor.easeTwoPeaks });
-        }
-    }
+    const fileNode = expandToNode `
+    export default class ${entry.config.name}Token extends Token {
+        /** @inheritDoc */
+        _drawBar(number, bar, data) {
+            const resource = foundry.utils.getProperty(this.document.actor.system, data.attribute);
+
+            if (resource.temp <= 0) {
+                return super._drawBar(number, bar, data);
+            }
+
+            const displayMax = resource.max;
+
+            const tempPct = Math.clamp(resource.temp, 0, displayMax) / displayMax;
+            const colorPct = Math.clamp(resource.value, 0, displayMax) / displayMax;
+
+            // Determine the container size (logic borrowed from core)
+            const w = this.w;
+            let h = Math.max((canvas.dimensions.size / 12), 8);
+            if (this.document.height >= 2) h *= 1.6;
+            const bs = Math.clamp(h / 8, 1, 2);
+            const bs1 = bs + 1;
+
+            // Determine the color to use
+            const blk = 0x000000;
+            let color;
+            if ( number === 0 ) color = Color.fromRGB([(1-(colorPct/2)), colorPct, 0]);
+            else color = Color.fromRGB([(0.5 * colorPct), (0.7 * colorPct), 0.5 + (colorPct / 2)]);
+
+            // Overall bar container
+            bar.clear();
+            bar.beginFill(blk, 0.5).lineStyle(bs, blk, 1.0).drawRoundedRect(0, 0, w, h, 3);
+
+            // Health bar
+            bar.beginFill(color, 1.0).lineStyle(bs, blk, 1.0).drawRoundedRect(0, 0, colorPct*w, h, 2);
+        
+            function getBlendedContrast(color, blendFactor = 0.3) {
+                // Convert color to hex string
+                let hex = color.toString(16).padStart(6, "0");
+            
+                // Extract RGB components
+                let r = parseInt(hex.substring(0, 2), 16);
+                let g = parseInt(hex.substring(2, 4), 16);
+                let b = parseInt(hex.substring(4, 6), 16);
+            
+                // Calculate luminance
+                let luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
+            
+                // Determine base contrast color (black or white)
+                let baseContrast = luminance > 0.5 ? 0x000000 : 0xFFFFFF;
+            
+                // Extract RGB from base contrast
+                let bcR = (baseContrast >> 16) & 0xFF;
+                let bcG = (baseContrast >> 8) & 0xFF;
+                let bcB = baseContrast & 0xFF;
+            
+                // Blend original color with contrast color
+                let blendedR = Math.round(r * (1 - blendFactor) + bcR * blendFactor);
+                let blendedG = Math.round(g * (1 - blendFactor) + bcG * blendFactor);
+                let blendedB = Math.round(b * (1 - blendFactor) + bcB * blendFactor);
+            
+                // Return new blended color
+                return (blendedR << 16) | (blendedG << 8) | blendedB;
+            }
+
+            // Calculate a temporary color that is a lighter shade than color
+            const tempColor = number === 0 ? 0x33AAFF : getBlendedContrast(color);
+
+            // Temporary health bar
+            
+            const blur = new PIXI.filters.BlurFilter();
+            blur.blur = 1; // Adjust for stronger glow
+            
+            const colorMatrix = new PIXI.filters.ColorMatrixFilter();
+            colorMatrix.brightness(1.2); // Increase brightness
+
+            const tempBar = new PIXI.Graphics();
+            tempBar.filters = [blur, colorMatrix];
+            tempBar.beginFill(tempColor, 1.0).lineStyle(0).drawRoundedRect(bs1, bs1, (tempPct*w)-(2*bs1), h-(2*bs1), 1)
+        
+            bar.addChild(tempBar);
+
+            // Animation - Flashing (Opacity Pulse)
+            canvas.app.ticker.add((delta) => {
+                tempBar.alpha = 0.7 + 0.3 * Math.sin(performance.now() / 1000);
+            });
+
+            // Set position
+            let posY = number === 0 ? this.h - h : 0;
+            bar.position.set(0, posY);
+        }
+
+        /* -------------------------------------------- */
+
+        static onTargetToken(user, token, targeted) {
+            if ( !targeted ) return;
+            if ( !token.hasDynamicRing ) return;
+            const color = Color.from(user.color);
+            token.ring.flashColor(color, { duration: 500, easing: token.ring.constructor.easeTwoPeaks });
+        }
+    }
     `.appendNewLineIfNotEmpty();
     fs.writeFileSync(generatedFilePath, toString(fileNode), 'utf-8');
 }
@@ -116,22 +116,22 @@ export function generateTokenDocument(entry, id, destination) {
     if (!fs.existsSync(generatedFileDir)) {
         fs.mkdirSync(generatedFileDir, { recursive: true });
     }
-    const fileNode = expandToNode `
-    export default class ${entry.config.name}TokenDocument extends TokenDocument {
-        /** @inheritDoc */
-        getBarAttribute(barName, options={}) {
-            const data = super.getBarAttribute(barName, options);
-            if ( data === null ) return;
-            const resource = foundry.utils.getProperty(this.actor.system, data.attribute);
-            data.value += resource.temp;
-            return data;
-        }
-
-        _onUpdateBaseActor(update={}, options={}) {
-            if (foundry.utils.isEmpty(update)) return;
-            if (!this.isEditable) return;
-            super._onUpdateBaseActor(update, options);
-        }
+    const fileNode = expandToNode `
+    export default class ${entry.config.name}TokenDocument extends TokenDocument {
+        /** @inheritDoc */
+        getBarAttribute(barName, options={}) {
+            const data = super.getBarAttribute(barName, options);
+            if ( data === null ) return;
+            const resource = foundry.utils.getProperty(this.actor.system, data.attribute);
+            data.value += resource.temp;
+            return data;
+        }
+
+        _onUpdateBaseActor(update={}, options={}) {
+            if (foundry.utils.isEmpty(update)) return;
+            if (!this.isEditable) return;
+            super._onUpdateBaseActor(update, options);
+        }
     }`.appendNewLineIfNotEmpty();
     fs.writeFileSync(generatedFilePath, toString(fileNode), 'utf-8');
 }

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

@@ -7,144 +7,144 @@ export default function generateAttributeComponent(destination) {
     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,
-            icon: String,
-            hasMod: Boolean,
-            mod: Number,
-            systemPath: String,
-            context: Object,
-            min: Number,
-            disabled: Boolean,
-            primaryColor: String,
-            secondaryColor: String,
-            editMode: Boolean,
-            attributeStyle: String, // plain or box
-            roll: Function,
-            hasRoll: Boolean,
-            // Icon shown in the click overlay. Defaults to a die for roll: handlers; function: handlers
-            // pass the attribute's own icon so the affordance matches what the click actually does.
-            clickIcon: { type: String, default: "fa-solid fa-dice" }
-        });
-
-        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)
-        });
-
-        // Vuetify's up/down stepper buttons update the model without firing a
-        // native change event, so Foundry's submitOnChange form handler never
-        // persists them. When the value changes while focus is NOT on a text
-        // input (i.e. a stepper click, not typing), persist directly. Typing
-        // still persists via the input's native change on blur/enter.
-        // ('document' is the injected Foundry document; DOM access uses window.)
-        const persistOnStep = (path, newValue) => {
-            if (document && window.document.activeElement?.tagName !== 'INPUT') {
-                document.update({ [path]: newValue });
-            }
-        };
-
-        const getStyle = computed(() => {
-            const p = props.primaryColor || "#92aed9";
-
-            // Get either black or white text color based on the primary color brightness
-            const brightness = (parseInt(p.slice(1, 3), 16) * 299 + parseInt(p.slice(3, 5), 16) * 587 + parseInt(p.slice(5, 7), 16) * 114) / 1000;
-            let textColor = "#ffffff"; // Default to white text
-            if (brightness > 128) {
-                textColor = "#000000"; // Use black text for brighter colors
-            }
-
-            return {
-                backgroundColor: p,
-                color: textColor,
-                borderColor: p
-            };
-        });
-
-        const getLabel = computed(() => {
-            const localized = game.i18n.localize(props.label);
-            if (props.icon) {
-                return \`<i class="fa-solid \${props.icon}"></i> \${localized}\`;
-            }
-            return localized;
-        });
-        
-        const isHovering = ref(false);
-
-        const handleRoll = () => {
-          if (props.roll) {
-            props.roll();
-          }
-        };
-    </script>
-
-    <template>
-        <div class="dice-container"
-            @mouseenter="isHovering = true"
-            @mouseleave="isHovering = false"
-        >
-            <div v-if="attributeStyle == 'plain'">
-            <v-number-input v-if="attributeStyle == 'plain' && editMode" :model-value="value" @update:model-value="(v) => { value = v; persistOnStep(systemPath, v); }" :name="systemPath" :min="props.min" :disabled="disabled" type="number" variant="outlined" density="compact" :hide-details="true" data-tooltip="Value">
-            <template #label>
-                <span v-html="getLabel" />
-            </template>
-            </v-number-input>
-            <v-number-input v-if="attributeStyle == 'plain' && !editMode" :model-value="mod" :name="systemPath"  :disabled="true" type="number" controlVariant="hidden" variant="outlined" density="compact" :hide-details="true" data-tooltip="Mod">
-                <template #label>
-                    <span v-html="getLabel" />
-                </template>   
-            </v-number-input>
-            <!-- Overlay with dice icon - appears on hover when roll function is available -->
-                <div
-                  v-if="hasRoll && isHovering && !editMode"
-                  class="dice-overlay plain"
-                  @click="handleRoll"
-                >
-                  <v-btn
-                    icon
-                    size="x-small"
-                    :color="primaryColor"
-                    class="dice-roll-btn"
-                    variant="elevated"
-                    elevation="4"
-                  >
-                    <v-icon size="small" :icon="clickIcon"></v-icon>
-                  </v-btn>
-                </div>
-            </div>
-            <v-container 
-                :class="['isdl-property', 'attributeExp', { 'no-mod': !hasMod }]" 
-                v-if="attributeStyle == 'box'"
-
-                >
-                <v-label :style="getStyle"><v-icon v-if="icon" size="x-small" :icon="icon" style="padding-right: 0.5rem;"></v-icon>{{ game.i18n.localize(label) }}</v-label>
-                <div class="mod" v-if="hasMod">{{ mod }}</div>
-                <v-number-input :model-value="value" @update:model-value="(v) => { value = v; persistOnStep(systemPath, v); }" inset :min="props.min" :disabled="disabled" :name="systemPath" :controlVariant="disabled ? 'hidden' : 'split'" :step="1" type="number" variant="outlined" density="compact" :hide-details="true" :tile="true"></v-number-input>
-                <!-- Overlay with dice icon - appears on hover when roll function is available -->
-                <div
-                  v-if="hasRoll && isHovering && !editMode"
-                  class="dice-overlay"
-                  @click="handleRoll"
-                >
-                  <v-btn
-                    icon
-                    :color="primaryColor"
-                    class="dice-roll-btn"
-                    variant="elevated"
-                    elevation="4"
-                  >
-                    <v-icon :icon="clickIcon"></v-icon>
-                  </v-btn>
-                </div>
-            </v-container>
-        </div>
-    </template>
+    const fileNode = expandToNode `
+    <script setup>
+        import { ref, computed, inject } from "vue";
+
+        const props = defineProps({
+            label: String,
+            icon: String,
+            hasMod: Boolean,
+            mod: Number,
+            systemPath: String,
+            context: Object,
+            min: Number,
+            disabled: Boolean,
+            primaryColor: String,
+            secondaryColor: String,
+            editMode: Boolean,
+            attributeStyle: String, // plain or box
+            roll: Function,
+            hasRoll: Boolean,
+            // Icon shown in the click overlay. Defaults to a die for roll: handlers; function: handlers
+            // pass the attribute's own icon so the affordance matches what the click actually does.
+            clickIcon: { type: String, default: "fa-solid fa-dice" }
+        });
+
+        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)
+        });
+
+        // Vuetify's up/down stepper buttons update the model without firing a
+        // native change event, so Foundry's submitOnChange form handler never
+        // persists them. When the value changes while focus is NOT on a text
+        // input (i.e. a stepper click, not typing), persist directly. Typing
+        // still persists via the input's native change on blur/enter.
+        // ('document' is the injected Foundry document; DOM access uses window.)
+        const persistOnStep = (path, newValue) => {
+            if (document && window.document.activeElement?.tagName !== 'INPUT') {
+                document.update({ [path]: newValue });
+            }
+        };
+
+        const getStyle = computed(() => {
+            const p = props.primaryColor || "#92aed9";
+
+            // Get either black or white text color based on the primary color brightness
+            const brightness = (parseInt(p.slice(1, 3), 16) * 299 + parseInt(p.slice(3, 5), 16) * 587 + parseInt(p.slice(5, 7), 16) * 114) / 1000;
+            let textColor = "#ffffff"; // Default to white text
+            if (brightness > 128) {
+                textColor = "#000000"; // Use black text for brighter colors
+            }
+
+            return {
+                backgroundColor: p,
+                color: textColor,
+                borderColor: p
+            };
+        });
+
+        const getLabel = computed(() => {
+            const localized = game.i18n.localize(props.label);
+            if (props.icon) {
+                return \`<i class="fa-solid \${props.icon}"></i> \${localized}\`;
+            }
+            return localized;
+        });
+        
+        const isHovering = ref(false);
+
+        const handleRoll = () => {
+          if (props.roll) {
+            props.roll();
+          }
+        };
+    </script>
+
+    <template>
+        <div class="dice-container"
+            @mouseenter="isHovering = true"
+            @mouseleave="isHovering = false"
+        >
+            <div v-if="attributeStyle == 'plain'">
+            <v-number-input v-if="attributeStyle == 'plain' && editMode" :model-value="value" @update:model-value="(v) => { value = v; persistOnStep(systemPath, v); }" :name="systemPath" :min="props.min" :disabled="disabled" type="number" variant="outlined" density="compact" :hide-details="true" data-tooltip="Value">
+            <template #label>
+                <span v-html="getLabel" />
+            </template>
+            </v-number-input>
+            <v-number-input v-if="attributeStyle == 'plain' && !editMode" :model-value="mod" :name="systemPath"  :disabled="true" type="number" controlVariant="hidden" variant="outlined" density="compact" :hide-details="true" data-tooltip="Mod">
+                <template #label>
+                    <span v-html="getLabel" />
+                </template>   
+            </v-number-input>
+            <!-- Overlay with dice icon - appears on hover when roll function is available -->
+                <div
+                  v-if="hasRoll && isHovering && !editMode"
+                  class="dice-overlay plain"
+                  @click="handleRoll"
+                >
+                  <v-btn
+                    icon
+                    size="x-small"
+                    :color="primaryColor"
+                    class="dice-roll-btn"
+                    variant="elevated"
+                    elevation="4"
+                  >
+                    <v-icon size="small" :icon="clickIcon"></v-icon>
+                  </v-btn>
+                </div>
+            </div>
+            <v-container 
+                :class="['isdl-property', 'attributeExp', { 'no-mod': !hasMod }]" 
+                v-if="attributeStyle == 'box'"
+
+                >
+                <v-label :style="getStyle"><v-icon v-if="icon" size="x-small" :icon="icon" style="padding-right: 0.5rem;"></v-icon>{{ game.i18n.localize(label) }}</v-label>
+                <div class="mod" v-if="hasMod">{{ mod }}</div>
+                <v-number-input :model-value="value" @update:model-value="(v) => { value = v; persistOnStep(systemPath, v); }" inset :min="props.min" :disabled="disabled" :name="systemPath" :controlVariant="disabled ? 'hidden' : 'split'" :step="1" type="number" variant="outlined" density="compact" :hide-details="true" :tile="true"></v-number-input>
+                <!-- Overlay with dice icon - appears on hover when roll function is available -->
+                <div
+                  v-if="hasRoll && isHovering && !editMode"
+                  class="dice-overlay"
+                  @click="handleRoll"
+                >
+                  <v-btn
+                    icon
+                    :color="primaryColor"
+                    class="dice-roll-btn"
+                    variant="elevated"
+                    elevation="4"
+                  >
+                    <v-icon :icon="clickIcon"></v-icon>
+                  </v-btn>
+                </div>
+            </v-container>
+        </div>
+    </template>
     `;
     fs.writeFileSync(generatedFilePath, toString(fileNode));
 }