From 7f93aef9cc9e808bdfb8a3ac319fabc5ec1ad3a2 Mon Sep 17 00:00:00 2001 From: sethburkart123 Date: Fri, 6 Sep 2024 07:00:48 +1000 Subject: [PATCH] fix(popup): correct incorrect transform on switches --- src/svelte-interface/components/Switch.svelte | 21 ++++++------------- src/svelte-interface/index.html | 6 +++--- src/svelte-interface/index.ts | 16 ++++++++++++++ src/svelte-interface/main.ts | 11 +++++----- src/svelte-interface/pages/settings.svelte | 13 ++++++++++-- .../utils/standalone.svelte.ts | 14 +++++++++++++ 6 files changed, 56 insertions(+), 25 deletions(-) create mode 100644 src/svelte-interface/index.ts create mode 100644 src/svelte-interface/utils/standalone.svelte.ts diff --git a/src/svelte-interface/components/Switch.svelte b/src/svelte-interface/components/Switch.svelte index f97dfa51..d45393e8 100644 --- a/src/svelte-interface/components/Switch.svelte +++ b/src/svelte-interface/components/Switch.svelte @@ -1,13 +1,10 @@
e.key === "Enter" && toggleSwitch()} + onclick={() => onChange(!state)} + onkeydown={(e) => e.key === "Enter" && onChange(!state)} role="switch" aria-checked={state} tabindex="0" diff --git a/src/svelte-interface/index.html b/src/svelte-interface/index.html index 0e3ab538..93137db0 100644 --- a/src/svelte-interface/index.html +++ b/src/svelte-interface/index.html @@ -5,8 +5,8 @@ BetterSEQTA+ Settings - + + asdasds - I (Crazypersonalph) agree with this statement. - - + \ No newline at end of file diff --git a/src/svelte-interface/index.ts b/src/svelte-interface/index.ts new file mode 100644 index 00000000..d261d295 --- /dev/null +++ b/src/svelte-interface/index.ts @@ -0,0 +1,16 @@ +import { mount } from 'svelte'; +import Settings from './pages/settings.svelte'; +import { initializeSettingsState } from '@/seqta/utils/listeners/SettingsState'; +import './index.css'; + + +initializeSettingsState(); + +const app = mount(Settings, { + target: document.body, + props: { + standalone: true + } +}); + +console.log(app); diff --git a/src/svelte-interface/main.ts b/src/svelte-interface/main.ts index 009aed39..1882f5e7 100644 --- a/src/svelte-interface/main.ts +++ b/src/svelte-interface/main.ts @@ -5,22 +5,23 @@ import Settings from './pages/settings.svelte'; import styles from './index.css?inline'; import { mount } from 'svelte'; -export default function initSvelteInterface(shadow: ShadowRoot) { - console.log(shadow) - +export default function initSvelteInterface(mountPoint: ShadowRoot | HTMLElement) { /* routes.set({ 'settings': Settings, '*': Settings }) */ const app = mount(Settings, { - target: shadow, + target: mountPoint, + props: { + standalone: false + } }); const style2 = document.createElement("style"); style2.setAttribute("type", "text/css"); style2.innerHTML = styles; - shadow.appendChild(style2); + mountPoint.appendChild(style2); return app; } \ No newline at end of file diff --git a/src/svelte-interface/pages/settings.svelte b/src/svelte-interface/pages/settings.svelte index 0af5ab2a..71da4a30 100644 --- a/src/svelte-interface/pages/settings.svelte +++ b/src/svelte-interface/pages/settings.svelte @@ -5,14 +5,23 @@ import Theme from './settings/theme.svelte'; import browser from 'webextension-polyfill'; + import { createStandalone } from '../utils/standalone.svelte'; + import { onMount } from 'svelte' + const openChangelog = () => { browser.runtime.sendMessage({ type: 'currentTab', info: 'OpenChangelog' }); }; - let standalone = $state(false); + let { standalone } = $props<{ standalone: boolean }>(); + + onMount(() => { + if (!standalone) return; + let globalStandalone = createStandalone(); + globalStandalone = standalone; + }); -
+
Light logo diff --git a/src/svelte-interface/utils/standalone.svelte.ts b/src/svelte-interface/utils/standalone.svelte.ts new file mode 100644 index 00000000..3a8c9461 --- /dev/null +++ b/src/svelte-interface/utils/standalone.svelte.ts @@ -0,0 +1,14 @@ +export function createStandalone() { + let standalone = $state(false); + + function setStandalone(value: boolean) { + standalone = value; + } + + return { + get standalone() { + return standalone; + }, + setStandalone + }; +} \ No newline at end of file