@windward/games 0.22.0 → 0.24.0

package/components/settings/MultipleChoiceSettingsManager.vue

@@ -47,6 +47,25 @@
                     }}
                 </v-btn>
             </v-row>
+            <!-- AI Assistant: Generate Questions (appears below Add Question) -->
+            <v-container class="pa-4 mb-6">
+                <v-row>
+                    <v-col cols="12">
+                        <PluginRef
+                            target="contentBlockSettingTool"
+                            :attrs="{
+                                value: block,
+                                course: course,
+                                content: currentContent,
+                            }"
+                            :on="{
+                                input: onPluginSetBlock,
+                                append: onPluginAppendBlock,
+                            }"
+                        ></PluginRef>
+                    </v-col>
+                </v-row>
+            </v-container>
         </v-container>
         <DialogBox
             v-model="dialog"
@@ -88,6 +107,7 @@
 </template>
 <script>
 import _ from 'lodash'
+import { mapGetters } from 'vuex'
 import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
 import SortableExpansionPanel from '~/components/Core/SortableExpansionPanel.vue'
 import DialogBox from '~/components/Core/DialogBox.vue'
@@ -95,6 +115,7 @@ import QuestionDialog from '../content/blocks/multipleChoice/QuestionDialog.vue'
 import Crypto from '~/helpers/Crypto'
 import BaseContentBlockSettings from '~/components/Content/Settings/BaseContentBlockSettings.vue'
 import Uuid from '~/helpers/Uuid'
