intelligent-system-design-language 0.3.13

package/out/cli/components/vue/base-components/vue-document-link.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 generateDocumentLinkComponent(destination) {
+    const generatedFileDir = path.join(destination, "system", "templates", "vue", "components");
+    const generatedFilePath = path.join(generatedFileDir, `document-link.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,
+            documentName: String,
+            secondaryColor: String
+        });
+
+        const value = computed(() => {
+            return foundry.utils.getProperty(props.context, props.systemPath);
+        });
+
+        const image = computed(() => {
+            return value.value ? value.value.img : null;
+        });
+
+        const hasLink = computed(() => {
+            return !!value.value;
+        });
+
+        const document = inject("rawDocument");
+
+        const open = () => {
+            const item = fromUuidSync(value.value.uuid);
+            item.sheet.render(true);
+        };
+
+        const remove = async () => {
+            const update = {};
+            value.value = null;
+            update[props.systemPath] = null;
+            await document.update(update);
+        };
+    </script>
+
+    <template>
+        <v-card class="isdl-single-document single-document" :data-type="documentName" :data-name="systemPath">
+            <v-img v-if="image" :src="image" class="align-end" cover style="background-color: lightgray" >
+                <template v-slot:error>
+                    <v-img src="/icons/vtt-512.png" class="align-end" cover></v-img>
+                </template>
+            </v-img>
+            <v-img v-else src="/icons/containers/boxes/crates-wooden-stacked.webp" class="align-end" cover></v-img>
+            <v-card-title>{{ game.i18n.localize(label) }}</v-card-title>
+            <v-card-subtitle v-if="hasLink">{{ value.name }}</v-card-subtitle>
+            <v-card-text v-else>{{ game.i18n.localize('NoSingleDocument') }}</v-card-text>
+            <v-card-actions v-if="hasLink">
+                <v-btn :color="secondaryColor" @click="open" icon="fa-solid fa-up-right-from-square" size="small">
+                </v-btn>
+                <v-spacer></v-spacer>
+                <v-btn :color="secondaryColor" @click="remove" icon="fa-solid fa-delete-left" size="small">
+                </v-btn>
+            </v-card-actions>
+        </v-card>
+    </template>
+    `;
+    fs.writeFileSync(generatedFilePath, toString(fileNode));
+}
+//# sourceMappingURL=vue-document-link.js.map

package/out/cli/components/vue/base-components/vue-document-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-document-link.js","sourceRoot":"","sources":["../../../../../src/cli/components/vue/base-components/vue-document-link.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,6BAA6B,CAAC,WAAmB;IACrE,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;IAEF,EAAE,CAAC,aAAa,CAAC,iBAAiB,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC5D,CAAC"}

package/out/cli/components/vue/base-components/vue-extended-choice.js

@@ -0,0 +1,101 @@
+import * as path from 'node:path';
+import * as fs from 'node:fs';
+import { expandToNode, toString } from 'langium/generate';
+export default function generateExtendedChoiceComponent(destination) {
+    const generatedFileDir = path.join(destination, "system", "templates", "vue", "components");
+    const generatedFilePath = path.join(generatedFileDir, `extended-choice-field.vue`);
+    if (!fs.existsSync(generatedFileDir)) {
+        fs.mkdirSync(generatedFileDir, { recursive: true });
+    }
+    const fileNode = expandToNode `
+    <script setup>
+        import { ref, inject, computed } from "vue";
+        
+        const props = defineProps({
+            label: String,
+            systemPath: String,
+            context: Object,
+            disabled: Boolean,
+            primaryColor: String,
+            secondaryColor: String,
+            icon: String,
+            items: Array,
+        });
+        
+        const document = inject('rawDocument');
+
+        const value = ref(foundry.utils.getProperty(document, props.systemPath));
+        const onChange = (value) =>  {
+            let update = {};
+            // Find the full item based on the value
+            const item = props.items.find(item => item.value === value);
+            // We need to translate the item into a proper update
+            let updateData = {};
+            updateData.value = item.value;
+            updateData.icon = item.icon;
+            updateData.color = item.color;
+            
+            // For each of the customKeys, we need to add them to the update
+            if (item.customKeys && item.customKeys.length > 0) {
+                for (const custom of item.customKeys) {
+                    updateData[custom.key.toLowerCase()] = custom.value;
+                }
+            }
+            
+            update[props.systemPath.replace(".value", "")] = updateData;
+            document.update(update);
+        };
+        
+        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>
+        <v-select 
+            :name="systemPath" 
+            v-model="value" 
+            :items="items" 
+            item-title="label" 
+            :disabled="disabled"
+            variant="outlined"
+            @update:modelValue="onChange"
+            density="compact">
+            <template #label>
+                <span v-html="getLabel(label, icon)" />
+            </template>
+            <template v-slot:item="{ props: itemProps, item }">
+              <v-list-item v-bind="itemProps" :value="item.raw.value" title="">
+                <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:selection="{ item, index }">
+                <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>
+            </template>
+        </v-select>
+    </template>
+    `.appendNewLine();
+    fs.writeFileSync(generatedFilePath, toString(fileNode));
+}
+//# sourceMappingURL=vue-extended-choice.js.map

package/out/cli/components/vue/base-components/vue-extended-choice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-extended-choice.js","sourceRoot":"","sources":["../../../../../src/cli/components/vue/base-components/vue-extended-choice.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,+BAA+B,CAAC,WAAmB;IACvE,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,2BAA2B,CAAC,CAAC;IAEnF,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwF5B,CAAC,aAAa,EAAE,CAAC;IAElB,EAAE,CAAC,aAAa,CAAC,iBAAiB,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC5D,CAAC"}