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

package/dist/template/seaweed/entry_order_config/EntryOrderConfig.svelte

@@ -1,297 +0,0 @@
-<script lang="ts">
-	import {
-		type ComponentMeta,
-		type EntryGroup,
-		type SeaweedTemplateData
-	} from "../SeaweedTemplateData";
-	import { removeProxyWrapperOnString } from "./EntryOrderConfig";
-	import ComboBoxWithButton from "../../../components/combo_box/ComboBoxWithButton.svelte";
-	import CloseIcon from "../../../assets/icons/close.svg";
-	import UpwardIcon from "../../../assets/icons/arrow-upward.svg";
-
-	interface Props {
-		seaweedTemplateData: SeaweedTemplateData;
-		seaweedEntries: EntryGroup[];
-		orderUrl: string;
-		updateUrl: (data: SeaweedTemplateData) => void;
-		getAllEntryFromGlobal: () => Map<string, ComponentMeta>;
-		getEntryFromGlobal: (s: string) => ComponentMeta | undefined;
-	}
-
-	let {
-		seaweedTemplateData,
-		seaweedEntries = $bindable(),
-		orderUrl = $bindable(),
-		updateUrl,
-		getAllEntryFromGlobal,
-		getEntryFromGlobal
-	}: Props = $props();
-
-	const updateOrderQuery = () => {
-		orderUrl = "order=" + seaweedEntries.map(g => {
-			const groupUrl = g.items.map(
-				e => removeProxyWrapperOnString(e.name)
-			).join("|");
-			return `${g.name}:${groupUrl}:${g.gridClass}`;
-		}).join(",");
-		updateUrl(seaweedTemplateData);
-	};
-
-	const addEntry = (group: EntryGroup): ((selected: string) => void) => {
-		return (selected: string) => {
-			const c = getEntryFromGlobal(selected);
-			if (c) {
-				group.items.push(c);
-				seaweedEntries = seaweedEntries;
-				updateOrderQuery();
-			}
-		};
-	};
-	const swapEntry = (index: number, group: EntryGroup, shouldDecrement: boolean): (() => void) => {
-		return () => {
-			let newIndex = index;
-			if (shouldDecrement && index >= 1) {
-				newIndex--;
-			} else if (!shouldDecrement && index <= group.items.length - 2) {
-				newIndex++;
-			} else {
-				return;
-			}
-
-			const tempVar = group.items[newIndex];
-			group.items[newIndex] = group.items[index];
-			group.items[index] = tempVar;
-			seaweedEntries = seaweedEntries;
-			updateOrderQuery();
-		};
-	};
-	const swapGroups = (index: number, shouldDecrement: boolean): (() => void) => {
-		return () => {
-			let newIndex = index;
-			if (shouldDecrement && index >= 1) {
-				newIndex--;
-			} else if (!shouldDecrement && index <= seaweedEntries.length - 2) {
-				newIndex++;
-			} else {
-				return;
-			}
-
-			const tempVar = seaweedEntries[newIndex];
-			seaweedEntries[newIndex] = seaweedEntries[index];
-			seaweedEntries[index] = tempVar;
-			seaweedEntries = seaweedEntries;
-			updateOrderQuery();
-		};
-	};
-
-	// todo: add group; we might not need it now
-	// const addGroup = (group: EntryGroup): (() => void) => {
-	// 	return () => {
-	// 		seaweedEntries.push({
-	// 			name: "",
-	// 			items: [],
-	// 			gridClass: GroupGridClass.Projects.toString()
-	// 		});
-	// 		updateOrderQuery();
-	// 	};
-	// };
-
-	const removeGroup = (group: EntryGroup): (() => void) => {
-		return () => {
-			const index = seaweedEntries.indexOf(group);
-			if (index === -1) {
-				return;
-			}
-
-			seaweedEntries.splice(index, 1);
-			seaweedEntries = seaweedEntries;
-			updateOrderQuery();
-		};
-	};
-	const removeEntry = (entry: ComponentMeta, group: EntryGroup): (() => void) => {
-		return () => {
-			for (let i = group.items.length - 1; i >= 0; i--) {
-				if (group.items[i].name === entry.name) {
-					group.items.splice(i, 1);
-					seaweedEntries = seaweedEntries;
-					updateOrderQuery();
-					break;
-				}
-			}
-		};
-	};
-
-	const allDefaultEntries = Array.from(getAllEntryFromGlobal().keys());
-</script>
-
-<br>
-<h2>Site ordering</h2>
-<blockquote>Sorry! This part of the website is still WIP, but here it is anyway. As long as it functions</blockquote>
-
-<!-- formatting: group1:entry1|entry2,group2:entry3
- : <= separates the group header, the entries, and the class
- | <= separates each entries
- , <= separates each group
- -->
-<div class="advanced-setting-list">
-	{#each seaweedEntries as group, groupIndex}
-		<div class="entry-group card">
-
-			<div class="-header">
-				<button title={`Remove ${group.name}`}
-				        onclick={removeGroup(group)}>
-					<img class="img-icon" src={CloseIcon} alt={`Remove ${group.name}`}>
-				</button>
-
-				<button title={`Move group ${group.name} upwards`}
-				        onclick={swapGroups(groupIndex, true)}
-				        disabled="{groupIndex === 0}">
-					<img class="img-icon" src={UpwardIcon} alt={`Move group ${group.name} upwards`}>
-				</button>
-
-				<button title={`Move group ${group.name} downwards`}
-				        disabled={groupIndex === seaweedEntries.length - 1}
-				        onclick={swapGroups(groupIndex, false)}>
-					<img class="img-icon flipped-vertically" src={UpwardIcon} alt={`Move group ${group.name} downwards`}>
-				</button>
-
-				<h2>{group.name}</h2>
-			</div>
-
-			<table class="advanced-setting-list table">
-				<thead>
-				<tr>
-					<th>Entries</th>
-				</tr>
-				</thead>
-				<tbody>
-				{#each group.items as entry, entryIndex}
-					<tr class="entry-row">
-						<td class="-entry">
-
-							<button title={`Remove ${entry.name}`}
-							        onclick={removeEntry(entry, group)}>
-								<img class="img-icon" src={CloseIcon} alt={`Remove ${entry.name}`}>
-							</button>
-
-							<button title={`Move ${entry.name} upwards`}
-							        onclick={swapEntry(entryIndex, group, true)}
-							        disabled="{entryIndex === 0}">
-								<img class="img-icon" src={UpwardIcon} alt={`Move ${entry.name} upwards`}>
-							</button>
-
-							<button title={`Move ${entry.name} downwards`}
-							        disabled={entryIndex === group.items.length - 1}
-							        onclick={swapEntry(entryIndex, group, false)}>
-								<img class="img-icon flipped-vertically" src={UpwardIcon} alt={`Move ${entry.name} downwards`}>
-							</button>
-							<div class="entry-name">
-								{entry.name}
-							</div>
-						</td>
-					</tr>
-				{/each}
-				</tbody>
-
-				<tfoot>
-				<tr>
-					<td>
-						<ComboBoxWithButton stringItems={allDefaultEntries}
-						                    onClick={addEntry(group)}></ComboBoxWithButton>
-					</td>
-				</tr>
-				</tfoot>
-			</table>
-
-
-		</div>
-	{/each}
-</div>
-
-<style>
-    .advanced-setting-list {
-        display: flex;
-        flex-direction: column;
-    }
-
-    .btn-group-header {
-        @apply  preset-filled-tertiary-500;
-        display: flex;
-        align-items: center;
-        margin-bottom: 0.5lh;
-    }
-
-    .btn-group-entry {
-        @apply ;
-        display: flex;
-        padding: 0;
-    }
-
-    .btn-group-entry > div {
-        padding: 1em;
-    }
-
-    .flipped-vertically {
-        transform: rotate(180deg);
-    }
-
-    .entry-group {
-        border-radius: var(--theme-rounded-container);
-        background-color: rgb(var(--color-surface-600));
-        margin-top: 1.5lh;
-        margin-bottom: 0.5lh;
-        padding: 0.5lh 0.5em;
-    }
-
-    .entry-row {
-        display: flex;
-        align-items: center;
-    }
-
-    .entry-name {
-        grow: 1;
-    }
-
-    tr, td, th {
-        width: 100%;
-    }
-
-    tfoot > tr {
-        display: flex;
-    }
-    .btn-group > button {
-        padding: 0.3em 0.75em;
-    }
-
-    .btn-group-header > h2 {
-        font-weight: bolder;
-        padding-top: 1lh;
-        padding-bottom: 1lh;
-        margin-bottom: 0;
-        padding-inline-start: 1em;
-    }
-
-    .dark .btn-group-header > h2 {
-        color: rgb(var(--theme-font-color-dark));
-    }
-
-    .dark .entry-group {
-        background-color: rgb(var(--color-surface-800));
-    }
-
-    tbody tr:nth-child(odd) {
-        background-color: rgb(var(--color-surface-500));
-    }
-
-    .dark tbody tr:nth-child(odd) {
-        background-color: rgb(var(--color-surface-900));
-    }
-
-    tbody tr:nth-child(even) {
-        background-color: rgb(var(--color-surface-200));
-    }
-
-    .dark tbody tr:nth-child(even) {
-        background-color: rgb(var(--color-surface-800));
-    }
-</style>

package/dist/template/seaweed/entry_order_config/EntryOrderConfig.svelte.d.ts

@@ -1,12 +0,0 @@
-import { type ComponentMeta, type EntryGroup, type SeaweedTemplateData } from "../SeaweedTemplateData";
-interface Props {
-    seaweedTemplateData: SeaweedTemplateData;
-    seaweedEntries: EntryGroup[];
-    orderUrl: string;
-    updateUrl: (data: SeaweedTemplateData) => void;
-    getAllEntryFromGlobal: () => Map<string, ComponentMeta>;
-    getEntryFromGlobal: (s: string) => ComponentMeta | undefined;
-}
-declare const EntryOrderConfig: import("svelte").Component<Props, {}, "seaweedEntries" | "orderUrl">;
-type EntryOrderConfig = ReturnType<typeof EntryOrderConfig>;
-export default EntryOrderConfig;

package/dist/template/seaweed/entry_order_config/entry-order-config.postcss

@@ -1,35 +0,0 @@
-.btn-group > button {
-    padding: 0.3em 0.75em;
-}
-
-.btn-group-header > h2 {
-    font-weight: bolder;
-    padding-top: 1lh;
-    padding-bottom: 1lh;
-    margin-bottom: 0;
-    padding-inline-start: 1em;
-}
-
-.dark .btn-group-header > h2 {
-    color: rgb(var(--theme-font-color-dark));
-}
-
-.dark .entry-group {
-    background-color: rgb(var(--color-surface-800));
-}
-
-tbody tr:nth-child(odd) {
-    background-color: rgb(var(--color-surface-500));
-}
-
-.dark tbody tr:nth-child(odd) {
-    background-color: rgb(var(--color-surface-900));
-}
-
-tbody tr:nth-child(even) {
-    background-color: rgb(var(--color-surface-200));
-}
-
-.dark tbody tr:nth-child(even) {
-    background-color: rgb(var(--color-surface-800));
-}

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

@@ -1,4 +0,0 @@
-export { default as SeaweedTemplate } from "./SeaweedTemplate.svelte";
-export * from "./SeaweedTemplateData";
-export * from "./SeaweedTemplateData";
-export * from "./entries/EntryProps";

package/dist/template/seaweed/index.js

@@ -1,4 +0,0 @@
-export { default as SeaweedTemplate } from "./SeaweedTemplate.svelte";
-export * from "./SeaweedTemplateData";
-export * from "./SeaweedTemplateData";
-export * from "./entries/EntryProps";

package/dist/template/seaweed/seaweed.postcss

@@ -1,125 +0,0 @@
-main {
-    width: 100%;
-    overflow: visible;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-}
-
-.section-card {
-    padding: 3em;
-    max-width: 800px;
-}
-
-.game-card, .project-card {
-    width: 100vw;
-    max-width: 36em;
-    margin-bottom: 3em;
-}
-
-.game-card > video {
-    border-top-left-radius: 1em;
-    border-top-right-radius: 1em;
-    max-height: 24em;
-    width: 100%;
-    object-fit: cover;
-}
-
-#migrante-alberta, .game-card > img, .project-card > img {
-    border-top-left-radius: 1em;
-    border-top-right-radius: 1em;
-}
-
-#migrante-alberta {
-    width: 100%;
-    object-fit: cover;
-}
-
-.game-button {
-    @apply btn preset-filled-primary-500;
-}
-
-.game-button > img {
-    max-height: 1lh;
-    /* todo: consider night mode day mode */
-}
-
-.two-column-separated {
-    display: flex;
-    justify-content: space-between;
-}
-
-.more-section {
-    padding: 1em;
-}
-
-.greater-about-div {
-    display: flex;
-    flex-direction: column;
-    max-width: 36em;
-}
-
-.experience-and-about-div {
-    display: flex;
-    gap: 2em;
-    flex-wrap: wrap;
-    justify-content: center;
-    align-items: flex-start;
-}
-
-.game-card-body, .project-card-body {
-    padding: 1em;
-}
-
-.game-card-body > blockquote {
-    margin-bottom: 0.7lh;
-}
-
-.game-card-body > h1, .project-card-body > h2 {
-    text-align: center;
-}
-
-.game-link-section {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    gap: 1em;
-    margin-top: 1em;
-}
-
-.games-section, .projects-section {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 2em;
-    justify-content: center;
-}
-
-.projects-section {
-    align-items: flex-start;
-    /*justify-content: flex-start;*/
-}
-
-.long-btn-image {
-    max-height: 1lh;
-}
-
-.itch-promo {
-    padding: 4em;
-}
-
-#hepcat-video {
-    object-position: 0 0;
-}
-
-.title-card {
-    width: clamp(360px, 80vw, 800px);
-}
-
-[class*='qt-'] {
-    font-weight: var(--qt-font-weight);
-}
-
-.accordion-header {
-    margin-top: 0.25em;
-}

