[studio] register custom qTypes on startup

Author: NiloCK

packages/studio-ui/src/main.ts

@@ -106,7 +106,32 @@ const vuetify = createVuetify({
     console.log('   ℹ️  No custom questions config available (default studio mode)');
   }
 
+  // Register custom question types in CourseConfig if available
+  if (customQuestions) {
+    console.log('🎨 Studio Mode: Registering custom question types in CourseConfig');
+    try {
+      const { getDataLayer } = await import('@vue-skuilder/db');
+      const courseDB = getDataLayer().getCourseDB(studioConfig.database.name);
+      const courseConfig = await courseDB.getCourseConfig();
+      
+      const { registerCustomQuestionTypes } = await import('./utils/courseConfigRegistration');
+      const registrationResult = await registerCustomQuestionTypes(
+        customQuestions,
+        courseConfig,
+        courseDB
+      );
+      
+      if (registrationResult.success) {
+        console.log(`   ✅ Custom question types registered successfully: ${registrationResult.registeredCount} items`);
+      } else {
+        console.warn(`   ⚠️  Custom question type registration failed: ${registrationResult.errorMessage}`);
+      }
+    } catch (registrationError) {
+      console.warn(`   ⚠️  Failed to register custom question types: ${registrationError instanceof Error ? registrationError.message : String(registrationError)}`);
+    }
+  }
 
+  
   console.log('🎨 Studio Mode: Collecting view components');
   const viewComponents = Courses.allViewsRaw();
   console.log(`   ✅ Collected ${Object.keys(viewComponents).length} base view components`);

packages/studio-ui/src/utils/courseConfigRegistration.ts

@@ -89,9 +89,9 @@ export function processCustomQuestionsData(customQuestions: CustomQuestionsData)
     // Determine the course name (use first course or default to meta.packageName)
     const courseName = courseNames.length > 0 ? courseNames[0] : customQuestions.meta.packageName;
 
-    // Process data shapes from this question class
+    // Process data shapes from this question class (static property)
     if (questionClass.dataShapes && Array.isArray(questionClass.dataShapes)) {
-      questionClass.dataShapes().forEach((dataShape) => {
+      questionClass.dataShapes.forEach((dataShape) => {
         processedDataShapes.push({
           name: dataShape.name,
           course: courseName,
@@ -102,11 +102,11 @@ export function processCustomQuestionsData(customQuestions: CustomQuestionsData)
 
     // Process the question itself
     processedQuestions.push({
-      name: questionClass.constructor.name,
+      name: questionClass.name,
       course: courseName,
       questionClass: questionClass,
-      dataShapes: questionClass.dataShapes() || [],
-      views: questionClass.views() || [],
+      dataShapes: questionClass.dataShapes || [],
+      views: questionClass.views || [],
     });
   });