@turnipxenon/pineapple 3.0.0-alpha.2 → 3.0.0-alpha.20

package/dist/ui/components/accordion/PinyaAccordionItem.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+	// noinspection ES6UnusedImports
+	import { Accordion } from "@skeletonlabs/skeleton-svelte";
+	import type { Snippet } from "svelte";
+
+	let {
+		value,
+		control: controlSnippet,
+		panel: panelSnippet,
+	}: {
+		value: string,
+		control: Snippet;
+		panel: Snippet;
+	} = $props();
+</script>
+
+<Accordion.Item
+	{value}
+	controlHover="hover:bg-primary-500 dark:hover:bg-secondary-600"
+>
+	<!-- Control -->
+	{#snippet control()}
+		{@render controlSnippet()}
+	{/snippet}
+	<!-- Panel -->
+	{#snippet panel()}
+		{@render panelSnippet()}
+	{/snippet}
+</Accordion.Item>

package/dist/ui/components/accordion/PinyaAccordionItem.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from "svelte";
+type $$ComponentProps = {
+    value: string;
+    control: Snippet;
+    panel: Snippet;
+};
+declare const PinyaAccordionItem: import("svelte").Component<$$ComponentProps, {}, "">;
+type PinyaAccordionItem = ReturnType<typeof PinyaAccordionItem>;
+export default PinyaAccordionItem;

package/dist/ui/components/accordion/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PinyaAccordion } from "./PinyaAccordion.svelte";
+export { default as PinyaAccordionItem } from "./PinyaAccordionItem.svelte";

package/dist/ui/components/accordion/index.js

@@ -0,0 +1,2 @@
+export { default as PinyaAccordion } from "./PinyaAccordion.svelte";
+export { default as PinyaAccordionItem } from "./PinyaAccordionItem.svelte";

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

@@ -1,3 +1,4 @@
 export { default as ModalBase } from "./ModalBase.svelte";
 export { default as FourPartCard } from "./FourPartCard.svelte";
 export { default as SocialSection } from "./SocialSection.svelte";
+export * from "./accordion";

package/dist/ui/components/index.js

@@ -1,3 +1,4 @@
 export { default as ModalBase } from "./ModalBase.svelte";
 export { default as FourPartCard } from "./FourPartCard.svelte";
 export { default as SocialSection } from "./SocialSection.svelte";
+export * from "./accordion";

package/dist/{components/ElementVisbilityDetector.svelte → ui/elements/ElementVisibilityDetector.svelte}

@@ -1,12 +1,15 @@
 <script lang="ts">
-    import {onMount} from "svelte";
+	import { onMount, type Snippet } from "svelte";
 
     interface Props {
         isVisible?: boolean;
-        children?: import('svelte').Snippet;
+        children?: Snippet;
     }
 
-    let { isVisible = $bindable(true), children }: Props = $props();
+    let {
+			isVisible = $bindable(true),
+	    children
+		}: Props = $props();
 
     let stickyElem: HTMLElement = $state();
 

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

@@ -0,0 +1,8 @@
+import { type Snippet } from "svelte";
+interface Props {
+    isVisible?: boolean;
+    children?: Snippet;
+}
+declare const ElementVisibilityDetector: import("svelte").Component<Props, {}, "isVisible">;
+type ElementVisibilityDetector = ReturnType<typeof ElementVisibilityDetector>;
+export default ElementVisibilityDetector;

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/Placeholder.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+	let {
+		isCircle = false,
+		classes = '',
+	}: {
+		isCircle?: boolean;
+		classes?: string;
+	} = $props();
+</script>
+
+<div
+	class="
+	{isCircle ?'placeholder-circle' : 'placeholder'}
+	animate-pulse bg-surface-600 dark:bg-surface-800
+	{classes}
+"
+></div>

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

@@ -0,0 +1,7 @@
+type $$ComponentProps = {
+    isCircle?: boolean;
+    classes?: string;
+};
+declare const Placeholder: import("svelte").Component<$$ComponentProps, {}, "">;
+type Placeholder = ReturnType<typeof Placeholder>;
+export default Placeholder;

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

@@ -1,10 +1,11 @@
 export { default as ImageIcon } from "./ImageIcon.svelte";
 export { default as TextLink } from "./TextLink.svelte";
+export { default as ElementVisibilityDetector } from "./ElementVisibilityDetector.svelte";
 export * from "./ColorScheme";
 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

@@ -1,10 +1,11 @@
 export { default as ImageIcon } from "./ImageIcon.svelte";
 export { default as TextLink } from "./TextLink.svelte";
+export { default as ElementVisibilityDetector } from "./ElementVisibilityDetector.svelte";
 export * from "./ColorScheme";
 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

@@ -2,9 +2,11 @@
 	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 { 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/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/seaweed-layout/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/seaweed-layout/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/seaweed-layout/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/seaweed-layout/ProjectComponentProps";
 declare const key = "This Webpage";
 export { component, key };
 declare const component: (props: ProjectComponentProps) => ReturnType<import("svelte").Snippet>;

package/dist/ui/modules/seaweed/ChumBucket.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
-	import { type PageMeta } from "../../..";
+	import { type PageMeta } from "../../../components/navigation_component/index";
 	import { onMount } from "svelte";
+	import Placeholder from "../../elements/Placeholder.svelte";
 
 	let hasTriedGettingChumBucket = $state(false);
 	let pageMetaList: PageMeta[] = $state([]);
@@ -27,7 +28,7 @@
 
 	<div class="chum-bucket-grid">
 		{#if hasTriedGettingChumBucket}
-			{#each pageMetaList as pageMeta}
+			{#each pageMetaList as pageMeta (pageMeta.title)}
 				<div class="chum-bucket-item">
 					{#if pageMeta.imageUrl}
 						<img src={`https://turnipxenon.com${pageMeta.imageUrl}`}
@@ -48,8 +49,8 @@
 				</div>
 			{/each}
 		{:else}
-			{#each { length: 10 } as _}
-				<div class="placeholder"></div>
+			{#each { length: 10 } as _, idx (idx)}
+				<Placeholder classes="mb-2" />
 			{/each}
 		{/if}
 	</div>

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/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 {

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

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

package/dist/ui/templates/index.js

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

package/dist/ui/templates/seaweed-layout/EntryGroup.svelte

@@ -7,14 +7,14 @@
 		entryList
 	}: ProjectGroup = $props();
 
-	const isSpecial = entryList.length % 3 === 1;
+	const isSpecial = $derived(entryList.length % 3 === 1);
 
-	let normalUiList: SnippetMeta[] = isSpecial
+	let normalUiList: SnippetMeta[] = $derived(isSpecial
 		? [...entryList.slice(0, -4)]
-		: [...entryList];
-	let overflowUiList: SnippetMeta[] = isSpecial
+		: [...entryList]);
+	let overflowUiList: SnippetMeta[] = $derived(isSpecial
 		? [...entryList.slice(-4)]
-		: [];
+		: []);
 
 
 	// <!--todo: implement in seaweedlayout #migration-->

package/dist/ui/templates/seaweed-layout/SeaweedLayout.svelte

@@ -1,25 +1,31 @@
 <script lang="ts">
-	import type { SeaweedLayoutProps } from "./props";
+	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 { onMount } from "svelte";
+	import { page } from "$app/state";
 
 	let {
 		children,
 		sideSection,
 		entryList, // todo
-		layout = $bindable(), // todo
+		layout, // todo
 		domain = "http://localhost:5173/seaweed2",
-		queryTerms
+		queryTerms,
+		showMiniSocial = false,
+		serverParams = ""
 	}: SeaweedLayoutProps = $props();
 
-	let isAdvanceSettingOn = $state(true);
+	let actualLayout = $state(layout);
+	let isAdvanceSettingOn = $state(false);
 	let orderUrl = $state("");
 
 	let queryStates = new SvelteMap<string, boolean>(queryTerms.map(term => [term, true]));
@@ -47,8 +53,8 @@
 		const chipList: string[] = [];
 		const termList: string[] = [];
 		queryStates.entries()
-			.filter(([_, state]) => state)
-			.forEach(([term, state], idx) => {
+			.filter(([, state]) => state)
+			.forEach(([term]) => {
 				const qtTerm = `.qt-${term}`;
 				termList.push(qtTerm);
 				chipList.push(`.text-chip${qtTerm}`);
@@ -78,6 +84,74 @@
 	});
 
 	let advancedUrl = $derived.by(() => `${domain}/?${advancedQuery}`);
+
+
+	/** 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) => {
+		// region Order
+		const orderParam = searchParams.get("order")?.trim();
+		console.log(searchParams);
+		console.log(orderParam);
+		if (orderParam) {
+			actualLayout = [];
+
+			orderParam.split(",").forEach((groupDefinition, idx) => {
+				const pair = groupDefinition.split(":");
+				if (pair.length >= 2) {
+					const group: ProjectGroup = {
+						title: pair[0],
+						entryList: [],
+						key: `${pair[0]}-${idx}`
+					};
+
+					pair[1].split("|").forEach(key => {
+						const component = entryList.find(e => e.key === key);
+						if (component) {
+							group.entryList.push(component);
+						}
+					});
+
+					actualLayout.push(group);
+				}
+			});
+
+			actualLayout = [...actualLayout];
+			console.log(actualLayout);
+		}
+		// endregion
+
+		// region Bold terms
+		const qtValue = searchParams.get("qt")?.trim();
+		if (qtValue !== undefined) {
+			queryStates.keys()
+				.forEach(key => queryStates.set(key, false));
+
+			if (qtValue !== "clear") {
+				qtValue.split(",").forEach((term) => {
+					if (queryStates.has(term)) {
+						queryStates.set(term, true);
+					}
+				});
+			}
+		}
+		// endregion Bold terms
+	};
+
+	onMount(() => {
+		if (serverParams) {
+			filterSearchParams(new URLSearchParams(serverParams));
+		} else if (page.url.searchParams.size) {
+			filterSearchParams(page.url.searchParams);
+		}
+	});
 </script>
 
 <svelte:head>
@@ -90,7 +164,14 @@
 {/snippet}
 <PinyaPageLayout>
 	{#snippet appBarLead()}
-		<div></div>
+		{#if showMiniSocial}
+			<div
+				class="flex flex-row"
+				transition:fly={{x:-10}}
+			>
+				<SocialSection isSmallVersion={true} />
+			</div>
+		{/if}
 	{/snippet}
 
 	<div id="upper-section">
@@ -105,7 +186,7 @@
 	</div>
 
 	<!--todo: render list #migration-->
-	{#each layout as group (group.title)}
+	{#each actualLayout as group (group.title)}
 		<EntryGroup {...group}></EntryGroup>
 	{/each}
 
@@ -143,7 +224,7 @@
 					</div>
 
 					<EntryOrderConfig2
-						{layout}
+						bind:layout={actualLayout}
 						bind:orderUrl={orderUrl}
 						allEntries={entryList}
 					></EntryOrderConfig2>

package/dist/ui/templates/seaweed-layout/SeaweedLayout.svelte.d.ts

@@ -1,4 +1,4 @@
 import type { SeaweedLayoutProps } from "./props";
-declare const SeaweedLayout: import("svelte").Component<SeaweedLayoutProps, {}, "layout">;
+declare const SeaweedLayout: import("svelte").Component<SeaweedLayoutProps, {}, "">;
 type SeaweedLayout = ReturnType<typeof SeaweedLayout>;
 export default SeaweedLayout;

package/dist/ui/templates/seaweed-layout/props.d.ts

@@ -21,5 +21,7 @@ export interface SeaweedLayoutProps {
     entryList: SnippetMeta[];
     layout: ProjectGroup[];
     queryTerms: string[];
+    showMiniSocial?: boolean;
+    serverParams?: string;
 }
 export {};