react-cheminfo 0.2.0 → 0.4.0

package/lib/pedagogy/core/validation.d.ts

@@ -0,0 +1,79 @@
+/**
+ * The verdict on an answer, in the shape every tool reports it.
+ *
+ * An exercise is marked by running the answer against test cases, never by
+ * comparing it to a string: two people write one molecule, one regex or one
+ * formula the same way far less often than they write it differently.
+ */
+/** How one test case came out. */
+export interface TestCaseResult {
+    passed: boolean;
+    /**
+     * What happened, written the way a tutor would say it — `match was "cat",
+     * expected "cats"`, `not matched, but this one should be found`. It is the
+     * sentence the student reads when a case fails, so it names the value and
+     * what was wanted; never `assertion failed`.
+     */
+    reason: string;
+    /** What the answer actually produced, or `null` when it produced nothing. */
+    actual: string | null;
+}
+/**
+ * The verdict on one answer: whether it is right, and everything the page needs
+ * to say why not.
+ *
+ * A tool that carries more per case — which test case it was, whether it was a
+ * match or a replacement — extends {@link TestCaseResult} and passes its own
+ * type through.
+ */
+export interface ValidationResult<TCase extends TestCaseResult = TestCaseResult> {
+    passed: boolean;
+    /**
+     * The one thing that stopped the cases from running at all: an answer that
+     * does not compile, or an empty one. `null` when the answer ran, however
+     * badly it did.
+     */
+    error: string | null;
+    cases: TCase[];
+    /**
+     * The options the exercise requires and the answer does not carry — a regex
+     * flag, a stereo descriptor. Reported apart from the cases, because a student
+     * staring at half-passing tests has no way of guessing which one is missing.
+     */
+    missingOptions: string[];
+}
+/** What {@link finishValidation} needs beyond the cases themselves. */
+export interface FinishValidationOptions {
+    /**
+     * A message that stopped the cases from being meaningful.
+     * @default null
+     */
+    error?: string | null;
+    /**
+     * Required options the answer does not carry.
+     * @default []
+     */
+    missingOptions?: string[];
+}
+/**
+ * Turn the cases a validator ran into the verdict on the answer.
+ *
+ * The answer is right only when nothing failed: no error, no missing option,
+ * and every case passed. A list with no cases in it has nothing failing in it
+ * and therefore passes — a validator that could not run its cases reports
+ * {@link failedValidation} instead of an empty list.
+ * @param cases - Every case that was run, in the order the page lists them.
+ * @param options - The error and the missing options, when there are any.
+ * @returns The verdict.
+ */
+export declare function finishValidation<TCase extends TestCaseResult>(cases: TCase[], options?: FinishValidationOptions): ValidationResult<TCase>;
+/**
+ * The verdict on an answer that never ran — it does not compile, or there is
+ * nothing to mark yet.
+ * @param error - What to tell the student, in their words rather than the
+ * engine's whenever the engine's can be improved on.
+ * @param cases - The cases, when the page still lists them as not evaluated.
+ * @returns The verdict.
+ */
+export declare function failedValidation<TCase extends TestCaseResult>(error: string, cases?: TCase[]): ValidationResult<TCase>;
+//# sourceMappingURL=validation.d.ts.map

package/lib/pedagogy/core/validation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../../src/pedagogy/core/validation.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,kCAAkC;AAClC,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB;;;;;OAKG;IACH,MAAM,EAAE,MAAM,CAAC;IACf,6EAA6E;IAC7E,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,gBAAgB,CAC/B,KAAK,SAAS,cAAc,GAAG,cAAc;IAE7C,MAAM,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,EAAE,KAAK,EAAE,CAAC;IACf;;;;OAIG;IACH,cAAc,EAAE,MAAM,EAAE,CAAC;CAC1B;AAED,uEAAuE;AACvE,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,SAAS,cAAc,EAC3D,KAAK,EAAE,KAAK,EAAE,EACd,OAAO,GAAE,uBAA4B,GACpC,gBAAgB,CAAC,KAAK,CAAC,CASzB;AAED;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,SAAS,cAAc,EAC3D,KAAK,EAAE,MAAM,EACb,KAAK,GAAE,KAAK,EAAO,GAClB,gBAAgB,CAAC,KAAK,CAAC,CAEzB"}

package/lib/pedagogy/core/validation.js

