@olinfo/quizms-firebase 4.0.0 → 4.1.0

package/dist/src/web/entry/student.js

@@ -1,47 +1,44 @@
-import { jsx as t, jsxs as u, Fragment as b } from "react/jsx-runtime";
+import { jsx as t, jsxs as u, Fragment as f } from "react/jsx-runtime";
 import { useMemo as w, useCallback as p, useEffect as v } from "react";
-import { Title as x, StudentFormField as F } from "@olinfo/quizms/components";
+import { Title as F, StudentFormField as x } from "@olinfo/quizms/components";
 import { StudentProvider as I } from "@olinfo/quizms/student";
-import { Navbar as k, NavbarBrand as A, Form as C, SelectField as D, TextField as W, SubmitButton as y } from "@olinfo/react-components";
-import { signOut as E, getAuth as g, signInWithCustomToken as H } from "firebase/auth";
-import { waitForPendingWrites as f } from "firebase/firestore";
-import { isEqual as N } from "lodash-es";
+import { useUserAgent as k } from "@olinfo/quizms/utils";
+import { Navbar as A, NavbarBrand as C, Form as W, SelectField as y, TextField as E, SubmitButton as H } from "@olinfo/react-components";
+import { signOut as N, getAuth as g, signInWithCustomToken as D } from "firebase/auth";
+import { waitForPendingWrites as h } from "firebase/firestore";
+import { isEqual as T } from "lodash-es";
 import { studentLogin as j } from "../common/api.js";
 import { useDb as S } from "../common/base-login.js";
 import { contestConverter as M, studentConverter as P, participationConverter as R } from "../common/converters.js";
