@turnipxenon/pineapple 2.4.12 → 2.4.14

package/.idea/discord.xml

@@ -2,6 +2,6 @@
 <project version="4">
   <component name="DiscordProjectSettings">
     <option name="show" value="PROJECT" />
-    <option name="description" value="" />
+    <option name="description" value="perhaps goofing around or maybe not" />
   </component>
 </project>

package/.idea/workspace.xml

@@ -4,9 +4,11 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Fix wrong link in migrante">
-      <change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/routes/portfolio/+page.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/routes/portfolio/+page.svelte" afterDir="false" />
+    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Add default PR template">
+      <change afterPath="$PROJECT_DIR$/docs/OverlaySpec.md" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/src/lib/components/pineapple/overlay_manager/OverlayManager.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/lib/components/Chip.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/Chip.svelte" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/lib/components/pineapple/toast/Toast.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/pineapple/toast/Toast.svelte" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -34,6 +36,8 @@
         <option value="Card" />
         <option value="Chip" />
         <option value="ToggleableContent" />
+        <option value="Toast" />
+        <option value="TestCard" />
         <option value="TypeScript File" />
       </list>
     </option>
@@ -41,11 +45,11 @@
   <component name="Git.Settings">
     <option name="RECENT_BRANCH_BY_REPOSITORY">
       <map>
-        <entry key="$PROJECT_DIR$" value="fix-dependency" />
+        <entry key="$PROJECT_DIR$" value="main" />
       </map>
     </option>
     <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
-    <option name="RESET_MODE" value="SOFT" />
+    <option name="RESET_MODE" value="HARD" />
     <option name="ROOT_SYNC" value="DONT_SYNC" />
   </component>
   <component name="JsbtTreeLayoutManager">
@@ -76,9 +80,9 @@
     "RunOnceActivity.OpenProjectViewOnStart": "true",
     "RunOnceActivity.ShowReadmeOnStart": "true",
     "WebServerToolWindowFactoryState": "false",
-    "git-widget-placeholder": "portfolio-design",
+    "git-widget-placeholder": "turnip/fix",
     "ignore.virus.scanning.warn.message": "true",
-    "last_opened_file_path": "C:/Users/Pumpkin/Projects/Web/pineapple2",
+    "last_opened_file_path": "C:/Users/Pumpkin/Projects/Web/pineapple/src/lib/components/pineapple/toast/custom-toast",
     "node.js.detected.package.eslint": "true",
     "node.js.detected.package.tslint": "true",
     "node.js.selected.package.eslint": "(autodetect)",
@@ -98,18 +102,18 @@
 }]]></component>
   <component name="RecentsManager">
     <key name="CopyFile.RECENT_KEYS">
+      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\components\pineapple\toast\custom-toast" />
+      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\components\pineapple\toast" />
+      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)" />
+      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(seaweed)" />
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\portfolio" />
-      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple" />
-      <recent name="C:\Users\Pumpkin\Projects\Web\speenus" />
-      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\assets\icons" />
-      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\components" />
     </key>
     <key name="MoveFile.RECENT_KEYS">
-      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\components" />
-      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\template" />
-      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\styles" />
-      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\components\layouts" />
-      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\assets\others" />
+      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\components\pineapple\toast\custom-toast" />
+      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\components\pineapple\toast" />
+      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\components\pineapple" />
+      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)" />
+      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(seaweed)" />
     </key>
   </component>
   <component name="RunManager" selected="npm.dev --open">
@@ -135,13 +139,15 @@
       <method v="2" />
     </configuration>
     <list>
-      <item itemvalue="npm.dev-offline" />
       <item itemvalue="npm.dev --open" />
+      <item itemvalue="npm.dev-offline" />
     </list>
     <recent_temporary>
       <list>
         <item itemvalue="npm.dev --open" />
         <item itemvalue="npm.dev-offline" />
+        <item itemvalue="npm.dev --open" />
+        <item itemvalue="npm.dev-offline" />
       </list>
     </recent_temporary>
   </component>
@@ -183,95 +189,19 @@
       <workItem from="1710274381105" duration="206000" />
       <workItem from="1710274942044" duration="14000" />
       <workItem from="1710275377359" duration="5036000" />
