@turnipxenon/pineapple 2.4.72 → 2.4.74

package/dist/template/seaweed/SeaweedTemplate.svelte

@@ -4,14 +4,10 @@ import { runChaos } from "./RunChaos";
 import SocialSection from "../../components/SocialSection.svelte";
 import "./seaweed.postcss";
 import SeaweedBaseLayout from "../../components/layouts/SeaweedBaseLayout.svelte";
-import { Accordion, AccordionItem, CodeBlock } from "@skeletonlabs/skeleton";
+import { CodeBlock } from "@skeletonlabs/skeleton";
 import { page } from "$app/stores";
 import Card from "../../components/Card.svelte";
-import ElementVisbilityDetector from "../../components/ElementVisbilityDetector.svelte";
 import {
-  AllGroupedEntriesProjectFirst,
-  GetEntryFromGlobal,
-  seaweedTemplateData,
   TurnGroupEntriesMutable
 } from "./SeaweedTemplateData";
 import { parseQueryTerms } from "./ParseQueryTerms";
@@ -19,17 +15,25 @@ import UrlShortenerForm from "./CreateUrlForm.svelte";
 import PineappleSlideToggle from "../../components/PineappleSlideToggle.svelte";
 import { Chip } from "../../index";
 import ChumBucket from "./ChumBucket.svelte";
+export let seaweedTemplateData;
+export let projectFirstGroupedEntries;
+export let getEntryFromGlobal;
 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;
 const entryProps = {
-  email
+  email,
+  letChaos,
+  linkedinSlug,
+  name,
+  seaweedTemplateData
 };
-const paramQTSet = /* @__PURE__ */ new Set();
 let isVisible = true;
+const paramQTSet = /* @__PURE__ */ new Set();
 let isAdvanceSettingOn = false;
 $:
   isSocialsGone = !isVisible;
