@lssm/example.learning-journey-registry 0.0.0-canary-20251212004227 → 0.0.0-canary-20251212210835

package/.turbo/turbo-build.log

@@ -2,16 +2,18 @@ $ bun build:bundle && bun build:types
 $ tsdown
 ℹ tsdown v0.17.0 powered by rolldown v1.0.0-beta.53
 ℹ config file: /home/runner/work/contractspec/contractspec/packages/examples/learning-journey-registry/tsdown.config.js 
-ℹ entry: src/api-types.ts, src/api.ts, src/index.ts, src/progress-store.ts, src/tracks.ts, src/docs/index.ts, src/docs/learning-journey-registry.docblock.ts, src/presentations/index.ts
+ℹ entry: src/api-types.ts, src/api.ts, src/index.ts, src/progress-store.ts, src/tracks.ts, src/docs/index.ts, src/docs/learning-journey-registry.docblock.ts, src/presentations/index.ts, src/ui/LearningMiniApp.tsx, src/ui/index.ts
 ℹ target: esnext
 ℹ tsconfig: tsconfig.json
 ℹ Build start
 ℹ dist/api.js                                                                    3.28 kB │ gzip: 1.37 kB
+ℹ dist/ui/LearningMiniApp.js                                                     1.88 kB │ gzip: 0.70 kB
 ℹ dist/tracks.js                                                                 1.30 kB │ gzip: 0.50 kB
 ℹ dist/docs/learning-journey-registry.docblock.js                                1.21 kB │ gzip: 0.63 kB
+ℹ dist/index.js                                                                  1.06 kB │ gzip: 0.37 kB
 ℹ dist/presentations/index.js                                                    0.99 kB │ gzip: 0.39 kB
-ℹ dist/index.js                                                                  0.85 kB │ gzip: 0.31 kB
 ℹ dist/progress-store.js                                                         0.43 kB │ gzip: 0.29 kB
+ℹ dist/ui/index.js                                                               0.19 kB │ gzip: 0.11 kB
 ℹ dist/docs/index.js                                                             0.05 kB │ gzip: 0.07 kB
 ℹ dist/api-types.js                                                              0.00 kB │ gzip: 0.02 kB
 ℹ dist/libs/contracts/src/docs/accessibility_wcag_compliance_specs.docblock.js  16.53 kB │ gzip: 7.16 kB
@@ -30,6 +32,6 @@ $ tsdown
 ℹ dist/libs/contracts/src/docs/tech/mcp-endpoints.docblock.js                    1.07 kB │ gzip: 0.61 kB
 ℹ dist/libs/contracts/src/docs/index.js                                          0.85 kB │ gzip: 0.35 kB
 ℹ dist/libs/contracts/src/docs/registry.js                                       0.74 kB │ gzip: 0.42 kB
-ℹ 24 files, total: 91.33 kB
-✔ Build complete in 43ms
+ℹ 26 files, total: 93.60 kB
+✔ Build complete in 45ms
 $ tsc --noEmit

package/CHANGELOG.md

@@ -1,13 +1,17 @@
 # @lssm/example.learning-journey-registry
 
-## 0.0.0-canary-20251212004227
+## 0.0.0-canary-20251212210835
 
 ### Patch Changes
 
-- @lssm/example.learning-journey.crm-onboarding@0.0.0-canary-20251212004227
-- @lssm/example.learning-journey.ambient-coach@0.0.0-canary-20251212004227
-- @lssm/example.learning-journey.duo-drills@0.0.0-canary-20251212004227
-- @lssm/example.learning-journey.platform-tour@0.0.0-canary-20251212004227
-- @lssm/example.learning-journey.quest-challenges@0.0.0-canary-20251212004227
-- @lssm/example.learning-journey.studio-onboarding@0.0.0-canary-20251212004227
-- @lssm/module.learning-journey@0.0.0-canary-20251212004227
+- @lssm/example.learning-journey.crm-onboarding@0.0.0-canary-20251212210835
+- @lssm/example.learning-journey-ui-coaching@0.0.0-canary-20251212210835
+- @lssm/example.learning-journey-ui-gamified@0.0.0-canary-20251212210835
+- @lssm/example.learning-journey-ui-onboarding@0.0.0-canary-20251212210835
+- @lssm/example.learning-journey-ui-shared@0.0.0-canary-20251212210835
+- @lssm/example.learning-journey.ambient-coach@0.0.0-canary-20251212210835
+- @lssm/example.learning-journey.duo-drills@0.0.0-canary-20251212210835
+- @lssm/example.learning-journey.platform-tour@0.0.0-canary-20251212210835
+- @lssm/example.learning-journey.quest-challenges@0.0.0-canary-20251212210835
+- @lssm/example.learning-journey.studio-onboarding@0.0.0-canary-20251212210835
+- @lssm/module.learning-journey@0.0.0-canary-20251212210835

