register blanksCards automatically

Author: NiloCK

packages/studio-ui/src/main.ts

@@ -136,6 +136,34 @@ const vuetify = createVuetify({
     }
   }
 
+  // Register BlanksCard (markdown fillIn) by default for all studio sessions
+  console.log('🎨 Studio Mode: Registering default BlanksCard question type');
+  try {
+    const { getDataLayer } = await import('@vue-skuilder/db');
+    const courseDB = getDataLayer().getCourseDB(studioConfig.database.name);
+    const courseConfig = await courseDB.getCourseConfig();
+
+    const { BlanksCard, BlanksCardDataShapes } = await import('@vue-skuilder/courseware');
+    const { registerBlanksCard } = await import('./utils/courseConfigRegistration');
+    
+    const blanksRegistrationResult = await registerBlanksCard(
+      BlanksCard,
+      BlanksCardDataShapes,
+      courseConfig,
+      courseDB
+    );
+
+    if (blanksRegistrationResult.success) {
+      console.log('   ✅ BlanksCard question type registered successfully');
+    } else {
+      console.warn(`   ⚠️  BlanksCard registration failed: ${blanksRegistrationResult.errorMessage}`);
+    }
+  } catch (blanksError) {
+    console.warn(
+      `   ⚠️  Failed to register BlanksCard: ${blanksError instanceof Error ? blanksError.message : String(blanksError)}`
+    );
+  }
+
   // Build custom courseware registry
   const { allCourseWare, AllCourseWare } = await import('@vue-skuilder/courseware');
   const studioCourseWare = customQuestions 

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

@@ -237,6 +237,68 @@ export async function registerSeedData(
   }
 }
 
+/**
+ * Register BlanksCard (markdown fillIn) question type specifically
+ */
+export async function registerBlanksCard(
+  BlanksCard: any,
+  BlanksCardDataShapes: any[],
+  courseConfig: CourseConfig,
+  courseDB: CourseDBInterface
+): Promise<{ success: boolean; errorMessage?: string }> {
+  try {
+    console.log('   📋 Registering BlanksCard data shapes and question type...');
+
+    let registeredCount = 0;
+    const courseName = 'default'; // BlanksCard comes from the default course
+
+    // Register BlanksCard data shapes
+    for (const dataShapeClass of BlanksCardDataShapes) {
+      const processedDataShape: ProcessedDataShape = {
+        name: dataShapeClass.name,
+        course: courseName,
+        dataShape: dataShapeClass,
+      };
+
+      if (registerDataShape(processedDataShape, courseConfig)) {
+        registeredCount++;
+      }
+    }
+
+    // Register BlanksCard question type
+    const processedQuestion: ProcessedQuestionData = {
+      name: BlanksCard.name,
+      course: courseName,
+      questionClass: BlanksCard,
+      dataShapes: BlanksCardDataShapes,
+      views: BlanksCard.views || [],
+    };
+
+    if (registerQuestionType(processedQuestion, courseConfig)) {
+      registeredCount++;
+    }
+
+    // Update the course config in the database
+    console.log('   💾 Updating course configuration with BlanksCard...');
+    const updateResult = await courseDB.updateCourseConfig(courseConfig);
+
+    if (!updateResult.ok) {
+      throw new Error(`Failed to update course config: ${JSON.stringify(updateResult)}`);
+    }
+
+    // Register seed data if BlanksCard has any
+    await registerSeedData(processedQuestion, courseDB);
+
+    console.log(`   ✅ BlanksCard registration complete: ${registeredCount} items registered`);
+
+    return { success: true };
+  } catch (error) {
+    const errorMessage = error instanceof Error ? error.message : String(error);
+    console.error(`   ❌ BlanksCard registration failed: ${errorMessage}`);
+    return { success: false, errorMessage };
+  }
+}
+
 /**
  * Main function to register all custom question types and data shapes
  */