@windward/games 0.0.1

package/jest.config.js

@@ -0,0 +1,18 @@
+module.exports = {
+    moduleNameMapper: {
+        '^@/(.*)$': '<rootDir>/$1',
+        '^vue$': 'vue/dist/vue.common.js',
+        '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
+            '<rootDir>/node_modules/@windward/core/test/__mocks__/fileMock.js',
+        '\\.(css|less)$':
+            '<rootDir>/node_modules/@windward/core/test/__mocks__/styleMock.js',
+    },
+    moduleFileExtensions: ['ts', 'js', 'vue', 'json'],
+    transformIgnorePatterns: ['node_modules/(?!@ngrx|(?!deck.gl)|ng-dynamic)'],
+
+    transform: {
+        '^.+\\.ts$': 'ts-jest',
+        '^.+\\.js$': 'babel-jest',
+        '.*\\.(vue)$': 'vue-jest',
+    },
+}

package/package.json

@@ -0,0 +1,51 @@
+{
+    "name": "@windward/games",
+    "version": "0.0.1",
+    "description": "Windward UI Plugin Games",
+    "main": "plugin.js",
+    "scripts": {
+        "test": "jest",
+        "lint:js": "eslint --ext \".js,.vue\" --ignore-path .gitignore .",
+        "build": "tsc"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+ssh://git@bitbucket.org/mindedge/windward-osmt-ui-plugin.git"
+    },
+    "author": "Ted Celestin",
+    "license": "MIT",
+    "homepage": "https://bitbucket.org/mindedge/windward-ui-plugin-games#readme",
+    "dependencies": {
+        "@windward/core": "^0.0.2",
+        "eslint": "^8.11.0",
+        "lodash": "^4.17.21",
+        "prettier": "^2.6.0",
+        "vue-excel-editor": "^1.5.19",
+        "vue-flashcard": "^1.1.6",
+        "vuedraggable": "^2.24.3"
+    },
+    "devDependencies": {
+        "@babel/preset-env": "^7.16.11",
+        "@nuxtjs/axios": "^5.13.6",
+        "@types/lodash": "^4.14.180",
+        "@vue/test-utils": "^1.1.3",
+        "babel-core": "^7.0.0-bridge.0",
+        "babel-jest": "^26.6.3",
+        "eslint-config-prettier": "^8.5.0",
+        "eslint-plugin-nuxt": "^3.2.0",
+        "eslint-plugin-prettier": "^4.0.0",
+        "jest": "^26.6.3",
+        "ts-jest": "^26.5.6",
+        "typescript": "^4.6.3",
+        "vue-api-query": "^1.11.0",
+        "vue-i18n": "^8.27.1",
+        "vue-jest": "^3.0.7",
+        "vuetify": "^2.6.4"
+    },
+    "bugs": {
+        "url": "https://bitbucket.org/mindedge/windward-osmt-ui-plugin/issues"
+    },
+    "directories": {
+        "test": "test"
+    }
+}

package/plugin.js

