@vue-skuilder/edit-ui 0.1.18 → 0.1.21

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.1.18",
+  "version": "0.1.21",
   "main": "./dist/edit-ui.umd.js",
   "module": "./dist/edit-ui.es.js",
   "types": "./dist/index.d.ts",
@@ -31,10 +31,10 @@
     "cypress:run": "cypress run --component"
   },
   "dependencies": {
-    "@vue-skuilder/common": "0.1.18",
-    "@vue-skuilder/common-ui": "0.1.18",
-    "@vue-skuilder/courseware": "0.1.18",
-    "@vue-skuilder/db": "0.1.18",
+    "@vue-skuilder/common": "0.1.21",
+    "@vue-skuilder/common-ui": "0.1.21",
+    "@vue-skuilder/courseware": "0.1.21",
+    "@vue-skuilder/db": "0.1.21",
     "pinia": "^2.3.0",
     "vue": "^3.5.13",
     "vuetify": "^3.7.0"
@@ -49,8 +49,8 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/vue": "^8.1.0",
     "@types/pouchdb": "^6.4.2",
-    "@typescript-eslint/eslint-plugin": "^8.25.0",
-    "@typescript-eslint/parser": "^8.25.0",
+    "@typescript-eslint/eslint-plugin": "^8.48.1",
+    "@typescript-eslint/parser": "^8.48.1",
     "@vitejs/plugin-vue": "^6.0.0",
     "@vue/eslint-config-typescript": "^14.4.0",
     "@vue/test-utils": "^2.4.6",
@@ -63,7 +63,7 @@
     "sass": "^1.83.0",
     "typescript": "~5.9.3",
     "vite": "^7.0.0",
-    "vitest": "^3.0.5"
+    "vitest": "^4.0.15"
   },
-  "stableVersion": "0.1.18"
+  "stableVersion": "0.1.21"
 }

package/src/components/NavigationStrategy/HierarchyConfigForm.vue

