@capytale/meta-player 0.9.11 → 0.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (110) hide show
  1. package/.prettierrc.json +4 -4
  2. package/LICENSE +674 -674
  3. package/README.md +12 -12
  4. package/eslint.config.js +28 -28
  5. package/index.html +15 -15
  6. package/package.json +60 -60
  7. package/public/themes/lara-dark-blue/theme.css +7015 -7015
  8. package/public/themes/lara-light-blue/theme.css +7005 -7005
  9. package/src/App.tsx +145 -140
  10. package/src/AppRedux.css +39 -39
  11. package/src/MetaPlayer.tsx +168 -168
  12. package/src/activityJs.ts +7 -7
  13. package/src/app/createAppSlice.ts +6 -6
  14. package/src/app/hooks.ts +12 -12
  15. package/src/app/store.ts +52 -52
  16. package/src/app.module.scss +80 -80
  17. package/src/demo.tsx +87 -87
  18. package/src/external/prime.ts +5 -5
  19. package/src/features/activityData/ExitWarning.ts +28 -28
  20. package/src/features/activityData/IsAntiCheatExitDetectionDisabledSetter.tsx +19 -19
  21. package/src/features/activityData/IsDirtySetter.tsx +17 -17
  22. package/src/features/activityData/MetaPlayerOptionsSetter.tsx +41 -41
  23. package/src/features/activityData/activityDataSlice.ts +255 -255
  24. package/src/features/activityData/activityJsData.ts +90 -90
  25. package/src/features/activityData/hooks.ts +39 -39
  26. package/src/features/activityData/metaPlayerOptions.ts +23 -23
  27. package/src/features/activityData/uiState.ts +20 -20
  28. package/src/features/activityJS/ActivityJSProvider.tsx +362 -350
  29. package/src/features/activityJS/AfterResetAction.tsx +23 -23
  30. package/src/features/activityJS/AfterSaveAction.tsx +23 -23
  31. package/src/features/activityJS/BeforeResetAction.tsx +23 -23
  32. package/src/features/activityJS/BeforeSaveAction.tsx +23 -23
  33. package/src/features/activityJS/Saver.tsx +167 -167
  34. package/src/features/activityJS/hooks.ts +85 -85
  35. package/src/features/activityJS/internal-hooks.ts +96 -96
  36. package/src/features/activityJS/saverSlice.ts +96 -96
  37. package/src/features/activitySettings/ActivitySettingsSetter.tsx +21 -21
  38. package/src/features/activitySettings/hooks.ts +12 -12
  39. package/src/features/activitySettings/index.tsx +43 -43
  40. package/src/features/activitySettings/store.ts +108 -108
  41. package/src/features/activitySettings/style.module.scss +8 -8
  42. package/src/features/activitySettings/types.ts +140 -140
  43. package/src/features/activitySettings/ui.tsx +299 -299
  44. package/src/features/functionalities/AttachedFilesFunctionality.ts +23 -23
  45. package/src/features/functionalities/PreviewDialog.tsx +83 -83
  46. package/src/features/functionalities/functionalitiesSlice.ts +98 -98
  47. package/src/features/functionalities/hooks.ts +70 -70
  48. package/src/features/layout/hooks.ts +7 -7
  49. package/src/features/layout/layoutSlice.ts +93 -93
  50. package/src/features/navbar/activity-info/index.tsx +54 -54
  51. package/src/features/navbar/activity-info/style.module.scss +38 -38
  52. package/src/features/navbar/activity-menu/ActivityQuickActions.tsx +89 -57
  53. package/src/features/navbar/activity-menu/index.tsx +154 -154
  54. package/src/features/navbar/activity-menu/style.module.scss +7 -7
  55. package/src/features/navbar/capytale-menu/CloneDialog.tsx +75 -75
  56. package/src/features/navbar/capytale-menu/Countdown.tsx +313 -313
  57. package/src/features/navbar/capytale-menu/CountdownAndSaveButton.tsx +129 -125
  58. package/src/features/navbar/capytale-menu/index.tsx +260 -260
  59. package/src/features/navbar/capytale-menu/style.module.scss +8 -8
  60. package/src/features/navbar/capytale-menu/useRemainingTimeMs.tsx +32 -32
  61. package/src/features/navbar/index.tsx +39 -39
  62. package/src/features/navbar/navbarSlice.ts +79 -79
  63. package/src/features/navbar/preview-navbar/index.tsx +18 -0
  64. package/src/features/navbar/preview-navbar/style.module.scss +17 -0
  65. package/src/features/navbar/review-navbar/GradingNav.tsx +128 -128
  66. package/src/features/navbar/review-navbar/index.tsx +18 -18
  67. package/src/features/navbar/review-navbar/style.module.scss +22 -22
  68. package/src/features/navbar/sidebars/ActivitySidebarActions.tsx +57 -57
  69. package/src/features/navbar/sidebars/AttachedFilesSidebarContent.module.scss +43 -43
  70. package/src/features/navbar/sidebars/AttachedFilesSidebarContent.tsx +181 -181
  71. package/src/features/navbar/sidebars/SettingsSidebarContent.tsx +192 -192
  72. package/src/features/navbar/sidebars/style.module.scss +15 -15
  73. package/src/features/navbar/student-utils.ts +11 -11
  74. package/src/features/navbar/style.module.scss +65 -65
  75. package/src/features/pedago/InstructionsEditor.tsx +104 -102
  76. package/src/features/pedago/PdfEditor.tsx +91 -91
  77. package/src/features/pedago/PedagoCommands.tsx +378 -378
  78. package/src/features/pedago/SharedNotesEditor.tsx +144 -144
  79. package/src/features/pedago/hooks.ts +108 -108
  80. package/src/features/pedago/index.tsx +205 -205
  81. package/src/features/pedago/style.module.scss +233 -233
  82. package/src/features/theming/ThemeSwitcher.tsx +51 -51
  83. package/src/features/theming/hooks.ts +6 -6
  84. package/src/features/theming/themingSlice.ts +93 -93
  85. package/src/features/toast.tsx +38 -38
  86. package/src/hooks/index.ts +55 -16
  87. package/src/index.css +132 -132
  88. package/src/index.ts +93 -92
  89. package/src/logo.svg +1 -1
  90. package/src/my_json_data.js +4146 -4146
  91. package/src/settings.ts +6 -6
  92. package/src/types.ts +8 -8
  93. package/src/utils/ButtonDoubleIcon.tsx +35 -35
  94. package/src/utils/CardSelector.tsx +41 -41
  95. package/src/utils/ErrorBoundary.tsx +41 -41
  96. package/src/utils/PopupButton.tsx +134 -134
  97. package/src/utils/activity.ts +8 -8
  98. package/src/utils/breakpoints.ts +4 -4
  99. package/src/utils/capytale.ts +10 -10
  100. package/src/utils/clipboard.ts +11 -11
  101. package/src/utils/download.ts +7 -7
  102. package/src/utils/equality.ts +32 -32
  103. package/src/utils/server-clock.ts +42 -42
  104. package/src/utils/style.module.scss +45 -45
  105. package/src/utils/useFullscreen.ts +65 -65
  106. package/src/vite-env.d.ts +1 -1
  107. package/src/zustandStore.ts +66 -0
  108. package/tsconfig.json +28 -28
  109. package/tsconfig.node.json +9 -9
  110. package/vite.config.ts +11 -11
