@turnipxenon/pineapple 2.9.0 → 2.10.0

package/.idea/shelf/Changes1/shelved.patch

@@ -1,250 +0,0 @@
-Index: src/lib/components/dialog_overlay/DialogOverlay.svelte
-IDEA additional info:
-Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
-<+><script lang=\"ts\">\n\timport AresHappy from \"$pkg/assets/characters/ares/ares_happy.webp\";\n\timport { onMount } from \"svelte\";\n\timport { dialogManager } from \"$pkg/components/dialog_manager/DialogManagerStore\";\n\timport { DialogState } from \"$pkg/types/pineapple_fiber/DialogState\";\n\n\tlet currentMessage = \"\";\n\tdialogManager.currentMessage.subscribe((value) => {\n\t\tcurrentMessage = value;\n\t});\n\n\tlet currentPortrait = AresHappy;\n\tdialogManager.currentPortrait.subscribe((value) => {\n\t\tif (value) {\n\t\t\tcurrentPortrait = value;\n\t\t}\n\t});\n\n\tonMount(() => {\n\t\tdialogManager.update(0);\n\t});\n\n\tlet hidePercent = 100;\n\tlet isHidden = true;\n\tdialogManager.hidePercent.subscribe((value) => {\n\t\thidePercent = value * 0.4;\n\t\tisHidden = false;\n\t});\n\n\tdialogManager.currentReadableState.subscribe((value) => {\n\t\tisHidden = value === DialogState.Invisible;\n\t\tif (value === DialogState.Invisible) {\n\t\t}\n\t});\n\n\tconst onDialogClick = () => {\n\t\tdialogManager.skipAnimation();\n\t};\n</script>\n\n<div class=\"dialog-elements\"\n     hidden={isHidden}\n     style=\"--hidePercentWidth: -{hidePercent}vw;\n            --hidePercentHeight: {hidePercent}vh;\">\n\t<div class=\"dialog-portrait-container\">\n\t\t<img src={currentPortrait} alt=\"Ares\" class=\"dialog-portrait\" />\n\t</div>\n\t<div class=\"card dialog-box variant-ghost-primary\" on:click={onDialogClick}>\n\t\t<div class=\"card dialog-name\">\n\t\t\t<p><b>Turnip</b></p>\n\t\t</div>\n\t\t<section class=\"dialog-padding\">\n\t\t\t<!-- Made for 140 characters, like the original tweets -->\n\t\t\t{@html currentMessage}\n\t\t</section>\n\t</div>\n</div>\n\n<style>\n    .dialog-elements {\n        position: fixed;\n        z-index: 10;\n    }\n\n    .dialog-elements:dir(ltr) {\n        left: 0;\n    }\n\n    .dialog-elements:dir(rtl) {\n        right: 0;\n    }\n\n    .dialog-elements > div {\n        transform: translateY(var(--hidePercentHeight));\n    }\n\n    .dialog-box *,\n    .dialog-name * {\n        font-size: clamp(1em, 5vw, 1.3em);\n        line-height: 1.5em;\n    }\n\n    .dialog-padding :global(p) {\n        font-size: clamp(1em, 5vw, 1.3em) !important;\n        line-height: 1.5em !important;\n    }\n\n    .dialog-padding {\n        padding: clamp(1.5em, 5vw, 1.75em) clamp(0em, 5vw - 0.5em, 2em) 0;\n    }\n\n    .dialog-name {\n        @apply pt-2 px-4;\n        position: fixed;\n    }\n\n    .dialog-name:dir(ltr) {\n        /* for centering vertically */\n        transform: translateX(clamp(0em, 5vw - 0.5em, 1em)) translateY(-50%);\n    }\n\n    .dialog-name:dir(rtl) {\n        /* for centering vertically */\n        transform: translateX(calc(clamp(0em, 5vw - 0.5em, 1em) * -1)) translateY(-50%);\n    }\n\n    .dialog-portrait-container {\n        position: fixed;\n        bottom: 0;\n        height: clamp(30rem, 75vw, 40rem);\n        width: auto;\n    }\n\n    .dialog-portrait-container:dir(ltr) {\n        transform: translateX(var(--hidePercentWidth));\n        left: clamp(-4rem, calc(5vw - 5em), 0rem);\n    }\n\n    .dialog-portrait-container:dir(rtl) {\n        transform: translateX(calc(var(--hidePercentWidth) * -1));\n        right: clamp(-4rem, calc(5vw - 5em), 0rem);\n    }\n\n    .dialog-portrait {\n        height: 100%;\n    }\n\n    .dialog-portrait:dir(rtl) {\n        transform: scaleX(-1);\n    }\n</style>\n
-Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
-<+>UTF-8
-===================================================================
-diff --git a/src/lib/components/dialog_overlay/DialogOverlay.svelte b/src/lib/components/dialog_overlay/DialogOverlay.svelte
---- a/src/lib/components/dialog_overlay/DialogOverlay.svelte	(revision 92146aa15b0b89b1a113b193ffe101f3be25aac3)
-+++ b/src/lib/components/dialog_overlay/DialogOverlay.svelte	(date 1711677446714)
-@@ -16,26 +16,25 @@
- 		}
- 	});
- 
--	onMount(() => {
--		dialogManager.update(0);
--	});
--
- 	let hidePercent = 100;
- 	let isHidden = true;
--	dialogManager.hidePercent.subscribe((value) => {
--		hidePercent = value * 0.4;
--		isHidden = false;
--	});
-+	onMount(() => {
-+		dialogManager.hidePercent.subscribe((value) => {
-+			hidePercent = value * 0.4;
-+			isHidden = false;
-+		});
- 
--	dialogManager.currentReadableState.subscribe((value) => {
--		isHidden = value === DialogState.Invisible;
--		if (value === DialogState.Invisible) {
--		}
-+		dialogManager.currentReadableState.subscribe((value) => {
-+			isHidden = value === DialogState.Invisible;
-+		});
-+
-+		dialogManager.update(0);
- 	});
- 
- 	const onDialogClick = () => {
- 		dialogManager.skipAnimation();
- 	};
-+
- </script>
- 
- <div class="dialog-elements"
-Index: src/lib/components/Card.svelte
-IDEA additional info:
-Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
-<+><script lang=\"ts\">\n\texport let margin = \"0\";\n\texport let marginBottom = \"2lh\";\n\texport let overrideStyle = \"\";\n\texport let includeDataNoSnippet = true;\n\n\t// warning: don't forget the semi-colon when adding new style!\n\tconst style = `\n\t\t--turnip-card-margin: ${margin};\n\t\t--turnip-card-margin-bottom: ${marginBottom};\n\t\t${overrideStyle};\n\t`;\n\n\tif (!$$slots.content) {\n\t\tconsole.error(\"Missing content slot in card. No content will be displayed.\");\n\t}\n</script>\n\n{#if (includeDataNoSnippet)}\n\t<div class=\"card turnip-card\" style={style} data-no-snippet>\n\t\t<slot name=\"content\" class=\"card\" />\n\t</div>\n{:else }\n\t<div class=\"card turnip-card\" style={style}>\n\t\t<slot name=\"content\" class=\"card\" />\n\t</div>\n{/if}\n\n<style lang=\"postcss\">\n    .turnip-card {\n        @apply bg-surface-100 dark:bg-surface-900;\n        margin: var(--turnip-card-margin);\n        margin-bottom: var(--turnip-card-margin-bottom);\n        border-radius: var(--theme-rounded-container);\n    }\n</style>\n
-Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
-<+>UTF-8
-===================================================================
-diff --git a/src/lib/components/Card.svelte b/src/lib/components/Card.svelte
---- a/src/lib/components/Card.svelte	(revision 92146aa15b0b89b1a113b193ffe101f3be25aac3)
-+++ b/src/lib/components/Card.svelte	(date 1711678245830)
-@@ -3,6 +3,7 @@
- 	export let marginBottom = "2lh";
- 	export let overrideStyle = "";
- 	export let includeDataNoSnippet = true;
-+	export let additionalClass: string[] = [];
- 
- 	// warning: don't forget the semi-colon when adding new style!
- 	const style = `
-@@ -14,10 +15,12 @@
- 	if (!$$slots.content) {
- 		console.error("Missing content slot in card. No content will be displayed.");
- 	}
-+
-+	const classes = ["card", "turnip-card"].concat(additionalClass).join(" ");
- </script>
- 
- {#if (includeDataNoSnippet)}
--	<div class="card turnip-card" style={style} data-no-snippet>
-+	<div class={classes} style={style} data-no-snippet>
- 		<slot name="content" class="card" />
- 	</div>
- {:else }
-Index: src/lib/components/pineapple/PineappleBaseLayout.svelte
-IDEA additional info:
-Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
-<+><script lang=\"ts\">\n\texport let showDialogByDefault = false;\n\n\t// For auto dark/light mode\n\timport { AppBar, AppShell, autoModeWatcher, LightSwitch } from \"@skeletonlabs/skeleton\";\n\timport RandomizedBackground from \"$pkg/components/RandomizedBackground.svelte\";\n\n\t// navigation\n\timport { page } from \"$app/stores\";\n\t// store\n\timport { enableBackground } from \"$pkg/store\";\n\timport type { BreadcrumbData } from \"$pkg/types/BreadcrumbData\";\n\t// assets\n\t// import DialogOverlay from \"$lib/components/DialogOverlay.svelte\";\n\timport AresLogo from \"$pkg/assets/characters/ares/ares_logo.webp\";\n\timport FABIcon from \"$pkg/assets/bg_tiled/bg_tiled_turnip.png\";\n\timport CloseIcon from \"$pkg/assets/icons/close.svg\";\n\timport { dialogManager, enableDialogueOverlay } from \"$pkg/components/dialog_manager/DialogManagerStore\";\n\timport Toast from \"$pkg/components/pineapple/toast/Toast.svelte\";\n\timport DialogOverlay from \"$pkg/components/dialog_overlay/DialogOverlay.svelte\";\n\timport { fade } from \"svelte/transition\";\n\t// todo: clean up all these imports!\n\n\tlet pages: BreadcrumbData[] = [];\n\n\tconst updateBreadcrumb = (pathname: string) => {\n\t\tpages = [];\n\t\tlet basePath = \"\";\n\t\tpathname.split(\"/\").forEach((value, index) => {\n\t\t\tif (index === 0) {\n\t\t\t\tbasePath = \"/\";\n\t\t\t\tpages.push({\n\t\t\t\t\tpath: \"/\",\n\t\t\t\t\tname: \"Home\"\n\t\t\t\t});\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (value === \"\") {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tbasePath += value + \"/\";\n\t\t\tpages.push({\n\t\t\t\tpath: basePath,\n\t\t\t\tname: value\n\t\t\t});\n\t\t});\n\t\tpages = pages;\n\t};\n\n\t$: updateBreadcrumb($page.url.pathname); // run every time we navigate\n\n\tlet enableBackgroundValue = true;\n\tenableBackground.subscribe((value) => {\n\t\tenableBackgroundValue = value;\n\t});\n\n\tlet enableDialogueOverlayValue = true;\n\tenableDialogueOverlay.subscribe((value) => {\n\t\tenableDialogueOverlayValue = value;\n\t});\n\n\tenableDialogueOverlay.set(showDialogByDefault);\n</script>\n\n<!-- App Shell -->\n<svelte:head>\n\t{@html `<script>${autoModeWatcher.toString()} autoModeWatcher();</script>`}\n</svelte:head>\n\n<!--todo: turn off hidden when it's time-->\n<button class=\"fab\" on:click={()=>{\n\tdialogManager.toggleDialogOverlay()\n}}>\n\t{#if (enableDialogueOverlayValue)}\n\t\t<img class=\"turnip-icon\" src={CloseIcon} alt=\"interactive floating action button represented as a turnip\">\n\t{:else }\n\t\t<img class=\"turnip-icon\" src={FABIcon} alt=\"interactive floating action button represented as a turnip\">\n\t{/if}\n</button>\n\n<AppShell>\n\t<svelte:fragment slot=\"header\">\n\t\t<!-- App Bar -->\n\t\t<AppBar\n\t\t\tbackground=\"app-shell-token\"\n\t\t\tslotDefault=\"place-content-start\"\n\t\t\tslotTrail=\"place-content-end\">\n\t\t\t<svelte:fragment slot=\"lead\">\n\t\t\t\t<!--TODO: add logo or something for the lead in layout-->\n\t\t\t\t<img\n\t\t\t\t\talt=\"Ares's head titled towards the left with his tongue out and winking\"\n\t\t\t\t\tclass=\"ares-logo\"\n\t\t\t\t\tsrc={AresLogo}\n\t\t\t\t/>\n\t\t\t\t<span class=\"mr-2\" />\n\t\t\t\t<ol class=\"breadcrumb\">\n\t\t\t\t\t{#each pages as crumb, i}\n\t\t\t\t\t\t{#if i < pages.length - 1}\n\t\t\t\t\t\t\t<li class=\"crumb\" in:fade>\n\t\t\t\t\t\t\t\t<a href={crumb.path}>{crumb.name.charAt(0).toUpperCase() + crumb.name.slice(1)}</a>\n\t\t\t\t\t\t\t\t&nbsp;&rsaquo;&nbsp;\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t{:else}\n\t\t\t\t\t\t\t<li class=\"crumb\" in:fade>{crumb.name.charAt(0).toUpperCase() + crumb.name.slice(1)}</li>\n\t\t\t\t\t\t{/if}\n\t\t\t\t\t{/each}\n\t\t\t\t</ol>\n\t\t\t</svelte:fragment>\n\t\t\t<svelte:fragment slot=\"trail\">\n\t\t\t\t<LightSwitch bgLight=\"bg-surface-400\" />\n\t\t\t</svelte:fragment>\n\t\t</AppBar>\n\t</svelte:fragment>\n\n\t<RandomizedBackground enable={enableBackgroundValue} />\n\n\t<Toast></Toast>\n\n\t<DialogOverlay></DialogOverlay>\n\n\t<div class=\"default-page-container\">\n\t\t<slot />\n\t\t<div class=\"footer-space\" />\n\t</div>\n\n</AppShell>\n\n<style lang=\"postcss\">\n    :root {\n        --dialog-start-pad: clamp(0em, 5vw, 2em);\n        --dialog-box-width: min(calc(50em + 4em), calc(100vw - var(--dialog-start-pad) - var(--theme-border-base)));\n        --dialog-box-height: clamp(15em, 50vw, 18em);\n\n        /** FAB icon margin/position calculation origin:\n\t\t\t\t\t\tCriteria:\n\t\t\t\t\t\t- We want at mobile (360px) our margin to be at 1em (16px)\n\t\t\t\t\t\t- We want at web (1960px) our margin to be at 2em (32px)\n\n\t\t\t\t\t\tA useful scaling factor might vw. At 360px, 16px would be around 4.44vw (360/16).\n\t\t\t\t\t\tAt 360px: margin is at 16px or 1em.\n\t\t\t\t\t\tAt 1960px: 4.44vw is at 87px but that will be clamped to 32px or 2em.\n\t\t\t\t\t\tThe calculation implies that the natural point that the margin becomes 2em is clamped on\n\t\t\t\t\t\twider screens is at 727px.\n\t\t\t\t*/\n        --fab-margin: clamp(1em, 4.44vw, 2em);\n    }\n\n    .default-page-container {\n        @apply flex justify-center items-center;\n        margin-top: 4em;\n        margin-right: 1em;\n        flex-direction: column;\n        z-index: 0;\n    }\n\n    .ares-logo {\n        object-fit: contain;\n        height: 2em;\n        margin-inline-end: 0.5em;\n    }\n\n    /* breadcrumb does not work due to a lot of magic stuff i do\n       the code below is from skeleton's tailwind css:\n       https://github.com/skeletonlabs/skeleton/blob/54f4ecedabf2be6d94a670b56dc8821095ca3fc9/packages/plugin/src/styles/components/breadcrumbs.css\n\n       it likely disappeared due to code gen shenanigans and package magic */\n    .breadcrumb,\n    .breadcrumb-nonresponsive {\n        @apply flex items-center w-full overflow-x-auto;\n        /*@apply flex items-center space-x-4 w-full hide-scrollbar overflow-x-auto;*/\n    }\n\n    .crumb {\n        @apply flex justify-center items-center;\n        margin: 0.1em;\n    }\n\n    .crumb-separator {\n        @apply flex;\n        color: var(--color-text-50);\n    }\n\n    /* === Auto-Responsive === */\n\n    .breadcrumb li {\n        @apply hidden md:block;\n    }\n\n    .breadcrumb li:nth-last-child(3),\n    .breadcrumb li:nth-last-child(2),\n    .breadcrumb li:nth-last-child(1) {\n        @apply block;\n    }\n\n    .fab {\n        @apply btn variant-filled-tertiary;\n        padding: 0;\n        position: fixed;\n        bottom: var(--fab-margin);\n        width: 4em;\n        border-radius: 50%;\n\t\t    z-index: 100;\n    }\n\n    .fab > img {\n        width: 100%;\n    }\n\n    .fab:dir(ltr) {\n        right: var(--fab-margin);\n    }\n\n    .fab:dir(rtl) {\n        left: var(--fab-margin);\n    }\n\n    .turnip-icon {\n\t\t    margin: 4px;\n    }\n</style>\n
-Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
-<+>UTF-8
-===================================================================
-diff --git a/src/lib/components/pineapple/PineappleBaseLayout.svelte b/src/lib/components/pineapple/PineappleBaseLayout.svelte
---- a/src/lib/components/pineapple/PineappleBaseLayout.svelte	(revision 92146aa15b0b89b1a113b193ffe101f3be25aac3)
-+++ b/src/lib/components/pineapple/PineappleBaseLayout.svelte	(date 1711679137623)
-@@ -149,8 +149,8 @@
- 
-     .default-page-container {
-         @apply flex justify-center items-center;
--        margin-top: 4em;
--        margin-right: 1em;
-+        width: 100%;
-+        padding: 1lh clamp(8px, 10vw, 2em);
-         flex-direction: column;
-         z-index: 0;
-     }
-@@ -201,7 +201,7 @@
-         bottom: var(--fab-margin);
-         width: 4em;
-         border-radius: 50%;
--		    z-index: 100;
-+        z-index: 100;
-     }
- 
-     .fab > img {
-@@ -217,6 +217,6 @@
-     }
- 
-     .turnip-icon {
--		    margin: 4px;
-+        margin: 4px;
-     }
- </style>
-Index: src/lib/components/navigation_component/NavigationComponent.svelte
-IDEA additional info:
-Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
-<+><script lang=\"ts\">\n\timport NavigationControl from \"$pkg/components/navigation_component/NavigationControl.svelte\";\n\timport { Card, createGoToFunction } from \"$pkg\";\n\timport { parsePageMeta, type ParsePageMetaCompareFn } from \"$pkg/components/navigation_component/PageMeta\";\n\n\texport let title: string | undefined = undefined;\n\texport let fileList: Record<string, unknown>;\n\texport let jsonList: Record<string, unknown>;\n\texport let imageMap = new Map<string, string>();\n\n\t/**\n\t * Should include a slash before and after the path\n\t */\n\texport let parentSubpath: string;\n\n\texport let compareFn: undefined | ParsePageMetaCompareFn = undefined;\n\texport let pageSize = 5;\n\texport let currentIndex = 0;\n\n\tconst pageFlatList = parsePageMeta(fileList, jsonList, imageMap, compareFn);\n\n\t$: visiblePages = pageFlatList.slice(currentIndex * pageSize, (currentIndex * pageSize) + pageSize);\n</script>\n\n<div class=\"navigation-wrapper\">\n\t{#if (title)}\n\t\t<Card>\n\t\t\t<h1 slot=\"content\" class=\"default-card navigation-title\">\n\t\t\t\t{title}\n\t\t\t</h1>\n\t\t</Card>\n\t{/if}\n\n\t<NavigationControl bind:currentIndex={currentIndex}\n\t                   bind:contentLength={pageFlatList.length}\n\t                   bind:pageSize={pageSize}></NavigationControl>\n\n\t<div class=\"navigation-component\">\n\t\t<!-- all the misc routes-->\n\t\t{#each visiblePages as pageMeta}\n\t\t\t{@const fullPath=`${parentSubpath}${pageMeta.relativeLink}`}\n\t\t\t<button class=\"navigation-element\"\n\t\t\t        title={fullPath}\n\t\t\t        on:click={createGoToFunction(fullPath)}>\n\t\t\t\t{#if pageMeta.imageUrl}\n\t\t\t\t\t<img src={pageMeta.imageUrl}\n\t\t\t\t\t     alt={pageMeta.imageAlt ?? \"placeholder alt text please replace me or report me!\"} />\n\t\t\t\t{/if}\n\t\t\t\t<section class=\"blurb-text\">\n\t\t\t\t\t<h2>{pageMeta.title}</h2>\n\t\t\t\t\t<p>Published: {pageMeta.datePublished ?? \"N/A\"} | Last updated: {pageMeta.lastUpdated ?? \"N/A\"}</p>\n\t\t\t\t\t<p>{pageMeta.description ?? \"\"}</p>\n\t\t\t\t\tTags:\n\t\t\t\t\t{#if (pageMeta.tags && pageMeta.tags.length !== 0)}\n\t\t\t\t\t\t{#each pageMeta.tags as tagValue}\n\t\t\t\t\t\t\t&nbsp;<span class=\"badge variant-filled tag-container\">{tagValue}</span>\n\t\t\t\t\t\t{/each}\n\t\t\t\t\t{:else}\n\t\t\t\t\t\tNone\n\t\t\t\t\t{/if}\n\t\t\t\t</section>\n\t\t\t</button>\n\t\t{/each}\n\n\t\t{#if visiblePages.length === 0}\n\t\t\t<Card>\n\t\t\t\t<p class=\"default-card\" slot=\"content\">Sorry, no content was found</p>\n\t\t\t</Card>\n\t\t{/if}\n\t</div>\n\n\t<NavigationControl bind:currentIndex={currentIndex}\n\t                   bind:contentLength={pageFlatList.length}\n\t                   bind:pageSize={pageSize}></NavigationControl>\n\n</div>\n\n<style lang=\"postcss\">\n    @media (max-width: 800px) {\n        img {\n            max-height: 20rem;\n            width: 100%;\n            flex-basis: 100%;\n            border-radius: var(--theme-rounded-container) var(--theme-rounded-container) 0 0;\n        }\n\n        .navigation-element {\n            flex-direction: column;\n        }\n    }\n\n    @media (min-width: 801px) {\n        .navigation-element {\n            flex-direction: row;\n        }\n\n        img {\n            width: 20em;\n        }\n    }\n\n    .navigation-element {\n        @apply btn card card-hover bg-surface-100 dark:bg-surface-900;\n        display: flex;\n        /*flex-direction: row;*/\n        text-align: start;\n        align-items: flex-start;\n        padding: 0;\n    }\n\n    img {\n        height: 20em;\n        object-fit: cover;\n        padding: var(--theme-border-base);\n        border-radius: var(--theme-rounded-container) 0 0 var(--theme-rounded-container);\n    }\n\n    .navigation-component {\n        display: flex;\n        flex-direction: column;\n        gap: 2em;\n    }\n\n    .navigation-title {\n        text-align: center;\n    }\n\n    .blurb-text {\n        padding: 2em;\n        flex-grow: 1;\n        white-space: initial;\n        min-width: 0;\n    }\n\n    .navigation-wrapper {\n        display: flex;\n        flex-direction: column;\n        max-width: 1000px;\n    }\n\n    .tag-container {\n        margin: 0.25lh 0;\n    }\n</style>
-Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
-<+>UTF-8
-===================================================================
-diff --git a/src/lib/components/navigation_component/NavigationComponent.svelte b/src/lib/components/navigation_component/NavigationComponent.svelte
---- a/src/lib/components/navigation_component/NavigationComponent.svelte	(revision 92146aa15b0b89b1a113b193ffe101f3be25aac3)
-+++ b/src/lib/components/navigation_component/NavigationComponent.svelte	(date 1711678425171)
-@@ -123,6 +123,7 @@
- 
-     .navigation-title {
-         text-align: center;
-+        max-width: initial;
-     }
- 
-     .blurb-text {
-@@ -136,6 +137,7 @@
-         display: flex;
-         flex-direction: column;
-         max-width: 1000px;
-+		    width: 100%;
-     }
- 
-     .tag-container {
-Index: src/routes/(pineapple)/pineapple/(pineapple)/+page.svelte
-IDEA additional info:
-Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
-<+><script lang=\"ts\">\n\timport { showComponentInToast, showTextInToast } from \"$pkg/components/pineapple/toast/Toast\";\n\timport TestCard from \"$pkg/components/pineapple/toast/custom-toast/TestCustomToast.svelte\";\n\timport TestDialogYarn from \"./TestDialog.yarn?raw\";\n\timport { Card, dialogManager } from \"$pkg\";\n\timport NavigationComponent from \"../../../../lib/components/navigation_component/NavigationComponent.svelte\";\n\timport { ImageMap } from \"../(extra-pages)/ImageMap\";\n\n\t// region Toast test scripts\n\tlet testingQueueNumber = 1;\n\tconst testingRandomPhrases = [\n\t\t\"Niko\",\n\t\t\"Niko the Baikal seal\",\n\t\t\"Niko the Baikal seal\\nfrom Toba Aquarium\"\n\t];\n\tconst testDialogYarn = TestDialogYarn;\n\n\tlet parsed = false;\n\tconst onTestDialogClick = () => {\n\t\tif (!parsed) {\n\t\t\tdialogManager.parseAndSetDialogTree(testDialogYarn).then(() => {\n\t\t\t\tdialogManager.toggleDialogOverlay();\n\t\t\t});\n\t\t\tparsed = true;\n\t\t} else {\n\t\t\tdialogManager.toggleDialogOverlay();\n\t\t}\n\t};\n\t// endregion\n\n\n\t// todo: fix fragile relative reference to the root\n\tconst fileList = import.meta.glob(\"./../**/+page.svelte\", { query: \"?raw\" });\n\tconst jsonList = import.meta.glob(\"./../**/meta.json\", { query: \"?raw\", eager: true });\n</script>\n\n<div class=\"pineapple-container\">\n\t<Card>\n\t\t<div slot=\"content\" class=\"default-card\">\n\t\t\t<button\n\t\t\t\tclass=\"btn variant-filled-secondary\"\n\t\t\t\ton:click={() => {\n\t\t\tshowComponentInToast({componentAndProps: {component: TestCard, props: undefined}});\n\t\t}}><h3>Test custom toast</h3></button>\n\t\t\t<button\n\t\t\t\tclass=\"btn variant-filled-secondary\"\n\t\t\t\ton:click={() => {\n\t\t\tshowTextInToast(`${testingQueueNumber} ${testingRandomPhrases[testingQueueNumber]}`);\n\t\t\ttestingQueueNumber = (testingQueueNumber + 1) % testingRandomPhrases.length;\n\t\t}}><h3>Handy toast</h3></button>\n\t\t\t<button\n\t\t\t\tclass=\"btn variant-filled-secondary\"\n\t\t\t\ton:click={onTestDialogClick}><h3>Test dialog</h3></button>\n\t\t</div>\n\t</Card>\n\n\t<NavigationComponent title=\"Navigation Component Test\"\n\t                     fileList={fileList}\n\t                     jsonList={jsonList}\n\t                     imageMap={ImageMap}\n\t                     parentSubpath=\"/pineapple/\">\n\t</NavigationComponent>\n</div>\n\n<style lang=\"postcss\">\n    .default-card {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 2em;\n    }\n\n    .pineapple-container {\n        display: flex;\n        flex-direction: column;\n    }\n</style>\n
-Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
-<+>UTF-8
-===================================================================
-diff --git a/src/routes/(pineapple)/pineapple/(pineapple)/+page.svelte b/src/routes/(pineapple)/pineapple/(pineapple)/+page.svelte
---- a/src/routes/(pineapple)/pineapple/(pineapple)/+page.svelte	(revision 92146aa15b0b89b1a113b193ffe101f3be25aac3)
-+++ b/src/routes/(pineapple)/pineapple/(pineapple)/+page.svelte	(date 1711679832559)
-@@ -2,10 +2,12 @@
- 	import { showComponentInToast, showTextInToast } from "$pkg/components/pineapple/toast/Toast";
- 	import TestCard from "$pkg/components/pineapple/toast/custom-toast/TestCustomToast.svelte";
- 	import TestDialogYarn from "./TestDialog.yarn?raw";
--	import { Card, dialogManager } from "$pkg";
-+	import { Card, dialogManager, enableDialogueOverlay } from "$pkg";
- 	import NavigationComponent from "../../../../lib/components/navigation_component/NavigationComponent.svelte";
- 	import { ImageMap } from "../(extra-pages)/ImageMap";
- 
-+	enableDialogueOverlay.set(false);
-+
- 	// region Toast test scripts
- 	let testingQueueNumber = 1;
- 	const testingRandomPhrases = [
-@@ -34,33 +36,31 @@
- 	const jsonList = import.meta.glob("./../**/meta.json", { query: "?raw", eager: true });
- </script>
- 
--<div class="pineapple-container">
--	<Card>
--		<div slot="content" class="default-card">
--			<button
--				class="btn variant-filled-secondary"
--				on:click={() => {
-+<Card>
-+	<div slot="content" class="default-card">
-+		<button
-+			class="btn variant-filled-secondary"
-+			on:click={() => {
- 			showComponentInToast({componentAndProps: {component: TestCard, props: undefined}});
- 		}}><h3>Test custom toast</h3></button>
--			<button
--				class="btn variant-filled-secondary"
--				on:click={() => {
-+		<button
-+			class="btn variant-filled-secondary"
-+			on:click={() => {
- 			showTextInToast(`${testingQueueNumber} ${testingRandomPhrases[testingQueueNumber]}`);
- 			testingQueueNumber = (testingQueueNumber + 1) % testingRandomPhrases.length;
- 		}}><h3>Handy toast</h3></button>
--			<button
--				class="btn variant-filled-secondary"
--				on:click={onTestDialogClick}><h3>Test dialog</h3></button>
--		</div>
--	</Card>
-+		<button
-+			class="btn variant-filled-secondary"
-+			on:click={onTestDialogClick}><h3>Test dialog</h3></button>
-+	</div>
-+</Card>
- 
--	<NavigationComponent title="Navigation Component Test"
--	                     fileList={fileList}
--	                     jsonList={jsonList}
--	                     imageMap={ImageMap}
--	                     parentSubpath="/pineapple/">
--	</NavigationComponent>
--</div>
-+<NavigationComponent title="Navigation Component Test"
-+                     fileList={fileList}
-+                     jsonList={jsonList}
-+                     imageMap={ImageMap}
-+                     parentSubpath="/pineapple/">
-+</NavigationComponent>
- 
- <style lang="postcss">
-     .default-card {
-@@ -68,9 +68,4 @@
-         flex-wrap: wrap;
-         gap: 2em;
-     }
--
--    .pineapple-container {
--        display: flex;
--        flex-direction: column;
--    }
- </style>
-Index: src/routes/(pineapple)/+layout.svelte
-IDEA additional info:
-Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
-<+><script lang=\"ts\">\n\timport PinyaBaseLayout from \"$pkg/components/pineapple/PineappleBaseLayout.svelte\";\n</script>\n\n<PinyaBaseLayout>\n\t<slot />\n</PinyaBaseLayout>\n\n
-Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
-<+>UTF-8
-===================================================================
-diff --git a/src/routes/(pineapple)/+layout.svelte b/src/routes/(pineapple)/+layout.svelte
---- a/src/routes/(pineapple)/+layout.svelte	(revision 92146aa15b0b89b1a113b193ffe101f3be25aac3)
-+++ b/src/routes/(pineapple)/+layout.svelte	(date 1711677788045)
-@@ -2,7 +2,7 @@
- 	import PinyaBaseLayout from "$pkg/components/pineapple/PineappleBaseLayout.svelte";
- </script>
- 
--<PinyaBaseLayout>
-+<PinyaBaseLayout showDialogByDefault={true}>
- 	<slot />
- </PinyaBaseLayout>
- 

package/.idea/shelf/Changes1.xml

@@ -1,4 +0,0 @@
-<changelist name="Changes1" date="1711679855731" recycled="false">
-  <option name="PATH" value="$PROJECT_DIR$/.idea/shelf/Changes1/shelved.patch" />
-  <option name="DESCRIPTION" value="Changes" />
-</changelist>

package/.idea/shelf/Fix_attempt_for_slug/shelved.patch

@@ -1,63 +0,0 @@
-Index: src/lib/template/seaweed/SeaweedTemplate.svelte
-IDEA additional info:
-Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
-<+><script lang=\"ts\">\n\timport { afterUpdate, onMount } from \"svelte\";\n\timport EntryOrderConfig from \"$pkg/template/seaweed/entry_order_config/EntryOrderConfig.svelte\";\n\timport { runChaos } from \"$pkg/template/seaweed/RunChaos\";\n\timport SocialSection from \"$pkg/components/SocialSection.svelte\";\n\timport \"./seaweed.postcss\";\n\timport SeaweedBaseLayout from \"$pkg/components/layouts/SeaweedBaseLayout.svelte\";\n\timport { Accordion, AccordionItem, CodeBlock } from \"@skeletonlabs/skeleton\";\n\timport { page } from \"$app/stores\";\n\timport Card from \"$pkg/components/Card.svelte\";\n\timport ElementVisbilityDetector from \"$pkg/components/ElementVisbilityDetector.svelte\";\n\timport {\n\t\ttype EntryGroup,\n\t\ttype SeaweedTemplateData,\n\t\tTurnGroupEntriesMutable, type ComponentMeta\n\t} from \"./SeaweedTemplateData\";\n\timport type { EntryProps } from \"$pkg/template/seaweed/entries/EntryProps\";\n\timport { parseQueryTerms } from \"$pkg/template/seaweed/ParseQueryTerms\";\n\timport UrlShortenerForm from \"$pkg/template/seaweed/CreateUrlForm.svelte\";\n\timport PineappleSlideToggle from \"$pkg/components/PineappleSlideToggle.svelte\";\n\timport { Chip } from \"$pkg/index\";\n\timport ChumBucket from \"$pkg/template/seaweed/ChumBucket.svelte\";\n\n\texport let seaweedTemplateData: SeaweedTemplateData;\n\texport let projectFirstGroupedEntries: ReadonlyArray<EntryGroup>;\n\texport let getEntryFromGlobal: (name: string) => undefined | ComponentMeta;\n\texport let letChaos = true;\n\texport let name = \"Turnip\";\n\texport let email = \"turnipxenon@gmail.com\";\n\texport let linkedinSlug = \"turnip-xenon\";\n\texport let domain = \"http://localhost:5173/portfolio/actual/\";\n\texport let serverSideQueryParams = \"\";\n\n\t// region query params\n\tconst entryProps: EntryProps = {\n\t\temail\n\t};\n\n\tconst paramQTSet = new Set<string>();\n\n\tlet isVisible = true;\n\tlet isAdvanceSettingOn = false;\n\t$: isSocialsGone = !isVisible;\n\n\tlet qtfontWeight = \"normal\";\n\tlet additionalFontWeight = \"\";\n\n\tlet chaosDone = false;\n\tlet mainVisibility = \"visible\";\n\t$: mainVisibility = letChaos && !chaosDone ? \"hidden\" : \"visible\";\n\n\tconst syncQT = () => {\n\t\tif (seaweedTemplateData.queryTermMap.size === 0 || paramQTSet.size === 0) {\n\t\t\treturn;\n\t\t}\n\n\t\tseaweedTemplateData.queryTermMap.forEach((_, k) => {\n\t\t\tseaweedTemplateData.queryTermMap.set(k, paramQTSet.has(k));\n\t\t});\n\n\t\t// force svelte refresh\n\t\tseaweedTemplateData.queryTermMap = seaweedTemplateData.queryTermMap;\n\t};\n\n\tconst parseQueryTermsLocal = async () => {\n\t\tconst qtSet = new Set<string>();\n\t\tparseQueryTerms(document.body, qtSet);\n\t\tqtSet.forEach(t => seaweedTemplateData.queryTermMap.set(t, true));\n\t\t// force svelte update\n\t\tseaweedTemplateData.queryTermMap = seaweedTemplateData.queryTermMap;\n\t\tsyncQT();\n\t};\n\n\t/** qt values and what they mean:\n\t *  undefined: set all qt terms to font-weight: bold\n\t *  todo: implement clear\n\t *  clear: unset all terms to font-weight: normal\n\t *  <term>: only set qt-<term> to bold\n\t *  <term1>,<term2>: only set qt-<term1> and qt-<term2> to bold,\n\t *\n\t *  ONLY CALL INSIDE onMount()\n\t **/\n\tconst filterSearchParams = (searchParams: URLSearchParams) => {\n\t\tconst isFunOn = searchParams.get(\"fun\")?.trim();\n\t\tif (isFunOn === \"true\") {\n\t\t\tseaweedTemplateData.shouldAddFunNote = true;\n\t\t}\n\n\t\t// region Order\n\t\tconst gameSectionFirstParam = searchParams.get(\"game-section-first\")?.trim();\n\t\tconst orderParam = searchParams.get(\"order\")?.trim();\n\t\tif (orderParam) {\n\t\t\tseaweedTemplateData.groupedEntries = [];\n\n\t\t\torderParam.split(\",\").forEach(groupDefinition => {\n\t\t\t\tconst pair = groupDefinition.split(\":\");\n\t\t\t\tconsole.log(pair);\n\t\t\t\tif (pair.length >= 2) {\n\t\t\t\t\tconst group: EntryGroup = {\n\t\t\t\t\t\tname: pair[0],\n\t\t\t\t\t\titems: [],\n\t\t\t\t\t\tgridClass: pair[2]\n\t\t\t\t\t};\n\n\t\t\t\t\tpair[1].split(\"|\").forEach(e => {\n\t\t\t\t\t\tconst component = getEntryFromGlobal(e);\n\t\t\t\t\t\tif (component) {\n\t\t\t\t\t\t\tgroup.items.push(component);\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\n\t\t\t\t\tseaweedTemplateData.groupedEntries.push(group);\n\t\t\t\t}\n\n\t\t\t});\n\n\t\t\tseaweedTemplateData.groupedEntries = seaweedTemplateData.groupedEntries;\n\t\t} else if (gameSectionFirstParam === \"false\") {\n\t\t\tseaweedTemplateData.groupedEntries = TurnGroupEntriesMutable(projectFirstGroupedEntries);\n\t\t}\n\t\t// endregion\n\n\t\t// region Bold terms\n\t\tconst qtValue = searchParams.get(\"qt\")?.trim();\n\t\tif (qtValue !== undefined) {\n\t\t\tqtfontWeight = \"normal\";\n\t\t\tconst dynamicStyle = qtValue.split(\",\").map((term) => {\n\t\t\t\t// side-effect\n\t\t\t\tparamQTSet.add(`qt-${term}`);\n\n\t\t\t\t// main effect\n\t\t\t\treturn `span.qt-${term} { font-weight: bold !important; }`;\n\t\t\t}).join(\"\\n\");\n\n\t\t\t// https://stackoverflow.com/a/24285947/17836168\n\t\t\tconst style = document.createElement(\"style\");\n\t\t\t// noinspection JSDeprecatedSymbols\n\t\t\tstyle.type = \"text/css\";\n\t\t\tstyle.innerText = dynamicStyle;\n\t\t\tdocument.head.appendChild(style);\n\t\t\tsyncQT();\n\t\t} else {\n\t\t\tqtfontWeight = \"bold\";\n\t\t}\n\t\t// endregion Bold terms\n\t};\n\t// endregion query params\n\n\t/* region chaos scripts */\n\t/* endregion chaos scripts */\n\n\tonMount(async () => {\n\t\tif (!letChaos && serverSideQueryParams) {\n\t\t\tfilterSearchParams(new URLSearchParams(serverSideQueryParams));\n\t\t} else if (!letChaos && $page.url.searchParams) {\n\t\t\tfilterSearchParams($page.url.searchParams);\n\t\t}\n\n\t\tif (letChaos) {\n\t\t\trunChaos(document.body);\n\t\t\tchaosDone = true;\n\t\t}\n\t});\n\n\tlet isParsed = false;\n\tafterUpdate(async () => {\n\t\tif (!letChaos && !isParsed) {\n\t\t\tisParsed = true;\n\t\t\tawait parseQueryTermsLocal();\n\t\t}\n\t});\n\n\tconst toggleTerm = (term: string) => {\n\t\tseaweedTemplateData.queryTermMap.set(term, !seaweedTemplateData.queryTermMap.get(term));\n\t\tseaweedTemplateData.queryTermMap = seaweedTemplateData.queryTermMap;\n\t};\n\n\t// when either gameSectionFirst or the queryTerms are updated, update advancedUrl\n\tlet orderUrl = \"\";\n\tlet advancedUrl = domain;\n\tlet advancedQuery = \"\";\n\tconst updateUrl = (seaweedTemplateData: SeaweedTemplateData) => {\n\t\tif (seaweedTemplateData === undefined) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst queryParams: string[] = [];\n\n\t\tif (orderUrl) {\n\t\t\tqueryParams.push(orderUrl);\n\t\t}\n\n\t\tconst qtList: string[] = [];\n\t\tseaweedTemplateData.queryTermMap.forEach((shouldBold, term) => {\n\t\t\tif (shouldBold) {\n\t\t\t\tqtList.push(term);\n\t\t\t}\n\t\t});\n\n\t\tif (qtList.length === 0) {\n\t\t\tqueryParams.push(\"qt=clear\");\n\t\t} else if (seaweedTemplateData.queryTermMap.size !== qtList.length) {\n\t\t\t// we'll only add if the lengths are not equal\n\t\t\t// dont need to add query if all terms in qtMap is true\n\t\t\tqueryParams.push(`qt=${qtList.map(t => t.slice(3, t.length)).join(\",\")}`);\n\t\t}\n\n\t\tif (seaweedTemplateData.shouldAddFunNote) {\n\t\t\tqueryParams.push(\"fun=true\");\n\t\t}\n\n\t\tif (!seaweedTemplateData.gameSectionFirst) {\n\t\t\tqueryParams.push(\"game-section-first=false\");\n\t\t}\n\n\t\tif (queryParams.length > 0) {\n\t\t\tadvancedQuery = queryParams.join(\"&\");\n\t\t\tadvancedUrl = `${domain}?${advancedQuery}`;\n\t\t} else {\n\t\t\tadvancedUrl = domain;\n\t\t}\n\t};\n\t$: updateUrl(seaweedTemplateData);\n\n</script>\n\n<SeaweedBaseLayout bind:shouldDisplayLeadingIcons={isSocialsGone}>\n\t<!-- todo: limit main size to 1080 px? -->\n\t<main style={`\n\t--qt-font-weight: ${qtfontWeight};${additionalFontWeight};\n\tvisibility: ${mainVisibility};\n\t`}>\n\n\t\t<div class=\"experience-and-about-div\">\n\n\t\t\t<div class=\"greater-about-div\">\n\n\t\t\t\t<Card includeDataNoSnippet={false}>\n\t\t\t\t\t<section class=\"section-card\" slot=\"content\">\n\n\t\t\t\t\t\t<h1>About</h1>\n\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\tHi! My name is {name}! I work as a software developer. Outside of that, I like making games, and\n\t\t\t\t\t\t\ttrying to do everything in between required to make one. I have some showcased below, our visit\n\t\t\t\t\t\t\tmy itch.io page for more of them.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<!-- todo: link the degree details idk -->\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\tI also graduated with BS Computing Science, Specializing in Software Practice, and a\n\t\t\t\t\t\t\tcertificate in Computer Game Development at University of Alberta.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t{#if seaweedTemplateData?.shouldAddFunNote}\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\tI'm inspired by games like Harvest Moon: Friends of Mineral Town, Rune Factory 4, Theatrhythm,\n\t\t\t\t\t\t\t\tBravely Default: Flying Fairy, Boku no Natsuyasumi 2, and A Short Hike.\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t{/if}\n\n\t\t\t\t\t\t<!-- todo: maybe put cute stuff here -->\n\t\t\t\t\t\t<!--\t\t\t\t\t\t</ToggleableContent>-->\n\t\t\t\t\t</section>\n\t\t\t\t</Card>\n\n\t\t\t\t<Card>\n\t\t\t\t\t<section class=\"section-card\" slot=\"content\">\n\t\t\t\t\t\t<SocialSection email={email} linkedinSlug={linkedinSlug}></SocialSection>\n\t\t\t\t\t\t<ElementVisbilityDetector bind:isVisible={isVisible}>\n\t\t\t\t\t\t</ElementVisbilityDetector>\n\t\t\t\t\t</section>\n\t\t\t\t</Card>\n\n\t\t\t</div>\n\n\t\t\t<Card>\n\t\t\t\t<section class=\"section-card\" slot=\"content\">\n\t\t\t\t\t<h1>Experience</h1>\n\n\t\t\t\t\t<h2>Highlight</h2>\n\t\t\t\t\t<p>Worked on Go backend microservices and Typescript React frontend app, serving <b>over 30 million daily\n\t\t\t\t\t\tactive users</b> at Twitch (an Amazon Web Services subsidiary)</p>\n\n\t\t\t\t\t<h2>Software Engineer</h2>\n\t\t\t\t\t<div class=\"two-column-separated\">\n\t\t\t\t\t\t<div>July 2023 – January 2024</div>\n\t\t\t\t\t\t<div style=\"text-align: end\">Twitch (Amazon Web Services), Remote</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\tContributed to\n\t\t\t\t\t\t\t<span class=\"qt-go\">Golang</span>\n\t\t\t\t\t\t\tmicroservices and\n\t\t\t\t\t\t\t<span class=\"qt-ts\">Typescript</span>\n\t\t\t\t\t\t\t<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\n\t\t\t\t\t\t\t<a href=\"https://safety.twitch.tv/s/article/Digital-Services-Act-Information?language=en_US\">30.5 million users</a>\n\t\t\t\t\t\t\t. Work includes feature flags, alarms, unit tests, end-to-end testing, and documentation.\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\tImproved 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\n\t\t\t\t\t\t\t<span class=\"qt-aws qt-observability\">Cloudwatch</span>,\n\t\t\t\t\t\t\t<span class=\"qt-aws qt-observability\">Grafana</span>,\n\t\t\t\t\t\t\t<span class=\"qt-aws\">Kinesis Data Stream</span>,\n\t\t\t\t\t\t\t<span class=\"qt-aws qt-infra\">AWS CDK (infrastructure as code)</span>, and\n\t\t\t\t\t\t\t<span class=\"qt-aws qt-cicd\">CodePipeline (CI/CD)</span>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t\t<br>\n\n\t\t\t\t\t<h2>Software Engineer Intern</h2>\n\t\t\t\t\t<div class=\"two-column-separated\">\n\t\t\t\t\t\t<div>May 2022 – Aug 2022</div>\n\t\t\t\t\t\t<div style=\"text-align: end\">Twitch (Amazon Web Services), San Francisco</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\tBuilt a <span class=\"qt-infra\">load testing service</span> that can be configured to generate different\n\t\t\t\t\t\t\tmessage types at different volumes that can be easily extended to target different chat services\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\tUsed Twitch’s set of custom tools, including Twitch’s custom RPC protocol, to create a backend\n\t\t\t\t\t\t\tservice with business logic written in <span class=\"qt-go\">Go</span> and cloud infrastructure utilizing\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclass=\"qt-infra qt-aws\">ECS on Fargate, Cloudwatch, and DynamoDB</span>\n\t\t\t\t\t\t\t, defined in <span class=\"qt-ts\">Typescript</span>-flavored CDK\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\tWrote a technical specification document for the service’s MVP and possible future features, and\n\t\t\t\t\t\t\tadditional documentation on how to use the service and how to extend the load testing service to include\n\t\t\t\t\t\t\tnew services to test\n\t\t\t\t\t\t</li>\n\t\t\t\t\t</ul>\n\t\t\t\t\t<br>\n\t\t\t\t\t<!-- todo: turn off flashing when accordion is expanded -->\n\t\t\t\t\t<Accordion>\n\t\t\t\t\t\t<AccordionItem>\n\t\t\t\t\t\t\t<div slot=\"summary\">\n\t\t\t\t\t\t\t\t<h2 class=\"accordion-header\">More experience</h2>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<svelte:fragment slot=\"content\">\n\t\t\t\t\t\t\t\t<section class=\"more-section\">\n\t\t\t\t\t\t\t\t\t{#if (!letChaos)}\n\t\t\t\t\t\t\t\t\t\t<h2>Software Engineer Intern</h2>\n\t\t\t\t\t\t\t\t\t\t<div class=\"two-column-separated\">\n\t\t\t\t\t\t\t\t\t\t\t<div>May 2021 – Dec 2021</div>\n\t\t\t\t\t\t\t\t\t\t\t<div style=\"text-align: end\">Twitch (Amazon Web Services), Remote</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t\t\tImplemented and wrote tests for a feature in Twitch’s\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"qt-go\">Golang</span> backend authentication microservices and\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"qt-ts\">Typescript</span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"qt-react\">React</span> frontend web app that will help suggest security improvements to\n\t\t\t\t\t\t\t\t\t\t\t\t<b>over 100k+ users daily</b>\n\t\t\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t\t\t{:else}\n\t\t\t\t\t\t\t\t\t\tniko baikal seal from toba aquarium\n\t\t\t\t\t\t\t\t\t{/if}\n\t\t\t\t\t\t\t\t\t<br>\n\t\t\t\t\t\t\t\t</section>\n\t\t\t\t\t\t\t</svelte:fragment>\n\t\t\t\t\t\t</AccordionItem>\n\t\t\t\t\t</Accordion>\n\t\t\t\t</section>\n\t\t\t</Card>\n\n\t\t</div>\n\n\t\t{#if seaweedTemplateData}\n\t\t\t{#each seaweedTemplateData.groupedEntries as group}\n\t\t\t\t{#if group.items.length > 0}\n\t\t\t\t\t<Card>\n\t\t\t\t\t\t<section class=\"section-card title-card\" slot=\"content\">\n\t\t\t\t\t\t\t<h1 class=\"text-center\">{group.name}</h1>\n\t\t\t\t\t\t</section>\n\t\t\t\t\t</Card>\n\n\t\t\t\t\t<section class={group.gridClass}>\n\t\t\t\t\t\t{#each group.items as entry}\n\t\t\t\t\t\t\t<svelte:component this={entry.component} props={entryProps}></svelte:component>\n\t\t\t\t\t\t{/each}\n\t\t\t\t\t</section>\n\t\t\t\t{/if}\n\t\t\t{/each}\n\t\t{/if}\n\n\t\t<ChumBucket></ChumBucket>\n\n\t\t{#if (!letChaos)}\n\t\t\t<div aria-hidden=\"true\" style=\"height: 3lh\" />\n\n\t\t\t<Card>\n\t\t\t\t<div slot=\"content\" class=\"default-card advanced-setting\">\n\t\t\t\t\t<h1>Advanced settings</h1>\n\t\t\t\t\t<p>This one is for those curious how I customize this page.</p>\n\n\t\t\t\t\t<PineappleSlideToggle name=\"advanced-setting-slider\"\n\t\t\t\t\t                      bind:checked={isAdvanceSettingOn}>\n\t\t\t\t\t\tAdvanced settings: {isAdvanceSettingOn ? \"On\" : \"Off\"}\n\t\t\t\t\t</PineappleSlideToggle>\n\n\t\t\t\t\t{#if (isAdvanceSettingOn)}\n\t\t\t\t\t\t<PineappleSlideToggle name=\"game-section-slider\"\n\t\t\t\t\t\t                      bind:checked={seaweedTemplateData.gameSectionFirst}>\n\t\t\t\t\t\t\tShould game section appear first over projects: {seaweedTemplateData.gameSectionFirst ? \"On\" : \"Off\"}\n\t\t\t\t\t\t</PineappleSlideToggle>\n\t\t\t\t\t\t<p>Note: the above configuration was made before the dynamic entry list and to support links sent with that params, we will act like it only swaps the two groups, and nothing more dynamic if order query param does not exist. The configuration only happens during page load with query param, and it does not apply when changed here.</p>\n\t\t\t\t\t\t<PineappleSlideToggle name=\"fun-note-slider\"\n\t\t\t\t\t\t                      bind:checked={seaweedTemplateData.shouldAddFunNote}>\n\t\t\t\t\t\t\tShould add fun note in description: {seaweedTemplateData.shouldAddFunNote ? \"On\" : \"Off\"}\n\t\t\t\t\t\t</PineappleSlideToggle>\n\n\t\t\t\t\t\t<h3>Query terms to bold</h3>\n\t\t\t\t\t\t<div class=\"query-term-grid\">\n\t\t\t\t\t\t\t{#each seaweedTemplateData.queryTermMap.entries() as [term, shouldBold]}\n\t\t\t\t\t\t\t\t<!--{@const shouldBold = false}-->\n\t\t\t\t\t\t\t\t<Chip onClick={() => {toggleTerm(term)}}\n\t\t\t\t\t\t\t\t      checked={shouldBold}>\n\t\t\t\t\t\t\t\t\t<!-- todo: change shouldBold -->\n\t\t\t\t\t\t\t\t\t<span style={`font-weight: ${shouldBold ? \"bold\" : \"normal\"}`}>\n\t\t\t\t\t\t\t\t\t\t{#if (shouldBold)}&check;{/if}\n\t\t\t\t\t\t\t\t\t\t{term}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</Chip>\n\t\t\t\t\t\t\t{/each}\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<EntryOrderConfig bind:seaweedEntries={seaweedTemplateData.groupedEntries}\n\t\t\t\t\t\t                  seaweedTemplateData={seaweedTemplateData}\n\t\t\t\t\t\t                  bind:orderUrl={orderUrl}\n\t\t\t\t\t\t                  updateUrl={updateUrl}></EntryOrderConfig>\n\n\t\t\t\t\t\t<br>\n\t\t\t\t\t\t<p>Copy the url below and open a new page with it</p>\n\t\t\t\t\t\t<CodeBlock language=\"url\" code={advancedUrl}></CodeBlock>\n\n\t\t\t\t\t\t<UrlShortenerForm queryParams={advancedQuery}></UrlShortenerForm>\n\t\t\t\t\t{/if}\n\t\t\t\t</div>\n\t\t\t</Card>\n\t\t{/if}\n\t</main>\n\n\t<SocialSection slot=\"extraLeadingIcons\"\n\t               isSlot={true}\n\t               email={email}\n\t               linkedinSlug={linkedinSlug}\n\t               isSmallVersion={true}></SocialSection>\n</SeaweedBaseLayout>\n\n<style lang=\"postcss\">\n    .advanced-setting {\n        display: flex;\n        flex-direction: column;\n        gap: 0.5lh;\n    }\n\n    h3 {\n        font-size: 1.5em;\n        line-height: 1.5lh;\n    }\n\n    .query-term-grid {\n        display: flex;\n        gap: 0.25em;\n        flex-wrap: wrap;\n    }\n</style>\n
-Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
-<+>UTF-8
-===================================================================
-diff --git a/src/lib/template/seaweed/SeaweedTemplate.svelte b/src/lib/template/seaweed/SeaweedTemplate.svelte
---- a/src/lib/template/seaweed/SeaweedTemplate.svelte	(revision c86762330fb18825026ac30db8f62d304e74b645)
-+++ b/src/lib/template/seaweed/SeaweedTemplate.svelte	(date 1713045306792)
-@@ -38,6 +38,7 @@
- 
- 	const paramQTSet = new Set<string>();
- 
-+	let _queryParams: undefined | URLSearchParams = undefined;
- 	let isVisible = true;
- 	let isAdvanceSettingOn = false;
- 	$: isSocialsGone = !isVisible;
-@@ -80,7 +81,13 @@
- 	 *
- 	 *  ONLY CALL INSIDE onMount()
- 	 **/
--	const filterSearchParams = (searchParams: URLSearchParams) => {
-+	const filterSearchParams = (searchParams: URLSearchParams | undefined,
-+															seaweedTemplateData: SeaweedTemplateData | undefined) => {
-+		if (seaweedTemplateData === undefined || searchParams === undefined) {
-+			console.log(seaweedTemplateData, searchParams);
-+			return;
-+		}
-+
- 		const isFunOn = searchParams.get("fun")?.trim();
- 		if (isFunOn === "true") {
- 			seaweedTemplateData.shouldAddFunNote = true;
-@@ -151,9 +158,9 @@
- 
- 	onMount(async () => {
- 		if (!letChaos && serverSideQueryParams) {
--			filterSearchParams(new URLSearchParams(serverSideQueryParams));
-+			_queryParams = new URLSearchParams(serverSideQueryParams);
- 		} else if (!letChaos && $page.url.searchParams) {
--			filterSearchParams($page.url.searchParams);
-+			_queryParams = $page.url.searchParams;
- 		}
- 
- 		if (letChaos) {
-@@ -179,7 +186,7 @@
- 	let orderUrl = "";
- 	let advancedUrl = domain;
- 	let advancedQuery = "";
--	const updateUrl = (seaweedTemplateData: SeaweedTemplateData) => {
-+	const updateUrl = (seaweedTemplateData: SeaweedTemplateData | undefined) => {
- 		if (seaweedTemplateData === undefined) {
- 			return;
- 		}
-@@ -221,7 +228,7 @@
- 		}
- 	};
- 	$: updateUrl(seaweedTemplateData);
--
-+	$: filterSearchParams(_queryParams, seaweedTemplateData);
- </script>
- 
- <SeaweedBaseLayout bind:shouldDisplayLeadingIcons={isSocialsGone}>

package/.idea/shelf/Fix_attempt_for_slug.xml

@@ -1,4 +0,0 @@
-<changelist name="Fix_attempt_for_slug" date="1713045473505" recycled="false">
-  <option name="PATH" value="$PROJECT_DIR$/.idea/shelf/Fix_attempt_for_slug/shelved.patch" />
-  <option name="DESCRIPTION" value="Fix attempt for slug" />
-</changelist>

package/.idea/shelf/yarn_scripts/shelved.patch

@@ -1,20 +0,0 @@
-Index: package.json
-IDEA additional info:
-Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
-<+>{\n  \"name\": \"@turnipxenon/pineapple\",\n  \"description\": \"personal package for base styling for other personal projects\",\n  \"version\": \"2.4.29\",\n  \"scripts\": {\n    \"dev\": \"vite dev\",\n    \"build\": \"npm run check-requirements && vite build && yarn package\",\n    \"package\": \"svelte-kit sync && svelte-package && publint\",\n    \"check\": \"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json\",\n    \"check:watch\": \"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch\",\n    \"lint\": \"prettier --plugin-search-dir . --check . && eslint .\",\n    \"format\": \"prettier --plugin-search-dir . --write .\",\n    \"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\",\n    \"generate-yarn\": \"npx vite-node src/lib/scripts/pineapple_fiber/PineappleWeaver.ts\",\n    \"check-requirements\": \"npx vite-node src/lib/scripts/SetDefaultEnvironment.ts\",\n    \"custom-check\": \"npx vite-node src/lib/scripts/util/ManualCheckRun.ts\",\n    \"preview\": \"vite preview\",\n    \"prepublishOnly\": \"yarn package\"\n  },\n  \"devDependencies\": {\n    \"@sveltejs/adapter-auto\": \"^3.1.1\",\n    \"@sveltejs/kit\": \"^2.5.2\",\n    \"@sveltejs/package\": \"^2.2.1\",\n    \"@tailwindcss/forms\": \"^0.5.3\",\n    \"@tailwindcss/typography\": \"^0.5.9\",\n    \"@typescript-eslint/eslint-plugin\": \"^5.45.0\",\n    \"@typescript-eslint/parser\": \"^5.45.0\",\n    \"autoprefixer\": \"^10.4.14\",\n    \"eslint\": \"^8.28.0\",\n    \"eslint-config-prettier\": \"^8.5.0\",\n    \"eslint-plugin-svelte3\": \"^4.0.0\",\n    \"postcss\": \"8.4.35\",\n    \"prettier\": \"^3.2.5\",\n    \"prettier-plugin-svelte\": \"^3.2.2\",\n    \"svelte\": \"^4.2.12\",\n    \"svelte-check\": \"^3.6.6\",\n    \"svelte2tsx\": \"^0.6.20\",\n    \"tailwindcss\": \"^3.3.2\",\n    \"tslib\": \"^2.4.1\",\n    \"typescript\": \"^5.1.6\",\n    \"vite\": \"^5.1.5\"\n  },\n  \"dependencies\": {\n    \"@skeletonlabs/skeleton\": \"^2.9.0\",\n    \"@skeletonlabs/tw-plugin\": \"^0.3.1\",\n    \"@sveltejs/adapter-vercel\": \"^5.1.0\",\n    \"@sveltejs/kit\": \"^2.5.2\",\n    \"@sveltejs/vite-plugin-svelte\": \"^3.0.2\",\n    \"@types/htmlparser2\": \"^3.10.7\",\n    \"@types/node\": \"^20.11.25\",\n    \"highlight.js\": \"^11.8.0\",\n    \"htmlparser2\": \"^9.1.0\",\n    \"node-html-parser\": \"^6.1.5\",\n    \"publint\": \"^0.2.7\",\n    \"string-width\": \"^7.1.0\",\n    \"svelte\": \"^4.2.12\",\n    \"ts-node\": \"^10.9.1\"\n  },\n  \"exports\": {\n    \".\": {\n      \"types\": \"./dist/index.d.ts\",\n      \"svelte\": \"./dist/index.js\"\n    },\n    \"./app.postcss\": \"./src/lib/app.postcss\",\n    \"./theme.postcss\": \"./src/lib/theme.postcss\"\n  },\n  \"files\": [\n    \"dist\",\n    \"!dist/**/*.test.*\",\n    \"!dist/**/*.spec.*\",\n    \"./src/lib/app.postcss\",\n    \"./src/lib/theme.postcss\"\n  ],\n  \"repository\": \"https://github.com/TurnipXenon/pineapple\",\n  \"author\": \"turnipxenon <turnipxenon@gmail.com>\",\n  \"license\": \"MIT\",\n  \"svelte\": \"./dist/index.js\",\n  \"types\": \"./dist/index.d.ts\",\n  \"type\": \"module\"\n}\n
-Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
-<+>UTF-8
-===================================================================
-diff --git a/package.json b/package.json
---- a/package.json	(revision d30651f448fe5a9da3cf47b3f3218aaeb2c719d4)
-+++ b/package.json	(date 1711679914979)
-@@ -15,7 +15,8 @@
-     "check-requirements": "npx vite-node src/lib/scripts/SetDefaultEnvironment.ts",
-     "custom-check": "npx vite-node src/lib/scripts/util/ManualCheckRun.ts",
-     "preview": "vite preview",
--    "prepublishOnly": "yarn package"
-+    "prepublishOnly": "yarn package",
-+    "to-dev": "git checkout main && git pull origin main && git checkout -b turnip/dev"
-   },
-   "devDependencies": {
-     "@sveltejs/adapter-auto": "^3.1.1",

package/.idea/shelf/yarn_scripts.xml

@@ -1,4 +0,0 @@
-<changelist name="yarn_scripts" date="1711680044884" recycled="false">
-  <option name="PATH" value="$PROJECT_DIR$/.idea/shelf/yarn_scripts/shelved.patch" />
-  <option name="DESCRIPTION" value="yarn scripts" />
-</changelist>

package/.idea/vcs.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="VcsDirectoryMappings">
-    <mapping directory="" vcs="Git" />
-  </component>
-</project>