@turnipxenon/pineapple 2.4.55 → 2.4.56

package/.idea/workspace.xml

@@ -4,14 +4,10 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Add dynamic url adder UI">
-      <change afterPath="$PROJECT_DIR$/src/lib/template/seaweed/UrlShortenerForm.svelte" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/src/lib/types/api/CreateUrl.ts" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/src/lib/types/api/index.ts" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/src/routes/api/create-url/+server.ts" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/lib/index.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/index.ts" afterDir="false" />
+    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="CreateUrlForm" comment="Add CreateUrl UI">
       <change beforePath="$PROJECT_DIR$/src/lib/template/seaweed/SeaweedTemplate.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/template/seaweed/SeaweedTemplate.svelte" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/routes/(seaweed)/+layout.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/routes/(seaweed)/+layout.svelte" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/lib/template/seaweed/SeaweedTemplateData.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/template/seaweed/SeaweedTemplateData.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/lib/template/seaweed/entries/ThisWebpage.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/template/seaweed/entries/ThisWebpage.svelte" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -339,15 +335,9 @@
       <workItem from="1712536086680" duration="3657000" />
       <workItem from="1712557998479" duration="1152000" />
       <workItem from="1712560061741" duration="265000" />
-      <workItem from="1712560426380" duration="2683000" />
-    </task>
-    <task id="LOCAL-00120" summary="Change media to container">
-      <option name="closed" value="true" />
-      <created>1711685070024</created>
-      <option name="number" value="00120" />
-      <option name="presentableId" value="LOCAL-00120" />
-      <option name="project" value="LOCAL" />
-      <updated>1711685070024</updated>
+      <workItem from="1712560426380" duration="3011000" />
+      <workItem from="1712563659982" duration="1353000" />
+      <workItem from="1712570296984" duration="1345000" />
     </task>
     <task id="LOCAL-00121" summary="Add toggle to showcase pagination prevention">
       <option name="closed" value="true" />
@@ -733,7 +723,15 @@
       <option name="project" value="LOCAL" />
       <updated>1712543711416</updated>
     </task>
-    <option name="localTasksCounter" value="169" />
+    <task id="LOCAL-00169" summary="Add CreateUrl UI">
+      <option name="closed" value="true" />
+      <created>1712563193335</created>
+      <option name="number" value="00169" />
+      <option name="presentableId" value="LOCAL-00169" />
+      <option name="project" value="LOCAL" />
+      <updated>1712563193335</updated>
+    </task>
+    <option name="localTasksCounter" value="170" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -791,7 +789,6 @@
     </option>
   </component>
   <component name="VcsManagerConfiguration">
-    <MESSAGE value="Revert &quot;Correct app_build_command in Azure SWA GithubActions&quot;&#10;&#10;Revert b34caf17" />
     <MESSAGE value="Temporarily delete workflow to let Azure auto-generate secrets" />
     <MESSAGE value="Change npm to yarn in GithubActions" />
     <MESSAGE value="Cancel migration to Azure" />
@@ -816,6 +813,7 @@
     <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" />
-    <option name="LAST_COMMIT_MESSAGE" value="Add dynamic url adder UI" />
+    <MESSAGE value="Add CreateUrl UI" />
+    <option name="LAST_COMMIT_MESSAGE" value="Add CreateUrl UI" />
   </component>
 </project>

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

