@pie-players/pie-players-shared 0.2.2 → 0.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pie-players/pie-players-shared",
-	"version": "0.2.2",
+	"version": "0.2.4",
 	"type": "module",
 	"description": "Shared runtime + UI utilities for PIE players",
 	"license": "MIT",
@@ -50,26 +50,32 @@
 			"svelte": "./src/components/index.ts"
 		},
 		"./components/PieItemPlayer.svelte": {
+			"types": "./src/components/PieItemPlayer.svelte",
 			"import": "./src/components/PieItemPlayer.svelte",
 			"svelte": "./src/components/PieItemPlayer.svelte"
 		},
 		"./components/PieSpinner.svelte": {
+			"types": "./src/components/PieSpinner.svelte",
 			"import": "./src/components/PieSpinner.svelte",
 			"svelte": "./src/components/PieSpinner.svelte"
 		},
 		"./components/ToolSettingsButton.svelte": {
+			"types": "./src/components/ToolSettingsButton.svelte",
 			"import": "./src/components/ToolSettingsButton.svelte",
 			"svelte": "./src/components/ToolSettingsButton.svelte"
 		},
 		"./components/ToolSettingsPanel.svelte": {
+			"types": "./src/components/ToolSettingsPanel.svelte",
 			"import": "./src/components/ToolSettingsPanel.svelte",
 			"svelte": "./src/components/ToolSettingsPanel.svelte"
 		},
 		"./components/PiePreviewToggle.svelte": {
+			"types": "./src/components/PiePreviewToggle.svelte",
 			"import": "./src/components/PiePreviewToggle.svelte",
 			"svelte": "./src/components/PiePreviewToggle.svelte"
 		},
 		"./components/PiePreviewLayout.svelte": {
+			"types": "./src/components/PiePreviewLayout.svelte",
 			"import": "./src/components/PiePreviewLayout.svelte",
 			"svelte": "./src/components/PiePreviewLayout.svelte"
 		},
@@ -94,8 +100,10 @@
 		"src/i18n"
 	],
 	"dependencies": {
-		"@pie-players/math-renderer-core": "0.1.1",
-		"@pie-players/math-renderer-mathjax": "0.1.1"
+		"@pie-players/math-renderer-core": "0.1.3",
+		"@pie-players/math-renderer-mathjax": "0.1.3",
+		"@sveltejs/kit": "^2.52.0",
+		"daisyui": "^5.5.18"
 	},
 	"scripts": {
 		"build": "tsc -p tsconfig.json",
@@ -113,6 +121,6 @@
 		"typescript": "^5.9.3"
 	},
 	"peerDependencies": {
-		"svelte": "^5.51.0"
+		"svelte": "^5.51.3"
 	}
 }

package/src/components/PieItemPlayer.svelte

@@ -8,24 +8,24 @@
 -->
 <script lang="ts">
   import { onDestroy, tick, untrack } from "svelte";
