@olinfo/quizms-training 5.0.0

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Alessandro Bortolin
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/entry/iframe.js

@@ -0,0 +1,99 @@
+import { studentSchema as i, calcScore as f } from "@olinfo/quizms/models";
+import { validate as l } from "@olinfo/quizms/utils";
+import { sumBy as p, cloneDeepWith as g, isDate as I } from "lodash-es";
+import n from "zod";
+async function D() {
+  if (window.parent === window) return "Quizms";
+  for (let e = 0; e < 50; e++)
+    try {
+      return await r({ type: "getTitle" }, n.string(), 200);
+    } catch {
+    }
+  throw new Error("Failed to connect");
+}
+async function _([e, t]) {
+  return window.parent === window ? null : await r({ type: "getStudent", contestId: t }, i.nullable());
+}
+function j(e) {
+  return async (t, s) => window.parent === window ? null : await r(
+    {
+      type: "setAnswers",
+      contestId: s.id,
+      answers: t.answers,
+      score: f(t, e.schema),
+      maxScore: p(Object.values(e.schema).map((a) => a.pointsCorrect))
+    },
+    i
+  );
+}
+function x(e) {
+  return async (t, s) => window.parent === window ? null : await r(
+    {
+      type: "start",
+      contestId: s.id,
+      variantId: t.variantId,
+      duration: s.onlineSettings?.duration ?? 0,
+      score: f(t, e.schema),
+      maxScore: p(Object.values(e.schema).map((a) => a.pointsCorrect))
+    },
+    i
+  );
+}
+async function A(e, t) {
+  return window.parent === window ? null : await r({ type: "submit", contestId: t.id }, i);
+}
+async function C(e, t) {
+  return window.parent === window ? null : await r({ type: "reset", contestId: t.id }, i);
+}
+async function E() {
+  return window.parent === window ? null : await r({ type: "logout" }, n.null());
+}
+async function r(e, t, s = 1e4) {
+  const a = crypto.randomUUID(), d = new AbortController(), y = new Promise((c, u) => {
+    window.addEventListener(
+      "message",
+      (w) => {
+        try {
+          const o = l(
+            h,
+            g(w.data, (m) => I(m) ? new Date(m) : void 0)
+          );
+          if (o.messageId !== a) return;
+          o.success ? c(l(t, o.data)) : u(new Error(o.error));
+        } catch (o) {
+          u(o);
+        }
+      },
+      { signal: d.signal }
+    );
+  });
+  window.parent.postMessage({ ...e, messageId: a }, "*");
+  try {
+    const c = new Promise((u, w) => setTimeout(() => w(), s));
+    return await Promise.race([y, c]);
+  } finally {
+    d.abort();
+  }
+}
+const h = n.discriminatedUnion("success", [
+  n.object({
+    success: n.literal(!0),
+    messageId: n.string(),
+    data: n.any()
+  }),
+  n.object({
+    success: n.literal(!1),
+    messageId: n.string(),
+    error: n.string()
+  })
+]);
+export {
+  _ as getStudentIframe,
+  D as getTitleIframe,
+  E as logoutIframe,
+  C as resetIframe,
+  j as setAnswersIframe,
+  x as startIframe,
+  A as submitIframe
+};
+//# sourceMappingURL=iframe.js.map

package/dist/entry/iframe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iframe.js","sources":["../../src/entry/iframe.ts"],"sourcesContent":["import {\n  type Contest,\n  calcScore,\n  type Student,\n  studentSchema,\n  type Variant,\n} from \"@olinfo/quizms/models\";\nimport { validate } from \"@olinfo/quizms/utils\";\nimport { cloneDeepWith, isDate, sumBy } from \"lodash-es\";\nimport z from \"zod\";\n\nexport async function getTitleIframe(): Promise<string> {\n  if (window.parent === window) return \"Quizms\";\n\n  for (let i = 0; i < 50; i++) {\n    try {\n      return await getResponse({ type: \"getTitle\" }, z.string(), 200);\n    } catch {}\n  }\n  throw new Error(\"Failed to connect\");\n}\n\nexport async function getStudentIframe([_, contestId]: [string, string]): Promise<Student | null> {\n  if (window.parent === window) return null;\n  return await getResponse({ type: \"getStudent\", contestId }, studentSchema.nullable());\n}\n\nexport function setAnswersIframe(variant: Variant) {\n  return async (student: Student, contest: Contest): Promise<Student | null> => {\n    if (window.parent === window) return null;\n\n    return await getResponse(\n      {\n        type: \"setAnswers\",\n        contestId: contest.id,\n        answers: student.answers,\n        score: calcScore(student, variant.schema),\n        maxScore: sumBy(Object.values(variant.schema).map((problem) => problem.pointsCorrect)),\n      },\n      studentSchema,\n    );\n  };\n}\n\nexport function startIframe(variant: Variant) {\n  return async (student: Student, contest: Contest): Promise<Student | null> => {\n    if (window.parent === window) return null;\n\n    return await getResponse(\n      {\n        type: \"start\",\n        contestId: contest.id,\n        variantId: student.variantId,\n        duration: contest.onlineSettings?.duration ?? 0,\n        score: calcScore(student, variant.schema),\n        maxScore: sumBy(Object.values(variant.schema).map((problem) => problem.pointsCorrect)),\n      },\n      studentSchema,\n    );\n  };\n}\n\nexport async function submitIframe(_student: Student, contest: Contest): Promise<Student | null> {\n  if (window.parent === window) return null;\n  return await getResponse({ type: \"submit\", contestId: contest.id }, studentSchema);\n}\n\nexport async function resetIframe(_student: Student, contest: Contest): Promise<Student | null> {\n  if (window.parent === window) return null;\n  return await getResponse({ type: \"reset\", contestId: contest.id }, studentSchema);\n}\n\nexport async function logoutIframe(): Promise<null> {\n  if (window.parent === window) return null;\n  return await getResponse({ type: \"logout\" }, z.null());\n}\n\nasync function getResponse<Message extends { type: string }, Data>(\n  message: Message,\n  schema: z.ZodType<Data>,\n  timeout = 10_000,\n): Promise<Data> {\n  const messageId = crypto.randomUUID();\n\n  const controller = new AbortController();\n  const responsePromise = new Promise<Data>((resolve, reject) => {\n    window.addEventListener(\n      \"message\",\n      (ev) => {\n        try {\n          const response = validate(\n            messageSchema,\n            cloneDeepWith(ev.data, (value) => (isDate(value) ? new Date(value) : undefined)),\n          );\n          if (response.messageId !== messageId) return;\n\n          if (response.success) {\n            resolve(validate(schema, response.data));\n          } else {\n            reject(new Error(response.error));\n          }\n        } catch (err) {\n          reject(err);\n        }\n      },\n      { signal: controller.signal },\n    );\n  });\n\n  window.parent.postMessage({ ...message, messageId }, \"*\");\n\n  try {\n    const timeoutPromise = new Promise<never>((_, reject) => setTimeout(() => reject(), timeout));\n    return await Promise.race([responsePromise, timeoutPromise]);\n  } finally {\n    controller.abort();\n  }\n}\n\nconst messageSchema = z.discriminatedUnion(\"success\", [\n  z.object({\n    success: z.literal(true),\n    messageId: z.string(),\n    data: z.any(),\n  }),\n  z.object({\n    success: z.literal(false),\n    messageId: z.string(),\n    error: z.string(),\n  }),\n]);\n"],"names":["getTitleIframe","i","getResponse","z","getStudentIframe","_","contestId","studentSchema","setAnswersIframe","variant","student","contest","calcScore","sumBy","problem","startIframe","submitIframe","_student","resetIframe","logoutIframe","message","schema","timeout","messageId","controller","responsePromise","resolve","reject","ev","response","validate","messageSchema","cloneDeepWith","value","isDate","err","timeoutPromise"],"mappings":"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"}

