@turnipxenon/pineapple 2.4.23 → 2.4.25

package/.idea/workspace.xml

@@ -4,9 +4,7 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Add external link warning stub">
-      <change beforePath="$PROJECT_DIR$/src/lib/util/util.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/util/util.ts" afterDir="false" />
-    </list>
+    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Add page query param creator" />
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
@@ -35,6 +33,8 @@
         <option value="ToggleableContent" />
         <option value="Toast" />
         <option value="TestCard" />
+        <option value="GameSection" />
+        <option value="ProjectSection" />
         <option value="TypeScript File" />
       </list>
     </option>
@@ -76,32 +76,32 @@
     <option name="hideEmptyMiddlePackages" value="true" />
     <option name="showLibraryContents" value="true" />
   </component>
-  <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/assets/placeholder&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;settings.editor.selected.configurable&quot;: &quot;preferences.pluginManager&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 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/assets/placeholder",
+    "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",
+    "settings.editor.selected.configurable": "inlay.hints",
+    "ts.external.directory.path": "C:\\Users\\Pumpkin\\Projects\\Web\\pineapple\\node_modules\\typescript\\lib",
+    "vue.rearranger.settings.migration": "true"
   }
-}</component>
+}]]></component>
   <component name="RecentsManager">
     <key name="CopyFile.RECENT_KEYS">
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\assets\placeholder" />
@@ -111,11 +111,11 @@
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\components\pineapple\toast\custom-toast" />
     </key>
     <key name="MoveFile.RECENT_KEYS">
+      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\types" />
+      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib" />
+      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\template\Seaweed" />
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)\about" />
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)" />
-      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\components\pineapple\toast\custom-toast" />
-      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\components\pineapple\toast" />
-      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\components\pineapple" />
     </key>
     <key name="es6.move.members.recent.items">
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\util\util.ts" />
@@ -149,8 +149,8 @@
     </list>
     <recent_temporary>
       <list>
-        <item itemvalue="npm.dev-offline" />
         <item itemvalue="npm.dev --open" />
+        <item itemvalue="npm.dev-offline" />
         <item itemvalue="npm.dev --open" />
         <item itemvalue="npm.dev-offline" />
         <item itemvalue="npm.dev --open" />
@@ -216,47 +216,10 @@
       <workItem from="1711052377810" duration="128000" />
       <workItem from="1711090540281" duration="11162000" />
       <workItem from="1711104214619" duration="25000" />
-      <workItem from="1711108187279" duration="358000" />
-    </task>
-    <task id="LOCAL-00036" summary="Fix broken string width resolution">
-      <option name="closed" value="true" />
-      <created>1710094498499</created>
-      <option name="number" value="00036" />
-      <option name="presentableId" value="LOCAL-00036" />
-      <option name="project" value="LOCAL" />
-      <updated>1710094498499</updated>
-    </task>
-    <task id="LOCAL-00037" summary="Fix accordion styling and cropped object positioning">
-      <option name="closed" value="true" />
-      <created>1710097868234</created>
-      <option name="number" value="00037" />
-      <option name="presentableId" value="LOCAL-00037" />
-      <option name="project" value="LOCAL" />
-      <updated>1710097868234</updated>
-    </task>
-    <task id="LOCAL-00038" summary="Adjust css for mobile">
-      <option name="closed" value="true" />
-      <created>1710113276818</created>
-      <option name="number" value="00038" />
-      <option name="presentableId" value="LOCAL-00038" />
-      <option name="project" value="LOCAL" />
-      <updated>1710113276818</updated>
-    </task>
-    <task id="LOCAL-00039" summary="Add chips and query">
-      <option name="closed" value="true" />
-      <created>1710127422091</created>
-      <option name="number" value="00039" />
-      <option name="presentableId" value="LOCAL-00039" />
-      <option name="project" value="LOCAL" />
-      <updated>1710127422091</updated>
-    </task>
-    <task id="LOCAL-00040" summary="Add chips and query">
-      <option name="closed" value="true" />
-      <created>1710128080602</created>
-      <option name="number" value="00040" />
-      <option name="presentableId" value="LOCAL-00040" />
-      <option name="project" value="LOCAL" />
-      <updated>1710128080602</updated>
+      <workItem from="1711108187279" duration="1163000" />
+      <workItem from="1711115902471" duration="148000" />
+      <workItem from="1711116299202" duration="1291000" />
+      <workItem from="1711179012668" duration="13200000" />
     </task>
     <task id="LOCAL-00041" summary="Turn the portfolio site into a template">
       <option name="closed" value="true" />