@@ -189,7 +189,7 @@ export default defineComponent({
     const jsonError = ref<string | null>(null);
     const loadingTags = ref(true);
 
-    const delegateStrategies = ['elo', 'srs', 'hardcoded'];
+    const delegateStrategies = ['elo', 'srs'];
 
     // Reactive copy of config for editing
     const config = computed(() => props.modelValue);

package/src/components/NavigationStrategy/InterferenceConfigForm.vue

@@ -235,7 +235,7 @@ export default defineComponent({
     const jsonError = ref<string | null>(null);
     const loadingTags = ref(true);
 
-    const delegateStrategies = ['elo', 'srs', 'hardcoded'];
+    const delegateStrategies = ['elo', 'srs'];
 
     const config = computed(() => props.modelValue);
 

package/src/components/NavigationStrategy/NavigationStrategyEditor.vue

@@ -70,13 +70,8 @@
         ></v-text-field>
 
         <!-- Strategy-specific configuration forms -->
-        <hardcoded-order-config-form
-          v-if="newStrategy.type === 'hardcoded'"
-          v-model="newStrategy.config"
-        />
-
         <hierarchy-config-form
-          v-else-if="newStrategy.type === 'hierarchy'"
+          v-if="newStrategy.type === 'hierarchy'"
           v-model="newStrategy.config"
           :course-id="courseId"
         />
@@ -137,7 +132,6 @@
 import { defineComponent } from 'vue';
 import type { ContentNavigationStrategyData } from '@vue-skuilder/db/src/core/types/contentNavigationStrategy';
 import NavigationStrategyList from './NavigationStrategyList.vue';
-import HardcodedOrderConfigForm from './HardcodedOrderConfigForm.vue';
 import HierarchyConfigForm from './HierarchyConfigForm.vue';
 import InterferenceConfigForm from './InterferenceConfigForm.vue';
 import RelativePriorityConfigForm from './RelativePriorityConfigForm.vue';
@@ -148,7 +142,6 @@ export default defineComponent({
 
   components: {
     NavigationStrategyList,
-    HardcodedOrderConfigForm,
     HierarchyConfigForm,
     InterferenceConfigForm,
     RelativePriorityConfigForm,
@@ -168,13 +161,12 @@ export default defineComponent({
       showDeleteConfirm: false,
       strategyToDelete: null as ContentNavigationStrategyData | null,
       strategyTypes: [
-        { label: 'Hardcoded Order', value: 'hardcoded' },
         { label: 'Hierarchy Definition', value: 'hierarchy' },
         { label: 'Interference Mitigator', value: 'interference' },
         { label: 'Relative Priority', value: 'relativePriority' },
       ],
       newStrategy: {
-        type: 'hardcoded' as string,
+        type: 'hierarchy' as string,
         name: '',
         description: '',
         config: { cardIds: [] } as any,
@@ -198,8 +190,6 @@ export default defineComponent({
   methods: {
     getDefaultConfig(strategyType: string) {
       switch (strategyType) {
-        case 'hardcoded':
-          return { cardIds: [] };
         case 'hierarchy':
           return {
             prerequisites: {},
@@ -231,8 +221,6 @@ export default defineComponent({
     // Map implementing class to strategy type
     getStrategyTypeFromClass(implementingClass: string): string {
       switch (implementingClass) {
-        case Navigators.HARDCODED:
-          return 'hardcoded';
         case Navigators.HIERARCHY:
           return 'hierarchy';
         case Navigators.INTERFERENCE:
@@ -240,22 +228,14 @@ export default defineComponent({
         case Navigators.RELATIVE_PRIORITY:
           return 'relativePriority';
         default:
-          return 'hardcoded';
+          return 'hierarchy';
       }
     },
 
     // Parse serialized data back to config object
     parseSerializedData(strategyType: string, serializedData: string): any {
       try {
-        const parsed = JSON.parse(serializedData);
-
-        if (strategyType === 'hardcoded') {
-          // Hardcoded stores just the array, wrap it
-          return { cardIds: Array.isArray(parsed) ? parsed : [] };
-        } else {
-          // Other strategies store the full config object
-          return parsed;
-        }
+        return JSON.parse(serializedData);
       } catch (error) {
         console.error('Failed to parse strategy data:', error);
         return this.getDefaultConfig(strategyType);
@@ -316,7 +296,7 @@ export default defineComponent({
     },
 
     startNewStrategy() {
-      const defaultType = 'hardcoded';
+      const defaultType = 'hierarchy';
       this.newStrategy = {
         type: defaultType,
         name: '',
@@ -386,21 +366,13 @@ export default defineComponent({
 
         // Map strategy type to implementing class
         const implementingClassMap: Record<string, string> = {
-          hardcoded: Navigators.HARDCODED,
           hierarchy: Navigators.HIERARCHY,
           interference: Navigators.INTERFERENCE,
           relativePriority: Navigators.RELATIVE_PRIORITY,
         };
 
         // Serialize config based on strategy type
-        let serializedData: string;
-        if (this.newStrategy.type === 'hardcoded') {
-          // Hardcoded stores just the array of card IDs
-          serializedData = JSON.stringify(this.newStrategy.config.cardIds);
-        } else {
-          // Other strategies store their full config object
-          serializedData = JSON.stringify(this.newStrategy.config);
-        }
+        let serializedData: string = JSON.stringify(this.newStrategy.config);
 
         if (this.editingStrategy) {
           // Update existing strategy

package/src/components/NavigationStrategy/RelativePriorityConfigForm.vue

@@ -202,7 +202,7 @@ export default defineComponent({
     const jsonError = ref<string | null>(null);
     const loadingTags = ref(true);
 
-    const delegateStrategies = ['elo', 'srs', 'hardcoded'];
+    const delegateStrategies = ['elo', 'srs'];
     const combineModes = [
       { title: 'Max (highest priority wins)', value: 'max' },
       { title: 'Average (average all priorities)', value: 'average' },

package/src/components/NavigationStrategy/HardcodedOrderConfigForm.vue

@@ -1,108 +0,0 @@
-<template>
-  <div class="hardcoded-order-config-form">
-    <v-textarea
-      :model-value="cardIdsText"
-      @update:model-value="updateCardIds"
-      label="Card IDs"
-      placeholder="Enter card IDs, one per line or separated by commas"
-      rows="10"
-      hint="Paste card IDs in the order they should be presented"
-      persistent-hint
-      required
-    ></v-textarea>
-
-    <v-alert v-if="cardCount > 0" type="info" density="compact" class="mt-2">
-      {{ cardCount }} card{{ cardCount === 1 ? '' : 's' }} configured
-    </v-alert>
-
-    <v-alert v-if="validationError" type="error" density="compact" class="mt-2">
-      {{ validationError }}
-    </v-alert>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent, computed, ref, watch } from 'vue';
-
-/**
- * Configuration for hardcoded order strategy
- * Serialized format: JSON array of card IDs
- */
-export interface HardcodedOrderConfig {
-  cardIds: string[];
-}
-
-export default defineComponent({
-  name: 'HardcodedOrderConfigForm',
-
-  props: {
-    modelValue: {
-      type: Object as () => HardcodedOrderConfig,
-      required: true,
-    },
-  },
-
-  emits: ['update:modelValue'],
-
-  setup(props, { emit }) {
-    const validationError = ref<string | null>(null);
-
-    // Convert card IDs array to text representation
-    const cardIdsText = computed(() => {
-      return props.modelValue.cardIds.join('\n');
-    });
-
-    // Count of configured cards
-    const cardCount = computed(() => {
-      return props.modelValue.cardIds.length;
-    });
-
-    /**
-     * Update card IDs from text input
-     * Splits on newlines or commas, trims, and filters empty strings
-     */
-    function updateCardIds(text: string) {
-      validationError.value = null;
-
-      try {
-        const cardIdArray = text
-          .split(/[\n,]+/)
-          .map((id) => id.trim())
-          .filter((id) => id);
-
-        emit('update:modelValue', {
-          cardIds: cardIdArray,
-        });
-      } catch (error) {
-        validationError.value = error instanceof Error ? error.message : 'Invalid input';
-      }
-    }
-
-    // Validate on mount and when config changes
-    watch(
-      () => props.modelValue,
-      () => {
-        if (props.modelValue.cardIds.length === 0) {
-          validationError.value = 'At least one card ID is required';
-        } else {
-          validationError.value = null;
-        }
-      },
-      { immediate: true }
-    );
-
-    return {
-      cardIdsText,
-      cardCount,
-      validationError,
-      updateCardIds,
-    };
-  },
-});
-</script>
-
-<style scoped>
-.hardcoded-order-config-form {
-  padding: 16px 0;
-}
-</style>