@turnipxenon/pineapple 5.3.9 → 5.3.11

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

@@ -8,12 +8,15 @@
 	let hasTriedGettingChumBucket = $state(false);
 	let pageMetaList: PageMeta[] = $state([]);
 	const loadPageMeta = async () => {
-		fetch("/api/get-latest-blogs").then(resp => resp.json()).then(json => {
-			pageMetaList = json as PageMeta[];
-			hasTriedGettingChumBucket = true;
-		}).catch(_ => {
-			hasTriedGettingChumBucket = true;
-		});
+		fetch("/api/get-latest-blogs")
+			.then((resp) => resp.json())
+			.then((json) => {
+				pageMetaList = json as PageMeta[];
+				hasTriedGettingChumBucket = true;
+			})
+			.catch((_) => {
+				hasTriedGettingChumBucket = true;
+			});
 	};
 
 	onMount(() => {
@@ -23,9 +26,12 @@
 
 <div class="chum-bucket">
 	<h2 class="text-start">More about me...</h2>
-	<p>Check out the latest things I've been rambling about at
+	<p>
+		Check out the latest things I've been rambling about at
 		<a href="https://turnipxenon.com" target="_blank" rel="external">turnipxenon.com</a> or at
-		<a href="https://turnipxenon.com/blogs/coding-chagrin" target="_blank" rel="external">turnipxenon.com/blogs/coding-chagrin.</a>
+		<a href="https://turnipxenon.com/blogs/coding-chagrin" target="_blank" rel="external"
+			>turnipxenon.com/blogs/coding-chagrin.</a
+		>
 	</p>
 
 	<div class="chum-bucket-grid">
@@ -33,24 +39,26 @@
 			{#each pageMetaList as pageMeta (pageMeta.title)}
 				<div class="chum-bucket-item">
 					{#if pageMeta.imageUrl}
-						<img src={
-							pageMeta.imageUrl.includes('https://')
-							? pageMeta.imageUrl
-							: `https://turnipxenon.com${pageMeta.imageUrl}`}
-						     class="chum-bucket-image"
-						     alt={pageMeta.imageAlt}>
+						<img
+							src={pageMeta.imageUrl.includes("https://")
+								? pageMeta.imageUrl
+								: `https://turnipxenon.com${pageMeta.imageUrl}`}
+							class="chum-bucket-image"
+							alt={pageMeta.imageAlt}
+						/>
 					{/if}
 					<div>
 						<h3 class="text-start">
 							<a
 								rel="external"
 								target="_blank"
-								href={
-							pageMeta.relativeLink.includes('https://')
-							? pageMeta.relativeLink
-							: `https://turnipxenon.com/${pageMeta.relativeLink}`}>{pageMeta.title}</a>
+								href={pageMeta.relativeLink.includes("https://")
+									? pageMeta.relativeLink
+									: `https://turnipxenon.com/${pageMeta.relativeLink}`}>{pageMeta.title}</a
+							>
 						</h3>
-						<p>Published: {pageMeta.datePublished}
+						<p>
+							Published: {pageMeta.datePublished}
 							{#if pageMeta.lastUpdated}
 								| Last updated: {pageMeta.lastUpdated}
 							{/if}
@@ -68,31 +76,31 @@
 </div>
 
 <style>
-    .chum-bucket-item {
-        width: 100%;
-        display: flex;
-        flex-direction: row;
-        align-items: flex-start;
-    }
+	.chum-bucket-item {
+		width: 100%;
+		display: flex;
+		flex-direction: row;
+		align-items: flex-start;
+	}
 
-    .chum-bucket-image {
-        max-width: 10em;
-        height: auto;
-        margin-top: 0.5em;
-        margin-inline-end: 1em;
-    }
+	.chum-bucket-image {
+		max-width: 10em;
+		height: auto;
+		margin-top: 0.5em;
+		margin-inline-end: 1em;
+	}
 
-    .chum-bucket {
-        margin-top: 2lh;
-        padding: 1.5lh 1em;
-        width: 100%;
-        max-width: var(--container-3xl);
-    }
+	.chum-bucket {
+		margin-top: 2lh;
+		padding: 1.5lh 1em;
+		width: 100%;
+		max-width: var(--container-3xl);
+	}
 
-    .chum-bucket-grid {
-        display: flex;
-        flex-direction: column;
-        margin-top: 0.5lh;
-        gap: 0.5lh;
-    }
+	.chum-bucket-grid {
+		display: flex;
+		flex-direction: column;
+		margin-top: 0.5lh;
+		gap: 0.5lh;
+	}
 </style>

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

@@ -1 +1 @@
-{"version":3,"file":"ChumBucket.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/ChumBucket.svelte.ts"],"names":[],"mappings":"AAwEA,QAAA,MAAM,UAAU,2DAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ChumBucket.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/ChumBucket.svelte.ts"],"names":[],"mappings":"AA6EA,QAAA,MAAM,UAAU,2DAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

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

@@ -1,7 +1,11 @@
 <!-- TODO: Documentation: consider documentation showcase -->
 
 <script lang="ts">
-	import { type CreateUrlRequest, CreateUrlResult, jsonToCreateUrlResponse } from "../../../types/api/CreateUrl";
+	import {
+		type CreateUrlRequest,
+		CreateUrlResult,
+		jsonToCreateUrlResponse
+	} from "../../../types/api/CreateUrl";
 	import { addToast } from "../../components/MeltToaster/MeltToaster.svelte";
 	import PinyaButton from "../../elements/PinyaButton/PinyaButton.svelte";
 	import type { ToastSettings } from "../../components/MeltToaster/ToastSettings";
@@ -22,20 +26,25 @@
 		request.queryParams = queryParams;
 	});
 
-
 	const failToast: ToastSettings = {
 		type: "error",
 		description: "Adding new url failed"
 	};
 	const toastMap = new Map<CreateUrlResult, ToastSettings>([
-		[CreateUrlResult.Success, {
-			type: "success",
-			description: "Successfully added new url"
-		}],
-		[CreateUrlResult.Duplicate, {
-			type: "error",
-			description: "Short url already used; try again with another url"
-		}],
+		[
+			CreateUrlResult.Success,
+			{
+				type: "success",
+				description: "Successfully added new url"
+			}
+		],
+		[
+			CreateUrlResult.Duplicate,
+			{
+				type: "error",
+				description: "Short url already used; try again with another url"
+			}
+		],
 		[CreateUrlResult.Fail, failToast]
 	]);
 	const post = () => {
@@ -45,36 +54,40 @@
 				"Content-Type": "application/json"
 			},
 			body: JSON.stringify(request)
-		}).then(resp =>
-			resp.json()
-		).then(json => {
-			const properResp = jsonToCreateUrlResponse(json);
-			addToast({ data: toastMap.get(properResp.result) ?? failToast });
-		});
+		})
+			.then((resp) => resp.json())
+			.then((json) => {
+				const properResp = jsonToCreateUrlResponse(json);
+				addToast({ data: toastMap.get(properResp.result) ?? failToast });
+			});
 	};
 </script>
 
 <div class="local-list">
 	<label for="short-url">Short URL for url shortener</label>