package/dist/entry/provider.js

@@ -0,0 +1,131 @@
+import { jsx as u } from "react/jsx-runtime";
+import { useState as V, useMemo as v, useCallback as r } from "react";
+import { TitleProvider as j } from "@olinfo/quizms/components";
+import { variantSchema as A } from "@olinfo/quizms/models";
+import { StudentProvider as D } from "@olinfo/quizms/student";
+import { Rng as k, validate as x } from "@olinfo/quizms/utils";
+import { addMinutes as R, subSeconds as C } from "date-fns";
+import f, { preload as E } from "swr";
+import { getTitleIframe as M, getStudentIframe as $, setAnswersIframe as z, submitIframe as F, resetIframe as N, logoutIframe as O, startIframe as U } from "./iframe.js";
+import { TrainingStatementContext as q } from "./statement.js";
+function B({
+  contest: a,
+  children: c
+}) {
+  const { data: d } = f("getTitle", M, { suspense: !0 }), { data: o, mutate: l } = f(["student", a.id], $, {
+    suspense: !0
+  }), [p, I] = V(
+    G(a)
+  ), { student: s, type: w } = v(
+    () => o ? { type: "iframe", student: o } : { type: "anonymous", student: p },
+    [o, p]
+  ), { data: m } = f(
+    s.variantId && ["variant", a.id, s.variantId],
+    y,
+    {
+      revalidateOnFocus: !1,
+      revalidateIfStale: !1
+    }
+  ), n = r(
+    async (t, i) => {
+      w === "anonymous" ? I(i) : await l((e) => e ? t(i(e), a) : null, {
+        optimisticData: (e) => e ? i(e) : null
+      });
+    },
+    [w, a, l]
+  ), S = v(
+    () => ({
+      id: "",
+      schoolId: "",
+      contestId: a.id,
+      name: "",
+      participationWindow: s.participationWindow,
+      finalized: !1,
+      disabled: !1,
+      pdfVariants: []
+    }),
+    [a.id, s.participationWindow]
+  ), g = r(
+    async (t, i) => {
+      if (!m) throw new Error("Variant non loaded");
+      await n(
+        z(m),
+        (e) => ({ ...e, answers: { ...e.answers, [t]: i } })
+      );
+    },
+    [n, m]
+  ), h = r(async () => {
+    await n(
+      F,
+      (t) => ({
+        ...t,
+        participationWindow: { start: t.participationWindow.start, end: /* @__PURE__ */ new Date() }
+      })
+    );
+  }, [n]), W = r(async () => {
+    await n(
+      N,
+      (t) => ({
+        ...t,
+        answers: {},
+        participationWindow: void 0
+      })
+    );
+  }, [n]), T = r(async () => {
+    await n(O, (t) => t);
+  }, [n]), b = r(async () => {
+    const t = /* @__PURE__ */ new Date(), i = J(a), e = await E(["variant", a.id, i], y);
+    await n(
+      U(e),
+      (P) => ({
+        ...P,
+        variantId: i,
+        participationWindow: {
+          start: C(t, 2),
+          end: R(t, a.onlineSettings?.duration ?? 0)
+        }
+      })
+    );
+  }, [a, n]);
+  return /* @__PURE__ */ u(j, { title: d, children: /* @__PURE__ */ u(q.Provider, { value: { start: b }, children: /* @__PURE__ */ u(
+    D,
+    {
+      contest: a,
+      venue: S,
+      student: s,
+      setAnswer: g,
+      submit: h,
+      reset: W,
+      logout: T,
+      enforceFullscreen: !1,
+      schema: m?.schema,
+      children: c
+    }
+  ) }) });
+}
+B.displayName = "TrainingProvider";
+function G(a) {
+  return {
+    id: "",
+    userData: {
+      name: "Utente",
+      surname: "anonimo"
+    },
+    answers: {},
+    contestId: a.id
+  };
+}
+const H = new k();
+function J(a) {
+  return H.choice(a.variantIds);
+}
+async function y([, a, c]) {
+  const d = await fetch(`/variants/${a}/${c}/answers.json`);
+  if (!d.ok) throw new Error("Failed to fetch schema");
+  const o = await d.json();
+  return x(A, o);
+}
+export {
+  B as TrainingProvider
+};
+//# sourceMappingURL=provider.js.map

