@windward/games 0.21.0 → 0.23.0

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

package/components/settings/WordJumbleSettingsManager.vue

@@ -119,13 +119,33 @@
                 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 { mapGetters } from 'vuex'
 import BaseContentSettings from '~/components/Content/Settings/BaseContentSettings.js'
 import SortableExpansionPanel from '~/components/Core/SortableExpansionPanel.vue'
 import BaseContentBlockSettings from '~/components/Content/Settings/BaseContentBlockSettings.vue'
+import PluginRef from '~/components/Core/PluginRef.vue'
 
 export default {
     name: 'WordJumbleSettings',
@@ -133,6 +153,7 @@ export default {
     components: {
         SortableExpansionPanel,
         BaseContentBlockSettings,
+        PluginRef,
     },
     beforeMount() {
         if (_.isEmpty(this.block)) {
@@ -173,8 +194,15 @@ export default {
         return {
             valid: true,
             loading: false,
+            replaceExisting: true,
         }
     },
+    computed: {
+        ...mapGetters({
+            course: 'course/get',
+            currentContent: 'content/get',
+        }),
+    },
     methods: {
         onBeforeSave() {
             this.block.metadata.config.words.forEach((element) => {
@@ -226,6 +254,135 @@ export default {
             this.block.metadata.config.currentWord =
                 this.block.metadata.config.words.length - 1
         },
+        onPluginSetBlock(activityData) {
+            this.loading = true
+            try {
+                // Process the activity data
+                if (
+                    activityData &&
+                    activityData.metadata &&
+                    activityData.metadata.config &&
+                    activityData.metadata.config.words &&
+                    Array.isArray(activityData.metadata.config.words)
+                ) {
+                    const newWords = activityData.metadata.config.words
+
+                    this.block.metadata.config.words.splice(
+                        0,
+                        this.block.metadata.config.words.length
+                    )
+                    newWords.forEach((word) => {
+                        this.block.metadata.config.words.push({
+                            id:
+                                word.id ||
+                                this.block.metadata.config.words.length + 1,
+                            value: word.value || '',
+                            hint: word.hint || '',
+                            shuffledWord: this.shuffle(word.value || ''),
+                        })
+                    })
+
+                    if (activityData.metadata.config.title) {
+                        this.block.metadata.config.title =
+                            activityData.metadata.config.title
+                    }
+
+                    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
+                    }
+
+                    this.block.metadata.config.currentWord = 0
+
+                    this.$toast.success(
+                        this.$t(
+                            'windward.games.components.settings.word_jumble.form.replaced_successfully'
+                        ),
+                        { duration: 3000 }
+                    )
+                } else {
+                    this.$toast.error(
+                        this.$t(
+                            'windward.games.components.settings.word_jumble.form.invalid_response'
+                        ),
+                        {
+                            duration: 5000,
+                        }
+                    )
+                }
+            } catch (error) {
+                const errorMessage = error.message || 'Unknown error occurred'
+                this.$toast.error(
+                    `${this.$t(
+                        'windward.games.components.settings.word_jumble.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.words &&
+                    Array.isArray(activityData.metadata.config.words)
+                ) {
+                    const newWords = activityData.metadata.config.words
+
+                    newWords.forEach((word) => {
+                        this.block.metadata.config.words.push({
+                            id: this.block.metadata.config.words.length + 1,
+                            value: word.value || '',
+                            hint: word.hint || '',
+                            shuffledWord: this.shuffle(word.value || ''),
+                        })
+                    })
+
+                    this.block.metadata.config.currentWord = 0
+
+                    this.$toast.success(
+                        this.$t(
+                            'windward.games.components.settings.word_jumble.form.added_successfully'
+                        ),
+                        { duration: 3000 }
+                    )
+                } else {
+                    this.$toast.error(
+                        this.$t(
+                            'windward.games.components.settings.word_jumble.form.invalid_response'
+                        ),
+                        {
+                            duration: 5000,
+                        }
+                    )
+                }
+            } catch (error) {
+                const errorMessage = error.message || 'Unknown error occurred'
+                this.$toast.error(
+                    `${this.$t(
+                        'windward.games.components.settings.word_jumble.form.failed_to_process'
+                    )}: ${errorMessage}`,
+                    {
+                        duration: 5000,
+                    }
+                )
+            } finally {
+                this.loading = false
+            }
+        },
     },
 }
 </script>

package/i18n/en-US/components/settings/multiple_choice.ts

@@ -15,4 +15,8 @@ export default {
     add_answer: 'Add Answer Option',
     add_question: 'Add Question',
     answer: 'Answers',
+    added_successfully: 'Questions added successfully',
+    replaced_successfully: 'Questions replaced successfully',
+    invalid_response: 'Could not process AI response for multiple-choice.',
+    failed_to_process: 'Failed to process AI response',
 }

package/i18n/en-US/components/settings/word_jumble.ts

@@ -9,4 +9,13 @@ export default {
     add: 'Add Word',
     feedback_correct: 'Feedback when correct',
     feedback_incorrect: 'Feedback when incorrect',
+    
+    // AI generation keys in nested form structure
+    form: {
+        replace_existing: 'Replace existing words',
+        replaced_successfully: 'Words replaced successfully',
+        added_successfully: 'New words added successfully',
+        invalid_response: 'Invalid response from word jumble generation',
+        failed_to_process: 'Failed to process generated words'
+    }
 }

package/i18n/es-ES/components/settings/multiple_choice.ts

@@ -15,4 +15,8 @@ export default {
     add_answer: 'Agregar opción de respuesta',
     add_question: 'Agregar pregunta',
     answer: 'Respuestas',
+    added_successfully: 'Preguntas agregadas correctamente',
+    replaced_successfully: 'Preguntas reemplazadas correctamente',
+    invalid_response: 'No se pudo procesar la respuesta de IA para opción múltiple.',
+    failed_to_process: 'No se pudo procesar la respuesta de IA',
 }

package/i18n/es-ES/components/settings/word_jumble.ts

@@ -9,4 +9,13 @@ export default {
     add: 'Agregar palabra',
     feedback_correct: 'Comentarios cuando sea correcto',
     feedback_incorrect: 'Comentarios cuando sean incorrectos',
+    
+    // AI generation keys in nested form structure
+    form: {
+        replace_existing: 'Reemplazar palabras existentes',
+        replaced_successfully: 'Palabras reemplazadas exitosamente',
+        added_successfully: 'Nuevas palabras añadidas exitosamente',
+        invalid_response: 'Respuesta inválida de la generación de revoltijo de palabras',
+        failed_to_process: 'Error al procesar las palabras generadas'
+    }
 }

package/i18n/sv-SE/components/settings/multiple_choice.ts

@@ -14,4 +14,8 @@ export default {
     add_answer: 'Lägg till svarsalternativ',
     add_question: 'Lägg till fråga',
     answer: 'Svar',
+    added_successfully: 'Frågor har lagts till',
+    replaced_successfully: 'Frågor har ersatts',
+    invalid_response: 'Kunde inte bearbeta AI-svar för flervalsfrågor.',
+    failed_to_process: 'Misslyckades med att bearbeta AI-svar',
 }

package/i18n/sv-SE/components/settings/word_jumble.ts

@@ -9,4 +9,13 @@ export default {
     add: 'Lägg till ord',
     feedback_correct: 'Återkoppling när korrekt',
     feedback_incorrect: 'Återkoppling när felaktig',
+    
+    // AI generation keys in nested form structure
+    form: {
+        replace_existing: 'Ersätt befintliga ord',
+        replaced_successfully: 'Ord ersatta framgångsrikt',
+        added_successfully: 'Nya ord tillagda framgångsrikt',
+        invalid_response: 'Ogiltig respons från ordvirrvarr-generering',
+        failed_to_process: 'Misslyckades med att bearbeta genererade ord'
+    }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@windward/games",
-    "version": "0.21.0",
+    "version": "0.23.0",
     "description": "Windward UI Plugin Games",
     "main": "plugin.js",
     "scripts": {
@@ -21,7 +21,7 @@
     "license": "MIT",
     "homepage": "https://bitbucket.org/mindedge/windward-ui-plugin-games#readme",
     "dependencies": {
-        "@windward/core": "^0.21.0",
+        "@windward/core": "^0.22.0",
         "eslint": "^8.11.0",
         "lodash": "^4.17.21",
         "prettier": "^2.6.0",

package/plugin.js

@@ -128,7 +128,7 @@ export default {
                 },
             },
         ],
-        settings: [
+        contentBlockSetting: [
             {
                 tag: 'games-flashcard-settings',
                 template: FlashCardSlidesManager,