@@ -310,7 +310,7 @@ $:
 
 				<section class={group.gridClass}>
 					{#each group.items as entry}
-						<svelte:component this={entry} props={entryProps}></svelte:component>
+						<svelte:component this={entry.component} props={entryProps}></svelte:component>
 					{/each}
 				</section>
 			{/if}

package/.svelte-kit/__package__/template/seaweed/SeaweedTemplateData.d.ts

@@ -3,9 +3,13 @@ export declare enum GroupGridClass {
     Games = "games-section",
     Projects = "projects-section"
 }
+export interface ComponentMeta {
+    name: string;
+    component: ComponentType;
+}
 export interface EntryGroup {
     name: string;
-    items: ComponentType[];
+    items: ComponentMeta[];
     gridClass: string;
 }
 export declare const GameEntries: Readonly<EntryGroup>;
@@ -14,8 +18,8 @@ export declare const EmptyRelevantProjects: Readonly<EntryGroup>;
 export declare const AllGroupedEntriesGameFirst: ReadonlyArray<EntryGroup>;
 export declare const AllGroupedEntriesProjectFirst: ReadonlyArray<EntryGroup>;
 export declare const lazyInitializeAllFlatEntries: () => void;
-export declare const GetAllEntryFromGlobal: () => Map<string, ComponentType>;
-export declare const GetEntryFromGlobal: (name: string) => ComponentType | undefined;
+export declare const GetAllEntryFromGlobal: () => Map<string, ComponentMeta>;
+export declare const GetEntryFromGlobal: (name: string) => ComponentMeta | undefined;
 export declare const TurnGroupEntriesMutable: (allEntries: ReadonlyArray<EntryGroup>) => EntryGroup[];
 export interface SeaweedTemplateData {
     groupedEntries: EntryGroup[];

package/.svelte-kit/__package__/template/seaweed/SeaweedTemplateData.js

@@ -19,12 +19,26 @@ export var GroupGridClass;
 })(GroupGridClass || (GroupGridClass = {}));
 export const GameEntries = {
     name: DefaultHeader.Games.toString(),
-    items: [Pengi, Hepcat, ChefWings, Soulwork, ItchPromo],
+    items: [
+        { name: "Pengi", component: Pengi },
+        { name: "Hepcat", component: Hepcat },
+        { name: "Chef Wings", component: ChefWings },
+        { name: "Soulwork", component: Soulwork },
+        { name: "Itch Promo", component: ItchPromo }
+    ],
     gridClass: GroupGridClass.Games.toString()
 };
 export const ProjectEntries = {
     name: DefaultHeader.Projects.toString(),
-    items: [MigranteAlberta, DecentralizedSocialMedia, CustomizedYarnspinner, FullStackC, Workset, ThisWebpage, MockUberApp],
+    items: [
+        { name: "Migrante Alberta", component: MigranteAlberta },
+        { name: "Decentralized Social Media", component: DecentralizedSocialMedia },
+        { 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 }
+    ],
     gridClass: GroupGridClass.Projects.toString()
 };
 export const EmptyRelevantProjects = {

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

@@ -30,6 +30,8 @@ export let props;
 				<Chip>Typescript</Chip>
 				<Chip>Vercel</Chip>
 				<Chip>YarnSpinner</Chip>
+				<Chip>Postgres (SQL database)</Chip>
+				<Chip>Prisma ORM</Chip>
 			</p>
 
 			<section class="game-link-section">

package/.svelte-kit/generated/server/internal.js

@@ -21,7 +21,7 @@ export const options = {
 		app: ({ head, body, assets, nonce, env }) => "<!DOCTYPE html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<link rel=\"icon\" href=\"" + assets + "/favicon.png\" />\n\t\t<meta name=\"viewport\" content=\"width=device-width\" />\n\t\t" + head + "\n\t</head>\n\n\t<body data-sveltekit-preload-data=\"hover\" data-theme=\"crimson\">\n\t\t<div style=\"display: contents\" class=\"h-full overflow-hidden\">" + body + "</div>\n\t</body>\n</html>\n",
 		error: ({ status, message }) => "<!doctype html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<title>" + message + "</title>\n\n\t\t<style>\n\t\t\tbody {\n\t\t\t\t--bg: white;\n\t\t\t\t--fg: #222;\n\t\t\t\t--divider: #ccc;\n\t\t\t\tbackground: var(--bg);\n\t\t\t\tcolor: var(--fg);\n\t\t\t\tfont-family:\n\t\t\t\t\tsystem-ui,\n\t\t\t\t\t-apple-system,\n\t\t\t\t\tBlinkMacSystemFont,\n\t\t\t\t\t'Segoe UI',\n\t\t\t\t\tRoboto,\n\t\t\t\t\tOxygen,\n\t\t\t\t\tUbuntu,\n\t\t\t\t\tCantarell,\n\t\t\t\t\t'Open Sans',\n\t\t\t\t\t'Helvetica Neue',\n\t\t\t\t\tsans-serif;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\theight: 100vh;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t.error {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tmax-width: 32rem;\n\t\t\t\tmargin: 0 1rem;\n\t\t\t}\n\n\t\t\t.status {\n\t\t\t\tfont-weight: 200;\n\t\t\t\tfont-size: 3rem;\n\t\t\t\tline-height: 1;\n\t\t\t\tposition: relative;\n\t\t\t\ttop: -0.05rem;\n\t\t\t}\n\n\t\t\t.message {\n\t\t\t\tborder-left: 1px solid var(--divider);\n\t\t\t\tpadding: 0 0 0 1rem;\n\t\t\t\tmargin: 0 0 0 1rem;\n\t\t\t\tmin-height: 2.5rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n\t\t\t.message h1 {\n\t\t\t\tfont-weight: 400;\n\t\t\t\tfont-size: 1em;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t@media (prefers-color-scheme: dark) {\n\t\t\t\tbody {\n\t\t\t\t\t--bg: #222;\n\t\t\t\t\t--fg: #ddd;\n\t\t\t\t\t--divider: #666;\n\t\t\t\t}\n\t\t\t}\n\t\t</style>\n\t</head>\n\t<body>\n\t\t<div class=\"error\">\n\t\t\t<span class=\"status\">" + status + "</span>\n\t\t\t<div class=\"message\">\n\t\t\t\t<h1>" + message + "</h1>\n\t\t\t</div>\n\t\t</div>\n\t</body>\n</html>\n"
 	},
-	version_hash: "shyqvz"
+	version_hash: "rdpije"
 };
 
 export async function get_hooks() {

package/dist/template/seaweed/SeaweedTemplate.svelte

@@ -310,7 +310,7 @@ $:
 
 				<section class={group.gridClass}>
 					{#each group.items as entry}
-						<svelte:component this={entry} props={entryProps}></svelte:component>
+						<svelte:component this={entry.component} props={entryProps}></svelte:component>
 					{/each}
 				</section>
 			{/if}

package/dist/template/seaweed/SeaweedTemplateData.d.ts

@@ -3,9 +3,13 @@ export declare enum GroupGridClass {
     Games = "games-section",
     Projects = "projects-section"
 }
+export interface ComponentMeta {
+    name: string;
+    component: ComponentType;
+}
 export interface EntryGroup {
     name: string;
-    items: ComponentType[];
+    items: ComponentMeta[];
     gridClass: string;
 }
 export declare const GameEntries: Readonly<EntryGroup>;
@@ -14,8 +18,8 @@ export declare const EmptyRelevantProjects: Readonly<EntryGroup>;
 export declare const AllGroupedEntriesGameFirst: ReadonlyArray<EntryGroup>;
 export declare const AllGroupedEntriesProjectFirst: ReadonlyArray<EntryGroup>;
 export declare const lazyInitializeAllFlatEntries: () => void;
-export declare const GetAllEntryFromGlobal: () => Map<string, ComponentType>;
-export declare const GetEntryFromGlobal: (name: string) => ComponentType | undefined;
+export declare const GetAllEntryFromGlobal: () => Map<string, ComponentMeta>;
+export declare const GetEntryFromGlobal: (name: string) => ComponentMeta | undefined;
 export declare const TurnGroupEntriesMutable: (allEntries: ReadonlyArray<EntryGroup>) => EntryGroup[];
 export interface SeaweedTemplateData {
     groupedEntries: EntryGroup[];

package/dist/template/seaweed/SeaweedTemplateData.js

@@ -19,12 +19,26 @@ export var GroupGridClass;
 })(GroupGridClass || (GroupGridClass = {}));
 export const GameEntries = {
     name: DefaultHeader.Games.toString(),
-    items: [Pengi, Hepcat, ChefWings, Soulwork, ItchPromo],
+    items: [
+        { name: "Pengi", component: Pengi },
+        { name: "Hepcat", component: Hepcat },
+        { name: "Chef Wings", component: ChefWings },
+        { name: "Soulwork", component: Soulwork },
+        { name: "Itch Promo", component: ItchPromo }
+    ],
     gridClass: GroupGridClass.Games.toString()
 };
 export const ProjectEntries = {
     name: DefaultHeader.Projects.toString(),
-    items: [MigranteAlberta, DecentralizedSocialMedia, CustomizedYarnspinner, FullStackC, Workset, ThisWebpage, MockUberApp],
+    items: [
+        { name: "Migrante Alberta", component: MigranteAlberta },
+        { name: "Decentralized Social Media", component: DecentralizedSocialMedia },
+        { 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 }
+    ],
     gridClass: GroupGridClass.Projects.toString()
 };
 export const EmptyRelevantProjects = {

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

@@ -30,6 +30,8 @@ export let props;
 				<Chip>Typescript</Chip>
 				<Chip>Vercel</Chip>
 				<Chip>YarnSpinner</Chip>
+				<Chip>Postgres (SQL database)</Chip>
+				<Chip>Prisma ORM</Chip>
 			</p>
 
 			<section class="game-link-section">

package/package.json

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

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

@@ -371,7 +371,7 @@
 
 				<section class={group.gridClass}>
 					{#each group.items as entry}
-						<svelte:component this={entry} props={entryProps}></svelte:component>
+						<svelte:component this={entry.component} props={entryProps}></svelte:component>
 					{/each}
 				</section>
 			{/if}

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

@@ -19,21 +19,40 @@ export enum GroupGridClass {
 	Projects = "projects-section"
 }
 
+export interface ComponentMeta {
+	name: string;
+	component: ComponentType;
+}
+
 export interface EntryGroup {
 	name: string;
-	items: ComponentType[];
+	items: ComponentMeta[];
 	gridClass: string;
 }
 
 export const GameEntries: Readonly<EntryGroup> = {
 	name: DefaultHeader.Games.toString(),
-	items: [Pengi, Hepcat, ChefWings, Soulwork, ItchPromo],
+	items: [
+		{ name: "Pengi", component: Pengi },
+		{ name: "Hepcat", component: Hepcat },
+		{ name: "Chef Wings", component: ChefWings },
+		{ name: "Soulwork", component: Soulwork },
+		{ name: "Itch Promo", component: ItchPromo }
+	],
 	gridClass: GroupGridClass.Games.toString()
 };
 
 export const ProjectEntries: Readonly<EntryGroup> = {
 	name: DefaultHeader.Projects.toString(),
-	items: [MigranteAlberta, DecentralizedSocialMedia, CustomizedYarnspinner, FullStackC, Workset, ThisWebpage, MockUberApp],
+	items: [
+		{ name: "Migrante Alberta", component: MigranteAlberta },
+		{ name: "Decentralized Social Media", component: DecentralizedSocialMedia },
+		{ 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 }
+	],
 	gridClass: GroupGridClass.Projects.toString()
 };
 
@@ -55,7 +74,7 @@ export const AllGroupedEntriesProjectFirst: ReadonlyArray<EntryGroup> = [
 	GameEntries
 ];
 
-const allFlatEntries: Map<string, ComponentType> = new Map<string, ComponentType>();
+const allFlatEntries = new Map<string, ComponentMeta>();
 
 export const lazyInitializeAllFlatEntries = () => {
 	if (allFlatEntries.size === 0) {

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

@@ -33,6 +33,8 @@
 				<Chip>Typescript</Chip>
 				<Chip>Vercel</Chip>
 				<Chip>YarnSpinner</Chip>
+				<Chip>Postgres (SQL database)</Chip>
+				<Chip>Prisma ORM</Chip>
 			</p>
 
 			<section class="game-link-section">

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

@@ -1,13 +1,12 @@
 <script>
 	import SeaweedTemplate from "$pkg/template/seaweed/SeaweedTemplate.svelte";
-	import RandomComponent from "./RandomComponent.svelte";
 </script>
 
 <SeaweedTemplate letChaos={false}
                  name="Allan Manuba"
                  email="allanmanuba@gmail.com"
                  linkedinSlug="allan-manuba"
-                 serverSideQueryParams="order=Games:Hepcat|ChefWings|Soulwork|ItchPromo:games-section,Projects:MigranteAlberta|DecentralizedSocialMedia|CustomizedYarnspinner|FullStackC|Workset|ThisWebpage|MockUberApp:projects-section,Relevant projects:MigranteAlberta:games-section&game-section-first=false"
+                 serverSideQueryParams="order=Relevant projects::games-section,Games:Pengi|Chef Wings|Hepcat|Itch Promo|Soulwork|Full Stack C:games-section,Projects:Migrante Alberta|Customized YarnSpinner|Decentralized Social Media|Workset|This Webpage:projects-section"
 >
 
 </SeaweedTemplate>

package/src/routes/(seaweed)/portfolio/actual/RandomComponent.svelte

@@ -1,7 +0,0 @@
-<script>
-	import { Card } from "$pkg";
-</script>
-
-<Card>
-	<h1 slot="content">Hello</h1>
-</Card>