@turnipxenon/pineapple 4.5.1 → 5.0.0-alpha.10

package/dist/api/GetLatestBlogs.d.ts

@@ -1 +1,2 @@
 export declare const GetLatestBlogs: () => Promise<Response>;
+//# sourceMappingURL=GetLatestBlogs.d.ts.map

package/dist/api/GetLatestBlogs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GetLatestBlogs.d.ts","sourceRoot":"","sources":["../../src/lib/api/GetLatestBlogs.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,yBAM1B,CAAC"}

package/dist/api/GetLatestBlogs.js

@@ -1,7 +1,16 @@
-export const GetLatestBlogs = async () => {
-    const resp = await fetch("http://turnipxenon.com/api/get-latest-blogs");
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+export const GetLatestBlogs = () => __awaiter(void 0, void 0, void 0, function* () {
+    const resp = yield fetch("http://turnipxenon.com/api/get-latest-blogs");
     if (!resp.ok) {
         return new Response(JSON.stringify([]));
     }
-    return new Response(JSON.stringify(await resp.json()));
-};
+    return new Response(JSON.stringify(yield resp.json()));
+});

package/dist/api/index.d.ts

@@ -1 +1,2 @@
 export * from "./GetLatestBlogs";
+//# sourceMappingURL=index.d.ts.map

package/dist/api/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/api/index.ts"],"names":[],"mappings":"AAEA,cAAc,kBAAkB,CAAC"}

package/dist/assets/icons/icon-chat.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#000000"><path d="M240-400h320v-80H240v80Zm0-120h480v-80H240v80Zm0-120h480v-80H240v80ZM80-80v-720q0-33 23.5-56.5T160-880h640q33 0 56.5 23.5T880-800v480q0 33-23.5 56.5T800-240H240L80-80Zm126-240h594v-480H160v525l46-45Zm-46 0v-480 480Z"/></svg>

package/dist/assets/icons/icon-menu.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#000000"><path d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z"/></svg>

package/dist/assets/icons/icon-visibility.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#000000"><path d="M480-320q75 0 127.5-52.5T660-500q0-75-52.5-127.5T480-680q-75 0-127.5 52.5T300-500q0 75 52.5 127.5T480-320Zm0-72q-45 0-76.5-31.5T372-500q0-45 31.5-76.5T480-608q45 0 76.5 31.5T588-500q0 45-31.5 76.5T480-392Zm0 192q-146 0-266-81.5T40-500q54-137 174-218.5T480-800q146 0 266 81.5T920-500q-54 137-174 218.5T480-200Zm0-300Zm0 220q113 0 207.5-59.5T832-500q-50-101-144.5-160.5T480-720q-113 0-207.5 59.5T128-500q50 101 144.5 160.5T480-280Z"/></svg>

package/dist/components/dialog_manager/DialogManager.d.ts