package/dist/entry/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.js","sources":["../../src/entry/provider.tsx"],"sourcesContent":["import { type ReactNode, useCallback, useMemo, useState } from \"react\";\n\nimport { TitleProvider } from \"@olinfo/quizms/components\";\nimport {\n  type Answer,\n  type Contest,\n  type Student,\n  type Variant,\n  type VariantsConfig,\n  type Venue,\n  variantSchema,\n} from \"@olinfo/quizms/models\";\nimport { StudentProvider } from \"@olinfo/quizms/student\";\nimport { Rng, validate } from \"@olinfo/quizms/utils\";\nimport { addMinutes, subSeconds } from \"date-fns\";\nimport useSWR, { preload } from \"swr\";\n\nimport {\n  getStudentIframe,\n  getTitleIframe,\n  logoutIframe,\n  resetIframe,\n  setAnswersIframe,\n  startIframe,\n  submitIframe,\n} from \"./iframe\";\nimport { TrainingStatementContext } from \"./statement\";\n\nexport function TrainingProvider({\n  contest,\n  children,\n}: {\n  contest: Contest & VariantsConfig;\n  children: ReactNode;\n}) {\n  const { data: title } = useSWR(\"getTitle\", getTitleIframe, { suspense: true });\n\n  const { data: iframeStudent, mutate } = useSWR([\"student\", contest.id], getStudentIframe, {\n    suspense: true,\n  });\n  const [anonymousStudent, setAnonymousStudent] = useState<Student>(\n    createAnonymousStudent(contest),\n  );\n\n  const { student, type } = useMemo(\n    () =>\n      iframeStudent\n        ? { type: \"iframe\", student: iframeStudent }\n        : { type: \"anonymous\", student: anonymousStudent },\n    [iframeStudent, anonymousStudent],\n  );\n\n  const { data: variant } = useSWR(\n    student.variantId && [\"variant\", contest.id, student.variantId],\n    getVariant,\n    {\n      revalidateOnFocus: false,\n      revalidateIfStale: false,\n    },\n  );\n\n  const updateStudent = useCallback(\n    async (\n      iframeFn: (student: Student, contest: Contest) => Promise<Student | null>,\n      updateFn: (student: Student) => Student,\n    ) => {\n      if (type === \"anonymous\") {\n        setAnonymousStudent(updateFn);\n      } else {\n        await mutate((student) => (student ? iframeFn(updateFn(student), contest) : null), {\n          optimisticData: (student) => (student ? updateFn(student) : null),\n        });\n      }\n    },\n    [type, contest, mutate],\n  );\n\n  const mockVenue: Venue = useMemo(\n    () => ({\n      id: \"\",\n      schoolId: \"\",\n      contestId: contest.id,\n      name: \"\",\n      participationWindow: student.participationWindow,\n      finalized: false,\n      disabled: false,\n      pdfVariants: [],\n    }),\n    [contest.id, student.participationWindow],\n  );\n\n  const setAnswer = useCallback(\n    async (problemId: string, answer: Answer) => {\n      if (!variant) throw new Error(\"Variant non loaded\");\n      await updateStudent(\n        setAnswersIframe(variant),\n        (student) =>\n          ({ ...student, answers: { ...student.answers, [problemId]: answer } }) satisfies Student,\n      );\n    },\n    [updateStudent, variant],\n  );\n\n  const submit = useCallback(async () => {\n    await updateStudent(\n      submitIframe,\n      (student) =>\n        ({\n          ...student,\n          participationWindow: { start: student.participationWindow!.start, end: new Date() },\n        }) satisfies Student,\n    );\n  }, [updateStudent]);\n\n  const reset = useCallback(async () => {\n    await updateStudent(\n      resetIframe,\n      (student) =>\n        ({\n          ...student,\n          answers: {},\n          participationWindow: undefined,\n        }) satisfies Student,\n    );\n  }, [updateStudent]);\n\n  const logout = useCallback(async () => {\n    await updateStudent(logoutIframe, (student) => student);\n  }, [updateStudent]);\n\n  const start = useCallback(async () => {\n    const now = new Date();\n    const variantId = getRandomVariant(contest);\n    const variant = await preload([\"variant\", contest.id, variantId], getVariant);\n    await updateStudent(\n      startIframe(variant),\n      (student) =>\n        ({\n          ...student,\n          variantId,\n          participationWindow: {\n            start: subSeconds(now, 2),\n            end: addMinutes(now, contest.onlineSettings?.duration ?? 0),\n          },\n        }) satisfies Student,\n    );\n  }, [contest, updateStudent]);\n\n  return (\n    <TitleProvider title={title}>\n      <TrainingStatementContext.Provider value={{ start }}>\n        <StudentProvider\n          contest={contest}\n          venue={mockVenue}\n          student={student}\n          setAnswer={setAnswer}\n          submit={submit}\n          reset={reset}\n          logout={logout}\n          enforceFullscreen={false}\n          schema={variant?.schema}>\n          {children}\n        </StudentProvider>\n      </TrainingStatementContext.Provider>\n    </TitleProvider>\n  );\n}\nTrainingProvider.displayName = \"TrainingProvider\";\n\nfunction createAnonymousStudent(contest: VariantsConfig): Student {\n  return {\n    id: \"\",\n    userData: {\n      name: \"Utente\",\n      surname: \"anonimo\",\n    },\n    answers: {},\n    contestId: contest.id,\n  };\n}\n\nconst rng = new Rng();\n\nfunction getRandomVariant(contest: VariantsConfig): string {\n  return rng.choice(contest.variantIds);\n}\n\nasync function getVariant([, contestId, variantId]: [string, string, string]): Promise<Variant> {\n  const resp = await fetch(`/variants/${contestId}/${variantId}/answers.json`);\n  if (!resp.ok) throw new Error(\"Failed to fetch schema\");\n  const json: unknown = await resp.json();\n  return validate(variantSchema, json);\n}\n"],"names":["TrainingProvider","contest","children","title","useSWR","getTitleIframe","iframeStudent","mutate","getStudentIframe","anonymousStudent","setAnonymousStudent","useState","createAnonymousStudent","student","type","useMemo","variant","getVariant","updateStudent","useCallback","iframeFn","updateFn","mockVenue","setAnswer","problemId","answer","setAnswersIframe","submit","submitIframe","reset","resetIframe","logout","logoutIframe","start","now","variantId","getRandomVariant","preload","startIframe","subSeconds","addMinutes","jsx","TitleProvider","TrainingStatementContext","StudentProvider","rng","Rng","contestId","resp","json","validate","variantSchema"],"mappings":"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"}

package/dist/entry/statement.js

@@ -0,0 +1,20 @@
+import { jsx as e } from "react/jsx-runtime";
+import { createContext as a, useContext as o } from "react";
+import { useStudent as s, RemoteStatement as m } from "@olinfo/quizms/student";
+import { Button as c } from "@olinfo/react-components";
+const l = a({});
+function p() {
+  const { student: t, contest: n } = s(), { start: i } = o(l);
+  return t.participationWindow ? /* @__PURE__ */ e(
+    m,
+    {
+      statementUrl: () => `/variants/${n.id}/${t.variantId}/statement.txt`,
+      moduleUrl: (r) => `/variants/${n.id}/${t.variantId}/${r}`
+    }
+  ) : /* @__PURE__ */ e("div", { className: "flex h-[50vh] flex-col items-center justify-center", children: /* @__PURE__ */ e(c, { className: "btn-success btn-lg", onClick: i, children: "Inizia" }) });
+}
+export {
+  p as TrainingStatement,
+  l as TrainingStatementContext
+};
+//# sourceMappingURL=statement.js.map