-      <workItem from="1710289549437" duration="11159000" />
-    </task>
-    <task id="LOCAL-00012" summary="Upgrade pineapple package">
-      <option name="closed" value="true" />
-      <created>1709795148891</created>
-      <option name="number" value="00012" />
-      <option name="presentableId" value="LOCAL-00012" />
-      <option name="project" value="LOCAL" />
-      <updated>1709795148891</updated>
-    </task>
-    <task id="LOCAL-00013" summary="Add vite build">
-      <option name="closed" value="true" />
-      <created>1709796123144</created>
-      <option name="number" value="00013" />
-      <option name="presentableId" value="LOCAL-00013" />
-      <option name="project" value="LOCAL" />
-      <updated>1709796123145</updated>
-    </task>
-    <task id="LOCAL-00014" summary="Remove hide-scrollbar to prevent build from breaking">
-      <option name="closed" value="true" />
-      <created>1709796535867</created>
-      <option name="number" value="00014" />
-      <option name="presentableId" value="LOCAL-00014" />
-      <option name="project" value="LOCAL" />
-      <updated>1709796535867</updated>
-    </task>
-    <task id="LOCAL-00015" summary="Put prepare properly">
-      <option name="closed" value="true" />
-      <created>1709798418843</created>
-      <option name="number" value="00015" />
-      <option name="presentableId" value="LOCAL-00015" />
-      <option name="project" value="LOCAL" />
-      <updated>1709798418843</updated>
-    </task>
-    <task id="LOCAL-00016" summary="Restrict mutex to one&#10;&#10;Only one yarn instance should run to prevent corrupting other files">
-      <option name="closed" value="true" />
-      <created>1709799004321</created>
-      <option name="number" value="00016" />
-      <option name="presentableId" value="LOCAL-00016" />
-      <option name="project" value="LOCAL" />
-      <updated>1709799004321</updated>
-    </task>
-    <task id="LOCAL-00017" summary="Restrict mutex to one&#10;&#10;Only one yarn instance should run to prevent corrupting other files">
-      <option name="closed" value="true" />
-      <created>1709799061435</created>
-      <option name="number" value="00017" />
-      <option name="presentableId" value="LOCAL-00017" />
-      <option name="project" value="LOCAL" />
-      <updated>1709799061435</updated>
-    </task>
-    <task id="LOCAL-00018" summary="Remove prepare script again">
-      <option name="closed" value="true" />
-      <created>1709799419674</created>
-      <option name="number" value="00018" />
-      <option name="presentableId" value="LOCAL-00018" />
-      <option name="project" value="LOCAL" />
-      <updated>1709799419674</updated>
-    </task>
-    <task id="LOCAL-00019" summary="Fix format">
-      <option name="closed" value="true" />
-      <created>1709799503506</created>
-      <option name="number" value="00019" />
-      <option name="presentableId" value="LOCAL-00019" />
-      <option name="project" value="LOCAL" />
-      <updated>1709799503506</updated>
-    </task>
-    <task id="LOCAL-00020" summary="Remove yarnrc mutex">
-      <option name="closed" value="true" />
-      <created>1709799705567</created>
-      <option name="number" value="00020" />
-      <option name="presentableId" value="LOCAL-00020" />
-      <option name="project" value="LOCAL" />
-      <updated>1709799705567</updated>
-    </task>
-    <task id="LOCAL-00021" summary="Update package.json for publishing">
-      <option name="closed" value="true" />
-      <created>1709800364650</created>
-      <option name="number" value="00021" />
-      <option name="presentableId" value="LOCAL-00021" />
-      <option name="project" value="LOCAL" />
-      <updated>1709800364650</updated>
-    </task>
-    <task id="LOCAL-00022" summary="Update layout for portfolio">
-      <option name="closed" value="true" />
-      <created>1709831870879</created>
-      <option name="number" value="00022" />
-      <option name="presentableId" value="LOCAL-00022" />
-      <option name="project" value="LOCAL" />
-      <updated>1709831870879</updated>
+      <workItem from="1710289549437" duration="12580000" />
+      <workItem from="1710373069951" duration="3591000" />
+      <workItem from="1710403138174" duration="704000" />
+      <workItem from="1710403890552" duration="136000" />
+      <workItem from="1710452675953" duration="2003000" />
+      <workItem from="1710469859511" duration="5000" />
+      <workItem from="1710471362988" duration="1660000" />
+      <workItem from="1710540704044" duration="3221000" />
+      <workItem from="1710553558444" duration="11978000" />
+      <workItem from="1710565588306" duration="339000" />
+      <workItem from="1710566188907" duration="950000" />
+      <workItem from="1710623596666" duration="2298000" />
+      <workItem from="1710645881933" duration="7972000" />
     </task>
     <task id="LOCAL-00023" summary="Implement throwoway prototype for game showcase carousel">
       <option name="closed" value="true" />
