@examplary/cli 1.1.0 → 1.3.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@examplary/cli",
   "description": "A bundler for Examplary question types.",
   "packageManager": "yarn@4.8.1",
-  "version": "1.1.0",
+  "version": "1.3.0",
   "type": "module",
   "bin": {
     "exp": "./bin/index.js"
@@ -20,25 +20,25 @@
     "@examplary/schemas": "*",
     "@examplary/ui": "*",
     "@hono/node-server": "^1.19.0",
-    "@monaco-editor/react": "^4.7.0",
-    "@tailwindcss/postcss": "^4.1.11",
-    "@tailwindcss/vite": "^4.1.11",
-    "@vitejs/plugin-react": "^4.7.0",
-    "esbuild": "^0.25.8",
-    "hono": "^4.8.9",
+    "@tailwindcss/postcss": "^4.1.14",
+    "@tailwindcss/vite": "^4.1.16",
+    "@vitejs/plugin-react": "^5.0.4",
+    "esbuild": "^0.27.1",
+    "hono": "^4.9.12",
     "i18next": "^25.3.2",
     "i18next-browser-languagedetector": "^8.2.0",
+    "jsonata": "^2.1.0",
     "lucide-react": "^0.535.0",
     "open": "^10.2.0",
     "postcss": "^8.5.6",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-error-boundary": "^6.0.0",
-    "react-i18next": "^15.6.1",
+    "react-i18next": "^16.0.0",
     "swr": "^2.3.6",
-    "tailwindcss": "^4.1.11",
+    "tailwindcss": "^4.1.14",
     "use-local-storage": "^3.0.0",
-    "vite": "^7.0.6",
+    "vite": "^7.1.10",
     "ws": "^8.18.3",
     "yargs": "^18.0.0"
   },

package/src/commands/preview.js

@@ -2,7 +2,7 @@
 import { watch } from "fs";
 import { stat, readFile } from "fs/promises";
 import { createServer as createHttpServer } from "http";
-import { join, resolve } from "path";
+import path, { join, resolve } from "path";
 import { cwd, exit } from "process";
 
 import { serve } from "@hono/node-server";
