@turnipxenon/pineapple 2.8.0 → 2.10.0

package/src/lib/template/seaweed/entry_order_config/EntryOrderConfig.svelte

@@ -1,253 +0,0 @@
-<script lang="ts">
-	import {
-		type ComponentMeta,
-		type EntryGroup,
-		type SeaweedTemplateData
-	} from "$pkg/template/seaweed/SeaweedTemplateData";
-	import { removeProxyWrapperOnString } from "./EntryOrderConfig";
-	import ComboBoxWithButton from "$pkg/components/combo_box/ComboBoxWithButton.svelte";
-	import CloseIcon from "$pkg/assets/icons/close.svg";
-	import UpwardIcon from "$pkg/assets/icons/arrow-upward.svg";
-	import "./entry-order-config.postcss";
-
-	export let seaweedTemplateData: SeaweedTemplateData;
-	export let seaweedEntries: EntryGroup[];
-	export let orderUrl: string;
-	export let updateUrl: (data: SeaweedTemplateData) => void;
-	export let getAllEntryFromGlobal: () => Map<string, ComponentMeta>;
-	export let getEntryFromGlobal: (s: string) => ComponentMeta | undefined;
-
-	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="btn-group-header">
-				<button title={`Remove ${group.name}`}
-				        on:click={removeGroup(group)}>
-					<img class="img-icon" src={CloseIcon} alt={`Remove ${group.name}`}>
-				</button>
-
-				<button title={`Move group ${group.name} upwards`}
-				        on:click={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}
-				        on:click={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="btn-group-entry">
-
-							<button title={`Remove ${entry.name}`}
-							        on:click={removeEntry(entry, group)}>
-								<img class="img-icon" src={CloseIcon} alt={`Remove ${entry.name}`}>
-							</button>
-
-							<button title={`Move ${entry.name} upwards`}
-							        on:click={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}
-							        on:click={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 lang="postcss">
-    .advanced-setting-list {
-        display: flex;
-        flex-direction: column;
-    }
-
-    .btn-group-header {
-        @apply btn-group variant-filled-tertiary;
-        display: flex;
-        align-items: center;
-        margin-bottom: 0.5lh;
-    }
-
-    .btn-group-entry {
-        @apply btn-group;
-        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 {
-        flex-grow: 1;
-    }
-
-    tr, td, th {
-        width: 100%;
-    }
-
-    tfoot > tr {
-        display: flex;
-    }
-
-</style>

package/src/lib/template/seaweed/entry_order_config/EntryOrderConfig.ts

@@ -1,7 +0,0 @@
-export const removeProxyWrapperOnString = (wrapped: string): string => {
-	if (!wrapped.includes("Proxy")) {
-		return wrapped;
-	} else {
-		return wrapped.slice("Proxy<".length, wrapped.length - 1);
-	}
-};

package/src/lib/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/src/lib/template/seaweed/index.ts

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

package/src/lib/template/seaweed/seaweed.postcss

@@ -1,133 +0,0 @@
-main {
-    width: 100%;
-    overflow: visible;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-}
-
-h1 {
-    font-size: 2em;
-}
-
-h2 {
-    font-size: 1.5em;
-}
-
-.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 variant-filled-primary;
-}
-
-.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/src/lib/theme.postcss

@@ -1,117 +0,0 @@
-@tailwind variants;
-
-:root {
-    /* =~= Theme Properties =~= */
-    --theme-font-family-base: system-ui;
-    --theme-font-family-heading: system-ui;
-    --theme-font-color-base: var(--color-primary-900);
-    --theme-font-color-dark: var(--color-primary-50);
-    --theme-rounded-base: 24px;
-    --theme-rounded-container: 16px;
-    --theme-border-base: 2px;
-    /* =~= Theme On-X Colors =~= */
-    --on-primary: var(--color-text-900);
-    --on-secondary: var(--color-surface-500);
-    --on-tertiary: var(--color-text-900);
-    --on-success: var(--color-text-900);
-    --on-warning: var(--color-text-900);
-    --on-error: var(--color-surface-500);
-    --on-surface: var(--color-text-900);
-    /* =~= Theme Colors  =~= */
-    /* primary | #b9a26e */
-    --color-primary-50: 245 241 233; /* ⬅ #f5f1e9 */
-    --color-primary-100: 241 236 226; /* ⬅ #f1ece2 */
-    --color-primary-200: 238 232 219; /* ⬅ #eee8db */
-    --color-primary-300: 227 218 197; /* ⬅ #e3dac5 */
-    --color-primary-400: 206 190 154; /* ⬅ #cebe9a */
-    --color-primary-500: 185 162 110; /* ⬅ #b9a26e */
-    --color-primary-600: 167 146 99; /* ⬅ #a79263 */
-    --color-primary-700: 139 122 83; /* ⬅ #8b7a53 */
-    --color-primary-800: 111 97 66; /* ⬅ #6f6142 */
-    --color-primary-900: 91 79 54; /* ⬅ #5b4f36 */
-    --color-primary-1000: 66 54 29; /* ⬅ #42361d */
-    /* secondary | #b55639 */
-    --color-secondary-50: 244 230 225; /* ⬅ #f4e6e1 */
-    --color-secondary-100: 240 221 215; /* ⬅ #f0ddd7 */
-    --color-secondary-200: 237 213 206; /* ⬅ #edd5ce */
-    --color-secondary-300: 225 187 176; /* ⬅ #e1bbb0 */
-    --color-secondary-350: 214 162 146; /* ⬅ #D6A292 */
-    --color-secondary-400: 203 137 116; /* ⬅ #cb8974 */
-    --color-secondary-450: 192 112 87; /* ⬅ #C07057 */
-    --color-secondary-500: 181 86 57; /* ⬅ #b55639 */
-    --color-secondary-600: 163 77 51; /* ⬅ #a34d33 */
-    --color-secondary-700: 136 65 43; /* ⬅ #88412b */
-    --color-secondary-800: 109 52 34; /* ⬅ #6d3422 */
-    --color-secondary-900: 89 42 28; /* ⬅ #592a1c */
-    /* tertiary | #cd7949 */
-    --color-tertiary-50: 248 235 228; /* ⬅ #f8ebe4 */
-    --color-tertiary-100: 245 228 219; /* ⬅ #f5e4db */
-    --color-tertiary-200: 243 222 210; /* ⬅ #f3ded2 */
-    --color-tertiary-300: 235 201 182; /* ⬅ #ebc9b6 */
-    --color-tertiary-400: 220 161 128; /* ⬅ #dca180 */
-    --color-tertiary-500: 205 121 73; /* ⬅ #cd7949 */
-    --color-tertiary-600: 185 109 66; /* ⬅ #b96d42 */
-    --color-tertiary-700: 154 91 55; /* ⬅ #9a5b37 */
-    --color-tertiary-800: 123 73 44; /* ⬅ #7b492c */
-    --color-tertiary-900: 100 59 36; /* ⬅ #643b24 */
-    /* success | #7cab36 */
-    --color-success-50: 235 242 225; /* ⬅ #ebf2e1 */
-    --color-success-100: 229 238 215; /* ⬅ #e5eed7 */
-    --color-success-200: 222 234 205; /* ⬅ #deeacd */
-    --color-success-300: 203 221 175; /* ⬅ #cbddaf */
-    --color-success-400: 163 196 114; /* ⬅ #a3c472 */
-    --color-success-500: 124 171 54; /* ⬅ #7cab36 */
-    --color-success-600: 112 154 49; /* ⬅ #709a31 */
-    --color-success-700: 93 128 41; /* ⬅ #5d8029 */
-    --color-success-800: 74 103 32; /* ⬅ #4a6720 */
-    --color-success-900: 61 84 26; /* ⬅ #3d541a */
-    /* warning | #b8993a */
-    --color-warning-50: 244 240 225; /* ⬅ #f4f0e1 */
-    --color-warning-100: 241 235 216; /* ⬅ #f1ebd8 */
-    --color-warning-200: 237 230 206; /* ⬅ #ede6ce */
-    --color-warning-300: 227 214 176; /* ⬅ #e3d6b0 */
-    --color-warning-400: 205 184 117; /* ⬅ #cdb875 */
-    --color-warning-500: 184 153 58; /* ⬅ #b8993a */
-    --color-warning-600: 166 138 52; /* ⬅ #a68a34 */
-    --color-warning-700: 138 115 44; /* ⬅ #8a732c */
-    --color-warning-800: 110 92 35; /* ⬅ #6e5c23 */
-    --color-warning-900: 90 75 28; /* ⬅ #5a4b1c */
-    /* error | #b53977 */
-    --color-error-50: 244 225 235; /* ⬅ #f4e1eb */
-    --color-error-100: 240 215 228; /* ⬅ #f0d7e4 */
-    --color-error-200: 237 206 221; /* ⬅ #edcedd */
-    --color-error-300: 225 176 201; /* ⬅ #e1b0c9 */
-    --color-error-400: 203 116 160; /* ⬅ #cb74a0 */
-    --color-error-500: 181 57 119; /* ⬅ #b53977 */
-    --color-error-600: 163 51 107; /* ⬅ #a3336b */
-    --color-error-700: 136 43 89; /* ⬅ #882b59 */
-    --color-error-800: 109 34 71; /* ⬅ #6d2247 */
-    --color-error-900: 89 28 58; /* ⬅ #591c3a */
-    /* surface | #fff7e3 */
-    --color-surface-50: 255 254 251; /* ⬅ #fffefb */
-    --color-surface-100: 255 253 249; /* ⬅ #fffdf9 */
-    --color-surface-200: 255 253 248; /* ⬅ #fffdf8 */
-    --color-surface-300: 255 252 244; /* ⬅ #fffcf4 */
-    --color-surface-400: 255 249 235; /* ⬅ #fff9eb */
-    --color-surface-500: 255 247 227; /* ⬅ #fff7e3 */
-    --color-surface-600: 230 222 204; /* ⬅ #e6decc */
-    --color-surface-700: 191 185 170; /* ⬅ #bfb9aa */
-    --color-surface-800: 153 148 136; /* ⬅ #999488 */
-    --color-surface-900: 125 121 111; /* ⬅ #7d796f */
-    /* text color | #3f312f */
-    --color-text-25: 237 234 234; /* ⬅ #e2e0e0 */
-    --color-text-50: 226 224 224; /* ⬅ #e2e0e0 */
-    --color-text-100: 217 214 213; /* ⬅ #d9d6d5 */
-    --color-text-200: 207 204 203; /* ⬅ #cfcccb */
-    --color-text-300: 178 173 172; /* ⬅ #b2adac */
-    --color-text-400: 121 111 109; /* ⬅ #796f6d */
-    --color-text-500: 63 49 47; /* ⬅ #3f312f */
-    --color-text-600: 57 44 42; /* ⬅ #392c2a */
-    --color-text-700: 47 37 35; /* ⬅ #2f2523 */
-    --color-text-800: 38 29 28; /* ⬅ #261d1c */
-    --color-text-900: 31 24 23; /* ⬅ #1f1817 */
-}
-
-.app-shell-token {
-    @apply bg-surface-600 dark:bg-surface-900;
-}

package/src/lib/types/BlogBlurbMeta.ts

@@ -1,16 +0,0 @@
-// I don't wanna waste time figuring out how to fight against the rollup magic
-// svelte does so let's just copy paste this class, as a treat LOL
-// Mirror is between
-// - src/lib/types/BlogBlurbMeta.ts
-// - pineapple_scripts/blog_list_data_generator.ts
-export class BlogBlurbMeta {
-	title = "";
-	blurb = "";
-	tagList: string[] = [];
-	publishDate = "";
-	lastUpdate = "";
-	previewSrc: any = "";
-	previewSrcScript = "";
-	previewAlt = "";
-	blogLink = "";
-}

package/src/lib/types/BreadcrumbData.ts

@@ -1,4 +0,0 @@
-export interface BreadcrumbData {
-	path: string;
-	name: string;
-}

package/src/lib/types/api/CreateUrl.ts

@@ -1,30 +0,0 @@
-export interface CreateUrlRequest {
-	queryParams: string;
-	shortUrl: string;
-	password: string;
-}
-
-export enum CreateUrlResult {
-	Fail = 0,
-	Success = 1,
-	Duplicate = 2
-}
-
-export interface CreateUrlResponse {
-	result: CreateUrlResult;
-}
-
-export const jsonToCreateUrlRequest = (json: Record<string, never>): CreateUrlRequest => {
-	return {
-		queryParams: json["queryParams"] ?? "",
-		shortUrl: json["shortUrl"] ?? "",
-		password: json["password"] ?? ""
-	};
-};
-
-export const jsonToCreateUrlResponse = (json: Record<string, never>): CreateUrlResponse => {
-	const enumIndex = json["result"] as number;
-	return {
-		result: CreateUrlResult[enumIndex] ? enumIndex : CreateUrlResult.Fail
-	};
-};

package/src/lib/types/api/index.ts

@@ -1,3 +0,0 @@
-// noinspection JSUnusedGlobalSymbols
-
-export * from "./CreateUrl";

package/src/lib/types/pineapple_fiber/DialogDetail.ts

@@ -1,7 +0,0 @@
-import type { PortraitType } from "$lib/types/pineapple_fiber/PortraitType";
-
-export interface DialogDetail {
-	textContent: string;
-	dialogId?: string;
-	portraitType?: PortraitType;
-}

package/src/lib/types/pineapple_fiber/DialogState.ts

@@ -1,6 +0,0 @@
-export enum DialogState {
-	Invisible,
-	Visible,
-	Busy,
-	Inherit
-}

package/src/lib/types/pineapple_fiber/DialogVariableStore.ts

@@ -1,24 +0,0 @@
-/* eslint-disable @typescript-eslint/no-empty-function */
-/* eslint-disable @typescript-eslint/no-unused-vars */
-
-import { browser } from "$app/environment";
-
-export type DialogMapStore = Storage;
-
-export const createNewMapStore = (): DialogMapStore => {
-	return browser
-		? localStorage
-		: {
-				// dumb storage if not in browser
-				length: 0,
-				setItem: (key: string, value: string) => {},
-				getItem: (key: string): string | null => {
-					return null;
-				},
-				clear: () => {},
-				key: (index: number): string | null => {
-					return null;
-				},
-				removeItem: (key: string) => {}
-		  };
-};

package/src/lib/types/pineapple_fiber/PortraitType.ts

@@ -1,11 +0,0 @@
-export enum PortraitType {
-	AresHappy = "AresHappy",
-	AresDisappointed = "AresDisappointed",
-	AresBlushing = "AresBlushing",
-	AresLetsGo = "AresLetsGo",
-	AresMad = "AresMad",
-	AresNeutral = "AresNeutral",
-	AresSlightlyMad = "AresSlightlyMad",
-	AresSurprised = "AresSurprised",
-	AresYay = "AresYay"
-}