@cuemath/leap 3.1.0-aa2 → 3.1.0-aa5
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.
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { memo as B, useRef as
|
|
1
|
+
import { jsx as q } from "react/jsx-runtime";
|
|
2
|
+
import { memo as B, useRef as y, useCallback as F, useEffect as u } from "react";
|
|
3
3
|
import J from "../worksheet/learnosity-preloader/use-is-learnosity-loaded.js";
|
|
4
4
|
import { CueCanvasCore as K } from "./cue-canvas-core.js";
|
|
5
5
|
import { getCanvasConfig as M, getCanvasSettings as O } from "./cue-canvas-helpers.js";
|
|
6
6
|
import { CueCanvasWrapper as Q } from "./cue-cavas-styled.js";
|
|
7
7
|
import { useCueCanvasActions as S } from "./hooks/use-cue-canvas-actions.js";
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
const
|
|
8
|
+
import T from "./hooks/use-height-extender.js";
|
|
9
|
+
import X from "./hooks/use-upload-helper.js";
|
|
10
|
+
const Y = B(
|
|
11
11
|
({
|
|
12
12
|
canvasId: N,
|
|
13
13
|
width: s,
|
|
14
14
|
height: m,
|
|
15
15
|
canRender: $,
|
|
16
|
-
onUpdateHeight:
|
|
16
|
+
onUpdateHeight: z,
|
|
17
17
|
initialData: p,
|
|
18
18
|
onPublish: V,
|
|
19
19
|
onSubscribe: H,
|
|
@@ -23,16 +23,16 @@ const Z = B(
|
|
|
23
23
|
userType: d,
|
|
24
24
|
renderAs: r = "canvas",
|
|
25
25
|
canvasConfig: e,
|
|
26
|
-
updateCanvasConfig:
|
|
26
|
+
updateCanvasConfig: A
|
|
27
27
|
}) => {
|
|
28
28
|
var c, j, k;
|
|
29
|
-
const w =
|
|
29
|
+
const w = y(null), { setActiveInstance: l, setActiveTool: R } = S(), G = X({ userId: L, renderAs: r, userType: d }), { scriptStatus: U } = J(), t = y(null), I = F(
|
|
30
30
|
(x) => {
|
|
31
31
|
R(x);
|
|
32
32
|
},
|
|
33
33
|
[R]
|
|
34
34
|
);
|
|
35
|
-
return
|
|
35
|
+
return T({
|
|
36
36
|
canvasElementRef: w,
|
|
37
37
|
cueCanvasRef: t,
|
|
38
38
|
canScribble: o
|
|
@@ -41,7 +41,6 @@ const Z = B(
|
|
|
41
41
|
}, [
|
|
42
42
|
e == null ? void 0 : e.gridName,
|
|
43
43
|
(c = e == null ? void 0 : e.dimesion) == null ? void 0 : c.x,
|
|
44
|
-
d,
|
|
45
44
|
(j = e == null ? void 0 : e.dimesion) == null ? void 0 : j.y,
|
|
46
45
|
(k = e == null ? void 0 : e.dimesion) == null ? void 0 : k.zoom
|
|
47
46
|
]), u(() => {
|
|
@@ -52,31 +51,31 @@ const Z = B(
|
|
|
52
51
|
m && t.current && t.current.resetViewPort();
|
|
53
52
|
}, [m, s]), u(() => {
|
|
54
53
|
if ($ && P && !t.current && U === "loaded") {
|
|
55
|
-
const x = M(s, m, r, d),
|
|
54
|
+
const x = M(s, m, r, d), W = O(r, d), E = new K({
|
|
56
55
|
onPublish: V,
|
|
57
56
|
onSubscribe: H,
|
|
58
|
-
onUpdateActiveTool:
|
|
59
|
-
onUpdateHeight:
|
|
60
|
-
uploadImageToS3:
|
|
57
|
+
onUpdateActiveTool: I,
|
|
58
|
+
onUpdateHeight: z,
|
|
59
|
+
uploadImageToS3: G,
|
|
61
60
|
height: m,
|
|
62
61
|
userId: L,
|
|
63
62
|
canvasId: N,
|
|
64
63
|
userType: d,
|
|
65
64
|
renderAs: r,
|
|
66
|
-
updateCanvasConfig:
|
|
65
|
+
updateCanvasConfig: A
|
|
67
66
|
});
|
|
68
67
|
(async () => {
|
|
69
68
|
await E.create({
|
|
70
69
|
canvasElementRef: w,
|
|
71
70
|
canvasConfig: x,
|
|
72
|
-
canvasSetting:
|
|
71
|
+
canvasSetting: W,
|
|
73
72
|
initialData: p
|
|
74
73
|
}), t.current = E, o && l(E);
|
|
75
74
|
})();
|
|
76
75
|
}
|
|
77
76
|
}, [V, H, l, $, P, U]), u(() => () => {
|
|
78
77
|
t.current && (t.current.destroy(), t.current = null);
|
|
79
|
-
}, []), /* @__PURE__ */
|
|
78
|
+
}, []), /* @__PURE__ */ q(
|
|
80
79
|
Q,
|
|
81
80
|
{
|
|
82
81
|
id: r === "whiteboard" ? "canvasContainer" : N,
|
|
@@ -89,7 +88,7 @@ const Z = B(
|
|
|
89
88
|
}
|
|
90
89
|
);
|
|
91
90
|
}
|
|
92
|
-
), g =
|
|
91
|
+
), g = Y;
|
|
93
92
|
export {
|
|
94
93
|
g as default
|
|
95
94
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cue-canvas.js","sources":["../../../src/features/cue-canvas/cue-canvas.tsx"],"sourcesContent":["import type { ICueCanvas, TCueCanvasTool } from './types/cue-canvas';\n\nimport { memo, useCallback, useEffect, useRef } from 'react';\n\nimport useIsLearnosityLoaded from '../worksheet/learnosity-preloader/use-is-learnosity-loaded';\nimport { CueCanvasCore } from './cue-canvas-core';\nimport { getCanvasConfig, getCanvasSettings } from './cue-canvas-helpers';\nimport { CueCanvasWrapper } from './cue-cavas-styled';\nimport { useCueCanvasActions } from './hooks/use-cue-canvas-actions';\nimport useHeightExtender from './hooks/use-height-extender';\nimport useUploadHelper from './hooks/use-upload-helper';\n\nconst CueCanvas: React.FC<ICueCanvas> = memo(\n ({\n canvasId,\n width,\n height,\n canRender,\n onUpdateHeight,\n initialData,\n onPublish,\n onSubscribe,\n userId,\n appended,\n canScribble,\n userType,\n renderAs = 'canvas',\n canvasConfig,\n updateCanvasConfig,\n }) => {\n const canvasElementRef = useRef<HTMLDivElement>(null);\n const { setActiveInstance: setActiveCueCanvas, setActiveTool } = useCueCanvasActions();\n const uploadImageToS3 = useUploadHelper({ userId, renderAs, userType });\n const { scriptStatus } = useIsLearnosityLoaded(); // This hook checks if the Polypad script is loaded + (additional scripts)\n\n const cueCanvasRef = useRef<CueCanvasCore | null>(null);\n\n const onUpdateActiveTool = useCallback(\n (tool: TCueCanvasTool) => {\n setActiveTool(tool);\n },\n [setActiveTool],\n );\n\n useHeightExtender({\n canvasElementRef,\n cueCanvasRef,\n canScribble,\n });\n useEffect(() => {\n if (!cueCanvasRef.current) {\n return;\n }\n\n if (canvasConfig?.gridName) {\n cueCanvasRef.current.changeGrid(canvasConfig?.gridName);\n }\n\n if (canvasConfig?.dimesion) {\n cueCanvasRef.current.setViewPort(canvasConfig?.dimesion);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [\n canvasConfig?.gridName,\n canvasConfig?.dimesion?.x,\n
|
|
1
|
+
{"version":3,"file":"cue-canvas.js","sources":["../../../src/features/cue-canvas/cue-canvas.tsx"],"sourcesContent":["import type { ICueCanvas, TCueCanvasTool } from './types/cue-canvas';\n\nimport { memo, useCallback, useEffect, useRef } from 'react';\n\nimport useIsLearnosityLoaded from '../worksheet/learnosity-preloader/use-is-learnosity-loaded';\nimport { CueCanvasCore } from './cue-canvas-core';\nimport { getCanvasConfig, getCanvasSettings } from './cue-canvas-helpers';\nimport { CueCanvasWrapper } from './cue-cavas-styled';\nimport { useCueCanvasActions } from './hooks/use-cue-canvas-actions';\nimport useHeightExtender from './hooks/use-height-extender';\nimport useUploadHelper from './hooks/use-upload-helper';\n\nconst CueCanvas: React.FC<ICueCanvas> = memo(\n ({\n canvasId,\n width,\n height,\n canRender,\n onUpdateHeight,\n initialData,\n onPublish,\n onSubscribe,\n userId,\n appended,\n canScribble,\n userType,\n renderAs = 'canvas',\n canvasConfig,\n updateCanvasConfig,\n }) => {\n const canvasElementRef = useRef<HTMLDivElement>(null);\n const { setActiveInstance: setActiveCueCanvas, setActiveTool } = useCueCanvasActions();\n const uploadImageToS3 = useUploadHelper({ userId, renderAs, userType });\n const { scriptStatus } = useIsLearnosityLoaded(); // This hook checks if the Polypad script is loaded + (additional scripts)\n\n const cueCanvasRef = useRef<CueCanvasCore | null>(null);\n\n const onUpdateActiveTool = useCallback(\n (tool: TCueCanvasTool) => {\n setActiveTool(tool);\n },\n [setActiveTool],\n );\n\n useHeightExtender({\n canvasElementRef,\n cueCanvasRef,\n canScribble,\n });\n useEffect(() => {\n if (!cueCanvasRef.current) {\n return;\n }\n\n if (canvasConfig?.gridName) {\n cueCanvasRef.current.changeGrid(canvasConfig?.gridName);\n }\n\n if (canvasConfig?.dimesion) {\n cueCanvasRef.current.setViewPort(canvasConfig?.dimesion);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [\n canvasConfig?.gridName,\n canvasConfig?.dimesion?.x,\n canvasConfig?.dimesion?.y,\n canvasConfig?.dimesion?.zoom,\n ]);\n\n useEffect(() => {\n if (canScribble && cueCanvasRef.current) {\n cueCanvasRef.current.resetViewPort();\n\n setActiveCueCanvas(cueCanvasRef.current);\n }\n }, [canScribble, setActiveCueCanvas]);\n\n useEffect(() => {\n if (initialData && cueCanvasRef.current) {\n cueCanvasRef.current.update(initialData);\n }\n }, [initialData]);\n\n useEffect(() => {\n if (height && cueCanvasRef.current) {\n cueCanvasRef.current.resetViewPort();\n }\n }, [height, width]);\n\n useEffect(() => {\n if (canRender && appended && !cueCanvasRef.current && scriptStatus === 'loaded') {\n const canvasCreateConfig = getCanvasConfig(width, height, renderAs, userType);\n const canvasSetting = getCanvasSettings(renderAs, userType);\n const cueCanvasCore = new CueCanvasCore({\n onPublish,\n onSubscribe,\n onUpdateActiveTool,\n onUpdateHeight,\n uploadImageToS3,\n height,\n userId,\n canvasId,\n userType,\n renderAs,\n updateCanvasConfig,\n });\n\n const createCueCanvas = async () => {\n await cueCanvasCore.create({\n canvasElementRef,\n canvasConfig: canvasCreateConfig,\n canvasSetting,\n initialData,\n });\n cueCanvasRef.current = cueCanvasCore;\n\n if (canScribble) {\n setActiveCueCanvas(cueCanvasCore);\n }\n };\n\n createCueCanvas();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [onPublish, onSubscribe, setActiveCueCanvas, canRender, appended, scriptStatus]);\n\n useEffect(() => {\n return () => {\n if (cueCanvasRef.current) {\n cueCanvasRef.current.destroy();\n cueCanvasRef.current = null;\n }\n };\n }, []);\n\n return (\n <CueCanvasWrapper\n id={renderAs === 'whiteboard' ? 'canvasContainer' : canvasId}\n ref={canvasElementRef}\n $width={width}\n $height={height}\n $canScribble={canScribble}\n $canRender={canRender}\n $renderAs={renderAs}\n />\n );\n },\n);\n\nexport default CueCanvas;\n"],"names":["CueCanvas","memo","canvasId","width","height","canRender","onUpdateHeight","initialData","onPublish","onSubscribe","userId","appended","canScribble","userType","renderAs","canvasConfig","updateCanvasConfig","canvasElementRef","useRef","setActiveCueCanvas","setActiveTool","useCueCanvasActions","uploadImageToS3","useUploadHelper","scriptStatus","useIsLearnosityLoaded","cueCanvasRef","onUpdateActiveTool","useCallback","tool","useHeightExtender","useEffect","_a","_b","_c","canvasCreateConfig","getCanvasConfig","canvasSetting","getCanvasSettings","cueCanvasCore","CueCanvasCore","jsx","CueCanvasWrapper","CueCanvas$1"],"mappings":"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"}
|