@turnipxenon/pineapple 2.4.19 → 2.4.20

package/.idea/workspace.xml

@@ -4,15 +4,9 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Replace all $lib to $pkg">
-      <change afterPath="$PROJECT_DIR$/src/lib/util/util.ts" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/lib/components/Card.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/Card.svelte" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/lib/components/RandomizedBackground.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/RandomizedBackground.svelte" afterDir="false" />
+    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="v2.4.19">
+      <change beforePath="$PROJECT_DIR$/src/lib/app.postcss" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/app.postcss" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/src/lib/components/pineapple/PineappleBaseLayout.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/pineapple/PineappleBaseLayout.svelte" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/lib/index.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/index.ts" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/lib/util/create_go_to_function.ts" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/lib/util/stable_random.ts" beforeDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/routes/(pineapple)/+page.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/routes/(pineapple)/+page.svelte" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -220,23 +214,7 @@
       <workItem from="1710914868232" duration="41000" />
       <workItem from="1711051949931" duration="144000" />
       <workItem from="1711052377810" duration="128000" />
-      <workItem from="1711090540281" duration="4426000" />
-    </task>
-    <task id="LOCAL-00030" summary="Migrate to skeleton 2.0">
-      <option name="closed" value="true" />
-      <created>1709928538758</created>
-      <option name="number" value="00030" />
-      <option name="presentableId" value="LOCAL-00030" />
-      <option name="project" value="LOCAL" />
-      <updated>1709928538758</updated>
-    </task>
-    <task id="LOCAL-00031" summary="Add web scraper for thumbnails and more projects">
-      <option name="closed" value="true" />
-      <created>1709953967323</created>
-      <option name="number" value="00031" />
-      <option name="presentableId" value="LOCAL-00031" />
-      <option name="project" value="LOCAL" />
-      <updated>1709953967323</updated>
+      <workItem from="1711090540281" duration="5170000" />
     </task>
     <task id="LOCAL-00032" summary="Fix import error">
       <option name="closed" value="true" />
@@ -614,7 +592,23 @@
       <option name="project" value="LOCAL" />
       <updated>1711093944293</updated>
     </task>
-    <option name="localTasksCounter" value="79" />
+    <task id="LOCAL-00079" summary="Refactor all util functions into util/util">
+      <option name="closed" value="true" />
+      <created>1711096111508</created>
+      <option name="number" value="00079" />
+      <option name="presentableId" value="LOCAL-00079" />
+      <option name="project" value="LOCAL" />
+      <updated>1711096111508</updated>
+    </task>
+    <task id="LOCAL-00080" summary="v2.4.19">
+      <option name="closed" value="true" />
+      <created>1711096300621</created>
+      <option name="number" value="00080" />
+      <option name="presentableId" value="LOCAL-00080" />
+      <option name="project" value="LOCAL" />
+      <updated>1711096300622</updated>
+    </task>
+    <option name="localTasksCounter" value="81" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -672,8 +666,6 @@
     </option>
   </component>
   <component name="VcsManagerConfiguration">
-    <MESSAGE value="v2.4.6" />
-    <MESSAGE value="Extract styling out of Skeleton accordion" />
     <MESSAGE value="Attempt to make postcss exportable" />
     <MESSAGE value="Change lib to pkg to prevent the references from breaking from downstream apps" />
     <MESSAGE value="Add data-nosnippet" />
@@ -697,6 +689,8 @@
     <MESSAGE value="Add option to set default dialog behavior in Pineapple" />
     <MESSAGE value="Export Card" />
     <MESSAGE value="Replace all $lib to $pkg" />
-    <option name="LAST_COMMIT_MESSAGE" value="Replace all $lib to $pkg" />
+    <MESSAGE value="Refactor all util functions into util/util" />
+    <MESSAGE value="v2.4.19" />
+    <option name="LAST_COMMIT_MESSAGE" value="v2.4.19" />
   </component>
 </project>

package/.svelte-kit/__package__/app.postcss

@@ -205,3 +205,7 @@ a:active {
     --tw-ring-color: rgb(var(--color-text-400));
     /*background-color: red;*/
 }
+
+.dark .ares-logo {
+    filter: invert(100%);
+}

