@turnipxenon/pineapple 3.0.0-alpha.9 → 3.1.0-alpha.1

package/dist/ui/templates/index.js

@@ -1,4 +1,4 @@
 export { default as PinyaBase } from "./PinyaBase.svelte";
-export * from "./pinya-page-layout";
-export * from "./seaweed-layout";
+export * from "./PinyaPageLayout";
+export * from "./SeaweedLayout";
 export * from "./confirmation-modal";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@turnipxenon/pineapple",
   "description": "personal package for base styling for other personal projects",
-  "version": "3.0.0-alpha.9",
+  "version": "3.1.0-alpha.1",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && yarn package",
@@ -21,13 +21,13 @@
     "@eslint/compat": "^1.2.5",
     "@eslint/js": "^9.18.0",
     "@sveltejs/adapter-auto": "^4.0.0",
-    "@sveltejs/kit": "^2.5.27",
     "@sveltejs/package": "^2.3.7",
     "@sveltejs/vite-plugin-svelte": "^4.0.0",
     "eslint": "^9.18.0",
     "eslint-config-prettier": "^10.0.1",
     "eslint-plugin-svelte": "^3.0.0",
     "globals": "^16.0.0",
+    "madge": "^8.0.0",
     "prettier": "^3.4.2",
     "prettier-plugin-svelte": "^3.3.3",
     "prettier-plugin-tailwindcss": "^0.6.11",
@@ -44,6 +44,7 @@
     "@prisma/client": "^5.12.1",
     "@skeletonlabs/skeleton": "^3.1.0",
     "@skeletonlabs/skeleton-svelte": "^1.0.0",
+    "@sveltejs/kit": "^2.5.27",
     "@sveltejs/vite-plugin-svelte": "^4.0.0",
     "@tailwindcss/vite": "^4.0.14",
     "@types/htmlparser2": "^3.10.7",

package/src/lib/styles/app.css

@@ -10,16 +10,25 @@
 
 @custom-variant turnip (&:where([data-theme=turnip], [data-theme=turnip] *));
 
+html {
+    --dialog-start-pad: clamp(0em, 5vw, 2em);
+    --dialog-box-width: min(calc(54em), calc(100vw - var(--dialog-start-pad) - 2px));
+    --dialog-box-height: clamp(15em, 50vw, 18em);
+    --fab-margin: 1rem;
+}
+
 .footer-space {
     width: 100%;
     height: calc(var(--dialog-box-height) + 4em);
 }
 
 a.dialog-choice {
+    font-size: inherit;
     cursor: url("$pkg/assets/icons/chat-cursor.svg"), auto;
 }
 
 a.external-link {
+    font-size: inherit;
     cursor: url("$pkg/assets/icons/external-link.svg"), auto;
 }
 
@@ -37,20 +46,6 @@ a.external-link {
     background: rgba(var(--color-secondary-500));
 }
 
