@capytale/meta-player 0.8.3 → 0.9.0

package/src/demo.tsx

@@ -1,87 +1,87 @@
-import React, { FC } from "react";
-import { createRoot } from "react-dom/client";
-
-import { MetaPlayer } from ".";
-import { ActivityQuickActionsSetter } from "./features/navbar/activity-menu/ActivityQuickActions";
-import { ActivitySidebarActionsSetter } from "./features/navbar/sidebars/ActivitySidebarActions";
-// import { useActivityJS } from "./features/activityJS/ActivityJSProvider";
-import BeforeSaveAction from "./features/activityJS/BeforeSaveAction";
-import MetaPlayerOptionsSetter from "./features/activityData/MetaPlayerOptionsSetter";
-
-const DemoActivity: FC = () => {
-  // const activityJs = useActivityJS();
-  return (
-    <>
-      <ActivityQuickActionsSetter
-        actions={[
-          {
-            type: "action",
-            title: "Pause",
-            icon: "pi pi-pause",
-            action: () => console.log("Pause"),
-          },
-          {
-            type: "action",
-            title: "Play",
-            icon: "pi pi-play",
-            action: () => console.log("Play"),
-          },
-        ]}
-      />
-      <ActivitySidebarActionsSetter
-        actions={[
-          {
-            type: "action",
-            title: "Pause",
-            icon: "pi pi-pause",
-            action: () => console.log("Pause"),
-          },
-          {
-            type: "action",
-            title: "Play",
-            icon: "pi pi-play",
-            action: () => console.log("Play"),
-          },
-        ]}
-      />
-      <BeforeSaveAction
-        name="demo"
-        callback={() => console.log("Before save")}
-      />
-      <BeforeSaveAction
-        name="demo2"
-        callback={() => {
-          console.log("Before save 2");
-          // throw new Error("Error in before save 2");
-        }}
-      />
-      Activité
-    </>
-  );
-};
-
-const container = document.getElementById("root");
-
-if (container) {
-  const root = createRoot(container);
-
-  root.render(
-    <React.StrictMode>
-      <MetaPlayer>
-        <MetaPlayerOptionsSetter
-          options={{
-            hasInstructions: true,
-            pedagoLayout: "default-horizontal",
-            supportsLightTheme: true,
-            supportsDarkTheme: true,
-          }}
-        />
-        <DemoActivity />
-      </MetaPlayer>
-    </React.StrictMode>,
-  );
-} else {
-  throw new Error(
-    "Root element with ID 'root' was not found in the document. Ensure there is a corresponding HTML element with the ID 'root' in your HTML file.",
-  );
-}
+import React, { FC } from "react";
+import { createRoot } from "react-dom/client";
+
+import { MetaPlayer } from ".";
+import { ActivityQuickActionsSetter } from "./features/navbar/activity-menu/ActivityQuickActions";
+import { ActivitySidebarActionsSetter } from "./features/navbar/sidebars/ActivitySidebarActions";
+// import { useActivityJS } from "./features/activityJS/ActivityJSProvider";
+import BeforeSaveAction from "./features/activityJS/BeforeSaveAction";
+import MetaPlayerOptionsSetter from "./features/activityData/MetaPlayerOptionsSetter";
+
+const DemoActivity: FC = () => {
+  // const activityJs = useActivityJS();
+  return (
+    <>
+      <ActivityQuickActionsSetter
+        actions={[
+          {
+            type: "action",
+            title: "Pause",
+            icon: "pi pi-pause",
+            action: () => console.log("Pause"),
+          },
+          {
+            type: "action",
+            title: "Play",
+            icon: "pi pi-play",
+            action: () => console.log("Play"),
+          },
+        ]}
+      />
+      <ActivitySidebarActionsSetter
+        actions={[
+          {
+            type: "action",
+            title: "Pause",
+            icon: "pi pi-pause",
+            action: () => console.log("Pause"),
+          },
+          {
+            type: "action",
+            title: "Play",
+            icon: "pi pi-play",
+            action: () => console.log("Play"),
+          },
+        ]}
+      />
+      <BeforeSaveAction
+        name="demo"
+        callback={() => console.log("Before save")}
+      />
+      <BeforeSaveAction
+        name="demo2"
+        callback={() => {
+          console.log("Before save 2");
+          // throw new Error("Error in before save 2");
+        }}
+      />
+      Activité
+    </>
+  );
+};
+
+const container = document.getElementById("root");
+
+if (container) {
+  const root = createRoot(container);
+
+  root.render(
+    <React.StrictMode>
+      <MetaPlayer>
+        <MetaPlayerOptionsSetter
+          options={{
+            showPedagoByDefault: true,
+            pedagoLayout: "default-horizontal",
+            supportsLightTheme: true,
+            supportsDarkTheme: true,
+          }}
+        />
+        <DemoActivity />
+      </MetaPlayer>
+    </React.StrictMode>,
+  );
+} else {
+  throw new Error(
+    "Root element with ID 'root' was not found in the document. Ensure there is a corresponding HTML element with the ID 'root' in your HTML file.",
+  );
+}

