@turnipxenon/pineapple 2.4.47 → 2.4.48

package/.idea/workspace.xml

@@ -4,10 +4,9 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Remove unneeded script check in yarn build">
-      <change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/svelte.config.js" beforeDir="false" afterPath="$PROJECT_DIR$/svelte.config.js" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/yarn.lock" beforeDir="false" afterPath="$PROJECT_DIR$/yarn.lock" afterDir="false" />
+    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Support swappable group for backwards compatibility">
+      <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/lib/template/seaweed/SeaweedTemplateData.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/template/seaweed/SeaweedTemplateData.ts" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -133,7 +132,7 @@
     &quot;npm.dev.executor&quot;: &quot;Run&quot;,
     &quot;npm.to-dev.executor&quot;: &quot;Run&quot;,
     &quot;settings.editor.selected.configurable&quot;: &quot;preferences.general&quot;,
-    &quot;ts.external.directory.path&quot;: &quot;C:\\Users\\Pumpkin\\AppData\\Local\\Programs\\WebStorm\\plugins\\javascript-impl\\jsLanguageServicesImpl\\external&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>
@@ -323,22 +322,8 @@
       <workItem from="1712420658777" duration="5492000" />
       <workItem from="1712469166120" duration="5613000" />
       <workItem from="1712474982019" duration="1446000" />
-    </task>
-    <task id="LOCAL-00110" summary="Migrate from relying on json instead of comments for meta">
-      <option name="closed" value="true" />
-      <created>1711492747330</created>
-      <option name="number" value="00110" />
-      <option name="presentableId" value="LOCAL-00110" />
-      <option name="project" value="LOCAL" />
-      <updated>1711492747331</updated>
-    </task>
-    <task id="LOCAL-00111" summary="Add default sorter for NavigationComponent">
-      <option name="closed" value="true" />
-      <created>1711494655396</created>
-      <option name="number" value="00111" />
-      <option name="presentableId" value="LOCAL-00111" />
-      <option name="project" value="LOCAL" />
-      <updated>1711494655396</updated>
+      <workItem from="1712476456680" duration="329000" />
+      <workItem from="1712476890510" duration="801000" />
     </task>
     <task id="LOCAL-00112" summary="Fix NavigationComponent styling">
       <option name="closed" value="true" />
@@ -716,7 +701,23 @@
       <option name="project" value="LOCAL" />
       <updated>1712475823736</updated>
     </task>
-    <option name="localTasksCounter" value="159" />
+    <task id="LOCAL-00159" summary="Fix yarn dependencies">
+      <option name="closed" value="true" />
+      <created>1712476485361</created>
+      <option name="number" value="00159" />
+      <option name="presentableId" value="LOCAL-00159" />
+      <option name="project" value="LOCAL" />
+      <updated>1712476485362</updated>
+    </task>
+    <task id="LOCAL-00160" summary="Support swappable group for backwards compatibility">
+      <option name="closed" value="true" />
+      <created>1712477348736</created>
+      <option name="number" value="00160" />
+      <option name="presentableId" value="LOCAL-00160" />
+      <option name="project" value="LOCAL" />
+      <updated>1712477348736</updated>
+    </task>
+    <option name="localTasksCounter" value="161" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -774,8 +775,6 @@
     </option>
   </component>
   <component name="VcsManagerConfiguration">
-    <MESSAGE value="Convert npm to yarn" />
-    <MESSAGE value="Change from auto to node adapter" />
     <MESSAGE value="Add kudos to 0gust1&#10;&#10;Add kudos to 0gust1 for documenting how to deploy sveltekit app on Azure App service" />
     <MESSAGE value="Correct app_build_command in Azure SWA GithubActions&#10;&#10;app_build_command by default runs npm install when it should be running yarn install" />
     <MESSAGE value="Add resolutions to use Node 20 in Azure SWA GithubActions" />
@@ -799,6 +798,8 @@
     <MESSAGE value="Add serverSideQueryParams and extraComponent in SeaweedTemplate" />
     <MESSAGE value="Fix removeProxyWrapperOnString" />
     <MESSAGE value="Remove unneeded script check in yarn build" />
-    <option name="LAST_COMMIT_MESSAGE" value="Remove unneeded script check in yarn build" />
+    <MESSAGE value="Fix yarn dependencies" />
+    <MESSAGE value="Support swappable group for backwards compatibility" />
+    <option name="LAST_COMMIT_MESSAGE" value="Support swappable group for backwards compatibility" />
   </component>
 </project>

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