package/dist/entry/statement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"statement.js","sources":["../../src/entry/statement.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nimport { RemoteStatement, useStudent } from \"@olinfo/quizms/student\";\nimport { Button } from \"@olinfo/react-components\";\n\nexport const TrainingStatementContext = createContext<{\n  start?: () => Promise<void> | void;\n}>({});\n\nexport function TrainingStatement() {\n  const { student, contest } = useStudent();\n  const { start } = useContext(TrainingStatementContext);\n\n  if (!student.participationWindow) {\n    return (\n      <div className=\"flex h-[50vh] flex-col items-center justify-center\">\n        <Button className=\"btn-success btn-lg\" onClick={start}>\n          Inizia\n        </Button>\n      </div>\n    );\n  }\n\n  return (\n    <RemoteStatement\n      statementUrl={() => `/variants/${contest.id}/${student.variantId}/statement.txt`}\n      moduleUrl={(id) => `/variants/${contest.id}/${student.variantId}/${id}`}\n    />\n  );\n}\n"],"names":["TrainingStatementContext","createContext","TrainingStatement","student","contest","useStudent","start","useContext","jsx","RemoteStatement","id","Button"],"mappings":";;;;AAKO,MAAMA,IAA2BC,EAErC,CAAA,CAAE;AAEE,SAASC,IAAoB;AAClC,QAAM,EAAE,SAAAC,GAAS,SAAAC,EAAA,IAAYC,EAAA,GACvB,EAAE,OAAAC,EAAA,IAAUC,EAAWP,CAAwB;AAErD,SAAKG,EAAQ,sBAWX,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAc,MAAM,aAAaL,EAAQ,EAAE,IAAID,EAAQ,SAAS;AAAA,MAChE,WAAW,CAACO,MAAO,aAAaN,EAAQ,EAAE,IAAID,EAAQ,SAAS,IAAIO,CAAE;AAAA,IAAA;AAAA,EAAA,IAXrE,gBAAAF,EAAC,OAAA,EAAI,WAAU,sDACb,UAAA,gBAAAA,EAACG,GAAA,EAAO,WAAU,sBAAqB,SAASL,GAAO,UAAA,SAAA,CAEvD,GACF;AAUN;"}

package/dist/entry.d.ts

@@ -0,0 +1,22 @@
+import { Contest } from '@olinfo/quizms/models';
+import { Context } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { VariantsConfig } from '@olinfo/quizms/models';
+
+export declare function TrainingProvider({ contest, children, }: {
+    contest: Contest & VariantsConfig;
+    children: ReactNode;
+}): JSX.Element;
+
+export declare namespace TrainingProvider {
+    var displayName: string;
+}
+
+export declare function TrainingStatement(): JSX.Element;
+
+export declare const TrainingStatementContext: Context<    {
+start?: () => Promise<void> | void;
+}>;
+
+export { }

package/dist/entry.js

@@ -0,0 +1,8 @@
+import { TrainingProvider as r } from "./entry/provider.js";
+import { TrainingStatement as i, TrainingStatementContext as o } from "./entry/statement.js";
+export {
+  r as TrainingProvider,
+  i as TrainingStatement,
+  o as TrainingStatementContext
+};
+//# sourceMappingURL=entry.js.map

package/dist/entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"entry.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/vite/entry.js

@@ -0,0 +1,43 @@
+import { reactComponentCase as n } from "@olinfo/quizms/utils";
+import { loadContests as u } from "@olinfo/quizms/utils-node";
+import { transformWithEsbuild as p } from "vite";
+async function y() {
+  const o = await u();
+  return {
+    name: "quizms:training-entry",
+    resolveId(r) {
+      const [i] = r.split("?");
+      if (i === "virtual:quizms-training-entry")
+        return `\0${r}`;
+    },
+    load(r) {
+      const [i, s] = r.split("?");
+      if (i === "\0virtual:quizms-training-entry") {
+        const e = new URLSearchParams(s), m = e.get("id"), t = o.find((d) => d.id === m), a = e.has("dev"), c = `
+import { createApp } from "@olinfo/quizms/entry";
+import { TrainingProvider, TrainingStatement } from "@olinfo/quizms-training/entry";
+import { Route, Switch } from "wouter";
+
+${a ? `import ${n(t.id)} from "/${t.entry}";` : ""}
+${t.header ? `import ${n(t.id)}Header from "/${t.header}";` : ""}
+
+export default function createTrainingEntry() {
+  return createApp(
+    <TrainingProvider contest={${JSON.stringify(t)}}>
+      ${t.header ? `<${n(t.id)}Header />` : ""}
+      ${a ? `<${n(t.id)} />` : "<TrainingStatement />"}
+    </TrainingProvider>
+  );
+}
+`;
+        return p(c, "virtual-quizms-training-entry.jsx", {
+          jsx: "automatic"
+        });
+      }
+    }
+  };
+}
+export {
+  y as default
+};
+//# sourceMappingURL=entry.js.map

