@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.
- package/.idea/modules.xml +0 -1
- package/.idea/workspace.xml +81 -74
- package/.svelte-kit/__package__/app.postcss +4 -1
- package/.svelte-kit/__package__/assets/icons/arrow-upward.svg +1 -0
- package/.svelte-kit/__package__/components/Card.svelte +24 -3
- package/.svelte-kit/__package__/components/Card.svelte.d.ts +1 -0
- package/.svelte-kit/__package__/components/PineappleSlideToggle.svelte +10 -0
- package/.svelte-kit/__package__/components/PineappleSlideToggle.svelte.d.ts +19 -0
- package/.svelte-kit/__package__/components/combo_box/ComboBoxWithButton.svelte +7 -0
- package/.svelte-kit/__package__/components/pineapple/toast/Toast.svelte +4 -2
- package/.svelte-kit/__package__/template/seaweed/CreateUrlForm.svelte +15 -3
- package/.svelte-kit/__package__/template/seaweed/SeaweedTemplate.svelte +11 -7
- package/.svelte-kit/__package__/template/seaweed/SeaweedTemplateData.d.ts +7 -3
- package/.svelte-kit/__package__/template/seaweed/SeaweedTemplateData.js +16 -2
- package/.svelte-kit/__package__/template/seaweed/entries/ThisWebpage.svelte +2 -0
- package/.svelte-kit/__package__/template/seaweed/entry_order_config/EntryOrderConfig.svelte +224 -47
- package/.svelte-kit/__package__/template/seaweed/entry_order_config/EntryOrderConfig.svelte.d.ts +1 -0
- package/.svelte-kit/__package__/template/seaweed/entry_order_config/entry-order-config.postcss +35 -0
- package/.svelte-kit/generated/server/internal.js +1 -1
- package/dist/app.postcss +4 -1
- package/dist/assets/icons/arrow-upward.svg +1 -0
- package/dist/components/Card.svelte +24 -3
- package/dist/components/Card.svelte.d.ts +1 -0
- package/dist/components/PineappleSlideToggle.svelte +10 -0
- package/dist/components/PineappleSlideToggle.svelte.d.ts +19 -0
- package/dist/components/combo_box/ComboBoxWithButton.svelte +7 -0
- package/dist/components/pineapple/toast/Toast.svelte +4 -2
- package/dist/template/seaweed/CreateUrlForm.svelte +15 -3
- package/dist/template/seaweed/SeaweedTemplate.svelte +11 -7
- package/dist/template/seaweed/SeaweedTemplateData.d.ts +7 -3
- package/dist/template/seaweed/SeaweedTemplateData.js +16 -2
- package/dist/template/seaweed/entries/ThisWebpage.svelte +2 -0
- package/dist/template/seaweed/entry_order_config/EntryOrderConfig.svelte +224 -47
- package/dist/template/seaweed/entry_order_config/EntryOrderConfig.svelte.d.ts +1 -0
- package/dist/template/seaweed/entry_order_config/entry-order-config.postcss +35 -0
- package/package.json +2 -2
- package/src/lib/app.postcss +4 -1
- package/src/lib/assets/icons/arrow-upward.svg +1 -0
- package/src/lib/components/Card.svelte +17 -2
- package/src/lib/components/PineappleSlideToggle.svelte +12 -0
- package/src/lib/components/combo_box/ComboBoxWithButton.svelte +7 -0
- package/src/lib/components/pineapple/toast/Toast.svelte +4 -2
- package/src/lib/template/seaweed/CreateUrlForm.svelte +15 -3
- package/src/lib/template/seaweed/SeaweedTemplate.svelte +11 -7
- package/src/lib/template/seaweed/SeaweedTemplateData.ts +23 -4
- package/src/lib/template/seaweed/entries/ThisWebpage.svelte +2 -0
- package/src/lib/template/seaweed/entry_order_config/EntryOrderConfig.svelte +115 -28
- package/src/lib/template/seaweed/entry_order_config/entry-order-config.postcss +35 -0
- package/src/routes/(pineapple)/pineapple/(pineapple)/+page.svelte +4 -3
- package/src/routes/(seaweed)/portfolio/actual/+page.svelte +1 -2
- 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>
|
package/.idea/workspace.xml
CHANGED
|
@@ -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="
|
|
8
|
-
<change afterPath="$PROJECT_DIR$/src/lib/
|
|
9
|
-
<change
|
|
10
|
-
<change afterPath="$PROJECT_DIR$/src/lib/
|
|
11
|
-
<change afterPath="$PROJECT_DIR$/src/
|
|
12
|
-
<change beforePath="$PROJECT_DIR$/src/lib/
|
|
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/
|
|
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="
|
|
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
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
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
|
-
}
|
|
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="
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
<
|
|
346
|
-
<
|
|
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
|
-
<
|
|
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 "Correct app_build_command in Azure SWA GithubActions" 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
|
-
<
|
|
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
|
|
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=
|
|
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
|
}
|
|
@@ -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 {};
|
|
@@ -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"
|
|
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
|
-
|
|
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="
|
|
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
|
-
<
|
|
328
|
+
<PineappleSlideToggle name="advanced-setting-slider"
|
|
329
|
+
bind:checked={isAdvanceSettingOn}>
|
|
328
330
|
Advanced settings: {isAdvanceSettingOn ? "On" : "Off"}
|
|
329
|
-
</
|
|
331
|
+
</PineappleSlideToggle>
|
|
330
332
|
|
|
331
333
|
{#if (isAdvanceSettingOn)}
|
|
332
|
-
<
|
|
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
|
-
</
|
|
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
|
-
<
|
|
339
|
+
<PineappleSlideToggle name="fun-note-slider"
|
|
340
|
+
bind:checked={seaweedTemplateData.shouldAddFunNote}>
|
|
337
341
|
Should add fun note in description: {seaweedTemplateData.shouldAddFunNote ? "On" : "Off"}
|
|
338
|
-
</
|
|
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:
|
|
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,
|
|
18
|
-
export declare const GetEntryFromGlobal: (name: string) =>
|
|
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: [
|
|
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: [
|
|
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 = {
|