-	<input bind:value={request.shortUrl}
-	       name="short-url"
-	       class="input border-[2px] border-primary-500"
-	       type="text"
-	       placeholder="short-url" />
+	<input
+		bind:value={request.shortUrl}
+		name="short-url"
+		class="input border-[2px] border-primary-500"
+		type="text"
+		placeholder="short-url"
+	/>
 	<label for="password">Password</label>
-	<input bind:value={request.password}
-	       name="password"
-	       class="input border-[2px] border-primary-500"
-	       type="password"
-	       placeholder="ILoveTurnips" />
+	<input
+		bind:value={request.password}
+		name="password"
+		class="input border-[2px] border-primary-500"
+		type="password"
+		placeholder="ILoveTurnips"
+	/>
 	<PinyaButton onclick={post}>Send link</PinyaButton>
 </div>
 
 <style>
-    .local-list {
-        display: flex;
-        flex-direction: column;
-        gap: 0.5lh;
-        margin-top: 1lh;
-    }
+	.local-list {
+		display: flex;
+		flex-direction: column;
+		gap: 0.5lh;
+		margin-top: 1lh;
+	}
 </style>

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

@@ -1 +1 @@
-{"version":3,"file":"CreateUrlForm.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/CreateUrlForm.svelte.ts"],"names":[],"mappings":"AASC,UAAU,KAAK;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAkEF,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"CreateUrlForm.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/CreateUrlForm.svelte.ts"],"names":[],"mappings":"AAaC,UAAU,KAAK;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAuEF,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

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