package/dist/vite/entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"entry.js","sources":["../../src/vite/entry.ts"],"sourcesContent":["import { reactComponentCase } from \"@olinfo/quizms/utils\";\nimport { loadContests } from \"@olinfo/quizms/utils-node\";\nimport { type PluginOption, transformWithEsbuild } from \"vite\";\n\nexport default async function trainingEntry(): Promise<PluginOption> {\n  const contests = await loadContests();\n\n  return {\n    name: \"quizms:training-entry\",\n    resolveId(id) {\n      const [pathname] = id.split(\"?\");\n      if (pathname === \"virtual:quizms-training-entry\") {\n        return `\\0${id}`;\n      }\n    },\n    load(id) {\n      const [pathname, query] = id.split(\"?\");\n      if (pathname === \"\\0virtual:quizms-training-entry\") {\n        const params = new URLSearchParams(query);\n        const contestId = params.get(\"id\");\n        const contest = contests.find((c) => c.id === contestId)!;\n        const isDev = params.has(\"dev\");\n\n        const entry = `\nimport { createApp } from \"@olinfo/quizms/entry\";\nimport { TrainingProvider, TrainingStatement } from \"@olinfo/quizms-training/entry\";\nimport { Route, Switch } from \"wouter\";\n\n${isDev ? `import ${reactComponentCase(contest.id)} from \"/${contest.entry}\";` : \"\"}\n${contest.header ? `import ${reactComponentCase(contest.id)}Header from \"/${contest.header}\";` : \"\"}\n\nexport default function createTrainingEntry() {\n  return createApp(\n    <TrainingProvider contest={${JSON.stringify(contest)}}>\n      ${contest.header ? `<${reactComponentCase(contest.id)}Header />` : \"\"}\n      ${isDev ? `<${reactComponentCase(contest.id)} />` : \"<TrainingStatement />\"}\n    </TrainingProvider>\n  );\n}\n`;\n        return transformWithEsbuild(entry, \"virtual-quizms-training-entry.jsx\", {\n          jsx: \"automatic\",\n        });\n      }\n    },\n  };\n}\n"],"names":["trainingEntry","contests","loadContests","id","pathname","query","params","contestId","contest","c","isDev","entry","reactComponentCase","transformWithEsbuild"],"mappings":";;;AAIA,eAA8BA,IAAuC;AACnE,QAAMC,IAAW,MAAMC,EAAA;AAEvB,SAAO;AAAA,IACL,MAAM;AAAA,IACN,UAAUC,GAAI;AACZ,YAAM,CAACC,CAAQ,IAAID,EAAG,MAAM,GAAG;AAC/B,UAAIC,MAAa;AACf,eAAO,KAAKD,CAAE;AAAA,IAElB;AAAA,IACA,KAAKA,GAAI;AACP,YAAM,CAACC,GAAUC,CAAK,IAAIF,EAAG,MAAM,GAAG;AACtC,UAAIC,MAAa,mCAAmC;AAClD,cAAME,IAAS,IAAI,gBAAgBD,CAAK,GAClCE,IAAYD,EAAO,IAAI,IAAI,GAC3BE,IAAUP,EAAS,KAAK,CAACQ,MAAMA,EAAE,OAAOF,CAAS,GACjDG,IAAQJ,EAAO,IAAI,KAAK,GAExBK,IAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAKpBD,IAAQ,UAAUE,EAAmBJ,EAAQ,EAAE,CAAC,WAAWA,EAAQ,KAAK,OAAO,EAAE;AAAA,EACjFA,EAAQ,SAAS,UAAUI,EAAmBJ,EAAQ,EAAE,CAAC,iBAAiBA,EAAQ,MAAM,OAAO,EAAE;AAAA;AAAA;AAAA;AAAA,iCAIlE,KAAK,UAAUA,CAAO,CAAC;AAAA,QAChDA,EAAQ,SAAS,IAAII,EAAmBJ,EAAQ,EAAE,CAAC,cAAc,EAAE;AAAA,QACnEE,IAAQ,IAAIE,EAAmBJ,EAAQ,EAAE,CAAC,QAAQ,uBAAuB;AAAA;AAAA;AAAA;AAAA;AAKzE,eAAOK,EAAqBF,GAAO,qCAAqC;AAAA,UACtE,KAAK;AAAA,QAAA,CACN;AAAA,MACH;AAAA,IACF;AAAA,EAAA;AAEJ;"}

package/dist/vite/preset.js

@@ -0,0 +1,44 @@
+import { loadContests as n } from "@olinfo/quizms/utils-node";
+import { defaultClientMainFields as e, defaultClientConditions as r } from "vite";
+async function a() {
+  const i = await n();
+  return {
+    name: "quizms:training-preset",
+    apply: "build",
+    config() {
+      return {
+        environments: {
+          training: {
+            resolve: {
+              conditions: [...r],
+              mainFields: [...e],
+              noExternal: !0
+            },
+            build: {
+              rollupOptions: {
+                input: Object.fromEntries(
+                  i.map((t) => [
+                    t.id,
+                    `virtual:quizms-entry?id=${encodeURIComponent(`virtual:quizms-training-entry?id=${t.id}`)}`
+                  ])
+                )
+              },
+              sourcemap: !0
+            }
+          }
+        }
+      };
+    },
+    buildStart() {
+      this.environment.name === "training" && (process.env.QUIZMS_SHOW_SOLUTIONS = "true", this.emitFile({
+        type: "asset",
+        fileName: "contests.json",
+        source: JSON.stringify(i)
+      }));
+    }
+  };
+}
+export {
+  a as default
+};
+//# sourceMappingURL=preset.js.map

package/dist/vite/preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset.js","sources":["../../src/vite/preset.ts"],"sourcesContent":["import { loadContests } from \"@olinfo/quizms/utils-node\";\nimport { defaultClientConditions, defaultClientMainFields, type PluginOption } from \"vite\";\n\nexport default async function trainingPreset(): Promise<PluginOption> {\n  const contests = await loadContests();\n\n  return {\n    name: \"quizms:training-preset\",\n    apply: \"build\",\n    config() {\n      return {\n        environments: {\n          training: {\n            resolve: {\n              conditions: [...defaultClientConditions],\n              mainFields: [...defaultClientMainFields],\n              noExternal: true,\n            },\n            build: {\n              rollupOptions: {\n                input: Object.fromEntries(\n                  contests.map((contest) => [\n                    contest.id,\n                    `virtual:quizms-entry?id=${encodeURIComponent(`virtual:quizms-training-entry?id=${contest.id}`)}`,\n                  ]),\n                ),\n              },\n              sourcemap: true,\n            },\n          },\n        },\n      };\n    },\n    buildStart() {\n      if (this.environment.name === \"training\") {\n        process.env.QUIZMS_SHOW_SOLUTIONS = \"true\";\n        this.emitFile({\n          type: \"asset\",\n          fileName: \"contests.json\",\n          source: JSON.stringify(contests),\n        });\n      }\n    },\n  };\n}\n"],"names":["trainingPreset","contests","loadContests","defaultClientConditions","defaultClientMainFields","contest"],"mappings":";;AAGA,eAA8BA,IAAwC;AACpE,QAAMC,IAAW,MAAMC,EAAA;AAEvB,SAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AACP,aAAO;AAAA,QACL,cAAc;AAAA,UACZ,UAAU;AAAA,YACR,SAAS;AAAA,cACP,YAAY,CAAC,GAAGC,CAAuB;AAAA,cACvC,YAAY,CAAC,GAAGC,CAAuB;AAAA,cACvC,YAAY;AAAA,YAAA;AAAA,YAEd,OAAO;AAAA,cACL,eAAe;AAAA,gBACb,OAAO,OAAO;AAAA,kBACZH,EAAS,IAAI,CAACI,MAAY;AAAA,oBACxBA,EAAQ;AAAA,oBACR,2BAA2B,mBAAmB,oCAAoCA,EAAQ,EAAE,EAAE,CAAC;AAAA,kBAAA,CAChG;AAAA,gBAAA;AAAA,cACH;AAAA,cAEF,WAAW;AAAA,YAAA;AAAA,UACb;AAAA,QACF;AAAA,MACF;AAAA,IAEJ;AAAA,IACA,aAAa;AACX,MAAI,KAAK,YAAY,SAAS,eAC5B,QAAQ,IAAI,wBAAwB,QACpC,KAAK,SAAS;AAAA,QACZ,MAAM;AAAA,QACN,UAAU;AAAA,QACV,QAAQ,KAAK,UAAUJ,CAAQ;AAAA,MAAA,CAChC;AAAA,IAEL;AAAA,EAAA;AAEJ;"}