package/dist/index.js

@@ -1 +1 @@
-import{crmLearningTracks as e,learningJourneyTracks as t,mapStep as n,mapTrackSpecToDto as r,onboardingTrackCatalog as i,platformLearningTracks as a,studioLearningTracks as o}from"./tracks.js";import{getProgress as s,listTracks as c,recordEvent as l}from"./api.js";import"./docs/index.js";import{LearningTrackDetailPresentation as u,LearningTrackListPresentation as d,LearningTrackProgressWidgetPresentation as f,learningJourneyPresentations as p}from"./presentations/index.js";export{u as LearningTrackDetailPresentation,d as LearningTrackListPresentation,f as LearningTrackProgressWidgetPresentation,e as crmLearningTracks,s as getProgress,p as learningJourneyPresentations,t as learningJourneyTracks,c as listTracks,n as mapStep,r as mapTrackSpecToDto,i as onboardingTrackCatalog,a as platformLearningTracks,l as recordEvent,o as studioLearningTracks};
+import{crmLearningTracks as e,learningJourneyTracks as t,mapStep as n,mapTrackSpecToDto as r,onboardingTrackCatalog as i,platformLearningTracks as a,studioLearningTracks as o}from"./tracks.js";import{getProgress as s,listTracks as c,recordEvent as l}from"./api.js";import"./docs/index.js";import{LearningTrackDetailPresentation as u,LearningTrackListPresentation as d,LearningTrackProgressWidgetPresentation as f,learningJourneyPresentations as p}from"./presentations/index.js";import{LearningMiniApp as m,getLearningTemplateIds as h,isLearningTemplate as g}from"./ui/LearningMiniApp.js";import"./ui/index.js";export{m as LearningMiniApp,u as LearningTrackDetailPresentation,d as LearningTrackListPresentation,f as LearningTrackProgressWidgetPresentation,e as crmLearningTracks,h as getLearningTemplateIds,s as getProgress,g as isLearningTemplate,p as learningJourneyPresentations,t as learningJourneyTracks,c as listTracks,n as mapStep,r as mapTrackSpecToDto,i as onboardingTrackCatalog,a as platformLearningTracks,l as recordEvent,o as studioLearningTracks};

package/dist/ui/LearningMiniApp.js

@@ -0,0 +1 @@
+"use client";import{learningJourneyTracks as e}from"../tracks.js";import{useMemo as t}from"react";import{GamifiedMiniApp as n}from"@lssm/example.learning-journey-ui-gamified";import{OnboardingMiniApp as r}from"@lssm/example.learning-journey-ui-onboarding";import{CoachingMiniApp as i}from"@lssm/example.learning-journey-ui-coaching";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s={"learning-journey-duo-drills":`drills_language_basics`,"learning-journey-quest-challenges":`money_reset_7day`,"learning-journey-studio-onboarding":`studio_getting_started`,"learning-journey-platform-tour":`platform_tour`,"learning-journey-ambient-coach":`money_ambient_coach`,"learning-journey-crm-onboarding":`crm_first_win`},c={"learning-journey-duo-drills":`gamified`,"learning-journey-quest-challenges":`gamified`,"learning-journey-studio-onboarding":`onboarding`,"learning-journey-platform-tour":`onboarding`,"learning-journey-ambient-coach":`coaching`,"learning-journey-crm-onboarding":`coaching`};function l({templateId:l,initialView:u=`overview`,onViewChange:d}){let f=t(()=>{let t=s[l];return t?e.find(e=>e.id===t):null},[l]),p=c[l];if(!f)return a(`div`,{className:`rounded-lg border border-amber-500/50 bg-amber-500/10 p-6 text-center`,children:o(`p`,{className:`text-amber-500`,children:[`Unknown learning template: `,l]})});switch(p){case`gamified`:return a(n,{track:f,initialView:u,onViewChange:d});case`onboarding`:return a(r,{track:f,initialView:u,onViewChange:d});case`coaching`:return a(i,{track:f,initialView:u,onViewChange:d});default:return a(`div`,{className:`rounded-lg border border-red-500/50 bg-red-500/10 p-6 text-center`,children:o(`p`,{className:`text-red-500`,children:[`Unknown app type for template: `,l]})})}}function u(e){return e in s}function d(){return Object.keys(s)}export{l as LearningMiniApp,d as getLearningTemplateIds,u as isLearningTemplate};

