@turnipxenon/pineapple 2.4.56 → 2.4.58

package/.idea/modules.xml

@@ -2,7 +2,6 @@
 <project version="4">
   <component name="ProjectModuleManager">
     <modules>
-      <module fileurl="file://$PROJECT_DIR$/cdktf/.idea/cdktf.iml" filepath="$PROJECT_DIR$/cdktf/.idea/cdktf.iml" />
       <module fileurl="file://$PROJECT_DIR$/.idea/pineapple.iml" filepath="$PROJECT_DIR$/.idea/pineapple.iml" />
     </modules>
   </component>

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="CreateUrlForm" comment="Add CreateUrl UI">
-      <change beforePath="$PROJECT_DIR$/src/lib/template/seaweed/SeaweedTemplate.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/template/seaweed/SeaweedTemplate.svelte" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/lib/template/seaweed/SeaweedTemplateData.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/template/seaweed/SeaweedTemplateData.ts" afterDir="false" />
+    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="CreateUrlForm" comment="Fix light mode contrast issues">
+      <change afterPath="$PROJECT_DIR$/src/lib/components/chip/chip.postcss" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/lib/components/Chip.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/chip/Chip.svelte" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/lib/template/seaweed/entries/MigranteAlberta.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/template/seaweed/entries/MigranteAlberta.svelte" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/lib/template/seaweed/entries/MockUberApp.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/template/seaweed/entries/MockUberApp.svelte" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/src/lib/template/seaweed/entries/ThisWebpage.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/template/seaweed/entries/ThisWebpage.svelte" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
@@ -56,13 +58,15 @@
         <option value="RandomComponent" />
         <option value="UrlShortenerForm" />
         <option value="TypeScript File" />
+        <option value="PineappleSlideToggle" />
+        <option value="PostCSS File" />
       </list>
     </option>
   </component>
   <component name="Git.Settings">
     <option name="RECENT_BRANCH_BY_REPOSITORY">
       <map>
-        <entry key="$PROJECT_DIR$" value="dbc946a316ca6b2c95588d487cf48fe8f4a04801" />
+        <entry key="$PROJECT_DIR$" value="main" />
       </map>
     </option>
     <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
@@ -110,34 +114,34 @@
     <option name="hideEmptyMiddlePackages" value="true" />
     <option name="showLibraryContents" value="true" />
   </component>
