+
{title}
-
+
{settings.map(Setting => {
if (typeof Setting === "function") return ;
@@ -156,19 +162,18 @@ function SettingsSections() {
return (
(Settings[key as any] = v)}
- note={description}
disabled={disabled?.()}
key={key}
- >
- {title}
-
+ />
);
})}
- {i < arr.length - 1 &&
}
+ {i < arr.length - 1 &&
}
));
@@ -178,14 +183,13 @@ function SettingsSections() {
export default ErrorBoundary.wrap(
function SettingsUI() {
return (
-
- {/* FIXME: Outdated type */}
- {/* @ts-expect-error Outdated type */}
-
+
+
);
},
{
diff --git a/src/renderer/components/settings/Updater.tsx b/src/renderer/components/settings/Updater.tsx
new file mode 100644
index 000000000..8869f11e0
--- /dev/null
+++ b/src/renderer/components/settings/Updater.tsx
@@ -0,0 +1,31 @@
+/*
+ * Vesktop, a desktop app aiming to give you a snappier Discord Experience
+ * Copyright (c) 2025 Vendicated and Vesktop contributors
+ * SPDX-License-Identifier: GPL-3.0-or-later
+ */
+
+import { useAwaiter } from "@vencord/types/utils";
+import { Button, Text } from "@vencord/types/webpack/common";
+
+import { cl } from "./Settings";
+
+export function Updater() {
+ const [isOutdated] = useAwaiter(VesktopNative.app.isOutdated);
+
+ if (!isOutdated) return null;
+
+ return (
+
+ Your Vesktop is outdated!
+ Staying up to date is important for security and stability.
+
+
+
+ );
+}
diff --git a/src/renderer/components/settings/UserAssets.css b/src/renderer/components/settings/UserAssets.css
new file mode 100644
index 000000000..622107a22
--- /dev/null
+++ b/src/renderer/components/settings/UserAssets.css
@@ -0,0 +1,31 @@
+.vcd-user-assets {
+ display: flex;
+ margin-block: 1em 2em;
+ flex-direction: column;
+ gap: 1em;
+}
+
+.vcd-user-assets-asset {
+ display: flex;
+ margin-top: 0.5em;
+ align-items: center;
+ gap: 1em;
+}
+
+.vcd-user-assets-actions {
+ display: grid;
+ width: 100%;
+ gap: 0.5em;
+ margin-bottom: auto;
+}
+
+.vcd-user-assets-buttons {
+ display: flex;
+ gap: 0.5em;
+}
+
+.vcd-user-assets-image {
+ height: 7.5em;
+ width: 7.5em;
+ object-fit: contain;
+}
\ No newline at end of file
diff --git a/src/renderer/components/settings/UserAssets.tsx b/src/renderer/components/settings/UserAssets.tsx
new file mode 100644
index 000000000..08c30c73f
--- /dev/null
+++ b/src/renderer/components/settings/UserAssets.tsx
@@ -0,0 +1,106 @@
+/*
+ * Vesktop, a desktop app aiming to give you a snappier Discord Experience
+ * Copyright (c) 2025 Vendicated and Vencord contributors
+ * SPDX-License-Identifier: GPL-3.0-or-later
+ */
+
+import "./UserAssets.css";
+
+import { FormSwitch } from "@vencord/types/components";
+import {
+ Margins,
+ ModalCloseButton,
+ ModalContent,
+ ModalHeader,
+ ModalRoot,
+ ModalSize,
+ openModal,
+ wordsFromCamel,
+ wordsToTitle
+} from "@vencord/types/utils";
+import { Button, showToast, Text, useState } from "@vencord/types/webpack/common";
+import { UserAssetType } from "main/userAssets";
+import { useSettings } from "renderer/settings";
+
+import { SettingsComponent } from "./Settings";
+
+const CUSTOMIZABLE_ASSETS: UserAssetType[] = ["splash", "tray", "trayUnread"];
+
+export const UserAssetsButton: SettingsComponent = () => {
+ return
;
+};
+
+function openAssetsModal() {
+ openModal(props => (
+
+
+
+ User Assets
+
+
+
+
+
+
+ {CUSTOMIZABLE_ASSETS.map(asset => (
+
+ ))}
+
+ ));
+}
+
+function Asset({ asset }: { asset: UserAssetType }) {
+ // cache busting
+ const [version, setVersion] = useState(Date.now());
+ const settings = useSettings();
+
+ const isSplash = asset === "splash";
+ const imageRendering = isSplash && settings.splashPixelated ? "pixelated" : "auto";
+
+ const onChooseAsset = (value?: null) => async () => {
+ const res = await VesktopNative.fileManager.chooseUserAsset(asset, value);
+ if (res === "ok") {
+ setVersion(Date.now());
+ if (isSplash && value === null) {
+ settings.splashPixelated = false;
+ }
+ } else if (res === "failed") {
+ showToast("Something went wrong. Please try again");
+ }
+ };
+
+ return (
+
+
+ {wordsToTitle(wordsFromCamel(asset))}
+
+
+
+
+
+
+
+
+ {isSplash && (
+
(settings.splashPixelated = val)}
+ className={Margins.top16}
+ hideBorder
+ />
+ )}
+
+
+ );
+}
diff --git a/src/renderer/components/settings/VesktopSettingsSwitch.tsx b/src/renderer/components/settings/VesktopSettingsSwitch.tsx
index bd1c2fb07..98f9b716a 100644
--- a/src/renderer/components/settings/VesktopSettingsSwitch.tsx
+++ b/src/renderer/components/settings/VesktopSettingsSwitch.tsx
@@ -4,13 +4,11 @@
* SPDX-License-Identifier: GPL-3.0-or-later
*/
-import { Switch } from "@vencord/types/webpack/common";
+import { FormSwitch } from "@vencord/types/components";
import { ComponentProps } from "react";
-export function VesktopSettingsSwitch(props: ComponentProps
) {
- return (
-
- {props.children}
-
- );
+import { cl } from "./Settings";
+
+export function VesktopSettingsSwitch(props: ComponentProps) {
+ return ;
}
diff --git a/src/renderer/components/settings/WindowsTransparencyControls.tsx b/src/renderer/components/settings/WindowsTransparencyControls.tsx
index 3e864a7eb..9147ded75 100644
--- a/src/renderer/components/settings/WindowsTransparencyControls.tsx
+++ b/src/renderer/components/settings/WindowsTransparencyControls.tsx
@@ -4,6 +4,7 @@
* SPDX-License-Identifier: GPL-3.0-or-later
*/
+import { ErrorBoundary } from "@vencord/types/components";
import { Margins } from "@vencord/types/utils";
import { Forms, Select } from "@vencord/types/webpack/common";
@@ -13,35 +14,37 @@ export const WindowsTransparencyControls: SettingsComponent = ({ settings }) =>
if (!VesktopNative.app.supportsWindowsTransparency()) return null;
return (
-
-
Transparency Options
-
- Requires a full restart. You will need a theme that supports transparency for this to work.
-
+
+
+ Transparency Options
+
+ Requires a full restart. You will need a theme that supports transparency for this to work.
+
-
+
-
+
Loading Vesktop...
-
- Update Available
- There's a new update for Vesktop! Update now to get new fixes and features!
-
- Current:
-
- Latest:
-
-
- Changelog
- Loading...
-
-
-
-
An update is available!
+
+
+
+
+ Current version:
+ New version:
+
+ Release Notes
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/static/views/updater/script.js b/static/views/updater/script.js
new file mode 100644
index 000000000..2af79bce4
--- /dev/null
+++ b/static/views/updater/script.js
@@ -0,0 +1,69 @@
+const { update, version: currentVersion } = await VesktopUpdaterNative.getData();
+
+document.getElementById("current-version").textContent = currentVersion;
+document.getElementById("new-version").textContent = update.version;
+document.getElementById("release-notes").innerHTML = update.releaseNotes
+ .map(
+ ({ version, note: html }) => `
+
+ Version ${version}
+ ${html.replace(/<\/?h([1-3])/g, (m, level) => m.replace(level, Number(level) + 3))}
+
+ `
+ )
+ .join("\n");
+
+document.querySelectorAll("a").forEach(a => {
+ a.target = "_blank";
+});
+
+// remove useless headings
+document.querySelectorAll("h3, h4, h5, h6").forEach(h => {
+ if (h.textContent.trim().toLowerCase() === "what's changed") {
+ h.remove();
+ }
+});
+
+/** @type {HTMLDialogElement} */
+const updateDialog = document.getElementById("update-dialog");
+/** @type {HTMLDialogElement} */
+const installingDialog = document.getElementById("installing-dialog");
+/** @type {HTMLProgressElement} */
+const downloadProgress = document.getElementById("download-progress");
+/** @type {HTMLElement} */
+const errorText = document.getElementById("error");
+
+document.getElementById("update-button").addEventListener("click", () => {
+ downloadProgress.value = 0;
+ errorText.textContent = "";
+
+ if (navigator.platform.startsWith("Linux")) {
+ document.getElementById("linux-note").classList.remove("hidden");
+ }
+
+ updateDialog.showModal();
+
+ VesktopUpdaterNative.installUpdate().then(() => {
+ downloadProgress.value = 100;
+ updateDialog.closedBy = "any";
+
+ installingDialog.showModal();
+ updateDialog.classList.add("hidden");
+ });
+});
+
+document.getElementById("later-button").addEventListener("click", () => VesktopUpdaterNative.snoozeUpdate());
+document.getElementById("ignore-button").addEventListener("click", () => {
+ const confirmed = confirm(
+ "Are you sure you want to ignore this update? You will not be notified about this update again. Updates are important for security and stability."
+ );
+ if (confirmed) VesktopUpdaterNative.ignoreUpdate();
+});
+
+VesktopUpdaterNative.onProgress(percent => (downloadProgress.value = percent));
+VesktopUpdaterNative.onError(message => {
+ updateDialog.closedBy = "any";
+ errorText.textContent = `An error occurred while downloading the update: ${message}`;
+ installingDialog.close();
+ updateDialog.classList.remove("hidden");
+});
diff --git a/static/views/updater/style.css b/static/views/updater/style.css
new file mode 100644
index 000000000..97db89f96
--- /dev/null
+++ b/static/views/updater/style.css
@@ -0,0 +1,147 @@
+html,
+body {
+ height: 100%;
+ margin: 0;
+ box-sizing: border-box;
+}
+
+body {
+ padding: 2em;
+ display: flex;
+ flex-direction: column;
+ height: 100vh;
+
+ header,
+ footer {
+ flex: 0 0 auto;
+ }
+
+ main {
+ flex: 1 1 0%;
+ min-height: 0;
+ overflow: auto;
+ }
+
+ footer {
+ margin-top: 1em;
+ }
+}
+
+
+#versions {
+ display: inline-grid;
+ grid-template-columns: auto 1fr;
+ column-gap: 0.5em;
+
+ .label {
+ white-space: nowrap;
+ }
+
+ .value {
+ text-align: left;
+ }
+
+ #current-version {
+ color: #fc8f8a;
+ }
+
+ #new-version {
+ color: #71c07f;
+ }
+}
+
+#release-notes {
+ display: grid;
+ gap: 1em;
+}
+
+#buttons {
+ display: flex;
+ gap: 0.5em;
+ justify-content: end;
+}
+
+button {
+ cursor: pointer;
+ padding: 0.5rem 1rem;
+ font-size: 1.2em;
+ color: var(--fg);
+ border: none;
+ border-radius: 3px;
+ font-weight: bold;
+ transition: filter 0.2 ease-in-out;
+}
+
+button:hover,
+button:active {
+ filter: brightness(0.9);
+}
+
+.green {
+ background-color: #248046;
+}
+
+.grey {
+ background-color: rgba(151, 151, 159, 0.12);
+}
+
+.hidden {
+ display: none;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ margin: 0 0 0.5em 0;
+}
+
+h1 {
+ text-align: center;
+}
+
+h2 {
+ margin-bottom: 1em;
+}
+
+dialog {
+ width: 80%;
+ padding: 2em;
+}
+
+progress {
+ width: 100%;
+ height: 1.5em;
+ margin-top: 1em;
+}
+
+#error {
+ color: red;
+ font-weight: bold;
+}
+
+.spinner-wrapper {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-top: 2em;
+}
+
+.spinner {
+ width: 48px;
+ height: 48px;
+ border: 5px solid var(--fg);
+ border-bottom-color: transparent;
+ border-radius: 50%;
+ display: inline-block;
+ box-sizing: border-box;
+ animation: rotation 1s linear infinite;
+}
+
+@keyframes rotation {
+ to {
+ transform: rotate(360deg);
+ }
+}
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
index 4e23ba29a..22551bd2a 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -10,7 +10,7 @@
"target": "ESNEXT",
"jsx": "preserve",
- // we have duplicate electron types but it's w/e
+ // @vencord/types has some errors for now
"skipLibCheck": true,
"baseUrl": "./src/",