@@ -0,0 +1,47 @@
+/**
+ * The verdict on an answer, in the shape every tool reports it.
+ *
+ * An exercise is marked by running the answer against test cases, never by
+ * comparing it to a string: two people write one molecule, one regex or one
+ * formula the same way far less often than they write it differently.
+ */
+/**
+ * Turn the cases a validator ran into the verdict on the answer.
+ *
+ * The answer is right only when nothing failed: no error, no missing option,
+ * and every case passed. A list with no cases in it has nothing failing in it
+ * and therefore passes — a validator that could not run its cases reports
+ * {@link failedValidation} instead of an empty list.
+ * @param cases - Every case that was run, in the order the page lists them.
+ * @param options - The error and the missing options, when there are any.
+ * @returns The verdict.
+ */
+export function finishValidation(cases, options = {}) {
+    const error = options.error ?? null;
+    const missingOptions = options.missingOptions ?? [];
+    return {
+        passed: error === null && missingOptions.length === 0 && allPassed(cases),
+        error,
+        cases,
+        missingOptions,
+    };
+}
+/**
+ * The verdict on an answer that never ran — it does not compile, or there is
+ * nothing to mark yet.
+ * @param error - What to tell the student, in their words rather than the
+ * engine's whenever the engine's can be improved on.
+ * @param cases - The cases, when the page still lists them as not evaluated.
+ * @returns The verdict.
+ */
+export function failedValidation(error, cases = []) {
+    return { passed: false, error, cases, missingOptions: [] };
+}
+function allPassed(cases) {
+    for (const testCase of cases) {
+        if (!testCase.passed)
+            return false;
+    }
+    return true;
+}
+//# sourceMappingURL=validation.js.map

package/lib/pedagogy/core/validation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation.js","sourceRoot":"","sources":["../../../src/pedagogy/core/validation.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAyDH;;;;;;;;;;GAUG;AACH,MAAM,UAAU,gBAAgB,CAC9B,KAAc,EACd,UAAmC,EAAE;IAErC,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,IAAI,CAAC;IACpC,MAAM,cAAc,GAAG,OAAO,CAAC,cAAc,IAAI,EAAE,CAAC;IACpD,OAAO;QACL,MAAM,EAAE,KAAK,KAAK,IAAI,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,IAAI,SAAS,CAAC,KAAK,CAAC;QACzE,KAAK;QACL,KAAK;QACL,cAAc;KACf,CAAC;AACJ,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,gBAAgB,CAC9B,KAAa,EACb,QAAiB,EAAE;IAEnB,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC;AAC7D,CAAC;AAED,SAAS,SAAS,CAAC,KAAgC;IACjD,KAAK,MAAM,QAAQ,IAAI,KAAK,EAAE,CAAC;QAC7B,IAAI,CAAC,QAAQ,CAAC,MAAM;YAAE,OAAO,KAAK,CAAC;IACrC,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC"}

package/lib/pedagogy/ui/ExerciseActions.d.ts

@@ -0,0 +1,74 @@
+import type { ReactElement, ReactNode } from 'react';
+export interface ExerciseActionsProps {
+    /**
+     * Records the attempt. Grading itself runs on every keystroke, so this
+     * button commits the verdict rather than producing it.
+     * @default undefined — no Check button
+     */
+    onCheck?: () => void;
+    /**
+     * Text of the Check button.
+     * @default 'Check'
+     */
+    checkLabel?: string;
+    /**
+     * Whether checking is impossible yet — nothing typed, nothing drawn.
+     * @default false
+     */
+    checkDisabled?: boolean;
+    /**
+     * Opens the next hint.
+     * @default undefined — no hint button; the ladder may carry its own
+     */
+    onRevealHint?: () => void;
+    /**
+     * How many hints are already open, for the button's count.
+     * @default 0
+     */
+    hintsRevealed?: number;
+    /**
+     * How many hints the exercise has, for the button's count.
+     * @default 0
+     */
+    hintCount?: number;
+    /**
+     * Shows or hides the sample answer. Never gated behind anything: getting
+     * stuck and reading the answer is part of how the intuition is built.
+     * @default undefined — no solution button
+     */
+    onToggleSolution?: () => void;
+    /**
+     * Whether the sample answer is on screen, which is what the button offers to
+     * undo.
+     * @default false
+     */
+    showSolution?: boolean;
+    /**
+     * Puts the exercise back to a blank answer, no hints and no solution.
+     * @default undefined — no Reset button
+     */
+    onReset?: () => void;
+    /**
+     * The buttons this tool adds — show the diagram, show the 3D view — rendered
+     * after the four standard ones.
+     * @default undefined
+     */
+    children?: ReactNode;
+    /**
+     * Class the row carries, so a site can reach it from its stylesheet.
+     * @default undefined
+     */
+    className?: string;
+}
+/**
+ * The row of controls under an exercise: Check, Reveal hint, the solution, and
+ * Reset.
+ *
+ * Every one of them is optional, because a tool that grades live has no Check
+ * and a tool with a single-field answer has no Reset — what matters is that the
+ * ones a tool does offer read the same and sit in the same order everywhere.
+ * @param props - The actions the exercise offers.
+ * @returns The row.
+ */
+export declare function ExerciseActions(props: ExerciseActionsProps): ReactElement;
+//# sourceMappingURL=ExerciseActions.d.ts.map