-  <component name="PropertiesComponent">{
-  &quot;keyToString&quot;: {
-    &quot;DefaultHtmlFileTemplate&quot;: &quot;HTML File&quot;,
-    &quot;RunOnceActivity.OpenProjectViewOnStart&quot;: &quot;true&quot;,
-    &quot;RunOnceActivity.ShowReadmeOnStart&quot;: &quot;true&quot;,
-    &quot;WebServerToolWindowFactoryState&quot;: &quot;false&quot;,
-    &quot;git-widget-placeholder&quot;: &quot;turnip/customizable2&quot;,
-    &quot;ignore.virus.scanning.warn.message&quot;: &quot;true&quot;,
-    &quot;last_opened_file_path&quot;: &quot;C:/Users/Pumpkin/Projects/Web/pineapple/src/routes/api/create-url&quot;,
-    &quot;list.type.of.created.stylesheet&quot;: &quot;CSS&quot;,
-    &quot;node.js.detected.package.eslint&quot;: &quot;true&quot;,
-    &quot;node.js.detected.package.tslint&quot;: &quot;true&quot;,
-    &quot;node.js.selected.package.eslint&quot;: &quot;(autodetect)&quot;,
-    &quot;node.js.selected.package.tslint&quot;: &quot;(autodetect)&quot;,
-    &quot;nodejs_interpreter_path&quot;: &quot;node&quot;,
-    &quot;nodejs_package_manager_path&quot;: &quot;yarn&quot;,
-    &quot;npm.build.executor&quot;: &quot;Run&quot;,
-    &quot;npm.dev (1).executor&quot;: &quot;Run&quot;,
-    &quot;npm.dev --open.executor&quot;: &quot;Run&quot;,
-    &quot;npm.dev offline.executor&quot;: &quot;Run&quot;,
-    &quot;npm.dev-offline.executor&quot;: &quot;Run&quot;,
-    &quot;npm.dev.executor&quot;: &quot;Run&quot;,
-    &quot;npm.to-dev.executor&quot;: &quot;Run&quot;,
-    &quot;settings.editor.selected.configurable&quot;: &quot;preferences.general&quot;,
-    &quot;ts.external.directory.path&quot;: &quot;C:\\Users\\Pumpkin\\Projects\\Web\\pineapple\\node_modules\\typescript\\lib&quot;,
-    &quot;vue.rearranger.settings.migration&quot;: &quot;true&quot;
+  <component name="PropertiesComponent"><![CDATA[{
+  "keyToString": {
+    "DefaultHtmlFileTemplate": "HTML File",
+    "RunOnceActivity.OpenProjectViewOnStart": "true",
+    "RunOnceActivity.ShowReadmeOnStart": "true",
+    "WebServerToolWindowFactoryState": "false",
+    "git-widget-placeholder": "turnip/dev",
+    "ignore.virus.scanning.warn.message": "true",
+    "last_opened_file_path": "C:/Users/Pumpkin/Projects/Web/pineapple",
+    "list.type.of.created.stylesheet": "PostCSS",
+    "node.js.detected.package.eslint": "true",
+    "node.js.detected.package.tslint": "true",
+    "node.js.selected.package.eslint": "(autodetect)",
+    "node.js.selected.package.tslint": "(autodetect)",
+    "nodejs_interpreter_path": "node",
+    "nodejs_package_manager_path": "yarn",
+    "npm.build.executor": "Run",
+    "npm.dev (1).executor": "Run",
+    "npm.dev --open.executor": "Run",
+    "npm.dev offline.executor": "Run",
+    "npm.dev-offline.executor": "Run",
+    "npm.dev.executor": "Run",
+    "npm.to-dev.executor": "Run",
+    "settings.editor.selected.configurable": "settings.sync",
+    "ts.external.directory.path": "C:\\Users\\Pumpkin\\Projects\\Web\\pineapple\\node_modules\\typescript\\lib",
+    "vue.rearranger.settings.migration": "true"
   }
-}</component>
+}]]></component>
   <component name="RecentsManager">
     <key name="CopyFile.RECENT_KEYS">
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\api\create-url" />
@@ -147,11 +151,11 @@
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)\pineapple\(extra-pages)\page3\page5" />
     </key>
     <key name="MoveFile.RECENT_KEYS">
+      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\components\chip" />
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\lib\components\combo_box" />
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\docs\archive" />
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)\pineapple\(pineapple)" />
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)\pineapple\(nested)" />
-      <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\(pineapple)\pineapple\(extra-pages)" />
     </key>
     <key name="es6.move.members.recent.items">
       <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\types\RootLayoutProps.ts" />
@@ -337,39 +341,9 @@
       <workItem from="1712560061741" duration="265000" />
       <workItem from="1712560426380" duration="3011000" />
       <workItem from="1712563659982" duration="1353000" />
-      <workItem from="1712570296984" duration="1345000" />
-    </task>
-    <task id="LOCAL-00121" summary="Add toggle to showcase pagination prevention">
-      <option name="closed" value="true" />
-      <created>1711910588771</created>
-      <option name="number" value="00121" />
-      <option name="presentableId" value="LOCAL-00121" />
-      <option name="project" value="LOCAL" />
-      <updated>1711910588772</updated>
-    </task>
-    <task id="LOCAL-00122" summary="WIP custom v1">
-      <option name="closed" value="true" />
-      <created>1711940053335</created>
-      <option name="number" value="00122" />
-      <option name="presentableId" value="LOCAL-00122" />
-      <option name="project" value="LOCAL" />
-      <updated>1711940053335</updated>
-    </task>
-    <task id="LOCAL-00123" summary="Rename Seaweed to seaweed">
-      <option name="closed" value="true" />
-      <created>1711940145763</created>
-      <option name="number" value="00123" />
-      <option name="presentableId" value="LOCAL-00123" />
-      <option name="project" value="LOCAL" />
-      <updated>1711940145763</updated>
-    </task>
-    <task id="LOCAL-00124" summary="Fully extract all entries from groups">
-      <option name="closed" value="true" />
-      <created>1711943579891</created>
-      <option name="number" value="00124" />
-      <option name="presentableId" value="LOCAL-00124" />
-      <option name="project" value="LOCAL" />
-      <updated>1711943579891</updated>
+      <workItem from="1712570296984" duration="1559000" />
+      <workItem from="1712571884570" duration="7000" />
+      <workItem from="1712636226857" duration="10964000" />
     </task>
     <task id="LOCAL-00125" summary="Allow full reordering for entries">
       <option name="closed" value="true" />
