@turnipxenon/pineapple 5.3.3 → 5.3.4

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

@@ -1,11 +1,11 @@
 /**
  * DialogManager is the object we want to interact with in Svelte
  */
-import { type DialogMapStore } from "../../types/pineapple_fiber/DialogVariableStore";
-import type { DialogDetail } from "../../types/pineapple_fiber/DialogDetail";
-import { DialogState } from "../../types/pineapple_fiber/DialogState";
 import { DialogProcessor } from "./DialogProcessor";
 import type { IDialogManager } from "./IDialogManager";
+import type { DialogDetail } from "../../types/pineapple_fiber/DialogDetail";
+import { DialogState } from "../../types/pineapple_fiber/DialogState";
+import { type DialogMapStore } from "../../types/pineapple_fiber/DialogVariableStore";
 export type OnSetDialogChoiceCallback = (newMessage: DialogDetail) => void;
 export declare class DialogManager implements IDialogManager {
     dialogMessageMap: Map<string, DialogDetail>;
@@ -16,6 +16,7 @@ export declare class DialogManager implements IDialogManager {
     currentIndex: number;
     previousTimestamp: number;
     isDoneTransition: boolean;
+    isDoneTransitionWritable: import("svelte/store").Writable<boolean>;
     currentPortrait: import("svelte/store").Writable<string>;
     portraitMap: Map<string, string>;
     currentState: DialogState;
@@ -30,6 +31,7 @@ export declare class DialogManager implements IDialogManager {
     enableDialogueOverlayCache: boolean;
     updateRate: number;
     dialogVariableStore: DialogMapStore;
+    _choiceListenerController: AbortController | null;
     constructor();
     /**
      * when users interact with the dialog, they can skip the transition like in a game

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

@@ -1 +1 @@
-{"version":3,"file":"DialogManager.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dialog_manager/DialogManager.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAqB,KAAK,cAAc,EAAE,MAAM,gDAAgD,CAAC;AAExG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAiBrE,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,CAAwB;IACzD,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;IACnC,UAAU,SAAa;IACvB,mBAAmB,EAAE,cAAc,CAAC;;IAgCpC;;;OAGG;IACH,aAAa,aASX;IAEF;;;OAGG;IACH,YAAY,GAAI,cAAc,OAAO,UAEnC;IAEF;;;;;OAKG;IACH,aAAa,GAAI,eAAe,YAAY,EAAE,EAAE,qBAAiB,UAsC/D;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,mBAAmB,GAAI,UAAU,MAAM,UAOtC;IAED,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,EAAE,YAAY,SAAK,GAAG,OAAO,CAAC,YAAY,EAAE,CAAC;IAQrF,gBAAgB,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,SAAK,GAAG,OAAO,CAAC,YAAY,EAAE,CAAC;IAiBnF,aAAa,CAAC,OAAO,EAAE,MAAM;CAG7B;AAED,eAAO,MAAM,aAAa,eAAsB,CAAC"}
+{"version":3,"file":"DialogManager.d.ts","sourceRoot":"","sources":["../../../src/lib/components/dialog_manager/DialogManager.ts"],"names":[],"mappings":"AAAA;;GAEG;AAYH,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AACjF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAEpF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAqB,KAAK,cAAc,EAAE,MAAM,gDAAgD,CAAC;AAQxG,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,CAAwB;IACzD,kBAAkB,EAAE,MAAM,CAAuC;IACjE,kBAAkB,EAAE,YAAY,CAA2B;IAC3D,cAAc,0CAAgB;IAC9B,YAAY,SAAK;IACjB,iBAAiB,SAAK;IACtB,gBAAgB,UAAS;IACzB,wBAAwB,2CAAmB;IAC3C,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;IACnC,UAAU,SAAa;IACvB,mBAAmB,EAAE,cAAc,CAAC;IACpC,yBAAyB,EAAE,eAAe,GAAG,IAAI,CAAQ;;IAgCzD;;;OAGG;IACH,aAAa,aASX;IAEF;;;OAGG;IACH,YAAY,GAAI,cAAc,OAAO,UAEnC;IAEF;;;;;OAKG;IACH,aAAa,GAAI,eAAe,YAAY,EAAE,EAAE,qBAAiB,UAsC/D;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,mBAAmB,GAAI,UAAU,MAAM,UAOrC;IAEF,gBAAgB,aA8Cd;IAEF,kBAAkB,aAEhB;IAEF;;;;;;;;OAQG;IACH,MAAM,GAAI,WAAW,MAAM,UA2DzB;IAEF,mBAAmB,CAAC,MAAM,EAAE,OAAO;IAInC,mBAAmB;IAIb,qBAAqB,CAAC,UAAU,EAAE,MAAM,EAAE,YAAY,SAAK,GAAG,OAAO,CAAC,YAAY,EAAE,CAAC;IAQrF,gBAAgB,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,SAAK,GAAG,OAAO,CAAC,YAAY,EAAE,CAAC;IAiBnF,aAAa,CAAC,OAAO,EAAE,MAAM;CAG7B;AAED,eAAO,MAAM,aAAa,eAAsB,CAAC"}

package/dist/components/dialog_manager/DialogManager.js

@@ -10,24 +10,24 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { createNewMapStore } from "../../types/pineapple_fiber/DialogVariableStore";
-import { writable } from "svelte/store";
-import { DialogState } from "../../types/pineapple_fiber/DialogState";
-import { tweened } from "svelte/motion";
-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";
 import AresDisappointed from "../../assets/characters/ares/ares_disappointed.webp";
+import AresHappy from "../../assets/characters/ares/ares_happy.webp";
 import AresLetsGo from "../../assets/characters/ares/ares_lets_go.webp";
 import AresMad from "../../assets/characters/ares/ares_mad.webp";
 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, enableUniversalOverlaySvelte4, } from "./DialogManagerStore";
+import { defaultDialogMessage, enableUniversalOverlaySvelte4 } from "./DialogManagerStore";
 import { DialogProcessor } from "./DialogProcessor";
 import { parseYarn } from "../../scripts/pineapple_fiber/PineappleFiberParser";
+import { DialogState } from "../../types/pineapple_fiber/DialogState";
+import { createNewMapStore } from "../../types/pineapple_fiber/DialogVariableStore";
+import { PortraitType } from "../../types/pineapple_fiber/PortraitType";
+import { backOut, linear } from "svelte/easing";
+import { tweened } from "svelte/motion";
+import { writable } from "svelte/store";
 const shouldDebugYarn = false;
 export class DialogManager {
     constructor() {
@@ -39,6 +39,7 @@ export class DialogManager {
         this.currentIndex = 0;
         this.previousTimestamp = 0;
         this.isDoneTransition = false;
+        this.isDoneTransitionWritable = writable(false);
         this.currentPortrait = writable("");
         this.portraitMap = new Map();
         this.currentState = DialogState.Visible;
@@ -58,6 +59,7 @@ export class DialogManager {
         this.onSetDialogListeners = [];
         this.enableDialogueOverlayCache = false;
         this.updateRate = 40 / 1000;
+        this._choiceListenerController = null;
         /**
          * 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
@@ -183,7 +185,7 @@ export class DialogManager {
             // 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 : '';
+                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);
@@ -194,6 +196,7 @@ export class DialogManager {
             this.currentIndex = 0;
             this.skipNextActiveTime = this.previousTimestamp + 1000; // guard
             this.isDoneTransition = false; // must be after the guard
+            this.isDoneTransitionWritable.set(false);
             if (shouldDebugYarn) {
                 console.info(`Currently processing node: ${this.currentMessageMeta.dialogId}`);
             }
@@ -224,6 +227,7 @@ export class DialogManager {
          * ISSUE #81 https://github.com/TurnipXenon/pineapple/issues/81
          */
         this.update = (timestamp) => {
+            var _a;
             if (this.currentState == DialogState.Invisible || this.currentState == DialogState.Busy) {
                 window.requestAnimationFrame(this.update);
                 return;
@@ -231,15 +235,19 @@ export class DialogManager {
             // if visible
             // text transition loop
             if (!this.isDoneTransition && this.currentIndex > this.fullCurrentMessage.length) {
+                (_a = this._choiceListenerController) === null || _a === void 0 ? void 0 : _a.abort();
+                this._choiceListenerController = new AbortController();
+                const { signal } = this._choiceListenerController;
                 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));
-                    });
+                    }, { signal });
                 }
                 this.isDoneTransition = true;