package/lib/pedagogy/ui/ExerciseActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExerciseActions.d.ts","sourceRoot":"","sources":["../../../src/pedagogy/ui/ExerciseActions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpE,MAAM,WAAW,oBAAoB;IACnC;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,CA+CzE"}

package/lib/pedagogy/ui/ExerciseActions.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@blueprintjs/core';
+/**
+ * The row of controls under an exercise: Check, Reveal hint, the solution, and
+ * Reset.
+ *
+ * Every one of them is optional, because a tool that grades live has no Check
+ * and a tool with a single-field answer has no Reset — what matters is that the
+ * ones a tool does offer read the same and sit in the same order everywhere.
+ * @param props - The actions the exercise offers.
+ * @returns The row.
+ */
+export function ExerciseActions(props) {
+    const { onCheck, checkLabel = 'Check', checkDisabled = false, onRevealHint, hintsRevealed = 0, hintCount = 0, onToggleSolution, showSolution = false, onReset, children, className, } = props;
+    return (_jsxs("div", { className: className, style: ROW_STYLE, children: [onCheck !== undefined && (_jsx(Button, { intent: "primary", icon: "tick", text: checkLabel, disabled: checkDisabled, onClick: onCheck })), onRevealHint !== undefined && (_jsx(Button, { icon: "lightbulb", text: `Reveal hint (${Math.min(hintsRevealed, hintCount)}/${hintCount})`, disabled: hintsRevealed >= hintCount, onClick: onRevealHint })), onToggleSolution !== undefined && (_jsx(Button, { icon: showSolution ? 'eye-off' : 'key', text: showSolution ? 'Hide solution' : 'Reveal solution', onClick: onToggleSolution })), onReset !== undefined && (_jsx(Button, { icon: "reset", text: "Reset", onClick: onReset })), children] }));
+}
+const ROW_STYLE = {
+    display: 'flex',
+    flexWrap: 'wrap',
+    gap: 6,
+};
+//# sourceMappingURL=ExerciseActions.js.map

package/lib/pedagogy/ui/ExerciseActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExerciseActions.js","sourceRoot":"","sources":["../../../src/pedagogy/ui/ExerciseActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAiE3C;;;;;;;;;GASG;AACH,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EACJ,OAAO,EACP,UAAU,GAAG,OAAO,EACpB,aAAa,GAAG,KAAK,EACrB,YAAY,EACZ,aAAa,GAAG,CAAC,EACjB,SAAS,GAAG,CAAC,EACb,gBAAgB,EAChB,YAAY,GAAG,KAAK,EACpB,OAAO,EACP,QAAQ,EACR,SAAS,GACV,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,aACxC,OAAO,KAAK,SAAS,IAAI,CACxB,KAAC,MAAM,IACL,MAAM,EAAC,SAAS,EAChB,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,OAAO,GAChB,CACH,EACA,YAAY,KAAK,SAAS,IAAI,CAC7B,KAAC,MAAM,IACL,IAAI,EAAC,WAAW,EAChB,IAAI,EAAE,gBAAgB,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,SAAS,CAAC,IAAI,SAAS,GAAG,EACxE,QAAQ,EAAE,aAAa,IAAI,SAAS,EACpC,OAAO,EAAE,YAAY,GACrB,CACH,EACA,gBAAgB,KAAK,SAAS,IAAI,CACjC,KAAC,MAAM,IACL,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EACtC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,EACxD,OAAO,EAAE,gBAAgB,GACzB,CACH,EACA,OAAO,KAAK,SAAS,IAAI,CACxB,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,GAAI,CACvD,EACA,QAAQ,IACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,SAAS,GAAkB;IAC/B,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,MAAM;IAChB,GAAG,EAAE,CAAC;CACP,CAAC"}

