@hkdigital/lib-sveltekit 0.1.20 → 0.1.21

package/dist/widgets/presenter/Presenter.state.svelte.d.ts

@@ -25,6 +25,13 @@ export class PresenterState {
     busy: boolean;
     /** @type {string} */
     currentSlideName: string;
+    /**
+     * Returns a simplified presenter reference with essential methods
+     * for slide components to use
+     *
+     * @returns {PresenterRef} A reference object with presenter methods
+     */
+    getPresenterRef(): PresenterRef;
     /**
      * Mark the slide as loaded, which triggers transitions to begin
      */
@@ -80,4 +87,14 @@ export type LoadController = {
      */
     cancel: () => void;
 };
+export type PresenterRef = {
+    /**
+     * - Navigate to a slide by name
+     */
+    gotoSlide: (name: string) => void;
+    /**
+     * - Get the current slide name
+     */
+    getCurrentSlideName: () => string;
+};
 import { HkPromise } from '../../classes/promise/index.js';

package/dist/widgets/presenter/Presenter.state.svelte.js

@@ -26,6 +26,12 @@ import { HkPromise } from '../../classes/promise/index.js';
  * @property {() => void} cancel - Function to return to the previous slide
  */
 
+/**
+ * @typedef {Object} PresenterRef
+ * @property {(name: string) => void} gotoSlide - Navigate to a slide by name
+ * @property {() => string} getCurrentSlideName - Get the current slide name
+ */
+
 /* -------------------------------------------------------------- Constants */
 
 const Z_BACK = 0;
@@ -96,6 +102,19 @@ export class PresenterState {
     this.#setupLoadingTransitions();
   }
 
+  /**
+   * Returns a simplified presenter reference with essential methods
+   * for slide components to use
+   *
+   * @returns {PresenterRef} A reference object with presenter methods
+   */
+  getPresenterRef() {
+    return {
+      gotoSlide: (name) => this.gotoSlide(name),
+      getCurrentSlideName: () => this.currentSlideName
+    };
+  }
+
   /**
    * Set up reactivity for stage transitions between the before/after states
    * This handles the animation timing for both layers
@@ -358,27 +377,31 @@ export class PresenterState {
 
     // Add controller function to slide props if it has a component
     if (slide.data?.component) {
+      // Get a presenter reference to pass to the slide
+      const presenterRef = this.getPresenterRef();
+
       // Create a copy of the slide to avoid mutating the original
-      const slideWithController = {
+      const slideWithExtras = {
         ...slide,
         data: {
           ...slide.data,
           props: {
             ...(slide.data.props || {}),
-            getLoadingController: () => this.getLoadingController()
+            getLoadingController: () => this.getLoadingController(),
+            presenter: presenterRef // Add presenter reference to props
           }
         }
       };
 
-      // Add next slide to next layer with controller included
-      this.#updateSlide(this.nextLayerLabel, slideWithController);
+      // Add next slide to next layer with controller and presenter included
+      this.#updateSlide(this.nextLayerLabel, slideWithExtras);
 
       // If a timeout is configured, automatically finish loading after delay
       if (this.loadingTimeout > 0) {
         setTimeout(() => {
           // Only auto-finish if the controller wasn't requested
           if (!this.controllerRequested && this.isSlideLoading) {
-            // console.log(
+            // console.debug(
             //   `Slide '${slide.name}' didn't request loading controller, auto-finishing.`
             // );
             this.finishSlideLoading();

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@hkdigital/lib-sveltekit",
-	"version": "0.1.20",
+	"version": "0.1.21",
 	"author": {
 		"name": "HKdigital",
 		"url": "https://hkdigital.nl"