package/src/external/prime.ts

@@ -1,5 +1,5 @@
-import { Toast } from "primereact/toast";
-import type { ToastMessage } from "primereact/toast";
-
-export { Toast };
-export type { ToastMessage };
+import { Toast } from "primereact/toast";
+import type { ToastMessage } from "primereact/toast";
+
+export { Toast };
+export type { ToastMessage };

package/src/features/activityData/ExitWarning.ts

@@ -1,28 +1,28 @@
-import { FC, useEffect } from "react";
-import { useCanSave } from "./hooks";
-import { useAppSelector } from "../../app/hooks";
-import { selectIsDirty } from "./activityDataSlice";
-
-const ExitWarning: FC = () => {
-  const canSave = useCanSave();
-  const isDirty = useAppSelector(selectIsDirty);
-
-  useEffect(() => {
-    const handleBeforeUnload = (e: BeforeUnloadEvent) => {
-      if (canSave && isDirty) {
-        e.preventDefault();
-        e.returnValue = true;
-      }
-    };
-
-    window.addEventListener("beforeunload", handleBeforeUnload);
-
-    return () => {
-      window.removeEventListener("beforeunload", handleBeforeUnload);
-    };
-  }, [canSave, isDirty]);
-
-  return null;
-};
-
-export default ExitWarning;
+import { FC, useEffect } from "react";
+import { useCanSave } from "./hooks";
+import { useAppSelector } from "../../app/hooks";
+import { selectIsDirty } from "./activityDataSlice";
+
+const ExitWarning: FC = () => {
+  const canSave = useCanSave();
+  const isDirty = useAppSelector(selectIsDirty);
+
+  useEffect(() => {
+    const handleBeforeUnload = (e: BeforeUnloadEvent) => {
+      if (canSave && isDirty) {
+        e.preventDefault();
+        e.returnValue = true;
+      }
+    };
+
+    window.addEventListener("beforeunload", handleBeforeUnload);
+
+    return () => {
+      window.removeEventListener("beforeunload", handleBeforeUnload);
+    };
+  }, [canSave, isDirty]);
+
+  return null;
+};
+
+export default ExitWarning;

package/src/features/activityData/IsAntiCheatExitDetectionDisabledSetter.tsx

@@ -1,19 +1,19 @@
-import { FC, useEffect } from "react";
-import { setIsAntiCheatExitDetectionDisabled } from "./activityDataSlice";
-import { useAppDispatch } from "../../app/hooks";
-
-type IsAntiCheatExitDetectionDisabledSetterProps = {
-  isDisabled: boolean;
-};
-
-const IsAntiCheatExitDetectionDisabledSetter: FC<
-  IsAntiCheatExitDetectionDisabledSetterProps
-> = (props) => {
-  const dispatch = useAppDispatch();
-  useEffect(() => {
-    dispatch(setIsAntiCheatExitDetectionDisabled(props.isDisabled));
-  }, [props]);
-  return null;
-};
-
-export default IsAntiCheatExitDetectionDisabledSetter;
+import { FC, useEffect } from "react";
+import { setIsAntiCheatExitDetectionDisabled } from "./activityDataSlice";
+import { useAppDispatch } from "../../app/hooks";
+
+type IsAntiCheatExitDetectionDisabledSetterProps = {
+  isDisabled: boolean;
+};
+
+const IsAntiCheatExitDetectionDisabledSetter: FC<
+  IsAntiCheatExitDetectionDisabledSetterProps
+> = (props) => {
+  const dispatch = useAppDispatch();
+  useEffect(() => {
+    dispatch(setIsAntiCheatExitDetectionDisabled(props.isDisabled));
+  }, [props]);
+  return null;
+};
+
+export default IsAntiCheatExitDetectionDisabledSetter;

package/src/features/activityData/IsDirtySetter.tsx

