@superbuilders/incept-renderer 0.1.8 → 0.1.12

package/dist/index.d.ts

@@ -1,6 +1,8 @@
-import { d as AssessmentItem } from './schema-DZoGAQdF.js';
-export { c as AnyInteraction, j as AssessmentItemSchema, C as ChoiceCorrectness, e as ChoiceInteraction, h as ContentBlockRenderer, a as ContentBlockRendererProps, F as FeedbackBlock, i as QTIRenderer, Q as QTIRendererProps, b as QTITheme, f as ResponseDeclaration, R as ResponseFeedback, g as ResponseProcessing } from './schema-DZoGAQdF.js';
-export { a as DisplayBlock, b as DisplayChoice, c as DisplayChoiceInteraction, g as DisplayItem, F as FormShape, V as ValidateResult } from './types-B7YRTQKt.js';
+export { C as ChoiceCorrectness, d as ContentBlockRenderer, a as ContentBlockRendererProps, e as QTIRenderer, Q as QTIRendererProps, f as QTIStimulusRenderer, b as QTIStimulusRendererProps, c as QTITheme, R as ResponseFeedback } from './qti-stimulus-renderer-CSuLfoff.js';
+import { A as AssessmentItem } from './schema-DKduufCs.js';
+export { c as AnyInteraction, n as AssessmentItemSchema, a as AssessmentStimulus, o as AssessmentStimulusSchema, C as ChoiceInteraction, e as DisplayBlock, f as DisplayChoice, g as DisplayChoiceInteraction, k as DisplayItem, F as FeedbackBlock, m as FormShape, R as ResponseDeclaration, d as ResponseProcessing, V as ValidateResult } from './schema-DKduufCs.js';
+import { N as NormalizedNode } from './parser-B8n3iHSM.js';
+export { p as parseAssessmentItemXml, a as parseAssessmentStimulusXml } from './parser-B8n3iHSM.js';
 import 'react/jsx-runtime';
 import 'zod';
 
@@ -9,13 +11,6 @@ import 'zod';
  */
 declare function evaluateFeedbackIdentifiers(item: AssessmentItem, responses: Record<string, string | string[]>, responseResults: Record<string, boolean>): string[];
 
-interface NormalizedNode {
-    tagName: string;
-    attrs: Record<string, unknown>;
-    children: Array<NormalizedNode | string>;
-}
-declare function parseAssessmentItemXml(xml: string): AssessmentItem;
-
 /**
  * Configuration for HTML sanitization.
  * Defines allowed tags and attributes for safe rendering.
@@ -56,4 +51,4 @@ declare function serializeNode(node: NormalizedNode): string;
  */
 declare function detectContentType(html: string): "mathml" | "html";
 
-export { AssessmentItem, detectContentType, evaluateFeedbackIdentifiers, parseAssessmentItemXml, sanitizeForDisplay, sanitizeHtml, serializeInner, serializeNode, serializeNodes };
+export { AssessmentItem, detectContentType, evaluateFeedbackIdentifiers, sanitizeForDisplay, sanitizeHtml, serializeInner, serializeNode, serializeNodes };

package/dist/index.js

