@turnipxenon/pineapple 5.0.0-alpha.9 → 5.1.0

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

@@ -1,32 +1,35 @@
 <!-- TODO: Documentation: consider documentation showcase -->
 
 <script lang="ts">
-	import { fly } from "svelte/transition";
-	import type { ProjectGroup, SeaweedLayoutProps } from "./props";
-	import ChumBucket from "./ChumBucket.svelte";
-	import { default as PinyaPageLayout } from "../PinyaPageLayout/PinyaPageLayout.svelte";
+	import { browser } from "$app/environment";
+	import { page } from "$app/state";
 	import { default as SocialSection } from "../../components/SocialSection.svelte";
-	import EntryGroup from "./EntryGroup.svelte";
-	import PineappleSwitch from "../../elements/PineappleSwitch.svelte";
 	import { CodeBlock } from "../../elements/CodeBlock";
-	import { TextChip } from "../../elements/TextChip";
-	import { SvelteMap } from "svelte/reactivity";
+	import PineappleSwitch from "../../elements/PineappleSwitch.svelte";
+	import { default as PinyaPageLayout } from "../PinyaPageLayout/PinyaPageLayout.svelte";
+	import ChumBucket from "./ChumBucket.svelte";
+	import EntryGroup from "./EntryGroup.svelte";
 	import EntryOrderConfig from "./EntryOrderConfig.svelte";
+	import { onDestroy, onMount } from "svelte";
+	import { SvelteMap } from "svelte/reactivity";
+	import { fly } from "svelte/transition";
+	import { TextChip } from "../../elements/TextChip";
 	import CreateUrlForm from "./CreateUrlForm.svelte";
-	import { onMount } from "svelte";
-	import { page } from "$app/state";
+	import type { ProjectGroup, SeaweedLayoutProps } from "./props";
 
 	let {
-		email,
-		linkedinSlug,
-		children,
-		sideSection,
+		email = "",
+		linkedinSlug = "",
+		children = undefined,
+		sideSection = undefined,
 		entryList, // todo
 		layout, // todo
 		domain = "http://localhost:5173/seaweed2",
 		queryTerms,
 		showMiniSocial = false,
-		serverParams = ""
+		serverParams = "",
+		emailRemoteQuery,
+		linkedinRemoteQuery
 	}: SeaweedLayoutProps = $props();
 
 	let actualLayout = $state(layout);
@@ -64,15 +67,29 @@
 				termList.push(qtTerm);
 				chipList.push(`.text-chip${qtTerm}`);
 			});
+		// language=HTML
 		styleStr = `<style>
 			${termList.join(", ")} {
 				font-weight: bolder;
-				color: var(--color-secondary-400);
+
+				&:not(.chip) {
+					color: var(--color-secondary-500);
+				}
+			}
+
+			html.dark {
+				${termList.join(", ")} {
+					font-weight: bolder;
+
+					&:not(.chip) {
+						color: var(--color-secondary-200);
+					}
+				}
 			}
 
 			${chipList.join(", ")} {
 				background-color: var(--color-secondary-500) /* oklch(55.6% 0 0deg) = #737373 */;
-				color: var(--color-secondary-contrast-500) /* var(--color-secondary-contrast-light) */;
+				color: #FFF5EFFF /* var(--color-secondary-contrast-light) */;
 			}
 			</style>`;
 	});
@@ -150,12 +167,57 @@
 		// endregion Bold terms
 	};
 