+                this.isDoneTransitionWritable.set(true);
             }
             // guard: skip if done or if not yet time to update
             if (this.currentIndex > this.fullCurrentMessage.length ||

package/dist/components/reveal-info/RevealInfo.svelte

@@ -3,6 +3,7 @@
 	import VisibilityIcon from "../../assets/icons/icon-visibility.svg";
 	import { ButtonVariant, PinyaButton, type PinyaButtonProps } from "../../ui/elements/index";
 	import type { Snippet } from "svelte";
+	import { untrack } from "svelte";
 	import ImageIcon from "../../ui/elements/ImageIcon.svelte";
 	import { type RevealInfoRecord } from "./RevealInfoCollection";
 
@@ -21,7 +22,7 @@
 
 	type State = "ready" | "loading" | "error" | "done";
 
-	let revealValue = $state(infoRecord.placeholder);
+	let revealValue = $state(untrack(() => infoRecord.placeholder));
 	let _state = $state<State>("ready");
 	let uid = $props.id();
 

package/dist/components/reveal-info/RevealInfo.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RevealInfo.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/reveal-info/RevealInfo.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,EAA8B,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC3F,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAI9D,KAAK,gBAAgB,GAAI;IACxB,UAAU,EAAE,gBAAgB,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,CAAC,UAAU,EAAE,MAAM,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC;IACxD,YAAY,CAAC,EAAE,CAAC,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;CAChC,GAAG,IAAI,CAAC,gBAAgB,EAAI,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC;AA2EhE,QAAA,MAAM,UAAU,sDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"RevealInfo.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/reveal-info/RevealInfo.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,EAA8B,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC3F,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGtC,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAI9D,KAAK,gBAAgB,GAAI;IACxB,UAAU,EAAE,gBAAgB,CAAC;IAC7B,cAAc,CAAC,EAAE,CAAC,CAAC,UAAU,EAAE,MAAM,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC;IACxD,YAAY,CAAC,EAAE,CAAC,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;CAChC,GAAG,IAAI,CAAC,gBAAgB,EAAI,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC;AA4EhE,QAAA,MAAM,UAAU,sDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/modules/overrideable_meta/OverridableMeta.svelte

@@ -37,25 +37,31 @@ export const load = async (): Promise<OverridableMetaProps> => {
 		ogImage = []
 	}: Props = $props();
 
-	if (rootUrl) {
-		pinyaHead.rootUrl = rootUrl;
-	}
-	if (title) {
-		pinyaHead.title = title;
-	}
-	if (ogTitle) {
-		pinyaHead.ogTitle = ogTitle;
-	}
-	if (ogDescription) {
-		pinyaHead.ogDescription = ogDescription;
-	}
-	if (ogImage) {
-		pinyaHead.ogImage = ogImage.map(img => {
-			if (img.startsWith('/')) {
-				return `${pinyaHead.rootUrl}${img}`
-			}
-
-			return img;
-		});
-	}
+	const updatePageMeta = () => {
+		if (rootUrl) {
+			pinyaHead.rootUrl = rootUrl;
+		}
+		if (title) {
+			pinyaHead.title = title;
+		}
+		if (ogTitle) {
+			pinyaHead.ogTitle = ogTitle;
+		}
+		if (ogDescription) {
+			pinyaHead.ogDescription = ogDescription;
+		}
+		if (ogImage) {
+			pinyaHead.ogImage = ogImage.map(img => {
+				if (img.startsWith("/")) {
+					return `${pinyaHead.rootUrl}${img}`;
+				}
+
+				return img;
+			});
+		}
+	};
+
+	updatePageMeta();
+
+	$effect(updatePageMeta);
 </script>

package/dist/modules/overrideable_meta/OverridableMeta.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OverridableMeta.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/modules/overrideable_meta/OverridableMeta.svelte.ts"],"names":[],"mappings":"AAMC,UAAU,KAAK;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB;AAwCF;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}
+{"version":3,"file":"OverridableMeta.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/modules/overrideable_meta/OverridableMeta.svelte.ts"],"names":[],"mappings":"AAMC,UAAU,KAAK;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB;AA8CF;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/modules/parsnip/ParsnipBlockChildren.svelte

@@ -4,12 +4,27 @@
 	import ParsnipList from "./ParsnipList.svelte";
 	import ParsnipParagraph from "./ParsnipParagraph.svelte";
 	import ParsnipPhrasingChildren from "./ParsnipPhrasingChildren.svelte";
+	import type { CodeBlockLang } from "../../ui/elements/CodeBlock/CodeBlockProps";
 	import { CodeBlock } from "../../ui/elements/index";
 	import type { Content } from "mdast";
 	import Self from "./ParsnipBlockChildren.svelte";
 
 	const { blockChildren, shouldUnwrapParagraph = false }
 		: { blockChildren: Content[], shouldUnwrapParagraph?: boolean } = $props();
