@capytale/meta-player 0.6.13 → 0.6.15

package/package.json

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

package/src/MetaPlayer.tsx

@@ -45,11 +45,11 @@ const MetaPlayer: FC<MetaPlayerProps> = (props) => {
   const primeSettings: Partial<APIOptions> = {
     ripple: true,
   };
-  const antiCheatOptions: AntiCheatOptions = {
+  const antiCheatOptions: AntiCheatOptions = useMemo(() => ({
     preserveDom: true,
     hasIframes: false,
     ...props.antiCheatOptions,
-  };
+  }), [props.antiCheatOptions]);
   const uiOptions: UIOptions = {
     closePedagoByDefault: false,
     noWorkflow: false,

package/src/features/activityJS/ActivityJSProvider.tsx

@@ -24,6 +24,13 @@ const ActivityJSContext = createContext<ActivitySessionLoaderReturnValue>({
   state: "initial",
 });
 
+export type BinaryDataMode =
+  | "json"
+  | "text"
+  | "blob"
+  | "arrayBuffer"
+  | "stream";
+
 type ActivityJSProviderProps = PropsWithChildren<{
   options?: LoadOptions;
   loadingFallback?: ReactNode;
@@ -217,6 +224,29 @@ export const useActivityJsEssentials = () => {
     }
     return getActivityBinaryData();
   };
+
+  const retrieveAndGetActivityBinaryData = async (mode: BinaryDataMode) => {
+    await ab.activityNode.binaryData.loadAsync(mode);
+    return ab.activityNode.binaryData.value as any;
+  };
+  const retrieveAndGetAssignmentBinaryData = async (mode: BinaryDataMode) => {
+    if (!ab.assignmentNode) {
+      throw new Error("No assignment node");
+    }
+    await ab.assignmentNode.binaryData.loadAsync(mode);
+    return ab.assignmentNode.binaryData.value as any;
+  };
+  const retrieveAndGetBinaryData = async (mode: BinaryDataMode) => {
+    if (!hasAssignment) {
+      return await retrieveAndGetActivityBinaryData(mode);
+    }
+    const assignmentBinaryData = await retrieveAndGetAssignmentBinaryData(mode);
+    if (assignmentBinaryData != null) {
+      return assignmentBinaryData;
+    }
+    return await retrieveAndGetActivityBinaryData(mode);
+  }
+
   const setActivityContent = (content: string | null) => {
     ab.activityNode.content.value = content;
   };
@@ -262,6 +292,9 @@ export const useActivityJsEssentials = () => {
     getActivityBinaryData,
     getAssignmentBinaryData,
     getBinaryData,
+    retrieveAndGetActivityBinaryData,
+    retrieveAndGetAssignmentBinaryData,
+    retrieveAndGetBinaryData,
     setActivityContent,
     setAssignmentContent,
     setContent,

package/src/features/functionalities/PreviewDialog.tsx

@@ -6,6 +6,7 @@ import {
   setPreviewFile,
 } from "./functionalitiesSlice";
 import { Dialog } from "primereact/dialog";
+import { useThemeType } from "../theming/hooks";
 
 const HighlightedCode = memo(({ code }: { code: string }) => {
   const codeRef = useRef<HTMLDivElement>(null);
@@ -19,11 +20,17 @@ const HighlightedCode = memo(({ code }: { code: string }) => {
     }
   }, [code]);
 
+  const theme = useThemeType();
+
   return (
     <pre>
       <code
         ref={codeRef}
-        style={{ padding: 0, background: "white", maxWidth: "100%" }}
+        style={{
+          padding: 0,
+          background: theme === "light" ? "white" : "#1f2937",
+          maxWidth: "100%",
+        }}
       >
         {code}
       </code>

package/src/index.ts

@@ -41,6 +41,7 @@ import type {
 
 import type { ActivityMode } from "@capytale/activity.js/activity/activitySession";
 import type { Workflow } from "./features/activityData/activityJsData";
+import type { BinaryDataMode } from "./features/activityJS/ActivityJSProvider";
 
 export {
   MetaPlayer,
@@ -74,7 +75,8 @@ export {
 export type {
   ActivityMode,
   AttachedFileData,
-  UploadedFileInfo,
+  BinaryDataMode,
   ToastMessage,
+  UploadedFileInfo,
   Workflow,
 };