-  import type { LoaderConfig } from "../loader-config";
-  import { DEFAULT_LOADER_CONFIG } from "../loader-config";
-  import { AssetEventManager } from "../pie/asset-handler";
-  import { initializeConfiguresFromLoadedBundle } from "../pie/configure-initialization";
-  import { initializePiesFromLoadedBundle } from "../pie/initialization";
-  import { createPieLogger, isGlobalDebugEnabled } from "../pie/logger";
-  import { findPieController } from "../pie/scoring";
-  import type { AuthoringEnv } from "../pie/types";
-  import { BundleType } from "../pie/types";
-  import { updatePieElements } from "../pie/updates";
-  import { useResourceMonitor } from "../pie/use-resource-monitor.svelte";
+  import type { LoaderConfig } from "../loader-config.js";
+  import { DEFAULT_LOADER_CONFIG } from "../loader-config.js";
+  import { AssetEventManager } from "../pie/asset-handler.js";
+  import { initializeConfiguresFromLoadedBundle } from "../pie/configure-initialization.js";
+  import { initializePiesFromLoadedBundle } from "../pie/initialization.js";
+  import { createPieLogger, isGlobalDebugEnabled } from "../pie/logger.js";
+  import { findPieController } from "../pie/scoring.js";
+  import type { AuthoringEnv } from "../pie/types.js";
+  import { BundleType } from "../pie/types.js";
+  import { updatePieElements } from "../pie/updates.js";
+  import { useResourceMonitor } from "../pie/use-resource-monitor.svelte.js";
   import type {
     ConfigEntity,
     Env,
     ImageHandler,
     ModelUpdatedEvent,
     SoundHandler,
-  } from "../types";
+  } from "../types/index.js";
 
   // Create logger (respects global debug flag - pass function for dynamic checking)
   const logger = createPieLogger("pie-item-player", () =>
@@ -182,7 +182,7 @@
         "[PieItemPlayer] Controller lookup for %s: %s (createCorrectResponseSession=%s)",
         model.element,
         controller ? "FOUND" : "NOT FOUND",
-        controller && controller.createCorrectResponseSession ? "YES" : "NO"
+        controller ? "YES" : "NO"
       );
 
       if (controller && controller.createCorrectResponseSession) {
@@ -237,9 +237,9 @@
       // Svelte reactivity won't necessarily re-run effects on in-place mutation,
       // so we must push the updated session into the PIE elements explicitly.
       try {
-        updatePieElements(itemConfig, session, env, rootElement);
+        updatePieElements(itemConfig, session, env, rootElement ?? undefined);
         if (passageConfig) {
-          updatePieElements(passageConfig, session, env, rootElement);
+          updatePieElements(passageConfig, session, env, rootElement ?? undefined);
         }
       } catch (e) {
         logger.warn(
@@ -371,7 +371,11 @@
 
           // STEP 1: Initialize bundles and register controllers (don't pass session yet)
           // This registers controllers in the registry so we can call createCorrectResponseSession
-          initializePiesFromLoadedBundle(itemConfig, [], { env, bundleType, container: rootElement });
+          initializePiesFromLoadedBundle(itemConfig, [], {
+            env,
+            bundleType,
+            container: rootElement ?? undefined,
+          });
           logger.debug(
             "[PieItemPlayer] Item bundle initialized (bundle type: %s)",
             bundleType
@@ -381,7 +385,7 @@
             initializePiesFromLoadedBundle(passageConfig, [], {
               env,
               bundleType,
-              container: rootElement,
+              container: rootElement ?? undefined,
             });
             logger.debug(
               "[PieItemPlayer] Passage bundle initialized (bundle type: %s)",
@@ -398,10 +402,10 @@
               session.length +
               ")"
           );
-          updatePieElements(itemConfig, session, env, rootElement);
+          updatePieElements(itemConfig, session, env, rootElement ?? undefined);
 
           if (passageConfig) {
-            updatePieElements(passageConfig, session, env, rootElement);
+            updatePieElements(passageConfig, session, env, rootElement ?? undefined);
           }
         }
 
@@ -562,10 +566,10 @@
     isUpdating = true;
     untrack(() => {
       try {
-        updatePieElements(itemConfig, session, env, rootElement);
+        updatePieElements(itemConfig, session, env, rootElement ?? undefined);
 
         if (passageConfig) {
-          updatePieElements(passageConfig, session, env, rootElement);
+          updatePieElements(passageConfig, session, env, rootElement ?? undefined);
         }
       } finally {
         isUpdating = false;

package/src/components/PiePreviewLayout.svelte

@@ -6,11 +6,11 @@
 -->
 <script lang="ts">
 	import { tick } from 'svelte';
-	import type { LoaderConfig } from '../loader-config';
-	import { DEFAULT_LOADER_CONFIG } from '../loader-config';
-	import { createPieLogger, isGlobalDebugEnabled } from '../pie/logger';
-	import { BundleType } from '../pie/types';
-	import type { ConfigEntity, Env, ImageHandler, SoundHandler } from '../types';
+	import type { LoaderConfig } from '../loader-config.js';
+	import { DEFAULT_LOADER_CONFIG } from '../loader-config.js';
+	import { createPieLogger, isGlobalDebugEnabled } from '../pie/logger.js';
+	import { BundleType } from '../pie/types.js';
+	import type { ConfigEntity, Env, ImageHandler, SoundHandler } from '../types/index.js';
 	import PieItemPlayer from './PieItemPlayer.svelte';
 	import PiePreviewToggle from './PiePreviewToggle.svelte';
 

package/src/components/PiePreviewToggle.svelte

@@ -5,7 +5,7 @@
   Emits mode changes via callback prop.
 -->
 <script lang="ts">
-	import { createPieLogger, isGlobalDebugEnabled } from '../pie/logger';
+	import { createPieLogger, isGlobalDebugEnabled } from '../pie/logger.js';
 
 	const logger = createPieLogger('pie-preview-toggle', () => isGlobalDebugEnabled());
 

package/src/i18n/index.ts

@@ -11,16 +11,16 @@ export {
 	getAvailableLocales,
 	isRTLLocale,
 	loadTranslations,
-} from "./loader";
-export { SimpleI18n } from "./simple-i18n";
+} from "./loader.js";
+export { SimpleI18n } from "./simple-i18n.js";
 export type {
 	I18nConfig,
 	II18nService,
 	PluralTranslation,
 	TranslationBundle,
-} from "./types";
-export { useI18n } from "./use-i18n.svelte";
+} from "./types.js";
+export { useI18n } from "./use-i18n.svelte.js";
 export {
 	type UseI18nStandaloneConfig,
 	useI18nStandalone,
-} from "./use-i18n-standalone.svelte";
+} from "./use-i18n-standalone.svelte.js";

package/src/i18n/loader.ts

@@ -9,10 +9,10 @@
  */
 
 // Import English translations (bundled)
-import enCommon from "./translations/en/common.json";
-import enToolkit from "./translations/en/toolkit.json";
-import enTools from "./translations/en/tools.json";
-import type { TranslationBundle } from "./types";
+import enCommon from "./translations/en/common.json" with { type: "json" };
+import enToolkit from "./translations/en/toolkit.json" with { type: "json" };
+import enTools from "./translations/en/tools.json" with { type: "json" };
+import type { TranslationBundle } from "./types.js";
 
 // RTL locales
 const RTL_LOCALES = ["ar", "he", "fa", "ur"];

package/src/i18n/simple-i18n.ts

@@ -5,7 +5,7 @@
  * Used for standalone components that don't need the full service architecture.
  */
 
-import type { I18nConfig, PluralTranslation, TranslationBundle } from "./types";
+import type { I18nConfig, PluralTranslation, TranslationBundle } from "./types.js";
 
 /**
  * Simple I18n class for standalone use

package/src/i18n/use-i18n-standalone.svelte.ts

@@ -25,8 +25,8 @@
  * ```
  */
 
-import { BUNDLED_TRANSLATIONS, loadTranslations } from "./loader";
-import { SimpleI18n } from "./simple-i18n";
+import { BUNDLED_TRANSLATIONS, loadTranslations } from "./loader.js";
+import { SimpleI18n } from "./simple-i18n.js";
 
 /**
  * Standalone i18n configuration

package/src/i18n/use-i18n.svelte.ts

@@ -20,7 +20,7 @@
  * ```
  */
 
-import type { II18nService } from "./types";
+import type { II18nService } from "./types.js";
 
 /**
  * Svelte 5 composable for internationalization