@@ -577,7 +507,95 @@
       <option name="project" value="LOCAL" />
       <updated>1710305826429</updated>
     </task>
-    <option name="localTasksCounter" value="61" />
+    <task id="LOCAL-00061" summary="Reorganize directories to make Pineapple as default layout but still overrideable by Seaweed">
+      <option name="closed" value="true" />
+      <created>1710373523715</created>
+      <option name="number" value="00061" />
+      <option name="presentableId" value="LOCAL-00061" />
+      <option name="project" value="LOCAL" />
+      <updated>1710373523715</updated>
+    </task>
+    <task id="LOCAL-00062" summary="Improve text contrast in dark mode">
+      <option name="closed" value="true" />
+      <created>1710376338512</created>
+      <option name="number" value="00062" />
+      <option name="presentableId" value="LOCAL-00062" />
+      <option name="project" value="LOCAL" />
+      <updated>1710376338512</updated>
+    </task>
+    <task id="LOCAL-00063" summary="Add animation to dynamically added button in social section">
+      <option name="closed" value="true" />
+      <created>1710403640565</created>
+      <option name="number" value="00063" />
+      <option name="presentableId" value="LOCAL-00063" />
+      <option name="project" value="LOCAL" />
+      <updated>1710403640566</updated>
+    </task>
+    <task id="LOCAL-00064" summary="Implement normal state for PineappleBaseLayout">
+      <option name="closed" value="true" />
+      <created>1710473020513</created>
+      <option name="number" value="00064" />
+      <option name="presentableId" value="LOCAL-00064" />
+      <option name="project" value="LOCAL" />
+      <updated>1710473020514</updated>
+    </task>
+    <task id="LOCAL-00065" summary="Add custom toast">
+      <option name="closed" value="true" />
+      <created>1710560664163</created>
+      <option name="number" value="00065" />
+      <option name="presentableId" value="LOCAL-00065" />
+      <option name="project" value="LOCAL" />
+      <updated>1710560664164</updated>
+    </task>
+    <task id="LOCAL-00066" summary="Add simple text toast">
+      <option name="closed" value="true" />
+      <created>1710564041434</created>
+      <option name="number" value="00066" />
+      <option name="presentableId" value="LOCAL-00066" />
+      <option name="project" value="LOCAL" />
+      <updated>1710564041434</updated>
+    </task>
+    <task id="LOCAL-00067" summary="Enforce stricter typing for Toast components">
+      <option name="closed" value="true" />
+      <created>1710565506639</created>
+      <option name="number" value="00067" />
+      <option name="presentableId" value="LOCAL-00067" />
+      <option name="project" value="LOCAL" />
+      <updated>1710565506640</updated>
+    </task>
+    <task id="LOCAL-00068" summary="Add dismissable toast">
+      <option name="closed" value="true" />
+      <created>1710648639268</created>
+      <option name="number" value="00068" />
+      <option name="presentableId" value="LOCAL-00068" />
+      <option name="project" value="LOCAL" />
+      <updated>1710648639269</updated>
+    </task>
+    <task id="LOCAL-00069" summary="Adjust default toast body styling and add shadow to toast">
+      <option name="closed" value="true" />
+      <created>1710650031611</created>
+      <option name="number" value="00069" />
+      <option name="presentableId" value="LOCAL-00069" />
+      <option name="project" value="LOCAL" />
+      <updated>1710650031611</updated>
+    </task>
+    <task id="LOCAL-00070" summary="Clean up todos">
+      <option name="closed" value="true" />
+      <created>1710651196828</created>
+      <option name="number" value="00070" />
+      <option name="presentableId" value="LOCAL-00070" />
+      <option name="project" value="LOCAL" />
+      <updated>1710651196829</updated>
+    </task>
+    <task id="LOCAL-00071" summary="Add default PR template">
+      <option name="closed" value="true" />
+      <created>1710651695177</created>
+      <option name="number" value="00071" />
+      <option name="presentableId" value="LOCAL-00071" />
+      <option name="project" value="LOCAL" />
+      <updated>1710651695177</updated>
+    </task>
+    <option name="localTasksCounter" value="72" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -615,7 +633,7 @@
                   <entry key="branch">
                     <value>
                       <list>