package/dist/ui/index.js

@@ -0,0 +1 @@
+import{LearningMiniApp as e,getLearningTemplateIds as t,isLearningTemplate as n}from"./LearningMiniApp.js";export{e as LearningMiniApp,t as getLearningTemplateIds,n as isLearningTemplate};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lssm/example.learning-journey-registry",
-  "version": "0.0.0-canary-20251212004227",
+  "version": "0.0.0-canary-20251212210835",
   "description": "Registry that aggregates learning journey example tracks.",
   "type": "module",
   "main": "./dist/index.js",
@@ -14,6 +14,8 @@
     "./presentations": "./src/presentations/index.ts",
     "./progress-store": "./src/progress-store.ts",
     "./tracks": "./src/tracks.ts",
+    "./ui": "./src/ui/index.ts",
+    "./ui/LearningMiniApp": "./src/ui/LearningMiniApp.tsx",
     "./*": "./*"
   },
   "scripts": {
@@ -34,14 +36,23 @@
     "@lssm/example.learning-journey.platform-tour": "workspace:*",
     "@lssm/example.learning-journey.quest-challenges": "workspace:*",
     "@lssm/example.learning-journey.studio-onboarding": "workspace:*",
-    "@lssm/module.learning-journey": "workspace:*"
+    "@lssm/example.learning-journey-ui-shared": "workspace:*",
+    "@lssm/example.learning-journey-ui-gamified": "workspace:*",
+    "@lssm/example.learning-journey-ui-onboarding": "workspace:*",
+    "@lssm/example.learning-journey-ui-coaching": "workspace:*",
+    "@lssm/module.learning-journey": "workspace:*",
+    "react": "^19.1.0"
   },
   "devDependencies": {
     "@lssm/tool.tsdown": "workspace:*",
     "@lssm/tool.typescript": "workspace:*",
+    "@types/react": "^19.1.6",
     "tsdown": "^0.17.0",
     "typescript": "^5.9.3"
   },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0"
+  },
   "module": "./dist/index.js",
   "publishConfig": {
     "exports": {
@@ -53,6 +64,8 @@
       "./presentations": "./dist/presentations/index.js",
       "./progress-store": "./dist/progress-store.js",
       "./tracks": "./dist/tracks.js",
+      "./ui": "./dist/ui/index.js",
+      "./ui/LearningMiniApp": "./dist/ui/LearningMiniApp.js",
       "./*": "./*"
     }
   }

package/src/index.ts

@@ -3,3 +3,4 @@ import './docs';
 export * from './tracks';
 export * from './api';
 export * from './presentations';
+export * from './ui';

package/src/ui/LearningMiniApp.tsx

