From 059dd95e2551a1eb7d2fa88602d684f3e7079069 Mon Sep 17 00:00:00 2001 From: SukuWc Date: Thu, 2 Oct 2025 19:02:34 +0200 Subject: [PATCH 01/29] SUKU light mode compatibility improved --- src/lib/components/DataInput.svelte | 3 +- .../tree/ProfileCloudTreeItem.svelte | 11 +++-- src/lib/components/tree/TreeFolder.svelte | 6 +-- src/routes/+layout.svelte | 44 +++---------------- src/routes/ConfigCardDisplay.svelte | 20 +++++---- src/routes/EditorLayout.svelte | 6 ++- src/routes/UserLogin.svelte | 18 +++++--- 7 files changed, 42 insertions(+), 66 deletions(-) diff --git a/src/lib/components/DataInput.svelte b/src/lib/components/DataInput.svelte index f81ce61..926c0c5 100644 --- a/src/lib/components/DataInput.svelte +++ b/src/lib/components/DataInput.svelte @@ -30,7 +30,8 @@ @@ -99,8 +99,7 @@ align-items: center; width: 100%; border-width: 1px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); - background-color: #2a3439; + background-color: var(--background); height: 33px; padding: 0; } @@ -110,7 +109,7 @@ } .border-unselected { - border-color: rgba(255, 255, 255, 0.1); + border-color: transparent; } .status-indicator { @@ -154,7 +153,7 @@ overflow: hidden; text-overflow: ellipsis; text-align: left; - color: white; + color: var(--foreground); } .label-incompatible { @@ -162,7 +161,7 @@ } .type-label { - color: white; + color: var(--foreground-muted); font-size: inherit; padding: 0.125rem 0.5rem; border-width: 1px; diff --git a/src/lib/components/tree/TreeFolder.svelte b/src/lib/components/tree/TreeFolder.svelte index d0cc3e9..41a8b71 100644 --- a/src/lib/components/tree/TreeFolder.svelte +++ b/src/lib/components/tree/TreeFolder.svelte @@ -37,7 +37,7 @@ > @@ -49,13 +49,13 @@ align-items: center; margin-bottom: 0.25rem; height: 1.25rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.4); + border-bottom: 1px solid var(--foreground-disabled); } .title { flex-grow: 1; text-align: left; - color: rgba(255, 255, 255, 0.8); + color: var(--foreground-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index dea403b..fe23d8f 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -1,5 +1,6 @@ -
+
{#if typeof data !== "undefined"}
@@ -80,9 +83,7 @@
- {configOwner} + {configOwner}
{#if data.isEditable} @@ -187,7 +188,7 @@
-
+
{:else} -
- No configuration is selected +
+ No configuration is selected
{/if}
diff --git a/src/routes/EditorLayout.svelte b/src/routes/EditorLayout.svelte index ebbf5f8..3a55c58 100644 --- a/src/routes/EditorLayout.svelte +++ b/src/routes/EditorLayout.svelte @@ -417,7 +417,11 @@ } -
+
{#if configurationSaveVisible} diff --git a/src/routes/UserLogin.svelte b/src/routes/UserLogin.svelte index 0dbef3e..5c809fc 100644 --- a/src/routes/UserLogin.svelte +++ b/src/routes/UserLogin.svelte @@ -8,6 +8,8 @@ import { get } from "svelte/store"; import { firestore } from "../lib/firebase"; import { submitAnalytics } from "./analytics"; + import { MoltenPushButton } from "@intechstudio/grid-uikit"; + import { getUserNameByUid, usernameSelectionFeedback, @@ -194,11 +196,15 @@ {:else}
-
Login to save and browse your profiles
- + />
{/if} From 17a8fc1eea7e04779a224be2e8a3d9e7323b523f Mon Sep 17 00:00:00 2001 From: SukuWc Date: Fri, 3 Oct 2025 16:27:15 +0200 Subject: [PATCH 02/29] SUKU search and filter background fixed --- src/routes/ConfigDescription.svelte | 5 ++--- src/routes/ConfigurationSave.svelte | 10 ++++++++++ src/routes/EditorLayout.svelte | 3 ++- src/routes/SearchBar.svelte | 12 +++++++++++- src/routes/Sorter.svelte | 25 +++++++++++++++---------- 5 files changed, 40 insertions(+), 15 deletions(-) diff --git a/src/routes/ConfigDescription.svelte b/src/routes/ConfigDescription.svelte index 37cb18e..55df715 100644 --- a/src/routes/ConfigDescription.svelte +++ b/src/routes/ConfigDescription.svelte @@ -133,8 +133,7 @@ bind:this={textArea} contenteditable="true" spellcheck="false" - class="w-full p-1 h-full overflow-y-auto dark:bg-primary border border-transparent focus:border-emerald-500 focus:outline-none resize-none" - class:dark:hover:bg-neutral-800={!disabled} + class="w-full p-1 h-full overflow-y-auto border border-transparent focus:border-emerald-500 focus:outline-none resize-none" on:blur={handleBlur} on:paste={handlePaste} bind:value @@ -142,7 +141,7 @@ {:else if mode === "preview"}
{@html highlightMatches(preview, $filter_value)} diff --git a/src/routes/ConfigurationSave.svelte b/src/routes/ConfigurationSave.svelte index f7d8cc8..ff24d37 100644 --- a/src/routes/ConfigurationSave.svelte +++ b/src/routes/ConfigurationSave.svelte @@ -193,3 +193,13 @@
{/if} + + diff --git a/src/routes/EditorLayout.svelte b/src/routes/EditorLayout.svelte index 3a55c58..456f97d 100644 --- a/src/routes/EditorLayout.svelte +++ b/src/routes/EditorLayout.svelte @@ -437,7 +437,8 @@
{/if}
+ + diff --git a/src/routes/Sorter.svelte b/src/routes/Sorter.svelte index fcf1e5e..6e926b0 100644 --- a/src/routes/Sorter.svelte +++ b/src/routes/Sorter.svelte @@ -21,18 +21,15 @@ > sort by -
+
-
-
- - -
-
- {/if} - +{#if state === ConfigurationSaveState.SELECT} + + + + { + handleBackClicked(ConfigurationSaveState.SELECT); + }} + text={`Back`} + style={"normal"} + /> + + { + handleNextClicked(ConfigurationSaveState.SELECT); + }} + disabled={selected === ConfigurationSaveType.NONE} + text={`Next`} + style={"accept"} + /> + + +{:else if state === ConfigurationSaveState.SAVE} + + {#if selected === ConfigurationSaveType.ELEMENT} + {element} Configuration + {:else if selected === ConfigurationSaveType.MODULE} + {module} Configuration + {:else if selected === ConfigurationSaveType.SNIPPET} + Snippet Name + {/if} + + + + { + handleBackClicked(ConfigurationSaveState.SAVE); + }} + text={`Back`} + style={"normal"} + /> + + { + handleNextClicked(ConfigurationSaveState.SAVE); + }} + disabled={selected === ConfigurationSaveType.NONE} + text={`Save`} + style={"accept"} + /> + + +{/if} diff --git a/src/routes/EditorLayout.svelte b/src/routes/EditorLayout.svelte index 456f97d..7987542 100644 --- a/src/routes/EditorLayout.svelte +++ b/src/routes/EditorLayout.svelte @@ -37,10 +37,16 @@ import ConfigCardDisplay from "./ConfigCardDisplay.svelte"; import { Pane, Splitpanes } from "svelte-splitpanes"; import configuration from "../../Configuration.json"; - import { MeltCheckbox } from "@intechstudio/grid-uikit"; + import { MeltCheckbox, MoltenPushButton } from "@intechstudio/grid-uikit"; import { compatible_config_types } from "./EditorLayout"; import Sorter from "./Sorter.svelte"; import { dragTarget } from "../lib/actions/drag.action"; + import { + BlockRow, + BlockColumn, + Block, + BlockBody, + } from "@intechstudio/grid-uikit"; import DisplayOnWeb from "../lib/components/DisplayOnWeb.svelte"; @@ -423,37 +429,31 @@ class="flex flex-grow h-full relative z-0 overflow-hidden" >
-
- {#if configurationSaveVisible} -
- + {:else} + + + + { + handleOpenconfigurationSave(); + }} + text={"+"} + style={"normal"} /> -
- {:else} -
-
- - -
-
- -
-
+ + - {/if} -
+ + {/if}
Copied to clipboard!
diff --git a/src/routes/Filter.svelte b/src/routes/Filter.svelte index d5cb940..dbd2633 100644 --- a/src/routes/Filter.svelte +++ b/src/routes/Filter.svelte @@ -96,7 +96,7 @@ } - + + + diff --git a/src/routes/SearchBar.svelte b/src/routes/SearchBar.svelte index 4fbb241..819f7a2 100644 --- a/src/routes/SearchBar.svelte +++ b/src/routes/SearchBar.svelte @@ -71,10 +71,11 @@ } -