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

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

@@ -1,89 +1,66 @@
-<script lang="ts">
-	import type { ProjectGroup, SnippetMeta } from "../index";
-	import { PinyaCard } from "../../elements/index";
-
-	let {
-		title,
-		entryList
-	}: ProjectGroup = $props();
-
-	const isSpecial = $derived(entryList.length % 3 === 1);
-
-	let normalUiList: SnippetMeta[] = $derived(isSpecial
-		? [...entryList.slice(0, -4)]
-		: [...entryList]);
-	let overflowUiList: SnippetMeta[] = $derived(isSpecial
-		? [...entryList.slice(-4)]
-		: []);
-
-
-	// <!--todo: implement in seaweedlayout #migration-->
-	let inputValue = $state("");
-	let styleStr = $state("");
-	$effect(() => {
-		const termList = inputValue.split(",");
-
-		const chipList: string[] = [];
-		termList.forEach((_, idx) => {
-			termList[idx] = `.qt-${termList[idx]}`;
-			chipList.push(`.text-chip${termList[idx]}`);
-		});
-		styleStr = `<style>
-			${termList.join(", ")} {
-				font-weight: bold
-			}
-
-			${chipList.join(", ")} {
-				background-color: var(--color-secondary-500) /* oklch(55.6% 0 0deg) = #737373 */;
-				color: var(--color-secondary-contrast-500) /* var(--color-secondary-contrast-light) */;
-			}
-			</style>`;
-	});
-</script>
-
-<div class="mt-8 flex flex-col items-center">
-	<PinyaCard widthClass="w-full" className="mb-8">
-		<h2>{title}</h2>
-	</PinyaCard>
-	<div class="normal-project-container">
-		{#each normalUiList as ui (ui.key)}
-			{@render ui.component({})}
-		{/each}
-	</div>
-	<div class="overflow-project-container">
-		{#each overflowUiList as ui (ui.key)}
-			{@render ui.component({})}
-		{/each}
-	</div>
-</div>
-
-<!--todo: implement in seaweedlayout #migration-->
-<!--{@html styleStr}-->
-
-<!-- Force tailwind to pickup some classes -->
-<div class="hidden rounded-2xl hover:brightness-110"></div>
-
-<style>
-    .normal-project-container {
-        display: flex;
-        flex-wrap: wrap;
-        gap: 2rem;
-        margin: auto;
-        /* 3 containers + 2 gaps + extra rem */
-        max-width: calc((28rem * 3) + 5rem);
-        justify-content: center;
-        margin-bottom: 2rem;
-        align-items: start;
-    }
-
-    .overflow-project-container {
-        display: flex;
-        flex-wrap: wrap;
-        gap: 2rem;
-        margin: auto;
-        /* 2 containers + 1 gap + extra rem */
-        max-width: calc((28rem * 2) + 3rem);
-        justify-content: center;
-        align-items: start;
-    }
+<script lang="ts">
+	import type { ProjectGroup, SnippetMeta } from "../index";
+	import { PinyaCard } from "../../elements/index";
+
+	let {
+		title,
+		entryList,
+		projectComponentProps,
+	}: ProjectGroup = $props();
+
+	const isSpecial = $derived(entryList.length % 3 === 1);
+
+	let normalUiList: SnippetMeta[] = $derived(isSpecial
+		? [...entryList.slice(0, -4)]
+		: [...entryList]);
+	let overflowUiList: SnippetMeta[] = $derived(isSpecial
+		? [...entryList.slice(-4)]
+		: []);
+</script>
+
+<div class="mt-8 flex flex-col items-center">
+	<PinyaCard widthClass="w-full" className="mb-8">
+		<h2>{title}</h2>
+	</PinyaCard>
+	<div class="normal-project-container">
+		{#each normalUiList as ui (ui.key)}
+			{@render ui.component(projectComponentProps ?? {})}
+		{/each}
+	</div>
+	<div class="overflow-project-container">
+		{#each overflowUiList as ui (ui.key)}
+			{@render ui.component(projectComponentProps ?? {})}
+		{/each}
+	</div>
+</div>
+
+<!--todo: implement in seaweedlayout #migration-->
+<!--{@html styleStr}-->
+
+<!-- Force tailwind to pickup some classes -->
+<div class="hidden rounded-2xl hover:brightness-110"></div>
+
+<style>
+    .normal-project-container {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 2rem;
+        margin: auto;
+        /* 3 containers + 2 gaps + extra rem */
+        max-width: calc((28rem * 3) + 5rem);
+        justify-content: center;
+        margin-bottom: 2rem;
+        align-items: start;
+    }
+
+    .overflow-project-container {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 2rem;
+        margin: auto;
+        /* 2 containers + 1 gap + extra rem */
+        max-width: calc((28rem * 2) + 3rem);
+        justify-content: center;
+        align-items: start;
+    }
 </style>

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}/ProjectComponentProps.d.ts

@@ -1,4 +1,5 @@
 import type { Snippet } from 'svelte';
 export interface ProjectComponentProps {
+    isPineapple?: boolean;
 }
 export type ComponentSnippet = Snippet<[ProjectComponentProps]>;