@@ -0,0 +1,122 @@
+'use client';
+
+import { useMemo } from 'react';
+import { GamifiedMiniApp } from '@lssm/example.learning-journey-ui-gamified';
+import { OnboardingMiniApp } from '@lssm/example.learning-journey-ui-onboarding';
+import { CoachingMiniApp } from '@lssm/example.learning-journey-ui-coaching';
+import type { LearningView } from '@lssm/example.learning-journey-ui-shared';
+import { learningJourneyTracks } from '../tracks';
+
+/** Template IDs that map to learning journey tracks */
+type LearningTemplateId =
+  | 'learning-journey-duo-drills'
+  | 'learning-journey-quest-challenges'
+  | 'learning-journey-studio-onboarding'
+  | 'learning-journey-platform-tour'
+  | 'learning-journey-ambient-coach'
+  | 'learning-journey-crm-onboarding';
+
+/** Map template IDs to track IDs */
+const TEMPLATE_TO_TRACK: Record<LearningTemplateId, string> = {
+  'learning-journey-duo-drills': 'drills_language_basics',
+  'learning-journey-quest-challenges': 'money_reset_7day',
+  'learning-journey-studio-onboarding': 'studio_getting_started',
+  'learning-journey-platform-tour': 'platform_tour',
+  'learning-journey-ambient-coach': 'money_ambient_coach',
+  'learning-journey-crm-onboarding': 'crm_first_win',
+};
+
+/** Map template IDs to mini-app type */
+const TEMPLATE_TO_APP_TYPE: Record<
+  LearningTemplateId,
+  'gamified' | 'onboarding' | 'coaching'
+> = {
+  'learning-journey-duo-drills': 'gamified',
+  'learning-journey-quest-challenges': 'gamified',
+  'learning-journey-studio-onboarding': 'onboarding',
+  'learning-journey-platform-tour': 'onboarding',
+  'learning-journey-ambient-coach': 'coaching',
+  'learning-journey-crm-onboarding': 'coaching',
+};
+
+interface LearningMiniAppProps {
+  templateId: string;
+  initialView?: LearningView;
+  onViewChange?: (view: LearningView) => void;
+}
+
+/** Router component that picks the correct mini-app based on template ID */
+export function LearningMiniApp({
+  templateId,
+  initialView = 'overview',
+  onViewChange,
+}: LearningMiniAppProps) {
+  // Find the track for this template
+  const track = useMemo(() => {
+    const trackId = TEMPLATE_TO_TRACK[templateId as LearningTemplateId];
+    if (!trackId) return null;
+    return learningJourneyTracks.find((t) => t.id === trackId);
+  }, [templateId]);
+
+  // Determine app type
+  const appType = TEMPLATE_TO_APP_TYPE[templateId as LearningTemplateId];
+
+  if (!track) {
+    return (
+      <div className="rounded-lg border border-amber-500/50 bg-amber-500/10 p-6 text-center">
+        <p className="text-amber-500">
+          Unknown learning template: {templateId}
+        </p>
+      </div>
+    );
+  }
+
+  // Render the appropriate mini-app
+  switch (appType) {
+    case 'gamified':
+      return (
+        <GamifiedMiniApp
+          track={track}
+          initialView={initialView}
+          onViewChange={onViewChange}
+        />
+      );
+    case 'onboarding':
+      return (
+        <OnboardingMiniApp
+          track={track}
+          initialView={initialView}
+          onViewChange={onViewChange}
+        />
+      );
+    case 'coaching':
+      return (
+        <CoachingMiniApp
+          track={track}
+          initialView={initialView}
+          onViewChange={onViewChange}
+        />
+      );
+    default:
+      return (
+        <div className="rounded-lg border border-red-500/50 bg-red-500/10 p-6 text-center">
+          <p className="text-red-500">
+            Unknown app type for template: {templateId}
+          </p>
+        </div>
+      );
+  }
+}
+
+/** Check if a template ID is a learning journey template */
+export function isLearningTemplate(
+  templateId: string
+): templateId is LearningTemplateId {
+  return templateId in TEMPLATE_TO_TRACK;
+}
+
+/** Get all learning template IDs */
+export function getLearningTemplateIds(): LearningTemplateId[] {
+  return Object.keys(TEMPLATE_TO_TRACK) as LearningTemplateId[];
+}
+

package/src/ui/index.ts

@@ -0,0 +1,6 @@
+export {
+  LearningMiniApp,
+  isLearningTemplate,
+  getLearningTemplateIds,
+} from './LearningMiniApp';
+