@turnipxenon/pineapple 2.4.56 → 2.4.57

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,10 +4,16 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="CreateUrlForm" comment="Add CreateUrl UI">
+    <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="CreateUrlForm" comment="Fix Advanced Settings layout in dark mode">
+      <change afterPath="$PROJECT_DIR$/src/lib/components/PineappleSlideToggle.svelte" afterDir="false" />
+      <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/Card.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/Card.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" />
+      <change beforePath="$PROJECT_DIR$/src/lib/template/seaweed/CreateUrlForm.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/template/seaweed/CreateUrlForm.svelte" afterDir="false" />
       <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" />
-      <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" />
+      <change beforePath="$PROJECT_DIR$/src/lib/template/seaweed/entry_order_config/EntryOrderConfig.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/template/seaweed/entry_order_config/EntryOrderConfig.svelte" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/lib/template/seaweed/entry_order_config/entry-order-config.postcss" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/template/seaweed/entry_order_config/entry-order-config.postcss" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/(pineapple)/+page.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/routes/(pineapple)/pineapple/(pineapple)/+page.svelte" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -56,13 +62,14 @@
         <option value="RandomComponent" />
         <option value="UrlShortenerForm" />
         <option value="TypeScript File" />
+        <option value="PineappleSlideToggle" />
       </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 +117,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": "CSS",
+    "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" />
@@ -337,31 +344,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>
+      <workItem from="1712570296984" duration="1559000" />
+      <workItem from="1712571884570" duration="7000" />
+      <workItem from="1712636226857" duration="10372000" />
     </task>
     <task id="LOCAL-00124" summary="Fully extract all entries from groups">
       <option name="closed" value="true" />
@@ -731,7 +716,31 @@
       <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>
+    <option name="localTasksCounter" value="173" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -789,9 +798,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" />
@@ -814,6 +820,9 @@
     <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" />
+    <option name="LAST_COMMIT_MESSAGE" value="Fix Advanced Settings layout in dark mode" />
   </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">