@lssm/example.learning-journey-ui-onboarding 0.0.0-canary-20251217080011 → 1.41.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +22 -24
- package/dist/JourneyMap-iX1Y4ZFM.mjs +2033 -0
- package/dist/components/index.mjs +1 -1
- package/dist/index.mjs +1591 -3
- package/dist/views/index.mjs +2 -2
- package/dist/{views-BS9u6UnM.mjs → views-CoPP-P4F.mjs} +1 -1
- package/package.json +9 -14
- package/tsconfig.tsbuildinfo +1 -1
- package/.turbo/turbo-build$colon$bundle.log +0 -22
- package/CHANGELOG.md +0 -20
- package/dist/JourneyMap-CZ47DksM.mjs +0 -120
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
[0m[2m[35m$[0m [2m[1mtsdown[0m
|
|
3
|
-
[34mℹ[39m tsdown [2mv0.17.4[22m powered by rolldown [2mv1.0.0-beta.53[22m
|
|
4
|
-
[34mℹ[39m config file: [4m/Users/tboutron/Documents/clients/lssm/monorepo-lssm/packages/contractspec/packages/examples/learning-journey-ui-onboarding/tsdown.config.js[24m (unrun)
|
|
5
|
-
[34mℹ[39m entry: [34msrc/index.ts, src/views/index.ts, src/components/index.ts[39m
|
|
6
|
-
[34mℹ[39m target: [34mesnext[39m
|
|
7
|
-
[34mℹ[39m tsconfig: [34mtsconfig.json[39m
|
|
8
|
-
[34mℹ[39m Build start
|
|
9
|
-
[34mℹ[39m Cleaning 13 files
|
|
10
|
-
[34mℹ[39m [2mdist/[22m[1mindex.mjs[22m [2m 3.91 kB[22m [2m│ gzip: 1.36 kB[22m
|
|
11
|
-
[34mℹ[39m [2mdist/[22m[1mviews/index.mjs[22m [2m 0.20 kB[22m [2m│ gzip: 0.15 kB[22m
|
|
12
|
-
[34mℹ[39m [2mdist/[22m[1mcomponents/index.mjs[22m [2m 0.20 kB[22m [2m│ gzip: 0.15 kB[22m
|
|
13
|
-
[34mℹ[39m [2mdist/[22mviews-BS9u6UnM.mjs [2m20.13 kB[22m [2m│ gzip: 3.57 kB[22m
|
|
14
|
-
[34mℹ[39m [2mdist/[22mJourneyMap-CZ47DksM.mjs [2m 5.22 kB[22m [2m│ gzip: 1.54 kB[22m
|
|
15
|
-
[34mℹ[39m [2mdist/[22mcomponents-OUN5S2z0.mjs [2m 1.54 kB[22m [2m│ gzip: 0.66 kB[22m
|
|
16
|
-
[34mℹ[39m [2mdist/[22m[32m[1mindex.d.mts[22m[39m [2m 1.79 kB[22m [2m│ gzip: 0.71 kB[22m
|
|
17
|
-
[34mℹ[39m [2mdist/[22m[32m[1mviews/index.d.mts[22m[39m [2m 0.16 kB[22m [2m│ gzip: 0.13 kB[22m
|
|
18
|
-
[34mℹ[39m [2mdist/[22m[32m[1mcomponents/index.d.mts[22m[39m [2m 0.14 kB[22m [2m│ gzip: 0.13 kB[22m
|
|
19
|
-
[34mℹ[39m [2mdist/[22m[32mindex-BsbXKz4M.d.mts[39m [2m 1.22 kB[22m [2m│ gzip: 0.46 kB[22m
|
|
20
|
-
[34mℹ[39m [2mdist/[22m[32mindex-BNYp4weX.d.mts[39m [2m 0.93 kB[22m [2m│ gzip: 0.34 kB[22m
|
|
21
|
-
[34mℹ[39m 11 files, total: 35.45 kB
|
|
22
|
-
[32m✔[39m Build complete in [32m1366ms[39m
|
package/CHANGELOG.md
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
# @lssm/example.learning-journey-ui-onboarding
|
|
2
|
-
|
|
3
|
-
## 0.0.0-canary-20251217080011
|
|
4
|
-
|
|
5
|
-
### Minor Changes
|
|
6
|
-
|
|
7
|
-
- 66a5dfd: initial release
|
|
8
|
-
|
|
9
|
-
### Patch Changes
|
|
10
|
-
|
|
11
|
-
- Updated dependencies [66a5dfd]
|
|
12
|
-
- @lssm/example.learning-journey-platform-tour@0.0.0-canary-20251217080011
|
|
13
|
-
- @lssm/example.learning-journey-studio-onboarding@0.0.0-canary-20251217080011
|
|
14
|
-
- @lssm/example.learning-journey-ui-shared@0.0.0-canary-20251217080011
|
|
15
|
-
- @lssm/lib.contracts@0.0.0-canary-20251217080011
|
|
16
|
-
- @lssm/lib.design-system@0.0.0-canary-20251217080011
|
|
17
|
-
- @lssm/lib.schema@0.0.0-canary-20251217080011
|
|
18
|
-
- @lssm/lib.ui-kit-core@0.0.0-canary-20251217080011
|
|
19
|
-
- @lssm/lib.ui-kit-web@0.0.0-canary-20251217080011
|
|
20
|
-
- @lssm/module.learning-journey@0.0.0-canary-20251217080011
|
|
@@ -1,120 +0,0 @@
|
|
|
1
|
-
import { Button } from "@lssm/lib.design-system";
|
|
2
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { cn } from "@lssm/lib.ui-kit-core";
|
|
4
|
-
import { cn as cn$1 } from "@lssm/lib.ui-kit-web/ui/utils";
|
|
5
|
-
|
|
6
|
-
//#region src/components/StepChecklist.tsx
|
|
7
|
-
function StepChecklist({ step, stepNumber, isCompleted, isCurrent, isExpanded, onToggle, onComplete }) {
|
|
8
|
-
return /* @__PURE__ */ jsxs("div", {
|
|
9
|
-
className: cn("rounded-xl border transition-all", isCompleted && "border-green-500/50 bg-green-500/5", isCurrent && !isCompleted && "border-violet-500 bg-violet-500/5", !isCompleted && !isCurrent && "border-border"),
|
|
10
|
-
children: [/* @__PURE__ */ jsxs("button", {
|
|
11
|
-
type: "button",
|
|
12
|
-
className: "flex w-full items-center gap-4 p-4 text-left",
|
|
13
|
-
onClick: onToggle,
|
|
14
|
-
children: [
|
|
15
|
-
/* @__PURE__ */ jsx("div", {
|
|
16
|
-
className: cn("flex h-8 w-8 shrink-0 items-center justify-center rounded-full border-2 text-sm font-semibold transition-colors", isCompleted && "border-green-500 bg-green-500 text-white", isCurrent && !isCompleted && "border-violet-500 text-violet-500", !isCompleted && !isCurrent && "border-muted-foreground text-muted-foreground"),
|
|
17
|
-
children: isCompleted ? "✓" : stepNumber
|
|
18
|
-
}),
|
|
19
|
-
/* @__PURE__ */ jsxs("div", {
|
|
20
|
-
className: "min-w-0 flex-1",
|
|
21
|
-
children: [/* @__PURE__ */ jsx("h4", {
|
|
22
|
-
className: cn("font-semibold", isCompleted && "text-green-500", isCurrent && !isCompleted && "text-foreground", !isCompleted && !isCurrent && "text-muted-foreground"),
|
|
23
|
-
children: step.title
|
|
24
|
-
}), !isExpanded && step.description && /* @__PURE__ */ jsx("p", {
|
|
25
|
-
className: "text-muted-foreground truncate text-sm",
|
|
26
|
-
children: step.description
|
|
27
|
-
})]
|
|
28
|
-
}),
|
|
29
|
-
step.xpReward && /* @__PURE__ */ jsxs("span", {
|
|
30
|
-
className: cn("shrink-0 rounded-full px-2 py-1 text-xs font-semibold", isCompleted ? "bg-green-500/10 text-green-500" : "bg-muted text-muted-foreground"),
|
|
31
|
-
children: [
|
|
32
|
-
"+",
|
|
33
|
-
step.xpReward,
|
|
34
|
-
" XP"
|
|
35
|
-
]
|
|
36
|
-
}),
|
|
37
|
-
/* @__PURE__ */ jsx("span", {
|
|
38
|
-
className: cn("shrink-0 transition-transform", isExpanded && "rotate-180"),
|
|
39
|
-
children: "▼"
|
|
40
|
-
})
|
|
41
|
-
]
|
|
42
|
-
}), isExpanded && /* @__PURE__ */ jsxs("div", {
|
|
43
|
-
className: "border-t px-4 py-4",
|
|
44
|
-
children: [
|
|
45
|
-
step.description && /* @__PURE__ */ jsx("p", {
|
|
46
|
-
className: "text-muted-foreground mb-4",
|
|
47
|
-
children: step.description
|
|
48
|
-
}),
|
|
49
|
-
step.instructions && /* @__PURE__ */ jsxs("div", {
|
|
50
|
-
className: "bg-muted mb-4 rounded-lg p-4",
|
|
51
|
-
children: [/* @__PURE__ */ jsx("p", {
|
|
52
|
-
className: "mb-2 text-sm font-medium",
|
|
53
|
-
children: "Instructions:"
|
|
54
|
-
}), /* @__PURE__ */ jsx("p", {
|
|
55
|
-
className: "text-muted-foreground text-sm",
|
|
56
|
-
children: step.instructions
|
|
57
|
-
})]
|
|
58
|
-
}),
|
|
59
|
-
/* @__PURE__ */ jsxs("div", {
|
|
60
|
-
className: "flex flex-wrap gap-2",
|
|
61
|
-
children: [step.actionUrl && /* @__PURE__ */ jsx(Button, {
|
|
62
|
-
variant: "outline",
|
|
63
|
-
size: "sm",
|
|
64
|
-
onClick: () => window.open(step.actionUrl, "_blank"),
|
|
65
|
-
children: step.actionLabel ?? "Try it"
|
|
66
|
-
}), !isCompleted && /* @__PURE__ */ jsx(Button, {
|
|
67
|
-
size: "sm",
|
|
68
|
-
onClick: onComplete,
|
|
69
|
-
children: "Mark as Complete"
|
|
70
|
-
})]
|
|
71
|
-
})
|
|
72
|
-
]
|
|
73
|
-
})]
|
|
74
|
-
});
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
//#endregion
|
|
78
|
-
//#region src/components/JourneyMap.tsx
|
|
79
|
-
const SURFACE_ICONS = {
|
|
80
|
-
templates: "📋",
|
|
81
|
-
"spec-editor": "✏️",
|
|
82
|
-
regenerator: "🔄",
|
|
83
|
-
playground: "🎮",
|
|
84
|
-
evolution: "🤖",
|
|
85
|
-
dashboard: "📊",
|
|
86
|
-
settings: "⚙️",
|
|
87
|
-
default: "📍"
|
|
88
|
-
};
|
|
89
|
-
function JourneyMap({ steps, completedStepIds, currentStepId }) {
|
|
90
|
-
return /* @__PURE__ */ jsx("div", {
|
|
91
|
-
className: "relative overflow-x-auto pb-4",
|
|
92
|
-
children: /* @__PURE__ */ jsx("div", {
|
|
93
|
-
className: "flex min-w-max items-center gap-2",
|
|
94
|
-
children: steps.map((step, index) => {
|
|
95
|
-
const isCompleted = completedStepIds.includes(step.id);
|
|
96
|
-
const isCurrent = step.id === currentStepId;
|
|
97
|
-
const icon = SURFACE_ICONS[step.metadata?.surface ?? "default"] ?? SURFACE_ICONS.default;
|
|
98
|
-
return /* @__PURE__ */ jsxs("div", {
|
|
99
|
-
className: "flex items-center",
|
|
100
|
-
children: [/* @__PURE__ */ jsxs("div", {
|
|
101
|
-
className: "flex flex-col items-center gap-2",
|
|
102
|
-
children: [/* @__PURE__ */ jsx("div", {
|
|
103
|
-
className: cn$1("flex h-14 w-14 items-center justify-center rounded-2xl border-2 text-2xl transition-all", isCompleted && "border-green-500 bg-green-500/10", isCurrent && !isCompleted && "border-violet-500 bg-violet-500/10 ring-4 ring-violet-500/20", !isCompleted && !isCurrent && "border-muted bg-muted/50"),
|
|
104
|
-
children: isCompleted ? "✓" : icon
|
|
105
|
-
}), /* @__PURE__ */ jsx("div", {
|
|
106
|
-
className: "text-center",
|
|
107
|
-
children: /* @__PURE__ */ jsx("p", {
|
|
108
|
-
className: cn$1("max-w-[100px] truncate text-xs font-medium", isCompleted && "text-green-500", isCurrent && !isCompleted && "text-violet-500", !isCompleted && !isCurrent && "text-muted-foreground"),
|
|
109
|
-
children: step.title
|
|
110
|
-
})
|
|
111
|
-
})]
|
|
112
|
-
}), index < steps.length - 1 && /* @__PURE__ */ jsx("div", { className: cn$1("mx-2 h-1 w-8 rounded-full transition-colors", completedStepIds.includes(steps[index + 1]?.id ?? "") ? "bg-green-500" : isCompleted ? "bg-green-500/50" : "bg-muted") })]
|
|
113
|
-
}, step.id);
|
|
114
|
-
})
|
|
115
|
-
})
|
|
116
|
-
});
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
//#endregion
|
|
120
|
-
export { StepChecklist as n, JourneyMap as t };
|