@@ -1,4 +1,5 @@
-<script>import EntryOrderConfig from "./entry_order_config/EntryOrderConfig.svelte";
+<script>import { onMount } from "svelte";
+import EntryOrderConfig from "./entry_order_config/EntryOrderConfig.svelte";
 import { runChaos } from "./RunChaos";
 import SocialSection from "../../components/SocialSection.svelte";
 import "./seaweed.postcss";
@@ -6,12 +7,13 @@ import SeaweedBaseLayout from "../../components/layouts/SeaweedBaseLayout.svelte
 import { Accordion, AccordionItem, CodeBlock, SlideToggle } from "@skeletonlabs/skeleton";
 import { page } from "$app/stores";
 import Card from "../../components/Card.svelte";
-import { onMount } from "svelte";
 import ElementVisbilityDetector from "../../components/ElementVisbilityDetector.svelte";
 import selfContent from "./SeaweedTemplate.svelte?raw";
 import {
+  AllGroupedEntriesProjectFirst,
   GetEntryFromGlobal,
-  seaweedTemplateData
+  seaweedTemplateData,
+  TurnGroupEntriesMutable
 } from "./SeaweedTemplateData";
 export let letChaos = true;
 export let name = "Turnip";
@@ -71,9 +73,6 @@ const filterSearchParams = (searchParams) => {
     seaweedTemplateData.shouldAddFunNote = true;
   }
   const gameSectionFirstParam = searchParams.get("game-section-first")?.trim();
-  if (gameSectionFirstParam === "false") {
-    seaweedTemplateData.gameSectionFirst = false;
-  }
   const orderParam = searchParams.get("order")?.trim();
   if (orderParam) {
     seaweedTemplateData.groupedEntries = [];
@@ -96,6 +95,8 @@ const filterSearchParams = (searchParams) => {
       }
     });
     seaweedTemplateData.groupedEntries = seaweedTemplateData.groupedEntries;
