@turnipxenon/pineapple 1.1.2

package/dist/types/BlogBlurbMeta.d.ts

@@ -0,0 +1,11 @@
+export declare class BlogBlurbMeta {
+    title: string;
+    blurb: string;
+    tagList: string[];
+    publishDate: string;
+    lastUpdate: string;
+    previewSrc: any;
+    previewSrcScript: string;
+    previewAlt: string;
+    blogLink: string;
+}

package/dist/types/BlogBlurbMeta.js

@@ -0,0 +1,16 @@
+// 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 = [];
+    publishDate = "";
+    lastUpdate = "";
+    previewSrc = "";
+    previewSrcScript = "";
+    previewAlt = "";
+    blogLink = "";
+}

package/dist/types/BreadcrumbData.d.ts

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

package/dist/types/BreadcrumbData.js

@@ -0,0 +1 @@
+export {};

package/dist/types/pineapple_fiber/DialogDetail.d.ts

@@ -0,0 +1,6 @@
+import type { PortraitType } from "./PortraitType";
+export interface DialogDetail {
+    textContent: string;
+    dialogId?: string;
+    portraitType?: PortraitType;
+}

package/dist/types/pineapple_fiber/DialogDetail.js

@@ -0,0 +1 @@
+export {};

package/dist/types/pineapple_fiber/DialogState.d.ts

@@ -0,0 +1,5 @@
+export declare enum DialogState {
+    Invisible = 0,
+    Visible = 1,
+    Busy = 2
+}

package/dist/types/pineapple_fiber/DialogState.js

@@ -0,0 +1,6 @@
+export var DialogState;
+(function (DialogState) {
+    DialogState[DialogState["Invisible"] = 0] = "Invisible";
+    DialogState[DialogState["Visible"] = 1] = "Visible";
+    DialogState[DialogState["Busy"] = 2] = "Busy";
+})(DialogState || (DialogState = {}));

package/dist/types/pineapple_fiber/DialogVariableStore.d.ts

@@ -0,0 +1,2 @@
+export type DialogMapStore = Storage;
+export declare const createNewMapStore: () => DialogMapStore;

package/dist/types/pineapple_fiber/DialogVariableStore.js

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

package/dist/types/pineapple_fiber/PortraitType.d.ts

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

package/dist/types/pineapple_fiber/PortraitType.js

@@ -0,0 +1,12 @@
+export var PortraitType;
+(function (PortraitType) {
+    PortraitType["AresHappy"] = "AresHappy";
+    PortraitType["AresDisappointed"] = "AresDisappointed";
+    PortraitType["AresBlushing"] = "AresBlushing";
+    PortraitType["AresLetsGo"] = "AresLetsGo";
+    PortraitType["AresMad"] = "AresMad";
+    PortraitType["AresNeutral"] = "AresNeutral";
+    PortraitType["AresSlightlyMad"] = "AresSlightlyMad";
+    PortraitType["AresSurprised"] = "AresSurprised";
+    PortraitType["AresYay"] = "AresYay";
+})(PortraitType || (PortraitType = {}));

package/dist/util/stable_random.d.ts

@@ -0,0 +1,2 @@
+export declare const generatedDailySeed: () => number;
+export declare const mulberry32Generator: (a: number) => (() => number);

package/dist/util/stable_random.js

@@ -0,0 +1,15 @@
+export const generatedDailySeed = () => {
+    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) => {
+    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;
+    };
+};

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@turnipxenon/pineapple",
+  "description": "personal package for base styling for other personal projects",
+  "version": "1.1.2",
+  "scripts": {
+    "dev": "vite dev",
+    "build": "npm run check-requirements && vite build",
+    "package": "svelte-kit sync && svelte-package",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "lint": "prettier --plugin-search-dir . --check . && eslint .",
+    "format": "prettier --plugin-search-dir . --write .",
+    "generate": "npx vite-node src/routes/blogs/blog_list_data_generator.ts && npx vite-node src/routes/toyay/toya_files_generator.ts && npm run generate-yarn",
+    "generate-yarn": "npx vite-node src/lib/scripts/pineapple_fiber/PineappleWeaver.ts",
+    "check-requirements": "npx vite-node src/lib/scripts/SetDefaultEnvironment.ts",
+    "custom-check": "npx vite-node src/lib/scripts/util/ManualCheckRun.ts"
+  },
+  "devDependencies": {
+    "@skeletonlabs/skeleton": "^1.2.5",
+    "@sveltejs/adapter-auto": "^3.1.1",
+    "@sveltejs/kit": "^2.5.2",
+    "@sveltejs/package": "^2.2.1",
+    "@tailwindcss/forms": "^0.5.3",
+    "@tailwindcss/typography": "^0.5.9",
+    "@typescript-eslint/eslint-plugin": "^5.45.0",
+    "@typescript-eslint/parser": "^5.45.0",
+    "autoprefixer": "^10.4.14",
+    "eslint": "^8.28.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-svelte3": "^4.0.0",
+    "postcss": "8.4.35",
+    "prettier": "^3.2.5",
+    "prettier-plugin-svelte": "^3.2.2",
+    "svelte": "^4.2.12",
+    "svelte-check": "^3.6.6",
+    "svelte2tsx": "^0.6.20",
+    "tailwindcss": "^3.3.2",
+    "tslib": "^2.4.1",
+    "typescript": "^5.1.6",
+    "vite": "^5.1.5"
+  },
+  "type": "module",
+  "dependencies": {
+    "@sveltejs/kit": "^1.20.4",
+    "@types/node": "^20.1.0",
+    "highlight.js": "^11.8.0",
+    "node-html-parser": "^6.1.5",
+    "string-width": "^7.1.0",
+    "svelte": "^4.0.0",
+    "ts-node": "^10.9.1"
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js"
+    }
+  },
+  "files": [
+    "./src",
+    "./static",
+    "./dist"
+  ],
+  "repository": "https://github.com/TurnipXenon/pineapple",
+  "author": "turnipxenon <turnipxenon@gmail.com>"
+}

package/src/app.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+		<meta name="viewport" content="width=device-width" />
+		%sveltekit.head%
+	</head>
+
+	<body data-sveltekit-preload-data="hover" data-theme="crimson">
+		<div style="display: contents" class="h-full overflow-hidden">%sveltekit.body%</div>
+	</body>
+</html>

package/src/lib/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/src/lib/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/src/lib/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/src/lib/components/DialogOverlay.svelte

@@ -0,0 +1,100 @@
+<script lang="ts">
+	import AresHappy from "$lib/assets/characters/ares/ares_happy.webp";
+	import { onMount } from "svelte";
+
+	import { dialogManager } from "$lib/components/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>