package/dist/ui/elements/pinya-button/component.svelte.d.ts

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

package/dist/ui/elements/pinya-button/index.d.ts

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

package/dist/ui/elements/pinya-button/index.js

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

package/dist/ui/elements/pinya-card/component.svelte.d.ts

@@ -1,7 +0,0 @@
-/**
- * When with texts, wrap the text content inside a div so flex wont apply
- */
-import type { PinyaCardProps } from "./props";
-declare const Component: import("svelte").Component<PinyaCardProps, {}, "">;
-type Component = ReturnType<typeof Component>;
-export default Component;

package/dist/ui/elements/pinya-card/index.d.ts

@@ -1,2 +0,0 @@
-export { default as PinyaCard } from "./component.svelte";
-export * from "./props";

package/dist/ui/elements/pinya-card/index.js

@@ -1,2 +0,0 @@
-export { default as PinyaCard } from "./component.svelte";
-export * from "./props";

package/dist/ui/modules/seaweed/index.d.ts

@@ -1,3 +0,0 @@
-export declare const Seaweed: {
-    ChumBucket: import("svelte").Component<Record<string, never>, {}, "">;
-};

package/dist/ui/modules/seaweed/index.js

@@ -1,4 +0,0 @@
-import { default as ChumBucket } from "./ChumBucket.svelte";
-export const Seaweed = {
-    ChumBucket
-};

package/dist/ui/templates/pinya-page-layout/component.svelte.d.ts

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

package/dist/ui/templates/pinya-page-layout/index.d.ts

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

package/dist/ui/templates/pinya-page-layout/index.js

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

package/dist/ui/templates/pinya-page-layout/runes.svelte.js

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

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

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