@@ -1,91 +1,91 @@
1
- import { ActivityMode } from "@capytale/activity.js/activity/activitySession";
2
- import { TimeRange } from "@capytale/activity.js/common/field";
3
- import { InitialEditorStateType } from "@capytale/capytale-rich-text-editor";
4
- import { wf } from "@capytale/activity.js/activity/field/workflow";
5
-
6
- export type Workflow = wf | null | undefined;
7
-
8
- export type StudentInfo = {
9
- firstName: string;
10
- lastName: string;
11
- class: string;
12
- };
13
-
14
- export type Instructions = {
15
- value: InitialEditorStateType | null;
16
- htmlValue: string | null;
17
- format: "html" | "markdown" | "lexical";
18
- };
19
-
20
- export type LoadedInstructions = {
21
- value: string | null;
22
- htmlValue: string | null;
23
- format: "html" | "markdown" | "lexical";
24
- }
25
-
26
- export type Icon = {
27
- path: string;
28
- style?: any;
29
- };
30
-
31
- export type EditorType = "rich" | "none";
32
-
33
- export type ActivityJSData = {
34
- title: string;
35
- mode: ActivityMode;
36
- returnUrl: string;
37
- helpUrl: string;
38
- code: string | null;
39
- nid: number;
40
- activityNid: number;
41
- accessTrMode: string;
42
- accessTimerange: TimeRange | null;
43
- studentInfo: StudentInfo | null;
44
- instructions: Instructions | null;
45
- loadedInstructions: LoadedInstructions | null;
46
- instructionsType: EditorType;
47
- pdfInstructions: Blob | null;
48
- sharedNotesContent: InitialEditorStateType | null;
49
- sharedNotesType: EditorType;
50
- codeLink: string | null;
51
- icon: Icon | null;
52
- friendlyType: string;
53
- comments: string | null;
54
- grading: string | null;
55
- workflow: Workflow | null | undefined;
56
- antiCheat?: null | {
57
- passwordHash?: string | null;
58
- startLocked: boolean;
59
- };
60
- hasEvaluations: boolean | null;
61
- }
62
-
63
- export const defaultActivityJSData: ActivityJSData = {
64
- title: "",
65
- mode: "view",
66
- returnUrl: "",
67
- helpUrl: "",
68
- code: null,
69
- nid: 0,
70
- activityNid: 0,
71
- accessTrMode: "",
72
- accessTimerange: null,
73
- studentInfo: {
74
- firstName: "",
75
- lastName: "",
76
- class: "",
77
- },
78
- instructions: null,
79
- loadedInstructions: null,
80
- instructionsType: "rich",
81
- pdfInstructions: null,
82
- sharedNotesContent: null,
83
- sharedNotesType: "none",
84
- codeLink: null,
85
- icon: null,
86
- friendlyType: "",
87
- comments: null,
88
- grading: null,
89
- workflow: null,
90
- hasEvaluations: null,
1
+ import { ActivityMode } from "@capytale/activity.js/activity/activitySession";
2
+ import { TimeRange } from "@capytale/activity.js/common/field";
3
+ import { InitialEditorStateType } from "@capytale/capytale-rich-text-editor";
4
+ import { wf } from "@capytale/activity.js/activity/field/workflow";
5
+
6
+ export type Workflow = wf | null | undefined;
7
+
8
+ export type StudentInfo = {
9
+ firstName: string;
10
+ lastName: string;
11
+ class: string;
12
+ };
13
+
14
+ export type Instructions = {
15
+ value: InitialEditorStateType | null;
16
+ htmlValue: string | null;
17
+ format: "html" | "markdown" | "lexical";
18
+ };
19
+
20
+ export type LoadedInstructions = {
21
+ value: string | null;
22
+ htmlValue: string | null;
23
+ format: "html" | "markdown" | "lexical";
24
+ }
25
+
26
+ export type Icon = {
27
+ path: string;
28
+ style?: any;
29
+ };
30
+
31
+ export type EditorType = "rich" | "none";
32
+
33
+ export type ActivityJSData = {
34
+ title: string;
35
+ mode: ActivityMode;
36
+ returnUrl: string;
37
+ helpUrl: string;
38
+ code: string | null;
39
+ nid: number;
40
+ activityNid: number;
41
+ accessTrMode: string;
42
+ accessTimerange: TimeRange | null;
43
+ studentInfo: StudentInfo | null;
44
+ instructions: Instructions | null;
45
+ loadedInstructions: LoadedInstructions | null;
46
+ instructionsType: EditorType;
47
+ pdfInstructions: Blob | null;
48
+ sharedNotesContent: InitialEditorStateType | null;
49
+ sharedNotesType: EditorType;
50
+ codeLink: string | null;
51
+ icon: Icon | null;
52
+ friendlyType: string;
53
+ comments: string | null;
54
+ grading: string | null;
55
+ workflow: Workflow | null | undefined;
56
+ antiCheat?: null | {
57
+ passwordHash?: string | null;
58
+ startLocked: boolean;
59
+ };
60
+ hasEvaluations: boolean | null;
61
+ }
62
+
63
+ export const defaultActivityJSData: ActivityJSData = {
64
+ title: "",
65
+ mode: "view",
66
+ returnUrl: "",
67
+ helpUrl: "",
68
+ code: null,
69
+ nid: 0,
70
+ activityNid: 0,
71
+ accessTrMode: "",
72
+ accessTimerange: null,
73
+ studentInfo: {
74
+ firstName: "",
75
+ lastName: "",
76
+ class: "",
77
+ },
78
+ instructions: null,
79
+ loadedInstructions: null,
80
+ instructionsType: "rich",
81
+ pdfInstructions: null,
82
+ sharedNotesContent: null,
83
+ sharedNotesType: "none",
84
+ codeLink: null,
85
+ icon: null,
86
+ friendlyType: "",
87
+ comments: null,
88
+ grading: null,
89
+ workflow: null,
90
+ hasEvaluations: null,
91
91
  };
@@ -1,39 +1,39 @@
1
- import { useCallback } from "react";
2
- import { useAppDispatch, useAppSelector } from "../../app/hooks";
3
- import { selectHasEvaluations, selectIsDirty, selectMode, selectPreventEditIfHasEvaluations, setIsPlayerDirty, setSaveState } from "./activityDataSlice";
4
-
5
- export const useNotifyIsDirty = () => {
6
- const dispatch = useAppDispatch();
7
- return (isDirty: boolean = true) => dispatch(setIsPlayerDirty(isDirty));
8
- };
9
-
10
- export const useIsDirty = () => {
11
- const isDirty = useAppSelector(selectIsDirty);
12
- return isDirty;
13
- };
14
-
15
- export const useCanSave = () => {
16
- const preventEditIfHasEvaluations = useAppSelector(
17
- selectPreventEditIfHasEvaluations,
18
- );
19
- const hasEvaluations = useAppSelector(selectHasEvaluations);
20
-
21
- const mode = useAppSelector(selectMode);
22
-
23
- if (mode === "create" && hasEvaluations && preventEditIfHasEvaluations) {
24
- return false;
25
- }
26
-
27
- return true;
28
- }
29
-
30
- export const useSave = () => {
31
- const dispatch = useAppDispatch();
32
- const canSave = useCanSave();
33
- const setShouldSave = useCallback(() => {
34
- if (canSave) {
35
- dispatch(setSaveState("should-save"))
36
- }
37
- }, [dispatch, canSave]);
38
- return setShouldSave;
39
- };
1
+ import { useCallback } from "react";
2
+ import { useAppDispatch, useAppSelector } from "../../app/hooks";
3
+ import { selectHasEvaluations, selectIsDirty, selectMode, selectPreventEditIfHasEvaluations, setIsPlayerDirty, setSaveState } from "./activityDataSlice";
4
+
5
+ export const useNotifyIsDirty = () => {
6
+ const dispatch = useAppDispatch();
7
+ return (isDirty: boolean = true) => dispatch(setIsPlayerDirty(isDirty));
8
+ };
9
+
10
+ export const useIsDirty = () => {
11
+ const isDirty = useAppSelector(selectIsDirty);
12
+ return isDirty;
13
+ };
14
+
15
+ export const useCanSave = () => {
16
+ const preventEditIfHasEvaluations = useAppSelector(
17
+ selectPreventEditIfHasEvaluations,
18
+ );
19
+ const hasEvaluations = useAppSelector(selectHasEvaluations);
20
+
21
+ const mode = useAppSelector(selectMode);
22
+
23
+ if (mode === "create" && hasEvaluations && preventEditIfHasEvaluations) {
24
+ return false;
25
+ }
26
+
27
+ return true;
28
+ }
29
+
30
+ export const useSave = () => {
31
+ const dispatch = useAppDispatch();
32
+ const canSave = useCanSave();
33
+ const setShouldSave = useCallback(() => {
34
+ if (canSave) {
35
+ dispatch(setSaveState("should-save"))
36
+ }
37
+ }, [dispatch, canSave]);
38
+ return setShouldSave;
39
+ };
@@ -1,23 +1,23 @@
1
- export type MetaPlayerOptions = {
2
- showPedagoByDefault: boolean;
3
- canReset: boolean;
4
- preventEditIfHasEvaluations: boolean;
5
- pedagoLayout:
6
- | "horizontal"
7
- | "vertical"
8
- | "default-horizontal"
9
- | "default-vertical";
10
- supportsLightTheme: boolean;
11
- supportsDarkTheme: boolean;
12
- hideSaveButton: boolean;
13
- };
14
-
15
- export const defaultMetaPlayerOptions: MetaPlayerOptions = {
16
- showPedagoByDefault: true,
17
- canReset: true,
18
- preventEditIfHasEvaluations: false,
19
- pedagoLayout: "default-horizontal",
20
- supportsLightTheme: true,
21
- supportsDarkTheme: false,
22
- hideSaveButton: false,
23
- };
1
+ export type MetaPlayerOptions = {
2
+ showPedagoByDefault: boolean;
3
+ canReset: boolean;
4
+ preventEditIfHasEvaluations: boolean;
5
+ pedagoLayout:
6
+ | "horizontal"
7
+ | "vertical"
8
+ | "default-horizontal"
9
+ | "default-vertical";
10
+ supportsLightTheme: boolean;
11
+ supportsDarkTheme: boolean;
12
+ hideSaveButton: boolean;
13
+ };
14
+
15
+ export const defaultMetaPlayerOptions: MetaPlayerOptions = {
16
+ showPedagoByDefault: true,
17
+ canReset: true,
18
+ preventEditIfHasEvaluations: false,
19
+ pedagoLayout: "default-horizontal",
20
+ supportsLightTheme: true,
21
+ supportsDarkTheme: false,
22
+ hideSaveButton: false,
23
+ };
@@ -1,21 +1,21 @@
1
- export type SaveState = "idle" | "should-save" | "saving";
2
-
3
- export type UIState = {
4
- canSaveInstructions: boolean;
5
- canSaveSharedNotes: boolean;
6
- saveState: SaveState;
7
- isPlayerDirty: boolean;
8
- isMPDirty: boolean;
9
-
10
- isAntiCheatExitDetectionDisabled: boolean;
11
- }
12
-
13
- export const defaultUIState: UIState = {
14
- canSaveInstructions: true,
15
- canSaveSharedNotes: true,
16
- saveState: "idle",
17
- isPlayerDirty: false,
18
- isMPDirty: false,
19
-
20
- isAntiCheatExitDetectionDisabled: false,
1
+ export type SaveState = "idle" | "should-save" | "saving";
2
+
3
+ export type UIState = {
4
+ canSaveInstructions: boolean;
5
+ canSaveSharedNotes: boolean;
6
+ saveState: SaveState;
7
+ isPlayerDirty: boolean;
8
+ isMPDirty: boolean;
9
+
10
+ isAntiCheatExitDetectionDisabled: boolean;
11
+ }
12
+
13
+ export const defaultUIState: UIState = {
14
+ canSaveInstructions: true,
15
+ canSaveSharedNotes: true,
16
+ saveState: "idle",
17
+ isPlayerDirty: false,
18
+ isMPDirty: false,
19
+
20
+ isAntiCheatExitDetectionDisabled: false,
21
21
  };