@turnipxenon/pineapple 2.4.75 → 2.4.77

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

@@ -1,146 +1,116 @@
-<script lang="ts">
-	import SocialSection from "$pkg/components/SocialSection.svelte";
-	import Card from "$pkg/components/Card.svelte";
-	import { Accordion, AccordionItem } from "@skeletonlabs/skeleton";
-	import ElementVisibilityDetector from "$pkg/components/ElementVisbilityDetector.svelte";
-	import type { EntryProps } from "$pkg/template/seaweed/entries/EntryProps";
-
-	export let entryProps: EntryProps;
-	export let isVisible: boolean;
-	let { email, letChaos, linkedinSlug, name, seaweedTemplateData } = entryProps;
-</script>
-
-<div class="experience-and-about-div">
-
-	<div class="greater-about-div">
-
-		<Card includeDataNoSnippet={false}>
-			<section class="section-card" slot="content">
-
-				<h1>About</h1>
-
-				<p>
-					Hi! My name is {name}! I work as a software developer. Outside of that, I like making games, and
-					trying to do everything in between required to make one. I have some showcased below, our visit
-					my itch.io page for more of them.
-				</p>
-				<!-- todo: link the degree details idk -->
-				<p>
-					I also graduated with BS Computing Science, Specializing in Software Practice, and a
-					certificate in Computer Game Development at University of Alberta.
-				</p>
-				{#if seaweedTemplateData?.shouldAddFunNote}
-					<p>
-						I'm inspired by games like Harvest Moon: Friends of Mineral Town, Rune Factory 4, Theatrhythm,
-						Bravely Default: Flying Fairy, Boku no Natsuyasumi 2, and A Short Hike.
-					</p>
-				{/if}
-
-				<!-- todo: maybe put cute stuff here -->
-				<!--						</ToggleableContent>-->
-			</section>
-		</Card>
-
-		<Card>
-			<section class="section-card" slot="content">
-				<SocialSection email={email} linkedinSlug={linkedinSlug}></SocialSection>
-				<ElementVisibilityDetector bind:isVisible={isVisible}>
-				</ElementVisibilityDetector>
-			</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>
-
+<script lang="ts">
+	import SocialSection from "$pkg/components/SocialSection.svelte";
+	import Card from "$pkg/components/Card.svelte";
+	import { Accordion, AccordionItem } from "@skeletonlabs/skeleton";
+	import ElementVisibilityDetector from "$pkg/components/ElementVisbilityDetector.svelte";
+	import type { EntryProps } from "$pkg/template/seaweed/entries/EntryProps";
+
+	export let entryProps: EntryProps;
+	export let isVisible: boolean;
+	let { email, letChaos, linkedinSlug, name } = 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 entryProps.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>
+				<ElementVisibilityDetector bind:isVisible={isVisible}>
+				</ElementVisibilityDetector>
+			</section>
+		</Card>
+
+	</div>
+
+	<Card>
+		<section class="section-card" slot="content">
+			<h1>Experience</h1>
+
+			<h2>Highlight</h2>
+			<p>I like French Fries</p>
+
+			<h2>Software Engineer</h2>
+			<div class="two-column-separated">
+				<div>July 2023 – January 2024</div>
+				<div style="text-align: end">Control, Remote</div>
+			</div>
+			<ul>
+				<li>
+					Developed things
+				</li>
+				<li>
+					Woah
+				</li>
+			</ul>
+			<br>
+
+			<h2>Software Engineer Intern</h2>
+			<div class="two-column-separated">
+				<div>May 2022 – Aug 2022</div>
+				<div style="text-align: end">Pou Company</div>
+			</div>
+			<ul>
+				<li>
+					Stuff
+				</li>
+				<li>
+					Golang
+				</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">
+							<h2>Software Engineer Intern</h2>
+							<div class="two-column-separated">
+								<div>May 2021 – Dec 2021</div>
+								<div style="text-align: end">Testing</div>
+							</div>
+							<ul>
+								<li>
+									Amazing
+								</li>
+							</ul>
+							<br>
+						</section>
+					</svelte:fragment>
+				</AccordionItem>
+			</Accordion>
+		</section>
+	</Card>
+
 </div>

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

@@ -2,9 +2,7 @@
 	import {
 		type ComponentMeta,
 		type EntryGroup,
-		GetAllEntryFromGlobal,
-		GetEntryFromGlobal,
-		type SeaweedTemplateData,
+		type SeaweedTemplateData
 	} from "$pkg/template/seaweed/SeaweedTemplateData";
 	import { removeProxyWrapperOnString } from "./EntryOrderConfig";
 	import ComboBoxWithButton from "$pkg/components/combo_box/ComboBoxWithButton.svelte";
@@ -16,6 +14,8 @@
 	export let seaweedEntries: EntryGroup[];
 	export let orderUrl: string;
 	export let updateUrl: (data: SeaweedTemplateData) => void;
+	export let getAllEntryFromGlobal: () => Map<string, ComponentMeta>;
+	export let getEntryFromGlobal: (s: string) => ComponentMeta | undefined;
 
 	const updateOrderQuery = () => {
 		orderUrl = "order=" + seaweedEntries.map(g => {
@@ -29,7 +29,7 @@
 
 	const addEntry = (group: EntryGroup): ((selected: string) => void) => {
 		return (selected: string) => {
-			const c = GetEntryFromGlobal(selected);
+			const c = getEntryFromGlobal(selected);
 			if (c) {
 				group.items.push(c);
 				seaweedEntries = seaweedEntries;
@@ -111,7 +111,7 @@
 		};
 	};
 
-	const allDefaultEntries = Array.from(GetAllEntryFromGlobal().keys());
+	const allDefaultEntries = Array.from(getAllEntryFromGlobal().keys());
 </script>
 
 <br>

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

@@ -1,4 +1,4 @@
-export { default as SeaweedTemplate } from "./SeaweedTemplate.svelte";
-export * from "./SeaweedTemplateData";
-export * from "./SeaweedTemplateData";
-export * from "./entries/EntryProps";
+export { default as SeaweedTemplate } from "./SeaweedTemplate.svelte";
+export * from "./SeaweedTemplateData";
+export * from "./SeaweedTemplateData";
+export * from "./entries/EntryProps";

package/src/routes/(seaweed)/portfolio/+page.svelte

@@ -2,6 +2,7 @@
 	import SeaweedTemplate from "$pkg/template/seaweed/SeaweedTemplate.svelte";
 	import {
 		AllGroupedEntriesProjectFirst,
+		GetAllEntryFromGlobal,
 		GetEntryFromGlobal,
 		seaweedTemplateData
 	} from "$pkg/template/seaweed/SeaweedTemplateData";
@@ -10,6 +11,7 @@
 
 <!--todo: maybe add check that this is always false? -->
 <SeaweedTemplate
+	getAllEntryFromGlobal={GetAllEntryFromGlobal}
 	seaweedTemplateData={seaweedTemplateData}
 	projectFirstGroupedEntries={AllGroupedEntriesProjectFirst}
 	getEntryFromGlobal={GetEntryFromGlobal}

package/.svelte-kit/__package__/template/seaweed/entries/DecentralizedSocialMedia.svelte

@@ -1,52 +0,0 @@
-<script>import {} from "./EntryProps";
-import Card from "../../../components/Card.svelte";
-import GithubIcon from "../../../assets/icons/github-mark.svg";
-export let props;
-</script>
-
-<Card>
-	<section class="project-card" slot="content">
-		<div class="project-card-body">
-
-			<h2>Decentralized social media</h2>
-
-			<p>We made a full stack decentralized social media app made with <span class="qt-react">React</span> +
-				<span class="qt-js">Javascript</span> for the client code, <span class="qt-django">Django</span> + <span
-					class="qt-python">Python</span> for the backend code, and <span class="qt-heroku">Heroku</span> for
-				deployment. This project was made
-				for
-				our Web Applications and Architecture class.</p>
-			<p>The application can connect with three other decentralized social media app in the same class:
-			</p>
-			<ul>
-				<li>
-					<a href="https://github.com/hgshah/cmput404-project/blob/main/docs/testing_other_teams.md#team-14"
-					   target="_blank">Also
-						a social media with the same Django + Python backend server where they act on behalf of
-						our users interacting with theirs</a></li>
-				<li>
-					<a href="https://github.com/hgshah/cmput404-project/blob/main/docs/testing_other_teams.md#team-7"
-					   target="_blank">A
-						social media that uses Fast API + Python for their backend server</a></li>
-				<li>
-					<a href="https://github.com/hgshah/cmput404-project/blob/main/docs/testing_other_teams.md#team-12"
-					   target="_blank">Another
-						social media that has Django + Python for their backend but we have to act on behalf of
-						our
-						users interacting with their users</a>
-				</li>
-			</ul>
-
-			<!-- todo: add tags with Javascript, React, Python, Django, Heroku -->
-
-			<section class="game-link-section">
-				<button type="button" class="game-button turnip-button"
-				        role="link"
-				        title="https://github.com/hgshah/cmput404-project"
-				        on:click={() => window.open("https://github.com/hgshah/cmput404-project")}>
-					<img src={GithubIcon} alt="github icon">
-				</button>
-			</section>
-		</div>
-	</section>
-</Card>

package/.svelte-kit/__package__/template/seaweed/entries/DecentralizedSocialMedia.svelte.d.ts

@@ -1,17 +0,0 @@
-import { SvelteComponent } from "svelte";
-import { type EntryProps } from "./EntryProps";
-declare const __propDef: {
-    props: {
-        props: EntryProps;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type DecentralizedSocialMediaProps = typeof __propDef.props;
-export type DecentralizedSocialMediaEvents = typeof __propDef.events;
-export type DecentralizedSocialMediaSlots = typeof __propDef.slots;
-export default class DecentralizedSocialMedia extends SvelteComponent<DecentralizedSocialMediaProps, DecentralizedSocialMediaEvents, DecentralizedSocialMediaSlots> {
-}
-export {};

package/.svelte-kit/__package__/template/seaweed/entries/FullStackC.svelte

@@ -1,33 +0,0 @@
-<script>import {} from "./EntryProps";
-import Card from "../../../components/Card.svelte";
-import GithubIcon from "../../../assets/icons/github-mark.svg";
-export let props;
-</script>
-
-<Card>
-	<section class="project-card" slot="content">
-		<div class="project-card-body">
-			<h2>Full-stack <span class="qt-c">C</span> app</h2>
-
-			<p>
-				A terminal-based app consisting of a server observing several terminal apps all concurrently
-				sending updates to the server, which then broadcasts these information concurrently to all the
-				other terminal apps connected.
-			</p>
-			<p>
-				The project involves <span class="qt-foundation">multiprocessing</span> programming featuring pthreads and
-				mutexes, and <span class="qt-foundation">networking</span> via sockets.
-			</p>
-
-			<section class="game-link-section">
-				<button type="button" class="game-button turnip-button"
-				        role="link"
-				        title="https://github.com/TurnipXenon/C380-1Code/blob/main/Assignment02/DESIGN.md"
-				        on:click={() => window.open("https://github.com/TurnipXenon/C380-1Code/blob/main/Assignment02/DESIGN.md")}>
-					<img src={GithubIcon} class="long-btn-image" alt="github icon">
-				</button>
-			</section>
-		</div>
-	</section>
-</Card>
-

package/.svelte-kit/__package__/template/seaweed/entries/FullStackC.svelte.d.ts

@@ -1,17 +0,0 @@
-import { SvelteComponent } from "svelte";
-import { type EntryProps } from "./EntryProps";
-declare const __propDef: {
-    props: {
-        props: EntryProps;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type FullStackCProps = typeof __propDef.props;
-export type FullStackCEvents = typeof __propDef.events;
-export type FullStackCSlots = typeof __propDef.slots;
-export default class FullStackC extends SvelteComponent<FullStackCProps, FullStackCEvents, FullStackCSlots> {
-}
-export {};

package/.svelte-kit/__package__/template/seaweed/entries/ItchPromo.svelte

@@ -1,21 +0,0 @@
-<script>import {} from "./EntryProps";
-import { ItchLogoHotLink } from "../../../consts";
-import Card from "../../../components/Card.svelte";
-export let props;
-</script>
-<Card overrideStyle="align-self: flex-start;">
-	<section class="game-card itch-promo" slot="content">
-		<h1 class="mb-12 text-center">Check out my itch.io page for more games</h1>
-
-		<section class="game-link-section">
-			<button type="button" class="btn variant-filled-primary turnip-button"
-			        role="link"
-			        title="https://turnipxenon.itch.io/"
-			        on:click={() => window.open("https://turnipxenon.itch.io/")}>
-				<img src={ItchLogoHotLink} class="long-btn-image" alt="itch icon">
-				<span>TurnipXenon</span>
-			</button>
-		</section>
-
-	</section>
-</Card>

package/.svelte-kit/__package__/template/seaweed/entries/ItchPromo.svelte.d.ts

@@ -1,17 +0,0 @@
-import { SvelteComponent } from "svelte";
-import { type EntryProps } from "./EntryProps";
-declare const __propDef: {
-    props: {
-        props: EntryProps;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ItchPromoProps = typeof __propDef.props;
-export type ItchPromoEvents = typeof __propDef.events;
-export type ItchPromoSlots = typeof __propDef.slots;
-export default class ItchPromo extends SvelteComponent<ItchPromoProps, ItchPromoEvents, ItchPromoSlots> {
-}
-export {};

package/.svelte-kit/__package__/template/seaweed/entries/MigranteAlberta.svelte

@@ -1,54 +0,0 @@
-<script>import { Chip } from "../../..";
-import {} from "./EntryProps";
-import LinkIcon from "../../../assets/icons/link-icon.svg";
-import Card from "../../../components/Card.svelte";
-import { getModalStore } from "@skeletonlabs/skeleton";
-export let props;
-const modalStore = getModalStore();
-const cmput401Info = {
-  type: "confirm",
-  title: "Information",
-  body: `As a full disclosure, this link will lead you to <a href='https://cmput401.ca/projects/e5b13586-09c7-4ddd-baf6-fdb078d23398' target='_blank'>https://cmput401.ca/projects/e5b13586-09c7-4ddd-baf6-fdb078d23398</a>. We currently don't have any tests yet ensuring that the link is correct. Click confirm to go to the site. Please report any bugs at <a href='mailto:${props.email}' target='_blank'>${props.email}</a>.`,
-  response: (r) => {
-    if (r) {
-      window.open("https://cmput401.ca/projects/e5b13586-09c7-4ddd-baf6-fdb078d23398");
-    }
-  }
-};
-</script>
-<Card>
-	<section class="project-card" slot="content">
-		<iframe id="migrante-alberta"
-		        width="560" height="315" src="https://www.youtube.com/embed/ZemWwf8jh8E?si=RZwSfYHI-0Ael-RE"
-		        title="YouTube video player" style="border: none"
-		        allowfullscreen></iframe>
-		<div class="project-card-body">
-			<!-- todo: add regression to see if page is gone: https://cmput401.ca/api/projects/e5b13586-09c7-4ddd-baf6-fdb078d23398 -->
-
-			<h2>Migrante Alberta</h2>
-			<p>We developed a mobile-first cross-platform application to be used by the Canadian-based
-				Filipino non-profit advocacy group, Migrante Alberta, to help new immigrants navigate
-				through local services and events
-			</p>
-			<p>
-				<Chip>Flutter</Chip>
-				<Chip>Dart</Chip>
-				<Chip>Python</Chip>
-				<Chip>Django</Chip>
-				<Chip>Heroku</Chip>
-				<Chip>Android</Chip>
-				<Chip>Postgresql</Chip>
-			</p>
-
-			<section class="game-link-section">
-				<button type="button" class="btn variant-filled-primary turnip-button"
-				        title="https://selk.io/birb-project/trunk/"
-				        on:click={() => modalStore.trigger(cmput401Info)}>
-					<img src={LinkIcon} class="long-btn-image" alt="itch icon">
-					<span>cmput401.ca</span>
-				</button>
-			</section>
-
-		</div>
-	</section>
-</Card>

package/.svelte-kit/__package__/template/seaweed/entries/MigranteAlberta.svelte.d.ts

@@ -1,17 +0,0 @@
-import { SvelteComponent } from "svelte";
-import { type EntryProps } from "./EntryProps";
-declare const __propDef: {
-    props: {
-        props: EntryProps;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type MigranteAlbertaProps = typeof __propDef.props;
-export type MigranteAlbertaEvents = typeof __propDef.events;
-export type MigranteAlbertaSlots = typeof __propDef.slots;
-export default class MigranteAlberta extends SvelteComponent<MigranteAlbertaProps, MigranteAlbertaEvents, MigranteAlbertaSlots> {
-}
-export {};

package/.svelte-kit/__package__/template/seaweed/entries/MockUberApp.svelte

@@ -1,35 +0,0 @@
-<script>import {} from "./EntryProps";
-import Card from "../../../components/Card.svelte";
-import GithubIcon from "../../../assets/icons/github-mark.svg";
-export let props;
-</script>
-
-<Card>
-	<section class="project-card" slot="content">
-		<div class="project-card-body">
-			<h2>Mock Uber App</h2>
-
-			<p>A course project app meant to emulate how Uber works by playing with <span
-				class="qt-google">Google Maps API</span>.
-			</p>
-			<p>
-				I implemented all interfaces related to the NoSQL cloud database <span
-				class="qt-firebase qt-google qt-infra">Firebase</span>, making writing code easier for other programmers
-				(<span
-				class="qt-android">Android</span> / <span class="qt-java">Java</span>). I also wrote documentation to said
-				code and added instrumented tests that are tested by the continuous integration tool <span
-				class="qt-infra">Travis CI</span>, ensuring that our code is tested
-			</p>
-
-			<section class="game-link-section">
-				<!-- todo: mock uber app find link -->
-				<button type="button" class="game-button turnip-button"
-				        role="link"
-				        title="https://github.com/CMPUT301W20T10/UberApp"
-				        on:click={() => window.open("https://github.com/CMPUT301W20T10/UberApp")}>
-					<img src={GithubIcon} class="long-btn-image" alt="github icon">
-				</button>
-			</section>
-		</div>
-	</section>
-</Card>

package/.svelte-kit/__package__/template/seaweed/entries/MockUberApp.svelte.d.ts

@@ -1,17 +0,0 @@
-import { SvelteComponent } from "svelte";
-import { type EntryProps } from "./EntryProps";
-declare const __propDef: {
-    props: {
-        props: EntryProps;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type MockUberAppProps = typeof __propDef.props;
-export type MockUberAppEvents = typeof __propDef.events;
-export type MockUberAppSlots = typeof __propDef.slots;
-export default class MockUberApp extends SvelteComponent<MockUberAppProps, MockUberAppEvents, MockUberAppSlots> {
-}
-export {};