@lssm/example.learning-journey-ui-onboarding 0.0.0-canary-20251217080011 → 0.0.0-canary-20251219202229

package/tsdown.config.js

@@ -1,13 +1,17 @@
 import { defineConfig } from 'tsdown';
+import { moduleLibrary, withDevExports } from '@lssm/tool.tsdown';
+
+export default defineConfig(() => ({
+  ...moduleLibrary,
+  ...withDevExports,
+}));
+
+
+
+
+
+
+
+
 
-export default defineConfig({
-  entry: [
-    'src/index.ts',
-    'src/views/index.ts',
-    'src/components/index.ts',
-  ],
-  format: 'esm',
-  target: 'esnext',
-  dts: true,
-});
 

package/dist/components/index.d.mts

@@ -1,2 +0,0 @@
-import { n as CodeSnippet, r as StepChecklist, t as JourneyMap } from "../index-BsbXKz4M.mjs";
-export { CodeSnippet, JourneyMap, StepChecklist };

package/dist/components/index.mjs

@@ -1,4 +0,0 @@
-import { n as StepChecklist, t as JourneyMap } from "../JourneyMap-CZ47DksM.mjs";
-import { t as CodeSnippet } from "../components-OUN5S2z0.mjs";
-
-export { CodeSnippet, JourneyMap, StepChecklist };

package/dist/index-BNYp4weX.d.mts

@@ -1,33 +0,0 @@
-import { LearningViewProps } from "@lssm/example.learning-journey-ui-shared";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
-
-//#region src/views/Overview.d.ts
-interface OnboardingOverviewProps extends LearningViewProps {
-  onStart?: () => void;
-}
-declare function Overview({
-  track,
-  progress,
-  onStart
-}: OnboardingOverviewProps): react_jsx_runtime3.JSX.Element;
-//#endregion
-//#region src/views/Steps.d.ts
-declare function Steps({
-  track,
-  progress,
-  onStepComplete
-}: LearningViewProps): react_jsx_runtime3.JSX.Element;
-//#endregion
-//#region src/views/Progress.d.ts
-declare function ProgressView({
-  track,
-  progress
-}: LearningViewProps): react_jsx_runtime3.JSX.Element;
-//#endregion
-//#region src/views/Timeline.d.ts
-declare function Timeline({
-  track,
-  progress
-}: LearningViewProps): react_jsx_runtime3.JSX.Element;
-//#endregion
-export { Overview as i, ProgressView as n, Steps as r, Timeline as t };

package/dist/index-BsbXKz4M.d.mts