@@ -610,7 +573,47 @@
       <option name="project" value="LOCAL" />
       <updated>1711101645201</updated>
     </task>
-    <option name="localTasksCounter" value="85" />
+    <task id="LOCAL-00085" summary="Add external link warning stub">
+      <option name="closed" value="true" />
+      <created>1711108553537</created>
+      <option name="number" value="00085" />
+      <option name="presentableId" value="LOCAL-00085" />
+      <option name="project" value="LOCAL" />
+      <updated>1711108553537</updated>
+    </task>
+    <task id="LOCAL-00086" summary="Refactor Game Section to separate component">
+      <option name="closed" value="true" />
+      <created>1711180090086</created>
+      <option name="number" value="00086" />
+      <option name="presentableId" value="LOCAL-00086" />
+      <option name="project" value="LOCAL" />
+      <updated>1711180090086</updated>
+    </task>
+    <task id="LOCAL-00087" summary="Refactor GameSection out of SeaweedTemplate">
+      <option name="closed" value="true" />
+      <created>1711180642880</created>
+      <option name="number" value="00087" />
+      <option name="presentableId" value="LOCAL-00087" />
+      <option name="project" value="LOCAL" />
+      <updated>1711180642880</updated>
+    </task>
+    <task id="LOCAL-00088" summary="Remove unnecessary imports and variables in SeaweedTemplate">
+      <option name="closed" value="true" />
+      <created>1711180796474</created>
+      <option name="number" value="00088" />
+      <option name="presentableId" value="LOCAL-00088" />
+      <option name="project" value="LOCAL" />
+      <updated>1711180796474</updated>
+    </task>
+    <task id="LOCAL-00089" summary="Add page query param creator">
+      <option name="closed" value="true" />
+      <created>1711192223071</created>
+      <option name="number" value="00089" />
+      <option name="presentableId" value="LOCAL-00089" />
+      <option name="project" value="LOCAL" />
+      <updated>1711192223071</updated>
+    </task>
+    <option name="localTasksCounter" value="90" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -668,10 +671,6 @@
     </option>
   </component>
   <component name="VcsManagerConfiguration">
-    <MESSAGE value="Improve text contrast" />
-    <MESSAGE value="Improve text contrast in dark mode" />
-    <MESSAGE value="Add animation to dynamically added button in social section" />
-    <MESSAGE value="Implement normal state for PineappleBaseLayout" />
     <MESSAGE value="Add custom toast" />
     <MESSAGE value="Add simple text toast and toast queue" />
     <MESSAGE value="Enforce stricter typing for Toast components" />
@@ -693,6 +692,10 @@
     <MESSAGE value="Adjust turnip fab button color" />
     <MESSAGE value="Replace btn-group postcss class with turnip-menu&#10;&#10;There is postcss defined class called btn-group which has styles that have !important, which I accidentally used not knowing it exists, and it overrides whatever styles I apply on my class" />
     <MESSAGE value="Add external link warning stub" />
-    <option name="LAST_COMMIT_MESSAGE" value="Add external link warning stub" />
+    <MESSAGE value="Refactor Game Section to separate component" />
+    <MESSAGE value="Refactor GameSection out of SeaweedTemplate" />
+    <MESSAGE value="Remove unnecessary imports and variables in SeaweedTemplate" />
+    <MESSAGE value="Add page query param creator" />
+    <option name="LAST_COMMIT_MESSAGE" value="Add page query param creator" />
   </component>
 </project>

package/.svelte-kit/__package__/index.d.ts

@@ -1,5 +1,5 @@
 export { default as PineappleLayoutBase } from "./components/pineapple/PineappleBaseLayout.svelte";
-export { default as SeaweedTemplate } from "./template/SeaweedTemplate.svelte";
+export { default as SeaweedTemplate } from "./template/Seaweed/SeaweedTemplate.svelte";
 export { default as LazyAsset } from "./components/LazyAsset.svelte";
 export { default as Card } from "./components/Card.svelte";
 export * from "./components/dialog_manager/DialogManagerStore";

package/.svelte-kit/__package__/index.js

@@ -1,5 +1,5 @@
 export { default as PineappleLayoutBase } from "./components/pineapple/PineappleBaseLayout.svelte";
