@cuemath/leap 3.5.48-aa0 → 3.5.48-aa1
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.
- package/dist/features/cue-canvas/cue-canvas.js +26 -24
- package/dist/features/cue-canvas/cue-canvas.js.map +1 -1
- package/dist/features/cue-canvas/hooks/use-height-extender.js +32 -25
- package/dist/features/cue-canvas/hooks/use-height-extender.js.map +1 -1
- package/dist/features/worksheet/constants/events.js +2 -1
- package/dist/features/worksheet/constants/events.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { memo as
|
|
3
|
-
import
|
|
4
|
-
import { CueCanvasCore as
|
|
5
|
-
import { getCanvasConfig as
|
|
6
|
-
import { CueCanvasWrapper as
|
|
7
|
-
import
|
|
8
|
-
import { useCueCanvasActions as
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
const
|
|
1
|
+
import { jsx as k } from "react/jsx-runtime";
|
|
2
|
+
import { memo as I, useRef as x, useCallback as P, useEffect as n } from "react";
|
|
3
|
+
import W from "../worksheet/learnosity-preloader/use-is-learnosity-loaded.js";
|
|
4
|
+
import { CueCanvasCore as q } from "./cue-canvas-core.js";
|
|
5
|
+
import { getCanvasConfig as y, getCanvasSettings as z } from "./cue-canvas-helpers.js";
|
|
6
|
+
import { CueCanvasWrapper as A } from "./cue-cavas-styled.js";
|
|
7
|
+
import B from "./hooks/use-config-updater.js";
|
|
8
|
+
import { useCueCanvasActions as F } from "./hooks/use-cue-canvas-actions.js";
|
|
9
|
+
import G from "./hooks/use-height-extender.js";
|
|
10
|
+
import J from "./hooks/use-upload-helper.js";
|
|
11
|
+
const K = I(function({
|
|
12
12
|
canvasId: i,
|
|
13
13
|
width: u,
|
|
14
14
|
height: o,
|
|
@@ -23,19 +23,21 @@ const J = k(function({
|
|
|
23
23
|
userType: s,
|
|
24
24
|
renderAs: e = "canvas",
|
|
25
25
|
canvasConfig: U,
|
|
26
|
-
updateCanvasConfig: H
|
|
26
|
+
updateCanvasConfig: H,
|
|
27
|
+
loggerRef: L
|
|
27
28
|
}) {
|
|
28
|
-
const f = x(null), { setActiveInstance: c, setActiveTool: w } =
|
|
29
|
+
const f = x(null), { setActiveInstance: c, setActiveTool: w } = F(), R = J({ userId: g, renderAs: e, userType: s }), { scriptStatus: d } = W(), t = x(null), V = P(
|
|
29
30
|
(m) => {
|
|
30
31
|
w(m);
|
|
31
32
|
},
|
|
32
33
|
[w]
|
|
33
34
|
);
|
|
34
|
-
return
|
|
35
|
+
return G({
|
|
35
36
|
canvasElementRef: f,
|
|
36
37
|
cueCanvasRef: t,
|
|
37
|
-
canScribble: r
|
|
38
|
-
|
|
38
|
+
canScribble: r,
|
|
39
|
+
loggerRef: L
|
|
40
|
+
}), B(U, e), n(() => {
|
|
39
41
|
r && t.current && (t.current.resetViewPort(), c(t.current));
|
|
40
42
|
}, [r, c]), n(() => {
|
|
41
43
|
a && t.current && t.current.update(a);
|
|
@@ -43,12 +45,12 @@ const J = k(function({
|
|
|
43
45
|
o && t.current && t.current.resetViewPort();
|
|
44
46
|
}, [o, u]), n(() => {
|
|
45
47
|
if (C && $ && !t.current && d === "loaded") {
|
|
46
|
-
const m =
|
|
48
|
+
const m = y(u, o, e, s), j = z(e, s), v = new q({
|
|
47
49
|
onPublish: p,
|
|
48
50
|
onSubscribe: l,
|
|
49
|
-
onUpdateActiveTool:
|
|
51
|
+
onUpdateActiveTool: V,
|
|
50
52
|
onUpdateHeight: E,
|
|
51
|
-
uploadImageToS3:
|
|
53
|
+
uploadImageToS3: R,
|
|
52
54
|
height: o,
|
|
53
55
|
userId: g,
|
|
54
56
|
canvasId: i,
|
|
@@ -60,15 +62,15 @@ const J = k(function({
|
|
|
60
62
|
await v.create({
|
|
61
63
|
canvasElementRef: f,
|
|
62
64
|
canvasConfig: m,
|
|
63
|
-
canvasSetting:
|
|
65
|
+
canvasSetting: j,
|
|
64
66
|
initialData: a
|
|
65
67
|
}), t.current = v, r && c(v);
|
|
66
68
|
})();
|
|
67
69
|
}
|
|
68
70
|
}, [p, l, c, C, $, d]), n(() => () => {
|
|
69
71
|
t.current && (t.current.destroy(), t.current = null);
|
|
70
|
-
}, []), /* @__PURE__ */
|
|
71
|
-
|
|
72
|
+
}, []), /* @__PURE__ */ k(
|
|
73
|
+
A,
|
|
72
74
|
{
|
|
73
75
|
id: e === "whiteboard" ? "canvasContainer" : i,
|
|
74
76
|
ref: f,
|
|
@@ -79,8 +81,8 @@ const J = k(function({
|
|
|
79
81
|
$renderAs: e
|
|
80
82
|
}
|
|
81
83
|
);
|
|
82
|
-
}),
|
|
84
|
+
}), b = K;
|
|
83
85
|
export {
|
|
84
|
-
|
|
86
|
+
b as default
|
|
85
87
|
};
|
|
86
88
|
//# sourceMappingURL=cue-canvas.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cue-canvas.js","sources":["../../../src/features/cue-canvas/cue-canvas.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useRef, type FC } 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 useConfigUpdater from './hooks/use-config-updater';\nimport { useCueCanvasActions } from './hooks/use-cue-canvas-actions';\nimport useHeightExtender from './hooks/use-height-extender';\nimport useUploadHelper from './hooks/use-upload-helper';\nimport type { ICueCanvas, TCueCanvasTool } from './types/cue-canvas';\n\nconst CueCanvas: FC<ICueCanvas> = memo(function CueCanvas({\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) as React.RefObject<HTMLDivElement>;\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 useConfigUpdater(canvasConfig, renderAs);\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\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","useConfigUpdater","useEffect","canvasCreateConfig","getCanvasConfig","canvasSetting","getCanvasSettings","cueCanvasCore","CueCanvasCore","jsx","CueCanvasWrapper","CueCanvas$1"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAA4BC,EAAK,SAAmB;AAAA,EACxD,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,cAAAC;AAAA,EACA,oBAAAC;AACF,GAAG;AACK,QAAAC,IAAmBC,EAAuB,IAAI,GAC9C,EAAE,mBAAmBC,GAAoB,eAAAC,MAAkBC,EAAoB,GAC/EC,IAAkBC,EAAgB,EAAE,
|
|
1
|
+
{"version":3,"file":"cue-canvas.js","sources":["../../../src/features/cue-canvas/cue-canvas.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useRef, type FC } 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 useConfigUpdater from './hooks/use-config-updater';\nimport { useCueCanvasActions } from './hooks/use-cue-canvas-actions';\nimport useHeightExtender from './hooks/use-height-extender';\nimport useUploadHelper from './hooks/use-upload-helper';\nimport type { ICueCanvas, TCueCanvasTool } from './types/cue-canvas';\n\nconst CueCanvas: FC<ICueCanvas> = memo(function CueCanvas({\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 loggerRef,\n}) {\n const canvasElementRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;\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 loggerRef,\n });\n useConfigUpdater(canvasConfig, renderAs);\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\nexport default CueCanvas;\n"],"names":["CueCanvas","memo","canvasId","width","height","canRender","onUpdateHeight","initialData","onPublish","onSubscribe","userId","appended","canScribble","userType","renderAs","canvasConfig","updateCanvasConfig","loggerRef","canvasElementRef","useRef","setActiveCueCanvas","setActiveTool","useCueCanvasActions","uploadImageToS3","useUploadHelper","scriptStatus","useIsLearnosityLoaded","cueCanvasRef","onUpdateActiveTool","useCallback","tool","useHeightExtender","useConfigUpdater","useEffect","canvasCreateConfig","getCanvasConfig","canvasSetting","getCanvasSettings","cueCanvasCore","CueCanvasCore","jsx","CueCanvasWrapper","CueCanvas$1"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAA4BC,EAAK,SAAmB;AAAA,EACxD,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,cAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,WAAAC;AACF,GAAG;AACK,QAAAC,IAAmBC,EAAuB,IAAI,GAC9C,EAAE,mBAAmBC,GAAoB,eAAAC,MAAkBC,EAAoB,GAC/EC,IAAkBC,EAAgB,EAAE,QAAAd,GAAQ,UAAAI,GAAU,UAAAD,GAAU,GAChE,EAAE,cAAAY,MAAiBC,KAEnBC,IAAeR,EAA6B,IAAI,GAEhDS,IAAqBC;AAAA,IACzB,CAACC,MAAyB;AACxB,MAAAT,EAAcS,CAAI;AAAA,IACpB;AAAA,IACA,CAACT,CAAa;AAAA,EAAA;AAGE,SAAAU,EAAA;AAAA,IAChB,kBAAAb;AAAA,IACA,cAAAS;AAAA,IACA,aAAAf;AAAA,IACA,WAAAK;AAAA,EAAA,CACD,GACDe,EAAiBjB,GAAcD,CAAQ,GAEvCmB,EAAU,MAAM;AACV,IAAArB,KAAee,EAAa,YAC9BA,EAAa,QAAQ,iBAErBP,EAAmBO,EAAa,OAAO;AAAA,EACzC,GACC,CAACf,GAAaQ,CAAkB,CAAC,GAEpCa,EAAU,MAAM;AACV,IAAA1B,KAAeoB,EAAa,WACjBA,EAAA,QAAQ,OAAOpB,CAAW;AAAA,EACzC,GACC,CAACA,CAAW,CAAC,GAEhB0B,EAAU,MAAM;AACV,IAAA7B,KAAUuB,EAAa,WACzBA,EAAa,QAAQ;EACvB,GACC,CAACvB,GAAQD,CAAK,CAAC,GAElB8B,EAAU,MAAM;AACd,QAAI5B,KAAaM,KAAY,CAACgB,EAAa,WAAWF,MAAiB,UAAU;AAC/E,YAAMS,IAAqBC,EAAgBhC,GAAOC,GAAQU,GAAUD,CAAQ,GACtEuB,IAAgBC,EAAkBvB,GAAUD,CAAQ,GACpDyB,IAAgB,IAAIC,EAAc;AAAA,QACtC,WAAA/B;AAAA,QACA,aAAAC;AAAA,QACA,oBAAAmB;AAAA,QACA,gBAAAtB;AAAA,QACA,iBAAAiB;AAAA,QACA,QAAAnB;AAAA,QACA,QAAAM;AAAA,QACA,UAAAR;AAAA,QACA,UAAAW;AAAA,QACA,UAAAC;AAAA,QACA,oBAAAE;AAAA,MAAA,CACD;AAgBe,OAdQ,YAAY;AAClC,cAAMsB,EAAc,OAAO;AAAA,UACzB,kBAAApB;AAAA,UACA,cAAcgB;AAAA,UACd,eAAAE;AAAA,UACA,aAAA7B;AAAA,QAAA,CACD,GACDoB,EAAa,UAAUW,GAEnB1B,KACFQ,EAAmBkB,CAAa;AAAA,MAClC;IAIJ;AAAA,EAAA,GAEC,CAAC9B,GAAWC,GAAaW,GAAoBf,GAAWM,GAAUc,CAAY,CAAC,GAElFQ,EAAU,MACD,MAAM;AACX,IAAIN,EAAa,YACfA,EAAa,QAAQ,WACrBA,EAAa,UAAU;AAAA,EACzB,GAED,CAAE,CAAA,GAGH,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI3B,MAAa,eAAe,oBAAoBZ;AAAA,MACpD,KAAKgB;AAAA,MACL,QAAQf;AAAA,MACR,SAASC;AAAA,MACT,cAAcQ;AAAA,MACd,YAAYP;AAAA,MACZ,WAAWS;AAAA,IAAA;AAAA,EAAA;AAGjB,CAAC,GAED4B,IAAe1C;"}
|
|
@@ -1,48 +1,55 @@
|
|
|
1
|
-
import { useRef as
|
|
2
|
-
import { useCueCanvasActions as
|
|
3
|
-
|
|
1
|
+
import { useRef as T, useCallback as h, useEffect as E } from "react";
|
|
2
|
+
import { useCueCanvasActions as L } from "./use-cue-canvas-actions.js";
|
|
3
|
+
import v from "../../worksheet/constants/events.js";
|
|
4
|
+
const g = ({
|
|
4
5
|
canvasElementRef: e,
|
|
5
6
|
cueCanvasRef: n,
|
|
6
|
-
canScribble:
|
|
7
|
+
canScribble: l,
|
|
8
|
+
loggerRef: o
|
|
7
9
|
}) => {
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
}, []), s =
|
|
10
|
+
const i = T(!1), u = T(!1), { isWritingToolActive: m } = L(), c = h(() => {
|
|
11
|
+
i.current = !0;
|
|
12
|
+
}, []), s = h(
|
|
11
13
|
(t) => {
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
var d;
|
|
15
|
+
let r = "unknown";
|
|
16
|
+
if (t.pointerType === "pen" ? r = "pen" : t.pointerType === "mouse" ? r = "mouse" : t.pointerType === "touch" && (r = "touch"), o == null || o.current(v.STROKE_ADDED, {
|
|
17
|
+
source: r,
|
|
18
|
+
mode: "cuecanvas",
|
|
19
|
+
original_source: t.pointerType
|
|
20
|
+
}), e.current && u.current) {
|
|
21
|
+
u.current = !1;
|
|
22
|
+
const y = e.current.getBoundingClientRect().height + 200;
|
|
23
|
+
(d = n == null ? void 0 : n.current) == null || d.updateHeight(y);
|
|
17
24
|
}
|
|
18
|
-
|
|
25
|
+
i.current = !1;
|
|
19
26
|
},
|
|
20
|
-
[e, n]
|
|
21
|
-
),
|
|
27
|
+
[e, n, o]
|
|
28
|
+
), p = h(
|
|
22
29
|
(t) => {
|
|
23
|
-
if (
|
|
30
|
+
if (i.current && e.current) {
|
|
24
31
|
const r = e.current.getBoundingClientRect();
|
|
25
|
-
t.clientY - r.top >= r.height - 200 && (
|
|
32
|
+
t.clientY - r.top >= r.height - 200 && (u.current = !0);
|
|
26
33
|
}
|
|
27
34
|
},
|
|
28
35
|
[e]
|
|
29
36
|
);
|
|
30
|
-
|
|
37
|
+
E(() => {
|
|
31
38
|
const t = e.current;
|
|
32
|
-
if (
|
|
33
|
-
return t.addEventListener("pointerdown", c), t.addEventListener("pointerup", s), t.addEventListener("pointermove",
|
|
34
|
-
t.removeEventListener("pointerdown", c), t.removeEventListener("pointerup", s), t.removeEventListener("pointermove",
|
|
39
|
+
if (l && t && m)
|
|
40
|
+
return t.addEventListener("pointerdown", c), t.addEventListener("pointerup", s), t.addEventListener("pointermove", p), () => {
|
|
41
|
+
t.removeEventListener("pointerdown", c), t.removeEventListener("pointerup", s), t.removeEventListener("pointermove", p);
|
|
35
42
|
};
|
|
36
43
|
}, [
|
|
37
44
|
e,
|
|
38
45
|
c,
|
|
39
|
-
u,
|
|
40
|
-
s,
|
|
41
46
|
p,
|
|
42
|
-
|
|
47
|
+
s,
|
|
48
|
+
l,
|
|
49
|
+
m
|
|
43
50
|
]);
|
|
44
51
|
};
|
|
45
52
|
export {
|
|
46
|
-
|
|
53
|
+
g as default
|
|
47
54
|
};
|
|
48
55
|
//# sourceMappingURL=use-height-extender.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-height-extender.js","sources":["../../../../src/features/cue-canvas/hooks/use-height-extender.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport type { CueCanvasCore } from '../cue-canvas-core';\nimport { useCueCanvasActions } from './use-cue-canvas-actions';\n\ninterface IUseHeightIncreaseProps {\n canvasElementRef: React.RefObject<HTMLElement | null>;\n cueCanvasRef: React.RefObject<CueCanvasCore | null> | undefined;\n canScribble: boolean;\n}\n\nconst useHeightExtender = ({\n canvasElementRef,\n cueCanvasRef,\n canScribble,\n}: IUseHeightIncreaseProps) => {\n const isScribblingRef = useRef<boolean>(false);\n const shouldIncreaseHeightRef = useRef<boolean>(false);\n const { isWritingToolActive } = useCueCanvasActions();\n\n const handlePointerDown = useCallback(() => {\n isScribblingRef.current = true;\n }, []);\n\n const handlePointerUp = useCallback(\n (
|
|
1
|
+
{"version":3,"file":"use-height-extender.js","sources":["../../../../src/features/cue-canvas/hooks/use-height-extender.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport type { CueCanvasCore } from '../cue-canvas-core';\nimport { useCueCanvasActions } from './use-cue-canvas-actions';\nimport EVENTS from '../../worksheet/constants/events';\n\ninterface IUseHeightIncreaseProps {\n canvasElementRef: React.RefObject<HTMLElement | null>;\n cueCanvasRef: React.RefObject<CueCanvasCore | null> | undefined;\n canScribble: boolean;\n loggerRef?: React.RefObject<(eventName: string, eventPayload?: Record<string, unknown>) => void>;\n}\n\nconst useHeightExtender = ({\n canvasElementRef,\n cueCanvasRef,\n canScribble,\n loggerRef,\n}: IUseHeightIncreaseProps) => {\n const isScribblingRef = useRef<boolean>(false);\n const shouldIncreaseHeightRef = useRef<boolean>(false);\n const { isWritingToolActive } = useCueCanvasActions();\n\n const handlePointerDown = useCallback(() => {\n isScribblingRef.current = true;\n }, []);\n\n const handlePointerUp = useCallback(\n (e: PointerEvent) => {\n let source = 'unknown';\n\n if (e.pointerType === 'pen') {\n source = 'pen';\n } else if (e.pointerType === 'mouse') {\n source = 'mouse';\n } else if (e.pointerType === 'touch') {\n source = 'touch';\n }\n loggerRef?.current(EVENTS.STROKE_ADDED, {\n source,\n mode: 'cuecanvas',\n original_source: e.pointerType,\n });\n if (canvasElementRef.current && shouldIncreaseHeightRef.current) {\n shouldIncreaseHeightRef.current = false;\n\n const rect = canvasElementRef.current.getBoundingClientRect();\n const updatedHeight = rect.height + 200;\n\n cueCanvasRef?.current?.updateHeight(updatedHeight);\n }\n\n isScribblingRef.current = false;\n },\n [canvasElementRef, cueCanvasRef, loggerRef],\n );\n\n const handlePointerMove = useCallback(\n (event: MouseEvent) => {\n if (isScribblingRef.current && canvasElementRef.current) {\n const rect = canvasElementRef.current.getBoundingClientRect();\n const y = event.clientY - rect.top;\n\n if (y >= rect.height - 200) {\n shouldIncreaseHeightRef.current = true;\n }\n }\n },\n [canvasElementRef],\n );\n\n useEffect(() => {\n const canvasEle = canvasElementRef.current;\n\n if (canScribble && canvasEle && isWritingToolActive) {\n canvasEle.addEventListener('pointerdown', handlePointerDown);\n canvasEle.addEventListener('pointerup', handlePointerUp);\n canvasEle.addEventListener('pointermove', handlePointerMove);\n\n return () => {\n canvasEle.removeEventListener('pointerdown', handlePointerDown);\n canvasEle.removeEventListener('pointerup', handlePointerUp);\n canvasEle.removeEventListener('pointermove', handlePointerMove);\n };\n }\n }, [\n canvasElementRef,\n handlePointerDown,\n handlePointerMove,\n handlePointerUp,\n canScribble,\n isWritingToolActive,\n ]);\n};\n\nexport default useHeightExtender;\n"],"names":["useHeightExtender","canvasElementRef","cueCanvasRef","canScribble","loggerRef","isScribblingRef","useRef","shouldIncreaseHeightRef","isWritingToolActive","useCueCanvasActions","handlePointerDown","useCallback","handlePointerUp","e","source","EVENTS","updatedHeight","_a","handlePointerMove","event","rect","useEffect","canvasEle"],"mappings":";;;AAaA,MAAMA,IAAoB,CAAC;AAAA,EACzB,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AACF,MAA+B;AACvB,QAAAC,IAAkBC,EAAgB,EAAK,GACvCC,IAA0BD,EAAgB,EAAK,GAC/C,EAAE,qBAAAE,MAAwBC,KAE1BC,IAAoBC,EAAY,MAAM;AAC1C,IAAAN,EAAgB,UAAU;AAAA,EAC5B,GAAG,CAAE,CAAA,GAECO,IAAkBD;AAAA,IACtB,CAACE,MAAoB;;AACnB,UAAIC,IAAS;AAcT,UAZAD,EAAE,gBAAgB,QACXC,IAAA,QACAD,EAAE,gBAAgB,UAClBC,IAAA,UACAD,EAAE,gBAAgB,YAClBC,IAAA,UAEAV,KAAA,QAAAA,EAAA,QAAQW,EAAO,cAAc;AAAA,QACtC,QAAAD;AAAA,QACA,MAAM;AAAA,QACN,iBAAiBD,EAAE;AAAA,MAAA,IAEjBZ,EAAiB,WAAWM,EAAwB,SAAS;AAC/D,QAAAA,EAAwB,UAAU;AAG5B,cAAAS,IADOf,EAAiB,QAAQ,sBAAsB,EACjC,SAAS;AAEtB,SAAAgB,IAAAf,KAAA,gBAAAA,EAAA,YAAA,QAAAe,EAAS,aAAaD;AAAA,MACtC;AAEA,MAAAX,EAAgB,UAAU;AAAA,IAC5B;AAAA,IACA,CAACJ,GAAkBC,GAAcE,CAAS;AAAA,EAAA,GAGtCc,IAAoBP;AAAA,IACxB,CAACQ,MAAsB;AACjB,UAAAd,EAAgB,WAAWJ,EAAiB,SAAS;AACjD,cAAAmB,IAAOnB,EAAiB,QAAQ,sBAAsB;AAGxD,QAFMkB,EAAM,UAAUC,EAAK,OAEtBA,EAAK,SAAS,QACrBb,EAAwB,UAAU;AAAA,MAEtC;AAAA,IACF;AAAA,IACA,CAACN,CAAgB;AAAA,EAAA;AAGnB,EAAAoB,EAAU,MAAM;AACd,UAAMC,IAAYrB,EAAiB;AAE/B,QAAAE,KAAemB,KAAad;AACpB,aAAAc,EAAA,iBAAiB,eAAeZ,CAAiB,GACjDY,EAAA,iBAAiB,aAAaV,CAAe,GAC7CU,EAAA,iBAAiB,eAAeJ,CAAiB,GAEpD,MAAM;AACD,QAAAI,EAAA,oBAAoB,eAAeZ,CAAiB,GACpDY,EAAA,oBAAoB,aAAaV,CAAe,GAChDU,EAAA,oBAAoB,eAAeJ,CAAiB;AAAA,MAAA;AAAA,EAElE,GACC;AAAA,IACDjB;AAAA,IACAS;AAAA,IACAQ;AAAA,IACAN;AAAA,IACAT;AAAA,IACAK;AAAA,EAAA,CACD;AACH;"}
|
|
@@ -33,7 +33,8 @@ const _ = {
|
|
|
33
33
|
WORKSHEET_V3_SCRIBBLE_TOGGLE: "worksheet_v3_scribble_toggled",
|
|
34
34
|
WORKSHEET_V3_HINT_SEEN: "worksheet_v3_hint_seen",
|
|
35
35
|
WORKSHEET_V3_SOLUTION_SEEN: "worksheet_v3_solution_seen",
|
|
36
|
-
WORKSHEET_V3_GREATER_WIDTH_ELEMENT: "worksheet_v3_greater_width_element"
|
|
36
|
+
WORKSHEET_V3_GREATER_WIDTH_ELEMENT: "worksheet_v3_greater_width_element",
|
|
37
|
+
STROKE_ADDED: "stroke_added"
|
|
37
38
|
};
|
|
38
39
|
export {
|
|
39
40
|
_ as default
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"events.js","sources":["../../../../src/features/worksheet/constants/events.ts"],"sourcesContent":["const EVENTS = {\n WORKSHEET_V3_SCRIPT_LOADING: 'worksheet_v3_script_loading',\n WORKSHEET_V3_SCRIPT_LOADED: 'worksheet_v3_script_loaded',\n WORKSHEET_V3_SCRIPT_FAILED: 'worksheet_v3_script_failed',\n\n WORKSHEET_V3_SCRIPT_FALLBACK_LOADING: 'worksheet_v3_script_fallback_loading',\n WORKSHEET_V3_SCRIPT_FALLBACK_LOADED: 'worksheet_v3_script_fallback_loaded',\n WORKSHEET_V3_SCRIPT_FALLBACK_FAILED: 'worksheet_v3_script_fallback_failed',\n\n WORKSHEET_V3_SCRIPT_READY: 'worksheet_v3_script_ready',\n\n WORKSHEET_V3_ITEMS_LOADING: 'worksheet_v3_items_loading',\n WORKSHEET_V3_ITEMS_LOADED: 'worksheet_v3_items_loaded',\n WORKSHEET_V3_ITEMS_FAILED: 'worksheet_v3_items_failed',\n\n WORKSHEET_V3_ATTEMPT_RESPONSES_LOADING: 'worksheet_v3_attempt_responses_loading',\n WORKSHEET_V3_ATTEMPT_RESPONSES_LOADED: 'worksheet_v3_attempt_responses_loaded',\n WORKSHEET_V3_ATTEMPT_RESPONSES_FAILED: 'worksheet_v3_attempt_responses_failed',\n\n WORKSHHEET_V3_LEANROSITY_INITIALIZING: 'worksheet_v3_learnosity_initializing',\n WORKSHEET_V3_LEARNOSITY_INITIALIZED: 'worksheet_v3_learnosity_initialized',\n WORKSHEET_V3_LEARNOSITY_FAILED: 'worksheet_v3_learnosity_failed',\n\n WORKSHEET_V3_READY: 'worksheet_v3_ready',\n\n WORKSHEET_V3_QUESTION_APPENDING_QUEUED: 'worksheet_v3_question_appending_queued',\n WORKSHEET_V3_QUESTION_APPENDING: 'worksheet_v3_question_appending',\n WORKSHEET_V3_QUESTION_APPENDED: 'worksheet_v3_question_appended',\n\n WORKSHEET_V3_FIRST_QUESTION_APPENDED: 'worksheet_v3_first_question_appended',\n\n WORKSHEET_V3_QUESTION_MISSING_VALIDATION: 'worksheet_v3_question_missing_validation',\n MATHJAX_COMPILE_ERROR: 'mathjax_compile_error',\n MATHJAX_TYPESET_ERROR: 'mathjax_typeset_error',\n MATHJAX_FORMAT_ERROR: 'mathjax_format_error',\n\n MATHJAX_SCRIPT_LOADING: 'mathjax_script_loading',\n MATHJAX_SCRIPT_LOADED: 'mathjax_script_loaded',\n MATHJAX_SCRIPT_FAILED: 'mathjax_script_failed',\n\n POLYPAD_SCRIPT_LOADING: 'polypad_script_loading',\n POLYPAD_SCRIPT_LOADED: 'polypad_script_loaded',\n POLYPAD_SCRIPT_FAILED: 'polypad_script_failed',\n\n WORKSHEET_V3_SCRIBBLE_TOGGLE: 'worksheet_v3_scribble_toggled',\n WORKSHEET_V3_HINT_SEEN: 'worksheet_v3_hint_seen',\n WORKSHEET_V3_SOLUTION_SEEN: 'worksheet_v3_solution_seen',\n WORKSHEET_V3_GREATER_WIDTH_ELEMENT: 'worksheet_v3_greater_width_element',\n};\n\nexport default EVENTS;\n"],"names":["EVENTS"],"mappings":"AAAA,MAAMA,IAAS;AAAA,EACb,6BAA6B;AAAA,EAC7B,4BAA4B;AAAA,EAC5B,4BAA4B;AAAA,EAE5B,sCAAsC;AAAA,EACtC,qCAAqC;AAAA,EACrC,qCAAqC;AAAA,EAErC,2BAA2B;AAAA,EAE3B,4BAA4B;AAAA,EAC5B,2BAA2B;AAAA,EAC3B,2BAA2B;AAAA,EAE3B,wCAAwC;AAAA,EACxC,uCAAuC;AAAA,EACvC,uCAAuC;AAAA,EAEvC,uCAAuC;AAAA,EACvC,qCAAqC;AAAA,EACrC,gCAAgC;AAAA,EAEhC,oBAAoB;AAAA,EAEpB,wCAAwC;AAAA,EACxC,iCAAiC;AAAA,EACjC,gCAAgC;AAAA,EAEhC,sCAAsC;AAAA,EAEtC,0CAA0C;AAAA,EAC1C,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EAEtB,wBAAwB;AAAA,EACxB,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EAEvB,wBAAwB;AAAA,EACxB,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EAEvB,8BAA8B;AAAA,EAC9B,wBAAwB;AAAA,EACxB,4BAA4B;AAAA,EAC5B,oCAAoC;
|
|
1
|
+
{"version":3,"file":"events.js","sources":["../../../../src/features/worksheet/constants/events.ts"],"sourcesContent":["const EVENTS = {\n WORKSHEET_V3_SCRIPT_LOADING: 'worksheet_v3_script_loading',\n WORKSHEET_V3_SCRIPT_LOADED: 'worksheet_v3_script_loaded',\n WORKSHEET_V3_SCRIPT_FAILED: 'worksheet_v3_script_failed',\n\n WORKSHEET_V3_SCRIPT_FALLBACK_LOADING: 'worksheet_v3_script_fallback_loading',\n WORKSHEET_V3_SCRIPT_FALLBACK_LOADED: 'worksheet_v3_script_fallback_loaded',\n WORKSHEET_V3_SCRIPT_FALLBACK_FAILED: 'worksheet_v3_script_fallback_failed',\n\n WORKSHEET_V3_SCRIPT_READY: 'worksheet_v3_script_ready',\n\n WORKSHEET_V3_ITEMS_LOADING: 'worksheet_v3_items_loading',\n WORKSHEET_V3_ITEMS_LOADED: 'worksheet_v3_items_loaded',\n WORKSHEET_V3_ITEMS_FAILED: 'worksheet_v3_items_failed',\n\n WORKSHEET_V3_ATTEMPT_RESPONSES_LOADING: 'worksheet_v3_attempt_responses_loading',\n WORKSHEET_V3_ATTEMPT_RESPONSES_LOADED: 'worksheet_v3_attempt_responses_loaded',\n WORKSHEET_V3_ATTEMPT_RESPONSES_FAILED: 'worksheet_v3_attempt_responses_failed',\n\n WORKSHHEET_V3_LEANROSITY_INITIALIZING: 'worksheet_v3_learnosity_initializing',\n WORKSHEET_V3_LEARNOSITY_INITIALIZED: 'worksheet_v3_learnosity_initialized',\n WORKSHEET_V3_LEARNOSITY_FAILED: 'worksheet_v3_learnosity_failed',\n\n WORKSHEET_V3_READY: 'worksheet_v3_ready',\n\n WORKSHEET_V3_QUESTION_APPENDING_QUEUED: 'worksheet_v3_question_appending_queued',\n WORKSHEET_V3_QUESTION_APPENDING: 'worksheet_v3_question_appending',\n WORKSHEET_V3_QUESTION_APPENDED: 'worksheet_v3_question_appended',\n\n WORKSHEET_V3_FIRST_QUESTION_APPENDED: 'worksheet_v3_first_question_appended',\n\n WORKSHEET_V3_QUESTION_MISSING_VALIDATION: 'worksheet_v3_question_missing_validation',\n MATHJAX_COMPILE_ERROR: 'mathjax_compile_error',\n MATHJAX_TYPESET_ERROR: 'mathjax_typeset_error',\n MATHJAX_FORMAT_ERROR: 'mathjax_format_error',\n\n MATHJAX_SCRIPT_LOADING: 'mathjax_script_loading',\n MATHJAX_SCRIPT_LOADED: 'mathjax_script_loaded',\n MATHJAX_SCRIPT_FAILED: 'mathjax_script_failed',\n\n POLYPAD_SCRIPT_LOADING: 'polypad_script_loading',\n POLYPAD_SCRIPT_LOADED: 'polypad_script_loaded',\n POLYPAD_SCRIPT_FAILED: 'polypad_script_failed',\n\n WORKSHEET_V3_SCRIBBLE_TOGGLE: 'worksheet_v3_scribble_toggled',\n WORKSHEET_V3_HINT_SEEN: 'worksheet_v3_hint_seen',\n WORKSHEET_V3_SOLUTION_SEEN: 'worksheet_v3_solution_seen',\n WORKSHEET_V3_GREATER_WIDTH_ELEMENT: 'worksheet_v3_greater_width_element',\n STROKE_ADDED: 'stroke_added',\n};\n\nexport default EVENTS;\n"],"names":["EVENTS"],"mappings":"AAAA,MAAMA,IAAS;AAAA,EACb,6BAA6B;AAAA,EAC7B,4BAA4B;AAAA,EAC5B,4BAA4B;AAAA,EAE5B,sCAAsC;AAAA,EACtC,qCAAqC;AAAA,EACrC,qCAAqC;AAAA,EAErC,2BAA2B;AAAA,EAE3B,4BAA4B;AAAA,EAC5B,2BAA2B;AAAA,EAC3B,2BAA2B;AAAA,EAE3B,wCAAwC;AAAA,EACxC,uCAAuC;AAAA,EACvC,uCAAuC;AAAA,EAEvC,uCAAuC;AAAA,EACvC,qCAAqC;AAAA,EACrC,gCAAgC;AAAA,EAEhC,oBAAoB;AAAA,EAEpB,wCAAwC;AAAA,EACxC,iCAAiC;AAAA,EACjC,gCAAgC;AAAA,EAEhC,sCAAsC;AAAA,EAEtC,0CAA0C;AAAA,EAC1C,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EACvB,sBAAsB;AAAA,EAEtB,wBAAwB;AAAA,EACxB,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EAEvB,wBAAwB;AAAA,EACxB,uBAAuB;AAAA,EACvB,uBAAuB;AAAA,EAEvB,8BAA8B;AAAA,EAC9B,wBAAwB;AAAA,EACxB,4BAA4B;AAAA,EAC5B,oCAAoC;AAAA,EACpC,cAAc;AAChB;"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1584,6 +1584,7 @@ declare interface ICueCanvas {
|
|
|
1584
1584
|
onSubscribe?: TSubscribe;
|
|
1585
1585
|
canvasConfig?: ICanvasUpdateConfig | null;
|
|
1586
1586
|
updateCanvasConfig?: TUpdateCanvasConfig;
|
|
1587
|
+
loggerRef?: React.RefObject<(eventName: string, eventPayload?: Record<string, unknown>) => void>;
|
|
1587
1588
|
}
|
|
1588
1589
|
|
|
1589
1590
|
declare interface ICueCanvasCallbackProps {
|