@vue-skuilder/cli 0.1.14-2 → 0.1.15

package/dist/standalone-ui-template/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.1.14-2",
+  "version": "0.1.15",
   "type": "module",
   "main": "./dist-lib/questions.cjs.js",
   "module": "./dist-lib/questions.mjs",
@@ -51,12 +51,12 @@
     "@types/cypress": "1.1.6",
     "@types/events": "^3",
     "@vitejs/plugin-vue": "^5.2.1",
-    "cypress": "14.1.0",
+    "cypress": "^15.6.0",
     "typescript": "^5.7.2",
     "vite": "^6.0.9",
     "vite-plugin-dts": "^4.3.0",
     "vue-tsc": "^1.8.0",
     "wait-on": "8.0.2"
   },
-  "stableVersion": "0.1.13"
+  "stableVersion": "0.1.15"
 }

package/dist/standalone-ui-template/src/main.ts

@@ -42,32 +42,25 @@ import config from '../skuilder.config.json';
   };
 
   if (config.dataLayerType === 'static') {
-    // Load manifest for static mode
-    const courseId = config.course;
-    if (!courseId) {
-      throw new Error('Course ID required for static data layer');
-    }
-
+    // Load root skuilder.json manifest for static mode
     try {
-      const manifestResponse = await fetch(`/static-courses/${courseId}/manifest.json`);
-      if (!manifestResponse.ok) {
+      const rootManifestUrl = '/skuilder.json';
+      const rootManifestResponse = await fetch(rootManifestUrl);
+      if (!rootManifestResponse.ok) {
         throw new Error(
-          `Failed to load manifest: ${manifestResponse.status} ${manifestResponse.statusText}`
+          `Failed to load root manifest: ${rootManifestResponse.status} ${rootManifestResponse.statusText}`
         );
       }
-      const manifest = await manifestResponse.json();
-      console.log(`Loaded manifest for course ${courseId}`);
-      console.log(JSON.stringify(manifest));
+      const rootManifest = await rootManifestResponse.json();
+      console.log('[DEBUG] Loaded root manifest:', rootManifest);
 
       dataLayerOptions = {
-        staticContentPath: '/static-courses',
-        manifests: {
-          [courseId]: manifest,
-        },
+        rootManifest,
+        rootManifestUrl: new URL(rootManifestUrl, window.location.href).href,
       };
     } catch (error) {
-      console.error('[DEBUG] Failed to load course manifest:', error);
-      throw new Error(`Could not load course manifest for ${courseId}: ${error}`);
+      console.error('[DEBUG] Failed to load root manifest:', error);
+      throw new Error(`Could not load root skuilder.json manifest: ${error}`);
     }
   }
 

package/dist/standalone-ui-template/src/questions/MultipleChoiceQuestion.ts

@@ -1,5 +1,6 @@
 import { ViewData, Answer, Question } from '@vue-skuilder/courseware';
 import { FieldType, DataShape, DataShapeName } from '@vue-skuilder/common';
+import { markRaw } from 'vue';
 import MultipleChoiceQuestionView from './MultipleChoiceQuestionView.vue';
 
 export class MultipleChoiceQuestion extends Question {
@@ -14,9 +15,7 @@ export class MultipleChoiceQuestion extends Question {
     },
   ];
 
-  public static views = [
-    { name: 'MultipleChoiceQuestionView', component: MultipleChoiceQuestionView },
-  ];
+  public static views = [markRaw(MultipleChoiceQuestionView)];
 
   // @ts-expect-error TS6133: Used in Vue template
   private _questionText: string;

package/dist/standalone-ui-template/src/questions/MultipleChoiceQuestionView.vue

@@ -10,34 +10,48 @@
 </template>
 
 <script setup lang="ts">
-import { ref, PropType } from 'vue';
+import { ref, computed, PropType, defineOptions } from 'vue';
 import { useViewable, useQuestionView } from '@vue-skuilder/courseware';
 import { MultipleChoiceQuestion } from './MultipleChoiceQuestion';
 import { ViewData } from '@vue-skuilder/common';
 
+defineOptions({
+  name: 'MultipleChoiceQuestionView'
+});
+
 const props = defineProps({
-  questionText: {
-    type: String,
-    required: true,
-  },
-  options: {
-    type: Array as () => string[],
-    required: true,
-  },
   data: {
     type: Array as PropType<ViewData[]>,
     required: true,
   },
+  modifyDifficulty: {
+    type: Number,
+    required: false,
+    default: 0,
+  },
 });
 
+const emit = defineEmits(['emit-response']);
+
 const selectedAnswer = ref('');
 
-const viewableUtils = useViewable(props, () => {}, 'MultipleChoiceQuestionView');
+const viewableUtils = useViewable(props, emit, 'MultipleChoiceQuestionView');
 const questionUtils = useQuestionView<MultipleChoiceQuestion>(viewableUtils);
 
 // Initialize question
 questionUtils.question.value = new MultipleChoiceQuestion(props.data);
 
+// Extract question text and options from the question instance
+const questionText = computed(() => {
+  const question = new MultipleChoiceQuestion(props.data);
+  return (question as any)._questionText || '';
+});
+
+const options = computed(() => {
+  const question = new MultipleChoiceQuestion(props.data);
+  return (question as any).options || [];
+});
+
 const submitAnswer = () => {
   if (selectedAnswer.value) {
     questionUtils.submitAnswer({ response: selectedAnswer.value });

package/dist/standalone-ui-template/src/questions/NumberRangeQuestion.ts

@@ -1,5 +1,6 @@
 import { ViewData, Answer, Question } from '@vue-skuilder/courseware';
 import { FieldType, DataShape, DataShapeName } from '@vue-skuilder/common';
+import { markRaw } from 'vue';
 import NumberRangeQuestionView from './NumberRangeQuestionView.vue';
 
 export class NumberRangeQuestion extends Question {
@@ -14,7 +15,7 @@ export class NumberRangeQuestion extends Question {
     },
   ];
 
-  public static views = [{ name: 'NumberRangeQuestionView', component: NumberRangeQuestionView }];
+  public static views = [markRaw(NumberRangeQuestionView)];
 
   // @ts-expect-error TS6133: Used in Vue template
   private questionText: string;

package/dist/standalone-ui-template/src/questions/NumberRangeQuestionView.vue

@@ -7,30 +7,43 @@
 </template>
 
 <script setup lang="ts">
-import { ref, PropType } from 'vue';
+import { ref, computed, PropType, defineOptions } from 'vue';
 import { useViewable, useQuestionView } from '@vue-skuilder/courseware';
 import { NumberRangeQuestion } from './NumberRangeQuestion';
 import { ViewData } from '@vue-skuilder/common';
 
+defineOptions({
+  name: 'NumberRangeQuestionView'
+});
+
 const props = defineProps({
-  questionText: {
-    type: String,
-    required: true,
-  },
   data: {
     type: Array as PropType<ViewData[]>,
     required: true,
   },
+  modifyDifficulty: {
+    type: Number,
+    required: false,
+    default: 0,
+  },
 });
 
+const emit = defineEmits(['emit-response']);
+
 const userAnswer = ref<number | null>(null);
 
-const viewableUtils = useViewable(props, () => {}, 'NumberRangeQuestionView');
+const viewableUtils = useViewable(props, emit, 'NumberRangeQuestionView');
 const questionUtils = useQuestionView<NumberRangeQuestion>(viewableUtils);
 
 // Initialize question
 questionUtils.question.value = new NumberRangeQuestion(props.data);
 
+// Extract question text from the question instance
+const questionText = computed(() => {
+  const question = new NumberRangeQuestion(props.data);
+  return (question as any).questionText || '';
+});
+
 const submitAnswer = () => {
   if (userAnswer.value !== null) {
     questionUtils.submitAnswer({ response: userAnswer.value });

package/dist/standalone-ui-template/src/questions/README.md

@@ -24,19 +24,24 @@ To use your custom questions in a course, you need to:
 
     ```typescript
     // MyCustomQuestion.ts
+    import { markRaw } from 'vue';
     import { Question, DataShape, ViewData, Answer } from '@vue-skuilder/courseware';
     import { FieldType } from '@vue-skuilder/common';
     import MyCustomQuestionView from './MyCustomQuestionView.vue';
 
     export class MyCustomQuestion extends Question {
       public static dataShapes: DataShape[] = [
-        new DataShape('MyCustomQuestion', [
-          { name: 'myField', type: FieldType.STRING },
-        ]),
+        {
+          name: 'MyCustomQuestion' as DataShapeName,
+          fields: [
+            { name: 'myField', type: FieldType.STRING },
+          ],
+        },
       ];
 
+      // Direct inline view registration - use markRaw() to prevent Vue reactivity
       public static views = [
-        { name: 'MyCustomQuestionView', component: MyCustomQuestionView },
+        { name: 'MyCustomQuestionView', component: markRaw(MyCustomQuestionView) },
       ];
 
       constructor(data: ViewData[]) {
@@ -59,6 +64,11 @@ To use your custom questions in a course, you need to:
     }
     ```
 
+    **Important Notes:**
+    - Use `markRaw()` to wrap component imports (prevents unnecessary reactivity)
+    - Views must be `{ name: string, component: ViewComponent }` format for studio mode
+    - The `name` field must match your component's `defineOptions({ name: '...' })`
+
 2.  **Create Your Vue Component**: Create a Vue component (e.g., `MyCustomQuestionView.vue`) that will render your question and allow user interaction. This component will receive props based on the `ViewData` you define for your question.
 
     ```vue
@@ -72,9 +82,14 @@ To use your custom questions in a course, you need to:
     </template>
 
     <script setup lang="ts">
-    import { ref } from 'vue';
+    import { ref, defineOptions } from 'vue';
     import { useStudySessionStore } from '@vue-skuilder/common-ui';
 
+    // REQUIRED: Component name for runtime lookup
+    defineOptions({
+      name: 'MyCustomQuestionView'
+    });
+
     const props = defineProps({
       // Define props based on your question's data
       questionData: { type: Object, required: true },
@@ -90,6 +105,8 @@ To use your custom questions in a course, you need to:
     </script>
     ```
 
+    **Important:** Component name must match Question class `views` array name
+
 3.  **Register Your Question and Course**: In your application's entry point (e.g., `src/main.ts` or `src/App.vue`), you need to import your custom question and include it in a `Course` instance. Then, register this course with the `allCourses` list.
 
     ```typescript
@@ -117,13 +134,10 @@ To use your custom questions in a course, you need to:
 
     **Note**: The `allCourses` object is a singleton that manages all available courses and their associated questions and views. By adding your custom course to `allCourses.courses`, it becomes discoverable by the `CardViewer` and other components that rely on the course registry.
 
-## Developing New Questions
-
-When developing new questions, consider the following:
-
--   **DataShape Definition**: Carefully define the `DataShape` for your question. This dictates the structure of the data that will be passed to your question's constructor and Vue component.
--   **Answer Evaluation**: Implement the `isCorrect` method in your `Question` subclass to define how user answers are evaluated.
--   **Vue Component Props**: Ensure your Vue component's `props` match the data fields defined in your `DataShape` and any additional data you pass from your `Question` instance.
--   **StudySessionStore**: Use the `useStudySessionStore()` composable from `@vue-skuilder/common-ui` to submit user answers and interact with the study session logic.
+## Key Requirements
 
-Feel free to modify and extend the provided examples to suit your needs.
+-   **DataShape Definition**: Defines data structure passed to constructor and Vue component
+-   **Answer Evaluation**: Implement `isCorrect()` method in your Question subclass
+-   **Component Names**: Use `defineOptions({ name: '...' })` - must match Question class `views` array
+-   **View Registration**: Register views inline with `markRaw()` - no separate setup files needed
+-   **Format**: Use `{ name: string, component: ViewComponent }` format for studio mode compatibility

package/dist/standalone-ui-template/src/questions/SimpleTextQuestion.ts

@@ -1,5 +1,6 @@
 import { ViewData, Answer, Question } from '@vue-skuilder/courseware';
 import { FieldType, DataShape, DataShapeName } from '@vue-skuilder/common';
+import { markRaw } from 'vue';
 import SimpleTextQuestionView from './SimpleTextQuestionView.vue';
 
 export class SimpleTextQuestion extends Question {
@@ -13,7 +14,7 @@ export class SimpleTextQuestion extends Question {
     },
   ];
 
-  public static views = [{ name: 'SimpleTextQuestionView', component: SimpleTextQuestionView }];
+  public static views = [markRaw(SimpleTextQuestionView)];
 
   // @ts-expect-error TS6133: Used in Vue template
   private questionText: string;

package/dist/standalone-ui-template/src/questions/SimpleTextQuestionView.vue

@@ -1,5 +1,6 @@
 <template>
   <div>
+    <p>HELLO WORLD</p>
     <p>{{ questionText }}</p>
     <input v-model="userAnswer" @keyup.enter="submitAnswer" placeholder="Your answer" />
     <button @click="submitAnswer">Submit</button>
@@ -7,38 +8,46 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, PropType } from 'vue';
+import { ref, computed, PropType, defineOptions } from 'vue';
 import { useViewable, useQuestionView } from '@vue-skuilder/courseware';
 import { SimpleTextQuestion } from './SimpleTextQuestion';
 import { ViewData } from '@vue-skuilder/common';
 
+defineOptions({
+  name: 'SimpleTextQuestionView',
+});
+
 const props = defineProps({
-  questionText: {
-    type: String,
-    required: true,
-  },
   data: {
     type: Array as PropType<ViewData[]>,
     required: true,
   },
+  modifyDifficulty: {
+    type: Number,
+    required: false,
+    default: 0,
+  },
 });
 
+const emit = defineEmits(['emit-response']);
+
 const userAnswer = ref('');
 
-const viewableUtils = useViewable(props, () => {}, 'SimpleTextQuestionView');
+const viewableUtils = useViewable(props, emit, 'SimpleTextQuestionView');
 const questionUtils = useQuestionView<SimpleTextQuestion>(viewableUtils);
 
 // Initialize question
 questionUtils.question.value = new SimpleTextQuestion(props.data);
 
+// Extract question text from the question instance
+const questionText = computed(() => {
+  const question = new SimpleTextQuestion(props.data);
+  return (question as any).questionText || '';
+});
+
 const submitAnswer = () => {
   questionUtils.submitAnswer({ response: userAnswer.value });
 };
-
-onMounted(() => {
-  // Optionally, you might want to focus the input field on mount
-  // This requires a ref on the input element
-});
 </script>
 
 <style scoped>

package/dist/standalone-ui-template/src/questions/index.ts

@@ -52,13 +52,17 @@ export function allCustomQuestions() {
   });
 
   // Collect all view components from questions
-  const views: ViewComponent[] = [];
+  const views: Array<{ name: string; component: ViewComponent }> = [];
   questionClasses.forEach((questionClass) => {
     if (questionClass.views) {
       questionClass.views.forEach((view) => {
-        // Avoid duplicates by name
-        if (!views.find((existing) => existing.name === view.name)) {
-          views.push(view);
+        const viewName = (view as any).name || (view as any).__name;
+        if (viewName) {
+          if (!views.find((existing) => existing.name === viewName)) {
+            views.push({ name: viewName, component: view });
+          }
+        } else {
+          console.warn('[allCustomQuestions] View component missing name property:', view);
         }
       });
     }
@@ -102,7 +106,7 @@ export interface CustomQuestionsExport {
     typeof SimpleTextQuestion | typeof MultipleChoiceQuestion | typeof NumberRangeQuestion
   >;
   dataShapes: DataShape[];
-  views: ViewComponent[];
+  views: Array<{ name: string; component: ViewComponent }>;
   meta: {
     questionCount: number;
     dataShapeCount: number;

package/dist/standalone-ui-template/src/views/StudyView.vue

@@ -35,7 +35,7 @@ const user = getDataLayer().getUserDB();
 const dataLayer = getDataLayer();
 const configStore = useConfigStore();
 const sessionPrepared = ref(false);
-const sessionTimeLimit = ref(configStore.config.sessionTimeLimit);
+const sessionTimeLimit = ref(Number(configStore.config.sessionTimeLimit));
 const sessionContentSources = ref<ContentSourceID[]>([]);
 const studySessionConfig = ref<StudySessionConfig>({
   likesConfetti: configStore.config.likesConfetti,

package/dist/standalone-ui-template/vite.config.ts

@@ -47,6 +47,10 @@ export default defineConfig({
           minify: 'terser',
           terserOptions: {
             keep_classnames: true,
+            keep_fnames: true,
+            mangle: {
+              properties: false,
+            },
           },
           lib: {
             entry: resolve(__dirname, 'src/questions/index.ts'),

package/dist/studio-ui-src/App.vue

@@ -1,6 +1,6 @@
 <template>
   <v-app>
-    <v-app-bar color="primary">
+    <v-app-bar>
       <v-toolbar-title>
         <v-icon start>mdi-palette</v-icon>
         Skuilder Studio
@@ -9,19 +9,19 @@
 
       <!-- Navigation buttons -->
       <v-btn-group v-if="courseId" class="mr-4">
-        <v-btn :color="$route.name === 'browse' ? 'secondary' : 'transparent'" @click="$router.push('/')">
+        <v-btn :color="$route.name === 'browse' ? 'primary' : 'secondary'" @click="$router.push('/')">
           <v-icon start>mdi-magnify</v-icon>
           Browse Course
         </v-btn>
         <v-btn
-          :color="$route.name === 'create-card' ? 'secondary' : 'transparent'"
+          :color="$route.name === 'create-card' ? 'primary' : 'secondary'"
           @click="$router.push('/create-card')"
         >
           <v-icon start>mdi-card-plus</v-icon>
           Create Card
         </v-btn>
         <v-btn
-          :color="$route.name === 'bulk-import' ? 'secondary' : 'transparent'"
+          :color="$route.name === 'bulk-import' ? 'primary' : 'secondary'"
           @click="$router.push('/bulk-import')"
         >
           <v-icon start>mdi-file-import</v-icon>

package/dist/studio-ui-src/components/StudioFlush.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-btn color="success" :loading="flushing" :disabled="flushing" @click="handleFlush">
+  <v-btn :loading="flushing" :disabled="flushing" @click="handleFlush">
     <v-icon start>mdi-content-save</v-icon>
     Flush to Static
   </v-btn>

package/dist/studio-ui-src/main.ts

@@ -68,16 +68,25 @@ const vuetify = createVuetify({
   try {
     console.log('   📁 Fetching custom-questions-config.json');
     const configResponse = await fetch('/custom-questions-config.json');
+
+    console.log(`   🔍 Config fetch response status: ${configResponse.status}`);
+    console.log(`   🔍 Config fetch response URL: ${configResponse.url}`);
+
     if (configResponse.ok) {
       console.log('   ✅ Custom questions config file found');
       const customConfig = await configResponse.json();
       console.log('   📋 Custom config parsed:', customConfig);
+
       if (customConfig.hasCustomQuestions && customConfig.importPath) {
         console.log(`🎨 Studio Mode: Loading custom questions from ${customConfig.packageName}`);
         console.log(`   📦 Import path: ${customConfig.importPath}`);
+
         try {
-          const customModule = await import(customConfig.importPath);
+          console.log('   🔄 Attempting dynamic import...');
+          const customModule = await import(/* @vite-ignore */ customConfig.importPath);
           console.log('   ✅ Custom module imported successfully');
+          console.log('   🔍 Module exports:', Object.keys(customModule));
+
           customQuestions = customModule.allCustomQuestions?.();
           if (customQuestions) {
             console.log(
@@ -85,24 +94,27 @@ const vuetify = createVuetify({
             );
             console.log('   📊 Custom questions object:', customQuestions);
           } else {
-            console.log('   ⚠️  Custom module did not return questions data');
+            console.error('   ❌ FATAL: Custom module did not return questions data!');
+            console.error('   🔍 allCustomQuestions result:', customQuestions);
+            console.error('   🔍 allCustomQuestions function:', customModule.allCustomQuestions);
           }
         } catch (importError) {
-          console.warn(
-            `   ⚠️  Failed to import custom questions: ${importError instanceof Error ? importError.message : String(importError)}`
-          );
+          console.error('   ❌ FATAL: Failed to import custom questions module!');
+          console.error('   🔍 Import path attempted:', customConfig.importPath);
+          console.error('   🔍 Error:', importError);
+          throw importError; // Re-throw to make it visible
         }
       } else {
-        console.log(
-          '   ℹ️  Custom config exists but hasCustomQuestions is false or importPath is missing'
-        );
+        console.warn('   ⚠️  Config exists but hasCustomQuestions is false or importPath is missing');
+        console.warn('   🔍 Config content:', customConfig);
       }
     } else {
-      console.log('   ℹ️  Custom questions config file not found (this is normal)');
+      console.warn(`   ⚠️  Custom questions config not found (HTTP ${configResponse.status})`);
+      console.warn(`   🔍 Attempted URL: ${configResponse.url}`);
     }
   } catch (configError) {
-    // No custom questions config - this is normal for default studio mode
-    console.log('   ℹ️  No custom questions config available (default studio mode)');
+    console.error('   ❌ Error fetching custom questions config:', configError);
+    // Don't throw - missing config is valid for non-custom courses
   }
 
   // Register custom question types in CourseConfig if available
@@ -164,17 +176,29 @@ const vuetify = createVuetify({
     );
   }
 
-  // Build custom courseware registry
-  const { allCourseWare, AllCourseWare } = await import('@vue-skuilder/courseware');
-  const studioCourseWare = customQuestions 
-    ? new AllCourseWare([...allCourseWare.courses, ...customQuestions.courses])
-    : allCourseWare;
-  
-  // Store custom courseware for use in components
-  app.provide('studioCourseWare', studioCourseWare);
+  // Register custom courses with the allCourseWare singleton
+  console.log('🎨 Studio Mode: Registering custom courses');
+  const { allCourseWare } = await import('@vue-skuilder/courseware');
+  console.log(`   🔍 allCourseWare instance:`, allCourseWare);
+  console.log(`   🔍 Current courses BEFORE registration:`, allCourseWare.courses.map(c => c.name));
+
+  if (customQuestions?.courses) {
+    console.log(`   📦 Registering ${customQuestions.courses.length} custom course(s)`);
+    console.log(`   📦 Custom courses to register:`, customQuestions.courses.map(c => c.name));
+    customQuestions.courses.forEach((course) => {
+      // Check if already registered to avoid duplicates
+      if (!allCourseWare.courses.find((c) => c.name === course.name)) {
+        allCourseWare.courses.push(course);
+        console.log(`   ✅ Registered course: ${course.name}`);
+      } else {
+        console.log(`   ℹ️  Course ${course.name} already registered`);
+      }
+    });
+    console.log(`   🔍 Current courses AFTER registration:`, allCourseWare.courses.map(c => c.name));
+  }
 
   console.log('🎨 Studio Mode: Collecting view components');
-  const viewComponents = studioCourseWare.allViewsRaw();
+  const viewComponents = allCourseWare.allViewsRaw();
   console.log(`   ✅ Collected ${Object.keys(viewComponents).length} base view components`);
 
   // Add custom question view components if available
@@ -199,6 +223,17 @@ const vuetify = createVuetify({
     app.component(name, component);
   });
 
+  // Provide inline markdown components if available
+  console.log('🎨 Studio Mode: Checking for inline markdown components');
+  if (customQuestions?.inlineComponents) {
+    console.log(`   ✅ Found ${Object.keys(customQuestions.inlineComponents).length} inline components`);
+    console.log(`   📋 Component names: ${Object.keys(customQuestions.inlineComponents).join(', ')}`);
+    app.provide('markdownComponents', customQuestions.inlineComponents);
+  } else {
+    console.log('   ℹ️  No inline markdown components available');
+    app.provide('markdownComponents', {});
+  }
+
   app.use(pinia);
   app.use(vuetify);
   app.use(router);

package/dist/studio-ui-src/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.1.14-2",
+  "version": "0.1.15",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -32,5 +32,5 @@
     "vite": "^6.0.9",
     "vue-tsc": "^1.8.0"
   },
-  "stableVersion": "0.1.13"
+  "stableVersion": "0.1.15"
 }

package/dist/studio-ui-src/views/BrowseView.vue

@@ -38,6 +38,9 @@ const courseId = ref<string | null>(null);
 
 // View lookup function with proper context binding
 const viewLookupFunction = (viewDescription: any) => {
+  console.log('[BrowseView] Looking up view:', viewDescription);
+  console.log('[BrowseView] allCourseWare instance:', allCourseWare);
+  console.log('[BrowseView] Available courses:', allCourseWare.courses.map(c => c.name));
   return allCourseWare.getView(viewDescription);
 };
 

package/dist/utils/pack-courses.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pack-courses.d.ts","sourceRoot":"","sources":["../../src/utils/pack-courses.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED;;;GAGG;AACH,wBAAsB,WAAW,CAAC,OAAO,EAAE,kBAAkB,GAAG,OAAO,CAAC,IAAI,CAAC,CAoC5E"}
+{"version":3,"file":"pack-courses.d.ts","sourceRoot":"","sources":["../../src/utils/pack-courses.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED;;;GAGG;AACH,wBAAsB,WAAW,CAAC,OAAO,EAAE,kBAAkB,GAAG,OAAO,CAAC,IAAI,CAAC,CAoE5E"}