@turnipxenon/pineapple 2.4.75 → 2.4.77

package/dist/template/seaweed/SeaweedTemplate.svelte

@@ -17,6 +17,7 @@ import { Chip } from "../../index";
 import ChumBucket from "./ChumBucket.svelte";
 export let seaweedTemplateData;
 export let projectFirstGroupedEntries;
+export let getAllEntryFromGlobal;
 export let getEntryFromGlobal;
 export let letChaos = true;
 export let name = "Turnip";
@@ -25,7 +26,7 @@ export let linkedinSlug = "turnip-xenon";
 export let domain = "http://localhost:5173/portfolio/actual/";
 export let serverSideQueryParams = "";
 export let experienceSection;
-const entryProps = {
+let entryProps = {
   email,
   letChaos,
   linkedinSlug,
@@ -164,6 +165,11 @@ const updateUrl = (seaweedTemplateData2) => {
 };
 $:
   updateUrl(seaweedTemplateData);
+const updateSeaweedWhenFunNoteChanged = (_) => {
+  entryProps = entryProps;
+};
+$:
+  updateSeaweedWhenFunNoteChanged(seaweedTemplateData.shouldAddFunNote);
 </script>
 
 <SeaweedBaseLayout bind:shouldDisplayLeadingIcons={isSocialsGone}>
@@ -239,6 +245,8 @@ $:
 						<EntryOrderConfig bind:seaweedEntries={seaweedTemplateData.groupedEntries}
 						                  seaweedTemplateData={seaweedTemplateData}
 						                  bind:orderUrl={orderUrl}
+						                  getAllEntryFromGlobal={getAllEntryFromGlobal}
+						                  getEntryFromGlobal={getEntryFromGlobal}
 						                  updateUrl={updateUrl}></EntryOrderConfig>
 
 						<br>

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

@@ -6,6 +6,7 @@ declare const __propDef: {
     props: {
         seaweedTemplateData: SeaweedTemplateData;
         projectFirstGroupedEntries: ReadonlyArray<EntryGroup>;
+        getAllEntryFromGlobal: () => Map<string, ComponentMeta>;
         getEntryFromGlobal: (name: string) => undefined | ComponentMeta;
         letChaos?: boolean | undefined;
         name?: string | undefined;

package/dist/template/seaweed/SeaweedTemplateData.js

@@ -3,14 +3,8 @@ import Pengi from "./entries/Pengi.svelte";
 import Hepcat from "./entries/Hepcat.svelte";
 import ChefWings from "./entries/ChefWings.svelte";
 import Soulwork from "./entries/Soulwork.svelte";
-import ItchPromo from "./entries/ItchPromo.svelte";
-import MigranteAlberta from "./entries/MigranteAlberta.svelte";
-import DecentralizedSocialMedia from "./entries/DecentralizedSocialMedia.svelte";
 import CustomizedYarnspinner from "./entries/CustomizedYarnspinner.svelte";
-import FullStackC from "./entries/FullStackC.svelte";
-import Workset from "./entries/Workset.svelte";
 import ThisWebpage from "./entries/ThisWebpage.svelte";
-import MockUberApp from "./entries/MockUberApp.svelte";
 import { removeProxyWrapperOnString } from "./entry_order_config/EntryOrderConfig";
 export var GroupGridClass;
 (function (GroupGridClass) {

package/dist/template/seaweed/entries/EntryProps.d.ts

@@ -9,7 +9,6 @@ export interface EntryProps {
     linkedinSlug: string;
     name: string;
     seaweedTemplateData: SeaweedTemplateData;
-    isVisible: boolean;
 }
 export interface GroupedEntry {
     header: string;

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

@@ -4,140 +4,110 @@ import { Accordion, AccordionItem } from "@skeletonlabs/skeleton";
 import ElementVisibilityDetector 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>
-				<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>
-
+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/dist/template/seaweed/entry_order_config/EntryOrderConfig.svelte

@@ -1,6 +1,4 @@
 <script>import {
-  GetAllEntryFromGlobal,
-  GetEntryFromGlobal
 } from "../SeaweedTemplateData";
 import { removeProxyWrapperOnString } from "./EntryOrderConfig";
 import ComboBoxWithButton from "../../../components/combo_box/ComboBoxWithButton.svelte";
@@ -11,6 +9,8 @@ export let seaweedTemplateData;
 export let seaweedEntries;
 export let orderUrl;
 export let updateUrl;
+export let getAllEntryFromGlobal;
+export let getEntryFromGlobal;
 const updateOrderQuery = () => {
   orderUrl = "order=" + seaweedEntries.map((g) => {
     const groupUrl = g.items.map(
@@ -22,7 +22,7 @@ const updateOrderQuery = () => {
 };
 const addEntry = (group) => {
   return (selected) => {
-    const c = GetEntryFromGlobal(selected);
+    const c = getEntryFromGlobal(selected);
     if (c) {
       group.items.push(c);
       seaweedEntries = seaweedEntries;
@@ -87,7 +87,7 @@ const removeEntry = (entry, group) => {
     }
   };
 };
-const allDefaultEntries = Array.from(GetAllEntryFromGlobal().keys());
+const allDefaultEntries = Array.from(getAllEntryFromGlobal().keys());
 </script>
 
 <br>

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

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import { type EntryGroup, type SeaweedTemplateData } from "../SeaweedTemplateData";
+import { type ComponentMeta, type EntryGroup, type SeaweedTemplateData } from "../SeaweedTemplateData";
 import "./entry-order-config.postcss";
 declare const __propDef: {
     props: {
@@ -7,6 +7,8 @@ declare const __propDef: {
         seaweedEntries: EntryGroup[];
         orderUrl: string;
         updateUrl: (data: SeaweedTemplateData) => void;
+        getAllEntryFromGlobal: () => Map<string, ComponentMeta>;
+        getEntryFromGlobal: (s: string) => ComponentMeta | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@turnipxenon/pineapple",
   "description": "personal package for base styling for other personal projects",
-  "version": "2.4.75",
+  "version": "2.4.77",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && yarn package",

package/src/lib/components/PineappleSlideToggle.svelte

@@ -1,12 +1,14 @@
 <script lang="ts">
 	export let checked = false;
 	export let name: string;
+	export let onChange: undefined | (() => void) = undefined;
 
 	import { SlideToggle } from "@skeletonlabs/skeleton";
 </script>
 
 <SlideToggle name={name}
              background="bg-surface-700 dark:bg-surface-700"
-             bind:checked={checked}>
+             bind:checked={checked}
+             on:change={onChange}>
 	<slot />
 </SlideToggle>

package/src/lib/components/index.ts

@@ -1,8 +1,8 @@
-// noinspection JSUnusedGlobalSymbols
-
-export { default as LazyAsset } from "./LazyAsset.svelte";
-export { default as Card } from "./Card.svelte";
-export { default as Chip } from "./chip/Chip.svelte";
-export { default as PineappleSlideToggle } from "./PineappleSlideToggle.svelte";
-export { default as SocialSection } from "./SocialSection.svelte";
-export { default as ElementVisbilityDetector } from "./ElementVisbilityDetector.svelte";
+// noinspection JSUnusedGlobalSymbols
+
+export { default as LazyAsset } from "./LazyAsset.svelte";
+export { default as Card } from "./Card.svelte";
+export { default as Chip } from "./chip/Chip.svelte";
+export { default as PineappleSlideToggle } from "./PineappleSlideToggle.svelte";
+export { default as SocialSection } from "./SocialSection.svelte";
+export { default as ElementVisbilityDetector } from "./ElementVisbilityDetector.svelte";

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

@@ -23,6 +23,7 @@
 
 	export let seaweedTemplateData: SeaweedTemplateData;
 	export let projectFirstGroupedEntries: ReadonlyArray<EntryGroup>;
+	export let getAllEntryFromGlobal: () => Map<string, ComponentMeta>;
 	export let getEntryFromGlobal: (name: string) => undefined | ComponentMeta;
 	export let letChaos = true;
 	export let name = "Turnip";
@@ -33,7 +34,7 @@
 	export let experienceSection: ComponentType;
 
 	// region query params
-	const entryProps: EntryProps = {
+	let entryProps: EntryProps = {
 		email,
 		letChaos,
 		linkedinSlug,
@@ -226,6 +227,11 @@
 	};
 	$: updateUrl(seaweedTemplateData);
 
+	// eslint-disable-next-line
+	const updateSeaweedWhenFunNoteChanged = (_: boolean) => {
+		entryProps = entryProps;
+	};
+	$: updateSeaweedWhenFunNoteChanged(seaweedTemplateData.shouldAddFunNote);
 </script>
 
 <SeaweedBaseLayout bind:shouldDisplayLeadingIcons={isSocialsGone}>
@@ -301,6 +307,8 @@
 						<EntryOrderConfig bind:seaweedEntries={seaweedTemplateData.groupedEntries}
 						                  seaweedTemplateData={seaweedTemplateData}
 						                  bind:orderUrl={orderUrl}
+						                  getAllEntryFromGlobal={getAllEntryFromGlobal}
+						                  getEntryFromGlobal={getEntryFromGlobal}
 						                  updateUrl={updateUrl}></EntryOrderConfig>
 
 						<br>

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

@@ -1,17 +1,11 @@
 import type { ComponentType } from "svelte";
-import { DefaultHeader, type GroupedEntry } from "$pkg/template/seaweed/entries/EntryProps";
+import { DefaultHeader } from "$pkg/template/seaweed/entries/EntryProps";
 import Pengi from "$pkg/template/seaweed/entries/Pengi.svelte";
 import Hepcat from "$pkg/template/seaweed/entries/Hepcat.svelte";
 import ChefWings from "$pkg/template/seaweed/entries/ChefWings.svelte";
 import Soulwork from "$pkg/template/seaweed/entries/Soulwork.svelte";
-import ItchPromo from "$pkg/template/seaweed/entries/ItchPromo.svelte";
-import MigranteAlberta from "$pkg/template/seaweed/entries/MigranteAlberta.svelte";
-import DecentralizedSocialMedia from "$pkg/template/seaweed/entries/DecentralizedSocialMedia.svelte";
 import CustomizedYarnspinner from "$pkg/template/seaweed/entries/CustomizedYarnspinner.svelte";
-import FullStackC from "$pkg/template/seaweed/entries/FullStackC.svelte";
-import Workset from "$pkg/template/seaweed/entries/Workset.svelte";
 import ThisWebpage from "$pkg/template/seaweed/entries/ThisWebpage.svelte";
-import MockUberApp from "$pkg/template/seaweed/entries/MockUberApp.svelte";
 import { removeProxyWrapperOnString } from "$pkg/template/seaweed/entry_order_config/EntryOrderConfig";
 
 export enum GroupGridClass {

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

@@ -11,7 +11,6 @@ export interface EntryProps {
 	linkedinSlug: string;
 	name: string;
 	seaweedTemplateData: SeaweedTemplateData;
-	isVisible: boolean;
 }
 
 export interface GroupedEntry {