@turnipxenon/pineapple 2.4.55 → 2.4.57

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/.idea/modules.xml +0 -1
  2. package/.idea/workspace.xml +81 -74
  3. package/.svelte-kit/__package__/app.postcss +4 -1
  4. package/.svelte-kit/__package__/assets/icons/arrow-upward.svg +1 -0
  5. package/.svelte-kit/__package__/components/Card.svelte +24 -3
  6. package/.svelte-kit/__package__/components/Card.svelte.d.ts +1 -0
  7. package/.svelte-kit/__package__/components/PineappleSlideToggle.svelte +10 -0
  8. package/.svelte-kit/__package__/components/PineappleSlideToggle.svelte.d.ts +19 -0
  9. package/.svelte-kit/__package__/components/combo_box/ComboBoxWithButton.svelte +7 -0
  10. package/.svelte-kit/__package__/components/pineapple/toast/Toast.svelte +4 -2
  11. package/.svelte-kit/__package__/template/seaweed/CreateUrlForm.svelte +15 -3
  12. package/.svelte-kit/__package__/template/seaweed/SeaweedTemplate.svelte +11 -7
  13. package/.svelte-kit/__package__/template/seaweed/SeaweedTemplateData.d.ts +7 -3
  14. package/.svelte-kit/__package__/template/seaweed/SeaweedTemplateData.js +16 -2
  15. package/.svelte-kit/__package__/template/seaweed/entries/ThisWebpage.svelte +2 -0
  16. package/.svelte-kit/__package__/template/seaweed/entry_order_config/EntryOrderConfig.svelte +224 -47
  17. package/.svelte-kit/__package__/template/seaweed/entry_order_config/EntryOrderConfig.svelte.d.ts +1 -0
  18. package/.svelte-kit/__package__/template/seaweed/entry_order_config/entry-order-config.postcss +35 -0
  19. package/.svelte-kit/generated/server/internal.js +1 -1
  20. package/dist/app.postcss +4 -1
  21. package/dist/assets/icons/arrow-upward.svg +1 -0
  22. package/dist/components/Card.svelte +24 -3
  23. package/dist/components/Card.svelte.d.ts +1 -0
  24. package/dist/components/PineappleSlideToggle.svelte +10 -0
  25. package/dist/components/PineappleSlideToggle.svelte.d.ts +19 -0
  26. package/dist/components/combo_box/ComboBoxWithButton.svelte +7 -0
  27. package/dist/components/pineapple/toast/Toast.svelte +4 -2
  28. package/dist/template/seaweed/CreateUrlForm.svelte +15 -3
  29. package/dist/template/seaweed/SeaweedTemplate.svelte +11 -7
  30. package/dist/template/seaweed/SeaweedTemplateData.d.ts +7 -3
  31. package/dist/template/seaweed/SeaweedTemplateData.js +16 -2
  32. package/dist/template/seaweed/entries/ThisWebpage.svelte +2 -0
  33. package/dist/template/seaweed/entry_order_config/EntryOrderConfig.svelte +224 -47
  34. package/dist/template/seaweed/entry_order_config/EntryOrderConfig.svelte.d.ts +1 -0
  35. package/dist/template/seaweed/entry_order_config/entry-order-config.postcss +35 -0
  36. package/package.json +2 -2
  37. package/src/lib/app.postcss +4 -1
  38. package/src/lib/assets/icons/arrow-upward.svg +1 -0
  39. package/src/lib/components/Card.svelte +17 -2
  40. package/src/lib/components/PineappleSlideToggle.svelte +12 -0
  41. package/src/lib/components/combo_box/ComboBoxWithButton.svelte +7 -0
  42. package/src/lib/components/pineapple/toast/Toast.svelte +4 -2
  43. package/src/lib/template/seaweed/CreateUrlForm.svelte +15 -3
  44. package/src/lib/template/seaweed/SeaweedTemplate.svelte +11 -7
  45. package/src/lib/template/seaweed/SeaweedTemplateData.ts +23 -4
  46. package/src/lib/template/seaweed/entries/ThisWebpage.svelte +2 -0
  47. package/src/lib/template/seaweed/entry_order_config/EntryOrderConfig.svelte +115 -28
  48. package/src/lib/template/seaweed/entry_order_config/entry-order-config.postcss +35 -0
  49. package/src/routes/(pineapple)/pineapple/(pineapple)/+page.svelte +4 -3
  50. package/src/routes/(seaweed)/portfolio/actual/+page.svelte +1 -2
  51. package/src/routes/(seaweed)/portfolio/actual/RandomComponent.svelte +0 -7