@@ -1,17 +1,17 @@
-import { FC, useEffect } from "react";
-import { setIsPlayerDirty } from "./activityDataSlice";
-import { useAppDispatch } from "../../app/hooks";
-
-type IsDirtySetterProps = {
-  isDirty: boolean;
-};
-
-const IsDirtySetter: FC<IsDirtySetterProps> = (props) => {
-  const dispatch = useAppDispatch();
-  useEffect(() => {
-    dispatch(setIsPlayerDirty(props.isDirty));
-  }, [props]);
-  return null;
-};
-
-export default IsDirtySetter;
+import { FC, useEffect } from "react";
+import { setIsPlayerDirty } from "./activityDataSlice";
+import { useAppDispatch } from "../../app/hooks";
+
+type IsDirtySetterProps = {
+  isDirty: boolean;
+};
+
+const IsDirtySetter: FC<IsDirtySetterProps> = (props) => {
+  const dispatch = useAppDispatch();
+  useEffect(() => {
+    dispatch(setIsPlayerDirty(props.isDirty));
+  }, [props]);
+  return null;
+};
+
+export default IsDirtySetter;

package/src/features/activityData/MetaPlayerOptionsSetter.tsx

@@ -1,41 +1,41 @@
-import { FC, useEffect } from "react";
-import { useAppDispatch } from "../../app/hooks";
-import { setPlayerSettings } from "./activityDataSlice";
-import { setLayout } from "../layout/layoutSlice";
-import { setAutoSwitch, switchToTheme } from "../theming/themingSlice";
-import {
-  defaultMetaPlayerOptions,
-  MetaPlayerOptions,
-} from "./metaPlayerOptions";
-
-type MetaPlayerOptionsSetterProps = {
-  options: Partial<MetaPlayerOptions>;
-};
-
-const MetaPlayerOptionsSetter: FC<MetaPlayerOptionsSetterProps> = (props) => {
-  const dispatch = useAppDispatch();
-  useEffect(() => {
-    const options = { ...defaultMetaPlayerOptions, ...props.options };
-    if (!options.supportsLightTheme && !options.supportsDarkTheme) {
-      throw new Error("At least one theme must be supported");
-    }
-    dispatch(setPlayerSettings(options));
-    dispatch(
-      setLayout(
-        options.pedagoLayout === "horizontal" ||
-          options.pedagoLayout === "default-horizontal"
-          ? "horizontal"
-          : "vertical",
-      ),
-    );
-    if (options.supportsDarkTheme && options.supportsLightTheme) {
-      dispatch(setAutoSwitch(true));
-    } else {
-      dispatch(setAutoSwitch(false));
-      dispatch(switchToTheme(options.supportsLightTheme ? "light" : "dark"));
-    }
-  }, [dispatch, props.options]);
-  return null;
-};
-
-export default MetaPlayerOptionsSetter;
+import { FC, useEffect } from "react";
+import { useAppDispatch } from "../../app/hooks";
+import { setPlayerSettings } from "./activityDataSlice";
+import { setLayout } from "../layout/layoutSlice";
+import { setAutoSwitch, switchToTheme } from "../theming/themingSlice";
+import {
+  defaultMetaPlayerOptions,
+  MetaPlayerOptions,
+} from "./metaPlayerOptions";
+
+type MetaPlayerOptionsSetterProps = {
+  options: Partial<MetaPlayerOptions>;
+};
+
+const MetaPlayerOptionsSetter: FC<MetaPlayerOptionsSetterProps> = (props) => {
+  const dispatch = useAppDispatch();
+  useEffect(() => {
+    const options = { ...defaultMetaPlayerOptions, ...props.options };
+    if (!options.supportsLightTheme && !options.supportsDarkTheme) {
+      throw new Error("At least one theme must be supported");
+    }
+    dispatch(setPlayerSettings(options));
+    dispatch(
+      setLayout(
+        options.pedagoLayout === "horizontal" ||
+          options.pedagoLayout === "default-horizontal"
+          ? "horizontal"
+          : "vertical",
+      ),
+    );
+    if (options.supportsDarkTheme && options.supportsLightTheme) {
+      dispatch(setAutoSwitch(true));
+    } else {
+      dispatch(setAutoSwitch(false));
+      dispatch(switchToTheme(options.supportsLightTheme ? "light" : "dark"));
+    }
+  }, [dispatch, props.options]);
+  return null;
+};
+
+export default MetaPlayerOptionsSetter;