Compare commits
4 Commits
main
...
feat/relat
Author | SHA1 | Date | |
---|---|---|---|
|
0e06b8d34c | ||
|
b972aa1663 | ||
|
3bf81ee0fa | ||
|
486230a335 |
@ -4,7 +4,7 @@
|
|||||||
"ignorePatterns": ["dist", "browser"],
|
"ignorePatterns": ["dist", "browser"],
|
||||||
"plugins": [
|
"plugins": [
|
||||||
"@typescript-eslint",
|
"@typescript-eslint",
|
||||||
"simple-header",
|
"header",
|
||||||
"simple-import-sort",
|
"simple-import-sort",
|
||||||
"unused-imports",
|
"unused-imports",
|
||||||
"path-alias"
|
"path-alias"
|
||||||
@ -26,12 +26,35 @@
|
|||||||
// Since it's only been a month and Vencord has already been stolen
|
// Since it's only been a month and Vencord has already been stolen
|
||||||
// by random skids who rebranded it to "AlphaCord" and erased all license
|
// by random skids who rebranded it to "AlphaCord" and erased all license
|
||||||
// information
|
// information
|
||||||
"simple-header/header": [
|
"header/header": [
|
||||||
"error",
|
2,
|
||||||
|
"block",
|
||||||
|
[
|
||||||
{
|
{
|
||||||
"files": ["scripts/header-new.txt", "scripts/header-old.txt"],
|
"pattern": "!?",
|
||||||
"templates": { "author": [".*", "Vendicated and contributors"] }
|
"template": " "
|
||||||
}
|
},
|
||||||
|
" * Vencord, a modification for Discord's desktop app",
|
||||||
|
{
|
||||||
|
"pattern": " \\* Copyright \\(c\\) \\d{4}",
|
||||||
|
"template": " * Copyright (c) 2023 Vendicated and contributors"
|
||||||
|
},
|
||||||
|
" *",
|
||||||
|
" * This program is free software: you can redistribute it and/or modify",
|
||||||
|
" * it under the terms of the GNU General Public License as published by",
|
||||||
|
" * the Free Software Foundation, either version 3 of the License, or",
|
||||||
|
" * (at your option) any later version.",
|
||||||
|
" *",
|
||||||
|
" * This program is distributed in the hope that it will be useful,",
|
||||||
|
" * but WITHOUT ANY WARRANTY; without even the implied warranty of",
|
||||||
|
" * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the",
|
||||||
|
" * GNU General Public License for more details.",
|
||||||
|
" *",
|
||||||
|
" * You should have received a copy of the GNU General Public License",
|
||||||
|
" * along with this program. If not, see <https://www.gnu.org/licenses/>.",
|
||||||
|
""
|
||||||
|
],
|
||||||
|
2
|
||||||
],
|
],
|
||||||
"quotes": ["error", "double", { "avoidEscape": true }],
|
"quotes": ["error", "double", { "avoidEscape": true }],
|
||||||
"jsx-quotes": ["error", "prefer-double"],
|
"jsx-quotes": ["error", "prefer-double"],
|
||||||
@ -39,7 +62,7 @@
|
|||||||
"indent": ["error", 4, { "SwitchCase": 1 }],
|
"indent": ["error", 4, { "SwitchCase": 1 }],
|
||||||
"arrow-parens": ["error", "as-needed"],
|
"arrow-parens": ["error", "as-needed"],
|
||||||
"eol-last": ["error", "always"],
|
"eol-last": ["error", "always"],
|
||||||
"@typescript-eslint/func-call-spacing": ["error", "never"],
|
"func-call-spacing": ["error", "never"],
|
||||||
"no-multi-spaces": "error",
|
"no-multi-spaces": "error",
|
||||||
"no-trailing-spaces": "error",
|
"no-trailing-spaces": "error",
|
||||||
"no-whitespace-before-property": "error",
|
"no-whitespace-before-property": "error",
|
||||||
@ -51,10 +74,7 @@
|
|||||||
"eqeqeq": ["error", "always", { "null": "ignore" }],
|
"eqeqeq": ["error", "always", { "null": "ignore" }],
|
||||||
"spaced-comment": ["error", "always", { "markers": ["!"] }],
|
"spaced-comment": ["error", "always", { "markers": ["!"] }],
|
||||||
"yoda": "error",
|
"yoda": "error",
|
||||||
"prefer-destructuring": ["error", {
|
"prefer-destructuring": ["error", { "object": true, "array": false }],
|
||||||
"VariableDeclarator": { "array": false, "object": true },
|
|
||||||
"AssignmentExpression": { "array": false, "object": false }
|
|
||||||
}],
|
|
||||||
"operator-assignment": ["error", "always"],
|
"operator-assignment": ["error", "always"],
|
||||||
"no-useless-computed-key": "error",
|
"no-useless-computed-key": "error",
|
||||||
"no-unneeded-ternary": ["error", { "defaultAssignment": false }],
|
"no-unneeded-ternary": ["error", { "defaultAssignment": false }],
|
||||||
|
26
.github/ISSUE_TEMPLATE/blank.yml
vendored
26
.github/ISSUE_TEMPLATE/blank.yml
vendored
@ -1,23 +1,14 @@
|
|||||||
name: Blank Issue
|
name: Blank Template
|
||||||
description: Create a blank issue. ALWAYS FIRST USE OUR SUPPORT CHANNEL! ONLY USE THIS FORM IF YOU ARE A CONTRIBUTOR OR WERE TOLD TO DO SO IN THE SUPPORT CHANNEL.
|
description: Use this only if your issue does not fit into another template. **DO NOT ASK FOR SUPPORT OR REQUEST PLUGINS**
|
||||||
|
labels: []
|
||||||
|
|
||||||
body:
|
body:
|
||||||
- type: markdown
|
|
||||||
attributes:
|
|
||||||
value: |
|
|
||||||
# READ THIS BEFORE OPENING AN ISSUE
|
|
||||||
|
|
||||||
This form is ONLY FOR DEVELOPERS. YOUR ISSUE WILL BE CLOSED AND YOU WILL POSSIBLY BE BLOCKED FROM THE REPOSITORY IF YOU IGNORE THIS.
|
|
||||||
|
|
||||||
DO NOT USE THIS FORM, unless
|
|
||||||
- you are a vencord contributor
|
|
||||||
- you were given explicit permission to use this form by a moderator in our support server
|
|
||||||
- you are filing a security related report
|
|
||||||
|
|
||||||
- type: textarea
|
- type: textarea
|
||||||
id: content
|
id: info-sec
|
||||||
attributes:
|
attributes:
|
||||||
label: Content
|
label: Tell us all about it.
|
||||||
|
description: Go nuts, let us know what you're wanting to bring attention to.
|
||||||
|
placeholder: ...
|
||||||
validations:
|
validations:
|
||||||
required: true
|
required: true
|
||||||
|
|
||||||
@ -25,6 +16,7 @@ body:
|
|||||||
id: agreement-check
|
id: agreement-check
|
||||||
attributes:
|
attributes:
|
||||||
label: Request Agreement
|
label: Request Agreement
|
||||||
|
description: DO NOT USE THIS TEMPLATE FOR SUPPORT OR PLUGIN REQUESTS!!! For Support, **join our Discord**. For plugin requests, **use discussions**
|
||||||
options:
|
options:
|
||||||
- label: I have read the requirements for opening an issue above
|
- label: This is not a support or plugin request
|
||||||
required: true
|
required: true
|
||||||
|
17
.github/ISSUE_TEMPLATE/bug_report.yml
vendored
17
.github/ISSUE_TEMPLATE/bug_report.yml
vendored
@ -1,22 +1,9 @@
|
|||||||
name: Bug/Crash Report
|
name: Bug/Crash Report
|
||||||
description: Create a bug or crash report for Vencord. ALWAYS FIRST USE OUR SUPPORT CHANNEL! ONLY USE THIS FORM IF YOU ARE A CONTRIBUTOR OR WERE TOLD TO DO SO IN THE SUPPORT CHANNEL.
|
description: Create a bug or crash report for Vencord
|
||||||
labels: [bug]
|
labels: [bug]
|
||||||
title: "[Bug] <title>"
|
title: "[Bug] <title>"
|
||||||
|
|
||||||
body:
|
body:
|
||||||
- type: markdown
|
|
||||||
attributes:
|
|
||||||
value: |
|
|
||||||
# READ THIS BEFORE OPENING AN ISSUE
|
|
||||||
|
|
||||||
This form is ONLY FOR DEVELOPERS. YOUR ISSUE WILL BE CLOSED AND YOU WILL POSSIBLY BE BLOCKED FROM THE REPOSITORY IF YOU IGNORE THIS.
|
|
||||||
|
|
||||||
DO NOT USE THIS FORM, unless
|
|
||||||
- you are a vencord contributor
|
|
||||||
- you were given explicit permission to use this form by a moderator in our support server
|
|
||||||
|
|
||||||
DO NOT USE THIS FORM FOR SECURITY RELATED ISSUES. [CREATE A SECURITY ADVISORY INSTEAD.](https://github.com/Vendicated/Vencord/security/advisories/new)
|
|
||||||
|
|
||||||
- type: input
|
- type: input
|
||||||
id: discord
|
id: discord
|
||||||
attributes:
|
attributes:
|
||||||
@ -77,5 +64,3 @@ body:
|
|||||||
options:
|
options:
|
||||||
- label: I am using Discord Stable or tried on Stable and this bug happens there as well
|
- label: I am using Discord Stable or tried on Stable and this bug happens there as well
|
||||||
required: true
|
required: true
|
||||||
- label: I have read the requirements for opening an issue above
|
|
||||||
required: true
|
|
||||||
|
32
.github/ISSUE_TEMPLATE/feature_request.yml
vendored
Normal file
32
.github/ISSUE_TEMPLATE/feature_request.yml
vendored
Normal file
@ -0,0 +1,32 @@
|
|||||||
|
name: Feature Request
|
||||||
|
description: Create a feature request for Vencord. To request new plugins, please use the Discussions tab
|
||||||
|
labels: [enhancement]
|
||||||
|
title: "[Feature Request] <title>"
|
||||||
|
|
||||||
|
body:
|
||||||
|
- type: input
|
||||||
|
id: discord
|
||||||
|
attributes:
|
||||||
|
label: Discord Account
|
||||||
|
description: Who on Discord is making this request? Not required but encouraged for easier follow-up
|
||||||
|
placeholder: username#0000
|
||||||
|
validations:
|
||||||
|
required: false
|
||||||
|
|
||||||
|
- type: textarea
|
||||||
|
id: feature-basic-description
|
||||||
|
attributes:
|
||||||
|
label: What is it that you'd like to see?
|
||||||
|
description: Describe the feature you want added as detailed as possible
|
||||||
|
placeholder: I think ... would be a cool feature to add. This would be awesome, thanks!
|
||||||
|
validations:
|
||||||
|
required: true
|
||||||
|
|
||||||
|
- type: checkboxes
|
||||||
|
id: agreement-check
|
||||||
|
attributes:
|
||||||
|
label: Request Agreement
|
||||||
|
description: DO NOT USE THIS TEMPLATE FOR PLUGIN REQUESTS!!! For plugin requests, **use discussions**
|
||||||
|
options:
|
||||||
|
- label: This is not a plugin request
|
||||||
|
required: true
|
7
.github/workflows/build.yml
vendored
7
.github/workflows/build.yml
vendored
@ -37,12 +37,9 @@ jobs:
|
|||||||
- name: Build
|
- name: Build
|
||||||
run: pnpm build --standalone
|
run: pnpm build --standalone
|
||||||
|
|
||||||
- name: Generate plugin list
|
|
||||||
run: pnpm generatePluginJson dist/plugins.json dist/plugin-readmes.json
|
|
||||||
|
|
||||||
- name: Clean up obsolete files
|
- name: Clean up obsolete files
|
||||||
run: |
|
run: |
|
||||||
rm -rf dist/*-unpacked dist/monaco Vencord.user.css vencordDesktopRenderer.css vencordDesktopRenderer.css.map
|
rm -rf dist/extension* Vencord.user.css
|
||||||
|
|
||||||
- name: Get some values needed for the release
|
- name: Get some values needed for the release
|
||||||
id: release_values
|
id: release_values
|
||||||
@ -50,7 +47,6 @@ jobs:
|
|||||||
echo "release_tag=$(git rev-parse --short HEAD)" >> $GITHUB_ENV
|
echo "release_tag=$(git rev-parse --short HEAD)" >> $GITHUB_ENV
|
||||||
|
|
||||||
- name: Upload DevBuild as release
|
- name: Upload DevBuild as release
|
||||||
if: github.repository == 'Vendicated/Vencord'
|
|
||||||
run: |
|
run: |
|
||||||
gh release upload devbuild --clobber dist/*
|
gh release upload devbuild --clobber dist/*
|
||||||
gh release edit devbuild --title "DevBuild $RELEASE_TAG"
|
gh release edit devbuild --title "DevBuild $RELEASE_TAG"
|
||||||
@ -59,7 +55,6 @@ jobs:
|
|||||||
RELEASE_TAG: ${{ env.release_tag }}
|
RELEASE_TAG: ${{ env.release_tag }}
|
||||||
|
|
||||||
- name: Upload DevBuild to builds repo
|
- name: Upload DevBuild to builds repo
|
||||||
if: github.repository == 'Vendicated/Vencord'
|
|
||||||
run: |
|
run: |
|
||||||
git config --global user.name "$USERNAME"
|
git config --global user.name "$USERNAME"
|
||||||
git config --global user.email actions@github.com
|
git config --global user.email actions@github.com
|
||||||
|
22
.github/workflows/codeberg-mirror.yml
vendored
22
.github/workflows/codeberg-mirror.yml
vendored
@ -1,22 +0,0 @@
|
|||||||
name: Sync to Codeberg
|
|
||||||
concurrency:
|
|
||||||
group: ${{ github.ref }}
|
|
||||||
cancel-in-progress: true
|
|
||||||
on:
|
|
||||||
push:
|
|
||||||
workflow_dispatch:
|
|
||||||
schedule:
|
|
||||||
- cron: "0 */6 * * *"
|
|
||||||
|
|
||||||
jobs:
|
|
||||||
codeberg:
|
|
||||||
if: github.repository == 'Vendicated/Vencord'
|
|
||||||
runs-on: ubuntu-latest
|
|
||||||
steps:
|
|
||||||
- uses: actions/checkout@v3
|
|
||||||
with:
|
|
||||||
fetch-depth: 0
|
|
||||||
- uses: pixta-dev/repository-mirroring-action@674e65a7d483ca28dafaacba0d07351bdcc8bd75 # v1.1.1
|
|
||||||
with:
|
|
||||||
target_repo_url: "git@codeberg.org:Ven/cord.git"
|
|
||||||
ssh_private_key: ${{ secrets.CODEBERG_SSH_PRIVATE_KEY }}
|
|
22
.github/workflows/publish.yml
vendored
22
.github/workflows/publish.yml
vendored
@ -6,7 +6,6 @@ on:
|
|||||||
|
|
||||||
jobs:
|
jobs:
|
||||||
Publish:
|
Publish:
|
||||||
if: github.repository == 'Vendicated/Vencord'
|
|
||||||
runs-on: ubuntu-latest
|
runs-on: ubuntu-latest
|
||||||
|
|
||||||
steps:
|
steps:
|
||||||
@ -36,10 +35,27 @@ jobs:
|
|||||||
|
|
||||||
- name: Publish extension
|
- name: Publish extension
|
||||||
run: |
|
run: |
|
||||||
cd dist/chromium-unpacked
|
cd dist/extension-unpacked
|
||||||
pnpx chrome-webstore-upload-cli@2.1.0 upload --auto-publish
|
|
||||||
|
# Do not fail so that even if chrome fails, firefox gets a shot. But also store exit code to fail workflow later
|
||||||
|
EXIT_CODE=0
|
||||||
|
|
||||||
|
# Chrome
|
||||||
|
pnpx chrome-webstore-upload-cli@2.1.0 upload --auto-publish || EXIT_CODE=$?
|
||||||
|
|
||||||
|
# Firefox
|
||||||
|
npm i -g web-ext@7.4.0 web-ext-submit@7.4.0
|
||||||
|
web-ext-submit || EXIT_CODE=$?
|
||||||
|
|
||||||
|
exit $EXIT_CODE
|
||||||
env:
|
env:
|
||||||
|
# Chrome
|
||||||
EXTENSION_ID: ${{ secrets.CHROME_EXTENSION_ID }}
|
EXTENSION_ID: ${{ secrets.CHROME_EXTENSION_ID }}
|
||||||
CLIENT_ID: ${{ secrets.CHROME_CLIENT_ID }}
|
CLIENT_ID: ${{ secrets.CHROME_CLIENT_ID }}
|
||||||
CLIENT_SECRET: ${{ secrets.CHROME_CLIENT_SECRET }}
|
CLIENT_SECRET: ${{ secrets.CHROME_CLIENT_SECRET }}
|
||||||
REFRESH_TOKEN: ${{ secrets.CHROME_REFRESH_TOKEN }}
|
REFRESH_TOKEN: ${{ secrets.CHROME_REFRESH_TOKEN }}
|
||||||
|
|
||||||
|
# Firefox
|
||||||
|
WEB_EXT_API_KEY: ${{ secrets.WEBEXT_USER }}
|
||||||
|
WEB_EXT_API_SECRET: ${{ secrets.WEBEXT_SECRET }}
|
||||||
|
|
||||||
|
5
.github/workflows/reportBrokenPlugins.yml
vendored
5
.github/workflows/reportBrokenPlugins.yml
vendored
@ -7,7 +7,6 @@ on:
|
|||||||
|
|
||||||
jobs:
|
jobs:
|
||||||
TestPlugins:
|
TestPlugins:
|
||||||
if: github.repository == 'Vendicated/Vencord'
|
|
||||||
runs-on: ubuntu-latest
|
runs-on: ubuntu-latest
|
||||||
|
|
||||||
steps:
|
steps:
|
||||||
@ -37,7 +36,7 @@ jobs:
|
|||||||
export PATH="$PWD/node_modules/.bin:$PATH"
|
export PATH="$PWD/node_modules/.bin:$PATH"
|
||||||
export CHROMIUM_BIN=$(which chromium-browser)
|
export CHROMIUM_BIN=$(which chromium-browser)
|
||||||
|
|
||||||
esbuild scripts/generateReport.ts > dist/report.mjs
|
esbuild test/generateReport.ts > dist/report.mjs
|
||||||
node dist/report.mjs >> $GITHUB_STEP_SUMMARY
|
node dist/report.mjs >> $GITHUB_STEP_SUMMARY
|
||||||
env:
|
env:
|
||||||
DISCORD_TOKEN: ${{ secrets.DISCORD_TOKEN }}
|
DISCORD_TOKEN: ${{ secrets.DISCORD_TOKEN }}
|
||||||
@ -51,7 +50,7 @@ jobs:
|
|||||||
export CHROMIUM_BIN=$(which chromium-browser)
|
export CHROMIUM_BIN=$(which chromium-browser)
|
||||||
export USE_CANARY=true
|
export USE_CANARY=true
|
||||||
|
|
||||||
esbuild scripts/generateReport.ts > dist/report.mjs
|
esbuild test/generateReport.ts > dist/report.mjs
|
||||||
node dist/report.mjs >> $GITHUB_STEP_SUMMARY
|
node dist/report.mjs >> $GITHUB_STEP_SUMMARY
|
||||||
env:
|
env:
|
||||||
DISCORD_TOKEN: ${{ secrets.DISCORD_TOKEN }}
|
DISCORD_TOKEN: ${{ secrets.DISCORD_TOKEN }}
|
||||||
|
9
.github/workflows/test.yml
vendored
9
.github/workflows/test.yml
vendored
@ -15,7 +15,7 @@ jobs:
|
|||||||
- uses: pnpm/action-setup@v2 # Install pnpm using packageManager key in package.json
|
- uses: pnpm/action-setup@v2 # Install pnpm using packageManager key in package.json
|
||||||
|
|
||||||
- name: Use Node.js 18
|
- name: Use Node.js 18
|
||||||
uses: actions/setup-node@v3
|
uses: actions/setup-node@v2
|
||||||
with:
|
with:
|
||||||
node-version: 18
|
node-version: 18
|
||||||
cache: "pnpm"
|
cache: "pnpm"
|
||||||
@ -26,8 +26,5 @@ jobs:
|
|||||||
- name: Lint & Test if desktop version compiles
|
- name: Lint & Test if desktop version compiles
|
||||||
run: pnpm test
|
run: pnpm test
|
||||||
|
|
||||||
- name: Test if web version compiles
|
- name: Lint & Test if web version compiles
|
||||||
run: pnpm buildWeb
|
run: pnpm testWeb
|
||||||
|
|
||||||
- name: Test if plugin structure is valid
|
|
||||||
run: pnpm generatePluginJson
|
|
||||||
|
9
.vscode/settings.json
vendored
9
.vscode/settings.json
vendored
@ -12,12 +12,5 @@
|
|||||||
"javascript.format.semicolons": "insert",
|
"javascript.format.semicolons": "insert",
|
||||||
"typescript.format.semicolons": "insert",
|
"typescript.format.semicolons": "insert",
|
||||||
"typescript.preferences.quoteStyle": "double",
|
"typescript.preferences.quoteStyle": "double",
|
||||||
"javascript.preferences.quoteStyle": "double",
|
"javascript.preferences.quoteStyle": "double"
|
||||||
|
|
||||||
"gitlens.remotes": [
|
|
||||||
{
|
|
||||||
"domain": "codeberg.org",
|
|
||||||
"type": "Gitea"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
|
25
.vscode/tasks.json
vendored
25
.vscode/tasks.json
vendored
@ -1,25 +0,0 @@
|
|||||||
{
|
|
||||||
// See https://go.microsoft.com/fwlink/?LinkId=733558
|
|
||||||
// for the documentation about the tasks.json format
|
|
||||||
"version": "2.0.0",
|
|
||||||
"tasks": [
|
|
||||||
{
|
|
||||||
"label": "Build",
|
|
||||||
"type": "shell",
|
|
||||||
"command": "pnpm build",
|
|
||||||
"group": {
|
|
||||||
"kind": "build",
|
|
||||||
"isDefault": true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"label": "Watch",
|
|
||||||
"type": "shell",
|
|
||||||
"command": "pnpm watch",
|
|
||||||
"problemMatcher": [],
|
|
||||||
"group": {
|
|
||||||
"kind": "build"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
@ -1,20 +0,0 @@
|
|||||||
# Code of Conduct
|
|
||||||
|
|
||||||
Our community is welcoming to everyone, regardless of their characteristics.
|
|
||||||
|
|
||||||
As such, we expect you to treat everyone with respect and contribute to an open and welcoming community.
|
|
||||||
|
|
||||||
DO
|
|
||||||
- have empathy and be nice to others
|
|
||||||
- be respectful of differing opinions, even if you disagree
|
|
||||||
- give and accept constructive criticism
|
|
||||||
|
|
||||||
DON'T
|
|
||||||
- use offensive or derogatory language
|
|
||||||
- troll or spam
|
|
||||||
- personally attack or harass others
|
|
||||||
|
|
||||||
Repetitive violations of these guidelines might get your access to the repository restricted.
|
|
||||||
|
|
||||||
|
|
||||||
If you feel like a user is violating these guidelines or feel treated unfairly, please refrain from publicly challenging them and instead contact a Moderator on our Discord server or send an email to vendicated+conduct@riseup.net!
|
|
@ -65,7 +65,7 @@ Also pay attention to the following:
|
|||||||
- Match any but a guaranteed terminating character: `[^;]+`, for example to match the entire assigned value in `var a=b||c||func();`,
|
- Match any but a guaranteed terminating character: `[^;]+`, for example to match the entire assigned value in `var a=b||c||func();`,
|
||||||
`var .{1,2}=([^;]+);`
|
`var .{1,2}=([^;]+);`
|
||||||
- If you don't care about that part, just match a bunch of chars: `.{0,50}`, for example to extract the variable "b" in `createElement("div",{a:"foo",c:"bar"},b)`, `createElement\("div".{0,30},(.{1,2})\),`. Note the `.{0,30}`, this is essentially the same as `.+`, but safer as you can't end up accidently eating thousands of characters
|
- If you don't care about that part, just match a bunch of chars: `.{0,50}`, for example to extract the variable "b" in `createElement("div",{a:"foo",c:"bar"},b)`, `createElement\("div".{0,30},(.{1,2})\),`. Note the `.{0,30}`, this is essentially the same as `.+`, but safer as you can't end up accidently eating thousands of characters
|
||||||
- Additionally, as you might have noticed, all of the above approaches use regex groups (`(...)`) to capture the variable name. You can then use those groups in your replacement to access those variables dynamically
|
- Additionally, as you might have noticed, all of the appove approaches use regex groups (`(...)`) to capture the variable name. You can then use those groups in your replacement to access those variables dynamically
|
||||||
|
|
||||||
#### "replace"
|
#### "replace"
|
||||||
|
|
||||||
|
58
README.md
58
README.md
@ -1,65 +1,41 @@
|
|||||||
# Vencord
|
# Vencord
|
||||||
|
|
||||||
[![Codeberg Mirror](https://img.shields.io/static/v1?style=for-the-badge&label=Codeberg%20Mirror&message=codeberg.org/Ven/cord&color=2185D0&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAKbUlEQVR4nNVae3AV5RX/nW/3Pva+b24e5HHzIICQKGoiYiW8NFBFgohaa6ctglpbFSujSGurzUinohWsOij/gGX6R2fqOK0d1FYTEZXaTrWCBbEikJCEyCvkeXNvkrunf+zdkJDkPnex/c3cmd29+53v/M6e73znnF2Cydj4Tntldzi6qrN/qKqzf2jy6b7BnL4B1dI7oMp9AyoRAIdVsNMqhlxWMZjtspzyK/Jhr036OMsm//bh2vzPzNSPzBD6xFutd7R0Dq758ky4orkjYuc05RCAkixbeEq2/UCJ1/LczxcX/c5IPfU5DMHmxpbCpu7o1k/b+xc1n43YjJI7EqV+W2RmvuPt0oDjB2vn5bQbITNjAzzdeKK8qTO0bU9T77zucNQUjzofHrvENWWu3aUBZfW6+ZOOZiIrbYXrmUXo9daX3v6i667O/iGRiRLpwqtIvKDc+0efJ3hb/UIaSkdGWgZ4sqGt9r2m3lc/P9HvSWe80ZiRp3TPL/UsX1+bvyvVsSkb4NE3WjbuPNj5SM8Fcvdk4bAKrqvwv7DxhuCPUxmXNIn6XSy3nWr6R8OhrqrU1btwqJ3m/bgwu/SqZJdEUgbYsuuka09b9/4Pm3tLMlPvwuAbpe6m+RcplfdcURBKdG9CA2zZddLV2Nx1+JO2vlxj1LswqCpynlxc6SxLZIS40bueWfy9vXvv/xt5APhXa1/u7v+EPqvfxXK8++IaoO2Vpn9+cLS33FjVLhw+bOotOX7q6N/i3TOhAX7y+rHN/+sBLxm8fah71k93tjw/0f/jGuDJxtZrdh7setA8tS4sdn7eef+v3mmfP95/Ywxw6x9Yev9I35/6Iubv83WVfl5a6Uu3VkoavZEo7TnS/Vo98xi+Yy6UKC3bDp7sd5ut1OWFDjyzNMib6oq5Oug0ezp8dqLfG3r92Nbzr48ywNONJ8obDnV/z2xlAk4ZW1aUqhaJIAvCb5YVqwFn3GBtCBoO9dz5TOPxUbnMKAM0dYa2d5lc2AgCNi8r5klui3aBgWynjE11QZbI3FV3NjQkjnYNbB+lj36wubGlcE9T71xTNQDw0Px8nlvmHl73GmfCrKCL19Tkmh4P9jT1LHz2vVP5+vmwAZq71a1m1/PXTPXwD68eS5KIEVUZd1yZwwumeEw1Qld/lJrPhF7Sz4cNsO+rUK2ZExd6rfj10iCPZ2GJCCoAZuCJxQUc9FvNVAX72kPX6ccC0Hp4zR0Ru1kT2mTCSzeXqn5l/EAniMAqoDLDYZWwqa5EVSzmhaKmsxHbLxvbbgdiBmjpHFxj2mwANlxXxBdPUib8nwgQgqAyEFUZxT4L1i/MN3UpHDsTWQvEDHDoTLjCrIluuyzAt8zMSkhGFhp5hrYUFk3z8IqZftOMcKRj4GIAEM80tFccM8n9Z+Qq+MXigqRIWCQCMzQvYIbKwH1X53FFnjkr88iZsLKpoXWa6BiIrjbDzF67hK23lKp2Obm1LAstPEZVjTwDkAio/2ZQ9dolw/VjAB0DfKfoCg9WGy2cADy1NMhBX2rR3CIRGICq8rAhAg4Jj9UWsDBhg+4MR6vF2VC0zGjB99fk8eJp3pQdyyrRMHF9KURVxswCB6+alWO4o3b2RyeLU32D2UYKnVPm5gfm5qWlrF0Wo4hzbCmoDNw0089XlboNNcLpvsFc0RtRDXuNle+x4Lkbi9PO6WWJIBFGEY+qjGjswtq5eVzosRilLnoiUavoH1INiTCyIDy/vETNcmRW1dl0L4gRVxmx3YFhlwnrry1QrZIxASE0yJIIDaiGSHt8UQFXF2Ve1zusYgzxkXGhyGvFvePUE+mgfyAqhGqAqKWVPv5udbYhSjmtkpYWq6OJqzFjqCpjTpmbl1Rk3klSGRBWmTISNC3Hjo1LgoYFJ0GA1aIVR+cTVxlQoS2Pb18a4PLszMKXzSJYuCySmq4Al03CiytKVYfBhYvLKk1IXE+XLRLhwZp81WlNf26HTFHhd0jhdAYTgKduCPLkgPHfQjitYkLiAIEZBDBlu2R6aF7euCV2Mgg45bDw2qWOdAavnp3D109PPdlJBvpTnYg4kVY3MDMuylVw62WJi63x4LHLZ0TAIR9OdWBVodPUclUQwWmT4hLXfgCIUDfDi6oiR8rzBJzyl8LnkD9KZVCOU8aLN5eoshnJ+Qh4bFJC4gztmEjgrtk5anaKnWWfXfpIuBTLjmSpSILw/E0laq7LuGxsIngVCYmIa96hLRG3TaZ1C/KTfjAEQLFIO8TPFk7aH/RZI8kMWrdgEs8udqXLKSUoMkEW4ETEQTRsoHyPlVZfmVw+Uuy3hR9bVHBQAMD0XPu/Ew24dqqH777K/La1DiKCxyYlRRzQymgG4+oyDxZOTdxZnp5r3wvEWmJ5btuL8W4uzbJh87LitLebdOFVpKSJx4IlwIzbL81CcYLO8iSX/IImGQCYae6Wg/2tXQNjNnW7LPDKyilqZd7ETU2zEBlifNTSS4i9PNFIx44x4jh2nZlBsUr0dN8QP/6XVhEaHJvnlfhtkXd/NF0BUextKRFXFznfGk+JDdcX8tdBHtDa6YpFsB4I9ac88omf8wbEgqa2XAIOme6bM35foqrQ+QZIKwGG80ifVbrXZZNGDfhOVYBvviS9JMMoaP3AEcQpPnHdOxiMGXkKbrx4dGfZY5c4T8H9+vmwAeqXFLXOKXW9r59fWuDA44sKv1byAOBzyCkTH+kdS2f4MLPgXJI0p9T17vrFxcf181GVxEUB+0qfIqt+RcKWFSWGNR4ygd4RTpW4HiCJgFWzstmnSPA7ZLU827pypPwxDB/687GXl1X6Vs6bbGz/LRN80hZCT+yLFZ0cgHED4egACeiXm89GsP9EePuzy4rvGil7jAGYmQDsBjDHUBYZ4GhHBMfORigd4rpnyIS9u6d4rqgnGrUtjCmmSYuOqwB0GcwjbWh9xviurpNnxnDA1IspMPe6bOL755MHJvhKjIgOA7jbJD4pw22Thj+kSIW47h2KRaydVezeP57sCdspRPQqgGeNJJIuBAE+ReJUiOv32mXaXjPZs21C2QnmXgdghyEsMoRfkVMiDgCywF/by9z3xJMb1wCxeHAPgDczZpAh/Iq+HSYmDjCsstgThmf5t4ii8eQm7CgS0SCA5QBezoRApnBaBSyCEhIHCLJEb4ZUd+2SqZSwzE+qpUpEQ9CC4qb01M8cRIQsh8zxiKsMtsn08nvlnrpkyAPj5AGJwMw3AtgGwJ/q2ExxvHsQB74KxfKBMblAyGmTHq4pc4/5GjQeUm6qE9FrAK4E8H6ie41GlkN/jTk6F5Ak2ueUpNmpkgfSMAAAENERAAsB3AHgZDoy0oFdFnBYpXPEBfU4beLRD6Z4qmumug+kIzPjaoeZfQDWAHgAQFam8hLh4MkwWjsHemyS2OF08IYrCjynzZ4zKTCzi5nXMvOnzBw16bevIxR95JOj7DNKb1PqXWa+HMDtAGoBXII0lxq0N2OfAmgA8Hsi2muMhudgesHPzNkA5gKoADADwFRoS8UHQO+x9wLoBNAB4AsAnwM4AOADIjLVxf8L9kdXUOE0IskAAAAASUVORK5CYII=)](https://codeberg.org/Ven/cord)
|
|
||||||
|
|
||||||
The cutest Discord client mod
|
The cutest Discord client mod
|
||||||
|
|
||||||
![image](https://github.com/Vendicated/Vencord/assets/45497981/706722b1-32de-4d99-bee9-93993b504334)
|
|
||||||
|
|
||||||
## Features
|
## Features
|
||||||
|
|
||||||
- Super easy to install (Download Installer, open, click install button, done)
|
- Super easy to install (one click installer)
|
||||||
- 100+ plugins built in: [See a list](https://vencord.dev/plugins)
|
- 90+ plugins built in: [See a list](https://gist.github.com/Vendicated/8696cde7b92548064a3ae92ead84d033)
|
||||||
- Some highlights: SpotifyControls, MessageLogger, Experiments, GameActivityToggle, Translate, NoTrack, QuickReply, Free Emotes/Stickers, PermissionsViewer, CustomCommands, ShowHiddenChannels, PronounDB
|
- Some highlights: SpotifyControls, Experiments, NoTrack, MessageLogger, QuickReply, Free Emotes/Stickers, CustomCommands, ShowHiddenChannels, PronounDB
|
||||||
- Fairly lightweight despite the many inbuilt plugins
|
|
||||||
- Excellent Browser Support: Run Vencord in your Browser via extension or UserScript
|
- Excellent Browser Support: Run Vencord in your Browser via extension or UserScript
|
||||||
- Works on any Discord branch: Stable, Canary or PTB all work (though for the best experience I recommend stable!)
|
|
||||||
- Custom CSS and Themes: Inbuilt css editor with support to import any css files (including BetterDiscord themes)
|
- Custom CSS and Themes: Inbuilt css editor with support to import any css files (including BetterDiscord themes)
|
||||||
- Privacy friendly, blocks Discord analytics & crash reporting out of the box and has no telemetry
|
- Works in all Electron versions (Confirmed working on versions 13-23)
|
||||||
- Maintained very actively, broken plugins are usually fixed within 12 hours
|
- Maintained very actively, broken plugins are usually fixed within 12 hours
|
||||||
- Settings sync: Keep your plugins and their settings synchronised between devices / apps (optional)
|
|
||||||
|
|
||||||
|
|
||||||
## Installing / Uninstalling
|
## Installing / Uninstalling
|
||||||
|
|
||||||
Visit https://vencord.dev/download
|
[![Download and run the Installer ](https://img.shields.io/github/v/release/Vencord/Installer?label=Download%20Vencord%20Installer&style=for-the-badge)](https://github.com/Vencord/Installer#usage)
|
||||||
|
|
||||||
## Join our Support/Community Server
|
## Installing on Browser
|
||||||
|
|
||||||
https://discord.gg/D9uwnFnqmd
|
[![Get it on the Firefox Webstore](https://blog.mozilla.org/addons/files/2015/11/get-the-addon.png)](https://addons.mozilla.org/en-GB/firefox/addon/vencord-web/) [![Get it on the Chrome Webstore](https://storage.googleapis.com/web-dev-uploads/image/WlD8wC6g8khYWPJUsQceQkhXSlv1/UV4C4ybeBTsZt43U4xis.png)](https://chrome.google.com/webstore/detail/vencord-web/cbghhgpcnddeihccjmnadmkaejncjndb)
|
||||||
|
|
||||||
## Sponsors
|
Or use the [UserScript](https://raw.githubusercontent.com/Vencord/builds/main/Vencord.user.js) - Please note that QuickCSS and plugins making use of external resources will not work with the UserScript.
|
||||||
|
|
||||||
| **Thanks a lot to all Vencord [sponsors](https://github.com/sponsors/Vendicated)!!** |
|
## Building from Source
|
||||||
|:--:|
|
|
||||||
| [![](https://meow.vendicated.dev/sponsors.png)](https://github.com/sponsors/Vendicated) |
|
|
||||||
| *generated using [github-sponsor-graph](https://github.com/Vendicated/github-sponsor-graph)* |
|
|
||||||
|
|
||||||
|
See the docs folder
|
||||||
|
|
||||||
## Star History
|
## Contributing
|
||||||
|
|
||||||
<a href="https://star-history.com/#Vendicated/Vencord&Timeline">
|
See [CONTRIBUTING.md](CONTRIBUTING.md) and [Megu's Plugin Guide!](docs/2_PLUGINS.md)
|
||||||
<picture>
|
|
||||||
<source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/svg?repos=Vendicated/Vencord&type=Timeline&theme=dark" />
|
|
||||||
<source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/svg?repos=Vendicated/Vencord&type=Timeline" />
|
|
||||||
<img alt="Star History Chart" src="https://api.star-history.com/svg?repos=Vendicated/Vencord&type=Timeline" />
|
|
||||||
</picture>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
## Disclaimer
|
[contribute]: CONTRIBUTING.md
|
||||||
|
|
||||||
Discord is trademark of Discord Inc. and solely mentioned for the sake of descriptivity.
|
[contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute] [contribute]
|
||||||
Mention of it does not imply any affiliation with or endorsement by Discord Inc.
|
|
||||||
|
|
||||||
<details>
|
## Join
|
||||||
<summary>Using Vencord violates Discord's terms of service</summary>
|
|
||||||
|
|
||||||
Client modifications are against Discord’s Terms of Service.
|
[join]: https://discord.gg/D9uwnFnqmd
|
||||||
|
|
||||||
However, Discord is pretty indifferent about them and there are no known cases of users getting banned for using client mods! So you should generally be fine as long as you don’t use any plugins that implement abusive behaviour. But no worries, all inbuilt plugins are safe to use!
|
[join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join]
|
||||||
|
|
||||||
Regardless, if your account is very important to you and it getting disabled would be a disaster for you, you should probably not use any client mods (not exclusive to Vencord), just to be safe
|
|
||||||
|
|
||||||
Additionally, make sure not to post screenshots with Vencord in a server where you might get banned for it
|
|
||||||
|
|
||||||
</details>
|
|
||||||
|
@ -16,6 +16,20 @@
|
|||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
function fetchOptions(url) {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
const opt = {
|
||||||
|
method: "OPTIONS",
|
||||||
|
url: url,
|
||||||
|
};
|
||||||
|
opt.onload = resp => resolve(resp.responseHeaders);
|
||||||
|
opt.ontimeout = () => reject("fetch timeout");
|
||||||
|
opt.onerror = () => reject("fetch error");
|
||||||
|
opt.onabort = () => reject("fetch abort");
|
||||||
|
GM_xmlhttpRequest(opt);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
function parseHeaders(headers) {
|
function parseHeaders(headers) {
|
||||||
if (!headers)
|
if (!headers)
|
||||||
return {};
|
return {};
|
||||||
@ -38,6 +52,19 @@ function parseHeaders(headers) {
|
|||||||
return result;
|
return result;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// returns true if CORS permits request
|
||||||
|
async function checkCors(url, method) {
|
||||||
|
const headers = parseHeaders(await fetchOptions(url));
|
||||||
|
|
||||||
|
const origin = headers["access-control-allow-origin"];
|
||||||
|
if (origin !== "*" && origin !== window.location.origin) return false;
|
||||||
|
|
||||||
|
const methods = headers["access-control-allow-methods"]?.split(/,\s/g);
|
||||||
|
if (methods && !methods.includes(method)) return false;
|
||||||
|
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
function blobTo(to, blob) {
|
function blobTo(to, blob) {
|
||||||
if (to === "arrayBuffer" && blob.arrayBuffer) return blob.arrayBuffer();
|
if (to === "arrayBuffer" && blob.arrayBuffer) return blob.arrayBuffer();
|
||||||
return new Promise((resolve, reject) => {
|
return new Promise((resolve, reject) => {
|
||||||
@ -51,6 +78,9 @@ function blobTo(to, blob) {
|
|||||||
|
|
||||||
function GM_fetch(url, opt) {
|
function GM_fetch(url, opt) {
|
||||||
return new Promise((resolve, reject) => {
|
return new Promise((resolve, reject) => {
|
||||||
|
checkCors(url, opt?.method || "GET")
|
||||||
|
.then(can => {
|
||||||
|
if (can) {
|
||||||
// https://www.tampermonkey.net/documentation.php?ext=dhdg#GM_xmlhttpRequest
|
// https://www.tampermonkey.net/documentation.php?ext=dhdg#GM_xmlhttpRequest
|
||||||
const options = opt || {};
|
const options = opt || {};
|
||||||
options.url = url;
|
options.url = url;
|
||||||
@ -62,14 +92,16 @@ function GM_fetch(url, opt) {
|
|||||||
resp.arrayBuffer = () => blobTo("arrayBuffer", blob);
|
resp.arrayBuffer = () => blobTo("arrayBuffer", blob);
|
||||||
resp.text = () => blobTo("text", blob);
|
resp.text = () => blobTo("text", blob);
|
||||||
resp.json = async () => JSON.parse(await blobTo("text", blob));
|
resp.json = async () => JSON.parse(await blobTo("text", blob));
|
||||||
resp.headers = new Headers(parseHeaders(resp.responseHeaders));
|
|
||||||
resp.ok = resp.status >= 200 && resp.status < 300;
|
|
||||||
resolve(resp);
|
resolve(resp);
|
||||||
};
|
};
|
||||||
options.ontimeout = () => reject("fetch timeout");
|
options.ontimeout = () => reject("fetch timeout");
|
||||||
options.onerror = () => reject("fetch error");
|
options.onerror = () => reject("fetch error");
|
||||||
options.onabort = () => reject("fetch abort");
|
options.onabort = () => reject("fetch abort");
|
||||||
GM_xmlhttpRequest(options);
|
GM_xmlhttpRequest(options);
|
||||||
|
} else {
|
||||||
|
reject("CORS issue");
|
||||||
|
}
|
||||||
|
});
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
export const fetch = GM_fetch;
|
export const fetch = GM_fetch;
|
||||||
|
@ -16,90 +16,51 @@
|
|||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/// <reference path="../src/modules.d.ts" />
|
|
||||||
/// <reference path="../src/globals.d.ts" />
|
|
||||||
|
|
||||||
import monacoHtmlLocal from "~fileContent/monacoWin.html";
|
|
||||||
import monacoHtmlCdn from "~fileContent/../src/main/monacoWin.html";
|
|
||||||
import * as DataStore from "../src/api/DataStore";
|
import * as DataStore from "../src/api/DataStore";
|
||||||
import { debounce } from "../src/utils";
|
import IpcEvents from "../src/utils/IpcEvents";
|
||||||
import { EXTENSION_BASE_URL } from "../src/utils/web-metadata";
|
|
||||||
import { getTheme, Theme } from "../src/utils/discord";
|
|
||||||
import { getThemeInfo } from "../src/main/themes";
|
|
||||||
|
|
||||||
// Discord deletes this so need to store in variable
|
// Discord deletes this so need to store in variable
|
||||||
const { localStorage } = window;
|
const { localStorage } = window;
|
||||||
|
|
||||||
// listeners for ipc.on
|
// listeners for ipc.on
|
||||||
const cssListeners = new Set<(css: string) => void>();
|
const listeners = {} as Record<string, Set<Function>>;
|
||||||
const NOOP = () => { };
|
|
||||||
const NOOP_ASYNC = async () => { };
|
|
||||||
|
|
||||||
const setCssDebounced = debounce((css: string) => VencordNative.quickCss.set(css));
|
const handlers = {
|
||||||
|
[IpcEvents.GET_REPO]: () => "https://github.com/Vendicated/Vencord", // shrug
|
||||||
|
[IpcEvents.GET_SETTINGS_DIR]: () => "LocalStorage",
|
||||||
|
|
||||||
const themeStore = DataStore.createStore("VencordThemes", "VencordThemeData");
|
[IpcEvents.GET_QUICK_CSS]: () => DataStore.get("VencordQuickCss").then(s => s ?? ""),
|
||||||
|
[IpcEvents.SET_QUICK_CSS]: (css: string) => {
|
||||||
|
DataStore.set("VencordQuickCss", css);
|
||||||
|
listeners[IpcEvents.QUICK_CSS_UPDATE]?.forEach(l => l(null, css));
|
||||||
|
},
|
||||||
|
|
||||||
|
[IpcEvents.GET_SETTINGS]: () => localStorage.getItem("VencordSettings") || "{}",
|
||||||
|
[IpcEvents.SET_SETTINGS]: (s: string) => localStorage.setItem("VencordSettings", s),
|
||||||
|
|
||||||
|
[IpcEvents.GET_UPDATES]: () => ({ ok: true, value: [] }),
|
||||||
|
|
||||||
|
[IpcEvents.OPEN_EXTERNAL]: (url: string) => open(url, "_blank"),
|
||||||
|
};
|
||||||
|
|
||||||
|
function onEvent(event: string, ...args: any[]) {
|
||||||
|
const handler = handlers[event];
|
||||||
|
if (!handler) throw new Error(`Event ${event} not implemented.`);
|
||||||
|
return handler(...args);
|
||||||
|
}
|
||||||
|
|
||||||
// probably should make this less cursed at some point
|
// probably should make this less cursed at some point
|
||||||
window.VencordNative = {
|
window.VencordNative = {
|
||||||
themes: {
|
|
||||||
uploadTheme: (fileName: string, fileData: string) => DataStore.set(fileName, fileData, themeStore),
|
|
||||||
deleteTheme: (fileName: string) => DataStore.del(fileName, themeStore),
|
|
||||||
getThemesDir: async () => "",
|
|
||||||
getThemesList: () => DataStore.entries(themeStore).then(entries =>
|
|
||||||
entries.map(([name, css]) => getThemeInfo(css, name.toString()))
|
|
||||||
),
|
|
||||||
getThemeData: (fileName: string) => DataStore.get(fileName, themeStore),
|
|
||||||
getSystemValues: async () => ({}),
|
|
||||||
},
|
|
||||||
|
|
||||||
native: {
|
|
||||||
getVersions: () => ({}),
|
getVersions: () => ({}),
|
||||||
openExternal: async (url) => void open(url, "_blank")
|
ipc: {
|
||||||
|
send: (event: string, ...args: any[]) => void onEvent(event, ...args),
|
||||||
|
sendSync: onEvent,
|
||||||
|
on(event: string, listener: () => {}) {
|
||||||
|
(listeners[event] ??= new Set()).add(listener);
|
||||||
},
|
},
|
||||||
|
off(event: string, listener: () => {}) {
|
||||||
updater: {
|
return listeners[event]?.delete(listener);
|
||||||
getRepo: async () => ({ ok: true, value: "https://github.com/Vendicated/Vencord" }),
|
|
||||||
getUpdates: async () => ({ ok: true, value: [] }),
|
|
||||||
update: async () => ({ ok: true, value: false }),
|
|
||||||
rebuild: async () => ({ ok: true, value: true }),
|
|
||||||
},
|
},
|
||||||
|
invoke: (event: string, ...args: any[]) => Promise.resolve(onEvent(event, ...args))
|
||||||
quickCss: {
|
|
||||||
get: () => DataStore.get("VencordQuickCss").then(s => s ?? ""),
|
|
||||||
set: async (css: string) => {
|
|
||||||
await DataStore.set("VencordQuickCss", css);
|
|
||||||
cssListeners.forEach(l => l(css));
|
|
||||||
},
|
},
|
||||||
addChangeListener(cb) {
|
|
||||||
cssListeners.add(cb);
|
|
||||||
},
|
|
||||||
addThemeChangeListener: NOOP,
|
|
||||||
openFile: NOOP_ASYNC,
|
|
||||||
async openEditor() {
|
|
||||||
const features = `popup,width=${Math.min(window.innerWidth, 1000)},height=${Math.min(window.innerHeight, 1000)}`;
|
|
||||||
const win = open("about:blank", "VencordQuickCss", features);
|
|
||||||
if (!win) {
|
|
||||||
alert("Failed to open QuickCSS popup. Make sure to allow popups!");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
win.baseUrl = EXTENSION_BASE_URL;
|
|
||||||
win.setCss = setCssDebounced;
|
|
||||||
win.getCurrentCss = () => VencordNative.quickCss.get();
|
|
||||||
win.getTheme = () =>
|
|
||||||
getTheme() === Theme.Light
|
|
||||||
? "vs-light"
|
|
||||||
: "vs-dark";
|
|
||||||
|
|
||||||
win.document.write(IS_EXTENSION ? monacoHtmlLocal : monacoHtmlCdn);
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
settings: {
|
|
||||||
get: () => localStorage.getItem("VencordSettings") || "{}",
|
|
||||||
set: async (s: string) => localStorage.setItem("VencordSettings", s),
|
|
||||||
getSettingsDir: async () => "LocalStorage"
|
|
||||||
},
|
|
||||||
|
|
||||||
pluginHelpers: {} as any,
|
|
||||||
};
|
};
|
||||||
|
@ -1,32 +0,0 @@
|
|||||||
/**
|
|
||||||
* @template T
|
|
||||||
* @param {T[]} arr
|
|
||||||
* @param {(v: T) => boolean} predicate
|
|
||||||
*/
|
|
||||||
function removeFirst(arr, predicate) {
|
|
||||||
const idx = arr.findIndex(predicate);
|
|
||||||
if (idx !== -1) arr.splice(idx, 1);
|
|
||||||
}
|
|
||||||
|
|
||||||
chrome.webRequest.onHeadersReceived.addListener(
|
|
||||||
({ responseHeaders, type, url }) => {
|
|
||||||
if (!responseHeaders) return;
|
|
||||||
|
|
||||||
if (type === "main_frame") {
|
|
||||||
// In main frame requests, the CSP needs to be removed to enable fetching of custom css
|
|
||||||
// as desired by the user
|
|
||||||
removeFirst(responseHeaders, h => h.name.toLowerCase() === "content-security-policy");
|
|
||||||
} else if (type === "stylesheet" && url.startsWith("https://raw.githubusercontent.com/")) {
|
|
||||||
// Most users will load css from GitHub, but GitHub doesn't set the correct content type,
|
|
||||||
// so we fix it here
|
|
||||||
removeFirst(responseHeaders, h => h.name.toLowerCase() === "content-type");
|
|
||||||
responseHeaders.push({
|
|
||||||
name: "Content-Type",
|
|
||||||
value: "text/css"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return { responseHeaders };
|
|
||||||
},
|
|
||||||
{ urls: ["https://raw.githubusercontent.com/*", "*://*.discord.com/*"], types: ["main_frame", "stylesheet"] },
|
|
||||||
["blocking", "responseHeaders"]
|
|
||||||
);
|
|
@ -4,11 +4,6 @@ if (typeof browser === "undefined") {
|
|||||||
|
|
||||||
const script = document.createElement("script");
|
const script = document.createElement("script");
|
||||||
script.src = browser.runtime.getURL("dist/Vencord.js");
|
script.src = browser.runtime.getURL("dist/Vencord.js");
|
||||||
script.id = "vencord-script";
|
|
||||||
Object.assign(script.dataset, {
|
|
||||||
extensionBaseUrl: browser.runtime.getURL(""),
|
|
||||||
version: browser.runtime.getManifest().version
|
|
||||||
});
|
|
||||||
|
|
||||||
const style = document.createElement("link");
|
const style = document.createElement("link");
|
||||||
style.type = "text/css";
|
style.type = "text/css";
|
||||||
|
BIN
browser/icon.png
BIN
browser/icon.png
Binary file not shown.
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 21 KiB |
@ -21,14 +21,13 @@
|
|||||||
{
|
{
|
||||||
"run_at": "document_start",
|
"run_at": "document_start",
|
||||||
"matches": ["*://*.discord.com/*"],
|
"matches": ["*://*.discord.com/*"],
|
||||||
"js": ["content.js"],
|
"js": ["content.js"]
|
||||||
"all_frames": true
|
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
|
|
||||||
"web_accessible_resources": [
|
"web_accessible_resources": [
|
||||||
{
|
{
|
||||||
"resources": ["dist/*", "third-party/*"],
|
"resources": ["dist/Vencord.js", "dist/Vencord.css"],
|
||||||
"matches": ["*://*.discord.com/*"]
|
"matches": ["*://*.discord.com/*"]
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
@ -41,5 +40,12 @@
|
|||||||
"path": "modifyResponseHeaders.json"
|
"path": "modifyResponseHeaders.json"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
},
|
||||||
|
|
||||||
|
"browser_specific_settings": {
|
||||||
|
"gecko": {
|
||||||
|
"id": "vencord-firefox@vendicated.dev",
|
||||||
|
"strict_min_version": "109.0"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -1,41 +0,0 @@
|
|||||||
{
|
|
||||||
"manifest_version": 2,
|
|
||||||
"minimum_chrome_version": "91",
|
|
||||||
|
|
||||||
"name": "Vencord Web",
|
|
||||||
"description": "The cutest Discord mod now in your browser",
|
|
||||||
"author": "Vendicated",
|
|
||||||
"homepage_url": "https://github.com/Vendicated/Vencord",
|
|
||||||
"icons": {
|
|
||||||
"128": "icon.png"
|
|
||||||
},
|
|
||||||
|
|
||||||
"permissions": [
|
|
||||||
"webRequest",
|
|
||||||
"webRequestBlocking",
|
|
||||||
"*://*.discord.com/*",
|
|
||||||
"https://raw.githubusercontent.com/*"
|
|
||||||
],
|
|
||||||
|
|
||||||
"content_scripts": [
|
|
||||||
{
|
|
||||||
"run_at": "document_start",
|
|
||||||
"matches": ["*://*.discord.com/*"],
|
|
||||||
"js": ["content.js"],
|
|
||||||
"all_frames": true
|
|
||||||
}
|
|
||||||
],
|
|
||||||
|
|
||||||
"background": {
|
|
||||||
"scripts": ["background.js"]
|
|
||||||
},
|
|
||||||
|
|
||||||
"web_accessible_resources": ["dist/Vencord.js", "dist/Vencord.css"],
|
|
||||||
|
|
||||||
"browser_specific_settings": {
|
|
||||||
"gecko": {
|
|
||||||
"id": "vencord-firefox@vendicated.dev",
|
|
||||||
"strict_min_version": "91.0"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
@ -15,7 +15,7 @@
|
|||||||
]
|
]
|
||||||
},
|
},
|
||||||
"condition": {
|
"condition": {
|
||||||
"resourceTypes": ["main_frame", "sub_frame"]
|
"resourceTypes": ["main_frame"]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
@ -1,43 +0,0 @@
|
|||||||
/*
|
|
||||||
* Vencord, a Discord client mod
|
|
||||||
* Copyright (c) 2023 Vendicated and contributors
|
|
||||||
* SPDX-License-Identifier: GPL-3.0-or-later
|
|
||||||
*/
|
|
||||||
|
|
||||||
import "./patch-worker";
|
|
||||||
|
|
||||||
import * as monaco from "monaco-editor/esm/vs/editor/editor.main.js";
|
|
||||||
|
|
||||||
declare global {
|
|
||||||
const baseUrl: string;
|
|
||||||
const getCurrentCss: () => Promise<string>;
|
|
||||||
const setCss: (css: string) => void;
|
|
||||||
const getTheme: () => string;
|
|
||||||
}
|
|
||||||
|
|
||||||
const BASE = "/dist/monaco/vs";
|
|
||||||
|
|
||||||
self.MonacoEnvironment = {
|
|
||||||
getWorkerUrl(_moduleId: unknown, label: string) {
|
|
||||||
const path = label === "css" ? "/language/css/css.worker.js" : "/editor/editor.worker.js";
|
|
||||||
return new URL(BASE + path, baseUrl).toString();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
getCurrentCss().then(css => {
|
|
||||||
const editor = monaco.editor.create(
|
|
||||||
document.getElementById("container")!,
|
|
||||||
{
|
|
||||||
value: css,
|
|
||||||
language: "css",
|
|
||||||
theme: getTheme(),
|
|
||||||
}
|
|
||||||
);
|
|
||||||
editor.onDidChangeModelContent(() =>
|
|
||||||
setCss(editor.getValue())
|
|
||||||
);
|
|
||||||
window.addEventListener("resize", () => {
|
|
||||||
// make monaco re-layout
|
|
||||||
editor.layout();
|
|
||||||
});
|
|
||||||
});
|
|
@ -1,37 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<title>Vencord QuickCSS Editor</title>
|
|
||||||
<style>
|
|
||||||
html,
|
|
||||||
body,
|
|
||||||
#container {
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
top: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<div id="container"></div>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
const script = document.createElement("script");
|
|
||||||
script.src = new URL("/dist/monaco/index.js", baseUrl);
|
|
||||||
|
|
||||||
const style = document.createElement("link");
|
|
||||||
style.type = "text/css";
|
|
||||||
style.rel = "stylesheet";
|
|
||||||
style.href = new URL("/dist/monaco/index.css", baseUrl);
|
|
||||||
|
|
||||||
document.body.append(style, script);
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
@ -1,135 +0,0 @@
|
|||||||
/*
|
|
||||||
Copyright 2013 Rob Wu <gwnRob@gmail.com>
|
|
||||||
Licensed under the Apache License, Version 2.0 (the "License");
|
|
||||||
you may not use this file except in compliance with the License.
|
|
||||||
You may obtain a copy of the License at
|
|
||||||
|
|
||||||
http://www.apache.org/licenses/LICENSE-2.0
|
|
||||||
|
|
||||||
Unless required by applicable law or agreed to in writing, software
|
|
||||||
distributed under the License is distributed on an "AS IS" BASIS,
|
|
||||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
||||||
See the License for the specific language governing permissions and
|
|
||||||
limitations under the License.
|
|
||||||
*/
|
|
||||||
// Target: Chrome 20+
|
|
||||||
|
|
||||||
// W3-compliant Worker proxy.
|
|
||||||
// This module replaces the global Worker object.
|
|
||||||
// When invoked, the default Worker object is called.
|
|
||||||
// If this call fails with SECURITY_ERR, the script is fetched
|
|
||||||
// using async XHR, and transparently proxies all calls and
|
|
||||||
// setters/getters to the new Worker object.
|
|
||||||
// Note: This script does not magically circumvent the Same origin policy.
|
|
||||||
|
|
||||||
(function () {
|
|
||||||
'use strict';
|
|
||||||
var Worker_ = window.Worker;
|
|
||||||
var URL = window.URL || window.webkitURL;
|
|
||||||
// Create dummy worker for the following purposes:
|
|
||||||
// 1. Don't override the global Worker object if the fallback isn't
|
|
||||||
// going to work (future API changes?)
|
|
||||||
// 2. Use it to trigger early validation of postMessage calls
|
|
||||||
// Note: Blob constructor is supported since Chrome 20, but since
|
|
||||||
// some of the used Chrome APIs are only supported as of Chrome 20,
|
|
||||||
// I don't bother adding a BlobBuilder fallback.
|
|
||||||
var dummyWorker = new Worker_(
|
|
||||||
URL.createObjectURL(new Blob([], { type: 'text/javascript' })));
|
|
||||||
window.Worker = function Worker(scriptURL) {
|
|
||||||
if (arguments.length === 0) {
|
|
||||||
throw new TypeError('Not enough arguments');
|
|
||||||
}
|
|
||||||
try {
|
|
||||||
return new Worker_(scriptURL);
|
|
||||||
} catch (e) {
|
|
||||||
if (e.code === 18/*DOMException.SECURITY_ERR*/) {
|
|
||||||
return new WorkerXHR(scriptURL);
|
|
||||||
} else {
|
|
||||||
throw e;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
// Bind events and replay queued messages
|
|
||||||
function bindWorker(worker, workerURL) {
|
|
||||||
if (worker._terminated) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
worker.Worker = new Worker_(workerURL);
|
|
||||||
worker.Worker.onerror = worker._onerror;
|
|
||||||
worker.Worker.onmessage = worker._onmessage;
|
|
||||||
var o;
|
|
||||||
while ((o = worker._replayQueue.shift())) {
|
|
||||||
worker.Worker[o.method].apply(worker.Worker, o.arguments);
|
|
||||||
}
|
|
||||||
while ((o = worker._messageQueue.shift())) {
|
|
||||||
worker.Worker.postMessage.apply(worker.Worker, o);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
function WorkerXHR(scriptURL) {
|
|
||||||
var worker = this;
|
|
||||||
var x = new XMLHttpRequest();
|
|
||||||
x.responseType = 'blob';
|
|
||||||
x.onload = function () {
|
|
||||||
// http://stackoverflow.com/a/10372280/938089
|
|
||||||
var workerURL = URL.createObjectURL(x.response);
|
|
||||||
bindWorker(worker, workerURL);
|
|
||||||
};
|
|
||||||
x.open('GET', scriptURL);
|
|
||||||
x.send();
|
|
||||||
worker._replayQueue = [];
|
|
||||||
worker._messageQueue = [];
|
|
||||||
}
|
|
||||||
WorkerXHR.prototype = {
|
|
||||||
constructor: Worker_,
|
|
||||||
terminate: function () {
|
|
||||||
if (!this._terminated) {
|
|
||||||
this._terminated = true;
|
|
||||||
if (this.Worker)
|
|
||||||
this.Worker.terminate();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
postMessage: function (message, transfer) {
|
|
||||||
if (!(this instanceof WorkerXHR))
|
|
||||||
throw new TypeError('Illegal invocation');
|
|
||||||
if (this.Worker) {
|
|
||||||
this.Worker.postMessage.apply(this.Worker, arguments);
|
|
||||||
} else {
|
|
||||||
// Trigger validation:
|
|
||||||
dummyWorker.postMessage(message);
|
|
||||||
// Alright, push the valid message to the queue.
|
|
||||||
this._messageQueue.push(arguments);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
// Implement the EventTarget interface
|
|
||||||
[
|
|
||||||
'addEventListener',
|
|
||||||
'removeEventListener',
|
|
||||||
'dispatchEvent'
|
|
||||||
].forEach(function (method) {
|
|
||||||
WorkerXHR.prototype[method] = function () {
|
|
||||||
if (!(this instanceof WorkerXHR)) {
|
|
||||||
throw new TypeError('Illegal invocation');
|
|
||||||
}
|
|
||||||
if (this.Worker) {
|
|
||||||
this.Worker[method].apply(this.Worker, arguments);
|
|
||||||
} else {
|
|
||||||
this._replayQueue.push({ method: method, arguments: arguments });
|
|
||||||
}
|
|
||||||
};
|
|
||||||
});
|
|
||||||
Object.defineProperties(WorkerXHR.prototype, {
|
|
||||||
onmessage: {
|
|
||||||
get: function () { return this._onmessage || null; },
|
|
||||||
set: function (func) {
|
|
||||||
this._onmessage = typeof func === 'function' ? func : null;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
onerror: {
|
|
||||||
get: function () { return this._onerror || null; },
|
|
||||||
set: function (func) {
|
|
||||||
this._onerror = typeof func === 'function' ? func : null;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
})();
|
|
@ -1,6 +1,5 @@
|
|||||||
> [!WARNING]
|
> **Warning**
|
||||||
> These instructions are only for advanced users. If you're not a Developer, you should use our [graphical installer](https://github.com/Vendicated/VencordInstaller#usage) instead.
|
> These instructions are only for advanced users. If you're not a Developer, you should use our [graphical installer](https://github.com/Vendicated/VencordInstaller#usage) instead.
|
||||||
> No support will be provided for installing in this fashion. If you cannot figure it out, you should just stick to a regular install.
|
|
||||||
|
|
||||||
# Installation Guide
|
# Installation Guide
|
||||||
|
|
||||||
@ -14,6 +13,12 @@ Welcome to Megu's Installation Guide! In this file, you will learn about how to
|
|||||||
- [Installing Vencord](#installing-vencord)
|
- [Installing Vencord](#installing-vencord)
|
||||||
- [Updating Vencord](#updating-vencord)
|
- [Updating Vencord](#updating-vencord)
|
||||||
- [Uninstalling Vencord](#uninstalling-vencord)
|
- [Uninstalling Vencord](#uninstalling-vencord)
|
||||||
|
- [Manually Installing Vencord](#manually-installing-vencord)
|
||||||
|
- [On Windows](#on-windows)
|
||||||
|
- [On Linux](#on-linux)
|
||||||
|
- [On MacOS](#on-macos)
|
||||||
|
- [Manual Patching](#manual-patching)
|
||||||
|
- [Manually Uninstalling Vencord](#manually-uninstalling-vencord)
|
||||||
|
|
||||||
## Dependencies
|
## Dependencies
|
||||||
|
|
||||||
@ -22,16 +27,16 @@ Welcome to Megu's Installation Guide! In this file, you will learn about how to
|
|||||||
|
|
||||||
## Installing Vencord
|
## Installing Vencord
|
||||||
|
|
||||||
|
> :exclamation: If this doesn't work, see [Manually Installing Vencord](#manually-installing-vencord)
|
||||||
|
|
||||||
Install `pnpm`:
|
Install `pnpm`:
|
||||||
|
|
||||||
> :exclamation: This next command may need to be run as admin/root depending on your system, and you may need to close and reopen your terminal for pnpm to be in your PATH.
|
> :exclamation: this may need to be run as admin depending on your system, and you may need to close and reopen your terminal.
|
||||||
|
|
||||||
```shell
|
```shell
|
||||||
npm i -g pnpm
|
npm i -g pnpm
|
||||||
```
|
```
|
||||||
|
|
||||||
> :exclamation: **IMPORTANT** Make sure you aren't using an admin/root terminal from here onwards. It **will** mess up your Discord/Vencord instance and you **will** most likely have to reinstall.
|
|
||||||
|
|
||||||
Clone Vencord:
|
Clone Vencord:
|
||||||
|
|
||||||
```shell
|
```shell
|
||||||
@ -63,7 +68,7 @@ Then fully close Discord from your taskbar or task manager, and restart it. Venc
|
|||||||
|
|
||||||
If you're using Discord already, go into the `Updater` tab in settings.
|
If you're using Discord already, go into the `Updater` tab in settings.
|
||||||
|
|
||||||
Sometimes it may be necessary to manually update if the GUI updater fails.
|
Sometimes it may be neccessary to manually update if the GUI updater fails.
|
||||||
|
|
||||||
To pull latest changes:
|
To pull latest changes:
|
||||||
|
|
||||||
@ -96,4 +101,102 @@ Simply run:
|
|||||||
pnpm uninject
|
pnpm uninject
|
||||||
```
|
```
|
||||||
|
|
||||||
|
The above command may ask you to also run:
|
||||||
|
|
||||||
|
```shell
|
||||||
|
pnpm install --frozen-lockfile
|
||||||
|
pnpm uninject
|
||||||
|
```
|
||||||
|
|
||||||
|
## Manually Installing Vencord
|
||||||
|
|
||||||
|
- [Windows](#on-windows)
|
||||||
|
- [Linux](#on-linux)
|
||||||
|
- [MacOS](#on-macos)
|
||||||
|
|
||||||
|
### On Windows
|
||||||
|
|
||||||
|
Press Win+R and enter: `%LocalAppData%` and hit enter. In this page, find the page (Discord, DiscordPTB, DiscordCanary, etc) that you want to patch.
|
||||||
|
|
||||||
|
Now follow the instructions at [Manual Patching](#manual-patching)
|
||||||
|
|
||||||
|
### On Linux
|
||||||
|
|
||||||
|
The Discord folder is usually in one of the following paths:
|
||||||
|
|
||||||
|
- /usr/share
|
||||||
|
- /usr/lib64
|
||||||
|
- /opt
|
||||||
|
- /home/$USER/.local/share
|
||||||
|
|
||||||
|
If you use flatpak, it will usually be in one of the following paths:
|
||||||
|
|
||||||
|
- /var/lib/flatpak/app/com.discordapp.Discord/current/active/files
|
||||||
|
- /home/$USER/.local/share/flatpak/app/com.discordapp.Discord/current/active/files
|
||||||
|
|
||||||
|
You will need to give flatpak access to vencord with one of the following commands:
|
||||||
|
|
||||||
|
> :exclamation: If not on stable, replace `com.discordapp.Discord` with your branch name, e.g., `com.discordapp.DiscordCanary`
|
||||||
|
|
||||||
|
> :exclamation: Replace `/path/to/vencord/` with the path to your vencord folder (NOT the dist folder)
|
||||||
|
|
||||||
|
If Discord flatpak install is in /home/:
|
||||||
|
|
||||||
|
```shell
|
||||||
|
flatpak override --user com.discordapp.Discord --filesystem="/path/to/vencord/"
|
||||||
|
```
|
||||||
|
|
||||||
|
If Discord flatpak install not in /home/:
|
||||||
|
|
||||||
|
```shell
|
||||||
|
sudo flatpak override com.discordapp.Discord --filesystem="/path/to/vencord"
|
||||||
|
```
|
||||||
|
|
||||||
|
Now follow the instructions at [Manual Patching](#manual-patching)
|
||||||
|
|
||||||
|
### On MacOS
|
||||||
|
|
||||||
|
Open finder and go to your Applications folder. Right-Click on the Discord application you want to patch, and view contents.
|
||||||
|
|
||||||
|
Go to the `Contents/Resources` folder.
|
||||||
|
|
||||||
|
Now follow the instructions at [Manual Patching](#manual-patching)
|
||||||
|
|
||||||
|
### Manual Patching
|
||||||
|
|
||||||
|
> :exclamation: If using Flatpak on linux, go to the folder that contains the `app.asar` file, and skip to where we create the `app` folder below.
|
||||||
|
|
||||||
|
> :exclamation: On Linux/MacOS, there's a chance there won't be an `app-<number>` folder, but there probably is a `resources` folder, so keep reading :)
|
||||||
|
|
||||||
|
Inside there, look for the `app-<number>` folders. If you have multiple, use the highest number. If that doesn't work, do it for the rest of the `app-<number>` folders.
|
||||||
|
|
||||||
|
Inside there, go to the `resources` folder. There should be a file called `app.asar`. If there isn't, look at a different `app-<number>` folder instead.
|
||||||
|
|
||||||
|
Make a new folder in `resources` called `app`. In here, we will make two files:
|
||||||
|
|
||||||
|
`package.json` and `index.js`
|
||||||
|
|
||||||
|
In `index.js`:
|
||||||
|
|
||||||
|
> :exclamation: Replace the path in the first line with the path to `patcher.js` in your vencord dist folder.
|
||||||
|
> On Windows, you can get this by shift-rightclicking the patcher.js file and selecting "copy as path"
|
||||||
|
|
||||||
|
```js
|
||||||
|
require("C:/Users/<your user>/path/to/vencord/dist/patcher.js");
|
||||||
|
```
|
||||||
|
|
||||||
|
And in `package.json`:
|
||||||
|
|
||||||
|
```json
|
||||||
|
{ "name": "discord", "main": "index.js" }
|
||||||
|
```
|
||||||
|
|
||||||
|
Finally, fully close & reopen your Discord client and check to see that `Vencord` appears in settings!
|
||||||
|
|
||||||
|
### Manually Uninstalling Vencord
|
||||||
|
|
||||||
|
> :exclamation: Do not delete `app.asar` - Only delete the `app` folder we created.
|
||||||
|
|
||||||
|
Use the instructions above to find the `app` folder, and delete it. Then Close & Reopen Discord.
|
||||||
|
|
||||||
If you need more help, ask in the support channel in our [Discord Server](https://discord.gg/D9uwnFnqmd).
|
If you need more help, ask in the support channel in our [Discord Server](https://discord.gg/D9uwnFnqmd).
|
||||||
|
63
package.json
63
package.json
@ -1,8 +1,9 @@
|
|||||||
{
|
{
|
||||||
"name": "vencord",
|
"name": "vencord",
|
||||||
"private": "true",
|
"private": "true",
|
||||||
"version": "1.6.3",
|
"version": "1.0.6",
|
||||||
"description": "The cutest Discord client mod",
|
"description": "The cutest Discord client mod",
|
||||||
|
"keywords": [],
|
||||||
"homepage": "https://github.com/Vendicated/Vencord#readme",
|
"homepage": "https://github.com/Vendicated/Vencord#readme",
|
||||||
"bugs": {
|
"bugs": {
|
||||||
"url": "https://github.com/Vendicated/Vencord/issues"
|
"url": "https://github.com/Vendicated/Vencord/issues"
|
||||||
@ -11,7 +12,7 @@
|
|||||||
"type": "git",
|
"type": "git",
|
||||||
"url": "git+https://github.com/Vendicated/Vencord.git"
|
"url": "git+https://github.com/Vendicated/Vencord.git"
|
||||||
},
|
},
|
||||||
"license": "GPL-3.0-or-later",
|
"license": "GPL-3.0",
|
||||||
"author": "Vendicated",
|
"author": "Vendicated",
|
||||||
"directories": {
|
"directories": {
|
||||||
"doc": "docs"
|
"doc": "docs"
|
||||||
@ -19,62 +20,53 @@
|
|||||||
"scripts": {
|
"scripts": {
|
||||||
"build": "node scripts/build/build.mjs",
|
"build": "node scripts/build/build.mjs",
|
||||||
"buildWeb": "node --require=./scripts/suppressExperimentalWarnings.js scripts/build/buildWeb.mjs",
|
"buildWeb": "node --require=./scripts/suppressExperimentalWarnings.js scripts/build/buildWeb.mjs",
|
||||||
"generatePluginJson": "tsx scripts/generatePluginList.ts",
|
|
||||||
"inject": "node scripts/runInstaller.mjs",
|
"inject": "node scripts/runInstaller.mjs",
|
||||||
"lint": "eslint . --ext .js,.jsx,.ts,.tsx --ignore-pattern src/userplugins",
|
"lint": "eslint . --ext .js,.jsx,.ts,.tsx",
|
||||||
"lint-styles": "stylelint \"src/**/*.css\" --ignore-pattern src/userplugins",
|
"lint-styles": "stylelint \"src/**/*.css\"",
|
||||||
"lint:fix": "pnpm lint --fix",
|
"lint:fix": "pnpm lint --fix",
|
||||||
"test": "pnpm build && pnpm lint && pnpm lint-styles && pnpm testTsc && pnpm generatePluginJson",
|
"test": "pnpm build && pnpm lint && pnpm lint-styles && pnpm testTsc",
|
||||||
"testWeb": "pnpm lint && pnpm buildWeb && pnpm testTsc",
|
"testWeb": "pnpm lint && pnpm buildWeb && pnpm testTsc",
|
||||||
"testTsc": "tsc --noEmit",
|
"testTsc": "tsc --noEmit",
|
||||||
"uninject": "node scripts/runInstaller.mjs",
|
"uninject": "node scripts/runInstaller.mjs",
|
||||||
"watch": "node scripts/build/build.mjs --watch"
|
"watch": "node scripts/build/build.mjs --watch"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@sapphi-red/web-noise-suppressor": "0.3.3",
|
|
||||||
"@vap/core": "0.0.12",
|
"@vap/core": "0.0.12",
|
||||||
"@vap/shiki": "0.10.5",
|
"@vap/shiki": "0.10.3",
|
||||||
"eslint-plugin-simple-header": "^1.0.2",
|
"fflate": "^0.7.4"
|
||||||
"fflate": "^0.7.4",
|
|
||||||
"gifenc": "github:mattdesl/gifenc#64842fca317b112a8590f8fef2bf3825da8f6fe3",
|
|
||||||
"monaco-editor": "^0.43.0",
|
|
||||||
"nanoid": "^4.0.2",
|
|
||||||
"virtual-merge": "^1.0.1"
|
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@types/chrome": "^0.0.246",
|
"@types/diff": "^5.0.2",
|
||||||
"@types/diff": "^5.0.3",
|
"@types/lodash": "^4.14.191",
|
||||||
"@types/lodash": "^4.14.194",
|
"@types/node": "^18.11.18",
|
||||||
"@types/node": "^18.16.3",
|
"@types/react": "^18.0.27",
|
||||||
"@types/react": "^18.2.0",
|
"@types/react-dom": "^18.0.10",
|
||||||
"@types/react-dom": "^18.2.1",
|
|
||||||
"@types/yazl": "^2.4.2",
|
"@types/yazl": "^2.4.2",
|
||||||
"@typescript-eslint/eslint-plugin": "^5.59.1",
|
"@typescript-eslint/eslint-plugin": "^5.49.0",
|
||||||
"@typescript-eslint/parser": "^5.59.1",
|
"@typescript-eslint/parser": "^5.49.0",
|
||||||
"diff": "^5.1.0",
|
"diff": "^5.1.0",
|
||||||
"discord-types": "^1.3.26",
|
"discord-types": "^1.3.26",
|
||||||
"esbuild": "^0.15.18",
|
"esbuild": "^0.15.18",
|
||||||
"eslint": "^8.46.0",
|
"eslint": "^8.28.0",
|
||||||
"eslint-import-resolver-alias": "^1.1.2",
|
"eslint-import-resolver-alias": "^1.1.2",
|
||||||
|
"eslint-plugin-header": "^3.1.1",
|
||||||
"eslint-plugin-path-alias": "^1.0.0",
|
"eslint-plugin-path-alias": "^1.0.0",
|
||||||
"eslint-plugin-simple-import-sort": "^10.0.0",
|
"eslint-plugin-simple-import-sort": "^8.0.0",
|
||||||
"eslint-plugin-unused-imports": "^2.0.0",
|
"eslint-plugin-unused-imports": "^2.0.0",
|
||||||
"highlight.js": "10.6.0",
|
"highlight.js": "10.6.0",
|
||||||
"moment": "^2.29.4",
|
"moment": "^2.29.4",
|
||||||
"puppeteer-core": "^19.11.1",
|
"puppeteer-core": "^19.6.0",
|
||||||
"standalone-electron-types": "^1.0.0",
|
"standalone-electron-types": "^1.0.0",
|
||||||
"stylelint": "^15.6.0",
|
"stylelint": "^14.16.1",
|
||||||
"stylelint-config-standard": "^33.0.0",
|
"stylelint-config-standard": "^29.0.0",
|
||||||
"tsx": "^3.12.7",
|
"type-fest": "^3.5.3",
|
||||||
"type-fest": "^3.9.0",
|
"typescript": "^4.9.4"
|
||||||
"typescript": "^5.0.4",
|
|
||||||
"zip-local": "^0.3.5"
|
|
||||||
},
|
},
|
||||||
"packageManager": "pnpm@8.10.2",
|
"packageManager": "pnpm@7.13.4",
|
||||||
"pnpm": {
|
"pnpm": {
|
||||||
"patchedDependencies": {
|
"patchedDependencies": {
|
||||||
"eslint-plugin-path-alias@1.0.0": "patches/eslint-plugin-path-alias@1.0.0.patch",
|
"eslint-plugin-path-alias@1.0.0": "patches/eslint-plugin-path-alias@1.0.0.patch",
|
||||||
"eslint@8.46.0": "patches/eslint@8.46.0.patch"
|
"eslint@8.28.0": "patches/eslint@8.28.0.patch"
|
||||||
},
|
},
|
||||||
"peerDependencyRules": {
|
"peerDependencyRules": {
|
||||||
"ignoreMissing": [
|
"ignoreMissing": [
|
||||||
@ -94,10 +86,9 @@
|
|||||||
"build": {
|
"build": {
|
||||||
"overwriteDest": true
|
"overwriteDest": true
|
||||||
},
|
},
|
||||||
"sourceDir": "./dist/firefox-unpacked"
|
"sourceDir": "./dist/extension-v2-unpacked"
|
||||||
},
|
},
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": ">=18",
|
"node": ">=18"
|
||||||
"pnpm": ">=8"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -1,8 +1,8 @@
|
|||||||
diff --git a/lib/rules/no-useless-escape.js b/lib/rules/no-useless-escape.js
|
diff --git a/lib/rules/no-useless-escape.js b/lib/rules/no-useless-escape.js
|
||||||
index 0e0f6f09f2c35f3276173c08f832cde9f2cf56a0..7dc22851715f3574d935f513c1b5e35552985711 100644
|
index 2046a148a17fd1d5f3a4bbc9f45f7700259d11fa..f4898c6b57355a4fd72c43a9f32bf1a36a6ccf4a 100644
|
||||||
--- a/lib/rules/no-useless-escape.js
|
--- a/lib/rules/no-useless-escape.js
|
||||||
+++ b/lib/rules/no-useless-escape.js
|
+++ b/lib/rules/no-useless-escape.js
|
||||||
@@ -65,13 +65,31 @@ module.exports = {
|
@@ -97,12 +97,30 @@ module.exports = {
|
||||||
escapeBackslash: "Replace the `\\` with `\\\\` to include the actual backslash character."
|
escapeBackslash: "Replace the `\\` with `\\\\` to include the actual backslash character."
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -25,25 +25,21 @@ index 0e0f6f09f2c35f3276173c08f832cde9f2cf56a0..7dc22851715f3574d935f513c1b5e355
|
|||||||
|
|
||||||
create(context) {
|
create(context) {
|
||||||
+ const options = context.options[0] || {};
|
+ const options = context.options[0] || {};
|
||||||
+ const { extra, extraCharClass } = options;
|
+ const { extra, extraCharClass } = options || ''
|
||||||
const sourceCode = context.sourceCode;
|
const sourceCode = context.getSourceCode();
|
||||||
const parser = new RegExpParser();
|
|
||||||
|
|
||||||
+ const NON_CHARCLASS_ESCAPES = union(REGEX_NON_CHARCLASS_ESCAPES, new Set(extra));
|
+ const NON_CHARCLASS_ESCAPES = union(REGEX_NON_CHARCLASS_ESCAPES, new Set(extra))
|
||||||
+ const CHARCLASS_ESCAPES = union(REGEX_GENERAL_ESCAPES, new Set(extraCharClass));
|
+ const CHARCLASS_ESCAPES = union(REGEX_GENERAL_ESCAPES, new Set(extraCharClass))
|
||||||
+
|
+
|
||||||
/**
|
/**
|
||||||
* Reports a node
|
* Reports a node
|
||||||
* @param {ASTNode} node The node to report
|
* @param {ASTNode} node The node to report
|
||||||
@@ -200,9 +218,9 @@ module.exports = {
|
@@ -238,7 +256,7 @@ module.exports = {
|
||||||
let allowedEscapes;
|
.filter(charInfo => charInfo.escaped)
|
||||||
|
|
||||||
if (characterClassStack.length) {
|
// Filter out characters that are valid to escape, based on their position in the regular expression.
|
||||||
- allowedEscapes = unicodeSets ? REGEX_CLASSSET_CHARACTER_ESCAPES : REGEX_GENERAL_ESCAPES;
|
- .filter(charInfo => !(charInfo.inCharClass ? REGEX_GENERAL_ESCAPES : REGEX_NON_CHARCLASS_ESCAPES).has(charInfo.text))
|
||||||
+ allowedEscapes = unicodeSets ? REGEX_CLASSSET_CHARACTER_ESCAPES : CHARCLASS_ESCAPES;
|
+ .filter(charInfo => !(charInfo.inCharClass ? CHARCLASS_ESCAPES : NON_CHARCLASS_ESCAPES).has(charInfo.text))
|
||||||
} else {
|
|
||||||
- allowedEscapes = REGEX_NON_CHARCLASS_ESCAPES;
|
// Report all the remaining characters.
|
||||||
+ allowedEscapes = NON_CHARCLASS_ESCAPES;
|
.forEach(charInfo => report(node, charInfo.index, charInfo.text));
|
||||||
}
|
|
||||||
if (allowedEscapes.has(escapedChar)) {
|
|
||||||
return;
|
|
1927
pnpm-lock.yaml
generated
1927
pnpm-lock.yaml
generated
File diff suppressed because it is too large
Load Diff
@ -18,19 +18,12 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
import esbuild from "esbuild";
|
import esbuild from "esbuild";
|
||||||
import { readdir } from "fs/promises";
|
|
||||||
import { join } from "path";
|
|
||||||
|
|
||||||
import { BUILD_TIMESTAMP, commonOpts, existsAsync, globPlugins, isStandalone, updaterDisabled, VERSION, watch } from "./common.mjs";
|
import { commonOpts, globPlugins, isStandalone, watch } from "./common.mjs";
|
||||||
|
|
||||||
const defines = {
|
const defines = {
|
||||||
IS_STANDALONE: isStandalone,
|
IS_STANDALONE: isStandalone,
|
||||||
IS_DEV: JSON.stringify(watch),
|
IS_DEV: JSON.stringify(watch)
|
||||||
IS_UPDATER_DISABLED: updaterDisabled,
|
|
||||||
IS_WEB: false,
|
|
||||||
IS_EXTENSION: false,
|
|
||||||
VERSION: JSON.stringify(VERSION),
|
|
||||||
BUILD_TIMESTAMP,
|
|
||||||
};
|
};
|
||||||
if (defines.IS_STANDALONE === "false")
|
if (defines.IS_STANDALONE === "false")
|
||||||
// If this is a local build (not standalone), optimise
|
// If this is a local build (not standalone), optimise
|
||||||
@ -45,76 +38,29 @@ const nodeCommonOpts = {
|
|||||||
format: "cjs",
|
format: "cjs",
|
||||||
platform: "node",
|
platform: "node",
|
||||||
target: ["esnext"],
|
target: ["esnext"],
|
||||||
external: ["electron", "original-fs", "~pluginNatives", ...commonOpts.external],
|
minify: true,
|
||||||
|
bundle: true,
|
||||||
|
external: ["electron", ...commonOpts.external],
|
||||||
define: defines,
|
define: defines,
|
||||||
};
|
};
|
||||||
|
|
||||||
const sourceMapFooter = s => watch ? "" : `//# sourceMappingURL=vencord://${s}.js.map`;
|
const sourceMapFooter = s => watch ? "" : `//# sourceMappingURL=vencord://${s}.js.map`;
|
||||||
const sourcemap = watch ? "inline" : "external";
|
const sourcemap = watch ? "inline" : "external";
|
||||||
|
|
||||||
/**
|
|
||||||
* @type {import("esbuild").Plugin}
|
|
||||||
*/
|
|
||||||
const globNativesPlugin = {
|
|
||||||
name: "glob-natives-plugin",
|
|
||||||
setup: build => {
|
|
||||||
const filter = /^~pluginNatives$/;
|
|
||||||
build.onResolve({ filter }, args => {
|
|
||||||
return {
|
|
||||||
namespace: "import-natives",
|
|
||||||
path: args.path
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
build.onLoad({ filter, namespace: "import-natives" }, async () => {
|
|
||||||
const pluginDirs = ["plugins", "userplugins"];
|
|
||||||
let code = "";
|
|
||||||
let natives = "\n";
|
|
||||||
let i = 0;
|
|
||||||
for (const dir of pluginDirs) {
|
|
||||||
const dirPath = join("src", dir);
|
|
||||||
if (!await existsAsync(dirPath)) continue;
|
|
||||||
const plugins = await readdir(dirPath);
|
|
||||||
for (const p of plugins) {
|
|
||||||
if (!await existsAsync(join(dirPath, p, "native.ts"))) continue;
|
|
||||||
|
|
||||||
const nameParts = p.split(".");
|
|
||||||
const namePartsWithoutTarget = nameParts.length === 1 ? nameParts : nameParts.slice(0, -1);
|
|
||||||
// pluginName.thing.desktop -> PluginName.thing
|
|
||||||
const cleanPluginName = p[0].toUpperCase() + namePartsWithoutTarget.join(".").slice(1);
|
|
||||||
|
|
||||||
const mod = `p${i}`;
|
|
||||||
code += `import * as ${mod} from "./${dir}/${p}/native";\n`;
|
|
||||||
natives += `${JSON.stringify(cleanPluginName)}:${mod},\n`;
|
|
||||||
i++;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
code += `export default {${natives}};`;
|
|
||||||
return {
|
|
||||||
contents: code,
|
|
||||||
resolveDir: "./src"
|
|
||||||
};
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
await Promise.all([
|
await Promise.all([
|
||||||
// Discord Desktop main & renderer & preload
|
|
||||||
esbuild.build({
|
esbuild.build({
|
||||||
...nodeCommonOpts,
|
...nodeCommonOpts,
|
||||||
entryPoints: ["src/main/index.ts"],
|
entryPoints: ["src/preload.ts"],
|
||||||
|
outfile: "dist/preload.js",
|
||||||
|
footer: { js: "//# sourceURL=VencordPreload\n" + sourceMapFooter("preload") },
|
||||||
|
sourcemap,
|
||||||
|
}),
|
||||||
|
esbuild.build({
|
||||||
|
...nodeCommonOpts,
|
||||||
|
entryPoints: ["src/patcher.ts"],
|
||||||
outfile: "dist/patcher.js",
|
outfile: "dist/patcher.js",
|
||||||
footer: { js: "//# sourceURL=VencordPatcher\n" + sourceMapFooter("patcher") },
|
footer: { js: "//# sourceURL=VencordPatcher\n" + sourceMapFooter("patcher") },
|
||||||
sourcemap,
|
sourcemap,
|
||||||
define: {
|
|
||||||
...defines,
|
|
||||||
IS_DISCORD_DESKTOP: true,
|
|
||||||
IS_VESKTOP: false
|
|
||||||
},
|
|
||||||
plugins: [
|
|
||||||
...nodeCommonOpts.plugins,
|
|
||||||
globNativesPlugin
|
|
||||||
]
|
|
||||||
}),
|
}),
|
||||||
esbuild.build({
|
esbuild.build({
|
||||||
...commonOpts,
|
...commonOpts,
|
||||||
@ -126,74 +72,12 @@ await Promise.all([
|
|||||||
globalName: "Vencord",
|
globalName: "Vencord",
|
||||||
sourcemap,
|
sourcemap,
|
||||||
plugins: [
|
plugins: [
|
||||||
globPlugins("discordDesktop"),
|
globPlugins,
|
||||||
...commonOpts.plugins
|
...commonOpts.plugins
|
||||||
],
|
],
|
||||||
define: {
|
define: {
|
||||||
...defines,
|
...defines,
|
||||||
IS_DISCORD_DESKTOP: true,
|
IS_WEB: false
|
||||||
IS_VESKTOP: false
|
|
||||||
}
|
|
||||||
}),
|
|
||||||
esbuild.build({
|
|
||||||
...nodeCommonOpts,
|
|
||||||
entryPoints: ["src/preload.ts"],
|
|
||||||
outfile: "dist/preload.js",
|
|
||||||
footer: { js: "//# sourceURL=VencordPreload\n" + sourceMapFooter("preload") },
|
|
||||||
sourcemap,
|
|
||||||
define: {
|
|
||||||
...defines,
|
|
||||||
IS_DISCORD_DESKTOP: true,
|
|
||||||
IS_VESKTOP: false
|
|
||||||
}
|
|
||||||
}),
|
|
||||||
|
|
||||||
// Vencord Desktop main & renderer & preload
|
|
||||||
esbuild.build({
|
|
||||||
...nodeCommonOpts,
|
|
||||||
entryPoints: ["src/main/index.ts"],
|
|
||||||
outfile: "dist/vencordDesktopMain.js",
|
|
||||||
footer: { js: "//# sourceURL=VencordDesktopMain\n" + sourceMapFooter("vencordDesktopMain") },
|
|
||||||
sourcemap,
|
|
||||||
define: {
|
|
||||||
...defines,
|
|
||||||
IS_DISCORD_DESKTOP: false,
|
|
||||||
IS_VESKTOP: true
|
|
||||||
},
|
|
||||||
plugins: [
|
|
||||||
...nodeCommonOpts.plugins,
|
|
||||||
globNativesPlugin
|
|
||||||
]
|
|
||||||
}),
|
|
||||||
esbuild.build({
|
|
||||||
...commonOpts,
|
|
||||||
entryPoints: ["src/Vencord.ts"],
|
|
||||||
outfile: "dist/vencordDesktopRenderer.js",
|
|
||||||
format: "iife",
|
|
||||||
target: ["esnext"],
|
|
||||||
footer: { js: "//# sourceURL=VencordDesktopRenderer\n" + sourceMapFooter("vencordDesktopRenderer") },
|
|
||||||
globalName: "Vencord",
|
|
||||||
sourcemap,
|
|
||||||
plugins: [
|
|
||||||
globPlugins("vencordDesktop"),
|
|
||||||
...commonOpts.plugins
|
|
||||||
],
|
|
||||||
define: {
|
|
||||||
...defines,
|
|
||||||
IS_DISCORD_DESKTOP: false,
|
|
||||||
IS_VESKTOP: true
|
|
||||||
}
|
|
||||||
}),
|
|
||||||
esbuild.build({
|
|
||||||
...nodeCommonOpts,
|
|
||||||
entryPoints: ["src/preload.ts"],
|
|
||||||
outfile: "dist/vencordDesktopPreload.js",
|
|
||||||
footer: { js: "//# sourceURL=VencordPreload\n" + sourceMapFooter("vencordDesktopPreload") },
|
|
||||||
sourcemap,
|
|
||||||
define: {
|
|
||||||
...defines,
|
|
||||||
IS_DISCORD_DESKTOP: false,
|
|
||||||
IS_VESKTOP: true
|
|
||||||
}
|
}
|
||||||
}),
|
}),
|
||||||
]).catch(err => {
|
]).catch(err => {
|
||||||
|
@ -17,13 +17,16 @@
|
|||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import esbuild from "esbuild";
|
|
||||||
import { readFileSync } from "fs";
|
|
||||||
import { appendFile, mkdir, readdir, readFile, rm, writeFile } from "fs/promises";
|
|
||||||
import { join } from "path";
|
|
||||||
import Zip from "zip-local";
|
|
||||||
|
|
||||||
import { BUILD_TIMESTAMP, commonOpts, globPlugins, VERSION, watch } from "./common.mjs";
|
import esbuild from "esbuild";
|
||||||
|
import { zip } from "fflate";
|
||||||
|
import { readFileSync } from "fs";
|
||||||
|
import { appendFile, mkdir, readFile, rm, writeFile } from "fs/promises";
|
||||||
|
import { join } from "path";
|
||||||
|
|
||||||
|
// wtf is this assert syntax
|
||||||
|
import PackageJSON from "../../package.json" assert { type: "json" };
|
||||||
|
import { commonOpts, globPlugins, watch } from "./common.mjs";
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @type {esbuild.BuildOptions}
|
* @type {esbuild.BuildOptions}
|
||||||
@ -33,81 +36,36 @@ const commonOptions = {
|
|||||||
entryPoints: ["browser/Vencord.ts"],
|
entryPoints: ["browser/Vencord.ts"],
|
||||||
globalName: "Vencord",
|
globalName: "Vencord",
|
||||||
format: "iife",
|
format: "iife",
|
||||||
external: ["plugins", "git-hash", "/assets/*"],
|
external: ["plugins", "git-hash"],
|
||||||
plugins: [
|
plugins: [
|
||||||
globPlugins("web"),
|
globPlugins,
|
||||||
...commonOpts.plugins,
|
...commonOpts.plugins,
|
||||||
],
|
],
|
||||||
target: ["esnext"],
|
target: ["esnext"],
|
||||||
define: {
|
define: {
|
||||||
IS_WEB: "true",
|
IS_WEB: "true",
|
||||||
IS_EXTENSION: "false",
|
|
||||||
IS_STANDALONE: "true",
|
IS_STANDALONE: "true",
|
||||||
IS_DEV: JSON.stringify(watch),
|
IS_DEV: JSON.stringify(watch)
|
||||||
IS_DISCORD_DESKTOP: "false",
|
|
||||||
IS_VESKTOP: "false",
|
|
||||||
IS_UPDATER_DISABLED: "true",
|
|
||||||
VERSION: JSON.stringify(VERSION),
|
|
||||||
BUILD_TIMESTAMP,
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const MonacoWorkerEntryPoints = [
|
|
||||||
"vs/language/css/css.worker.js",
|
|
||||||
"vs/editor/editor.worker.js"
|
|
||||||
];
|
|
||||||
|
|
||||||
const RnNoiseFiles = [
|
|
||||||
"dist/rnnoise.wasm",
|
|
||||||
"dist/rnnoise_simd.wasm",
|
|
||||||
"dist/rnnoise/workletProcessor.js",
|
|
||||||
"LICENSE"
|
|
||||||
];
|
|
||||||
|
|
||||||
await Promise.all(
|
await Promise.all(
|
||||||
[
|
[
|
||||||
esbuild.build({
|
|
||||||
entryPoints: MonacoWorkerEntryPoints.map(entry => `node_modules/monaco-editor/esm/${entry}`),
|
|
||||||
bundle: true,
|
|
||||||
minify: true,
|
|
||||||
format: "iife",
|
|
||||||
outbase: "node_modules/monaco-editor/esm/",
|
|
||||||
outdir: "dist/monaco"
|
|
||||||
}),
|
|
||||||
esbuild.build({
|
|
||||||
entryPoints: ["browser/monaco.ts"],
|
|
||||||
bundle: true,
|
|
||||||
minify: true,
|
|
||||||
format: "iife",
|
|
||||||
outfile: "dist/monaco/index.js",
|
|
||||||
loader: {
|
|
||||||
".ttf": "file"
|
|
||||||
}
|
|
||||||
}),
|
|
||||||
esbuild.build({
|
esbuild.build({
|
||||||
...commonOptions,
|
...commonOptions,
|
||||||
outfile: "dist/browser.js",
|
outfile: "dist/browser.js",
|
||||||
footer: { js: "//# sourceURL=VencordWeb" },
|
footer: { js: "//# sourceURL=VencordWeb" },
|
||||||
}),
|
}),
|
||||||
esbuild.build({
|
|
||||||
...commonOptions,
|
|
||||||
outfile: "dist/extension.js",
|
|
||||||
define: {
|
|
||||||
...commonOptions?.define,
|
|
||||||
IS_EXTENSION: "true",
|
|
||||||
},
|
|
||||||
footer: { js: "//# sourceURL=VencordWeb" },
|
|
||||||
}),
|
|
||||||
esbuild.build({
|
esbuild.build({
|
||||||
...commonOptions,
|
...commonOptions,
|
||||||
inject: ["browser/GMPolyfill.js", ...(commonOptions?.inject || [])],
|
inject: ["browser/GMPolyfill.js", ...(commonOptions?.inject || [])],
|
||||||
define: {
|
define: {
|
||||||
...(commonOptions?.define),
|
"window": "unsafeWindow",
|
||||||
window: "unsafeWindow",
|
...(commonOptions?.define)
|
||||||
},
|
},
|
||||||
outfile: "dist/Vencord.user.js",
|
outfile: "dist/Vencord.user.js",
|
||||||
banner: {
|
banner: {
|
||||||
js: readFileSync("browser/userscript.meta.js", "utf-8").replace("%version%", `${VERSION}.${new Date().getTime()}`)
|
js: readFileSync("browser/userscript.meta.js", "utf-8").replace("%version%", `${PackageJSON.version}.${new Date().getTime()}`)
|
||||||
},
|
},
|
||||||
footer: {
|
footer: {
|
||||||
// UserScripts get wrapped in an iife, so define Vencord prop on window that returns our local
|
// UserScripts get wrapped in an iife, so define Vencord prop on window that returns our local
|
||||||
@ -118,46 +76,17 @@ await Promise.all(
|
|||||||
);
|
);
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @type {(dir: string) => Promise<string[]>}
|
* @type {(target: string, files: string[], shouldZip: boolean) => Promise<void>}
|
||||||
*/
|
*/
|
||||||
async function globDir(dir) {
|
async function buildPluginZip(target, files, shouldZip) {
|
||||||
const files = [];
|
|
||||||
|
|
||||||
for (const child of await readdir(dir, { withFileTypes: true })) {
|
|
||||||
const p = join(dir, child.name);
|
|
||||||
if (child.isDirectory())
|
|
||||||
files.push(...await globDir(p));
|
|
||||||
else
|
|
||||||
files.push(p);
|
|
||||||
}
|
|
||||||
|
|
||||||
return files;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @type {(dir: string, basePath?: string) => Promise<Record<string, string>>}
|
|
||||||
*/
|
|
||||||
async function loadDir(dir, basePath = "") {
|
|
||||||
const files = await globDir(dir);
|
|
||||||
return Object.fromEntries(await Promise.all(files.map(async f => [f.slice(basePath.length), await readFile(f)])));
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @type {(target: string, files: string[]) => Promise<void>}
|
|
||||||
*/
|
|
||||||
async function buildExtension(target, files) {
|
|
||||||
const entries = {
|
const entries = {
|
||||||
"dist/Vencord.js": await readFile("dist/extension.js"),
|
"dist/Vencord.js": await readFile("dist/browser.js"),
|
||||||
"dist/Vencord.css": await readFile("dist/extension.css"),
|
"dist/Vencord.css": await readFile("dist/browser.css"),
|
||||||
...await loadDir("dist/monaco"),
|
|
||||||
...Object.fromEntries(await Promise.all(RnNoiseFiles.map(async file =>
|
|
||||||
[`third-party/rnnoise/${file.replace(/^dist\//, "")}`, await readFile(`node_modules/@sapphi-red/web-noise-suppressor/${file}`)]
|
|
||||||
))),
|
|
||||||
...Object.fromEntries(await Promise.all(files.map(async f => {
|
...Object.fromEntries(await Promise.all(files.map(async f => {
|
||||||
let content = await readFile(join("browser", f));
|
let content = await readFile(join("browser", f));
|
||||||
if (f.startsWith("manifest")) {
|
if (f.startsWith("manifest")) {
|
||||||
const json = JSON.parse(content.toString("utf-8"));
|
const json = JSON.parse(content.toString("utf-8"));
|
||||||
json.version = VERSION;
|
json.version = PackageJSON.version;
|
||||||
content = new TextEncoder().encode(JSON.stringify(json));
|
content = new TextEncoder().encode(JSON.stringify(json));
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -168,6 +97,21 @@ async function buildExtension(target, files) {
|
|||||||
}))),
|
}))),
|
||||||
};
|
};
|
||||||
|
|
||||||
|
if (shouldZip) {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
zip(entries, {}, (err, data) => {
|
||||||
|
if (err) {
|
||||||
|
reject(err);
|
||||||
|
} else {
|
||||||
|
const out = join("dist", target);
|
||||||
|
writeFile(out, data).then(() => {
|
||||||
|
console.info("Extension written to " + out);
|
||||||
|
resolve();
|
||||||
|
}).catch(reject);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
} else {
|
||||||
await rm(target, { recursive: true, force: true });
|
await rm(target, { recursive: true, force: true });
|
||||||
await Promise.all(Object.entries(entries).map(async ([file, content]) => {
|
await Promise.all(Object.entries(entries).map(async ([file, content]) => {
|
||||||
const dest = join("dist", target, file);
|
const dest = join("dist", target, file);
|
||||||
@ -177,6 +121,7 @@ async function buildExtension(target, files) {
|
|||||||
}));
|
}));
|
||||||
|
|
||||||
console.info("Unpacked Extension written to dist/" + target);
|
console.info("Unpacked Extension written to dist/" + target);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const appendCssRuntime = readFile("dist/Vencord.user.css", "utf-8").then(content => {
|
const appendCssRuntime = readFile("dist/Vencord.user.css", "utf-8").then(content => {
|
||||||
@ -194,12 +139,7 @@ const appendCssRuntime = readFile("dist/Vencord.user.css", "utf-8").then(content
|
|||||||
|
|
||||||
await Promise.all([
|
await Promise.all([
|
||||||
appendCssRuntime,
|
appendCssRuntime,
|
||||||
buildExtension("chromium-unpacked", ["modifyResponseHeaders.json", "content.js", "manifest.json", "icon.png"]),
|
buildPluginZip("extension.zip", ["modifyResponseHeaders.json", "content.js", "manifest.json", "icon.png"], true),
|
||||||
buildExtension("firefox-unpacked", ["background.js", "content.js", "manifestv2.json", "icon.png"]),
|
buildPluginZip("extension-unpacked", ["modifyResponseHeaders.json", "content.js", "manifest.json", "icon.png"], false),
|
||||||
]);
|
]);
|
||||||
|
|
||||||
Zip.sync.zip("dist/chromium-unpacked").compress().save("dist/extension-chrome.zip");
|
|
||||||
console.info("Packed Chromium Extension written to dist/extension-chrome.zip");
|
|
||||||
|
|
||||||
Zip.sync.zip("dist/firefox-unpacked").compress().save("dist/extension-firefox.zip");
|
|
||||||
console.info("Packed Firefox Extension written to dist/extension-firefox.zip");
|
|
||||||
|
@ -16,43 +16,23 @@
|
|||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import "../suppressExperimentalWarnings.js";
|
|
||||||
import "../checkNodeVersion.js";
|
|
||||||
|
|
||||||
import { exec, execSync } from "child_process";
|
import { exec, execSync } from "child_process";
|
||||||
import { constants as FsConstants, readFileSync } from "fs";
|
import { existsSync, readFileSync } from "fs";
|
||||||
import { access, readdir, readFile } from "fs/promises";
|
import { readdir, readFile } from "fs/promises";
|
||||||
import { join, relative } from "path";
|
import { join, relative } from "path";
|
||||||
import { promisify } from "util";
|
import { promisify } from "util";
|
||||||
|
|
||||||
// wtf is this assert syntax
|
|
||||||
import PackageJSON from "../../package.json" assert { type: "json" };
|
|
||||||
import { getPluginTarget } from "../utils.mjs";
|
|
||||||
|
|
||||||
export const VERSION = PackageJSON.version;
|
|
||||||
// https://reproducible-builds.org/docs/source-date-epoch/
|
|
||||||
export const BUILD_TIMESTAMP = Number(process.env.SOURCE_DATE_EPOCH) || Date.now();
|
|
||||||
export const watch = process.argv.includes("--watch");
|
export const watch = process.argv.includes("--watch");
|
||||||
export const isStandalone = JSON.stringify(process.argv.includes("--standalone"));
|
export const isStandalone = JSON.stringify(process.argv.includes("--standalone"));
|
||||||
export const updaterDisabled = JSON.stringify(process.argv.includes("--disable-updater"));
|
export const gitHash = execSync("git rev-parse --short HEAD", { encoding: "utf-8" }).trim();
|
||||||
export const gitHash = process.env.VENCORD_HASH || execSync("git rev-parse --short HEAD", { encoding: "utf-8" }).trim();
|
|
||||||
export const banner = {
|
export const banner = {
|
||||||
js: `
|
js: `
|
||||||
// Vencord ${gitHash}
|
// Vencord ${gitHash}
|
||||||
// Standalone: ${isStandalone}
|
// Standalone: ${isStandalone}
|
||||||
// Platform: ${isStandalone === "false" ? process.platform : "Universal"}
|
// Platform: ${isStandalone === "false" ? process.platform : "Universal"}
|
||||||
// Updater disabled: ${updaterDisabled}
|
|
||||||
`.trim()
|
`.trim()
|
||||||
};
|
};
|
||||||
|
|
||||||
const isWeb = process.argv.slice(0, 2).some(f => f.endsWith("buildWeb.mjs"));
|
|
||||||
|
|
||||||
export function existsAsync(path) {
|
|
||||||
return access(path, FsConstants.F_OK)
|
|
||||||
.then(() => true)
|
|
||||||
.catch(() => false);
|
|
||||||
}
|
|
||||||
|
|
||||||
// https://github.com/evanw/esbuild/issues/619#issuecomment-751995294
|
// https://github.com/evanw/esbuild/issues/619#issuecomment-751995294
|
||||||
/**
|
/**
|
||||||
* @type {import("esbuild").Plugin}
|
* @type {import("esbuild").Plugin}
|
||||||
@ -66,9 +46,9 @@ export const makeAllPackagesExternalPlugin = {
|
|||||||
};
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @type {(kind: "web" | "discordDesktop" | "vencordDesktop") => import("esbuild").Plugin}
|
* @type {import("esbuild").Plugin}
|
||||||
*/
|
*/
|
||||||
export const globPlugins = kind => ({
|
export const globPlugins = {
|
||||||
name: "glob-plugins",
|
name: "glob-plugins",
|
||||||
setup: build => {
|
setup: build => {
|
||||||
const filter = /^~plugins$/;
|
const filter = /^~plugins$/;
|
||||||
@ -80,26 +60,18 @@ export const globPlugins = kind => ({
|
|||||||
});
|
});
|
||||||
|
|
||||||
build.onLoad({ filter, namespace: "import-plugins" }, async () => {
|
build.onLoad({ filter, namespace: "import-plugins" }, async () => {
|
||||||
const pluginDirs = ["plugins/_api", "plugins/_core", "plugins", "userplugins"];
|
const pluginDirs = ["plugins", "userplugins"];
|
||||||
let code = "";
|
let code = "";
|
||||||
let plugins = "\n";
|
let plugins = "\n";
|
||||||
let i = 0;
|
let i = 0;
|
||||||
for (const dir of pluginDirs) {
|
for (const dir of pluginDirs) {
|
||||||
if (!await existsAsync(`./src/${dir}`)) continue;
|
if (!existsSync(`./src/${dir}`)) continue;
|
||||||
const files = await readdir(`./src/${dir}`);
|
const files = await readdir(`./src/${dir}`);
|
||||||
for (const file of files) {
|
for (const file of files) {
|
||||||
if (file.startsWith("_") || file.startsWith(".")) continue;
|
if (file.startsWith(".")) continue;
|
||||||
if (file === "index.ts") continue;
|
if (file === "index.ts") {
|
||||||
|
continue;
|
||||||
const target = getPluginTarget(file);
|
|
||||||
if (target) {
|
|
||||||
if (target === "dev" && !watch) continue;
|
|
||||||
if (target === "web" && kind === "discordDesktop") continue;
|
|
||||||
if (target === "desktop" && kind === "web") continue;
|
|
||||||
if (target === "discordDesktop" && kind !== "discordDesktop") continue;
|
|
||||||
if (target === "vencordDesktop" && kind !== "vencordDesktop") continue;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const mod = `p${i}`;
|
const mod = `p${i}`;
|
||||||
code += `import ${mod} from "./${dir}/${file.replace(/\.tsx?$/, "")}";\n`;
|
code += `import ${mod} from "./${dir}/${file.replace(/\.tsx?$/, "")}";\n`;
|
||||||
plugins += `[${mod}.name]:${mod},\n`;
|
plugins += `[${mod}.name]:${mod},\n`;
|
||||||
@ -113,7 +85,7 @@ export const globPlugins = kind => ({
|
|||||||
};
|
};
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
});
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @type {import("esbuild").Plugin}
|
* @type {import("esbuild").Plugin}
|
||||||
@ -142,14 +114,11 @@ export const gitRemotePlugin = {
|
|||||||
namespace: "git-remote", path: args.path
|
namespace: "git-remote", path: args.path
|
||||||
}));
|
}));
|
||||||
build.onLoad({ filter, namespace: "git-remote" }, async () => {
|
build.onLoad({ filter, namespace: "git-remote" }, async () => {
|
||||||
let remote = process.env.VENCORD_REMOTE;
|
|
||||||
if (!remote) {
|
|
||||||
const res = await promisify(exec)("git remote get-url origin", { encoding: "utf-8" });
|
const res = await promisify(exec)("git remote get-url origin", { encoding: "utf-8" });
|
||||||
remote = res.stdout.trim()
|
const remote = res.stdout.trim()
|
||||||
.replace("https://github.com/", "")
|
.replace("https://github.com/", "")
|
||||||
.replace("git@github.com:", "")
|
.replace("git@github.com:", "")
|
||||||
.replace(/.git$/, "");
|
.replace(/.git$/, "");
|
||||||
}
|
|
||||||
|
|
||||||
return { contents: `export default "${remote}"` };
|
return { contents: `export default "${remote}"` };
|
||||||
});
|
});
|
||||||
@ -216,7 +185,7 @@ export const commonOpts = {
|
|||||||
legalComments: "linked",
|
legalComments: "linked",
|
||||||
banner,
|
banner,
|
||||||
plugins: [fileIncludePlugin, gitHashPlugin, gitRemotePlugin, stylePlugin],
|
plugins: [fileIncludePlugin, gitHashPlugin, gitRemotePlugin, stylePlugin],
|
||||||
external: ["~plugins", "~git-hash", "~git-remote", "/assets/*"],
|
external: ["~plugins", "~git-hash", "~git-remote"],
|
||||||
inject: ["./scripts/build/inject/react.mjs"],
|
inject: ["./scripts/build/inject/react.mjs"],
|
||||||
jsxFactory: "VencordCreateElement",
|
jsxFactory: "VencordCreateElement",
|
||||||
jsxFragment: "VencordFragment",
|
jsxFragment: "VencordFragment",
|
||||||
|
62
scripts/genPluginList.js
Normal file
62
scripts/genPluginList.js
Normal file
@ -0,0 +1,62 @@
|
|||||||
|
/*
|
||||||
|
* Vencord, a modification for Discord's desktop app
|
||||||
|
* Copyright (c) 2022 Vendicated and contributors
|
||||||
|
*
|
||||||
|
* This program is free software: you can redistribute it and/or modify
|
||||||
|
* it under the terms of the GNU General Public License as published by
|
||||||
|
* the Free Software Foundation, either version 3 of the License, or
|
||||||
|
* (at your option) any later version.
|
||||||
|
*
|
||||||
|
* This program is distributed in the hope that it will be useful,
|
||||||
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||||
|
* GNU General Public License for more details.
|
||||||
|
*
|
||||||
|
* You should have received a copy of the GNU General Public License
|
||||||
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
|
*/
|
||||||
|
|
||||||
|
// A script to automatically generate a list of all plugins.
|
||||||
|
// Just copy paste the entire file into a running Vencord install and it will prompt you
|
||||||
|
// to save the file
|
||||||
|
|
||||||
|
// eslint-disable-next-line spaced-comment
|
||||||
|
/// <reference types="../src/modules"/>
|
||||||
|
|
||||||
|
(() => {
|
||||||
|
/**
|
||||||
|
* @type {typeof import("~plugins").default}
|
||||||
|
*/
|
||||||
|
const Plugins = Vencord.Plugins.plugins;
|
||||||
|
|
||||||
|
const header = `
|
||||||
|
<!-- This file is auto generated, do not edit -->
|
||||||
|
|
||||||
|
# Vencord Plugins
|
||||||
|
`;
|
||||||
|
|
||||||
|
let tableOfContents = "\n\n";
|
||||||
|
|
||||||
|
let list = "\n\n";
|
||||||
|
|
||||||
|
for (const p of Object.values(Plugins).sort((a, b) => a.name.localeCompare(b.name))) {
|
||||||
|
tableOfContents += `- [${p.name}](#${p.name.replaceAll(" ", "-")})\n`;
|
||||||
|
|
||||||
|
list += `## ${p.name}
|
||||||
|
|
||||||
|
${p.description}
|
||||||
|
|
||||||
|
**Authors**: ${p.authors.map(a => a.name).join(", ")}
|
||||||
|
`;
|
||||||
|
|
||||||
|
if (p.commands?.length) {
|
||||||
|
list += "\n\n#### Commands\n";
|
||||||
|
for (const cmd of p.commands) {
|
||||||
|
list += `${cmd.name} - ${cmd.description}\n\n`;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
list += "\n\n";
|
||||||
|
}
|
||||||
|
|
||||||
|
copy(header + tableOfContents + list);
|
||||||
|
})();
|
@ -1,230 +0,0 @@
|
|||||||
/*
|
|
||||||
* Vencord, a modification for Discord's desktop app
|
|
||||||
* Copyright (c) 2023 Vendicated and contributors
|
|
||||||
*
|
|
||||||
* This program is free software: you can redistribute it and/or modify
|
|
||||||
* it under the terms of the GNU General Public License as published by
|
|
||||||
* the Free Software Foundation, either version 3 of the License, or
|
|
||||||
* (at your option) any later version.
|
|
||||||
*
|
|
||||||
* This program is distributed in the hope that it will be useful,
|
|
||||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
||||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
||||||
* GNU General Public License for more details.
|
|
||||||
*
|
|
||||||
* You should have received a copy of the GNU General Public License
|
|
||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
||||||
*/
|
|
||||||
|
|
||||||
import { Dirent, readdirSync, readFileSync, writeFileSync } from "fs";
|
|
||||||
import { access, readFile } from "fs/promises";
|
|
||||||
import { join, sep } from "path";
|
|
||||||
import { normalize as posixNormalize, sep as posixSep } from "path/posix";
|
|
||||||
import { BigIntLiteral, createSourceFile, Identifier, isArrayLiteralExpression, isCallExpression, isExportAssignment, isIdentifier, isObjectLiteralExpression, isPropertyAccessExpression, isPropertyAssignment, isSatisfiesExpression, isStringLiteral, isVariableStatement, NamedDeclaration, NodeArray, ObjectLiteralExpression, ScriptTarget, StringLiteral, SyntaxKind } from "typescript";
|
|
||||||
|
|
||||||
import { getPluginTarget } from "./utils.mjs";
|
|
||||||
|
|
||||||
interface Dev {
|
|
||||||
name: string;
|
|
||||||
id: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface PluginData {
|
|
||||||
name: string;
|
|
||||||
description: string;
|
|
||||||
tags: string[];
|
|
||||||
authors: Dev[];
|
|
||||||
dependencies: string[];
|
|
||||||
hasPatches: boolean;
|
|
||||||
hasCommands: boolean;
|
|
||||||
required: boolean;
|
|
||||||
enabledByDefault: boolean;
|
|
||||||
target: "discordDesktop" | "vencordDesktop" | "web" | "dev";
|
|
||||||
filePath: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
const devs = {} as Record<string, Dev>;
|
|
||||||
|
|
||||||
function getName(node: NamedDeclaration) {
|
|
||||||
return node.name && isIdentifier(node.name) ? node.name.text : undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
function hasName(node: NamedDeclaration, name: string) {
|
|
||||||
return getName(node) === name;
|
|
||||||
}
|
|
||||||
|
|
||||||
function getObjectProp(node: ObjectLiteralExpression, name: string) {
|
|
||||||
const prop = node.properties.find(p => hasName(p, name));
|
|
||||||
if (prop && isPropertyAssignment(prop)) return prop.initializer;
|
|
||||||
return prop;
|
|
||||||
}
|
|
||||||
|
|
||||||
function parseDevs() {
|
|
||||||
const file = createSourceFile("constants.ts", readFileSync("src/utils/constants.ts", "utf8"), ScriptTarget.Latest);
|
|
||||||
|
|
||||||
for (const child of file.getChildAt(0).getChildren()) {
|
|
||||||
if (!isVariableStatement(child)) continue;
|
|
||||||
|
|
||||||
const devsDeclaration = child.declarationList.declarations.find(d => hasName(d, "Devs"));
|
|
||||||
if (!devsDeclaration?.initializer || !isCallExpression(devsDeclaration.initializer)) continue;
|
|
||||||
|
|
||||||
const value = devsDeclaration.initializer.arguments[0];
|
|
||||||
|
|
||||||
if (!isSatisfiesExpression(value) || !isObjectLiteralExpression(value.expression)) throw new Error("Failed to parse devs: not an object literal");
|
|
||||||
|
|
||||||
for (const prop of value.expression.properties) {
|
|
||||||
const name = (prop.name as Identifier).text;
|
|
||||||
const value = isPropertyAssignment(prop) ? prop.initializer : prop;
|
|
||||||
|
|
||||||
if (!isObjectLiteralExpression(value)) throw new Error(`Failed to parse devs: ${name} is not an object literal`);
|
|
||||||
|
|
||||||
devs[name] = {
|
|
||||||
name: (getObjectProp(value, "name") as StringLiteral).text,
|
|
||||||
id: (getObjectProp(value, "id") as BigIntLiteral).text.slice(0, -1)
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
throw new Error("Could not find Devs constant");
|
|
||||||
}
|
|
||||||
|
|
||||||
async function parseFile(fileName: string) {
|
|
||||||
const file = createSourceFile(fileName, await readFile(fileName, "utf8"), ScriptTarget.Latest);
|
|
||||||
|
|
||||||
const fail = (reason: string) => {
|
|
||||||
return new Error(`Invalid plugin ${fileName}, because ${reason}`);
|
|
||||||
};
|
|
||||||
|
|
||||||
for (const node of file.getChildAt(0).getChildren()) {
|
|
||||||
if (!isExportAssignment(node) || !isCallExpression(node.expression)) continue;
|
|
||||||
|
|
||||||
const call = node.expression;
|
|
||||||
if (!isIdentifier(call.expression) || call.expression.text !== "definePlugin") continue;
|
|
||||||
|
|
||||||
const pluginObj = node.expression.arguments[0];
|
|
||||||
if (!isObjectLiteralExpression(pluginObj)) throw fail("no object literal passed to definePlugin");
|
|
||||||
|
|
||||||
const data = {
|
|
||||||
hasPatches: false,
|
|
||||||
hasCommands: false,
|
|
||||||
enabledByDefault: false,
|
|
||||||
required: false,
|
|
||||||
tags: [] as string[]
|
|
||||||
} as PluginData;
|
|
||||||
|
|
||||||
for (const prop of pluginObj.properties) {
|
|
||||||
const key = getName(prop);
|
|
||||||
const value = isPropertyAssignment(prop) ? prop.initializer : prop;
|
|
||||||
|
|
||||||
switch (key) {
|
|
||||||
case "name":
|
|
||||||
case "description":
|
|
||||||
if (!isStringLiteral(value)) throw fail(`${key} is not a string literal`);
|
|
||||||
data[key] = value.text;
|
|
||||||
break;
|
|
||||||
case "patches":
|
|
||||||
data.hasPatches = true;
|
|
||||||
break;
|
|
||||||
case "commands":
|
|
||||||
data.hasCommands = true;
|
|
||||||
break;
|
|
||||||
case "authors":
|
|
||||||
if (!isArrayLiteralExpression(value)) throw fail("authors is not an array literal");
|
|
||||||
data.authors = value.elements.map(e => {
|
|
||||||
if (!isPropertyAccessExpression(e)) throw fail("authors array contains non-property access expressions");
|
|
||||||
const d = devs[getName(e)!];
|
|
||||||
if (!d) throw fail(`couldn't look up author ${getName(e)}`);
|
|
||||||
return d;
|
|
||||||
});
|
|
||||||
break;
|
|
||||||
case "tags":
|
|
||||||
if (!isArrayLiteralExpression(value)) throw fail("tags is not an array literal");
|
|
||||||
data.tags = value.elements.map(e => {
|
|
||||||
if (!isStringLiteral(e)) throw fail("tags array contains non-string literals");
|
|
||||||
return e.text;
|
|
||||||
});
|
|
||||||
break;
|
|
||||||
case "dependencies":
|
|
||||||
if (!isArrayLiteralExpression(value)) throw fail("dependencies is not an array literal");
|
|
||||||
const { elements } = value;
|
|
||||||
if (elements.some(e => !isStringLiteral(e))) throw fail("dependencies array contains non-string elements");
|
|
||||||
data.dependencies = (elements as NodeArray<StringLiteral>).map(e => e.text);
|
|
||||||
break;
|
|
||||||
case "required":
|
|
||||||
case "enabledByDefault":
|
|
||||||
data[key] = value.kind === SyntaxKind.TrueKeyword;
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!data.name || !data.description || !data.authors) throw fail("name, description or authors are missing");
|
|
||||||
|
|
||||||
const target = getPluginTarget(fileName);
|
|
||||||
if (target) {
|
|
||||||
if (!["web", "discordDesktop", "vencordDesktop", "desktop", "dev"].includes(target)) throw fail(`invalid target ${target}`);
|
|
||||||
data.target = target as any;
|
|
||||||
}
|
|
||||||
|
|
||||||
data.filePath = posixNormalize(fileName)
|
|
||||||
.split(sep)
|
|
||||||
.join(posixSep)
|
|
||||||
.replace(/\/index\.([jt]sx?)$/, "")
|
|
||||||
.replace(/^src\/plugins\//, "");
|
|
||||||
|
|
||||||
let readme = "";
|
|
||||||
try {
|
|
||||||
readme = readFileSync(join(fileName, "..", "README.md"), "utf-8");
|
|
||||||
} catch { }
|
|
||||||
return [data, readme] as const;
|
|
||||||
}
|
|
||||||
|
|
||||||
throw fail("no default export called 'definePlugin' found");
|
|
||||||
}
|
|
||||||
|
|
||||||
async function getEntryPoint(dir: string, dirent: Dirent) {
|
|
||||||
const base = join(dir, dirent.name);
|
|
||||||
if (!dirent.isDirectory()) return base;
|
|
||||||
|
|
||||||
for (const name of ["index.ts", "index.tsx"]) {
|
|
||||||
const full = join(base, name);
|
|
||||||
try {
|
|
||||||
await access(full);
|
|
||||||
return full;
|
|
||||||
} catch { }
|
|
||||||
}
|
|
||||||
|
|
||||||
throw new Error(`${dirent.name}: Couldn't find entry point`);
|
|
||||||
}
|
|
||||||
|
|
||||||
function isPluginFile({ name }: { name: string; }) {
|
|
||||||
if (name === "index.ts") return false;
|
|
||||||
return !name.startsWith("_") && !name.startsWith(".");
|
|
||||||
}
|
|
||||||
|
|
||||||
(async () => {
|
|
||||||
parseDevs();
|
|
||||||
|
|
||||||
const plugins = [] as PluginData[];
|
|
||||||
const readmes = {} as Record<string, string>;
|
|
||||||
|
|
||||||
await Promise.all(["src/plugins", "src/plugins/_core"].flatMap(dir =>
|
|
||||||
readdirSync(dir, { withFileTypes: true })
|
|
||||||
.filter(isPluginFile)
|
|
||||||
.map(async dirent => {
|
|
||||||
const [data, readme] = await parseFile(await getEntryPoint(dir, dirent));
|
|
||||||
plugins.push(data);
|
|
||||||
if (readme) readmes[data.name] = readme;
|
|
||||||
})
|
|
||||||
));
|
|
||||||
|
|
||||||
const data = JSON.stringify(plugins);
|
|
||||||
|
|
||||||
if (process.argv.length > 3) {
|
|
||||||
writeFileSync(process.argv[2], data);
|
|
||||||
writeFileSync(process.argv[3], JSON.stringify(readmes));
|
|
||||||
} else {
|
|
||||||
console.log(data);
|
|
||||||
}
|
|
||||||
})();
|
|
@ -1,3 +0,0 @@
|
|||||||
Vencord, a Discord client mod
|
|
||||||
Copyright (c) {year} {author}
|
|
||||||
SPDX-License-Identifier: GPL-3.0-or-later
|
|
@ -1,17 +0,0 @@
|
|||||||
/*
|
|
||||||
* Vencord, a modification for Discord's desktop app
|
|
||||||
* Copyright (c) {year} {author}
|
|
||||||
*
|
|
||||||
* This program is free software: you can redistribute it and/or modify
|
|
||||||
* it under the terms of the GNU General Public License as published by
|
|
||||||
* the Free Software Foundation, either version 3 of the License, or
|
|
||||||
* (at your option) any later version.
|
|
||||||
*
|
|
||||||
* This program is distributed in the hope that it will be useful,
|
|
||||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
||||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
||||||
* GNU General Public License for more details.
|
|
||||||
*
|
|
||||||
* You should have received a copy of the GNU General Public License
|
|
||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
||||||
*/
|
|
@ -1,30 +0,0 @@
|
|||||||
/*
|
|
||||||
* Vencord, a modification for Discord's desktop app
|
|
||||||
* Copyright (c) 2023 Vendicated and contributors
|
|
||||||
*
|
|
||||||
* This program is free software: you can redistribute it and/or modify
|
|
||||||
* it under the terms of the GNU General Public License as published by
|
|
||||||
* the Free Software Foundation, either version 3 of the License, or
|
|
||||||
* (at your option) any later version.
|
|
||||||
*
|
|
||||||
* This program is distributed in the hope that it will be useful,
|
|
||||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
||||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
||||||
* GNU General Public License for more details.
|
|
||||||
*
|
|
||||||
* You should have received a copy of the GNU General Public License
|
|
||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
||||||
*/
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @param {string} filePath
|
|
||||||
* @returns {string | null}
|
|
||||||
*/
|
|
||||||
export function getPluginTarget(filePath) {
|
|
||||||
const pathParts = filePath.split(/[/\\]/);
|
|
||||||
if (/^index\.tsx?$/.test(pathParts.at(-1))) pathParts.pop();
|
|
||||||
|
|
||||||
const identifier = pathParts.at(-1).replace(/\.tsx?$/, "");
|
|
||||||
const identiferBits = identifier.split(".");
|
|
||||||
return identiferBits.length === 1 ? null : identiferBits.at(-1);
|
|
||||||
}
|
|
@ -27,61 +27,19 @@ export { PlainSettings, Settings };
|
|||||||
import "./utils/quickCss";
|
import "./utils/quickCss";
|
||||||
import "./webpack/patchWebpack";
|
import "./webpack/patchWebpack";
|
||||||
|
|
||||||
import { get as dsGet } from "./api/DataStore";
|
import { popNotice, showNotice } from "./api/Notices";
|
||||||
import { showNotification } from "./api/Notifications";
|
import { PlainSettings, Settings } from "./api/settings";
|
||||||
import { PlainSettings, Settings } from "./api/Settings";
|
|
||||||
import { patches, PMLogger, startAllPlugins } from "./plugins";
|
import { patches, PMLogger, startAllPlugins } from "./plugins";
|
||||||
import { localStorage } from "./utils/localStorage";
|
import { checkForUpdates, rebuild, update, UpdateLogger } from "./utils/updater";
|
||||||
import { relaunch } from "./utils/native";
|
|
||||||
import { getCloudSettings, putCloudSettings } from "./utils/settingsSync";
|
|
||||||
import { checkForUpdates, update, UpdateLogger } from "./utils/updater";
|
|
||||||
import { onceReady } from "./webpack";
|
import { onceReady } from "./webpack";
|
||||||
import { SettingsRouter } from "./webpack/common";
|
import { SettingsRouter } from "./webpack/common";
|
||||||
|
|
||||||
async function syncSettings() {
|
export let Components: any;
|
||||||
// pre-check for local shared settings
|
|
||||||
if (
|
|
||||||
Settings.cloud.authenticated &&
|
|
||||||
await dsGet("Vencord_cloudSecret") === null // this has been enabled due to local settings share or some other bug
|
|
||||||
) {
|
|
||||||
// show a notification letting them know and tell them how to fix it
|
|
||||||
showNotification({
|
|
||||||
title: "Cloud Integrations",
|
|
||||||
body: "We've noticed you have cloud integrations enabled in another client! Due to limitations, you will " +
|
|
||||||
"need to re-authenticate to continue using them. Click here to go to the settings page to do so!",
|
|
||||||
color: "var(--yellow-360)",
|
|
||||||
onClick: () => SettingsRouter.open("VencordCloud")
|
|
||||||
});
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (
|
|
||||||
Settings.cloud.settingsSync && // if it's enabled
|
|
||||||
Settings.cloud.authenticated // if cloud integrations are enabled
|
|
||||||
) {
|
|
||||||
if (localStorage.Vencord_settingsDirty) {
|
|
||||||
await putCloudSettings();
|
|
||||||
delete localStorage.Vencord_settingsDirty;
|
|
||||||
} else if (await getCloudSettings(false)) { // if we synchronized something (false means no sync)
|
|
||||||
// we show a notification here instead of allowing getCloudSettings() to show one to declutter the amount of
|
|
||||||
// potential notifications that might occur. getCloudSettings() will always send a notification regardless if
|
|
||||||
// there was an error to notify the user, but besides that we only want to show one notification instead of all
|
|
||||||
// of the possible ones it has (such as when your settings are newer).
|
|
||||||
showNotification({
|
|
||||||
title: "Cloud Settings",
|
|
||||||
body: "Your settings have been updated! Click here to restart to fully apply changes!",
|
|
||||||
color: "var(--green-360)",
|
|
||||||
onClick: relaunch
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async function init() {
|
async function init() {
|
||||||
await onceReady;
|
await onceReady;
|
||||||
startAllPlugins();
|
startAllPlugins();
|
||||||
|
Components = await import("./components");
|
||||||
syncSettings();
|
|
||||||
|
|
||||||
if (!IS_WEB) {
|
if (!IS_WEB) {
|
||||||
try {
|
try {
|
||||||
@ -90,27 +48,33 @@ async function init() {
|
|||||||
|
|
||||||
if (Settings.autoUpdate) {
|
if (Settings.autoUpdate) {
|
||||||
await update();
|
await update();
|
||||||
if (Settings.autoUpdateNotification)
|
const needsFullRestart = await rebuild();
|
||||||
setTimeout(() => showNotification({
|
setTimeout(() => {
|
||||||
title: "Vencord has been updated!",
|
showNotice(
|
||||||
body: "Click here to restart",
|
"Vencord has been updated!",
|
||||||
permanent: true,
|
"Restart",
|
||||||
noPersist: true,
|
() => {
|
||||||
onClick: relaunch
|
if (needsFullRestart)
|
||||||
}), 10_000);
|
window.DiscordNative.app.relaunch();
|
||||||
|
else
|
||||||
|
location.reload();
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}, 10_000);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (Settings.notifyAboutUpdates)
|
if (Settings.notifyAboutUpdates)
|
||||||
setTimeout(() => showNotification({
|
setTimeout(() => {
|
||||||
title: "A Vencord update is available!",
|
showNotice(
|
||||||
body: "Click here to view the update",
|
"A Vencord update is available!",
|
||||||
permanent: true,
|
"View Update",
|
||||||
noPersist: true,
|
() => {
|
||||||
onClick() {
|
popNotice();
|
||||||
SettingsRouter.open("VencordUpdater");
|
SettingsRouter.open("VencordUpdater");
|
||||||
}
|
}
|
||||||
}), 10_000);
|
);
|
||||||
|
}, 10_000);
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
UpdateLogger.error("Failed to check for updates", err);
|
UpdateLogger.error("Failed to check for updates", err);
|
||||||
}
|
}
|
||||||
@ -131,12 +95,3 @@ async function init() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
init();
|
init();
|
||||||
|
|
||||||
if (IS_DISCORD_DESKTOP && Settings.winNativeTitleBar && navigator.platform.toLowerCase().startsWith("win")) {
|
|
||||||
document.addEventListener("DOMContentLoaded", () => {
|
|
||||||
document.head.append(Object.assign(document.createElement("style"), {
|
|
||||||
id: "vencord-native-titlebar-style",
|
|
||||||
textContent: "[class*=titleBar]{display: none!important}"
|
|
||||||
}));
|
|
||||||
}, { once: true });
|
|
||||||
}
|
|
||||||
|
@ -1,76 +1,49 @@
|
|||||||
/*
|
/*
|
||||||
* Vencord, a Discord client mod
|
* Vencord, a modification for Discord's desktop app
|
||||||
* Copyright (c) 2023 Vendicated and contributors
|
* Copyright (c) 2022
|
||||||
* SPDX-License-Identifier: GPL-3.0-or-later
|
*
|
||||||
*/
|
* This program is free software: you can redistribute it and/or modify
|
||||||
|
* it under the terms of the GNU General Public License as published by
|
||||||
|
* the Free Software Foundation, either version 3 of the License, or
|
||||||
|
* (at your option) any later version.
|
||||||
|
*
|
||||||
|
* This program is distributed in the hope that it will be useful,
|
||||||
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||||
|
* GNU General Public License for more details.
|
||||||
|
*
|
||||||
|
* You should have received a copy of the GNU General Public License
|
||||||
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
|
*/
|
||||||
|
|
||||||
import { IpcEvents } from "@utils/IpcEvents";
|
import IPC_EVENTS from "@utils/IpcEvents";
|
||||||
import { IpcRes } from "@utils/types";
|
import { IpcRenderer, ipcRenderer } from "electron";
|
||||||
import { ipcRenderer } from "electron";
|
|
||||||
import { PluginIpcMappings } from "main/ipcPlugins";
|
|
||||||
import type { UserThemeHeader } from "main/themes";
|
|
||||||
|
|
||||||
function invoke<T = any>(event: IpcEvents, ...args: any[]) {
|
function assertEventAllowed(event: string) {
|
||||||
return ipcRenderer.invoke(event, ...args) as Promise<T>;
|
if (!(event in IPC_EVENTS)) throw new Error(`Event ${event} not allowed.`);
|
||||||
}
|
}
|
||||||
|
|
||||||
export function sendSync<T = any>(event: IpcEvents, ...args: any[]) {
|
|
||||||
return ipcRenderer.sendSync(event, ...args) as T;
|
|
||||||
}
|
|
||||||
|
|
||||||
const PluginHelpers = {} as Record<string, Record<string, (...args: any[]) => Promise<any>>>;
|
|
||||||
const pluginIpcMap = sendSync<PluginIpcMappings>(IpcEvents.GET_PLUGIN_IPC_METHOD_MAP);
|
|
||||||
|
|
||||||
for (const [plugin, methods] of Object.entries(pluginIpcMap)) {
|
|
||||||
const map = PluginHelpers[plugin] = {};
|
|
||||||
for (const [methodName, method] of Object.entries(methods)) {
|
|
||||||
map[methodName] = (...args: any[]) => invoke(method as IpcEvents, ...args);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
themes: {
|
getVersions: () => process.versions,
|
||||||
uploadTheme: (fileName: string, fileData: string) => invoke<void>(IpcEvents.UPLOAD_THEME, fileName, fileData),
|
ipc: {
|
||||||
deleteTheme: (fileName: string) => invoke<void>(IpcEvents.DELETE_THEME, fileName),
|
send(event: string, ...args: any[]) {
|
||||||
getThemesDir: () => invoke<string>(IpcEvents.GET_THEMES_DIR),
|
assertEventAllowed(event);
|
||||||
getThemesList: () => invoke<Array<UserThemeHeader>>(IpcEvents.GET_THEMES_LIST),
|
ipcRenderer.send(event, ...args);
|
||||||
getThemeData: (fileName: string) => invoke<string | undefined>(IpcEvents.GET_THEME_DATA, fileName),
|
|
||||||
getSystemValues: () => invoke<Record<string, string>>(IpcEvents.GET_THEME_SYSTEM_VALUES),
|
|
||||||
},
|
},
|
||||||
|
sendSync<T = any>(event: string, ...args: any[]): T {
|
||||||
updater: {
|
assertEventAllowed(event);
|
||||||
getUpdates: () => invoke<IpcRes<Record<"hash" | "author" | "message", string>[]>>(IpcEvents.GET_UPDATES),
|
return ipcRenderer.sendSync(event, ...args);
|
||||||
update: () => invoke<IpcRes<boolean>>(IpcEvents.UPDATE),
|
|
||||||
rebuild: () => invoke<IpcRes<boolean>>(IpcEvents.BUILD),
|
|
||||||
getRepo: () => invoke<IpcRes<string>>(IpcEvents.GET_REPO),
|
|
||||||
},
|
},
|
||||||
|
on(event: string, listener: Parameters<IpcRenderer["on"]>[1]) {
|
||||||
settings: {
|
assertEventAllowed(event);
|
||||||
get: () => sendSync<string>(IpcEvents.GET_SETTINGS),
|
ipcRenderer.on(event, listener);
|
||||||
set: (settings: string) => invoke<void>(IpcEvents.SET_SETTINGS, settings),
|
|
||||||
getSettingsDir: () => invoke<string>(IpcEvents.GET_SETTINGS_DIR),
|
|
||||||
},
|
},
|
||||||
|
off(event: string, listener: Parameters<IpcRenderer["off"]>[1]) {
|
||||||
quickCss: {
|
assertEventAllowed(event);
|
||||||
get: () => invoke<string>(IpcEvents.GET_QUICK_CSS),
|
ipcRenderer.off(event, listener);
|
||||||
set: (css: string) => invoke<void>(IpcEvents.SET_QUICK_CSS, css),
|
|
||||||
|
|
||||||
addChangeListener(cb: (newCss: string) => void) {
|
|
||||||
ipcRenderer.on(IpcEvents.QUICK_CSS_UPDATE, (_, css) => cb(css));
|
|
||||||
},
|
},
|
||||||
|
invoke<T = any>(event: string, ...args: any[]): Promise<T> {
|
||||||
addThemeChangeListener(cb: () => void) {
|
assertEventAllowed(event);
|
||||||
ipcRenderer.on(IpcEvents.THEME_UPDATE, () => cb());
|
return ipcRenderer.invoke(event, ...args);
|
||||||
},
|
}
|
||||||
|
}
|
||||||
openFile: () => invoke<void>(IpcEvents.OPEN_QUICKCSS),
|
|
||||||
openEditor: () => invoke<void>(IpcEvents.OPEN_MONACO_EDITOR),
|
|
||||||
},
|
|
||||||
|
|
||||||
native: {
|
|
||||||
getVersions: () => process.versions as Partial<NodeJS.ProcessVersions>,
|
|
||||||
openExternal: (url: string) => invoke<void>(IpcEvents.OPEN_EXTERNAL, url)
|
|
||||||
},
|
|
||||||
|
|
||||||
pluginHelpers: PluginHelpers
|
|
||||||
};
|
};
|
||||||
|
@ -22,19 +22,18 @@ import { ComponentType, HTMLProps } from "react";
|
|||||||
|
|
||||||
import Plugins from "~plugins";
|
import Plugins from "~plugins";
|
||||||
|
|
||||||
export const enum BadgePosition {
|
export enum BadgePosition {
|
||||||
START,
|
START,
|
||||||
END
|
END
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface ProfileBadge {
|
export interface ProfileBadge {
|
||||||
/** The tooltip to show on hover. Required for image badges */
|
/** The tooltip to show on hover. Required for image badges */
|
||||||
description?: string;
|
tooltip?: string;
|
||||||
/** Custom component for the badge (tooltip not included) */
|
/** Custom component for the badge (tooltip not included) */
|
||||||
component?: ComponentType<ProfileBadge & BadgeUserArgs>;
|
component?: ComponentType<ProfileBadge & BadgeUserArgs>;
|
||||||
/** The custom image to use */
|
/** The custom image to use */
|
||||||
image?: string;
|
image?: string;
|
||||||
link?: string;
|
|
||||||
/** Action to perform when you click the badge */
|
/** Action to perform when you click the badge */
|
||||||
onClick?(): void;
|
onClick?(): void;
|
||||||
/** Should the user display this badge? */
|
/** Should the user display this badge? */
|
||||||
@ -70,19 +69,17 @@ export function removeBadge(badge: ProfileBadge) {
|
|||||||
* Inject badges into the profile badges array.
|
* Inject badges into the profile badges array.
|
||||||
* You probably don't need to use this.
|
* You probably don't need to use this.
|
||||||
*/
|
*/
|
||||||
export function _getBadges(args: BadgeUserArgs) {
|
export function inject(badgeArray: ProfileBadge[], args: BadgeUserArgs) {
|
||||||
const badges = [] as ProfileBadge[];
|
|
||||||
for (const badge of Badges) {
|
for (const badge of Badges) {
|
||||||
if (!badge.shouldShow || badge.shouldShow(args)) {
|
if (!badge.shouldShow || badge.shouldShow(args)) {
|
||||||
badge.position === BadgePosition.START
|
badge.position === BadgePosition.START
|
||||||
? badges.unshift({ ...badge, ...args })
|
? badgeArray.unshift({ ...badge, ...args })
|
||||||
: badges.push({ ...badge, ...args });
|
: badgeArray.push({ ...badge, ...args });
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
const donorBadges = (Plugins.BadgeAPI as unknown as typeof import("../plugins/_api/badges").default).getDonorBadges(args.user.id);
|
(Plugins.BadgeAPI as any).addDonorBadge(badgeArray, args.user.id);
|
||||||
if (donorBadges) badges.unshift(...donorBadges);
|
|
||||||
|
|
||||||
return badges;
|
return badgeArray;
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface BadgeUserArgs {
|
export interface BadgeUserArgs {
|
||||||
|
@ -17,14 +17,14 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
import { mergeDefaults } from "@utils/misc";
|
import { mergeDefaults } from "@utils/misc";
|
||||||
import { findByPropsLazy } from "@webpack";
|
import { findByCodeLazy, findByPropsLazy } from "@webpack";
|
||||||
import { SnowflakeUtils } from "@webpack/common";
|
import { SnowflakeUtils } from "@webpack/common";
|
||||||
import { Message } from "discord-types/general";
|
import { Message } from "discord-types/general";
|
||||||
import type { PartialDeep } from "type-fest";
|
import type { PartialDeep } from "type-fest";
|
||||||
|
|
||||||
import { Argument } from "./types";
|
import { Argument } from "./types";
|
||||||
|
|
||||||
const MessageCreator = findByPropsLazy("createBotMessage");
|
const createBotMessage = findByCodeLazy('username:"Clyde"');
|
||||||
const MessageSender = findByPropsLazy("receiveMessage");
|
const MessageSender = findByPropsLazy("receiveMessage");
|
||||||
|
|
||||||
export function generateId() {
|
export function generateId() {
|
||||||
@ -38,7 +38,7 @@ export function generateId() {
|
|||||||
* @returns {Message}
|
* @returns {Message}
|
||||||
*/
|
*/
|
||||||
export function sendBotMessage(channelId: string, message: PartialDeep<Message>): Message {
|
export function sendBotMessage(channelId: string, message: PartialDeep<Message>): Message {
|
||||||
const botMessage = MessageCreator.createBotMessage({ channelId, content: "", embeds: [] });
|
const botMessage = createBotMessage({ channelId, content: "", embeds: [] });
|
||||||
|
|
||||||
MessageSender.receiveMessage(channelId, mergeDefaults(message, botMessage));
|
MessageSender.receiveMessage(channelId, mergeDefaults(message, botMessage));
|
||||||
|
|
||||||
|
@ -16,7 +16,7 @@
|
|||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import { makeCodeblock } from "@utils/text";
|
import { makeCodeblock } from "@utils/misc";
|
||||||
|
|
||||||
import { sendBotMessage } from "./commandHelpers";
|
import { sendBotMessage } from "./commandHelpers";
|
||||||
import { ApplicationCommandInputType, ApplicationCommandOptionType, ApplicationCommandType, Argument, Command, CommandContext, Option } from "./types";
|
import { ApplicationCommandInputType, ApplicationCommandOptionType, ApplicationCommandType, Argument, Command, CommandContext, Option } from "./types";
|
||||||
@ -111,7 +111,6 @@ function registerSubCommands(cmd: Command, plugin: string) {
|
|||||||
...o,
|
...o,
|
||||||
type: ApplicationCommandType.CHAT_INPUT,
|
type: ApplicationCommandType.CHAT_INPUT,
|
||||||
name: `${cmd.name} ${o.name}`,
|
name: `${cmd.name} ${o.name}`,
|
||||||
id: `${o.name}-${cmd.id}`,
|
|
||||||
displayName: `${cmd.name} ${o.name}`,
|
displayName: `${cmd.name} ${o.name}`,
|
||||||
subCommandPath: [{
|
subCommandPath: [{
|
||||||
name: o.name,
|
name: o.name,
|
||||||
|
@ -24,7 +24,7 @@ export interface CommandContext {
|
|||||||
guild?: Guild;
|
guild?: Guild;
|
||||||
}
|
}
|
||||||
|
|
||||||
export const enum ApplicationCommandOptionType {
|
export enum ApplicationCommandOptionType {
|
||||||
SUB_COMMAND = 1,
|
SUB_COMMAND = 1,
|
||||||
SUB_COMMAND_GROUP = 2,
|
SUB_COMMAND_GROUP = 2,
|
||||||
STRING = 3,
|
STRING = 3,
|
||||||
@ -38,7 +38,7 @@ export const enum ApplicationCommandOptionType {
|
|||||||
ATTACHMENT = 11,
|
ATTACHMENT = 11,
|
||||||
}
|
}
|
||||||
|
|
||||||
export const enum ApplicationCommandInputType {
|
export enum ApplicationCommandInputType {
|
||||||
BUILT_IN = 0,
|
BUILT_IN = 0,
|
||||||
BUILT_IN_TEXT = 1,
|
BUILT_IN_TEXT = 1,
|
||||||
BUILT_IN_INTEGRATION = 2,
|
BUILT_IN_INTEGRATION = 2,
|
||||||
@ -64,7 +64,7 @@ export interface ChoicesOption {
|
|||||||
displayName?: string;
|
displayName?: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
export const enum ApplicationCommandType {
|
export enum ApplicationCommandType {
|
||||||
CHAT_INPUT = 1,
|
CHAT_INPUT = 1,
|
||||||
USER = 2,
|
USER = 2,
|
||||||
MESSAGE = 3,
|
MESSAGE = 3,
|
||||||
|
@ -1,158 +0,0 @@
|
|||||||
/*
|
|
||||||
* Vencord, a modification for Discord's desktop app
|
|
||||||
* Copyright (c) 2023 Vendicated and contributors
|
|
||||||
*
|
|
||||||
* This program is free software: you can redistribute it and/or modify
|
|
||||||
* it under the terms of the GNU General Public License as published by
|
|
||||||
* the Free Software Foundation, either version 3 of the License, or
|
|
||||||
* (at your option) any later version.
|
|
||||||
*
|
|
||||||
* This program is distributed in the hope that it will be useful,
|
|
||||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
||||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
||||||
* GNU General Public License for more details.
|
|
||||||
*
|
|
||||||
* You should have received a copy of the GNU General Public License
|
|
||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
||||||
*/
|
|
||||||
|
|
||||||
import { Logger } from "@utils/Logger";
|
|
||||||
import type { ReactElement } from "react";
|
|
||||||
|
|
||||||
type ContextMenuPatchCallbackReturn = (() => void) | void;
|
|
||||||
/**
|
|
||||||
* @param children The rendered context menu elements
|
|
||||||
* @param args Any arguments passed into making the context menu, like the guild, channel, user or message for example
|
|
||||||
* @returns A callback which is only ran once used to modify the context menu elements (Use to avoid duplicates)
|
|
||||||
*/
|
|
||||||
export type NavContextMenuPatchCallback = (children: Array<ReactElement | null>, ...args: Array<any>) => ContextMenuPatchCallbackReturn;
|
|
||||||
/**
|
|
||||||
* @param navId The navId of the context menu being patched
|
|
||||||
* @param children The rendered context menu elements
|
|
||||||
* @param args Any arguments passed into making the context menu, like the guild, channel, user or message for example
|
|
||||||
* @returns A callback which is only ran once used to modify the context menu elements (Use to avoid duplicates)
|
|
||||||
*/
|
|
||||||
export type GlobalContextMenuPatchCallback = (navId: string, children: Array<ReactElement | null>, ...args: Array<any>) => ContextMenuPatchCallbackReturn;
|
|
||||||
|
|
||||||
const ContextMenuLogger = new Logger("ContextMenu");
|
|
||||||
|
|
||||||
export const navPatches = new Map<string, Set<NavContextMenuPatchCallback>>();
|
|
||||||
export const globalPatches = new Set<GlobalContextMenuPatchCallback>();
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Add a context menu patch
|
|
||||||
* @param navId The navId(s) for the context menu(s) to patch
|
|
||||||
* @param patch The patch to be applied
|
|
||||||
*/
|
|
||||||
export function addContextMenuPatch(navId: string | Array<string>, patch: NavContextMenuPatchCallback) {
|
|
||||||
if (!Array.isArray(navId)) navId = [navId];
|
|
||||||
for (const id of navId) {
|
|
||||||
let contextMenuPatches = navPatches.get(id);
|
|
||||||
if (!contextMenuPatches) {
|
|
||||||
contextMenuPatches = new Set();
|
|
||||||
navPatches.set(id, contextMenuPatches);
|
|
||||||
}
|
|
||||||
|
|
||||||
contextMenuPatches.add(patch);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Add a global context menu patch that fires the patch for all context menus
|
|
||||||
* @param patch The patch to be applied
|
|
||||||
*/
|
|
||||||
export function addGlobalContextMenuPatch(patch: GlobalContextMenuPatchCallback) {
|
|
||||||
globalPatches.add(patch);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove a context menu patch
|
|
||||||
* @param navId The navId(s) for the context menu(s) to remove the patch
|
|
||||||
* @param patch The patch to be removed
|
|
||||||
* @returns Whether the patch was successfully removed from the context menu(s)
|
|
||||||
*/
|
|
||||||
export function removeContextMenuPatch<T extends string | Array<string>>(navId: T, patch: NavContextMenuPatchCallback): T extends string ? boolean : Array<boolean> {
|
|
||||||
const navIds = Array.isArray(navId) ? navId : [navId as string];
|
|
||||||
|
|
||||||
const results = navIds.map(id => navPatches.get(id)?.delete(patch) ?? false);
|
|
||||||
|
|
||||||
return (Array.isArray(navId) ? results : results[0]) as T extends string ? boolean : Array<boolean>;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove a global context menu patch
|
|
||||||
* @param patch The patch to be removed
|
|
||||||
* @returns Whether the patch was successfully removed
|
|
||||||
*/
|
|
||||||
export function removeGlobalContextMenuPatch(patch: GlobalContextMenuPatchCallback): boolean {
|
|
||||||
return globalPatches.delete(patch);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* A helper function for finding the children array of a group nested inside a context menu based on the id(s) of its children
|
|
||||||
* @param id The id of the child. If an array is specified, all ids will be tried
|
|
||||||
* @param children The context menu children
|
|
||||||
*/
|
|
||||||
export function findGroupChildrenByChildId(id: string | string[], children: Array<ReactElement | null>, _itemsArray?: Array<ReactElement | null>): Array<ReactElement | null> | null {
|
|
||||||
for (const child of children) {
|
|
||||||
if (child == null) continue;
|
|
||||||
|
|
||||||
if (
|
|
||||||
(Array.isArray(id) && id.some(id => child.props?.id === id))
|
|
||||||
|| child.props?.id === id
|
|
||||||
) return _itemsArray ?? null;
|
|
||||||
|
|
||||||
let nextChildren = child.props?.children;
|
|
||||||
if (nextChildren) {
|
|
||||||
if (!Array.isArray(nextChildren)) {
|
|
||||||
nextChildren = [nextChildren];
|
|
||||||
child.props.children = nextChildren;
|
|
||||||
}
|
|
||||||
|
|
||||||
const found = findGroupChildrenByChildId(id, nextChildren, nextChildren);
|
|
||||||
if (found !== null) return found;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface ContextMenuProps {
|
|
||||||
contextMenuApiArguments?: Array<any>;
|
|
||||||
navId: string;
|
|
||||||
children: Array<ReactElement | null>;
|
|
||||||
"aria-label": string;
|
|
||||||
onSelect: (() => void) | undefined;
|
|
||||||
onClose: (callback: (...args: Array<any>) => any) => void;
|
|
||||||
}
|
|
||||||
|
|
||||||
const patchedMenus = new WeakSet();
|
|
||||||
|
|
||||||
export function _patchContextMenu(props: ContextMenuProps) {
|
|
||||||
props.contextMenuApiArguments ??= [];
|
|
||||||
const contextMenuPatches = navPatches.get(props.navId);
|
|
||||||
|
|
||||||
if (!Array.isArray(props.children)) props.children = [props.children];
|
|
||||||
|
|
||||||
if (contextMenuPatches) {
|
|
||||||
for (const patch of contextMenuPatches) {
|
|
||||||
try {
|
|
||||||
const callback = patch(props.children, ...props.contextMenuApiArguments);
|
|
||||||
if (!patchedMenus.has(props)) callback?.();
|
|
||||||
} catch (err) {
|
|
||||||
ContextMenuLogger.error(`Patch for ${props.navId} errored,`, err);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
for (const patch of globalPatches) {
|
|
||||||
try {
|
|
||||||
const callback = patch(props.navId, props.children, ...props.contextMenuApiArguments);
|
|
||||||
if (!patchedMenus.has(props)) callback?.();
|
|
||||||
} catch (err) {
|
|
||||||
ContextMenuLogger.error("Global patch errored,", err);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
patchedMenus.add(props);
|
|
||||||
}
|
|
@ -1,4 +1,4 @@
|
|||||||
/* eslint-disable simple-header/header */
|
/* eslint-disable header/header */
|
||||||
|
|
||||||
/*!
|
/*!
|
||||||
* idb-keyval v6.2.0
|
* idb-keyval v6.2.0
|
||||||
|
@ -20,6 +20,7 @@ import { Channel, User } from "discord-types/general/index.js";
|
|||||||
|
|
||||||
interface DecoratorProps {
|
interface DecoratorProps {
|
||||||
activities: any[];
|
activities: any[];
|
||||||
|
canUseAvatarDecorations: boolean;
|
||||||
channel: Channel;
|
channel: Channel;
|
||||||
/**
|
/**
|
||||||
* Only for DM members
|
* Only for DM members
|
||||||
@ -51,9 +52,9 @@ export function removeDecorator(identifier: string) {
|
|||||||
decorators.delete(identifier);
|
decorators.delete(identifier);
|
||||||
}
|
}
|
||||||
|
|
||||||
export function __getDecorators(props: DecoratorProps): (JSX.Element | null)[] {
|
export function __addDecoratorsToList(props: DecoratorProps): (JSX.Element | null)[] {
|
||||||
const isInGuild = !!(props.guildId);
|
const isInGuild = !!(props.guildId);
|
||||||
return Array.from(decorators.values(), decoratorObj => {
|
return [...decorators.values()].map(decoratorObj => {
|
||||||
const { decorator, onlyIn } = decoratorObj;
|
const { decorator, onlyIn } = decoratorObj;
|
||||||
// this can most likely be done cleaner
|
// this can most likely be done cleaner
|
||||||
if (!onlyIn || (onlyIn === "guilds" && isInGuild) || (onlyIn === "dms" && !isInGuild)) {
|
if (!onlyIn || (onlyIn === "guilds" && isInGuild) || (onlyIn === "dms" && !isInGuild)) {
|
||||||
|
@ -16,74 +16,41 @@
|
|||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import { Logger } from "@utils/Logger";
|
import Logger from "@utils/Logger";
|
||||||
import { MessageStore } from "@webpack/common";
|
import { MessageStore } from "@webpack/common";
|
||||||
import { CustomEmoji } from "@webpack/types";
|
|
||||||
import type { Channel, Message } from "discord-types/general";
|
import type { Channel, Message } from "discord-types/general";
|
||||||
import type { Promisable } from "type-fest";
|
|
||||||
|
|
||||||
const MessageEventsLogger = new Logger("MessageEvents", "#e5c890");
|
const MessageEventsLogger = new Logger("MessageEvents", "#e5c890");
|
||||||
|
|
||||||
|
export interface Emoji {
|
||||||
|
require_colons: boolean,
|
||||||
|
originalName: string,
|
||||||
|
animated: boolean;
|
||||||
|
guildId: string,
|
||||||
|
name: string,
|
||||||
|
url: string,
|
||||||
|
id: string,
|
||||||
|
}
|
||||||
|
|
||||||
export interface MessageObject {
|
export interface MessageObject {
|
||||||
content: string,
|
content: string,
|
||||||
validNonShortcutEmojis: CustomEmoji[];
|
validNonShortcutEmojis: Emoji[];
|
||||||
invalidEmojis: any[];
|
|
||||||
tts: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface Upload {
|
|
||||||
classification: string;
|
|
||||||
currentSize: number;
|
|
||||||
description: string | null;
|
|
||||||
filename: string;
|
|
||||||
id: string;
|
|
||||||
isImage: boolean;
|
|
||||||
isVideo: boolean;
|
|
||||||
item: {
|
|
||||||
file: File;
|
|
||||||
platform: number;
|
|
||||||
};
|
|
||||||
loaded: number;
|
|
||||||
mimeType: string;
|
|
||||||
preCompressionSize: number;
|
|
||||||
responseUrl: string;
|
|
||||||
sensitive: boolean;
|
|
||||||
showLargeMessageDialog: boolean;
|
|
||||||
spoiler: boolean;
|
|
||||||
status: "NOT_STARTED" | "STARTED" | "UPLOADING" | "ERROR" | "COMPLETED" | "CANCELLED";
|
|
||||||
uniqueId: string;
|
|
||||||
uploadedFilename: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface MessageReplyOptions {
|
|
||||||
messageReference: Message["messageReference"];
|
|
||||||
allowedMentions?: {
|
|
||||||
parse: Array<string>;
|
|
||||||
repliedUser: boolean;
|
|
||||||
};
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export interface MessageExtra {
|
export interface MessageExtra {
|
||||||
stickers?: string[];
|
stickerIds?: string[];
|
||||||
uploads?: Upload[];
|
|
||||||
replyOptions: MessageReplyOptions;
|
|
||||||
content: string;
|
|
||||||
channel: Channel;
|
|
||||||
type?: any;
|
|
||||||
openWarningPopout: (props: any) => any;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export type SendListener = (channelId: string, messageObj: MessageObject, extra: MessageExtra) => Promisable<void | { cancel: boolean; }>;
|
export type SendListener = (channelId: string, messageObj: MessageObject, extra: MessageExtra) => void | { cancel: boolean; };
|
||||||
export type EditListener = (channelId: string, messageId: string, messageObj: MessageObject) => Promisable<void>;
|
export type EditListener = (channelId: string, messageId: string, messageObj: MessageObject) => void;
|
||||||
|
|
||||||
const sendListeners = new Set<SendListener>();
|
const sendListeners = new Set<SendListener>();
|
||||||
const editListeners = new Set<EditListener>();
|
const editListeners = new Set<EditListener>();
|
||||||
|
|
||||||
export async function _handlePreSend(channelId: string, messageObj: MessageObject, extra: MessageExtra, replyOptions: MessageReplyOptions) {
|
export function _handlePreSend(channelId: string, messageObj: MessageObject, extra: MessageExtra) {
|
||||||
extra.replyOptions = replyOptions;
|
|
||||||
for (const listener of sendListeners) {
|
for (const listener of sendListeners) {
|
||||||
try {
|
try {
|
||||||
const result = await listener(channelId, messageObj, extra);
|
const result = listener(channelId, messageObj, extra);
|
||||||
if (result && result.cancel === true) {
|
if (result && result.cancel === true) {
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
@ -94,10 +61,10 @@ export async function _handlePreSend(channelId: string, messageObj: MessageObjec
|
|||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function _handlePreEdit(channelId: string, messageId: string, messageObj: MessageObject) {
|
export function _handlePreEdit(channelId: string, messageId: string, messageObj: MessageObject) {
|
||||||
for (const listener of editListeners) {
|
for (const listener of editListeners) {
|
||||||
try {
|
try {
|
||||||
await listener(channelId, messageId, messageObj);
|
listener(channelId, messageId, messageObj);
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
MessageEventsLogger.error("MessageEditHandler: Listener encountered an unknown error\n", e);
|
MessageEventsLogger.error("MessageEditHandler: Listener encountered an unknown error\n", e);
|
||||||
}
|
}
|
||||||
|
@ -16,7 +16,7 @@
|
|||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import { Logger } from "@utils/Logger";
|
import Logger from "@utils/Logger";
|
||||||
import { Channel, Message } from "discord-types/general";
|
import { Channel, Message } from "discord-types/general";
|
||||||
import type { MouseEventHandler } from "react";
|
import type { MouseEventHandler } from "react";
|
||||||
|
|
||||||
|
@ -18,10 +18,9 @@
|
|||||||
|
|
||||||
import "./styles.css";
|
import "./styles.css";
|
||||||
|
|
||||||
import { useSettings } from "@api/Settings";
|
import { useSettings } from "@api/settings";
|
||||||
import ErrorBoundary from "@components/ErrorBoundary";
|
import ErrorBoundary from "@components/ErrorBoundary";
|
||||||
import { classes } from "@utils/misc";
|
import { Forms, React, useEffect, useMemo, useState, useStateFromStores, WindowStore } from "@webpack/common";
|
||||||
import { React, useEffect, useMemo, useState, useStateFromStores, WindowStore } from "@webpack/common";
|
|
||||||
|
|
||||||
import { NotificationData } from "./Notifications";
|
import { NotificationData } from "./Notifications";
|
||||||
|
|
||||||
@ -33,11 +32,8 @@ export default ErrorBoundary.wrap(function NotificationComponent({
|
|||||||
icon,
|
icon,
|
||||||
onClick,
|
onClick,
|
||||||
onClose,
|
onClose,
|
||||||
image,
|
image
|
||||||
permanent,
|
}: NotificationData) {
|
||||||
className,
|
|
||||||
dismissOnClick
|
|
||||||
}: NotificationData & { className?: string; }) {
|
|
||||||
const { timeout, position } = useSettings(["notifications.timeout", "notifications.position"]).notifications;
|
const { timeout, position } = useSettings(["notifications.timeout", "notifications.position"]).notifications;
|
||||||
const hasFocus = useStateFromStores([WindowStore], () => WindowStore.isFocused());
|
const hasFocus = useStateFromStores([WindowStore], () => WindowStore.isFocused());
|
||||||
|
|
||||||
@ -47,7 +43,7 @@ export default ErrorBoundary.wrap(function NotificationComponent({
|
|||||||
const start = useMemo(() => Date.now(), [timeout, isHover, hasFocus]);
|
const start = useMemo(() => Date.now(), [timeout, isHover, hasFocus]);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (isHover || !hasFocus || timeout === 0 || permanent) return void setElapsed(0);
|
if (isHover || !hasFocus || timeout === 0) return void setElapsed(0);
|
||||||
|
|
||||||
const intervalId = setInterval(() => {
|
const intervalId = setInterval(() => {
|
||||||
const elapsed = Date.now() - start;
|
const elapsed = Date.now() - start;
|
||||||
@ -64,13 +60,9 @@ export default ErrorBoundary.wrap(function NotificationComponent({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<button
|
<button
|
||||||
className={classes("vc-notification-root", className)}
|
className="vc-notification-root"
|
||||||
style={position === "bottom-right" ? { bottom: "1rem" } : { top: "3rem" }}
|
style={position === "bottom-right" ? { bottom: "1rem" } : { top: "3rem" }}
|
||||||
onClick={() => {
|
onClick={onClick}
|
||||||
onClick?.();
|
|
||||||
if (dismissOnClick !== false)
|
|
||||||
onClose!();
|
|
||||||
}}
|
|
||||||
onContextMenu={e => {
|
onContextMenu={e => {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
e.stopPropagation();
|
e.stopPropagation();
|
||||||
@ -82,35 +74,14 @@ export default ErrorBoundary.wrap(function NotificationComponent({
|
|||||||
<div className="vc-notification">
|
<div className="vc-notification">
|
||||||
{icon && <img className="vc-notification-icon" src={icon} alt="" />}
|
{icon && <img className="vc-notification-icon" src={icon} alt="" />}
|
||||||
<div className="vc-notification-content">
|
<div className="vc-notification-content">
|
||||||
<div className="vc-notification-header">
|
<Forms.FormTitle tag="h2">{title}</Forms.FormTitle>
|
||||||
<h2 className="vc-notification-title">{title}</h2>
|
|
||||||
<button
|
|
||||||
className="vc-notification-close-btn"
|
|
||||||
onClick={e => {
|
|
||||||
e.preventDefault();
|
|
||||||
e.stopPropagation();
|
|
||||||
onClose!();
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<svg
|
|
||||||
width="24"
|
|
||||||
height="24"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
role="img"
|
|
||||||
aria-labelledby="vc-notification-dismiss-title"
|
|
||||||
>
|
|
||||||
<title id="vc-notification-dismiss-title">Dismiss Notification</title>
|
|
||||||
<path fill="currentColor" d="M18.4 4L12 10.4L5.6 4L4 5.6L10.4 12L4 18.4L5.6 20L12 13.6L18.4 20L20 18.4L13.6 12L20 5.6L18.4 4Z" />
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div>
|
<div>
|
||||||
{richBody ?? <p className="vc-notification-p">{body}</p>}
|
{richBody ?? <p className="vc-notification-p">{body}</p>}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{image && <img className="vc-notification-img" src={image} alt="" />}
|
{image && <img className="vc-notification-img" src={image} alt="" />}
|
||||||
{timeout !== 0 && !permanent && (
|
{timeout !== 0 && (
|
||||||
<div
|
<div
|
||||||
className="vc-notification-progressbar"
|
className="vc-notification-progressbar"
|
||||||
style={{ width: `${(1 - timeoutProgress) * 100}%`, backgroundColor: color || "var(--brand-experiment)" }}
|
style={{ width: `${(1 - timeoutProgress) * 100}%`, backgroundColor: color || "var(--brand-experiment)" }}
|
||||||
@ -118,6 +89,4 @@ export default ErrorBoundary.wrap(function NotificationComponent({
|
|||||||
)}
|
)}
|
||||||
</button>
|
</button>
|
||||||
);
|
);
|
||||||
}, {
|
|
||||||
onError: ({ props }) => props.onClose!()
|
|
||||||
});
|
});
|
||||||
|
@ -16,14 +16,13 @@
|
|||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import { Settings } from "@api/Settings";
|
import { Settings } from "@api/settings";
|
||||||
import { Queue } from "@utils/Queue";
|
import { Queue } from "@utils/Queue";
|
||||||
import { ReactDOM } from "@webpack/common";
|
import { ReactDOM } from "@webpack/common";
|
||||||
import type { ReactNode } from "react";
|
import type { ReactNode } from "react";
|
||||||
import type { Root } from "react-dom/client";
|
import type { Root } from "react-dom/client";
|
||||||
|
|
||||||
import NotificationComponent from "./NotificationComponent";
|
import NotificationComponent from "./NotificationComponent";
|
||||||
import { persistNotification } from "./notificationLog";
|
|
||||||
|
|
||||||
const NotificationQueue = new Queue();
|
const NotificationQueue = new Queue();
|
||||||
|
|
||||||
@ -55,12 +54,6 @@ export interface NotificationData {
|
|||||||
onClick?(): void;
|
onClick?(): void;
|
||||||
onClose?(): void;
|
onClose?(): void;
|
||||||
color?: string;
|
color?: string;
|
||||||
/** Whether this notification should not have a timeout */
|
|
||||||
permanent?: boolean;
|
|
||||||
/** Whether this notification should not be persisted in the Notification Log */
|
|
||||||
noPersist?: boolean;
|
|
||||||
/** Whether this notification should be dismissed when clicked (defaults to true) */
|
|
||||||
dismissOnClick?: boolean;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function _showNotification(notification: NotificationData, id: number) {
|
function _showNotification(notification: NotificationData, id: number) {
|
||||||
@ -77,8 +70,6 @@ function _showNotification(notification: NotificationData, id: number) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function shouldBeNative() {
|
function shouldBeNative() {
|
||||||
if (typeof Notification === "undefined") return false;
|
|
||||||
|
|
||||||
const { useNative } = Settings.notifications;
|
const { useNative } = Settings.notifications;
|
||||||
if (useNative === "always") return true;
|
if (useNative === "always") return true;
|
||||||
if (useNative === "not-focused") return !document.hasFocus();
|
if (useNative === "not-focused") return !document.hasFocus();
|
||||||
@ -93,8 +84,6 @@ export async function requestPermission() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export async function showNotification(data: NotificationData) {
|
export async function showNotification(data: NotificationData) {
|
||||||
persistNotification(data);
|
|
||||||
|
|
||||||
if (shouldBeNative() && await requestPermission()) {
|
if (shouldBeNative() && await requestPermission()) {
|
||||||
const { title, body, icon, image, onClick = null, onClose = null } = data;
|
const { title, body, icon, image, onClick = null, onClose = null } = data;
|
||||||
const n = new Notification(title, {
|
const n = new Notification(title, {
|
||||||
|
@ -1,203 +0,0 @@
|
|||||||
/*
|
|
||||||
* Vencord, a modification for Discord's desktop app
|
|
||||||
* Copyright (c) 2023 Vendicated and contributors
|
|
||||||
*
|
|
||||||
* This program is free software: you can redistribute it and/or modify
|
|
||||||
* it under the terms of the GNU General Public License as published by
|
|
||||||
* the Free Software Foundation, either version 3 of the License, or
|
|
||||||
* (at your option) any later version.
|
|
||||||
*
|
|
||||||
* This program is distributed in the hope that it will be useful,
|
|
||||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
||||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
||||||
* GNU General Public License for more details.
|
|
||||||
*
|
|
||||||
* You should have received a copy of the GNU General Public License
|
|
||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
||||||
*/
|
|
||||||
|
|
||||||
import * as DataStore from "@api/DataStore";
|
|
||||||
import { Settings } from "@api/Settings";
|
|
||||||
import { classNameFactory } from "@api/Styles";
|
|
||||||
import { closeModal, ModalCloseButton, ModalContent, ModalFooter, ModalHeader, ModalProps, ModalRoot, ModalSize, openModal } from "@utils/modal";
|
|
||||||
import { useAwaiter } from "@utils/react";
|
|
||||||
import { Alerts, Button, Forms, moment, React, Text, Timestamp, useEffect, useReducer, useState } from "@webpack/common";
|
|
||||||
import { nanoid } from "nanoid";
|
|
||||||
import type { DispatchWithoutAction } from "react";
|
|
||||||
|
|
||||||
import NotificationComponent from "./NotificationComponent";
|
|
||||||
import type { NotificationData } from "./Notifications";
|
|
||||||
|
|
||||||
interface PersistentNotificationData extends Pick<NotificationData, "title" | "body" | "image" | "icon" | "color"> {
|
|
||||||
timestamp: number;
|
|
||||||
id: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
const KEY = "notification-log";
|
|
||||||
|
|
||||||
const getLog = async () => {
|
|
||||||
const log = await DataStore.get(KEY) as PersistentNotificationData[] | undefined;
|
|
||||||
return log ?? [];
|
|
||||||
};
|
|
||||||
|
|
||||||
const cl = classNameFactory("vc-notification-log-");
|
|
||||||
const signals = new Set<DispatchWithoutAction>();
|
|
||||||
|
|
||||||
export async function persistNotification(notification: NotificationData) {
|
|
||||||
if (notification.noPersist) return;
|
|
||||||
|
|
||||||
const limit = Settings.notifications.logLimit;
|
|
||||||
if (limit === 0) return;
|
|
||||||
|
|
||||||
await DataStore.update(KEY, (old: PersistentNotificationData[] | undefined) => {
|
|
||||||
const log = old ?? [];
|
|
||||||
|
|
||||||
// Omit stuff we don't need
|
|
||||||
const {
|
|
||||||
onClick, onClose, richBody, permanent, noPersist, dismissOnClick,
|
|
||||||
...pureNotification
|
|
||||||
} = notification;
|
|
||||||
|
|
||||||
log.unshift({
|
|
||||||
...pureNotification,
|
|
||||||
timestamp: Date.now(),
|
|
||||||
id: nanoid()
|
|
||||||
});
|
|
||||||
|
|
||||||
if (log.length > limit && limit !== 200)
|
|
||||||
log.length = limit;
|
|
||||||
|
|
||||||
return log;
|
|
||||||
});
|
|
||||||
|
|
||||||
signals.forEach(x => x());
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function deleteNotification(timestamp: number) {
|
|
||||||
const log = await getLog();
|
|
||||||
const index = log.findIndex(x => x.timestamp === timestamp);
|
|
||||||
if (index === -1) return;
|
|
||||||
|
|
||||||
log.splice(index, 1);
|
|
||||||
await DataStore.set(KEY, log);
|
|
||||||
signals.forEach(x => x());
|
|
||||||
}
|
|
||||||
|
|
||||||
export function useLogs() {
|
|
||||||
const [signal, setSignal] = useReducer(x => x + 1, 0);
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
signals.add(setSignal);
|
|
||||||
return () => void signals.delete(setSignal);
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
const [log, _, pending] = useAwaiter(getLog, {
|
|
||||||
fallbackValue: [],
|
|
||||||
deps: [signal]
|
|
||||||
});
|
|
||||||
|
|
||||||
return [log, pending] as const;
|
|
||||||
}
|
|
||||||
|
|
||||||
function NotificationEntry({ data }: { data: PersistentNotificationData; }) {
|
|
||||||
const [removing, setRemoving] = useState(false);
|
|
||||||
const ref = React.useRef<HTMLDivElement>(null);
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
const div = ref.current!;
|
|
||||||
|
|
||||||
const setHeight = () => {
|
|
||||||
if (div.clientHeight === 0) return requestAnimationFrame(setHeight);
|
|
||||||
div.style.height = `${div.clientHeight}px`;
|
|
||||||
};
|
|
||||||
|
|
||||||
setHeight();
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className={cl("wrapper", { removing })} ref={ref}>
|
|
||||||
<NotificationComponent
|
|
||||||
{...data}
|
|
||||||
permanent={true}
|
|
||||||
dismissOnClick={false}
|
|
||||||
onClose={() => {
|
|
||||||
if (removing) return;
|
|
||||||
setRemoving(true);
|
|
||||||
|
|
||||||
setTimeout(() => deleteNotification(data.timestamp), 200);
|
|
||||||
}}
|
|
||||||
richBody={
|
|
||||||
<div className={cl("body")}>
|
|
||||||
{data.body}
|
|
||||||
<Timestamp timestamp={moment(data.timestamp)} className={cl("timestamp")} />
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function NotificationLog({ log, pending }: { log: PersistentNotificationData[], pending: boolean; }) {
|
|
||||||
if (!log.length && !pending)
|
|
||||||
return (
|
|
||||||
<div className={cl("container")}>
|
|
||||||
<div className={cl("empty")} />
|
|
||||||
<Forms.FormText style={{ textAlign: "center" }}>
|
|
||||||
No notifications yet
|
|
||||||
</Forms.FormText>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div className={cl("container")}>
|
|
||||||
{log.map(n => <NotificationEntry data={n} key={n.id} />)}
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
function LogModal({ modalProps, close }: { modalProps: ModalProps; close(): void; }) {
|
|
||||||
const [log, pending] = useLogs();
|
|
||||||
|
|
||||||
return (
|
|
||||||
<ModalRoot {...modalProps} size={ModalSize.LARGE}>
|
|
||||||
<ModalHeader>
|
|
||||||
<Text variant="heading-lg/semibold" style={{ flexGrow: 1 }}>Notification Log</Text>
|
|
||||||
<ModalCloseButton onClick={close} />
|
|
||||||
</ModalHeader>
|
|
||||||
|
|
||||||
<ModalContent>
|
|
||||||
<NotificationLog log={log} pending={pending} />
|
|
||||||
</ModalContent>
|
|
||||||
|
|
||||||
<ModalFooter>
|
|
||||||
<Button
|
|
||||||
disabled={log.length === 0}
|
|
||||||
onClick={() => {
|
|
||||||
Alerts.show({
|
|
||||||
title: "Are you sure?",
|
|
||||||
body: `This will permanently remove ${log.length} notification${log.length === 1 ? "" : "s"}. This action cannot be undone.`,
|
|
||||||
async onConfirm() {
|
|
||||||
await DataStore.set(KEY, []);
|
|
||||||
signals.forEach(x => x());
|
|
||||||
},
|
|
||||||
confirmText: "Do it!",
|
|
||||||
confirmColor: "vc-notification-log-danger-btn",
|
|
||||||
cancelText: "Nevermind"
|
|
||||||
});
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
Clear Notification Log
|
|
||||||
</Button>
|
|
||||||
</ModalFooter>
|
|
||||||
</ModalRoot>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function openNotificationLogModal() {
|
|
||||||
const key = openModal(modalProps => (
|
|
||||||
<LogModal
|
|
||||||
modalProps={modalProps}
|
|
||||||
close={() => closeModal(key)}
|
|
||||||
/>
|
|
||||||
));
|
|
||||||
}
|
|
@ -3,20 +3,16 @@
|
|||||||
all: unset;
|
all: unset;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
width: 25vw;
|
||||||
|
min-height: 10vh;
|
||||||
color: var(--text-normal);
|
color: var(--text-normal);
|
||||||
background-color: var(--background-secondary-alt);
|
background-color: var(--background-secondary-alt);
|
||||||
border-radius: 6px;
|
|
||||||
overflow: hidden;
|
|
||||||
cursor: pointer;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-notification-root:not(.vc-notification-log-wrapper > .vc-notification-root) {
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 2147483647;
|
z-index: 2147483647;
|
||||||
right: 1rem;
|
right: 1rem;
|
||||||
width: 25vw;
|
border-radius: 6px;
|
||||||
min-height: 10vh;
|
overflow: hidden;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.vc-notification {
|
.vc-notification {
|
||||||
@ -26,42 +22,17 @@
|
|||||||
gap: 1.25rem;
|
gap: 1.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.vc-notification-content {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-notification-header {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-notification-title {
|
|
||||||
color: var(--header-primary);
|
|
||||||
font-size: 1rem;
|
|
||||||
font-weight: 600;
|
|
||||||
line-height: 1.25rem;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-notification-close-btn {
|
|
||||||
all: unset;
|
|
||||||
cursor: pointer;
|
|
||||||
color: var(--interactive-normal);
|
|
||||||
opacity: 0.5;
|
|
||||||
transition: opacity 0.2s ease-in-out, color 0.2s ease-in-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-notification-close-btn:hover {
|
|
||||||
color: var(--interactive-hover);
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-notification-icon {
|
.vc-notification-icon {
|
||||||
height: 4rem;
|
height: 4rem;
|
||||||
width: 4rem;
|
width: 4rem;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Discord adding 3km margin to generic tags */
|
||||||
|
.vc-notification h2 {
|
||||||
|
margin: unset;
|
||||||
|
}
|
||||||
|
|
||||||
.vc-notification-progressbar {
|
.vc-notification-progressbar {
|
||||||
height: 0.25rem;
|
height: 0.25rem;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
@ -76,47 +47,3 @@
|
|||||||
.vc-notification-img {
|
.vc-notification-img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.vc-notification-log-empty {
|
|
||||||
height: 218px;
|
|
||||||
background: url("/assets/b36de980b174d7b798c89f35c116e5c6.svg") center no-repeat;
|
|
||||||
margin-bottom: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-notification-log-container {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
padding: 1em;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-notification-log-wrapper {
|
|
||||||
transition: 200ms ease;
|
|
||||||
transition-property: height, opacity;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-notification-log-wrapper:not(:last-child) {
|
|
||||||
margin-bottom: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-notification-log-removing {
|
|
||||||
height: 0 !important;
|
|
||||||
opacity: 0;
|
|
||||||
margin-bottom: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-notification-log-body {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-notification-log-timestamp {
|
|
||||||
margin-left: auto;
|
|
||||||
font-size: 0.8em;
|
|
||||||
font-weight: lighter;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-notification-log-danger-btn {
|
|
||||||
color: var(--white-500);
|
|
||||||
background-color: var(--button-danger-background);
|
|
||||||
}
|
|
||||||
|
@ -16,11 +16,11 @@
|
|||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import { Logger } from "@utils/Logger";
|
import Logger from "@utils/Logger";
|
||||||
|
|
||||||
const logger = new Logger("ServerListAPI");
|
const logger = new Logger("ServerListAPI");
|
||||||
|
|
||||||
export const enum ServerListRenderPosition {
|
export enum ServerListRenderPosition {
|
||||||
Above,
|
Above,
|
||||||
In,
|
In,
|
||||||
}
|
}
|
||||||
|
@ -141,7 +141,7 @@ export const compileStyle = (style: Style) => {
|
|||||||
*/
|
*/
|
||||||
export const classNameToSelector = (name: string, prefix = "") => name.split(" ").map(n => `.${prefix}${n}`).join("");
|
export const classNameToSelector = (name: string, prefix = "") => name.split(" ").map(n => `.${prefix}${n}`).join("");
|
||||||
|
|
||||||
type ClassNameFactoryArg = string | string[] | Record<string, unknown> | false | null | undefined | 0 | "";
|
type ClassNameFactoryArg = string | string[] | Record<string, unknown>;
|
||||||
/**
|
/**
|
||||||
* @param prefix The prefix to add to each class, defaults to `""`
|
* @param prefix The prefix to add to each class, defaults to `""`
|
||||||
* @returns A classname generator function
|
* @returns A classname generator function
|
||||||
@ -154,9 +154,9 @@ type ClassNameFactoryArg = string | string[] | Record<string, unknown> | false |
|
|||||||
export const classNameFactory = (prefix: string = "") => (...args: ClassNameFactoryArg[]) => {
|
export const classNameFactory = (prefix: string = "") => (...args: ClassNameFactoryArg[]) => {
|
||||||
const classNames = new Set<string>();
|
const classNames = new Set<string>();
|
||||||
for (const arg of args) {
|
for (const arg of args) {
|
||||||
if (arg && typeof arg === "string") classNames.add(arg);
|
if (typeof arg === "string") classNames.add(arg);
|
||||||
else if (Array.isArray(arg)) arg.forEach(name => classNames.add(name));
|
else if (Array.isArray(arg)) arg.forEach(name => classNames.add(name));
|
||||||
else if (arg && typeof arg === "object") Object.entries(arg).forEach(([name, value]) => value && classNames.add(name));
|
else if (typeof arg === "object") Object.entries(arg).forEach(([name, value]) => value && classNames.add(name));
|
||||||
}
|
}
|
||||||
return Array.from(classNames, name => prefix + name).join(" ");
|
return Array.from(classNames, name => prefix + name).join(" ");
|
||||||
};
|
};
|
||||||
|
@ -18,7 +18,6 @@
|
|||||||
|
|
||||||
import * as $Badges from "./Badges";
|
import * as $Badges from "./Badges";
|
||||||
import * as $Commands from "./Commands";
|
import * as $Commands from "./Commands";
|
||||||
import * as $ContextMenu from "./ContextMenu";
|
|
||||||
import * as $DataStore from "./DataStore";
|
import * as $DataStore from "./DataStore";
|
||||||
import * as $MemberListDecorators from "./MemberListDecorators";
|
import * as $MemberListDecorators from "./MemberListDecorators";
|
||||||
import * as $MessageAccessories from "./MessageAccessories";
|
import * as $MessageAccessories from "./MessageAccessories";
|
||||||
@ -28,7 +27,6 @@ import * as $MessagePopover from "./MessagePopover";
|
|||||||
import * as $Notices from "./Notices";
|
import * as $Notices from "./Notices";
|
||||||
import * as $Notifications from "./Notifications";
|
import * as $Notifications from "./Notifications";
|
||||||
import * as $ServerList from "./ServerList";
|
import * as $ServerList from "./ServerList";
|
||||||
import * as $Settings from "./Settings";
|
|
||||||
import * as $Styles from "./Styles";
|
import * as $Styles from "./Styles";
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -86,10 +84,6 @@ export const MessageDecorations = $MessageDecorations;
|
|||||||
* An API allowing you to add components to member list users, in both DM's and servers
|
* An API allowing you to add components to member list users, in both DM's and servers
|
||||||
*/
|
*/
|
||||||
export const MemberListDecorators = $MemberListDecorators;
|
export const MemberListDecorators = $MemberListDecorators;
|
||||||
/**
|
|
||||||
* An API allowing you to persist data
|
|
||||||
*/
|
|
||||||
export const Settings = $Settings;
|
|
||||||
/**
|
/**
|
||||||
* An API allowing you to dynamically load styles
|
* An API allowing you to dynamically load styles
|
||||||
* a
|
* a
|
||||||
@ -99,8 +93,3 @@ export const Styles = $Styles;
|
|||||||
* An API allowing you to display notifications
|
* An API allowing you to display notifications
|
||||||
*/
|
*/
|
||||||
export const Notifications = $Notifications;
|
export const Notifications = $Notifications;
|
||||||
|
|
||||||
/**
|
|
||||||
* An api allowing you to patch and add/remove items to/from context menus
|
|
||||||
*/
|
|
||||||
export const ContextMenu = $ContextMenu;
|
|
||||||
|
@ -16,11 +16,9 @@
|
|||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import { debounce } from "@utils/debounce";
|
import IpcEvents from "@utils/IpcEvents";
|
||||||
import { localStorage } from "@utils/localStorage";
|
import Logger from "@utils/Logger";
|
||||||
import { Logger } from "@utils/Logger";
|
|
||||||
import { mergeDefaults } from "@utils/misc";
|
import { mergeDefaults } from "@utils/misc";
|
||||||
import { putCloudSettings } from "@utils/settingsSync";
|
|
||||||
import { DefinedSettings, OptionType, SettingsChecks, SettingsDefinition } from "@utils/types";
|
import { DefinedSettings, OptionType, SettingsChecks, SettingsDefinition } from "@utils/types";
|
||||||
import { React } from "@webpack/common";
|
import { React } from "@webpack/common";
|
||||||
|
|
||||||
@ -30,17 +28,12 @@ const logger = new Logger("Settings");
|
|||||||
export interface Settings {
|
export interface Settings {
|
||||||
notifyAboutUpdates: boolean;
|
notifyAboutUpdates: boolean;
|
||||||
autoUpdate: boolean;
|
autoUpdate: boolean;
|
||||||
autoUpdateNotification: boolean,
|
|
||||||
useQuickCss: boolean;
|
useQuickCss: boolean;
|
||||||
enableReactDevtools: boolean;
|
enableReactDevtools: boolean;
|
||||||
themeLinks: string[];
|
themeLinks: string[];
|
||||||
enabledThemes: string[];
|
|
||||||
frameless: boolean;
|
frameless: boolean;
|
||||||
transparent: boolean;
|
transparent: boolean;
|
||||||
winCtrlQ: boolean;
|
winCtrlQ: boolean;
|
||||||
macosTranslucency: boolean;
|
|
||||||
disableMinSize: boolean;
|
|
||||||
winNativeTitleBar: boolean;
|
|
||||||
plugins: {
|
plugins: {
|
||||||
[plugin: string]: {
|
[plugin: string]: {
|
||||||
enabled: boolean;
|
enabled: boolean;
|
||||||
@ -52,64 +45,36 @@ export interface Settings {
|
|||||||
timeout: number;
|
timeout: number;
|
||||||
position: "top-right" | "bottom-right";
|
position: "top-right" | "bottom-right";
|
||||||
useNative: "always" | "never" | "not-focused";
|
useNative: "always" | "never" | "not-focused";
|
||||||
logLimit: number;
|
|
||||||
};
|
|
||||||
|
|
||||||
cloud: {
|
|
||||||
authenticated: boolean;
|
|
||||||
url: string;
|
|
||||||
settingsSync: boolean;
|
|
||||||
settingsSyncVersion: number;
|
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
const DefaultSettings: Settings = {
|
const DefaultSettings: Settings = {
|
||||||
notifyAboutUpdates: true,
|
notifyAboutUpdates: true,
|
||||||
autoUpdate: false,
|
autoUpdate: false,
|
||||||
autoUpdateNotification: true,
|
|
||||||
useQuickCss: true,
|
useQuickCss: true,
|
||||||
themeLinks: [],
|
themeLinks: [],
|
||||||
enabledThemes: [],
|
|
||||||
enableReactDevtools: false,
|
enableReactDevtools: false,
|
||||||
frameless: false,
|
frameless: false,
|
||||||
transparent: false,
|
transparent: false,
|
||||||
winCtrlQ: false,
|
winCtrlQ: false,
|
||||||
macosTranslucency: false,
|
|
||||||
disableMinSize: false,
|
|
||||||
winNativeTitleBar: false,
|
|
||||||
plugins: {},
|
plugins: {},
|
||||||
|
|
||||||
notifications: {
|
notifications: {
|
||||||
timeout: 5000,
|
timeout: 5000,
|
||||||
position: "bottom-right",
|
position: "bottom-right",
|
||||||
useNative: "not-focused",
|
useNative: "not-focused"
|
||||||
logLimit: 50
|
|
||||||
},
|
|
||||||
|
|
||||||
cloud: {
|
|
||||||
authenticated: false,
|
|
||||||
url: "https://api.vencord.dev/",
|
|
||||||
settingsSync: false,
|
|
||||||
settingsSyncVersion: 0
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
try {
|
try {
|
||||||
var settings = JSON.parse(VencordNative.settings.get()) as Settings;
|
var settings = JSON.parse(VencordNative.ipc.sendSync(IpcEvents.GET_SETTINGS)) as Settings;
|
||||||
mergeDefaults(settings, DefaultSettings);
|
mergeDefaults(settings, DefaultSettings);
|
||||||
} catch (err) {
|
} catch (err) {
|
||||||
var settings = mergeDefaults({} as Settings, DefaultSettings);
|
var settings = mergeDefaults({} as Settings, DefaultSettings);
|
||||||
logger.error("An error occurred while loading the settings. Corrupt settings file?\n", err);
|
logger.error("An error occurred while loading the settings. Corrupt settings file?\n", err);
|
||||||
}
|
}
|
||||||
|
|
||||||
const saveSettingsOnFrequentAction = debounce(async () => {
|
type SubscriptionCallback = ((newValue: any, path: string) => void) & { _path?: string; };
|
||||||
if (Settings.cloud.settingsSync && Settings.cloud.authenticated) {
|
|
||||||
await putCloudSettings();
|
|
||||||
delete localStorage.Vencord_settingsDirty;
|
|
||||||
}
|
|
||||||
}, 60_000);
|
|
||||||
|
|
||||||
type SubscriptionCallback = ((newValue: any, path: string) => void) & { _paths?: Array<string>; };
|
|
||||||
const subscriptions = new Set<SubscriptionCallback>();
|
const subscriptions = new Set<SubscriptionCallback>();
|
||||||
|
|
||||||
const proxyCache = {} as Record<string, any>;
|
const proxyCache = {} as Record<string, any>;
|
||||||
@ -125,7 +90,7 @@ function makeProxy(settings: any, root = settings, path = ""): Settings {
|
|||||||
// Return empty for plugins with no settings
|
// Return empty for plugins with no settings
|
||||||
if (path === "plugins" && p in plugins)
|
if (path === "plugins" && p in plugins)
|
||||||
return target[p] = makeProxy({
|
return target[p] = makeProxy({
|
||||||
enabled: plugins[p].required ?? plugins[p].enabledByDefault ?? false
|
enabled: plugins[p].required ?? false
|
||||||
}, root, `plugins.${p}`);
|
}, root, `plugins.${p}`);
|
||||||
|
|
||||||
// Since the property is not set, check if this is a plugin's setting and if so, try to resolve
|
// Since the property is not set, check if this is a plugin's setting and if so, try to resolve
|
||||||
@ -164,17 +129,13 @@ function makeProxy(settings: any, root = settings, path = ""): Settings {
|
|||||||
target[p] = v;
|
target[p] = v;
|
||||||
// Call any listeners that are listening to a setting of this path
|
// Call any listeners that are listening to a setting of this path
|
||||||
const setPath = `${path}${path && "."}${p}`;
|
const setPath = `${path}${path && "."}${p}`;
|
||||||
delete proxyCache[setPath];
|
|
||||||
for (const subscription of subscriptions) {
|
for (const subscription of subscriptions) {
|
||||||
if (!subscription._paths || subscription._paths.includes(setPath)) {
|
if (!subscription._path || subscription._path === setPath) {
|
||||||
subscription(v, setPath);
|
subscription(v, setPath);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// And don't forget to persist the settings!
|
// And don't forget to persist the settings!
|
||||||
PlainSettings.cloud.settingsSyncVersion = Date.now();
|
VencordNative.ipc.invoke(IpcEvents.SET_SETTINGS, JSON.stringify(root, null, 4));
|
||||||
localStorage.Vencord_settingsDirty = true;
|
|
||||||
saveSettingsOnFrequentAction();
|
|
||||||
VencordNative.settings.set(JSON.stringify(root, null, 4));
|
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
@ -204,11 +165,11 @@ export const Settings = makeProxy(settings);
|
|||||||
* @returns Settings
|
* @returns Settings
|
||||||
*/
|
*/
|
||||||
// TODO: Representing paths as essentially "string[].join('.')" wont allow dots in paths, change to "paths?: string[][]" later
|
// TODO: Representing paths as essentially "string[].join('.')" wont allow dots in paths, change to "paths?: string[][]" later
|
||||||
export function useSettings(paths?: UseSettings<Settings>[]) {
|
export function useSettings(paths?: string[]) {
|
||||||
const [, forceUpdate] = React.useReducer(() => ({}), {});
|
const [, forceUpdate] = React.useReducer(() => ({}), {});
|
||||||
|
|
||||||
const onUpdate: SubscriptionCallback = paths
|
const onUpdate: SubscriptionCallback = paths
|
||||||
? (value, path) => paths.includes(path as UseSettings<Settings>) && forceUpdate()
|
? (value, path) => paths.includes(path) && forceUpdate()
|
||||||
: forceUpdate;
|
: forceUpdate;
|
||||||
|
|
||||||
React.useEffect(() => {
|
React.useEffect(() => {
|
||||||
@ -237,8 +198,7 @@ type ResolvePropDeep<T, P> = P extends "" ? T :
|
|||||||
export function addSettingsListener<Path extends keyof Settings>(path: Path, onUpdate: (newValue: Settings[Path], path: Path) => void): void;
|
export function addSettingsListener<Path extends keyof Settings>(path: Path, onUpdate: (newValue: Settings[Path], path: Path) => void): void;
|
||||||
export function addSettingsListener<Path extends string>(path: Path, onUpdate: (newValue: Path extends "" ? any : ResolvePropDeep<Settings, Path>, path: Path extends "" ? string : Path) => void): void;
|
export function addSettingsListener<Path extends string>(path: Path, onUpdate: (newValue: Path extends "" ? any : ResolvePropDeep<Settings, Path>, path: Path extends "" ? string : Path) => void): void;
|
||||||
export function addSettingsListener(path: string, onUpdate: (newValue: any, path: string) => void) {
|
export function addSettingsListener(path: string, onUpdate: (newValue: any, path: string) => void) {
|
||||||
if (path)
|
(onUpdate as SubscriptionCallback)._path = path;
|
||||||
((onUpdate as SubscriptionCallback)._paths ??= []).push(path);
|
|
||||||
subscriptions.add(onUpdate);
|
subscriptions.add(onUpdate);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -251,45 +211,27 @@ export function migratePluginSettings(name: string, ...oldNames: string[]) {
|
|||||||
logger.info(`Migrating settings from old name ${oldName} to ${name}`);
|
logger.info(`Migrating settings from old name ${oldName} to ${name}`);
|
||||||
plugins[name] = plugins[oldName];
|
plugins[name] = plugins[oldName];
|
||||||
delete plugins[oldName];
|
delete plugins[oldName];
|
||||||
VencordNative.settings.set(JSON.stringify(settings, null, 4));
|
VencordNative.ipc.invoke(
|
||||||
|
IpcEvents.SET_SETTINGS,
|
||||||
|
JSON.stringify(settings, null, 4)
|
||||||
|
);
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
export function definePluginSettings<
|
export function definePluginSettings<D extends SettingsDefinition, C extends SettingsChecks<D>>(def: D, checks?: C) {
|
||||||
Def extends SettingsDefinition,
|
const definedSettings: DefinedSettings<D> = {
|
||||||
Checks extends SettingsChecks<Def>,
|
|
||||||
PrivateSettings extends object = {}
|
|
||||||
>(def: Def, checks?: Checks) {
|
|
||||||
const definedSettings: DefinedSettings<Def, Checks, PrivateSettings> = {
|
|
||||||
get store() {
|
get store() {
|
||||||
if (!definedSettings.pluginName) throw new Error("Cannot access settings before plugin is initialized");
|
if (!definedSettings.pluginName) throw new Error("Cannot access settings before plugin is initialized");
|
||||||
return Settings.plugins[definedSettings.pluginName] as any;
|
return Settings.plugins[definedSettings.pluginName] as any;
|
||||||
},
|
},
|
||||||
use: settings => useSettings(
|
use: settings => useSettings(
|
||||||
settings?.map(name => `plugins.${definedSettings.pluginName}.${name}`) as UseSettings<Settings>[]
|
settings?.map(name => `plugins.${definedSettings.pluginName}.${name}`)
|
||||||
).plugins[definedSettings.pluginName] as any,
|
).plugins[definedSettings.pluginName] as any,
|
||||||
def,
|
def,
|
||||||
checks: checks ?? {} as any,
|
checks: checks ?? {},
|
||||||
pluginName: "",
|
pluginName: "",
|
||||||
|
|
||||||
withPrivateSettings<T extends object>() {
|
|
||||||
return this as DefinedSettings<Def, Checks, T>;
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
return definedSettings;
|
return definedSettings;
|
||||||
}
|
}
|
||||||
|
|
||||||
type UseSettings<T extends object> = ResolveUseSettings<T>[keyof T];
|
|
||||||
|
|
||||||
type ResolveUseSettings<T extends object> = {
|
|
||||||
[Key in keyof T]:
|
|
||||||
Key extends string
|
|
||||||
? T[Key] extends Record<string, unknown>
|
|
||||||
// @ts-ignore "Type instantiation is excessively deep and possibly infinite"
|
|
||||||
? UseSettings<T[Key]> extends string ? `${Key}.${UseSettings<T[Key]>}` : never
|
|
||||||
: Key
|
|
||||||
: never;
|
|
||||||
};
|
|
@ -1,21 +0,0 @@
|
|||||||
/*
|
|
||||||
* Vencord, a Discord client mod
|
|
||||||
* Copyright (c) 2023 Vendicated and contributors
|
|
||||||
* SPDX-License-Identifier: GPL-3.0-or-later
|
|
||||||
*/
|
|
||||||
|
|
||||||
import { findByPropsLazy } from "@webpack";
|
|
||||||
import { Parser } from "@webpack/common";
|
|
||||||
|
|
||||||
const CodeContainerClasses = findByPropsLazy("markup", "codeContainer");
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Renders code in a Discord codeblock
|
|
||||||
*/
|
|
||||||
export function CodeBlock(props: { content?: string, lang: string; }) {
|
|
||||||
return (
|
|
||||||
<div className={CodeContainerClasses.markup}>
|
|
||||||
{Parser.defaultRules.codeBlock.react(props, null, {})}
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
@ -16,6 +16,7 @@
|
|||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
import IpcEvents from "@utils/IpcEvents";
|
||||||
import { Button } from "@webpack/common";
|
import { Button } from "@webpack/common";
|
||||||
|
|
||||||
import { Heart } from "./Heart";
|
import { Heart } from "./Heart";
|
||||||
@ -26,7 +27,9 @@ export default function DonateButton(props: any) {
|
|||||||
{...props}
|
{...props}
|
||||||
look={Button.Looks.LINK}
|
look={Button.Looks.LINK}
|
||||||
color={Button.Colors.TRANSPARENT}
|
color={Button.Colors.TRANSPARENT}
|
||||||
onClick={() => VencordNative.native.openExternal("https://github.com/sponsors/Vendicated")}
|
onClick={() =>
|
||||||
|
VencordNative.ipc.invoke(IpcEvents.OPEN_EXTERNAL, "https://github.com/sponsors/Vendicated")
|
||||||
|
}
|
||||||
>
|
>
|
||||||
<Heart />
|
<Heart />
|
||||||
Donate
|
Donate
|
||||||
|
@ -16,25 +16,21 @@
|
|||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import { Logger } from "@utils/Logger";
|
import Logger from "@utils/Logger";
|
||||||
import { Margins } from "@utils/margins";
|
import { LazyComponent } from "@utils/misc";
|
||||||
import { LazyComponent } from "@utils/react";
|
import { Margins, React } from "@webpack/common";
|
||||||
import { React } from "@webpack/common";
|
|
||||||
|
|
||||||
import { ErrorCard } from "./ErrorCard";
|
import { ErrorCard } from "./ErrorCard";
|
||||||
|
|
||||||
interface Props<T = any> {
|
interface Props {
|
||||||
/** Render nothing if an error occurs */
|
/** Render nothing if an error occurs */
|
||||||
noop?: boolean;
|
noop?: boolean;
|
||||||
/** Fallback component to render if an error occurs */
|
/** Fallback component to render if an error occurs */
|
||||||
fallback?: React.ComponentType<React.PropsWithChildren<{ error: any; message: string; stack: string; }>>;
|
fallback?: React.ComponentType<React.PropsWithChildren<{ error: any; message: string; stack: string; }>>;
|
||||||
/** called when an error occurs. The props property is only available if using .wrap */
|
/** called when an error occurs */
|
||||||
onError?(data: { error: Error, errorInfo: React.ErrorInfo, props: T; }): void;
|
onError?(error: Error, errorInfo: React.ErrorInfo): void;
|
||||||
/** Custom error message */
|
/** Custom error message */
|
||||||
message?: string;
|
message?: string;
|
||||||
|
|
||||||
/** The props passed to the wrapped component. Only used by wrap */
|
|
||||||
wrappedProps?: T;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const color = "#e78284";
|
const color = "#e78284";
|
||||||
@ -69,7 +65,7 @@ const ErrorBoundary = LazyComponent(() => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {
|
componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {
|
||||||
this.props.onError?.({ error, errorInfo, props: this.props.wrappedProps });
|
this.props.onError?.(error, errorInfo);
|
||||||
logger.error("A component threw an Error\n", error);
|
logger.error("A component threw an Error\n", error);
|
||||||
logger.error("Component Stack", errorInfo.componentStack);
|
logger.error("Component Stack", errorInfo.componentStack);
|
||||||
}
|
}
|
||||||
@ -88,13 +84,15 @@ const ErrorBoundary = LazyComponent(() => {
|
|||||||
const msg = this.props.message || "An error occurred while rendering this Component. More info can be found below and in your console.";
|
const msg = this.props.message || "An error occurred while rendering this Component. More info can be found below and in your console.";
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ErrorCard style={{ overflow: "hidden" }}>
|
<ErrorCard style={{
|
||||||
|
overflow: "hidden",
|
||||||
|
}}>
|
||||||
<h1>Oh no!</h1>
|
<h1>Oh no!</h1>
|
||||||
<p>{msg}</p>
|
<p>{msg}</p>
|
||||||
<code>
|
<code>
|
||||||
{this.state.message}
|
{this.state.message}
|
||||||
{!!this.state.stack && (
|
{!!this.state.stack && (
|
||||||
<pre className={Margins.top8}>
|
<pre className={Margins.marginTop8}>
|
||||||
{this.state.stack}
|
{this.state.stack}
|
||||||
</pre>
|
</pre>
|
||||||
)}
|
)}
|
||||||
@ -105,11 +103,11 @@ const ErrorBoundary = LazyComponent(() => {
|
|||||||
};
|
};
|
||||||
}) as
|
}) as
|
||||||
React.ComponentType<React.PropsWithChildren<Props>> & {
|
React.ComponentType<React.PropsWithChildren<Props>> & {
|
||||||
wrap<T extends object = any>(Component: React.ComponentType<T>, errorBoundaryProps?: Omit<Props<T>, "wrappedProps">): React.FunctionComponent<T>;
|
wrap<T extends object = any>(Component: React.ComponentType<T>, errorBoundaryProps?: Props): React.ComponentType<T>;
|
||||||
};
|
};
|
||||||
|
|
||||||
ErrorBoundary.wrap = (Component, errorBoundaryProps) => props => (
|
ErrorBoundary.wrap = (Component, errorBoundaryProps) => props => (
|
||||||
<ErrorBoundary {...errorBoundaryProps} wrappedProps={props}>
|
<ErrorBoundary {...errorBoundaryProps}>
|
||||||
<Component {...props} />
|
<Component {...props} />
|
||||||
</ErrorBoundary>
|
</ErrorBoundary>
|
||||||
);
|
);
|
||||||
|
@ -1,7 +0,0 @@
|
|||||||
.vc-error-card {
|
|
||||||
padding: 2em;
|
|
||||||
background-color: #e7828430;
|
|
||||||
border: 1px solid #e78284;
|
|
||||||
border-radius: 5px;
|
|
||||||
color: var(--text-normal, white);
|
|
||||||
}
|
|
@ -16,15 +16,24 @@
|
|||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import "./ErrorCard.css";
|
import { Card } from "@webpack/common";
|
||||||
|
|
||||||
import { classes } from "@utils/misc";
|
interface Props {
|
||||||
import type { HTMLProps } from "react";
|
style?: React.CSSProperties;
|
||||||
|
className?: string;
|
||||||
export function ErrorCard(props: React.PropsWithChildren<HTMLProps<HTMLDivElement>>) {
|
}
|
||||||
|
export function ErrorCard(props: React.PropsWithChildren<Props>) {
|
||||||
return (
|
return (
|
||||||
<div {...props} className={classes(props.className, "vc-error-card")}>
|
<Card className={props.className} style={
|
||||||
|
{
|
||||||
|
padding: "2em",
|
||||||
|
backgroundColor: "#e7828430",
|
||||||
|
borderColor: "#e78284",
|
||||||
|
color: "var(--text-normal)",
|
||||||
|
...props.style
|
||||||
|
}
|
||||||
|
}>
|
||||||
{props.children}
|
{props.children}
|
||||||
</div>
|
</Card>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
@ -1,12 +0,0 @@
|
|||||||
.vc-expandableheader-center-flex {
|
|
||||||
display: flex;
|
|
||||||
justify-items: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-expandableheader-btn {
|
|
||||||
all: unset;
|
|
||||||
cursor: pointer;
|
|
||||||
width: 24px;
|
|
||||||
height: 24px;
|
|
||||||
}
|
|
@ -1,108 +0,0 @@
|
|||||||
/*
|
|
||||||
* Vencord, a modification for Discord's desktop app
|
|
||||||
* Copyright (c) 2023 Vendicated and contributors
|
|
||||||
*
|
|
||||||
* This program is free software: you can redistribute it and/or modify
|
|
||||||
* it under the terms of the GNU General Public License as published by
|
|
||||||
* the Free Software Foundation, either version 3 of the License, or
|
|
||||||
* (at your option) any later version.
|
|
||||||
*
|
|
||||||
* This program is distributed in the hope that it will be useful,
|
|
||||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
||||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
||||||
* GNU General Public License for more details.
|
|
||||||
*
|
|
||||||
* You should have received a copy of the GNU General Public License
|
|
||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
||||||
*/
|
|
||||||
|
|
||||||
import { classNameFactory } from "@api/Styles";
|
|
||||||
import { Text, Tooltip, useState } from "@webpack/common";
|
|
||||||
export const cl = classNameFactory("vc-expandableheader-");
|
|
||||||
import "./ExpandableHeader.css";
|
|
||||||
|
|
||||||
export interface ExpandableHeaderProps {
|
|
||||||
onMoreClick?: () => void;
|
|
||||||
moreTooltipText?: string;
|
|
||||||
onDropDownClick?: (state: boolean) => void;
|
|
||||||
defaultState?: boolean;
|
|
||||||
headerText: string;
|
|
||||||
children: React.ReactNode;
|
|
||||||
buttons?: React.ReactNode[];
|
|
||||||
}
|
|
||||||
|
|
||||||
export default function ExpandableHeader({ children, onMoreClick, buttons, moreTooltipText, defaultState = false, onDropDownClick, headerText }: ExpandableHeaderProps) {
|
|
||||||
const [showContent, setShowContent] = useState(defaultState);
|
|
||||||
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<div style={{
|
|
||||||
display: "flex",
|
|
||||||
justifyContent: "space-between",
|
|
||||||
alignItems: "center",
|
|
||||||
marginBottom: "8px"
|
|
||||||
}}>
|
|
||||||
<Text
|
|
||||||
tag="h2"
|
|
||||||
variant="eyebrow"
|
|
||||||
style={{
|
|
||||||
color: "var(--header-primary)",
|
|
||||||
display: "inline"
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
{headerText}
|
|
||||||
</Text>
|
|
||||||
|
|
||||||
<div className={cl("center-flex")}>
|
|
||||||
{
|
|
||||||
buttons ?? null
|
|
||||||
}
|
|
||||||
|
|
||||||
{
|
|
||||||
onMoreClick && // only show more button if callback is provided
|
|
||||||
<Tooltip text={moreTooltipText}>
|
|
||||||
{tooltipProps => (
|
|
||||||
<button
|
|
||||||
{...tooltipProps}
|
|
||||||
className={cl("btn")}
|
|
||||||
onClick={onMoreClick}>
|
|
||||||
<svg
|
|
||||||
width="24"
|
|
||||||
height="24"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
>
|
|
||||||
<path fill="var(--text-normal)" d="M7 12.001C7 10.8964 6.10457 10.001 5 10.001C3.89543 10.001 3 10.8964 3 12.001C3 13.1055 3.89543 14.001 5 14.001C6.10457 14.001 7 13.1055 7 12.001ZM14 12.001C14 10.8964 13.1046 10.001 12 10.001C10.8954 10.001 10 10.8964 10 12.001C10 13.1055 10.8954 14.001 12 14.001C13.1046 14.001 14 13.1055 14 12.001ZM19 10.001C20.1046 10.001 21 10.8964 21 12.001C21 13.1055 20.1046 14.001 19 14.001C17.8954 14.001 17 13.1055 17 12.001C17 10.8964 17.8954 10.001 19 10.001Z" />
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
)}
|
|
||||||
</Tooltip>
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
<Tooltip text={showContent ? "Hide " + headerText : "Show " + headerText}>
|
|
||||||
{tooltipProps => (
|
|
||||||
<button
|
|
||||||
{...tooltipProps}
|
|
||||||
className={cl("btn")}
|
|
||||||
onClick={() => {
|
|
||||||
setShowContent(v => !v);
|
|
||||||
onDropDownClick?.(showContent);
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<svg
|
|
||||||
width="24"
|
|
||||||
height="24"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
transform={showContent ? "scale(1 -1)" : "scale(1 1)"}
|
|
||||||
>
|
|
||||||
<path fill="var(--text-normal)" d="M16.59 8.59003L12 13.17L7.41 8.59003L6 10L12 16L18 10L16.59 8.59003Z" />
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
)}
|
|
||||||
</Tooltip>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{showContent && children}
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
}
|
|
@ -1,257 +0,0 @@
|
|||||||
/*
|
|
||||||
* Vencord, a modification for Discord's desktop app
|
|
||||||
* Copyright (c) 2023 Vendicated and contributors
|
|
||||||
*
|
|
||||||
* This program is free software: you can redistribute it and/or modify
|
|
||||||
* it under the terms of the GNU General Public License as published by
|
|
||||||
* the Free Software Foundation, either version 3 of the License, or
|
|
||||||
* (at your option) any later version.
|
|
||||||
*
|
|
||||||
* This program is distributed in the hope that it will be useful,
|
|
||||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
||||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
||||||
* GNU General Public License for more details.
|
|
||||||
*
|
|
||||||
* You should have received a copy of the GNU General Public License
|
|
||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
||||||
*/
|
|
||||||
|
|
||||||
import "./iconStyles.css";
|
|
||||||
|
|
||||||
import { classes } from "@utils/misc";
|
|
||||||
import { i18n } from "@webpack/common";
|
|
||||||
import type { PropsWithChildren, SVGProps } from "react";
|
|
||||||
|
|
||||||
interface BaseIconProps extends IconProps {
|
|
||||||
viewBox: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface IconProps extends SVGProps<SVGSVGElement> {
|
|
||||||
className?: string;
|
|
||||||
height?: string | number;
|
|
||||||
width?: string | number;
|
|
||||||
}
|
|
||||||
|
|
||||||
function Icon({ height = 24, width = 24, className, children, viewBox, ...svgProps }: PropsWithChildren<BaseIconProps>) {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
className={classes(className, "vc-icon")}
|
|
||||||
role="img"
|
|
||||||
width={width}
|
|
||||||
height={height}
|
|
||||||
viewBox={viewBox}
|
|
||||||
{...svgProps}
|
|
||||||
>
|
|
||||||
{children}
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Discord's link icon, as seen in the Message context menu "Copy Message Link" option
|
|
||||||
*/
|
|
||||||
export function LinkIcon({ height = 24, width = 24, className }: IconProps) {
|
|
||||||
return (
|
|
||||||
<Icon
|
|
||||||
height={height}
|
|
||||||
width={width}
|
|
||||||
className={classes(className, "vc-link-icon")}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
>
|
|
||||||
<g fill="none" fill-rule="evenodd">
|
|
||||||
<path fill="currentColor" d="M10.59 13.41c.41.39.41 1.03 0 1.42-.39.39-1.03.39-1.42 0a5.003 5.003 0 0 1 0-7.07l3.54-3.54a5.003 5.003 0 0 1 7.07 0 5.003 5.003 0 0 1 0 7.07l-1.49 1.49c.01-.82-.12-1.64-.4-2.42l.47-.48a2.982 2.982 0 0 0 0-4.24 2.982 2.982 0 0 0-4.24 0l-3.53 3.53a2.982 2.982 0 0 0 0 4.24zm2.82-4.24c.39-.39 1.03-.39 1.42 0a5.003 5.003 0 0 1 0 7.07l-3.54 3.54a5.003 5.003 0 0 1-7.07 0 5.003 5.003 0 0 1 0-7.07l1.49-1.49c-.01.82.12 1.64.4 2.43l-.47.47a2.982 2.982 0 0 0 0 4.24 2.982 2.982 0 0 0 4.24 0l3.53-3.53a2.982 2.982 0 0 0 0-4.24.973.973 0 0 1 0-1.42z" />
|
|
||||||
<rect width={width} height={height} />
|
|
||||||
</g>
|
|
||||||
</Icon>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Discord's copy icon, as seen in the user popout right of the username when clicking
|
|
||||||
* your own username in the bottom left user panel
|
|
||||||
*/
|
|
||||||
export function CopyIcon(props: IconProps) {
|
|
||||||
return (
|
|
||||||
<Icon
|
|
||||||
{...props}
|
|
||||||
className={classes(props.className, "vc-copy-icon")}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
>
|
|
||||||
<g fill="currentColor">
|
|
||||||
<path d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1z" />
|
|
||||||
<path d="M15 5H8c-1.1 0-1.99.9-1.99 2L6 21c0 1.1.89 2 1.99 2H19c1.1 0 2-.9 2-2V11l-6-6zM8 21V7h6v5h5v9H8z" />
|
|
||||||
</g>
|
|
||||||
</Icon>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Discord's open external icon, as seen in the user profile connections
|
|
||||||
*/
|
|
||||||
export function OpenExternalIcon(props: IconProps) {
|
|
||||||
return (
|
|
||||||
<Icon
|
|
||||||
{...props}
|
|
||||||
className={classes(props.className, "vc-open-external-icon")}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
>
|
|
||||||
<polygon
|
|
||||||
fill="currentColor"
|
|
||||||
fillRule="nonzero"
|
|
||||||
points="13 20 11 20 11 8 5.5 13.5 4.08 12.08 12 4.16 19.92 12.08 18.5 13.5 13 8"
|
|
||||||
/>
|
|
||||||
</Icon>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function ImageIcon(props: IconProps) {
|
|
||||||
return (
|
|
||||||
<Icon
|
|
||||||
{...props}
|
|
||||||
className={classes(props.className, "vc-image-icon")}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
>
|
|
||||||
<path fill="currentColor" d="M21,19V5c0,-1.1 -0.9,-2 -2,-2H5c-1.1,0 -2,0.9 -2,2v14c0,1.1 0.9,2 2,2h14c1.1,0 2,-0.9 2,-2zM8.5,13.5l2.5,3.01L14.5,12l4.5,6H5l3.5,-4.5z" />
|
|
||||||
</Icon>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function InfoIcon(props: IconProps) {
|
|
||||||
return (
|
|
||||||
<Icon
|
|
||||||
{...props}
|
|
||||||
className={classes(props.className, "vc-info-icon")}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
fill="currentColor"
|
|
||||||
transform="translate(2 2)"
|
|
||||||
d="M9,7 L11,7 L11,5 L9,5 L9,7 Z M10,18 C5.59,18 2,14.41 2,10 C2,5.59 5.59,2 10,2 C14.41,2 18,5.59 18,10 C18,14.41 14.41,18 10,18 L10,18 Z M10,4.4408921e-16 C4.4771525,-1.77635684e-15 4.4408921e-16,4.4771525 0,10 C-1.33226763e-15,12.6521649 1.0535684,15.195704 2.92893219,17.0710678 C4.80429597,18.9464316 7.3478351,20 10,20 C12.6521649,20 15.195704,18.9464316 17.0710678,17.0710678 C18.9464316,15.195704 20,12.6521649 20,10 C20,7.3478351 18.9464316,4.80429597 17.0710678,2.92893219 C15.195704,1.0535684 12.6521649,2.22044605e-16 10,0 L10,4.4408921e-16 Z M9,15 L11,15 L11,9 L9,9 L9,15 L9,15 Z"
|
|
||||||
/>
|
|
||||||
</Icon>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function OwnerCrownIcon(props: IconProps) {
|
|
||||||
return (
|
|
||||||
<Icon
|
|
||||||
aria-label={i18n.Messages.GUILD_OWNER}
|
|
||||||
{...props}
|
|
||||||
className={classes(props.className, "vc-owner-crown-icon")}
|
|
||||||
role="img"
|
|
||||||
viewBox="0 0 16 16"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
fill="currentColor"
|
|
||||||
fillRule="evenodd"
|
|
||||||
clipRule="evenodd"
|
|
||||||
d="M13.6572 5.42868C13.8879 5.29002 14.1806 5.30402 14.3973 5.46468C14.6133 5.62602 14.7119 5.90068 14.6473 6.16202L13.3139 11.4954C13.2393 11.7927 12.9726 12.0007 12.6666 12.0007H3.33325C3.02725 12.0007 2.76058 11.792 2.68592 11.4954L1.35258 6.16202C1.28792 5.90068 1.38658 5.62602 1.60258 5.46468C1.81992 5.30468 2.11192 5.29068 2.34325 5.42868L5.13192 7.10202L7.44592 3.63068C7.46173 3.60697 7.48377 3.5913 7.50588 3.57559C7.5192 3.56612 7.53255 3.55663 7.54458 3.54535L6.90258 2.90268C6.77325 2.77335 6.77325 2.56068 6.90258 2.43135L7.76458 1.56935C7.89392 1.44002 8.10658 1.44002 8.23592 1.56935L9.09792 2.43135C9.22725 2.56068 9.22725 2.77335 9.09792 2.90268L8.45592 3.54535C8.46794 3.55686 8.48154 3.56651 8.49516 3.57618C8.51703 3.5917 8.53897 3.60727 8.55458 3.63068L10.8686 7.10202L13.6572 5.42868ZM2.66667 12.6673H13.3333V14.0007H2.66667V12.6673Z"
|
|
||||||
/>
|
|
||||||
</Icon>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Discord's screenshare icon, as seen in the connection panel
|
|
||||||
*/
|
|
||||||
export function ScreenshareIcon(props: IconProps) {
|
|
||||||
return (
|
|
||||||
<Icon
|
|
||||||
{...props}
|
|
||||||
className={classes(props.className, "vc-screenshare-icon")}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
fill="currentColor"
|
|
||||||
d="M2 4.5C2 3.397 2.897 2.5 4 2.5H20C21.103 2.5 22 3.397 22 4.5V15.5C22 16.604 21.103 17.5 20 17.5H13V19.5H17V21.5H7V19.5H11V17.5H4C2.897 17.5 2 16.604 2 15.5V4.5ZM13.2 14.3375V11.6C9.864 11.6 7.668 12.6625 6 15C6.672 11.6625 8.532 8.3375 13.2 7.6625V5L18 9.6625L13.2 14.3375Z"
|
|
||||||
/>
|
|
||||||
</Icon>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function ImageVisible(props: IconProps) {
|
|
||||||
return (
|
|
||||||
<Icon
|
|
||||||
{...props}
|
|
||||||
className={classes(props.className, "vc-image-visible")}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
>
|
|
||||||
<path fill="currentColor" d="M5 21q-.825 0-1.413-.587Q3 19.825 3 19V5q0-.825.587-1.413Q4.175 3 5 3h14q.825 0 1.413.587Q21 4.175 21 5v14q0 .825-.587 1.413Q19.825 21 19 21Zm0-2h14V5H5v14Zm1-2h12l-3.75-5-3 4L9 13Zm-1 2V5v14Z" />
|
|
||||||
</Icon>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function ImageInvisible(props: IconProps) {
|
|
||||||
return (
|
|
||||||
<Icon
|
|
||||||
{...props}
|
|
||||||
className={classes(props.className, "vc-image-invisible")}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
>
|
|
||||||
<path fill="currentColor" d="m21 18.15-2-2V5H7.85l-2-2H19q.825 0 1.413.587Q21 4.175 21 5Zm-1.2 4.45L18.2 21H5q-.825 0-1.413-.587Q3 19.825 3 19V5.8L1.4 4.2l1.4-1.4 18.4 18.4ZM6 17l3-4 2.25 3 .825-1.1L5 7.825V19h11.175l-2-2Zm7.425-6.425ZM10.6 13.4Z" />
|
|
||||||
</Icon>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function Microphone(props: IconProps) {
|
|
||||||
return (
|
|
||||||
<Icon
|
|
||||||
{...props}
|
|
||||||
className={classes(props.className, "vc-microphone")}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
>
|
|
||||||
<path fillRule="evenodd" clipRule="evenodd" d="M14.99 11C14.99 12.66 13.66 14 12 14C10.34 14 9 12.66 9 11V5C9 3.34 10.34 2 12 2C13.66 2 15 3.34 15 5L14.99 11ZM12 16.1C14.76 16.1 17.3 14 17.3 11H19C19 14.42 16.28 17.24 13 17.72V21H11V17.72C7.72 17.23 5 14.41 5 11H6.7C6.7 14 9.24 16.1 12 16.1ZM12 4C11.2 4 11 4.66667 11 5V11C11 11.3333 11.2 12 12 12C12.8 12 13 11.3333 13 11V5C13 4.66667 12.8 4 12 4Z" fill="currentColor" />
|
|
||||||
<path fillRule="evenodd" clipRule="evenodd" d="M14.99 11C14.99 12.66 13.66 14 12 14C10.34 14 9 12.66 9 11V5C9 3.34 10.34 2 12 2C13.66 2 15 3.34 15 5L14.99 11ZM12 16.1C14.76 16.1 17.3 14 17.3 11H19C19 14.42 16.28 17.24 13 17.72V22H11V17.72C7.72 17.23 5 14.41 5 11H6.7C6.7 14 9.24 16.1 12 16.1Z" fill="currentColor" />
|
|
||||||
</Icon >
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function CogWheel(props: IconProps) {
|
|
||||||
return (
|
|
||||||
<Icon
|
|
||||||
{...props}
|
|
||||||
className={classes(props.className, "vc-cog-wheel")}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
clipRule="evenodd"
|
|
||||||
fill="currentColor"
|
|
||||||
d="M19.738 10H22V14H19.739C19.498 14.931 19.1 15.798 18.565 16.564L20 18L18 20L16.565 18.564C15.797 19.099 14.932 19.498 14 19.738V22H10V19.738C9.069 19.498 8.203 19.099 7.436 18.564L6 20L4 18L5.436 16.564C4.901 15.799 4.502 14.932 4.262 14H2V10H4.262C4.502 9.068 4.9 8.202 5.436 7.436L4 6L6 4L7.436 5.436C8.202 4.9 9.068 4.502 10 4.262V2H14V4.261C14.932 4.502 15.797 4.9 16.565 5.435L18 3.999L20 5.999L18.564 7.436C19.099 8.202 19.498 9.069 19.738 10ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z"
|
|
||||||
/>
|
|
||||||
</Icon>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function ReplyIcon(props: IconProps) {
|
|
||||||
return (
|
|
||||||
<Icon
|
|
||||||
{...props}
|
|
||||||
className={classes(props.className, "vc-reply-icon")}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
fill="currentColor"
|
|
||||||
d="M10 8.26667V4L3 11.4667L10 18.9333V14.56C15 14.56 18.5 16.2667 21 20C20 14.6667 17 9.33333 10 8.26667Z"
|
|
||||||
/>
|
|
||||||
</Icon>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function DeleteIcon(props: IconProps) {
|
|
||||||
return (
|
|
||||||
<Icon
|
|
||||||
{...props}
|
|
||||||
className={classes(props.className, "vc-delete-icon")}
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
fill="currentColor"
|
|
||||||
d="M15 3.999V2H9V3.999H3V5.999H21V3.999H15Z"
|
|
||||||
/>
|
|
||||||
<path
|
|
||||||
fill="currentColor"
|
|
||||||
d="M5 6.99902V18.999C5 20.101 5.897 20.999 7 20.999H17C18.103 20.999 19 20.101 19 18.999V6.99902H5ZM11 17H9V11H11V17ZM15 17H13V11H15V17Z"
|
|
||||||
/>
|
|
||||||
</Icon>
|
|
||||||
);
|
|
||||||
}
|
|
51
src/components/Monaco.ts
Normal file
51
src/components/Monaco.ts
Normal file
@ -0,0 +1,51 @@
|
|||||||
|
/*
|
||||||
|
* Vencord, a modification for Discord's desktop app
|
||||||
|
* Copyright (c) 2022 Vendicated and contributors
|
||||||
|
*
|
||||||
|
* This program is free software: you can redistribute it and/or modify
|
||||||
|
* it under the terms of the GNU General Public License as published by
|
||||||
|
* the Free Software Foundation, either version 3 of the License, or
|
||||||
|
* (at your option) any later version.
|
||||||
|
*
|
||||||
|
* This program is distributed in the hope that it will be useful,
|
||||||
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||||
|
* GNU General Public License for more details.
|
||||||
|
*
|
||||||
|
* You should have received a copy of the GNU General Public License
|
||||||
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
|
*/
|
||||||
|
|
||||||
|
import { debounce } from "@utils/debounce";
|
||||||
|
import IpcEvents from "@utils/IpcEvents";
|
||||||
|
import { Queue } from "@utils/Queue";
|
||||||
|
import { find } from "@webpack";
|
||||||
|
|
||||||
|
import monacoHtml from "~fileContent/monacoWin.html";
|
||||||
|
|
||||||
|
const queue = new Queue();
|
||||||
|
const setCss = debounce((css: string) => {
|
||||||
|
queue.push(() => VencordNative.ipc.invoke(IpcEvents.SET_QUICK_CSS, css));
|
||||||
|
});
|
||||||
|
|
||||||
|
export async function launchMonacoEditor() {
|
||||||
|
const features = `popup,width=${Math.min(window.innerWidth, 1000)},height=${Math.min(window.innerHeight, 1000)}`;
|
||||||
|
const win = open("about:blank", "VencordQuickCss", features);
|
||||||
|
if (!win) {
|
||||||
|
alert("Failed to open QuickCSS popup. Make sure to allow popups!");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
win.setCss = setCss;
|
||||||
|
win.getCurrentCss = () => VencordNative.ipc.invoke(IpcEvents.GET_QUICK_CSS);
|
||||||
|
win.getTheme = () =>
|
||||||
|
find(m =>
|
||||||
|
m.ProtoClass?.typeName.endsWith("PreloadedUserSettings")
|
||||||
|
)?.getCurrentValue()?.appearance?.theme === 2
|
||||||
|
? "vs-light"
|
||||||
|
: "vs-dark";
|
||||||
|
|
||||||
|
win.document.write(monacoHtml);
|
||||||
|
|
||||||
|
window.__VENCORD_MONACO_WIN__ = new WeakRef(win);
|
||||||
|
}
|
@ -16,17 +16,14 @@
|
|||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import { CheckedTextInput } from "@components/CheckedTextInput";
|
|
||||||
import { CodeBlock } from "@components/CodeBlock";
|
|
||||||
import { debounce } from "@utils/debounce";
|
import { debounce } from "@utils/debounce";
|
||||||
import { Margins } from "@utils/margins";
|
import { makeCodeblock } from "@utils/misc";
|
||||||
import { canonicalizeMatch, canonicalizeReplace } from "@utils/patches";
|
import { canonicalizeMatch, canonicalizeReplace, ReplaceFn } from "@utils/patches";
|
||||||
import { makeCodeblock } from "@utils/text";
|
|
||||||
import { ReplaceFn } from "@utils/types";
|
|
||||||
import { search } from "@webpack";
|
import { search } from "@webpack";
|
||||||
import { Button, Clipboard, Forms, Parser, React, Switch, TextInput } from "@webpack/common";
|
import { Button, Clipboard, Forms, Margins, Parser, React, Switch, Text, TextInput } from "@webpack/common";
|
||||||
|
|
||||||
import { SettingsTab, wrapTab } from "./shared";
|
import { CheckedTextInput } from "./CheckedTextInput";
|
||||||
|
import ErrorBoundary from "./ErrorBoundary";
|
||||||
|
|
||||||
// Do not include diff in non dev builds (side effects import)
|
// Do not include diff in non dev builds (side effects import)
|
||||||
if (IS_DEV) {
|
if (IS_DEV) {
|
||||||
@ -131,7 +128,7 @@ function ReplacementComponent({ module, match, replacement, setReplacementError
|
|||||||
)}
|
)}
|
||||||
|
|
||||||
{!!diff?.length && (
|
{!!diff?.length && (
|
||||||
<Button className={Margins.top20} onClick={() => {
|
<Button className={Margins.marginTop20} onClick={() => {
|
||||||
try {
|
try {
|
||||||
Function(patchedCode.replace(/^function\(/, "function patchedModule("));
|
Function(patchedCode.replace(/^function\(/, "function patchedModule("));
|
||||||
setCompileResult([true, "Compiled successfully"]);
|
setCompileResult([true, "Compiled successfully"]);
|
||||||
@ -187,10 +184,9 @@ function ReplacementInput({ replacement, setReplacement, replacementError }) {
|
|||||||
error={error ?? replacementError}
|
error={error ?? replacementError}
|
||||||
/>
|
/>
|
||||||
{!isFunc && (
|
{!isFunc && (
|
||||||
<div className="vc-text-selectable">
|
<>
|
||||||
<Forms.FormTitle>Cheat Sheet</Forms.FormTitle>
|
<Forms.FormTitle>Cheat Sheet</Forms.FormTitle>
|
||||||
{Object.entries({
|
{Object.entries({
|
||||||
"\\i": "Special regex escape sequence that matches identifiers (varnames, classnames, etc.)",
|
|
||||||
"$$": "Insert a $",
|
"$$": "Insert a $",
|
||||||
"$&": "Insert the entire match",
|
"$&": "Insert the entire match",
|
||||||
"$`\u200b": "Insert the substring before the match",
|
"$`\u200b": "Insert the substring before the match",
|
||||||
@ -202,11 +198,11 @@ function ReplacementInput({ replacement, setReplacement, replacementError }) {
|
|||||||
{Parser.parse("`" + placeholder + "`")}: {desc}
|
{Parser.parse("`" + placeholder + "`")}: {desc}
|
||||||
</Forms.FormText>
|
</Forms.FormText>
|
||||||
))}
|
))}
|
||||||
</div>
|
</>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
<Switch
|
<Switch
|
||||||
className={Margins.top8}
|
className={Margins.marginTop8}
|
||||||
value={isFunc}
|
value={isFunc}
|
||||||
onChange={setIsFunc}
|
onChange={setIsFunc}
|
||||||
note="'replacement' will be evaled if this is toggled"
|
note="'replacement' will be evaled if this is toggled"
|
||||||
@ -259,7 +255,8 @@ function PatchHelper() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<SettingsTab title="Patch Helper">
|
<Forms.FormSection>
|
||||||
|
<Text variant="heading-md/normal" tag="h2" className={Margins.marginBottom8}>Patch Helper</Text>
|
||||||
<Forms.FormTitle>find</Forms.FormTitle>
|
<Forms.FormTitle>find</Forms.FormTitle>
|
||||||
<TextInput
|
<TextInput
|
||||||
type="text"
|
type="text"
|
||||||
@ -299,13 +296,13 @@ function PatchHelper() {
|
|||||||
|
|
||||||
{!!(find && match && replacement) && (
|
{!!(find && match && replacement) && (
|
||||||
<>
|
<>
|
||||||
<Forms.FormTitle className={Margins.top20}>Code</Forms.FormTitle>
|
<Forms.FormTitle className={Margins.marginTop20}>Code</Forms.FormTitle>
|
||||||
<CodeBlock lang="js" content={code} />
|
<div style={{ userSelect: "text" }}>{Parser.parse(makeCodeblock(code, "ts"))}</div>
|
||||||
<Button onClick={() => Clipboard.copy(code)}>Copy to Clipboard</Button>
|
<Button onClick={() => Clipboard.copy(code)}>Copy to Clipboard</Button>
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
</SettingsTab>
|
</Forms.FormSection>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
export default IS_DEV ? wrapTab(PatchHelper, "PatchHelper") : null;
|
export default IS_DEV ? ErrorBoundary.wrap(PatchHelper) : null;
|
@ -1,113 +0,0 @@
|
|||||||
/*
|
|
||||||
* Vencord, a Discord client mod
|
|
||||||
* Copyright (c) 2023 Vendicated and contributors
|
|
||||||
* SPDX-License-Identifier: GPL-3.0-or-later
|
|
||||||
*/
|
|
||||||
|
|
||||||
import "./contributorModal.css";
|
|
||||||
|
|
||||||
import { useSettings } from "@api/Settings";
|
|
||||||
import { classNameFactory } from "@api/Styles";
|
|
||||||
import ErrorBoundary from "@components/ErrorBoundary";
|
|
||||||
import { DevsById } from "@utils/constants";
|
|
||||||
import { fetchUserProfile, getTheme, Theme } from "@utils/discord";
|
|
||||||
import { ModalContent, ModalRoot, openModal } from "@utils/modal";
|
|
||||||
import { Forms, MaskedLink, showToast, useEffect, useMemo, UserProfileStore, useStateFromStores } from "@webpack/common";
|
|
||||||
import { User } from "discord-types/general";
|
|
||||||
|
|
||||||
import Plugins from "~plugins";
|
|
||||||
|
|
||||||
import { PluginCard } from ".";
|
|
||||||
|
|
||||||
const WebsiteIconDark = "/assets/e1e96d89e192de1997f73730db26e94f.svg";
|
|
||||||
const WebsiteIconLight = "/assets/730f58bcfd5a57a5e22460c445a0c6cf.svg";
|
|
||||||
const GithubIconLight = "/assets/3ff98ad75ac94fa883af5ed62d17c459.svg";
|
|
||||||
const GithubIconDark = "/assets/6a853b4c87fce386cbfef4a2efbacb09.svg";
|
|
||||||
|
|
||||||
const cl = classNameFactory("vc-author-modal-");
|
|
||||||
|
|
||||||
export function openContributorModal(user: User) {
|
|
||||||
openModal(modalProps =>
|
|
||||||
<ModalRoot {...modalProps}>
|
|
||||||
<ErrorBoundary>
|
|
||||||
<ModalContent className={cl("root")}>
|
|
||||||
<ContributorModal user={user} />
|
|
||||||
</ModalContent>
|
|
||||||
</ErrorBoundary>
|
|
||||||
</ModalRoot>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
function GithubIcon() {
|
|
||||||
const src = getTheme() === Theme.Light ? GithubIconLight : GithubIconDark;
|
|
||||||
return <img src={src} alt="GitHub" />;
|
|
||||||
}
|
|
||||||
|
|
||||||
function WebsiteIcon() {
|
|
||||||
const src = getTheme() === Theme.Light ? WebsiteIconLight : WebsiteIconDark;
|
|
||||||
return <img src={src} alt="Website" />;
|
|
||||||
}
|
|
||||||
|
|
||||||
function ContributorModal({ user }: { user: User; }) {
|
|
||||||
useSettings();
|
|
||||||
|
|
||||||
const profile = useStateFromStores([UserProfileStore], () => UserProfileStore.getUserProfile(user.id));
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
if (!profile && !user.bot && user.id)
|
|
||||||
fetchUserProfile(user.id);
|
|
||||||
}, [user.id]);
|
|
||||||
|
|
||||||
const githubName = profile?.connectedAccounts?.find(a => a.type === "github")?.name;
|
|
||||||
const website = profile?.connectedAccounts?.find(a => a.type === "domain")?.name;
|
|
||||||
|
|
||||||
const plugins = useMemo(() => {
|
|
||||||
const allPlugins = Object.values(Plugins);
|
|
||||||
const pluginsByAuthor = DevsById[user.id]
|
|
||||||
? allPlugins.filter(p => p.authors.includes(DevsById[user.id]))
|
|
||||||
: allPlugins.filter(p => p.authors.some(a => a.name === user.username));
|
|
||||||
|
|
||||||
return pluginsByAuthor
|
|
||||||
.filter(p => !p.name.endsWith("API"))
|
|
||||||
.sort((a, b) => Number(a.required ?? false) - Number(b.required ?? false));
|
|
||||||
}, [user.id, user.username]);
|
|
||||||
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<div className={cl("header")}>
|
|
||||||
<img
|
|
||||||
className={cl("avatar")}
|
|
||||||
src={user.getAvatarURL(void 0, 512, true)}
|
|
||||||
alt=""
|
|
||||||
/>
|
|
||||||
<Forms.FormTitle tag="h2" className={cl("name")}>{user.username}</Forms.FormTitle>
|
|
||||||
|
|
||||||
<div className={cl("links")}>
|
|
||||||
{website && (
|
|
||||||
<MaskedLink
|
|
||||||
href={"https://" + website}
|
|
||||||
>
|
|
||||||
<WebsiteIcon />
|
|
||||||
</MaskedLink>
|
|
||||||
)}
|
|
||||||
{githubName && (
|
|
||||||
<MaskedLink href={`https://github.com/${githubName}`}>
|
|
||||||
<GithubIcon />
|
|
||||||
</MaskedLink>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className={cl("plugins")}>
|
|
||||||
{plugins.map(p =>
|
|
||||||
<PluginCard
|
|
||||||
key={p.name}
|
|
||||||
plugin={p}
|
|
||||||
disabled={p.required ?? false}
|
|
||||||
onRestartNeeded={() => showToast("Restart to apply changes!")}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
}
|
|
@ -17,17 +17,15 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
import { generateId } from "@api/Commands";
|
import { generateId } from "@api/Commands";
|
||||||
import { useSettings } from "@api/Settings";
|
import { useSettings } from "@api/settings";
|
||||||
import ErrorBoundary from "@components/ErrorBoundary";
|
import ErrorBoundary from "@components/ErrorBoundary";
|
||||||
import { Flex } from "@components/Flex";
|
import { Flex } from "@components/Flex";
|
||||||
import { proxyLazy } from "@utils/lazy";
|
import { LazyComponent } from "@utils/misc";
|
||||||
import { Margins } from "@utils/margins";
|
|
||||||
import { classes, isObjectEmpty } from "@utils/misc";
|
|
||||||
import { ModalCloseButton, ModalContent, ModalFooter, ModalHeader, ModalProps, ModalRoot, ModalSize } from "@utils/modal";
|
import { ModalCloseButton, ModalContent, ModalFooter, ModalHeader, ModalProps, ModalRoot, ModalSize } from "@utils/modal";
|
||||||
import { LazyComponent } from "@utils/react";
|
import { proxyLazy } from "@utils/proxyLazy";
|
||||||
import { OptionType, Plugin } from "@utils/types";
|
import { OptionType, Plugin } from "@utils/types";
|
||||||
import { findByCode, findByPropsLazy } from "@webpack";
|
import { findByCode, findByPropsLazy } from "@webpack";
|
||||||
import { Button, Clickable, FluxDispatcher, Forms, React, Text, Tooltip, UserStore, UserUtils } from "@webpack/common";
|
import { Button, FluxDispatcher, Forms, React, Text, Tooltip, UserStore, UserUtils } from "@webpack/common";
|
||||||
import { User } from "discord-types/general";
|
import { User } from "discord-types/general";
|
||||||
import { Constructor } from "type-fest";
|
import { Constructor } from "type-fest";
|
||||||
|
|
||||||
@ -40,7 +38,6 @@ import {
|
|||||||
SettingSliderComponent,
|
SettingSliderComponent,
|
||||||
SettingTextComponent
|
SettingTextComponent
|
||||||
} from "./components";
|
} from "./components";
|
||||||
import { openContributorModal } from "./ContributorModal";
|
|
||||||
|
|
||||||
const UserSummaryItem = LazyComponent(() => findByCode("defaultRenderUser", "showDefaultAvatarsForNullUsers"));
|
const UserSummaryItem = LazyComponent(() => findByCode("defaultRenderUser", "showDefaultAvatarsForNullUsers"));
|
||||||
const AvatarStyles = findByPropsLazy("moreUsers", "emptyUser", "avatarContainer", "clickableAvatar");
|
const AvatarStyles = findByPropsLazy("moreUsers", "emptyUser", "avatarContainer", "clickableAvatar");
|
||||||
@ -51,12 +48,11 @@ interface PluginModalProps extends ModalProps {
|
|||||||
onRestartNeeded(): void;
|
onRestartNeeded(): void;
|
||||||
}
|
}
|
||||||
|
|
||||||
function makeDummyUser(user: { username: string; id?: string; avatar?: string; }) {
|
/** To stop discord making unwanted requests... */
|
||||||
|
function makeDummyUser(user: { name: string, id: BigInt; }) {
|
||||||
const newUser = new UserRecord({
|
const newUser = new UserRecord({
|
||||||
username: user.username,
|
username: user.name,
|
||||||
id: user.id ?? generateId(),
|
id: generateId(),
|
||||||
avatar: user.avatar,
|
|
||||||
/** To stop discord making unwanted requests... */
|
|
||||||
bot: true,
|
bot: true,
|
||||||
});
|
});
|
||||||
FluxDispatcher.dispatch({
|
FluxDispatcher.dispatch({
|
||||||
@ -88,16 +84,14 @@ export default function PluginModal({ plugin, onRestartNeeded, onClose, transiti
|
|||||||
|
|
||||||
const canSubmit = () => Object.values(errors).every(e => !e);
|
const canSubmit = () => Object.values(errors).every(e => !e);
|
||||||
|
|
||||||
const hasSettings = Boolean(pluginSettings && plugin.options && !isObjectEmpty(plugin.options));
|
const hasSettings = Boolean(pluginSettings && plugin.options);
|
||||||
|
|
||||||
React.useEffect(() => {
|
React.useEffect(() => {
|
||||||
(async () => {
|
(async () => {
|
||||||
for (const user of plugin.authors.slice(0, 6)) {
|
for (const user of plugin.authors.slice(0, 6)) {
|
||||||
const author = user.id
|
const author = user.id
|
||||||
? await UserUtils.getUser(`${user.id}`)
|
? await UserUtils.fetchUser(`${user.id}`).catch(() => makeDummyUser(user))
|
||||||
.catch(() => makeDummyUser({ username: user.name }))
|
: makeDummyUser(user);
|
||||||
: makeDummyUser({ username: user.name });
|
|
||||||
|
|
||||||
setAuthors(a => [...a, author]);
|
setAuthors(a => [...a, author]);
|
||||||
}
|
}
|
||||||
})();
|
})();
|
||||||
@ -133,8 +127,6 @@ export default function PluginModal({ plugin, onRestartNeeded, onClose, transiti
|
|||||||
return <Forms.FormText>There are no settings for this plugin.</Forms.FormText>;
|
return <Forms.FormText>There are no settings for this plugin.</Forms.FormText>;
|
||||||
} else {
|
} else {
|
||||||
const options = Object.entries(plugin.options).map(([key, setting]) => {
|
const options = Object.entries(plugin.options).map(([key, setting]) => {
|
||||||
if (setting.hidden) return null;
|
|
||||||
|
|
||||||
function onChange(newValue: any) {
|
function onChange(newValue: any) {
|
||||||
setTempSettings(s => ({ ...s, [key]: newValue }));
|
setTempSettings(s => ({ ...s, [key]: newValue }));
|
||||||
}
|
}
|
||||||
@ -157,7 +149,7 @@ export default function PluginModal({ plugin, onRestartNeeded, onClose, transiti
|
|||||||
);
|
);
|
||||||
});
|
});
|
||||||
|
|
||||||
return <Flex flexDirection="column" style={{ gap: 12, marginBottom: 16 }}>{options}</Flex>;
|
return <Flex flexDirection="column" style={{ gap: 12 }}>{options}</Flex>;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -182,12 +174,12 @@ export default function PluginModal({ plugin, onRestartNeeded, onClose, transiti
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<ModalRoot transitionState={transitionState} size={ModalSize.MEDIUM} className="vc-text-selectable">
|
<ModalRoot transitionState={transitionState} size={ModalSize.MEDIUM}>
|
||||||
<ModalHeader separator={false}>
|
<ModalHeader separator={false}>
|
||||||
<Text variant="heading-lg/semibold" style={{ flexGrow: 1 }}>{plugin.name}</Text>
|
<Text variant="heading-lg/semibold" style={{ flexGrow: 1 }}>{plugin.name}</Text>
|
||||||
<ModalCloseButton onClick={onClose} />
|
<ModalCloseButton onClick={onClose} />
|
||||||
</ModalHeader>
|
</ModalHeader>
|
||||||
<ModalContent>
|
<ModalContent style={{ marginBottom: 8, marginTop: 8 }}>
|
||||||
<Forms.FormSection>
|
<Forms.FormSection>
|
||||||
<Forms.FormTitle tag="h3">About {plugin.name}</Forms.FormTitle>
|
<Forms.FormTitle tag="h3">About {plugin.name}</Forms.FormTitle>
|
||||||
<Forms.FormText>{plugin.description}</Forms.FormText>
|
<Forms.FormText>{plugin.description}</Forms.FormText>
|
||||||
@ -202,24 +194,11 @@ export default function PluginModal({ plugin, onRestartNeeded, onClose, transiti
|
|||||||
showDefaultAvatarsForNullUsers
|
showDefaultAvatarsForNullUsers
|
||||||
showUserPopout
|
showUserPopout
|
||||||
renderMoreUsers={renderMoreUsers}
|
renderMoreUsers={renderMoreUsers}
|
||||||
renderUser={(user: User) => (
|
|
||||||
<Clickable
|
|
||||||
className={AvatarStyles.clickableAvatar}
|
|
||||||
onClick={() => openContributorModal(user)}
|
|
||||||
>
|
|
||||||
<img
|
|
||||||
className={AvatarStyles.avatar}
|
|
||||||
src={user.getAvatarURL(void 0, 80, true)}
|
|
||||||
alt={user.username}
|
|
||||||
title={user.username}
|
|
||||||
/>
|
|
||||||
</Clickable>
|
|
||||||
)}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</Forms.FormSection>
|
</Forms.FormSection>
|
||||||
{!!plugin.settingsAboutComponent && (
|
{!!plugin.settingsAboutComponent && (
|
||||||
<div className={classes(Margins.bottom8, "vc-text-selectable")}>
|
<div style={{ marginBottom: 8 }}>
|
||||||
<Forms.FormSection>
|
<Forms.FormSection>
|
||||||
<ErrorBoundary message="An error occurred while rendering this plugin's custom InfoComponent">
|
<ErrorBoundary message="An error occurred while rendering this plugin's custom InfoComponent">
|
||||||
<plugin.settingsAboutComponent tempSettings={tempSettings} />
|
<plugin.settingsAboutComponent tempSettings={tempSettings} />
|
||||||
@ -227,7 +206,7 @@ export default function PluginModal({ plugin, onRestartNeeded, onClose, transiti
|
|||||||
</Forms.FormSection>
|
</Forms.FormSection>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
<Forms.FormSection className={Margins.bottom16}>
|
<Forms.FormSection>
|
||||||
<Forms.FormTitle tag="h3">Settings</Forms.FormTitle>
|
<Forms.FormTitle tag="h3">Settings</Forms.FormTitle>
|
||||||
{renderSettings()}
|
{renderSettings()}
|
||||||
</Forms.FormSection>
|
</Forms.FormSection>
|
||||||
@ -238,7 +217,7 @@ export default function PluginModal({ plugin, onRestartNeeded, onClose, transiti
|
|||||||
<Button
|
<Button
|
||||||
onClick={onClose}
|
onClick={onClose}
|
||||||
size={Button.Sizes.SMALL}
|
size={Button.Sizes.SMALL}
|
||||||
color={Button.Colors.PRIMARY}
|
color={Button.Colors.WHITE}
|
||||||
look={Button.Looks.LINK}
|
look={Button.Looks.LINK}
|
||||||
>
|
>
|
||||||
Cancel
|
Cancel
|
||||||
|
@ -16,9 +16,8 @@
|
|||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import { wordsFromCamel, wordsToTitle } from "@utils/text";
|
|
||||||
import { PluginOptionBoolean } from "@utils/types";
|
import { PluginOptionBoolean } from "@utils/types";
|
||||||
import { Forms, React, Switch } from "@webpack/common";
|
import { Forms, React, Select } from "@webpack/common";
|
||||||
|
|
||||||
import { ISettingElementProps } from ".";
|
import { ISettingElementProps } from ".";
|
||||||
|
|
||||||
@ -32,6 +31,11 @@ export function SettingBooleanComponent({ option, pluginSettings, definedSetting
|
|||||||
onError(error !== null);
|
onError(error !== null);
|
||||||
}, [error]);
|
}, [error]);
|
||||||
|
|
||||||
|
const options = [
|
||||||
|
{ label: "Enabled", value: true, default: def === true },
|
||||||
|
{ label: "Disabled", value: false, default: typeof def === "undefined" || def === false },
|
||||||
|
];
|
||||||
|
|
||||||
function handleChange(newValue: boolean): void {
|
function handleChange(newValue: boolean): void {
|
||||||
const isValid = option.isValid?.call(definedSettings, newValue) ?? true;
|
const isValid = option.isValid?.call(definedSettings, newValue) ?? true;
|
||||||
if (typeof isValid === "string") setError(isValid);
|
if (typeof isValid === "string") setError(isValid);
|
||||||
@ -45,17 +49,18 @@ export function SettingBooleanComponent({ option, pluginSettings, definedSetting
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<Forms.FormSection>
|
<Forms.FormSection>
|
||||||
<Switch
|
<Forms.FormTitle>{option.description}</Forms.FormTitle>
|
||||||
value={state}
|
<Select
|
||||||
onChange={handleChange}
|
isDisabled={option.disabled?.call(definedSettings) ?? false}
|
||||||
note={option.description}
|
options={options}
|
||||||
disabled={option.disabled?.call(definedSettings) ?? false}
|
placeholder={option.placeholder ?? "Select an option"}
|
||||||
|
maxVisibleItems={5}
|
||||||
|
closeOnSelect={true}
|
||||||
|
select={handleChange}
|
||||||
|
isSelected={v => v === state}
|
||||||
|
serialize={v => String(v)}
|
||||||
{...option.componentProps}
|
{...option.componentProps}
|
||||||
hideBorder
|
/>
|
||||||
style={{ marginBottom: "0.5em" }}
|
|
||||||
>
|
|
||||||
{wordsToTitle(wordsFromCamel(id))}
|
|
||||||
</Switch>
|
|
||||||
{error && <Forms.FormText style={{ color: "var(--text-danger)" }}>{error}</Forms.FormText>}
|
{error && <Forms.FormText style={{ color: "var(--text-danger)" }}>{error}</Forms.FormText>}
|
||||||
</Forms.FormSection>
|
</Forms.FormSection>
|
||||||
);
|
);
|
||||||
|
@ -38,12 +38,9 @@ export function SettingNumericComponent({ option, pluginSettings, definedSetting
|
|||||||
|
|
||||||
function handleChange(newValue) {
|
function handleChange(newValue) {
|
||||||
const isValid = option.isValid?.call(definedSettings, newValue) ?? true;
|
const isValid = option.isValid?.call(definedSettings, newValue) ?? true;
|
||||||
|
|
||||||
setError(null);
|
|
||||||
if (typeof isValid === "string") setError(isValid);
|
if (typeof isValid === "string") setError(isValid);
|
||||||
else if (!isValid) setError("Invalid input provided.");
|
else if (!isValid) setError("Invalid input provided.");
|
||||||
|
else if (option.type === OptionType.NUMBER && BigInt(newValue) >= MAX_SAFE_NUMBER) {
|
||||||
if (option.type === OptionType.NUMBER && BigInt(newValue) >= MAX_SAFE_NUMBER) {
|
|
||||||
setState(`${Number.MAX_SAFE_INTEGER}`);
|
setState(`${Number.MAX_SAFE_INTEGER}`);
|
||||||
onChange(serialize(newValue));
|
onChange(serialize(newValue));
|
||||||
} else {
|
} else {
|
||||||
|
@ -36,7 +36,6 @@ export function SettingSelectComponent({ option, pluginSettings, definedSettings
|
|||||||
if (typeof isValid === "string") setError(isValid);
|
if (typeof isValid === "string") setError(isValid);
|
||||||
else if (!isValid) setError("Invalid input provided.");
|
else if (!isValid) setError("Invalid input provided.");
|
||||||
else {
|
else {
|
||||||
setError(null);
|
|
||||||
setState(newValue);
|
setState(newValue);
|
||||||
onChange(newValue);
|
onChange(newValue);
|
||||||
}
|
}
|
||||||
|
@ -33,11 +33,11 @@ export function SettingTextComponent({ option, pluginSettings, definedSettings,
|
|||||||
const isValid = option.isValid?.call(definedSettings, newValue) ?? true;
|
const isValid = option.isValid?.call(definedSettings, newValue) ?? true;
|
||||||
if (typeof isValid === "string") setError(isValid);
|
if (typeof isValid === "string") setError(isValid);
|
||||||
else if (!isValid) setError("Invalid input provided.");
|
else if (!isValid) setError("Invalid input provided.");
|
||||||
else setError(null);
|
else {
|
||||||
|
|
||||||
setState(newValue);
|
setState(newValue);
|
||||||
onChange(newValue);
|
onChange(newValue);
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Forms.FormSection>
|
<Forms.FormSection>
|
||||||
|
@ -1,58 +0,0 @@
|
|||||||
.vc-author-modal-root {
|
|
||||||
padding: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-author-modal-header {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
margin-bottom: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-author-modal-name {
|
|
||||||
text-transform: none;
|
|
||||||
flex-grow: 0;
|
|
||||||
background: var(--background-tertiary);
|
|
||||||
border-radius: 0 9999px 9999px 0;
|
|
||||||
padding: 6px 0.8em 6px 0.5em;
|
|
||||||
font-size: 20px;
|
|
||||||
height: 20px;
|
|
||||||
position: relative;
|
|
||||||
text-wrap: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-author-modal-name::before {
|
|
||||||
content: "";
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
height: 100%;
|
|
||||||
width: 16px;
|
|
||||||
background: var(--background-tertiary);
|
|
||||||
z-index: -1;
|
|
||||||
left: -16px;
|
|
||||||
top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-author-modal-avatar {
|
|
||||||
height: 32px;
|
|
||||||
width: 32px;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-author-modal-links {
|
|
||||||
margin-left: auto;
|
|
||||||
display: flex;
|
|
||||||
gap: 0.2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-author-modal-links img {
|
|
||||||
height: 32px;
|
|
||||||
width: 32px;
|
|
||||||
border-radius: 50%;
|
|
||||||
border: 4px solid var(--background-tertiary);
|
|
||||||
box-sizing: border-box
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-author-modal-plugins {
|
|
||||||
display: grid;
|
|
||||||
gap: 0.5em;
|
|
||||||
}
|
|
@ -20,21 +20,21 @@ import "./styles.css";
|
|||||||
|
|
||||||
import * as DataStore from "@api/DataStore";
|
import * as DataStore from "@api/DataStore";
|
||||||
import { showNotice } from "@api/Notices";
|
import { showNotice } from "@api/Notices";
|
||||||
import { Settings, useSettings } from "@api/Settings";
|
import { useSettings } from "@api/settings";
|
||||||
import { classNameFactory } from "@api/Styles";
|
import { classNameFactory } from "@api/Styles";
|
||||||
import { CogWheel, InfoIcon } from "@components/Icons";
|
import ErrorBoundary from "@components/ErrorBoundary";
|
||||||
|
import { Flex } from "@components/Flex";
|
||||||
|
import { handleComponentFailed } from "@components/handleComponentFailed";
|
||||||
|
import { Badge } from "@components/PluginSettings/components";
|
||||||
import PluginModal from "@components/PluginSettings/PluginModal";
|
import PluginModal from "@components/PluginSettings/PluginModal";
|
||||||
import { AddonCard } from "@components/VencordSettings/AddonCard";
|
import { Switch } from "@components/Switch";
|
||||||
import { SettingsTab } from "@components/VencordSettings/shared";
|
|
||||||
import { ChangeList } from "@utils/ChangeList";
|
import { ChangeList } from "@utils/ChangeList";
|
||||||
import { Logger } from "@utils/Logger";
|
import Logger from "@utils/Logger";
|
||||||
import { Margins } from "@utils/margins";
|
import { classes, LazyComponent, useAwaiter } from "@utils/misc";
|
||||||
import { classes, isObjectEmpty } from "@utils/misc";
|
|
||||||
import { openModalLazy } from "@utils/modal";
|
import { openModalLazy } from "@utils/modal";
|
||||||
import { useAwaiter } from "@utils/react";
|
|
||||||
import { Plugin } from "@utils/types";
|
import { Plugin } from "@utils/types";
|
||||||
import { findByPropsLazy } from "@webpack";
|
import { findByCode, findByPropsLazy } from "@webpack";
|
||||||
import { Alerts, Button, Card, Forms, lodash, Parser, React, Select, Text, TextInput, Toasts, Tooltip } from "@webpack/common";
|
import { Alerts, Button, Card, Forms, Margins, Parser, React, Select, Text, TextInput, Toasts, Tooltip } from "@webpack/common";
|
||||||
|
|
||||||
import Plugins from "~plugins";
|
import Plugins from "~plugins";
|
||||||
|
|
||||||
@ -45,8 +45,9 @@ const cl = classNameFactory("vc-plugins-");
|
|||||||
const logger = new Logger("PluginSettings", "#a6d189");
|
const logger = new Logger("PluginSettings", "#a6d189");
|
||||||
|
|
||||||
const InputStyles = findByPropsLazy("inputDefault", "inputWrapper");
|
const InputStyles = findByPropsLazy("inputDefault", "inputWrapper");
|
||||||
const ButtonClasses = findByPropsLazy("button", "disabled", "enabled");
|
|
||||||
|
|
||||||
|
const CogWheel = LazyComponent(() => findByCode("18.564C15.797 19.099 14.932 19.498 14 19.738V22H10V19.738C9.069"));
|
||||||
|
const InfoIcon = LazyComponent(() => findByCode("4.4408921e-16 C4.4771525,-1.77635684e-15 4.4408921e-16"));
|
||||||
|
|
||||||
function showErrorToast(message: string) {
|
function showErrorToast(message: string) {
|
||||||
Toasts.show({
|
Toasts.show({
|
||||||
@ -90,8 +91,8 @@ interface PluginCardProps extends React.HTMLProps<HTMLDivElement> {
|
|||||||
isNew?: boolean;
|
isNew?: boolean;
|
||||||
}
|
}
|
||||||
|
|
||||||
export function PluginCard({ plugin, disabled, onRestartNeeded, onMouseEnter, onMouseLeave, isNew }: PluginCardProps) {
|
function PluginCard({ plugin, disabled, onRestartNeeded, onMouseEnter, onMouseLeave, isNew }: PluginCardProps) {
|
||||||
const settings = Settings.plugins[plugin.name];
|
const settings = useSettings([`plugins.${plugin.name}`]).plugins[plugin.name];
|
||||||
|
|
||||||
const isEnabled = () => settings.enabled ?? false;
|
const isEnabled = () => settings.enabled ?? false;
|
||||||
|
|
||||||
@ -122,7 +123,7 @@ export function PluginCard({ plugin, disabled, onRestartNeeded, onMouseEnter, on
|
|||||||
}
|
}
|
||||||
|
|
||||||
// if the plugin has patches, dont use stopPlugin/startPlugin. Wait for restart to apply changes.
|
// if the plugin has patches, dont use stopPlugin/startPlugin. Wait for restart to apply changes.
|
||||||
if (plugin.patches?.length) {
|
if (plugin.patches) {
|
||||||
settings.enabled = !wasEnabled;
|
settings.enabled = !wasEnabled;
|
||||||
onRestartNeeded(plugin.name);
|
onRestartNeeded(plugin.name);
|
||||||
return;
|
return;
|
||||||
@ -135,13 +136,11 @@ export function PluginCard({ plugin, disabled, onRestartNeeded, onMouseEnter, on
|
|||||||
}
|
}
|
||||||
|
|
||||||
const result = wasEnabled ? stopPlugin(plugin) : startPlugin(plugin);
|
const result = wasEnabled ? stopPlugin(plugin) : startPlugin(plugin);
|
||||||
|
const action = wasEnabled ? "stop" : "start";
|
||||||
|
|
||||||
if (!result) {
|
if (!result) {
|
||||||
settings.enabled = false;
|
logger.error(`Failed to ${action} plugin ${plugin.name}`);
|
||||||
|
showErrorToast(`Failed to ${action} plugin: ${plugin.name}`);
|
||||||
const msg = `Error while ${wasEnabled ? "stopping" : "starting"} plugin ${plugin.name}`;
|
|
||||||
logger.error(msg);
|
|
||||||
showErrorToast(msg);
|
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -149,34 +148,34 @@ export function PluginCard({ plugin, disabled, onRestartNeeded, onMouseEnter, on
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<AddonCard
|
<Flex className={cl("card", { "card-disabled": disabled })} flexDirection="column" onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>
|
||||||
name={plugin.name}
|
<div className={cl("card-header")}>
|
||||||
description={plugin.description}
|
<Text variant="text-md/bold" className={cl("name")}>
|
||||||
isNew={isNew}
|
{plugin.name}{isNew && <Badge text="NEW" color="#ED4245" />}
|
||||||
enabled={isEnabled()}
|
</Text>
|
||||||
setEnabled={toggleEnabled}
|
<button role="switch" onClick={() => openModal()} className={classes("button-12Fmur", cl("info-button"))}>
|
||||||
disabled={disabled}
|
{plugin.options
|
||||||
onMouseEnter={onMouseEnter}
|
|
||||||
onMouseLeave={onMouseLeave}
|
|
||||||
infoButton={
|
|
||||||
<button role="switch" onClick={() => openModal()} className={classes(ButtonClasses.button, cl("info-button"))}>
|
|
||||||
{plugin.options && !isObjectEmpty(plugin.options)
|
|
||||||
? <CogWheel />
|
? <CogWheel />
|
||||||
: <InfoIcon />}
|
: <InfoIcon width="24" height="24" />}
|
||||||
</button>
|
</button>
|
||||||
}
|
<Switch
|
||||||
|
checked={isEnabled()}
|
||||||
|
onChange={toggleEnabled}
|
||||||
|
disabled={disabled}
|
||||||
/>
|
/>
|
||||||
|
</div>
|
||||||
|
<Text className={cl("note")} variant="text-sm/normal">{plugin.description}</Text>
|
||||||
|
</Flex >
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
const enum SearchStatus {
|
enum SearchStatus {
|
||||||
ALL,
|
ALL,
|
||||||
ENABLED,
|
ENABLED,
|
||||||
DISABLED,
|
DISABLED
|
||||||
NEW
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export default function PluginSettings() {
|
export default ErrorBoundary.wrap(function PluginSettings() {
|
||||||
const settings = useSettings();
|
const settings = useSettings();
|
||||||
const changes = React.useMemo(() => new ChangeList<string>(), []);
|
const changes = React.useMemo(() => new ChangeList<string>(), []);
|
||||||
|
|
||||||
@ -226,14 +225,10 @@ export default function PluginSettings() {
|
|||||||
const enabled = settings.plugins[plugin.name]?.enabled;
|
const enabled = settings.plugins[plugin.name]?.enabled;
|
||||||
if (enabled && searchValue.status === SearchStatus.DISABLED) return false;
|
if (enabled && searchValue.status === SearchStatus.DISABLED) return false;
|
||||||
if (!enabled && searchValue.status === SearchStatus.ENABLED) return false;
|
if (!enabled && searchValue.status === SearchStatus.ENABLED) return false;
|
||||||
if (searchValue.status === SearchStatus.NEW && !newPlugins?.includes(plugin.name)) return false;
|
|
||||||
if (!searchValue.value.length) return true;
|
if (!searchValue.value.length) return true;
|
||||||
|
|
||||||
const v = searchValue.value.toLowerCase();
|
|
||||||
return (
|
return (
|
||||||
plugin.name.toLowerCase().includes(v) ||
|
plugin.name.toLowerCase().includes(searchValue.value.toLowerCase()) ||
|
||||||
plugin.description.toLowerCase().includes(v) ||
|
plugin.description.toLowerCase().includes(searchValue.value.toLowerCase())
|
||||||
plugin.tags?.some(t => t.toLowerCase().includes(v))
|
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
@ -251,7 +246,7 @@ export default function PluginSettings() {
|
|||||||
}
|
}
|
||||||
DataStore.set("Vencord_existingPlugins", existingTimestamps);
|
DataStore.set("Vencord_existingPlugins", existingTimestamps);
|
||||||
|
|
||||||
return lodash.isEqual(newPlugins, sortedPluginNames) ? [] : newPlugins;
|
return window._.isEqual(newPlugins, sortedPluginNames) ? [] : newPlugins;
|
||||||
}));
|
}));
|
||||||
|
|
||||||
type P = JSX.Element | JSX.Element[];
|
type P = JSX.Element | JSX.Element[];
|
||||||
@ -261,9 +256,6 @@ export default function PluginSettings() {
|
|||||||
requiredPlugins = [];
|
requiredPlugins = [];
|
||||||
|
|
||||||
for (const p of sortedPlugins) {
|
for (const p of sortedPlugins) {
|
||||||
if (!p.options && p.name.endsWith("API") && searchValue.value !== "API")
|
|
||||||
continue;
|
|
||||||
|
|
||||||
if (!pluginFilter(p)) continue;
|
if (!pluginFilter(p)) continue;
|
||||||
|
|
||||||
const isRequired = p.required || depMap[p.name]?.some(d => settings.plugins[d].enabled);
|
const isRequired = p.required || depMap[p.name]?.some(d => settings.plugins[d].enabled);
|
||||||
@ -304,23 +296,22 @@ export default function PluginSettings() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<SettingsTab title="Plugins">
|
<Forms.FormSection className={Margins.marginTop16}>
|
||||||
<ReloadRequiredCard required={changes.hasChanges} />
|
<ReloadRequiredCard required={changes.hasChanges} />
|
||||||
|
|
||||||
<Forms.FormTitle tag="h5" className={classes(Margins.top20, Margins.bottom8)}>
|
<Forms.FormTitle tag="h5" className={classes(Margins.marginTop20, Margins.marginBottom8)}>
|
||||||
Filters
|
Filters
|
||||||
</Forms.FormTitle>
|
</Forms.FormTitle>
|
||||||
|
|
||||||
<div className={cl("filter-controls")}>
|
<div className={cl("filter-controls")}>
|
||||||
<TextInput autoFocus value={searchValue.value} placeholder="Search for a plugin..." onChange={onSearch} className={Margins.bottom20} />
|
<TextInput autoFocus value={searchValue.value} placeholder="Search for a plugin..." onChange={onSearch} className={Margins.marginBottom20} />
|
||||||
<div className={InputStyles.inputWrapper}>
|
<div className={InputStyles.inputWrapper}>
|
||||||
<Select
|
<Select
|
||||||
className={InputStyles.inputDefault}
|
className={InputStyles.inputDefault}
|
||||||
options={[
|
options={[
|
||||||
{ label: "Show All", value: SearchStatus.ALL, default: true },
|
{ label: "Show All", value: SearchStatus.ALL, default: true },
|
||||||
{ label: "Show Enabled", value: SearchStatus.ENABLED },
|
{ label: "Show Enabled", value: SearchStatus.ENABLED },
|
||||||
{ label: "Show Disabled", value: SearchStatus.DISABLED },
|
{ label: "Show Disabled", value: SearchStatus.DISABLED }
|
||||||
{ label: "Show New", value: SearchStatus.NEW }
|
|
||||||
]}
|
]}
|
||||||
serialize={String}
|
serialize={String}
|
||||||
select={onStatusChange}
|
select={onStatusChange}
|
||||||
@ -330,23 +321,26 @@ export default function PluginSettings() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<Forms.FormTitle className={Margins.top20}>Plugins</Forms.FormTitle>
|
<Forms.FormTitle className={Margins.marginTop20}>Plugins</Forms.FormTitle>
|
||||||
|
|
||||||
<div className={cl("grid")}>
|
<div className={cl("grid")}>
|
||||||
{plugins}
|
{plugins}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<Forms.FormDivider className={Margins.top20} />
|
<Forms.FormDivider className={Margins.marginTop20} />
|
||||||
|
|
||||||
<Forms.FormTitle tag="h5" className={classes(Margins.top20, Margins.bottom8)}>
|
<Forms.FormTitle tag="h5" className={classes(Margins.marginTop20, Margins.marginBottom8)}>
|
||||||
Required Plugins
|
Required Plugins
|
||||||
</Forms.FormTitle>
|
</Forms.FormTitle>
|
||||||
<div className={cl("grid")}>
|
<div className={cl("grid")}>
|
||||||
{requiredPlugins}
|
{requiredPlugins}
|
||||||
</div>
|
</div>
|
||||||
</SettingsTab >
|
</Forms.FormSection >
|
||||||
);
|
);
|
||||||
}
|
}, {
|
||||||
|
message: "Failed to render the Plugin Settings. If this persists, try using the installer to reinstall!",
|
||||||
|
onError: handleComponentFailed,
|
||||||
|
});
|
||||||
|
|
||||||
function makeDependencyList(deps: string[]) {
|
function makeDependencyList(deps: string[]) {
|
||||||
return (
|
return (
|
||||||
|
@ -23,6 +23,38 @@
|
|||||||
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
|
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.vc-plugins-card {
|
||||||
|
background-color: var(--background-secondary-alt);
|
||||||
|
color: var(--interactive-active);
|
||||||
|
border-radius: 8px;
|
||||||
|
display: block;
|
||||||
|
height: 100%;
|
||||||
|
padding: 12px;
|
||||||
|
width: 100%;
|
||||||
|
transition: 0.1s ease-out;
|
||||||
|
transition-property: box-shadow, transform, background, opacity;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vc-plugins-card-disabled {
|
||||||
|
opacity: 0.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vc-plugins-card:hover {
|
||||||
|
background-color: var(--background-tertiary);
|
||||||
|
transform: translateY(-1px);
|
||||||
|
box-shadow: var(--elevation-high);
|
||||||
|
}
|
||||||
|
|
||||||
|
.vc-plugins-card-header {
|
||||||
|
margin-top: auto;
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
justify-content: flex-end;
|
||||||
|
height: 1.5rem;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
.vc-plugins-info-button {
|
.vc-plugins-info-button {
|
||||||
height: 24px;
|
height: 24px;
|
||||||
width: 24px;
|
width: 24px;
|
||||||
@ -54,6 +86,27 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.vc-plugins-note {
|
||||||
|
height: 36px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 2;
|
||||||
|
line-clamp: 2;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
/* stylelint-disable-next-line property-no-unknown */
|
||||||
|
box-orient: vertical;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vc-plugins-name {
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
align-items: center;
|
||||||
|
flex-grow: 1;
|
||||||
|
gap: 8px;
|
||||||
|
cursor: "default";
|
||||||
|
}
|
||||||
|
|
||||||
.vc-plugins-dep-name {
|
.vc-plugins-dep-name {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
@ -18,7 +18,6 @@
|
|||||||
|
|
||||||
import "./Switch.css";
|
import "./Switch.css";
|
||||||
|
|
||||||
import { classes } from "@utils/misc";
|
|
||||||
import { findByPropsLazy } from "@webpack";
|
import { findByPropsLazy } from "@webpack";
|
||||||
|
|
||||||
interface SwitchProps {
|
interface SwitchProps {
|
||||||
@ -34,7 +33,7 @@ const SwitchClasses = findByPropsLazy("slider", "input", "container");
|
|||||||
export function Switch({ checked, onChange, disabled }: SwitchProps) {
|
export function Switch({ checked, onChange, disabled }: SwitchProps) {
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<div className={classes(SwitchClasses.container, "default-colors", checked ? SwitchClasses.checked : void 0)} style={{
|
<div className={`${SwitchClasses.container} default-colors`} style={{
|
||||||
backgroundColor: checked ? SWITCH_ON : SWITCH_OFF,
|
backgroundColor: checked ? SWITCH_ON : SWITCH_OFF,
|
||||||
opacity: disabled ? 0.3 : 1
|
opacity: disabled ? 0.3 : 1
|
||||||
}}>
|
}}>
|
||||||
|
@ -1,77 +0,0 @@
|
|||||||
/*
|
|
||||||
* Vencord, a modification for Discord's desktop app
|
|
||||||
* Copyright (c) 2023 Vendicated and contributors
|
|
||||||
*
|
|
||||||
* This program is free software: you can redistribute it and/or modify
|
|
||||||
* it under the terms of the GNU General Public License as published by
|
|
||||||
* the Free Software Foundation, either version 3 of the License, or
|
|
||||||
* (at your option) any later version.
|
|
||||||
*
|
|
||||||
* This program is distributed in the hope that it will be useful,
|
|
||||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
||||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
||||||
* GNU General Public License for more details.
|
|
||||||
*
|
|
||||||
* You should have received a copy of the GNU General Public License
|
|
||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
||||||
*/
|
|
||||||
|
|
||||||
import "./addonCard.css";
|
|
||||||
|
|
||||||
import { classNameFactory } from "@api/Styles";
|
|
||||||
import { Badge } from "@components/Badge";
|
|
||||||
import { Switch } from "@components/Switch";
|
|
||||||
import { Text } from "@webpack/common";
|
|
||||||
import type { MouseEventHandler, ReactNode } from "react";
|
|
||||||
|
|
||||||
const cl = classNameFactory("vc-addon-");
|
|
||||||
|
|
||||||
interface Props {
|
|
||||||
name: ReactNode;
|
|
||||||
description: ReactNode;
|
|
||||||
enabled: boolean;
|
|
||||||
setEnabled: (enabled: boolean) => void;
|
|
||||||
disabled?: boolean;
|
|
||||||
isNew?: boolean;
|
|
||||||
onMouseEnter?: MouseEventHandler<HTMLDivElement>;
|
|
||||||
onMouseLeave?: MouseEventHandler<HTMLDivElement>;
|
|
||||||
|
|
||||||
infoButton?: ReactNode;
|
|
||||||
footer?: ReactNode;
|
|
||||||
author?: ReactNode;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function AddonCard({ disabled, isNew, name, infoButton, footer, author, enabled, setEnabled, description, onMouseEnter, onMouseLeave }: Props) {
|
|
||||||
return (
|
|
||||||
<div
|
|
||||||
className={cl("card", { "card-disabled": disabled })}
|
|
||||||
onMouseEnter={onMouseEnter}
|
|
||||||
onMouseLeave={onMouseLeave}
|
|
||||||
>
|
|
||||||
<div className={cl("header")}>
|
|
||||||
<div className={cl("name-author")}>
|
|
||||||
<Text variant="text-md/bold" className={cl("name")}>
|
|
||||||
{name}{isNew && <Badge text="NEW" color="#ED4245" />}
|
|
||||||
</Text>
|
|
||||||
{!!author && (
|
|
||||||
<Text variant="text-md/normal" className={cl("author")}>
|
|
||||||
{author}
|
|
||||||
</Text>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{infoButton}
|
|
||||||
|
|
||||||
<Switch
|
|
||||||
checked={enabled}
|
|
||||||
onChange={setEnabled}
|
|
||||||
disabled={disabled}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<Text className={cl("note")} variant="text-sm/normal">{description}</Text>
|
|
||||||
|
|
||||||
{footer}
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
@ -16,33 +16,30 @@
|
|||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
import ErrorBoundary from "@components/ErrorBoundary";
|
||||||
import { Flex } from "@components/Flex";
|
import { Flex } from "@components/Flex";
|
||||||
import { Margins } from "@utils/margins";
|
|
||||||
import { classes } from "@utils/misc";
|
import { classes } from "@utils/misc";
|
||||||
import { downloadSettingsBackup, uploadSettingsBackup } from "@utils/settingsSync";
|
import { downloadSettingsBackup, uploadSettingsBackup } from "@utils/settingsSync";
|
||||||
import { Button, Card, Text } from "@webpack/common";
|
import { Button, Card, Forms, Margins, Text } from "@webpack/common";
|
||||||
|
|
||||||
import { SettingsTab, wrapTab } from "./shared";
|
|
||||||
|
|
||||||
function BackupRestoreTab() {
|
function BackupRestoreTab() {
|
||||||
return (
|
return (
|
||||||
<SettingsTab title="Backup & Restore">
|
<Forms.FormSection title="Settings Sync" className={Margins.marginTop16}>
|
||||||
<Card className={classes("vc-settings-card", "vc-backup-restore-card")}>
|
<Card className={classes("vc-settings-card", "vc-backup-restore-card")}>
|
||||||
<Flex flexDirection="column">
|
<Flex flexDirection="column">
|
||||||
<strong>Warning</strong>
|
<strong>Warning</strong>
|
||||||
<span>Importing a settings file will overwrite your current settings.</span>
|
<span>Importing a settings file will overwrite your current settings.</span>
|
||||||
</Flex>
|
</Flex>
|
||||||
</Card>
|
</Card>
|
||||||
<Text variant="text-md/normal" className={Margins.bottom8}>
|
<Text variant="text-md/normal" className={Margins.marginBottom8}>
|
||||||
You can import and export your Vencord settings as a JSON file.
|
You can import and export your Vencord settings as a JSON file.
|
||||||
This allows you to easily transfer your settings to another device,
|
This allows you to easily transfer your settings to another device,
|
||||||
or recover your settings after reinstalling Vencord or Discord.
|
or recover your settings after reinstalling Vencord or Discord.
|
||||||
</Text>
|
</Text>
|
||||||
<Text variant="text-md/normal" className={Margins.bottom8}>
|
<Text variant="text-md/normal" className={Margins.marginBottom8}>
|
||||||
Settings Export contains:
|
Settings Export contains:
|
||||||
<ul>
|
<ul>
|
||||||
<li>— Custom QuickCSS</li>
|
<li>— Custom QuickCSS</li>
|
||||||
<li>— Theme Links</li>
|
|
||||||
<li>— Plugin Settings</li>
|
<li>— Plugin Settings</li>
|
||||||
</ul>
|
</ul>
|
||||||
</Text>
|
</Text>
|
||||||
@ -60,8 +57,8 @@ function BackupRestoreTab() {
|
|||||||
Export Settings
|
Export Settings
|
||||||
</Button>
|
</Button>
|
||||||
</Flex>
|
</Flex>
|
||||||
</SettingsTab>
|
</Forms.FormSection>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
export default wrapTab(BackupRestoreTab, "Backup & Restore");
|
export default ErrorBoundary.wrap(BackupRestoreTab);
|
@ -1,165 +0,0 @@
|
|||||||
/*
|
|
||||||
* Vencord, a modification for Discord's desktop app
|
|
||||||
* Copyright (c) 2023 Vendicated and contributors
|
|
||||||
*
|
|
||||||
* This program is free software: you can redistribute it and/or modify
|
|
||||||
* it under the terms of the GNU General Public License as published by
|
|
||||||
* the Free Software Foundation, either version 3 of the License, or
|
|
||||||
* (at your option) any later version.
|
|
||||||
*
|
|
||||||
* This program is distributed in the hope that it will be useful,
|
|
||||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
||||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
||||||
* GNU General Public License for more details.
|
|
||||||
*
|
|
||||||
* You should have received a copy of the GNU General Public License
|
|
||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
||||||
*/
|
|
||||||
|
|
||||||
import { showNotification } from "@api/Notifications";
|
|
||||||
import { Settings, useSettings } from "@api/Settings";
|
|
||||||
import { CheckedTextInput } from "@components/CheckedTextInput";
|
|
||||||
import { Link } from "@components/Link";
|
|
||||||
import { authorizeCloud, cloudLogger, deauthorizeCloud, getCloudAuth, getCloudUrl } from "@utils/cloud";
|
|
||||||
import { Margins } from "@utils/margins";
|
|
||||||
import { deleteCloudSettings, getCloudSettings, putCloudSettings } from "@utils/settingsSync";
|
|
||||||
import { Alerts, Button, Forms, Switch, Tooltip } from "@webpack/common";
|
|
||||||
|
|
||||||
import { SettingsTab, wrapTab } from "./shared";
|
|
||||||
|
|
||||||
function validateUrl(url: string) {
|
|
||||||
try {
|
|
||||||
new URL(url);
|
|
||||||
return true;
|
|
||||||
} catch {
|
|
||||||
return "Invalid URL";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async function eraseAllData() {
|
|
||||||
const res = await fetch(new URL("/v1/", getCloudUrl()), {
|
|
||||||
method: "DELETE",
|
|
||||||
headers: new Headers({
|
|
||||||
Authorization: await getCloudAuth()
|
|
||||||
})
|
|
||||||
});
|
|
||||||
|
|
||||||
if (!res.ok) {
|
|
||||||
cloudLogger.error(`Failed to erase data, API returned ${res.status}`);
|
|
||||||
showNotification({
|
|
||||||
title: "Cloud Integrations",
|
|
||||||
body: `Could not erase all data (API returned ${res.status}), please contact support.`,
|
|
||||||
color: "var(--red-360)"
|
|
||||||
});
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
Settings.cloud.authenticated = false;
|
|
||||||
await deauthorizeCloud();
|
|
||||||
|
|
||||||
showNotification({
|
|
||||||
title: "Cloud Integrations",
|
|
||||||
body: "Successfully erased all data.",
|
|
||||||
color: "var(--green-360)"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function SettingsSyncSection() {
|
|
||||||
const { cloud } = useSettings(["cloud.authenticated", "cloud.settingsSync"]);
|
|
||||||
const sectionEnabled = cloud.authenticated && cloud.settingsSync;
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Forms.FormSection title="Settings Sync" className={Margins.top16}>
|
|
||||||
<Forms.FormText variant="text-md/normal" className={Margins.bottom20}>
|
|
||||||
Synchronize your settings to the cloud. This allows easy synchronization across multiple devices with
|
|
||||||
minimal effort.
|
|
||||||
</Forms.FormText>
|
|
||||||
<Switch
|
|
||||||
key="cloud-sync"
|
|
||||||
disabled={!cloud.authenticated}
|
|
||||||
value={cloud.settingsSync}
|
|
||||||
onChange={v => { cloud.settingsSync = v; }}
|
|
||||||
>
|
|
||||||
Settings Sync
|
|
||||||
</Switch>
|
|
||||||
<div className="vc-cloud-settings-sync-grid">
|
|
||||||
<Button
|
|
||||||
size={Button.Sizes.SMALL}
|
|
||||||
disabled={!sectionEnabled}
|
|
||||||
onClick={() => putCloudSettings(true)}
|
|
||||||
>Sync to Cloud</Button>
|
|
||||||
<Tooltip text="This will overwrite your local settings with the ones on the cloud. Use wisely!">
|
|
||||||
{({ onMouseLeave, onMouseEnter }) => (
|
|
||||||
<Button
|
|
||||||
onMouseLeave={onMouseLeave}
|
|
||||||
onMouseEnter={onMouseEnter}
|
|
||||||
size={Button.Sizes.SMALL}
|
|
||||||
color={Button.Colors.RED}
|
|
||||||
disabled={!sectionEnabled}
|
|
||||||
onClick={() => getCloudSettings(true, true)}
|
|
||||||
>Sync from Cloud</Button>
|
|
||||||
)}
|
|
||||||
</Tooltip>
|
|
||||||
<Button
|
|
||||||
size={Button.Sizes.SMALL}
|
|
||||||
color={Button.Colors.RED}
|
|
||||||
disabled={!sectionEnabled}
|
|
||||||
onClick={() => deleteCloudSettings()}
|
|
||||||
>Delete Cloud Settings</Button>
|
|
||||||
</div>
|
|
||||||
</Forms.FormSection>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
function CloudTab() {
|
|
||||||
const settings = useSettings(["cloud.authenticated", "cloud.url"]);
|
|
||||||
|
|
||||||
return (
|
|
||||||
<SettingsTab title="Vencord Cloud">
|
|
||||||
<Forms.FormSection title="Cloud Settings" className={Margins.top16}>
|
|
||||||
<Forms.FormText variant="text-md/normal" className={Margins.bottom20}>
|
|
||||||
Vencord comes with a cloud integration that adds goodies like settings sync across devices.
|
|
||||||
It <Link href="https://vencord.dev/cloud/privacy">respects your privacy</Link>, and
|
|
||||||
the <Link href="https://github.com/Vencord/Backend">source code</Link> is AGPL 3.0 licensed so you
|
|
||||||
can host it yourself.
|
|
||||||
</Forms.FormText>
|
|
||||||
<Switch
|
|
||||||
key="backend"
|
|
||||||
value={settings.cloud.authenticated}
|
|
||||||
onChange={v => { v && authorizeCloud(); if (!v) settings.cloud.authenticated = v; }}
|
|
||||||
note="This will request authorization if you have not yet set up cloud integrations."
|
|
||||||
>
|
|
||||||
Enable Cloud Integrations
|
|
||||||
</Switch>
|
|
||||||
<Forms.FormTitle tag="h5">Backend URL</Forms.FormTitle>
|
|
||||||
<Forms.FormText className={Margins.bottom8}>
|
|
||||||
Which backend to use when using cloud integrations.
|
|
||||||
</Forms.FormText>
|
|
||||||
<CheckedTextInput
|
|
||||||
key="backendUrl"
|
|
||||||
value={settings.cloud.url}
|
|
||||||
onChange={v => { settings.cloud.url = v; settings.cloud.authenticated = false; deauthorizeCloud(); }}
|
|
||||||
validate={validateUrl}
|
|
||||||
/>
|
|
||||||
<Button
|
|
||||||
className={Margins.top8}
|
|
||||||
size={Button.Sizes.MEDIUM}
|
|
||||||
color={Button.Colors.RED}
|
|
||||||
disabled={!settings.cloud.authenticated}
|
|
||||||
onClick={() => Alerts.show({
|
|
||||||
title: "Are you sure?",
|
|
||||||
body: "Once your data is erased, we cannot recover it. There's no going back!",
|
|
||||||
onConfirm: eraseAllData,
|
|
||||||
confirmText: "Erase it!",
|
|
||||||
confirmColor: "vc-cloud-erase-data-danger-btn",
|
|
||||||
cancelText: "Nevermind"
|
|
||||||
})}
|
|
||||||
>Erase All Data</Button>
|
|
||||||
<Forms.FormDivider className={Margins.top16} />
|
|
||||||
</Forms.FormSection >
|
|
||||||
<SettingsSyncSection />
|
|
||||||
</SettingsTab>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export default wrapTab(CloudTab, "Cloud");
|
|
@ -16,8 +16,7 @@
|
|||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
import ErrorBoundary from "@components/ErrorBoundary";
|
||||||
import PluginSettings from "@components/PluginSettings";
|
import PluginSettings from "@components/PluginSettings";
|
||||||
|
|
||||||
import { wrapTab } from "./shared";
|
export default ErrorBoundary.wrap(PluginSettings);
|
||||||
|
|
||||||
export default wrapTab(PluginSettings, "Plugins");
|
|
||||||
|
@ -16,36 +16,15 @@
|
|||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import { useSettings } from "@api/Settings";
|
import { useSettings } from "@api/settings";
|
||||||
import { classNameFactory } from "@api/Styles";
|
import ErrorBoundary from "@components/ErrorBoundary";
|
||||||
import { Flex } from "@components/Flex";
|
|
||||||
import { DeleteIcon } from "@components/Icons";
|
|
||||||
import { Link } from "@components/Link";
|
import { Link } from "@components/Link";
|
||||||
import { Margins } from "@utils/margins";
|
import { useAwaiter } from "@utils/misc";
|
||||||
import { classes } from "@utils/misc";
|
import { findLazy } from "@webpack";
|
||||||
import { showItemInFolder } from "@utils/native";
|
import { Card, Forms, Margins, React, TextArea } from "@webpack/common";
|
||||||
import { useAwaiter } from "@utils/react";
|
|
||||||
import { findByPropsLazy, findLazy } from "@webpack";
|
|
||||||
import { Button, Card, FluxDispatcher, Forms, React, showToast, TabBar, TextArea, useEffect, useRef, useState } from "@webpack/common";
|
|
||||||
import { UserThemeHeader } from "main/themes";
|
|
||||||
import type { ComponentType, Ref, SyntheticEvent } from "react";
|
|
||||||
|
|
||||||
import { AddonCard } from "./AddonCard";
|
|
||||||
import { SettingsTab, wrapTab } from "./shared";
|
|
||||||
|
|
||||||
type FileInput = ComponentType<{
|
|
||||||
ref: Ref<HTMLInputElement>;
|
|
||||||
onChange: (e: SyntheticEvent<HTMLInputElement>) => void;
|
|
||||||
multiple?: boolean;
|
|
||||||
filters?: { name?: string; extensions: string[]; }[];
|
|
||||||
}>;
|
|
||||||
|
|
||||||
const InviteActions = findByPropsLazy("resolveInvite");
|
|
||||||
const FileInput: FileInput = findLazy(m => m.prototype?.activateUploadDialogue && m.prototype.setRef);
|
|
||||||
const TextAreaProps = findLazy(m => typeof m.textarea === "string");
|
const TextAreaProps = findLazy(m => typeof m.textarea === "string");
|
||||||
|
|
||||||
const cl = classNameFactory("vc-settings-theme-");
|
|
||||||
|
|
||||||
function Validator({ link }: { link: string; }) {
|
function Validator({ link }: { link: string; }) {
|
||||||
const [res, err, pending] = useAwaiter(() => fetch(link).then(res => {
|
const [res, err, pending] = useAwaiter(() => fetch(link).then(res => {
|
||||||
if (res.status > 300) throw `${res.status} ${res.statusText}`;
|
if (res.status > 300) throw `${res.status} ${res.statusText}`;
|
||||||
@ -72,7 +51,7 @@ function Validators({ themeLinks }: { themeLinks: string[]; }) {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Forms.FormTitle className={Margins.top20} tag="h5">Validator</Forms.FormTitle>
|
<Forms.FormTitle className={Margins.marginTop20} tag="h5">Validator</Forms.FormTitle>
|
||||||
<Forms.FormText>This section will tell you whether your themes can successfully be loaded</Forms.FormText>
|
<Forms.FormText>This section will tell you whether your themes can successfully be loaded</Forms.FormText>
|
||||||
<div>
|
<div>
|
||||||
{themeLinks.map(link => (
|
{themeLinks.map(link => (
|
||||||
@ -94,191 +73,10 @@ function Validators({ themeLinks }: { themeLinks: string[]; }) {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
interface ThemeCardProps {
|
export default ErrorBoundary.wrap(function () {
|
||||||
theme: UserThemeHeader;
|
const settings = useSettings();
|
||||||
enabled: boolean;
|
const [themeText, setThemeText] = React.useState(settings.themeLinks.join("\n"));
|
||||||
onChange: (enabled: boolean) => void;
|
|
||||||
onDelete: () => void;
|
|
||||||
}
|
|
||||||
|
|
||||||
function ThemeCard({ theme, enabled, onChange, onDelete }: ThemeCardProps) {
|
|
||||||
return (
|
|
||||||
<AddonCard
|
|
||||||
name={theme.name}
|
|
||||||
description={theme.description}
|
|
||||||
author={theme.author}
|
|
||||||
enabled={enabled}
|
|
||||||
setEnabled={onChange}
|
|
||||||
infoButton={
|
|
||||||
IS_WEB && (
|
|
||||||
<div style={{ cursor: "pointer", color: "var(--status-danger" }} onClick={onDelete}>
|
|
||||||
<DeleteIcon />
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
footer={
|
|
||||||
<Flex flexDirection="row" style={{ gap: "0.2em" }}>
|
|
||||||
{!!theme.website && <Link href={theme.website}>Website</Link>}
|
|
||||||
{!!(theme.website && theme.invite) && " • "}
|
|
||||||
{!!theme.invite && (
|
|
||||||
<Link
|
|
||||||
href={`https://discord.gg/${theme.invite}`}
|
|
||||||
onClick={async e => {
|
|
||||||
e.preventDefault();
|
|
||||||
const { invite } = await InviteActions.resolveInvite(theme.invite, "Desktop Modal");
|
|
||||||
if (!invite) return showToast("Invalid or expired invite");
|
|
||||||
|
|
||||||
FluxDispatcher.dispatch({
|
|
||||||
type: "INVITE_MODAL_OPEN",
|
|
||||||
invite,
|
|
||||||
code: theme.invite,
|
|
||||||
context: "APP"
|
|
||||||
});
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
Discord Server
|
|
||||||
</Link>
|
|
||||||
)}
|
|
||||||
</Flex>
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
enum ThemeTab {
|
|
||||||
LOCAL,
|
|
||||||
ONLINE
|
|
||||||
}
|
|
||||||
|
|
||||||
function ThemesTab() {
|
|
||||||
const settings = useSettings(["themeLinks", "enabledThemes"]);
|
|
||||||
|
|
||||||
const fileInputRef = useRef<HTMLInputElement>(null);
|
|
||||||
const [currentTab, setCurrentTab] = useState(ThemeTab.LOCAL);
|
|
||||||
const [themeText, setThemeText] = useState(settings.themeLinks.join("\n"));
|
|
||||||
const [userThemes, setUserThemes] = useState<UserThemeHeader[] | null>(null);
|
|
||||||
const [themeDir, , themeDirPending] = useAwaiter(VencordNative.themes.getThemesDir);
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
refreshLocalThemes();
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
async function refreshLocalThemes() {
|
|
||||||
const themes = await VencordNative.themes.getThemesList();
|
|
||||||
setUserThemes(themes);
|
|
||||||
}
|
|
||||||
|
|
||||||
// When a local theme is enabled/disabled, update the settings
|
|
||||||
function onLocalThemeChange(fileName: string, value: boolean) {
|
|
||||||
if (value) {
|
|
||||||
if (settings.enabledThemes.includes(fileName)) return;
|
|
||||||
settings.enabledThemes = [...settings.enabledThemes, fileName];
|
|
||||||
} else {
|
|
||||||
settings.enabledThemes = settings.enabledThemes.filter(f => f !== fileName);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async function onFileUpload(e: SyntheticEvent<HTMLInputElement>) {
|
|
||||||
e.stopPropagation();
|
|
||||||
e.preventDefault();
|
|
||||||
if (!e.currentTarget?.files?.length) return;
|
|
||||||
const { files } = e.currentTarget;
|
|
||||||
|
|
||||||
const uploads = Array.from(files, file => {
|
|
||||||
const { name } = file;
|
|
||||||
if (!name.endsWith(".css")) return;
|
|
||||||
|
|
||||||
return new Promise<void>((resolve, reject) => {
|
|
||||||
const reader = new FileReader();
|
|
||||||
reader.onload = () => {
|
|
||||||
VencordNative.themes.uploadTheme(name, reader.result as string)
|
|
||||||
.then(resolve)
|
|
||||||
.catch(reject);
|
|
||||||
};
|
|
||||||
reader.readAsText(file);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
await Promise.all(uploads);
|
|
||||||
refreshLocalThemes();
|
|
||||||
}
|
|
||||||
|
|
||||||
function renderLocalThemes() {
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<Card className="vc-settings-card">
|
|
||||||
<Forms.FormTitle tag="h5">Find Themes:</Forms.FormTitle>
|
|
||||||
<div style={{ marginBottom: ".5em", display: "flex", flexDirection: "column" }}>
|
|
||||||
<Link style={{ marginRight: ".5em" }} href="https://betterdiscord.app/themes">
|
|
||||||
BetterDiscord Themes
|
|
||||||
</Link>
|
|
||||||
<Link href="https://github.com/search?q=discord+theme">GitHub</Link>
|
|
||||||
</div>
|
|
||||||
<Forms.FormText>If using the BD site, click on "Download" and place the downloaded .theme.css file into your themes folder.</Forms.FormText>
|
|
||||||
</Card>
|
|
||||||
|
|
||||||
<Forms.FormSection title="Local Themes">
|
|
||||||
<Card className="vc-settings-quick-actions-card">
|
|
||||||
<>
|
|
||||||
{IS_WEB ?
|
|
||||||
(
|
|
||||||
<Button
|
|
||||||
size={Button.Sizes.SMALL}
|
|
||||||
disabled={themeDirPending}
|
|
||||||
>
|
|
||||||
Upload Theme
|
|
||||||
<FileInput
|
|
||||||
ref={fileInputRef}
|
|
||||||
onChange={onFileUpload}
|
|
||||||
multiple={true}
|
|
||||||
filters={[{ extensions: ["css"] }]}
|
|
||||||
/>
|
|
||||||
</Button>
|
|
||||||
) : (
|
|
||||||
<Button
|
|
||||||
onClick={() => showItemInFolder(themeDir!)}
|
|
||||||
size={Button.Sizes.SMALL}
|
|
||||||
disabled={themeDirPending}
|
|
||||||
>
|
|
||||||
Open Themes Folder
|
|
||||||
</Button>
|
|
||||||
)}
|
|
||||||
<Button
|
|
||||||
onClick={refreshLocalThemes}
|
|
||||||
size={Button.Sizes.SMALL}
|
|
||||||
>
|
|
||||||
Load missing Themes
|
|
||||||
</Button>
|
|
||||||
<Button
|
|
||||||
onClick={() => VencordNative.quickCss.openEditor()}
|
|
||||||
size={Button.Sizes.SMALL}
|
|
||||||
>
|
|
||||||
Edit QuickCSS
|
|
||||||
</Button>
|
|
||||||
</>
|
|
||||||
</Card>
|
|
||||||
|
|
||||||
<div className={cl("grid")}>
|
|
||||||
{userThemes?.map(theme => (
|
|
||||||
<ThemeCard
|
|
||||||
key={theme.fileName}
|
|
||||||
enabled={settings.enabledThemes.includes(theme.fileName)}
|
|
||||||
onChange={enabled => onLocalThemeChange(theme.fileName, enabled)}
|
|
||||||
onDelete={async () => {
|
|
||||||
onLocalThemeChange(theme.fileName, false);
|
|
||||||
await VencordNative.themes.deleteTheme(theme.fileName);
|
|
||||||
refreshLocalThemes();
|
|
||||||
}}
|
|
||||||
theme={theme}
|
|
||||||
/>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
</Forms.FormSection>
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
// When the user leaves the online theme textbox, update the settings
|
|
||||||
function onBlur() {
|
function onBlur() {
|
||||||
settings.themeLinks = [...new Set(
|
settings.themeLinks = [...new Set(
|
||||||
themeText
|
themeText
|
||||||
@ -289,58 +87,46 @@ function ThemesTab() {
|
|||||||
)];
|
)];
|
||||||
}
|
}
|
||||||
|
|
||||||
function renderOnlineThemes() {
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Card className="vc-settings-card vc-text-selectable">
|
<Card className="vc-settings-card">
|
||||||
<Forms.FormTitle tag="h5">Paste links to css files here</Forms.FormTitle>
|
<Forms.FormTitle tag="h5">Paste links to .css / .theme.css files here</Forms.FormTitle>
|
||||||
<Forms.FormText>One link per line</Forms.FormText>
|
<Forms.FormText>One link per line</Forms.FormText>
|
||||||
<Forms.FormText>Make sure to use direct links to files (raw or github.io)!</Forms.FormText>
|
<Forms.FormText>Make sure to use the raw links or github.io links!</Forms.FormText>
|
||||||
|
<Forms.FormDivider className={Margins.marginTop8 + " " + Margins.marginBottom8} />
|
||||||
|
<Forms.FormTitle tag="h5">Find Themes:</Forms.FormTitle>
|
||||||
|
<div style={{ marginBottom: ".5em" }}>
|
||||||
|
<Link style={{ marginRight: ".5em" }} href="https://betterdiscord.app/themes">
|
||||||
|
BetterDiscord Themes
|
||||||
|
</Link>
|
||||||
|
<Link href="https://github.com/search?q=discord+theme">GitHub</Link>
|
||||||
|
</div>
|
||||||
|
<Forms.FormText>If using the BD site, click on "Source" somewhere below the Download button</Forms.FormText>
|
||||||
|
<Forms.FormText>In the GitHub repository of your theme, find X.theme.css / X.css, click on it, then click the "Raw" button</Forms.FormText>
|
||||||
|
<Forms.FormText>
|
||||||
|
If the theme has configuration that requires you to edit the file:
|
||||||
|
<ul>
|
||||||
|
<li>• Make a <Link href="https://github.com/signup">GitHub</Link> account</li>
|
||||||
|
<li>• Click the fork button on the top right</li>
|
||||||
|
<li>• Edit the file</li>
|
||||||
|
<li>• Use the link to your own repository instead</li>
|
||||||
|
</ul>
|
||||||
|
</Forms.FormText>
|
||||||
</Card>
|
</Card>
|
||||||
|
<Forms.FormTitle tag="h5">Themes</Forms.FormTitle>
|
||||||
<Forms.FormSection title="Online Themes" tag="h5">
|
|
||||||
<TextArea
|
<TextArea
|
||||||
|
style={{
|
||||||
|
padding: ".5em",
|
||||||
|
border: "1px solid var(--background-modifier-accent)"
|
||||||
|
}}
|
||||||
value={themeText}
|
value={themeText}
|
||||||
onChange={setThemeText}
|
onChange={e => setThemeText(e.currentTarget.value)}
|
||||||
className={classes(TextAreaProps.textarea, "vc-settings-theme-links")}
|
className={TextAreaProps.textarea}
|
||||||
placeholder="Theme Links"
|
placeholder="Theme Links"
|
||||||
spellCheck={false}
|
spellCheck={false}
|
||||||
onBlur={onBlur}
|
onBlur={onBlur}
|
||||||
rows={10}
|
|
||||||
/>
|
/>
|
||||||
<Validators themeLinks={settings.themeLinks} />
|
<Validators themeLinks={settings.themeLinks} />
|
||||||
</Forms.FormSection>
|
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
}
|
});
|
||||||
|
|
||||||
return (
|
|
||||||
<SettingsTab title="Themes">
|
|
||||||
<TabBar
|
|
||||||
type="top"
|
|
||||||
look="brand"
|
|
||||||
className="vc-settings-tab-bar"
|
|
||||||
selectedItem={currentTab}
|
|
||||||
onItemSelect={setCurrentTab}
|
|
||||||
>
|
|
||||||
<TabBar.Item
|
|
||||||
className="vc-settings-tab-bar-item"
|
|
||||||
id={ThemeTab.LOCAL}
|
|
||||||
>
|
|
||||||
Local Themes
|
|
||||||
</TabBar.Item>
|
|
||||||
<TabBar.Item
|
|
||||||
className="vc-settings-tab-bar-item"
|
|
||||||
id={ThemeTab.ONLINE}
|
|
||||||
>
|
|
||||||
Online Themes
|
|
||||||
</TabBar.Item>
|
|
||||||
</TabBar>
|
|
||||||
|
|
||||||
{currentTab === ThemeTab.LOCAL && renderLocalThemes()}
|
|
||||||
{currentTab === ThemeTab.ONLINE && renderOnlineThemes()}
|
|
||||||
</SettingsTab>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export default wrapTab(ThemesTab, "Themes");
|
|
||||||
|
@ -16,21 +16,18 @@
|
|||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import { useSettings } from "@api/Settings";
|
import { useSettings } from "@api/settings";
|
||||||
|
import ErrorBoundary from "@components/ErrorBoundary";
|
||||||
import { ErrorCard } from "@components/ErrorCard";
|
import { ErrorCard } from "@components/ErrorCard";
|
||||||
import { Flex } from "@components/Flex";
|
import { Flex } from "@components/Flex";
|
||||||
|
import { handleComponentFailed } from "@components/handleComponentFailed";
|
||||||
import { Link } from "@components/Link";
|
import { Link } from "@components/Link";
|
||||||
import { Margins } from "@utils/margins";
|
import { classes, useAwaiter } from "@utils/misc";
|
||||||
import { classes } from "@utils/misc";
|
import { changes, checkForUpdates, getRepo, isNewer, rebuild, update, updateError, UpdateLogger } from "@utils/updater";
|
||||||
import { relaunch } from "@utils/native";
|
import { Alerts, Button, Card, Forms, Margins, Parser, React, Switch, Toasts } from "@webpack/common";
|
||||||
import { useAwaiter } from "@utils/react";
|
|
||||||
import { changes, checkForUpdates, getRepo, isNewer, update, updateError, UpdateLogger } from "@utils/updater";
|
|
||||||
import { Alerts, Button, Card, Forms, Parser, React, Switch, Toasts } from "@webpack/common";
|
|
||||||
|
|
||||||
import gitHash from "~git-hash";
|
import gitHash from "~git-hash";
|
||||||
|
|
||||||
import { SettingsTab, wrapTab } from "./shared";
|
|
||||||
|
|
||||||
function withDispatcher(dispatcher: React.Dispatch<React.SetStateAction<boolean>>, action: () => any) {
|
function withDispatcher(dispatcher: React.Dispatch<React.SetStateAction<boolean>>, action: () => any) {
|
||||||
return async () => {
|
return async () => {
|
||||||
dispatcher(true);
|
dispatcher(true);
|
||||||
@ -46,7 +43,7 @@ function withDispatcher(dispatcher: React.Dispatch<React.SetStateAction<boolean>
|
|||||||
if (code === "ENOENT")
|
if (code === "ENOENT")
|
||||||
var err = `Command \`${path}\` not found.\nPlease install it and try again`;
|
var err = `Command \`${path}\` not found.\nPlease install it and try again`;
|
||||||
else {
|
else {
|
||||||
var err = `An error occurred while running \`${cmd}\`:\n`;
|
var err = `An error occured while running \`${cmd}\`:\n`;
|
||||||
err += stderr || `Code \`${code}\`. See the console for more info`;
|
err += stderr || `Code \`${code}\`. See the console for more info`;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -112,20 +109,21 @@ function Updatable(props: CommonProps) {
|
|||||||
</ErrorCard>
|
</ErrorCard>
|
||||||
</>
|
</>
|
||||||
) : (
|
) : (
|
||||||
<Forms.FormText className={Margins.bottom8}>
|
<Forms.FormText className={Margins.marginBottom8}>
|
||||||
{isOutdated ? `There are ${updates.length} Updates` : "Up to Date!"}
|
{isOutdated ? `There are ${updates.length} Updates` : "Up to Date!"}
|
||||||
</Forms.FormText>
|
</Forms.FormText>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{isOutdated && <Changes updates={updates} {...props} />}
|
{isOutdated && <Changes updates={updates} {...props} />}
|
||||||
|
|
||||||
<Flex className={classes(Margins.bottom8, Margins.top8)}>
|
<Flex className={classes(Margins.marginBottom8, Margins.marginTop8)}>
|
||||||
{isOutdated && <Button
|
{isOutdated && <Button
|
||||||
size={Button.Sizes.SMALL}
|
size={Button.Sizes.SMALL}
|
||||||
disabled={isUpdating || isChecking}
|
disabled={isUpdating || isChecking}
|
||||||
onClick={withDispatcher(setIsUpdating, async () => {
|
onClick={withDispatcher(setIsUpdating, async () => {
|
||||||
if (await update()) {
|
if (await update()) {
|
||||||
setUpdates([]);
|
setUpdates([]);
|
||||||
|
const needFullRestart = await rebuild();
|
||||||
await new Promise<void>(r => {
|
await new Promise<void>(r => {
|
||||||
Alerts.show({
|
Alerts.show({
|
||||||
title: "Update Success!",
|
title: "Update Success!",
|
||||||
@ -133,7 +131,10 @@ function Updatable(props: CommonProps) {
|
|||||||
confirmText: "Restart",
|
confirmText: "Restart",
|
||||||
cancelText: "Not now!",
|
cancelText: "Not now!",
|
||||||
onConfirm() {
|
onConfirm() {
|
||||||
relaunch();
|
if (needFullRestart)
|
||||||
|
window.DiscordNative.app.relaunch();
|
||||||
|
else
|
||||||
|
location.reload();
|
||||||
r();
|
r();
|
||||||
},
|
},
|
||||||
onCancel: r
|
onCancel: r
|
||||||
@ -174,7 +175,7 @@ function Updatable(props: CommonProps) {
|
|||||||
function Newer(props: CommonProps) {
|
function Newer(props: CommonProps) {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Forms.FormText className={Margins.bottom8}>
|
<Forms.FormText className={Margins.marginBottom8}>
|
||||||
Your local copy has more recent commits. Please stash or reset them.
|
Your local copy has more recent commits. Please stash or reset them.
|
||||||
</Forms.FormText>
|
</Forms.FormText>
|
||||||
<Changes {...props} updates={changes} />
|
<Changes {...props} updates={changes} />
|
||||||
@ -183,7 +184,7 @@ function Newer(props: CommonProps) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function Updater() {
|
function Updater() {
|
||||||
const settings = useSettings(["notifyAboutUpdates", "autoUpdate", "autoUpdateNotification"]);
|
const settings = useSettings(["notifyAboutUpdates", "autoUpdate"]);
|
||||||
|
|
||||||
const [repo, err, repoPending] = useAwaiter(getRepo, { fallbackValue: "Loading..." });
|
const [repo, err, repoPending] = useAwaiter(getRepo, { fallbackValue: "Loading..." });
|
||||||
|
|
||||||
@ -198,12 +199,12 @@ function Updater() {
|
|||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<SettingsTab title="Vencord Updater">
|
<Forms.FormSection className={Margins.marginTop16}>
|
||||||
<Forms.FormTitle tag="h5">Updater Settings</Forms.FormTitle>
|
<Forms.FormTitle tag="h5">Updater Settings</Forms.FormTitle>
|
||||||
<Switch
|
<Switch
|
||||||
value={settings.notifyAboutUpdates}
|
value={settings.notifyAboutUpdates}
|
||||||
onChange={(v: boolean) => settings.notifyAboutUpdates = v}
|
onChange={(v: boolean) => settings.notifyAboutUpdates = v}
|
||||||
note="Shows a notification on startup"
|
note="Shows a toast on startup"
|
||||||
disabled={settings.autoUpdate}
|
disabled={settings.autoUpdate}
|
||||||
>
|
>
|
||||||
Get notified about new updates
|
Get notified about new updates
|
||||||
@ -215,38 +216,25 @@ function Updater() {
|
|||||||
>
|
>
|
||||||
Automatically update
|
Automatically update
|
||||||
</Switch>
|
</Switch>
|
||||||
<Switch
|
|
||||||
value={settings.autoUpdateNotification}
|
|
||||||
onChange={(v: boolean) => settings.autoUpdateNotification = v}
|
|
||||||
note="Shows a notification when Vencord automatically updates"
|
|
||||||
disabled={!settings.autoUpdate}
|
|
||||||
>
|
|
||||||
Get notified when an automatic update completes
|
|
||||||
</Switch>
|
|
||||||
|
|
||||||
<Forms.FormTitle tag="h5">Repo</Forms.FormTitle>
|
<Forms.FormTitle tag="h5">Repo</Forms.FormTitle>
|
||||||
|
|
||||||
<Forms.FormText className="vc-text-selectable">
|
<Forms.FormText>{repoPending ? repo : err ? "Failed to retrieve - check console" : (
|
||||||
{repoPending
|
|
||||||
? repo
|
|
||||||
: err
|
|
||||||
? "Failed to retrieve - check console"
|
|
||||||
: (
|
|
||||||
<Link href={repo}>
|
<Link href={repo}>
|
||||||
{repo.split("/").slice(-2).join("/")}
|
{repo.split("/").slice(-2).join("/")}
|
||||||
</Link>
|
</Link>
|
||||||
)
|
)} (<HashLink hash={gitHash} repo={repo} disabled={repoPending} />)</Forms.FormText>
|
||||||
}
|
|
||||||
{" "}(<HashLink hash={gitHash} repo={repo} disabled={repoPending} />)
|
|
||||||
</Forms.FormText>
|
|
||||||
|
|
||||||
<Forms.FormDivider className={Margins.top8 + " " + Margins.bottom8} />
|
<Forms.FormDivider className={Margins.marginTop8 + " " + Margins.marginBottom8} />
|
||||||
|
|
||||||
<Forms.FormTitle tag="h5">Updates</Forms.FormTitle>
|
<Forms.FormTitle tag="h5">Updates</Forms.FormTitle>
|
||||||
|
|
||||||
{isNewer ? <Newer {...commonProps} /> : <Updatable {...commonProps} />}
|
{isNewer ? <Newer {...commonProps} /> : <Updatable {...commonProps} />}
|
||||||
</SettingsTab>
|
</Forms.FormSection >
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
export default IS_UPDATER_DISABLED ? null : wrapTab(Updater, "Updater");
|
export default IS_WEB ? null : ErrorBoundary.wrap(Updater, {
|
||||||
|
message: "Failed to render the Updater. If this persists, try using the installer to reinstall!",
|
||||||
|
onError: handleComponentFailed,
|
||||||
|
});
|
@ -16,19 +16,17 @@
|
|||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import { openNotificationLogModal } from "@api/Notifications/notificationLog";
|
|
||||||
import { Settings, useSettings } from "@api/Settings";
|
import { useSettings } from "@api/settings";
|
||||||
import { classNameFactory } from "@api/Styles";
|
import { classNameFactory } from "@api/Styles";
|
||||||
import DonateButton from "@components/DonateButton";
|
import DonateButton from "@components/DonateButton";
|
||||||
|
import ErrorBoundary from "@components/ErrorBoundary";
|
||||||
import { ErrorCard } from "@components/ErrorCard";
|
import { ErrorCard } from "@components/ErrorCard";
|
||||||
|
import IpcEvents from "@utils/IpcEvents";
|
||||||
import { Margins } from "@utils/margins";
|
import { Margins } from "@utils/margins";
|
||||||
import { identity } from "@utils/misc";
|
import { identity, useAwaiter } from "@utils/misc";
|
||||||
import { relaunch, showItemInFolder } from "@utils/native";
|
|
||||||
import { useAwaiter } from "@utils/react";
|
|
||||||
import { Button, Card, Forms, React, Select, Slider, Switch } from "@webpack/common";
|
import { Button, Card, Forms, React, Select, Slider, Switch } from "@webpack/common";
|
||||||
|
|
||||||
import { SettingsTab, wrapTab } from "./shared";
|
|
||||||
|
|
||||||
const cl = classNameFactory("vc-settings-");
|
const cl = classNameFactory("vc-settings-");
|
||||||
|
|
||||||
const DEFAULT_DONATE_IMAGE = "https://cdn.discordapp.com/emojis/1026533090627174460.png";
|
const DEFAULT_DONATE_IMAGE = "https://cdn.discordapp.com/emojis/1026533090627174460.png";
|
||||||
@ -39,15 +37,15 @@ type KeysOfType<Object, Type> = {
|
|||||||
}[keyof Object];
|
}[keyof Object];
|
||||||
|
|
||||||
function VencordSettings() {
|
function VencordSettings() {
|
||||||
const [settingsDir, , settingsDirPending] = useAwaiter(VencordNative.settings.getSettingsDir, {
|
const [settingsDir, , settingsDirPending] = useAwaiter(() => VencordNative.ipc.invoke<string>(IpcEvents.GET_SETTINGS_DIR), {
|
||||||
fallbackValue: "Loading..."
|
fallbackValue: "Loading..."
|
||||||
});
|
});
|
||||||
const settings = useSettings();
|
const settings = useSettings();
|
||||||
|
const notifSettings = settings.notifications;
|
||||||
|
|
||||||
const donateImage = React.useMemo(() => Math.random() > 0.5 ? DEFAULT_DONATE_IMAGE : SHIGGY_DONATE_IMAGE, []);
|
const donateImage = React.useMemo(() => Math.random() > 0.5 ? DEFAULT_DONATE_IMAGE : SHIGGY_DONATE_IMAGE, []);
|
||||||
|
|
||||||
const isWindows = navigator.platform.toLowerCase().startsWith("win");
|
const isWindows = navigator.platform.toLowerCase().startsWith("win");
|
||||||
const isMac = navigator.platform.toLowerCase().startsWith("mac");
|
|
||||||
|
|
||||||
const Switches: Array<false | {
|
const Switches: Array<false | {
|
||||||
key: KeysOfType<typeof settings, boolean>;
|
key: KeysOfType<typeof settings, boolean>;
|
||||||
@ -65,16 +63,12 @@ function VencordSettings() {
|
|||||||
title: "Enable React Developer Tools",
|
title: "Enable React Developer Tools",
|
||||||
note: "Requires a full restart"
|
note: "Requires a full restart"
|
||||||
},
|
},
|
||||||
!IS_WEB && (!IS_DISCORD_DESKTOP || !isWindows ? {
|
!IS_WEB && !isWindows && {
|
||||||
key: "frameless",
|
key: "frameless",
|
||||||
title: "Disable the window frame",
|
title: "Disable the window frame",
|
||||||
note: "Requires a full restart"
|
note: "Requires a full restart"
|
||||||
} : {
|
},
|
||||||
key: "winNativeTitleBar",
|
!IS_WEB && {
|
||||||
title: "Use Windows' native title bar instead of Discord's custom one",
|
|
||||||
note: "Requires a full restart"
|
|
||||||
}),
|
|
||||||
!IS_WEB && false /* This causes electron to freeze / white screen for some people */ && {
|
|
||||||
key: "transparent",
|
key: "transparent",
|
||||||
title: "Enable window transparency",
|
title: "Enable window transparency",
|
||||||
note: "Requires a full restart"
|
note: "Requires a full restart"
|
||||||
@ -83,53 +77,48 @@ function VencordSettings() {
|
|||||||
key: "winCtrlQ",
|
key: "winCtrlQ",
|
||||||
title: "Register Ctrl+Q as shortcut to close Discord (Alternative to Alt+F4)",
|
title: "Register Ctrl+Q as shortcut to close Discord (Alternative to Alt+F4)",
|
||||||
note: "Requires a full restart"
|
note: "Requires a full restart"
|
||||||
},
|
|
||||||
IS_DISCORD_DESKTOP && {
|
|
||||||
key: "disableMinSize",
|
|
||||||
title: "Disable minimum window size",
|
|
||||||
note: "Requires a full restart"
|
|
||||||
},
|
|
||||||
IS_DISCORD_DESKTOP && isMac && {
|
|
||||||
key: "macosTranslucency",
|
|
||||||
title: "Enable translucent window",
|
|
||||||
note: "Requires a full restart"
|
|
||||||
}
|
}
|
||||||
];
|
];
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<SettingsTab title="Vencord Settings">
|
<React.Fragment>
|
||||||
<DonateCard image={donateImage} />
|
<DonateCard image={donateImage} />
|
||||||
<Forms.FormSection title="Quick Actions">
|
<Forms.FormSection title="Quick Actions">
|
||||||
<Card className={cl("quick-actions-card")}>
|
<Card className={cl("quick-actions-card")}>
|
||||||
<React.Fragment>
|
{IS_WEB ? (
|
||||||
{!IS_WEB && (
|
|
||||||
<Button
|
<Button
|
||||||
onClick={relaunch}
|
onClick={() => require("../Monaco").launchMonacoEditor()}
|
||||||
size={Button.Sizes.SMALL}>
|
|
||||||
Restart Client
|
|
||||||
</Button>
|
|
||||||
)}
|
|
||||||
<Button
|
|
||||||
onClick={() => VencordNative.quickCss.openEditor()}
|
|
||||||
size={Button.Sizes.SMALL}
|
size={Button.Sizes.SMALL}
|
||||||
disabled={settingsDir === "Loading..."}>
|
disabled={settingsDir === "Loading..."}>
|
||||||
Open QuickCSS File
|
Open QuickCSS File
|
||||||
</Button>
|
</Button>
|
||||||
{!IS_WEB && (
|
) : (
|
||||||
|
<React.Fragment>
|
||||||
<Button
|
<Button
|
||||||
onClick={() => showItemInFolder(settingsDir)}
|
onClick={() => window.DiscordNative.app.relaunch()}
|
||||||
|
size={Button.Sizes.SMALL}>
|
||||||
|
Restart Client
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
onClick={() => VencordNative.ipc.invoke(IpcEvents.OPEN_MONACO_EDITOR)}
|
||||||
|
size={Button.Sizes.SMALL}
|
||||||
|
disabled={settingsDir === "Loading..."}>
|
||||||
|
Open QuickCSS File
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
onClick={() => window.DiscordNative.fileManager.showItemInFolder(settingsDir)}
|
||||||
size={Button.Sizes.SMALL}
|
size={Button.Sizes.SMALL}
|
||||||
disabled={settingsDirPending}>
|
disabled={settingsDirPending}>
|
||||||
Open Settings Folder
|
Open Settings Folder
|
||||||
</Button>
|
</Button>
|
||||||
)}
|
|
||||||
<Button
|
<Button
|
||||||
onClick={() => VencordNative.native.openExternal("https://github.com/Vendicated/Vencord")}
|
onClick={() => VencordNative.ipc.invoke(IpcEvents.OPEN_EXTERNAL, "https://github.com/Vendicated/Vencord")}
|
||||||
size={Button.Sizes.SMALL}
|
size={Button.Sizes.SMALL}
|
||||||
disabled={settingsDirPending}>
|
disabled={settingsDirPending}>
|
||||||
Open in GitHub
|
Open in GitHub
|
||||||
</Button>
|
</Button>
|
||||||
</React.Fragment>
|
</React.Fragment>
|
||||||
|
)}
|
||||||
</Card>
|
</Card>
|
||||||
</Forms.FormSection>
|
</Forms.FormSection>
|
||||||
|
|
||||||
@ -152,16 +141,8 @@ function VencordSettings() {
|
|||||||
</Forms.FormSection>
|
</Forms.FormSection>
|
||||||
|
|
||||||
|
|
||||||
{typeof Notification !== "undefined" && <NotificationSection settings={settings.notifications} />}
|
|
||||||
</SettingsTab>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
function NotificationSection({ settings }: { settings: typeof Settings["notifications"]; }) {
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<Forms.FormTitle tag="h5">Notification Style</Forms.FormTitle>
|
<Forms.FormTitle tag="h5">Notification Style</Forms.FormTitle>
|
||||||
{settings.useNative !== "never" && Notification?.permission === "denied" && (
|
{notifSettings.useNative !== "never" && Notification.permission === "denied" && (
|
||||||
<ErrorCard style={{ padding: "1em" }} className={Margins.bottom8}>
|
<ErrorCard style={{ padding: "1em" }} className={Margins.bottom8}>
|
||||||
<Forms.FormTitle tag="h5">Desktop Notification Permission denied</Forms.FormTitle>
|
<Forms.FormTitle tag="h5">Desktop Notification Permission denied</Forms.FormTitle>
|
||||||
<Forms.FormText>You have denied Notification Permissions. Thus, Desktop notifications will not work!</Forms.FormText>
|
<Forms.FormText>You have denied Notification Permissions. Thus, Desktop notifications will not work!</Forms.FormText>
|
||||||
@ -180,66 +161,44 @@ function NotificationSection({ settings }: { settings: typeof Settings["notifica
|
|||||||
{ label: "Only use Desktop notifications when Discord is not focused", value: "not-focused", default: true },
|
{ label: "Only use Desktop notifications when Discord is not focused", value: "not-focused", default: true },
|
||||||
{ label: "Always use Desktop notifications", value: "always" },
|
{ label: "Always use Desktop notifications", value: "always" },
|
||||||
{ label: "Always use Vencord notifications", value: "never" },
|
{ label: "Always use Vencord notifications", value: "never" },
|
||||||
] satisfies Array<{ value: typeof settings["useNative"]; } & Record<string, any>>}
|
]satisfies Array<{ value: typeof settings["notifications"]["useNative"]; } & Record<string, any>>}
|
||||||
closeOnSelect={true}
|
closeOnSelect={true}
|
||||||
select={v => settings.useNative = v}
|
select={v => notifSettings.useNative = v}
|
||||||
isSelected={v => v === settings.useNative}
|
isSelected={v => v === notifSettings.useNative}
|
||||||
serialize={identity}
|
serialize={identity}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<Forms.FormTitle tag="h5" className={Margins.top16 + " " + Margins.bottom8}>Notification Position</Forms.FormTitle>
|
<Forms.FormTitle tag="h5" className={Margins.top16 + " " + Margins.bottom8}>Notification Position</Forms.FormTitle>
|
||||||
<Select
|
<Select
|
||||||
isDisabled={settings.useNative === "always"}
|
isDisabled={notifSettings.useNative === "always"}
|
||||||
placeholder="Notification Position"
|
placeholder="Notification Position"
|
||||||
options={[
|
options={[
|
||||||
{ label: "Bottom Right", value: "bottom-right", default: true },
|
{ label: "Bottom Right", value: "bottom-right", default: true },
|
||||||
{ label: "Top Right", value: "top-right" },
|
{ label: "Top Right", value: "top-right" },
|
||||||
] satisfies Array<{ value: typeof settings["position"]; } & Record<string, any>>}
|
]satisfies Array<{ value: typeof settings["notifications"]["position"]; } & Record<string, any>>}
|
||||||
select={v => settings.position = v}
|
select={v => notifSettings.position = v}
|
||||||
isSelected={v => v === settings.position}
|
isSelected={v => v === notifSettings.position}
|
||||||
serialize={identity}
|
serialize={identity}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<Forms.FormTitle tag="h5" className={Margins.top16 + " " + Margins.bottom8}>Notification Timeout</Forms.FormTitle>
|
<Forms.FormTitle tag="h5" className={Margins.top16 + " " + Margins.bottom8}>Notification Timeout</Forms.FormTitle>
|
||||||
<Forms.FormText className={Margins.bottom16}>Set to 0s to never automatically time out</Forms.FormText>
|
<Forms.FormText className={Margins.bottom16}>Set to 0s to never automatically time out</Forms.FormText>
|
||||||
<Slider
|
<Slider
|
||||||
disabled={settings.useNative === "always"}
|
disabled={notifSettings.useNative === "always"}
|
||||||
markers={[0, 1000, 2500, 5000, 10_000, 20_000]}
|
markers={[0, 1000, 2500, 5000, 10_000, 20_000]}
|
||||||
minValue={0}
|
minValue={0}
|
||||||
maxValue={20_000}
|
maxValue={20_000}
|
||||||
initialValue={settings.timeout}
|
initialValue={notifSettings.timeout}
|
||||||
onValueChange={v => settings.timeout = v}
|
onValueChange={v => notifSettings.timeout = v}
|
||||||
onValueRender={v => (v / 1000).toFixed(2) + "s"}
|
onValueRender={v => (v / 1000).toFixed(2) + "s"}
|
||||||
onMarkerRender={v => (v / 1000) + "s"}
|
onMarkerRender={v => (v / 1000) + "s"}
|
||||||
stickToMarkers={false}
|
stickToMarkers={false}
|
||||||
/>
|
/>
|
||||||
|
</React.Fragment>
|
||||||
<Forms.FormTitle tag="h5" className={Margins.top16 + " " + Margins.bottom8}>Notification Log Limit</Forms.FormTitle>
|
|
||||||
<Forms.FormText className={Margins.bottom16}>
|
|
||||||
The amount of notifications to save in the log until old ones are removed.
|
|
||||||
Set to <code>0</code> to disable Notification log and <code>∞</code> to never automatically remove old Notifications
|
|
||||||
</Forms.FormText>
|
|
||||||
<Slider
|
|
||||||
markers={[0, 25, 50, 75, 100, 200]}
|
|
||||||
minValue={0}
|
|
||||||
maxValue={200}
|
|
||||||
stickToMarkers={true}
|
|
||||||
initialValue={settings.logLimit}
|
|
||||||
onValueChange={v => settings.logLimit = v}
|
|
||||||
onValueRender={v => v === 200 ? "∞" : v}
|
|
||||||
onMarkerRender={v => v === 200 ? "∞" : v}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<Button
|
|
||||||
onClick={openNotificationLogModal}
|
|
||||||
disabled={settings.logLimit === 0}
|
|
||||||
>
|
|
||||||
Open Notification Log
|
|
||||||
</Button>
|
|
||||||
</>
|
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
interface DonateCardProps {
|
interface DonateCardProps {
|
||||||
image: string;
|
image: string;
|
||||||
}
|
}
|
||||||
@ -257,14 +216,10 @@ function DonateCard({ image }: DonateCardProps) {
|
|||||||
src={image}
|
src={image}
|
||||||
alt=""
|
alt=""
|
||||||
height={128}
|
height={128}
|
||||||
style={{
|
style={{ marginLeft: "auto", transform: image === DEFAULT_DONATE_IMAGE ? "rotate(10deg)" : "" }}
|
||||||
imageRendering: image === SHIGGY_DONATE_IMAGE ? "pixelated" : void 0,
|
|
||||||
marginLeft: "auto",
|
|
||||||
transform: image === DEFAULT_DONATE_IMAGE ? "rotate(10deg)" : void 0
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</Card>
|
</Card>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
export default wrapTab(VencordSettings, "Vencord Settings");
|
export default ErrorBoundary.wrap(VencordSettings);
|
||||||
|
@ -1,64 +0,0 @@
|
|||||||
.vc-addon-card {
|
|
||||||
background-color: var(--background-secondary-alt);
|
|
||||||
color: var(--interactive-active);
|
|
||||||
border-radius: 8px;
|
|
||||||
display: block;
|
|
||||||
height: 100%;
|
|
||||||
padding: 12px;
|
|
||||||
width: 100%;
|
|
||||||
transition: 0.1s ease-out;
|
|
||||||
transition-property: box-shadow, transform, background, opacity;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-addon-card-disabled {
|
|
||||||
opacity: 0.6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-addon-card:hover {
|
|
||||||
background-color: var(--background-tertiary);
|
|
||||||
transform: translateY(-1px);
|
|
||||||
box-shadow: var(--elevation-high);
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-addon-header {
|
|
||||||
margin-top: auto;
|
|
||||||
display: flex;
|
|
||||||
width: 100%;
|
|
||||||
justify-content: flex-end;
|
|
||||||
align-items: center;
|
|
||||||
gap: 8px;
|
|
||||||
margin-bottom: 0.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-addon-note {
|
|
||||||
height: 36px;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
display: -webkit-box;
|
|
||||||
-webkit-line-clamp: 2;
|
|
||||||
line-clamp: 2;
|
|
||||||
-webkit-box-orient: vertical;
|
|
||||||
/* stylelint-disable-next-line property-no-unknown */
|
|
||||||
box-orient: vertical;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-addon-name-author {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-addon-name {
|
|
||||||
display: flex;
|
|
||||||
width: 100%;
|
|
||||||
align-items: center;
|
|
||||||
flex-grow: 1;
|
|
||||||
gap: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-addon-author {
|
|
||||||
font-size: 0.8em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-addon-author::before {
|
|
||||||
content: "by ";
|
|
||||||
}
|
|
89
src/components/VencordSettings/index.tsx
Normal file
89
src/components/VencordSettings/index.tsx
Normal file
@ -0,0 +1,89 @@
|
|||||||
|
/*
|
||||||
|
* Vencord, a modification for Discord's desktop app
|
||||||
|
* Copyright (c) 2022 Vendicated and contributors
|
||||||
|
*
|
||||||
|
* This program is free software: you can redistribute it and/or modify
|
||||||
|
* it under the terms of the GNU General Public License as published by
|
||||||
|
* the Free Software Foundation, either version 3 of the License, or
|
||||||
|
* (at your option) any later version.
|
||||||
|
*
|
||||||
|
* This program is distributed in the hope that it will be useful,
|
||||||
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||||
|
* GNU General Public License for more details.
|
||||||
|
*
|
||||||
|
* You should have received a copy of the GNU General Public License
|
||||||
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
|
*/
|
||||||
|
|
||||||
|
import "./settingsStyles.css";
|
||||||
|
|
||||||
|
import { classNameFactory } from "@api/Styles";
|
||||||
|
import ErrorBoundary from "@components/ErrorBoundary";
|
||||||
|
import { findByCodeLazy } from "@webpack";
|
||||||
|
import { Forms, SettingsRouter, Text } from "@webpack/common";
|
||||||
|
|
||||||
|
import BackupRestoreTab from "./BackupRestoreTab";
|
||||||
|
import PluginsTab from "./PluginsTab";
|
||||||
|
import ThemesTab from "./ThemesTab";
|
||||||
|
import Updater from "./Updater";
|
||||||
|
import VencordSettings from "./VencordTab";
|
||||||
|
|
||||||
|
const cl = classNameFactory("vc-settings-");
|
||||||
|
|
||||||
|
const TabBar = findByCodeLazy('[role="tab"][aria-disabled="false"]');
|
||||||
|
|
||||||
|
interface SettingsProps {
|
||||||
|
tab: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface SettingsTab {
|
||||||
|
name: string;
|
||||||
|
component?: React.ComponentType;
|
||||||
|
}
|
||||||
|
|
||||||
|
const SettingsTabs: Record<string, SettingsTab> = {
|
||||||
|
VencordSettings: { name: "Vencord", component: () => <VencordSettings /> },
|
||||||
|
VencordPlugins: { name: "Plugins", component: () => <PluginsTab /> },
|
||||||
|
VencordThemes: { name: "Themes", component: () => <ThemesTab /> },
|
||||||
|
VencordUpdater: { name: "Updater" }, // Only show updater if IS_WEB is false
|
||||||
|
VencordSettingsSync: { name: "Backup & Restore", component: () => <BackupRestoreTab /> },
|
||||||
|
};
|
||||||
|
|
||||||
|
if (!IS_WEB) SettingsTabs.VencordUpdater.component = () => Updater && <Updater />;
|
||||||
|
|
||||||
|
function Settings(props: SettingsProps) {
|
||||||
|
const { tab = "VencordSettings" } = props;
|
||||||
|
|
||||||
|
const CurrentTab = SettingsTabs[tab]?.component;
|
||||||
|
|
||||||
|
return <Forms.FormSection>
|
||||||
|
<Text variant="heading-md/normal" tag="h2">Vencord Settings</Text>
|
||||||
|
|
||||||
|
<TabBar
|
||||||
|
type={TabBar.Types.TOP}
|
||||||
|
look={TabBar.Looks.BRAND}
|
||||||
|
className={cl("tab-bar")}
|
||||||
|
selectedItem={tab}
|
||||||
|
onItemSelect={SettingsRouter.open}
|
||||||
|
>
|
||||||
|
{Object.entries(SettingsTabs).map(([key, { name, component }]) => {
|
||||||
|
if (!component) return null;
|
||||||
|
return <TabBar.Item
|
||||||
|
id={key}
|
||||||
|
className={cl("tab-bar-item")}
|
||||||
|
key={key}>
|
||||||
|
{name}
|
||||||
|
</TabBar.Item>;
|
||||||
|
})}
|
||||||
|
</TabBar>
|
||||||
|
<Forms.FormDivider />
|
||||||
|
{CurrentTab && <CurrentTab />}
|
||||||
|
</Forms.FormSection >;
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function (props: SettingsProps) {
|
||||||
|
return <ErrorBoundary>
|
||||||
|
<Settings tab={props.tab} />
|
||||||
|
</ErrorBoundary>;
|
||||||
|
}
|
@ -1,6 +1,6 @@
|
|||||||
.vc-settings-tab-bar {
|
.vc-settings-tab-bar {
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: -2px;
|
||||||
border-bottom: 2px solid var(--background-modifier-accent);
|
border-bottom: 2px solid var(--background-modifier-accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -15,7 +15,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
gap: 1em;
|
gap: 1em;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-evenly;
|
justify-content: space-between;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
flex-flow: row wrap;
|
flex-flow: row wrap;
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
@ -29,39 +29,12 @@
|
|||||||
.vc-settings-card {
|
.vc-settings-card {
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
|
margin-top: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.vc-backup-restore-card {
|
.vc-backup-restore-card {
|
||||||
background-color: var(--info-warning-background);
|
background-color: var(--info-warning-background);
|
||||||
border-color: var(--info-warning-foreground);
|
border-color: var(--info-warning-foreground);
|
||||||
color: var(--info-warning-text);
|
color: var(--info-warning-text);
|
||||||
}
|
margin-top: 0;
|
||||||
|
|
||||||
.vc-settings-theme-links {
|
|
||||||
/* Needed to fix bad themes that hide certain textarea elements for whatever eldritch reason */
|
|
||||||
display: inline-block !important;
|
|
||||||
color: var(--text-normal) !important;
|
|
||||||
padding: 0.5em;
|
|
||||||
border: 1px solid var(--background-modifier-accent);
|
|
||||||
max-height: unset;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-cloud-settings-sync-grid {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(3, 1fr);
|
|
||||||
grid-gap: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-cloud-erase-data-danger-btn {
|
|
||||||
color: var(--white-500);
|
|
||||||
background-color: var(--button-danger-background);
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-text-selectable,
|
|
||||||
.vc-text-selectable :where([class*="text" i], [class*="title" i]) {
|
|
||||||
/* make text selectable, silly discord makes the entirety of settings not selectable */
|
|
||||||
user-select: text;
|
|
||||||
|
|
||||||
/* discord also sets cursor: default which prevents the cursor from showing as text */
|
|
||||||
cursor: initial;
|
|
||||||
}
|
}
|
||||||
|
@ -1,52 +0,0 @@
|
|||||||
/*
|
|
||||||
* Vencord, a modification for Discord's desktop app
|
|
||||||
* Copyright (c) 2023 Vendicated and contributors
|
|
||||||
*
|
|
||||||
* This program is free software: you can redistribute it and/or modify
|
|
||||||
* it under the terms of the GNU General Public License as published by
|
|
||||||
* the Free Software Foundation, either version 3 of the License, or
|
|
||||||
* (at your option) any later version.
|
|
||||||
*
|
|
||||||
* This program is distributed in the hope that it will be useful,
|
|
||||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
||||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
||||||
* GNU General Public License for more details.
|
|
||||||
*
|
|
||||||
* You should have received a copy of the GNU General Public License
|
|
||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
||||||
*/
|
|
||||||
|
|
||||||
import "./settingsStyles.css";
|
|
||||||
import "./themesStyles.css";
|
|
||||||
|
|
||||||
import ErrorBoundary from "@components/ErrorBoundary";
|
|
||||||
import { handleComponentFailed } from "@components/handleComponentFailed";
|
|
||||||
import { Margins } from "@utils/margins";
|
|
||||||
import { onlyOnce } from "@utils/onlyOnce";
|
|
||||||
import { Forms, Text } from "@webpack/common";
|
|
||||||
import type { ComponentType, PropsWithChildren } from "react";
|
|
||||||
|
|
||||||
export function SettingsTab({ title, children }: PropsWithChildren<{ title: string; }>) {
|
|
||||||
return (
|
|
||||||
<Forms.FormSection>
|
|
||||||
<Text
|
|
||||||
variant="heading-lg/semibold"
|
|
||||||
tag="h2"
|
|
||||||
className={Margins.bottom16}
|
|
||||||
>
|
|
||||||
{title}
|
|
||||||
</Text>
|
|
||||||
|
|
||||||
{children}
|
|
||||||
</Forms.FormSection>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
const onError = onlyOnce(handleComponentFailed);
|
|
||||||
|
|
||||||
export function wrapTab(component: ComponentType, tab: string) {
|
|
||||||
return ErrorBoundary.wrap(component, {
|
|
||||||
message: `Failed to render the ${tab} tab. If this issue persists, try using the installer to reinstall!`,
|
|
||||||
onError,
|
|
||||||
});
|
|
||||||
}
|
|
@ -1,29 +0,0 @@
|
|||||||
.vc-settings-theme-grid {
|
|
||||||
display: grid;
|
|
||||||
grid-gap: 16px;
|
|
||||||
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-settings-theme-card {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
background-color: var(--background-secondary-alt);
|
|
||||||
color: var(--interactive-active);
|
|
||||||
border-radius: 8px;
|
|
||||||
padding: 1em;
|
|
||||||
width: 100%;
|
|
||||||
transition: 0.1s ease-out;
|
|
||||||
transition-property: box-shadow, transform, background, opacity;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-settings-theme-card-text {
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
height: 1.2em;
|
|
||||||
margin-bottom: 2px;
|
|
||||||
white-space: nowrap;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-settings-theme-author::before {
|
|
||||||
content: "by ";
|
|
||||||
}
|
|
@ -16,12 +16,29 @@
|
|||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import { maybePromptToUpdate } from "@utils/updater";
|
import { isOutdated, rebuild, update } from "@utils/updater";
|
||||||
|
|
||||||
export function handleComponentFailed() {
|
export async function handleComponentFailed() {
|
||||||
maybePromptToUpdate(
|
if (isOutdated) {
|
||||||
|
setImmediate(async () => {
|
||||||
|
const wantsUpdate = confirm(
|
||||||
"Uh Oh! Failed to render this Page." +
|
"Uh Oh! Failed to render this Page." +
|
||||||
" However, there is an update available that might fix it." +
|
" However, there is an update available that might fix it." +
|
||||||
" Would you like to update and restart now?"
|
" Would you like to update and restart now?"
|
||||||
);
|
);
|
||||||
|
if (wantsUpdate) {
|
||||||
|
try {
|
||||||
|
await update();
|
||||||
|
await rebuild();
|
||||||
|
if (IS_WEB)
|
||||||
|
location.reload();
|
||||||
|
else
|
||||||
|
DiscordNative.app.relaunch();
|
||||||
|
} catch (e) {
|
||||||
|
console.error(e);
|
||||||
|
alert("That also failed :( Try updating or reinstalling with the installer!");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
@ -1,7 +0,0 @@
|
|||||||
.vc-open-external-icon {
|
|
||||||
transform: rotate(45deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-owner-crown-icon {
|
|
||||||
color: var(--text-warning);
|
|
||||||
}
|
|
@ -1,6 +1,6 @@
|
|||||||
/*
|
/*
|
||||||
* Vencord, a modification for Discord's desktop app
|
* Vencord, a modification for Discord's desktop app
|
||||||
* Copyright (c) 2023 Vendicated and contributors
|
* Copyright (c) 2022 Vendicated and contributors
|
||||||
*
|
*
|
||||||
* This program is free software: you can redistribute it and/or modify
|
* This program is free software: you can redistribute it and/or modify
|
||||||
* it under the terms of the GNU General Public License as published by
|
* it under the terms of the GNU General Public License as published by
|
||||||
@ -16,7 +16,6 @@
|
|||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
export function waitFor(condition: () => boolean, cb: () => void) {
|
export { default as PatchHelper } from "./PatchHelper";
|
||||||
if (condition()) cb();
|
export { default as PluginSettings } from "./PluginSettings";
|
||||||
else requestAnimationFrame(() => waitFor(condition, cb));
|
export { default as VencordSettings } from "./VencordSettings";
|
||||||
}
|
|
52
src/components/monacoWin.html
Normal file
52
src/components/monacoWin.html
Normal file
@ -0,0 +1,52 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>QuickCss Editor</title>
|
||||||
|
<link rel="stylesheet" data-name="vs/editor/editor.main"
|
||||||
|
href="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.34.0/min/vs/editor/editor.main.min.css">
|
||||||
|
<style>
|
||||||
|
html,
|
||||||
|
body,
|
||||||
|
#container {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div id="container"></div>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.34.0/min/vs/loader.min.js"></script>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
require.config({ paths: { 'vs': 'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.34.0/min/vs' } });
|
||||||
|
require(["vs/editor/editor.main"], () => {
|
||||||
|
getCurrentCss().then(css => {
|
||||||
|
var editor = monaco.editor.create(document.getElementById('container'), {
|
||||||
|
value: css,
|
||||||
|
language: 'css',
|
||||||
|
theme: getTheme(),
|
||||||
|
});
|
||||||
|
editor.onDidChangeModelContent(() =>
|
||||||
|
setCss(editor.getValue())
|
||||||
|
);
|
||||||
|
window.addEventListener("resize", () => {
|
||||||
|
// make monaco re-layout
|
||||||
|
editor.layout();
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
@ -16,7 +16,7 @@
|
|||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import { Logger } from "@utils/Logger";
|
import Logger from "@utils/Logger";
|
||||||
|
|
||||||
if (IS_DEV) {
|
if (IS_DEV) {
|
||||||
var traces = {} as Record<string, [number, any[]]>;
|
var traces = {} as Record<string, [number, any[]]>;
|
||||||
|
11
src/globals.d.ts
vendored
11
src/globals.d.ts
vendored
@ -33,14 +33,8 @@ declare global {
|
|||||||
* replace: `${IS_WEB}?foo:bar`
|
* replace: `${IS_WEB}?foo:bar`
|
||||||
*/
|
*/
|
||||||
export var IS_WEB: boolean;
|
export var IS_WEB: boolean;
|
||||||
export var IS_EXTENSION: boolean;
|
|
||||||
export var IS_DEV: boolean;
|
export var IS_DEV: boolean;
|
||||||
export var IS_STANDALONE: boolean;
|
export var IS_STANDALONE: boolean;
|
||||||
export var IS_UPDATER_DISABLED: boolean;
|
|
||||||
export var IS_DISCORD_DESKTOP: boolean;
|
|
||||||
export var IS_VESKTOP: boolean;
|
|
||||||
export var VERSION: string;
|
|
||||||
export var BUILD_TIMESTAMP: number;
|
|
||||||
|
|
||||||
export var VencordNative: typeof import("./VencordNative").default;
|
export var VencordNative: typeof import("./VencordNative").default;
|
||||||
export var Vencord: typeof import("./Vencord");
|
export var Vencord: typeof import("./Vencord");
|
||||||
@ -57,11 +51,10 @@ declare global {
|
|||||||
* Only available when running in Electron, undefined on web.
|
* Only available when running in Electron, undefined on web.
|
||||||
* Thus, avoid using this or only use it inside an {@link IS_WEB} guard.
|
* Thus, avoid using this or only use it inside an {@link IS_WEB} guard.
|
||||||
*
|
*
|
||||||
* If you really must use it, mark your plugin as Desktop App only by naming it Foo.desktop.ts(x)
|
* If you really must use it, mark your plugin as Desktop App only via
|
||||||
|
* `target: "DESKTOP"`
|
||||||
*/
|
*/
|
||||||
export var DiscordNative: any;
|
export var DiscordNative: any;
|
||||||
export var Vesktop: any;
|
|
||||||
export var VesktopNative: any;
|
|
||||||
|
|
||||||
interface Window {
|
interface Window {
|
||||||
webpackChunkdiscord_app: {
|
webpackChunkdiscord_app: {
|
||||||
|
@ -25,15 +25,11 @@ export const DATA_DIR = process.env.VENCORD_USER_DATA_DIR ?? (
|
|||||||
: join(app.getPath("userData"), "..", "Vencord")
|
: join(app.getPath("userData"), "..", "Vencord")
|
||||||
);
|
);
|
||||||
export const SETTINGS_DIR = join(DATA_DIR, "settings");
|
export const SETTINGS_DIR = join(DATA_DIR, "settings");
|
||||||
export const THEMES_DIR = join(DATA_DIR, "themes");
|
|
||||||
export const QUICKCSS_PATH = join(SETTINGS_DIR, "quickCss.css");
|
export const QUICKCSS_PATH = join(SETTINGS_DIR, "quickCss.css");
|
||||||
export const SETTINGS_FILE = join(SETTINGS_DIR, "settings.json");
|
export const SETTINGS_FILE = join(SETTINGS_DIR, "settings.json");
|
||||||
export const ALLOWED_PROTOCOLS = [
|
export const ALLOWED_PROTOCOLS = [
|
||||||
"https:",
|
"https:",
|
||||||
"http:",
|
"http:",
|
||||||
"steam:",
|
"steam:",
|
||||||
"spotify:",
|
"spotify:"
|
||||||
"com.epicgames.launcher:",
|
|
||||||
];
|
];
|
||||||
|
|
||||||
export const IS_VANILLA = /* @__PURE__ */ process.argv.includes("--vanilla");
|
|
@ -1,4 +1,4 @@
|
|||||||
/* eslint-disable simple-header/header */
|
/* eslint-disable header/header */
|
||||||
|
|
||||||
/*!
|
/*!
|
||||||
* crxToZip
|
* crxToZip
|
@ -17,60 +17,25 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
import "./updater";
|
import "./updater";
|
||||||
import "./ipcPlugins";
|
|
||||||
|
|
||||||
import { debounce } from "@utils/debounce";
|
import { debounce } from "@utils/debounce";
|
||||||
import { IpcEvents } from "@utils/IpcEvents";
|
import IpcEvents from "@utils/IpcEvents";
|
||||||
import { Queue } from "@utils/Queue";
|
import { Queue } from "@utils/Queue";
|
||||||
import { BrowserWindow, ipcMain, shell, systemPreferences } from "electron";
|
import { BrowserWindow, ipcMain, shell } from "electron";
|
||||||
import { mkdirSync, readFileSync, watch } from "fs";
|
import { mkdirSync, readFileSync, watch } from "fs";
|
||||||
import { open, readdir, readFile, writeFile } from "fs/promises";
|
import { open, readFile, writeFile } from "fs/promises";
|
||||||
import { join, normalize } from "path";
|
import { join } from "path";
|
||||||
|
|
||||||
import monacoHtml from "~fileContent/monacoWin.html;base64";
|
import monacoHtml from "~fileContent/../components/monacoWin.html;base64";
|
||||||
|
|
||||||
import { getThemeInfo, stripBOM, UserThemeHeader } from "./themes";
|
import { ALLOWED_PROTOCOLS, QUICKCSS_PATH, SETTINGS_DIR, SETTINGS_FILE } from "./constants";
|
||||||
import { ALLOWED_PROTOCOLS, QUICKCSS_PATH, SETTINGS_DIR, SETTINGS_FILE, THEMES_DIR } from "./utils/constants";
|
|
||||||
import { makeLinksOpenExternally } from "./utils/externalLinks";
|
|
||||||
|
|
||||||
mkdirSync(SETTINGS_DIR, { recursive: true });
|
mkdirSync(SETTINGS_DIR, { recursive: true });
|
||||||
mkdirSync(THEMES_DIR, { recursive: true });
|
|
||||||
|
|
||||||
export function ensureSafePath(basePath: string, path: string) {
|
|
||||||
const normalizedBasePath = normalize(basePath);
|
|
||||||
const newPath = join(basePath, path);
|
|
||||||
const normalizedPath = normalize(newPath);
|
|
||||||
return normalizedPath.startsWith(normalizedBasePath) ? normalizedPath : null;
|
|
||||||
}
|
|
||||||
|
|
||||||
function readCss() {
|
function readCss() {
|
||||||
return readFile(QUICKCSS_PATH, "utf-8").catch(() => "");
|
return readFile(QUICKCSS_PATH, "utf-8").catch(() => "");
|
||||||
}
|
}
|
||||||
|
|
||||||
async function listThemes(): Promise<UserThemeHeader[]> {
|
|
||||||
const files = await readdir(THEMES_DIR).catch(() => []);
|
|
||||||
|
|
||||||
const themeInfo: UserThemeHeader[] = [];
|
|
||||||
|
|
||||||
for (const fileName of files) {
|
|
||||||
if (!fileName.endsWith(".css")) continue;
|
|
||||||
|
|
||||||
const data = await getThemeData(fileName).then(stripBOM).catch(() => null);
|
|
||||||
if (data == null) continue;
|
|
||||||
|
|
||||||
themeInfo.push(getThemeInfo(data, fileName));
|
|
||||||
}
|
|
||||||
|
|
||||||
return themeInfo;
|
|
||||||
}
|
|
||||||
|
|
||||||
function getThemeData(fileName: string) {
|
|
||||||
fileName = fileName.replace(/\?v=\d+$/, "");
|
|
||||||
const safePath = ensureSafePath(THEMES_DIR, fileName);
|
|
||||||
if (!safePath) return Promise.reject(`Unsafe path ${fileName}`);
|
|
||||||
return readFile(safePath, "utf-8");
|
|
||||||
}
|
|
||||||
|
|
||||||
export function readSettings() {
|
export function readSettings() {
|
||||||
try {
|
try {
|
||||||
return readFileSync(SETTINGS_FILE, "utf-8");
|
return readFileSync(SETTINGS_FILE, "utf-8");
|
||||||
@ -79,14 +44,6 @@ export function readSettings() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
export function getSettings(): typeof import("@api/Settings").Settings {
|
|
||||||
try {
|
|
||||||
return JSON.parse(readSettings());
|
|
||||||
} catch {
|
|
||||||
return {} as any;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
ipcMain.handle(IpcEvents.OPEN_QUICKCSS, () => shell.openPath(QUICKCSS_PATH));
|
ipcMain.handle(IpcEvents.OPEN_QUICKCSS, () => shell.openPath(QUICKCSS_PATH));
|
||||||
|
|
||||||
ipcMain.handle(IpcEvents.OPEN_EXTERNAL, (_, url) => {
|
ipcMain.handle(IpcEvents.OPEN_EXTERNAL, (_, url) => {
|
||||||
@ -109,14 +66,6 @@ ipcMain.handle(IpcEvents.SET_QUICK_CSS, (_, css) =>
|
|||||||
cssWriteQueue.push(() => writeFile(QUICKCSS_PATH, css))
|
cssWriteQueue.push(() => writeFile(QUICKCSS_PATH, css))
|
||||||
);
|
);
|
||||||
|
|
||||||
ipcMain.handle(IpcEvents.GET_THEMES_DIR, () => THEMES_DIR);
|
|
||||||
ipcMain.handle(IpcEvents.GET_THEMES_LIST, () => listThemes());
|
|
||||||
ipcMain.handle(IpcEvents.GET_THEME_DATA, (_, fileName) => getThemeData(fileName));
|
|
||||||
ipcMain.handle(IpcEvents.GET_THEME_SYSTEM_VALUES, () => ({
|
|
||||||
// win & mac only
|
|
||||||
"os-accent-color": `#${systemPreferences.getAccentColor?.() || ""}`
|
|
||||||
}));
|
|
||||||
|
|
||||||
ipcMain.handle(IpcEvents.GET_SETTINGS_DIR, () => SETTINGS_DIR);
|
ipcMain.handle(IpcEvents.GET_SETTINGS_DIR, () => SETTINGS_DIR);
|
||||||
ipcMain.on(IpcEvents.GET_SETTINGS, e => e.returnValue = readSettings());
|
ipcMain.on(IpcEvents.GET_SETTINGS, e => e.returnValue = readSettings());
|
||||||
|
|
||||||
@ -132,26 +81,19 @@ export function initIpc(mainWindow: BrowserWindow) {
|
|||||||
mainWindow.webContents.postMessage(IpcEvents.QUICK_CSS_UPDATE, await readCss());
|
mainWindow.webContents.postMessage(IpcEvents.QUICK_CSS_UPDATE, await readCss());
|
||||||
}, 50));
|
}, 50));
|
||||||
});
|
});
|
||||||
|
|
||||||
watch(THEMES_DIR, { persistent: false }, debounce(() => {
|
|
||||||
mainWindow.webContents.postMessage(IpcEvents.THEME_UPDATE, void 0);
|
|
||||||
}));
|
|
||||||
}
|
}
|
||||||
|
|
||||||
ipcMain.handle(IpcEvents.OPEN_MONACO_EDITOR, async () => {
|
ipcMain.handle(IpcEvents.OPEN_MONACO_EDITOR, async () => {
|
||||||
const win = new BrowserWindow({
|
const win = new BrowserWindow({
|
||||||
title: "Vencord QuickCSS Editor",
|
title: "QuickCss Editor",
|
||||||
autoHideMenuBar: true,
|
autoHideMenuBar: true,
|
||||||
darkTheme: true,
|
darkTheme: true,
|
||||||
webPreferences: {
|
webPreferences: {
|
||||||
preload: join(__dirname, IS_DISCORD_DESKTOP ? "preload.js" : "vencordDesktopPreload.js"),
|
preload: join(__dirname, "preload.js"),
|
||||||
contextIsolation: true,
|
contextIsolation: true,
|
||||||
nodeIntegration: false,
|
nodeIntegration: false,
|
||||||
sandbox: false
|
sandbox: false
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
makeLinksOpenExternally(win);
|
|
||||||
|
|
||||||
await win.loadURL(`data:text/html;base64,${monacoHtml}`);
|
await win.loadURL(`data:text/html;base64,${monacoHtml}`);
|
||||||
});
|
});
|
@ -16,12 +16,28 @@
|
|||||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
export const VENCORD_FILES = [
|
import { createHash } from "crypto";
|
||||||
IS_DISCORD_DESKTOP ? "patcher.js" : "vencordDesktopMain.js",
|
import { createReadStream } from "fs";
|
||||||
IS_DISCORD_DESKTOP ? "preload.js" : "vencordDesktopPreload.js",
|
import { join } from "path";
|
||||||
IS_DISCORD_DESKTOP ? "renderer.js" : "vencordDesktopRenderer.js",
|
|
||||||
IS_DISCORD_DESKTOP ? "renderer.css" : "vencordDesktopRenderer.css",
|
export async function calculateHashes() {
|
||||||
];
|
const hashes = {} as Record<string, string>;
|
||||||
|
|
||||||
|
await Promise.all(
|
||||||
|
["patcher.js", "preload.js", "renderer.js", "renderer.css"].map(file => new Promise<void>(r => {
|
||||||
|
const fis = createReadStream(join(__dirname, file));
|
||||||
|
const hash = createHash("sha1", { encoding: "hex" });
|
||||||
|
fis.once("end", () => {
|
||||||
|
hash.end();
|
||||||
|
hashes[file] = hash.read();
|
||||||
|
r();
|
||||||
|
});
|
||||||
|
fis.pipe(hash);
|
||||||
|
}))
|
||||||
|
);
|
||||||
|
|
||||||
|
return hashes;
|
||||||
|
}
|
||||||
|
|
||||||
export function serializeErrors(func: (...args: any[]) => any) {
|
export function serializeErrors(func: (...args: any[]) => any) {
|
||||||
return async function () {
|
return async function () {
|
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user