@@ -0,0 +1,150 @@
+import enUS from './i18n/en-US'
+import flashcards from './components/content/blocks/flashcards/FlashcardSlides'
+import slideShow from './components/content/blocks/slideshow/SlideShow.vue'
+import FlashCardSlidesManager from './components/settings/FlashCardSlidesManager'
+import SlideShowManager from './components/settings/SlideShowManager.vue'
+import MatchingGameManager from './components/settings/MatchingGameManager.vue'
+import MatchingGame from './components/content/blocks/matchingGame/MatchingGame.vue'
+import bucketGameSettingsManager from './components/settings/BucketGameSettingsManager'
+import SortingGame from './components/content/blocks/dragDrop/SortingGame'
+import SortingGameSettingsManager from './components/settings/SortingGameSettingsManager.vue'
+import BucketGame from './components/content/blocks/dragDrop/BucketGame'
+import quizShow from './components/content/blocks/quizshowGame/QuizShow'
+import QuizShowSettingsManager from './components/settings/QuizShowSettingsManager'
+
+export default {
+    name: 'Windward Games Plugin',
+    hooks: {
+        beforeContent: (body) => {
+            return body
+        },
+        beforeDestroy: () => {},
+        beforeNavigate: () => {},
+        onNavigate: () => {},
+        onLoad: (page) => {},
+        onContent: () => {},
+    },
+    i18n: {
+        'en-US': enUS,
+    },
+    components: {
+        contentBlock: [
+            {
+                tag: 'games-flash-card',
+                template: flashcards,
+                metadata: {
+                    icon: 'mdi-cards-variant',
+                    name: 'plugin.games.shared.content_blocks.title.flashcards',
+                    grouping:
+                        'plugin.games.shared.content_blocks.grouping.game',
+                },
+            },
+            {
+                tag: 'games-sorting',
+                template: SortingGame,
+                metadata: {
+                    icon: 'mdi-sort',
+                    name: 'plugin.games.shared.content_blocks.title.sort',
+                    grouping:
+                        'plugin.games.shared.content_blocks.grouping.game',
+                },
+            },
+            {
+                tag: 'games-bucket',
+                template: BucketGame,
+                metadata: {
+                    icon: 'mdi-bucket-outline',
+                    name: 'plugin.games.shared.content_blocks.title.bucket',
+                    grouping:
+                        'plugin.games.shared.content_blocks.grouping.game',
+                },
+            },
+            {
+                tag: 'games-slideshow',
+                template: slideShow,
+                metadata: {
+                    icon: 'mdi-view-gallery',
+                    name: 'plugin.games.shared.content_blocks.title.slideshow',
+                    grouping:
+                        'plugin.games.shared.content_blocks.grouping.multimedia',
+                },
+            },
+            {
+                tag: 'games-matching-game',
+                template: MatchingGame,
+                metadata: {
+                    icon: 'mdi-image-filter-none',
+                    name: 'plugin.games.shared.content_blocks.title.matching_game',
+                    grouping:
+                        'plugin.games.shared.content_blocks.grouping.game',
+                },
+            },
+            {
+                tag: 'games-quizshow-game',
+                template: quizShow,
+                metadata: {
+                    icon: 'mdi-head-question-outline',
+                    name: 'plugin.games.shared.content_blocks.title.quizshow',
+                    grouping:
+                        'plugin.games.shared.content_blocks.grouping.game',
+                },
+            },
+        ],
+        settings: [
+            {
+                tag: 'games-flashcard-settings',
+                template: FlashCardSlidesManager,
+                context: ['block.games-flash-card'],
+                metadata: {
+                    icon: 'mdi-cog',
+                    name: 'plugin.games.shared.settings.title.card_manager',
+                },
+            },
+            {
+                tag: 'games-bucket-settings',
+                template: bucketGameSettingsManager,
+                context: ['block.games-bucket'],
+                metadata: {
+                    icon: 'mdi-cog',
+                    name: 'plugin.games.shared.settings.title.bucket_manager',
+                },
+            },
+            {
+                tag: 'games-sorting-settings',
+                template: SortingGameSettingsManager,
+                context: ['block.games-sorting'],
+                metadata: {
+                    icon: 'mdi-cog',
+                    name: 'plugin.games.shared.settings.title.sorting_manager',
+                },
+            },
+            {
+                tag: 'games-slideshow-settings',
+                template: SlideShowManager,
+                context: ['block.games-slideshow'],
+                metadata: {
+                    icon: 'mdi-cog',
+                    name: 'plugin.games.shared.settings.title.slideshow_manager',
+                },
+            },
+            {
+                tag: 'games-matching-setting',
+                template: MatchingGameManager,
+                context: ['block.games-matching-game'],
+                metadata: {
+                    icon: 'mdi-cog',
+                    name: 'plugin.games.shared.settings.title.matching_game_manager',
+                },
+            },
+            {
+                tag: 'games-quizshow-settings',
+                template: QuizShowSettingsManager,
+                context: ['block.games-quizshow-game'],
+                metadata: {
+                    icon: 'mdi-cog',
+                    name: 'plugin.games.shared.settings.title.quizshow_manager',
+                },
+            },
+        ],
+    },
+}

package/test/blocks/dragDrop/BucketGame.spec.js