@@ -33,6 +33,13 @@ var DEFAULT_CONFIG = {
     "div",
     "br",
     "hr",
+    // Headings
+    "h1",
+    "h2",
+    "h3",
+    "h4",
+    "h5",
+    "h6",
     // Formatting
     "b",
     "i",
@@ -82,6 +89,9 @@ var DEFAULT_CONFIG = {
     "figcaption",
     "blockquote",
     "cite",
+    // Interactive
+    "details",
+    "summary",
     // Links
     "a",
     // Forms (for future interactive elements)
@@ -480,7 +490,7 @@ var choiceIndicatorVariants = cva(
     "data-[state=unchecked]:bg-background data-[state=unchecked]:border-2 data-[state=unchecked]:border-input data-[state=unchecked]:text-muted-foreground",
     "data-[state=checked]:border-2 data-[state=checked]:border-[var(--choice-complement)] data-[state=checked]:text-[var(--choice-foreground)]",
     "data-[filled=true]:data-[state=checked]:bg-[var(--choice-complement)]",
-    "data-[filled=true]:data-[state=checked]:shadow-[inset_0_0_0_2px_rgb(255_255_255)] dark:data-[filled=true]:data-[state=checked]:shadow-[inset_0_0_0_2px_rgb(255_255_255)]",
+    "data-[filled=true]:data-[state=checked]:shadow-[inset_0_0_0_3px_rgb(255_255_255)] dark:data-[filled=true]:data-[state=checked]:shadow-[inset_0_0_0_3px_hsl(var(--background))]",
     "focus-visible:ring-[var(--choice-complement)] focus-visible:ring-[3px]",
     "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive"
   ],
@@ -509,31 +519,38 @@ function ChoiceIndicator({
   letter,
   type = "radio",
   showLetter = true,
-  ...props
+  id,
+  value,
+  checked,
+  onCheckedChange,
+  disabled
 }) {
   const baseClassName = cn(choiceIndicatorVariants({ palette }), className);
   if (type === "checkbox") {
-    const checkboxProps = props;
     return /* @__PURE__ */ jsx(
       CheckboxPrimitive.Root,
       {
         "data-slot": "choice-indicator",
         "data-palette": palette,
-        "data-filled": !showLetter,
+        "data-filled": !showLetter ? "true" : void 0,
         className: baseClassName,
-        ...checkboxProps,
+        id,
+        checked,
+        onCheckedChange,
+        disabled,
         children: showLetter && /* @__PURE__ */ jsx("span", { className: "data-[state=unchecked]:block data-[state=checked]:hidden", children: letter })
       }
     );
   }
-  const radioProps = props;
   return /* @__PURE__ */ jsx(
     RadioGroupPrimitive.Item,
     {
       "data-slot": "choice-indicator",
       "data-palette": palette,
       className: baseClassName,
-      ...radioProps,
+      id,
+      value: value ?? "",
+      disabled,
       children: letter
     }
   );
@@ -1886,14 +1903,16 @@ function SortableItem({
       style,
       ...attributes,
       ...listeners,
+      "data-disabled": disabled,
+      "data-dragging": isDragging,
       className: cn(
-        "bg-background border rounded-lg shadow-sm touch-none select-none",
+        "qti-order-item",
         // Styling differs based on orientation
-        isHorizontal ? "px-4 py-2 min-w-[100px] flex items-center justify-center text-center" : "p-4 w-full flex items-center gap-3",
-        disabled ? "cursor-default opacity-90 bg-muted/50" : "cursor-grab active:cursor-grabbing hover:border-macaw/50 hover:shadow-md"
+        isHorizontal ? "min-w-[100px] flex items-center justify-center text-center" : "w-full flex items-center gap-3",
+        disabled ? "cursor-default" : "cursor-grab active:cursor-grabbing"
       ),
       children: [
-        !isHorizontal && /* @__PURE__ */ jsx("div", { className: "text-muted-foreground shrink-0", children: /* @__PURE__ */ jsx(DragHandleIcon, {}) }),
+        !isHorizontal && /* @__PURE__ */ jsx("div", { className: "qti-order-item-handle shrink-0", children: /* @__PURE__ */ jsx(DragHandleIcon, {}) }),
         /* @__PURE__ */ jsx(HTMLContent, { html: contentHtml })
       ]
     }
@@ -1903,12 +1922,13 @@ function DragOverlayItem({ contentHtml, isHorizontal }) {
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      "data-dragging": "true",
       className: cn(
-        "bg-background border-2 border-macaw rounded-lg shadow-xl cursor-grabbing z-50",
-        isHorizontal ? "px-4 py-2 min-w-[100px] flex items-center justify-center" : "p-4 w-full flex items-center gap-3"
+        "qti-order-item cursor-grabbing z-50",
+        isHorizontal ? "min-w-[100px] flex items-center justify-center" : "w-full flex items-center gap-3"
       ),
       children: [
-        !isHorizontal && /* @__PURE__ */ jsx("div", { className: "text-macaw shrink-0", children: /* @__PURE__ */ jsx(DragHandleIcon, {}) }),
+        !isHorizontal && /* @__PURE__ */ jsx("div", { className: "qti-order-item-handle shrink-0", children: /* @__PURE__ */ jsx(DragHandleIcon, {}) }),
         /* @__PURE__ */ jsx(HTMLContent, { html: contentHtml })
       ]
     }
@@ -1962,14 +1982,9 @@ function OrderInteraction({
       styles: { active: { opacity: "0.4" } }
     })
   };
-  const getContainerStyles = () => {
-    if (!hasSubmitted) {
-      return "bg-muted/30 border-transparent";
-    }
-    if (isCorrect) {
-      return "bg-owl/10 border-owl";
-    }
-    return "bg-cardinal/10 border-cardinal";
+  const getContainerCorrectness = () => {
+    if (!hasSubmitted) return void 0;
+    return isCorrect;
   };
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     interaction.promptHtml && /* @__PURE__ */ jsx(HTMLContent, { html: interaction.promptHtml }),
@@ -1984,11 +1999,8 @@ function OrderInteraction({
           /* @__PURE__ */ jsx(SortableContext, { items: items.map((i) => i.id), strategy, disabled: disabled || hasSubmitted, children: /* @__PURE__ */ jsx(
             "div",
             {
-              className: cn(
-                "rounded-xl p-4 transition-colors border-2",
-                isHorizontal ? "flex flex-wrap gap-3" : "flex flex-col gap-2",
-                getContainerStyles()
-              ),
+              "data-correct": getContainerCorrectness(),
+              className: cn("qti-order-container", isHorizontal ? "flex flex-wrap" : "flex flex-col"),
               children: items.map((item) => /* @__PURE__ */ jsx(
                 SortableItem,
                 {
@@ -2538,6 +2550,9 @@ function QTIRenderer({
     showFeedback && overallFeedback?.messageHtml && /* @__PURE__ */ jsx("div", { className: "qti-feedback mt-6 p-6", "data-correct": overallFeedback.isCorrect, children: /* @__PURE__ */ jsx(HTMLContent, { html: overallFeedback.messageHtml }) })
   ] });
 }
+function QTIStimulusRenderer({ stimulus, className }) {
+  return /* @__PURE__ */ jsx("article", { className: cn("qti-stimulus", className), lang: stimulus.xmlLang, "data-stimulus-id": stimulus.identifier, children: /* @__PURE__ */ jsx(HTMLContent, { html: stimulus.bodyHtml, className: "qti-stimulus-body" }) });
+}
 function normalizeString(str, caseSensitive) {
   const s = (str ?? "").trim();
   return caseSensitive ? s : s.toLowerCase();
@@ -2956,6 +2971,16 @@ var AssessmentItemSchema = z.object({
   itemBody: ItemBodySchema,
   responseProcessing: ResponseProcessingSchema
 });
+var AssessmentStimulusSchema = z.object({
+  /** Unique identifier for the stimulus */
+  identifier: z.string().min(1),
+  /** Human-readable title */
+  title: z.string().default(""),
+  /** Language code (e.g., "en", "es") */
+  xmlLang: z.string().default("en"),
+  /** The HTML content of the stimulus body */
+  bodyHtml: z.string()
+});
 
 // src/parser.ts
 function createXmlParser() {
@@ -3581,7 +3606,48 @@ function parseAssessmentItemXml(xml) {
   }
   return validation.data;
 }
+function parseAssessmentStimulusXml(xml) {
+  if (!xml || typeof xml !== "string") {
+    throw errors.new("xml input must be a non-empty string");
+  }
+  const parser = createXmlParser();
+  const parseResult = errors.trySync(() => {
+    return parser.parse(xml, true);
+  });
+  if (parseResult.error) {
+    throw errors.wrap(parseResult.error, "xml parse");
+  }
+  const raw = parseResult.data;
+  if (!Array.isArray(raw)) {
+    throw errors.new("expected xml parser to output an array for preserveOrder");
+  }
+  const normalizedTree = raw.map(normalizeNode).filter((n) => typeof n !== "string");
+  const rootNode = normalizedTree.find(
+    (n) => n.tagName === "qti-assessment-stimulus" || n.tagName.endsWith("assessment-stimulus")
+  );
+  if (!rootNode) {
+    throw errors.new("qti assessment stimulus not found in xml document");
+  }
+  const rootChildren = rootNode.children.filter((c) => typeof c !== "string");
+  const stimulusBodyNode = rootChildren.find((n) => n.tagName === "qti-stimulus-body");
+  if (!stimulusBodyNode) {
+    throw errors.new("qti-stimulus-body not found in stimulus document");
+  }
+  const bodyHtml = getInnerHtml(stimulusBodyNode);
+  const normalizedStimulus = {
+    identifier: coerceString(rootNode.attrs.identifier),
+    title: coerceString(rootNode.attrs.title),
+    xmlLang: coerceString(rootNode.attrs["xml:lang"]) || coerceString(rootNode.attrs["xml-lang"]) || "en",
+    bodyHtml
+  };
+  const validation = AssessmentStimulusSchema.safeParse(normalizedStimulus);
+  if (!validation.success) {
+    const errorDetails = validation.error.issues.map((err) => `${err.path.join(".")}: ${err.message}`).join("; ");
+    throw errors.new(`qti stimulus validation: ${errorDetails}`);
+  }
+  return validation.data;
+}
 
-export { AssessmentItemSchema, ContentBlockRenderer, QTIRenderer, detectContentType, evaluateFeedbackIdentifiers, parseAssessmentItemXml, sanitizeForDisplay, sanitizeHtml, serializeInner, serializeNode, serializeNodes };
+export { AssessmentItemSchema, AssessmentStimulusSchema, ContentBlockRenderer, QTIRenderer, QTIStimulusRenderer, detectContentType, evaluateFeedbackIdentifiers, parseAssessmentItemXml, parseAssessmentStimulusXml, sanitizeForDisplay, sanitizeHtml, serializeInner, serializeNode, serializeNodes };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map