+  } else if (gameSectionFirstParam === "false") {
+    seaweedTemplateData.groupedEntries = TurnGroupEntriesMutable(AllGroupedEntriesProjectFirst);
   }
   const qtValue = searchParams.get("qt")?.trim();
   if (qtValue !== void 0) {
@@ -337,6 +338,7 @@ $:
 						<SlideToggle name="game-section-slider" bind:checked={seaweedTemplateData.gameSectionFirst}>
 							Should game section appear first over projects: {seaweedTemplateData.gameSectionFirst ? "On" : "Off"}
 						</SlideToggle>
+						<p>Note: the above configuration was made before the dynamic entry list and to support links sent with that params, we will act like it only swaps the two groups, and nothing more dynamic if order query param does not exist. The configuration only happens during page load with query param, and it does not apply when changed here.</p>
 						<SlideToggle name="fun-note-slider" bind:checked={seaweedTemplateData.shouldAddFunNote}>
 							Should add fun note in description: {seaweedTemplateData.shouldAddFunNote ? "On" : "Off"}
 						</SlideToggle>

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

@@ -1,6 +1,6 @@
 import { SvelteComponent } from "svelte";
-import "./seaweed.postcss";
 import { type ComponentType } from "svelte";
+import "./seaweed.postcss";
 declare const __propDef: {
     props: {
         letChaos?: boolean | undefined;

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

@@ -10,10 +10,13 @@ export interface EntryGroup {
 }
 export declare const GameEntries: Readonly<EntryGroup>;
 export declare const ProjectEntries: Readonly<EntryGroup>;
-export declare const AllGroupedEntries: ReadonlyArray<EntryGroup>;
+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 TurnGroupEntriesMutable: (allEntries: ReadonlyArray<EntryGroup>) => EntryGroup[];
 export interface SeaweedTemplateData {
     groupedEntries: EntryGroup[];
     shouldAddFunNote: boolean;

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

@@ -27,15 +27,21 @@ export const ProjectEntries = {
     items: [MigranteAlberta, DecentralizedSocialMedia, CustomizedYarnspinner, FullStackC, Workset, ThisWebpage, MockUberApp],
     gridClass: GroupGridClass.Projects.toString()
 };
-export const AllGroupedEntries = [
-    {
-        name: "Relevant projects",
-        items: [],
-        gridClass: GroupGridClass.Games.toString()
-    },
+export const EmptyRelevantProjects = {
+    name: "Relevant projects",
+    items: [],
+    gridClass: GroupGridClass.Games.toString()
+};
+export const AllGroupedEntriesGameFirst = [
+    EmptyRelevantProjects,
     GameEntries,
     ProjectEntries
 ];
+export const AllGroupedEntriesProjectFirst = [
+    EmptyRelevantProjects,
+    ProjectEntries,
+    GameEntries
+];
 const allFlatEntries = new Map();
 export const lazyInitializeAllFlatEntries = () => {
     if (allFlatEntries.size === 0) {
@@ -52,17 +58,20 @@ export const GetEntryFromGlobal = (name) => {
     lazyInitializeAllFlatEntries();
     return allFlatEntries.get(name);
 };
-export const seaweedTemplateData = {
-    shouldAddFunNote: false,
-    queryTermMap: new Map(),
-    // todo: gameSectionFirst currently has no functionality
-    gameSectionFirst: false,
-    // copy the readonly properties into mutable values
-    groupedEntries: AllGroupedEntries.map(g => {
+export const TurnGroupEntriesMutable = (allEntries) => {
+    return allEntries.map(g => {
         return {
             name: g.name,
             gridClass: g.gridClass,
             items: g.items.map(e => e)
         };
-    })
+    });
+};
+export const seaweedTemplateData = {
+    shouldAddFunNote: false,
+    queryTermMap: new Map(),
+    // todo: gameSectionFirst currently has no functionality
+    gameSectionFirst: true,
+    // copy the readonly properties into mutable values
+    groupedEntries: TurnGroupEntriesMutable(AllGroupedEntriesGameFirst)
 };

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: "r9ndx3"
+	version_hash: "1hij5cm"
 };
 
 export async function get_hooks() {

package/dist/template/seaweed/SeaweedTemplate.svelte

@@ -1,4 +1,5 @@
-<script>import EntryOrderConfig from "./entry_order_config/EntryOrderConfig.svelte";
+<script>import { onMount } from "svelte";
+import EntryOrderConfig from "./entry_order_config/EntryOrderConfig.svelte";
 import { runChaos } from "./RunChaos";
 import SocialSection from "../../components/SocialSection.svelte";
 import "./seaweed.postcss";
@@ -6,12 +7,13 @@ import SeaweedBaseLayout from "../../components/layouts/SeaweedBaseLayout.svelte
 import { Accordion, AccordionItem, CodeBlock, SlideToggle } from "@skeletonlabs/skeleton";
 import { page } from "$app/stores";
 import Card from "../../components/Card.svelte";
-import { onMount } from "svelte";
 import ElementVisbilityDetector from "../../components/ElementVisbilityDetector.svelte";
 import selfContent from "./SeaweedTemplate.svelte?raw";
 import {
+  AllGroupedEntriesProjectFirst,
   GetEntryFromGlobal,
-  seaweedTemplateData
+  seaweedTemplateData,
+  TurnGroupEntriesMutable
 } from "./SeaweedTemplateData";
 export let letChaos = true;
 export let name = "Turnip";
@@ -71,9 +73,6 @@ const filterSearchParams = (searchParams) => {
     seaweedTemplateData.shouldAddFunNote = true;
   }
   const gameSectionFirstParam = searchParams.get("game-section-first")?.trim();
-  if (gameSectionFirstParam === "false") {
-    seaweedTemplateData.gameSectionFirst = false;
-  }
   const orderParam = searchParams.get("order")?.trim();
   if (orderParam) {
     seaweedTemplateData.groupedEntries = [];
@@ -96,6 +95,8 @@ const filterSearchParams = (searchParams) => {
       }
     });
     seaweedTemplateData.groupedEntries = seaweedTemplateData.groupedEntries;
+  } else if (gameSectionFirstParam === "false") {
+    seaweedTemplateData.groupedEntries = TurnGroupEntriesMutable(AllGroupedEntriesProjectFirst);
   }
   const qtValue = searchParams.get("qt")?.trim();
   if (qtValue !== void 0) {
@@ -337,6 +338,7 @@ $:
 						<SlideToggle name="game-section-slider" bind:checked={seaweedTemplateData.gameSectionFirst}>
 							Should game section appear first over projects: {seaweedTemplateData.gameSectionFirst ? "On" : "Off"}
 						</SlideToggle>
+						<p>Note: the above configuration was made before the dynamic entry list and to support links sent with that params, we will act like it only swaps the two groups, and nothing more dynamic if order query param does not exist. The configuration only happens during page load with query param, and it does not apply when changed here.</p>
 						<SlideToggle name="fun-note-slider" bind:checked={seaweedTemplateData.shouldAddFunNote}>
 							Should add fun note in description: {seaweedTemplateData.shouldAddFunNote ? "On" : "Off"}
 						</SlideToggle>

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

@@ -1,6 +1,6 @@
 import { SvelteComponent } from "svelte";
-import "./seaweed.postcss";
 import { type ComponentType } from "svelte";
+import "./seaweed.postcss";
 declare const __propDef: {
     props: {
         letChaos?: boolean | undefined;

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

@@ -10,10 +10,13 @@ export interface EntryGroup {
 }
 export declare const GameEntries: Readonly<EntryGroup>;
 export declare const ProjectEntries: Readonly<EntryGroup>;
-export declare const AllGroupedEntries: ReadonlyArray<EntryGroup>;
+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 TurnGroupEntriesMutable: (allEntries: ReadonlyArray<EntryGroup>) => EntryGroup[];
 export interface SeaweedTemplateData {
     groupedEntries: EntryGroup[];
     shouldAddFunNote: boolean;

package/dist/template/seaweed/SeaweedTemplateData.js

@@ -27,15 +27,21 @@ export const ProjectEntries = {
     items: [MigranteAlberta, DecentralizedSocialMedia, CustomizedYarnspinner, FullStackC, Workset, ThisWebpage, MockUberApp],
     gridClass: GroupGridClass.Projects.toString()
 };
-export const AllGroupedEntries = [
-    {
-        name: "Relevant projects",
-        items: [],
-        gridClass: GroupGridClass.Games.toString()
-    },
+export const EmptyRelevantProjects = {
+    name: "Relevant projects",
+    items: [],
+    gridClass: GroupGridClass.Games.toString()
+};
+export const AllGroupedEntriesGameFirst = [
+    EmptyRelevantProjects,
     GameEntries,
     ProjectEntries
 ];
+export const AllGroupedEntriesProjectFirst = [
+    EmptyRelevantProjects,
+    ProjectEntries,
+    GameEntries
+];
 const allFlatEntries = new Map();
 export const lazyInitializeAllFlatEntries = () => {
     if (allFlatEntries.size === 0) {
@@ -52,17 +58,20 @@ export const GetEntryFromGlobal = (name) => {
     lazyInitializeAllFlatEntries();
     return allFlatEntries.get(name);
 };
-export const seaweedTemplateData = {
-    shouldAddFunNote: false,
-    queryTermMap: new Map(),
-    // todo: gameSectionFirst currently has no functionality
-    gameSectionFirst: false,
-    // copy the readonly properties into mutable values
-    groupedEntries: AllGroupedEntries.map(g => {
+export const TurnGroupEntriesMutable = (allEntries) => {
+    return allEntries.map(g => {
         return {
             name: g.name,
             gridClass: g.gridClass,
             items: g.items.map(e => e)
         };
-    })
+    });
+};
+export const seaweedTemplateData = {
+    shouldAddFunNote: false,
+    queryTermMap: new Map(),
+    // todo: gameSectionFirst currently has no functionality
+    gameSectionFirst: true,
+    // copy the readonly properties into mutable values
+    groupedEntries: TurnGroupEntriesMutable(AllGroupedEntriesGameFirst)
 };

package/package.json

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

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

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { type ComponentType, onMount } from "svelte";
 	import EntryOrderConfig from "$pkg/template/seaweed/entry_order_config/EntryOrderConfig.svelte";
 	import { runChaos } from "$pkg/template/seaweed/RunChaos";
 	import SocialSection from "$pkg/components/SocialSection.svelte";
@@ -7,14 +8,15 @@
 	import { Accordion, AccordionItem, CodeBlock, SlideToggle } from "@skeletonlabs/skeleton";
 	import { page } from "$app/stores";
 	import Card from "$pkg/components/Card.svelte";
-	import { type ComponentType, onMount } from "svelte";
 	import ElementVisbilityDetector from "$pkg/components/ElementVisbilityDetector.svelte";
 	import selfContent from "./SeaweedTemplate.svelte?raw";
 	import {
+		AllGroupedEntriesProjectFirst,
 		type EntryGroup,
 		GetEntryFromGlobal,
 		type SeaweedTemplateData,
-		seaweedTemplateData
+		seaweedTemplateData,
+		TurnGroupEntriesMutable
 	} from "./SeaweedTemplateData";
 	import type { EntryProps } from "$pkg/template/seaweed/entries/EntryProps";
 	import type { RawGlob } from "$pkg/util/util";
@@ -108,12 +110,8 @@
 			seaweedTemplateData.shouldAddFunNote = true;
 		}
 
-		const gameSectionFirstParam = searchParams.get("game-section-first")?.trim();
-		if (gameSectionFirstParam === "false") {
-			seaweedTemplateData.gameSectionFirst = false;
-		}
-
 		// region Order
+		const gameSectionFirstParam = searchParams.get("game-section-first")?.trim();
 		const orderParam = searchParams.get("order")?.trim();
 		if (orderParam) {
 			seaweedTemplateData.groupedEntries = [];
@@ -141,6 +139,8 @@
 			});
 
 			seaweedTemplateData.groupedEntries = seaweedTemplateData.groupedEntries;
+		} else if (gameSectionFirstParam === "false") {
+			seaweedTemplateData.groupedEntries = TurnGroupEntriesMutable(AllGroupedEntriesProjectFirst);
 		}
 		// endregion
 
@@ -410,6 +410,7 @@
 						<SlideToggle name="game-section-slider" bind:checked={seaweedTemplateData.gameSectionFirst}>
 							Should game section appear first over projects: {seaweedTemplateData.gameSectionFirst ? "On" : "Off"}
 						</SlideToggle>
+						<p>Note: the above configuration was made before the dynamic entry list and to support links sent with that params, we will act like it only swaps the two groups, and nothing more dynamic if order query param does not exist. The configuration only happens during page load with query param, and it does not apply when changed here.</p>
 						<SlideToggle name="fun-note-slider" bind:checked={seaweedTemplateData.shouldAddFunNote}>
 							Should add fun note in description: {seaweedTemplateData.shouldAddFunNote ? "On" : "Off"}
 						</SlideToggle>

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

@@ -1,5 +1,5 @@
 import type { ComponentType } from "svelte";
-import { DefaultHeader } from "$pkg/template/seaweed/entries/EntryProps";
+import { DefaultHeader, type GroupedEntry } 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";
@@ -37,16 +37,24 @@ export const ProjectEntries: Readonly<EntryGroup> = {
 	gridClass: GroupGridClass.Projects.toString()
 };
 
-export const AllGroupedEntries: ReadonlyArray<EntryGroup> = [
-	{
-		name: "Relevant projects",
-		items: [],
-		gridClass: GroupGridClass.Games.toString()
-	},
+export const EmptyRelevantProjects: Readonly<EntryGroup> = {
+	name: "Relevant projects",
+	items: [],
+	gridClass: GroupGridClass.Games.toString()
+};
+
+export const AllGroupedEntriesGameFirst: ReadonlyArray<EntryGroup> = [
+	EmptyRelevantProjects,
 	GameEntries,
 	ProjectEntries
 ];
 
+export const AllGroupedEntriesProjectFirst: ReadonlyArray<EntryGroup> = [
+	EmptyRelevantProjects,
+	ProjectEntries,
+	GameEntries
+];
+
 const allFlatEntries: Map<string, ComponentType> = new Map<string, ComponentType>();
 
 export const lazyInitializeAllFlatEntries = () => {
@@ -68,6 +76,16 @@ export const GetEntryFromGlobal = (name: string) => {
 	return allFlatEntries.get(name);
 };
 
+export const TurnGroupEntriesMutable = (allEntries: ReadonlyArray<EntryGroup>): EntryGroup[] => {
+	return allEntries.map(g => {
+		return {
+			name: g.name,
+			gridClass: g.gridClass,
+			items: g.items.map(e => e)
+		};
+	});
+};
+
 export interface SeaweedTemplateData {
 	groupedEntries: EntryGroup[];
 	shouldAddFunNote: boolean;
@@ -79,15 +97,9 @@ export const seaweedTemplateData: SeaweedTemplateData = {
 	shouldAddFunNote: false,
 	queryTermMap: new Map<string, boolean>(),
 	// todo: gameSectionFirst currently has no functionality
-	gameSectionFirst: false,
+	gameSectionFirst: true,
 	// copy the readonly properties into mutable values
-	groupedEntries: AllGroupedEntries.map(g => {
-		return {
-			name: g.name,
-			gridClass: g.gridClass,
-			items: g.items.map(e => e)
-		};
-	})
+	groupedEntries: TurnGroupEntriesMutable(AllGroupedEntriesGameFirst)
 };