@@ -731,7 +705,39 @@
       <option name="project" value="LOCAL" />
       <updated>1712563193335</updated>
     </task>
-    <option name="localTasksCounter" value="170" />
+    <task id="LOCAL-00170" summary="Fix component names being deprettified">
+      <option name="closed" value="true" />
+      <created>1712571707602</created>
+      <option name="number" value="00170" />
+      <option name="presentableId" value="LOCAL-00170" />
+      <option name="project" value="LOCAL" />
+      <updated>1712571707602</updated>
+    </task>
+    <task id="LOCAL-00171" summary="Fix Advanced Settings layout in dark more">
+      <option name="closed" value="true" />
+      <created>1712643641833</created>
+      <option name="number" value="00171" />
+      <option name="presentableId" value="LOCAL-00171" />
+      <option name="project" value="LOCAL" />
+      <updated>1712643641833</updated>
+    </task>
+    <task id="LOCAL-00172" summary="Fix Advanced Settings layout in dark mode">
+      <option name="closed" value="true" />
+      <created>1712643646820</created>
+      <option name="number" value="00172" />
+      <option name="presentableId" value="LOCAL-00172" />
+      <option name="project" value="LOCAL" />
+      <updated>1712643646820</updated>
+    </task>
+    <task id="LOCAL-00173" summary="Fix light mode contrast issues">
+      <option name="closed" value="true" />
+      <created>1712647325849</created>
+      <option name="number" value="00173" />
+      <option name="presentableId" value="LOCAL-00173" />
+      <option name="project" value="LOCAL" />
+      <updated>1712647325849</updated>
+    </task>
+    <option name="localTasksCounter" value="174" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -789,10 +795,6 @@
     </option>
   </component>
   <component name="VcsManagerConfiguration">
-    <MESSAGE value="Temporarily delete workflow to let Azure auto-generate secrets" />
-    <MESSAGE value="Change npm to yarn in GithubActions" />
-    <MESSAGE value="Cancel migration to Azure" />
-    <MESSAGE value="Extract plan for dynamic portfolio layout" />
     <MESSAGE value="Remove floating-ui" />
     <MESSAGE value="Move shouldAddFunNote to data" />
     <MESSAGE value="Extract runChaos to its own file" />
@@ -814,6 +816,10 @@
     <MESSAGE value="Change parseQueryTerm to parse during runtime on the DOM instead of on the raw svelte text" />
     <MESSAGE value="Add dynamic url adder UI" />
     <MESSAGE value="Add CreateUrl UI" />
-    <option name="LAST_COMMIT_MESSAGE" value="Add CreateUrl UI" />
+    <MESSAGE value="Fix component names being deprettified" />
+    <MESSAGE value="Fix Advanced Settings layout in dark more" />
+    <MESSAGE value="Fix Advanced Settings layout in dark mode" />
+    <MESSAGE value="Fix light mode contrast issues" />
+    <option name="LAST_COMMIT_MESSAGE" value="Fix light mode contrast issues" />
   </component>
 </project>

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

@@ -185,7 +185,6 @@ a:active {
 }
 
 #toast-progress::-moz-progress-bar {
-    /*background-color: red;*/
     background: rgba(var(--color-secondary-500));
 }
 