+	let upperSectionWrapper: HTMLDivElement | undefined = $state();
+	let resizeObserver: ResizeObserver | undefined = $state();
+	let isMobile = $state(false);
+	let isVeryNarrow = $state(false);
+
 	onMount(() => {
 		if (serverParams) {
 			filterSearchParams(new URLSearchParams(serverParams));
 		} else if (page.url.searchParams.size) {
 			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) {
+			// 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').
+			const fontSizeInPx = computedStyle.getPropertyValue("font-size");
+			// Parse the pixel value string (e.g., "16px") to a floating-point number.
+			return parseFloat(fontSizeInPx);
+		}
+
+		// code has to be below filterSearchParams!
+		if (browser && document.body) {
+			// Create a new ResizeObserver instance
+			resizeObserver = new ResizeObserver(entries => {
+				for (const entry of entries) {
+					// Log the new dimensions or perform other actions
+					const { width } = entry.contentRect; // or entry.borderBoxSize
+					const emWidth = width / getElementFontSize(document.body);
+
+					// 26em (about) + 50em (experience) + 2em (margin)
+					isMobile = emWidth < 79;
+					// magic number
+					isVeryNarrow = emWidth < 44;
+				}
+			});
+
+			// Start observing the target element
+			resizeObserver.observe(document.body);
+		}
+	});
+
+	onDestroy(() => {
+		if (browser && resizeObserver) {
+			resizeObserver.disconnect();
+		}
 	});
 </script>
 