-import { useWebsite as T } from "../common/website.js";
-import { useAuth as q } from "../hooks/auth.js";
-import { useCollection as z } from "../hooks/collection.js";
-import { useDocument as h } from "../hooks/document.js";
-import { StudentRestoring as B } from "./student-restoring.js";
-import { FirebaseStatement as O } from "./student-statement.js";
-import G from "virtual:quizms-firebase-header";
-function ut() {
-  const e = q("student"), o = T(), [a] = z("contests", M, {
-    constraints: { id: o.contests },
-    subscribe: !0
+import { useWebsite as q } from "../common/website.js";
+import { useAuth as z } from "../hooks/auth.js";
+import { useCollection as B } from "../hooks/collection.js";
+import { useDocument as b } from "../hooks/document.js";
+import { StudentRestoring as O } from "./student-restoring.js";
+import { FirebaseStatement as G } from "./student-statement.js";
+import L from "virtual:quizms-firebase-header";
+function lt() {
+  const e = z("student"), s = q(), [o] = B("contests", M, {
+    constraints: { id: s.contests }
   });
-  return e ? /* @__PURE__ */ t(B, { user: e.user, children: /* @__PURE__ */ t(
+  return e ? /* @__PURE__ */ t(O, { user: e.user, children: /* @__PURE__ */ t(
     V,
     {
-      contests: a,
+      contests: o,
       participationId: e.claims.participationId,
       studentId: e.claims.studentId
     }
-  ) }) : /* @__PURE__ */ t(L, { contests: a });
+  ) }) : /* @__PURE__ */ t(U, { contests: o });
 }
-function L({ contests: e }) {
-  const o = S(), a = p(
-    async ({ contestId: n, token: s, ...i }) => {
-      const d = await j(o, {
-        contestId: n,
-        token: s,
-        userData: {
-          ...i,
-          birthDate: i.birthDate ? new Date(i.birthDate) : void 0
-        },
+function U({ contests: e }) {
+  const s = S(), o = k(), d = p(
+    async ({ contestId: r, token: a, ...n }) => {
+      const l = await j({
+        contestId: r,
+        token: a,
+        userData: n,
         extraData: {
-          userAgent: navigator.userAgent,
+          userAgent: o,
           windowWidth: window.innerWidth,
           windowHeight: window.innerHeight,
           screenWidth: window.screen.availWidth,
@@ -49,36 +46,36 @@ function L({ contests: e }) {
           pixelRatio: window.devicePixelRatio,
           darkMode: window.matchMedia("(prefers-color-scheme: dark)").matches
         }
-      }), m = g(o.app);
-      await H(m, d.token), await document.documentElement.requestFullscreen();
+      }), c = g(s.app);
+      await D(c, l), o.hasFullscreen && await document.documentElement.requestFullscreen?.();
     },
-    [o]
-  ), r = w(
+    [s, o]
+  ), i = w(
     () => ({
       contestId: e.length === 1 ? e[0].id : void 0
     }),
     [e]
   );
-  return /* @__PURE__ */ u(b, { children: [
-    /* @__PURE__ */ t(k, { color: "bg-base-300 text-base-content", children: /* @__PURE__ */ t(A, { children: /* @__PURE__ */ t("div", { className: "flex items-center h-full font-bold", children: /* @__PURE__ */ t(x, {}) }) }) }),
-    /* @__PURE__ */ u(C, { defaultValue: r, onSubmit: a, className: "p-4 pb-8", children: [
+  return /* @__PURE__ */ u(f, { children: [
+    /* @__PURE__ */ t(A, { color: "bg-base-300 text-base-content", children: /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t("div", { className: "flex items-center h-full font-bold", children: /* @__PURE__ */ t(F, {}) }) }) }),
+    /* @__PURE__ */ u(W, { defaultValue: i, onSubmit: d, className: "p-4 pb-8", children: [
       /* @__PURE__ */ t("h1", { className: "mb-2 text-xl font-bold", children: "Accedi alla gara" }),
       /* @__PURE__ */ t(
-        D,
+        y,
         {
           field: "contestId",
           label: "Gara",
-          options: Object.fromEntries(e.map((n) => [n.id, n.name])),
+          options: Object.fromEntries(e.map((r) => [r.id, r.name])),
           placeholder: "Seleziona una gara"
         }
       ),
-      ({ contestId: n }) => {
-        const s = e.find((i) => i.id === n);
-        if (s)
-          return /* @__PURE__ */ u(b, { children: [
-            s.userData.map((i) => /* @__PURE__ */ t(F, { field: i }, i.name)),
-            /* @__PURE__ */ t(W, { field: "token", label: "Codice prova", placeholder: "aaaaa-bbbbb-ccccc" }),
-            /* @__PURE__ */ t(y, { children: "Inizia la prova" })
+      ({ contestId: r }) => {
+        const a = e.find((n) => n.id === r);
+        if (a)
+          return /* @__PURE__ */ u(f, { children: [
+            a.userData.map((n) => /* @__PURE__ */ t(x, { field: n }, n.name)),
+            /* @__PURE__ */ t(E, { field: "token", label: "Codice prova", placeholder: "aaaaa-bbbbb-ccccc" }),
+            /* @__PURE__ */ t(H, { children: "Inizia la prova" })
           ] });
       }
     ] })
@@ -86,46 +83,43 @@ function L({ contests: e }) {
 }
 function V({
   contests: e,
-  participationId: o,
-  studentId: a
+  participationId: s,
+  studentId: o
 }) {
-  const r = S(), [n, s] = h(
-    `participations/${o}/students`,
-    a,
-    P,
-    { subscribe: !0 }
-  ), [i] = h("participations", o, R, {
-    subscribe: !0
-  }), d = w(
-    () => e.find((c) => c.id === n.contestId),
-    [e, n.contestId]
-  ), m = p(async () => {
-    await f(r);
-  }, [r]), l = p(async () => {
-    await f(r), await E(g(r.app)), window.location.reload();
-  }, [r]);
+  const d = S(), [i, r] = b(
+    `participations/${s}/students`,
+    o,
+    P
+  ), [a] = b("participations", s, R), n = w(
+    () => e.find((m) => m.id === i.contestId),
+    [e, i.contestId]
+  ), l = p(async () => {
+    await h(d);
+  }, [d]), c = p(async () => {
+    await h(d), await N(g(d.app)), window.location.reload();
+  }, [d]);
   return v(() => {
-    i.token !== n.token && l();
-  }, [i.token, n.token, l]), /* @__PURE__ */ u(
+    a.token !== i.token && c();
+  }, [a.token, i.token, c]), /* @__PURE__ */ u(
     I,
     {
-      contest: d,
-      participation: i,
-      student: n,
-      setStudent: async (c) => {
-        N(n, c) || await s({ ...c });
+      contest: n,
+      participation: a,
+      student: i,
+      setStudent: async (m) => {
+        T(i, m) || await r({ ...m });
       },
-      logout: l,
-      onSubmit: m,
+      logout: c,
+      onSubmit: l,
       enforceFullscreen: !0,
       children: [
-        /* @__PURE__ */ t(G, { contestId: d.id }),
-        /* @__PURE__ */ t(O, {})
+        /* @__PURE__ */ t(L, { contestId: n.id }),
+        /* @__PURE__ */ t(G, {})
       ]
     }
   );
 }
 export {
-  ut as default
+  lt as default
 };
 //# sourceMappingURL=student.js.map

package/dist/src/web/entry/student.js.map

@@ -1 +1 @@
-{"version":3,"file":"student.js","sources":["../../../../src/web/entry/student.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo } from \"react\";\n\nimport { StudentFormField, Title } from \"@olinfo/quizms/components\";\nimport type { Contest, Student } from \"@olinfo/quizms/models\";\nimport { StudentProvider } from \"@olinfo/quizms/student\";\nimport {\n  Form,\n  Navbar,\n  NavbarBrand,\n  SelectField,\n  SubmitButton,\n  TextField,\n} from \"@olinfo/react-components\";\nimport { getAuth, signInWithCustomToken, signOut } from \"firebase/auth\";\nimport { waitForPendingWrites } from \"firebase/firestore\";\nimport { isEqual } from \"lodash-es\";\n\nimport { studentLogin } from \"~/web/common/api\";\nimport { useDb } from \"~/web/common/base-login\";\nimport {\n  contestConverter,\n  participationConverter,\n  studentConverter,\n} from \"~/web/common/converters\";\nimport { useWebsite } from \"~/web/common/website\";\nimport { useAuth, useCollection, useDocument } from \"~/web/hooks\";\n\nimport { StudentRestoring } from \"./student-restoring\";\nimport { FirebaseStatement } from \"./student-statement\";\n// @ts-expect-error\nimport Header from \"virtual:quizms-firebase-header\";\n\nexport default function StudentEntry() {\n  const auth = useAuth(\"student\");\n\n  const website = useWebsite();\n  const [contests] = useCollection(\"contests\", contestConverter, {\n    constraints: { id: website.contests },\n    subscribe: true,\n  });\n\n  if (auth) {\n    return (\n      <StudentRestoring user={auth.user}>\n        <StudentInner\n          contests={contests}\n          participationId={auth.claims.participationId}\n          studentId={auth.claims.studentId}\n        />\n      </StudentRestoring>\n    );\n  }\n\n  return <StudentForm contests={contests} />;\n}\n\ntype FormStudent = {\n  contestId: string;\n  token: string;\n} & Student[\"userData\"];\n\nfunction StudentForm({ contests }: { contests: Contest[] }) {\n  const db = useDb();\n\n  const submit = useCallback(\n    async ({ contestId, token, ...userData }: FormStudent) => {\n      const data = await studentLogin(db, {\n        contestId,\n        token,\n        userData: {\n          ...userData,\n          birthDate: userData.birthDate ? new Date(userData.birthDate) : undefined,\n        },\n        extraData: {\n          userAgent: navigator.userAgent,\n          windowWidth: window.innerWidth,\n          windowHeight: window.innerHeight,\n          screenWidth: window.screen.availWidth,\n          screenHeight: window.screen.availHeight,\n          pixelRatio: window.devicePixelRatio,\n          darkMode: window.matchMedia(\"(prefers-color-scheme: dark)\").matches,\n        },\n      });\n\n      const auth = getAuth(db.app);\n      await signInWithCustomToken(auth, data.token);\n      await document.documentElement.requestFullscreen();\n    },\n    [db],\n  );\n\n  const defaultValue = useMemo(\n    () => ({\n      contestId: contests.length === 1 ? contests[0].id : undefined,\n    }),\n    [contests],\n  );\n\n  return (\n    <>\n      <Navbar color=\"bg-base-300 text-base-content\">\n        <NavbarBrand>\n          <div className=\"flex items-center h-full font-bold\">\n            <Title />\n          </div>\n        </NavbarBrand>\n      </Navbar>\n      <Form defaultValue={defaultValue} onSubmit={submit} className=\"p-4 pb-8\">\n        <h1 className=\"mb-2 text-xl font-bold\">Accedi alla gara</h1>\n        <SelectField\n          field=\"contestId\"\n          label=\"Gara\"\n          options={Object.fromEntries(contests.map((c) => [c.id, c.name]))}\n          placeholder=\"Seleziona una gara\"\n        />\n        {({ contestId }) => {\n          const contest = contests.find((c) => c.id === contestId);\n          if (!contest) return;\n          return (\n            <>\n              {contest.userData.map((field) => (\n                <StudentFormField key={field.name} field={field} />\n              ))}\n              <TextField field=\"token\" label=\"Codice prova\" placeholder=\"aaaaa-bbbbb-ccccc\" />\n              <SubmitButton>Inizia la prova</SubmitButton>\n            </>\n          );\n        }}\n      </Form>\n    </>\n  );\n}\n\nfunction StudentInner({\n  contests,\n  participationId,\n  studentId,\n}: {\n  contests: Contest[];\n  participationId: string;\n  studentId: string;\n}) {\n  const db = useDb();\n\n  const [student, setStudent] = useDocument(\n    `participations/${participationId}/students`,\n    studentId,\n    studentConverter,\n    { subscribe: true },\n  );\n  const [participation] = useDocument(\"participations\", participationId, participationConverter, {\n    subscribe: true,\n  });\n\n  const contest = useMemo(\n    () => contests.find((c) => c.id === student.contestId)!,\n    [contests, student.contestId],\n  );\n\n  const onSubmit = useCallback(async () => {\n    await waitForPendingWrites(db);\n  }, [db]);\n\n  const logout = useCallback(async () => {\n    await waitForPendingWrites(db);\n    await signOut(getAuth(db.app));\n    window.location.reload();\n  }, [db]);\n\n  useEffect(() => {\n    if (participation.token !== student.token) {\n      void logout();\n    }\n  }, [participation.token, student.token, logout]);\n\n  const setStudentAndSubmission = async (newStudent: Student) => {\n    if (!isEqual(student, newStudent)) {\n      await setStudent({ ...newStudent });\n    }\n  };\n\n  return (\n    <StudentProvider\n      contest={contest}\n      participation={participation}\n      student={student}\n      setStudent={setStudentAndSubmission}\n      logout={logout}\n      onSubmit={onSubmit}\n      enforceFullscreen={true}>\n      <Header contestId={contest.id} />\n      <FirebaseStatement />\n    </StudentProvider>\n  );\n}\n"],"names":["StudentEntry","auth","useAuth","website","useWebsite","contests","useCollection","contestConverter","jsx","StudentRestoring","StudentInner","StudentForm","db","useDb","submit","useCallback","contestId","token","userData","data","studentLogin","getAuth","signInWithCustomToken","defaultValue","useMemo","jsxs","Fragment","Navbar","NavbarBrand","Title","Form","SelectField","c","contest","field","StudentFormField","TextField","SubmitButton","participationId","studentId","student","setStudent","useDocument","studentConverter","participation","participationConverter","onSubmit","waitForPendingWrites","logout","signOut","useEffect","StudentProvider","newStudent","isEqual","Header","FirebaseStatement"],"mappings":"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"}
+{"version":3,"file":"student.js","sources":["../../../../src/web/entry/student.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo } from \"react\";\n\nimport { StudentFormField, Title } from \"@olinfo/quizms/components\";\nimport type { Contest, Student } from \"@olinfo/quizms/models\";\nimport { StudentProvider } from \"@olinfo/quizms/student\";\nimport { useUserAgent } from \"@olinfo/quizms/utils\";\nimport {\n  Form,\n  Navbar,\n  NavbarBrand,\n  SelectField,\n  SubmitButton,\n  TextField,\n} from \"@olinfo/react-components\";\nimport { getAuth, signInWithCustomToken, signOut } from \"firebase/auth\";\nimport { waitForPendingWrites } from \"firebase/firestore\";\nimport { isEqual } from \"lodash-es\";\n\nimport { studentLogin } from \"~/web/common/api\";\nimport { useDb } from \"~/web/common/base-login\";\nimport {\n  contestConverter,\n  participationConverter,\n  studentConverter,\n} from \"~/web/common/converters\";\nimport { useWebsite } from \"~/web/common/website\";\nimport { useAuth, useCollection, useDocument } from \"~/web/hooks\";\n\nimport { StudentRestoring } from \"./student-restoring\";\nimport { FirebaseStatement } from \"./student-statement\";\n// @ts-expect-error\nimport Header from \"virtual:quizms-firebase-header\";\n\nexport default function StudentEntry() {\n  const auth = useAuth(\"student\");\n\n  const website = useWebsite();\n  const [contests] = useCollection(\"contests\", contestConverter, {\n    constraints: { id: website.contests },\n  });\n\n  if (auth) {\n    return (\n      <StudentRestoring user={auth.user}>\n        <StudentInner\n          contests={contests}\n          participationId={auth.claims.participationId}\n          studentId={auth.claims.studentId}\n        />\n      </StudentRestoring>\n    );\n  }\n\n  return <StudentForm contests={contests} />;\n}\n\ntype FormStudent = {\n  contestId: string;\n  token: string;\n} & Required<NonNullable<Student[\"userData\"]>>;\n\nfunction StudentForm({ contests }: { contests: Contest[] }) {\n  const db = useDb();\n  const ua = useUserAgent();\n\n  const submit = useCallback(\n    async ({ contestId, token, ...userData }: FormStudent) => {\n      const authToken = await studentLogin({\n        contestId,\n        token,\n        userData,\n        extraData: {\n          userAgent: ua,\n          windowWidth: window.innerWidth,\n          windowHeight: window.innerHeight,\n          screenWidth: window.screen.availWidth,\n          screenHeight: window.screen.availHeight,\n          pixelRatio: window.devicePixelRatio,\n          darkMode: window.matchMedia(\"(prefers-color-scheme: dark)\").matches,\n        },\n      });\n\n      const auth = getAuth(db.app);\n      await signInWithCustomToken(auth, authToken);\n      if (ua.hasFullscreen) {\n        await document.documentElement.requestFullscreen?.();\n      }\n    },\n    [db, ua],\n  );\n\n  const defaultValue = useMemo(\n    () => ({\n      contestId: contests.length === 1 ? contests[0].id : undefined,\n    }),\n    [contests],\n  );\n\n  return (\n    <>\n      <Navbar color=\"bg-base-300 text-base-content\">\n        <NavbarBrand>\n          <div className=\"flex items-center h-full font-bold\">\n            <Title />\n          </div>\n        </NavbarBrand>\n      </Navbar>\n      <Form defaultValue={defaultValue} onSubmit={submit} className=\"p-4 pb-8\">\n        <h1 className=\"mb-2 text-xl font-bold\">Accedi alla gara</h1>\n        <SelectField\n          field=\"contestId\"\n          label=\"Gara\"\n          options={Object.fromEntries(contests.map((c) => [c.id, c.name]))}\n          placeholder=\"Seleziona una gara\"\n        />\n        {({ contestId }) => {\n          const contest = contests.find((c) => c.id === contestId);\n          if (!contest) return;\n          return (\n            <>\n              {contest.userData.map((field) => (\n                <StudentFormField key={field.name} field={field} />\n              ))}\n              <TextField field=\"token\" label=\"Codice prova\" placeholder=\"aaaaa-bbbbb-ccccc\" />\n              <SubmitButton>Inizia la prova</SubmitButton>\n            </>\n          );\n        }}\n      </Form>\n    </>\n  );\n}\n\nfunction StudentInner({\n  contests,\n  participationId,\n  studentId,\n}: {\n  contests: Contest[];\n  participationId: string;\n  studentId: string;\n}) {\n  const db = useDb();\n\n  const [student, setStudent] = useDocument(\n    `participations/${participationId}/students`,\n    studentId,\n    studentConverter,\n  );\n  const [participation] = useDocument(\"participations\", participationId, participationConverter);\n\n  const contest = useMemo(\n    () => contests.find((c) => c.id === student.contestId)!,\n    [contests, student.contestId],\n  );\n\n  const onSubmit = useCallback(async () => {\n    await waitForPendingWrites(db);\n  }, [db]);\n\n  const logout = useCallback(async () => {\n    await waitForPendingWrites(db);\n    await signOut(getAuth(db.app));\n    window.location.reload();\n  }, [db]);\n\n  useEffect(() => {\n    if (participation.token !== student.token) {\n      void logout();\n    }\n  }, [participation.token, student.token, logout]);\n\n  const setStudentAndSubmission = async (newStudent: Student) => {\n    if (!isEqual(student, newStudent)) {\n      await setStudent({ ...newStudent });\n    }\n  };\n\n  return (\n    <StudentProvider\n      contest={contest}\n      participation={participation}\n      student={student}\n      setStudent={setStudentAndSubmission}\n      logout={logout}\n      onSubmit={onSubmit}\n      enforceFullscreen={true}>\n      <Header contestId={contest.id} />\n      <FirebaseStatement />\n    </StudentProvider>\n  );\n}\n"],"names":["StudentEntry","auth","useAuth","website","useWebsite","contests","useCollection","contestConverter","jsx","StudentRestoring","StudentInner","StudentForm","db","useDb","ua","useUserAgent","submit","useCallback","contestId","token","userData","authToken","studentLogin","getAuth","signInWithCustomToken","defaultValue","useMemo","jsxs","Fragment","Navbar","NavbarBrand","Title","Form","SelectField","c","contest","field","StudentFormField","TextField","SubmitButton","participationId","studentId","student","setStudent","useDocument","studentConverter","participation","participationConverter","onSubmit","waitForPendingWrites","logout","signOut","useEffect","StudentProvider","newStudent","isEqual","Header","FirebaseStatement"],"mappings":"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"}

package/dist/src/web/entry/teacher.js

@@ -1,88 +1,88 @@
-import { jsx as u } from "react/jsx-runtime";
-import { useCallback as v } from "react";
-import { TeacherProvider as g } from "@olinfo/quizms/teacher";
-import { signOut as h, getAuth as w } from "firebase/auth";
-import { writeBatch as f, doc as d, serverTimestamp as P } from "firebase/firestore";
-import { getStorage as y, getBytes as C, ref as R } from "firebase/storage";
-import { finalizeParticipation as I, stopParticipation as S, startParticipation as k } from "../common/api.js";
-import { useDb as b } from "../common/base-login.js";
-import { contestConverter as A, participationConverter as l, studentRestoreConvert as T, studentConverter as B, variantConverter as $ } from "../common/converters.js";
-import j from "../common/token-login.js";
-import { useWebsite as x } from "../common/website.js";
+import { jsx as d } from "react/jsx-runtime";
+import { useCallback as g } from "react";
+import { TeacherProvider as h } from "@olinfo/quizms/teacher";
+import { signOut as w, getAuth as y } from "firebase/auth";
+import { writeBatch as f, doc as u, serverTimestamp as b } from "firebase/firestore";
+import { getStorage as C, getBytes as P, ref as R } from "firebase/storage";
+import { finalizeParticipation as A, stopParticipation as I, startParticipation as S } from "../common/api.js";
+import { useDb as l } from "../common/base-login.js";
+import { contestConverter as k, participationConverter as v, studentRestoreConvert as B, studentConverter as T, announcementConverter as $, variantConverter as j } from "../common/converters.js";
+import x from "../common/token-login.js";
+import { useWebsite as z } from "../common/website.js";
 import "lodash-es";
 import "react-error-boundary";
 import "swr";
 import { useCollection as c } from "../hooks/collection.js";
-import { useDocument as z } from "../hooks/document.js";
-import { FirebaseStatement as D } from "./student-statement.js";
+import { useDocument as D } from "../hooks/document.js";
+import { FirebaseStatement as E } from "./student-statement.js";
 function rt() {
-  return /* @__PURE__ */ u(j, { allowedRole: "teacher", children: ({ claims: o }) => /* @__PURE__ */ u(E, { schoolId: o.schoolId }) });
+  return /* @__PURE__ */ d(x, { allowedRole: "teacher", children: ({ user: t, claims: e }) => /* @__PURE__ */ d(O, { user: t, schoolId: e.schoolId }) });
 }
-function E({ schoolId: o }) {
-  const t = b(), n = x(), [s] = c("contests", A, {
-    constraints: { id: n.contests },
-    subscribe: !0
-  }), [i] = c("participations", l, {
-    constraints: { contestId: n.contests, schoolId: o },
-    subscribe: !0
-  }), [a] = c("variants", $), r = v(async () => {
-    await h(w(t.app)), window.location.reload();
-  }, [t]);
-  return /* @__PURE__ */ u(
-    g,
+function O({ user: t, schoolId: e }) {
+  const r = l(), s = z(), [a] = c("contests", k, {
+    constraints: { id: s.contests }
+  }), [m] = c("participations", v, {
+    constraints: { contestId: s.contests, schoolId: e }
+  }), [n] = c("variants", j), i = g(async () => {
+    await w(y(r.app)), window.location.reload();
+  }, [r]);
+  return /* @__PURE__ */ d(
+    h,
     {
-      participations: i,
-      contests: s,
-      startParticipation: (...e) => k(t, ...e),
-      stopParticipation: (...e) => S(t, ...e),
-      finalizeParticipation: (...e) => I(t, ...e),
-      variants: a,
-      logout: r,
-      statementComponent: () => /* @__PURE__ */ u(D, {}),
-      getPdfStatements: (e, p) => O(t, e, p),
-      useAnnouncements: F,
-      useStudents: L,
-      useStudentRestores: W
+      participations: m,
+      contests: a,
+      startParticipation: (...o) => S(t, ...o),
+      stopParticipation: (...o) => I(t, ...o),
+      finalizeParticipation: (...o) => A(t, ...o),
+      variants: n,
+      logout: i,
+      statementComponent: () => /* @__PURE__ */ d(E, {}),
+      getPdfStatements: (o, p) => F(r, o, p),
+      useAnnouncements: L,
+      useStudents: W,
+      useStudentRestores: G
     }
   );
 }
-async function O(o, t, n) {
-  const s = y(o.app), i = await Promise.all(
-    n.map(
-      async (a) => [a, await C(R(s, `statements/${t}/${a}/statement.pdf`))]
+async function F(t, e, r) {
+  const s = C(t.app), a = await Promise.all(
+    r.map(
+      async (m) => [m, await P(R(s, `statements/${e}/${m}/statement.pdf`))]
     )
   );
-  return Object.fromEntries(i);
+  return Object.fromEntries(a);
 }
-function F(o) {
-  return [];
+function L(t) {
+  const [e] = c("announcements", $, {
+    arrayConstraints: {
+      contestIds: t
+    },
+    orderBy: ["createdAt", "desc"]
+  });
+  return e;
 }
-function L(o) {
-  return c(`participations/${o}/students`, B, {
-    orderBy: "createdAt",
-    subscribe: !0
+function W(t) {
+  return c(`participations/${t}/students`, T, {
+    orderBy: "createdAt"
   });
 }
-function W(o) {
-  const t = b(), [n] = z("participations", o, l, {
-    subscribe: !0
-  }), [s] = c("studentRestores", T, {
-    constraints: { participationId: o, token: n.token, status: "pending" },
-    orderBy: "createdAt",
-    subscribe: !0
-  }), i = async (r, e) => {
-    const p = f(t);
-    for (const m of s)
-      m.studentId === r && m.id !== e && p.update(d(t, "studentRestores", m.id), { status: "revoked" });
-    await p.commit();
+function G(t) {
+  const e = l(), [r] = D("participations", t, v), [s] = c("studentRestores", B, {
+    constraints: { participationId: t, token: r.token, status: "pending" },
+    orderBy: "createdAt"
+  }), a = async (n, i) => {
+    const o = f(e);
+    for (const p of s)
+      p.studentId === n && p.id !== i && o.update(u(e, "studentRestores", p.id), { status: "revoked" });
+    await o.commit();
   };
-  return [s, async (r) => {
-    const e = f(t);
-    e.update(d(t, `/participations/${o}/students`, r.studentId), {
-      uid: r.id,
-      updatedAt: P()
-    }), e.delete(d(t, "studentRestores", r.id)), await e.commit(), await i(r.studentId, r.id);
-  }, i];
+  return [s, async (n) => {
+    const i = f(e);
+    i.update(u(e, `/participations/${t}/students`, n.studentId), {
+      uid: n.id,
+      updatedAt: b()
+    }), i.delete(u(e, "studentRestores", n.id)), await i.commit(), await a(n.studentId, n.id);
+  }, a];
 }
 export {
   rt as default

package/dist/src/web/entry/teacher.js.map

@@ -1 +1 @@
-{"version":3,"file":"teacher.js","sources":["../../../../src/web/entry/teacher.tsx"],"sourcesContent":["import { useCallback } from \"react\";\n\nimport type { StudentRestore } from \"@olinfo/quizms/models\";\nimport { TeacherProvider } from \"@olinfo/quizms/teacher\";\nimport { getAuth, signOut } from \"firebase/auth\";\nimport { doc, type Firestore, serverTimestamp, writeBatch } from \"firebase/firestore\";\nimport { getBytes, getStorage, ref } from \"firebase/storage\";\n\nimport { finalizeParticipation, startParticipation, stopParticipation } from \"~/web/common/api\";\nimport { useDb } from \"~/web/common/base-login\";\nimport {\n  contestConverter,\n  participationConverter,\n  studentConverter,\n  studentRestoreConvert,\n  variantConverter,\n} from \"~/web/common/converters\";\nimport TokenLogin from \"~/web/common/token-login\";\nimport { useWebsite } from \"~/web/common/website\";\nimport { useCollection, useDocument } from \"~/web/hooks\";\n\nimport { FirebaseStatement } from \"./student-statement\";\n\nexport default function TeacherEntry() {\n  return (\n    <TokenLogin allowedRole=\"teacher\">\n      {({ claims }) => <TeacherInner schoolId={claims.schoolId} />}\n    </TokenLogin>\n  );\n}\n\nfunction TeacherInner({ schoolId }: { schoolId: string }) {\n  const db = useDb();\n\n  const website = useWebsite();\n  const [contests] = useCollection(\"contests\", contestConverter, {\n    constraints: { id: website.contests },\n    subscribe: true,\n  });\n  const [participations] = useCollection(\"participations\", participationConverter, {\n    constraints: { contestId: website.contests, schoolId: schoolId },\n    subscribe: true,\n  });\n  const [variants] = useCollection(\"variants\", variantConverter);\n\n  const logout = useCallback(async () => {\n    await signOut(getAuth(db.app));\n    window.location.reload();\n  }, [db]);\n\n  return (\n    <TeacherProvider\n      participations={participations}\n      contests={contests}\n      startParticipation={(...args) => startParticipation(db, ...args)}\n      stopParticipation={(...args) => stopParticipation(db, ...args)}\n      finalizeParticipation={(...args) => finalizeParticipation(db, ...args)}\n      variants={variants}\n      logout={logout}\n      statementComponent={() => <FirebaseStatement />}\n      getPdfStatements={(contestId, variantIds) => getPdfStatements(db, contestId, variantIds)}\n      useAnnouncements={useAnnouncements}\n      useStudents={useStudents}\n      useStudentRestores={useStudentRestores}\n    />\n  );\n}\n\nasync function getPdfStatements(\n  db: Firestore,\n  contestId: string,\n  variantIds: string[],\n): Promise<Record<string, ArrayBuffer>> {\n  const storage = getStorage(db.app);\n\n  const files = await Promise.all(\n    variantIds.map(\n      async (id) =>\n        [id, await getBytes(ref(storage, `statements/${contestId}/${id}/statement.pdf`))] as const,\n    ),\n  );\n  return Object.fromEntries(files);\n}\n\nfunction useAnnouncements(_participationId: string) {\n  return [];\n}\n\nfunction useStudents(participationId: string) {\n  return useCollection(`participations/${participationId}/students`, studentConverter, {\n    orderBy: \"createdAt\",\n    subscribe: true,\n  });\n}\n\nfunction useStudentRestores(\n  participationId: string,\n): readonly [\n  StudentRestore[],\n  (request: StudentRestore) => Promise<void>,\n  (studentId: string) => Promise<void>,\n] {\n  const db = useDb();\n\n  const [participation] = useDocument(\"participations\", participationId, participationConverter, {\n    subscribe: true,\n  });\n\n  const [studentRestores] = useCollection(\"studentRestores\", studentRestoreConvert, {\n    constraints: { participationId, token: participation.token, status: \"pending\" },\n    orderBy: \"createdAt\",\n    subscribe: true,\n  });\n\n  const reject = async (studentId: string, excludeRestoreId?: string) => {\n    const batch = writeBatch(db);\n\n    for (const studentRestore of studentRestores) {\n      if (studentRestore.studentId === studentId && studentRestore.id !== excludeRestoreId) {\n        batch.update(doc(db, \"studentRestores\", studentRestore.id), { status: \"revoked\" });\n      }\n    }\n\n    await batch.commit();\n  };\n\n  const approve = async (request: StudentRestore) => {\n    const batch = writeBatch(db);\n    batch.update(doc(db, `/participations/${participationId}/students`, request.studentId), {\n      uid: request.id,\n      updatedAt: serverTimestamp(),\n    });\n    batch.delete(doc(db, \"studentRestores\", request.id));\n    await batch.commit();\n\n    await reject(request.studentId, request.id);\n  };\n\n  return [studentRestores, approve, reject];\n}\n"],"names":["TeacherEntry","jsx","TokenLogin","claims","TeacherInner","schoolId","db","useDb","website","useWebsite","contests","useCollection","contestConverter","participations","participationConverter","variants","variantConverter","logout","useCallback","signOut","getAuth","TeacherProvider","args","startParticipation","stopParticipation","finalizeParticipation","FirebaseStatement","contestId","variantIds","getPdfStatements","useAnnouncements","useStudents","useStudentRestores","storage","getStorage","files","id","getBytes","ref","_participationId","participationId","studentConverter","participation","useDocument","studentRestores","studentRestoreConvert","reject","studentId","excludeRestoreId","batch","writeBatch","studentRestore","doc","request","serverTimestamp"],"mappings":"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"}
+{"version":3,"file":"teacher.js","sources":["../../../../src/web/entry/teacher.tsx"],"sourcesContent":["import { useCallback } from \"react\";\n\nimport type { StudentRestore } from \"@olinfo/quizms/models\";\nimport { TeacherProvider } from \"@olinfo/quizms/teacher\";\nimport { getAuth, signOut, type User } from \"firebase/auth\";\nimport { doc, type Firestore, serverTimestamp, writeBatch } from \"firebase/firestore\";\nimport { getBytes, getStorage, ref } from \"firebase/storage\";\n\nimport { finalizeParticipation, startParticipation, stopParticipation } from \"~/web/common/api\";\nimport { useDb } from \"~/web/common/base-login\";\nimport {\n  announcementConverter,\n  contestConverter,\n  participationConverter,\n  studentConverter,\n  studentRestoreConvert,\n  variantConverter,\n} from \"~/web/common/converters\";\nimport TokenLogin from \"~/web/common/token-login\";\nimport { useWebsite } from \"~/web/common/website\";\nimport { useCollection, useDocument } from \"~/web/hooks\";\n\nimport { FirebaseStatement } from \"./student-statement\";\n\nexport default function TeacherEntry() {\n  return (\n    <TokenLogin allowedRole=\"teacher\">\n      {({ user, claims }) => <TeacherInner user={user} schoolId={claims.schoolId} />}\n    </TokenLogin>\n  );\n}\n\nfunction TeacherInner({ user, schoolId }: { user: User; schoolId: string }) {\n  const db = useDb();\n\n  const website = useWebsite();\n  const [contests] = useCollection(\"contests\", contestConverter, {\n    constraints: { id: website.contests },\n  });\n  const [participations] = useCollection(\"participations\", participationConverter, {\n    constraints: { contestId: website.contests, schoolId: schoolId },\n  });\n  const [variants] = useCollection(\"variants\", variantConverter);\n\n  const logout = useCallback(async () => {\n    await signOut(getAuth(db.app));\n    window.location.reload();\n  }, [db]);\n\n  return (\n    <TeacherProvider\n      participations={participations}\n      contests={contests}\n      startParticipation={(...args) => startParticipation(user, ...args)}\n      stopParticipation={(...args) => stopParticipation(user, ...args)}\n      finalizeParticipation={(...args) => finalizeParticipation(user, ...args)}\n      variants={variants}\n      logout={logout}\n      statementComponent={() => <FirebaseStatement />}\n      getPdfStatements={(contestId, variantIds) => getPdfStatements(db, contestId, variantIds)}\n      useAnnouncements={useAnnouncements}\n      useStudents={useStudents}\n      useStudentRestores={useStudentRestores}\n    />\n  );\n}\n\nasync function getPdfStatements(\n  db: Firestore,\n  contestId: string,\n  variantIds: string[],\n): Promise<Record<string, ArrayBuffer>> {\n  const storage = getStorage(db.app);\n\n  const files = await Promise.all(\n    variantIds.map(\n      async (id) =>\n        [id, await getBytes(ref(storage, `statements/${contestId}/${id}/statement.pdf`))] as const,\n    ),\n  );\n  return Object.fromEntries(files);\n}\n\nfunction useAnnouncements(contestId: string) {\n  const [announcements] = useCollection(\"announcements\", announcementConverter, {\n    arrayConstraints: {\n      contestIds: contestId,\n    },\n    orderBy: [\"createdAt\", \"desc\"],\n  });\n  return announcements;\n}\n\nfunction useStudents(participationId: string) {\n  return useCollection(`participations/${participationId}/students`, studentConverter, {\n    orderBy: \"createdAt\",\n  });\n}\n\nfunction useStudentRestores(\n  participationId: string,\n): readonly [\n  StudentRestore[],\n  (request: StudentRestore) => Promise<void>,\n  (studentId: string) => Promise<void>,\n] {\n  const db = useDb();\n\n  const [participation] = useDocument(\"participations\", participationId, participationConverter);\n\n  const [studentRestores] = useCollection(\"studentRestores\", studentRestoreConvert, {\n    constraints: { participationId, token: participation.token, status: \"pending\" },\n    orderBy: \"createdAt\",\n  });\n\n  const reject = async (studentId: string, excludeRestoreId?: string) => {\n    const batch = writeBatch(db);\n\n    for (const studentRestore of studentRestores) {\n      if (studentRestore.studentId === studentId && studentRestore.id !== excludeRestoreId) {\n        batch.update(doc(db, \"studentRestores\", studentRestore.id), { status: \"revoked\" });\n      }\n    }\n\n    await batch.commit();\n  };\n\n  const approve = async (request: StudentRestore) => {\n    const batch = writeBatch(db);\n    batch.update(doc(db, `/participations/${participationId}/students`, request.studentId), {\n      uid: request.id,\n      updatedAt: serverTimestamp(),\n    });\n    batch.delete(doc(db, \"studentRestores\", request.id));\n    await batch.commit();\n\n    await reject(request.studentId, request.id);\n  };\n\n  return [studentRestores, approve, reject];\n}\n"],"names":["TeacherEntry","jsx","TokenLogin","user","claims","TeacherInner","schoolId","db","useDb","website","useWebsite","contests","useCollection","contestConverter","participations","participationConverter","variants","variantConverter","logout","useCallback","signOut","getAuth","TeacherProvider","args","startParticipation","stopParticipation","finalizeParticipation","FirebaseStatement","contestId","variantIds","getPdfStatements","useAnnouncements","useStudents","useStudentRestores","storage","getStorage","files","id","getBytes","ref","announcements","announcementConverter","participationId","studentConverter","participation","useDocument","studentRestores","studentRestoreConvert","reject","studentId","excludeRestoreId","batch","writeBatch","studentRestore","doc","request","serverTimestamp"],"mappings":"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"}

package/dist/src/web/hooks/collection.js

@@ -11,56 +11,55 @@ const d = {
   rollbackOnError: !0,
   populateCache: !0
 };
-function j(s, t, r) {
-  const e = E(), { showBoundary: a } = R(), c = g(e, s).withConverter(t), m = $(e, s, t, r), b = {
-    revalidateIfStale: !r?.subscribe,
-    revalidateOnFocus: !r?.subscribe,
-    revalidateOnMount: !r?.subscribe,
-    revalidateOnReconnect: !r?.subscribe,
+function j(a, t, r) {
+  const e = E(), { showBoundary: s } = R(), i = g(e, a).withConverter(t), m = $(e, a, t, r), p = {
+    revalidateIfStale: !1,
+    revalidateOnFocus: !1,
+    revalidateOnMount: !1,
+    revalidateOnReconnect: !1,
     suspense: !0
-  }, f = `${s}?${JSON.stringify(r)}`, { data: y, mutate: o } = q(f, () => D(m), b), h = C(
-    (i) => x(c, i, o, r),
-    [c, o, r]
+  }, f = `${a}?${JSON.stringify(r)}`, { data: y, mutate: n } = q(f, () => D(m), p), b = C(
+    (o) => x(i, o, n, r),
+    [i, n, r]
   );
   return w(
     f,
-    (i) => {
-      if (!r?.subscribe) return;
-      const p = B(
+    (o) => {
+      const h = B(
         m,
-        (u) => {
+        (c) => {
           try {
-            i(u.docs.map((n) => n.data()));
-          } catch (n) {
-            a(n);
+            o(c.docs.map((u) => u.data()));
+          } catch (u) {
+            s(u);
           }
         },
-        (u) => a(u)
+        (c) => s(c)
       );
-      return () => p();
+      return () => h();
     },
-    (i) => o(i, d)
-  ), [y, h];
+    (o) => n(o, d)
+  ), [y, b];
 }
-async function x(s, t, r, e) {
+async function x(a, t, r, e) {
   await r(
-    async (a) => {
-      const c = O(s, t.id);
-      return await S(c, t), l(a, t, e);
+    async (s) => {
+      const i = O(a, t.id);
+      return await S(i, t), l(s, t, e);
     },
     {
       ...d,
-      optimisticData: (a) => l(a, t, e)
+      optimisticData: (s) => l(s, t, e)
     }
   );
 }
-function l(s, t, r) {
-  if (!s) return [t];
-  let e = s.filter((a) => t.id !== a.id);
+function l(a, t, r) {
+  if (!a) return [t];
+  let e = a.filter((s) => t.id !== s.id);
   return e.push(t), e = k(e, [r?.orderBy ?? "id"]), r?.limit && (e = e.slice(0, r.limit)), e;
 }
-async function D(s) {
-  return (await v(s)).docs.map((r) => r.data({ serverTimestamps: "estimate" }));
+async function D(a) {
+  return (await v(a)).docs.map((r) => r.data({ serverTimestamps: "estimate" }));
 }
 export {
   j as useCollection

package/dist/src/web/hooks/collection.js.map

@@ -1 +1 @@
-{"version":3,"file":"collection.js","sources":["../../../../src/web/hooks/collection.ts"],"sourcesContent":["import { useCallback } from \"react\";\n\nimport {\n  type CollectionReference,\n  collection,\n  doc,\n  type FirestoreDataConverter,\n  getDocs,\n  onSnapshot,\n  type Query,\n  setDoc,\n} from \"firebase/firestore\";\nimport { sortBy } from \"lodash-es\";\nimport { useErrorBoundary } from \"react-error-boundary\";\nimport useSWR, { type KeyedMutator, type MutatorOptions, type SWRConfiguration } from \"swr\";\n\nimport { useDb } from \"~/web/common/base-login\";\nimport query, { type QueryOption } from \"~/web/common/query\";\n\nimport { useSubscriptionListener } from \"./subscription\";\n\nconst mutationConfig: MutatorOptions = {\n  revalidate: false,\n  rollbackOnError: true,\n  populateCache: true,\n};\n\ntype CollectionOptions<T> = QueryOption<T> & {\n  subscribe?: boolean;\n};\n\nexport function useCollection<T extends { id: string }>(\n  path: string,\n  converter: FirestoreDataConverter<T>,\n  options?: CollectionOptions<T>,\n) {\n  const db = useDb();\n  const { showBoundary } = useErrorBoundary();\n\n  const ref = collection(db, path).withConverter(converter);\n  const q = query(db, path, converter, options);\n\n  const swrConfig: SWRConfiguration = {\n    revalidateIfStale: !options?.subscribe,\n    revalidateOnFocus: !options?.subscribe,\n    revalidateOnMount: !options?.subscribe,\n    revalidateOnReconnect: !options?.subscribe,\n    suspense: true,\n  };\n\n  const key = `${path}?${JSON.stringify(options)}`;\n  const { data, mutate } = useSWR<T[]>(key, () => fetcher(q), swrConfig);\n\n  const setData = useCallback(\n    (newDoc: T) => setDocument(ref, newDoc, mutate, options),\n    [ref, mutate, options],\n  );\n\n  useSubscriptionListener<T[]>(\n    key,\n    (setData) => {\n      if (!options?.subscribe) return;\n      const unsubscribe = onSnapshot(\n        q,\n        (snap) => {\n          try {\n            setData(snap.docs.map((doc) => doc.data()));\n          } catch (err) {\n            showBoundary(err);\n          }\n        },\n        (error) => showBoundary(error),\n      );\n      return () => unsubscribe();\n    },\n    (data) => mutate(data, mutationConfig),\n  );\n\n  return [data as T[], setData] as const;\n}\n\nasync function setDocument<T extends { id: string }>(\n  ref: CollectionReference<T>,\n  newDoc: T,\n  mutator: KeyedMutator<T[]>,\n  options?: CollectionOptions<T>,\n): Promise<void> {\n  await mutator(\n    async (prev) => {\n      const docRef = doc(ref, newDoc.id);\n      await setDoc(docRef, newDoc);\n      return merge(prev, newDoc, options);\n    },\n    {\n      ...mutationConfig,\n      optimisticData: (prev) => merge(prev, newDoc, options),\n    },\n  );\n}\n\nfunction merge<T extends { id: string }>(\n  prev: T[] | undefined,\n  newDoc: T,\n  options?: CollectionOptions<T>,\n) {\n  if (!prev) return [newDoc];\n  let coll = prev.filter((doc) => newDoc.id !== doc.id);\n  coll.push(newDoc);\n  coll = sortBy(coll, [options?.orderBy ?? \"id\"]);\n  if (options?.limit) coll = coll.slice(0, options.limit);\n  return coll;\n}\n\nasync function fetcher<T>(ref: Query<T>) {\n  const snapshot = await getDocs(ref);\n  return snapshot.docs.map((doc) => doc.data({ serverTimestamps: \"estimate\" }));\n}\n"],"names":["mutationConfig","useCollection","path","converter","options","db","useDb","showBoundary","useErrorBoundary","ref","collection","q","query","swrConfig","key","data","mutate","useSWR","fetcher","setData","useCallback","newDoc","setDocument","useSubscriptionListener","unsubscribe","onSnapshot","snap","doc","err","error","mutator","prev","docRef","setDoc","merge","coll","sortBy","getDocs"],"mappings":";;;;;;;;AAqBA,MAAMA,IAAiC;AAAA,EACrC,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,eAAe;AACjB;AAMO,SAASC,EACdC,GACAC,GACAC,GACA;AACA,QAAMC,IAAKC,EAAA,GACL,EAAE,cAAAC,EAAA,IAAiBC,EAAA,GAEnBC,IAAMC,EAAWL,GAAIH,CAAI,EAAE,cAAcC,CAAS,GAClDQ,IAAIC,EAAMP,GAAIH,GAAMC,GAAWC,CAAO,GAEtCS,IAA8B;AAAA,IAClC,mBAAmB,CAACT,GAAS;AAAA,IAC7B,mBAAmB,CAACA,GAAS;AAAA,IAC7B,mBAAmB,CAACA,GAAS;AAAA,IAC7B,uBAAuB,CAACA,GAAS;AAAA,IACjC,UAAU;AAAA,EAAA,GAGNU,IAAM,GAAGZ,CAAI,IAAI,KAAK,UAAUE,CAAO,CAAC,IACxC,EAAE,MAAAW,GAAM,QAAAC,EAAA,IAAWC,EAAYH,GAAK,MAAMI,EAAQP,CAAC,GAAGE,CAAS,GAE/DM,IAAUC;AAAA,IACd,CAACC,MAAcC,EAAYb,GAAKY,GAAQL,GAAQZ,CAAO;AAAA,IACvD,CAACK,GAAKO,GAAQZ,CAAO;AAAA,EAAA;AAGvB,SAAAmB;AAAA,IACET;AAAA,IACA,CAACK,MAAY;AACX,UAAI,CAACf,GAAS,UAAW;AACzB,YAAMoB,IAAcC;AAAA,QAClBd;AAAA,QACA,CAACe,MAAS;AACR,cAAI;AACFP,YAAAA,EAAQO,EAAK,KAAK,IAAI,CAACC,MAAQA,EAAI,KAAA,CAAM,CAAC;AAAA,UAC5C,SAASC,GAAK;AACZ,YAAArB,EAAaqB,CAAG;AAAA,UAClB;AAAA,QACF;AAAA,QACA,CAACC,MAAUtB,EAAasB,CAAK;AAAA,MAAA;AAE/B,aAAO,MAAML,EAAA;AAAA,IACf;AAAA,IACA,CAACT,MAASC,EAAOD,GAAMf,CAAc;AAAA,EAAA,GAGhC,CAACe,GAAaI,CAAO;AAC9B;AAEA,eAAeG,EACbb,GACAY,GACAS,GACA1B,GACe;AACf,QAAM0B;AAAA,IACJ,OAAOC,MAAS;AACd,YAAMC,IAASL,EAAIlB,GAAKY,EAAO,EAAE;AACjC,mBAAMY,EAAOD,GAAQX,CAAM,GACpBa,EAAMH,GAAMV,GAAQjB,CAAO;AAAA,IACpC;AAAA,IACA;AAAA,MACE,GAAGJ;AAAA,MACH,gBAAgB,CAAC+B,MAASG,EAAMH,GAAMV,GAAQjB,CAAO;AAAA,IAAA;AAAA,EACvD;AAEJ;AAEA,SAAS8B,EACPH,GACAV,GACAjB,GACA;AACA,MAAI,CAAC2B,EAAM,QAAO,CAACV,CAAM;AACzB,MAAIc,IAAOJ,EAAK,OAAO,CAACJ,MAAQN,EAAO,OAAOM,EAAI,EAAE;AACpD,SAAAQ,EAAK,KAAKd,CAAM,GAChBc,IAAOC,EAAOD,GAAM,CAAC/B,GAAS,WAAW,IAAI,CAAC,GAC1CA,GAAS,UAAO+B,IAAOA,EAAK,MAAM,GAAG/B,EAAQ,KAAK,IAC/C+B;AACT;AAEA,eAAejB,EAAWT,GAAe;AAEvC,UADiB,MAAM4B,EAAQ5B,CAAG,GAClB,KAAK,IAAI,CAACkB,MAAQA,EAAI,KAAK,EAAE,kBAAkB,WAAA,CAAY,CAAC;AAC9E;"}
+{"version":3,"file":"collection.js","sources":["../../../../src/web/hooks/collection.ts"],"sourcesContent":["import { useCallback } from \"react\";\n\nimport {\n  type CollectionReference,\n  collection,\n  doc,\n  type FirestoreDataConverter,\n  getDocs,\n  onSnapshot,\n  type Query,\n  setDoc,\n} from \"firebase/firestore\";\nimport { sortBy } from \"lodash-es\";\nimport { useErrorBoundary } from \"react-error-boundary\";\nimport useSWR, { type KeyedMutator, type MutatorOptions, type SWRConfiguration } from \"swr\";\n\nimport { useDb } from \"~/web/common/base-login\";\nimport query, { type QueryOption } from \"~/web/common/query\";\n\nimport { useSubscriptionListener } from \"./subscription\";\n\nconst mutationConfig: MutatorOptions = {\n  revalidate: false,\n  rollbackOnError: true,\n  populateCache: true,\n};\n\nexport function useCollection<T extends { id: string }>(\n  path: string,\n  converter: FirestoreDataConverter<T>,\n  options?: QueryOption<T>,\n) {\n  const db = useDb();\n  const { showBoundary } = useErrorBoundary();\n\n  const ref = collection(db, path).withConverter(converter);\n  const q = query(db, path, converter, options);\n\n  const swrConfig: SWRConfiguration = {\n    revalidateIfStale: false,\n    revalidateOnFocus: false,\n    revalidateOnMount: false,\n    revalidateOnReconnect: false,\n    suspense: true,\n  };\n\n  const key = `${path}?${JSON.stringify(options)}`;\n  const { data, mutate } = useSWR<T[]>(key, () => fetcher(q), swrConfig);\n\n  const setData = useCallback(\n    (newDoc: T) => setDocument(ref, newDoc, mutate, options),\n    [ref, mutate, options],\n  );\n\n  useSubscriptionListener<T[]>(\n    key,\n    (setData) => {\n      const unsubscribe = onSnapshot(\n        q,\n        (snap) => {\n          try {\n            setData(snap.docs.map((doc) => doc.data()));\n          } catch (err) {\n            showBoundary(err);\n          }\n        },\n        (error) => showBoundary(error),\n      );\n      return () => unsubscribe();\n    },\n    (data) => mutate(data, mutationConfig),\n  );\n\n  return [data as T[], setData] as const;\n}\n\nasync function setDocument<T extends { id: string }>(\n  ref: CollectionReference<T>,\n  newDoc: T,\n  mutator: KeyedMutator<T[]>,\n  options?: QueryOption<T>,\n): Promise<void> {\n  await mutator(\n    async (prev) => {\n      const docRef = doc(ref, newDoc.id);\n      await setDoc(docRef, newDoc);\n      return merge(prev, newDoc, options);\n    },\n    {\n      ...mutationConfig,\n      optimisticData: (prev) => merge(prev, newDoc, options),\n    },\n  );\n}\n\nfunction merge<T extends { id: string }>(\n  prev: T[] | undefined,\n  newDoc: T,\n  options?: QueryOption<T>,\n) {\n  if (!prev) return [newDoc];\n  let coll = prev.filter((doc) => newDoc.id !== doc.id);\n  coll.push(newDoc);\n  coll = sortBy(coll, [options?.orderBy ?? \"id\"]);\n  if (options?.limit) coll = coll.slice(0, options.limit);\n  return coll;\n}\n\nasync function fetcher<T>(ref: Query<T>) {\n  const snapshot = await getDocs(ref);\n  return snapshot.docs.map((doc) => doc.data({ serverTimestamps: \"estimate\" }));\n}\n"],"names":["mutationConfig","useCollection","path","converter","options","db","useDb","showBoundary","useErrorBoundary","ref","collection","q","query","swrConfig","key","data","mutate","useSWR","fetcher","setData","useCallback","newDoc","setDocument","useSubscriptionListener","unsubscribe","onSnapshot","snap","doc","err","error","mutator","prev","docRef","setDoc","merge","coll","sortBy","getDocs"],"mappings":";;;;;;;;AAqBA,MAAMA,IAAiC;AAAA,EACrC,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,eAAe;AACjB;AAEO,SAASC,EACdC,GACAC,GACAC,GACA;AACA,QAAMC,IAAKC,EAAA,GACL,EAAE,cAAAC,EAAA,IAAiBC,EAAA,GAEnBC,IAAMC,EAAWL,GAAIH,CAAI,EAAE,cAAcC,CAAS,GAClDQ,IAAIC,EAAMP,GAAIH,GAAMC,GAAWC,CAAO,GAEtCS,IAA8B;AAAA,IAClC,mBAAmB;AAAA,IACnB,mBAAmB;AAAA,IACnB,mBAAmB;AAAA,IACnB,uBAAuB;AAAA,IACvB,UAAU;AAAA,EAAA,GAGNC,IAAM,GAAGZ,CAAI,IAAI,KAAK,UAAUE,CAAO,CAAC,IACxC,EAAE,MAAAW,GAAM,QAAAC,EAAA,IAAWC,EAAYH,GAAK,MAAMI,EAAQP,CAAC,GAAGE,CAAS,GAE/DM,IAAUC;AAAA,IACd,CAACC,MAAcC,EAAYb,GAAKY,GAAQL,GAAQZ,CAAO;AAAA,IACvD,CAACK,GAAKO,GAAQZ,CAAO;AAAA,EAAA;AAGvB,SAAAmB;AAAA,IACET;AAAA,IACA,CAACK,MAAY;AACX,YAAMK,IAAcC;AAAA,QAClBd;AAAA,QACA,CAACe,MAAS;AACR,cAAI;AACFP,YAAAA,EAAQO,EAAK,KAAK,IAAI,CAACC,MAAQA,EAAI,KAAA,CAAM,CAAC;AAAA,UAC5C,SAASC,GAAK;AACZ,YAAArB,EAAaqB,CAAG;AAAA,UAClB;AAAA,QACF;AAAA,QACA,CAACC,MAAUtB,EAAasB,CAAK;AAAA,MAAA;AAE/B,aAAO,MAAML,EAAA;AAAA,IACf;AAAA,IACA,CAACT,MAASC,EAAOD,GAAMf,CAAc;AAAA,EAAA,GAGhC,CAACe,GAAaI,CAAO;AAC9B;AAEA,eAAeG,EACbb,GACAY,GACAS,GACA1B,GACe;AACf,QAAM0B;AAAA,IACJ,OAAOC,MAAS;AACd,YAAMC,IAASL,EAAIlB,GAAKY,EAAO,EAAE;AACjC,mBAAMY,EAAOD,GAAQX,CAAM,GACpBa,EAAMH,GAAMV,GAAQjB,CAAO;AAAA,IACpC;AAAA,IACA;AAAA,MACE,GAAGJ;AAAA,MACH,gBAAgB,CAAC+B,MAASG,EAAMH,GAAMV,GAAQjB,CAAO;AAAA,IAAA;AAAA,EACvD;AAEJ;AAEA,SAAS8B,EACPH,GACAV,GACAjB,GACA;AACA,MAAI,CAAC2B,EAAM,QAAO,CAACV,CAAM;AACzB,MAAIc,IAAOJ,EAAK,OAAO,CAACJ,MAAQN,EAAO,OAAOM,EAAI,EAAE;AACpD,SAAAQ,EAAK,KAAKd,CAAM,GAChBc,IAAOC,EAAOD,GAAM,CAAC/B,GAAS,WAAW,IAAI,CAAC,GAC1CA,GAAS,UAAO+B,IAAOA,EAAK,MAAM,GAAG/B,EAAQ,KAAK,IAC/C+B;AACT;AAEA,eAAejB,EAAWT,GAAe;AAEvC,UADiB,MAAM4B,EAAQ5B,CAAG,GAClB,KAAK,IAAI,CAACkB,MAAQA,EAAI,KAAK,EAAE,kBAAkB,WAAA,CAAY,CAAC;AAC9E;"}