@@ -1,48 +0,0 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { LearningJourneyStepSpec } from "@lssm/module.learning-journey/track-spec";
-
-//#region src/components/StepChecklist.d.ts
-interface StepChecklistProps {
-  step: LearningJourneyStepSpec;
-  stepNumber: number;
-  isCompleted: boolean;
-  isCurrent: boolean;
-  isExpanded: boolean;
-  onToggle: () => void;
-  onComplete?: () => void;
-}
-declare function StepChecklist({
-  step,
-  stepNumber,
-  isCompleted,
-  isCurrent,
-  isExpanded,
-  onToggle,
-  onComplete
-}: StepChecklistProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/CodeSnippet.d.ts
-interface CodeSnippetProps {
-  code: string;
-  language?: string;
-  title?: string;
-}
-declare function CodeSnippet({
-  code,
-  language,
-  title
-}: CodeSnippetProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/JourneyMap.d.ts
-interface JourneyMapProps {
-  steps: LearningJourneyStepSpec[];
-  completedStepIds: string[];
-  currentStepId?: string | null;
-}
-declare function JourneyMap({
-  steps,
-  completedStepIds,
-  currentStepId
-}: JourneyMapProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { CodeSnippet as n, StepChecklist as r, JourneyMap as t };

package/dist/index.mjs

@@ -1,110 +0,0 @@
-import { i as Overview, n as ProgressView, r as Steps, t as Timeline } from "./views-BS9u6UnM.mjs";
-import { n as StepChecklist, t as JourneyMap } from "./JourneyMap-CZ47DksM.mjs";
-import { t as CodeSnippet } from "./components-OUN5S2z0.mjs";
-import { useCallback, useState } from "react";
-import { Card, CardContent } from "@lssm/lib.ui-kit-web/ui/card";
-import { ViewTabs, useLearningProgress } from "@lssm/example.learning-journey-ui-shared";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { registerDocBlocks } from "@lssm/lib.contracts/docs";
-
-//#region src/OnboardingMiniApp.tsx
-function OnboardingMiniApp({ track, progress: externalProgress, onStepComplete: externalOnStepComplete, onViewChange, initialView = "overview" }) {
-	const [currentView, setCurrentView] = useState(initialView);
-	const { progress: internalProgress, completeStep: internalCompleteStep } = useLearningProgress(track);
-	const progress = externalProgress ?? internalProgress;
-	const handleViewChange = useCallback((view) => {
-		setCurrentView(view);
-		onViewChange?.(view);
-	}, [onViewChange]);
-	const handleStepComplete = useCallback((stepId) => {
-		if (externalOnStepComplete) externalOnStepComplete(stepId);
-		else internalCompleteStep(stepId);
-	}, [externalOnStepComplete, internalCompleteStep]);
-	const handleStartFromOverview = useCallback(() => {
-		setCurrentView("steps");
-		onViewChange?.("steps");
-	}, [onViewChange]);
-	const renderView = () => {
-		const viewProps = {
-			track,
-			progress,
-			onStepComplete: handleStepComplete
-		};
-		switch (currentView) {
-			case "overview": return /* @__PURE__ */ jsx(Overview, {
-				...viewProps,
-				onStart: handleStartFromOverview
-			});
-			case "steps": return /* @__PURE__ */ jsx(Steps, { ...viewProps });
-			case "progress": return /* @__PURE__ */ jsx(ProgressView, { ...viewProps });
-			case "timeline": return /* @__PURE__ */ jsx(Timeline, { ...viewProps });
-			default: return /* @__PURE__ */ jsx(Overview, {
-				...viewProps,
-				onStart: handleStartFromOverview
-			});
-		}
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: "space-y-6",
-		children: [/* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, {
-			className: "p-4",
-			children: /* @__PURE__ */ jsx(ViewTabs, {
-				currentView,
-				onViewChange: handleViewChange
-			})
-		}) }), renderView()]
-	});
-}
-
-//#endregion
-//#region src/example.ts
-const example = {
-	id: "learning-journey-ui-onboarding",
-	title: "Learning Journey UI — Onboarding",
-	summary: "UI mini-app for onboarding patterns: checklists, code snippets, journey map.",
-	tags: [
-		"learning",
-		"ui",
-		"onboarding"
-	],
-	kind: "ui",
-	visibility: "public",
-	docs: { rootDocId: "docs.examples.learning-journey-ui-onboarding" },
-	entrypoints: {
-		packageName: "@lssm/example.learning-journey-ui-onboarding",
-		docs: "./docs"
-	},
-	surfaces: {
-		templates: true,
-		sandbox: {
-			enabled: true,
-			modes: ["playground", "markdown"]
-		},
-		studio: {
-			enabled: true,
-			installable: true
-		},
-		mcp: { enabled: true }
-	}
-};
-var example_default = example;
-
-//#endregion
-//#region src/docs/learning-journey-ui-onboarding.docblock.ts
-registerDocBlocks([{
-	id: "docs.examples.learning-journey-ui-onboarding",
-	title: "Learning Journey UI — Onboarding",
-	summary: "UI mini-app components for onboarding: checklists, snippets, and journey mapping.",
-	kind: "reference",
-	visibility: "public",
-	route: "/docs/examples/learning-journey-ui-onboarding",
-	tags: [
-		"learning",
-		"ui",
-		"onboarding"
-	],
-	body: `## Includes\n- Onboarding mini-app shell\n- Views: overview, steps, progress, timeline\n- Components: step checklist, code snippet, journey map\n\n## Notes\n- Compose with design system components.\n- Ensure accessible labels and keyboard navigation.`
-}]);
-
-//#endregion
-export { CodeSnippet, JourneyMap, OnboardingMiniApp, Overview, ProgressView as Progress, StepChecklist, Steps, Timeline, example_default as example };

package/dist/views/index.d.mts

@@ -1,2 +0,0 @@
-import { i as Overview, n as ProgressView, r as Steps, t as Timeline } from "../index-BNYp4weX.mjs";
-export { Overview, ProgressView as Progress, Steps, Timeline };

package/dist/views/index.mjs

@@ -1,4 +0,0 @@
-import { i as Overview, n as ProgressView, r as Steps, t as Timeline } from "../views-BS9u6UnM.mjs";
-import "../JourneyMap-CZ47DksM.mjs";
-
-export { Overview, ProgressView as Progress, Steps, Timeline };