FluentRead/userscript/settings.ts at main · FluentRead/FluentRead · GitHub

28 lines (25 loc) · 1007 Bytes

import SettingsPanel from './SettingsPanel.vue';

import {createVueShadowUi, type VueShadowMount} from '@/src/platform/shadow-ui';

import type {ShadowRootContentScriptUi} from 'wxt/utils/content-script-ui/shadow-root';

let settingsUi: ShadowRootContentScriptUi<VueShadowMount> | null = null;

export async function openUserscriptSettings(ctx: unknown, _section?: string): Promise<void> {

if (settingsUi) return;

let ui: ShadowRootContentScriptUi<VueShadowMount> | null = null;

const close = () => {

ui?.remove();

if (settingsUi === ui) settingsUi = null;

};

ui = await createVueShadowUi(ctx as never, {

name: 'fluent-read-userscript-settings-ui',

hostId: 'fluent-read-userscript-settings-container',

component: SettingsPanel,

props: {onClose: close},

zIndex: 2_147_483_647,

mode: 'closed',

});

settingsUi = ui;

}

export function closeUserscriptSettings(): void {

settingsUi?.remove();

settingsUi = null;

}

Expand file tree