@pie-element/math-templated 7.1.1-next.39 → 7.1.1-next.43

package/dist/browser/editor-runtime/delivery/index.js

@@ -0,0 +1,130 @@
+import { t as e } from "../main-DNc4tDWH.js";
+import t from "react";
+import { createRoot as n } from "react-dom/client";
+//#region ../../shared/player-events/dist/index.js
+var r = "commitPendingSession", i = /* @__PURE__ */ new WeakMap();
+function a(e, t) {
+	let n = i.get(e);
+	n || (n = /* @__PURE__ */ new Set(), i.set(e, n)), n.add(t);
+}
+function o(e) {
+	return Object.getOwnPropertyDescriptor(e, r) !== void 0;
+}
+function s(e) {
+	if (o(e)) return;
+	let t = e[r];
+	Object.defineProperty(e, r, {
+		value: () => {
+			if (typeof t == "function") try {
+				t.call(e);
+			} catch {}
+			l(e);
+		},
+		configurable: !0,
+		enumerable: !1,
+		writable: !0
+	});
+}
+function c(e, t, n = {}) {
+	let r = n.delayMs, i = typeof r == "function" ? r : () => r ?? 0, o = n.maxWaitMs, c = null, l = null, u = !1, d = () => {
+		c !== null && (clearTimeout(c), c = null), l !== null && (clearTimeout(l), l = null);
+	}, f = () => {
+		d(), u && (u = !1, t());
+	}, p = {
+		notify() {
+			u = !0, c !== null && clearTimeout(c), c = setTimeout(f, Math.max(0, i())), o !== void 0 && l === null && (l = setTimeout(f, Math.max(0, o)));
+		},
+		flush() {
+			if (!u) {
+				d();
+				return;
+			}
+			try {
+				f();
+			} catch (e) {
+				console.warn("[session-notifier] a committed session-changed dispatch threw", e);
+			}
+		}
+	};
+	return a(e, p), s(e), p;
+}
+function l(e) {
+	let t = i.get(e);
+	if (t) for (let e of [...t]) e.flush();
+}
+var u = class e extends CustomEvent {
+	static {
+		this.TYPE = "model-set";
+	}
+	constructor(t, n, r) {
+		super(e.TYPE, {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				complete: n,
+				component: t,
+				hasModel: r
+			}
+		}), this.component = t, this.complete = n;
+	}
+}, d = class e extends CustomEvent {
+	static {
+		this.TYPE = "session-changed";
+	}
+	constructor(t, n) {
+		super(e.TYPE, {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				complete: n,
+				component: t
+			}
+		}), this.component = t, this.complete = n;
+	}
+}, f = class extends HTMLElement {
+	constructor() {
+		super(), this._root = null, this._sessionNotifier = c(this, () => {
+			this.dispatchEvent(new d(this.tagName.toLowerCase(), !0));
+		}, { delayMs: 1e3 }), this.sessionChangedEventCaller = () => this._sessionNotifier.notify();
+	}
+	set model(e) {
+		this._model = e, this.render(), this.dispatchEvent(new u(this.tagName.toLowerCase(), this.isSessionComplete(), this._model !== void 0));
+	}
+	get model() {
+		return this._model;
+	}
+	set session(e) {
+		this._session = e, this.render();
+	}
+	get session() {
+		return this._session;
+	}
+	isSessionComplete() {
+		return !0;
+	}
+	onSessionChange(e) {
+		Object.keys(e).map((t) => {
+			this._session[t] = e[t];
+		}), this.sessionChangedEventCaller(), this.render();
+	}
+	connectedCallback() {
+		this.render();
+	}
+	render() {
+		if (!(!this._model || !this._session) && this._model && this._session) {
+			let r = t.createElement(e, {
+				model: this._model,
+				session: this._session,
+				onSessionChange: this.onSessionChange.bind(this)
+			});
+			this._root ||= n(this), this._root.render(r);
+		}
+	}
+	disconnectedCallback() {
+		l(this), this._root &&= (this._root.unmount(), null);
+	}
+};
+//#endregion
+export { f as default };
+
+//# sourceMappingURL=index.js.map