package/dist/vite.d.ts

@@ -0,0 +1,4 @@
+declare const _default: any;
+export default _default;
+
+export { }

package/dist/vite.js

@@ -0,0 +1,7 @@
+import r from "./vite/entry.js";
+import t from "./vite/preset.js";
+const o = [r(), t()];
+export {
+  o as default
+};
+//# sourceMappingURL=vite.js.map

package/dist/vite.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite.js","sources":["../src/vite/index.ts"],"sourcesContent":["import trainingEntry from \"./entry\";\nimport trainingPreset from \"./preset\";\n\nexport default [trainingEntry(), trainingPreset()] as any;\n"],"names":["index","trainingEntry","trainingPreset"],"mappings":";;AAGA,MAAAA,IAAe,CAACC,EAAA,GAAiBC,GAAgB;"}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@olinfo/quizms-training",
+  "version": "5.0.0",
+  "type": "module",
+  "author": "Alessandro Bortolin <bortolin.alessandro@outlook.it>",
+  "license": "MIT",
+  "exports": {
+    "./entry": {
+      "types": "./dist/entry.d.ts",
+      "default": "./dist/entry.js"
+    },
+    "./vite": {
+      "types": "./dist/vite.d.ts",
+      "default": "./dist/vite.js"
+    }
+  },
+  "dependencies": {
+    "@olinfo/react-components": "^0.12.2",
+    "@types/lodash-es": "^4.17.12",
+    "date-fns": "^4.1.0",
+    "lodash-es": "^4.17.23",
+    "swr": "^2.4.1",
+    "vite": "^7.3.1",
+    "zod": "^4.3.6",
+    "@olinfo/quizms": "^5.0.2"
+  },
+  "peerDependencies": {
+    "react": "^19.2.4"
+  },
+  "postcss": {
+    "plugins": {
+      "tailwindcss": {}
+    }
+  },
+  "devDependencies": {
+    "@biomejs/biome": "^2.4.6",
+    "@types/node": "^25.3.5",
+    "@types/react": "^19.2.14",
+    "rollup-plugin-node-externals": "^8.1.2",
+    "rollup-preserve-directives": "^1.1.3",
+    "typescript": "5.8.2",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-tsconfig-paths": "^6.1.1"
+  },
+  "scripts": {
+    "prebuild": "biome check && tsc --noEmit",
+    "build": "vite build",
+    "watch": "vite build --watch",
+    "lint": "biome check --write && tsc --noEmit"
+  }
+}

package/src/entry/iframe.ts

@@ -0,0 +1,131 @@
+import {
+  type Contest,
+  calcScore,
+  type Student,
+  studentSchema,
+  type Variant,
+} from "@olinfo/quizms/models";
+import { validate } from "@olinfo/quizms/utils";
+import { cloneDeepWith, isDate, sumBy } from "lodash-es";
+import z from "zod";
+
+export async function getTitleIframe(): Promise<string> {
+  if (window.parent === window) return "Quizms";
+
+  for (let i = 0; i < 50; i++) {
+    try {
+      return await getResponse({ type: "getTitle" }, z.string(), 200);
+    } catch {}
+  }
+  throw new Error("Failed to connect");
+}
+
+export async function getStudentIframe([_, contestId]: [string, string]): Promise<Student | null> {
+  if (window.parent === window) return null;
+  return await getResponse({ type: "getStudent", contestId }, studentSchema.nullable());
+}
+
+export function setAnswersIframe(variant: Variant) {
+  return async (student: Student, contest: Contest): Promise<Student | null> => {
+    if (window.parent === window) return null;
+
+    return await getResponse(
+      {
+        type: "setAnswers",
+        contestId: contest.id,
+        answers: student.answers,
+        score: calcScore(student, variant.schema),
+        maxScore: sumBy(Object.values(variant.schema).map((problem) => problem.pointsCorrect)),
+      },
+      studentSchema,
+    );
+  };
+}
+
+export function startIframe(variant: Variant) {
+  return async (student: Student, contest: Contest): Promise<Student | null> => {
+    if (window.parent === window) return null;
+
+    return await getResponse(
+      {
+        type: "start",
+        contestId: contest.id,
+        variantId: student.variantId,
+        duration: contest.onlineSettings?.duration ?? 0,
+        score: calcScore(student, variant.schema),
+        maxScore: sumBy(Object.values(variant.schema).map((problem) => problem.pointsCorrect)),
+      },
+      studentSchema,
+    );
+  };
+}
+
+export async function submitIframe(_student: Student, contest: Contest): Promise<Student | null> {
+  if (window.parent === window) return null;
+  return await getResponse({ type: "submit", contestId: contest.id }, studentSchema);
+}
+
+export async function resetIframe(_student: Student, contest: Contest): Promise<Student | null> {
+  if (window.parent === window) return null;
+  return await getResponse({ type: "reset", contestId: contest.id }, studentSchema);
+}
+
+export async function logoutIframe(): Promise<null> {
+  if (window.parent === window) return null;
+  return await getResponse({ type: "logout" }, z.null());
+}
+
+async function getResponse<Message extends { type: string }, Data>(
+  message: Message,
+  schema: z.ZodType<Data>,
+  timeout = 10_000,
+): Promise<Data> {
+  const messageId = crypto.randomUUID();
+
+  const controller = new AbortController();
+  const responsePromise = new Promise<Data>((resolve, reject) => {
+    window.addEventListener(
+      "message",
+      (ev) => {
+        try {
+          const response = validate(
+            messageSchema,
+            cloneDeepWith(ev.data, (value) => (isDate(value) ? new Date(value) : undefined)),
+          );
+          if (response.messageId !== messageId) return;
+
+          if (response.success) {
+            resolve(validate(schema, response.data));
+          } else {
+            reject(new Error(response.error));
+          }
+        } catch (err) {
+          reject(err);
+        }
+      },
+      { signal: controller.signal },
+    );
+  });
+
+  window.parent.postMessage({ ...message, messageId }, "*");
+
+  try {
+    const timeoutPromise = new Promise<never>((_, reject) => setTimeout(() => reject(), timeout));
+    return await Promise.race([responsePromise, timeoutPromise]);
+  } finally {
+    controller.abort();
+  }
+}
+
+const messageSchema = z.discriminatedUnion("success", [
+  z.object({
+    success: z.literal(true),
+    messageId: z.string(),
+    data: z.any(),
+  }),
+  z.object({
+    success: z.literal(false),
+    messageId: z.string(),
+    error: z.string(),
+  }),
+]);

