@lessonkit/react 0.9.2 → 0.9.3

package/README.md

@@ -59,7 +59,7 @@ export default function App() {
 }
 ```
 
-## API (0.9.2)
+## API (0.9.3)
 
 ### Block catalog
 

package/dist/index.cjs

@@ -541,10 +541,7 @@ function LessonkitProvider(props) {
   useIsoLayoutEffect(() => {
     const prev = trackingRef.current;
     const baseSink = config.tracking?.sink;
-    const sink = pluginHostRef.current && baseSink ? (event) => {
-      const composed = pluginHostRef.current.composeTrackingSink(baseSink, buildCurrentPluginCtx()) ?? baseSink;
-      return composed(event);
-    } : baseSink;
+    const sink = pluginHostRef.current && baseSink ? pluginHostRef.current.composeTrackingSink(baseSink, buildCurrentPluginCtx) ?? baseSink : baseSink;
     const batchSink = pluginHostRef.current && config.tracking?.batchSink ? (events) => {
       const delivered = pluginHostRef.current.deliverTelemetryBatch(
         events,
@@ -675,9 +672,10 @@ function LessonkitProvider(props) {
   (0, import_react.useEffect)(() => {
     return () => {
       const client = trackingClientForUnmountRef.current;
+      const xapi2 = xapiRef.current;
       void (async () => {
         try {
-          await xapiRef.current?.flush();
+          await xapi2?.flush();
         } catch {
         }
         try {
@@ -710,12 +708,19 @@ function LessonkitProvider(props) {
     [track, syncProgress, emitLessonCompleted]
   );
   const completeCourse = (0, import_react.useCallback)(() => {
+    const current = progressRef.current.getState();
+    if (current.activeLessonId) {
+      const lessonResult = progressRef.current.completeLesson(current.activeLessonId, Date.now());
+      if (lessonResult.didComplete) {
+        emitLessonCompleted(current.activeLessonId, lessonResult.durationMs);
+      }
+    }
     const result = progressRef.current.completeCourse();
     if (!result.didComplete) return;
     syncProgress();
     track("course_completed");
     void trackingRef.current?.flush?.();
-  }, [track, syncProgress]);
+  }, [track, syncProgress, emitLessonCompleted]);
   const sessionUser = config.session?.user;
   const sessionAttemptId = config.session?.attemptId;
   const sessionConfiguredId = config.session?.sessionId;
@@ -898,7 +903,8 @@ function KnowledgeCheck(props) {
       checkId: props.checkId,
       question: props.question,
       choices: props.choices,
-      answer: props.answer
+      answer: props.answer,
+      passingScore: props.passingScore
     }
   );
 }
@@ -914,7 +920,7 @@ function Quiz(props) {
     completedRef.current = false;
     setSelected(null);
     setSelectionCorrect(null);
-  }, [props.checkId, props.answer, props.question]);
+  }, [props.checkId, props.answer, props.question, config.courseId]);
   const isChoiceCorrect = (choice, custom) => {
     if (!custom) return choice === props.answer;
     if (custom.passed !== void 0) return custom.passed;
@@ -964,7 +970,7 @@ function Quiz(props) {
                   checkId: props.checkId,
                   score: custom?.score ?? 1,
                   maxScore: custom?.maxScore ?? 1,
-                  passingScore: 1
+                  passingScore: props.passingScore ?? 1
                 });
               }
             }

package/dist/index.d.cts

@@ -91,12 +91,14 @@ declare function KnowledgeCheck(props: {
     question: string;
     choices: string[];
     answer: string;
+    passingScore?: number;
 }): react_jsx_runtime.JSX.Element;
 declare function Quiz(props: {
     checkId: CheckId;
     question: string;
     choices: string[];
     answer: string;
+    passingScore?: number;
 }): react_jsx_runtime.JSX.Element;
 declare function ProgressTracker(): react_jsx_runtime.JSX.Element;
 

package/dist/index.d.ts

@@ -91,12 +91,14 @@ declare function KnowledgeCheck(props: {
     question: string;
     choices: string[];
     answer: string;
+    passingScore?: number;
 }): react_jsx_runtime.JSX.Element;
 declare function Quiz(props: {
     checkId: CheckId;
     question: string;
     choices: string[];
     answer: string;
+    passingScore?: number;
 }): react_jsx_runtime.JSX.Element;
 declare function ProgressTracker(): react_jsx_runtime.JSX.Element;
 

package/dist/index.js

@@ -499,10 +499,7 @@ function LessonkitProvider(props) {
   useIsoLayoutEffect(() => {
     const prev = trackingRef.current;
     const baseSink = config.tracking?.sink;
-    const sink = pluginHostRef.current && baseSink ? (event) => {
-      const composed = pluginHostRef.current.composeTrackingSink(baseSink, buildCurrentPluginCtx()) ?? baseSink;
-      return composed(event);
-    } : baseSink;
+    const sink = pluginHostRef.current && baseSink ? pluginHostRef.current.composeTrackingSink(baseSink, buildCurrentPluginCtx) ?? baseSink : baseSink;
     const batchSink = pluginHostRef.current && config.tracking?.batchSink ? (events) => {
       const delivered = pluginHostRef.current.deliverTelemetryBatch(
         events,
@@ -633,9 +630,10 @@ function LessonkitProvider(props) {
   useEffect(() => {
     return () => {
       const client = trackingClientForUnmountRef.current;
+      const xapi2 = xapiRef.current;
       void (async () => {
         try {
-          await xapiRef.current?.flush();
+          await xapi2?.flush();
         } catch {
         }
         try {
@@ -668,12 +666,19 @@ function LessonkitProvider(props) {
     [track, syncProgress, emitLessonCompleted]
   );
   const completeCourse = useCallback(() => {
+    const current = progressRef.current.getState();
+    if (current.activeLessonId) {
+      const lessonResult = progressRef.current.completeLesson(current.activeLessonId, Date.now());
+      if (lessonResult.didComplete) {
+        emitLessonCompleted(current.activeLessonId, lessonResult.durationMs);
+      }
+    }
     const result = progressRef.current.completeCourse();
     if (!result.didComplete) return;
     syncProgress();
     track("course_completed");
     void trackingRef.current?.flush?.();
-  }, [track, syncProgress]);
+  }, [track, syncProgress, emitLessonCompleted]);
   const sessionUser = config.session?.user;
   const sessionAttemptId = config.session?.attemptId;
   const sessionConfiguredId = config.session?.sessionId;
@@ -856,7 +861,8 @@ function KnowledgeCheck(props) {
       checkId: props.checkId,
       question: props.question,
       choices: props.choices,
-      answer: props.answer
+      answer: props.answer,
+      passingScore: props.passingScore
     }
   );
 }
@@ -872,7 +878,7 @@ function Quiz(props) {
     completedRef.current = false;
     setSelected(null);
     setSelectionCorrect(null);
-  }, [props.checkId, props.answer, props.question]);
+  }, [props.checkId, props.answer, props.question, config.courseId]);
   const isChoiceCorrect = (choice, custom) => {
     if (!custom) return choice === props.answer;
     if (custom.passed !== void 0) return custom.passed;
@@ -922,7 +928,7 @@ function Quiz(props) {
                   checkId: props.checkId,
                   score: custom?.score ?? 1,
                   maxScore: custom?.maxScore ?? 1,
-                  passingScore: 1
+                  passingScore: props.passingScore ?? 1
                 });
               }
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lessonkit/react",
-  "version": "0.9.2",
+  "version": "0.9.3",
   "private": false,
   "description": "React components and hooks for building learning experiences with LessonKit.",
   "license": "Apache-2.0",
@@ -54,11 +54,11 @@
     "react-dom": ">=18"
   },
   "dependencies": {
-    "@lessonkit/accessibility": "0.9.2",
-    "@lessonkit/core": "0.9.2",
-    "@lessonkit/lxpack": "0.9.2",
-    "@lessonkit/themes": "0.9.2",
-    "@lessonkit/xapi": "0.9.2"
+    "@lessonkit/accessibility": "0.9.3",
+    "@lessonkit/core": "0.9.3",
+    "@lessonkit/lxpack": "0.9.3",
+    "@lessonkit/themes": "0.9.3",
+    "@lessonkit/xapi": "0.9.3"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.0",