-.dialog-box {
-    background-color: rgb(var(--color-surface-500) / 0.9);
-    position: fixed;
-    bottom: 0;
-    width: var(--dialog-box-width); /*75em + 4em padding*/
-    height: var(--dialog-box-height);
-    max-width: calc(100vw - ((var(--fab-margin) * 2) + 4em));
-}
-
-.dark .dialog-box {
-    background-color: rgb(var(--color-surface-900) / 0.95);
-    --tw-ring-color: rgb(var(--color-text-400));
-    /*background-color: red;*/
-}
 
 @layer base {
     .game-link-section {

package/dist/components/navigation_component/index.d.ts

@@ -1,2 +0,0 @@
-export { default as NavigationComponent } from "./NavigationComponent.svelte";
-export * from "./PageMeta";

package/dist/components/navigation_component/index.js

@@ -1,3 +0,0 @@
-// noinspection JSUnusedGlobalSymbols
-export { default as NavigationComponent } from "./NavigationComponent.svelte";
-export * from "./PageMeta";

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

@@ -1 +0,0 @@
-export declare const parseQueryTerms: (node: Element, querySet: Set<string>) => void;

package/dist/template/seaweed/ParseQueryTerms.js

@@ -1,23 +0,0 @@
-export const parseQueryTerms = (node, querySet) => {
-    // change all text content to gibberish
-    for (const child of Array.from(node.children)) {
-        if (child.nodeType === Node.ELEMENT_NODE) {
-            parseQueryTerms(child, querySet);
-            // todo: if it's a span and it wraps a word, and qt class then we count that as query
-            // for (const childOfChild of child.childNodes) {
-            // 	if (childOfChild.nodeType === Node.TEXT_NODE && childOfChild.textContent?.trim()) {
-            // 		// todo analyze textcontent
-            // 	}
-            // }
-            // Warning: below is not redundant and is a catch-all
-            // Long-term solution: figure out the correct typing
-            if ((typeof child.className === "string") && child.className?.includes("qt-")) {
-                child.className.split(" ").forEach(c => {
-                    if (c.startsWith("qt-")) {
-                        querySet.add(c);
-                    }
-                });
-            }
-        }
-    }
-};

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

@@ -1 +0,0 @@
-export declare const runChaos: (node: Element) => void;

package/dist/template/seaweed/RunChaos.js

@@ -1,41 +0,0 @@
-const chaoticWordBank = ["niko", "toba", "seal", "aquarium", "ojisan", "baikal"];
-export const runChaos = (node) => {
-    // change all text content to gibberish
-    for (const child of Array.from(node.children)) {
-        if (child.nodeType === Node.ELEMENT_NODE) {
-            runChaos(child);
-            for (const childOfChild of child.childNodes) {
-                if (childOfChild.nodeType === Node.TEXT_NODE && childOfChild.textContent?.trim()) {
-                    const max = childOfChild.textContent.length;
-                    childOfChild.textContent = "";
-                    while (childOfChild.textContent.length < max) {
-                        childOfChild.textContent += (chaoticWordBank[Math.floor(Math.random() * chaoticWordBank.length)] + " ");
-                    }
-                }
-            }
-            // change all links to crouton
-            if (child.hasAttribute("href")) {
-                child.setAttribute("href", "https://crouton.net/");
-            }
-            // change all images to niko if aria != hidden?
-            if (child.hasAttribute("src") && !child.hasAttribute("aria-hidden")) {
-                if (child.hasAttribute("alt")) {
-                    child.setAttribute("src", "https://p.potaufeu.asahi.com/a2b9-p/picture/21583312/5c3310aec77068e24844c663aa62b37c.jpg");
-                }
-                else {
-                    child.setAttribute("src", "https://video.twimg.com/ext_tw_video/1318728494256410624/pu/vid/640x360/TMklz6hiTkQu3xhn.mp4");
-                    child.setAttribute("muted", "true");
-                }
-            }
-            if (child.tagName.trim() === "VIDEO") {
-                child.setAttribute("src", "https://video.twimg.com/ext_tw_video/1318728494256410624/pu/vid/640x360/TMklz6hiTkQu3xhn.mp4");
-                child.setAttribute("muted", "true");
-            }
-            // change all button events
-            if (child.tagName.trim() === "BUTTON") {
-                // remove anon function: https://stackoverflow.com/a/41343451/17836168
-                child.setAttribute("disabled", "true");
-            }
-        }
-    }
-};

package/dist/template/seaweed/SeaweedTemplate.svelte

@@ -1,336 +0,0 @@
-<!-- @migration-task Error while migrating Svelte code: Can't migrate code with afterUpdate. Please migrate by hand. -->
-<script lang="ts">
-	import { afterUpdate, type ComponentType, onMount } from "svelte";
-	import EntryOrderConfig from "./entry_order_config/EntryOrderConfig.svelte";
-	import { runChaos } from "./RunChaos";
-	import SocialSection from "../../ui/components/SocialSection.svelte";
-	import SeaweedBaseLayout from "../../components/layouts/SeaweedBaseLayout.svelte";
-	import { page } from "$app/stores";
-	import Card from "../../components/Card.svelte";
-	import {
-		type ComponentMeta,
-		type EntryGroup,
-		type SeaweedTemplateData,
-		TurnGroupEntriesMutable
-	} from "./SeaweedTemplateData";
-	import type { EntryProps } from "./entries/EntryProps";
-	import { parseQueryTerms } from "./ParseQueryTerms";
-	import UrlShortenerForm from "./CreateUrlForm.svelte";
-	import PineappleSlideToggle from "../../components/PineappleSlideToggle.svelte";
-	import { Chip } from "../../index";
-	import ChumBucket from "../../ui/modules/seaweed/ChumBucket.svelte";
-
-	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";
-	export let email = "turnipxenon@gmail.com";
-	export let linkedinSlug = "turnip-xenon";
-	export let domain = "http://localhost:5173/portfolio/actual/";
-	export let serverSideQueryParams = "";
-	export let experienceSection: ComponentType;
-
-	// region query params
-	let entryProps: EntryProps = {
-		email,
-		letChaos,
-		linkedinSlug,
-		name,
-		seaweedTemplateData
-	};
-
-	let isVisible = true;
-	const paramQTSet = new Set<string>();
-
-	let isAdvanceSettingOn = false;
-	$: isSocialsGone = !isVisible;
-	$: console.log("is visible", isVisible);
-
-	let qtfontWeight = "normal";
-	let additionalFontWeight = "";
-
-	let chaosDone = false;
-	let mainVisibility = "visible";
-	$: mainVisibility = letChaos && !chaosDone ? "hidden" : "visible";
-
-	const syncQT = () => {
-		if (seaweedTemplateData.queryTermMap.size === 0 || paramQTSet.size === 0) {
-			return;
-		}
-
-		seaweedTemplateData.queryTermMap.forEach((_, k) => {
-			seaweedTemplateData.queryTermMap.set(k, paramQTSet.has(k));
-		});
-
-		// force svelte refresh
-		seaweedTemplateData.queryTermMap = seaweedTemplateData.queryTermMap;
-	};
-
-	const parseQueryTermsLocal = async () => {
-		const qtSet = new Set<string>();
-		parseQueryTerms(document.body, qtSet);
-		qtSet.forEach(t => seaweedTemplateData.queryTermMap.set(t, true));
-		// force svelte update
-		seaweedTemplateData.queryTermMap = seaweedTemplateData.queryTermMap;
-		syncQT();
-	};
-
-	/** qt values and what they mean:
-	 *  undefined: set all qt terms to font-weight: bold
-	 *  todo: implement clear
-	 *  clear: unset all terms to font-weight: normal
-	 *  <term>: only set qt-<term> to bold
-	 *  <term1>,<term2>: only set qt-<term1> and qt-<term2> to bold,
-	 *
-	 *  ONLY CALL INSIDE onMount()
-	 **/
-	const filterSearchParams = (searchParams: URLSearchParams) => {
-		const isFunOn = searchParams.get("fun")?.trim();
-		if (isFunOn === "true") {
-			seaweedTemplateData.shouldAddFunNote = true;
-		}
-
-		// region Order
-		const gameSectionFirstParam = searchParams.get("game-section-first")?.trim();
-		const orderParam = searchParams.get("order")?.trim();
-		if (orderParam) {
-			seaweedTemplateData.groupedEntries = [];
-
-			orderParam.split(",").forEach(groupDefinition => {
-				const pair = groupDefinition.split(":");
-				if (pair.length >= 2) {
-					const group: EntryGroup = {
-						name: pair[0],
-						items: [],
-						gridClass: pair[2]
-					};
-
-					pair[1].split("|").forEach(e => {
-						const component = getEntryFromGlobal(e);
-						if (component) {
-							group.items.push(component);
-						}
-					});
-
-					seaweedTemplateData.groupedEntries.push(group);
-				}
-
-			});
-
-			seaweedTemplateData.groupedEntries = seaweedTemplateData.groupedEntries;
-		} else if (gameSectionFirstParam === "false") {
-			seaweedTemplateData.groupedEntries = TurnGroupEntriesMutable(projectFirstGroupedEntries);
-		}
-		// endregion
-
-		// region Bold terms
-		const qtValue = searchParams.get("qt")?.trim();
-		if (qtValue !== undefined) {
-			qtfontWeight = "normal";
-			const dynamicStyle = qtValue.split(",").map((term) => {
-				// side-effect
-				paramQTSet.add(`qt-${term}`);
-
-				// main effect
-				return `span.qt-${term} { font-weight: bold !important; }`;
-			}).join("\n");
-
-			// https://stackoverflow.com/a/24285947/17836168
-			const style = document.createElement("style");
-			// noinspection JSDeprecatedSymbols
-			style.type = "text/css";
-			style.innerText = dynamicStyle;
-			document.head.appendChild(style);
-			syncQT();
-		} else {
-			qtfontWeight = "bold";
-		}
-		// endregion Bold terms
-	};
-	// endregion query params
-
-	/* region chaos scripts */
-	/* endregion chaos scripts */
-
-	onMount(async () => {
-		if (!letChaos && serverSideQueryParams) {
-			filterSearchParams(new URLSearchParams(serverSideQueryParams));
-		} else if (!letChaos && $page.url.searchParams) {
-			filterSearchParams($page.url.searchParams);
-		}
-
-		if (letChaos) {
-			runChaos(document.body);
-			chaosDone = true;
-		}
-	});
-
-	// todo: figure out what this does #migration
-	// let isParsed = false;
-	// afterUpdate(async () => {
-	// 	if (!letChaos && !isParsed) {
-	// 		isParsed = true;
-	// 		await parseQueryTermsLocal();
-	// 	}
-	// });
-
-	const toggleTerm = (term: string) => {
-		seaweedTemplateData.queryTermMap.set(term, !seaweedTemplateData.queryTermMap.get(term));
-		seaweedTemplateData.queryTermMap = seaweedTemplateData.queryTermMap;
-	};
-
-	// when either gameSectionFirst or the queryTerms are updated, update advancedUrl
-	let orderUrl = "";
-	let advancedUrl = domain;
-	let advancedQuery = "";
-	const updateUrl = (seaweedTemplateData: SeaweedTemplateData) => {
-		if (seaweedTemplateData === undefined) {
-			return;
-		}
-
-		const queryParams: string[] = [];
-
-		if (orderUrl) {
-			queryParams.push(orderUrl);
-		}
-
-		const qtList: string[] = [];
-		seaweedTemplateData.queryTermMap.forEach((shouldBold, term) => {
-			if (shouldBold) {
-				qtList.push(term);
-			}
-		});
-
-		if (qtList.length === 0) {
-			queryParams.push("qt=clear");
-		} else if (seaweedTemplateData.queryTermMap.size !== qtList.length) {
-			// we'll only add if the lengths are not equal
-			// dont need to add query if all terms in qtMap is true
-			queryParams.push(`qt=${qtList.map(t => t.slice(3, t.length)).join(",")}`);
-		}
-
-		if (seaweedTemplateData.shouldAddFunNote) {
-			queryParams.push("fun=true");
-		}
-
-		if (!seaweedTemplateData.gameSectionFirst) {
-			queryParams.push("game-section-first=false");
-		}
-
-		if (queryParams.length > 0) {
-			advancedQuery = queryParams.join("&");
-			advancedUrl = `${domain}?${advancedQuery}`;
-		} else {
-			advancedUrl = domain;
-		}
-	};
-	$: updateUrl(seaweedTemplateData);
-
-	// eslint-disable-next-line
-	const updateSeaweedWhenFunNoteChanged = (_: boolean) => {
-		entryProps = entryProps;
-	};
-	$: updateSeaweedWhenFunNoteChanged(seaweedTemplateData.shouldAddFunNote);
-</script>
-
-<SeaweedBaseLayout bind:shouldDisplayLeadingIcons={isSocialsGone}>
-	<!-- todo: limit main size to 1080 px? -->
-	<main style={`
-	--qt-font-weight: ${qtfontWeight};${additionalFontWeight};
-	visibility: ${mainVisibility};
-	`}>
-		<svelte:component this={experienceSection}
-		                  entryProps={entryProps}
-		                  bind:isVisible={isVisible}
-		></svelte:component>
-
-		{#if seaweedTemplateData}
-			{#each seaweedTemplateData.groupedEntries as group}
-				{#if group.items.length > 0}
-					<Card>
-						<section class="section-card title-card" slot="content">
-							<h1 class="text-center">{group.name}</h1>
-						</section>
-					</Card>
-
-					<section class={group.gridClass}>
-						{#each group.items as entry}
-							<svelte:component this={entry.component} props={entryProps}></svelte:component>
-						{/each}
-					</section>
-				{/if}
-			{/each}
-		{/if}
-
-		<ChumBucket></ChumBucket>
-
-		{#if (!letChaos)}
-			<div aria-hidden="true" style="height: 3lh" />
-
-			<Card>
-				<div slot="content" class="default-card advanced-setting">
-					<h1>Advanced settings</h1>
-					<p>This one is for those curious how I customize this page.</p>
-
-					<PineappleSlideToggle name="advanced-setting-slider"
-					                      bind:checked={isAdvanceSettingOn}>
-						Advanced settings: {isAdvanceSettingOn ? "On" : "Off"}
-					</PineappleSlideToggle>
-
-					{#if (isAdvanceSettingOn)}
-						<PineappleSlideToggle name="game-section-slider"
-						                      bind:checked={seaweedTemplateData.gameSectionFirst}>
-							Should game section appear first over projects: {seaweedTemplateData.gameSectionFirst ? "On" : "Off"}
-						</PineappleSlideToggle>
-						<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>
-						<PineappleSlideToggle name="fun-note-slider"
-						                      bind:checked={seaweedTemplateData.shouldAddFunNote}>
-							Should add fun note in description: {seaweedTemplateData.shouldAddFunNote ? "On" : "Off"}
-						</PineappleSlideToggle>
-
-						<h3>Query terms to bold</h3>
-						<div class="query-term-grid">
-							{#each seaweedTemplateData.queryTermMap.entries() as [term, shouldBold]}
-								<!--{@const shouldBold = false}-->
-								<Chip onClick={() => {toggleTerm(term)}}
-								      checked={shouldBold}>
-									<!-- todo: change shouldBold -->
-									<span style={`font-weight: ${shouldBold ? "bold" : "normal"}`}>
-										{#if (shouldBold)}✓{/if}
-										{term}
-									</span>
-								</Chip>
-							{/each}
-						</div>
-
-						<EntryOrderConfig bind:seaweedEntries={seaweedTemplateData.groupedEntries}
-						                  seaweedTemplateData={seaweedTemplateData}
-						                  bind:orderUrl={orderUrl}
-						                  getAllEntryFromGlobal={getAllEntryFromGlobal}
-						                  getEntryFromGlobal={getEntryFromGlobal}
-						                  updateUrl={updateUrl}></EntryOrderConfig>
-
-						<br>
-						<p>Copy the url below and open a new page with it</p>
-						<CodeBlock language="url" code={advancedUrl}></CodeBlock>
-
-						<UrlShortenerForm queryParams={advancedQuery}></UrlShortenerForm>
-					{/if}
-				</div>
-			</Card>
-		{/if}
-	</main>
-
-	{#snippet extraLeadingIcons()}
-		<SocialSection
-			isSlot={true}
-			email={email}
-			linkedinSlug={linkedinSlug}
-			isSmallVersion={true}></SocialSection>
-	{/snippet}
-</SeaweedBaseLayout>
-
-<style>/*$$__STYLE_CONTENT__$$*/
-</style>

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

@@ -1,32 +0,0 @@
-import { type ComponentType } from "svelte";
-import { type ComponentMeta, type EntryGroup, type SeaweedTemplateData } from "./SeaweedTemplateData";
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const SeaweedTemplate: $$__sveltets_2_IsomorphicComponent<{
-    seaweedTemplateData: SeaweedTemplateData;
-    projectFirstGroupedEntries: ReadonlyArray<EntryGroup>;
-    getAllEntryFromGlobal: () => Map<string, ComponentMeta>;
-    getEntryFromGlobal: (name: string) => undefined | ComponentMeta;
-    letChaos?: boolean;
-    name?: string;
-    email?: string;
-    linkedinSlug?: string;
-    domain?: string;
-    serverSideQueryParams?: string;
-    experienceSection: ComponentType;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type SeaweedTemplate = InstanceType<typeof SeaweedTemplate>;
-export default SeaweedTemplate;

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

@@ -1,30 +0,0 @@
-import type { ComponentType } from "svelte";
-export declare enum GroupGridClass {
-    Games = "games-section",
-    Projects = "projects-section"
-}
-export interface ComponentMeta {
-    name: string;
-    component: ComponentType;
-}
-export interface EntryGroup {
-    name: string;
-    items: ComponentMeta[];
-    gridClass: string;
-}
-export declare const GameEntries: Readonly<EntryGroup>;
-export declare const ProjectEntries: Readonly<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, ComponentMeta>;
-export declare const GetEntryFromGlobal: (name: string) => ComponentMeta | undefined;
-export declare const TurnGroupEntriesMutable: (allEntries: ReadonlyArray<EntryGroup>) => EntryGroup[];
-export interface SeaweedTemplateData {
-    groupedEntries: EntryGroup[];
-    shouldAddFunNote: boolean;
-    queryTermMap: Map<string, boolean>;
-    gameSectionFirst: boolean;
-}
-export declare const seaweedTemplateData: SeaweedTemplateData;

package/dist/template/seaweed/SeaweedTemplateData.js

@@ -1,79 +0,0 @@
-import { DefaultHeader } from "./entries/EntryProps";
-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 CustomizedYarnspinner from "./entries/CustomizedYarnspinner.svelte";
-import ThisWebpage from "./entries/ThisWebpage.svelte";
-import { removeProxyWrapperOnString } from "./entry_order_config/EntryOrderConfig";
-export var GroupGridClass;
-(function (GroupGridClass) {
-    GroupGridClass["Games"] = "games-section";
-    GroupGridClass["Projects"] = "projects-section";
-})(GroupGridClass || (GroupGridClass = {}));
-export const GameEntries = {
-    name: DefaultHeader.Games.toString(),
-    items: [
-        { name: "Pengi", component: Pengi },
-        { name: "Hepcat", component: Hepcat },
-        { name: "Chef Wings", component: ChefWings }
-    ],
-    gridClass: GroupGridClass.Games.toString()
-};
-export const ProjectEntries = {
-    name: DefaultHeader.Projects.toString(),
-    items: [
-        { name: "Soulwork", component: Soulwork },
-        { name: "Customized YarnSpinner", component: CustomizedYarnspinner },
-        { name: "This Webpage", component: ThisWebpage }
-    ],
-    gridClass: GroupGridClass.Projects.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) {
-        [...ProjectEntries.items, ...GameEntries.items].forEach(e => {
-            allFlatEntries.set(removeProxyWrapperOnString(e.name), e);
-        });
-    }
-};
-export const GetAllEntryFromGlobal = () => {
-    lazyInitializeAllFlatEntries();
-    return allFlatEntries;
-};
-export const GetEntryFromGlobal = (name) => {
-    lazyInitializeAllFlatEntries();
-    return allFlatEntries.get(name);
-};
-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)
-};