package/.idea/modules.xml CHANGED
@@ -2,7 +2,6 @@
2
2
  <project version="4">
3
3
  <component name="ProjectModuleManager">
4
4
  <modules>
5
- <module fileurl="file://$PROJECT_DIR$/cdktf/.idea/cdktf.iml" filepath="$PROJECT_DIR$/cdktf/.idea/cdktf.iml" />
6
5
  <module fileurl="file://$PROJECT_DIR$/.idea/pineapple.iml" filepath="$PROJECT_DIR$/.idea/pineapple.iml" />
7
6
  </modules>
8
7
  </component>
@@ -4,14 +4,16 @@
4
4
  <option name="autoReloadType" value="SELECTIVE" />
5
5
  </component>
6
6
  <component name="ChangeListManager">
7
- <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="Changes" comment="Add dynamic url adder UI">
8
- <change afterPath="$PROJECT_DIR$/src/lib/template/seaweed/UrlShortenerForm.svelte" afterDir="false" />
9
- <change afterPath="$PROJECT_DIR$/src/lib/types/api/CreateUrl.ts" afterDir="false" />
10
- <change afterPath="$PROJECT_DIR$/src/lib/types/api/index.ts" afterDir="false" />
11
- <change afterPath="$PROJECT_DIR$/src/routes/api/create-url/+server.ts" afterDir="false" />
12
- <change beforePath="$PROJECT_DIR$/src/lib/index.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/index.ts" afterDir="false" />
7
+ <list default="true" id="accb6ba2-c343-4f84-ad30-6e2d71eceee5" name="CreateUrlForm" comment="Fix Advanced Settings layout in dark mode">
8
+ <change afterPath="$PROJECT_DIR$/src/lib/components/PineappleSlideToggle.svelte" afterDir="false" />
9
+ <change beforePath="$PROJECT_DIR$/src/lib/app.postcss" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/app.postcss" afterDir="false" />
10
+ <change beforePath="$PROJECT_DIR$/src/lib/components/Card.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/components/Card.svelte" afterDir="false" />
11
+ <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" />
12
+ <change beforePath="$PROJECT_DIR$/src/lib/template/seaweed/CreateUrlForm.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/template/seaweed/CreateUrlForm.svelte" afterDir="false" />
13
13
  <change beforePath="$PROJECT_DIR$/src/lib/template/seaweed/SeaweedTemplate.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/lib/template/seaweed/SeaweedTemplate.svelte" afterDir="false" />
14
- <change beforePath="$PROJECT_DIR$/src/routes/(seaweed)/+layout.svelte" beforeDir="false" afterPath="$PROJECT_DIR$/src/routes/(seaweed)/+layout.svelte" afterDir="false" />
14
+ <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" />
15
+ <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" />
16
+ <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" />
15
17
  </list>
16
18
  <option name="SHOW_DIALOG" value="false" />
17
19
  <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -60,13 +62,14 @@
60
62
  <option value="RandomComponent" />
61
63
  <option value="UrlShortenerForm" />
62
64
  <option value="TypeScript File" />
65
+ <option value="PineappleSlideToggle" />
63
66
  </list>
64
67
  </option>
65
68
  </component>
66
69
  <component name="Git.Settings">
67
70
  <option name="RECENT_BRANCH_BY_REPOSITORY">
68
71
  <map>
69
- <entry key="$PROJECT_DIR$" value="dbc946a316ca6b2c95588d487cf48fe8f4a04801" />
72
+ <entry key="$PROJECT_DIR$" value="main" />
70
73
  </map>
