@capytale/meta-player 0.3.11 → 0.3.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@capytale/meta-player",
-  "version": "0.3.11",
+  "version": "0.3.13",
   "type": "module",
   "scripts": {
     "dev": "vite",

package/src/app.module.scss

@@ -1,5 +1,6 @@
 .app {
   height: 100%;
+  height: 100dvh;
   display: grid;
   grid-template-rows: auto 1fr;
 }

package/src/features/activityJS/Saver.tsx

@@ -95,8 +95,7 @@ const Saver: FC<{}> = () => {
       }
     }
     try {
-      const saveData = await ab.save();
-      console.log("Save return data", saveData);
+      await ab.save();
       dispatch(setSaveState("idle"));
       if (
         activityJs.activitySession.mode === "assignment" ||

package/src/features/activityJS/hooks.ts

@@ -51,8 +51,7 @@ export const useReset = (props: UseResetProps) => {
         ab.assignmentNode.binaryData.value = null;
       }
       try {
-        const saveData = await ab.save();
-        console.log("Save return data", saveData);
+        await ab.save();
 
         for (const callback of Object.values(afterReset)) {
           try {

package/src/features/navbar/Countdown.tsx

@@ -6,6 +6,7 @@ import { useAppSelector } from "../../app/hooks";
 import { selectIsDirty, selectMode } from "../activityData/activityDataSlice";
 import { Button } from "primereact/button";
 import { useSave } from "../activityData/hooks";
+import serverClock from "../../utils/server-clock";
 
 // TODO use https://capytale2.ac-paris.fr/vanilla/time-s.php
 // https://forge.apps.education.fr/capytale/activity-js/-/blob/main/src/backend/capytale/clock.ts?ref_type=heads
@@ -47,8 +48,7 @@ const Countdown: FC = () => {
             }}
           >
             <Button
-              severity="secondary"
-              outlined
+              severity="danger"
               onClick={() => {
                 shouldSaveAt30s.current = false;
                 toast.current?.clear();
@@ -56,7 +56,7 @@ const Countdown: FC = () => {
             >
               Ne pas sauvegarder (danger)
             </Button>
-            <Button severity="warning" onClick={save}>
+            <Button severity="success" onClick={save}>
               Sauvegarder maintenant
             </Button>
           </div>
@@ -116,25 +116,8 @@ const Countdown: FC = () => {
     if (!deadline) {
       return;
     }
-    const deadlineUTC = Date.UTC(
-      deadline.getFullYear(),
-      deadline.getMonth(),
-      deadline.getDate(),
-      deadline.getHours(),
-      deadline.getMinutes(),
-      deadline.getSeconds(),
-      deadline.getMilliseconds(),
-    );
-    const now = new Date();
-    const nowUTC = Date.UTC(
-      now.getFullYear(),
-      now.getMonth(),
-      now.getDate(),
-      now.getHours(),
-      now.getMinutes(),
-      now.getSeconds(),
-      now.getMilliseconds(),
-    );
+    const deadlineUTC = deadline.getTime();
+    const nowUTC = serverClock.now();
     const newDiffMs = deadlineUTC - nowUTC;
     setDiffMs(newDiffMs);
     if (mode !== "assignment") {

package/src/features/pedago/InstructionsEditor.tsx

@@ -52,10 +52,12 @@ const InstructionsEditor: React.FC = forwardRef((_props, ref) => {
         {instructionsType === "none" && (
           <>
             <p>Pas de consigne.</p>
-            <Button
-              label="Créer une consigne"
-              onClick={() => dispatch(setInstructionsType("rich"))}
-            />
+            {mode === "create" && (
+              <Button
+                label="Créer une consigne"
+                onClick={() => dispatch(setInstructionsType("rich"))}
+              />
+            )}
           </>
         )}
         {instructionsType === "rich" && (

package/src/features/pedago/SharedNotesEditor.tsx

@@ -48,10 +48,12 @@ const SharedNotesEditor: React.FC = forwardRef((_props, ref) => {
         {sharedNotesType === "none" && (
           <>
             <p>Pas de notes partagées.</p>
-            <Button
-              label="Créer des notes partagées"
-              onClick={() => dispatch(setSharedNotesType("rich"))}
-            />
+            {mode === "create" && (
+              <Button
+                label="Créer des notes partagées"
+                onClick={() => dispatch(setSharedNotesType("rich"))}
+              />
+            )}
             <div style={{ textAlign: "start", padding: "16px" }}>
               <h3>Que sont les notes partagées ?</h3>
               <p>

package/src/index.css

@@ -12,12 +12,32 @@ code {
     monospace;
 }
 
+html {
+  overscroll-behavior: none;
+}
+
 html,
 body,
 #root {
   height: 100%;
 }
 
+.p-splitter-horizontal > .p-splitter-gutter {
+  width: 6px !important;
+}
+.p-splitter-vertical > .p-splitter-gutter {
+  height: 6px !important;
+}
+
+@media (pointer: coarse) {
+  .p-splitter-horizontal > .p-splitter-gutter {
+    width: 12px !important;
+  }
+  .p-splitter-vertical > .p-splitter-gutter {
+    height: 12px !important;
+  }
+}
+
 .p-splitter-gutter {
   background-color: var(--surface-200);
 }
@@ -94,6 +114,7 @@ body,
 
 .anti-cheat-content {
   height: 100vh;
+  height: 100dvh;
   width: 100vw;
   overflow: hidden;
 }

package/src/utils/server-clock.ts

@@ -0,0 +1,42 @@
+async function getSeverTime() {
+  const res = await fetch("/vanilla/time-s.php");
+  return parseInt(await res.text()) * 1000;
+}
+
+class SeverClock {
+  private offset: number;
+  private lastSync: number;
+
+  constructor() {
+    this.offset = 0;
+    this.lastSync = 0;
+    this.sync();
+  }
+
+  async sync() {
+    const offsets = [];
+    for (let i = 0; i < 3; i++) {
+      const serverTime = await getSeverTime();
+      const localTime = Date.now();
+      offsets.push(serverTime - localTime);
+    }
+    this.offset = Math.max(...offsets);
+    this.lastSync = Date.now();
+  }
+
+  now() {
+    return Date.now() + this.offset;
+  }
+
+  get lastSyncTime() {
+    return this.lastSync;
+  }
+
+  get offsetTime() {
+    return this.offset;
+  }
+}
+
+const serverClock = new SeverClock();
+
+export default serverClock;