@turnipxenon/pineapple 2.4.71 → 2.4.73

package/.gitignore

@@ -14,5 +14,9 @@ dist
 /.vercel/
 
 # Prisma for debugging; need to migrate some Prisma function to Seaweed
-./prisma
+prisma
 
+#/prisma/migrations/20240408050417_init/migration.sql
+#/prisma/migrations/migration_lock.toml
+#/src/lib/server-temp/prisma.ts
+#/prisma/schema.prisma

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

@@ -0,0 +1,63 @@
+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

@@ -0,0 +1,4 @@
+<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/workspace.xml

@@ -4,8 +4,9 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="CreateUrlForm" comment="Fix bug with query params" />
-    <list id="a5282f93-c2bb-4265-921e-8b484677dd29" name="prisma" comment="" />
+    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Extract experience">
+      <change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" />
+    </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
@@ -56,6 +57,7 @@
         <option value="CSS File" />
         <option value="ChumBucket" />
         <option value="TypeScript File" />
+        <option value="WorkExperience" />
       </list>
     </option>
   </component>
@@ -98,7 +100,7 @@
     <dismissed value="$PROJECT_DIR$/../speenus/package.json" />
   </component>
   <component name="ProblemsViewState">
-    <option name="selectedTabId" value="ProjectErrors" />
+    <option name="selectedTabId" value="CurrentFile" />
   </component>
   <component name="ProjectColorInfo">{
   &quot;customColor&quot;: &quot;&quot;,
@@ -110,34 +112,34 @@
     <option name="hideEmptyMiddlePackages" value="true" />
     <option name="showLibraryContents" value="true" />
   </component>
-  <component name="PropertiesComponent"><![CDATA[{
-  "keyToString": {
-    "DefaultHtmlFileTemplate": "HTML File",
-    "RunOnceActivity.OpenProjectViewOnStart": "true",
-    "RunOnceActivity.ShowReadmeOnStart": "true",
-    "WebServerToolWindowFactoryState": "false",
-    "git-widget-placeholder": "turnip/dev",
-    "ignore.virus.scanning.warn.message": "true",
-    "last_opened_file_path": "C:/Users/Pumpkin/Projects/Web/pineapple/src/lib",
-    "list.type.of.created.stylesheet": "CSS",
-    "node.js.detected.package.eslint": "true",
-    "node.js.detected.package.tslint": "true",
-    "node.js.selected.package.eslint": "(autodetect)",
-    "node.js.selected.package.tslint": "(autodetect)",
-    "nodejs_interpreter_path": "node",
-    "nodejs_package_manager_path": "yarn",
-    "npm.build.executor": "Run",
-    "npm.dev (1).executor": "Run",
-    "npm.dev --open.executor": "Run",
-    "npm.dev offline.executor": "Run",
-    "npm.dev-offline.executor": "Run",
-    "npm.dev.executor": "Run",
-    "npm.to-dev.executor": "Run",
-    "settings.editor.selected.configurable": "settings.sync",
-    "ts.external.directory.path": "C:\\Users\\Pumpkin\\Projects\\Web\\pineapple\\node_modules\\typescript\\lib",
-    "vue.rearranger.settings.migration": "true"
+  <component name="PropertiesComponent">{
+  &quot;keyToString&quot;: {
+    &quot;DefaultHtmlFileTemplate&quot;: &quot;HTML File&quot;,
+    &quot;RunOnceActivity.OpenProjectViewOnStart&quot;: &quot;true&quot;,
+    &quot;RunOnceActivity.ShowReadmeOnStart&quot;: &quot;true&quot;,
+    &quot;WebServerToolWindowFactoryState&quot;: &quot;false&quot;,
+    &quot;git-widget-placeholder&quot;: &quot;turnip/dev&quot;,
+    &quot;ignore.virus.scanning.warn.message&quot;: &quot;true&quot;,
+    &quot;last_opened_file_path&quot;: &quot;C:/Users/Pumpkin/Projects/Web/pineapple/src/lib&quot;,
+    &quot;list.type.of.created.stylesheet&quot;: &quot;CSS&quot;,
+    &quot;node.js.detected.package.eslint&quot;: &quot;true&quot;,
+    &quot;node.js.detected.package.tslint&quot;: &quot;true&quot;,
+    &quot;node.js.selected.package.eslint&quot;: &quot;(autodetect)&quot;,
+    &quot;node.js.selected.package.tslint&quot;: &quot;(autodetect)&quot;,
+    &quot;nodejs_interpreter_path&quot;: &quot;node&quot;,
+    &quot;nodejs_package_manager_path&quot;: &quot;yarn&quot;,
+    &quot;npm.build.executor&quot;: &quot;Run&quot;,
+    &quot;npm.dev (1).executor&quot;: &quot;Run&quot;,
+    &quot;npm.dev --open.executor&quot;: &quot;Run&quot;,
+    &quot;npm.dev offline.executor&quot;: &quot;Run&quot;,
+    &quot;npm.dev-offline.executor&quot;: &quot;Run&quot;,
+    &quot;npm.dev.executor&quot;: &quot;Run&quot;,
+    &quot;npm.to-dev.executor&quot;: &quot;Run&quot;,
+    &quot;settings.editor.selected.configurable&quot;: &quot;settings.sync&quot;,
+    &quot;ts.external.directory.path&quot;: &quot;C:\\Users\\Pumpkin\\Projects\\Web\\pineapple\\node_modules\\typescript\\lib&quot;,
+    &quot;vue.rearranger.settings.migration&quot;: &quot;true&quot;
   }
-}]]></component>
+}</component>
   <component name="RecentsManager">
     <key name="CopyFile.RECENT_KEYS">
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib" />
@@ -207,11 +209,17 @@
       </list>
     </recent_temporary>
   </component>
+  <component name="SharedIndexes">
+    <attachedChunks>
+      <set>
+        <option value="bundled-js-predefined-1d06a55b98c1-74d2a5396914-JavaScript-WS-241.14494.235" />
+      </set>
+    </attachedChunks>
+  </component>
   <component name="SpellCheckerSettings" RuntimeDictionaries="0" Folders="0" CustomDictionaries="0" DefaultDictionary="application-level" UseSingleDictionary="true" transferred="true" />
   <component name="TaskManager">
     <task active="true" id="Default" summary="Default task">
       <changelist id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="" />
-      <changelist id="a5282f93-c2bb-4265-921e-8b484677dd29" name="prisma" comment="" />
       <created>1695180599963</created>
       <option name="number" value="Default" />
       <option name="presentableId" value="Default" />
@@ -361,55 +369,16 @@
       <workItem from="1712779118025" duration="2950000" />
       <workItem from="1712782201465" duration="745000" />
       <workItem from="1712790206684" duration="453000" />
-      <workItem from="1712941939083" duration="1159000" />
-    </task>
-    <task id="LOCAL-00141" summary="Implement cdktf for empty AppService">
-      <option name="closed" value="true" />
-      <created>1712396217629</created>
-      <option name="number" value="00141" />
-      <option name="presentableId" value="LOCAL-00141" />
-      <option name="project" value="LOCAL" />
-      <updated>1712396217629</updated>
-    </task>
-    <task id="LOCAL-00142" summary="WIP: cdktf">
-      <option name="closed" value="true" />
-      <created>1712398173694</created>
-      <option name="number" value="00142" />
-      <option name="presentableId" value="LOCAL-00142" />
-      <option name="project" value="LOCAL" />
-      <updated>1712398173694</updated>
-    </task>
-    <task id="LOCAL-00143" summary="WIP: cdktf">
-      <option name="closed" value="true" />
-      <created>1712403381287</created>
-      <option name="number" value="00143" />
-      <option name="presentableId" value="LOCAL-00143" />
-      <option name="project" value="LOCAL" />
-      <updated>1712403381287</updated>
-    </task>
-    <task id="LOCAL-00144" summary="Revert &quot;Correct app_build_command in Azure SWA GithubActions&quot;&#10;&#10;Revert b34caf17">
-      <option name="closed" value="true" />
-      <created>1712403833041</created>
-      <option name="number" value="00144" />
-      <option name="presentableId" value="LOCAL-00144" />
-      <option name="project" value="LOCAL" />
-      <updated>1712403833041</updated>
-    </task>
-    <task id="LOCAL-00145" summary="Temporarily delete workflow to let Azure auto-generate secrets">
-      <option name="closed" value="true" />
-      <created>1712404703660</created>
-      <option name="number" value="00145" />
-      <option name="presentableId" value="LOCAL-00145" />
-      <option name="project" value="LOCAL" />
-      <updated>1712404703660</updated>
-    </task>
-    <task id="LOCAL-00146" summary="Change npm to yarn in GithubActions">
-      <option name="closed" value="true" />
-      <created>1712404994671</created>
-      <option name="number" value="00146" />
-      <option name="presentableId" value="LOCAL-00146" />
-      <option name="project" value="LOCAL" />
-      <updated>1712404994671</updated>
+      <workItem from="1712941939083" duration="1372000" />
+      <workItem from="1712943458951" duration="763000" />
+      <workItem from="1712962590223" duration="138000" />
+      <workItem from="1712962843869" duration="49000" />
+      <workItem from="1712962907212" duration="15000" />
+      <workItem from="1713005313088" duration="3000" />
+      <workItem from="1713006345640" duration="336000" />
+      <workItem from="1713035287499" duration="708000" />
+      <workItem from="1713041187248" duration="6432000" />
+      <workItem from="1713055651151" duration="489000" />
     </task>
     <task id="LOCAL-00147" summary="Cancel migration to Azure">
       <option name="closed" value="true" />
@@ -755,7 +724,55 @@
       <option name="project" value="LOCAL" />
       <updated>1712942987624</updated>
     </task>
-    <option name="localTasksCounter" value="190" />
+    <task id="LOCAL-00190" summary="Pineapple v2.4.71">
+      <option name="closed" value="true" />
+      <created>1712943298855</created>
+      <option name="number" value="00190" />
+      <option name="presentableId" value="LOCAL-00190" />
+      <option name="project" value="LOCAL" />
+      <updated>1712943298856</updated>
+    </task>
+    <task id="LOCAL-00191" summary="Fix .gitignore">
+      <option name="closed" value="true" />
+      <created>1712944115604</created>
+      <option name="number" value="00191" />
+      <option name="presentableId" value="LOCAL-00191" />
+      <option name="project" value="LOCAL" />
+      <updated>1712944115604</updated>
+    </task>
+    <task id="LOCAL-00192" summary="Fix experience">
+      <option name="closed" value="true" />
+      <created>1712962657404</created>
+      <option name="number" value="00192" />
+      <option name="presentableId" value="LOCAL-00192" />
+      <option name="project" value="LOCAL" />
+      <updated>1712962657404</updated>
+    </task>
+    <task id="LOCAL-00193" summary="Extract data&#10;&#10;WIP: does not work for server side query param props">
+      <option name="closed" value="true" />
+      <created>1713044681292</created>
+      <option name="number" value="00193" />
+      <option name="presentableId" value="LOCAL-00193" />
+      <option name="project" value="LOCAL" />
+      <updated>1713044681292</updated>
+    </task>
+    <task id="LOCAL-00194" summary="Extract data out of SeaweedTemplate">
+      <option name="closed" value="true" />
+      <created>1713045502211</created>
+      <option name="number" value="00194" />
+      <option name="presentableId" value="LOCAL-00194" />
+      <option name="project" value="LOCAL" />
+      <updated>1713045502211</updated>
+    </task>
+    <task id="LOCAL-00195" summary="Extract experience">
+      <option name="closed" value="true" />
+      <created>1713055753053</created>
+      <option name="number" value="00195" />
+      <option name="presentableId" value="LOCAL-00195" />
+      <option name="project" value="LOCAL" />
+      <updated>1713055753053</updated>
+    </task>
+    <option name="localTasksCounter" value="196" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -813,13 +830,6 @@
     </option>
   </component>
   <component name="VcsManagerConfiguration">
-    <MESSAGE value="Add logs to observe parseQtTerms in downstream package" />
-    <MESSAGE value="Move parseQtTerm on afterUpdate" />
-    <MESSAGE value="Change parseQueryTerm to parse during runtime on the DOM instead of on the raw svelte text" />
-    <MESSAGE value="Add dynamic url adder UI" />
-    <MESSAGE value="Add CreateUrl UI" />
-    <MESSAGE value="Fix component names being deprettified" />
-    <MESSAGE value="Fix Advanced Settings layout in dark more" />
     <MESSAGE value="Fix Advanced Settings layout in dark mode" />
     <MESSAGE value="Fix light mode contrast issues" />
     <MESSAGE value="Attempt to fix Chip styling" />
@@ -838,6 +848,13 @@
     <MESSAGE value="Export GetLatestBlogs properly" />
     <MESSAGE value="Update description for ThisWebpage" />
     <MESSAGE value="Fix bug with query params" />
-    <option name="LAST_COMMIT_MESSAGE" value="Fix bug with query params" />
+    <MESSAGE value="Pineapple v2.4.71" />
+    <MESSAGE value="Fix .gitignore" />
+    <MESSAGE value="Fix experience" />
+    <MESSAGE value="Extract data&#10;&#10;WIP: does not work for server side query param props" />
+    <MESSAGE value="Fix attempt for slug" />
+    <MESSAGE value="Extract data out of SeaweedTemplate" />
+    <MESSAGE value="Extract experience" />
+    <option name="LAST_COMMIT_MESSAGE" value="Extract experience" />
   </component>
 </project>

package/.svelte-kit/__package__/.gitignore

@@ -1 +1 @@
-./server-temp
+server-temp

package/.svelte-kit/__package__/template/seaweed/ChumBucket.svelte

@@ -10,63 +10,63 @@ const loadPageMeta = async () => {
 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>
-    .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>
+
+<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>
+    .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>