@turnipxenon/pineapple 5.3.3 → 5.3.5

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.5",
   "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",