package/lib/pedagogy/ui/ExerciseProgressHeader.d.ts

@@ -0,0 +1,43 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { ProgressSummary } from '../core/progress.ts';
+export interface ExerciseProgressHeaderProps {
+    /** Where the student stands, as `progressSummary` counted it. */
+    summary: ProgressSummary;
+    /**
+     * Throws away every answer, every revealed hint and every solved exercise.
+     * Guarded by a dialog the student has to confirm.
+     * @default undefined — the header only reports, and offers no way to wipe
+     */
+    onClearAll?: () => void;
+    /**
+     * Text of the button that wipes the work.
+     * @default 'Clear all answers'
+     */
+    clearLabel?: string;
+    /**
+     * What the confirmation dialog says before the work is thrown away.
+     * @default a sentence saying what is lost and that there is no undo
+     */
+    clearWarning?: ReactNode;
+    /**
+     * Whether the button is dead — there is nothing stored to wipe.
+     * @default false
+     */
+    clearDisabled?: boolean;
+    /**
+     * Class the header carries, so a site can reach it from its stylesheet.
+     * @default undefined
+     */
+    className?: string;
+}
+/**
+ * How much of a set is solved, its bar, and the one way to wipe it.
+ *
+ * Wiping goes through a real dialog rather than `confirm()`: the button throws
+ * away a week of somebody's work, and a native prompt is both unstyled and
+ * dismissed by reflex.
+ * @param props - The counts, and what clearing does.
+ * @returns The header.
+ */
+export declare function ExerciseProgressHeader(props: ExerciseProgressHeaderProps): ReactElement;
+//# sourceMappingURL=ExerciseProgressHeader.d.ts.map

package/lib/pedagogy/ui/ExerciseProgressHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExerciseProgressHeader.d.ts","sourceRoot":"","sources":["../../../src/pedagogy/ui/ExerciseProgressHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D,MAAM,WAAW,2BAA2B;IAC1C,iEAAiE;IACjE,OAAO,EAAE,eAAe,CAAC;IACzB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,2BAA2B,GACjC,YAAY,CA+Dd"}

package/lib/pedagogy/ui/ExerciseProgressHeader.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Alert, Button, ProgressBar } from '@blueprintjs/core';
+import { useState } from 'react';
+/**
+ * How much of a set is solved, its bar, and the one way to wipe it.
+ *
+ * Wiping goes through a real dialog rather than `confirm()`: the button throws
+ * away a week of somebody's work, and a native prompt is both unstyled and
+ * dismissed by reflex.
+ * @param props - The counts, and what clearing does.
+ * @returns The header.
+ */
+export function ExerciseProgressHeader(props) {
+    const { summary, onClearAll, clearLabel = 'Clear all answers', clearWarning = DEFAULT_WARNING, clearDisabled = false, className, } = props;
+    const [confirming, setConfirming] = useState(false);
+    const complete = summary.total > 0 && summary.solved === summary.total;
+    return (_jsxs("div", { className: className, style: ROOT_STYLE, children: [_jsxs("div", { style: ROW_STYLE, children: [_jsx("span", { style: COUNT_STYLE, children: `${summary.solved} / ${summary.total} solved` }), _jsx("span", { style: PERCENT_STYLE, children: `${Math.round(summary.ratio * 100)}%` }), onClearAll !== undefined && (_jsx(Button, { size: "small", variant: "minimal", intent: "danger", icon: "trash", text: clearLabel, disabled: clearDisabled, onClick: () => {
+                            setConfirming(true);
+                        } }))] }), _jsx(ProgressBar, { animate: false, stripes: false, intent: complete ? 'success' : 'primary', value: summary.ratio }), onClearAll !== undefined && (_jsx(Alert, { isOpen: confirming, intent: "danger", icon: "trash", cancelButtonText: "Keep my answers", confirmButtonText: "Clear everything", onCancel: () => {
+                    setConfirming(false);
+                }, onConfirm: () => {
+                    onClearAll();
+                    setConfirming(false);
+                }, children: clearWarning }))] }));
+}
+const DEFAULT_WARNING = 'This forgets every answer, every revealed hint and every solved exercise, on this browser. There is no undo.';
+const ROOT_STYLE = {
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 6,
+};
+const ROW_STYLE = {
+    display: 'flex',
+    alignItems: 'center',
+    gap: 8,
+};
+const COUNT_STYLE = { fontWeight: 600 };
+const PERCENT_STYLE = {
+    color: '#5b6875',
+    flex: '1 1 auto',
+    fontSize: 12,
+};
+//# sourceMappingURL=ExerciseProgressHeader.js.map