@@ -0,0 +1,26 @@
+import { mount, shallowMount } from '@vue/test-utils'
+import { defaultMocks } from '@windward/core/test/mocks'
+import BucketGame from '@/components/content/blocks/dragDrop/BucketGame'
+
+import Vue from 'vue'
+import Vuetify from 'vuetify'
+Vue.use(Vuetify)
+
+describe('BucketGame', () => {
+    test('is a Vue instance', () => {
+        const wrapper = mount(BucketGame, {
+            propsData: {
+                value: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                    name: 'Test Content Page',
+                    body: 'dummy text',
+                    metadata: {
+                        config: {},
+                    },
+                },
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/blocks/dragDrop/SortingGame.spec.js

@@ -0,0 +1,47 @@
+import { mount, shallowMount } from '@vue/test-utils'
+import { defaultMocks } from '@windward/core/test/mocks'
+import SortingGame from '@/components/content/blocks/dragDrop/SortingGame'
+
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+Vue.use(Vuetify)
+
+//override default mock
+jest.mock(
+    'lodash',
+    () => {
+        return {
+            cloneDeep: () => {
+                return []
+            },
+            isEmpty: () => {
+                return jest.fn()
+            },
+            flatten: () => {
+                return jest.fn()
+            },
+            get: () => {
+                return jest.fn()
+            },
+        }
+    },
+    { virtual: true }
+)
+describe('SortingGame', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(SortingGame, {
+            propsData: {
+                value: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                    name: 'Test Content Page',
+                    body: '[]',
+                    metadata: {
+                        config: {},
+                    },
+                },
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/blocks/flashcards/CardFace.spec.js

@@ -0,0 +1,21 @@
+import { mount, shallowMount } from '@vue/test-utils'
+import { defaultMocks } from '@windward/core/test/mocks'
+import CardFace from '@/components/content/blocks/flashcards/CardFace'
+
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+Vue.use(Vuetify)
+
+const settings = { text: '' }
+describe('CardFace', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(CardFace, {
+            propsData: {
+                settings,
+                textColor: '',
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/blocks/flashcards/FlashCardSlides.spec.js

@@ -0,0 +1,24 @@
+import { mount, shallowMount } from '@vue/test-utils'
+import { defaultMocks } from '@windward/core/test/mocks'
+import FlashcardSlides from '@/components/content/blocks/flashcards/FlashcardSlides'
+
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+Vue.use(Vuetify)
+
+describe('FlashcardSlides', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(FlashcardSlides, {
+            propsData: {
+                value: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                    name: 'Test Content Page',
+                    body: '[]',
+                    metadata: { config: {} },
+                },
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/blocks/flashcards/Flashcard.spec.js

@@ -0,0 +1,24 @@
+import { mount, shallowMount } from '@vue/test-utils'
+import { defaultMocks } from '@windward/core/test/mocks'
+import Flashcard from '@/components/content/blocks/flashcards/Flashcard'
+
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+Vue.use(Vuetify)
+
+describe('FlashCard', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(Flashcard, {
+            propsData: {
+                options: {
+                    front: {},
+                    back: {},
+                },
+                slide: 1,
+                data: {},
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/blocks/matchingGame/MatchingGame.spec.js

@@ -0,0 +1,26 @@
+import { defaultMocks } from '@windward/core/test/mocks'
+import MatchingGame from '@/components/content/blocks/matchingGame/MatchingGame.vue'
+import { shallowMount } from '@vue/test-utils'
+
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+Vue.use(Vuetify)
+
+describe('MatchingGame', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(MatchingGame, {
+            propsData: {
+                value: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                    name: 'Test Content Page',
+                    body: '[]',
+                    metadata: {
+                        config: {},
+                    },
+                },
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/blocks/quizShow/quizShow.spec.js

@@ -0,0 +1,31 @@
+import { mount, shallowMount } from '@vue/test-utils'
+import { defaultMocks } from '@windward/core/test/mocks'
+import QuizShow from '@/components/content/blocks/quizshowGame/QuizShow'
+
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+Vue.use(Vuetify)
+
+// Mock the VueExcel* since it has issues with jest parsing
+jest.mock('vue-excel-editor/src/VueExcelEditor', () => {
+    return {}
+})
+jest.mock('vue-excel-editor/src/VueExcelColumn', () => {
+    return {}
+})
+describe('QuizShow', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(QuizShow, {
+            propsData: {
+                value: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                    name: 'Test Content Page',
+                    body: '{}',
+                    metadata: { config: {} },
+                },
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/blocks/slideshow/slideshow.spec.js

@@ -0,0 +1,24 @@
+import { shallowMount } from '@vue/test-utils'
+import { defaultMocks } from '@windward/core/test/mocks'
+import SlideShow from '@/components/content/blocks/slideshow/SlideShow'
+
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+Vue.use(Vuetify)
+
+describe('SlideShow', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(SlideShow, {
+            propsData: {
+                value: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                    name: 'Test Content Page',
+                    body: '{}',
+                    metadata: { config: {} },
+                },
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/mocks.js

@@ -0,0 +1,2 @@
+import mocks from '@windward/core/test/mocks'
+export const defaultMocks = mocks

package/test/settings/BucketGameManager.spec.js

@@ -0,0 +1,125 @@
+import { shallowMount } from '@vue/test-utils'
+import { defaultMocks } from '@windward/core/test/mocks'
+import BucketGameSettingsManager from '@/components/settings/BucketGameSettingsManager'
+
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+Vue.use(Vuetify)
+
+const settings = {}
+const context = 'block'
+
+describe('Matching game manager', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(BucketGameSettingsManager, {
+            propsData: {
+                block: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                    name: 'Test Content Page',
+                    body: '{}',
+                    metadata: { config: {} },
+                },
+                settings: settings,
+                context: context,
+                data: {},
+                metadata: { config: {} },
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+
+    test('can add new bucket', () => {
+        const wrapper = shallowMount(BucketGameSettingsManager, {
+            propsData: {
+                block: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                    name: 'Test Content Page',
+                    body: '{}',
+                    metadata: { config: {} },
+                },
+                settings: settings,
+                context: context,
+                data: {},
+                metadata: { config: {} },
+            },
+            mocks: defaultMocks,
+        })
+        wrapper.vm.onAddBucket()
+        expect(wrapper.vm.block.metadata.config.bucket_titles).toEqual([
+            { title: '', color: '', expand: false },
+            { title: '', color: '', expand: true },
+        ])
+    })
+
+    test('can add bucket answer', () => {
+        const wrapper = shallowMount(BucketGameSettingsManager, {
+            propsData: {
+                block: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                    name: 'Test Content Page',
+                    body: '{}',
+                    metadata: { config: {} },
+                },
+                settings: settings,
+                context: context,
+                data: {},
+                metadata: { config: {} },
+            },
+            mocks: defaultMocks,
+        })
+        wrapper.vm.onAddBucketAnswer(0)
+        expect(wrapper.vm.block.metadata.config.bucket_answers[0]).toEqual([
+            {
+                bucket_index: 0,
+                display: '',
+                display_value: '',
+                feedback: '',
+                expand: true,
+                id: 2,
+            },
+        ])
+    })
+
+    test('can delete bucket', () => {
+        const wrapper = shallowMount(BucketGameSettingsManager, {
+            propsData: {
+                block: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                    name: 'Test Content Page',
+                    body: '{}',
+                    metadata: { config: {} },
+                },
+                settings: settings,
+                context: context,
+                data: {},
+                metadata: { config: {} },
+            },
+            mocks: defaultMocks,
+        })
+        wrapper.vm.onConfirmDeleteBucket(0)
+        expect(wrapper.vm.block.metadata.config.bucket_titles).toEqual([
+            { title: '', color: '', expand: true },
+        ])
+    })
+
+    test('can delete answer', () => {
+        const wrapper = shallowMount(BucketGameSettingsManager, {
+            propsData: {
+                block: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                    name: 'Test Content Page',
+                    body: '{}',
+                    metadata: { config: {} },
+                },
+                settings: settings,
+                context: context,
+                data: {},
+                metadata: { config: {} },
+            },
+            mocks: defaultMocks,
+        })
+        wrapper.vm.onConfirmDelete(0, 0)
+        expect(wrapper.vm.block.metadata.config.bucket_answers).toEqual([])
+    })
+})

package/test/settings/FlashCardSlidesManager.spec.js

@@ -0,0 +1,24 @@
+import { shallowMount } from '@vue/test-utils'
+import { defaultMocks } from '@windward/core/test/mocks'
+import FlashCardSlidesManager from '@/components/settings/FlashCardSlidesManager'
+
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+Vue.use(Vuetify)
+
+const settings = {}
+const context = 'block'
+
+describe('FLashcard slides manager', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(FlashCardSlidesManager, {
+            propsData: {
+                settings: settings,
+                context: context,
+                data: {},
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/settings/MatchingGameManager.spec.js

@@ -0,0 +1,30 @@
+import { mount, shallowMount } from '@vue/test-utils'
+import { defaultMocks } from '@windward/core/test/mocks'
+import MatchingGameManager from '@/components/settings/MatchingGameManager'
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+Vue.use(Vuetify)
+
+const settings = {}
+const context = 'block'
+
+describe('Matching game manager', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(MatchingGameManager, {
+            propsData: {
+                block: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                    name: 'Test Content Page',
+                    body: '{}',
+                    metadata: { config: {} },
+                },
+                settings: settings,
+                context: context,
+                data: {},
+                metadata: { config: {} },
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})

package/test/settings/SlideShowManager.spec.js

@@ -0,0 +1,30 @@
+import { mount, shallowMount } from '@vue/test-utils'
+import { defaultMocks } from '@windward/core/test/mocks'
+import SlideShowManager from '@/components/settings/SlideShowManager'
+
+import Vuetify from 'vuetify'
+import Vue from 'vue'
+Vue.use(Vuetify)
+
+const settings = {}
+const context = 'block'
+
+describe('Slideshow manager', () => {
+    test('is a Vue instance', () => {
+        const wrapper = shallowMount(SlideShowManager, {
+            propsData: {
+                block: {
+                    id: '00000000-0000-0000-0000-000000000000',
+                    name: 'Test Content Page',
+                    body: '{}',
+                    metadata: { config: {} },
+                },
+                settings: settings,
+                context: context,
+                data: {},
+            },
+            mocks: defaultMocks,
+        })
+        expect(wrapper.vm).toBeTruthy()
+    })
+})