@@ -28,8 +28,8 @@
 
 	onMount(async () => {
 		const refs = entryList
-			.filter(e => e.startCommit || e.endCommit || e.gitRepoLink)
-			.map(e => ({
+			.filter((e) => e.startCommit || e.endCommit || e.gitRepoLink)
+			.map((e) => ({
 				key: e.key,
 				startCommit: e.startCommit,
 				endCommit: e.endCommit,
@@ -40,7 +40,7 @@
 
 		try {
 			const dates = await getCommitDate(refs);
-			resolvedEntryList = entryList.map(e => {
+			resolvedEntryList = entryList.map((e) => {
 				const d = dates[e.key];
 				if (!d) return e;
 				return {
@@ -56,12 +56,12 @@
 	});
 
 	// Derived values
-	const allTags = $derived([...new Set(resolvedEntryList.flatMap(e => e.tags ?? []))]);
+	const allTags = $derived([...new Set(resolvedEntryList.flatMap((e) => e.tags ?? []))]);
 
 	const filteredList = $derived(
 		selectedTags.length === 0
 			? resolvedEntryList
-			: resolvedEntryList.filter(e => e.tags?.some(t => selectedTags.includes(t)))
+			: resolvedEntryList.filter((e) => e.tags?.some((t) => selectedTags.includes(t)))
 	);
 
 	function sortEntries(list: SnippetMeta[], sort: string): SnippetMeta[] {
@@ -108,7 +108,7 @@
 					}
 
 					// follow original index
-					return list.findIndex(l => l.key === a.key) - list.findIndex(l => l.key === b.key);
+					return list.findIndex((l) => l.key === a.key) - list.findIndex((l) => l.key === b.key);
 				});
 		}
 	}
@@ -126,9 +126,7 @@
 	const sortedList = $derived(sortEntries(filteredList, sortBy.length > 0 ? sortBy[0] : "default"));
 
 	const visibleList = $derived(
-		showMoreLimit > 0 && !isExpanded
-			? sortedList.slice(0, showMoreLimit)
-			: sortedList
+		showMoreLimit > 0 && !isExpanded ? sortedList.slice(0, showMoreLimit) : sortedList
 	);
 
 	const hasMore = $derived(showMoreLimit > 0 && sortedList.length > showMoreLimit);
@@ -143,7 +141,7 @@
 					<TagFilter bind:selectedTags {allTags} />
 				{/if}
 				{#if showSort}
-					<SortDropdown bind:sortBy={sortBy} {sectionType} />
+					<SortDropdown bind:sortBy {sectionType} />
 				{/if}
 			</div>
 		</div>
@@ -156,106 +154,112 @@
 	{:else}
 		<div class="normal-project-container">
 			{#each visibleList as ui (ui.key)}
-				{@render ui.component(projectComponentProps ? {
-					...projectComponentProps,
-					snippetMeta: ui
-				} : { snippetMeta: ui })}
+				{@render ui.component(
+					projectComponentProps
+						? {
+								...projectComponentProps,
+								snippetMeta: ui
+							}
+						: { snippetMeta: ui }
+				)}
 			{/each}
 		</div>
 
 		{#if hasMore}
-			<button class="show-more-btn" onclick={() => isExpanded = !isExpanded}>
-				{isExpanded ? "Show less" : `Click to see ${sortedList.length - visibleList.length} more...`}
+			<button class="show-more-btn" onclick={() => (isExpanded = !isExpanded)}>
+				{isExpanded
+					? "Show less"
+					: `Click to see ${sortedList.length - visibleList.length} more...`}
 			</button>
 		{/if}
 	{/if}
 </div>
 
 <style>
-    .header-content {
-        display: flex;
-        flex-direction: column;
-        gap: 1rem;
-        width: 100%;
-    }
-
-    @media (min-width: 768px) {
-        .header-content {
-            flex-direction: row;
-            justify-content: space-between;
-            align-items: center;
-        }
-    }
-
-    .header-controls {
-        display: flex;
-        flex-direction: column;
-        gap: 0.5rem;
-    }
-
-    @media (min-width: 768px) {
-        .header-controls {
-            flex-direction: row;
-            gap: 1rem;
-        }
-    }
-
-    .normal-project-container {
-        display: flex;
-        flex-wrap: wrap;
-        gap: 2rem;
-        margin: auto;
-        /* 3 containers + 2 gaps + extra rem */
-        max-width: calc((28rem * 3) + 5rem);
-        justify-content: center;
-        margin-bottom: 2rem;
-        align-items: start;
-    }
-
-    :global {
-        .upper-section-style .normal-project-container > .pinya-four-part-card {
-            max-width: revert;
-            flex-grow: revert;
-            flex-basis: revert;
-        }
-
-        .normal-project-container > .pinya-four-part-card {
-            max-width: 30em;
-            flex-grow: 1;
-            flex-basis: 25em;
-        }
-    }
-
-    .show-more-btn {
-        margin-bottom: 1.5lh;
-        padding: 0.5rem 1rem;
-        border-radius: var(--radius-lg);
-        border: 2px solid var(--color-primary-500);
-        background: transparent;
-        cursor: pointer;
-        transition: background-color 0.2s;
-    }
-
-    .show-more-btn:hover {
-        background: var(--color-primary-100);
-    }
-
-    .no-results {
-        padding: 2rem;
-        text-align: center;
-        color: var(--color-text-secondary);
-    }
-
-    :global {
-        .group-header.pinya-card {
-            margin-bottom: calc(var(--spacing) * 8);
-            max-width: unset;
-            width: 100%;
-        }
-    }
-
-    .entry-group-wrapper {
-        max-width: calc((28rem * 3) + 5rem);
-        width: 100%;
-    }
+	.header-content {
+		display: flex;
+		flex-direction: column;
+		gap: 1rem;
+		width: 100%;
+	}
+
+	@media (min-width: 768px) {
+		.header-content {
+			flex-direction: row;
+			justify-content: space-between;
+			align-items: center;
+		}
+	}
+
+	.header-controls {
+		display: flex;
+		flex-direction: column;
+		gap: 0.5rem;
+	}
+
+	@media (min-width: 768px) {
+		.header-controls {
+			flex-direction: row;
+			gap: 1rem;
+		}
+	}
+
+	.normal-project-container {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 2rem;
+		margin: auto;
+		/* 3 containers + 2 gaps + extra rem */
+		max-width: calc((28rem * 3) + 5rem);
+		justify-content: center;
+		margin-bottom: 2rem;
+		align-items: start;
+	}
+
+	:global {
+		.upper-section-style .normal-project-container > .pinya-four-part-card {
+			max-width: revert;
+			flex-grow: revert;
+			flex-basis: revert;
+		}
+
+		.normal-project-container > .pinya-four-part-card {
+			max-width: 30em;
+			flex-grow: 1;
+			flex-basis: 25em;
+		}
+	}
+
+	.show-more-btn {
+		margin-bottom: 1.5lh;
+		padding: 0.5rem 1rem;
+		border-radius: var(--radius-lg);
+		border: 2px solid var(--color-primary-500);
+		background: transparent;
+		cursor: pointer;
+		transition: background-color 0.2s;
+	}
+
+	.show-more-btn:hover {
+		background: var(--color-primary-100);
+	}
+
+	.no-results {
+		padding: 2rem;
+		text-align: center;
+		color: var(--color-text-secondary);
+	}
+
+	:global {
+		.group-header.pinya-card {
+			margin-bottom: calc(var(--spacing) * 8);
+			max-width: unset;
+			width: 100%;
+		}
+	}
+
+	.entry-group-wrapper {
+		max-width: calc((28rem * 3) + 5rem);
+		width: 100%;
+	}
 </style>

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

@@ -1 +1 @@
-{"version":3,"file":"EntryGroup.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/EntryGroup.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAe,MAAM,iCAAiC,CAAC;AAsLjF,QAAA,MAAM,UAAU,kDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"EntryGroup.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/EntryGroup.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAe,MAAM,iCAAiC,CAAC;AA0LjF,QAAA,MAAM,UAAU,kDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

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

@@ -10,16 +10,14 @@
 		allEntries: SnippetMeta[];
 	}
 
-	let {
-		layout = $bindable(),
-		orderUrl = $bindable(),
-		allEntries
-	}: Props = $props();
+	let { layout = $bindable(), orderUrl = $bindable(), allEntries }: Props = $props();
 </script>
 
-<br>
+<br />
 <h3>Site ordering</h3>
-<blockquote>Sorry! This part of the website is still WIP, but here it is anyway. As long as it functions</blockquote>
+<blockquote>
+	Sorry! This part of the website is still WIP, but here it is anyway. As long as it functions
+</blockquote>
 
 <!-- formatting: group1:entry1|entry2,group2:entry3
  : <= separates the group header, the entries, and the class
@@ -28,20 +26,14 @@
  -->
 <div class="advanced-setting-list">
 	{#each layout as group, groupIndex (group.key)}
-		<ProjectGroupConfig
-			bind:layout={layout}
-			bind:orderUrl={orderUrl}
-			{allEntries}
-			{group}
-			{groupIndex}
-		/>
+		<ProjectGroupConfig bind:layout bind:orderUrl {allEntries} {group} {groupIndex} />
 	{/each}
 </div>
 
 <style>
-    .advanced-setting-list {
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-    }
+	.advanced-setting-list {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+	}
 </style>

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

@@ -1 +1 @@
-{"version":3,"file":"EntryOrderConfig.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/EntryOrderConfig.svelte.ts"],"names":[],"mappings":"AAGA,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;CAC1B;AA8BF,QAAA,MAAM,gBAAgB,8DAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"EntryOrderConfig.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/EntryOrderConfig.svelte.ts"],"names":[],"mappings":"AAGA,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;CAC1B;AA4BF,QAAA,MAAM,gBAAgB,8DAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

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

@@ -1,5 +1,5 @@
 import type { SnippetMeta } from "../index";
-import type { Snippet } from 'svelte';
+import type { Snippet } from "svelte";
 export interface ProjectComponentProps {
     isPineapple?: boolean;
     snippetMeta?: SnippetMeta;