-export { default as SeaweedTemplate } from "./template/SeaweedTemplate.svelte";
+export { default as SeaweedTemplate } from "./template/Seaweed/SeaweedTemplate.svelte";
 export { default as LazyAsset } from "./components/LazyAsset.svelte";
 export { default as Card } from "./components/Card.svelte";
 export * from "./components/dialog_manager/DialogManagerStore";

package/.svelte-kit/__package__/template/Seaweed/GameSection.svelte

@@ -0,0 +1,207 @@
+<script>export let email = "turnipxenon@gmail.com";
+import "./seaweed.postcss";
+import HeaderPengi from "../../assets/temp/header-pengi.mp4";
+import GithubIcon from "../../assets/icons/github-mark.svg";
+import { ItchLogoHotLink } from "../../consts";
+import HeaderHepCat from "../../assets/temp/header-hep-cat.mp4";
+import BitbucketIcon from "../../assets/icons/bitbucket-icon.svg";
+import HeaderChefWings from "../../assets/game_dev/footage-chef-wings.gif";
+import LinkIcon from "../../assets/icons/link-icon.svg";
+import HeaderSoulwork from "../../assets/temp/header-soulwork.mp4";
+import Card from "../../components/Card.svelte";
+import { getModalStore } from "@skeletonlabs/skeleton";
+const modalStore = getModalStore();
+const chefWingsWarning = {
+  type: "confirm",
+  title: "Warning: please confirm",
+  body: `This will directly link to the game itself, since this game does not have any game page or any publicly viewable source code. The game is only playable on desktop. Are you sure you wish to proceed? If there are any bugs, please report at <a href='mailto:${email}' target='_blank'>${email}</a>.`,
+  response: (r) => {
+    if (r) {
+      window.open("https://selk.io/birb-project/trunk/");
+    }
+  }
+};
+</script>
+
+<Card>
+	<div class="section-card title-card" slot="content">
+		<h1 class="text-center">Games</h1>
+	</div>
+</Card>
+
+<section class="games-section">
+
+	<Card>
+		<section class="game-card" slot="content">
+			<video playsinline autoplay muted loop preload="none">
+				video unavailable. original video contains pengi gameplay showing the dynamic dialog
+				layout and character animation.
+				<source src={HeaderPengi} type="video/mp4">
+			</video>
+
+			<section class="game-card-body">
+
+				<h1>Pengi</h1>
+
+				<blockquote>
+					Well well, quite the dreamer, aren’t you? Might be hard to get in... costs a lot of
+					money...
+				</blockquote>
+
+				<p>
+					Pengi is a text-based adventure made in <span class="qt-unity">Unity</span>. I acted as the sole
+					programmer for the team. Most of the work revolves around UI and creating <a
+					href="https://yarnspinner.dev/" target="_blank">YarnSpinner</a> commands for writers
+					to use to create expressive stage directions in the script.
+				</p>
+
+				<section class="game-link-section">
+					<button type="button" class="game-button turnip-button"
+					        role="link"
+					        title="https://github.com/GreenTea-M/ProjectPengi"
+					        on:click={()=> window.open("https://github.com/GreenTea-M/ProjectPengi")}>
+						<img alt="github icon" src={GithubIcon}>
+					</button>
+					<button type="button" class="game-button turnip-button"
+					        role="link"
+					        title="https://turnipxenon.itch.io/pengi"
+					        on:click={()=> window.open("https://turnipxenon.itch.io/pengi")}>
+						<img alt="itch.io icon" src={ItchLogoHotLink}>
+					</button>
+				</section>
+			</section>
+		</section>
+	</Card>
+
+	<Card>
+		<section class="game-card" slot="content">
+			<!-- todo: move the image crop a bit lower -->
+			<video playsinline autoplay muted loop preload="none" id="hepcat-video">
+				<source src={HeaderHepCat} type="video/mp4">
+			</video>
+
+			<section class="game-card-body">
+
+				<h1>Hepcat</h1>
+
+				<blockquote>
+					"Cats, Jazz, and a little bit of Death. What more could anyone ask for?"
+				</blockquote>
+
+
+				<p>This is a course project made by a team of six for <a
+					href="https://sites.google.com/ualberta.ca/cmput250/">CMPUT 250</a>, and it won <a
+					href="https://webdocs.cs.ualberta.ca/~nathanst/certificate/">Game of the year.</a>
+				</p>
+
+				<p>
+					Hep Cat is a rhythm game made in <a
+					href="https://www.rpgmakerweb.com/products/programs/rpg-maker-mv" target="_blank" class="qt-rpgmaker">
+					RPG Maker MV</a> with the help of additional custom-made <span class="qt-js">Javascript</span> plugins. I
+					wrote the rhythm game plugin's framework. For this plugin to work, I
+					had to write a <span class="qt-python">Python</span> script that parses osu! files into readable JSON
+					files.
+				</p>
+
+
+				<section class="game-link-section">
+					<button type="button" class="game-button turnip-button"
+					        role="link"
+					        title="https://bitbucket.org/egginchicken/hep-cat/src/master/"
+					        on:click={()=> window.open("https://bitbucket.org/egginchicken/hep-cat/src/master/")}>
+						<img alt="bitbucket icon" src={BitbucketIcon}>
+					</button>
+					<button type="button" class="game-button turnip-button"
+					        role="link"
+					        title="https://just-a-phantom.itch.io/hep-cat"
+					        on:click={()=> window.open("https://just-a-phantom.itch.io/hep-cat")}>
+						<img alt="itch.io icon" src={ItchLogoHotLink}>
+					</button>
+				</section>
+			</section>
+		</section>
+	</Card>
+
+	<Card>
+		<section class="game-card" slot="content">
+			<img src={HeaderChefWings} alt="todo" loading="lazy">
+			<section class="game-card-body">
+
+				<h1>Chef Wings</h1>
+				<p>
+					A “roguelite-lite” where you gather ingredients in a procedurally-generated dungeon and use
+					them to cook for customers and then critics!
+				</p>
+				<p>
+					I built and documented several of the game’s systems including the game state management
+					system that extends <span class="qt-unity">Unity’s</span> existing Monobehavior lifecycle with new events,
+					and the dialogue, event, and level systems that coordinate the game flow using the interactive
+					dialogue tool YarnSpinner
+				</p>
+
+				<section class="game-link-section">
+					<button type="button" class="game-button turnip-button"
+					        title="https://selk.io/birb-project/trunk/"
+					        on:click={()=>modalStore.trigger(chefWingsWarning)}>
+						<img alt="itch.io icon" src={LinkIcon}>
+						<span>selk.io/birb-project/trunk/</span>
+					</button>
+				</section>
+			</section>
+		</section>
+	</Card>
+	<Card>
+		<section class="game-card" slot="content">
+			<video playsinline autoplay muted loop preload="none">
+				<source src={HeaderSoulwork} type="video/mp4">
+			</video>
+			<section class="game-card-body">
+
+				<h1>Soulwork</h1>
+
+				<p>
+					Soulwork is a 2D platforming game that uses unique physics to solve puzzle-based levels.
+					This project is a Time to Game Jam entry, restricting game development to be under 48
+					hours.
+				</p>
+				<p>
+					I helped make the level designing tools used by the designers to drag-and-drop objects
+					on the stage. I also helped program the unique physics-based gameplay mechanic. This was
+					was made in <span class="qt-unity">Unity</span> written using <span class="qt-cs">C#</span>.
+				</p>
+
+
+				<section class="game-link-section">
+					<button type="button" class="game-button turnip-button"
+					        role="link"
+					        title="https://github.com/Zeyu-Li/Clockwork"
+					        on:click={()=> window.open("https://github.com/Zeyu-Li/Clockwork")}>
+						<img alt="github icon" src={GithubIcon}>
+					</button>
+					<button type="button" class="game-button turnip-button"
+					        role="link"
+					        title="https://itch.io/jam/time-to-game-jam-gadec-fall-game-jam/rate/514331"
+					        on:click={()=> window.open("https://itch.io/jam/time-to-game-jam-gadec-fall-game-jam/rate/514331")}>
+						<img alt="itch.io icon" src={ItchLogoHotLink}>
+					</button>
+				</section>
+			</section>
+		</section>
+	</Card>
+	<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>
+</section>

package/.svelte-kit/__package__/template/Seaweed/GameSection.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import "./seaweed.postcss";
+declare const __propDef: {
+    props: {
+        email?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type GameSectionProps = typeof __propDef.props;
+export type GameSectionEvents = typeof __propDef.events;
+export type GameSectionSlots = typeof __propDef.slots;
+export default class GameSection extends SvelteComponent<GameSectionProps, GameSectionEvents, GameSectionSlots> {
+}
+export {};