+import PluginRef from '~/components/Core/PluginRef.vue'
 
 export default {
     name: 'MultipleChoiceSettingsManager',
@@ -104,6 +125,7 @@ export default {
         QuestionDialog,
         DialogBox,
         BaseContentBlockSettings,
+        PluginRef,
     },
     beforeMount() {
         if (_.isEmpty(this.block)) {
@@ -150,6 +172,12 @@ export default {
     mounted() {
         this.emittedQuestion = {}
     },
+    computed: {
+        ...mapGetters({
+            course: 'course/get',
+            currentContent: 'content/get',
+        }),
+    },
     methods: {
         stripHtml(htmlString) {
             if (htmlString) {
@@ -255,6 +283,110 @@ export default {
             this.dialog = false
             this.editingIndex = null
         },
+        // Handle AI Assistant replace (input) event
+        onPluginSetBlock(activityData) {
+            this.loading = true
+            try {
+                if (
+                    activityData &&
+                    activityData.metadata &&
+                    activityData.metadata.config &&
+                    Array.isArray(activityData.metadata.config.questions)
+                ) {
+                    const newConfig = activityData.metadata.config
+
+                    // Replace questions entirely
+                    this.$set(
+                        this.block.metadata.config,
+                        'questions',
+                        _.cloneDeep(newConfig.questions)
+                    )
+
+                    // Update title and instructions if provided
+                    if (newConfig.title) {
+                        this.$set(
+                            this.block.metadata.config,
+                            'title',
+                            newConfig.title
+                        )
+                    }
+                    if (newConfig.instructions) {
+                        this.$set(
+                            this.block.metadata.config,
+                            'instructions',
+                            newConfig.instructions
+                        )
+                    }
+
+                    this.$toast.success(
+                        this.$t(
+                            'windward.games.components.settings.multiple_choice.replaced_successfully'
+                        ),
+                        { duration: 3000 }
+                    )
+                } else {
+                    this.$toast.error(
+                        this.$t(
+                            'windward.games.components.settings.multiple_choice.invalid_response'
+                        ),
+                        { duration: 5000 }
+                    )
+                }
+            } catch (error) {
+                const errorMessage = error.message || 'Unknown error occurred'
+                this.$toast.error(
+                    `${this.$t(
+                        'windward.games.components.settings.multiple_choice.failed_to_process'
+                    )}: ${errorMessage}`,
+                    { duration: 5000 }
+                )
+            } finally {
+                this.loading = false
+            }
+        },
+        // Handle AI Assistant append event: add new questions to existing
+        onPluginAppendBlock(activityData) {
+            this.loading = true
+            try {
+                if (
+                    activityData &&
+                    activityData.metadata &&
+                    activityData.metadata.config &&
+                    Array.isArray(activityData.metadata.config.questions)
+                ) {
+                    const newQuestions = activityData.metadata.config.questions
+                    if (!Array.isArray(this.block.metadata.config.questions)) {
+                        this.$set(this.block.metadata.config, 'questions', [])
+                    }
+                    newQuestions.forEach((q) => {
+                        this.block.metadata.config.questions.push(_.cloneDeep(q))
+                    })
+                    this.$toast.success(
+                        this.$t(
+                            'windward.games.components.settings.multiple_choice.added_successfully'
+                        ),
+                        { duration: 3000 }
+                    )
+                } else {
+                    this.$toast.error(
+                        this.$t(
+                            'windward.games.components.settings.multiple_choice.invalid_response'
+                        ),
+                        { duration: 5000 }
+                    )
+                }
+            } catch (error) {
+                const errorMessage = error.message || 'Unknown error occurred'
+                this.$toast.error(
+                    `${this.$t(
+                        'windward.games.components.settings.multiple_choice.failed_to_process'
+                    )}: ${errorMessage}`,
+                    { duration: 5000 }
+                )
+            } finally {
+                this.loading = false
+            }
+        },
     },
 }
 </script>

package/components/settings/QuizShowSettingsManager.vue

@@ -267,7 +267,8 @@ export default {
     },
     computed: {},
     beforeMount() {
-        if (_.isEmpty(this.block.metadata.config)) {
+        // since display_title is already set so we'll look at a quiz show property to set settings for first mount
+        if (_.isEmpty(this.block.metadata.config.title)) {
             this.block.metadata.config = _.cloneDeep(this.quizShowSettings)
         }
         if (!_.isBoolean(this.block.metadata.config.display_title)) {

package/components/settings/SevenStrikesSettingsManager.vue

@@ -112,17 +112,45 @@
                 :disabled="render"
             ></v-textarea>
         </v-row>
+        <div v-if="loading" class="text-center">
+            <v-progress-circular
+                :size="70"
+                :width="7"
+                color="primary"
+                indeterminate
+            ></v-progress-circular>
+        </div>
+        <v-container class="pa-4 mb-6">
+            <v-row>
+                <v-col cols="12">
+                    <PluginRef
+                        target="contentBlockSettingTool"
+                        :attrs="{
+                            value: block,
+                            course: course,
+                            content: currentContent,
+                        }"
+                        :on="{
+                            input: onPluginSetBlock,
+                            append: onPluginAppendBlock,
+                        }"
+                    ></PluginRef>
+                </v-col>
+            </v-row>
+        </v-container>
     </div>
 </template>
 
 <script>
 import _ from 'lodash'
 import draggable from 'vuedraggable'
+import { mapGetters } from 'vuex'
 import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
 import CrudTable from '../content/CrudTable.vue'
 import SortableExpansionPanel from '~/components/Core/SortableExpansionPanel.vue'
 import BaseContentBlockSettings from '~/components/Content/Settings/BaseContentBlockSettings.vue'
 import Uuid from '~/helpers/Uuid'
+import PluginRef from '~/components/Core/PluginRef.vue'
 
 export default {
     name: 'SevenStrikesSettingsManager',
@@ -132,6 +160,7 @@ export default {
         draggable,
         SortableExpansionPanel,
         BaseContentBlockSettings,
+        PluginRef,
     },
     beforeMount() {
         if (_.isEmpty(this.block)) {
@@ -186,6 +215,12 @@ export default {
             loading: false,
         }
     },
+    computed: {
+        ...mapGetters({
+            course: 'course/get',
+            currentContent: 'content/get',
+        }),
+    },
     methods: {
         onBeforeSave() {
             this.block.metadata.config.words.forEach((element) => {
@@ -220,6 +255,62 @@ export default {
             this.block.metadata.config.currentWord =
                 this.block.metadata.config.words.length - 1
         },
+        onPluginSetBlock(activityData) {
+            this.loading = true
+            try {
+                if (
+                    activityData &&
+                    activityData.metadata &&
+                    activityData.metadata.config &&
+                    Array.isArray(activityData.metadata.config.words)
+                ) {
+                    const newWords = activityData.metadata.config.words.map(
+                        (w) => ({
+                            value: w.value || '',
+                            hint: w.hint || '',
+                            expand: false,
+                            splitWord: '',
+                        })
+                    )
+                    this.block.metadata.config.words = newWords
+                    this.block.metadata.config.currentWord = 0
+
+                    if (activityData.metadata.config.title) {
+                        this.block.metadata.config.title =
+                            activityData.metadata.config.title
+                    }
+                    // Keep existing instructions (do not override)
+                }
+            } finally {
+                this.loading = false
+            }
+        },
+        onPluginAppendBlock(activityData) {
+            this.loading = true
+            try {
+                if (
+                    activityData &&
+                    activityData.metadata &&
+                    activityData.metadata.config &&
+                    Array.isArray(activityData.metadata.config.words)
+                ) {
+                    const appendWords = activityData.metadata.config.words.map(
+                        (w) => ({
+                            value: w.value || '',
+                            hint: w.hint || '',
+                            expand: false,
+                            splitWord: '',
+                        })
+                    )
+                    if (!Array.isArray(this.block.metadata.config.words)) {
+                        this.block.metadata.config.words = []
+                    }
+                    this.block.metadata.config.words.push(...appendWords)
+                }
+            } finally {
+                this.loading = false
+            }
+        },
     },
 }
 </script>

package/components/settings/SortingGameSettingsManager.vue

@@ -82,14 +82,18 @@
         <v-container class="pa-4 mb-6">
             <v-row>
                 <v-col cols="12">
-                    <GenerateAIQuestionButton
-                        :course="course"
-                        :content="currentContent"
-                        :block="block"
-                        question-type="sorting_game"
-                        :replace-existing-mode="replaceExisting"
-                        @click:generate="onGeneratedSortingGame"
-                    ></GenerateAIQuestionButton>
+                    <PluginRef
+                        target="contentBlockSettingTool"
+                        :attrs="{
+                            value: block,
+                            course: course,
+                            content: currentContent,
+                        }"
+                        :on="{
+                            input: onPluginSetBlock,
+                            append: onPluginAppendBlock,
+                        }"
+                    ></PluginRef>
                 </v-col>
             </v-row>
         </v-container>
@@ -107,16 +111,20 @@
 <script>
 import _ from 'lodash'
 import { mapGetters } from 'vuex'
-import { GenerateAIQuestionButton } from '@windward/core/utils'
 import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
 import BaseContentBlockSettings from '~/components/Content/Settings/BaseContentBlockSettings.vue'
 import SortableExpansionPanel from '~/components/Core/SortableExpansionPanel.vue'
+import PluginRef from '~/components/Core/PluginRef.vue'
 import Uuid from '~/helpers/Uuid'
 
 export default {
     name: 'SortingGameSettingsManager',
     extends: BaseContentSettings,
-    components: { SortableExpansionPanel, BaseContentBlockSettings, GenerateAIQuestionButton },
+    components: {
+        SortableExpansionPanel,
+        BaseContentBlockSettings,
+        PluginRef,
+    },
     beforeMount() {
         if (_.isEmpty(this.block)) {
             this.block = {}
@@ -202,79 +210,116 @@ export default {
                 return (element.id = startingIndex)
             })
         },
-        onGeneratedSortingGame(activityData, replaceMode) {     
+        onPluginSetBlock(activityData) {
             this.loading = true
             try {
                 // Process the activity data
-                if (activityData && activityData.metadata &&
+                if (
+                    activityData &&
+                    activityData.metadata &&
                     activityData.metadata.config &&
                     activityData.metadata.config.answer &&
-                    Array.isArray(activityData.metadata.config.answer)) {
-                    
+                    Array.isArray(activityData.metadata.config.answer)
+                ) {
                     // Save new items
                     const newItems = activityData.metadata.config.answer
 
-                    if (replaceMode) {
-                        // Replace mode: Clear existing items
-                        this.block.metadata.config.answer.splice(0, this.block.metadata.config.answer.length)
+                    // Replace mode: Clear existing items
+                    this.block.metadata.config.answer.splice(
+                        0,
+                        this.block.metadata.config.answer.length
+                    )
 
-                        // Add all new items - ensure they have the correct structure
-                        newItems.forEach((item, index) => {
-                            this.block.metadata.config.answer.push({
-                                id: index,
-                                value: item.value || '',
-                                expand: false,
-                            })
+                    // Add all new items - ensure they have the correct structure
+                    newItems.forEach((item, index) => {
+                        this.block.metadata.config.answer.push({
+                            id: index,
+                            value: item.value || '',
+                            expand: false,
                         })
-                    } else {
-                        // Merge mode: Add new items to existing ones
-                        const hasOnlyEmptyAnswer = this.block.metadata.config.answer.length === 1 && 
-                                                   this.block.metadata.config.answer[0].value === ''
-                        
-                        if (hasOnlyEmptyAnswer) {
-                            // If there's only one empty answer, replace it instead of merging
-                            this.block.metadata.config.answer.splice(0, 1)
-                        }
+                    })
 
-                        let currentId = this.block.metadata.config.answer.length
+                    // Update title and instructions if provided and we're in replace mode
 
-                        newItems.forEach((item) => {
-                            this.block.metadata.config.answer.push({
-                                id: currentId,
-                                value: item.value || '',
-                                expand: false,
-                            })
-                            currentId += 1
-                        })
+                    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
+                    }
+
+                    // Update feedback if provided
+                    if (activityData.metadata.config.feedback_correct) {
+                        this.block.metadata.config.feedback_correct =
+                            activityData.metadata.config.feedback_correct
+                    }
+
+                    this.$toast.success(
+                        this.$t(
+                            'windward.games.components.settings.sorting_game.form.replaced_successfully'
+                        ),
+
+                        { duration: 3000 }
+                    )
+                } else {
+                    throw new Error('activity.error.technical')
+                }
+            } catch (error) {
+                // Let the error bubble up to Plugin with proper error type
+                throw error
+            } finally {
+                this.loading = false
+            }
+        },
+        onPluginAppendBlock(activityData) {
+            this.loading = true
+            try {
+                // Process the activity data
+                if (
+                    activityData &&
+                    activityData.metadata &&
+                    activityData.metadata.config &&
+                    activityData.metadata.config.answer &&
+                    Array.isArray(activityData.metadata.config.answer)
+                ) {
+                    // Save new items
+                    const newItems = activityData.metadata.config.answer
 
-                        if (activityData.metadata.config.instructions) {
-                            this.block.metadata.config.instructions = activityData.metadata.config.instructions
-                        }
+                    // Merge mode: Add new items to existing ones
+                    const hasOnlyEmptyAnswer =
+                        this.block.metadata.config.answer.length === 1 &&
+                        this.block.metadata.config.answer[0].value === ''
 
-                        // Update feedback if provided
-                        if (activityData.metadata.config.feedback_correct) {
-                            this.block.metadata.config.feedback_correct = activityData.metadata.config.feedback_correct
-                        }
+                    if (hasOnlyEmptyAnswer) {
+                        // If there's only one empty answer, replace it instead of merging
+                        this.block.metadata.config.answer.splice(0, 1)
                     }
 
+                    let currentId = this.block.metadata.config.answer.length
+
+                    newItems.forEach((item) => {
+                        this.block.metadata.config.answer.push({
+                            id: currentId,
+                            value: item.value || '',
+                            expand: false,
+                        })
+                        currentId += 1
+                    })
+
                     this.$toast.success(
-                        replaceMode
-                            ? this.$t('windward.games.components.settings.sorting_game.form.replaced_successfully')
-                            : this.$t('windward.games.components.settings.sorting_game.form.added_successfully'),
+                        this.$t(
+                            'windward.games.components.settings.sorting_game.form.added_successfully'
+                        ),
                         { duration: 3000 }
                     )
                 } else {
                     throw new Error('activity.error.technical')
                 }
             } catch (error) {
-                // Let the error bubble up to GenerateAIQuestionButton with proper error type
+                // Let the error bubble up to Plugin with proper error type
                 throw error
             } finally {
                 this.loading = false