@@ -66,7 +70,6 @@ const filterSearchParams = (searchParams) => {
     seaweedTemplateData.groupedEntries = [];
     orderParam.split(",").forEach((groupDefinition) => {
       const pair = groupDefinition.split(":");
-      console.log(pair);
       if (pair.length >= 2) {
         const group = {
           name: pair[0],
@@ -74,7 +77,7 @@ const filterSearchParams = (searchParams) => {
           gridClass: pair[2]
         };
         pair[1].split("|").forEach((e) => {
-          const component = GetEntryFromGlobal(e);
+          const component = getEntryFromGlobal(e);
           if (component) {
             group.items.push(component);
           }
@@ -84,7 +87,7 @@ const filterSearchParams = (searchParams) => {
     });
     seaweedTemplateData.groupedEntries = seaweedTemplateData.groupedEntries;
   } else if (gameSectionFirstParam === "false") {
-    seaweedTemplateData.groupedEntries = TurnGroupEntriesMutable(AllGroupedEntriesProjectFirst);
+    seaweedTemplateData.groupedEntries = TurnGroupEntriesMutable(projectFirstGroupedEntries);
   }
   const qtValue = searchParams.get("qt")?.trim();
   if (qtValue !== void 0) {
@@ -128,6 +131,9 @@ let orderUrl = "";
 let advancedUrl = domain;
 let advancedQuery = "";
 const updateUrl = (seaweedTemplateData2) => {
+  if (seaweedTemplateData2 === void 0) {
+    return;
+  }
   const queryParams = [];
   if (orderUrl) {
     queryParams.push(orderUrl);
@@ -166,157 +172,28 @@ $:
 	--qt-font-weight: ${qtfontWeight};${additionalFontWeight};
 	visibility: ${mainVisibility};
 	`}>
+		<svelte:component this={experienceSection}
+		                  entryProps={entryProps}
+		                  bind:isVisible={isVisible}
+		></svelte:component>
 
-		<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>
+		{#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>
 
-					<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>
-
-		{#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 class={group.gridClass}>
+						{#each group.items as entry}
+							<svelte:component this={entry.component} props={entryProps}></svelte:component>
+						{/each}
 					</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>
 
@@ -360,6 +237,7 @@ $:
 						</div>
 
 						<EntryOrderConfig bind:seaweedEntries={seaweedTemplateData.groupedEntries}
+						                  seaweedTemplateData={seaweedTemplateData}
 						                  bind:orderUrl={orderUrl}
 						                  updateUrl={updateUrl}></EntryOrderConfig>
 

package/dist/template/seaweed/SeaweedTemplate.svelte.d.ts

@@ -1,13 +1,19 @@
 import { SvelteComponent } from "svelte";
+import { type ComponentType } from "svelte";
 import "./seaweed.postcss";
+import { type ComponentMeta, type EntryGroup, type SeaweedTemplateData } from "./SeaweedTemplateData";
 declare const __propDef: {
     props: {
+        seaweedTemplateData: SeaweedTemplateData;
+        projectFirstGroupedEntries: ReadonlyArray<EntryGroup>;
+        getEntryFromGlobal: (name: string) => undefined | ComponentMeta;
         letChaos?: boolean | undefined;
         name?: string | undefined;
         email?: string | undefined;
         linkedinSlug?: string | undefined;
         domain?: string | undefined;
         serverSideQueryParams?: string | undefined;
+        experienceSection: ComponentType;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/template/seaweed/SeaweedTemplateData.js

@@ -22,22 +22,16 @@ export const GameEntries = {
     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()
 };
 export const ProjectEntries = {
     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/dist/template/seaweed/entries/EntryProps.d.ts

@@ -1,9 +1,15 @@
+import type { SeaweedTemplateData } from "../SeaweedTemplateData";
 export declare enum DefaultHeader {
     Games = "Games",
     Projects = "Projects"
 }
 export interface EntryProps {
     email: string;
+    letChaos: boolean;
+    linkedinSlug: string;
+    name: string;
+    seaweedTemplateData: SeaweedTemplateData;
+    isVisible: boolean;
 }
 export interface GroupedEntry {
     header: string;

package/dist/template/seaweed/entries/WorkExperience.svelte

@@ -0,0 +1,143 @@
+<script>import SocialSection from "../../../components/SocialSection.svelte";
+import Card from "../../../components/Card.svelte";
+import { Accordion, AccordionItem } from "@skeletonlabs/skeleton";
+import ElementVisbilityDetector from "../../../components/ElementVisbilityDetector.svelte";
+export let entryProps;
+export let isVisible;
+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/dist/template/seaweed/entries/WorkExperience.svelte.d.ts

@@ -0,0 +1,18 @@
+import { SvelteComponent } from "svelte";
+import type { EntryProps } from "./EntryProps";
+declare const __propDef: {
+    props: {
+        entryProps: EntryProps;
+        isVisible: boolean;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type WorkExperienceProps = typeof __propDef.props;
+export type WorkExperienceEvents = typeof __propDef.events;
+export type WorkExperienceSlots = typeof __propDef.slots;
+export default class WorkExperience extends SvelteComponent<WorkExperienceProps, WorkExperienceEvents, WorkExperienceSlots> {
+}
+export {};

package/dist/template/seaweed/entry_order_config/EntryOrderConfig.svelte

@@ -1,13 +1,13 @@
 <script>import {
   GetAllEntryFromGlobal,
-  GetEntryFromGlobal,
-  seaweedTemplateData
+  GetEntryFromGlobal
 } from "../SeaweedTemplateData";
 import { removeProxyWrapperOnString } from "./EntryOrderConfig";
 import ComboBoxWithButton from "../../../components/combo_box/ComboBoxWithButton.svelte";
 import CloseIcon from "../../../assets/icons/close.svg";
 import UpwardIcon from "../../../assets/icons/arrow-upward.svg";
 import "./entry-order-config.postcss";
+export let seaweedTemplateData;
 export let seaweedEntries;
 export let orderUrl;
 export let updateUrl;

package/dist/template/seaweed/entry_order_config/EntryOrderConfig.svelte.d.ts

@@ -3,6 +3,7 @@ import { type EntryGroup, type SeaweedTemplateData } from "../SeaweedTemplateDat
 import "./entry-order-config.postcss";
 declare const __propDef: {
     props: {
+        seaweedTemplateData: SeaweedTemplateData;
         seaweedEntries: EntryGroup[];
         orderUrl: string;
         updateUrl: (data: SeaweedTemplateData) => void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@turnipxenon/pineapple",
   "description": "personal package for base styling for other personal projects",
-  "version": "2.4.72",
+  "version": "2.4.74",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && yarn package",
@@ -12,7 +12,6 @@
     "format": "prettier --plugin-search-dir . --write .",
     "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",
     "generate-yarn": "npx vite-node src/lib/scripts/pineapple_fiber/PineappleWeaver.ts",
-    "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",

package/src/lib/index.ts

@@ -18,3 +18,4 @@ export * from "./types/pineapple_fiber/PortraitType";
 export * from "./types/pineapple_fiber/DialogDetail";
 export * from "./util/util";
 export * from "./api/index";
+export * from "./template/seaweed/SeaweedTemplateData";