-                        <option value="portfolio-design" />
+                        <option value="main" />
                       </list>
                     </value>
                   </entry>
@@ -635,18 +653,6 @@
     </option>
   </component>
   <component name="VcsManagerConfiguration">
-    <MESSAGE value="Fix accordion and cropped object positioning" />
-    <MESSAGE value="Fix accordion styling and cropped object positioning" />
-    <MESSAGE value="Adjust css for mobile" />
-    <MESSAGE value="Add chips and query" />
-    <MESSAGE value="Turn the portfolio site into a template" />
-    <MESSAGE value="Add content replacer v1" />
-    <MESSAGE value="Testing toggleable content" />
-    <MESSAGE value="switch up image and videos too" />
-    <MESSAGE value="Solve videos not dynamically loading" />
-    <MESSAGE value="Fix unnecessary iframe requests" />
-    <MESSAGE value="Remove unnecessary iframe requests" />
-    <MESSAGE value="Extract head elements out of template component" />
     <MESSAGE value="Fix path for Seaweed" />
     <MESSAGE value="Move from dist to lib for package path" />
     <MESSAGE value="Add missing npm run package to allow dist generation" />
@@ -660,6 +666,18 @@
     <MESSAGE value="Change lib to pkg to prevent the references from breaking from downstream apps" />
     <MESSAGE value="Add data-nosnippet" />
     <MESSAGE value="Fix wrong link in migrante" />
-    <option name="LAST_COMMIT_MESSAGE" value="Fix wrong link in migrante" />
+    <MESSAGE value="Reorganize directories to make Pineapple as default layout but still overrideable by Seaweed" />
+    <MESSAGE value="Improve text contrast" />
+    <MESSAGE value="Improve text contrast in dark mode" />
+    <MESSAGE value="Add animation to dynamically added button in social section" />
+    <MESSAGE value="Implement normal state for PineappleBaseLayout" />
+    <MESSAGE value="Add custom toast" />
+    <MESSAGE value="Add simple text toast and toast queue" />
+    <MESSAGE value="Enforce stricter typing for Toast components" />
+    <MESSAGE value="Add dismissable toast" />
+    <MESSAGE value="Adjust default toast body styling and add shadow to toast" />
+    <MESSAGE value="Clean up todos" />
+    <MESSAGE value="Add default PR template" />
+    <option name="LAST_COMMIT_MESSAGE" value="Add default PR template" />
   </component>
 </project>

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

@@ -41,11 +41,11 @@ html, body {
 }
 
 /* todo: add some hues to the icon that should be in sync with primary and make them not pure darkness */
-.turnip-button > img {
+.turnip-button > img, .img-icon {
     filter: grayscale(100%) brightness(0%) invert(25%);
 }
 
-.dark .turnip-button > img {
+.dark .turnip-button > img, .dark .img-icon {
     filter: grayscale(100%) brightness(0%) invert(100%);
 }
 
@@ -164,4 +164,30 @@ a:active {
 .accordion-item {
     @apply variant-filled-primary rounded-md;
 }
+
 /* endregion Accordion css for handling missing styles in package */
+
+:root {
+    --shadow-color: rgba(91, 79, 54, 0.5);
+}
+
+/* todo: adjust shadow for each component + change depending on dark mode or not */
+.fab, #shell-header {
+    box-shadow: 3px 3px 3px var(--shadow-color);
+}
+
+#toast-progress {
+    position: relative;
+    top: 5px;
+    left: 6px;
+    width: calc(100% - 12px);
+    border-radius: 8px;
+    background: transparent;
+    height: 10px;
+}
+
+#toast-progress::-moz-progress-bar {
+    /*background-color: red;*/
+    background: rgba(var(--color-secondary-500));
+}
+

package/.svelte-kit/__package__/assets/icons/close.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg>

package/.svelte-kit/__package__/components/Card.svelte

@@ -1,5 +1,5 @@
 <script>export let margin = "0";