@@ -41,6 +41,12 @@ export const previewCommand = async (argv) => {
     appType: "custom",
     root,
     plugins: [react(), tailwindcss()],
+    resolve: {
+      alias: {
+        react: path.dirname(import.meta.resolve("react")),
+        "react-dom": path.dirname(import.meta.resolve("react-dom")),
+      },
+    },
   });
 
   app.get("/api/bundle", async (c) => {

package/src/commands/upload.js

@@ -5,6 +5,7 @@ import { cwd, exit } from "process";
 
 import { setApiHost, setApiKey, uploadFile } from "../lib/api.js";
 import { buildComponent } from "../lib/bundle.js";
+import { deepCompileJsonata } from "../lib/jsonata.js";
 import { buildStyles } from "../lib/styles.js";
 
 export const uploadCommand = async (argv) => {
@@ -42,6 +43,18 @@ export const uploadCommand = async (argv) => {
     exit(1);
   }
 
+  // Validate JSONata expressions in the definition
+  if (definition.export?.qti?.interaction?.options) {
+    try {
+      await deepCompileJsonata(definition.export.qti.interaction.options);
+    } catch (e) {
+      console.error(
+        `🚫 Invalid JSONata expression in export.qti.interaction.options: ${e.message}`,
+      );
+      exit(1);
+    }
+  }
+
   // Bundle and upload components
   const components = {};
   const validComponentTypes = [
@@ -156,7 +169,7 @@ export const uploadCommand = async (argv) => {
   // Upload the main question type definition
   const res = await fetch(`${argv.host}/question-types`, {
     headers: {
-      Authorization: argv.key,
+      Authorization: `Bearer ${argv.key}`,
       "Content-Type": "application/json",
     },
     method: "POST",

package/src/lib/api.js

@@ -23,7 +23,7 @@ export const uploadFile = async (fileName, fileContents, contentType) => {
   // Request the upload URL
   const res = await fetch(`${API_HOST}/media/upload?${params.toString()}`, {
     headers: {
-      Authorization: API_KEY,
+      Authorization: `Bearer ${API_KEY}`,
     },
   });
 

package/src/lib/jsonata.js

@@ -0,0 +1,31 @@
+import jsonata from "jsonata";
+
+export const deepCompileJsonata = async (expression) => {
+  if (typeof expression === "string" && expression.startsWith("=")) {
+    try {
+      jsonata(expression.substring(1));
+    } catch (error) {
+      throw new Error(
+        `JSONata evaluation failed for "${expression}": ${error.message}`,
+      );
+    }
+  }
+
+  if (Array.isArray(expression)) {
+    const output = [];
+    for (const o of expression) {
+      output.push(await deepCompileJsonata(o));
+    }
+    return output;
+  }
+
+  if (typeof expression === "object" && expression !== null) {
+    const result = {};
+    for (const [key, value] of Object.entries(expression)) {
+      result[key] = await deepCompileJsonata(value);
+    }
+    return result;
+  }
+
+  return expression;
+};

package/src/preview-ui/App.tsx

@@ -53,30 +53,14 @@ function App() {
         "When Napoleon Bonaparte rose to power, he was seen as a hero of the French Revolution. However, his actions and policies during his rule have been debated by historians. What was Napoleon's role in the French Revolution?",
       settings: {
         ...defaultSettings,
-        scoringCriteria: [
-          "The answer must correctly identify Napoleon's role in the French Revolution and provide relevant historical context.",
-        ],
         options: [
-          {
-            correct: true,
-            value:
-              "To establish a centralized legal system and promote the principles of the Revolution.",
-          },
-          {
-            correct: false,
-            value:
-              "To overthrow the revolutionary government and establish a dictatorship.",
-          },
-          {
-            correct: false,
-            value:
-              "To maintain the status quo and prevent further revolutionary changes.",
-          },
-          {
-            correct: false,
-            value: "To support the monarchy and restore the old regime.",
-          },
+          "To establish a centralized legal system and promote the principles of the Revolution.",
+          "To overthrow the revolutionary government and establish a dictatorship.",
+          "To maintain the status quo and prevent further revolutionary changes.",
+          "To support the monarchy and restore the old regime.",
         ],
+        correctAnswer:
+          "To establish a centralized legal system and promote the principles of the Revolution.",
       },
     },
   );
@@ -88,7 +72,7 @@ function App() {
         <h2 className="text-sm opacity-50">Question type preview</h2>
 
         <h3 className="text-sm font-medium mb-1.5 mt-8">Preview options</h3>
-        <div className="grid grid-cols-3 items-center gap-3 border-2 rounded-md bg-white p-4">
+        <div className="grid grid-cols-3 items-center gap-3 border border-border-accent rounded-md bg-white p-4">
           <p className="text-gray-800 text-sm">Component</p>
           <Select value={componentName} onValueChange={setComponentName}>
             <SelectTrigger className="text-sm col-span-2">
@@ -118,12 +102,12 @@ function App() {
         </div>
 
         <h3 className="text-sm font-medium mb-1.5 mt-8">Question</h3>
-        <div className="border-2 rounded-md bg-white overflow-hidden">
+        <div className="border border-border-accent rounded-md bg-white overflow-hidden">
           <JsonEditor value={question} setValue={setQuestion} />
         </div>
 
         <h3 className="text-sm font-medium mb-1.5 mt-8">Answer</h3>
-        <div className="border-2 rounded-md bg-white overflow-hidden">
+        <div className="border border-border-accent rounded-md bg-white overflow-hidden">
           <JsonEditor value={answer} setValue={setAnswer} />
         </div>
       </aside>

package/src/preview-ui/components/json-editor.tsx

@@ -1,7 +1,5 @@
 import { useEffect, useState } from "react";
 
-import { Editor } from "@monaco-editor/react";
-
 export const JsonEditor = ({ value, setValue }) => {
   const [stringValue, setStringValue] = useState(() =>
     JSON.stringify(value, null, 2),
@@ -11,11 +9,11 @@ export const JsonEditor = ({ value, setValue }) => {
   }, [value]);
 
   return (
-    <Editor
-      height={160}
-      defaultLanguage="json"
+    <textarea
+      className="h-[160px] font-mono text-xs p-3 w-full"
       value={stringValue}
-      onChange={(newStringValue) => {
+      onChange={(e) => {
+        const newStringValue = e.target.value;
         setStringValue(newStringValue || "");
         try {
           const parsedValue = JSON.parse(newStringValue || "");
@@ -24,18 +22,6 @@ export const JsonEditor = ({ value, setValue }) => {
           console.error("Invalid JSON:", error);
         }
       }}
-      options={{
-        minimap: { enabled: false },
-        stickyScroll: { enabled: false },
-        tabSize: 3,
-        fontSize: 11,
-        lineNumbers: "off",
-        scrollBeyondLastLine: false,
-        padding: {
-          top: 8,
-          bottom: 8,
-        },
-      }}
     />
   );
 };

package/src/preview-ui/components/preview-assessment.tsx

@@ -1,6 +1,7 @@
 import { RichTextDisplay } from "@examplary/ui";
 
 import { QuestionComponent } from "./question-component";
+import { api } from "../lib/demo-api";
 
 export const PreviewAssessment = ({
   questionType,
@@ -10,10 +11,9 @@ export const PreviewAssessment = ({
 }) => {
   return (
     <div className="relative flex flex-col min-h-[calc(100vh-17.5rem)]">
-      <div className="rounded-base shadow-light border-2 border-border bg-main text-black hidden md:block right-0 top-5 bottom-5 left-5 absolute" />
-      <div className="rounded-base shadow-light border-2 border-border bg-main text-black flex-1 bg-white py-7 px-10 md:mr-5 relative z-10">
+      <div className="rounded-xl border border-border bg-main text-black flex-1 bg-white py-7 px-10 relative z-10">
         <div className="flex justify-between gap-2 mb-3">
-          <div className="size-6 bg-bright border-2 text-sm font-bold rounded-full flex items-center justify-center shrink-0">
+          <div className="size-6 bg-bright border text-sm font-bold rounded-full flex items-center justify-center shrink-0">
             1
           </div>
           <div className="flex-1">
@@ -28,6 +28,7 @@ export const PreviewAssessment = ({
               type={questionType}
               componentName="assessment"
               props={{
+                api,
                 question,
                 answer,
                 saveAnswer,

package/src/preview-ui/components/preview-results.tsx

@@ -1,6 +1,7 @@
 import { RichTextDisplay } from "@examplary/ui";
 
 import { QuestionComponent } from "./question-component";
+import { api } from "../lib/demo-api";
 
 export const PreviewResults = ({ questionType, question, answer }) => {
   return (
@@ -19,6 +20,7 @@ export const PreviewResults = ({ questionType, question, answer }) => {
               type={questionType}
               componentName="results"
               props={{
+                api,
                 question,
                 answer,
               }}

package/src/preview-ui/components/preview-settings-area.tsx

@@ -2,6 +2,7 @@ import { cn, MinimalRichTextField } from "@examplary/ui";
 import { FileQuestionIcon } from "lucide-react";
 
 import { QuestionComponent } from "./question-component";
+import { api } from "../lib/demo-api";
 
 export const PreviewSettingsArea = ({
   questionType,
@@ -13,20 +14,15 @@ export const PreviewSettingsArea = ({
       data-type="question"
       data-question-id={question.id}
       className={cn(
-        "rounded-base shadow-light border-2 border-border bg-main text-black",
-        "mb-3 relative bg-white transition-[border,shadow,opacity]",
-        "shadow-light",
+        "rounded-xl border border-border bg-main text-black",
+        "mb-3 relative bg-white transition-[border,shadow,opacity] p-6 px-7",
       )}
     >
-      <div className="p-4 flex gap-3">
+      <div className="flex gap-3">
         <div
           className={cn(
-            "size-6 rounded-full border-2 items-center justify-center flex transition",
-            questionType?.iconBackgroundColor ? "" : "bg-bright",
+            "size-6 rounded-full border-2 items-center justify-center flex transition bg-bright",
           )}
-          style={{
-            backgroundColor: questionType?.iconBackgroundColor || undefined,
-          }}
         >
           {questionType?.icon ? (
             <img
@@ -65,14 +61,24 @@ export const PreviewSettingsArea = ({
           </div>
         </div>
       </div>
-      <div className="border-t-2 pt-5">
-        <div className="pb-5 px-6">
+      <div className="border-t border-border pt-5 mt-5 ml-9 mb-4">
+        <div>
           <QuestionComponent
             type={questionType}
             componentName="settings-area"
             props={{
+              api,
               question,
               settings: question.settings,
+              setMultipleSettings: (newSettings) => {
+                setQuestion({
+                  ...question,
+                  settings: {
+                    ...question.settings,
+                    ...newSettings,
+                  },
+                });
+              },
               setSetting: (settingId, value) => {
                 setQuestion({
                   ...question,

package/src/preview-ui/index.html

@@ -4,6 +4,13 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Examplary - Question type preview</title>
+
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Epunda+Sans:ital,wght@0,300..900;1,300..900&family=Epunda+Slab:ital,wght@0,300..900;1,300..900&display=swap"
+      rel="stylesheet"
+    />
   </head>
   <body class="bg-app-bg font-sans">
     <div id="root"></div>

package/src/preview-ui/lib/demo-api.ts

@@ -0,0 +1,29 @@
+export const api = {
+  get: async (path: string, options: any) => {
+    console.warn("API calls are not supported in the preview UI");
+    return {};
+  },
+  post: async (path: string, body: any, options: any) => {
+    console.warn("API calls are not supported in the preview UI");
+    return {};
+  },
+  put: async (path: string, body: any, options: any) => {
+    console.warn("API calls are not supported in the preview UI");
+    return {};
+  },
+  delete: async (path: string, options: any) => {
+    console.warn("API calls are not supported in the preview UI");
+    return {};
+  },
+  patch: async (path: string, body: any, options: any) => {
+    console.warn("API calls are not supported in the preview UI");
+    return {};
+  },
+  uploadFile: async (accept: "*/*") => {
+    console.warn("File uploads are not supported in the preview UI");
+    return {
+      url: `https://placehold.co/600x400?${Math.random()}`,
+      name: "image.jpg",
+    };
+  },
+};

package/.turbo/turbo-release.log

@@ -1,80 +0,0 @@
-[1:32:33 PM] [semantic-release] › ℹ  Running semantic-release version 24.2.7
-[1:32:34 PM] [semantic-release] › ✔  Loaded plugin "verifyConditions" from "@semantic-release/npm"
-[1:32:34 PM] [semantic-release] › ✔  Loaded plugin "verifyConditions" from "@semantic-release/github"
-[1:32:34 PM] [semantic-release] › ✔  Loaded plugin "prepare" from "@semantic-release/npm"
-[1:32:34 PM] [semantic-release] › ✔  Loaded plugin "publish" from "@semantic-release/npm"
-[1:32:34 PM] [semantic-release] › ✔  Loaded plugin "publish" from "@semantic-release/github"
-[1:32:34 PM] [semantic-release] › ✔  Loaded plugin "addChannel" from "@semantic-release/npm"
-[1:32:34 PM] [semantic-release] › ✔  Loaded plugin "addChannel" from "@semantic-release/github"
-[1:32:41 PM] [semantic-release] › ✔  Run automated release from branch main on repository https://github.com/examplary-ai/examplary
-[1:32:42 PM] [semantic-release] › ✔  Allowed to push to the Git repository
-[1:32:42 PM] [semantic-release] › ℹ  Start step "verifyConditions" of plugin "@semantic-release/npm"
-[1:32:42 PM] [semantic-release] [@semantic-release/npm] › ℹ  Verify authentication for registry https://registry.npmjs.org/
-[1:32:42 PM] [semantic-release] [@semantic-release/npm] › ℹ  Reading npm config from /home/runner/work/examplary/examplary/.npmrc
-[1:32:42 PM] [semantic-release] [@semantic-release/npm] › ℹ  Wrote NPM_TOKEN to /tmp/080f60dec1867118082aefee0669259b/.npmrc
-tschoffelen
-[1:32:43 PM] [semantic-release] › ✔  Completed step "verifyConditions" of plugin "@semantic-release/npm"
-[1:32:43 PM] [semantic-release] › ℹ  Start step "verifyConditions" of plugin "@semantic-release/github"
-[1:32:43 PM] [semantic-release] [@semantic-release/github] › ℹ  Verify GitHub authentication (https://api.github.com)
-[1:32:43 PM] [semantic-release] › ✔  Completed step "verifyConditions" of plugin "@semantic-release/github"
-[1:32:43 PM] [semantic-release] › ℹ  Found git tag @examplary/cli-v1.0.0 associated with version 1.0.0 on branch main
-[1:32:44 PM] [semantic-release] › ℹ  Found 179 commits since last release
-[1:32:44 PM] [semantic-release] › ℹ  Start step "analyzeCommits" of plugin "[Function: semantic-release-monorepo]"
-[1:32:44 PM] [semantic-release] [[Function: semantic-release-monorepo]] › ℹ  Start step "analyzeCommits" of plugin "@semantic-release/commit-analyzer"
-[1:32:45 PM] [semantic-release] [[Function: semantic-release-monorepo]] › ℹ  Found 3 commits for package @examplary/cli since last release
-[1:32:45 PM] [semantic-release] [[Function: semantic-release-monorepo]] › ℹ  Analyzing commit: feat(schemas): add question generation instructions field
-[1:32:45 PM] [semantic-release] [[Function: semantic-release-monorepo]] › ℹ  The release type for the commit is minor
-[1:32:45 PM] [semantic-release] [[Function: semantic-release-monorepo]] › ℹ  Analyzing commit: chore: rename cli
-[1:32:45 PM] [semantic-release] [[Function: semantic-release-monorepo]] › ℹ  The commit should not trigger a release
-[1:32:45 PM] [semantic-release] [[Function: semantic-release-monorepo]] › ℹ  Analyzing commit: chore(deps): bump swr from 2.3.4 to 2.3.6
-
-Bumps [swr](https://github.com/vercel/swr) from 2.3.4 to 2.3.6.
-- [Release notes](https://github.com/vercel/swr/releases)
-- [Commits](https://github.com/vercel/swr/compare/v2.3.4...v2.3.6)
-
----
-updated-dependencies:
-- dependency-name: swr
-  dependency-version: 2.3.6
-  dependency-type: direct:production
-  update-type: version-update:semver-patch
-...
-
-Signed-off-by: dependabot[bot] <support@github.com>
-[1:32:45 PM] [semantic-release] [[Function: semantic-release-monorepo]] › ℹ  The commit should not trigger a release
-[1:32:45 PM] [semantic-release] [[Function: semantic-release-monorepo]] › ℹ  Analysis of 3 commits complete: minor release
-[1:32:45 PM] [semantic-release] [[Function: semantic-release-monorepo]] › ℹ  Completed step "analyzeCommits" of plugin "@semantic-release/commit-analyzer"
-[1:32:45 PM] [semantic-release] › ✔  Completed step "analyzeCommits" of plugin "[Function: semantic-release-monorepo]"
-[1:32:45 PM] [semantic-release] › ℹ  Start step "analyzeCommits" of plugin "[Function: semantic-release-monorepo]"
-[1:32:45 PM] [semantic-release] [[Function: semantic-release-monorepo]] › ℹ  Plugin "@semantic-release/release-notes-generator" does not provide step "analyzeCommits"
-[1:32:45 PM] [semantic-release] › ✔  Completed step "analyzeCommits" of plugin "[Function: semantic-release-monorepo]"
-[1:32:45 PM] [semantic-release] › ℹ  Start step "analyzeCommits" of plugin "[Function: semantic-release-monorepo]"
-[1:32:45 PM] [semantic-release] [[Function: semantic-release-monorepo]] › ℹ  Plugin "@semantic-release/npm" does not provide step "analyzeCommits"
-[1:32:45 PM] [semantic-release] › ✔  Completed step "analyzeCommits" of plugin "[Function: semantic-release-monorepo]"
-[1:32:45 PM] [semantic-release] › ℹ  Start step "analyzeCommits" of plugin "[Function: semantic-release-monorepo]"
-[1:32:45 PM] [semantic-release] [[Function: semantic-release-monorepo]] › ℹ  Plugin "@semantic-release/github" does not provide step "analyzeCommits"
-[1:32:45 PM] [semantic-release] › ✔  Completed step "analyzeCommits" of plugin "[Function: semantic-release-monorepo]"
-[1:32:45 PM] [semantic-release] › ℹ  Start step "analyzeCommits" of plugin "[Function: semantic-release-monorepo]"
-[1:32:45 PM] [semantic-release] [[Function: semantic-release-monorepo]] › ℹ  No more plugins
-[1:32:45 PM] [semantic-release] › ✔  Completed step "analyzeCommits" of plugin "[Function: semantic-release-monorepo]"
-[1:32:45 PM] [semantic-release] › ℹ  Start step "analyzeCommits" of plugin "[Function: semantic-release-monorepo]"
-[1:32:45 PM] [semantic-release] [[Function: semantic-release-monorepo]] › ℹ  No more plugins
-[1:32:45 PM] [semantic-release] › ✔  Completed step "analyzeCommits" of plugin "[Function: semantic-release-monorepo]"
-[1:32:45 PM] [semantic-release] › ℹ  Start step "analyzeCommits" of plugin "[Function: semantic-release-monorepo]"
-[1:32:45 PM] [semantic-release] [[Function: semantic-release-monorepo]] › ℹ  No more plugins
-[1:32:45 PM] [semantic-release] › ✔  Completed step "analyzeCommits" of plugin "[Function: semantic-release-monorepo]"
-[1:32:45 PM] [semantic-release] › ℹ  Start step "analyzeCommits" of plugin "[Function: semantic-release-monorepo]"
-[1:32:45 PM] [semantic-release] [[Function: semantic-release-monorepo]] › ℹ  No more plugins
-[1:32:45 PM] [semantic-release] › ✔  Completed step "analyzeCommits" of plugin "[Function: semantic-release-monorepo]"
-[1:32:45 PM] [semantic-release] › ℹ  Start step "analyzeCommits" of plugin "[Function: semantic-release-monorepo]"
-[1:32:45 PM] [semantic-release] [[Function: semantic-release-monorepo]] › ℹ  No more plugins
-[1:32:45 PM] [semantic-release] › ✔  Completed step "analyzeCommits" of plugin "[Function: semantic-release-monorepo]"
-[1:32:45 PM] [semantic-release] › ℹ  Start step "analyzeCommits" of plugin "[Function: semantic-release-monorepo]"
-[1:32:45 PM] [semantic-release] [[Function: semantic-release-monorepo]] › ℹ  No more plugins
-[1:32:45 PM] [semantic-release] › ✔  Completed step "analyzeCommits" of plugin "[Function: semantic-release-monorepo]"
-[1:32:45 PM] [semantic-release] › ℹ  The next release version is 1.1.0
-[1:32:45 PM] [semantic-release] › ℹ  Start step "generateNotes" of plugin "[Function: semantic-release-monorepo]"
-[1:32:45 PM] [semantic-release] [[Function: semantic-release-monorepo]] › ℹ  Plugin "@semantic-release/commit-analyzer" does not provide step "generateNotes"
-[1:32:45 PM] [semantic-release] › ✔  Completed step "generateNotes" of plugin "[Function: semantic-release-monorepo]"
-[1:32:45 PM] [semantic-release] › ℹ  Start step "generateNotes" of plugin "[Function: semantic-release-monorepo]"
-[1:32:45 PM] [semantic-release] [[Function: semantic-release-monorepo]] › ℹ  Start step "generateNotes" of plugin "@semantic-release/release-notes-generator"