@turnipxenon/pineapple 2.4.71 → 2.4.73

package/src/lib/api/GetLatestBlogs.ts

@@ -1,7 +1,7 @@
-export const GetLatestBlogs = async () => {
-	const resp = await fetch("http://turnipxenon.com/api/get-latest-blogs");
-	if (!resp.ok) {
-		return new Response(JSON.stringify([]));
-	}
-	return new Response(JSON.stringify(await resp.json()));
-};
+export const GetLatestBlogs = async () => {
+	const resp = await fetch("http://turnipxenon.com/api/get-latest-blogs");
+	if (!resp.ok) {
+		return new Response(JSON.stringify([]));
+	}
+	return new Response(JSON.stringify(await resp.json()));
+};

package/src/lib/api/index.ts

@@ -1,3 +1,3 @@
-// noinspection JSUnusedGlobalSymbols
-
-export * from "./GetLatestBlogs";
+// noinspection JSUnusedGlobalSymbols
+
+export * from "./GetLatestBlogs";

package/src/lib/template/seaweed/ChumBucket.svelte

@@ -1,75 +1,75 @@
-<script lang="ts">
-	import Card from "$pkg/components/Card.svelte";
-	import { type PageMeta } from "$pkg";
-	import { onMount } from "svelte";
-
-	let pageMetaList: PageMeta[] = [];
-	const loadPageMeta = async () => {
-		fetch("/api/get-latest-blogs").then(resp => resp.json()).then(json => {
-			pageMetaList = json as PageMeta[];
-		});
-	};
-
-	onMount(() => {
-		loadPageMeta();
-	});
-</script>
-
-<Card>
-	<div slot="content" class="chum-bucket">
-		<h2>More about me...</h2>
-		<p>Check out the latest things I've been rambling about at
-			<a href="https://turnipxenon.com" target="_blank">turnipxenon.com</a> or at
-			<a href="https://turnipxenon.com/blogs/coding-chagrin" target="_blank">turnipxenon.com/blogs/coding-chagrin.</a>
-		</p>
-
-		{#if pageMetaList.length > 0}
-			<h3><b>My latest blogs (sounds too fancy)</b></h3>
-		{/if}
-
-		<div class="chum-bucket-grid">
-			{#each pageMetaList as pageMeta}
-				<div class="chum-bucket-item">
-					{#if pageMeta.imageUrl}
-						<img src={`https://turnipxenon.com${pageMeta.imageUrl}`}
-						     class="chum-bucket-image"
-						     alt={pageMeta.imageAlt}>
-					{/if}
-					<div>
-						<h3><a href={`https://turnipxenon.com/${pageMeta.relativeLink}`}>{pageMeta.title}</a></h3>
-						<p>{pageMeta.description}</p>
-					</div>
-				</div>
-			{/each}
-		</div>
-	</div>
-</Card>
-
-<style lang="postcss">
-    .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 {
-        padding: 1.5lh 2em;
-        max-width: 600px;
-    }
-
-    .chum-bucket-grid {
-        display: flex;
-        flex-direction: column;
-        margin-top: 0.5lh;
-        gap: 0.5lh;
-    }
-</style>
+<script lang="ts">
+	import Card from "$pkg/components/Card.svelte";
+	import { type PageMeta } from "$pkg";
+	import { onMount } from "svelte";
+
+	let pageMetaList: PageMeta[] = [];
+	const loadPageMeta = async () => {
+		fetch("/api/get-latest-blogs").then(resp => resp.json()).then(json => {
+			pageMetaList = json as PageMeta[];
+		});
+	};
+
+	onMount(() => {
+		loadPageMeta();
+	});
+</script>
+
+<Card>
+	<div slot="content" class="chum-bucket">
+		<h2>More about me...</h2>
+		<p>Check out the latest things I've been rambling about at
+			<a href="https://turnipxenon.com" target="_blank">turnipxenon.com</a> or at
+			<a href="https://turnipxenon.com/blogs/coding-chagrin" target="_blank">turnipxenon.com/blogs/coding-chagrin.</a>
+		</p>
+
+		{#if pageMetaList.length > 0}
+			<h3><b>My latest blogs (sounds too fancy)</b></h3>
+		{/if}
+
+		<div class="chum-bucket-grid">
+			{#each pageMetaList as pageMeta}
+				<div class="chum-bucket-item">
+					{#if pageMeta.imageUrl}
+						<img src={`https://turnipxenon.com${pageMeta.imageUrl}`}
+						     class="chum-bucket-image"
+						     alt={pageMeta.imageAlt}>
+					{/if}
+					<div>
+						<h3><a href={`https://turnipxenon.com/${pageMeta.relativeLink}`}>{pageMeta.title}</a></h3>
+						<p>{pageMeta.description}</p>
+					</div>
+				</div>
+			{/each}
+		</div>
+	</div>
+</Card>
+
+<style lang="postcss">
+    .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 {
+        padding: 1.5lh 2em;
+        max-width: 600px;
+    }
+
+    .chum-bucket-grid {
+        display: flex;
+        flex-direction: column;
+        margin-top: 0.5lh;
+        gap: 0.5lh;
+    }
+</style>

package/src/lib/template/seaweed/SeaweedTemplate.svelte

@@ -1,20 +1,17 @@
 <script lang="ts">
-	import { afterUpdate, onMount } from "svelte";
+	import { afterUpdate, type ComponentType, onMount } from "svelte";
 	import EntryOrderConfig from "$pkg/template/seaweed/entry_order_config/EntryOrderConfig.svelte";
 	import { runChaos } from "$pkg/template/seaweed/RunChaos";
 	import SocialSection from "$pkg/components/SocialSection.svelte";
 	import "./seaweed.postcss";
 	import SeaweedBaseLayout from "$pkg/components/layouts/SeaweedBaseLayout.svelte";
-	import { Accordion, AccordionItem, CodeBlock } from "@skeletonlabs/skeleton";
+	import { CodeBlock } from "@skeletonlabs/skeleton";
 	import { page } from "$app/stores";
 	import Card from "$pkg/components/Card.svelte";
-	import ElementVisbilityDetector from "$pkg/components/ElementVisbilityDetector.svelte";
 	import {
-		AllGroupedEntriesProjectFirst,
+		type ComponentMeta,
 		type EntryGroup,
-		GetEntryFromGlobal,
 		type SeaweedTemplateData,
-		seaweedTemplateData,
 		TurnGroupEntriesMutable
 	} from "./SeaweedTemplateData";
 	import type { EntryProps } from "$pkg/template/seaweed/entries/EntryProps";
@@ -24,21 +21,29 @@
 	import { Chip } from "$pkg/index";
 	import ChumBucket from "$pkg/template/seaweed/ChumBucket.svelte";
 
+	export let seaweedTemplateData: SeaweedTemplateData;
+	export let projectFirstGroupedEntries: ReadonlyArray<EntryGroup>;
+	export let getEntryFromGlobal: (name: string) => undefined | ComponentMeta;
 	export let letChaos = true;
 	export let name = "Turnip";
 	export let email = "turnipxenon@gmail.com";
 	export let linkedinSlug = "turnip-xenon";
 	export let domain = "http://localhost:5173/portfolio/actual/";
 	export let serverSideQueryParams = "";
+	export let experienceSection: ComponentType;
 
 	// region query params
 	const entryProps: EntryProps = {
-		email
+		email,
+		letChaos,
+		linkedinSlug,
+		name,
+		seaweedTemplateData
 	};
 
+	let isVisible = true;
 	const paramQTSet = new Set<string>();
 
-	let isVisible = true;
 	let isAdvanceSettingOn = false;
 	$: isSocialsGone = !isVisible;
 
@@ -94,7 +99,6 @@
 
 			orderParam.split(",").forEach(groupDefinition => {
 				const pair = groupDefinition.split(":");
-				console.log(pair);
 				if (pair.length >= 2) {
 					const group: EntryGroup = {
 						name: pair[0],
@@ -103,7 +107,7 @@
 					};
 
 					pair[1].split("|").forEach(e => {
-						const component = GetEntryFromGlobal(e);
+						const component = getEntryFromGlobal(e);
 						if (component) {
 							group.items.push(component);
 						}
@@ -116,7 +120,7 @@
 
 			seaweedTemplateData.groupedEntries = seaweedTemplateData.groupedEntries;
 		} else if (gameSectionFirstParam === "false") {
-			seaweedTemplateData.groupedEntries = TurnGroupEntriesMutable(AllGroupedEntriesProjectFirst);
+			seaweedTemplateData.groupedEntries = TurnGroupEntriesMutable(projectFirstGroupedEntries);
 		}
 		// endregion
 
@@ -180,6 +184,10 @@
 	let advancedUrl = domain;
 	let advancedQuery = "";
 	const updateUrl = (seaweedTemplateData: SeaweedTemplateData) => {
+		if (seaweedTemplateData === undefined) {
+			return;
+		}
+
 		const queryParams: string[] = [];
 
 		if (orderUrl) {
@@ -226,157 +234,28 @@
 	--qt-font-weight: ${qtfontWeight};${additionalFontWeight};
 	visibility: ${mainVisibility};
 	`}>
-
-		<div class="experience-and-about-div">
-
-			<div class="greater-about-div">
-
-				<Card includeDataNoSnippet={false}>
-					<section class="section-card" slot="content">
-
-						<h1>About</h1>
-
-						<p>
-							Hi! My name is {name}! I work as a software developer. Outside of that, I like making games, and
-							trying to do everything in between required to make one. I have some showcased below, our visit
-							my itch.io page for more of them.
-						</p>
-						<!-- todo: link the degree details idk -->
-						<p>
-							I also graduated with BS Computing Science, Specializing in Software Practice, and a
-							certificate in Computer Game Development at University of Alberta.
-						</p>
-						{#if seaweedTemplateData.shouldAddFunNote}
-							<p>
-								I'm inspired by games like Harvest Moon: Friends of Mineral Town, Rune Factory 4, Theatrhythm,
-								Bravely Default: Flying Fairy, Boku no Natsuyasumi 2, and A Short Hike.
-							</p>
-						{/if}
-
-						<!-- todo: maybe put cute stuff here -->
-						<!--						</ToggleableContent>-->
-					</section>
-				</Card>
-
-				<Card>
-					<section class="section-card" slot="content">
-						<SocialSection email={email} linkedinSlug={linkedinSlug}></SocialSection>
-						<ElementVisbilityDetector bind:isVisible={isVisible}>
-						</ElementVisbilityDetector>
+		<svelte:component this={experienceSection}
+		                  entryProps={entryProps}
+		                  bind:isVisible={isVisible}
+		></svelte:component>
+
+		{#if seaweedTemplateData}
+			{#each seaweedTemplateData.groupedEntries as group}
+				{#if group.items.length > 0}
+					<Card>
+						<section class="section-card title-card" slot="content">
+							<h1 class="text-center">{group.name}</h1>
+						</section>
+					</Card>
+
+					<section class={group.gridClass}>
+						{#each group.items as entry}
+							<svelte:component this={entry.component} props={entryProps}></svelte:component>
+						{/each}
 					</section>
-				</Card>
-
-			</div>
-
-			<Card>
-				<section class="section-card" slot="content">
-					<h1>Experience</h1>
-
-					<h2>Highlight</h2>
-					<p>Worked on Go backend microservices and Typescript React frontend app, serving <b>over 30 million daily
-						active users</b> at Twitch</p>
-
-					<h2>Software Engineer</h2>
-					<div class="two-column-separated">
-						<div>July 2023 – January 2024</div>
-						<div style="text-align: end">Twitch, Remote</div>
-					</div>
-					<ul>
-						<li>
-							Contributed to
-							<span class="qt-go">Golang</span>
-							microservices and
-							<span class="qt-ts">Typescript</span>
-							<span class="qt-react">React</span> codebases, across several teams, to accommodate public-facing user safety features to better comply with EU’s Digital Services Act, which applies to no more than
-							<a href="https://safety.twitch.tv/s/article/Digital-Services-Act-Information?language=en_US">30.5 million users</a>
-							. Work includes feature flags, alarms, unit tests, end-to-end testing, and documentation.
-						</li>
-						<li>
-							Improved observability for upcoming features by setting up new AWS resources to integrate internal data platform tools with existing alarms in our team’s microservice, utilizing
-							<span class="qt-aws qt-observability">Cloudwatch</span>,
-							<span class="qt-aws qt-observability">Grafana</span>,
-							<span class="qt-aws">Kinesis Data Stream</span>,
-							<span class="qt-aws qt-infra">AWS CDK (infrastructure as code)</span>, and
-							<span class="qt-aws qt-cicd">CodePipeline (CI/CD)</span>
-						</li>
-					</ul>
-					<br>
-
-					<h2>Software Engineer Intern</h2>
-					<div class="two-column-separated">
-						<div>May 2022 – Aug 2022</div>
-						<div style="text-align: end">Twitch, San Francisco</div>
-					</div>
-					<ul>
-						<li>
-							Built a <span class="qt-infra">load testing service</span> that can be configured to generate different
-							message types at different volumes that can be easily extended to target different chat services
-						</li>
-						<li>
-							Used Twitch’s set of custom tools, including Twitch’s custom RPC protocol, to create a backend
-							service with business logic written in <span class="qt-go">Go</span> and cloud infrastructure utilizing
-							<span
-								class="qt-infra qt-aws">ECS on Fargate, Cloudwatch, and DynamoDB</span>
-							, defined in <span class="qt-ts">Typescript</span>-flavored CDK
-						</li>
-						<li>
-							Wrote a technical specification document for the service’s MVP and possible future features, and
-							additional documentation on how to use the service and how to extend the load testing service to include
-							new services to test
-						</li>
-					</ul>
-					<br>
-					<!-- todo: turn off flashing when accordion is expanded -->
-					<Accordion>
-						<AccordionItem>
-							<div slot="summary">
-								<h2 class="accordion-header">More experience</h2>
-							</div>
-							<svelte:fragment slot="content">
-								<section class="more-section">
-									{#if (!letChaos)}
-										<h2>Software Engineer Intern</h2>
-										<div class="two-column-separated">
-											<div>May 2021 – Dec 2021</div>
-											<div style="text-align: end">Twitch / Amazon Web Services Canada, Remote</div>
-										</div>
-										<ul>
-											<li>
-												Implemented and wrote tests for a feature in Twitch’s
-												<span class="qt-go">Golang</span> backend authentication microservices and
-												<span class="qt-ts">Typescript</span>
-												<span class="qt-react">React</span> frontend web app that will help suggest security improvements to
-												<b>over 100k+ users daily</b>
-											</li>
-										</ul>
-									{:else}
-										niko baikal seal from toba aquarium
-									{/if}
-									<br>
-								</section>
-							</svelte:fragment>
-						</AccordionItem>
-					</Accordion>
-				</section>
-			</Card>
-
-		</div>
-
-		{#each seaweedTemplateData.groupedEntries as group}
-			{#if group.items.length > 0}
-				<Card>
-					<section class="section-card title-card" slot="content">
-						<h1 class="text-center">{group.name}</h1>
-					</section>
-				</Card>
-
-				<section class={group.gridClass}>
-					{#each group.items as entry}
-						<svelte:component this={entry.component} props={entryProps}></svelte:component>
-					{/each}
-				</section>
-			{/if}
-		{/each}
+				{/if}
+			{/each}
+		{/if}
 
 		<ChumBucket></ChumBucket>
 
@@ -420,6 +299,7 @@
 						</div>
 
 						<EntryOrderConfig bind:seaweedEntries={seaweedTemplateData.groupedEntries}
+						                  seaweedTemplateData={seaweedTemplateData}
 						                  bind:orderUrl={orderUrl}
 						                  updateUrl={updateUrl}></EntryOrderConfig>
 

package/src/lib/template/seaweed/SeaweedTemplateData.ts

@@ -35,9 +35,7 @@ export const GameEntries: Readonly<EntryGroup> = {
 	items: [
 		{ name: "Pengi", component: Pengi },
 		{ name: "Hepcat", component: Hepcat },
-		{ name: "Chef Wings", component: ChefWings },
-		{ name: "Soulwork", component: Soulwork },
-		{ name: "Itch Promo", component: ItchPromo }
+		{ name: "Chef Wings", component: ChefWings }
 	],
 	gridClass: GroupGridClass.Games.toString()
 };
@@ -45,13 +43,9 @@ export const GameEntries: Readonly<EntryGroup> = {
 export const ProjectEntries: Readonly<EntryGroup> = {
 	name: DefaultHeader.Projects.toString(),
 	items: [
-		{ name: "Migrante Alberta", component: MigranteAlberta },
-		{ name: "Decentralized Social Media", component: DecentralizedSocialMedia },
+		{ name: "Soulwork", component: Soulwork },
 		{ name: "Customized YarnSpinner", component: CustomizedYarnspinner },
-		{ name: "Full Stack C", component: FullStackC },
-		{ name: "Workset", component: Workset },
-		{ name: "This Webpage", component: ThisWebpage },
-		{ name: "Mock Uber App", component: MockUberApp }
+		{ name: "This Webpage", component: ThisWebpage }
 	],
 	gridClass: GroupGridClass.Projects.toString()
 };

package/src/lib/template/seaweed/entries/EntryProps.ts

@@ -1,3 +1,5 @@
+import type { SeaweedTemplateData } from "$pkg/template/seaweed/SeaweedTemplateData";
+
 export enum DefaultHeader {
 	Games = "Games",
 	Projects = "Projects"
@@ -5,6 +7,11 @@ export enum DefaultHeader {
 
 export interface EntryProps {
 	email: string;
+	letChaos: boolean;
+	linkedinSlug: string;
+	name: string;
+	seaweedTemplateData: SeaweedTemplateData;
+	isVisible: boolean;
 }
 
 export interface GroupedEntry {

package/src/lib/template/seaweed/entries/WorkExperience.svelte

@@ -0,0 +1,146 @@
+<script lang="ts">
+	import SocialSection from "$pkg/components/SocialSection.svelte";
+	import Card from "$pkg/components/Card.svelte";
+	import { Accordion, AccordionItem } from "@skeletonlabs/skeleton";
+	import ElementVisbilityDetector from "$pkg/components/ElementVisbilityDetector.svelte";
+	import type { EntryProps } from "$pkg/template/seaweed/entries/EntryProps";
+
+	export let entryProps: EntryProps;
+	export let isVisible: boolean;
+	let { email, letChaos, linkedinSlug, name, seaweedTemplateData } = entryProps;
+</script>
+
+<div class="experience-and-about-div">
+
+	<div class="greater-about-div">
+
+		<Card includeDataNoSnippet={false}>
+			<section class="section-card" slot="content">
+
+				<h1>About</h1>
+
+				<p>
+					Hi! My name is {name}! I work as a software developer. Outside of that, I like making games, and
+					trying to do everything in between required to make one. I have some showcased below, our visit
+					my itch.io page for more of them.
+				</p>
+				<!-- todo: link the degree details idk -->
+				<p>
+					I also graduated with BS Computing Science, Specializing in Software Practice, and a
+					certificate in Computer Game Development at University of Alberta.
+				</p>
+				{#if seaweedTemplateData?.shouldAddFunNote}
+					<p>
+						I'm inspired by games like Harvest Moon: Friends of Mineral Town, Rune Factory 4, Theatrhythm,
+						Bravely Default: Flying Fairy, Boku no Natsuyasumi 2, and A Short Hike.
+					</p>
+				{/if}
+
+				<!-- todo: maybe put cute stuff here -->
+				<!--						</ToggleableContent>-->
+			</section>
+		</Card>
+
+		<Card>
+			<section class="section-card" slot="content">
+				<SocialSection email={email} linkedinSlug={linkedinSlug}></SocialSection>
+				<ElementVisbilityDetector bind:isVisible={isVisible}>
+				</ElementVisbilityDetector>
+			</section>
+		</Card>
+
+	</div>
+
+	<Card>
+		<section class="section-card" slot="content">
+			<h1>Experience</h1>
+
+			<h2>Highlight</h2>
+			<p>Worked on Go backend microservices and Typescript React frontend app, serving <b>over 30 million daily
+				active users</b> at Twitch (an Amazon Web Services subsidiary)</p>
+
+			<h2>Software Engineer</h2>
+			<div class="two-column-separated">
+				<div>July 2023 – January 2024</div>
+				<div style="text-align: end">Twitch (Amazon Web Services), Remote</div>
+			</div>
+			<ul>
+				<li>
+					Contributed to
+					<span class="qt-go">Golang</span>
+					microservices and
+					<span class="qt-ts">Typescript</span>
+					<span class="qt-react">React</span> codebases, across several teams, to accommodate public-facing user safety features to better comply with EU’s Digital Services Act, which applies to no more than
+					<a href="https://safety.twitch.tv/s/article/Digital-Services-Act-Information?language=en_US">30.5 million users</a>
+					. Work includes feature flags, alarms, unit tests, end-to-end testing, and documentation.
+				</li>
+				<li>
+					Improved observability for upcoming features by setting up new AWS resources to integrate internal data platform tools with existing alarms in our team’s microservice, utilizing
+					<span class="qt-aws qt-observability">Cloudwatch</span>,
+					<span class="qt-aws qt-observability">Grafana</span>,
+					<span class="qt-aws">Kinesis Data Stream</span>,
+					<span class="qt-aws qt-infra">AWS CDK (infrastructure as code)</span>, and
+					<span class="qt-aws qt-cicd">CodePipeline (CI/CD)</span>
+				</li>
+			</ul>
+			<br>
+
+			<h2>Software Engineer Intern</h2>
+			<div class="two-column-separated">
+				<div>May 2022 – Aug 2022</div>
+				<div style="text-align: end">Twitch (Amazon Web Services), San Francisco</div>
+			</div>
+			<ul>
+				<li>
+					Built a <span class="qt-infra">load testing service</span> that can be configured to generate different
+					message types at different volumes that can be easily extended to target different chat services
+				</li>
+				<li>
+					Used Twitch’s set of custom tools, including Twitch’s custom RPC protocol, to create a backend
+					service with business logic written in <span class="qt-go">Go</span> and cloud infrastructure utilizing
+					<span
+						class="qt-infra qt-aws">ECS on Fargate, Cloudwatch, and DynamoDB</span>
+					, defined in <span class="qt-ts">Typescript</span>-flavored CDK
+				</li>
+				<li>
+					Wrote a technical specification document for the service’s MVP and possible future features, and
+					additional documentation on how to use the service and how to extend the load testing service to include
+					new services to test
+				</li>
+			</ul>
+			<br>
+			<!-- todo: turn off flashing when accordion is expanded -->
+			<Accordion>
+				<AccordionItem>
+					<div slot="summary">
+						<h2 class="accordion-header">More experience</h2>
+					</div>
+					<svelte:fragment slot="content">
+						<section class="more-section">
+							{#if (!letChaos)}
+								<h2>Software Engineer Intern</h2>
+								<div class="two-column-separated">
+									<div>May 2021 – Dec 2021</div>
+									<div style="text-align: end">Twitch (Amazon Web Services), Remote</div>
+								</div>
+								<ul>
+									<li>
+										Implemented and wrote tests for a feature in Twitch’s
+										<span class="qt-go">Golang</span> backend authentication microservices and
+										<span class="qt-ts">Typescript</span>
+										<span class="qt-react">React</span> frontend web app that will help suggest security improvements to
+										<b>over 100k+ users daily</b>
+									</li>
+								</ul>
+							{:else}
+								niko baikal seal from toba aquarium
+							{/if}
+							<br>
+						</section>
+					</svelte:fragment>
+				</AccordionItem>
+			</Accordion>
+		</section>
+	</Card>
+
+</div>

package/src/lib/template/seaweed/entry_order_config/EntryOrderConfig.svelte

@@ -5,15 +5,14 @@
 		GetAllEntryFromGlobal,
 		GetEntryFromGlobal,
 		type SeaweedTemplateData,
-		seaweedTemplateData
 	} from "$pkg/template/seaweed/SeaweedTemplateData";
-	import type { ComponentType } from "svelte";
 	import { removeProxyWrapperOnString } from "./EntryOrderConfig";
 	import ComboBoxWithButton from "$pkg/components/combo_box/ComboBoxWithButton.svelte";
 	import CloseIcon from "$pkg/assets/icons/close.svg";
 	import UpwardIcon from "$pkg/assets/icons/arrow-upward.svg";
 	import "./entry-order-config.postcss";
 
+	export let seaweedTemplateData: SeaweedTemplateData;
 	export let seaweedEntries: EntryGroup[];
 	export let orderUrl: string;
 	export let updateUrl: (data: SeaweedTemplateData) => void;