@turnipxenon/pineapple 2.4.18 → 2.4.19

package/src/lib/components/dialog_manager/behavior_tree/line_processors/commands/JumpCommand.ts

@@ -1,10 +1,10 @@
-import type { LineBehaviorNode } from "$pkg/components/dialog_manager/behavior_tree/line_core/LineBehaviorNode";
-import type { LineNodeArguments } from "$pkg/components/dialog_manager/behavior_tree/line_core/LineNodeArguments";
-import type { LineBehaviorResult } from "$pkg/components/dialog_manager/behavior_tree/line_core/LineBehaviorResult";
-import { BehaviorStatus } from "$pkg/components/dialog_manager/behavior_tree/core/BehaviorStatus";
-import { SetVariableNode } from "$pkg/components/dialog_manager/behavior_tree/line_processors/SetVariableNode";
-import { dialogManager } from "$pkg/components/dialog_manager/DialogManagerStore";
-import { btreeUtils } from "$pkg/components/dialog_manager/behavior_tree/core/BTreeUtils";
+import type { LineBehaviorNode } from "$lib/components/dialog_manager/behavior_tree/line_core/LineBehaviorNode";
+import type { LineNodeArguments } from "$lib/components/dialog_manager/behavior_tree/line_core/LineNodeArguments";
+import type { LineBehaviorResult } from "$lib/components/dialog_manager/behavior_tree/line_core/LineBehaviorResult";
+import { BehaviorStatus } from "$lib/components/dialog_manager/behavior_tree/core/BehaviorStatus";
+import { SetVariableNode } from "$lib/components/dialog_manager/behavior_tree/line_processors/SetVariableNode";
+import { dialogManager } from "$lib/components/dialog_manager/DialogManagerStore";
+import { btreeUtils } from "$lib/components/dialog_manager/behavior_tree/core/BTreeUtils";
 
 export class JumpCommand implements LineBehaviorNode {
 	setVariableNode = new SetVariableNode();

package/src/lib/components/dialog_manager/behavior_tree/line_processors/commands/UnvisitCommand.ts

@@ -1,8 +1,8 @@
-import type { LineBehaviorNode } from "$pkg/components/dialog_manager/behavior_tree/line_core/LineBehaviorNode";
-import type { LineNodeArguments } from "$pkg/components/dialog_manager/behavior_tree/line_core/LineNodeArguments";
-import type { LineBehaviorResult } from "$pkg/components/dialog_manager/behavior_tree/line_core/LineBehaviorResult";
-import { BehaviorStatus } from "$pkg/components/dialog_manager/behavior_tree/core/BehaviorStatus";
-import { dialogVariableStore } from "$pkg/components/dialog_manager/DialogManagerStore";
+import type { LineBehaviorNode } from "$lib/components/dialog_manager/behavior_tree/line_core/LineBehaviorNode";
+import type { LineNodeArguments } from "$lib/components/dialog_manager/behavior_tree/line_core/LineNodeArguments";
+import type { LineBehaviorResult } from "$lib/components/dialog_manager/behavior_tree/line_core/LineBehaviorResult";
+import { BehaviorStatus } from "$lib/components/dialog_manager/behavior_tree/core/BehaviorStatus";
+import { dialogVariableStore } from "$lib/components/dialog_manager/DialogManagerStore";
 import { browser } from "$app/environment";
 
 /**

package/src/lib/components/layouts/SeaweedBaseLayout.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
 	// For auto dark/light mode
 	import { AppBar, AppShell, autoModeWatcher, LightSwitch } from "@skeletonlabs/skeleton";
-	import RandomizedBackground from "$pkg/components/RandomizedBackground.svelte";
+	import RandomizedBackground from "$lib/components/RandomizedBackground.svelte";
 
 	// store
-	import { enableBackground } from "$pkg/store";
+	import { enableBackground } from "$lib/store";
 	// assets
-	import { enableDialogueOverlay } from "$pkg/components/dialog_manager/DialogManagerStore";
+	import { enableDialogueOverlay } from "$lib/components/dialog_manager/DialogManagerStore";
 	import { writable } from "svelte/store";
 	import { fly } from "svelte/transition";
 	// todo: clean up all these imports!

package/src/lib/components/pineapple/PineappleBaseLayout.svelte

@@ -11,13 +11,14 @@
 	import { enableBackground } from "$pkg/store";
 	import type { BreadcrumbData } from "$pkg/types/BreadcrumbData";
 	// assets
-	// import DialogOverlay from "$pkg/components/DialogOverlay.svelte";
+	// import DialogOverlay from "$lib/components/DialogOverlay.svelte";
 	import AresLogo from "$pkg/assets/characters/ares/ares_logo.webp";
 	import FABIcon from "$pkg/assets/placeholder/placeholder_circle.png";
 	import CloseIcon from "$pkg/assets/icons/close.svg";
 	import { dialogManager, enableDialogueOverlay } from "$pkg/components/dialog_manager/DialogManagerStore";
 	import Toast from "$pkg/components/pineapple/toast/Toast.svelte";
 	import DialogOverlay from "$pkg/components/DialogOverlay.svelte";
+	import { crossfade } from "svelte/transition";
 	// todo: clean up all these imports!
 
 	let pages: BreadcrumbData[] = [];
@@ -97,12 +98,12 @@
 				<ol class="breadcrumb">
 					{#each pages as crumb, i}
 						{#if i < pages.length - 1}
-							<li class="crumb">
+							<li class="crumb" transition:crossfade>
 								<a href={crumb.path}>{crumb.name.charAt(0).toUpperCase() + crumb.name.slice(1)}</a>
+							  &nbsp;&rsaquo;
 							</li>
-							<li class="crumb-separator" aria-hidden="true">&rsaquo;</li>
 						{:else}
-							<li class="crumb">{crumb.name.charAt(0).toUpperCase() + crumb.name.slice(1)}</li>
+							<li class="crumb" transition:crossfade>{crumb.name.charAt(0).toUpperCase() + crumb.name.slice(1)}</li>
 						{/if}
 					{/each}
 				</ol>
@@ -123,17 +124,7 @@
 		<slot />
 		<div class="footer-space" />
 	</div>
-	<!--{#if enableDialogueOverlayValue}-->
-	<!--	&lt;!&ndash; Page Route Content &ndash;&gt;-->
-	<!--	<div class="default-page-container">-->
-	<!--		<slot />-->
-	<!--		<div class="footer-space" />-->
-	<!--	</div>-->
-	<!--	<DialogOverlay />-->
-	<!--{:else}-->
-	<!--	<DialogOverlay />-->
-	<!--	<slot />-->
-	<!--{/if}-->
+
 </AppShell>
 
 <style lang="postcss">
@@ -177,16 +168,17 @@
        it likely disappeared due to code gen shenanigans and package magic */
     .breadcrumb,
     .breadcrumb-nonresponsive {
-        @apply flex items-center space-x-4 w-full overflow-x-auto;
+        @apply flex items-center w-full overflow-x-auto;
         /*@apply flex items-center space-x-4 w-full hide-scrollbar overflow-x-auto;*/
     }
 
     .crumb {
-        @apply flex justify-center items-center space-x-2;
+        @apply flex justify-center items-center;
     }
 
     .crumb-separator {
-        @apply flex text-surface-700-200-token opacity-50;
+        @apply flex;
+        color: var(--color-text-50);
     }
 
     /* === Auto-Responsive === */

package/src/lib/index.ts

@@ -8,4 +8,6 @@ export * from "./components/dialog_manager/DialogManager";
 export * from "./components/dialog_manager/DialogUtils";
 export * from "./types/pineapple_fiber/PortraitType";
 export * from "./types/pineapple_fiber/DialogDetail";
-export * from "./util/stable_random";
+export * from "./util/util";
+export { mulberry32Generator } from "$pkg/util/util";
+export { generatedDailySeed } from "$pkg/util/util";

package/src/lib/scripts/util/ManualCheck.ts

@@ -1,4 +1,4 @@
-import { getAllFiles } from "$pkg/scripts/util/FileManagement";
+import { getAllFiles } from "$lib/scripts/util/FileManagement";
 import { readFileSync } from "fs";
 
 /**

package/src/lib/scripts/util/ManualCheckRun.ts

@@ -1,4 +1,4 @@
-import { runAll } from "$pkg/scripts/util/ManualCheck";
+import { runAll } from "$lib/scripts/util/ManualCheck";
 
 /**
  * todo: Integrate manual check into CI check#137

package/src/lib/store.ts

@@ -7,7 +7,7 @@ import { writable } from "svelte/store";
  * When updating to false, remember to restore the value to true, our default value, onDestroy.
  * Avoid async to prevent weird flashes of updates!
  * ```
- * import {enableBackground} from "$pkg/store.ts";
+ * import {enableBackground} from "$lib/store.ts";
  * enableBackground.update(() => false);
  *
  * onDestroy(() => {

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

@@ -1,4 +1,4 @@
-import type { PortraitType } from "$pkg/types/pineapple_fiber/PortraitType";
+import type { PortraitType } from "$lib/types/pineapple_fiber/PortraitType";
 
 export interface DialogDetail {
 	textContent: string;

package/src/lib/util/{stable_random.ts → util.ts}

@@ -1,16 +1,22 @@
-export const generatedDailySeed = (): number => {
-	const date = new Date();
-	const time = date.getTime() + 86400000;
-	return time - (time % 86400000);
-};
-
-// psuedo misc with seed
-// from https://stackoverflow.com/a/47593316
-export const mulberry32Generator = (a: number): (() => number) => {
-	return function () {
-		var t = (a += 0x6d2b79f5);
-		t = Math.imul(t ^ (t >>> 15), t | 1);
-		t ^= t + Math.imul(t ^ (t >>> 7), t | 61);
-		return ((t ^ (t >>> 14)) >>> 0) / 4294967296;
-	};
-};
+export const generatedDailySeed = (): number => {
+	const date = new Date();
+	const time = date.getTime() + 86400000;
+	return time - (time % 86400000);
+};
+
+// psuedo misc with seed
+// from https://stackoverflow.com/a/47593316
+export const mulberry32Generator = (a: number): (() => number) => {
+	return function() {
+		var t = (a += 0x6d2b79f5);
+		t = Math.imul(t ^ (t >>> 15), t | 1);
+		t ^= t + Math.imul(t ^ (t >>> 7), t | 61);
+		return ((t ^ (t >>> 14)) >>> 0) / 4294967296;
+	};
+};
+
+export const createGoToFunction = (path: string): (() => void) => {
+	return (() => {
+		location.href = path;
+	});
+};

package/src/routes/(pineapple)/+page.svelte

@@ -1,8 +1,9 @@
 <script>
 	import { PUBLIC_CRINGE_USERNAME } from "$env/static/public";
 
-	import { createGoToFunction } from "$pkg/util/create_go_to_function";
-	import PineappleBaseLayout from "$pkg/components/pineapple/PineappleBaseLayout.svelte";
+
+	import { createGoToFunction } from "$pkg/util/util";
+	import { Card } from "$pkg";
 </script>
 
 <svelte:head>
@@ -14,23 +15,32 @@
 	/>
 </svelte:head>
 
-<div class="card default-card">
-	<h1 class="mb-8">Directory</h1>
+<Card>
+	<div slot="content" class="content">
+		<h1 class="mb-8" style="font-weight: bolder">Directory</h1>
 
-	<div class="btn-group-vertical variant-filled-secondary">
-		<button on:click={createGoToFunction("pineapple")}><h2>Pineapple playground</h2></button>
-		<button on:click={createGoToFunction("portfolio")}><h2>Seaweed playrground</h2></button>
+		<div class="btn-group">
+			<button on:click={createGoToFunction("pineapple")}><h2>Pineapple playground</h2></button>
+			<button on:click={createGoToFunction("portfolio")}><h2>Seaweed playrground</h2></button>
+		</div>
 	</div>
-</div>
+</Card>
 
 <style lang="postcss">
-    .btn-group-vertical button {
+    .btn-group {
         padding: 2em;
+		    display: flex;
+		    gap: 2em;
+		    flex-direction: column;
+
     }
 
-    .default-card {
+    button {
+		    @apply btn variant-filled-secondary;
+    }
+
+    .content {
+        padding: 2em;
         text-align: center;
-        padding-inline-end: 0;
-        @apply p-16;
     }
 </style>

package/src/routes/(pineapple)/pineapple/+page.svelte

@@ -3,7 +3,7 @@
 	import { showComponentInToast, showTextInToast } from "$pkg/components/pineapple/toast/Toast";
 	import TestCard from "$pkg/components/pineapple/toast/custom-toast/TestCustomToast.svelte";
 	import TestDialogYarn from "./TestDialog.yarn?raw";
-	import { Card, dialogManager } from "$pkg";
+	import { dialogManager } from "$pkg";
 
 
 	let testingQueueNumber = 1;
@@ -36,30 +36,27 @@
 	/>
 </svelte:head>
 
-<Card>
-	<div slot="content" class="card-content">
-		<button
-			class="btn variant-filled-secondary"
-			on:click={() => {
+<div class="card default-card">
+	<button
+		class="btn variant-filled-secondary"
+		on:click={() => {
 			showComponentInToast({componentAndProps: {component: TestCard, props: undefined}});
 		}}><h3>Test custom toast</h3></button>
-		<button
-			class="btn variant-filled-secondary"
-			on:click={() => {
+	<button
+		class="btn variant-filled-secondary"
+		on:click={() => {
 			showTextInToast(`${testingQueueNumber} ${testingRandomPhrases[testingQueueNumber]}`);
 			testingQueueNumber = (testingQueueNumber + 1) % testingRandomPhrases.length;
 		}}><h3>Handy toast</h3></button>
-		<button
-			class="btn variant-filled-secondary"
-			on:click={onTestDialogClick}><h3>Test dialog</h3></button>
-	</div>
-</Card>
+	<button
+		class="btn variant-filled-secondary"
+		on:click={onTestDialogClick}><h3>Test dialog</h3></button>
+</div>
 
 <style lang="postcss">
-    .card-content {
+    .default-card {
         display: flex;
         flex-wrap: wrap;
         gap: 2em;
-		    padding: 2em;
     }
 </style>

package/src/routes/+error.svelte

@@ -1,6 +1,6 @@
 <script>
 	import { onDestroy } from "svelte";
-	import { dialogManager } from "$pkg/components/dialog_manager/DialogManagerStore.ts";
+	import { dialogManager } from "$lib/components/dialog_manager/DialogManagerStore.ts";
 	import { ErrorYarn } from "./ErrorYarn";
 
 	ErrorYarn.setDialogTree();

package/src/routes/+layout.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
 	// The ordering of these imports is critical to your app working properly
-	import "$pkg/theme.postcss";
+	import "$lib/theme.postcss";
 	// If you have source.organizeImports set to true in VSCode, then it will auto change this ordering
 	// import "@skeletonlabs/skeleton/styles/all.css";
 	// Most of your app wide CSS should be put in this file
-	import "$pkg/app.postcss";
+	import "$lib/app.postcss";
 
-	import "$pkg/styles/global.css";
+	import "$lib/styles/global.css";
 </script>
 
 <slot />

package/src/routes/ErrorYarn.ts

@@ -1,9 +1,9 @@
 // this file was generated by PineappleWeaver.ts
 // do not edit!
 			
-import { PortraitType } from "$pkg/types/pineapple_fiber/PortraitType";
-import { dialogManager } from "$pkg/components/dialog_manager/DialogManagerStore";
-import type { DialogDetail } from "$pkg/types/pineapple_fiber/DialogDetail";
+import { PortraitType } from "$lib/types/pineapple_fiber/PortraitType";
+import { dialogManager } from "$lib/components/dialog_manager/DialogManagerStore";
+import type { DialogDetail } from "$lib/types/pineapple_fiber/DialogDetail";
 
 class _ErrorYarn {
 	dialogList: DialogDetail[] = [

package/.svelte-kit/__package__/util/create_go_to_function.d.ts

@@ -1 +0,0 @@
-export declare const createGoToFunction: (path: string) => (() => void);

package/.svelte-kit/__package__/util/create_go_to_function.js

@@ -1,5 +0,0 @@
-export const createGoToFunction = (path) => {
-    return (() => {
-        location.href = path;
-    });
-};

package/dist/util/create_go_to_function.d.ts

@@ -1 +0,0 @@
-export declare const createGoToFunction: (path: string) => (() => void);

package/dist/util/create_go_to_function.js

@@ -1,5 +0,0 @@
-export const createGoToFunction = (path) => {
-    return (() => {
-        location.href = path;
-    });
-};

package/src/lib/util/create_go_to_function.ts

@@ -1,5 +0,0 @@
-export const createGoToFunction = (path: string): (() => void) => {
-    return (() => {
-        location.href = path;
-    });
-};