@windward/games 0.21.0 → 0.23.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # Changelog
 
+## Release [0.23.0] - 2025-09-16
+
+* Merged in feature/LE-2035/seven-strikes (pull request #259)
+* Merged in feature/LE-1998/MC-games (pull request #258)
+* Merged in feature/LE-1853-multiple-choice-block-optional-h (pull request #257)
+* Merged in bugfix/MIND-6075-decouple-generateaiquestionbut (pull request #254)
+* Merged in feature/LE-2091-multiple-choice-block-add-space- (pull request #253)
+* Merged release/0.22.0 into feature/LE-2091-multiple-choice-block-add-space-
+
+
+## Release [0.22.0] - 2025-08-28
+
+* Merged in feature/LE-2036/update-core-package-v (pull request #252)
+* Merged in feature/LE-1851-multiple-choice-block-feedback-l (pull request #251)
+* Merged release/0.22.0 into feature/LE-1851-multiple-choice-block-feedback-l
+* Merged in feature/LE-2036/word-jumble-gen (pull request #250)
+* Merged in feature/LE-1851-multiple-choice-block-feedback-l (pull request #249)
+
+
 ## Release [0.21.0] - 2025-07-29
 
 * Merged in feature/LE-1912/sorting-game-generation (pull request #246)

package/components/content/blocks/multipleChoice/MultipleChoice.vue

@@ -81,7 +81,7 @@
                                 <div class="d-flex justify-space-between">
                                     <div class="d-flex">
                                         <p
-                                            class="mb-0"
+                                            class="mb-0 mr-1"
                                             :aria-labelledby="answer.value"
                                         >
                                             {{
@@ -147,6 +147,7 @@
                             text
                             elevation="0"
                             class="mr-4 btn-hint"
+                            :disabled="hasHint(question)"
                             @click="onHint(question)"
                             >{{
                                 $t(
@@ -228,13 +229,14 @@
                     </div>
                 </template>
                 <template #form="{ on, attrs }">
-                    <div v-bind="attrs" v-on="on">
+                    <p v-bind="attrs" v-on="on">
                         <TextViewer v-if="hint" v-model="hintText"></TextViewer>
                         <TextViewer
                             v-if="answerDescriptionModal"
                             v-model="answerDescription"
+                            class="dialog-text-viewer"
                         ></TextViewer>
-                    </div>
+                    </p>
                 </template>
             </DialogBox>
         </v-carousel>
@@ -317,13 +319,23 @@ export default {
         },
     },
     methods: {
+        hasHint(question) {
+            if (_.isEmpty(question.hint)) {
+                return true
+            }
+            return false
+        },
         onAnswerDescription(question, answer) {
             this.activeQuestion = question
             this.activeAnswer = answer
-            //launches modal and displays anwer description
+            // launches modal and displays anwer description
             this.dialog = true
             this.answerDescriptionModal = true
-            this.answerDescription = question.answer_description
+            if (question.metadata.config.single_feedback) {
+                this.answerDescription = question.answer_description
+            } else if (!_.isEmpty(answer.feedback)) {
+                this.answerDescription = answer.feedback
+            }
         },
         onChooseAnswer(answer, question) {
             // check to see if student already answered this question
@@ -467,13 +479,12 @@ export default {
                 }
             )
             if (studentsQuestionResponse) {
-                if (answer.correctAnswer === true && answer.chosen === true) {
-                    return 'mdi-information'
-                } else if (
-                    answer.correctAnswer === true &&
-                    answer.chosen === false
+                if (
+                    answer.chosen === true &&
+                    (!_.isEmpty(answer.feedback) ||
+                        question.metadata.config.single_feedback)
                 ) {
-                    return 'mdi-information-outline'
+                    return 'mdi-message-alert-outline'
                 }
             }
         },
@@ -613,4 +624,7 @@ export default {
     min-width: 20% !important;
     margin-right: 16px;
 }
+.dialog-text-viewer {
+    color: var(--v-primary-base);
+}
 </style>

package/components/content/blocks/multipleChoice/QuestionDialog.vue

@@ -18,15 +18,6 @@
                     @input="onCheckValidation"
                 ></TextEditor>
             </v-col>
-            <v-col xl="3" lg="3" md="4" sm="12" cols="12" v-if="false">
-                <GenerateAIQuestionButton
-                    :course="course"
-                    :content="content"
-                    :block="block"
-                    :question-type="questionType"
-                    @click:generate="onQuestionGenerated"
-                ></GenerateAIQuestionButton>
-            </v-col>
             <v-col cols="12">
                 <ImageAssetSettings
                     v-model="question.question_metadata.body_asset"

package/components/settings/BucketGameSettingsManager.vue

@@ -196,14 +196,18 @@
         <v-container class="pa-4 mb-6">
             <v-row>
                 <v-col cols="12">
-                    <GenerateAIQuestionButton
-                        :course="course"
-                        :content="currentContent"
-                        :block="block"
-                        question-type="bucket_game"
-                        :replace-existing-mode="replaceExisting"
-                        @click:generate="onGeneratedBucketGame"
-                    ></GenerateAIQuestionButton>
+                    <PluginRef
+                        target="contentBlockSettingTool"
+                        :attrs="{
+                            value: block,
+                            course: course,
+                            content: currentContent,
+                        }"
+                        :on="{
+                            input: onPluginSetBlock,
+                            append: onPluginAppendBlock,
+                        }"
+                    ></PluginRef>
                 </v-col>
             </v-row>
         </v-container>
@@ -217,7 +221,6 @@ import {
     MathExpressionEditor,
     MathLiveWrapper,
     ContentViewer,
-    GenerateAIQuestionButton
 } from '@windward/core/utils'
 import colors from 'vuetify/lib/util/colors'
 import TextEditor from '~/components/Text/TextEditor'
@@ -225,6 +228,7 @@ import BaseContentBlockSettings from '~/components/Content/Settings/BaseContentB
 import Crypto from '~/helpers/Crypto'
 import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
 import SortableExpansionPanel from '~/components/Core/SortableExpansionPanel.vue'
+import PluginRef from '~/components/Core/PluginRef.vue'
 import Uuid from '~/helpers/Uuid'
 
 export default {
@@ -237,9 +241,9 @@ export default {
         SortableExpansionPanel,
         BaseContentBlockSettings,
         TextEditor,
-        GenerateAIQuestionButton,
+        PluginRef,
     },
-    beforeMount() {   
+    beforeMount() {
         if (_.isEmpty(this.block)) {
             this.block = {}
         }
@@ -424,125 +428,161 @@ export default {
                 return htmlString.replace(/(<([^>]+)>)/gi, '')
             }
         },
-        // Handler for receiving bucket game data from GenerateAIQuestionButton
-        onGeneratedBucketGame(activityData, replaceMode) {
+        // Handler for receiving bucket game data from Plugins
+        onPluginSetBlock(activityData) {
             this.loading = true
             try {
                 // Process the activity data
-                if (activityData && activityData.metadata &&
+                if (
+                    activityData &&
+                    activityData.metadata &&
                     activityData.metadata.config &&
                     activityData.metadata.config.bucket_titles &&
                     activityData.metadata.config.bucket_answers &&
                     Array.isArray(activityData.metadata.config.bucket_titles) &&
-                    Array.isArray(activityData.metadata.config.bucket_answers)) {
-
+                    Array.isArray(activityData.metadata.config.bucket_answers)
+                ) {
                     // Save new buckets and answers
-                    const newBuckets = activityData.metadata.config.bucket_titles
-                    const newAnswers = activityData.metadata.config.bucket_answers
+                    const newBuckets =
+                        activityData.metadata.config.bucket_titles
+                    const newAnswers =
+                        activityData.metadata.config.bucket_answers
 
-                    if (replaceMode) {
-                        // Replace mode: Clear existing buckets and answers
-                        this.block.metadata.config.bucket_titles.splice(0, this.block.metadata.config.bucket_titles.length)
-                        this.block.metadata.config.bucket_answers.splice(0, this.block.metadata.config.bucket_answers.length)
+                    // Replace mode: Clear existing buckets and answers
+                    this.block.metadata.config.bucket_titles.splice(
+                        0,
+                        this.block.metadata.config.bucket_titles.length
+                    )
+                    this.block.metadata.config.bucket_answers.splice(
+                        0,
+                        this.block.metadata.config.bucket_answers.length
+                    )
 
-                        // Add all new buckets
-                        newBuckets.forEach(bucket => {
-                            this.block.metadata.config.bucket_titles.push({
-                                title: bucket.title || '',
-                                color: bucket.color || colors.blueGrey.lighten5,
-                                expand: false
-                            })
+                    // Add all new buckets
+                    newBuckets.forEach((bucket) => {
+                        this.block.metadata.config.bucket_titles.push({
+                            title: bucket.title || '',
+                            color: bucket.color || colors.blueGrey.lighten5,
+                            expand: false,
                         })
+                    })
 
-                        // Add all new answers
-                        newAnswers.forEach((bucketAnswers, index) => {
-                            this.block.metadata.config.bucket_answers[index] = []
-                            if (Array.isArray(bucketAnswers)) {
-                                bucketAnswers.forEach(answer => {
-                                    this.block.metadata.config.bucket_answers[index].push({
-                                        bucket_index: index,
-                                        display: answer.display || '',
-                                        feedback: answer.feedback || '',
-                                        expand: false,
-                                        id: Crypto.id()
-                                    })
+                    // Add all new answers
+                    newAnswers.forEach((bucketAnswers, index) => {
+                        this.block.metadata.config.bucket_answers[index] = []
+                        if (Array.isArray(bucketAnswers)) {
+                            bucketAnswers.forEach((answer) => {
+                                this.block.metadata.config.bucket_answers[
+                                    index
+                                ].push({
+                                    bucket_index: index,
+                                    display: answer.display || '',
+                                    feedback: answer.feedback || '',
+                                    expand: false,
+                                    id: Crypto.id(),
                                 })
-                            }
-                        })
-                    } else {
-                        // Merge mode: Add new buckets and answers to existing ones
-                        const existingBucketCount = this.block.metadata.config.bucket_titles.length
-
-                        // Add new buckets
-                        newBuckets.forEach(bucket => {
-                            this.block.metadata.config.bucket_titles.push({
-                                title: bucket.title || '',
-                                color: bucket.color || colors.blueGrey.lighten5,
-                                expand: false
                             })
-                        })
+                        }
+                    })
 
-                        // Add new answers with adjusted bucket indices
-                        newAnswers.forEach((bucketAnswers, index) => {
-                            const adjustedIndex = existingBucketCount + index
-                            if (!this.block.metadata.config.bucket_answers[adjustedIndex]) {
-                                this.block.metadata.config.bucket_answers[adjustedIndex] = []
-                            }
-                            if (Array.isArray(bucketAnswers)) {
-                                bucketAnswers.forEach(answer => {
-                                    this.block.metadata.config.bucket_answers[adjustedIndex].push({
-                                        bucket_index: adjustedIndex,
-                                        display: answer.display || '',
-                                        feedback: answer.feedback || '',
-                                        expand: false,
-                                        id: Crypto.id()
-                                    })
-                                })
-                            }
-                        })
+                    // Update title and instructions if provided and we're in replace mode
+                    if (activityData.metadata.config.title) {
+                        this.block.metadata.config.title =
+                            activityData.metadata.config.title
                     }
 
-                    // Update title and instructions if provided and we're in replace mode
-                    if (replaceMode) {
-                        if (activityData.metadata.config.title) {
-                            this.block.metadata.config.title = activityData.metadata.config.title
-                        }
+                    if (activityData.metadata.config.instructions) {
+                        this.block.metadata.config.instructions =
+                            activityData.metadata.config.instructions
+                    }
 
-                        if (activityData.metadata.config.instructions) {
-                            this.block.metadata.config.instructions = activityData.metadata.config.instructions
-                        }
+                    // Update feedback messages if provided
+                    if (activityData.metadata.config.feedback_correct) {
+                        this.block.metadata.config.feedback_correct =
+                            activityData.metadata.config.feedback_correct
+                    }
 
-                        // Update feedback messages if provided
-                        if (activityData.metadata.config.feedback_correct) {
-                            this.block.metadata.config.feedback_correct = activityData.metadata.config.feedback_correct
-                        }
+                    if (activityData.metadata.config.feedback_incorrect) {
+                        this.block.metadata.config.feedback_incorrect =
+                            activityData.metadata.config.feedback_incorrect
+                    }
 
-                        if (activityData.metadata.config.feedback_incorrect) {
-                            this.block.metadata.config.feedback_incorrect = activityData.metadata.config.feedback_incorrect
+                    this.$toast.success(
+                        this.$t(
+                            'windward.games.components.settings.bucket_game.form.replaced_successfully'
+                        ),
+                        { duration: 3000 }
+                    )
+                } else {
+                    this.$toast.error(
+                        this.$t(
+                            'windward.games.components.settings.bucket_game.form.invalid_response'
+                        ),
+                        {
+                            duration: 5000,
                         }
+                    )
+                }
+            } catch (error) {
+                // Extract error message from the response
+                const errorMessage = error.message || 'Unknown error occurred'
+                this.$toast.error(
+                    `${this.$t(
+                        'windward.games.components.settings.bucket_game.form.failed_to_process'
+                    )}: ${errorMessage}`,
+                    {
+                        duration: 5000,
                     }
+                )
+            } finally {
+                this.loading = false
+            }
+        },
 
+        onPluginAppendBlock(activityData) {
+            this.loading = true
+            try {
+                // Process the activity data
+                if (
+                    activityData &&
+                    activityData.metadata &&
+                    activityData.metadata.config &&
+                    activityData.metadata.config.bucket_titles &&
+                    activityData.metadata.config.bucket_answers &&
+                    Array.isArray(activityData.metadata.config.bucket_titles) &&
+                    Array.isArray(activityData.metadata.config.bucket_answers)
+                ) {
                     this.$toast.success(
-                        replaceMode
-                            ? this.$t('windward.games.components.settings.bucket_game.form.replaced_successfully')
-                            : this.$t('windward.games.components.settings.bucket_game.form.added_successfully'),
+                        this.$t(
+                            'windward.games.components.settings.bucket_game.form.added_successfully'
+                        ),
                         { duration: 3000 }
                     )
                 } else {
-                    this.$toast.error(this.$t('windward.games.components.settings.bucket_game.form.invalid_response'), {
-                        duration: 5000
-                    })
+                    this.$toast.error(
+                        this.$t(
+                            'windward.games.components.settings.bucket_game.form.invalid_response'
+                        ),
+                        {
+                            duration: 5000,
+                        }
+                    )
                 }
             } catch (error) {
                 // Extract error message from the response
                 const errorMessage = error.message || 'Unknown error occurred'
-                this.$toast.error(`${this.$t('windward.games.components.settings.bucket_game.form.failed_to_process')}: ${errorMessage}`, {
-                    duration: 5000
-                })
+                this.$toast.error(
+                    `${this.$t(
+                        'windward.games.components.settings.bucket_game.form.failed_to_process'
+                    )}: ${errorMessage}`,
+                    {
+                        duration: 5000,
+                    }
+                )
             } finally {
                 this.loading = false
             }
-        }
+        },
     },
 }
 </script>

package/components/settings/FlashCardSlidesManager.vue

@@ -256,14 +256,18 @@
         <v-container class="pa-4 mb-6">
             <v-row>
                 <v-col cols="12">
-                    <GenerateAIQuestionButton
-                        :course="course"
-                        :content="currentContent"
-                        :block="block"
-                        question-type="flashcard"
-                        :replace-existing-mode="replaceExisting"
-                        @click:generate="onGeneratedFlashcards"
-                    ></GenerateAIQuestionButton>
+                    <PluginRef
+                        target="contentBlockSettingTool"
+                        :attrs="{
+                            value: block,
+                            course: course,
+                            content: currentContent,
+                        }"
+                        :on="{
+                            input: onPluginSetBlock,
+                            append: onPluginAppendBlock,
+                        }"
+                    ></PluginRef>
                 </v-col>
             </v-row>
         </v-container>
@@ -277,7 +281,6 @@ import {
     MathExpressionEditor,
     MathLiveWrapper,
     ContentViewer,
-    GenerateAIQuestionButton
 } from '@windward/core/utils'
 import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
 import ContentBlockAsset from '~/components/Content/ContentBlockAsset.vue'
@@ -286,6 +289,7 @@ import SortableExpansionPanel from '~/components/Core/SortableExpansionPanel.vue
 import Uuid from '~/helpers/Uuid'
 import BaseContentBlockSettings from '~/components/Content/Settings/BaseContentBlockSettings.vue'
 import ImageAssetSettings from '~/components/Content/Settings/ImageAssetSettings.vue'
+import PluginRef from '~/components/Core/PluginRef.vue'
 
 export default {
     name: 'FlashCardSlidesManager',
@@ -299,7 +303,7 @@ export default {
         SortableExpansionPanel,
         BaseContentBlockSettings,
         ImageAssetSettings,
-        GenerateAIQuestionButton,
+        PluginRef,
     },
     data() {
         return {
@@ -443,71 +447,138 @@ export default {
             }
             return htmlString.replace(/(<([^>]+)>)/gi, '')
         },
-        // Handler for receiving flashcards from GenerateAIQuestionButton
-        onGeneratedFlashcards(activityData, replaceCards) {
+        onPluginAppendBlock(activityData) {
             this.loading = true
             try {
                 // Now process the activity data
-                if (activityData && activityData.metadata &&
+                if (
+                    activityData &&
+                    activityData.metadata &&
                     activityData.metadata.config &&
                     activityData.metadata.config.cards &&
-                    Array.isArray(activityData.metadata.config.cards)) {
-
+                    Array.isArray(activityData.metadata.config.cards)
+                ) {
                     // Save new cards
-                    const newCards = activityData.metadata.config.cards.map(card => ({
-                        front: { ...card.front },
-                        back: { ...card.back },
-                        side: card.side !== undefined ? card.side : true,
-                        expand: false
-                    }))
+                    const newCards = activityData.metadata.config.cards.map(
+                        (card) => ({
+                            front: { ...card.front },
+                            back: { ...card.back },
+                            side: card.side !== undefined ? card.side : true,
+                            expand: false,
+                        })
+                    )
 
-                    if (replaceCards) {
-                        // Replace mode: Clear existing cards
-                        this.block.metadata.config.cards.splice(0, this.block.metadata.config.cards.length)
+                    // Merge mode: Add new cards to existing ones
+                    newCards.forEach((card) => {
+                        this.block.metadata.config.cards.push(card)
+                    })
 
-                        // Add all new cards
-                        newCards.forEach(card => {
-                            this.block.metadata.config.cards.push(card)
-                        })
-                    } else {
-                        // Merge mode: Add new cards to existing ones
-                        newCards.forEach(card => {
-                            this.block.metadata.config.cards.push(card)
-                        })
+                    this.$toast.success(
+                        this.$t(
+                            'windward.games.components.settings.flashcard.form.added_successfully'
+                        ),
+                        { duration: 3000 }
+                    )
+                } else {
+                    this.$toast.error(
+                        this.$t(
+                            'windward.games.components.settings.flashcard.form.invalid_response'
+                        ),
+                        {
+                            duration: 5000,
+                        }
+                    )
+                }
+            } catch (error) {
+                // Extract error message from the response
+                const errorMessage = error.message || 'Unknown error occurred'
+                this.$toast.error(
+                    `${this.$t(
+                        'windward.games.components.settings.flashcard.form.failed_to_process'
+                    )}: ${errorMessage}`,
+                    {
+                        duration: 5000,
                     }
+                )
+            } finally {
+                this.loading = false
+            }
+        },
+        // Handler for receiving flashcards from Plugins
+        onPluginSetBlock(activityData) {
+            this.loading = true
+            try {
+                // Now process the activity data
+                if (
+                    activityData &&
+                    activityData.metadata &&
+                    activityData.metadata.config &&
+                    activityData.metadata.config.cards &&
+                    Array.isArray(activityData.metadata.config.cards)
+                ) {
+                    // Save new cards
+                    const newCards = activityData.metadata.config.cards.map(
+                        (card) => ({
+                            front: { ...card.front },
+                            back: { ...card.back },
+                            side: card.side !== undefined ? card.side : true,
+                            expand: false,
+                        })
+                    )
 
-                    // Update title and instructions if provided and we're in replace mode
-                    if (replaceCards) {
-                        if (activityData.metadata.config.title) {
-                            this.block.metadata.config.title = activityData.metadata.config.title
-                        }
+                    // Replace mode: Clear existing cards
+                    this.block.metadata.config.cards.splice(
+                        0,
+                        this.block.metadata.config.cards.length
+                    )
 
-                        if (activityData.metadata.config.instructions) {
-                            this.block.metadata.config.instructions = activityData.metadata.config.instructions
-                        }
+                    // Add all new cards
+                    newCards.forEach((card) => {
+                        this.block.metadata.config.cards.push(card)
+                    })
+
+                    // Update title and instructions
+                    if (activityData.metadata.config.title) {
+                        this.block.metadata.config.title =
+                            activityData.metadata.config.title
+                    }
+
+                    if (activityData.metadata.config.instructions) {
+                        this.block.metadata.config.instructions =
+                            activityData.metadata.config.instructions
                     }
 
                     this.$toast.success(
-                        replaceCards
-                            ? this.$t('windward.games.components.settings.flashcard.form.replaced_successfully')
-                            : this.$t('windward.games.components.settings.flashcard.form.added_successfully'),
+                        this.$t(
+                            'windward.games.components.settings.flashcard.form.replaced_successfully'
+                        ),
                         { duration: 3000 }
                     )
                 } else {
-                    this.$toast.error(this.$t('windward.games.components.settings.flashcard.form.invalid_response'), {
-                        duration: 5000
-                    })
+                    this.$toast.error(
+                        this.$t(
+                            'windward.games.components.settings.flashcard.form.invalid_response'
+                        ),
+                        {
+                            duration: 5000,
+                        }
+                    )
                 }
             } catch (error) {
                 // Extract error message from the response
                 const errorMessage = error.message || 'Unknown error occurred'
-                this.$toast.error(`${this.$t('windward.games.components.settings.flashcard.form.failed_to_process')}: ${errorMessage}`, {
-                    duration: 5000
-                })
+                this.$toast.error(
+                    `${this.$t(
+                        'windward.games.components.settings.flashcard.form.failed_to_process'
+                    )}: ${errorMessage}`,
+                    {
+                        duration: 5000,
+                    }
+                )
             } finally {
                 this.loading = false
             }
-        }
+        },
     },
 }
 </script>