@turnipxenon/pineapple 1.1.2

package/README.md

@@ -0,0 +1,38 @@
+# create-svelte
+
+Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
+
+## Creating a project
+
+If you're seeing this, you've probably already done this step. Congrats!
+
+```bash
+# create a new project in the current directory
+npm create svelte@latest
+
+# create a new project in my-app
+npm create svelte@latest my-app
+```
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+
+```bash
+npm run dev
+
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
+
+## Building
+
+To create a production version of your app:
+
+```bash
+npm run build
+```
+
+You can preview the production build with `npm run preview`.
+
+> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.

package/dist/app.postcss

@@ -0,0 +1,94 @@
+/*place global styles here */
+:root {
+	--default-card-max-width: calc(4rem + 4rem + 40rem);
+}
+
+html,
+body {
+	@apply h-full overflow-hidden;
+	@apply bg-surface-400-500-token;
+	background-color: transparent;
+}
+
+/*
+
+//for reference left here
+
+.bg-surface-custom-token {
+    @apply bg-surface-200 dark:bg-surface-700;
+}
+
+.app-bar {
+    @apply bg-surface-custom-token;
+}
+*/
+
+.card {
+	--tw-ring-offset-color: rgb(var(--color-text-300));
+	--tw-ring-offset-width: var(--theme-border-base);
+}
+
+.dark .card {
+	--tw-ring-offset-color: rgb(var(--color-text-600));
+}
+
+.variant-ghost-primary {
+	background-color: rgb(var(--color-primary-500) / 0.8);
+}
+
+.dark .variant-ghost-primary {
+	background-color: rgb(var(--color-primary-400) / 0.8);
+}
+
+.default-card {
+	@apply variant-ghost-primary text-center p-16;
+	text-align: start;
+	padding-inline-end: clamp(0rem, 10vw, 8rem);
+	max-width: var(--default-card-max-width);
+}
+
+h1,
+h2,
+p {
+	margin-bottom: 0.5em;
+}
+
+ul {
+	list-style-type: circle;
+	padding-left: 1em;
+}
+
+a:not(.unstyled):not(.permalink):is(:not(.prose *)):not(.btn):not(.btn-icon):not(.app-bar a):not(.logo-item):not(
+		a.card
+	):not(.list-nav a) {
+	color: rgb(var(--color-secondary-500) / var(--tw-text-opacity));
+}
+
+.dark
+	a:not(.unstyled):not(.permalink):is(:not(.prose *)):not(.btn):not(.btn-icon):not(.app-bar a):not(.logo-item):not(
+		a.card
+	):not(.list-nav a) {
+	color: rgb(var(--color-secondary-700) / var(--tw-text-opacity));
+}
+
+.default-page-container {
+	@apply flex justify-center items-center;
+	margin-top: 4em;
+	margin-left: clamp(1em, 15vw, 10em);
+	margin-right: 1em;
+	flex-direction: column;
+	z-index: 0;
+}
+
+.footer-space {
+	width: 100%;
+	height: calc(var(--dialog-box-height) + 4em);
+}
+
+a.dialog-choice {
+    cursor: url("$lib/assets/icons/chat_cursor.svg"), auto;
+}
+
+a.external-link {
+    cursor: url("$lib/assets/icons/external_link.svg"), auto;
+}

package/dist/assets/icons/chat_cursor.svg

@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="48"
+   viewBox="0 -960 960 960"
+   width="48"
+   version="1.1"
+   id="svg384"
+   sodipodi:docname="chat_FILL0_wght400_GRAD0_opsz48.svg"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs388" />
+  <sodipodi:namedview
+     id="namedview386"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="6.1650873"
+     inkscape:cx="12.084176"
+     inkscape:cy="16.220371"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg384">
+    <inkscape:grid
+       type="xygrid"
+       id="grid390" />
+  </sodipodi:namedview>
+  <path
+     d="m 288.1745,-415.25889 h 250.17242 v -47.95638 H 288.1745 Z m 0,-103.90548 h 383.651 v -47.95638 h -383.651 z m 0,-103.90548 h 383.651 v -47.95638 h -383.651 z m -127.88367,462.77902 v -591.46196 q 0,-19.18255 14.38692,-33.56946 14.38691,-14.38692 33.56946,-14.38692 h 543.50558 q 19.18255,0 33.56946,14.38692 14.38692,14.38691 14.38692,33.56946 v 415.62191 q 0,19.18255 -14.38692,33.56947 -14.38691,14.38691 -33.56946,14.38691 H 288.1745 Z M 267.3934,-336.13088 H 751.75279 V -751.75279 H 208.24721 v 479.56375 z m -59.14619,0 v -415.62191 z"
+     id="path382"
+     style="stroke-width:0.799273" />
+  <path
+     style="fill:#000000;stroke-width:20"
+     d="m 99.34977,-880.52018 v 140.71172 l 140.71171,-140.71172 z"
+     id="path394" />
+</svg>

package/dist/assets/icons/external_link.svg

@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="48"
+   viewBox="0 -960 960 960"
+   width="48"
+   version="1.1"
+   id="svg12"
+   sodipodi:docname="external_link.svg"
+   inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs16" />
+  <sodipodi:namedview
+     id="namedview14"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="true"
+     inkscape:zoom="4.359375"
+     inkscape:cx="-21.677419"
+     inkscape:cy="73.175627"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg12">
+    <inkscape:grid
+       type="xygrid"
+       id="grid362" />
+  </sodipodi:namedview>
+  <path
+     d="m 595.00431,-626.20279 128.00001,-128.00001 -103.00001,-10e-6 10e-6,-59.99998 h 205.99999 l 2e-5,205.99999 -60.00002,-10e-6 V -712.2028 l -127.99999,128 z"
+     id="path301" />
+  <path
+     id="path10"
+     d="m 394,-789 q -26,40 -43,82.5 -17,42.5 -28,96.5 H 172 q 35,-70 91,-115 56,-45 131,-64 z m -242,239 h 160 q -3,24 -4,43.5 -1,19.5 -1,44.5 0,21 0.5,42.5 0.5,21.5 3.5,48.5 H 152 q -7,-24 -9.5,-44.5 -2.5,-20.5 -2.5,-46.5 0,-26 2.5,-45 2.5,-19 9.5,-43 z m 20,239 h 150 q 12,55 30,99 18,44 43,82 -85,-29 -135,-69.5 Q 210,-240 172,-311 Z m 212,0 h 193 q -15,64 -38.5,110.5 Q 515,-154 480,-118 445,-155 421.5,-203 398,-251 384,-311 Z m 255,0 h 149 q -35,65 -92.5,111 -57.5,46 -129.5,69 25,-38 42.5,-82 17.5,-44 30.5,-98 z M 480,-860 q -84,0 -157,30.5 -73,30.5 -127,84.5 -54,54 -85,126.5 -31,72.5 -31,156.5 0,84 31,157.5 31,73.5 85,127.5 54,54 127,85.5 73,31.5 157,31.5 84,0 157,-31.5 73,-31.5 127,-85.5 54,-54 85,-127.5 31,-73.5 31,-157.5 0,-17 -1,-34 -1,-17 -4,-34 h -62 q 4,17 5.5,32.5 1.5,15.5 1.5,35.5 0,26 -2.5,46.5 Q 815,-395 808,-371 H 648 q 3,-30 4.5,-49.5 1.5,-19.5 1.5,-41.5 0,-14 -0.5,-28.5 Q 653,-505 651,-530 h -61 q 2,21 3,36 1,15 1,32 0,21 -1,40.5 -1,19.5 -5,50.5 H 373 q -4,-31 -5,-50.5 -1,-19.5 -1,-40.5 0,-20 1,-38.5 1,-18.5 5,-49.5 h 177 v -60 H 384 q 20,-75 42,-119 22,-44 54,-71 21,22 38.5,49 17.5,27 31.5,56 v -159 q -17,-3 -34.5,-4.5 Q 498,-860 480,-860 Z"
+     style="display:inline" />
+  <path
+     style="display:inline;fill:#000000;stroke-width:26.5796"
+     d="m 80.286738,-860.28674 v 161.55451 L 239.7891,-859.71249 Z"
+     id="path364" />
+</svg>

package/dist/components/DialogOverlay.svelte

@@ -0,0 +1,93 @@
+<script>import AresHappy from "../assets/characters/ares/ares_happy.webp";
+import { onMount } from "svelte";
+import { dialogManager } from "./dialog_manager/DialogManagerStore";
+let currentMessage = "";
+dialogManager.currentMessage.subscribe((value) => {
+  currentMessage = value;
+});
+let currentPortrait = AresHappy;
+dialogManager.currentPortrait.subscribe((value) => {
+  if (value) {
+    currentPortrait = value;
+  }
+});
+onMount(() => {
+  dialogManager.update(0);
+});
+let hidePercent = 100;
+dialogManager.hidePercent.subscribe((value) => {
+  hidePercent = value * 0.4;
+});
+const onDialogClick = () => {
+  dialogManager.skipAnimation();
+};
+</script>
+
+<div class="dialog-elements" style="--hidePercentWidth: -{hidePercent}vw; --hidePercentHeight: {hidePercent}vh">
+	<img src={currentPortrait} alt="Ares" class="dialog-portrait" />
+	<div class="card dialog-box variant-ghost-primary" on:click={onDialogClick}>
+		<div class="card dialog-name">
+			<p><b>Turnip</b></p>
+		</div>
+		<section class="dialog-padding">
+			<!-- Made for 140 characters, like the original tweets -->
+			{@html currentMessage}
+		</section>
+	</div>
+</div>
+
+<style>
+	.dialog-elements {
+		position: absolute;
+		z-index: 10;
+	}
+
+	.dialog-elements > img {
+		transform: translateX(var(--hidePercentWidth));
+	}
+
+	.dialog-elements > div {
+		transform: translateY(var(--hidePercentHeight));
+	}
+
+	.dialog-box {
+		background-color: rgb(var(--color-surface-500) / 0.9);
+		position: fixed;
+		bottom: 0;
+		left: var(--dialog-left-pad);
+
+		width: var(--dialog-box-width); /*75em + 4em padding*/
+		height: var(--dialog-box-height);
+	}
+
+	.dialog-box *,
+	.dialog-name * {
+		font-size: clamp(1em, 5vw, 1.3em);
+		line-height: 1.5em;
+	}
+
+	.dialog-padding :global(p) {
+		font-size: clamp(1em, 5vw, 1.3em) !important;
+		line-height: 1.5em !important;
+	}
+
+	.dialog-padding {
+		padding: clamp(1.5em, 5vw, 1.75em) clamp(0em, 5vw - 0.5em, 2em) 0;
+	}
+
+	.dialog-name {
+		@apply pt-2 px-4;
+		position: fixed;
+
+		/* for centering vertically */
+		transform: translateX(clamp(0em, 5vw - 0.5em, 1em)) translateY(-50%);
+	}
+
+	.dialog-portrait {
+		position: fixed;
+		bottom: 0;
+		left: clamp(-4rem, calc(5vw - 5em), 0rem);
+		height: clamp(30rem, 75vw, 40rem);
+		width: auto;
+	}
+</style>

package/dist/components/DialogOverlay.svelte.d.ts

@@ -0,0 +1,14 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type DialogOverlayProps = typeof __propDef.props;
+export type DialogOverlayEvents = typeof __propDef.events;
+export type DialogOverlaySlots = typeof __propDef.slots;
+export default class DialogOverlay extends SvelteComponent<DialogOverlayProps, DialogOverlayEvents, DialogOverlaySlots> {
+}
+export {};

package/dist/components/LazyAsset.svelte

@@ -0,0 +1,96 @@
+<script>import { LazyAssetStatus, LazyAssetType } from "./LazyAssetType";
+import BgTiledAres from "../assets/bg_tiled/bg_tiled_ares.png";
+import { onMount } from "svelte";
+export let src;
+export let alt;
+export let width;
+export let height;
+export let props = {};
+props = {
+  ...props,
+  alt,
+  width,
+  height
+};
+let extension = "";
+const getAssetType = () => {
+  const srcArray = src.split(".");
+  extension = srcArray[srcArray.length - 1];
+  switch (extension) {
+    case "png":
+    case "webp":
+    case "gif":
+    case "jpg":
+      return LazyAssetType.Image;
+    case "ogg":
+    case "webm":
+    case "mp4":
+      return LazyAssetType.Video;
+    default:
+      console.log(`Unknown asset type for: ${src}`);
+      return LazyAssetType.Unknown;
+  }
+};
+const assetType = getAssetType();
+let actualSrc = "";
+let status = LazyAssetStatus.Loading;
+onMount(async () => {
+  const path = src.includes("https://") ? src : `${window.location.origin}${src}`;
+  switch (assetType) {
+    case LazyAssetType.Image: {
+      const img = new Image();
+      img.onload = () => {
+        actualSrc = path;
+        status = LazyAssetStatus.Loaded;
+      };
+      img.src = path;
+      break;
+    }
+    case LazyAssetType.Video: {
+      fetch(path).then((resp) => resp.blob()).then((blob) => {
+        actualSrc = URL.createObjectURL(blob);
+        status = LazyAssetStatus.Loaded;
+      }).catch((error) => {
+        console.warn(error);
+        status = LazyAssetStatus.Error;
+      });
+      break;
+    }
+    case LazyAssetType.Unknown: {
+      console.warn("Unknown asset: ", path);
+      status = LazyAssetStatus.Error;
+      break;
+    }
+  }
+});
+</script>
+
+{#if status === LazyAssetStatus.Loaded}
+	{#if assetType === LazyAssetType.Image}
+		<img src={actualSrc} alt="Placeholder image" {...props} />
+	{:else if assetType === LazyAssetType.Video}
+		<video playsinline autoplay muted loop {...props} poster={BgTiledAres} style="object-fit: scale-down">
+			<source src={actualSrc} type={`video/${extension}`} />
+			Your browser does not support the video tag.
+		</video>
+	{:else}
+		<img src={actualSrc} alt="Placeholder image" />
+	{/if}
+{:else}
+	<img class="rotate" src={BgTiledAres} {...props} style="object-fit: scale-down" />
+{/if}
+
+<style>
+    .rotate {
+        animation: rotation 4s infinite linear;
+    }
+
+    @keyframes rotation {
+        from {
+            transform: rotate(0deg);
+        }
+        to {
+            transform: rotate(359deg);
+        }
+    }
+</style>

package/dist/components/LazyAsset.svelte.d.ts

@@ -0,0 +1,20 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        src: string;
+        alt: string;
+        width: string;
+        height: string;
+        props?: {} | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type LazyAssetProps = typeof __propDef.props;
+export type LazyAssetEvents = typeof __propDef.events;
+export type LazyAssetSlots = typeof __propDef.slots;
+export default class LazyAsset extends SvelteComponent<LazyAssetProps, LazyAssetEvents, LazyAssetSlots> {
+}
+export {};

package/dist/components/LazyAssetType.d.ts

@@ -0,0 +1,10 @@
+export declare enum LazyAssetType {
+    Image = 0,
+    Video = 1,
+    Unknown = 2
+}
+export declare enum LazyAssetStatus {
+    Loading = 0,
+    Loaded = 1,
+    Error = 2
+}

package/dist/components/LazyAssetType.js

@@ -0,0 +1,12 @@
+export var LazyAssetType;
+(function (LazyAssetType) {
+    LazyAssetType[LazyAssetType["Image"] = 0] = "Image";
+    LazyAssetType[LazyAssetType["Video"] = 1] = "Video";
+    LazyAssetType[LazyAssetType["Unknown"] = 2] = "Unknown";
+})(LazyAssetType || (LazyAssetType = {}));
+export var LazyAssetStatus;
+(function (LazyAssetStatus) {
+    LazyAssetStatus[LazyAssetStatus["Loading"] = 0] = "Loading";
+    LazyAssetStatus[LazyAssetStatus["Loaded"] = 1] = "Loaded";
+    LazyAssetStatus[LazyAssetStatus["Error"] = 2] = "Error";
+})(LazyAssetStatus || (LazyAssetStatus = {}));