chore(frontend): introduce prettier + eslint and prune unused code
- Add Prettier 3 with prettier-plugin-organize-imports (sorts/removes unused imports) - Add ESLint 10 flat config with typescript-eslint + eslint-plugin-vue + eslint-config-prettier - Add root scripts: format, format:check, lint, lint:fix - Reformat 257 files across admin-web, ops-web, desktop-client, packages - Remove unused locals/exports flagged by --noUnusedLocals/--noUnusedParameters - Fix duplicate localTabLabel key, surrogate-pair regex u-flag, NBSP literal in regex - Skip server/ (Go) and apps/browser-extension/ (deprecated per ADR) Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -1,70 +1,73 @@
|
||||
<script setup lang="ts">
|
||||
import { computed, defineAsyncComponent, onMounted, watch } from "vue";
|
||||
import { useDesktopSession } from "./composables/useDesktopSession";
|
||||
import LoginView from "./views/LoginView.vue";
|
||||
import { computed, defineAsyncComponent, onMounted, watch } from 'vue'
|
||||
import { useDesktopSession } from './composables/useDesktopSession'
|
||||
import LoginView from './views/LoginView.vue'
|
||||
|
||||
const DesktopShell = defineAsyncComponent(() => import("./components/DesktopShell.vue"));
|
||||
const SettingsWindow = defineAsyncComponent(() => import("./views/SettingsWindow.vue"));
|
||||
const DesktopShell = defineAsyncComponent(() => import('./components/DesktopShell.vue'))
|
||||
const SettingsWindow = defineAsyncComponent(() => import('./views/SettingsWindow.vue'))
|
||||
|
||||
const { isAuthenticated, syncRuntimeSession } = useDesktopSession();
|
||||
type RendererWindowMode = "auto" | "login" | "main" | "settings";
|
||||
const { isAuthenticated, syncRuntimeSession } = useDesktopSession()
|
||||
type RendererWindowMode = 'auto' | 'login' | 'main' | 'settings'
|
||||
|
||||
interface WindowModeBridge {
|
||||
setWindowMode?: (
|
||||
mode: "login" | "main",
|
||||
request?: { source?: "auth-state" | "login" | "logout"; animate?: boolean },
|
||||
) => Promise<unknown>;
|
||||
mode: 'login' | 'main',
|
||||
request?: { source?: 'auth-state' | 'login' | 'logout'; animate?: boolean },
|
||||
) => Promise<unknown>
|
||||
}
|
||||
|
||||
function resolveRendererWindowMode(): RendererWindowMode {
|
||||
const mode = new URLSearchParams(window.location.search).get("window");
|
||||
return mode === "login" || mode === "main" || mode === "settings" ? mode : "auto";
|
||||
const mode = new URLSearchParams(window.location.search).get('window')
|
||||
return mode === 'login' || mode === 'main' || mode === 'settings' ? mode : 'auto'
|
||||
}
|
||||
|
||||
function getModeBridge(): WindowModeBridge | undefined {
|
||||
return (globalThis as unknown as {
|
||||
desktopBridge?: { app?: WindowModeBridge };
|
||||
}).desktopBridge?.app;
|
||||
return (
|
||||
globalThis as unknown as {
|
||||
desktopBridge?: { app?: WindowModeBridge }
|
||||
}
|
||||
).desktopBridge?.app
|
||||
}
|
||||
|
||||
function syncWindowMode(authenticated: boolean): void {
|
||||
void getModeBridge()?.setWindowMode?.(authenticated ? "main" : "login", { source: "auth-state" });
|
||||
void getModeBridge()?.setWindowMode?.(authenticated ? 'main' : 'login', { source: 'auth-state' })
|
||||
}
|
||||
|
||||
const rendererWindowMode = resolveRendererWindowMode();
|
||||
document.documentElement.dataset.windowMode = rendererWindowMode;
|
||||
document.documentElement.dataset.platform =
|
||||
navigator.platform.toLowerCase().includes("mac") ? "darwin" : "win32";
|
||||
const usesAutomaticWindowMode = rendererWindowMode === "auto";
|
||||
const showsSettingsSurface = rendererWindowMode === "settings";
|
||||
const showsMainSurface = computed(() =>
|
||||
rendererWindowMode === "main" || (rendererWindowMode === "auto" && isAuthenticated.value),
|
||||
);
|
||||
const rendererWindowMode = resolveRendererWindowMode()
|
||||
document.documentElement.dataset.windowMode = rendererWindowMode
|
||||
document.documentElement.dataset.platform = navigator.platform.toLowerCase().includes('mac')
|
||||
? 'darwin'
|
||||
: 'win32'
|
||||
const usesAutomaticWindowMode = rendererWindowMode === 'auto'
|
||||
const showsSettingsSurface = rendererWindowMode === 'settings'
|
||||
const showsMainSurface = computed(
|
||||
() => rendererWindowMode === 'main' || (rendererWindowMode === 'auto' && isAuthenticated.value),
|
||||
)
|
||||
|
||||
if (usesAutomaticWindowMode) {
|
||||
syncWindowMode(isAuthenticated.value);
|
||||
watch(isAuthenticated, (next) => syncWindowMode(next));
|
||||
syncWindowMode(isAuthenticated.value)
|
||||
watch(isAuthenticated, (next) => syncWindowMode(next))
|
||||
}
|
||||
|
||||
if (rendererWindowMode === "main") {
|
||||
if (rendererWindowMode === 'main') {
|
||||
if (!isAuthenticated.value) {
|
||||
syncWindowMode(false);
|
||||
syncWindowMode(false)
|
||||
}
|
||||
watch(isAuthenticated, (next) => {
|
||||
if (!next) {
|
||||
syncWindowMode(false);
|
||||
syncWindowMode(false)
|
||||
}
|
||||
});
|
||||
})
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
if (rendererWindowMode !== "login") {
|
||||
void syncRuntimeSession();
|
||||
if (rendererWindowMode !== 'login') {
|
||||
void syncRuntimeSession()
|
||||
}
|
||||
if (usesAutomaticWindowMode) {
|
||||
syncWindowMode(isAuthenticated.value);
|
||||
syncWindowMode(isAuthenticated.value)
|
||||
}
|
||||
});
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@@ -81,5 +84,4 @@ body,
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user