package/src/entry/index.tsx

@@ -0,0 +1,2 @@
+export * from "./provider";
+export * from "./statement";

package/src/entry/provider.tsx

@@ -0,0 +1,193 @@
+import { type ReactNode, useCallback, useMemo, useState } from "react";
+
+import { TitleProvider } from "@olinfo/quizms/components";
+import {
+  type Answer,
+  type Contest,
+  type Student,
+  type Variant,
+  type VariantsConfig,
+  type Venue,
+  variantSchema,
+} from "@olinfo/quizms/models";
+import { StudentProvider } from "@olinfo/quizms/student";
+import { Rng, validate } from "@olinfo/quizms/utils";
+import { addMinutes, subSeconds } from "date-fns";
+import useSWR, { preload } from "swr";
+
+import {
+  getStudentIframe,
+  getTitleIframe,
+  logoutIframe,
+  resetIframe,
+  setAnswersIframe,
+  startIframe,
+  submitIframe,
+} from "./iframe";
+import { TrainingStatementContext } from "./statement";
+
+export function TrainingProvider({
+  contest,
+  children,
+}: {
+  contest: Contest & VariantsConfig;
+  children: ReactNode;
+}) {
+  const { data: title } = useSWR("getTitle", getTitleIframe, { suspense: true });
+
+  const { data: iframeStudent, mutate } = useSWR(["student", contest.id], getStudentIframe, {
+    suspense: true,
+  });
+  const [anonymousStudent, setAnonymousStudent] = useState<Student>(
+    createAnonymousStudent(contest),
+  );
+
+  const { student, type } = useMemo(
+    () =>
+      iframeStudent
+        ? { type: "iframe", student: iframeStudent }
+        : { type: "anonymous", student: anonymousStudent },
+    [iframeStudent, anonymousStudent],
+  );
+
+  const { data: variant } = useSWR(
+    student.variantId && ["variant", contest.id, student.variantId],
+    getVariant,
+    {
+      revalidateOnFocus: false,
+      revalidateIfStale: false,
+    },
+  );
+
+  const updateStudent = useCallback(
+    async (
+      iframeFn: (student: Student, contest: Contest) => Promise<Student | null>,
+      updateFn: (student: Student) => Student,
+    ) => {
+      if (type === "anonymous") {
+        setAnonymousStudent(updateFn);
+      } else {
+        await mutate((student) => (student ? iframeFn(updateFn(student), contest) : null), {
+          optimisticData: (student) => (student ? updateFn(student) : null),
+        });
+      }
+    },
+    [type, contest, mutate],
+  );
+
+  const mockVenue: Venue = useMemo(
+    () => ({
+      id: "",
+      schoolId: "",
+      contestId: contest.id,
+      name: "",
+      participationWindow: student.participationWindow,
+      finalized: false,
+      disabled: false,
+      pdfVariants: [],
+    }),
+    [contest.id, student.participationWindow],
+  );
+
+  const setAnswer = useCallback(
+    async (problemId: string, answer: Answer) => {
+      if (!variant) throw new Error("Variant non loaded");
+      await updateStudent(
+        setAnswersIframe(variant),
+        (student) =>
+          ({ ...student, answers: { ...student.answers, [problemId]: answer } }) satisfies Student,
+      );
+    },
+    [updateStudent, variant],
+  );
+
+  const submit = useCallback(async () => {
+    await updateStudent(
+      submitIframe,
+      (student) =>
+        ({
+          ...student,
+          participationWindow: { start: student.participationWindow!.start, end: new Date() },
+        }) satisfies Student,
+    );
+  }, [updateStudent]);
+
+  const reset = useCallback(async () => {
+    await updateStudent(
+      resetIframe,
+      (student) =>
+        ({
+          ...student,
+          answers: {},
+          participationWindow: undefined,
+        }) satisfies Student,
+    );
+  }, [updateStudent]);
+
+  const logout = useCallback(async () => {
+    await updateStudent(logoutIframe, (student) => student);
+  }, [updateStudent]);
+
+  const start = useCallback(async () => {
+    const now = new Date();
+    const variantId = getRandomVariant(contest);
+    const variant = await preload(["variant", contest.id, variantId], getVariant);
+    await updateStudent(
+      startIframe(variant),
+      (student) =>
+        ({
+          ...student,
+          variantId,
+          participationWindow: {
+            start: subSeconds(now, 2),
+            end: addMinutes(now, contest.onlineSettings?.duration ?? 0),
+          },
+        }) satisfies Student,
+    );
+  }, [contest, updateStudent]);
+
+  return (
+    <TitleProvider title={title}>
+      <TrainingStatementContext.Provider value={{ start }}>
+        <StudentProvider
+          contest={contest}
+          venue={mockVenue}
+          student={student}
+          setAnswer={setAnswer}
+          submit={submit}
+          reset={reset}
+          logout={logout}
+          enforceFullscreen={false}
+          schema={variant?.schema}>
+          {children}
+        </StudentProvider>
+      </TrainingStatementContext.Provider>
+    </TitleProvider>
+  );
+}
+TrainingProvider.displayName = "TrainingProvider";
+
+function createAnonymousStudent(contest: VariantsConfig): Student {
+  return {
+    id: "",
+    userData: {
+      name: "Utente",
+      surname: "anonimo",
+    },
+    answers: {},
+    contestId: contest.id,
+  };
+}
+
+const rng = new Rng();
+
+function getRandomVariant(contest: VariantsConfig): string {
+  return rng.choice(contest.variantIds);
+}
+
+async function getVariant([, contestId, variantId]: [string, string, string]): Promise<Variant> {
+  const resp = await fetch(`/variants/${contestId}/${variantId}/answers.json`);
+  if (!resp.ok) throw new Error("Failed to fetch schema");
+  const json: unknown = await resp.json();
+  return validate(variantSchema, json);
+}