package/lib/pedagogy/ui/ExerciseProgressHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExerciseProgressHeader.js","sourceRoot":"","sources":["../../../src/pedagogy/ui/ExerciseProgressHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAmCjC;;;;;;;;GAQG;AACH,MAAM,UAAU,sBAAsB,CACpC,KAAkC;IAElC,MAAM,EACJ,OAAO,EACP,UAAU,EACV,UAAU,GAAG,mBAAmB,EAChC,YAAY,GAAG,eAAe,EAC9B,aAAa,GAAG,KAAK,EACrB,SAAS,GACV,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,GAAG,CAAC,IAAI,OAAO,CAAC,MAAM,KAAK,OAAO,CAAC,KAAK,CAAC;IAEvE,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,aAC1C,eAAK,KAAK,EAAE,SAAS,aACnB,eAAM,KAAK,EAAE,WAAW,YACrB,GAAG,OAAO,CAAC,MAAM,MAAM,OAAO,CAAC,KAAK,SAAS,GACzC,EACP,eACE,KAAK,EAAE,aAAa,YACpB,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAQ,EAC9C,UAAU,KAAK,SAAS,IAAI,CAC3B,KAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,SAAS,EACjB,MAAM,EAAC,QAAQ,EACf,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,GAAG,EAAE;4BACZ,aAAa,CAAC,IAAI,CAAC,CAAC;wBACtB,CAAC,GACD,CACH,IACG,EAEN,KAAC,WAAW,IACV,OAAO,EAAE,KAAK,EACd,OAAO,EAAE,KAAK,EACd,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACxC,KAAK,EAAE,OAAO,CAAC,KAAK,GACpB,EAED,UAAU,KAAK,SAAS,IAAI,CAC3B,KAAC,KAAK,IACJ,MAAM,EAAE,UAAU,EAClB,MAAM,EAAC,QAAQ,EACf,IAAI,EAAC,OAAO,EACZ,gBAAgB,EAAC,iBAAiB,EAClC,iBAAiB,EAAC,kBAAkB,EACpC,QAAQ,EAAE,GAAG,EAAE;oBACb,aAAa,CAAC,KAAK,CAAC,CAAC;gBACvB,CAAC,EACD,SAAS,EAAE,GAAG,EAAE;oBACd,UAAU,EAAE,CAAC;oBACb,aAAa,CAAC,KAAK,CAAC,CAAC;gBACvB,CAAC,YAEA,YAAY,GACP,CACT,IACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,eAAe,GACnB,8GAA8G,CAAC;AAEjH,MAAM,UAAU,GAAkB;IAChC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,CAAC;CACP,CAAC;AAEF,MAAM,SAAS,GAAkB;IAC/B,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,CAAC;CACP,CAAC;AAEF,MAAM,WAAW,GAAkB,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC;AAEvD,MAAM,aAAa,GAAkB;IACnC,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,EAAE;CACb,CAAC"}

package/lib/pedagogy/ui/ExerciseTags.d.ts