package/dist/browser/editor-runtime/delivery/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../shared/player-events/dist/index.js","../../../../src/delivery/index.ts"],"sourcesContent":["//#region src/session-notifier.ts\nvar e = \"commitPendingSession\", t = /* @__PURE__ */ new WeakMap();\nfunction n(e, n) {\n\tlet r = t.get(e);\n\tr || (r = /* @__PURE__ */ new Set(), t.set(e, r)), r.add(n);\n}\nfunction r(t) {\n\treturn Object.getOwnPropertyDescriptor(t, e) !== void 0;\n}\nfunction i(t) {\n\tif (r(t)) return;\n\tlet n = t[e];\n\tObject.defineProperty(t, e, {\n\t\tvalue: () => {\n\t\t\tif (typeof n == \"function\") try {\n\t\t\t\tn.call(t);\n\t\t\t} catch {}\n\t\t\to(t);\n\t\t},\n\t\tconfigurable: !0,\n\t\tenumerable: !1,\n\t\twritable: !0\n\t});\n}\nfunction a(e, t, r = {}) {\n\tlet a = r.delayMs, o = typeof a == \"function\" ? a : () => a ?? 0, s = r.maxWaitMs, c = null, l = null, u = !1, d = () => {\n\t\tc !== null && (clearTimeout(c), c = null), l !== null && (clearTimeout(l), l = null);\n\t}, f = () => {\n\t\td(), u && (u = !1, t());\n\t}, p = {\n\t\tnotify() {\n\t\t\tu = !0, c !== null && clearTimeout(c), c = setTimeout(f, Math.max(0, o())), s !== void 0 && l === null && (l = setTimeout(f, Math.max(0, s)));\n\t\t},\n\t\tflush() {\n\t\t\tif (!u) {\n\t\t\t\td();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tf();\n\t\t\t} catch (e) {\n\t\t\t\tconsole.warn(\"[session-notifier] a committed session-changed dispatch threw\", e);\n\t\t\t}\n\t\t}\n\t};\n\treturn n(e, p), i(e), p;\n}\nfunction o(e) {\n\tlet n = t.get(e);\n\tif (n) for (let e of [...n]) e.flush();\n}\n//#endregion\n//#region src/index.ts\nvar s = class e extends CustomEvent {\n\tstatic {\n\t\tthis.TYPE = \"model-set\";\n\t}\n\tconstructor(t, n, r) {\n\t\tsuper(e.TYPE, {\n\t\t\tbubbles: !0,\n\t\t\tcomposed: !0,\n\t\t\tdetail: {\n\t\t\t\tcomplete: n,\n\t\t\t\tcomponent: t,\n\t\t\t\thasModel: r\n\t\t\t}\n\t\t}), this.component = t, this.complete = n;\n\t}\n}, c = class e extends CustomEvent {\n\tstatic {\n\t\tthis.TYPE = \"session-changed\";\n\t}\n\tconstructor(t, n) {\n\t\tsuper(e.TYPE, {\n\t\t\tbubbles: !0,\n\t\t\tcomposed: !0,\n\t\t\tdetail: {\n\t\t\t\tcomplete: n,\n\t\t\t\tcomponent: t\n\t\t\t}\n\t\t}), this.component = t, this.complete = n;\n\t}\n};\n//#endregion\nexport { s as ModelSetEvent, e as SESSION_COMMIT_METHOD, c as SessionChangedEvent, a as createSessionNotifier, o as flushSessionNotifiers };\n","// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/math-templated/src/index.js\n * @auto-generated\n *\n * This file is automatically synced from pie-elements and converted to TypeScript.\n * Manual edits will be overwritten on next sync.\n * To make changes, edit the upstream JavaScript file and run sync again.\n */\n\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport {\n  SessionChangedEvent,\n  ModelSetEvent,\n  createSessionNotifier,\n  flushSessionNotifiers,\n} from '@pie-element/shared-player-events';\nimport Main from './main.js';\n\nexport default class MathTemplated extends HTMLElement {\n  constructor() {\n    super();\n    this._root = null;\n    // Session state is already written synchronously in `onSessionChange`; only\n    // this dispatch is coalesced, and `disconnectedCallback` flushes it.\n    this._sessionNotifier = createSessionNotifier(\n      this,\n      () => {\n        this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), true));\n      },\n      { delayMs: 1000 },\n    );\n    this.sessionChangedEventCaller = () => this._sessionNotifier.notify();\n  }\n\n  set model(m) {\n    this._model = m;\n\n    this.render();\n    this.dispatchEvent(\n      new ModelSetEvent(this.tagName.toLowerCase(), this.isSessionComplete(), this._model !== undefined),\n    );\n  }\n\n  get model() {\n    return this._model;\n  }\n\n  set session(s) {\n    this._session = s;\n\n    this.render();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  isSessionComplete() {\n    // a method to check if student answered the question\n    return true;\n  }\n\n  onSessionChange(session) {\n    // you can add an extra step here to validate session\n    Object.keys(session).map((key) => {\n      this._session[key] = session[key];\n    });\n\n    this.sessionChangedEventCaller();\n    this.render();\n  }\n\n  connectedCallback() {\n    // TODO set accessibility labels\n\n    this.render();\n  }\n\n  render() {\n    if (!this._model || !this._session) {\n      return;\n    }\n\n    if (this._model && this._session) {\n      const el = React.createElement(Main, {\n        model: this._model,\n        session: this._session,\n        onSessionChange: this.onSessionChange.bind(this),\n      });\n\n      if (!this._root) {\n        this._root = createRoot(this);\n      }\n      this._root.render(el);\n    }\n  }\n\n  disconnectedCallback() {\n    flushSessionNotifiers(this);\n\n    if (this._root) {\n      this._root.unmount();\n      this._root = null;\n    }\n  }\n}\n"],"mappings":";;;;AACA,IAAI,IAAI,wBAAwB,oBAAoB,IAAI,QAAQ;AAChE,SAAS,EAAE,GAAG,GAAG;CAChB,IAAI,IAAI,EAAE,IAAI,CAAC;CACf,MAAM,oBAAoB,IAAI,IAAI,GAAG,EAAE,IAAI,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC;AAC3D;AACA,SAAS,EAAE,GAAG;CACb,OAAO,OAAO,yBAAyB,GAAG,CAAC,MAAM,KAAK;AACvD;AACA,SAAS,EAAE,GAAG;CACb,IAAI,EAAE,CAAC,GAAG;CACV,IAAI,IAAI,EAAE;CACV,OAAO,eAAe,GAAG,GAAG;EAC3B,aAAa;GACZ,IAAI,OAAO,KAAK,YAAY,IAAI;IAC/B,EAAE,KAAK,CAAC;GACT,QAAQ,CAAC;GACT,EAAE,CAAC;EACJ;EACA,cAAc,CAAC;EACf,YAAY,CAAC;EACb,UAAU,CAAC;CACZ,CAAC;AACF;AACA,SAAS,EAAE,GAAG,GAAG,IAAI,CAAC,GAAG;CACxB,IAAI,IAAI,EAAE,SAAS,IAAI,OAAO,KAAK,aAAa,UAAU,KAAK,GAAG,IAAI,EAAE,WAAW,IAAI,MAAM,IAAI,MAAM,IAAI,CAAC,GAAG,UAAU;EACxH,MAAM,SAAS,aAAa,CAAC,GAAG,IAAI,OAAO,MAAM,SAAS,aAAa,CAAC,GAAG,IAAI;CAChF,GAAG,UAAU;EACZ,EAAE,GAAG,MAAM,IAAI,CAAC,GAAG,EAAE;CACtB,GAAG,IAAI;EACN,SAAS;GACR,IAAI,CAAC,GAAG,MAAM,QAAQ,aAAa,CAAC,GAAG,IAAI,WAAW,GAAG,KAAK,IAAI,GAAG,EAAE,CAAC,CAAC,GAAG,MAAM,KAAK,KAAK,MAAM,SAAS,IAAI,WAAW,GAAG,KAAK,IAAI,GAAG,CAAC,CAAC;EAC5I;EACA,QAAQ;GACP,IAAI,CAAC,GAAG;IACP,EAAE;IACF;GACD;GACA,IAAI;IACH,EAAE;GACH,SAAS,GAAG;IACX,QAAQ,KAAK,iEAAiE,CAAC;GAChF;EACD;CACD;CACA,OAAO,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC,GAAG;AACvB;AACA,SAAS,EAAE,GAAG;CACb,IAAI,IAAI,EAAE,IAAI,CAAC;CACf,IAAI,GAAG,KAAK,IAAI,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM;AACtC;AAGA,IAAI,IAAI,MAAM,UAAU,YAAY;CACnC;EACC,KAAK,OAAO;CACb;CACA,YAAY,GAAG,GAAG,GAAG;EACpB,MAAM,EAAE,MAAM;GACb,SAAS,CAAC;GACV,UAAU,CAAC;GACX,QAAQ;IACP,UAAU;IACV,WAAW;IACX,UAAU;GACX;EACD,CAAC,GAAG,KAAK,YAAY,GAAG,KAAK,WAAW;CACzC;AACD,GAAG,IAAI,MAAM,UAAU,YAAY;CAClC;EACC,KAAK,OAAO;CACb;CACA,YAAY,GAAG,GAAG;EACjB,MAAM,EAAE,MAAM;GACb,SAAS,CAAC;GACV,UAAU,CAAC;GACX,QAAQ;IACP,UAAU;IACV,WAAW;GACZ;EACD,CAAC,GAAG,KAAK,YAAY,GAAG,KAAK,WAAW;CACzC;AACD,GC9DqB,IAArB,cAA2C,YAAY;CACrD,cAAc;EAYZ,AAXA,MAAM,GACN,KAAK,QAAQ,MAGb,KAAK,mBAAmB,EACtB,YACM;GACJ,KAAK,cAAc,IAAI,EAAoB,KAAK,QAAQ,YAAY,GAAG,EAAI,CAAC;EAC9E,GACA,EAAE,SAAS,IAAK,CAClB,GACA,KAAK,kCAAkC,KAAK,iBAAiB,OAAO;CACtE;CAEA,IAAI,MAAM,GAAG;EAIX,AAHA,KAAK,SAAS,GAEd,KAAK,OAAO,GACZ,KAAK,cACH,IAAI,EAAc,KAAK,QAAQ,YAAY,GAAG,KAAK,kBAAkB,GAAG,KAAK,WAAW,KAAA,CAAS,CACnG;CACF;CAEA,IAAI,QAAQ;EACV,OAAO,KAAK;CACd;CAEA,IAAI,QAAQ,GAAG;EAGb,AAFA,KAAK,WAAW,GAEhB,KAAK,OAAO;CACd;CAEA,IAAI,UAAU;EACZ,OAAO,KAAK;CACd;CAEA,oBAAoB;EAElB,OAAO;CACT;CAEA,gBAAgB,GAAS;EAOvB,AALA,OAAO,KAAK,CAAO,CAAC,CAAC,KAAK,MAAQ;GAChC,KAAK,SAAS,KAAO,EAAQ;EAC/B,CAAC,GAED,KAAK,0BAA0B,GAC/B,KAAK,OAAO;CACd;CAEA,oBAAoB;EAGlB,KAAK,OAAO;CACd;CAEA,SAAS;EACH,OAAC,KAAK,UAAU,CAAC,KAAK,aAItB,KAAK,UAAU,KAAK,UAAU;GAChC,IAAM,IAAK,EAAM,cAAc,GAAM;IACnC,OAAO,KAAK;IACZ,SAAS,KAAK;IACd,iBAAiB,KAAK,gBAAgB,KAAK,IAAI;GACjD,CAAC;GAKD,AAHA,AACE,KAAK,UAAQ,EAAW,IAAI,GAE9B,KAAK,MAAM,OAAO,CAAE;EACtB;CACF;CAEA,uBAAuB;EAGrB,AAFA,EAAsB,IAAI,GAE1B,AAEE,KAAK,WADL,KAAK,MAAM,QAAQ,GACN;CAEjB;AACF"}