+
+	const KNOWN_BLOCK_TYPES = new Set(['paragraph', 'heading', 'thematicBreak', 'blockquote', 'yaml', 'code', 'list', 'imageCollection']);
+
+	$effect(() => {
+		for (const child of blockChildren) {
+			if (!KNOWN_BLOCK_TYPES.has(child.type)) {
+				console.warn('[Parsnip] Unknown block child type:', child.type, child);
+			}
+		}
+	});
+
+	function parseLang(lang: string | null | undefined): CodeBlockLang {
+		return (lang ?? 'markdown') as CodeBlockLang;
+	}
 </script>
 
 {#each blockChildren as child (child)}
@@ -31,12 +46,10 @@
 	{:else if child.type === 'yaml'}
 		<!-- do nothing -->
 	{:else if child.type === 'code'}
-		<CodeBlock code={child.value} lang={child.lang ?? 'markdown'} />
+		<CodeBlock code={child.value} lang={parseLang(child.lang)} />
 	{:else if child.type === 'list'}
 		<ParsnipList list={child} />
 	{:else if child.type === 'imageCollection'}
 		<ParsnipImageCollection url="" imageList={child.children} />
-	{:else}
-		<p>{JSON.stringify(child, undefined, 2)}</p>
 	{/if}
 {/each}

package/dist/modules/parsnip/ParsnipBlockChildren.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ParsnipBlockChildren.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/modules/parsnip/ParsnipBlockChildren.svelte.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGpC,KAAK,gBAAgB,GAAI;IAAE,aAAa,EAAE,OAAO,EAAE,CAAC;IAAC,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AA8CxF,QAAA,MAAM,oBAAoB,sDAAwC,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"ParsnipBlockChildren.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/modules/parsnip/ParsnipBlockChildren.svelte.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGpC,KAAK,gBAAgB,GAAI;IAAE,aAAa,EAAE,OAAO,EAAE,CAAC;IAAC,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AA2DxF,QAAA,MAAM,oBAAoB,sDAAwC,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}

package/dist/modules/parsnip/external-images/ParsnipImage.svelte

@@ -1,16 +1,17 @@
 <script lang="ts">
 
+	import { untrack } from "svelte";
 	import { getPhotoDetails } from "./externalImages.remote";
 
 	const { url, alt = "", withDescription = false }: { url: string, alt: string, withDescription?: boolean } = $props();
-	let _alt = $state(alt);
+	let _alt = $state(untrack(() => alt));
 
-	const showDescription = withDescription || url.includes("with-description=true");
+	const showDescription = untrack(() => withDescription || url.includes("with-description=true"));
 
-	const galleryBase = url
+	const galleryBase = untrack(() => url
 		.replace(/[?#].*$/, "")
 		.replace(/^(https?:\/\/)(rabiole|photos)\./, "$1photo-gallery.")
-		.replace(/\/(api\/)?photos\/.*$/, "");
+		.replace(/\/(api\/)?photos\/.*$/, ""));
 
 	let details = $state<{ altText: string, description: string, tags: string[], createdAt: string } | null>(null);
 

package/dist/modules/parsnip/external-images/ParsnipImage.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ParsnipImage.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/modules/parsnip/external-images/ParsnipImage.svelte.ts"],"names":[],"mappings":"AAMC,KAAK,gBAAgB,GAAI;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,eAAe,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AA2DlF,QAAA,MAAM,YAAY,sDAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ParsnipImage.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/modules/parsnip/external-images/ParsnipImage.svelte.ts"],"names":[],"mappings":"AAOC,KAAK,gBAAgB,GAAI;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,eAAe,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AA4DlF,QAAA,MAAM,YAAY,sDAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/modules/parsnip/external-images/ParsnipImageCollection.svelte

@@ -3,10 +3,11 @@
 	import { getPhotoCollectionMeta } from "./externalImages.remote";
 	import ParsnipImage from "./ParsnipImage.svelte";
 	import type { Image } from "mdast";
+	import { untrack } from "svelte";
 
 	const { url, imageList }: { url?: string, imageList?: Image[] } = $props();
 
-	const withDescription = url?.includes('with-description=true') ?? false;
+	const withDescription = untrack(() => url?.includes('with-description=true') ?? false);
 
 	let data = $state<{
 		photos: {

package/dist/modules/parsnip/external-images/ParsnipImageCollection.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ParsnipImageCollection.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/modules/parsnip/external-images/ParsnipImageCollection.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAElC,KAAK,gBAAgB,GAAI;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,KAAK,EAAE,CAAA;CAAE,CAAC;AAmDhE,QAAA,MAAM,sBAAsB,sDAAwC,CAAC;AACrE,KAAK,sBAAsB,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACxE,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"ParsnipImageCollection.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/modules/parsnip/external-images/ParsnipImageCollection.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAGlC,KAAK,gBAAgB,GAAI;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,KAAK,EAAE,CAAA;CAAE,CAAC;AAoDhE,QAAA,MAAM,sBAAsB,sDAAwC,CAAC;AACrE,KAAK,sBAAsB,GAAG,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACxE,eAAe,sBAAsB,CAAC"}

package/dist/modules/parsnip/route-util/slugPageServerLoad.js

@@ -67,10 +67,10 @@ export const slugPageServerLoad = (_a) => __awaiter(void 0, [_a], void 0, functi
         ogImage: imageUrl ? [imageUrl] : undefined
     };
     // process review metadata
-    if ((_b = parsnipEntry.tags) === null || _b === void 0 ? void 0 : _b.includes('food-review')) {
+    if ((_b = parsnipEntry.tags) === null || _b === void 0 ? void 0 : _b.includes("food-review")) {
         // parsnipEntry.foodReviewJson =
         try {
-            const foodReviewResp = yield fetch(`${baseUrl}/${entryMeta.path.replace('.ast.', '.ld.')}`);
+            const foodReviewResp = yield fetch(`${baseUrl}/${entryMeta.path.replace(".ast.", ".ld.")}`);
             parsnipEntry.foodReviewJson = yield foodReviewResp.json();
             parsnipEntry.datePublished = parsnipEntry.foodReviewJson.datePublished;
         }

package/dist/ui/components/MeltToaster/MeltToaster.svelte

@@ -24,7 +24,7 @@
 				if (mutation.type === "childList") {
 					setTimeout(() => {
 						// get all toasterRoot children
-						const children = Array.from(toasterRoot.children);
+						const children = Array.from(toasterRoot.children) as HTMLElement[];
 						children.forEach((child, index) => {
 							const revNum = Math.min(Math.abs(children.length - 1 - index), 5);
 							child.style.setProperty("--toast-index", index.toString());

package/dist/ui/components/NestedNavigation.svelte

@@ -76,7 +76,7 @@
 		{#each layout as site (site.relativeLink)}
 			<!-- todo: add highlighted class when relativeLink === page.url -->
 			<PinyaAccordionItem
-				class="{currentPath === site.relativeLink ? 'highlighted' : ''}"
+				class={currentPath === site.relativeLink ? 'highlighted' : ''}
 				hasNoChild={site.nestedPages.length === 0}
 				pinyaValue={site.relativeLink}>
 				{#snippet control()}

package/dist/ui/components/SocialSection.svelte

@@ -47,10 +47,10 @@
 	} as const;
 
 	let shouldShowExtra = $state(false);
-	const style = `
+	const style = $derived(`
 		--preferred-justify-content: ${isSlot ? "flex-start" : "center"};
 		--preferred-overall-margin-bottom: ${isSlot ? "0" : "0.75lh"};
-	`;
+	`);
 
 	onMount(() => {
 		shouldShowExtra = window.screen.availWidth >= 440;

package/dist/ui/components/randomized-background/RandomizedImage.svelte

@@ -1,6 +1,8 @@
 <!-- TODO: Documentation: consider documentation showcase -->
 
 <script lang="ts">
+	import { untrack } from "svelte";
+
 	let {
 		src,
 		rng
@@ -8,11 +10,11 @@
 		src: string,
 		rng: () => number
 	} = $props();
-	let rotateRandom = rng() * 90 - 45;
+	let rotateRandom = untrack(() => rng() * 90 - 45);
 
-	const paddingLeft = 1 + rng() * 5;
-	const paddingRight = 1 + rng() * 5;
-	const paddingTop = 1 + rng() * 7;
+	const paddingLeft = untrack(() => 1 + rng() * 5);
+	const paddingRight = untrack(() => 1 + rng() * 5);
+	const paddingTop = untrack(() => 1 + rng() * 7);
 </script>
 
 <div
@@ -33,7 +35,7 @@
     }
 
     img {
-		    --randomized-image-size: min(10vw, 10vh);
+        --randomized-image-size: min(10vw, 10vh);
         width: var(--randomized-image-size);
         height: var(--randomized-image-size);
         transform: rotate(var(--rotateRandom));

package/dist/ui/components/randomized-background/RandomizedImage.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RandomizedImage.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/components/randomized-background/RandomizedImage.svelte.ts"],"names":[],"mappings":"AAGC,KAAK,gBAAgB,GAAI;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,MAAM,CAAA;CACjB,CAAC;AAyBH,QAAA,MAAM,eAAe,sDAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}
+{"version":3,"file":"RandomizedImage.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/components/randomized-background/RandomizedImage.svelte.ts"],"names":[],"mappings":"AAKC,KAAK,gBAAgB,GAAI;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,MAAM,CAAA;CACjB,CAAC;AA2BH,QAAA,MAAM,eAAe,sDAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/ui/elements/CodeBlock/CodeBlock.svelte

@@ -32,7 +32,6 @@
 </script>
 
 <script lang="ts">
-	import { onMount } from "svelte";
 	import type { CodeBlockProps } from "./CodeBlockProps";
 
 	let {
@@ -67,6 +66,7 @@
 	class="pinya-code-block {base} {rounded} {shadow} {classes} {preBase} {prePadding} {preClasses}"
 >
 	<!-- Output Shiki's Generated HTML -->
+	<!-- eslint-disable-next-line svelte/no-at-html-tags -->
 	{@html generatedHtml}
 </div>
 

package/dist/ui/elements/CodeBlock/CodeBlock.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/CodeBlock/CodeBlock.svelte.ts"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AA+CvD,kHAAkH;AAClH,QAAA,MAAM,SAAS,oDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
+{"version":3,"file":"CodeBlock.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/CodeBlock/CodeBlock.svelte.ts"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AA+CvD,kHAAkH;AAClH,QAAA,MAAM,SAAS,oDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/ui/elements/CodeBlock/CodeBlockProps.d.ts

@@ -1,8 +1,10 @@
+/** Highlighting language keys supported by CodeBlock (must match langs loaded in CodeBlock.svelte). */
+export type CodeBlockLang = 'console' | 'html' | 'css' | 'js' | 'ts' | 'markdown' | 'xml' | 'svelte' | 'json';
 export interface CodeBlockProps {
     /** Code string to render inside the block. */
     code?: string;
     /** Highlighting language key. */
-    lang?: 'console' | 'html' | 'css' | 'js' | 'ts' | 'markdown' | 'xml' | 'svelte';
+    lang?: CodeBlockLang;
     /** Base wrapper classes. */
     base?: string;
     /** Wrapper rounding classes. */

package/dist/ui/elements/CodeBlock/CodeBlockProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlockProps.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/CodeBlock/CodeBlockProps.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC9B,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,UAAU,GAAG,KAAK,GAAG,QAAQ,CAAC;IAEhF,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yDAAyD;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"CodeBlockProps.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/CodeBlock/CodeBlockProps.ts"],"names":[],"mappings":"AAAA,uGAAuG;AACvG,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,UAAU,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE9G,MAAM,WAAW,cAAc;IAC9B,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yDAAyD;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/ui/elements/pinya-combobox/PinyaCombobox.svelte

@@ -28,16 +28,15 @@
 
 			return undefined;
 		})(),
-		// todo: investigate later why typescript says it's the wrong type?
-		onValueChange: (t: T | SvelteSet<T> | undefined) => {
+		onValueChange: (t) => {
 			if (t instanceof SvelteSet) {
 				if (t.size > 0) {
-					value = [...t];
+					value = [...t] as T[];
 				} else {
 					value = [];
 				}
 			} else if (t) {
-				value = [t];
+				value = [t as T];
 			} else {
 				value = [];
 			}

package/dist/ui/elements/pinya-combobox/PinyaCombobox.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PinyaCombobox.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/pinya-combobox/PinyaCombobox.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AAG7F,iBAAS,QAAQ,CAAC,CAAC,SAAS,MAAM;WAwKL,kBAAkB,CAAC,CAAC,CAAC;;;;;EAAiF;AACnI,cAAM,iBAAiB,CAAC,CAAC,SAAS,MAAM;IACpC,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAChD,MAAM,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IAClD,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAChD,QAAQ;IACR,OAAO;CACV;AAED,UAAU,qBAAqB;IAC3B,KAAK,CAAC,SAAS,MAAM,EAAE,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC3Y,CAAC,CAAC,SAAS,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC1I,YAAY,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;CACjE;AACD;;;;GAIG;AACH,QAAA,MAAM,aAAa,EAAE,qBAAmC,CAAC;AACvC,KAAK,aAAa,CAAC,CAAC,SAAS,MAAM,IAAI,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;AAC/E,eAAe,aAAa,CAAC"}
+{"version":3,"file":"PinyaCombobox.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/pinya-combobox/PinyaCombobox.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AAG7F,iBAAS,QAAQ,CAAC,CAAC,SAAS,MAAM;WAuKL,kBAAkB,CAAC,CAAC,CAAC;;;;;EAAiF;AACnI,cAAM,iBAAiB,CAAC,CAAC,SAAS,MAAM;IACpC,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAChD,MAAM,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IAClD,KAAK,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IAChD,QAAQ;IACR,OAAO;CACV;AAED,UAAU,qBAAqB;IAC3B,KAAK,CAAC,SAAS,MAAM,EAAE,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC3Y,CAAC,CAAC,SAAS,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC1I,YAAY,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;CACjE;AACD;;;;GAIG;AACH,QAAA,MAAM,aAAa,EAAE,qBAAmC,CAAC;AACvC,KAAK,aAAa,CAAC,CAAC,SAAS,MAAM,IAAI,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;AAC/E,eAAe,aAAa,CAAC"}

package/dist/ui/modules/NavigationMenu/LdSchema.d.ts

@@ -0,0 +1,26 @@
+export type FoodReviewJson = LdReview | LdBrand;
+export interface LdReview {
+    "@type": "Review";
+    datePublished: string;
+    reviewRating: {
+        ratingValue: number;
+    };
+    itemReviewed: {
+        url?: string;
+    };
+}
+export interface LdBrand {
+    "@type": "Brand";
+    datePublished: string;
+    url?: string;
+    aggregateRating: {
+        ratingValue: number;
+        reviewCount?: number;
+    };
+    review: LdReview[];
+}
+export declare const LdSchemaUtil: {
+    readonly getReviewRating: (review: FoodReviewJson) => number;
+    readonly getUrl: (review: FoodReviewJson) => string | undefined;
+};
+//# sourceMappingURL=LdSchema.d.ts.map

package/dist/ui/modules/NavigationMenu/LdSchema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LdSchema.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/modules/NavigationMenu/LdSchema.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEhD,MAAM,WAAW,QAAQ;IACxB,OAAO,EAAE,QAAQ,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE;QACb,WAAW,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,YAAY,EAAE;QACb,GAAG,CAAC,EAAE,MAAM,CAAA;KACZ,CAAC;CACF;AAED,MAAM,WAAW,OAAO;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,eAAe,EAAE;QAChB,WAAW,EAAE,MAAM,CAAC;QACpB,WAAW,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,MAAM,EAAE,QAAQ,EAAE,CAAC;CACnB;AAED,eAAO,MAAM,YAAY;uCACE,cAAc,KAAG,MAAM;8BAQhC,cAAc,KAAG,MAAM,GAAG,SAAS;CAO3C,CAAC"}

package/dist/ui/modules/NavigationMenu/LdSchema.js

@@ -0,0 +1,18 @@
+export const LdSchemaUtil = {
+    getReviewRating: (review) => {
+        if (review["@type"] === "Review") {
+            return review.reviewRating.ratingValue;
+        }
+        else { // Brand
+            return review.aggregateRating.ratingValue;
+        }
+    },
+    getUrl: (review) => {
+        if (review["@type"] === "Review") {
+            return review.itemReviewed.url;
+        }
+        else { // Brand
+            return review.url;
+        }
+    }
+};

package/dist/ui/modules/NavigationMenu/NavigationControl.svelte.d.ts

@@ -5,7 +5,7 @@ interface Props {
     selectedTags?: string[];
     queryReady?: boolean;
 }
-declare const NavigationControl: import("svelte").Component<Props, {}, "currentIndex" | "pageSize" | "selectedTags" | "queryReady">;
+declare const NavigationControl: import("svelte").Component<Props, {}, "selectedTags" | "currentIndex" | "pageSize" | "queryReady">;
 type NavigationControl = ReturnType<typeof NavigationControl>;
 export default NavigationControl;
 //# sourceMappingURL=NavigationControl.svelte.d.ts.map

package/dist/ui/modules/NavigationMenu/NavigationMenu.svelte

@@ -8,15 +8,16 @@
 	import { FourPartCard } from "../../components/index";
 	import { PinyaCard } from "../../elements/index";
 	import Placeholder from "../../elements/Placeholder.svelte";
+	import { type FoodReviewJson, LdSchemaUtil } from "../index";
 	import NavigationControl from "./NavigationControl.svelte";
 	import {
 		DefaultPageMetaSorter,
-		type FoodReviewJson,
 		type PageMeta,
 		parsePageMeta,
 		type ParsePageMetaCompareFn
 	} from "./PageMeta";
 	import { renderStar } from "../../../util/util";
+	import { untrack } from "svelte";
 	import { SvelteMap } from "svelte/reactivity";
 
 	interface Props {
@@ -74,33 +75,37 @@
 		return inlineTags.trim().length > 0;
 	})());
 
-	const fileBasedList = parsePageMeta(fileList, jsonList, imageMap, compareFn);
-	const parsnipBasedList = parsnipOverall?.files.map(pf => {
-		let imageUrl = pf.preview;
-		if (imageUrl && !imageUrl.includes("https://")) {
-			imageUrl = `${parsnipOverall.baseUrl}/${pf.preview}`;
+	const pageFlatList = untrack(() => {
+		const fileBasedList = parsePageMeta(fileList, jsonList, imageMap, compareFn);
+		const parsnipBasedList = parsnipOverall?.files.map(pf => {
+			let imageUrl = pf.preview;
+			if (imageUrl && !imageUrl.includes("https://")) {
+				imageUrl = `${parsnipOverall.baseUrl}/${pf.preview}`;
+			}
+			const meta: PageMeta = {
+				title: pf.basename,
+				nestedPages: [],
+				relativeLink: `${parsnipBasePath}${pf.slug}`,
+				tags: pf.tags,
+				imageUrl,
+				imageAlt: pf.previewAlt,
+				datePublished: pf.datePublished ?? pf.stat.ctime ? new Date(pf.stat.ctime).toISOString().split("T")[0] : undefined,
+				lastUpdated: pf.lastUpdated ?? pf.stat.mtime ? new Date(pf.stat.mtime).toISOString().split("T")[0] : undefined,
+				description: pf.tagline,
+				priority: 0
+			};
+			return meta;
+		}) ?? [];
+		const list = fileBasedList.concat(parsnipBasedList);
+
+		if (compareFn) {
+			list.sort(compareFn);
+		} else {
+			list.sort(DefaultPageMetaSorter);
 		}
-		const meta: PageMeta = {
-			title: pf.basename,
-			nestedPages: [],
-			relativeLink: `${parsnipBasePath}${pf.slug}`,
-			tags: pf.tags,
-			imageUrl,
-			imageAlt: pf.previewAlt,
-			datePublished: pf.datePublished ?? pf.stat.ctime ? new Date(pf.stat.ctime).toISOString().split("T")[0] : undefined,
-			lastUpdated: pf.lastUpdated ?? pf.stat.mtime ? new Date(pf.stat.mtime).toISOString().split("T")[0] : undefined,
-			description: pf.tagline,
-			priority: 0
-		};
-		return meta;
-	}) ?? [];
-	const pageFlatList = fileBasedList.concat(parsnipBasedList);
-
-	if (compareFn) {
-		pageFlatList.sort(compareFn);
-	} else {
-		pageFlatList.sort(DefaultPageMetaSorter);
-	}
+
+		return list;
+	});
 
 	const selectedTagsSet = $derived(new Set(selectedTags.map(tag => tag.toLocaleLowerCase())));
 	const filteredPageFlatList = $derived(
@@ -146,7 +151,7 @@
 					fetch(`${parsnipOverall.baseUrl}/${parsnipMetadata.path}`.replaceAll(".ast.", ".ld."))
 						.then(data => data.json())
 						.then((data: FoodReviewJson) => {
-							ratingCache.set(vp.relativeLink, `${renderStar(data.reviewRating.ratingValue)}`);
+							ratingCache.set(vp.relativeLink, `${renderStar(LdSchemaUtil.getReviewRating(data))}`);
 						}).catch(err => {
 						console.warn(err);
 					}).finally(() => {
@@ -344,7 +349,6 @@
     .blurb-text {
         padding-top: 1lh;
         padding-bottom: 1lh;
-        grow: 1;
         white-space: initial;
         min-width: 0;
         display: flex;

package/dist/ui/modules/NavigationMenu/NavigationMenu.svelte.d.ts

@@ -19,7 +19,7 @@ interface Props {
     parsnipOverall?: ParsnipOverall;
     parsnipBasePath?: string;
 }
-declare const NavigationMenu: import("svelte").Component<Props, {}, "currentIndex" | "pageSize" | "selectedTags" | "queryReady">;
+declare const NavigationMenu: import("svelte").Component<Props, {}, "selectedTags" | "currentIndex" | "pageSize" | "queryReady">;
 type NavigationMenu = ReturnType<typeof NavigationMenu>;
 export default NavigationMenu;
 //# sourceMappingURL=NavigationMenu.svelte.d.ts.map

package/dist/ui/modules/NavigationMenu/NavigationMenu.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenu.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/modules/NavigationMenu/NavigationMenu.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAK1E,OAAO,EAKL,KAAK,sBAAsB,EAC3B,MAAM,yCAAyC,CAAC;AAKjD,UAAU,KAAK;IACd,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,SAAS,GAAG,sBAAsB,CAAC;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;CACzB;AA4NF,QAAA,MAAM,cAAc,oGAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"NavigationMenu.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/modules/NavigationMenu/NavigationMenu.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAM1E,OAAO,EAIL,KAAK,sBAAsB,EAC3B,MAAM,yCAAyC,CAAC;AAMjD,UAAU,KAAK;IACd,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,SAAS,GAAG,sBAAsB,CAAC;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;CACzB;AAkOF,QAAA,MAAM,cAAc,oGAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/ui/modules/NavigationMenu/PageMeta.d.ts

@@ -1,13 +1,5 @@
 import type { ParsnipOverall } from "../../../modules/parsnip/ParsnipOverall";
-export interface FoodReviewJson {
-    datePublished: string;
-    reviewRating: {
-        ratingValue: number;
-    };
-    itemReviewed: {
-        url: string;
-    };
-}
+import type { FoodReviewJson } from "../index";
 export interface PageMeta {
     datePublished?: string;
     description?: string;

package/dist/ui/modules/NavigationMenu/PageMeta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageMeta.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/modules/NavigationMenu/PageMeta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAG1E,MAAM,WAAW,cAAc;IAC9B,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE;QACb,WAAW,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,YAAY,EAAE;QACb,GAAG,EAAE,MAAM,CAAA;KACX,CAAC;CACF;AAED,MAAM,WAAW,QAAQ;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;;;;;;;;;;OAgBG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,QAAQ,EAAE,CAAC;IAExB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,MAAM,EAAE,CAAC;IAEf;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,cAAc,CAAC;CAChC;AAED,MAAM,WAAW,cAAc;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;;;;;;;;;;OAgBG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,MAAM,EAAE,CAAC;IAEf;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,cAAc,CAAC;CAChC;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,YAAY,QAAQ,EAAE,EAAE,OAAO,QAAQ,KAAG,OAiB5E,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC;AAE5E,eAAO,MAAM,aAAa,GAAI,UAAU,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAChD,UAAU,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACjC,UAAU,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,EAC7B,YAAY,sBAAsB,KAAG,QAAQ,EAoG3D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,MAAM;IACzC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,sBAAsB,CAAC;IACnC,cAAc,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IAC5C,eAAe,CAAC,EAAE,MAAM,CAAC;CACzB,KAAG,QAAQ,EA8CX,CAAC;AAKF;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,EAAE,sBA6BnC,CAAC"}
+{"version":3,"file":"PageMeta.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/modules/NavigationMenu/PageMeta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAG5D,MAAM,WAAW,QAAQ;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;;;;;;;;;;OAgBG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,QAAQ,EAAE,CAAC;IAExB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,MAAM,EAAE,CAAC;IAEf;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,cAAc,CAAC;CAChC;AAED,MAAM,WAAW,cAAc;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;;;;;;;;;;OAgBG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,MAAM,EAAE,CAAC;IAEf;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,cAAc,CAAC;CAChC;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,YAAY,QAAQ,EAAE,EAAE,OAAO,QAAQ,KAAG,OAiB5E,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC;AAE5E,eAAO,MAAM,aAAa,GAAI,UAAU,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAChD,UAAU,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACjC,UAAU,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,EAC7B,YAAY,sBAAsB,KAAG,QAAQ,EAoG3D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,MAAM;IACzC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,sBAAsB,CAAC;IACnC,cAAc,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IAC5C,eAAe,CAAC,EAAE,MAAM,CAAC;CACzB,KAAG,QAAQ,EA8CX,CAAC;AAKF;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,EAAE,sBA6BnC,CAAC"}

package/dist/ui/modules/NavigationMenu/PageMeta.js

@@ -40,7 +40,7 @@ export const parsePageMeta = (fileList, jsonList, imageMap, compareFn) => {
         }
     });
     for (const path in fileList) {
-        if (path.includes('[...')) {
+        if (path.includes("[...")) {
             continue;
         }
         const pathEnd = path.split("../").pop();

package/dist/ui/modules/NavigationMenu/index.d.ts

@@ -1,3 +1,4 @@
 export { default as NavigationMenu } from "./NavigationMenu.svelte";
+export * from "./LdSchema";
 export * from "./PageMeta";
 //# sourceMappingURL=index.d.ts.map

package/dist/ui/modules/NavigationMenu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/modules/NavigationMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/modules/NavigationMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC"}

package/dist/ui/modules/NavigationMenu/index.js

@@ -1,2 +1,3 @@
 export { default as NavigationMenu } from "./NavigationMenu.svelte";
+export * from "./LdSchema";
 export * from "./PageMeta";

package/dist/ui/modules/universal-overlay/DialogPanel.svelte

@@ -6,7 +6,10 @@ Layout and logic for DialogPanel. Some of the logics for the portraits are in Un
 
 <script lang="ts">
 	import { dialogManager } from "../../../components/dialog_manager/DialogManager";
-	import { getAutoScrollPrefContext, getTextSpeedContext } from "../../../util/context/pineappleBaseContextDefinitions.svelte";
+	import {
+		getAutoScrollPrefContext,
+		getTextSpeedContext
+	} from "../../../util/context/pineappleBaseContextDefinitions.svelte";
 	import { onMount, tick } from "svelte";
 
 	let currentMessage = $state("");
@@ -14,6 +17,7 @@ Layout and logic for DialogPanel. Some of the logics for the portraits are in Un
 	let autoScrollPrefContext = getAutoScrollPrefContext();
 	let dialogPanelElement: HTMLDivElement | null = null;
 	let shouldStickToBottom = true;
+	let divRole = $state<"button" | undefined>();
 
 	const onDialogClick = () => {
 		dialogManager?.skipAnimation();
@@ -34,14 +38,20 @@ Layout and logic for DialogPanel. Some of the logics for the portraits are in Un
 			currentMessage = value;
 		});
 
+		dialogManager.isDoneTransitionWritable.subscribe(value => {
+			divRole = value ? undefined : "button";
+		});
+
 		dialogManager.update(0);
 	});
 
 	$effect(() => {
-		dialogManager.setUpdateRate((16*10) - (textSpeedContext.value*16));
+		dialogManager.setUpdateRate((16 * 10) - (textSpeedContext.value * 16));
 	});
 
 	$effect(() => {
+		// funny loner variable below cause we want to trigger everything below when it changes
+		// eslint-disable-next-line @typescript-eslint/no-unused-expressions
 		currentMessage;
 
 		tick().then(() => {
@@ -54,13 +64,21 @@ Layout and logic for DialogPanel. Some of the logics for the portraits are in Un
 	});
 </script>
 
+<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
 <div
-	tabindex="0"
-	role="button"
+	tabindex={divRole === "button" ? 0 : undefined}
+	role={divRole}
+	aria-label={divRole === "button" ? "Skip text animation" : undefined}
 	id="dialog-panel"
 	bind:this={dialogPanelElement}
 	onclick={onDialogClick}
 	onscroll={onDialogScroll}
+	onkeydown={(e) => {
+		if (e.key === "Enter" || e.key === " ") {
+			e.preventDefault();
+			onDialogClick();
+		}
+	}}
 	onkeyup={(e) => {
 		if (e.key === "j") {
 			onDialogClick();
@@ -70,44 +88,45 @@ Layout and logic for DialogPanel. Some of the logics for the portraits are in Un
 	<!-- Made for 140 characters, like the original tweets -->
 	<!-- eslint-disable-next-line svelte/no-at-html-tags -->
 	<div id="reverse-dialog-wrapper">
+		<!-- eslint-disable-next-line svelte/no-at-html-tags -->
 		{@html currentMessage}
 	</div>
 </div>
 
 <style>
-	:global {
-		:root {
-			--color-dialog-bold: #6b8499;
-			--color-dialog-italic: #a55332;
-		}
-
-		html.dark {
-			--color-dialog-bold: #85a1b6;
-			--color-dialog-italic: #f7b67c;
-		}
-
-		#reverse-dialog-wrapper {
-			width: 100%;
-		}
-
-		#dialog-panel {
-			overflow: auto;
-			display: block;
-
-			img,
-			video {
-				max-height: 3lh;
-				display: inline;
-			}
-
-			b {
-				font-weight: bolder;
-				color: var(--color-dialog-bold);
-			}
-
-			i {
-				color: var(--color-dialog-italic);
-			}
-		}
-	}
+    :global {
+        :root {
+            --color-dialog-bold: #6b8499;
+            --color-dialog-italic: #a55332;
+        }
+
+        html.dark {
+            --color-dialog-bold: #85a1b6;
+            --color-dialog-italic: #f7b67c;
+        }
+
+        #reverse-dialog-wrapper {
+            width: 100%;
+        }
+
+        #dialog-panel {
+            overflow: auto;
+            display: block;
+
+            img,
+            video {
+                max-height: 3lh;
+                display: inline;
+            }
+
+            b {
+                font-weight: bolder;
+                color: var(--color-dialog-bold);
+            }
+
+            i {
+                color: var(--color-dialog-italic);
+            }
+        }
+    }
 </style>

package/dist/ui/modules/universal-overlay/DialogPanel.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogPanel.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/modules/universal-overlay/DialogPanel.svelte.ts"],"names":[],"mappings":"AA6EA,4GAA4G;AAC5G,QAAA,MAAM,WAAW,2DAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"DialogPanel.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/modules/universal-overlay/DialogPanel.svelte.ts"],"names":[],"mappings":"AA8FA,4GAA4G;AAC5G,QAAA,MAAM,WAAW,2DAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/ui/templates/SeaweedLayout/EntryGroup.svelte

@@ -7,7 +7,7 @@
 	import type { ProjectGroup, SnippetMeta } from "./";
 	import { SectionType } from "./props";
 	import { getCommitDate } from "../../../util/getCommitDate";
-	import { onMount } from "svelte";
+	import { onMount, untrack } from "svelte";
 
 	let {
 		title,
@@ -21,7 +21,7 @@
 	}: ProjectGroup = $props();
 
 	// State — resolvedEntryList allows date overrides after fetching from GitHub
-	let resolvedEntryList = $state<SnippetMeta[]>([...entryList]);
+	let resolvedEntryList = $state<SnippetMeta[]>(untrack(() => [...entryList]));
 	let selectedTags = $state<string[]>([]);
 	let sortBy = $state<string[]>(["default"]);
 	let isExpanded = $state(false);

package/dist/ui/templates/SeaweedLayout/ProjectGroupConfig.svelte

@@ -8,6 +8,7 @@
 	import { PinyaCard } from "../../elements/PinyaCard";
 	import type { ProjectGroup, SnippetMeta } from "./";
 	import { addToast } from "../../components/MeltToaster/MeltToaster.svelte";
+	import { untrack } from "svelte";
 
 	interface Props {
 		layout: ProjectGroup[];
@@ -95,12 +96,12 @@
 		};
 	};
 
-	const comboboxData = allEntries.map(entry => {
+	const comboboxData = untrack(() => allEntries.map(entry => {
 		return {
 			label: entry.key,
 			value: entry.key
 		};
-	});
+	}));
 
 	let comboboxValue = $state([comboboxData[0].value]);
 

package/dist/ui/templates/SeaweedLayout/ProjectGroupConfig.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectGroupConfig.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/ProjectGroupConfig.svelte.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAIhF,UAAU,KAAK;IACd,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,WAAW,EAAE,CAAC;IAC1B,KAAK,EAAE,YAAY,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACnB;AAkMF,QAAA,MAAM,kBAAkB,8DAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"ProjectGroupConfig.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/ProjectGroupConfig.svelte.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAKhF,UAAU,KAAK;IACd,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,WAAW,EAAE,CAAC;IAC1B,KAAK,EAAE,YAAY,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACnB;AAmMF,QAAA,MAAM,kBAAkB,8DAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}

package/dist/ui/templates/SeaweedLayout/SeaweedLayout.svelte

@@ -10,7 +10,7 @@
 	import ChumBucket from "./ChumBucket.svelte";
 	import EntryGroup from "./EntryGroup.svelte";
 	import EntryOrderConfig from "./EntryOrderConfig.svelte";
-	import { onDestroy, onMount } from "svelte";
+	import { onDestroy, onMount, untrack } from "svelte";
 	import { SvelteMap } from "svelte/reactivity";
 	import { fly } from "svelte/transition";
 	import { TextChip } from "../../elements/TextChip";
@@ -32,11 +32,11 @@
 		linkedinRemoteQuery
 	}: SeaweedLayoutProps = $props();
 
-	let actualLayout = $state(layout);
+	let actualLayout = $state(untrack(() => layout));
 	let isAdvanceSettingOn = $state(false);
 	let orderUrl = $state("");
 
-	let queryStates = new SvelteMap<string, boolean>(queryTerms.map(term => [term, true]));
+	let queryStates = new SvelteMap<string, boolean>(untrack(() => queryTerms.map(term => [term, true])));
 	let styleStr = $state("");
 	let queryQt = $derived.by(() => {
 		const qtArr = [...queryStates.entries()
@@ -176,12 +176,7 @@
 			filterSearchParams(page.url.searchParams);
 		}
 
-		/**
-		 * Get the computed font size of an element in pixels.
-		 * @param {HTMLElement} element The DOM element to check.
-		 * @returns {number} The font size in pixels as a number.
-		 */
-		function getElementFontSize(element) {
+		const getElementFontSize = (element: HTMLElement) => {
 			// Use window.getComputedStyle() to get all resolved CSS properties.
 			const computedStyle = window.getComputedStyle(element);
 			// Get the 'font-size' property value (which will be in 'px').
@@ -219,6 +214,7 @@
 </script>
 
 <svelte:head>
+	<!-- eslint-disable-next-line svelte/no-at-html-tags -->
 	{@html styleStr}
 </svelte:head>
 

package/dist/ui/templates/SeaweedLayout/SeaweedLayout.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SeaweedLayout.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/SeaweedLayout.svelte.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAgB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAuThE,QAAA,MAAM,aAAa,wDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"SeaweedLayout.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/SeaweedLayout.svelte.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAgB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAmThE,QAAA,MAAM,aAAa,wDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/ui/templates/blog_template/BlogTemplate.svelte

@@ -3,13 +3,13 @@
 <script lang="ts">
 	import "./blog-template.css";
 	import { browser } from "$app/environment";
+	import { enableUniversalOverlaySvelte4 } from "../../../components/dialog_manager/DialogManagerStore";
+	import type { SimplePageMeta } from "../../modules/NavigationMenu/index";
+	import BlogTemplateInner from "./BlogTemplateInner.svelte";
+	import { appState } from "../PinyaPageLayout/pinyaPageLayoutRunes.svelte.js";
 	import { setIgnoreOverlayOverride } from "../../../util/context/pineappleBaseContextDefinitions.svelte";
 	import { onDestroy, onMount, type Snippet } from "svelte";
-	import BlogTemplateInner from "./BlogTemplateInner.svelte";
-	import type { SimplePageMeta } from "../../modules/NavigationMenu/index";
-	import { enableUniversalOverlaySvelte4 } from "../../../components/dialog_manager/DialogManagerStore";
 	import PinyaCard from "../../elements/PinyaCard/PinyaCard.svelte";
-	import { appState } from "../PinyaPageLayout/pinyaPageLayoutRunes.svelte.js";
 
 	// grab page meta from the adjacent meta.json
 	interface Props {
@@ -44,7 +44,9 @@
 		}
 	});
 
-	appState.bgOpacity = shouldFillWholePage ? 0.2 : 1;
+	$effect(() => {
+		appState.bgOpacity = shouldFillWholePage ? 0.2 : 1;
+	});
 </script>
 
 {#if shouldFillWholePage}
@@ -71,7 +73,7 @@
 
     :global(.blog-template) {
         max-width: 64em;
-		    width: 100%;
+        width: 100%;
         margin: auto;
     }
 </style>

package/dist/ui/templates/blog_template/BlogTemplate.svelte.d.ts

@@ -1,6 +1,6 @@
 import "./blog-template.css";
-import { type Snippet } from "svelte";
 import type { SimplePageMeta } from "../../modules/NavigationMenu/index";
+import { type Snippet } from "svelte";
 interface Props {
     pageMeta: SimplePageMeta;
     shouldFillWholePage?: boolean;

package/dist/ui/templates/blog_template/BlogTemplate.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlogTemplate.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/blog_template/BlogTemplate.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,qBAAqB,CAAC;AAG7B,OAAO,EAAsB,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAE1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAO1E,UAAU,KAAK;IACd,QAAQ,EAAE,cAAc,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AA4DF,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
+{"version":3,"file":"BlogTemplate.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/blog_template/BlogTemplate.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,qBAAqB,CAAC;AAG7B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAI3E,OAAO,EAAsB,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAKzD,UAAU,KAAK;IACd,QAAQ,EAAE,cAAc,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AA8DF,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/ui/templates/blog_template/BlogTemplateInner.svelte

@@ -2,7 +2,7 @@
 
 <script lang="ts">
 	import { localizeHref } from "../../../external/paraglide/runtime.js";
-	import type { SimplePageMeta } from "../../modules/NavigationMenu/index";
+	import { LdSchemaUtil, type SimplePageMeta } from "../../modules/NavigationMenu/index";
 	import { getWebBaseUrl } from "../../../util/env-getter";
 	import { renderStar } from "../../../util/util";
 	import { SvelteURLSearchParams } from "svelte/reactivity";
@@ -22,7 +22,10 @@
 	});
 
 	// todo: improve graphics lol
-	let ratingsRenderer = $derived(renderStar(pageMeta.foodReviewJson?.reviewRating.ratingValue ?? 1));
+	let ratingsRenderer = $derived(pageMeta.foodReviewJson
+		? renderStar(LdSchemaUtil.getReviewRating(pageMeta.foodReviewJson))
+		: 0
+	);
 </script>
 
 <article>
@@ -42,11 +45,11 @@
 					Ratings: {ratingsRenderer}
 				</p>
 			{/if}
-			{#if pageMeta.foodReviewJson?.itemReviewed.url}
+			{#if pageMeta.foodReviewJson && LdSchemaUtil.getUrl(pageMeta.foodReviewJson)}
 				<p>
-					<a href={pageMeta.foodReviewJson.itemReviewed.url}
+					<a href={LdSchemaUtil.getUrl(pageMeta.foodReviewJson)}
 					   rel="external"
-					   target="_blank">{pageMeta.foodReviewJson?.itemReviewed.url}</a>
+					   target="_blank">{LdSchemaUtil.getUrl(pageMeta.foodReviewJson)}</a>
 				</p>
 			{/if}
 			{#if pageMeta.tags.length > 0}

package/dist/ui/templates/blog_template/BlogTemplateInner.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { SimplePageMeta } from "../../modules/NavigationMenu/index";
+import { type SimplePageMeta } from "../../modules/NavigationMenu/index";
 interface Props {
     pageMeta: SimplePageMeta;
     children?: import("svelte").Snippet;

package/dist/ui/templates/blog_template/BlogTemplateInner.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlogTemplateInner.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/blog_template/BlogTemplateInner.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAM1E,UAAU,KAAK;IACd,QAAQ,EAAE,cAAc,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;CACpC;AAkEF,QAAA,MAAM,iBAAiB,2CAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"BlogTemplateInner.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/blog_template/BlogTemplateInner.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,EAAgB,KAAK,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAMxF,UAAU,KAAK;IACd,QAAQ,EAAE,cAAc,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;CACpC;AAqEF,QAAA,MAAM,iBAAiB,2CAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@turnipxenon/pineapple",
   "description": "personal package for base styling for other personal projects",
-  "version": "5.3.3",
+  "version": "5.3.4",
   "devDependencies": {
     "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^19.8.1",
@@ -129,6 +129,8 @@
     "package": "svelte-kit sync && svelte-package && publint",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "check-baseline": "bash scripts/check-baseline.sh",
+    "check-snapshot": "bash scripts/update-check-snapshot.sh",
     "lint": "eslint .",
     "format": "prettier --plugin-search-dir . --write .",
     "generate": "npx vite-node src/routes/blogs/blog_list_data_generator.ts && npx vite-node src/routes/toyay/toya_files_generator.ts && npm run generate-yarn",