@@ -0,0 +1,49 @@
+import type { ReactElement } from 'react';
+import type { ExerciseLevel, ExerciseStatus } from '../core/types.ts';
+export interface ExerciseLevelTagProps {
+    level: ExerciseLevel;
+    /**
+     * What the tag reads.
+     * @default the level itself — `beginner`, `intermediate`, `advanced`
+     */
+    label?: string;
+    /**
+     * Whether the tag is the one currently selected, which fills it in rather
+     * than leaving it minimal. Its colour does not depend on this: a level that
+     * is filtered out is still that level, and a tag that dropped to `none` when
+     * switched off would say the difficulty had changed.
+     * @default false
+     */
+    active?: boolean;
+    /**
+     * Called when the tag is clicked, which also makes it interactive.
+     * @default undefined — the tag only reports the level
+     */
+    onClick?: () => void;
+}
+/**
+ * The difficulty of an exercise or a step, as a coloured tag.
+ * @param props - The level, and whether it is the selected one.
+ * @returns The tag.
+ */
+export declare function ExerciseLevelTag(props: ExerciseLevelTagProps): ReactElement;
+export interface ExerciseStatusIconProps {
+    status: ExerciseStatus;
+    /**
+     * What the pointer and a screen reader are told.
+     * @default the status itself — `idle`, `attempted`, `solved`
+     */
+    title?: string;
+    /**
+     * Size of the glyph, in pixels.
+     * @default undefined — Blueprint's standard 16
+     */
+    size?: number;
+}
+/**
+ * Where a student stands on one exercise, as the glyph in front of its title.
+ * @param props - The status, and how it is announced.
+ * @returns The icon.
+ */
+export declare function ExerciseStatusIcon(props: ExerciseStatusIconProps): ReactElement;
+//# sourceMappingURL=ExerciseTags.d.ts.map

package/lib/pedagogy/ui/ExerciseTags.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExerciseTags.d.ts","sourceRoot":"","sources":["../../../src/pedagogy/ui/ExerciseTags.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAItE,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,aAAa,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,CAe3E;AAED,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,cAAc,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,uBAAuB,GAC7B,YAAY,CAYd"}

package/lib/pedagogy/ui/ExerciseTags.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon, Tag } from '@blueprintjs/core';
+import { LEVEL_INTENT, STATUS_ICON, STATUS_INTENT } from "./exerciseMeta.js";
+/**
+ * The difficulty of an exercise or a step, as a coloured tag.
+ * @param props - The level, and whether it is the selected one.
+ * @returns The tag.
+ */
+export function ExerciseLevelTag(props) {
+    const { level, label = level, active = false, onClick } = props;
+    return (_jsx(Tag, { round: true, minimal: !active, active: active, intent: LEVEL_INTENT[level], interactive: onClick !== undefined, onClick: onClick, children: label }));
+}
+/**
+ * Where a student stands on one exercise, as the glyph in front of its title.
+ * @param props - The status, and how it is announced.
+ * @returns The icon.
+ */
+export function ExerciseStatusIcon(props) {
+    const { status, title = status, size } = props;
+    return (_jsx(Icon, { icon: STATUS_ICON[status], intent: STATUS_INTENT[status], size: size, title: title, "aria-label": title }));
+}
+//# sourceMappingURL=ExerciseTags.js.map

package/lib/pedagogy/ui/ExerciseTags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExerciseTags.js","sourceRoot":"","sources":["../../../src/pedagogy/ui/ExerciseTags.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAK9C,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAwB7E;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,KAAK,EAAE,MAAM,GAAG,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEhE,OAAO,CACL,KAAC,GAAG,IACF,KAAK,QACL,OAAO,EAAE,CAAC,MAAM,EAChB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,YAAY,CAAC,KAAK,CAAC,EAC3B,WAAW,EAAE,OAAO,KAAK,SAAS,EAClC,OAAO,EAAE,OAAO,YAEf,KAAK,GACF,CACP,CAAC;AACJ,CAAC;AAgBD;;;;GAIG;AACH,MAAM,UAAU,kBAAkB,CAChC,KAA8B;IAE9B,MAAM,EAAE,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAE/C,OAAO,CACL,KAAC,IAAI,IACH,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,EACzB,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,EAC7B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,gBACA,KAAK,GACjB,CACH,CAAC;AACJ,CAAC"}

package/lib/pedagogy/ui/GlossaryProvider.d.ts

