release: prepare v2.0.43
Add sanitized provider and account runtime diagnostics, complete the Multi-Debrid-Downloader product rename, preserve existing application data during migration, update public release verification, and publish the accompanying English documentation and regression coverage.
This commit is contained in:
@@ -29,11 +29,12 @@ import {
|
||||
type AccountTableColumnWidths
|
||||
} from "./settings-model";
|
||||
|
||||
export type AccountWorkspacePanel = "overview" | "rules";
|
||||
export type AccountWorkspacePanel = "overview" | "rules" | "runtime";
|
||||
|
||||
const ACCOUNT_WORKSPACE_PANELS: readonly { id: AccountWorkspacePanel; label: string }[] = [
|
||||
{ id: "overview", label: "Übersicht" },
|
||||
{ id: "rules", label: "Verwendungsregeln" }
|
||||
{ id: "rules", label: "Verwendungsregeln" },
|
||||
{ id: "runtime", label: "Laufzeit" }
|
||||
];
|
||||
|
||||
const ACCOUNT_TABLE_COLUMN_STORAGE_KEY = "mdd.account-table-columns.v1";
|
||||
@@ -79,7 +80,7 @@ function getAccountPanelNavigationIndex(currentIndex: number, key: string): numb
|
||||
return null;
|
||||
}
|
||||
|
||||
export interface AccountRulesViewModel {
|
||||
export interface AccountRulesViewModel {
|
||||
providerOrder: readonly string[];
|
||||
routing: readonly string[];
|
||||
autoFallback: boolean;
|
||||
@@ -91,8 +92,36 @@ export interface AccountRulesViewModel {
|
||||
provider: string;
|
||||
providers: readonly { value: string; label: string }[];
|
||||
}[];
|
||||
availableRoutingHosters?: readonly { value: string; label: string }[];
|
||||
}
|
||||
availableRoutingHosters?: readonly { value: string; label: string }[];
|
||||
}
|
||||
|
||||
export interface AccountRuntimeProviderViewModel {
|
||||
id: string;
|
||||
label: string;
|
||||
accountCount: number;
|
||||
availableAccountCount: number;
|
||||
activeDownloads: number;
|
||||
dailyUsageText: string;
|
||||
}
|
||||
|
||||
export interface AccountRuntimeRowViewModel {
|
||||
id: string;
|
||||
providerLabel: string;
|
||||
modeLabel: string;
|
||||
identity: string;
|
||||
stateLabel: string;
|
||||
stateTone: "ok" | "active" | "warning" | "danger" | "muted";
|
||||
activeDownloads: number;
|
||||
dailyUsageText: string;
|
||||
successRateText: string;
|
||||
lastUsedText: string;
|
||||
cooldownText: string;
|
||||
}
|
||||
|
||||
export interface AccountRuntimeViewModel {
|
||||
providers: readonly AccountRuntimeProviderViewModel[];
|
||||
accounts: readonly AccountRuntimeRowViewModel[];
|
||||
}
|
||||
|
||||
export interface AccountWorkspaceViewModel {
|
||||
activePanel: AccountWorkspacePanel;
|
||||
@@ -101,8 +130,9 @@ export interface AccountWorkspaceViewModel {
|
||||
busy: boolean;
|
||||
error?: string;
|
||||
statusSort?: "none" | "desc" | "asc";
|
||||
rules: AccountRulesViewModel;
|
||||
}
|
||||
rules: AccountRulesViewModel;
|
||||
runtime: AccountRuntimeViewModel;
|
||||
}
|
||||
|
||||
export interface AccountWorkspaceActions {
|
||||
onPanelChange: (panel: AccountWorkspacePanel) => void;
|
||||
@@ -464,7 +494,7 @@ function AccountOverview({ model, actions }: AccountWorkspaceProps): ReactElemen
|
||||
);
|
||||
}
|
||||
|
||||
function AccountRules({ model, actions }: AccountWorkspaceProps): ReactElement {
|
||||
function AccountRules({ model, actions }: AccountWorkspaceProps): ReactElement {
|
||||
return (
|
||||
<div className="settings-account-rules">
|
||||
<section className="settings-rule-section">
|
||||
@@ -578,9 +608,61 @@ function AccountRules({ model, actions }: AccountWorkspaceProps): ReactElement {
|
||||
</section>
|
||||
) : null}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
);
|
||||
}
|
||||
|
||||
function AccountRuntime({ model }: AccountWorkspaceProps): ReactElement {
|
||||
return (
|
||||
<div className="settings-account-runtime">
|
||||
<section aria-label="Provider-Laufzeit" className="settings-runtime-provider-grid">
|
||||
{model.runtime.providers.length === 0 ? (
|
||||
<div className="settings-runtime-empty">Noch keine Accounts konfiguriert.</div>
|
||||
) : model.runtime.providers.map((provider) => (
|
||||
<article className="settings-runtime-provider-card" key={provider.id}>
|
||||
<header>
|
||||
<h3>{provider.label}</h3>
|
||||
<span>{provider.availableAccountCount} von {provider.accountCount} verfügbar</span>
|
||||
</header>
|
||||
<div>
|
||||
<span><strong>{provider.activeDownloads}</strong>{provider.activeDownloads === 1 ? " aktiver Download" : " aktive Downloads"}</span>
|
||||
<span><strong>{provider.dailyUsageText}</strong> heute</span>
|
||||
</div>
|
||||
</article>
|
||||
))}
|
||||
</section>
|
||||
<section aria-label="Account-Laufzeit" className="settings-runtime-table" role="table">
|
||||
<div className="settings-runtime-table-scroll">
|
||||
<div className="settings-runtime-row settings-runtime-header" role="row">
|
||||
<span role="columnheader">Account</span>
|
||||
<span role="columnheader">Zustand</span>
|
||||
<span role="columnheader">Aktive Downloads</span>
|
||||
<span role="columnheader">Heute</span>
|
||||
<span role="columnheader">Erfolgsquote · Diese Sitzung</span>
|
||||
<span role="columnheader">Zuletzt verwendet</span>
|
||||
<span role="columnheader">Cooldown / Grund</span>
|
||||
</div>
|
||||
{model.runtime.accounts.length === 0 ? (
|
||||
<div className="settings-runtime-empty">Noch keine Laufzeitdaten verfügbar.</div>
|
||||
) : model.runtime.accounts.map((account) => (
|
||||
<div className="settings-runtime-row" key={account.id} role="row">
|
||||
<span className="settings-runtime-account" role="cell">
|
||||
<strong>{account.providerLabel}</strong>
|
||||
<small>{account.modeLabel}{account.identity && account.identity !== "—" ? ` · ${account.identity}` : ""}</small>
|
||||
</span>
|
||||
<span role="cell"><span className={`settings-runtime-state is-${account.stateTone}`}>{account.stateLabel}</span></span>
|
||||
<span role="cell">{account.activeDownloads}</span>
|
||||
<span role="cell">{account.dailyUsageText}</span>
|
||||
<span role="cell">{account.successRateText}</span>
|
||||
<span role="cell">{account.lastUsedText}</span>
|
||||
<span role="cell">{account.cooldownText}</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export function AccountWorkspace({ model, actions }: AccountWorkspaceProps): ReactElement {
|
||||
return (
|
||||
<div className="settings-account-workspace">
|
||||
@@ -628,18 +710,27 @@ export function AccountWorkspace({ model, actions }: AccountWorkspaceProps): Rea
|
||||
>
|
||||
{AccountOverview({ actions, model })}
|
||||
</div>
|
||||
<div
|
||||
aria-labelledby="settings-account-rules-tab"
|
||||
<div
|
||||
aria-labelledby="settings-account-rules-tab"
|
||||
className="settings-account-panel"
|
||||
hidden={model.activePanel !== "rules"}
|
||||
id="settings-account-rules"
|
||||
role="tabpanel"
|
||||
>
|
||||
{AccountRules({ actions, model })}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
>
|
||||
{AccountRules({ actions, model })}
|
||||
</div>
|
||||
<div
|
||||
aria-labelledby="settings-account-runtime-tab"
|
||||
className="settings-account-panel"
|
||||
hidden={model.activePanel !== "runtime"}
|
||||
id="settings-account-runtime"
|
||||
role="tabpanel"
|
||||
>
|
||||
{AccountRuntime({ actions, model })}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export function AccountAddDialog({
|
||||
model,
|
||||
|
||||
@@ -850,6 +850,155 @@
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.settings-account-runtime {
|
||||
display: grid;
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
gap: 16px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.settings-runtime-provider-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.settings-runtime-provider-card {
|
||||
display: grid;
|
||||
gap: 14px;
|
||||
padding: 14px 16px;
|
||||
border: 1px solid var(--ui-border);
|
||||
border-radius: 8px;
|
||||
background: var(--ui-panel);
|
||||
}
|
||||
|
||||
.settings-runtime-provider-card header,
|
||||
.settings-runtime-provider-card > div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.settings-runtime-provider-card h3 {
|
||||
margin: 0;
|
||||
color: var(--ui-text);
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.settings-runtime-provider-card header span,
|
||||
.settings-runtime-provider-card > div span,
|
||||
.settings-runtime-account small {
|
||||
color: var(--ui-text-muted);
|
||||
}
|
||||
|
||||
.settings-runtime-provider-card strong {
|
||||
margin-right: 4px;
|
||||
color: var(--ui-text);
|
||||
}
|
||||
|
||||
.settings-runtime-table {
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
border: 1px solid var(--ui-border);
|
||||
border-radius: 8px;
|
||||
background: var(--ui-panel);
|
||||
}
|
||||
|
||||
.settings-runtime-table-scroll {
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.settings-runtime-row {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(210px, 1.35fr) 150px 125px 130px 175px 155px minmax(220px, 1fr);
|
||||
min-width: 1180px;
|
||||
min-height: 48px;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid var(--ui-border);
|
||||
}
|
||||
|
||||
.settings-runtime-row:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.settings-runtime-row > span {
|
||||
min-width: 0;
|
||||
padding: 9px 12px;
|
||||
color: var(--ui-text-secondary);
|
||||
}
|
||||
|
||||
.settings-runtime-header {
|
||||
min-height: 40px;
|
||||
background: var(--ui-table-header);
|
||||
}
|
||||
|
||||
.settings-runtime-header > span {
|
||||
color: var(--ui-text);
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.settings-runtime-account {
|
||||
display: grid;
|
||||
gap: 2px;
|
||||
}
|
||||
|
||||
.settings-runtime-account strong {
|
||||
overflow: hidden;
|
||||
color: var(--ui-text);
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.settings-runtime-account small {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.settings-runtime-state {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
min-height: 24px;
|
||||
padding: 2px 8px;
|
||||
border-radius: 999px;
|
||||
background: var(--ui-input);
|
||||
color: var(--ui-text-secondary);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.settings-runtime-state.is-ok {
|
||||
background: color-mix(in srgb, var(--ui-success) 18%, transparent);
|
||||
color: var(--ui-success-text);
|
||||
}
|
||||
|
||||
.settings-runtime-state.is-active {
|
||||
background: color-mix(in srgb, var(--ui-accent) 18%, transparent);
|
||||
color: var(--ui-text);
|
||||
}
|
||||
|
||||
.settings-runtime-state.is-warning {
|
||||
background: color-mix(in srgb, var(--ui-warning) 18%, transparent);
|
||||
color: var(--ui-warning-text);
|
||||
}
|
||||
|
||||
.settings-runtime-state.is-danger {
|
||||
background: color-mix(in srgb, var(--ui-danger) 18%, transparent);
|
||||
color: var(--ui-danger-text);
|
||||
}
|
||||
|
||||
.settings-runtime-state.is-muted {
|
||||
color: var(--ui-text-muted);
|
||||
}
|
||||
|
||||
.settings-runtime-empty {
|
||||
padding: 20px;
|
||||
color: var(--ui-text-muted);
|
||||
}
|
||||
|
||||
.settings-rule-section {
|
||||
display: grid;
|
||||
gap: 12px;
|
||||
|
||||
Reference in New Issue
Block a user