@@ -165,10 +227,7 @@
 
 
 {#snippet socialSection()}
-	<SocialSection
-		email={email}
-		linkedinSlug={linkedinSlug}
-	/>
+	<SocialSection {emailRemoteQuery} {linkedinRemoteQuery} />
 {/snippet}
 <PinyaPageLayout appBardEndStyle="classic">
 	{#snippet appBarLead()}
@@ -179,29 +238,46 @@
 			>
 				<SocialSection
 					isSmallVersion={true}
-					email={email}
-					linkedinSlug={linkedinSlug}
+					{emailRemoteQuery}
+					{linkedinRemoteQuery}
 				/>
 			</div>
 		{/if}
 	{/snippet}
 
-	<div id="upper-section">
-
-		<div class="upper-section-start">
-			{@render sideSection(socialSection)}
+	{#if sideSection || children}
+		<div
+			id="upper-section"
+			bind:this={upperSectionWrapper}
+			class="upper-section-style"
+			class:is-mobile={isMobile}
+			class:is-very-narrow={isVeryNarrow}
+		>
+			{#if sideSection}
+				<div class="upper-section-start">
+					{@render sideSection(socialSection)}
+				</div>
+			{/if}
+
+			{#if children}
+				<div class="upper-section-end">
+					{@render children()}
+				</div>
+			{/if}
+
+			{#if actualLayout.length > 0}
+				<EntryGroup {...actualLayout[0]} />
+			{/if}
 		</div>
-
-		<div class="upper-section-end">
-			{@render children()}
-		</div>
-	</div>
+	{/if}
 
 	<!--todo: render list #migration-->
-	{#each actualLayout as group (group.title)}
-		<EntryGroup
-			{...group}
-		/>
+	{#each actualLayout as group, idx (group.title)}
+		{#if idx !== 0}
+			<EntryGroup
+				{...group}
+			/>
+		{/if}
 	{/each}
 
 	{#snippet footer()}
@@ -274,12 +350,80 @@
         border-top: 2px solid var(--color-footer-border);
     }
 
-    #upper-section {
-        display: flex;
-        flex-direction: row;
-        flex-wrap: wrap;
-        gap: 2rem;
-        justify-content: center;
+    :global {
+        #upper-section {
+            display: flex;
+            flex-direction: row;
+            flex-wrap: wrap;
+            gap: 2rem;
+            justify-content: center;
+
+            &.is-mobile {
+                justify-content: stretch;
+
+                .upper-section-start, .entry-group-wrapper {
+                    width: 100%;
+                    max-width: 64em;
+                    margin: auto;
+                    flex: unset;
+                }
+
+                .normal-project-container {
+                    justify-content: stretch;
+
+                    > .pinya-card {
+                        max-width: calc(60em);
+                    }
+                }
+            }
+
+            .upper-section-start {
+                flex-basis: 26em;
+            }
+
+            .entry-group-wrapper {
+                width: unset;
+                max-width: 64em;
+                flex: 1;
+
+                .group-header {
+                    max-width: 64em;
+                }
+
+                .normal-project-container {
+                    justify-content: stretch;
+                    flex-direction: column;
+
+                    > .pinya-card {
+                        max-width: 64em;
+                    }
+
+                    > .pinya-four-part-card > section {
+                        .card-header-cover {
+                            flex: 1 1 12em;
+
+                            & > * {
+                                border-radius: var(--radius-xl);
+                                border-bottom-left-radius: var(--radius-xl);
+                                border-top-left-radius: var(--radius-xl);
+                            }
+                        }
+
+                        .card-content {
+                            padding-bottom: 1lh;
+                            flex: 9999 1 26em;
+                        }
+
+                        display: flex;
+                        flex-direction: row;
+                        flex-wrap: wrap;
+                        justify-content: stretch;
+                        align-items: stretch;
+                        margin: 0;
+                    }
+                }
+            }
+        }
     }
 
     .query-term-grid {
@@ -290,7 +434,7 @@
     }
 
     .advanced-setting {
-		    margin-left: 1em;
-		    margin-right: 1em;
+        margin-left: 1em;
+        margin-right: 1em;
     }
 </style>

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":"AAIA,OAAO,KAAK,EAAgB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AA6PhE,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;AA0ThE,QAAA,MAAM,aAAa,wDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/ui/templates/SeaweedLayout/props.d.ts

@@ -1,28 +1,44 @@
+import type { RevealInfoRecord } from "../../../components/reveal-info/RevealInfoCollection";
 import type { Snippet } from "svelte";
 import type { ProjectComponentProps } from "./";
+import type { SvelteSet } from "svelte/reactivity";
 type ComponentSnippet = Snippet<[ProjectComponentProps]>;
+export declare enum SectionType {
+    Experience = "experience",
+    Projects = "projects"
+}
 export interface SnippetMeta {
     key: string;
     component: ComponentSnippet;
+    dateStarted?: Date | string;
+    dateFinished?: Date | string;
+    tags?: string[];
 }
 export interface ProjectGroup {
     key: string;
     title: string;
     entryList: SnippetMeta[];
     projectComponentProps?: ProjectComponentProps;
+    sectionType?: SectionType;
+    showFilter?: boolean;
+    showSort?: boolean;
+    showMoreLimit?: number;
 }
 export interface SeaweedLayoutProps {
     name: string;
     email: string;
     linkedinSlug: string;
     domain: string;
-    sideSection: Snippet<[Snippet]>;
-    children: Snippet;
+    sideSection?: Snippet<[Snippet]>;
+    children?: Snippet;
     entryList: SnippetMeta[];
     layout: ProjectGroup[];
     queryTerms: string[];
     showMiniSocial?: boolean;
     serverParams?: string;
+    emailRemoteQuery?: RevealInfoRecord;
+    linkedinRemoteQuery?: RevealInfoRecord;
 }
+export declare const getQueryTermContext: () => SvelteSet<string>, setQueryTermContext: (context: SvelteSet<string>) => SvelteSet<string>;
 export {};
 //# sourceMappingURL=props.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAE7E,KAAK,gBAAgB,GAAG,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC;AAEzD,MAAM,WAAW,WAAW;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,gBAAgB,CAAC;CAC5B;AAED,MAAM,WAAW,YAAY;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC9C;AAED,MAAM,WAAW,kBAAkB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAElB,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kDAAkD,CAAC;AACzF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAE7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,KAAK,gBAAgB,GAAG,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC;AAEzD,oBAAY,WAAW;IACtB,UAAU,eAAe;IACzB,QAAQ,aAAa;CACrB;AAED,MAAM,WAAW,WAAW;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,gBAAgB,CAAC;IAE5B,WAAW,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;CAChB;AAED,MAAM,WAAW,YAAY;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAE9C,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,kBAAkB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,mBAAmB,CAAC,EAAE,gBAAgB,CAAC;CACvC;AAGD,eAAO,MAAO,mBAAmB,2BAAE,mBAAmB,mDAAsC,CAAC"}

package/dist/ui/templates/SeaweedLayout/props.js

@@ -1 +1,8 @@
-export {};
+import { createContext } from 'svelte';
+export var SectionType;
+(function (SectionType) {
+    SectionType["Experience"] = "experience";
+    SectionType["Projects"] = "projects";
+})(SectionType || (SectionType = {}));
+/* A list of terms to be prepended with qt- later */
+export const [getQueryTermContext, setQueryTermContext] = createContext();

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

@@ -2,6 +2,7 @@
 
 <script lang="ts">
 	import "./blog-template.css";
+	import { browser } from "$app/environment";
 	import { setIgnoreOverlayOverride } from "../../../util/context/pineappleBaseContextDefinitions.svelte";
 	import { onDestroy, onMount, type Snippet } from "svelte";
 	import BlogTemplateInner from "./BlogTemplateInner.svelte";
@@ -37,8 +38,10 @@
 	});
 
 	onDestroy(() => {
-		appState.bgOpacity = 1;
-		enableUniversalOverlaySvelte4.set(initialDialogState);
+		if (browser) {
+			appState.bgOpacity = 1;
+			enableUniversalOverlaySvelte4.set(initialDialogState);
+		}
 	});
 
 	appState.bgOpacity = shouldFillWholePage ? 0.2 : 1;

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;AAE7B,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;AAyDF,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,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"}

package/dist/ui/templates/pinya-base/PinyaBase.svelte

@@ -1,23 +1,39 @@
 <script lang="ts">
 	import { page } from "$app/state";
+	import { type PageMeta, parsePageMetaNested } from "../../..";
 	import WebThumbnailImage from "../../../assets/placeholder/placeholder_circle.png";
 	import { locales, localizeHref } from "../../../external/paraglide/runtime";
 	import "../../../styles/global.css";
+	import type { ParsnipOverall } from "../../../modules/parsnip/ParsnipOverall";
 	import MeltToaster from "../../components/MeltToaster/MeltToaster.svelte";
 	import type { PinyaHead } from "./pinyaBaseRunes.svelte.js";
 	import PineappleBaseContext from "../../../util/context/PineappleBaseContext.svelte";
+	import { setSiteLayout } from "../../../util/context/pineappleBaseContextDefinitions.svelte";
+	import type { RemoteQueryFunction } from "@sveltejs/kit";
 	import { ModeWatcher } from "mode-watcher";
 	import "../../../styles/app.css";
+	import { onMount, type Snippet } from "svelte";
 	import { Modals } from "svelte-modals";
 
-	let { children } = $props();
+	let { children, fileList = {}, jsonList = {}, parsnipBasePath = "/pineapple", getParsnipDataRemote }
+		: {
+		children: Snippet,
+		fileList?: Record<string, () => Promise<unknown>>,
+		jsonList?: Record<string, unknown>,
+		getParsnipDataRemote?: RemoteQueryFunction<void, {
+			parsnipOverall: ParsnipOverall
+		} | {
+			parsnipOverall?: undefined
+		}>,
+		parsnipBasePath?: string
+	} = $props();
 
 	// https://github.com/sveltejs/kit/issues/1540#issuecomment-2029016082
 	const meta: PinyaHead = ({
 		rootUrl: "http://localhost:5173",
-		title: "Welcome to my portfolio",
-		ogTitle: "Turnip time!",
-		ogDescription: "Welcome to Turnip's test portfolio",
+		title: "Pineapple",
+		ogTitle: "Pineapple",
+		ogDescription: "Pineapple is my personal UI component library",
 		ogImage: [WebThumbnailImage],
 		...(page.data?.meta ?? []) // override
 	});
@@ -31,6 +47,31 @@
 
 		return img;
 	}) ?? []);
+
+
+	let fileBasedList = $state<PageMeta[]>([]);
+	setSiteLayout(fileBasedList);
+
+	onMount(() => {
+		getParsnipDataRemote?.().then(data => {
+			fileBasedList.push(...parsePageMetaNested({
+				fileList,
+				jsonList,
+				imageMap: new Map<string, string>(),
+				parsnipOverall: data.parsnipOverall,
+				parsnipBasePath
+			}));
+		});
+
+		if (!getParsnipDataRemote) {
+			fileBasedList.push(...parsePageMetaNested({
+				fileList,
+				jsonList,
+				imageMap: new Map<string, string>(),
+				parsnipBasePath
+			}));
+		}
+	});
 </script>
 
 <PineappleBaseContext>

package/dist/ui/templates/pinya-base/PinyaBase.svelte.d.ts

@@ -1,8 +1,20 @@
 import "../../../styles/global.css";
+import type { ParsnipOverall } from "../../../modules/parsnip/ParsnipOverall";
+import type { RemoteQueryFunction } from "@sveltejs/kit";
 import "../../../styles/app.css";
-declare const PinyaBase: import("svelte").Component<{
-    children: any;
-}, {}, "">;
+import { type Snippet } from "svelte";
+type $$ComponentProps = {
+    children: Snippet;
+    fileList?: Record<string, () => Promise<unknown>>;
+    jsonList?: Record<string, unknown>;
+    getParsnipDataRemote?: RemoteQueryFunction<void, {
+        parsnipOverall: ParsnipOverall;
+    } | {
+        parsnipOverall?: undefined;
+    }>;
+    parsnipBasePath?: string;
+};
+declare const PinyaBase: import("svelte").Component<$$ComponentProps, {}, "">;
 type PinyaBase = ReturnType<typeof PinyaBase>;
 export default PinyaBase;
 //# sourceMappingURL=PinyaBase.svelte.d.ts.map

package/dist/ui/templates/pinya-base/PinyaBase.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PinyaBase.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/pinya-base/PinyaBase.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,wBAAwB,CAAC;AAKhC,OAAO,qBAAqB,CAAC;AAiF7B,QAAA,MAAM,SAAS;cApEyC,GAAG;UAoEJ,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
+{"version":3,"file":"PinyaBase.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/pinya-base/PinyaBase.svelte.ts"],"names":[],"mappings":"AAOA,OAAO,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAK1E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEzD,OAAO,qBAAqB,CAAC;AAC7B,OAAO,EAAW,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAG9C,KAAK,gBAAgB,GAAI;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,oBAAoB,CAAC,EAAE,mBAAmB,CAAC,IAAI,EAAE;QAChD,cAAc,EAAE,cAAc,CAAA;KAC9B,GAAG;QACH,cAAc,CAAC,EAAE,SAAS,CAAA;KAC1B,CAAC,CAAC;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;CACxB,CAAC;AA8GH,QAAA,MAAM,SAAS,sDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/ui/templates/pinya-base/menuPageServerLoadRemote.remote.svelte

@@ -0,0 +1 @@
+export const menuPageServerLoadRemote =

package/dist/ui/templates/pinya-base/menuPageServerLoadRemote.remote.svelte.d.ts

@@ -0,0 +1,27 @@
+export default MenuPageServerLoadRemote;
+type MenuPageServerLoadRemote = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const MenuPageServerLoadRemote: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+//# sourceMappingURL=menuPageServerLoadRemote.remote.svelte.d.ts.map

package/dist/ui/templates/pinya-base/menuPageServerLoadRemote.remote.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuPageServerLoadRemote.remote.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/pinya-base/menuPageServerLoadRemote.remote.svelte.js"],"names":[],"mappings":";;;;;;;;AAeA;;;;mBAAoI;6CATvF,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,eAAe,QAAQ,CAAC"}

package/dist/util/context/PineappleBaseContext.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { enableUniversalOverlaySvelte4 } from "../..";
+	import { appState } from "../../ui/templates/index";
 	import {
-		getIgnoreOverlayOverride,
 		setEnableDialogOverlayContext,
 		setEnableDialogPreferenceContext,
 		setEnablePortraitContext,
@@ -34,17 +34,29 @@
 	const enableDialogPrefStore = createLocalStore("enable-dialog-preference");
 	setEnableDialogPreferenceContext(enableDialogPrefStore);
 
-	let enableDialog = $state({ value: $enableDialogPrefStore });
+	let enableDialog = $state({ value: enableDialogPrefStore.value });
 	setEnableDialogOverlayContext(enableDialog);
-	setIgnoreOverlayOverride(true);
-	let ignoreOverlaySet = getIgnoreOverlayOverride();
+	let ignoreOverlaySet = $state({ value: true });
+	setIgnoreOverlayOverride(ignoreOverlaySet);
 	onMount(() => {
 		enableUniversalOverlaySvelte4.subscribe((value) => {
-			if (ignoreOverlaySet) {
-				ignoreOverlaySet = false;
+			if (appState.allowDialog === false && value) {
+				// force disable if appState allowDialog = false
+				enableUniversalOverlaySvelte4.set(false);
+				enableDialog.value = false;
+				return;
+			}
+
+			if (appState.enableDialogOnByDefault === false) {
+				enableDialog.value = false;
+				return;
+			}
+
+			if (ignoreOverlaySet.value) {
+				ignoreOverlaySet.value = false;
 				// force initial value?
-				enableUniversalOverlaySvelte4.set($enableDialogPrefStore);
-				enableDialog.value = $enableDialogPrefStore;
+				enableUniversalOverlaySvelte4.set(enableDialogPrefStore.value);
+				enableDialog.value = enableDialogPrefStore.value;
 			} else {
 				enableDialog.value = value;
 			}

package/dist/util/context/PineappleBaseContext.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PineappleBaseContext.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/util/context/PineappleBaseContext.svelte.ts"],"names":[],"mappings":"AAoEA,QAAA,MAAM,oBAAoB;cAjD8B,GAAG;UAiDO,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"PineappleBaseContext.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/util/context/PineappleBaseContext.svelte.ts"],"names":[],"mappings":"AAiFA,QAAA,MAAM,oBAAoB;cA7D8B,GAAG;UA6DO,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}

package/dist/util/context/pineappleBaseContextDefinitions.svelte.d.ts

@@ -1,21 +1,29 @@
-import type { OverlayType, PageMeta } from "../..";
-import type { LocalStore } from "../localStore.svelte";
-export declare const getEnablePortraitContext: () => LocalStore<boolean>;
-export declare const setEnablePortraitContext: (value: LocalStore<boolean>) => LocalStore<boolean>;
-export declare const getEnableDialogPreferenceContext: () => LocalStore<boolean>;
-export declare const setEnableDialogPreferenceContext: (value: LocalStore<boolean>) => LocalStore<boolean>;
+import { type OverlayType, type PageMeta } from "../..";
+import { type LocalStore } from "../localStore.svelte";
+export declare const getEnablePortraitContext: () => LocalStore<boolean>, setEnablePortraitContext: (context: LocalStore<boolean>) => LocalStore<boolean>;
+export declare const getEnableDialogPreferenceContext: () => LocalStore<boolean>, setEnableDialogPreferenceContext: (context: LocalStore<boolean>) => LocalStore<boolean>;
 export declare const getEnableDialogOverlayContext: () => {
     value: boolean;
+}, setEnableDialogOverlayContext: (context: {
+    value: boolean;
+}) => {
+    value: boolean;
 };
-export declare const setEnableDialogOverlayContext: (value: {
+export declare const getOverlayTypeContext: () => LocalStore<OverlayType>, setOverlayTypeContext: (context: LocalStore<OverlayType>) => LocalStore<OverlayType>;
+export declare const getIgnoreOverlayOverride: () => {
+    value: boolean;
+}, setIgnoreOverlayOverride: (context: {
     value: boolean;
 }) => {
     value: boolean;
 };
-export declare const getOverlayTypeContext: () => LocalStore<OverlayType>;
-export declare const setOverlayTypeContext: (value: LocalStore<OverlayType>) => LocalStore<OverlayType>;
-export declare const getIgnoreOverlayOverride: () => boolean;
-export declare const setIgnoreOverlayOverride: (value: boolean) => boolean;
-export declare const getSiteLayout: () => PageMeta[];
-export declare const setSiteLayout: (value: PageMeta[]) => PageMeta[];
+export declare const getSiteLayout: () => PageMeta[], setSiteLayout: (context: PageMeta[]) => PageMeta[];
+/**
+ * useful for on-start dialog appearance
+ *
+ * use on onMount
+ *
+ * @param value
+ */
+export declare const forceSetDialog: (value: boolean) => void;
 //# sourceMappingURL=pineappleBaseContextDefinitions.svelte.d.ts.map

package/dist/util/context/pineappleBaseContextDefinitions.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pineappleBaseContextDefinitions.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/util/context/pineappleBaseContextDefinitions.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAClD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAU9D,eAAO,MAAM,wBAAwB,2BAA2D,CAAC;AACjG,eAAO,MAAM,wBAAwB,GAAI,OAAO,UAAU,CAAC,OAAO,CAAC,wBAC9B,CAAC;AAEtC,eAAO,MAAM,gCAAgC,2BACc,CAAC;AAC5D,eAAO,MAAM,gCAAgC,GAAI,OAAO,UAAU,CAAC,OAAO,CAAC,wBAC9B,CAAC;AAI9C,eAAO,MAAM,6BAA6B;WACrB,OAAO;CAA2B,CAAC;AACxD,eAAO,MAAM,6BAA6B,GAAI,OAAO;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE;WAAT,OAAO;CAC3B,CAAC;AAE3C,eAAO,MAAM,qBAAqB,+BAA4D,CAAC;AAC/F,eAAO,MAAM,qBAAqB,GAAI,OAAO,UAAU,CAAC,WAAW,CAAC,4BAClC,CAAC;AAEnC,eAAO,MAAM,wBAAwB,eAAsD,CAAC;AAC5F,eAAO,MAAM,wBAAwB,GAAI,OAAO,OAAO,YACX,CAAC;AAE7C,eAAO,MAAM,aAAa,kBAA8C,CAAC;AACzE,eAAO,MAAM,aAAa,GAAI,OAAO,QAAQ,EAAE,eAAqC,CAAC"}
+{"version":3,"file":"pineappleBaseContextDefinitions.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/util/context/pineappleBaseContextDefinitions.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,WAAW,EAAE,KAAK,QAAQ,EAAE,MAAM,MAAM,CAAC;AACtF,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAG9D,eAAO,MAAO,wBAAwB,6BAAE,wBAAwB,uDAAwC,CAAC;AACzG,eAAO,MAAO,gCAAgC,6BAAE,gCAAgC,uDAAwC,CAAC;AAIzH,eAAO,MAAO,6BAA6B;WAAyD,OAAO;GAA9D,6BAA6B;WAA0B,OAAO;;WAAP,OAAO;CAAI,CAAC;AAEhH,eAAO,MAAO,qBAAqB,iCAAE,qBAAqB,+DAA4C,CAAC;AACvG,eAAO,MAAO,wBAAwB;WAAqD,OAAO;GAA1D,wBAAwB;WAA2B,OAAO;;WAAP,OAAO;CAAK,CAAC;AACxG,eAAO,MAAO,aAAa,oBAAE,aAAa,qCAA+B,CAAC;AAE1E;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,OAAO,SAI5C,CAAA"}