@@ -0,0 +1,19 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { Glossary } from '../core/glossary.ts';
+export interface GlossaryProviderProps {
+    /** Every term the site defines, keyed by the lowercased text of a marker. */
+    glossary: Glossary;
+    /** The part of the page whose prose resolves its markers against it. */
+    children: ReactNode;
+}
+/**
+ * Hand a glossary to every piece of prose below it.
+ *
+ * Wrap the whole tool once, high enough that a tutorial step, an exercise
+ * description and a revealed hint all sit under it: they are the three places
+ * jargon is linked, and they must define a term the same way.
+ * @param props - The terms, and the tree that uses them.
+ * @returns The tree, with the glossary in reach.
+ */
+export declare function GlossaryProvider(props: GlossaryProviderProps): ReactElement;
+//# sourceMappingURL=GlossaryProvider.d.ts.map

package/lib/pedagogy/ui/GlossaryProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlossaryProvider.d.ts","sourceRoot":"","sources":["../../../src/pedagogy/ui/GlossaryProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAIpD,MAAM,WAAW,qBAAqB;IACpC,6EAA6E;IAC7E,QAAQ,EAAE,QAAQ,CAAC;IACnB,wEAAwE;IACxE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,CAQ3E"}

package/lib/pedagogy/ui/GlossaryProvider.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { GlossaryContext } from "./glossaryContext.js";
+/**
+ * Hand a glossary to every piece of prose below it.
+ *
+ * Wrap the whole tool once, high enough that a tutorial step, an exercise
+ * description and a revealed hint all sit under it: they are the three places
+ * jargon is linked, and they must define a term the same way.
+ * @param props - The terms, and the tree that uses them.
+ * @returns The tree, with the glossary in reach.
+ */
+export function GlossaryProvider(props) {
+    const { glossary, children } = props;
+    return (_jsx(GlossaryContext.Provider, { value: glossary, children: children }));
+}
+//# sourceMappingURL=GlossaryProvider.js.map

package/lib/pedagogy/ui/GlossaryProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlossaryProvider.js","sourceRoot":"","sources":["../../../src/pedagogy/ui/GlossaryProvider.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AASvD;;;;;;;;GAQG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAErC,OAAO,CACL,KAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,YACtC,QAAQ,GACgB,CAC5B,CAAC;AACJ,CAAC"}

package/lib/pedagogy/ui/GlossaryText.d.ts

@@ -0,0 +1,50 @@
+import type { Placement } from '@blueprintjs/core';
+import type { ReactElement } from 'react';
+import type { Glossary, GlossaryEntry } from '../core/glossary.ts';
+export interface GlossaryTextProps {
+    /**
+     * Authored prose. Every `[[term]]` — or `[[term|displayed text]]` — the
+     * glossary knows becomes a hoverable chip.
+     */
+    text: string;
+    /**
+     * Terms to resolve against, instead of the ones the surrounding provider
+     * holds. A page showing two vocabularies side by side passes its own here.
+     * @default undefined — the glossary of the surrounding `GlossaryProvider`
+     */
+    glossary?: Glossary;
+    /**
+     * Side the definition opens on.
+     * @default 'bottom'
+     */
+    placement?: Placement;
+    /**
+     * Class every chip carries, so a site can reach them from its stylesheet.
+     * @default 'glossary-term'
+     */
+    className?: string;
+}
+/**
+ * Render authored prose, turning its markers into hoverable definitions.
+ *
+ * A term the glossary has no entry for renders as its plain text, never as the
+ * brackets: prose is allowed to link a word months before anybody writes its
+ * definition, and the page must keep reading in the meantime.
+ * @param props - The prose, and where its terms are defined.
+ * @returns The prose, with the known terms made hoverable.
+ */
+export declare function GlossaryText(props: GlossaryTextProps): ReactElement;
+export interface GlossaryTooltipBodyProps {
+    /** The term to explain, already resolved from a marker. */
+    entry: GlossaryEntry;
+}
+/**
+ * The definition itself: the term, one paragraph, then the worked examples.
+ *
+ * Exported on its own so a glossary page can list every term with the body it
+ * shows on hover, rather than describing the same entry twice.
+ * @param props - The entry to show.
+ * @returns The body of the tooltip.
+ */
+export declare function GlossaryTooltipBody(props: GlossaryTooltipBodyProps): ReactElement;
+//# sourceMappingURL=GlossaryText.d.ts.map