@@ -20,6 +20,7 @@ export declare class DialogManager implements IDialogManager {
     currentState: DialogState;
     currentReadableState: import("svelte/store").Writable<DialogState>;
     hidePercent: import("svelte/motion").Tweened<number>;
+    hidePercentLinear: import("svelte/motion").Tweened<number>;
     skipNextActiveTime: number;
     dialogProcessor: DialogProcessor;
     _setDialogChoiceQueue: DialogDetail[];
@@ -81,3 +82,4 @@ export declare class DialogManager implements IDialogManager {
     parseAndSetDialogTree(dialogYarn: string): Promise<DialogDetail[]>;
 }
 export declare const dialogManager: DialogManager;
+//# sourceMappingURL=DialogManager.d.ts.map

package/dist/components/dialog_manager/DialogManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogManager.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dialog_manager/DialogManager.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAmBrE,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AAEjF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAIpF,MAAM,MAAM,yBAAyB,GAAG,CAAC,UAAU,EAAE,YAAY,KAAK,IAAI,CAAC;AAE3E,qBAAa,aAAc,YAAW,cAAc;IACnD,gBAAgB,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,CAAa;IACxD,iBAAiB,EAAE,YAAY,EAAE,CAAM;IACvC,kBAAkB,EAAE,MAAM,CAAuC;IACjE,kBAAkB,EAAE,YAAY,CAA2B;IAC3D,cAAc,0CAAgB;IAC9B,YAAY,SAAK;IACjB,iBAAiB,SAAK;IACtB,gBAAgB,UAAS;IACzB,eAAe,0CAAgB;IAC/B,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAa;IAC7C,YAAY,cAAuB;IACnC,oBAAoB,+CAA+B;IACnD,WAAW,0CAGR;IACH,iBAAiB,0CAGd;IACH,kBAAkB,SAAK;IACvB,eAAe,EAAE,eAAe,CAAC;IAEjC,qBAAqB,EAAE,YAAY,EAAE,CAAM;IAC3C,qBAAqB,UAAS;IAC9B,oBAAoB,EAAE,yBAAyB,EAAE,CAAM;IACvD,0BAA0B,UAAS;;IA0BnC;;;OAGG;IACH,aAAa,aASX;IAEF;;;OAGG;IACH,YAAY,GAAI,cAAc,OAAO,UAEnC;IAEF;;;;;OAKG;IACH,aAAa,GAAI,eAAe,YAAY,EAAE,UAwB5C;IAEF;;;;OAIG;IACH,0BAA0B,GAAI,UAAU,yBAAyB,UAE/D;IAEF;;;;OAIG;IACH,4BAA4B,GAAI,UAAU,yBAAyB,UAOjE;IAEF;;;;;;OAMG;IACH,eAAe,GAAI,YAAY,YAAY,GAAG,SAAS,UAWrD;IAEF,gBAAgB,aA6Cd;IAEF,kBAAkB,aAEhB;IAEF;;;;;;;;OAQG;IACH,MAAM,GAAI,WAAW,MAAM,UAsDzB;IAEF,mBAAmB,CAAC,MAAM,EAAE,OAAO;IAInC,mBAAmB;IAIb,qBAAqB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,YAAY,EAAE,CAAC;CAQxE;AAED,eAAO,MAAM,aAAa,eAAsB,CAAC"}

package/dist/components/dialog_manager/DialogManager.js

@@ -1,10 +1,19 @@
 /**
  * DialogManager is the object we want to interact with in Svelte
  */
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import { writable } from "svelte/store";
 import { DialogState } from "../../types/pineapple_fiber/DialogState";
 import { tweened } from "svelte/motion";
-import { backOut } from "svelte/easing";
+import { backOut, linear } from "svelte/easing";
 import { PortraitType } from "../../types/pineapple_fiber/PortraitType";
 import AresHappy from "../../assets/characters/ares/ares_happy.webp";
 import AresBlushing from "../../assets/characters/ares/ares_blushing.webp";
@@ -15,48 +24,236 @@ import AresNeutral from "../../assets/characters/ares/ares_neutral.webp";
 import AresSlightlyMad from "../../assets/characters/ares/ares_slightly_mad.webp";
 import AresSurprised from "../../assets/characters/ares/ares_surprised.webp";
 import AresYay from "../../assets/characters/ares/ares_yay.webp";
-import { defaultDialogMessage, dialogVariableStore, enableDialogueOverlay, updateRate } from "./DialogManagerStore";
+import { defaultDialogMessage, dialogVariableStore, enableUniversalOverlaySvelte4, updateRate } from "./DialogManagerStore";
 import { DialogProcessor } from "./DialogProcessor";
 import { parseYarn } from "../../scripts/pineapple_fiber/PineappleFiberParser";
 const shouldDebugYarn = false;
 export class DialogManager {
-    dialogMessageMap = new Map();
-    currentDialogTree = [];
-    fullCurrentMessage = defaultDialogMessage[0].textContent;
-    currentMessageMeta = defaultDialogMessage[0];
-    currentMessage = writable("");
-    currentIndex = 0;
-    previousTimestamp = 0;
-    isDoneTransition = false;
-    currentPortrait = writable("");
-    portraitMap = new Map();
-    currentState = DialogState.Visible;
-    currentReadableState = writable(this.currentState);
-    hidePercent = tweened(100, {
-        duration: 400,
-        easing: backOut
-    }); // 100 = 100%
-    skipNextActiveTime = 0;
-    dialogProcessor;
-    // for queueing actions
-    _setDialogChoiceQueue = [];
-    _setDialogChoiceMutex = false;
-    onSetDialogListeners = [];
-    enableDialogueOverlayCache = false;
     constructor() {
+        this.dialogMessageMap = new Map();
+        this.currentDialogTree = [];
+        this.fullCurrentMessage = defaultDialogMessage[0].textContent;
+        this.currentMessageMeta = defaultDialogMessage[0];
+        this.currentMessage = writable("");
+        this.currentIndex = 0;
+        this.previousTimestamp = 0;
+        this.isDoneTransition = false;
+        this.currentPortrait = writable("");
+        this.portraitMap = new Map();
+        this.currentState = DialogState.Visible;
+        this.currentReadableState = writable(this.currentState);
+        this.hidePercent = tweened(100, {
+            duration: 400,
+            easing: backOut
+        });
+        this.hidePercentLinear = tweened(100, {
+            duration: 150,
+            easing: linear
+        });
+        this.skipNextActiveTime = 0;
+        // for queueing actions
+        this._setDialogChoiceQueue = [];
+        this._setDialogChoiceMutex = false;
+        this.onSetDialogListeners = [];
+        this.enableDialogueOverlayCache = false;
+        /**
+         * when users interact with the dialog, they can skip the transition like in a game
+         * note that there is a cool down to this, check out skipNextActiveTime
+         */
+        this.skipAnimation = () => {
+            if (this.previousTimestamp > this.skipNextActiveTime &&
+                this.currentState == DialogState.Visible &&
+                !this.isDoneTransition // crucial for dynamic links!
+            ) {
+                this.currentIndex = this.fullCurrentMessage.length - 1;
+                this.currentMessage.update(() => this.fullCurrentMessage.slice(0, this.currentIndex));
+            }
+        };
+        /**
+         * hides or shows the dialog UI
+         * @param shouldEnable
+         */
+        this.enableDialog = (shouldEnable) => {
+            enableUniversalOverlaySvelte4.update(() => shouldEnable);
+        };
+        /**
+         * sets the possible dialog that might appear on the Dialog UI
+         * note that it overwrites the previous tree and does not append on it due to the possibility
+         * of node name conflicts
+         * @param newDialogTree
+         */
+        this.setDialogTree = (newDialogTree) => {
+            this.currentDialogTree = newDialogTree;
+            this.dialogMessageMap.clear();
+            newDialogTree.map((value) => {
+                if (value.dialogId) {
+                    this.dialogMessageMap.set(value.dialogId, value);
+                }
+            });
+            // lazy load map
+            if (this.portraitMap.size == 0) {
+                this.portraitMap.set(PortraitType.AresHappy.toString(), AresHappy);
+                this.portraitMap.set(PortraitType.AresBlushing.toString(), AresBlushing);
+                this.portraitMap.set(PortraitType.AresDisappointed.toString(), AresDisappointed);
+                this.portraitMap.set(PortraitType.AresLetsGo.toString(), AresLetsGo);
+                this.portraitMap.set(PortraitType.AresMad.toString(), AresMad);
+                this.portraitMap.set(PortraitType.AresNeutral.toString(), AresNeutral);
+                this.portraitMap.set(PortraitType.AresSlightlyMad.toString(), AresSlightlyMad);
+                this.portraitMap.set(PortraitType.AresSurprised.toString(), AresSurprised);
+                this.portraitMap.set(PortraitType.AresYay.toString(), AresYay);
+            }
+            this.setDialogChoice(newDialogTree[0]);
+        };
+        /**
+         * Remember to call this before SetDialogTree
+         * and unsubscribe during onDestroy
+         * @param callback
+         */
+        this.subscribeToSetDialogChoice = (callback) => {
+            this.onSetDialogListeners.push(callback);
+        };
+        /**
+         * Remember to call this during onDestroy
+         * @param callback
+         * todo: double check if this works???
+         */
+        this.unsubscribeToSetDialogChoice = (callback) => {
+            // from: https://stackoverflow.com/a/5767357/17836168
+            const index = this.onSetDialogListeners.indexOf(callback);
+            if (index > -1) {
+                // only splice array when item is found
+                this.onSetDialogListeners.splice(index, 1); // 2nd parameter means remove one item only
+            }
+        };
+        /**
+         * Sets the next dialog to show depending on which special choice a href link the user
+         * has interacted with
+         * @param newMessage
+         *
+         * you can listen to this!
+         */
+        this.setDialogChoice = (newMessage) => {
+            if (!newMessage || !newMessage.textContent) {
+                return;
+            }
+            this._setDialogChoiceQueue.push(newMessage);
+            if (!this._setDialogChoiceMutex) {
+                this._setDialogChoiceMutex = true; // not a true mutex but this will do
+                this._setDialogChoice();
+            }
+        };
+        this._setDialogChoice = () => {
+            var _a, _b;
+            const newMessage = this._setDialogChoiceQueue.shift();
+            if (newMessage === undefined) {
+                this._setDialogChoiceMutex = false; // set it free!
+                this.onSetDialogListeners.forEach((listener) => {
+                    listener(this.currentMessageMeta);
+                });
+                return;
+            }
+            this.currentMessageMeta = newMessage;
+            // set the portrait
+            let portraitValue = AresHappy;
+            if (this.currentMessageMeta.portraitType) {
+                portraitValue = (_b = this.portraitMap.get((_a = this.currentMessageMeta.portraitType) !== null && _a !== void 0 ? _a : AresHappy)) !== null && _b !== void 0 ? _b : '';
+            }
+            if (portraitValue) {
+                this.currentPortrait.update(() => portraitValue);
+            }
+            // process the dialogue here line-by-line
+            this.fullCurrentMessage = this.dialogProcessor.processDialog(this.currentMessageMeta);
+            this.currentMessage.update(() => "");
+            this.currentIndex = 0;
+            this.skipNextActiveTime = this.previousTimestamp + 1000; // guard
+            this.isDoneTransition = false; // must be after the guard
+            if (shouldDebugYarn) {
+                console.info(`Currently processing node: ${this.currentMessageMeta.dialogId}`);
+            }
+            // save that we visited AND processed the node
+            if (this.currentMessageMeta.dialogId) {
+                const key = `+${this.currentMessageMeta.dialogId}`;
+                const value = Number(dialogVariableStore.getItem(key));
+                if (isNaN(value)) {
+                    dialogVariableStore.setItem(key, "1");
+                }
+                else {
+                    dialogVariableStore.setItem(key, `${value + 1}`);
+                }
+            }
+            // reloop this to process all messages
+            this._setDialogChoice();
+        };
+        this.setDialogToDefault = () => {
+            this.setDialogTree(defaultDialogMessage);
+        };
+        /**
+         * updates the information and detail frame by frame
+         * you can think of this like the main game loop
+         *
+         * @param timestamp
+         *
+         * todo: this might be too big we might want to refactor this method for better readability
+         * ISSUE #81 https://github.com/TurnipXenon/pineapple/issues/81
+         */
+        this.update = (timestamp) => {
+            if (this.currentState == DialogState.Invisible || this.currentState == DialogState.Busy) {
+                window.requestAnimationFrame(this.update);
+                return;
+            }
+            // if visible
+            // text transition loop
+            if (!this.isDoneTransition && this.currentIndex > this.fullCurrentMessage.length) {
+                const elementList = document.getElementsByClassName("dialog-choice");
+                for (const el of elementList) {
+                    el.addEventListener("click", () => {
+                        // todo: make more robust; for now we're assuming first class is our choice
+                        const choice = el.classList[0].split("-")[1];
+                        this.setDialogChoice(this.dialogMessageMap.get(choice));
+                    });
+                }
+                this.isDoneTransition = true;
+            }
+            // guard: skip if done or if not yet time to update
+            if (this.currentIndex > this.fullCurrentMessage.length ||
+                this.previousTimestamp + updateRate > timestamp) {
+                window.requestAnimationFrame(this.update);
+                return;
+            }
+            this.previousTimestamp = timestamp;
+            // check if valid text
+            // there is an assumption that previous character is valid
+            // let validCharacterIndex = this.currentLength - 1;
+            // validCharacterIndex++;
+            // the code above is just to show you how it looks like but let's assume
+            // that currentLength = validCharacter + 1
+            while (this.fullCurrentMessage[this.currentIndex] == "<" &&
+                this.currentIndex + 1 < this.fullCurrentMessage.length) {
+                // find valid character, trap with closing
+                this.currentIndex = this.fullCurrentMessage.indexOf(">", this.currentIndex) + 1;
+                // normalize
+                this.currentIndex = Math.min(this.currentIndex, this.fullCurrentMessage.length - 1);
+            }
+            this.currentMessage.update(() => this.fullCurrentMessage.slice(0, this.currentIndex));
+            // increment
+            ++this.currentIndex;
+            window.requestAnimationFrame(this.update);
+        };
         this.dialogProcessor = new DialogProcessor(this);
-        enableDialogueOverlay.subscribe((value) => {
+        enableUniversalOverlaySvelte4.subscribe((value) => {
             // todo: investigate why we cant put setDialogDefault inside the then clause
             // ISSUE #82 https://github.com/TurnipXenon/pineapple/issues/82
             this.enableDialogueOverlayCache = value;
             if (value) {
-                this.hidePercent.set(0).then(() => {
+                this.hidePercent.set(0);
+                this.hidePercentLinear.set(0).then(() => {
                     this.currentState = DialogState.Visible;
                     this.currentReadableState.set(this.currentState);
                 });
             }
             else {
-                this.hidePercent.set(100).then(() => {
+                this.hidePercent.set(100);
+                this.hidePercentLinear.set(100).then(() => {
                     this.currentState = DialogState.Invisible;
                     this.currentReadableState.set(this.currentState);
                 });
@@ -64,201 +261,21 @@ export class DialogManager {
             }
         });
     }
-    /**
-     * when users interact with the dialog, they can skip the transition like in a game
-     * note that there is a cool down to this, check out skipNextActiveTime
-     */
-    skipAnimation = () => {
-        if (this.previousTimestamp > this.skipNextActiveTime &&
-            this.currentState == DialogState.Visible &&
-            !this.isDoneTransition // crucial for dynamic links!
-        ) {
-            this.currentIndex = this.fullCurrentMessage.length - 1;
-            this.currentMessage.update(() => this.fullCurrentMessage.slice(0, this.currentIndex));
-        }
-    };
-    /**
-     * hides or shows the dialog UI
-     * @param shouldEnable
-     */
-    enableDialog = (shouldEnable) => {
-        enableDialogueOverlay.update(() => shouldEnable);
-    };
-    /**
-     * sets the possible dialog that might appear on the Dialog UI
-     * note that it overwrites the previous tree and does not append on it due to the possibility
-     * of node name conflicts
-     * @param newDialogTree
-     */
-    setDialogTree = (newDialogTree) => {
-        this.currentDialogTree = newDialogTree;
-        this.dialogMessageMap.clear();
-        newDialogTree.map((value) => {
-            if (value.dialogId) {
-                this.dialogMessageMap.set(value.dialogId, value);
-            }
-        });
-        // lazy load map
-        if (this.portraitMap.size == 0) {
-            this.portraitMap.set(PortraitType.AresHappy.toString(), AresHappy);
-            this.portraitMap.set(PortraitType.AresBlushing.toString(), AresBlushing);
-            this.portraitMap.set(PortraitType.AresDisappointed.toString(), AresDisappointed);
-            this.portraitMap.set(PortraitType.AresLetsGo.toString(), AresLetsGo);
-            this.portraitMap.set(PortraitType.AresMad.toString(), AresMad);
-            this.portraitMap.set(PortraitType.AresNeutral.toString(), AresNeutral);
-            this.portraitMap.set(PortraitType.AresSlightlyMad.toString(), AresSlightlyMad);
-            this.portraitMap.set(PortraitType.AresSurprised.toString(), AresSurprised);
-            this.portraitMap.set(PortraitType.AresYay.toString(), AresYay);
-        }
-        this.setDialogChoice(newDialogTree[0]);
-    };
-    /**
-     * Remember to call this before SetDialogTree
-     * and unsubscribe during onDestroy
-     * @param callback
-     */
-    subscribeToSetDialogChoice = (callback) => {
-        this.onSetDialogListeners.push(callback);
-    };
-    /**
-     * Remember to call this during onDestroy
-     * @param callback
-     * todo: double check if this works???
-     */
-    unsubscribeToSetDialogChoice = (callback) => {
-        // from: https://stackoverflow.com/a/5767357/17836168
-        const index = this.onSetDialogListeners.indexOf(callback);
-        if (index > -1) {
-            // only splice array when item is found
-            this.onSetDialogListeners.splice(index, 1); // 2nd parameter means remove one item only
-        }
-    };
-    /**
-     * Sets the next dialog to show depending on which special choice a href link the user
-     * has interacted with
-     * @param newMessage
-     *
-     * you can listen to this!
-     */
-    setDialogChoice = (newMessage) => {
-        if (!newMessage || !newMessage.textContent) {
-            return;
-        }
-        this._setDialogChoiceQueue.push(newMessage);
-        if (!this._setDialogChoiceMutex) {
-            this._setDialogChoiceMutex = true; // not a true mutex but this will do
-            this._setDialogChoice();
-        }
-    };
-    _setDialogChoice = () => {
-        const newMessage = this._setDialogChoiceQueue.shift();
-        if (newMessage === undefined) {
-            this._setDialogChoiceMutex = false; // set it free!
-            this.onSetDialogListeners.forEach((listener) => {
-                listener(this.currentMessageMeta);
-            });
-            return;
-        }
-        this.currentMessageMeta = newMessage;
-        // set the portrait
-        let portraitValue = AresHappy;
-        if (this.currentMessageMeta.portraitType) {
-            portraitValue = this.portraitMap.get(this.currentMessageMeta.portraitType ?? AresHappy) ?? '';
-        }
-        if (portraitValue) {
-            this.currentPortrait.update(() => portraitValue);
-        }
-        // process the dialogue here line-by-line
-        this.fullCurrentMessage = this.dialogProcessor.processDialog(this.currentMessageMeta);
-        this.currentMessage.update(() => "");
-        this.currentIndex = 0;
-        this.skipNextActiveTime = this.previousTimestamp + 1000; // guard
-        this.isDoneTransition = false; // must be after the guard
-        if (shouldDebugYarn) {
-            console.info(`Currently processing node: ${this.currentMessageMeta.dialogId}`);
-        }
-        // save that we visited AND processed the node
-        if (this.currentMessageMeta.dialogId) {
-            const key = `+${this.currentMessageMeta.dialogId}`;
-            const value = Number(dialogVariableStore.getItem(key));
-            if (isNaN(value)) {
-                dialogVariableStore.setItem(key, "1");
-            }
-            else {
-                dialogVariableStore.setItem(key, `${value + 1}`);
-            }
-        }
-        // reloop this to process all messages
-        this._setDialogChoice();
-    };
-    setDialogToDefault = () => {
-        this.setDialogTree(defaultDialogMessage);
-    };
-    /**
-     * updates the information and detail frame by frame
-     * you can think of this like the main game loop
-     *
-     * @param timestamp
-     *
-     * todo: this might be too big we might want to refactor this method for better readability
-     * ISSUE #81 https://github.com/TurnipXenon/pineapple/issues/81
-     */
-    update = (timestamp) => {
-        if (this.currentState == DialogState.Invisible || this.currentState == DialogState.Busy) {
-            window.requestAnimationFrame(this.update);
-            return;
-        }
-        // if visible
-        // text transition loop
-        if (!this.isDoneTransition && this.currentIndex > this.fullCurrentMessage.length) {
-            const elementList = document.getElementsByClassName("dialog-choice");
-            for (const el of elementList) {
-                el.addEventListener("click", () => {
-                    // todo: make more robust; for now we're assuming first class is our choice
-                    const choice = el.classList[0].split("-")[1];
-                    this.setDialogChoice(this.dialogMessageMap.get(choice));
-                });
-            }
-            this.isDoneTransition = true;
-        }
-        // guard: skip if done or if not yet time to update
-        if (this.currentIndex > this.fullCurrentMessage.length ||
-            this.previousTimestamp + updateRate > timestamp) {
-            window.requestAnimationFrame(this.update);
-            return;
-        }
-        this.previousTimestamp = timestamp;
-        // check if valid text
-        // there is an assumption that previous character is valid
-        // let validCharacterIndex = this.currentLength - 1;
-        // validCharacterIndex++;
-        // the code above is just to show you how it looks like but let's assume
-        // that currentLength = validCharacter + 1
-        while (this.fullCurrentMessage[this.currentIndex] == "<" &&
-            this.currentIndex + 1 < this.fullCurrentMessage.length) {
-            // find valid character, trap with closing
-            this.currentIndex = this.fullCurrentMessage.indexOf(">", this.currentIndex) + 1;
-            // normalize
-            this.currentIndex = Math.min(this.currentIndex, this.fullCurrentMessage.length - 1);
-        }
-        this.currentMessage.update(() => this.fullCurrentMessage.slice(0, this.currentIndex));
-        // increment
-        ++this.currentIndex;
-        window.requestAnimationFrame(this.update);
-    };
     enableDialogOverlay(enable) {
-        enableDialogueOverlay.set(enable);
+        enableUniversalOverlaySvelte4.set(enable);
     }
     toggleDialogOverlay() {
-        enableDialogueOverlay.set(!this.enableDialogueOverlayCache);
+        enableUniversalOverlaySvelte4.set(!this.enableDialogueOverlayCache);
     }
     ;
-    async parseAndSetDialogTree(dialogYarn) {
-        return parseYarn(dialogYarn)
-            .then((dialogTree) => {
-            console.log(dialogTree);
-            this.setDialogTree(dialogTree);
-            return dialogTree;
+    parseAndSetDialogTree(dialogYarn) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return parseYarn(dialogYarn)
+                .then((dialogTree) => {
+                console.log(dialogTree);
+                this.setDialogTree(dialogTree);
+                return dialogTree;
+            });
         });
     }
 }

package/dist/components/dialog_manager/DialogManagerStore.d.ts

@@ -17,9 +17,13 @@ import type { DialogDetail } from "../../types/pineapple_fiber/DialogDetail";
  * onDestroy(() => {
  *     enableDialogueOverlay.update(() =>  true);
  * });
+ *
+ * @deprecated we need to move to Svelte 5. Review usage and maybe create a way to force overlay (or not) without changing preferences.
  * ```
  */
-export declare const enableDialogueOverlay: import("svelte/store").Writable<boolean>;
+export declare const enableUniversalOverlaySvelte4: import("svelte/store").Writable<boolean>;
+export type OverlayType = 'dialog' | 'settings' | 'site-map';
 export declare const dialogVariableStore: DialogMapStore;
 export declare const updateRate: number;
 export declare const defaultDialogMessage: DialogDetail[];
+//# sourceMappingURL=DialogManagerStore.d.ts.map

package/dist/components/dialog_manager/DialogManagerStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogManagerStore.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dialog_manager/DialogManagerStore.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gDAAgD,CAAC;AAGrF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAE5E;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,6BAA6B,0CAAkB,CAAC;AAE7D,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC;AAK7D,eAAO,MAAM,mBAAmB,EAAE,cAAoC,CAAC;AACvE,eAAO,MAAM,UAAU,EAAE,MAAkB,CAAC;AAG5C,eAAO,MAAM,oBAAoB,EAAE,YAAY,EAI9C,CAAC"}

package/dist/components/dialog_manager/DialogManagerStore.js

@@ -17,9 +17,13 @@ import { writable } from "svelte/store";
  * onDestroy(() => {
  *     enableDialogueOverlay.update(() =>  true);
  * });
+ *
+ * @deprecated we need to move to Svelte 5. Review usage and maybe create a way to force overlay (or not) without changing preferences.
  * ```
  */
-export const enableDialogueOverlay = writable(false);
+export const enableUniversalOverlaySvelte4 = writable(false);
+// todo: migrate all these stores to runes
+// find a way to make sure we preserve *.ts file on several files
 export const dialogVariableStore = createNewMapStore();
 export const updateRate = 40 / 1000; // *at least* 40ms per letter
 // todo: if we go through doing yarn to typescript, move this!

package/dist/components/dialog_manager/DialogProcessor.d.ts

@@ -13,3 +13,4 @@ export declare class DialogProcessor {
      */
     processDialog: (dialogDetail: DialogDetail) => string;
 }
+//# sourceMappingURL=DialogProcessor.d.ts.map

package/dist/components/dialog_manager/DialogProcessor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogProcessor.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dialog_manager/DialogProcessor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAgB5E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;AAE3C;;GAEG;AACH,qBAAa,eAAe;IAC3B,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAiB;IAC/C,OAAO,CAAC,cAAc,CAAoB;gBAE9B,aAAa,EAAE,cAAc;IAuBzC;;;OAGG;IACH,aAAa,GAAI,cAAc,YAAY,KAAG,MAAM,CAsBlD;CACF"}