package/src/entry/statement.tsx

@@ -0,0 +1,30 @@
+import { createContext, useContext } from "react";
+
+import { RemoteStatement, useStudent } from "@olinfo/quizms/student";
+import { Button } from "@olinfo/react-components";
+
+export const TrainingStatementContext = createContext<{
+  start?: () => Promise<void> | void;
+}>({});
+
+export function TrainingStatement() {
+  const { student, contest } = useStudent();
+  const { start } = useContext(TrainingStatementContext);
+
+  if (!student.participationWindow) {
+    return (
+      <div className="flex h-[50vh] flex-col items-center justify-center">
+        <Button className="btn-success btn-lg" onClick={start}>
+          Inizia
+        </Button>
+      </div>
+    );
+  }
+
+  return (
+    <RemoteStatement
+      statementUrl={() => `/variants/${contest.id}/${student.variantId}/statement.txt`}
+      moduleUrl={(id) => `/variants/${contest.id}/${student.variantId}/${id}`}
+    />
+  );
+}

package/src/vite/entry.ts

@@ -0,0 +1,47 @@
+import { reactComponentCase } from "@olinfo/quizms/utils";
+import { loadContests } from "@olinfo/quizms/utils-node";
+import { type PluginOption, transformWithEsbuild } from "vite";
+
+export default async function trainingEntry(): Promise<PluginOption> {
+  const contests = await loadContests();
+
+  return {
+    name: "quizms:training-entry",
+    resolveId(id) {
+      const [pathname] = id.split("?");
+      if (pathname === "virtual:quizms-training-entry") {
+        return `\0${id}`;
+      }
+    },
+    load(id) {
+      const [pathname, query] = id.split("?");
+      if (pathname === "\0virtual:quizms-training-entry") {
+        const params = new URLSearchParams(query);
+        const contestId = params.get("id");
+        const contest = contests.find((c) => c.id === contestId)!;
+        const isDev = params.has("dev");
+
+        const entry = `
+import { createApp } from "@olinfo/quizms/entry";
+import { TrainingProvider, TrainingStatement } from "@olinfo/quizms-training/entry";
+import { Route, Switch } from "wouter";
+
+${isDev ? `import ${reactComponentCase(contest.id)} from "/${contest.entry}";` : ""}
+${contest.header ? `import ${reactComponentCase(contest.id)}Header from "/${contest.header}";` : ""}
+
+export default function createTrainingEntry() {
+  return createApp(
+    <TrainingProvider contest={${JSON.stringify(contest)}}>
+      ${contest.header ? `<${reactComponentCase(contest.id)}Header />` : ""}
+      ${isDev ? `<${reactComponentCase(contest.id)} />` : "<TrainingStatement />"}
+    </TrainingProvider>
+  );
+}
+`;
+        return transformWithEsbuild(entry, "virtual-quizms-training-entry.jsx", {
+          jsx: "automatic",
+        });
+      }
+    },
+  };
+}

package/src/vite/index.ts

@@ -0,0 +1,4 @@
+import trainingEntry from "./entry";
+import trainingPreset from "./preset";
+
+export default [trainingEntry(), trainingPreset()] as any;

package/src/vite/preset.ts

@@ -0,0 +1,45 @@
+import { loadContests } from "@olinfo/quizms/utils-node";
+import { defaultClientConditions, defaultClientMainFields, type PluginOption } from "vite";
+
+export default async function trainingPreset(): Promise<PluginOption> {
+  const contests = await loadContests();
+
+  return {
+    name: "quizms:training-preset",
+    apply: "build",
+    config() {
+      return {
+        environments: {
+          training: {
+            resolve: {
+              conditions: [...defaultClientConditions],
+              mainFields: [...defaultClientMainFields],
+              noExternal: true,
+            },
+            build: {
+              rollupOptions: {
+                input: Object.fromEntries(
+                  contests.map((contest) => [
+                    contest.id,
+                    `virtual:quizms-entry?id=${encodeURIComponent(`virtual:quizms-training-entry?id=${contest.id}`)}`,
+                  ]),
+                ),
+              },
+              sourcemap: true,
+            },
+          },
+        },
+      };
+    },
+    buildStart() {
+      if (this.environment.name === "training") {
+        process.env.QUIZMS_SHOW_SOLUTIONS = "true";
+        this.emitFile({
+          type: "asset",
+          fileName: "contests.json",
+          source: JSON.stringify(contests),
+        });
+      }
+    },
+  };
+}

package/tailwind.config.mjs

@@ -0,0 +1,7 @@
+import olinfoPresets from "@olinfo/tailwind";
+
+/** @type {import("tailwindcss").Config} */
+export default {
+  presets: [olinfoPresets],
+  content: ["./src/**/*.{ts,tsx}", "./node_modules/@olinfo/react-components/dist/**/*.js"],
+};

package/tsconfig.json

@@ -0,0 +1,28 @@
+{
+  "compilerOptions": {
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "target": "es2022",
+    "declaration": true,
+    "declarationDir": "dist",
+    "jsx": "react-jsx",
+    "types": ["vite/client"],
+    "strict": true,
+    "noImplicitAny": true,
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "forceConsistentCasingInFileNames": true,
+    "noFallthroughCasesInSwitch": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "baseUrl": "./",
+    "paths": {
+      "~/*": ["./src/*"]
+    },
+    "rootDir": "src",
+    "outDir": "dist"
+  },
+  "include": ["src/"]
+}

package/vite.config.mjs

@@ -0,0 +1,26 @@
+import nodeExternals from "rollup-plugin-node-externals";
+import preserveDirectives from "rollup-preserve-directives";
+import { defineConfig } from "vite";
+import dts from "vite-plugin-dts";
+import tsconfigPaths from "vite-tsconfig-paths";
+
+export default defineConfig({
+  build: {
+    lib: {
+      entry: {
+        entry: "src/entry/index.tsx",
+        vite: "src/vite/index.ts",
+      },
+      formats: ["es"],
+    },
+    target: "esnext",
+    sourcemap: true,
+    rollupOptions: {
+      output: {
+        preserveModules: true,
+        hoistTransitiveImports: false,
+      },
+    },
+  },
+  plugins: [dts({ rollupTypes: true }), nodeExternals(), preserveDirectives(), tsconfigPaths()],
+});