package/lib/pedagogy/ui/GlossaryText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlossaryText.d.ts","sourceRoot":"","sources":["../../../src/pedagogy/ui/GlossaryText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,KAAK,EAAiB,YAAY,EAAa,MAAM,OAAO,CAAC;AAGpE,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAKnE,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,CAmCnE;AAED,MAAM,WAAW,wBAAwB;IACvC,2DAA2D;IAC3D,KAAK,EAAE,aAAa,CAAC;CACtB;AAED;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,wBAAwB,GAC9B,YAAY,CAwBd"}

package/lib/pedagogy/ui/GlossaryText.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tooltip } from '@blueprintjs/core';
+import { Fragment } from 'react';
+import { lookupGlossaryTerm, parseGlossaryMarkers } from "../core/glossary.js";
+import { useGlossary } from "./glossaryContext.js";
+/**
+ * Render authored prose, turning its markers into hoverable definitions.
+ *
+ * A term the glossary has no entry for renders as its plain text, never as the
+ * brackets: prose is allowed to link a word months before anybody writes its
+ * definition, and the page must keep reading in the meantime.
+ * @param props - The prose, and where its terms are defined.
+ * @returns The prose, with the known terms made hoverable.
+ */
+export function GlossaryText(props) {
+    const { text, glossary, placement = 'bottom', className = 'glossary-term', } = props;
+    const fromProvider = useGlossary();
+    const terms = glossary ?? fromProvider;
+    const pieces = [];
+    for (const segment of parseGlossaryMarkers(text)) {
+        const entry = segment.kind === 'term'
+            ? lookupGlossaryTerm(terms, segment.term)
+            : undefined;
+        if (entry === undefined) {
+            pieces.push(_jsx(Fragment, { children: segment.text }, segment.start));
+            continue;
+        }
+        pieces.push(_jsx(Tooltip, { content: _jsx(GlossaryTooltipBody, { entry: entry }), hoverOpenDelay: HOVER_OPEN_DELAY, placement: placement, children: _jsx("span", { className: className, style: TERM_STYLE, children: segment.text }) }, segment.start));
+    }
+    return _jsx(_Fragment, { children: pieces });
+}
+/**
+ * The definition itself: the term, one paragraph, then the worked examples.
+ *
+ * Exported on its own so a glossary page can list every term with the body it
+ * shows on hover, rather than describing the same entry twice.
+ * @param props - The entry to show.
+ * @returns The body of the tooltip.
+ */
+export function GlossaryTooltipBody(props) {
+    const { entry } = props;
+    return (_jsxs("div", { style: BODY_STYLE, children: [_jsx("div", { style: TITLE_STYLE, children: entry.title }), _jsx("div", { style: SUMMARY_STYLE, children: entry.summary }), entry.examples.length > 0 && (_jsx("ul", { style: LIST_STYLE, children: entry.examples.map((example) => (_jsxs("li", { children: [_jsx("code", { style: CODE_STYLE, children: example.code }), example.input !== undefined && (_jsx("span", { style: INPUT_STYLE, children: ` on ${example.input}` })), example.note !== undefined && (_jsx("div", { style: NOTE_STYLE, children: example.note }))] }, `${example.code}::${example.input ?? ''}`))) }))] }));
+}
+/** Long enough that the pointer can cross a chip without opening it. */
+const HOVER_OPEN_DELAY = 150;
+const TERM_STYLE = {
+    borderBottom: '1px dotted currentColor',
+    color: 'var(--accent, inherit)',
+    cursor: 'help',
+};
+const BODY_STYLE = {
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 6,
+    maxWidth: 340,
+};
+const TITLE_STYLE = { fontWeight: 600, fontSize: 13 };
+const SUMMARY_STYLE = {
+    fontSize: 12,
+    lineHeight: 1.45,
+    color: '#d3d8de',
+};
+const LIST_STYLE = {
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 4,
+    margin: 0,
+    paddingLeft: 16,
+    fontSize: 12,
+    lineHeight: 1.4,
+};
+const CODE_STYLE = {
+    fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Consolas, monospace',
+    fontWeight: 600,
+    color: '#8abbff',
+};
+const INPUT_STYLE = { color: '#f6f7f9' };
+const NOTE_STYLE = { fontStyle: 'italic', color: '#abb3bf' };
+//# sourceMappingURL=GlossaryText.js.map

package/lib/pedagogy/ui/GlossaryText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlossaryText.js","sourceRoot":"","sources":["../../../src/pedagogy/ui/GlossaryText.tsx"],"names":[],"mappings":"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"}