-export let marginBottom = "3em";
+export let marginBottom = "2lh";
 export let overrideStyle = "";
 export let includeDataNoSnippet = true;
 const style = `
@@ -7,30 +7,30 @@ const style = `
 		--turnip-card-margin-bottom: ${marginBottom};
 		${overrideStyle};
 	`;
-</script>
-
-{#if (includeDataNoSnippet)}
-	<div class="card turnip-card" style={style} data-no-snippet>
-		<slot name="content" class="card" />
-	</div>
-{:else }
-	<div class="card turnip-card" style={style}>
-		<slot name="content" class="card" />
-	</div>
-{/if}
-
-<style>
-    .turnip-card {
-        --tw-bg-opacity: 1;
-        background-color: rgb(var(--color-surface-100) / var(--tw-bg-opacity));
-}
-:is(.dark .turnip-card) {
-        --tw-bg-opacity: 1;
-        background-color: rgb(var(--color-surface-900) / var(--tw-bg-opacity));
-}
-    .turnip-card {
-        margin: var(--turnip-card-margin);
-        margin-bottom: var(--turnip-card-margin-bottom);
-        border-radius: var(--theme-rounded-container);
-    }
-</style>
+</script>
+
+{#if (includeDataNoSnippet)}
+	<div class="card turnip-card" style={style} data-no-snippet>
+		<slot name="content" class="card" />
+	</div>
+{:else }
+	<div class="card turnip-card" style={style}>
+		<slot name="content" class="card" />
+	</div>
+{/if}
+
+<style>
+    .turnip-card {
+        --tw-bg-opacity: 1;
+        background-color: rgb(var(--color-surface-100) / var(--tw-bg-opacity));
+}
+:is(.dark .turnip-card) {
+        --tw-bg-opacity: 1;
+        background-color: rgb(var(--color-surface-900) / var(--tw-bg-opacity));
+}
+    .turnip-card {
+        margin: var(--turnip-card-margin);
+        margin-bottom: var(--turnip-card-margin-bottom);
+        border-radius: var(--theme-rounded-container);
+    }
+</style>

package/.svelte-kit/__package__/components/CarouselElement.svelte

@@ -1,21 +1,21 @@
 <script>export let activeGameIndex;
 export let selfIndex;
 import { fly, slide, scale } from "svelte/transition";
-</script>
-
-{#if (activeGameIndex === selfIndex)}
-	<!--todo: make section consistent size for all-->
-	<section class="game-showcase"
-	         in:fly={{x: '100%'}} out:fly={{x: '-100%'}}>
-		<slot/>
-	</section>
-{/if}
-
-<style>
-    .game-showcase {
-        scroll-snap-align: center;
-        border-radius: var(--theme-rounded-container);
-        margin: auto;
+</script>
+
+{#if (activeGameIndex === selfIndex)}
+	<!--todo: make section consistent size for all-->
+	<section class="game-showcase"
+	         in:fly={{x: '100%'}} out:fly={{x: '-100%'}}>
+		<slot/>
+	</section>
+{/if}
+
+<style>
+    .game-showcase {
+        scroll-snap-align: center;
+        border-radius: var(--theme-rounded-container);
+        margin: auto;
         width: 100%
-}
+}
 </style>

package/.svelte-kit/__package__/components/Chip.svelte

@@ -1,12 +1,13 @@
-<span class="chip variant-filled-tertiary">
-<slot />
-</span>
-
-<style>
-    .chip {
-        border-radius: 1em;
-        margin: 0.25em;
-        font-weight: bold;
-        pointer-events: none;
-    }
-</style>
+<span class="chip variant-filled-tertiary">
+<slot />
+</span>
+
+<style>
+    .chip {
+        border-radius: 1em;
+        margin: 0.25em;
+        font-weight: bold;
+        pointer-events: none;
+        background-color: rgb(var(--color-tertiary-500) / var(--tw-bg-opacity));
+    }
+</style>

package/.svelte-kit/__package__/components/ElementVisbilityDetector.svelte

@@ -11,8 +11,8 @@ onMount(() => {
   );
   observer.observe(stickyElem);
 });
-</script>
-
-<span bind:this={stickyElem}>
-	<slot/>
-</span>
+</script>
+
+<span bind:this={stickyElem}>
+	<slot/>
+</span>