@@ -207,3 +206,7 @@ a:active {
 .dark .ares-logo {
     filter: invert(100%);
 }
+
+.input {
+    @apply border-surface-800;
+}

package/.svelte-kit/__package__/assets/icons/arrow-upward.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M440-160v-487L216-423l-56-57 320-320 320 320-56 57-224-224v487h-80Z"/></svg>

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

@@ -3,6 +3,7 @@ export let marginBottom = "2lh";
 export let overrideStyle = "";
 export let includeDataNoSnippet = true;
 export let additionalClass = [];
+export let turnOnLightModeBorder = true;
 const style = `
 		--turnip-card-margin: ${margin};
 		--turnip-card-margin-bottom: ${marginBottom};
@@ -11,7 +12,16 @@ const style = `
 if (!$$slots.content) {
   console.error("Missing content slot in card. No content will be displayed.");
 }
-const classes = ["card", "turnip-card"].concat(additionalClass).join(" ");
+const originalClasses = ["card", "turnip-card"].concat(additionalClass).join(" ");
+let classes = originalClasses.slice();
+const toggleLightModeBorder = (turnOnLightModeBorder2) => {
+  classes = originalClasses;
+  if (turnOnLightModeBorder2) {
+    classes += " light-mode-border";
+  }
+};
+$:
+  toggleLightModeBorder(turnOnLightModeBorder);
 </script>
 
 {#if (includeDataNoSnippet)}
@@ -19,17 +29,28 @@ const classes = ["card", "turnip-card"].concat(additionalClass).join(" ");
 		<slot name="content" class="card" />
 	</div>
 {:else }
-	<div class="card turnip-card" style={style}>
+	<div class={classes} style={style}>
 		<slot name="content" class="card" />
 	</div>
 {/if}
 
 <style>
+    /*noinspection CssUnusedSymbol*/
+    .light-mode-border {
+        border-width: 2px;
+        --tw-border-opacity: 1;
+        border-color: rgb(var(--color-surface-600) / var(--tw-border-opacity));
+}
+    :is(.dark .light-mode-border) {
+        border-width: 0px;
+}
+
+    /*noinspection CssUnusedSymbol*/
     .turnip-card {
         --tw-bg-opacity: 1;
         background-color: rgb(var(--color-surface-100) / var(--tw-bg-opacity));
 }
-:is(.dark .turnip-card) {
+    :is(.dark .turnip-card) {
         --tw-bg-opacity: 1;
         background-color: rgb(var(--color-surface-900) / var(--tw-bg-opacity));
 }

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

@@ -6,6 +6,7 @@ declare const __propDef: {
         overrideStyle?: string | undefined;
         includeDataNoSnippet?: boolean | undefined;
         additionalClass?: string[] | undefined;
+        turnOnLightModeBorder?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -0,0 +1,10 @@
+<script>export let checked = false;
+export let name;
+import { SlideToggle } from "@skeletonlabs/skeleton";
+</script>
+
+<SlideToggle name={name}
+             background="bg-surface-700 dark:bg-surface-700"
+             bind:checked={checked}>
+	<slot />
+</SlideToggle>

package/.svelte-kit/__package__/components/PineappleSlideToggle.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        checked?: boolean | undefined;
+        name: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type PineappleSlideToggleProps = typeof __propDef.props;
+export type PineappleSlideToggleEvents = typeof __propDef.events;
+export type PineappleSlideToggleSlots = typeof __propDef.slots;
+export default class PineappleSlideToggle extends SvelteComponent<PineappleSlideToggleProps, PineappleSlideToggleEvents, PineappleSlideToggleSlots> {
+}
+export {};

package/.svelte-kit/__package__/components/combo_box/ComboBoxWithButton.svelte

@@ -13,3 +13,10 @@ let onClickInternal = () => {
 	<ComboBox bind:selectedValue={selectedValue}
 	          bind:stringItems={stringItems}></ComboBox>
 </div>
+
+<style>
+    .combo-box-wrapper {
+        display: flex;
+        gap: 1em;
+    }
+</style>

package/.svelte-kit/__package__/components/pineapple/toast/Toast.svelte

@@ -56,7 +56,9 @@ const dismissToast = () => {
 {#if (localComponent !== undefined)}
 	<div class="toast-positioner" style={`bottom: ${$position}lh;`}>
 		<!-- todo: adjust shadow to be more dynamic or transparent -->
-		<Card marginBottom="1lh" overrideStyle="box-shadow: 3px 3px 3px var(--shadow-color);">
+		<Card marginBottom="1lh"
+		      turnOnLightModeBorder={false}
+		      overrideStyle="box-shadow: 3px 3px 3px var(--shadow-color);">
 			<div slot="content">
 				{#if (localProps !== undefined)}
 					<svelte:component this={localComponent}
@@ -77,7 +79,7 @@ const dismissToast = () => {
         position: fixed;
         /* 12em = this component's margin (4em) + fab margin + width (8em) */
         max-width: calc(100vw - 12em);
-		    z-index: 100;
+        z-index: 100;
     }
 
     .toast-positioner:dir(ltr) {

package/.svelte-kit/__package__/template/seaweed/CreateUrlForm.svelte

@@ -37,7 +37,7 @@ const post = () => {
 };
 </script>
 
-<div>
+<div class="local-list">
 	<label for="short-url">Short URL for url shortener</label>
 	<input bind:value={request.shortUrl}
 	       name="short-url"
@@ -49,6 +49,18 @@ const post = () => {
 	       name="password"
 	       class="input"
 	       type="password"
-	       placeholder="Input" />
-	<button class="btn variant-filled" on:click={post}>Send link</button>
+	       placeholder="ILoveTurnips" />
+	<button class="send-link btn variant-filled" on:click={post}>Send link</button>
 </div>
+
+<style>
+    .local-list {
+        display: flex;
+        flex-direction: column;
+        gap: 0.25lh;
+    }
+
+    .send-link {
+        margin-top: 0.75lh;
+    }
+</style>

package/.svelte-kit/__package__/template/seaweed/SeaweedTemplate.svelte

@@ -16,6 +16,7 @@ import {
 } from "./SeaweedTemplateData";
 import { parseQueryTerms } from "./ParseQueryTerms";
 import UrlShortenerForm from "./CreateUrlForm.svelte";
+import PineappleSlideToggle from "../../components/PineappleSlideToggle.svelte";
 export let letChaos = true;
 export let name = "Turnip";
 export let email = "turnipxenon@gmail.com";
@@ -324,18 +325,21 @@ $:
 					<h1>Advanced settings</h1>
 					<p>This one is for those curious how I customize this page.</p>
 
-					<SlideToggle name="advanced-setting-slider" bind:checked={isAdvanceSettingOn}>
+					<PineappleSlideToggle name="advanced-setting-slider"
+					                      bind:checked={isAdvanceSettingOn}>
 						Advanced settings: {isAdvanceSettingOn ? "On" : "Off"}
-					</SlideToggle>
+					</PineappleSlideToggle>
 
 					{#if (isAdvanceSettingOn)}
-						<SlideToggle name="game-section-slider" bind:checked={seaweedTemplateData.gameSectionFirst}>
+						<PineappleSlideToggle name="game-section-slider"
+						                      bind:checked={seaweedTemplateData.gameSectionFirst}>
 							Should game section appear first over projects: {seaweedTemplateData.gameSectionFirst ? "On" : "Off"}
-						</SlideToggle>
+						</PineappleSlideToggle>
 						<p>Note: the above configuration was made before the dynamic entry list and to support links sent with that params, we will act like it only swaps the two groups, and nothing more dynamic if order query param does not exist. The configuration only happens during page load with query param, and it does not apply when changed here.</p>
-						<SlideToggle name="fun-note-slider" bind:checked={seaweedTemplateData.shouldAddFunNote}>
+						<PineappleSlideToggle name="fun-note-slider"
+						                      bind:checked={seaweedTemplateData.shouldAddFunNote}>
 							Should add fun note in description: {seaweedTemplateData.shouldAddFunNote ? "On" : "Off"}
-						</SlideToggle>
+						</PineappleSlideToggle>
 
 						<h3>Query terms to bold</h3>
 						<div class="query-term-grid">

package/.svelte-kit/__package__/template/seaweed/entries/MigranteAlberta.svelte

@@ -1,4 +1,4 @@
-<script>import Chip from "../../../components/Chip.svelte";
+<script>import Chip from "../../../components/chip/Chip.svelte";
 import {} from "./EntryProps";
 import LinkIcon from "../../../assets/icons/link-icon.svg";
 import Card from "../../../components/Card.svelte";

package/.svelte-kit/__package__/template/seaweed/entries/MockUberApp.svelte

@@ -3,7 +3,7 @@ import Card from "../../../components/Card.svelte";
 import GithubIcon from "../../../assets/icons/github-mark.svg";
 import WindowSetGraph from "../../../assets/others/window-set.png";
 import ThisWebsiteFootage from "../../../assets/others/seaweed-showcase.mp4";
-import Chip from "../../../components/Chip.svelte";
+import Chip from "../../../components/chip/Chip.svelte";
 export let props;
 </script>
 

package/.svelte-kit/__package__/template/seaweed/entries/ThisWebpage.svelte

@@ -3,7 +3,7 @@ import Card from "../../../components/Card.svelte";
 import GithubIcon from "../../../assets/icons/github-mark.svg";
 import WindowSetGraph from "../../../assets/others/window-set.png";
 import ThisWebsiteFootage from "../../../assets/others/seaweed-showcase.mp4";
-import Chip from "../../../components/Chip.svelte";
+import Chip from "../../../components/chip/Chip.svelte";
 export let props;
 </script>