71
74
  </option>
72
75
  <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
@@ -114,34 +117,34 @@
114
117
  <option name="hideEmptyMiddlePackages" value="true" />
115
118
  <option name="showLibraryContents" value="true" />
116
119
  </component>
117
- <component name="PropertiesComponent">{
118
- &quot;keyToString&quot;: {
119
- &quot;DefaultHtmlFileTemplate&quot;: &quot;HTML File&quot;,
120
- &quot;RunOnceActivity.OpenProjectViewOnStart&quot;: &quot;true&quot;,
121
- &quot;RunOnceActivity.ShowReadmeOnStart&quot;: &quot;true&quot;,
122
- &quot;WebServerToolWindowFactoryState&quot;: &quot;false&quot;,
123
- &quot;git-widget-placeholder&quot;: &quot;turnip/customizable2&quot;,
124
- &quot;ignore.virus.scanning.warn.message&quot;: &quot;true&quot;,
125
- &quot;last_opened_file_path&quot;: &quot;C:/Users/Pumpkin/Projects/Web/pineapple/src/routes/api/create-url&quot;,
126
- &quot;list.type.of.created.stylesheet&quot;: &quot;CSS&quot;,
127
- &quot;node.js.detected.package.eslint&quot;: &quot;true&quot;,
128
- &quot;node.js.detected.package.tslint&quot;: &quot;true&quot;,
129
- &quot;node.js.selected.package.eslint&quot;: &quot;(autodetect)&quot;,
130
- &quot;node.js.selected.package.tslint&quot;: &quot;(autodetect)&quot;,
131
- &quot;nodejs_interpreter_path&quot;: &quot;node&quot;,
132
- &quot;nodejs_package_manager_path&quot;: &quot;yarn&quot;,
133
- &quot;npm.build.executor&quot;: &quot;Run&quot;,
134
- &quot;npm.dev (1).executor&quot;: &quot;Run&quot;,
135
- &quot;npm.dev --open.executor&quot;: &quot;Run&quot;,
136
- &quot;npm.dev offline.executor&quot;: &quot;Run&quot;,
137
- &quot;npm.dev-offline.executor&quot;: &quot;Run&quot;,
138
- &quot;npm.dev.executor&quot;: &quot;Run&quot;,
139
- &quot;npm.to-dev.executor&quot;: &quot;Run&quot;,
140
- &quot;settings.editor.selected.configurable&quot;: &quot;preferences.general&quot;,
141
- &quot;ts.external.directory.path&quot;: &quot;C:\\Users\\Pumpkin\\Projects\\Web\\pineapple\\node_modules\\typescript\\lib&quot;,
142
- &quot;vue.rearranger.settings.migration&quot;: &quot;true&quot;
120
+ <component name="PropertiesComponent"><![CDATA[{
121
+ "keyToString": {
122
+ "DefaultHtmlFileTemplate": "HTML File",
123
+ "RunOnceActivity.OpenProjectViewOnStart": "true",
124
+ "RunOnceActivity.ShowReadmeOnStart": "true",
125
+ "WebServerToolWindowFactoryState": "false",
126
+ "git-widget-placeholder": "turnip/dev",
127
+ "ignore.virus.scanning.warn.message": "true",
128
+ "last_opened_file_path": "C:/Users/Pumpkin/Projects/Web/pineapple",
129
+ "list.type.of.created.stylesheet": "CSS",
130
+ "node.js.detected.package.eslint": "true",
131
+ "node.js.detected.package.tslint": "true",
132
+ "node.js.selected.package.eslint": "(autodetect)",
133
+ "node.js.selected.package.tslint": "(autodetect)",
134
+ "nodejs_interpreter_path": "node",
135
+ "nodejs_package_manager_path": "yarn",
136
+ "npm.build.executor": "Run",
137
+ "npm.dev (1).executor": "Run",
138
+ "npm.dev --open.executor": "Run",
139
+ "npm.dev offline.executor": "Run",
140
+ "npm.dev-offline.executor": "Run",
141
+ "npm.dev.executor": "Run",
142
+ "npm.to-dev.executor": "Run",
143
+ "settings.editor.selected.configurable": "settings.sync",
144
+ "ts.external.directory.path": "C:\\Users\\Pumpkin\\Projects\\Web\\pineapple\\node_modules\\typescript\\lib",
145
+ "vue.rearranger.settings.migration": "true"
143
146
  }
144
- }</component>
147
+ }]]></component>
145
148
  <component name="RecentsManager">
146
149
  <key name="CopyFile.RECENT_KEYS">
147
150
  <recent name="C:\Users\Pumpkin\Projects\Web\pineapple\src\routes\api\create-url" />
@@ -339,39 +342,11 @@
339
342
  <workItem from="1712536086680" duration="3657000" />
340
343
  <workItem from="1712557998479" duration="1152000" />
341
344
  <workItem from="1712560061741" duration="265000" />
342
- <workItem from="1712560426380" duration="2683000" />
343
- </task>
344
- <task id="LOCAL-00120" summary="Change media to container">
345
- <option name="closed" value="true" />
346
- <created>1711685070024</created>
347
- <option name="number" value="00120" />
348
- <option name="presentableId" value="LOCAL-00120" />
349
- <option name="project" value="LOCAL" />
350
- <updated>1711685070024</updated>
351
- </task>
352
- <task id="LOCAL-00121" summary="Add toggle to showcase pagination prevention">
353
- <option name="closed" value="true" />
354
- <created>1711910588771</created>
355
- <option name="number" value="00121" />
356
- <option name="presentableId" value="LOCAL-00121" />
357
- <option name="project" value="LOCAL" />
358
- <updated>1711910588772</updated>
359
- </task>
360
- <task id="LOCAL-00122" summary="WIP custom v1">
361
- <option name="closed" value="true" />
362
- <created>1711940053335</created>
363
- <option name="number" value="00122" />
364
- <option name="presentableId" value="LOCAL-00122" />
365
- <option name="project" value="LOCAL" />
366
- <updated>1711940053335</updated>
367
- </task>
368
- <task id="LOCAL-00123" summary="Rename Seaweed to seaweed">
369
- <option name="closed" value="true" />
370
- <created>1711940145763</created>
371
- <option name="number" value="00123" />
372
- <option name="presentableId" value="LOCAL-00123" />
373
- <option name="project" value="LOCAL" />
374
- <updated>1711940145763</updated>
345
+ <workItem from="1712560426380" duration="3011000" />
346
+ <workItem from="1712563659982" duration="1353000" />
347
+ <workItem from="1712570296984" duration="1559000" />
348
+ <workItem from="1712571884570" duration="7000" />
349
+ <workItem from="1712636226857" duration="10372000" />
375
350
  </task>
376
351
  <task id="LOCAL-00124" summary="Fully extract all entries from groups">
377
352
  <option name="closed" value="true" />
@@ -733,7 +708,39 @@
733
708
  <option name="project" value="LOCAL" />
734
709
  <updated>1712543711416</updated>
735
710
  </task>
736
- <option name="localTasksCounter" value="169" />
711
+ <task id="LOCAL-00169" summary="Add CreateUrl UI">
712
+ <option name="closed" value="true" />
713
+ <created>1712563193335</created>
714
+ <option name="number" value="00169" />
715
+ <option name="presentableId" value="LOCAL-00169" />
716
+ <option name="project" value="LOCAL" />
717
+ <updated>1712563193335</updated>
718
+ </task>
719
+ <task id="LOCAL-00170" summary="Fix component names being deprettified">
720
+ <option name="closed" value="true" />
721
+ <created>1712571707602</created>
722
+ <option name="number" value="00170" />
723
+ <option name="presentableId" value="LOCAL-00170" />
724
+ <option name="project" value="LOCAL" />
725
+ <updated>1712571707602</updated>
726
+ </task>
727
+ <task id="LOCAL-00171" summary="Fix Advanced Settings layout in dark more">
728
+ <option name="closed" value="true" />
729
+ <created>1712643641833</created>
730
+ <option name="number" value="00171" />
731
+ <option name="presentableId" value="LOCAL-00171" />
732
+ <option name="project" value="LOCAL" />
733
+ <updated>1712643641833</updated>
734
+ </task>
735
+ <task id="LOCAL-00172" summary="Fix Advanced Settings layout in dark mode">
736
+ <option name="closed" value="true" />
737
+ <created>1712643646820</created>
738
+ <option name="number" value="00172" />
739
+ <option name="presentableId" value="LOCAL-00172" />
740
+ <option name="project" value="LOCAL" />
741
+ <updated>1712643646820</updated>
742
+ </task>
743
+ <option name="localTasksCounter" value="173" />
737
744
  <servers />
738
745
  </component>
739
746
  <component name="TypeScriptGeneratedFilesManager">
@@ -791,10 +798,6 @@
791
798
  </option>
792
799
  </component>
793
800
  <component name="VcsManagerConfiguration">
794
- <MESSAGE value="Revert &quot;Correct app_build_command in Azure SWA GithubActions&quot;&#10;&#10;Revert b34caf17" />
795
- <MESSAGE value="Temporarily delete workflow to let Azure auto-generate secrets" />
796
- <MESSAGE value="Change npm to yarn in GithubActions" />
797
- <MESSAGE value="Cancel migration to Azure" />
798
801
  <MESSAGE value="Extract plan for dynamic portfolio layout" />
799
802
  <MESSAGE value="Remove floating-ui" />
800
803
  <MESSAGE value="Move shouldAddFunNote to data" />
@@ -816,6 +819,10 @@
816
819
  <MESSAGE value="Move parseQtTerm on afterUpdate" />
817
820
  <MESSAGE value="Change parseQueryTerm to parse during runtime on the DOM instead of on the raw svelte text" />
818
821
  <MESSAGE value="Add dynamic url adder UI" />
819
- <option name="LAST_COMMIT_MESSAGE" value="Add dynamic url adder UI" />
822
+ <MESSAGE value="Add CreateUrl UI" />
823
+ <MESSAGE value="Fix component names being deprettified" />
824
+ <MESSAGE value="Fix Advanced Settings layout in dark more" />
825
+ <MESSAGE value="Fix Advanced Settings layout in dark mode" />
826
+ <option name="LAST_COMMIT_MESSAGE" value="Fix Advanced Settings layout in dark mode" />
820
827
  </component>
821
828
  </project>
@@ -185,7 +185,6 @@ a:active {
185
185
  }
186
186
 
187
187
  #toast-progress::-moz-progress-bar {
188
- /*background-color: red;*/
189
188
  background: rgba(var(--color-secondary-500));
190
189
  }
