@cuemath/leap 3.1.41-as3 → 3.1.41-as4

package/dist/features/cue-canvas/cue-canvas-helpers.js

@@ -1,5 +1,5 @@
 import { CANVAS_COLORS as u } from "./constants/constants.js";
-const h = [
+const S = [
   "none",
   "square2-grid",
   "square-checked",
@@ -9,7 +9,7 @@ const h = [
   "square-grid",
   "tri-grid",
   "tri2-grid"
-], S = /* @__PURE__ */ new Set([
+], m = /* @__PURE__ */ new Set([
   "undo",
   "redo",
   "clearAll",
@@ -20,68 +20,68 @@ const h = [
   "zoomOut",
   "upload",
   "download"
-]), E = (n) => {
-  var t;
-  const e = (t = n.current) == null ? void 0 : t.shadowRoot;
-  if (e) {
-    const r = e.querySelectorAll("x-polypad");
-    if (r[0]) {
-      const s = r[0].querySelector("svg.canvas"), o = s == null ? void 0 : s.querySelector("path.mask");
-      o == null || o.setAttribute("stroke", "transparent"), o == null || o.setAttribute("fill", "transparent"), o == null || o.removeAttribute("style");
+]), y = (e) => {
+  var o;
+  const t = (o = e.current) == null ? void 0 : o.shadowRoot;
+  if (t) {
+    const n = t.querySelectorAll("x-polypad");
+    if (n[0]) {
+      const s = n[0].querySelector("svg.canvas"), r = s == null ? void 0 : s.querySelector("path.mask");
+      r == null || r.setAttribute("stroke", "transparent"), r == null || r.setAttribute("fill", "transparent"), r == null || r.removeAttribute("style");
     }
   }
-}, y = (n) => {
-  var o;
-  const e = (o = n.current) == null ? void 0 : o.shadowRoot, t = e == null ? void 0 : e.querySelector("x-pp-sidebar"), r = t == null ? void 0 : t.getElementsByClassName("tabs-header"), s = t == null ? void 0 : t.getElementsByClassName("tabs-body");
-  if (t == null || t.setAttribute("style", "display: none;"), t == null || t.setAttribute("style", "height: 30px;"), r && r.length > 0) {
-    const a = r[0];
+}, E = (e) => {
+  var r;
+  const t = (r = e.current) == null ? void 0 : r.shadowRoot, o = t == null ? void 0 : t.querySelector("x-pp-sidebar"), n = o == null ? void 0 : o.getElementsByClassName("tabs-header"), s = o == null ? void 0 : o.getElementsByClassName("tabs-body");
+  if (o == null || o.setAttribute("style", "display: none;"), o == null || o.setAttribute("style", "height: 30px;"), n && n.length > 0) {
+    const a = n[0];
     a.style.display = "none";
   }
   if (s && s.length > 0) {
     const a = s[0];
     a.style.top = "48px";
   }
-  t == null || t.setAttribute("style", "display: block;");
-}, b = (n) => {
-  var t;
-  const e = (t = n.current.shadowRoot) == null ? void 0 : t.querySelectorAll('[data-key="music"]')[0];
-  e && (e.style.display = "none");
-}, f = (n, e, t, r) => t === "canvas" ? {
+  o == null || o.setAttribute("style", "display: block;");
+}, b = (e) => {
+  var n, s;
+  const t = (n = e.current.shadowRoot) == null ? void 0 : n.querySelectorAll('[data-key="music"]')[0], o = (s = e.current.shadowRoot) == null ? void 0 : s.querySelectorAll('[data-key="logic"]')[0];
+  t && (t.style.display = "none"), o && (o.style.display = "none");
+}, f = (e, t, o, n) => o === "canvas" ? {
   canvas: "notebook",
-  canvasX: n,
-  canvasY: e,
+  canvasX: e,
+  canvasY: t,
   noPinchPan: !0,
   grid: "none",
   background: "transparent",
   noSnapping: !0
 } : {
   canvas: "infinite",
-  canvasX: n,
-  canvasY: e,
+  canvasX: e,
+  canvasY: t,
   grid: "none",
-  noPinchPan: r === "STUDENT",
-  noDeleting: r === "STUDENT",
-  noCopyPaste: r === "STUDENT",
+  noPinchPan: n === "STUDENT",
+  noDeleting: n === "STUDENT",
+  noCopyPaste: n === "STUDENT",
   noMusic: !0,
   noAudio: !0
-}, C = (n, e) => n === "canvas" ? {
+}, C = (e, t) => e === "canvas" ? {
   sidebarTiles: !1,
   sidebarSettings: !1,
   settings: !1,
   toolbar: !1,
   canvasMargin: 0
 } : {
-  sidebarTiles: e === "TEACHER",
+  sidebarTiles: t === "TEACHER",
   sidebarSettings: !1,
   settings: !1,
   toolbar: !1
-}, d = (n) => [n[1], n[0]], v = (n) => {
-  const e = /* @__PURE__ */ new Map();
-  return n.forEach((t, r) => {
-    e.set(r, d(t));
-  }), e;
-}, O = (n) => {
-  switch (n) {
+}, d = (e) => [e[1], e[0]], v = (e) => {
+  const t = /* @__PURE__ */ new Map();
+  return e.forEach((o, n) => {
+    t.set(n, d(o));
+  }), t;
+}, O = (e) => {
+  switch (e) {
     case "pen":
       return ["pen", "pen"];
     case "marker":
@@ -93,7 +93,7 @@ const h = [
     case "equation":
       return ["text", "equation"];
     default:
-      return [n, void 0];
+      return [e, void 0];
   }
 }, g = [
   "pen",
@@ -136,17 +136,17 @@ const h = [
   "move",
   "undo",
   "redo"
-], T = ["pen", "ruler", "eraser", "move", "undo", "redo"], R = (n, e) => e === "whiteboard" ? n === "TEACHER" ? g : A : n === "TEACHER" ? p : T, N = (n, e = "canvas") => e === "whiteboard" ? Object.keys(u).filter(
-  (t) => !t.startsWith("CANVAS")
-) : n === "TEACHER" ? ["CANVAS_RED", "CANVAS_YELLOW", "CANVAS_GREEN"] : ["CANVAS_BLUE", "CANVAS_PURPLE", "CANVAS_PINK"], _ = (n) => ["pen", "ruler", "marker", "highlighter"].includes(n), k = (n) => Object.values(n).some((e) => !!(!e[0] && e[1] && "name" in e[1] && (e[1].name === "text" || e[1].name === "equation"))), q = (n) => {
-  const e = n.split(","), t = e[0] ?? "", r = e[1] ?? "", o = t.includes("base64") ? atob(r) : decodeURIComponent(r), a = t.match(/:(.*?);/), l = a ? a[1] : "application/octet-stream", i = new Uint8Array(o.length);
-  for (let c = 0; c < o.length; c++)
-    i[c] = o.charCodeAt(c);
+], T = ["pen", "ruler", "eraser", "move", "undo", "redo"], R = (e, t) => t === "whiteboard" ? e === "TEACHER" ? g : A : e === "TEACHER" ? p : T, N = (e, t = "canvas") => t === "whiteboard" ? Object.keys(u).filter(
+  (o) => !o.startsWith("CANVAS")
+) : e === "TEACHER" ? ["CANVAS_RED", "CANVAS_YELLOW", "CANVAS_GREEN"] : ["CANVAS_BLUE", "CANVAS_PURPLE", "CANVAS_PINK"], _ = (e) => ["pen", "ruler", "marker", "highlighter"].includes(e), k = (e) => Object.values(e).some((t) => !!(!t[0] && t[1] && "name" in t[1] && (t[1].name === "text" || t[1].name === "equation"))), q = (e) => {
+  const t = e.split(","), o = t[0] ?? "", n = t[1] ?? "", r = o.includes("base64") ? atob(n) : decodeURIComponent(n), a = o.match(/:(.*?);/), l = a ? a[1] : "application/octet-stream", i = new Uint8Array(r.length);
+  for (let c = 0; c < r.length; c++)
+    i[c] = r.charCodeAt(c);
   return new Blob([i], { type: l });
 };
 export {
-  h as GRID_NAMES,
-  S as STATELESS_TOOLS,
+  S as GRID_NAMES,
+  m as STATELESS_TOOLS,
   k as checkTextOrEquationTool,
   q as dataURIToBlob,
   f as getCanvasConfig,
@@ -157,8 +157,8 @@ export {
   v as getReverseMap,
   O as getToolAndSubtool,
   R as getUserTools,
-  E as removeMask,
+  y as removeMask,
   b as removeMusicTiles,
-  y as removeTileButton
+  E as removeTileButton
 };
 //# sourceMappingURL=cue-canvas-helpers.js.map

package/dist/features/cue-canvas/cue-canvas-helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"cue-canvas-helpers.js","sources":["../../../src/features/cue-canvas/cue-canvas-helpers.ts"],"sourcesContent":["import type { TUserTypes } from '../ui/types';\nimport type {\n  TCueCanvasColors,\n  TCueCanvasChangeData,\n  TCueCanvasTool,\n  TCueCanvasToolOption,\n  TDrawingData,\n  TRenderAs,\n  TCueCanvasGridName,\n  TCueCanvasChangeDataObject,\n} from './types/cue-canvas';\nimport type { IPolypadCreateOptions, IPolypadOptions } from './types/polypad';\n\nimport { CANVAS_COLORS } from './constants/constants';\n\nexport const GRID_NAMES: TCueCanvasGridName[] = [\n  'none',\n  'square2-grid',\n  'square-checked',\n  'square-dots',\n  'tri-dots',\n  'tri2-dots',\n  'square-grid',\n  'tri-grid',\n  'tri2-grid',\n];\n\nexport const STATELESS_TOOLS = new Set<TCueCanvasTool>([\n  'undo',\n  'redo',\n  'clearAll',\n  'home',\n  'lock',\n  'unlock',\n  'zoomIn',\n  'zoomOut',\n  'upload',\n  'download',\n]);\n\nexport const removeMask = (canvasElementRef: React.RefObject<HTMLDivElement>) => {\n  const shadowRoot = canvasElementRef.current?.shadowRoot;\n\n  if (shadowRoot) {\n    const xPolypad = shadowRoot.querySelectorAll('x-polypad');\n\n    if (xPolypad[0]) {\n      const svgCanvas = xPolypad[0].querySelector('svg.canvas');\n      const maskPath = svgCanvas?.querySelector('path.mask');\n\n      maskPath?.setAttribute('stroke', 'transparent');\n      maskPath?.setAttribute('fill', 'transparent');\n      maskPath?.removeAttribute('style');\n    }\n  }\n\n  return undefined;\n};\n\nexport const removeTileButton = (canvasElementRef: React.RefObject<HTMLDivElement>) => {\n  const shadowRoot = canvasElementRef.current?.shadowRoot;\n  const sidebar = shadowRoot?.querySelector('x-pp-sidebar') as HTMLElement;\n  const tabsHeader = sidebar?.getElementsByClassName('tabs-header');\n  const tabsBody = sidebar?.getElementsByClassName('tabs-body');\n\n  sidebar?.setAttribute('style', 'display: none;');\n  sidebar?.setAttribute('style', 'height: 30px;');\n\n  if (tabsHeader && tabsHeader.length > 0) {\n    const firstTabHeader = tabsHeader[0] as HTMLElement;\n\n    firstTabHeader.style.display = 'none';\n  }\n\n  if (tabsBody && tabsBody.length > 0) {\n    const firstTabBody = tabsBody[0] as HTMLElement;\n\n    firstTabBody.style.top = '48px';\n  }\n  sidebar?.setAttribute('style', 'display: block;');\n};\n\nexport const removeMusicTiles = (canvasElementRef: React.RefObject<HTMLDivElement>) => {\n  const musicTiles = canvasElementRef.current.shadowRoot?.querySelectorAll(`[data-key=\"music\"]`)[0];\n\n  // hiding music tiles\n  if (musicTiles) {\n    (musicTiles as HTMLElement).style.display = 'none';\n  }\n};\n\nexport const getCanvasConfig = (\n  width: number,\n  height: number,\n  renderAs: TRenderAs,\n  userType: TUserTypes,\n): IPolypadOptions => {\n  return renderAs === 'canvas'\n    ? {\n        canvas: 'notebook',\n        canvasX: width,\n        canvasY: height,\n        noPinchPan: true,\n        grid: 'none',\n        background: 'transparent',\n        noSnapping: true,\n      }\n    : {\n        canvas: 'infinite',\n        canvasX: width,\n        canvasY: height,\n        grid: 'none',\n        noPinchPan: userType === 'STUDENT',\n        noDeleting: userType === 'STUDENT',\n        noCopyPaste: userType === 'STUDENT',\n        noMusic: true,\n        noAudio: true,\n      };\n};\n\nexport const getCanvasSettings = (\n  renderAs: TRenderAs,\n  userType: TUserTypes,\n): IPolypadCreateOptions => {\n  return renderAs === 'canvas'\n    ? {\n        sidebarTiles: false,\n        sidebarSettings: false,\n        settings: false,\n        toolbar: false,\n        canvasMargin: 0,\n      }\n    : {\n        sidebarTiles: userType === 'TEACHER',\n        sidebarSettings: false,\n        settings: false,\n        toolbar: false,\n      };\n};\n\nexport const getReverseAction = (action: TDrawingData[]) => [action[1], action[0]];\n\nexport const getReverseMap = (data: TCueCanvasChangeData) => {\n  const newData = new Map<string, TDrawingData[]>();\n\n  data.forEach((value, key) => {\n    newData.set(key, getReverseAction(value));\n  });\n\n  return newData;\n};\n\nexport const getToolAndSubtool = (\n  tool: TCueCanvasTool,\n): [\n  Exclude<TCueCanvasTool, 'marker' | 'highlighter' | 'ruler' | 'equation'>,\n  TCueCanvasToolOption | undefined,\n] => {\n  switch (tool) {\n    case 'pen':\n      return ['pen', 'pen'];\n    case 'marker':\n      return ['pen', 'marker'];\n    case 'highlighter':\n      return ['pen', 'highlighter'];\n    case 'ruler':\n      return ['pen', 'ruler'];\n    case 'equation':\n      return ['text', 'equation'];\n    default:\n      return [tool, undefined];\n  }\n};\n\nconst TEACHER_WHITEBOARD_TOOLS: TCueCanvasTool[] = [\n  'pen',\n  'ruler',\n  'marker',\n  'highlighter',\n  'eraser',\n  'move',\n  'lock',\n  'unlock',\n  'zoomIn',\n  'zoomOut',\n  'pan',\n  'clearAll',\n  'text',\n  'equation',\n  'grid',\n  'home',\n  'undo',\n  'redo',\n\n  'upload',\n  'download',\n];\n\nconst STUDENT_WHITEBOARD_TOOLS: TCueCanvasTool[] = [\n  'pen',\n  'ruler',\n  'marker',\n  'highlighter',\n  'eraser',\n  'move',\n  'text',\n  'undo',\n  'redo',\n  'download',\n];\n\nconst TEACHER_DEFAULT_TOOLS: TCueCanvasTool[] = [\n  'pen',\n  'ruler',\n  'marker',\n  'highlighter',\n  'eraser',\n  'move',\n  'undo',\n  'redo',\n];\n\nconst STUDENT_DEFAULT_TOOLS: TCueCanvasTool[] = ['pen', 'ruler', 'eraser', 'move', 'undo', 'redo'];\n\nexport const getUserTools = (userType: TUserTypes, renderAs: TRenderAs): TCueCanvasTool[] => {\n  if (renderAs === 'whiteboard') {\n    return userType === 'TEACHER' ? TEACHER_WHITEBOARD_TOOLS : STUDENT_WHITEBOARD_TOOLS;\n  }\n\n  return userType === 'TEACHER' ? TEACHER_DEFAULT_TOOLS : STUDENT_DEFAULT_TOOLS;\n};\n\nexport const getColorsForUser = (userType: TUserTypes, renderAs: TRenderAs = 'canvas') => {\n  if (renderAs === 'whiteboard') {\n    return Object.keys(CANVAS_COLORS).filter(\n      color => !color.startsWith('CANVAS'),\n    ) as TCueCanvasColors[];\n  }\n\n  return userType === 'TEACHER'\n    ? (['CANVAS_RED', 'CANVAS_YELLOW', 'CANVAS_GREEN'] as TCueCanvasColors[])\n    : (['CANVAS_BLUE', 'CANVAS_PURPLE', 'CANVAS_PINK'] as TCueCanvasColors[]);\n};\n\nexport const getIsWritingTool = (penTool: string) => {\n  return ['pen', 'ruler', 'marker', 'highlighter'].includes(penTool);\n};\n\nexport const checkTextOrEquationTool = (payload: TCueCanvasChangeDataObject) => {\n  return Object.values(payload).some(value => {\n    if (\n      !value[0] &&\n      value[1] &&\n      'name' in value[1] &&\n      (value[1].name === 'text' || value[1].name === 'equation')\n    ) {\n      return true;\n    }\n\n    return false;\n  });\n};\n\nexport const dataURIToBlob = (dataURI: string): Blob => {\n  const parts = dataURI.split(',');\n  const metadata = parts[0] ?? '';\n  const base64Data = parts[1] ?? '';\n\n  const isBase64 = metadata.includes('base64');\n  const byteString = isBase64 ? atob(base64Data) : decodeURIComponent(base64Data);\n\n  const mimeTypeMatch = metadata.match(/:(.*?);/);\n  const mimeType = mimeTypeMatch ? mimeTypeMatch[1] : 'application/octet-stream';\n\n  const byteArray = new Uint8Array(byteString.length);\n\n  for (let i = 0; i < byteString.length; i++) {\n    byteArray[i] = byteString.charCodeAt(i);\n  }\n\n  return new Blob([byteArray], { type: mimeType });\n};\n\nexport const jsonToBlob = (json: unknown) => {\n  const data = JSON.stringify(json);\n\n  return new Blob([data], {\n    type: 'application/json',\n  });\n};\n"],"names":["GRID_NAMES","STATELESS_TOOLS","removeMask","canvasElementRef","shadowRoot","_a","xPolypad","svgCanvas","maskPath","removeTileButton","sidebar","tabsHeader","tabsBody","firstTabHeader","firstTabBody","removeMusicTiles","musicTiles","getCanvasConfig","width","height","renderAs","userType","getCanvasSettings","getReverseAction","action","getReverseMap","data","newData","value","key","getToolAndSubtool","tool","TEACHER_WHITEBOARD_TOOLS","STUDENT_WHITEBOARD_TOOLS","TEACHER_DEFAULT_TOOLS","STUDENT_DEFAULT_TOOLS","getUserTools","getColorsForUser","CANVAS_COLORS","color","getIsWritingTool","penTool","checkTextOrEquationTool","payload","dataURIToBlob","dataURI","parts","metadata","base64Data","byteString","mimeTypeMatch","mimeType","byteArray","i"],"mappings":";AAeO,MAAMA,IAAmC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,wBAAsB,IAAoB;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC,GAEYC,IAAa,CAACC,MAAsD;;AACzE,QAAAC,KAAaC,IAAAF,EAAiB,YAAjB,gBAAAE,EAA0B;AAE7C,MAAID,GAAY;AACR,UAAAE,IAAWF,EAAW,iBAAiB,WAAW;AAEpD,QAAAE,EAAS,CAAC,GAAG;AACf,YAAMC,IAAYD,EAAS,CAAC,EAAE,cAAc,YAAY,GAClDE,IAAWD,KAAA,gBAAAA,EAAW,cAAc;AAEhC,MAAAC,KAAA,QAAAA,EAAA,aAAa,UAAU,gBACvBA,KAAA,QAAAA,EAAA,aAAa,QAAQ,gBAC/BA,KAAA,QAAAA,EAAU,gBAAgB;AAAA,IAC5B;AAAA,EACF;AAGF,GAEaC,IAAmB,CAACN,MAAsD;;AAC/E,QAAAC,KAAaC,IAAAF,EAAiB,YAAjB,gBAAAE,EAA0B,YACvCK,IAAUN,KAAA,gBAAAA,EAAY,cAAc,iBACpCO,IAAaD,KAAA,gBAAAA,EAAS,uBAAuB,gBAC7CE,IAAWF,KAAA,gBAAAA,EAAS,uBAAuB;AAK7C,MAHKA,KAAA,QAAAA,EAAA,aAAa,SAAS,mBACtBA,KAAA,QAAAA,EAAA,aAAa,SAAS,kBAE3BC,KAAcA,EAAW,SAAS,GAAG;AACjC,UAAAE,IAAiBF,EAAW,CAAC;AAEnC,IAAAE,EAAe,MAAM,UAAU;AAAA,EACjC;AAEI,MAAAD,KAAYA,EAAS,SAAS,GAAG;AAC7B,UAAAE,IAAeF,EAAS,CAAC;AAE/B,IAAAE,EAAa,MAAM,MAAM;AAAA,EAC3B;AACS,EAAAJ,KAAA,QAAAA,EAAA,aAAa,SAAS;AACjC,GAEaK,IAAmB,CAACZ,MAAsD;;AACrF,QAAMa,KAAaX,IAAAF,EAAiB,QAAQ,eAAzB,gBAAAE,EAAqC,iBAAiB,sBAAsB;AAG/F,EAAIW,MACDA,EAA2B,MAAM,UAAU;AAEhD,GAEaC,IAAkB,CAC7BC,GACAC,GACAC,GACAC,MAEOD,MAAa,WAChB;AAAA,EACE,QAAQ;AAAA,EACR,SAASF;AAAA,EACT,SAASC;AAAA,EACT,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,YAAY;AAAA,IAEd;AAAA,EACE,QAAQ;AAAA,EACR,SAASD;AAAA,EACT,SAASC;AAAA,EACT,MAAM;AAAA,EACN,YAAYE,MAAa;AAAA,EACzB,YAAYA,MAAa;AAAA,EACzB,aAAaA,MAAa;AAAA,EAC1B,SAAS;AAAA,EACT,SAAS;AAAA,GAIJC,IAAoB,CAC/BF,GACAC,MAEOD,MAAa,WAChB;AAAA,EACE,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,cAAc;AAAA,IAEhB;AAAA,EACE,cAAcC,MAAa;AAAA,EAC3B,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,SAAS;AAAA,GAIJE,IAAmB,CAACC,MAA2B,CAACA,EAAO,CAAC,GAAGA,EAAO,CAAC,CAAC,GAEpEC,IAAgB,CAACC,MAA+B;AACrD,QAAAC,wBAAc;AAEf,SAAAD,EAAA,QAAQ,CAACE,GAAOC,MAAQ;AAC3B,IAAAF,EAAQ,IAAIE,GAAKN,EAAiBK,CAAK,CAAC;AAAA,EAAA,CACzC,GAEMD;AACT,GAEaG,IAAoB,CAC/BC,MAIG;AACH,UAAQA,GAAM;AAAA,IACZ,KAAK;AACI,aAAA,CAAC,OAAO,KAAK;AAAA,IACtB,KAAK;AACI,aAAA,CAAC,OAAO,QAAQ;AAAA,IACzB,KAAK;AACI,aAAA,CAAC,OAAO,aAAa;AAAA,IAC9B,KAAK;AACI,aAAA,CAAC,OAAO,OAAO;AAAA,IACxB,KAAK;AACI,aAAA,CAAC,QAAQ,UAAU;AAAA,IAC5B;AACS,aAAA,CAACA,GAAM,MAAS;AAAA,EAC3B;AACF,GAEMC,IAA6C;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AACF,GAEMC,IAA6C;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEMC,IAA0C;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEMC,IAA0C,CAAC,OAAO,SAAS,UAAU,QAAQ,QAAQ,MAAM,GAEpFC,IAAe,CAACf,GAAsBD,MAC7CA,MAAa,eACRC,MAAa,YAAYW,IAA2BC,IAGtDZ,MAAa,YAAYa,IAAwBC,GAG7CE,IAAmB,CAAChB,GAAsBD,IAAsB,aACvEA,MAAa,eACR,OAAO,KAAKkB,CAAa,EAAE;AAAA,EAChC,CAASC,MAAA,CAACA,EAAM,WAAW,QAAQ;AAAA,IAIhClB,MAAa,YACf,CAAC,cAAc,iBAAiB,cAAc,IAC9C,CAAC,eAAe,iBAAiB,aAAa,GAGxCmB,IAAmB,CAACC,MACxB,CAAC,OAAO,SAAS,UAAU,aAAa,EAAE,SAASA,CAAO,GAGtDC,IAA0B,CAACC,MAC/B,OAAO,OAAOA,CAAO,EAAE,KAAK,CAASf,MAExC,IAACA,EAAM,CAAC,KACRA,EAAM,CAAC,KACP,UAAUA,EAAM,CAAC,MAChBA,EAAM,CAAC,EAAE,SAAS,UAAUA,EAAM,CAAC,EAAE,SAAS,YAMlD,GAGUgB,IAAgB,CAACC,MAA0B;AAChD,QAAAC,IAAQD,EAAQ,MAAM,GAAG,GACzBE,IAAWD,EAAM,CAAC,KAAK,IACvBE,IAAaF,EAAM,CAAC,KAAK,IAGzBG,IADWF,EAAS,SAAS,QAAQ,IACb,KAAKC,CAAU,IAAI,mBAAmBA,CAAU,GAExEE,IAAgBH,EAAS,MAAM,SAAS,GACxCI,IAAWD,IAAgBA,EAAc,CAAC,IAAI,4BAE9CE,IAAY,IAAI,WAAWH,EAAW,MAAM;AAElD,WAASI,IAAI,GAAGA,IAAIJ,EAAW,QAAQI;AACrC,IAAAD,EAAUC,CAAC,IAAIJ,EAAW,WAAWI,CAAC;AAGjC,SAAA,IAAI,KAAK,CAACD,CAAS,GAAG,EAAE,MAAMD,GAAU;AACjD;"}
+{"version":3,"file":"cue-canvas-helpers.js","sources":["../../../src/features/cue-canvas/cue-canvas-helpers.ts"],"sourcesContent":["import type { TUserTypes } from '../ui/types';\nimport type {\n  TCueCanvasColors,\n  TCueCanvasChangeData,\n  TCueCanvasTool,\n  TCueCanvasToolOption,\n  TDrawingData,\n  TRenderAs,\n  TCueCanvasGridName,\n  TCueCanvasChangeDataObject,\n} from './types/cue-canvas';\nimport type { IPolypadCreateOptions, IPolypadOptions } from './types/polypad';\n\nimport { CANVAS_COLORS } from './constants/constants';\n\nexport const GRID_NAMES: TCueCanvasGridName[] = [\n  'none',\n  'square2-grid',\n  'square-checked',\n  'square-dots',\n  'tri-dots',\n  'tri2-dots',\n  'square-grid',\n  'tri-grid',\n  'tri2-grid',\n];\n\nexport const STATELESS_TOOLS = new Set<TCueCanvasTool>([\n  'undo',\n  'redo',\n  'clearAll',\n  'home',\n  'lock',\n  'unlock',\n  'zoomIn',\n  'zoomOut',\n  'upload',\n  'download',\n]);\n\nexport const removeMask = (canvasElementRef: React.RefObject<HTMLDivElement>) => {\n  const shadowRoot = canvasElementRef.current?.shadowRoot;\n\n  if (shadowRoot) {\n    const xPolypad = shadowRoot.querySelectorAll('x-polypad');\n\n    if (xPolypad[0]) {\n      const svgCanvas = xPolypad[0].querySelector('svg.canvas');\n      const maskPath = svgCanvas?.querySelector('path.mask');\n\n      maskPath?.setAttribute('stroke', 'transparent');\n      maskPath?.setAttribute('fill', 'transparent');\n      maskPath?.removeAttribute('style');\n    }\n  }\n\n  return undefined;\n};\n\nexport const removeTileButton = (canvasElementRef: React.RefObject<HTMLDivElement>) => {\n  const shadowRoot = canvasElementRef.current?.shadowRoot;\n  const sidebar = shadowRoot?.querySelector('x-pp-sidebar') as HTMLElement;\n  const tabsHeader = sidebar?.getElementsByClassName('tabs-header');\n  const tabsBody = sidebar?.getElementsByClassName('tabs-body');\n\n  sidebar?.setAttribute('style', 'display: none;');\n  sidebar?.setAttribute('style', 'height: 30px;');\n\n  if (tabsHeader && tabsHeader.length > 0) {\n    const firstTabHeader = tabsHeader[0] as HTMLElement;\n\n    firstTabHeader.style.display = 'none';\n  }\n\n  if (tabsBody && tabsBody.length > 0) {\n    const firstTabBody = tabsBody[0] as HTMLElement;\n\n    firstTabBody.style.top = '48px';\n  }\n  sidebar?.setAttribute('style', 'display: block;');\n};\n\n/**\n * Hides the music and logic tiles in the canvas to prevent CORS issues with audio elements\n * @param canvasElementRef - Reference to the canvas div element\n */\nexport const removeMusicTiles = (canvasElementRef: React.RefObject<HTMLDivElement>) => {\n  const musicTiles = canvasElementRef.current.shadowRoot?.querySelectorAll(`[data-key=\"music\"]`)[0];\n  const logicTiles = canvasElementRef.current.shadowRoot?.querySelectorAll(`[data-key=\"logic\"]`)[0];\n\n  if (musicTiles) {\n    (musicTiles as HTMLElement).style.display = 'none';\n  }\n\n  if (logicTiles) {\n    (logicTiles as HTMLElement).style.display = 'none';\n  }\n};\n\nexport const getCanvasConfig = (\n  width: number,\n  height: number,\n  renderAs: TRenderAs,\n  userType: TUserTypes,\n): IPolypadOptions => {\n  return renderAs === 'canvas'\n    ? {\n        canvas: 'notebook',\n        canvasX: width,\n        canvasY: height,\n        noPinchPan: true,\n        grid: 'none',\n        background: 'transparent',\n        noSnapping: true,\n      }\n    : {\n        canvas: 'infinite',\n        canvasX: width,\n        canvasY: height,\n        grid: 'none',\n        noPinchPan: userType === 'STUDENT',\n        noDeleting: userType === 'STUDENT',\n        noCopyPaste: userType === 'STUDENT',\n        noMusic: true,\n        noAudio: true,\n      };\n};\n\nexport const getCanvasSettings = (\n  renderAs: TRenderAs,\n  userType: TUserTypes,\n): IPolypadCreateOptions => {\n  return renderAs === 'canvas'\n    ? {\n        sidebarTiles: false,\n        sidebarSettings: false,\n        settings: false,\n        toolbar: false,\n        canvasMargin: 0,\n      }\n    : {\n        sidebarTiles: userType === 'TEACHER',\n        sidebarSettings: false,\n        settings: false,\n        toolbar: false,\n      };\n};\n\nexport const getReverseAction = (action: TDrawingData[]) => [action[1], action[0]];\n\nexport const getReverseMap = (data: TCueCanvasChangeData) => {\n  const newData = new Map<string, TDrawingData[]>();\n\n  data.forEach((value, key) => {\n    newData.set(key, getReverseAction(value));\n  });\n\n  return newData;\n};\n\nexport const getToolAndSubtool = (\n  tool: TCueCanvasTool,\n): [\n  Exclude<TCueCanvasTool, 'marker' | 'highlighter' | 'ruler' | 'equation'>,\n  TCueCanvasToolOption | undefined,\n] => {\n  switch (tool) {\n    case 'pen':\n      return ['pen', 'pen'];\n    case 'marker':\n      return ['pen', 'marker'];\n    case 'highlighter':\n      return ['pen', 'highlighter'];\n    case 'ruler':\n      return ['pen', 'ruler'];\n    case 'equation':\n      return ['text', 'equation'];\n    default:\n      return [tool, undefined];\n  }\n};\n\nconst TEACHER_WHITEBOARD_TOOLS: TCueCanvasTool[] = [\n  'pen',\n  'ruler',\n  'marker',\n  'highlighter',\n  'eraser',\n  'move',\n  'lock',\n  'unlock',\n  'zoomIn',\n  'zoomOut',\n  'pan',\n  'clearAll',\n  'text',\n  'equation',\n  'grid',\n  'home',\n  'undo',\n  'redo',\n\n  'upload',\n  'download',\n];\n\nconst STUDENT_WHITEBOARD_TOOLS: TCueCanvasTool[] = [\n  'pen',\n  'ruler',\n  'marker',\n  'highlighter',\n  'eraser',\n  'move',\n  'text',\n  'undo',\n  'redo',\n  'download',\n];\n\nconst TEACHER_DEFAULT_TOOLS: TCueCanvasTool[] = [\n  'pen',\n  'ruler',\n  'marker',\n  'highlighter',\n  'eraser',\n  'move',\n  'undo',\n  'redo',\n];\n\nconst STUDENT_DEFAULT_TOOLS: TCueCanvasTool[] = ['pen', 'ruler', 'eraser', 'move', 'undo', 'redo'];\n\nexport const getUserTools = (userType: TUserTypes, renderAs: TRenderAs): TCueCanvasTool[] => {\n  if (renderAs === 'whiteboard') {\n    return userType === 'TEACHER' ? TEACHER_WHITEBOARD_TOOLS : STUDENT_WHITEBOARD_TOOLS;\n  }\n\n  return userType === 'TEACHER' ? TEACHER_DEFAULT_TOOLS : STUDENT_DEFAULT_TOOLS;\n};\n\nexport const getColorsForUser = (userType: TUserTypes, renderAs: TRenderAs = 'canvas') => {\n  if (renderAs === 'whiteboard') {\n    return Object.keys(CANVAS_COLORS).filter(\n      color => !color.startsWith('CANVAS'),\n    ) as TCueCanvasColors[];\n  }\n\n  return userType === 'TEACHER'\n    ? (['CANVAS_RED', 'CANVAS_YELLOW', 'CANVAS_GREEN'] as TCueCanvasColors[])\n    : (['CANVAS_BLUE', 'CANVAS_PURPLE', 'CANVAS_PINK'] as TCueCanvasColors[]);\n};\n\nexport const getIsWritingTool = (penTool: string) => {\n  return ['pen', 'ruler', 'marker', 'highlighter'].includes(penTool);\n};\n\nexport const checkTextOrEquationTool = (payload: TCueCanvasChangeDataObject) => {\n  return Object.values(payload).some(value => {\n    if (\n      !value[0] &&\n      value[1] &&\n      'name' in value[1] &&\n      (value[1].name === 'text' || value[1].name === 'equation')\n    ) {\n      return true;\n    }\n\n    return false;\n  });\n};\n\nexport const dataURIToBlob = (dataURI: string): Blob => {\n  const parts = dataURI.split(',');\n  const metadata = parts[0] ?? '';\n  const base64Data = parts[1] ?? '';\n\n  const isBase64 = metadata.includes('base64');\n  const byteString = isBase64 ? atob(base64Data) : decodeURIComponent(base64Data);\n\n  const mimeTypeMatch = metadata.match(/:(.*?);/);\n  const mimeType = mimeTypeMatch ? mimeTypeMatch[1] : 'application/octet-stream';\n\n  const byteArray = new Uint8Array(byteString.length);\n\n  for (let i = 0; i < byteString.length; i++) {\n    byteArray[i] = byteString.charCodeAt(i);\n  }\n\n  return new Blob([byteArray], { type: mimeType });\n};\n\nexport const jsonToBlob = (json: unknown) => {\n  const data = JSON.stringify(json);\n\n  return new Blob([data], {\n    type: 'application/json',\n  });\n};\n"],"names":["GRID_NAMES","STATELESS_TOOLS","removeMask","canvasElementRef","shadowRoot","_a","xPolypad","svgCanvas","maskPath","removeTileButton","sidebar","tabsHeader","tabsBody","firstTabHeader","firstTabBody","removeMusicTiles","musicTiles","logicTiles","_b","getCanvasConfig","width","height","renderAs","userType","getCanvasSettings","getReverseAction","action","getReverseMap","data","newData","value","key","getToolAndSubtool","tool","TEACHER_WHITEBOARD_TOOLS","STUDENT_WHITEBOARD_TOOLS","TEACHER_DEFAULT_TOOLS","STUDENT_DEFAULT_TOOLS","getUserTools","getColorsForUser","CANVAS_COLORS","color","getIsWritingTool","penTool","checkTextOrEquationTool","payload","dataURIToBlob","dataURI","parts","metadata","base64Data","byteString","mimeTypeMatch","mimeType","byteArray","i"],"mappings":"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"}

package/dist/features/hooks/use-audio-player.js

@@ -1,45 +1,45 @@
-import { useState as l, useMemo as w, useCallback as s, useEffect as p } from "react";
-import { useUIContext as y } from "../ui/context/context.js";
+import { useState as l, useMemo as w, useCallback as c, useEffect as x } from "react";
+import { useUIContext as p } from "../ui/context/context.js";
 const b = (u) => {
-  const [f, c] = l({}), t = w(() => {
+  const [f, s] = l({}), t = w(() => {
     const e = window.AudioContext || window.webkitAudioContext;
     return e ? new e() : null;
-  }, []), { onEvent: o } = y(), a = s(
-    async (e, r) => {
+  }, []), { onEvent: o } = p(), a = c(
+    async (e, n) => {
       if (!t) {
-        o("audio_context_not_found", { name: r });
+        o("audio_context_not_found", { name: n });
         return;
       }
       try {
         const i = await (await fetch(e)).arrayBuffer(), d = await t.decodeAudioData(i);
-        c((_) => ({ ..._, [r]: d }));
-      } catch (n) {
-        o("audio_fetch_failed", { error: n });
+        s((_) => ({ ..._, [n]: d }));
+      } catch (r) {
+        o("audio_fetch_failed", { error: r });
       }
     },
     [t, o]
   );
-  return p(() => (u.forEach(({ url: e, name: r }) => {
-    a(e, r);
+  return x(() => (u.forEach(({ url: e, name: n }) => {
+    a(e, n);
   }), () => {
     try {
       t && (t.state === "running" || t.state === "suspended") && t.close();
     } catch (e) {
       o("audio_context_closing_failed", { error: e });
     }
-  }), [u, t, a, o]), s(
+  }), [u, t, a, o]), c(
     (e) => {
-      const r = f[e];
       if (!t) {
         o("audio_context_not_found", { name: e });
         return;
       }
-      if (!r) {
+      const n = f[e];
+      if (!n) {
         o("audio_buffer_not_found", { name: e });
         return;
       }
-      const n = t == null ? void 0 : t.createBufferSource();
-      n.buffer = r, n.connect(t.destination), n.start();
+      const r = t.createBufferSource();
+      r.buffer = n, r.connect(t.destination), r.start();
     },
     [f, t, o]
   );

package/dist/features/hooks/use-audio-player.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-audio-player.js","sources":["../../../src/features/hooks/use-audio-player.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { useUIContext } from '../ui/context/context';\n\ndeclare global {\n  interface Window {\n    webkitAudioContext?: AudioContext;\n  }\n}\n\nconst useAudioPlayer = (audioUrls: { url: string; name: string }[]) => {\n  const [audioBuffers, setAudioBuffers] = useState<Record<string, AudioBuffer | null>>({});\n\n  const context = useMemo(() => {\n    const Ctx = window.AudioContext || window.webkitAudioContext;\n\n    if (Ctx) {\n      return new Ctx();\n    }\n\n    return null;\n  }, []);\n\n  const { onEvent: trackEvent } = useUIContext();\n\n  const getAudioBuffer = useCallback(\n    async (url: string, name: string) => {\n      if (!context) {\n        trackEvent('audio_context_not_found', { name });\n\n        return;\n      }\n\n      try {\n        const response = await fetch(url);\n        const arrayBuffer = await response.arrayBuffer();\n        const audioBuffer = await context.decodeAudioData(arrayBuffer);\n\n        setAudioBuffers(prev => ({ ...prev, [name]: audioBuffer }));\n      } catch (e) {\n        trackEvent('audio_fetch_failed', { error: e });\n      }\n    },\n    [context, trackEvent],\n  );\n\n  useEffect(() => {\n    audioUrls.forEach(({ url, name }) => {\n      getAudioBuffer(url, name);\n    });\n\n    return () => {\n      try {\n        if (context && (context.state === 'running' || context.state === 'suspended')) {\n          context.close();\n        }\n      } catch (e) {\n        trackEvent('audio_context_closing_failed', { error: e });\n      }\n    };\n  }, [audioUrls, context, getAudioBuffer, trackEvent]);\n\n  const playSound = useCallback(\n    (name: string) => {\n      const buffer = audioBuffers[name];\n\n      if (!context) {\n        trackEvent('audio_context_not_found', { name });\n\n        return;\n      }\n\n      if (!buffer) {\n        trackEvent('audio_buffer_not_found', { name });\n\n        return;\n      }\n\n      const source = context?.createBufferSource();\n\n      source.buffer = buffer;\n      source.connect(context.destination);\n      source.start();\n    },\n    [audioBuffers, context, trackEvent],\n  );\n\n  return playSound;\n};\n\nexport default useAudioPlayer;\n"],"names":["useAudioPlayer","audioUrls","audioBuffers","setAudioBuffers","useState","context","useMemo","Ctx","trackEvent","useUIContext","getAudioBuffer","useCallback","url","name","arrayBuffer","audioBuffer","prev","e","useEffect","buffer","source"],"mappings":";;AAUM,MAAAA,IAAiB,CAACC,MAA+C;AACrE,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAA6C,CAAE,CAAA,GAEjFC,IAAUC,EAAQ,MAAM;AACtB,UAAAC,IAAM,OAAO,gBAAgB,OAAO;AAE1C,WAAIA,IACK,IAAIA,EAAI,IAGV;AAAA,EACT,GAAG,CAAE,CAAA,GAEC,EAAE,SAASC,EAAW,IAAIC,EAAa,GAEvCC,IAAiBC;AAAA,IACrB,OAAOC,GAAaC,MAAiB;AACnC,UAAI,CAACR,GAAS;AACD,QAAAG,EAAA,2BAA2B,EAAE,MAAAK,EAAA,CAAM;AAE9C;AAAA,MACF;AAEI,UAAA;AAEI,cAAAC,IAAc,OADH,MAAM,MAAMF,CAAG,GACG,eAC7BG,IAAc,MAAMV,EAAQ,gBAAgBS,CAAW;AAE7C,QAAAX,EAAA,CAAAa,OAAS,EAAE,GAAGA,GAAM,CAACH,CAAI,GAAGE,EAAc,EAAA;AAAA,eACnDE,GAAG;AACV,QAAAT,EAAW,sBAAsB,EAAE,OAAOS,EAAG,CAAA;AAAA,MAC/C;AAAA,IACF;AAAA,IACA,CAACZ,GAASG,CAAU;AAAA,EAAA;AAGtB,SAAAU,EAAU,OACRjB,EAAU,QAAQ,CAAC,EAAE,KAAAW,GAAK,MAAAC,QAAW;AACnC,IAAAH,EAAeE,GAAKC,CAAI;AAAA,EAAA,CACzB,GAEM,MAAM;AACP,QAAA;AACF,MAAIR,MAAYA,EAAQ,UAAU,aAAaA,EAAQ,UAAU,gBAC/DA,EAAQ,MAAM;AAAA,aAET,GAAG;AACV,MAAAG,EAAW,gCAAgC,EAAE,OAAO,EAAG,CAAA;AAAA,IACzD;AAAA,EAAA,IAED,CAACP,GAAWI,GAASK,GAAgBF,CAAU,CAAC,GAEjCG;AAAA,IAChB,CAACE,MAAiB;AACV,YAAAM,IAASjB,EAAaW,CAAI;AAEhC,UAAI,CAACR,GAAS;AACD,QAAAG,EAAA,2BAA2B,EAAE,MAAAK,EAAA,CAAM;AAE9C;AAAA,MACF;AAEA,UAAI,CAACM,GAAQ;AACA,QAAAX,EAAA,0BAA0B,EAAE,MAAAK,EAAA,CAAM;AAE7C;AAAA,MACF;AAEM,YAAAO,IAASf,KAAA,gBAAAA,EAAS;AAExB,MAAAe,EAAO,SAASD,GACTC,EAAA,QAAQf,EAAQ,WAAW,GAClCe,EAAO,MAAM;AAAA,IACf;AAAA,IACA,CAAClB,GAAcG,GAASG,CAAU;AAAA,EAAA;AAItC;"}
+{"version":3,"file":"use-audio-player.js","sources":["../../../src/features/hooks/use-audio-player.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { useUIContext } from '../ui/context/context';\n\ndeclare global {\n  interface Window {\n    webkitAudioContext?: AudioContext;\n  }\n}\n\nconst useAudioPlayer = (audioUrls: { url: string; name: string }[]) => {\n  const [audioBuffers, setAudioBuffers] = useState<Record<string, AudioBuffer | null>>({});\n\n  const context = useMemo(() => {\n    const Ctx = window.AudioContext || window.webkitAudioContext;\n\n    if (Ctx) {\n      return new Ctx();\n    }\n\n    return null;\n  }, []);\n\n  const { onEvent: trackEvent } = useUIContext();\n\n  const getAudioBuffer = useCallback(\n    async (url: string, name: string) => {\n      if (!context) {\n        trackEvent('audio_context_not_found', { name });\n\n        return;\n      }\n\n      try {\n        const response = await fetch(url);\n        const arrayBuffer = await response.arrayBuffer();\n        const audioBuffer = await context.decodeAudioData(arrayBuffer);\n\n        setAudioBuffers(prev => ({ ...prev, [name]: audioBuffer }));\n      } catch (e) {\n        trackEvent('audio_fetch_failed', { error: e });\n      }\n    },\n    [context, trackEvent],\n  );\n\n  useEffect(() => {\n    audioUrls.forEach(({ url, name }) => {\n      getAudioBuffer(url, name);\n    });\n\n    return () => {\n      try {\n        if (context && (context.state === 'running' || context.state === 'suspended')) {\n          context.close();\n        }\n      } catch (e) {\n        trackEvent('audio_context_closing_failed', { error: e });\n      }\n    };\n  }, [audioUrls, context, getAudioBuffer, trackEvent]);\n\n  const playSound = useCallback(\n    (name: string) => {\n      if (!context) {\n        trackEvent('audio_context_not_found', { name });\n\n        return;\n      }\n\n      const buffer = audioBuffers[name];\n\n      if (!buffer) {\n        trackEvent('audio_buffer_not_found', { name });\n\n        return;\n      }\n\n      const source = context.createBufferSource();\n\n      source.buffer = buffer;\n      source.connect(context.destination);\n      source.start();\n    },\n    [audioBuffers, context, trackEvent],\n  );\n\n  return playSound;\n};\n\nexport default useAudioPlayer;\n"],"names":["useAudioPlayer","audioUrls","audioBuffers","setAudioBuffers","useState","context","useMemo","Ctx","trackEvent","useUIContext","getAudioBuffer","useCallback","url","name","arrayBuffer","audioBuffer","prev","e","useEffect","buffer","source"],"mappings":";;AAUM,MAAAA,IAAiB,CAACC,MAA+C;AACrE,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAA6C,CAAE,CAAA,GAEjFC,IAAUC,EAAQ,MAAM;AACtB,UAAAC,IAAM,OAAO,gBAAgB,OAAO;AAE1C,WAAIA,IACK,IAAIA,EAAI,IAGV;AAAA,EACT,GAAG,CAAE,CAAA,GAEC,EAAE,SAASC,EAAW,IAAIC,EAAa,GAEvCC,IAAiBC;AAAA,IACrB,OAAOC,GAAaC,MAAiB;AACnC,UAAI,CAACR,GAAS;AACD,QAAAG,EAAA,2BAA2B,EAAE,MAAAK,EAAA,CAAM;AAE9C;AAAA,MACF;AAEI,UAAA;AAEI,cAAAC,IAAc,OADH,MAAM,MAAMF,CAAG,GACG,eAC7BG,IAAc,MAAMV,EAAQ,gBAAgBS,CAAW;AAE7C,QAAAX,EAAA,CAAAa,OAAS,EAAE,GAAGA,GAAM,CAACH,CAAI,GAAGE,EAAc,EAAA;AAAA,eACnDE,GAAG;AACV,QAAAT,EAAW,sBAAsB,EAAE,OAAOS,EAAG,CAAA;AAAA,MAC/C;AAAA,IACF;AAAA,IACA,CAACZ,GAASG,CAAU;AAAA,EAAA;AAGtB,SAAAU,EAAU,OACRjB,EAAU,QAAQ,CAAC,EAAE,KAAAW,GAAK,MAAAC,QAAW;AACnC,IAAAH,EAAeE,GAAKC,CAAI;AAAA,EAAA,CACzB,GAEM,MAAM;AACP,QAAA;AACF,MAAIR,MAAYA,EAAQ,UAAU,aAAaA,EAAQ,UAAU,gBAC/DA,EAAQ,MAAM;AAAA,aAET,GAAG;AACV,MAAAG,EAAW,gCAAgC,EAAE,OAAO,EAAG,CAAA;AAAA,IACzD;AAAA,EAAA,IAED,CAACP,GAAWI,GAASK,GAAgBF,CAAU,CAAC,GAEjCG;AAAA,IAChB,CAACE,MAAiB;AAChB,UAAI,CAACR,GAAS;AACD,QAAAG,EAAA,2BAA2B,EAAE,MAAAK,EAAA,CAAM;AAE9C;AAAA,MACF;AAEM,YAAAM,IAASjB,EAAaW,CAAI;AAEhC,UAAI,CAACM,GAAQ;AACA,QAAAX,EAAA,0BAA0B,EAAE,MAAAK,EAAA,CAAM;AAE7C;AAAA,MACF;AAEM,YAAAO,IAASf,EAAQ;AAEvB,MAAAe,EAAO,SAASD,GACTC,EAAA,QAAQf,EAAQ,WAAW,GAClCe,EAAO,MAAM;AAAA,IACf;AAAA,IACA,CAAClB,GAAcG,GAASG,CAAU;AAAA,EAAA;AAItC;"}

package/dist/static/lib/polypad-4.5.4.v1.js

@@ -6206,22 +6206,18 @@ Polypad API v4.5.4, (c) Mathigon
 
   window.addEventListener('online', $g);
   window.onbeforeunload = Rh;
-  // AUDIO NEUTRALIZED: Modified to prevent any audio loading or playing
   let be = class {
       constructor(e, s = 1, t = !0) {
-        // Don't actually create Audio elements or set src to prevent network requests
-        this.src = null;
-        this.defaultVolume = s;
-        // Create a mock player object with the same interface
-        this.player = { 
-          currentTime: 0, 
-          volume: 0, 
-          play: () => Promise.resolve(),
-          preload: 'none'
-        };
+        (this.src = e),
+          (this.defaultVolume = s),
+          (this.player = new Audio()),
+          (this.player.src = e),
+          t && (this.player.preload = 'auto');
       }
       play(e) {
-        // No-op play function that does nothing
+        (this.player.currentTime = 0),
+          (this.player.volume = e || this.defaultVolume),
+          this.player.play();
       }
     },
     Pg = _c(['#cd0e66', '#0f82f2', '#22ab24', '#fd8c00']),
@@ -6744,9 +6740,7 @@ Polypad API v4.5.4, (c) Mathigon
       ll.set(e, t), Gh.set(e.toUpperCase(), s), window.customElements.define(e, i);
     };
   }
-  // AUDIO FETCH NEUTRALIZED: This section has been modified to prevent any audio-related network requests
-  // while maintaining the same interface so that the rest of the application continues to work
-  let Tt = { currentTime: 0, createGain: () => ({ gain: { setValueAtTime: () => {}, linearRampToValueAtTime: () => {} }, connect: () => ({ connect: () => ({}) }) }), createBufferSource: () => ({ buffer: null, playbackRate: { value: 0 }, connect: () => ({}), start: () => {} }), createOscillator: () => ({ frequency: { setValueAtTime: () => {} }, connect: () => ({}), start: () => {}, stop: () => {} }), createDynamicsCompressor: () => ({ threshold: { setValueAtTime: () => {} }, knee: { setValueAtTime: () => {} }, ratio: { setValueAtTime: () => {} }, attack: { setValueAtTime: () => {} }, release: { setValueAtTime: () => {} }, connect: () => ({}) }), createConvolver: () => ({ buffer: null, connect: () => ({}) }), decodeAudioData: () => Promise.resolve({ duration: 1 }) },
+  let Tt = new AudioContext(),
     Uo,
     ds,
     us = 0.05,
@@ -6758,26 +6752,31 @@ Polypad API v4.5.4, (c) Mathigon
   function Vg() {
     return H(this, null, function* () {
       if (_h) return;
-      _h = !0;
-      // Audio initialization is disabled to prevent network requests
-      // The function structure is maintained to prevent errors
-      ds = { connect: () => ({ connect: () => ({ connect: () => ({}) }) }) };
-      Uo = { buffer: null, connect: () => ({ connect: () => ({}) }) };
+      (_h = !0),
+        (ds = Tt.createDynamicsCompressor()),
+        ds.threshold.setValueAtTime(-5, 0),
+        ds.knee.setValueAtTime(0.4, 0),
+        ds.ratio.setValueAtTime(10, 0),
+        ds.attack.setValueAtTime(0.1, 0),
+        ds.release.setValueAtTime(0.25, 0),
+        (Uo = Tt.createConvolver());
+      const s = yield (yield fetch(`${Hh}IR13.mp3`)).arrayBuffer();
+
+      Uo.buffer = yield Tt.decodeAudioData(s);
     });
   }
   function jo(e) {
     if (!e || e === 'synth' || cl.has(e)) return;
-    
-    // No audio samples are fetched to prevent network requests
-    // We create a resolved promise to maintain the expected behavior
-    const s = Promise.resolve();
+
+    const s = fetch(`${Hh}${e}.mp3?v=2`)
+      .then(t => t.arrayBuffer())
+      .then(t => Tt.decodeAudioData(t))
+      .then(t => Fh.set(e, t))
+      .catch(() => console.error('Unable to load sample for', e));
+
     cl.set(e, s);
-    
-    // Set dummy audio data to prevent errors
-    Fh.set(e, { duration: 1 });
   }
-  // Mock audio time function
-  const rr = () => 0,
+  const rr = () => Tt.currentTime,
     qh = [
       {
         key: 'piano',
@@ -6932,15 +6931,19 @@ Polypad API v4.5.4, (c) Mathigon
     return t + 12 * i;
   }
   function Uh(e, s, t) {
-    // Return a mock audio gain node with all necessary methods
-    // but doesn't actually create any audio connections or processing
-    return {
-      gain: {
-        setValueAtTime: () => {},
-        linearRampToValueAtTime: () => {}
-      },
-      connect: () => ({ connect: () => ({ connect: () => ({}) }) })
-    };
+    const i = Tt.createGain();
+
+    i.connect(ds), i.connect(Uo).connect(ds).connect(Tt.destination);
+    let r = e + 1e-5;
+
+    return (
+      i.gain.setValueAtTime(1e-5, r),
+      i.gain.linearRampToValueAtTime(s, (r += t[0])),
+      i.gain.linearRampToValueAtTime(s * 0.8, (r += t[1])),
+      i.gain.setValueAtTime(s * 0.8, (r += t[2])),
+      i.gain.linearRampToValueAtTime(1e-5, r + t[3]),
+      i
+    );
   }
   function Zo(e, s = 'piano') {
     if (e === void 0) return 0;
@@ -6952,19 +6955,19 @@ Polypad API v4.5.4, (c) Mathigon
     return 2 ** ((e + 1) / 12 + t) || 0;
   }
   function Og(e, s, t, i, r) {
-    // Mock audio playback function that doesn't throw errors
-    // and doesn't rely on real audio samples
-    const o = Fh.get(e) || { duration: 1 };
-    
-    // Create a mock buffer and chain
-    const n = { gain: { value: 0 } },
-      a = { buffer: o, playbackRate: { value: 0 }, connect: () => {}, start: () => {} },
+    const o = Fh.get(e);
+
+    if (!o) throw new Error(`Missing audio sample: ${e}`);
+
+    const n = Uh(t, i, r),
+      a = Tt.createBufferSource(),
       l = Zo(s, e);
-    
-    const c = [],
-      p = 1, // Mock duration
-      u = 0.8,
-      f = 1,
+
+    (a.playbackRate.value = l), (a.buffer = o), a.connect(n), a.start(t);
+    const c = [a],
+      p = a.buffer.duration / l,
+      u = p * 0.5 > 1.5 ? 0.8 : p * 0.5,
+      f = r[2] / 0.6,
       v = f / u;
 
     if (f > 1.1 && !Dg.has(e))
@@ -7020,7 +7023,7 @@ Polypad API v4.5.4, (c) Mathigon
     );
   }
   function Zh(e = 0, s = 'piano', t = 1, i = 0.8, r = Tt.currentTime + us, o = 2, n = 8) {
-    // Vg();
+    Vg();
     const a = Math.min(1, i),
       l = [0.02, a * 0.1, i - a * 0.4, a * 0.3];
 
@@ -16887,19 +16890,18 @@ Polypad API v4.5.4, (c) Mathigon
   };
   const Ve = 'https://mathigon.org/polypad/assets/audio',
     dd = {
-      // Using mock audio objects that don't fetch anything
-      roll: { play: () => {} },
-      spin: { play: () => {} },
-      coinToss: { play: () => {} },
-      shuffle: { play: () => {} },
-      rng: { play: () => {} },
-      draw: { play: () => {} },
-      click: { play: () => {} },
-      woosh: { play: () => {} },
-      rise: { play: () => {} },
-      fall: { play: () => {} },
-      splitCoins: { play: () => {} },
-      mergeCoins: { play: () => {} },
+      roll: new be(`${Ve}/roll.mp3`, 0.6, !1),
+      spin: new be(`${Ve}/spin.mp3`, 0.5, !1),
+      coinToss: new be(`${Ve}/coin-toss.mp3`, 0.3, !1),
+      shuffle: new be(`${Ve}/shuffle.mp3`, 0.3, !1),
+      rng: new be(`${Ve}/rng-roll.mp3`, 0.3, !1),
+      draw: new be(`${Ve}/card-draw.mp3`, 0.2, !1),
+      click: new be(`${Ve}/click.mp3`, 0.3, !1),
+      woosh: new be(`${Ve}/woosh.mp3`, 0.2, !1),
+      rise: new be(`${Ve}/rise.mp3`, 0.3, !1),
+      fall: new be(`${Ve}/fall.mp3`, 0.3, !1),
+      splitCoins: new be(`${Ve}/split-coins.mp3`, 0.175, !1),
+      mergeCoins: new be(`${Ve}/merge-coins.mp3`, 0.3, !1),
     };
   const is = 25,
     tc = (is * Math.sqrt(3)) / 2,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuemath/leap",
-  "version": "3.1.41-as3",
+  "version": "3.1.41-as4",
   "type": "module",
   "files": [
     "dist"