@turnipxenon/pineapple 3.0.0-alpha.9 → 3.0.0

package/dist/components/blog_template/BlogTemplate.svelte

@@ -5,7 +5,7 @@
 	import BlogTemplateInner from "./BlogTemplateInner.svelte";
 	import type { SimplePageMeta } from "../navigation_component/index";
 	import { enableDialogueOverlay } from "../dialog_manager/DialogManagerStore";
-	import { Card } from "../index";
+	import { default as Card } from "../Card.svelte";
 
 	// grab page meta from the adjacent meta.json
 	interface Props {

package/dist/components/dialog_manager/DialogManager.d.ts

@@ -4,8 +4,9 @@
 import type { DialogDetail } from "../../types/pineapple_fiber/DialogDetail";
 import { DialogState } from "../../types/pineapple_fiber/DialogState";
 import { DialogProcessor } from "./DialogProcessor";
+import type { IDialogManager } from "./IDialogManager";
 export type OnSetDialogChoiceCallback = (newMessage: DialogDetail) => void;
-export declare class DialogManager {
+export declare class DialogManager implements IDialogManager {
     dialogMessageMap: Map<string, DialogDetail>;
     currentDialogTree: DialogDetail[];
     fullCurrentMessage: string;

package/dist/components/dialog_manager/DialogMangerInit.d.ts

@@ -1,15 +1,2 @@
-import { DialogManager } from "./DialogManager";
-/**
- * strictly must be declared last! or you might receive a weird error that looks like:
- *
- * 2:04:21 AM [vite] Error when evaluating SSR module /src/lib/components/dialog_manager/DialogManagerStore.ts:
- * |- TypeError: Cannot read properties of undefined (reading '0')
- *     at <instance_members_initializer> (/src/lib/components/dialog_manager/DialogManager.ts:38:67)
- *     at new DialogManager (/src/lib/components/dialog_manager/DialogManager.ts:53:14)
- *     at eval (/src/lib/components/dialog_manager/DialogManagerStore.ts:15:23)
- *     at async instantiateModule (file:///C:/Users/Pumpkin/Projects/Web/pineapple/node_modules/vite/dist/node/chunks/dep-934dbc7c.js:54360:9)
- *
- * what this means is that one member of dialogManager cannot be initialized. in our case, it was the
- * defaultDialogMessage not yet being initialized
- */
-export declare const dialogManager: DialogManager;
+import type { IDialogManager } from "./IDialogManager";
+export declare const getDialogManager: () => Promise<IDialogManager>;

package/dist/components/dialog_manager/DialogMangerInit.js

@@ -1,4 +1,3 @@
-import { DialogManager } from "./DialogManager";
 /**
  * strictly must be declared last! or you might receive a weird error that looks like:
  *
@@ -12,4 +11,11 @@ import { DialogManager } from "./DialogManager";
  * what this means is that one member of dialogManager cannot be initialized. in our case, it was the
  * defaultDialogMessage not yet being initialized
  */
-export const dialogManager = new DialogManager();
+let _dialogManager = undefined;
+export const getDialogManager = async () => {
+    if (_dialogManager === undefined) {
+        const dm = await import('./DialogManager');
+        _dialogManager = new dm.DialogManager();
+    }
+    return _dialogManager;
+};

package/dist/components/dialog_manager/IDialogManager.d.ts

@@ -0,0 +1,39 @@
+import type { DialogDetail } from "../../types/pineapple_fiber/DialogDetail";
+import { type Writable } from "svelte/store";
+import { DialogState } from "../../types/pineapple_fiber/DialogState";
+import { type Tweened } from "svelte/motion";
+import { DialogProcessor } from "./DialogProcessor";
+import type { OnSetDialogChoiceCallback } from "./DialogManager";
+export interface IDialogManager {
+    dialogMessageMap: Map<string, DialogDetail>;
+    currentDialogTree: DialogDetail[];
+    fullCurrentMessage: string;
+    currentMessageMeta: DialogDetail;
+    currentMessage: Writable<string>;
+    currentIndex: number;
+    previousTimestamp: number;
+    isDoneTransition: boolean;
+    currentPortrait: Writable<unknown>;
+    portraitMap: Map<string, any>;
+    currentState: DialogState;
+    currentReadableState: Writable<DialogState>;
+    hidePercent: Tweened<number>;
+    skipNextActiveTime: number;
+    dialogProcessor: DialogProcessor;
+    _setDialogChoiceQueue: DialogDetail[];
+    _setDialogChoiceMutex: boolean;
+    onSetDialogListeners: OnSetDialogChoiceCallback[];
+    enableDialogueOverlayCache: boolean;
+    skipAnimation: () => void;
+    enableDialog: (shouldEnable: boolean) => void;
+    setDialogTree: (newDialogTree: DialogDetail[]) => void;
+    subscribeToSetDialogChoice: (callback: OnSetDialogChoiceCallback) => void;
+    unsubscribeToSetDialogChoice: (callback: OnSetDialogChoiceCallback) => void;
+    setDialogChoice: (newMessage: (DialogDetail | undefined)) => void;
+    _setDialogChoice: () => void;
+    setDialogToDefault: () => void;
+    update: (timestamp: number) => void;
+    enableDialogOverlay(enable: boolean): void;
+    toggleDialogOverlay(): void;
+    parseAndSetDialogTree(dialogYarn: string): Promise<DialogDetail[]>;
+}

package/dist/components/dialog_manager/IDialogManager.js

@@ -0,0 +1,4 @@
+import {} from "svelte/store";
+import { DialogState } from "../../types/pineapple_fiber/DialogState";
+import {} from "svelte/motion";
+import { DialogProcessor } from "./DialogProcessor";

package/dist/components/dialog_manager/behavior_tree/line_processors/commands/JumpCommand.d.ts

@@ -2,7 +2,10 @@ import type { LineBehaviorNode } from "../../line_core/LineBehaviorNode";
 import type { LineNodeArguments } from "../../line_core/LineNodeArguments";
 import type { LineBehaviorResult } from "../../line_core/LineBehaviorResult";
 import { SetVariableNode } from "../SetVariableNode";
+import type { IDialogManager } from "../../../IDialogManager";
 export declare class JumpCommand implements LineBehaviorNode {
     setVariableNode: SetVariableNode;
+    dialogManager: undefined | IDialogManager;
+    constructor();
     process(nodeArgs: LineNodeArguments): LineBehaviorResult;
 }

package/dist/components/dialog_manager/behavior_tree/line_processors/commands/JumpCommand.js

@@ -1,10 +1,22 @@
 import { BehaviorStatus } from "../../core/BehaviorStatus";
 import { SetVariableNode } from "../SetVariableNode";
 import { btreeUtils } from "../../core/BTreeUtils";
-import { dialogManager } from "../../../DialogMangerInit";
+import { getDialogManager } from "../../../DialogMangerInit";
 export class JumpCommand {
     setVariableNode = new SetVariableNode();
+    dialogManager = undefined;
+    constructor() {
+        getDialogManager().then(dm => this.dialogManager = dm);
+    }
     process(nodeArgs) {
+        if (this.dialogManager === undefined) {
+            console.warn('Dialog Manger not yet initialized');
+            return {
+                renderedLine: "",
+                nextState: nodeArgs.initState,
+                status: BehaviorStatus.Failure
+            };
+        }
         if (!nodeArgs.line.startsWith("<<jump")) {
             return {
                 renderedLine: "",
@@ -23,10 +35,10 @@ export class JumpCommand {
             .slice("<<jump ".length, nodeArgs.line.length - ">>".length)
             .replace(/^\{/, "") // remove possible " at the start: https://stackoverflow.com/a/2182602
             .replace(/}$/, ""); // remove possible " at the end: https://stackoverflow.com/a/12249011;
-        const dialogChoice = dialogManager.dialogMessageMap.get(btreeUtils.simplifyToken(choiceName));
+        const dialogChoice = this.dialogManager.dialogMessageMap.get(btreeUtils.simplifyToken(choiceName));
         if (dialogChoice !== undefined) {
             // force choice
-            dialogManager.setDialogChoice(dialogChoice);
+            this.dialogManager.setDialogChoice(dialogChoice);
         }
         else {
             console.error(`Unknown jump node at line ${nodeArgs.lineIndex + 1}: ${choiceName} or ${btreeUtils.simplifyToken(choiceName)}`);

package/dist/components/dialog_overlay/DialogOverlay.svelte

@@ -2,37 +2,46 @@
 	import AresHappy from "../../assets/characters/ares/ares_happy.webp";
 	import { onMount } from "svelte";
 	import { DialogState } from "../../types/pineapple_fiber/DialogState";
-	import { dialogManager } from "../dialog_manager/DialogMangerInit";
+	import { getDialogManager } from "../dialog_manager/DialogMangerInit";
+	import type { IDialogManager } from "../dialog_manager/IDialogManager";
 
 	let currentMessage = $state("");
-	dialogManager.currentMessage.subscribe((value) => {
-		currentMessage = value;
-	});
-
 	let currentPortrait = $state(AresHappy);
-	dialogManager.currentPortrait.subscribe((value) => {
-		if (value) {
-			currentPortrait = value;
-		}
-	});
 
 	let hidePercent = $state(100);
 	let isHidden = $state(true);
+	let dialogManager: IDialogManager | undefined = $state(undefined);
 	onMount(() => {
-		dialogManager.hidePercent.subscribe((value) => {
-			hidePercent = value * 0.4;
-			isHidden = false;
-		});
+		getDialogManager()
+			.then(dm => {
+				dialogManager = dm;
+
+				dialogManager.currentMessage.subscribe((value) => {
+					currentMessage = value;
+				});
+
+				dialogManager.currentPortrait.subscribe((value) => {
+					if (value) {
+						currentPortrait = value;
+					}
+				});
+
+				dialogManager.hidePercent.subscribe((value) => {
+					hidePercent = value * 0.4;
+					isHidden = false;
+				});
+
+				dialogManager.currentReadableState.subscribe((value) => {
+					isHidden = value === DialogState.Invisible;
+				});
 
-		dialogManager.currentReadableState.subscribe((value) => {
-			isHidden = value === DialogState.Invisible;
-		});
+				dialogManager.update(0);
+			});
 
-		dialogManager.update(0);
 	});
 
 	const onDialogClick = () => {
-		dialogManager.skipAnimation();
+		dialogManager?.skipAnimation();
 	};
 
 </script>
@@ -89,9 +98,9 @@
     }
 
     .dialog-name {
-		    padding-top: 2rem;
-		    padding-left: 4rem;
-		    padding-right: 4rem;
+        padding-top: 2rem;
+        padding-left: 4rem;
+        padding-right: 4rem;
         position: fixed;
     }
 

package/dist/components/pineapple/PineappleBaseLayout.svelte

@@ -20,7 +20,7 @@
 	import Toast from "./toast/Toast.svelte";
 	import DialogOverlay from "../dialog_overlay/DialogOverlay.svelte";
 	import { fade } from "svelte/transition";
-	import { dialogManager } from "../dialog_manager/DialogMangerInit";
+	import { getDialogManager } from "../dialog_manager/DialogMangerInit";
 
 	interface Props {
 		showDialogByDefault?: boolean;
@@ -77,7 +77,7 @@
 
 <!--todo: turn off hidden when it's time-->
 <button class="fab" onclick={()=>{
-	dialogManager.toggleDialogOverlay()
+	getDialogManager().then(dm => dm.toggleDialogOverlay());
 }}>
 	{#if (enableDialogueOverlayValue)}
 		<img class="turnip-icon" src={CloseIcon} alt="interactive floating action button represented as a turnip">

package/dist/index.d.ts

@@ -10,5 +10,5 @@ export * from "./types/pineapple_fiber/PortraitType";
 export * from "./types/pineapple_fiber/DialogDetail";
 export * from "./util/util";
 export * from "./api/index";
-export * from "./template/seaweed/index";
-export { dialogManager } from "./components/dialog_manager/DialogMangerInit";
+export type { IDialogManager } from "./components/dialog_manager/IDialogManager";
+export { getDialogManager } from "./components/dialog_manager/DialogMangerInit";

package/dist/index.js

@@ -11,5 +11,4 @@ export * from "./types/pineapple_fiber/PortraitType";
 export * from "./types/pineapple_fiber/DialogDetail";
 export * from "./util/util";
 export * from "./api/index";
-export * from "./template/seaweed/index";
-export { dialogManager } from "./components/dialog_manager/DialogMangerInit";
+export { getDialogManager } from "./components/dialog_manager/DialogMangerInit";

package/dist/ui/components/SocialSection.svelte

@@ -5,8 +5,9 @@
 	import MailIcon from "../../assets/icons/mail.svg";
 	import GithubIcon from "../../assets/icons/github-mark.svg";
 	import LinkedinIcon from "../../assets/icons/linkedin.svg";
-	import { ButtonVariant, ImageIcon, PinyaButton } from "../elements/index";
 	import { ItchLogoHotLink } from "../../consts";
+	import { ButtonVariant, PinyaButton } from "../elements/PinyaButton/index";
+	import ImageIcon from "../elements/ImageIcon.svelte";
 
 	/** @type {{isSmallVersion?: boolean, email?: string, linkedinSlug?: string, isSlot?: boolean, allowLinkedIn?: boolean}} */
 	let {
@@ -63,7 +64,9 @@
 			<PinyaButton
 				buttonVariant={ButtonVariant.SmallIcon}
 				title="https://turnipxenon.itch.io/"
-				onclick={() => window.open("https://turnipxenon.itch.io/")}>
+				onclick={() => window.open("https://turnipxenon.itch.io/")}
+				classes="h-full"
+			>
 				<ImageIcon src={ItchLogoHotLink} alt="itch icon" />
 				{#if (!isSmallVersion)}
 					<span>TurnipXenon</span>
@@ -83,5 +86,6 @@
         flex-wrap: wrap;
         justify-content: var(--preferred-justify-content);
         gap: 0.7rem;
+		    align-items: stretch;
     }
 </style>

package/dist/ui/elements/{pinya-button/component.svelte → PinyaButton/PinyaButton.svelte}

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { ColorScheme } from '..';
-	import { ButtonVariant, type PinyaButtonProps } from './props';
+	import { ButtonVariant, type PinyaButtonProps } from './PinyaButtonProps';
+	import { ColorScheme } from "../ColorScheme";
 
 	let {
 		children,
@@ -8,6 +8,7 @@
 		paddingClass = '',
 		buttonVariant = ButtonVariant.Default,
 		colorClass = '',
+		classes = '',
 		...props
 	}: PinyaButtonProps = $props();
 
@@ -41,7 +42,7 @@
 <button
 	{...props}
 	class:small-icon-button={buttonVariant === ButtonVariant.SmallIcon}
-	class={`btn rounded-2xl text-xl font-bold ${tailwindClass} ${paddingClass}`}
+	class={`btn rounded-2xl text-xl font-bold ${tailwindClass} ${paddingClass} ${classes}`}
 >
 	{@render children()}
 </button>

package/dist/ui/elements/PinyaButton/PinyaButton.svelte.d.ts

@@ -0,0 +1,4 @@
+import { type PinyaButtonProps } from './PinyaButtonProps';
+declare const PinyaButton: import("svelte").Component<PinyaButtonProps, {}, "">;
+type PinyaButton = ReturnType<typeof PinyaButton>;
+export default PinyaButton;

package/dist/ui/elements/{pinya-button/props.d.ts → PinyaButton/PinyaButtonProps.d.ts}

@@ -10,4 +10,5 @@ export type PinyaButtonProps = WrapperProps & HTMLButtonAttributes & GeneralUIPr
     paddingClass?: string;
     buttonVariant?: ButtonVariant;
     colorClass?: string;
+    classes?: string;
 };

package/dist/ui/elements/PinyaButton/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PinyaButton } from './PinyaButton.svelte';
+export * from './PinyaButtonProps';

package/dist/ui/elements/PinyaButton/index.js

@@ -0,0 +1,2 @@
+export { default as PinyaButton } from './PinyaButton.svelte';
+export * from './PinyaButtonProps';

package/dist/ui/elements/index.d.ts

@@ -6,6 +6,6 @@ export * from "./GeneralUIProps";
 export * from "./OnBackground";
 export * from "./pinya-card/index";
 export * from "./WrapperProps";
-export * from "./pinya-button/index";
+export * from "./PinyaButton/index";
 export * from "./text-chip";
 export * from "./CodeBlock";

package/dist/ui/elements/index.js

@@ -6,6 +6,6 @@ export * from "./GeneralUIProps";
 export * from "./OnBackground";
 export * from "./pinya-card/index";
 export * from "./WrapperProps";
-export * from "./pinya-button/index";
+export * from "./PinyaButton/index";
 export * from "./text-chip";
 export * from "./CodeBlock";

package/dist/ui/elements/pinya-combobox/PinyaComboboxProps.d.ts

@@ -15,4 +15,5 @@ export interface PinyaComboboxProps<T extends string> {
     onValueChange?: (selectedList: ValueChangeDetails<T>) => void;
     onValueChangeBase?: (selectedList: ValueChangeDetails<T>) => void;
     contentZIndex?: string;
+    disabled?: boolean;
 }

package/dist/ui/modules/modals/general-settings/LanguagePicker.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
-	import { getLocale, localizeHref } from "../../../../paraglide/runtime";
+	import { deLocalizeHref, getLocale, localizeHref } from "../../../../paraglide/runtime";
 	import PinyaCombobox from "../../../elements/pinya-combobox/PinyaCombobox.svelte";
+	import { appState } from "../../../templates/PinyaPageLayout/runes.svelte";
 
 	interface ComboxData {
 		label: string;
@@ -23,9 +24,12 @@
 		const data = comboboxData.find((d) => d.value === e.value[0]);
 		if (data) {
 			selectedCountry = [data.value];
-			location.href = localizeHref("./", { locale: data.value });
+			const pathname = deLocalizeHref(location.href);
+			location.href = localizeHref(pathname, { locale: data.value });
 		}
 	};
+
+	let disabled = $derived(!appState.isLanguagePickerAvailable);
 </script>
 
 <PinyaCombobox
@@ -35,4 +39,5 @@
 	label="Select Language"
 	placeholder="Select Language"
 	{onValueChange}
+	{disabled}
 />

package/dist/ui/modules/projects/Hepcat.svelte

@@ -1,10 +1,12 @@
 <script module lang="ts">
 	import HeaderHepCat from "../../../assets/temp/header-hep-cat.mp4";
 	import BitbucketIcon from "../../../assets/icons/bitbucket-icon.svg";
-	import type { ProjectComponentProps } from "../../templates/seaweed-layout/ProjectComponentProps";
-	import { FourPartCard } from "../../components/index.js";
-	import { ButtonVariant, ImageIcon, PinyaButton } from "../../elements/index.js";
-	import { ItchLogoHotLink } from "../../../consts.js";
+	import type { ProjectComponentProps } from "../../templates/SeaweedLayout/ProjectComponentProps";
+	import { default as FourPartCard } from "../../components/FourPartCard.svelte";
+	import { default as ImageIcon } from "../../elements/ImageIcon.svelte";
+	import { default as PinyaButton } from "../../elements/PinyaButton/PinyaButton.svelte";
+	import { ButtonVariant } from "../../elements/PinyaButton/PinyaButtonProps";
+	import { ItchLogoHotLink } from "../../../consts";
 
 	const key = "Hepcat";
 	export { component, key };

package/dist/ui/modules/projects/Hepcat.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { ProjectComponentProps } from "../../templates/seaweed-layout/ProjectComponentProps";
+import type { ProjectComponentProps } from "../../templates/SeaweedLayout/ProjectComponentProps";
 declare const key = "Hepcat";
 export { component, key };
 declare const component: (props: ProjectComponentProps) => ReturnType<import("svelte").Snippet>;

package/dist/ui/modules/projects/Pengi.svelte

@@ -1,10 +1,12 @@
 <script module lang="ts">
 	import HeaderPengi from "../../../assets/temp/header-pengi.mp4";
 	import GithubIcon from "../../../assets/icons/github-mark.svg";
-	import type { ProjectComponentProps } from "../../templates/index";
-	import { FourPartCard } from "../../components/index.js";
-	import { ButtonVariant, ImageIcon, PinyaButton } from "../../elements/index.js";
-	import { ItchLogoHotLink } from "../../../consts.js";
+	import type { ProjectComponentProps } from "../../templates/SeaweedLayout/ProjectComponentProps";
+	import { default as FourPartCard } from "../../components/FourPartCard.svelte";
+	import { default as ImageIcon } from "../../elements/ImageIcon.svelte";
+	import { default as PinyaButton } from "../../elements/PinyaButton/PinyaButton.svelte";
+	import { ButtonVariant } from "../../elements/PinyaButton/PinyaButtonProps";
+	import { ItchLogoHotLink } from "../../../consts";
 
 	const key = "Pengi";
 	export { component, key };

package/dist/ui/modules/projects/Pengi.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { ProjectComponentProps } from "../../templates/index";
+import type { ProjectComponentProps } from "../../templates/SeaweedLayout/ProjectComponentProps";
 declare const key = "Pengi";
 export { component, key };
 declare const component: (props: ProjectComponentProps) => ReturnType<import("svelte").Snippet>;

package/dist/ui/modules/projects/Soulwork.svelte

@@ -1,10 +1,12 @@
 <script module lang="ts">
-	import HeaderSoulwork from '../../../assets/temp/header-soulwork.mp4';
-	import GithubIcon from '../../../assets/icons/github-mark.svg';
+	import HeaderSoulwork from "../../../assets/temp/header-soulwork.mp4";
+	import GithubIcon from "../../../assets/icons/github-mark.svg";
 	import type { ProjectComponentProps } from "../../templates/index";
-	import { FourPartCard } from "../../components/index";
-	import { ButtonVariant, ImageIcon, PinyaButton } from "../../elements/index.js";
-	import { ItchLogoHotLink } from "../../../consts.js";
+	import { default as FourPartCard } from "../../components/FourPartCard.svelte";
+	import { default as ImageIcon } from "../../elements/ImageIcon.svelte";
+	import { default as PinyaButton } from "../../elements/PinyaButton/PinyaButton.svelte";
+	import { ButtonVariant } from "../../elements/PinyaButton/PinyaButtonProps";
+	import { ItchLogoHotLink } from "../../../consts";
 
 	const key = "Soulwork";
 	export { component, key };

package/dist/ui/modules/projects/ThisWebpage.svelte

@@ -1,15 +1,16 @@
 <script module lang="ts">
-	import GithubIcon from '../../../assets/icons/github-mark.svg';
-	import ThisWebsiteFootage from '../../../assets/others/seaweed-showcase.mp4';
-	import type { ProjectComponentProps } from '../../templates/seaweed-layout/ProjectComponentProps';
+	import GithubIcon from "../../../assets/icons/github-mark.svg";
+	import ThisWebsiteFootage from "../../../assets/others/seaweed-showcase.mp4";
+	import type { ProjectComponentProps } from "../../templates/SeaweedLayout/ProjectComponentProps";
+	import { default as FourPartCard } from "../../components/FourPartCard.svelte";
+	import { default as ImageIcon } from "../../elements/ImageIcon.svelte";
+	import { default as PinyaButton } from "../../elements/PinyaButton/PinyaButton.svelte";
+	import { ButtonVariant } from "../../elements/PinyaButton/PinyaButtonProps";
+	import { default as TextChip } from "../../elements/text-chip/TextChip.svelte";
 
-	const key = 'This Webpage';
+	const key = "This Webpage";
 	export { component, key };
 </script>
-<script>
-	import { FourPartCard } from "../../components/index";
-	import { ButtonVariant, ImageIcon, PinyaButton, TextChip } from "../../elements/index.js";
-</script>
 
 {#snippet component(props: ProjectComponentProps)}
 	<FourPartCard>

package/dist/ui/modules/projects/ThisWebpage.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { ProjectComponentProps } from '../../templates/seaweed-layout/ProjectComponentProps';
+import type { ProjectComponentProps } from "../../templates/SeaweedLayout/ProjectComponentProps";
 declare const key = "This Webpage";
 export { component, key };
 declare const component: (props: ProjectComponentProps) => ReturnType<import("svelte").Snippet>;

package/dist/ui/templates/{pinya-page-layout/component.svelte → PinyaPageLayout/PinyaPageLayout.svelte}

@@ -8,7 +8,7 @@
 	import { modals } from "svelte-modals";
 	import GeneralSettingsModal from "../../modules/modals/general-settings/GeneralSettingsModal.svelte";
 	import { localizeHref } from "../../../paraglide/runtime";
-	import { appState } from "..";
+	import { appState } from "./runes.svelte";
 
 	let {
 		children,

package/dist/ui/templates/PinyaPageLayout/PinyaPageLayout.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from "svelte";
+type $$ComponentProps = {
+    children: Snippet;
+    appBarLead?: Snippet;
+    footer?: Snippet;
+};
+declare const PinyaPageLayout: import("svelte").Component<$$ComponentProps, {}, "appBarLead">;
+type PinyaPageLayout = ReturnType<typeof PinyaPageLayout>;
+export default PinyaPageLayout;

package/dist/ui/templates/PinyaPageLayout/index.d.ts

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

package/dist/ui/templates/PinyaPageLayout/index.js

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

package/dist/ui/templates/{pinya-page-layout → PinyaPageLayout}/runes.svelte.d.ts

@@ -2,6 +2,7 @@ import type { Snippet } from 'svelte';
 interface AppStore {
     title: string;
     lead?: Snippet;
+    isLanguagePickerAvailable: boolean;
 }
 export declare const appState: AppStore;
 export {};

package/dist/ui/templates/PinyaPageLayout/runes.svelte.js

@@ -0,0 +1,4 @@
+export const appState = $state({
+    title: '',
+    isLanguagePickerAvailable: true,
+});

package/dist/{template/seaweed → ui/templates/SeaweedLayout}/CreateUrlForm.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
-	import { type CreateUrlRequest, CreateUrlResult, jsonToCreateUrlResponse } from "../../types/api/CreateUrl";
+	import { type CreateUrlRequest, CreateUrlResult, jsonToCreateUrlResponse } from "../../../types/api/CreateUrl";
 	import type { ToastContext } from "@skeletonlabs/skeleton-svelte";
 	import { getContext } from "svelte";
 	import type { ToastSettings } from "./ToastSettings";
-	import { PinyaButton } from "../../ui/elements/index";
+	import { PinyaButton } from "../../elements/index";
 
 	export const toast: ToastContext = getContext("toast");
 

package/dist/ui/templates/SeaweedLayout/EntryOrderConfig.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { ProjectGroup, SnippetMeta } from "../index";
+interface Props {
+    layout: ProjectGroup[];
+    orderUrl: string;
+    allEntries: SnippetMeta[];
+}
+declare const EntryOrderConfig: import("svelte").Component<Props, {}, "layout" | "orderUrl">;
+type EntryOrderConfig = ReturnType<typeof EntryOrderConfig>;
+export default EntryOrderConfig;

package/dist/ui/templates/{seaweed-layout → SeaweedLayout}/ProjectGroupConfig.svelte.d.ts

@@ -9,6 +9,6 @@ interface Props {
 }
 declare const ProjectGroupConfig: import("svelte").Component<Props, {
     toast: ToastContext;
-}, "orderUrl" | "layout">;
+}, "layout" | "orderUrl">;
 type ProjectGroupConfig = ReturnType<typeof ProjectGroupConfig>;
 export default ProjectGroupConfig;

package/dist/ui/templates/{seaweed-layout → SeaweedLayout}/SeaweedLayout.svelte

@@ -2,14 +2,14 @@
 	import { fly } from "svelte/transition";
 	import type { ProjectGroup, SeaweedLayoutProps } from "./props";
 	import ChumBucket from "../../modules/seaweed/ChumBucket.svelte";
-	import { PinyaPageLayout } from "../index";
-	import { SocialSection } from "../../components/index";
+	import { default as PinyaPageLayout } from "../PinyaPageLayout/PinyaPageLayout.svelte";
+	import { default as SocialSection } from "../../components/SocialSection.svelte";
 	import EntryGroup from "./EntryGroup.svelte";
 	import PineappleSwitch from "../../elements/PineappleSwitch.svelte";
 	import { CodeBlock, TextChip } from "../../elements/index";
 	import { SvelteMap } from "svelte/reactivity";
-	import EntryOrderConfig2 from "./EntryOrderConfig2.svelte";
-	import CreateUrlForm from "../../../template/seaweed/CreateUrlForm.svelte";
+	import EntryOrderConfig from "./EntryOrderConfig.svelte";
+	import CreateUrlForm from "./CreateUrlForm.svelte";
 	import { onMount } from "svelte";
 	import { page } from "$app/state";
 
@@ -223,11 +223,11 @@
 						{/each}
 					</div>
 
-					<EntryOrderConfig2
+					<EntryOrderConfig
 						bind:layout={actualLayout}
 						bind:orderUrl={orderUrl}
 						allEntries={entryList}
-					></EntryOrderConfig2>
+					></EntryOrderConfig>
 
 					<br>
 					<p>Copy the url below and open a new page with it</p>

package/dist/ui/templates/confirmation-modal/component.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { ConfirmationModalProps } from './props';
-	import { ModalBase } from '../../components';
+	import { default as ModalBase } from '../../components/ModalBase.svelte';
 	import { ColorScheme, PinyaButton } from '../../elements';
 
 	let {