package/.svelte-kit/__package__/components/pineapple/PineappleBaseLayout.svelte

@@ -9,7 +9,7 @@ import CloseIcon from "../../assets/icons/close.svg";
 import { dialogManager, enableDialogueOverlay } from "../dialog_manager/DialogManagerStore";
 import Toast from "./toast/Toast.svelte";
 import DialogOverlay from "../DialogOverlay.svelte";
-import { crossfade } from "svelte/transition";
+import { fade } from "svelte/transition";
 let pages = [];
 const updateBreadcrumb = (pathname) => {
   pages = [];
@@ -81,12 +81,12 @@ enableDialogueOverlay.set(showDialogByDefault);
 				<ol class="breadcrumb">
 					{#each pages as crumb, i}
 						{#if i < pages.length - 1}
-							<li class="crumb" transition:crossfade>
+							<li class="crumb" transition:fade>
 								<a href={crumb.path}>{crumb.name.charAt(0).toUpperCase() + crumb.name.slice(1)}</a>
-							  &nbsp;&rsaquo;
+							  &nbsp;&rsaquo;&nbsp;
 							</li>
 						{:else}
-							<li class="crumb" transition:crossfade>{crumb.name.charAt(0).toUpperCase() + crumb.name.slice(1)}</li>
+							<li class="crumb" transition:fade>{crumb.name.charAt(0).toUpperCase() + crumb.name.slice(1)}</li>
 						{/if}
 					{/each}
 				</ol>
@@ -165,6 +165,7 @@ enableDialogueOverlay.set(showDialogByDefault);
         display: flex;
         align-items: center;
         justify-content: center;
+		    margin: 0.1em;
 }
 
     .crumb-separator {

package/.svelte-kit/generated/server/internal.js

@@ -21,7 +21,7 @@ export const options = {
 		app: ({ head, body, assets, nonce, env }) => "<!DOCTYPE html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<link rel=\"icon\" href=\"" + assets + "/favicon.png\" />\n\t\t<meta name=\"viewport\" content=\"width=device-width\" />\n\t\t" + head + "\n\t</head>\n\n\t<body data-sveltekit-preload-data=\"hover\" data-theme=\"crimson\">\n\t\t<div style=\"display: contents\" class=\"h-full overflow-hidden\">" + body + "</div>\n\t</body>\n</html>\n",
 		error: ({ status, message }) => "<!doctype html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<title>" + message + "</title>\n\n\t\t<style>\n\t\t\tbody {\n\t\t\t\t--bg: white;\n\t\t\t\t--fg: #222;\n\t\t\t\t--divider: #ccc;\n\t\t\t\tbackground: var(--bg);\n\t\t\t\tcolor: var(--fg);\n\t\t\t\tfont-family:\n\t\t\t\t\tsystem-ui,\n\t\t\t\t\t-apple-system,\n\t\t\t\t\tBlinkMacSystemFont,\n\t\t\t\t\t'Segoe UI',\n\t\t\t\t\tRoboto,\n\t\t\t\t\tOxygen,\n\t\t\t\t\tUbuntu,\n\t\t\t\t\tCantarell,\n\t\t\t\t\t'Open Sans',\n\t\t\t\t\t'Helvetica Neue',\n\t\t\t\t\tsans-serif;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\theight: 100vh;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t.error {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tmax-width: 32rem;\n\t\t\t\tmargin: 0 1rem;\n\t\t\t}\n\n\t\t\t.status {\n\t\t\t\tfont-weight: 200;\n\t\t\t\tfont-size: 3rem;\n\t\t\t\tline-height: 1;\n\t\t\t\tposition: relative;\n\t\t\t\ttop: -0.05rem;\n\t\t\t}\n\n\t\t\t.message {\n\t\t\t\tborder-left: 1px solid var(--divider);\n\t\t\t\tpadding: 0 0 0 1rem;\n\t\t\t\tmargin: 0 0 0 1rem;\n\t\t\t\tmin-height: 2.5rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n\t\t\t.message h1 {\n\t\t\t\tfont-weight: 400;\n\t\t\t\tfont-size: 1em;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t@media (prefers-color-scheme: dark) {\n\t\t\t\tbody {\n\t\t\t\t\t--bg: #222;\n\t\t\t\t\t--fg: #ddd;\n\t\t\t\t\t--divider: #666;\n\t\t\t\t}\n\t\t\t}\n\t\t</style>\n\t</head>\n\t<body>\n\t\t<div class=\"error\">\n\t\t\t<span class=\"status\">" + status + "</span>\n\t\t\t<div class=\"message\">\n\t\t\t\t<h1>" + message + "</h1>\n\t\t\t</div>\n\t\t</div>\n\t</body>\n</html>\n"
 	},
-	version_hash: "1nuybzt"
+	version_hash: "1old5ki"
 };
 
 export async function get_hooks() {

package/dist/app.postcss

@@ -205,3 +205,7 @@ a:active {
     --tw-ring-color: rgb(var(--color-text-400));
     /*background-color: red;*/
 }
+
+.dark .ares-logo {
+    filter: invert(100%);
+}

package/dist/components/pineapple/PineappleBaseLayout.svelte

@@ -9,7 +9,7 @@ import CloseIcon from "../../assets/icons/close.svg";
 import { dialogManager, enableDialogueOverlay } from "../dialog_manager/DialogManagerStore";
 import Toast from "./toast/Toast.svelte";
 import DialogOverlay from "../DialogOverlay.svelte";
-import { crossfade } from "svelte/transition";
+import { fade } from "svelte/transition";
 let pages = [];
 const updateBreadcrumb = (pathname) => {
   pages = [];
@@ -81,12 +81,12 @@ enableDialogueOverlay.set(showDialogByDefault);
 				<ol class="breadcrumb">
 					{#each pages as crumb, i}
 						{#if i < pages.length - 1}
-							<li class="crumb" transition:crossfade>
+							<li class="crumb" transition:fade>
 								<a href={crumb.path}>{crumb.name.charAt(0).toUpperCase() + crumb.name.slice(1)}</a>
-							  &nbsp;&rsaquo;
+							  &nbsp;&rsaquo;&nbsp;
 							</li>
 						{:else}
-							<li class="crumb" transition:crossfade>{crumb.name.charAt(0).toUpperCase() + crumb.name.slice(1)}</li>
+							<li class="crumb" transition:fade>{crumb.name.charAt(0).toUpperCase() + crumb.name.slice(1)}</li>
 						{/if}
 					{/each}
 				</ol>
@@ -165,6 +165,7 @@ enableDialogueOverlay.set(showDialogByDefault);
         display: flex;
         align-items: center;
         justify-content: center;
+		    margin: 0.1em;
 }
 
     .crumb-separator {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@turnipxenon/pineapple",
   "description": "personal package for base styling for other personal projects",
-  "version": "2.4.19",
+  "version": "2.4.20",
   "scripts": {
     "dev": "vite dev",
     "build": "npm run check-requirements && vite build && yarn package",

package/src/lib/app.postcss

@@ -205,3 +205,7 @@ a:active {
     --tw-ring-color: rgb(var(--color-text-400));
     /*background-color: red;*/
 }
+
+.dark .ares-logo {
+    filter: invert(100%);
+}

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

@@ -18,7 +18,7 @@
 	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";
+	import { fade } from "svelte/transition";
 	// todo: clean up all these imports!
 
 	let pages: BreadcrumbData[] = [];
@@ -98,12 +98,12 @@
 				<ol class="breadcrumb">
 					{#each pages as crumb, i}
 						{#if i < pages.length - 1}
-							<li class="crumb" transition:crossfade>
+							<li class="crumb" transition:fade>
 								<a href={crumb.path}>{crumb.name.charAt(0).toUpperCase() + crumb.name.slice(1)}</a>
-							  &nbsp;&rsaquo;
+							  &nbsp;&rsaquo;&nbsp;
 							</li>
 						{:else}
-							<li class="crumb" transition:crossfade>{crumb.name.charAt(0).toUpperCase() + crumb.name.slice(1)}</li>
+							<li class="crumb" transition:fade>{crumb.name.charAt(0).toUpperCase() + crumb.name.slice(1)}</li>
 						{/if}
 					{/each}
 				</ol>
@@ -174,6 +174,7 @@
 
     .crumb {
         @apply flex justify-center items-center;
+		    margin: 0.1em;
     }
 
     .crumb-separator {