@pie-players/pie-section-player 0.2.12 → 0.2.13

package/dist/utils/player-preload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"player-preload.d.ts","sourceRoot":"","sources":["../../src/utils/player-preload.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,qBAAqB,EACrB,aAAa,EACb,uBAAuB,EACvB,+BAA+B,EAC/B,qBAAqB,EACrB,KAAK,kBAAkB,GACvB,MAAM,wCAAwC,CAAC"}

package/dist/utils/player-preload.js

@@ -0,0 +1,8 @@
+import { b as r, a as l, g as t, o, p as s } from "../player-preload-CQVG0Bih.js";
+export {
+  r as buildPreloadSignature,
+  l as getLoaderView,
+  t as getRenderablesSignature,
+  o as orchestratePlayerElementPreload,
+  s as preloadPlayerElements
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pie-players/pie-section-player",
-	"version": "0.2.12",
+	"version": "0.2.13",
 	"type": "module",
 	"description": "Web component for rendering QTI 3.0 assessment sections with passages and items",
 	"license": "MIT",
@@ -15,35 +15,23 @@
 	"unpkg": "./dist/pie-section-player.js",
 	"jsdelivr": "./dist/pie-section-player.js",
 	"main": "./dist/pie-section-player.js",
-	"types": "./dist/index.d.ts",
+	"types": "./dist/pie-section-player.d.ts",
 	"exports": {
 		".": {
-			"types": "./dist/index.d.ts",
-			"import": "./dist/pie-section-player.js"
-		},
-		"./components/ItemShellElement.svelte": {
-			"types": "./dist/pie-section-player.d.ts",
-			"import": "./dist/pie-section-player.js"
-		},
-		"./components/PassageShellElement.svelte": {
-			"types": "./dist/pie-section-player.d.ts",
-			"import": "./dist/pie-section-player.js"
-		},
-		"./components/section-player-base-element": {
 			"types": "./dist/pie-section-player.d.ts",
 			"import": "./dist/pie-section-player.js"
 		},
-		"./components/item-shell-element": {
+		"./components/section-player-splitpane-element": {
 			"types": "./dist/pie-section-player.d.ts",
 			"import": "./dist/pie-section-player.js"
 		},
-		"./components/passage-shell-element": {
+		"./components/section-player-vertical-element": {
 			"types": "./dist/pie-section-player.d.ts",
 			"import": "./dist/pie-section-player.js"
 		},
-		"./components/section-player-splitpane-element": {
-			"types": "./dist/pie-section-player.d.ts",
-			"import": "./dist/pie-section-player.js"
+		"./utils/player-preload": {
+			"types": "./dist/utils/player-preload.d.ts",
+			"import": "./dist/utils/player-preload.js"
 		}
 	},
 	"files": [
@@ -61,22 +49,25 @@
 		"svelte": "^5.51.0"
 	},
 	"dependencies": {
-		"@pie-players/pie-assessment-toolkit": "0.2.9",
-		"@pie-players/pie-esm-player": "0.2.6",
-		"@pie-players/pie-fixed-player": "0.2.5",
-		"@pie-players/pie-iife-player": "0.2.6",
-		"@pie-players/pie-inline-player": "0.2.5",
-		"@pie-players/pie-context": "0.1.1",
-		"@pie-players/pie-players-shared": "0.2.5",
-		"@pie-players/pie-section-tools-toolbar": "0.2.10",
-		"@pie-players/pie-tool-answer-eliminator": "0.2.9",
-		"@pie-players/pie-tool-calculator": "0.1.9",
-		"@pie-players/pie-tool-calculator-inline": "0.1.6",
-		"@pie-players/pie-tool-tts-inline": "0.1.6",
-		"@pie-players/tts-client-server": "0.2.4",
+		"@pie-players/pie-assessment-toolkit": "0.2.10",
+		"@pie-players/pie-item-player": "0.1.1",
+		"@pie-players/pie-context": "0.1.2",
+		"@pie-players/pie-players-shared": "0.2.6",
+		"@pie-players/pie-toolbars": "0.1.1",
+		"@pie-players/pie-tool-answer-eliminator": "0.2.10",
+		"@pie-players/pie-tool-calculator": "0.1.10",
+		"@pie-players/pie-tool-theme": "0.1.10",
+		"@pie-players/pie-tool-graph": "0.1.10",
+		"@pie-players/pie-tool-line-reader": "0.1.10",
+		"@pie-players/pie-tool-periodic-table": "0.1.10",
+		"@pie-players/pie-tool-protractor": "0.1.10",
+		"@pie-players/pie-tool-ruler": "0.1.10",
+		"@pie-players/pie-tool-text-to-speech": "0.1.10",
+		"@pie-players/tts-client-server": "0.2.5",
 		"daisyui": "^5.5.18"
 	},
 	"devDependencies": {
+		"@axe-core/playwright": "^4.11.1",
 		"@biomejs/biome": "^2.3.13",
 		"@playwright/test": "^1.58.2",
 		"@sveltejs/vite-plugin-svelte": "^6.2.4",

package/src/components/ItemShellElement.svelte

@@ -113,11 +113,20 @@
 		if (!host) return;
 		dispatchRegistration(PIE_REGISTER_EVENT);
 
-		const onSessionChanged = (event: Event) => normalizeAndDispatchSession(event);
+		const seenSessionEvents = new WeakSet<Event>();
+		const onSessionChanged = (event: Event) => {
+			// Some players emit `session-changed`, others emit `sessionchanged`.
+			// Guard against duplicate forwarding when both fire for the same original event.
+			if (seenSessionEvents.has(event)) return;
+			seenSessionEvents.add(event);
+			normalizeAndDispatchSession(event);
+		};
 		host.addEventListener("sessionchanged", onSessionChanged);
+		host.addEventListener("session-changed", onSessionChanged);
 
 		return () => {
 			host?.removeEventListener("sessionchanged", onSessionChanged);
+			host?.removeEventListener("session-changed", onSessionChanged);
 			dispatchRegistration(PIE_UNREGISTER_EVENT);
 		};
 	});

package/src/components/PieSectionPlayerBaseElement.svelte

@@ -8,7 +8,6 @@
 			section: { type: "Object", reflect: false },
 			sectionId: { attribute: "section-id", type: "String" },
 			attemptId: { attribute: "attempt-id", type: "String" },
-			view: { type: "String" },
 			playerType: { attribute: "player-type", type: "String" },
 			player: { type: "Object", reflect: false },
 			lazyInit: { attribute: "lazy-init", type: "Boolean" },
@@ -31,45 +30,21 @@
 	import { SectionController } from "../controllers/SectionController.js";
 	import type { SectionCompositionModel } from "../controllers/types.js";
 	import type { AssessmentSection } from "@pie-players/pie-players-shared/types";
-
-	const EMPTY_COMPOSITION: SectionCompositionModel = {
-		section: null,
-		assessmentItemRefs: [],
-		passages: [],
-		items: [],
-		rubricBlocks: [],
-		instructions: [],
-		currentItemIndex: 0,
-		currentItem: null,
-		isPageMode: false,
-		itemSessionsByItemId: {},
-		testAttemptSession: null,
-	};
-	const DEFAULT_ASSESSMENT_ID = "section-demo-direct";
-	const DEFAULT_PLAYER_TYPE = "iife";
-	const DEFAULT_LAZY_INIT = true;
-	const DEFAULT_ISOLATION = "inherit";
-	const LEGACY_RUNTIME_WARNING_KEY = "pie-section-player-base:legacy-runtime-props";
-	const warnedKeys = new Set<string>();
-	type RuntimeConfig = {
-		assessmentId?: string;
-		playerType?: string;
-		player?: Record<string, unknown> | null;
-		lazyInit?: boolean;
-		tools?: Record<string, unknown> | null;
-		accessibility?: Record<string, unknown> | null;
-		coordinator?: unknown;
-		createSectionController?: unknown;
-		isolation?: string;
-		env?: Record<string, unknown>;
-	};
+	import { EMPTY_COMPOSITION } from "./shared/composition.js";
+	import {
+		DEFAULT_ASSESSMENT_ID,
+		DEFAULT_ENV,
+		DEFAULT_ISOLATION,
+		DEFAULT_LAZY_INIT,
+		DEFAULT_PLAYER_TYPE,
+		type RuntimeConfig,
+	} from "./shared/section-player-runtime.js";
 	let {
 		assessmentId = DEFAULT_ASSESSMENT_ID,
 		runtime = null as RuntimeConfig | null,
 		section = null as AssessmentSection | null,
 		sectionId = "",
 		attemptId = "",
-		view = "candidate",
 		playerType = DEFAULT_PLAYER_TYPE,
 		player = null as Record<string, unknown> | null,
 		lazyInit = DEFAULT_LAZY_INIT,
@@ -82,7 +57,7 @@
 	} = $props();
 
 	let toolkitElement = $state<any>(null);
-	let lastCompositionSignature = $state("");
+	let lastCompositionVersion = $state(-1);
 	type BaseSectionPlayerEvents = {
 		"composition-changed": { composition: SectionCompositionModel };
 		"toolkit-ready": Record<string, unknown>;
@@ -106,7 +81,7 @@
 		() => runtime?.createSectionController ?? createSectionController,
 	);
 	const effectiveIsolation = $derived.by(() => runtime?.isolation ?? isolation);
-	const effectiveEnv = $derived.by(() => runtime?.env ?? env ?? {});
+	const effectiveEnv = $derived.by(() => runtime?.env ?? env ?? DEFAULT_ENV);
 	let resolvedSection = $derived.by(() => {
 		if (!section) return null;
 		const sectionAny = section as any;
@@ -127,27 +102,18 @@
 		dispatch(name, detail);
 	}
 
-	function getCompositionSignature(
-		model: SectionCompositionModel | null | undefined,
-	): string {
-		if (!model) return "";
-		return JSON.stringify({
-			sectionId: model.section?.identifier || "",
-			currentItemIndex: model.currentItemIndex ?? -1,
-			itemIds: (model.items || []).map((item) => item?.id || ""),
-			passageIds: (model.passages || []).map((passage) => passage?.id || ""),
-			sessionByItem: Object.entries(model.itemSessionsByItemId || {})
-				.sort(([left], [right]) => left.localeCompare(right))
-				.map(([itemId, session]) => [itemId, JSON.stringify(session ?? null)]),
-		});
-	}
-
 	function handleCompositionChanged(event: Event): void {
-		const detail = (event as CustomEvent<{ composition?: SectionCompositionModel }>).detail;
+		const detail = (event as CustomEvent<{
+			composition?: SectionCompositionModel;
+			version?: number;
+		}>).detail;
 		const nextComposition = detail?.composition || EMPTY_COMPOSITION;
-		const nextSignature = getCompositionSignature(nextComposition);
-		if (nextSignature === lastCompositionSignature) return;
-		lastCompositionSignature = nextSignature;
+		const nextVersion =
+			typeof detail?.version === "number"
+				? detail.version
+				: lastCompositionVersion + 1;
+		if (nextVersion === lastCompositionVersion) return;
+		lastCompositionVersion = nextVersion;
 		emit("composition-changed", {
 			composition: nextComposition,
 		});
@@ -167,28 +133,6 @@
 			effectiveCreateSectionController || (() => new SectionController());
 	});
 
-	$effect(() => {
-		if (typeof window === "undefined" || runtime) return;
-		const usedLegacyProps: string[] = [];
-		if (assessmentId !== DEFAULT_ASSESSMENT_ID) usedLegacyProps.push("assessmentId");
-		if (playerType !== DEFAULT_PLAYER_TYPE) usedLegacyProps.push("playerType");
-		if (player !== null) usedLegacyProps.push("player");
-		if (lazyInit !== DEFAULT_LAZY_INIT) usedLegacyProps.push("lazyInit");
-		if (tools !== null) usedLegacyProps.push("tools");
-		if (accessibility !== null) usedLegacyProps.push("accessibility");
-		if (coordinator !== null) usedLegacyProps.push("coordinator");
-		if (createSectionController !== null) usedLegacyProps.push("createSectionController");
-		if (isolation !== DEFAULT_ISOLATION) usedLegacyProps.push("isolation");
-		if (env !== null) usedLegacyProps.push("env");
-		if (usedLegacyProps.length === 0) return;
-		const key = `${LEGACY_RUNTIME_WARNING_KEY}:${usedLegacyProps.sort().join(",")}`;
-		if (warnedKeys.has(key)) return;
-		warnedKeys.add(key);
-		console.warn(
-			`[pie-section-player-base] Runtime props (${usedLegacyProps.join(", ")}) are deprecated. Prefer the \`runtime\` object prop.`,
-		);
-	});
-
 </script>
 
 <pie-assessment-toolkit
@@ -199,7 +143,6 @@
 	attempt-id={attemptId}
 	player-type={effectivePlayerType}
 	player={effectivePlayer}
-	{view}
 	env={effectiveEnv}
 	lazy-init={effectiveLazyInit}
 	tools={effectiveTools}