191
190
 
@@ -207,3 +206,7 @@ a:active {
207
206
  .dark .ares-logo {
208
207
  filter: invert(100%);
209
208
  }
209
+
210
+ .input {
211
+ @apply border-surface-800;
212
+ }
@@ -0,0 +1 @@
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>
@@ -3,6 +3,7 @@ export let marginBottom = "2lh";
3
3
  export let overrideStyle = "";
4
4
  export let includeDataNoSnippet = true;
5
5
  export let additionalClass = [];
6
+ export let turnOnLightModeBorder = true;
6
7
  const style = `
7
8
  --turnip-card-margin: ${margin};
8
9
  --turnip-card-margin-bottom: ${marginBottom};
@@ -11,7 +12,16 @@ const style = `
11
12
  if (!$$slots.content) {
12
13
  console.error("Missing content slot in card. No content will be displayed.");
13
14
  }
14
- const classes = ["card", "turnip-card"].concat(additionalClass).join(" ");
15
+ const originalClasses = ["card", "turnip-card"].concat(additionalClass).join(" ");
16
+ let classes = originalClasses.slice();
17
+ const toggleLightModeBorder = (turnOnLightModeBorder2) => {
18
+ classes = originalClasses;
19
+ if (turnOnLightModeBorder2) {
20
+ classes += " light-mode-border";
21
+ }
22
+ };
23
+ $:
24
+ toggleLightModeBorder(turnOnLightModeBorder);
15
25
  </script>
16
26
 
17
27
  {#if (includeDataNoSnippet)}
@@ -19,17 +29,28 @@ const classes = ["card", "turnip-card"].concat(additionalClass).join(" ");
19
29
  <slot name="content" class="card" />
20
30
  </div>
21
31
  {:else }
22
- <div class="card turnip-card" style={style}>
32
+ <div class={classes} style={style}>
23
33
  <slot name="content" class="card" />
24
34
  </div>
25
35
  {/if}
26
36
 
27
37
  <style>
38
+ /*noinspection CssUnusedSymbol*/
39
+ .light-mode-border {
40
+ border-width: 2px;
41
+ --tw-border-opacity: 1;
42
+ border-color: rgb(var(--color-surface-600) / var(--tw-border-opacity));
43
+ }
44
+ :is(.dark .light-mode-border) {
45
+ border-width: 0px;
46
+ }
47
+
48
+ /*noinspection CssUnusedSymbol*/
28
49
  .turnip-card {
29
50
  --tw-bg-opacity: 1;
30
51
  background-color: rgb(var(--color-surface-100) / var(--tw-bg-opacity));
31
52
  }
32
- :is(.dark .turnip-card) {
53
+ :is(.dark .turnip-card) {
33
54
  --tw-bg-opacity: 1;
34
55
  background-color: rgb(var(--color-surface-900) / var(--tw-bg-opacity));
35
56
  }
@@ -6,6 +6,7 @@ declare const __propDef: {
6
6
  overrideStyle?: string | undefined;
7
7
  includeDataNoSnippet?: boolean | undefined;
8
8
  additionalClass?: string[] | undefined;
9
+ turnOnLightModeBorder?: boolean | undefined;
9
10
  };
10
11
  events: {
11
12
  [evt: string]: CustomEvent<any>;
@@ -0,0 +1,10 @@
1
+ <script>export let checked = false;
2
+ export let name;
3
+ import { SlideToggle } from "@skeletonlabs/skeleton";
4
+ </script>
5
+
6
+ <SlideToggle name={name}
7
+ background="bg-surface-700 dark:bg-surface-700"
8
+ bind:checked={checked}>
9
+ <slot />
10
+ </SlideToggle>
@@ -0,0 +1,19 @@
1
+ import { SvelteComponent } from "svelte";
2
+ declare const __propDef: {
3
+ props: {
4
+ checked?: boolean | undefined;
5
+ name: string;
6
+ };
7
+ events: {
8
+ [evt: string]: CustomEvent<any>;
9
+ };
10
+ slots: {
11
+ default: {};
12
+ };
13
+ };
14
+ export type PineappleSlideToggleProps = typeof __propDef.props;
15
+ export type PineappleSlideToggleEvents = typeof __propDef.events;
16
+ export type PineappleSlideToggleSlots = typeof __propDef.slots;
17
+ export default class PineappleSlideToggle extends SvelteComponent<PineappleSlideToggleProps, PineappleSlideToggleEvents, PineappleSlideToggleSlots> {
18
+ }
19
+ export {};
@@ -13,3 +13,10 @@ let onClickInternal = () => {
13
13
  <ComboBox bind:selectedValue={selectedValue}
14
14
  bind:stringItems={stringItems}></ComboBox>
15
15
  </div>
16
+
17
+ <style>
18
+ .combo-box-wrapper {
19
+ display: flex;
20
+ gap: 1em;
21
+ }
22
+ </style>
@@ -56,7 +56,9 @@ const dismissToast = () => {
56
56
  {#if (localComponent !== undefined)}
57
57
  <div class="toast-positioner" style={`bottom: ${$position}lh;`}>
58
58
  <!-- todo: adjust shadow to be more dynamic or transparent -->
59
- <Card marginBottom="1lh" overrideStyle="box-shadow: 3px 3px 3px var(--shadow-color);">
59
+ <Card marginBottom="1lh"
60
+ turnOnLightModeBorder={false}
61
+ overrideStyle="box-shadow: 3px 3px 3px var(--shadow-color);">
60
62
  <div slot="content">
61
63
  {#if (localProps !== undefined)}
62
64
  <svelte:component this={localComponent}
@@ -77,7 +79,7 @@ const dismissToast = () => {
77
79
  position: fixed;
78
80
  /* 12em = this component's margin (4em) + fab margin + width (8em) */
79
81
  max-width: calc(100vw - 12em);
80
- z-index: 100;
82
+ z-index: 100;
81
83
  }
82
84
 
83
85
  .toast-positioner:dir(ltr) {
@@ -37,7 +37,7 @@ const post = () => {
37
37
  };
38
38
  </script>
39
39
 
40
- <div>
40
+ <div class="local-list">
41
41
  <label for="short-url">Short URL for url shortener</label>
42
42
  <input bind:value={request.shortUrl}
43
43
  name="short-url"
@@ -49,6 +49,18 @@ const post = () => {
49
49
  name="password"
50
50
  class="input"
51
51
  type="password"
52
- placeholder="Input" />
53
- <button class="btn variant-filled" on:click={post}>Send link</button>
52
+ placeholder="ILoveTurnips" />
53
+ <button class="send-link btn variant-filled" on:click={post}>Send link</button>
54
54
  </div>
55
+
56
+ <style>
57
+ .local-list {
58
+ display: flex;
59
+ flex-direction: column;
60
+ gap: 0.25lh;
61
+ }
62
+
63
+ .send-link {
64
+ margin-top: 0.75lh;
65
+ }
66
+ </style>
@@ -16,6 +16,7 @@ import {
16
16
  } from "./SeaweedTemplateData";
17
17
  import { parseQueryTerms } from "./ParseQueryTerms";
18
18
  import UrlShortenerForm from "./CreateUrlForm.svelte";
19
+ import PineappleSlideToggle from "../../components/PineappleSlideToggle.svelte";
19
20
  export let letChaos = true;
20
21
  export let name = "Turnip";
21
22
  export let email = "turnipxenon@gmail.com";
@@ -310,7 +311,7 @@ $:
310
311
 
311
312
  <section class={group.gridClass}>
312
313
  {#each group.items as entry}
313
- <svelte:component this={entry} props={entryProps}></svelte:component>
314
+ <svelte:component this={entry.component} props={entryProps}></svelte:component>
314
315
  {/each}
315
316
  </section>
316
317
  {/if}
@@ -324,18 +325,21 @@ $:
324
325
  <h1>Advanced settings</h1>
325
326
  <p>This one is for those curious how I customize this page.</p>
326
327
 
327
- <SlideToggle name="advanced-setting-slider" bind:checked={isAdvanceSettingOn}>
328
+ <PineappleSlideToggle name="advanced-setting-slider"
329
+ bind:checked={isAdvanceSettingOn}>
328
330
  Advanced settings: {isAdvanceSettingOn ? "On" : "Off"}
329
- </SlideToggle>
331
+ </PineappleSlideToggle>
330
332
 
331
333
  {#if (isAdvanceSettingOn)}
332
- <SlideToggle name="game-section-slider" bind:checked={seaweedTemplateData.gameSectionFirst}>
334
+ <PineappleSlideToggle name="game-section-slider"
335
+ bind:checked={seaweedTemplateData.gameSectionFirst}>
333
336
  Should game section appear first over projects: {seaweedTemplateData.gameSectionFirst ? "On" : "Off"}
334
- </SlideToggle>
337
+ </PineappleSlideToggle>
335
338
  <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>
336
- <SlideToggle name="fun-note-slider" bind:checked={seaweedTemplateData.shouldAddFunNote}>
339
+ <PineappleSlideToggle name="fun-note-slider"
340
+ bind:checked={seaweedTemplateData.shouldAddFunNote}>
337
341
  Should add fun note in description: {seaweedTemplateData.shouldAddFunNote ? "On" : "Off"}
338
- </SlideToggle>
342
+ </PineappleSlideToggle>
339
343
 
340
344
  <h3>Query terms to bold</h3>
341
345
  <div class="query-term-grid">
@@ -3,9 +3,13 @@ export declare enum GroupGridClass {
3
3
  Games = "games-section",
4
4
  Projects = "projects-section"
5
5
  }
6
+ export interface ComponentMeta {
7
+ name: string;
8
+ component: ComponentType;
9
+ }
6
10
  export interface EntryGroup {
7
11
  name: string;
8
- items: ComponentType[];
12
+ items: ComponentMeta[];
9
13
  gridClass: string;
10
14
  }
11
15
  export declare const GameEntries: Readonly<EntryGroup>;
@@ -14,8 +18,8 @@ export declare const EmptyRelevantProjects: Readonly<EntryGroup>;
14
18
  export declare const AllGroupedEntriesGameFirst: ReadonlyArray<EntryGroup>;
15
19
  export declare const AllGroupedEntriesProjectFirst: ReadonlyArray<EntryGroup>;
16
20
  export declare const lazyInitializeAllFlatEntries: () => void;
17
- export declare const GetAllEntryFromGlobal: () => Map<string, ComponentType>;
18
- export declare const GetEntryFromGlobal: (name: string) => ComponentType | undefined;
21
+ export declare const GetAllEntryFromGlobal: () => Map<string, ComponentMeta>;
22
+ export declare const GetEntryFromGlobal: (name: string) => ComponentMeta | undefined;
19
23
  export declare const TurnGroupEntriesMutable: (allEntries: ReadonlyArray<EntryGroup>) => EntryGroup[];
20
24
  export interface SeaweedTemplateData {
21
25
  groupedEntries: EntryGroup[];
@@ -19,12 +19,26 @@ export var GroupGridClass;
19
19
  })(GroupGridClass || (GroupGridClass = {}));
20
20
  export const GameEntries = {
21
21
  name: DefaultHeader.Games.toString(),
22
- items: [Pengi, Hepcat, ChefWings, Soulwork, ItchPromo],
22
+ items: [
23
+ { name: "Pengi", component: Pengi },
24
+ { name: "Hepcat", component: Hepcat },
25
+ { name: "Chef Wings", component: ChefWings },
26
+ { name: "Soulwork", component: Soulwork },
27
+ { name: "Itch Promo", component: ItchPromo }
28
+ ],
23
29
  gridClass: GroupGridClass.Games.toString()
24
30
  };
25
31
  export const ProjectEntries = {
26
32
  name: DefaultHeader.Projects.toString(),
27
- items: [MigranteAlberta, DecentralizedSocialMedia, CustomizedYarnspinner, FullStackC, Workset, ThisWebpage, MockUberApp],
33
+ items: [
34
+ { name: "Migrante Alberta", component: MigranteAlberta },
35
+ { name: "Decentralized Social Media", component: DecentralizedSocialMedia },
36
+ { name: "Customized YarnSpinner", component: CustomizedYarnspinner },
37
+ { name: "Full Stack C", component: FullStackC },
38
+ { name: "Workset", component: Workset },
39
+ { name: "This Webpage", component: ThisWebpage },
40
+ { name: "Mock Uber App", component: MockUberApp }
41
+ ],
28
42
  gridClass: GroupGridClass.Projects.toString()
29
43
  };
30
44
  export const EmptyRelevantProjects = {
@@ -30,6 +30,8 @@ export let props;
30
30
  <Chip>Typescript</Chip>
31
31
  <Chip>Vercel</Chip>
32
32
  <Chip>YarnSpinner</Chip>
33
+ <Chip>Postgres (SQL database)</Chip>
34
+ <Chip>Prisma ORM</Chip>
33
35
  </p>
34
36
 
35
37
  <section class="game-link-section">