Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
0bfe6f069e |
@ -1,98 +0,0 @@
|
|||||||
{
|
|
||||||
"root": true,
|
|
||||||
"parser": "@typescript-eslint/parser",
|
|
||||||
"ignorePatterns": ["dist", "browser"],
|
|
||||||
"plugins": [
|
|
||||||
"@typescript-eslint",
|
|
||||||
"simple-header",
|
|
||||||
"simple-import-sort",
|
|
||||||
"unused-imports",
|
|
||||||
"path-alias"
|
|
||||||
],
|
|
||||||
"settings": {
|
|
||||||
"import/resolver": {
|
|
||||||
"alias": {
|
|
||||||
"map": [
|
|
||||||
["@webpack", "./src/webpack"],
|
|
||||||
["@webpack/common", "./src/webpack/common"],
|
|
||||||
["@utils", "./src/utils"],
|
|
||||||
["@api", "./src/api"],
|
|
||||||
["@components", "./src/components"]
|
|
||||||
]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"rules": {
|
|
||||||
// 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
|
|
||||||
// information
|
|
||||||
"simple-header/header": [
|
|
||||||
"error",
|
|
||||||
{
|
|
||||||
"files": ["scripts/header-new.txt", "scripts/header-old.txt"],
|
|
||||||
"templates": { "author": [".*", "Vendicated and contributors"] }
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"quotes": ["error", "double", { "avoidEscape": true }],
|
|
||||||
"jsx-quotes": ["error", "prefer-double"],
|
|
||||||
"no-mixed-spaces-and-tabs": "error",
|
|
||||||
"indent": ["error", 4, { "SwitchCase": 1 }],
|
|
||||||
"arrow-parens": ["error", "as-needed"],
|
|
||||||
"eol-last": ["error", "always"],
|
|
||||||
"@typescript-eslint/func-call-spacing": ["error", "never"],
|
|
||||||
"no-multi-spaces": "error",
|
|
||||||
"no-trailing-spaces": "error",
|
|
||||||
"no-whitespace-before-property": "error",
|
|
||||||
"semi": ["error", "always"],
|
|
||||||
"semi-style": ["error", "last"],
|
|
||||||
"space-in-parens": ["error", "never"],
|
|
||||||
"block-spacing": ["error", "always"],
|
|
||||||
"object-curly-spacing": ["error", "always"],
|
|
||||||
"eqeqeq": ["error", "always", { "null": "ignore" }],
|
|
||||||
"spaced-comment": ["error", "always", { "markers": ["!"] }],
|
|
||||||
"yoda": "error",
|
|
||||||
"prefer-destructuring": ["error", {
|
|
||||||
"VariableDeclarator": { "array": false, "object": true },
|
|
||||||
"AssignmentExpression": { "array": false, "object": false }
|
|
||||||
}],
|
|
||||||
"operator-assignment": ["error", "always"],
|
|
||||||
"no-useless-computed-key": "error",
|
|
||||||
"no-unneeded-ternary": ["error", { "defaultAssignment": false }],
|
|
||||||
"no-invalid-regexp": "error",
|
|
||||||
"no-constant-condition": ["error", { "checkLoops": false }],
|
|
||||||
"no-duplicate-imports": "error",
|
|
||||||
"no-extra-semi": "error",
|
|
||||||
"dot-notation": "error",
|
|
||||||
"no-useless-escape": [
|
|
||||||
"error",
|
|
||||||
{
|
|
||||||
"extra": "i"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"no-fallthrough": "error",
|
|
||||||
"for-direction": "error",
|
|
||||||
"no-async-promise-executor": "error",
|
|
||||||
"no-cond-assign": "error",
|
|
||||||
"no-dupe-else-if": "error",
|
|
||||||
"no-duplicate-case": "error",
|
|
||||||
"no-irregular-whitespace": "error",
|
|
||||||
"no-loss-of-precision": "error",
|
|
||||||
"no-misleading-character-class": "error",
|
|
||||||
"no-prototype-builtins": "error",
|
|
||||||
"no-regex-spaces": "error",
|
|
||||||
"no-shadow-restricted-names": "error",
|
|
||||||
"no-unexpected-multiline": "error",
|
|
||||||
"no-unsafe-optional-chaining": "error",
|
|
||||||
"no-useless-backreference": "error",
|
|
||||||
"use-isnan": "error",
|
|
||||||
"prefer-const": "error",
|
|
||||||
"prefer-spread": "error",
|
|
||||||
|
|
||||||
"simple-import-sort/imports": "error",
|
|
||||||
"simple-import-sort/exports": "error",
|
|
||||||
|
|
||||||
"unused-imports/no-unused-imports": "error",
|
|
||||||
|
|
||||||
"path-alias/no-relative": "error"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
1
.gitattributes
vendored
1
.gitattributes
vendored
@ -1 +0,0 @@
|
|||||||
* text=auto eol=lf
|
|
||||||
30
.github/ISSUE_TEMPLATE/blank.yml
vendored
30
.github/ISSUE_TEMPLATE/blank.yml
vendored
@ -1,30 +0,0 @@
|
|||||||
name: Blank Issue
|
|
||||||
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.
|
|
||||||
|
|
||||||
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
|
|
||||||
id: content
|
|
||||||
attributes:
|
|
||||||
label: Content
|
|
||||||
validations:
|
|
||||||
required: true
|
|
||||||
|
|
||||||
- type: checkboxes
|
|
||||||
id: agreement-check
|
|
||||||
attributes:
|
|
||||||
label: Request Agreement
|
|
||||||
options:
|
|
||||||
- label: I have read the requirements for opening an issue above
|
|
||||||
required: true
|
|
||||||
81
.github/ISSUE_TEMPLATE/bug_report.yml
vendored
81
.github/ISSUE_TEMPLATE/bug_report.yml
vendored
@ -1,81 +0,0 @@
|
|||||||
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.
|
|
||||||
labels: [bug]
|
|
||||||
title: "[Bug] <title>"
|
|
||||||
|
|
||||||
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
|
|
||||||
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: bug-description
|
|
||||||
attributes:
|
|
||||||
label: What happens when the bug or crash occurs?
|
|
||||||
description: Where does this bug or crash occur, when does it occur, etc.
|
|
||||||
placeholder: The bug/crash happens sometimes when I do ..., causing this to not work/the app to crash. I think it happens because of ...
|
|
||||||
validations:
|
|
||||||
required: true
|
|
||||||
|
|
||||||
- type: textarea
|
|
||||||
id: expected-behaviour
|
|
||||||
attributes:
|
|
||||||
label: What is the expected behaviour?
|
|
||||||
description: Simply detail what the expected behaviour is.
|
|
||||||
placeholder: I expect Vencord/Discord to open the ... page instead of ..., it prevents me from doing ...
|
|
||||||
validations:
|
|
||||||
required: true
|
|
||||||
|
|
||||||
- type: textarea
|
|
||||||
id: steps-to-take
|
|
||||||
attributes:
|
|
||||||
label: How do you recreate this bug or crash?
|
|
||||||
description: Give us a list of steps in order to recreate the bug or crash.
|
|
||||||
placeholder: |
|
|
||||||
1. Do ...
|
|
||||||
2. Then ...
|
|
||||||
3. Do this ..., ... and then ...
|
|
||||||
4. Observe "the bug" or "the crash"
|
|
||||||
validations:
|
|
||||||
required: true
|
|
||||||
|
|
||||||
- type: textarea
|
|
||||||
id: crash-log
|
|
||||||
attributes:
|
|
||||||
label: Errors
|
|
||||||
description: Open the Developer Console with Ctrl/Cmd + Shift + i. Then look for any red errors (Ignore network errors like Failed to load resource) and paste them between the "```".
|
|
||||||
value: |
|
|
||||||
```
|
|
||||||
Replace this text with your crash-log.
|
|
||||||
```
|
|
||||||
validations:
|
|
||||||
required: false
|
|
||||||
|
|
||||||
- type: checkboxes
|
|
||||||
id: agreement-check
|
|
||||||
attributes:
|
|
||||||
label: Request Agreement
|
|
||||||
description: We only accept reports for bugs that happen on Discord Stable. Canary and PTB are Development branches and may be unstable
|
|
||||||
options:
|
|
||||||
- label: I am using Discord Stable or tried on Stable and this bug happens there as well
|
|
||||||
required: true
|
|
||||||
- label: I have read the requirements for opening an issue above
|
|
||||||
required: true
|
|
||||||
8
.github/ISSUE_TEMPLATE/config.yml
vendored
8
.github/ISSUE_TEMPLATE/config.yml
vendored
@ -1,8 +0,0 @@
|
|||||||
blank_issues_enabled: false
|
|
||||||
contact_links:
|
|
||||||
- name: Vencord Support Server
|
|
||||||
url: https://discord.gg/D9uwnFnqmd
|
|
||||||
about: If you need help regarding Vencord, please join our support server!
|
|
||||||
- name: Vencord Installer
|
|
||||||
url: https://github.com/Vencord/Installer
|
|
||||||
about: You can find the Vencord Installer here
|
|
||||||
80
.github/workflows/build.yml
vendored
80
.github/workflows/build.yml
vendored
@ -1,80 +0,0 @@
|
|||||||
name: Build DevBuild
|
|
||||||
on:
|
|
||||||
push:
|
|
||||||
branches:
|
|
||||||
- main
|
|
||||||
paths:
|
|
||||||
- .github/workflows/build.yml
|
|
||||||
- src/**
|
|
||||||
- browser/**
|
|
||||||
- scripts/build/**
|
|
||||||
- package.json
|
|
||||||
- pnpm-lock.yaml
|
|
||||||
env:
|
|
||||||
FORCE_COLOR: true
|
|
||||||
|
|
||||||
jobs:
|
|
||||||
Build:
|
|
||||||
runs-on: ubuntu-latest
|
|
||||||
|
|
||||||
steps:
|
|
||||||
- uses: actions/checkout@v3
|
|
||||||
|
|
||||||
- uses: pnpm/action-setup@v2 # Install pnpm using packageManager key in package.json
|
|
||||||
|
|
||||||
- name: Use Node.js 19
|
|
||||||
uses: actions/setup-node@v3
|
|
||||||
with:
|
|
||||||
node-version: 19
|
|
||||||
cache: "pnpm"
|
|
||||||
|
|
||||||
- name: Install dependencies
|
|
||||||
run: pnpm install --frozen-lockfile
|
|
||||||
|
|
||||||
- name: Build web
|
|
||||||
run: pnpm buildWeb --standalone
|
|
||||||
|
|
||||||
- name: Build
|
|
||||||
run: pnpm build --standalone
|
|
||||||
|
|
||||||
- name: Generate plugin list
|
|
||||||
run: pnpm generatePluginJson dist/plugins.json dist/plugin-readmes.json
|
|
||||||
|
|
||||||
- name: Clean up obsolete files
|
|
||||||
run: |
|
|
||||||
rm -rf dist/*-unpacked dist/monaco Vencord.user.css vencordDesktopRenderer.css vencordDesktopRenderer.css.map
|
|
||||||
|
|
||||||
- name: Get some values needed for the release
|
|
||||||
id: release_values
|
|
||||||
run: |
|
|
||||||
echo "release_tag=$(git rev-parse --short HEAD)" >> $GITHUB_ENV
|
|
||||||
|
|
||||||
- name: Upload DevBuild as release
|
|
||||||
if: github.repository == 'Vendicated/Vencord'
|
|
||||||
run: |
|
|
||||||
gh release upload devbuild --clobber dist/*
|
|
||||||
gh release edit devbuild --title "DevBuild $RELEASE_TAG"
|
|
||||||
env:
|
|
||||||
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
|
||||||
RELEASE_TAG: ${{ env.release_tag }}
|
|
||||||
|
|
||||||
- name: Upload DevBuild to builds repo
|
|
||||||
if: github.repository == 'Vendicated/Vencord'
|
|
||||||
run: |
|
|
||||||
git config --global user.name "$USERNAME"
|
|
||||||
git config --global user.email actions@github.com
|
|
||||||
|
|
||||||
git clone https://$USERNAME:$API_TOKEN@github.com/$GH_REPO.git upload
|
|
||||||
cd upload
|
|
||||||
|
|
||||||
GLOBIGNORE=.git:.gitignore:README.md:LICENSE
|
|
||||||
rm -rf *
|
|
||||||
cp -r ../dist/* .
|
|
||||||
|
|
||||||
git add -A
|
|
||||||
git commit -m "Builds for https://github.com/$GITHUB_REPOSITORY/commit/$GITHUB_SHA"
|
|
||||||
git push --force https://$USERNAME:$API_TOKEN@github.com/$GH_REPO.git
|
|
||||||
env:
|
|
||||||
API_TOKEN: ${{ secrets.BUILDS_TOKEN }}
|
|
||||||
GH_REPO: Vencord/builds
|
|
||||||
USERNAME: GitHub-Actions
|
|
||||||
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 }}
|
|
||||||
45
.github/workflows/publish.yml
vendored
45
.github/workflows/publish.yml
vendored
@ -1,45 +0,0 @@
|
|||||||
name: Release Browser Extension
|
|
||||||
on:
|
|
||||||
push:
|
|
||||||
tags:
|
|
||||||
- v*
|
|
||||||
|
|
||||||
jobs:
|
|
||||||
Publish:
|
|
||||||
if: github.repository == 'Vendicated/Vencord'
|
|
||||||
runs-on: ubuntu-latest
|
|
||||||
|
|
||||||
steps:
|
|
||||||
- uses: actions/checkout@v3
|
|
||||||
|
|
||||||
- name: check that tag matches package.json version
|
|
||||||
run: |
|
|
||||||
pkg_version="v$(jq -r .version < package.json)"
|
|
||||||
if [[ "${{ github.ref_name }}" != "$pkg_version" ]]; then
|
|
||||||
echo "Tag ${{ github.ref_name }} does not match package.json version $pkg_version" >&2
|
|
||||||
exit 1
|
|
||||||
fi
|
|
||||||
|
|
||||||
- uses: pnpm/action-setup@v2 # Install pnpm using packageManager key in package.json
|
|
||||||
|
|
||||||
- name: Use Node.js 19
|
|
||||||
uses: actions/setup-node@v3
|
|
||||||
with:
|
|
||||||
node-version: 19
|
|
||||||
cache: "pnpm"
|
|
||||||
|
|
||||||
- name: Install dependencies
|
|
||||||
run: pnpm install --frozen-lockfile
|
|
||||||
|
|
||||||
- name: Build web
|
|
||||||
run: pnpm buildWeb --standalone
|
|
||||||
|
|
||||||
- name: Publish extension
|
|
||||||
run: |
|
|
||||||
cd dist/chromium-unpacked
|
|
||||||
pnpx chrome-webstore-upload-cli@2.1.0 upload --auto-publish
|
|
||||||
env:
|
|
||||||
EXTENSION_ID: ${{ secrets.CHROME_EXTENSION_ID }}
|
|
||||||
CLIENT_ID: ${{ secrets.CHROME_CLIENT_ID }}
|
|
||||||
CLIENT_SECRET: ${{ secrets.CHROME_CLIENT_SECRET }}
|
|
||||||
REFRESH_TOKEN: ${{ secrets.CHROME_REFRESH_TOKEN }}
|
|
||||||
58
.github/workflows/reportBrokenPlugins.yml
vendored
58
.github/workflows/reportBrokenPlugins.yml
vendored
@ -1,58 +0,0 @@
|
|||||||
name: Test Patches
|
|
||||||
on:
|
|
||||||
workflow_dispatch:
|
|
||||||
schedule:
|
|
||||||
# Every day at midnight
|
|
||||||
- cron: 0 0 * * *
|
|
||||||
|
|
||||||
jobs:
|
|
||||||
TestPlugins:
|
|
||||||
if: github.repository == 'Vendicated/Vencord'
|
|
||||||
runs-on: ubuntu-latest
|
|
||||||
|
|
||||||
steps:
|
|
||||||
- uses: actions/checkout@v3
|
|
||||||
|
|
||||||
- uses: pnpm/action-setup@v2 # Install pnpm using packageManager key in package.json
|
|
||||||
|
|
||||||
- name: Use Node.js 19
|
|
||||||
uses: actions/setup-node@v3
|
|
||||||
with:
|
|
||||||
node-version: 19
|
|
||||||
cache: "pnpm"
|
|
||||||
|
|
||||||
- name: Install dependencies
|
|
||||||
run: |
|
|
||||||
pnpm install --frozen-lockfile
|
|
||||||
pnpm add puppeteer
|
|
||||||
|
|
||||||
sudo apt-get install -y chromium-browser
|
|
||||||
|
|
||||||
- name: Build web
|
|
||||||
run: pnpm buildWeb --standalone
|
|
||||||
|
|
||||||
- name: Create Report
|
|
||||||
timeout-minutes: 10
|
|
||||||
run: |
|
|
||||||
export PATH="$PWD/node_modules/.bin:$PATH"
|
|
||||||
export CHROMIUM_BIN=$(which chromium-browser)
|
|
||||||
|
|
||||||
esbuild scripts/generateReport.ts > dist/report.mjs
|
|
||||||
node dist/report.mjs >> $GITHUB_STEP_SUMMARY
|
|
||||||
env:
|
|
||||||
DISCORD_TOKEN: ${{ secrets.DISCORD_TOKEN }}
|
|
||||||
DISCORD_WEBHOOK: ${{ secrets.DISCORD_WEBHOOK }}
|
|
||||||
|
|
||||||
- name: Create Report (Canary)
|
|
||||||
timeout-minutes: 10
|
|
||||||
if: success() || failure() # even run if previous one failed
|
|
||||||
run: |
|
|
||||||
export PATH="$PWD/node_modules/.bin:$PATH"
|
|
||||||
export CHROMIUM_BIN=$(which chromium-browser)
|
|
||||||
export USE_CANARY=true
|
|
||||||
|
|
||||||
esbuild scripts/generateReport.ts > dist/report.mjs
|
|
||||||
node dist/report.mjs >> $GITHUB_STEP_SUMMARY
|
|
||||||
env:
|
|
||||||
DISCORD_TOKEN: ${{ secrets.DISCORD_TOKEN }}
|
|
||||||
DISCORD_WEBHOOK: ${{ secrets.DISCORD_WEBHOOK }}
|
|
||||||
33
.github/workflows/test.yml
vendored
33
.github/workflows/test.yml
vendored
@ -1,33 +0,0 @@
|
|||||||
name: test
|
|
||||||
on:
|
|
||||||
push:
|
|
||||||
branches:
|
|
||||||
- main
|
|
||||||
pull_request:
|
|
||||||
branches:
|
|
||||||
- main
|
|
||||||
jobs:
|
|
||||||
test:
|
|
||||||
runs-on: ubuntu-latest
|
|
||||||
|
|
||||||
steps:
|
|
||||||
- uses: actions/checkout@v3
|
|
||||||
- uses: pnpm/action-setup@v2 # Install pnpm using packageManager key in package.json
|
|
||||||
|
|
||||||
- name: Use Node.js 18
|
|
||||||
uses: actions/setup-node@v3
|
|
||||||
with:
|
|
||||||
node-version: 18
|
|
||||||
cache: "pnpm"
|
|
||||||
|
|
||||||
- name: Install dependencies
|
|
||||||
run: pnpm install --frozen-lockfile
|
|
||||||
|
|
||||||
- name: Lint & Test if desktop version compiles
|
|
||||||
run: pnpm test
|
|
||||||
|
|
||||||
- name: Test if web version compiles
|
|
||||||
run: pnpm buildWeb
|
|
||||||
|
|
||||||
- name: Test if plugin structure is valid
|
|
||||||
run: pnpm generatePluginJson
|
|
||||||
24
.gitignore
vendored
24
.gitignore
vendored
@ -1,24 +1,2 @@
|
|||||||
dist
|
dist
|
||||||
node_modules
|
node_modules
|
||||||
|
|
||||||
*.exe
|
|
||||||
vencord_installer
|
|
||||||
|
|
||||||
.idea
|
|
||||||
.DS_Store
|
|
||||||
|
|
||||||
yarn.lock
|
|
||||||
package-lock.json
|
|
||||||
|
|
||||||
*.log
|
|
||||||
npm-debug.log*
|
|
||||||
yarn-debug.log*
|
|
||||||
yarn-error.log*
|
|
||||||
lerna-debug.log*
|
|
||||||
.pnpm-debug.log*
|
|
||||||
*.tsbuildinfo
|
|
||||||
|
|
||||||
src/userplugins
|
|
||||||
|
|
||||||
ExtensionCache/
|
|
||||||
settings/
|
|
||||||
1
.npmrc
1
.npmrc
@ -1 +0,0 @@
|
|||||||
strict-peer-dependencies=false
|
|
||||||
@ -1,6 +0,0 @@
|
|||||||
{
|
|
||||||
"extends": "stylelint-config-standard",
|
|
||||||
"rules": {
|
|
||||||
"indentation": 4
|
|
||||||
}
|
|
||||||
}
|
|
||||||
10
.vscode/extensions.json
vendored
10
.vscode/extensions.json
vendored
@ -1,11 +1,3 @@
|
|||||||
{
|
{
|
||||||
"recommendations": [
|
"recommendations": [ "EditorConfig.EditorConfig" ]
|
||||||
"dbaeumer.vscode-eslint",
|
|
||||||
"eamodio.gitlens",
|
|
||||||
"EditorConfig.EditorConfig",
|
|
||||||
"ExodiusStudios.comment-anchors",
|
|
||||||
"formulahendry.auto-rename-tag",
|
|
||||||
"GregorBiswanger.json2ts",
|
|
||||||
"stylelint.vscode-stylelint"
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
|
|||||||
37
.vscode/launch.json
vendored
37
.vscode/launch.json
vendored
@ -1,37 +0,0 @@
|
|||||||
{
|
|
||||||
// this allows you to debug Vencord from VSCode.
|
|
||||||
// How to use:
|
|
||||||
// You need to run Discord via the command line to pass some flags to it.
|
|
||||||
// If you want to debug the main (node.js) process (preload.ts, ipcMain/*, patcher.ts),
|
|
||||||
// add the --inspect flag
|
|
||||||
// To debug the renderer (99% of Vencord), add the --remote-debugging-port=9223 flag
|
|
||||||
//
|
|
||||||
// Now launch the desired configuration in VSCode and start Discord with the flags.
|
|
||||||
// For example, to debug both process, run Electron: All then launch Discord with
|
|
||||||
// discord --remote-debugging-port=9223 --inspect
|
|
||||||
|
|
||||||
"version": "0.2.0",
|
|
||||||
"configurations": [
|
|
||||||
{
|
|
||||||
"name": "Electron: Main",
|
|
||||||
"type": "node",
|
|
||||||
"request": "attach",
|
|
||||||
"port": 9229,
|
|
||||||
"timeout": 30000
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"name": "Electron: Renderer",
|
|
||||||
"type": "chrome",
|
|
||||||
"request": "attach",
|
|
||||||
"port": 9223,
|
|
||||||
"timeout": 30000,
|
|
||||||
"webRoot": "${workspaceFolder}/src"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"compounds": [
|
|
||||||
{
|
|
||||||
"name": "Electron: All",
|
|
||||||
"configurations": ["Electron: Main", "Electron: Renderer"]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
23
.vscode/settings.json
vendored
23
.vscode/settings.json
vendored
@ -1,23 +0,0 @@
|
|||||||
{
|
|
||||||
"editor.formatOnSave": true,
|
|
||||||
"editor.codeActionsOnSave": {
|
|
||||||
"source.fixAll.eslint": true
|
|
||||||
},
|
|
||||||
"[typescript]": {
|
|
||||||
"editor.defaultFormatter": "vscode.typescript-language-features"
|
|
||||||
},
|
|
||||||
"[typescriptreact]": {
|
|
||||||
"editor.defaultFormatter": "vscode.typescript-language-features"
|
|
||||||
},
|
|
||||||
"javascript.format.semicolons": "insert",
|
|
||||||
"typescript.format.semicolons": "insert",
|
|
||||||
"typescript.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!
|
|
||||||
@ -4,16 +4,15 @@ First of all, thank you for contributing! :3
|
|||||||
|
|
||||||
To ensure your contribution is robust, please follow the below guide!
|
To ensure your contribution is robust, please follow the below guide!
|
||||||
|
|
||||||
For a friendly introduction to plugins, see [Megu's Plugin Guide!](docs/2_PLUGINS.md)
|
|
||||||
|
|
||||||
## Style Guide
|
## Style Guide
|
||||||
|
|
||||||
- This project has a very minimal .editorconfig. Make sure your editor supports this!
|
- This project has a very minimal .editorconfig. Make sure your editor supports this!
|
||||||
If you are using VSCode, it should automatically recommend you the extension; If not,
|
If you are using VSCode, it should automatically recommend you the extension; If not,
|
||||||
please install the Editorconfig extension
|
please install the Editorconfig extension
|
||||||
- Try to follow the formatting in the rest of the project and stay consistent
|
- Try to follow the formatting in the rest of the project and stay consistent
|
||||||
- Follow the file naming convention. File names should usually be camelCase, unless they export a Class
|
- Follow the file naming convention. File names should usually be camelCase, unless they export a Class
|
||||||
or React Component, in which case they should be PascalCase
|
or React Component, in which case they should be PascalCase
|
||||||
|
|
||||||
|
|
||||||
## Contributing a Plugin
|
## Contributing a Plugin
|
||||||
|
|
||||||
@ -24,6 +23,7 @@ This way we can ensure compatibility and high quality patches.
|
|||||||
|
|
||||||
Follow the below guide to make your first plugin!
|
Follow the below guide to make your first plugin!
|
||||||
|
|
||||||
|
|
||||||
### Finding the right module to patch
|
### Finding the right module to patch
|
||||||
|
|
||||||
If the thing you want to patch is an action performed when interacting with a part of the UI, use React DevTools.
|
If the thing you want to patch is an action performed when interacting with a part of the UI, use React DevTools.
|
||||||
@ -50,22 +50,20 @@ This is the regex that will operate on the module found with "find". Just like i
|
|||||||
this only matches exactly the part you want to patch and no other parts in the file.
|
this only matches exactly the part you want to patch and no other parts in the file.
|
||||||
|
|
||||||
The easiest way to write and test your regex is the following:
|
The easiest way to write and test your regex is the following:
|
||||||
|
- Get the ID of the module you want to patch. To do this, go to it in the sources tab and scroll up until you
|
||||||
- Get the ID of the module you want to patch. To do this, go to it in the sources tab and scroll up until you
|
see something like `447887: (e,t,n)=>{` (Obviously the number will differ).
|
||||||
see something like `447887: (e,t,n)=>{` (Obviously the number will differ).
|
- Now paste the following into the console: `Vencord.Webpack.wreq.m[447887].toString()` (Changing the number to your ID)
|
||||||
- Now paste the following into the console: `Vencord.Webpack.wreq.m[447887].toString()` (Changing the number to your ID)
|
- Now either test regexes on this string in the console or use a tool like https://regex101.com
|
||||||
- Now either test regexes on this string in the console or use a tool like https://regex101.com
|
|
||||||
|
|
||||||
Also pay attention to the following:
|
Also pay attention to the following:
|
||||||
|
- Never hardcode variable or parameter names or any other minified names. They will change in the future. The only Exception to this rule
|
||||||
- Never hardcode variable or parameter names or any other minified names. They will change in the future. The only Exception to this rule
|
are the react props parameter which seems to always be `e`, but even then only rely on this if it is necessary.
|
||||||
are the react props parameter which seems to always be `e`, but even then only rely on this if it is necessary.
|
Instead, use one of the following approaches where applicable:
|
||||||
Instead, use one of the following approaches where applicable:
|
- Match 1 or 2 of any character: `.{1,2}`, for example to match the variable name in `var a=b`, `var (.{1,2})=`
|
||||||
- Match 1 or 2 of any character: `.{1,2}`, for example to match the variable name in `var a=b`, `var (.{1,2})=`
|
- 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 appove 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 above 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"
|
||||||
|
|
||||||
@ -77,6 +75,6 @@ and use those in your replacement
|
|||||||
Make sure your replacement does not introduce any whitespace. While this might seem weird, random whitespace may mess up other patches.
|
Make sure your replacement does not introduce any whitespace. While this might seem weird, random whitespace may mess up other patches.
|
||||||
This includes spaces, tabs and especially newlines
|
This includes spaces, tabs and especially newlines
|
||||||
|
|
||||||
---
|
___
|
||||||
|
|
||||||
And that's it! Now open a Pull Request with your Plugin
|
And that's it! Now open a Pull Request with your Plugin
|
||||||
|
|||||||
77
README.md
77
README.md
@ -1,65 +1,34 @@
|
|||||||
# Vencord
|
# Vencord
|
||||||
|
|
||||||
[](https://codeberg.org/Ven/cord)
|
My own Discord Desktop mod :)
|
||||||
|
|
||||||
The cutest Discord client mod
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## Features
|
## Features
|
||||||
|
|
||||||
- Super easy to install (Download Installer, open, click install button, done)
|
- Works on Discord's latest swc update that breaks all other mods
|
||||||
- 100+ plugins built in: [See a list](https://vencord.dev/plugins)
|
- Proper context isolation -> Works in newer Electron versions (Confirmed working on versions 13-21)
|
||||||
- Some highlights: SpotifyControls, MessageLogger, Experiments, GameActivityToggle, Translate, NoTrack, QuickReply, Free Emotes/Stickers, PermissionsViewer, CustomCommands, ShowHiddenChannels, PronounDB
|
- Inline patches: Patch Discord's code with regex replacements! See [the experiments plugin](src/plugins/experiments.ts) for an example. While being more complex, this is more powerful than monkey patching since you can patch only small parts of functions instead of fully replacing them, access non exported/local variables and even replace constants (like in the aforementioned experiments patch!)
|
||||||
- Fairly lightweight despite the many inbuilt plugins
|
- Experiments
|
||||||
- Excellent Browser Support: Run Vencord in your Browser via extension or UserScript
|
- Custom Css: Manually edit `%appdata%/Vencord/settings/quickCss.css` / `~/.config/Vencord/settings/quickCss.css` with your favourite editor and the client will automatically apply your changes
|
||||||
- Works on any Discord branch: Stable, Canary or PTB all work (though for the best experience I recommend stable!)
|
- Many Useful™ plugins - [List](https://github.com/Vendicated/Vencord/tree/main/src/plugins)
|
||||||
- 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
|
|
||||||
- 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
|
||||||
|
|
||||||
## Installing / Uninstalling
|
Make sure you have NodeJs and git installed. I will be using pnpm, you can use npm instead
|
||||||
|
```sh
|
||||||
|
git clone https://github.com/Vendicated/Vencord
|
||||||
|
cd Vencord
|
||||||
|
pnpm i
|
||||||
|
pnpm build
|
||||||
|
```
|
||||||
|
The builds are now in the dist/ folder (Vencord/dist).
|
||||||
|
Now install with either the powershell/bash script or use [X1nto's installer](https://github.com/X1nto/VencordInstaller/releases/latest)
|
||||||
|
|
||||||
Visit https://vencord.dev/download
|
## Contributing
|
||||||
|
[contribute]: CONTRIBUTING.md
|
||||||
|
|
||||||
## Join our Support/Community Server
|
[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]
|
||||||
|
|
||||||
https://discord.gg/D9uwnFnqmd
|
## Join
|
||||||
|
[join]: https://discord.gg/D9uwnFnqmd
|
||||||
|
|
||||||
## Sponsors
|
[join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join] [join]
|
||||||
|
|
||||||
| **Thanks a lot to all Vencord [sponsors](https://github.com/sponsors/Vendicated)!!** |
|
|
||||||
|:--:|
|
|
||||||
| [](https://github.com/sponsors/Vendicated) |
|
|
||||||
| *generated using [github-sponsor-graph](https://github.com/Vendicated/github-sponsor-graph)* |
|
|
||||||
|
|
||||||
|
|
||||||
## Star History
|
|
||||||
|
|
||||||
<a href="https://star-history.com/#Vendicated/Vencord&Timeline">
|
|
||||||
<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
|
|
||||||
|
|
||||||
Discord is trademark of Discord Inc. and solely mentioned for the sake of descriptivity.
|
|
||||||
Mention of it does not imply any affiliation with or endorsement by Discord Inc.
|
|
||||||
|
|
||||||
<details>
|
|
||||||
<summary>Using Vencord violates Discord's terms of service</summary>
|
|
||||||
|
|
||||||
Client modifications are against Discord’s Terms of Service.
|
|
||||||
|
|
||||||
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!
|
|
||||||
|
|
||||||
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>
|
|
||||||
|
|||||||
@ -1,75 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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/>.
|
|
||||||
*/
|
|
||||||
|
|
||||||
function parseHeaders(headers) {
|
|
||||||
if (!headers)
|
|
||||||
return {};
|
|
||||||
const result = {};
|
|
||||||
const headersArr = headers.trim().split("\n");
|
|
||||||
for (var i = 0; i < headersArr.length; i++) {
|
|
||||||
var row = headersArr[i];
|
|
||||||
var index = row.indexOf(":")
|
|
||||||
, key = row.slice(0, index).trim().toLowerCase()
|
|
||||||
, value = row.slice(index + 1).trim();
|
|
||||||
|
|
||||||
if (result[key] === undefined) {
|
|
||||||
result[key] = value;
|
|
||||||
} else if (Array.isArray(result[key])) {
|
|
||||||
result[key].push(value);
|
|
||||||
} else {
|
|
||||||
result[key] = [result[key], value];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return result;
|
|
||||||
}
|
|
||||||
|
|
||||||
function blobTo(to, blob) {
|
|
||||||
if (to === "arrayBuffer" && blob.arrayBuffer) return blob.arrayBuffer();
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
var fileReader = new FileReader();
|
|
||||||
fileReader.onload = event => resolve(event.target.result);
|
|
||||||
if (to === "arrayBuffer") fileReader.readAsArrayBuffer(blob);
|
|
||||||
else if (to === "text") fileReader.readAsText(blob, "utf-8");
|
|
||||||
else reject("unknown to");
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function GM_fetch(url, opt) {
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
// https://www.tampermonkey.net/documentation.php?ext=dhdg#GM_xmlhttpRequest
|
|
||||||
const options = opt || {};
|
|
||||||
options.url = url;
|
|
||||||
options.data = options.body;
|
|
||||||
options.responseType = "blob";
|
|
||||||
options.onload = resp => {
|
|
||||||
var blob = resp.response;
|
|
||||||
resp.blob = () => Promise.resolve(blob);
|
|
||||||
resp.arrayBuffer = () => blobTo("arrayBuffer", blob);
|
|
||||||
resp.text = () => 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);
|
|
||||||
};
|
|
||||||
options.ontimeout = () => reject("fetch timeout");
|
|
||||||
options.onerror = () => reject("fetch error");
|
|
||||||
options.onabort = () => reject("fetch abort");
|
|
||||||
GM_xmlhttpRequest(options);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
export const fetch = GM_fetch;
|
|
||||||
@ -1,21 +0,0 @@
|
|||||||
/*!
|
|
||||||
* 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 "./VencordNativeStub";
|
|
||||||
|
|
||||||
export * from "../src/Vencord";
|
|
||||||
@ -1,105 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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/>.
|
|
||||||
*/
|
|
||||||
|
|
||||||
/// <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 { debounce } from "../src/utils";
|
|
||||||
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
|
|
||||||
const { localStorage } = window;
|
|
||||||
|
|
||||||
// listeners for ipc.on
|
|
||||||
const cssListeners = new Set<(css: string) => void>();
|
|
||||||
const NOOP = () => { };
|
|
||||||
const NOOP_ASYNC = async () => { };
|
|
||||||
|
|
||||||
const setCssDebounced = debounce((css: string) => VencordNative.quickCss.set(css));
|
|
||||||
|
|
||||||
const themeStore = DataStore.createStore("VencordThemes", "VencordThemeData");
|
|
||||||
|
|
||||||
// probably should make this less cursed at some point
|
|
||||||
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: () => ({}),
|
|
||||||
openExternal: async (url) => void open(url, "_blank")
|
|
||||||
},
|
|
||||||
|
|
||||||
updater: {
|
|
||||||
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 }),
|
|
||||||
},
|
|
||||||
|
|
||||||
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"]
|
|
||||||
);
|
|
||||||
@ -1,24 +0,0 @@
|
|||||||
if (typeof browser === "undefined") {
|
|
||||||
var browser = chrome;
|
|
||||||
}
|
|
||||||
|
|
||||||
const script = document.createElement("script");
|
|
||||||
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");
|
|
||||||
style.type = "text/css";
|
|
||||||
style.rel = "stylesheet";
|
|
||||||
style.href = browser.runtime.getURL("dist/Vencord.css");
|
|
||||||
|
|
||||||
document.documentElement.append(script);
|
|
||||||
|
|
||||||
document.addEventListener(
|
|
||||||
"DOMContentLoaded",
|
|
||||||
() => document.documentElement.append(style),
|
|
||||||
{ once: true }
|
|
||||||
);
|
|
||||||
BIN
browser/icon.png
BIN
browser/icon.png
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
@ -1,45 +0,0 @@
|
|||||||
{
|
|
||||||
"manifest_version": 3,
|
|
||||||
"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"
|
|
||||||
},
|
|
||||||
|
|
||||||
"host_permissions": [
|
|
||||||
"*://*.discord.com/*",
|
|
||||||
"https://raw.githubusercontent.com/*"
|
|
||||||
],
|
|
||||||
|
|
||||||
"permissions": ["declarativeNetRequest"],
|
|
||||||
|
|
||||||
"content_scripts": [
|
|
||||||
{
|
|
||||||
"run_at": "document_start",
|
|
||||||
"matches": ["*://*.discord.com/*"],
|
|
||||||
"js": ["content.js"],
|
|
||||||
"all_frames": true
|
|
||||||
}
|
|
||||||
],
|
|
||||||
|
|
||||||
"web_accessible_resources": [
|
|
||||||
{
|
|
||||||
"resources": ["dist/*", "third-party/*"],
|
|
||||||
"matches": ["*://*.discord.com/*"]
|
|
||||||
}
|
|
||||||
],
|
|
||||||
|
|
||||||
"declarative_net_request": {
|
|
||||||
"rule_resources": [
|
|
||||||
{
|
|
||||||
"id": "modifyResponseHeaders",
|
|
||||||
"enabled": true,
|
|
||||||
"path": "modifyResponseHeaders.json"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -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"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,38 +0,0 @@
|
|||||||
[
|
|
||||||
{
|
|
||||||
"id": 1,
|
|
||||||
"action": {
|
|
||||||
"type": "modifyHeaders",
|
|
||||||
"responseHeaders": [
|
|
||||||
{
|
|
||||||
"header": "content-security-policy",
|
|
||||||
"operation": "remove"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"header": "content-security-policy-report-only",
|
|
||||||
"operation": "remove"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"condition": {
|
|
||||||
"resourceTypes": ["main_frame", "sub_frame"]
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"id": 2,
|
|
||||||
"action": {
|
|
||||||
"type": "modifyHeaders",
|
|
||||||
"responseHeaders": [
|
|
||||||
{
|
|
||||||
"header": "content-type",
|
|
||||||
"operation": "set",
|
|
||||||
"value": "text/css"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"condition": {
|
|
||||||
"resourceTypes": ["stylesheet"],
|
|
||||||
"urlFilter": "https://raw.githubusercontent.com/*"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
@ -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,24 +0,0 @@
|
|||||||
// ==UserScript==
|
|
||||||
// @name Vencord
|
|
||||||
// @description A Discord client mod - Web version
|
|
||||||
// @version %version%
|
|
||||||
// @author Vendicated (https://github.com/Vendicated)
|
|
||||||
// @namespace https://github.com/Vendicated/Vencord
|
|
||||||
// @supportURL https://github.com/Vendicated/Vencord
|
|
||||||
// @license GPL-3.0
|
|
||||||
// @match *://*.discord.com/*
|
|
||||||
// @grant GM_xmlhttpRequest
|
|
||||||
// @run-at document-start
|
|
||||||
// @compatible chrome Chrome + Tampermonkey or Violentmonkey
|
|
||||||
// @compatible firefox Firefox Tampermonkey
|
|
||||||
// @compatible opera Opera + Tampermonkey or Violentmonkey
|
|
||||||
// @compatible edge Edge + Tampermonkey or Violentmonkey
|
|
||||||
// @compatible safari Safari + Tampermonkey or Violentmonkey
|
|
||||||
// ==/UserScript==
|
|
||||||
|
|
||||||
|
|
||||||
// this UserScript DOES NOT work on Firefox with Violentmonkey or Greasemonkey due to a bug that makes it impossible
|
|
||||||
// to overwrite stuff on the window on sites that use CSP. Use Tampermonkey or use a chromium based browser
|
|
||||||
// https://github.com/violentmonkey/violentmonkey/issues/997
|
|
||||||
|
|
||||||
// this is a compiled and minified version of Vencord. For the source code, visit the GitHub repo
|
|
||||||
122
build.mjs
Executable file
122
build.mjs
Executable file
@ -0,0 +1,122 @@
|
|||||||
|
#!/usr/bin/node
|
||||||
|
import { execSync } from "child_process";
|
||||||
|
import esbuild from "esbuild";
|
||||||
|
import { readdirSync } from "fs";
|
||||||
|
import { performance } from "perf_hooks";
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @type {esbuild.WatchMode|false}
|
||||||
|
*/
|
||||||
|
const watch = process.argv.includes("--watch");
|
||||||
|
|
||||||
|
// https://github.com/evanw/esbuild/issues/619#issuecomment-751995294
|
||||||
|
/**
|
||||||
|
* @type {esbuild.Plugin}
|
||||||
|
*/
|
||||||
|
const makeAllPackagesExternalPlugin = {
|
||||||
|
name: 'make-all-packages-external',
|
||||||
|
setup(build) {
|
||||||
|
let filter = /^[^.\/]|^\.[^.\/]|^\.\.[^\/]/; // Must not start with "/" or "./" or "../"
|
||||||
|
build.onResolve({ filter }, args => ({ path: args.path, external: true }));
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @type {esbuild.Plugin}
|
||||||
|
*/
|
||||||
|
const globPlugins = {
|
||||||
|
name: "glob-plugins",
|
||||||
|
setup: build => {
|
||||||
|
build.onResolve({ filter: /^plugins$/ }, args => {
|
||||||
|
return {
|
||||||
|
namespace: "import-plugins",
|
||||||
|
path: args.path
|
||||||
|
};
|
||||||
|
});
|
||||||
|
|
||||||
|
build.onLoad({ filter: /^plugins$/, namespace: "import-plugins" }, () => {
|
||||||
|
const files = readdirSync("./src/plugins");
|
||||||
|
let code = "";
|
||||||
|
let obj = "";
|
||||||
|
for (let i = 0; i < files.length; i++) {
|
||||||
|
if (files[i] === "index.ts") {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
const mod = `__pluginMod${i}`;
|
||||||
|
code += `import ${mod} from "./${files[i].replace(/.tsx?$/, "")}";\n`;
|
||||||
|
obj += `[${mod}.name]: ${mod},`;
|
||||||
|
}
|
||||||
|
code += `export default {${obj}}`;
|
||||||
|
return {
|
||||||
|
contents: code,
|
||||||
|
resolveDir: "./src/plugins"
|
||||||
|
};
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const gitHash = execSync("git rev-parse --short HEAD", { encoding: "utf-8" }).trim();
|
||||||
|
/**
|
||||||
|
* @type {esbuild.Plugin}
|
||||||
|
*/
|
||||||
|
const gitHashPlugin = {
|
||||||
|
name: "git-hash-plugin",
|
||||||
|
setup: build => {
|
||||||
|
const filter = /^git-hash$/;
|
||||||
|
build.onResolve({ filter }, args => ({
|
||||||
|
namespace: "git-hash", path: args.path
|
||||||
|
}));
|
||||||
|
build.onLoad({ filter, namespace: "git-hash" }, () => ({
|
||||||
|
contents: `export default "${gitHash}"`
|
||||||
|
}));
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
await Promise.all([
|
||||||
|
esbuild.build({
|
||||||
|
logLevel: "info",
|
||||||
|
entryPoints: ["src/preload.ts"],
|
||||||
|
outfile: "dist/preload.js",
|
||||||
|
format: "cjs",
|
||||||
|
bundle: true,
|
||||||
|
platform: "node",
|
||||||
|
target: ["esnext"],
|
||||||
|
sourcemap: "linked",
|
||||||
|
plugins: [makeAllPackagesExternalPlugin],
|
||||||
|
watch
|
||||||
|
}),
|
||||||
|
esbuild.build({
|
||||||
|
logLevel: "info",
|
||||||
|
entryPoints: ["src/patcher.ts"],
|
||||||
|
outfile: "dist/patcher.js",
|
||||||
|
bundle: true,
|
||||||
|
format: "cjs",
|
||||||
|
target: ["esnext"],
|
||||||
|
external: ["electron"],
|
||||||
|
platform: "node",
|
||||||
|
sourcemap: "linked",
|
||||||
|
plugins: [makeAllPackagesExternalPlugin],
|
||||||
|
watch
|
||||||
|
}),
|
||||||
|
esbuild.build({
|
||||||
|
logLevel: "info",
|
||||||
|
entryPoints: ["src/Vencord.ts"],
|
||||||
|
outfile: "dist/renderer.js",
|
||||||
|
format: "iife",
|
||||||
|
bundle: true,
|
||||||
|
target: ["esnext"],
|
||||||
|
footer: { js: "//# sourceURL=VencordRenderer" },
|
||||||
|
globalName: "Vencord",
|
||||||
|
external: ["plugins", "git-hash"],
|
||||||
|
plugins: [
|
||||||
|
globPlugins,
|
||||||
|
gitHashPlugin
|
||||||
|
],
|
||||||
|
sourcemap: false,
|
||||||
|
watch,
|
||||||
|
minify: true,
|
||||||
|
})
|
||||||
|
]).catch(err => {
|
||||||
|
console.error("Build failed");
|
||||||
|
console.error(err.message);
|
||||||
|
});
|
||||||
@ -1,99 +0,0 @@
|
|||||||
> [!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.
|
|
||||||
> 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
|
|
||||||
|
|
||||||
Welcome to Megu's Installation Guide! In this file, you will learn about how to download, install, and uninstall Vencord!
|
|
||||||
|
|
||||||
## Sections
|
|
||||||
|
|
||||||
- [Installation Guide](#installation-guide)
|
|
||||||
- [Sections](#sections)
|
|
||||||
- [Dependencies](#dependencies)
|
|
||||||
- [Installing Vencord](#installing-vencord)
|
|
||||||
- [Updating Vencord](#updating-vencord)
|
|
||||||
- [Uninstalling Vencord](#uninstalling-vencord)
|
|
||||||
|
|
||||||
## Dependencies
|
|
||||||
|
|
||||||
- Install Git from https://git-scm.com/download
|
|
||||||
- Install Node.JS LTS from here: https://nodejs.dev/en/
|
|
||||||
|
|
||||||
## Installing Vencord
|
|
||||||
|
|
||||||
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.
|
|
||||||
|
|
||||||
```shell
|
|
||||||
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:
|
|
||||||
|
|
||||||
```shell
|
|
||||||
git clone https://github.com/Vendicated/Vencord
|
|
||||||
cd Vencord
|
|
||||||
```
|
|
||||||
|
|
||||||
Install dependencies:
|
|
||||||
|
|
||||||
```shell
|
|
||||||
pnpm install --frozen-lockfile
|
|
||||||
```
|
|
||||||
|
|
||||||
Build Vencord:
|
|
||||||
|
|
||||||
```shell
|
|
||||||
pnpm build
|
|
||||||
```
|
|
||||||
|
|
||||||
Inject vencord into your client:
|
|
||||||
|
|
||||||
```shell
|
|
||||||
pnpm inject
|
|
||||||
```
|
|
||||||
|
|
||||||
Then fully close Discord from your taskbar or task manager, and restart it. Vencord should be injected - you can check this by looking for the Vencord section in Discord settings.
|
|
||||||
|
|
||||||
## Updating Vencord
|
|
||||||
|
|
||||||
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.
|
|
||||||
|
|
||||||
To pull latest changes:
|
|
||||||
|
|
||||||
```shell
|
|
||||||
git pull
|
|
||||||
```
|
|
||||||
|
|
||||||
If this fails, you likely need to reset your local changes to vencord to resolve merge errors:
|
|
||||||
|
|
||||||
> :exclamation: This command will remove any local changes you've made to vencord. Make sure you back up if you made any code changes you don't want to lose!
|
|
||||||
|
|
||||||
```shell
|
|
||||||
git reset --hard
|
|
||||||
git pull
|
|
||||||
```
|
|
||||||
|
|
||||||
and then to build the changes:
|
|
||||||
|
|
||||||
```shell
|
|
||||||
pnpm build
|
|
||||||
```
|
|
||||||
|
|
||||||
Then just refresh your client
|
|
||||||
|
|
||||||
## Uninstalling Vencord
|
|
||||||
|
|
||||||
Simply run:
|
|
||||||
|
|
||||||
```shell
|
|
||||||
pnpm uninject
|
|
||||||
```
|
|
||||||
|
|
||||||
If you need more help, ask in the support channel in our [Discord Server](https://discord.gg/D9uwnFnqmd).
|
|
||||||
@ -1,111 +0,0 @@
|
|||||||
# Plugins Guide
|
|
||||||
|
|
||||||
Welcome to Megu's Plugin Guide! In this file, you will learn about how to write your own plugin!
|
|
||||||
|
|
||||||
You don't need to run `pnpm build` every time you make a change. Instead, use `pnpm watch` - this will auto-compile Vencord whenever you make a change. If using code patches (recommended), you will need to CTRL+R to load the changes.
|
|
||||||
|
|
||||||
## Plugin Entrypoint
|
|
||||||
|
|
||||||
> If it doesn't already exist, create a folder called `userplugins` in the `src` directory of this repo.
|
|
||||||
|
|
||||||
1. Create a folder in `src/userplugins/` with the name of your plugin. For example, `src/userplugins/epicPlugin/` - All of your plugin files will go here.
|
|
||||||
|
|
||||||
2. Create a file in that folder called `index.ts`
|
|
||||||
|
|
||||||
3. In `index.ts`, copy-paste the following template code:
|
|
||||||
|
|
||||||
```ts
|
|
||||||
import definePlugin from "@utils/types";
|
|
||||||
|
|
||||||
export default definePlugin({
|
|
||||||
name: "Epic Plugin",
|
|
||||||
description: "This plugin is absolutely epic",
|
|
||||||
authors: [
|
|
||||||
{
|
|
||||||
id: 12345n,
|
|
||||||
name: "Your Name",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
patches: [],
|
|
||||||
// Delete these two below if you are only using code patches
|
|
||||||
start() {},
|
|
||||||
stop() {},
|
|
||||||
});
|
|
||||||
```
|
|
||||||
|
|
||||||
Change the name, description, and authors to your own information.
|
|
||||||
|
|
||||||
Replace `12345n` with your user ID ending in `n` (e.g., `545581357812678656n`). If you don't want to share your Discord account, use `0n` instead!
|
|
||||||
|
|
||||||
## How Plugins Work In Vencord
|
|
||||||
|
|
||||||
Vencord uses a different way of making mods than you're used to.
|
|
||||||
Instead of monkeypatching webpack, we directly modify the code before Discord loads it.
|
|
||||||
|
|
||||||
This is _significantly_ more efficient than monkeypatching webpack, and is surprisingly easy, but it may be confusing at first.
|
|
||||||
|
|
||||||
## Making your patch
|
|
||||||
|
|
||||||
For an in-depth guide into patching code, see [CONTRIBUTING.md](../CONTRIBUTING.md)
|
|
||||||
|
|
||||||
in the `index.ts` file we made earlier, you'll see a `patches` array.
|
|
||||||
|
|
||||||
> You'll see examples of how patches are used in all the existing plugins, and it'll be easier to understand by looking at those examples, so do that first, and then return here!
|
|
||||||
|
|
||||||
> For a good example of a plugin using code patches AND runtime patching, check `src/plugins/unindent.ts`, which uses code patches to run custom runtime code.
|
|
||||||
|
|
||||||
One of the patches in the `isStaff` plugin, looks like this:
|
|
||||||
|
|
||||||
```ts
|
|
||||||
{
|
|
||||||
match: /(\w+)\.isStaff=function\(\){return\s*!1};/,
|
|
||||||
replace: "$1.isStaff=function(){return true};",
|
|
||||||
},
|
|
||||||
```
|
|
||||||
|
|
||||||
The above regex matches the string in discord that will look something like:
|
|
||||||
|
|
||||||
```js
|
|
||||||
abc.isStaff = function () {
|
|
||||||
return !1;
|
|
||||||
};
|
|
||||||
```
|
|
||||||
|
|
||||||
Remember that Discord code is minified, so there won't be any newlines, and there will only be spaces where necessary. So the source code looks something like:
|
|
||||||
|
|
||||||
```
|
|
||||||
abc.isStaff=function(){return!1;}
|
|
||||||
```
|
|
||||||
|
|
||||||
You can find these snippets by opening the devtools (`ctrl+shift+i`) and pressing `ctrl+shift+f`, searching for what you're looking to modify in there, and beautifying the file to make it more readable.
|
|
||||||
|
|
||||||
In the `match` regex in the example shown above, you'll notice at the start there is a `(\w+)`.
|
|
||||||
Anything in the brackets will be accessible in the `replace` string using `$<number>`. e.g., the first pair of brackets will be `$1`, the second will be `$2`, etc.
|
|
||||||
|
|
||||||
The replacement string we used is:
|
|
||||||
|
|
||||||
```
|
|
||||||
"$1.isStaff=function(){return true;};"
|
|
||||||
```
|
|
||||||
|
|
||||||
Which, using the above example, would replace the code with:
|
|
||||||
|
|
||||||
> **Note**
|
|
||||||
> In this example, `$1` becomes `abc`
|
|
||||||
|
|
||||||
```js
|
|
||||||
abc.isStaff = function () {
|
|
||||||
return true;
|
|
||||||
};
|
|
||||||
```
|
|
||||||
|
|
||||||
The match value _can_ be a string, rather than regex, however usually regex will be better suited, as it can work with unknown values, whereas strings must be exact matches.
|
|
||||||
|
|
||||||
Once you've made your plugin, make sure you run `pnpm test` and make sure your code is nice and clean!
|
|
||||||
|
|
||||||
If you want to publish your plugin into the Vencord repo, move your plugin from `src/userplugins` into the `src/plugins` folder and open a PR!
|
|
||||||
|
|
||||||
> **Warning**
|
|
||||||
> Make sure you've read [CONTRIBUTING.md](../CONTRIBUTING.md) before opening a PR
|
|
||||||
|
|
||||||
If you need more help, ask in the support channel in our [Discord Server](https://discord.gg/D9uwnFnqmd).
|
|
||||||
90
install.ps1
Normal file
90
install.ps1
Normal file
@ -0,0 +1,90 @@
|
|||||||
|
# Vencord Windows Installer
|
||||||
|
|
||||||
|
$patcher = "$PWD\dist\patcher.js"
|
||||||
|
$patcher_safe = $patcher -replace '\\', '\\'
|
||||||
|
|
||||||
|
$APP_PATCH = @"
|
||||||
|
require("$patcher_safe");
|
||||||
|
require("../app.asar");
|
||||||
|
"@
|
||||||
|
|
||||||
|
$PACKAGE_JSON = @"
|
||||||
|
{
|
||||||
|
"main": "index.js",
|
||||||
|
"name": "discord"
|
||||||
|
}
|
||||||
|
"@
|
||||||
|
|
||||||
|
$branch_paths = Get-ChildItem -Directory -Path $env:LOCALAPPDATA |
|
||||||
|
Select-String -Pattern "Discord\w*" -AllMatches |
|
||||||
|
Select-String -Pattern "DiscordGames" -NotMatch # Ignore DiscordGames folder
|
||||||
|
|
||||||
|
$branches = @()
|
||||||
|
|
||||||
|
foreach ($branch in $branch_paths) {
|
||||||
|
$branch = $branch.Line.Split("\")[-1]
|
||||||
|
|
||||||
|
if ($branch -eq "Discord") {
|
||||||
|
$branch = "Discord Stable"
|
||||||
|
} else {
|
||||||
|
$branch = $branch.Replace("Discord", "Discord ")
|
||||||
|
}
|
||||||
|
|
||||||
|
$branches = $branches + $branch
|
||||||
|
}
|
||||||
|
|
||||||
|
$branch_count = $branches.Count
|
||||||
|
|
||||||
|
Write-Output "Found $branch_count Branches"
|
||||||
|
Write-Output "====================================="
|
||||||
|
Write-Output "===== Select a Branch to patch ======"
|
||||||
|
|
||||||
|
$i = 0
|
||||||
|
foreach ($branch in $branches) {
|
||||||
|
Write-Output "=== $i. $branch"
|
||||||
|
$i++
|
||||||
|
}
|
||||||
|
|
||||||
|
Write-Output "====================================="
|
||||||
|
$pos = Read-Host "Enter a number"
|
||||||
|
|
||||||
|
if ($null -eq $branches[$pos]) {
|
||||||
|
Write-Output "Invalid branch selection"
|
||||||
|
exit
|
||||||
|
}
|
||||||
|
|
||||||
|
$branch = $branches.Get($pos)
|
||||||
|
$discord_root = $branch_paths.Get($pos)
|
||||||
|
|
||||||
|
Write-Output "`nPatching $branch"
|
||||||
|
|
||||||
|
$app_folders = Get-ChildItem -Directory -Path $discord_root |
|
||||||
|
Select-String -Pattern "app-"
|
||||||
|
|
||||||
|
foreach ($folder in $app_folders)
|
||||||
|
{
|
||||||
|
$version = [regex]::match($folder, 'app-([\d\.]+)').Groups[1].Value
|
||||||
|
Write-Output "Patching Version $version"
|
||||||
|
|
||||||
|
$resources = "$folder\resources"
|
||||||
|
if (-not(Test-Path -Path "$resources")) {
|
||||||
|
Write-Error "Resources folder does not exist. Outdated version?`n"
|
||||||
|
continue
|
||||||
|
}
|
||||||
|
if (-not(Test-Path -Path "$resources\app.asar")) {
|
||||||
|
Write-Error "Failed to find app.asar in $folder`n"
|
||||||
|
continue
|
||||||
|
}
|
||||||
|
|
||||||
|
$app = "$resources\app"
|
||||||
|
if (Test-Path -Path $app) {
|
||||||
|
Write-Error "Are you already patched? App folder already exists at $resources`n"
|
||||||
|
continue
|
||||||
|
}
|
||||||
|
|
||||||
|
$null = New-Item -Path $app -ItemType Directory
|
||||||
|
$null = Tee-Object -InputObject $APP_PATCH -FilePath "$app\index.js"
|
||||||
|
$null = Tee-Object -InputObject $PACKAGE_JSON -FilePath "$app\package.json"
|
||||||
|
|
||||||
|
Write-Output "Patched $branch (version $version) successfully"
|
||||||
|
}
|
||||||
75
install.sh
Executable file
75
install.sh
Executable file
@ -0,0 +1,75 @@
|
|||||||
|
#!/bin/sh
|
||||||
|
#
|
||||||
|
# Super simple installer. You should probably run this as root.
|
||||||
|
# If you are getting permission issues, this is probably why.
|
||||||
|
#
|
||||||
|
# If this doesn't work for you, or you're not on Linux, just
|
||||||
|
# - locate your Discord folder
|
||||||
|
# - inside the resources folder, create a new folder "app"
|
||||||
|
# - inside app create the files index.js and package.json.
|
||||||
|
# See the two tee commands at the end of the file for their contents
|
||||||
|
|
||||||
|
patcher="$PWD/dist/patcher.js"
|
||||||
|
|
||||||
|
discord_bin="$(which discord)"
|
||||||
|
discord_actual="$(readlink "$discord_bin")"
|
||||||
|
|
||||||
|
if [ -z "$discord_actual" ]; then
|
||||||
|
case "$(head -n1 "$discord_bin")" in
|
||||||
|
# has shebang?
|
||||||
|
\#!/*)
|
||||||
|
# Wrapper script, assume 2nd line has exec electron call and try to match asar path
|
||||||
|
path="$(tail -1 "$discord_bin" | grep -Eo "\S+/app.asar" | sed 's/${name}/discord/')"
|
||||||
|
if [ -z "$path" ]; then
|
||||||
|
echo "Unsupported Install. $discord_bin is wrapper script but last line isn't exec call?"
|
||||||
|
exit
|
||||||
|
elif [ -e "$path" ]; then
|
||||||
|
discord="$(dirname "$path")"
|
||||||
|
else
|
||||||
|
echo "Unsupported Install. $path not found"
|
||||||
|
exit 1
|
||||||
|
fi
|
||||||
|
;;
|
||||||
|
*)
|
||||||
|
echo "Unsupported Install. $discord_bin is neither symlink nor a wrapper script.";
|
||||||
|
exit 1
|
||||||
|
;;
|
||||||
|
esac
|
||||||
|
else
|
||||||
|
discord="$(dirname "$discord_actual")"
|
||||||
|
fi
|
||||||
|
|
||||||
|
resources="$discord/resources"
|
||||||
|
app="$resources/app"
|
||||||
|
app_asar="app.asar"
|
||||||
|
|
||||||
|
if [ ! -e "$resources" ]; then
|
||||||
|
if [ -e "$discord/app.asar.unpacked" ]; then
|
||||||
|
# System Electron Install
|
||||||
|
mv "$discord/app.asar" "$discord/_app.asar"
|
||||||
|
mv "$discord/app.asar.unpacked" "$discord/_app.asar.unpacked"
|
||||||
|
app="$discord/app.asar"
|
||||||
|
app_asar="_app.asar"
|
||||||
|
else
|
||||||
|
echo "Unsupported Install. $discord has no resources folder but also isn't system electron install"
|
||||||
|
exit
|
||||||
|
fi
|
||||||
|
fi
|
||||||
|
|
||||||
|
if [ -e "$app" ]; then
|
||||||
|
echo "app folder exists. Looks like your Discord is already modified."
|
||||||
|
exit
|
||||||
|
fi
|
||||||
|
|
||||||
|
mkdir "$app"
|
||||||
|
tee > "$app/index.js" << EOF
|
||||||
|
require("$patcher");
|
||||||
|
require("../$app_asar");
|
||||||
|
EOF
|
||||||
|
|
||||||
|
tee > "$app/package.json" << EOF
|
||||||
|
{
|
||||||
|
"main": "index.js",
|
||||||
|
"name": "discord"
|
||||||
|
}
|
||||||
|
EOF
|
||||||
121
package.json
121
package.json
@ -1,103 +1,20 @@
|
|||||||
{
|
{
|
||||||
"name": "vencord",
|
"devDependencies": {
|
||||||
"private": "true",
|
"@types/flux": "^3.1.11",
|
||||||
"version": "1.6.3",
|
"@types/node": "^18.7.13",
|
||||||
"description": "The cutest Discord client mod",
|
"@types/react": "^18.0.17",
|
||||||
"homepage": "https://github.com/Vendicated/Vencord#readme",
|
"electron": "^20.1.0",
|
||||||
"bugs": {
|
"esbuild": "^0.15.5"
|
||||||
"url": "https://github.com/Vendicated/Vencord/issues"
|
},
|
||||||
},
|
"dependencies": {
|
||||||
"repository": {
|
"@swc/wasm-web": "^1.3.4",
|
||||||
"type": "git",
|
"discord-types": "^1.3.26",
|
||||||
"url": "git+https://github.com/Vendicated/Vencord.git"
|
"electron-devtools-installer": "^3.2.0",
|
||||||
},
|
"jsposed": "^1.0.2",
|
||||||
"license": "GPL-3.0-or-later",
|
"prettier": "^2.7.1"
|
||||||
"author": "Vendicated",
|
},
|
||||||
"directories": {
|
"scripts": {
|
||||||
"doc": "docs"
|
"build": "node build.mjs",
|
||||||
},
|
"watch": "node build.mjs --watch"
|
||||||
"scripts": {
|
}
|
||||||
"build": "node scripts/build/build.mjs",
|
}
|
||||||
"buildWeb": "node --require=./scripts/suppressExperimentalWarnings.js scripts/build/buildWeb.mjs",
|
|
||||||
"generatePluginJson": "tsx scripts/generatePluginList.ts",
|
|
||||||
"inject": "node scripts/runInstaller.mjs",
|
|
||||||
"lint": "eslint . --ext .js,.jsx,.ts,.tsx --ignore-pattern src/userplugins",
|
|
||||||
"lint-styles": "stylelint \"src/**/*.css\" --ignore-pattern src/userplugins",
|
|
||||||
"lint:fix": "pnpm lint --fix",
|
|
||||||
"test": "pnpm build && pnpm lint && pnpm lint-styles && pnpm testTsc && pnpm generatePluginJson",
|
|
||||||
"testWeb": "pnpm lint && pnpm buildWeb && pnpm testTsc",
|
|
||||||
"testTsc": "tsc --noEmit",
|
|
||||||
"uninject": "node scripts/runInstaller.mjs",
|
|
||||||
"watch": "node scripts/build/build.mjs --watch"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
|
||||||
"@sapphi-red/web-noise-suppressor": "0.3.3",
|
|
||||||
"@vap/core": "0.0.12",
|
|
||||||
"@vap/shiki": "0.10.5",
|
|
||||||
"eslint-plugin-simple-header": "^1.0.2",
|
|
||||||
"fflate": "^0.7.4",
|
|
||||||
"gifenc": "github:mattdesl/gifenc#64842fca317b112a8590f8fef2bf3825da8f6fe3",
|
|
||||||
"monaco-editor": "^0.43.0",
|
|
||||||
"nanoid": "^4.0.2",
|
|
||||||
"virtual-merge": "^1.0.1"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"@types/chrome": "^0.0.246",
|
|
||||||
"@types/diff": "^5.0.3",
|
|
||||||
"@types/lodash": "^4.14.194",
|
|
||||||
"@types/node": "^18.16.3",
|
|
||||||
"@types/react": "^18.2.0",
|
|
||||||
"@types/react-dom": "^18.2.1",
|
|
||||||
"@types/yazl": "^2.4.2",
|
|
||||||
"@typescript-eslint/eslint-plugin": "^5.59.1",
|
|
||||||
"@typescript-eslint/parser": "^5.59.1",
|
|
||||||
"diff": "^5.1.0",
|
|
||||||
"discord-types": "^1.3.26",
|
|
||||||
"esbuild": "^0.15.18",
|
|
||||||
"eslint": "^8.46.0",
|
|
||||||
"eslint-import-resolver-alias": "^1.1.2",
|
|
||||||
"eslint-plugin-path-alias": "^1.0.0",
|
|
||||||
"eslint-plugin-simple-import-sort": "^10.0.0",
|
|
||||||
"eslint-plugin-unused-imports": "^2.0.0",
|
|
||||||
"highlight.js": "10.6.0",
|
|
||||||
"moment": "^2.29.4",
|
|
||||||
"puppeteer-core": "^19.11.1",
|
|
||||||
"standalone-electron-types": "^1.0.0",
|
|
||||||
"stylelint": "^15.6.0",
|
|
||||||
"stylelint-config-standard": "^33.0.0",
|
|
||||||
"tsx": "^3.12.7",
|
|
||||||
"type-fest": "^3.9.0",
|
|
||||||
"typescript": "^5.0.4",
|
|
||||||
"zip-local": "^0.3.5"
|
|
||||||
},
|
|
||||||
"packageManager": "pnpm@8.10.2",
|
|
||||||
"pnpm": {
|
|
||||||
"patchedDependencies": {
|
|
||||||
"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"
|
|
||||||
},
|
|
||||||
"peerDependencyRules": {
|
|
||||||
"ignoreMissing": [
|
|
||||||
"eslint-plugin-import",
|
|
||||||
"eslint"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"allowedDeprecatedVersions": {
|
|
||||||
"source-map-resolve": "*",
|
|
||||||
"resolve-url": "*",
|
|
||||||
"source-map-url": "*",
|
|
||||||
"urix": "*"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"webExt": {
|
|
||||||
"artifactsDir": "./dist",
|
|
||||||
"build": {
|
|
||||||
"overwriteDest": true
|
|
||||||
},
|
|
||||||
"sourceDir": "./dist/firefox-unpacked"
|
|
||||||
},
|
|
||||||
"engines": {
|
|
||||||
"node": ">=18",
|
|
||||||
"pnpm": ">=8"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,13 +0,0 @@
|
|||||||
diff --git a/lib/rules/no-relative.js b/lib/rules/no-relative.js
|
|
||||||
index 71594c83f1f4f733ffcc6047d7f7084348335dbe..d8623d87c89499c442171db3272cba07c9efabbe 100644
|
|
||||||
--- a/lib/rules/no-relative.js
|
|
||||||
+++ b/lib/rules/no-relative.js
|
|
||||||
@@ -41,7 +41,7 @@ module.exports = {
|
|
||||||
ImportDeclaration(node) {
|
|
||||||
const importPath = node.source.value;
|
|
||||||
|
|
||||||
- if (!/^(\.?\.\/)/.test(importPath)) {
|
|
||||||
+ if (!/^(\.\.\/)/.test(importPath)) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
@ -1,49 +0,0 @@
|
|||||||
diff --git a/lib/rules/no-useless-escape.js b/lib/rules/no-useless-escape.js
|
|
||||||
index 0e0f6f09f2c35f3276173c08f832cde9f2cf56a0..7dc22851715f3574d935f513c1b5e35552985711 100644
|
|
||||||
--- a/lib/rules/no-useless-escape.js
|
|
||||||
+++ b/lib/rules/no-useless-escape.js
|
|
||||||
@@ -65,13 +65,31 @@ module.exports = {
|
|
||||||
escapeBackslash: "Replace the `\\` with `\\\\` to include the actual backslash character."
|
|
||||||
},
|
|
||||||
|
|
||||||
- schema: []
|
|
||||||
+ schema: [{
|
|
||||||
+ type: "object",
|
|
||||||
+ properties: {
|
|
||||||
+ extra: {
|
|
||||||
+ type: "string",
|
|
||||||
+ default: ""
|
|
||||||
+ },
|
|
||||||
+ extraCharClass: {
|
|
||||||
+ type: "string",
|
|
||||||
+ default: ""
|
|
||||||
+ },
|
|
||||||
+ },
|
|
||||||
+ additionalProperties: false
|
|
||||||
+ }]
|
|
||||||
},
|
|
||||||
|
|
||||||
create(context) {
|
|
||||||
+ const options = context.options[0] || {};
|
|
||||||
+ const { extra, extraCharClass } = options;
|
|
||||||
const sourceCode = context.sourceCode;
|
|
||||||
const parser = new RegExpParser();
|
|
||||||
|
|
||||||
+ const NON_CHARCLASS_ESCAPES = union(REGEX_NON_CHARCLASS_ESCAPES, new Set(extra));
|
|
||||||
+ const CHARCLASS_ESCAPES = union(REGEX_GENERAL_ESCAPES, new Set(extraCharClass));
|
|
||||||
+
|
|
||||||
/**
|
|
||||||
* Reports a node
|
|
||||||
* @param {ASTNode} node The node to report
|
|
||||||
@@ -200,9 +218,9 @@ module.exports = {
|
|
||||||
let allowedEscapes;
|
|
||||||
|
|
||||||
if (characterClassStack.length) {
|
|
||||||
- allowedEscapes = unicodeSets ? REGEX_CLASSSET_CHARACTER_ESCAPES : REGEX_GENERAL_ESCAPES;
|
|
||||||
+ allowedEscapes = unicodeSets ? REGEX_CLASSSET_CHARACTER_ESCAPES : CHARCLASS_ESCAPES;
|
|
||||||
} else {
|
|
||||||
- allowedEscapes = REGEX_NON_CHARCLASS_ESCAPES;
|
|
||||||
+ allowedEscapes = NON_CHARCLASS_ESCAPES;
|
|
||||||
}
|
|
||||||
if (allowedEscapes.has(escapedChar)) {
|
|
||||||
return;
|
|
||||||
3548
pnpm-lock.yaml
generated
3548
pnpm-lock.yaml
generated
File diff suppressed because it is too large
Load Diff
@ -1,205 +0,0 @@
|
|||||||
#!/usr/bin/node
|
|
||||||
/*
|
|
||||||
* 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 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";
|
|
||||||
|
|
||||||
const defines = {
|
|
||||||
IS_STANDALONE: isStandalone,
|
|
||||||
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 this is a local build (not standalone), optimise
|
|
||||||
// for the specific platform we're on
|
|
||||||
defines["process.platform"] = JSON.stringify(process.platform);
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @type {esbuild.BuildOptions}
|
|
||||||
*/
|
|
||||||
const nodeCommonOpts = {
|
|
||||||
...commonOpts,
|
|
||||||
format: "cjs",
|
|
||||||
platform: "node",
|
|
||||||
target: ["esnext"],
|
|
||||||
external: ["electron", "original-fs", "~pluginNatives", ...commonOpts.external],
|
|
||||||
define: defines,
|
|
||||||
};
|
|
||||||
|
|
||||||
const sourceMapFooter = s => watch ? "" : `//# sourceMappingURL=vencord://${s}.js.map`;
|
|
||||||
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([
|
|
||||||
// Discord Desktop main & renderer & preload
|
|
||||||
esbuild.build({
|
|
||||||
...nodeCommonOpts,
|
|
||||||
entryPoints: ["src/main/index.ts"],
|
|
||||||
outfile: "dist/patcher.js",
|
|
||||||
footer: { js: "//# sourceURL=VencordPatcher\n" + sourceMapFooter("patcher") },
|
|
||||||
sourcemap,
|
|
||||||
define: {
|
|
||||||
...defines,
|
|
||||||
IS_DISCORD_DESKTOP: true,
|
|
||||||
IS_VESKTOP: false
|
|
||||||
},
|
|
||||||
plugins: [
|
|
||||||
...nodeCommonOpts.plugins,
|
|
||||||
globNativesPlugin
|
|
||||||
]
|
|
||||||
}),
|
|
||||||
esbuild.build({
|
|
||||||
...commonOpts,
|
|
||||||
entryPoints: ["src/Vencord.ts"],
|
|
||||||
outfile: "dist/renderer.js",
|
|
||||||
format: "iife",
|
|
||||||
target: ["esnext"],
|
|
||||||
footer: { js: "//# sourceURL=VencordRenderer\n" + sourceMapFooter("renderer") },
|
|
||||||
globalName: "Vencord",
|
|
||||||
sourcemap,
|
|
||||||
plugins: [
|
|
||||||
globPlugins("discordDesktop"),
|
|
||||||
...commonOpts.plugins
|
|
||||||
],
|
|
||||||
define: {
|
|
||||||
...defines,
|
|
||||||
IS_DISCORD_DESKTOP: true,
|
|
||||||
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 => {
|
|
||||||
console.error("Build failed");
|
|
||||||
console.error(err.message);
|
|
||||||
// make ci fail
|
|
||||||
if (!commonOpts.watch)
|
|
||||||
process.exitCode = 1;
|
|
||||||
});
|
|
||||||
@ -1,205 +0,0 @@
|
|||||||
#!/usr/bin/node
|
|
||||||
/*
|
|
||||||
* 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 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";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @type {esbuild.BuildOptions}
|
|
||||||
*/
|
|
||||||
const commonOptions = {
|
|
||||||
...commonOpts,
|
|
||||||
entryPoints: ["browser/Vencord.ts"],
|
|
||||||
globalName: "Vencord",
|
|
||||||
format: "iife",
|
|
||||||
external: ["plugins", "git-hash", "/assets/*"],
|
|
||||||
plugins: [
|
|
||||||
globPlugins("web"),
|
|
||||||
...commonOpts.plugins,
|
|
||||||
],
|
|
||||||
target: ["esnext"],
|
|
||||||
define: {
|
|
||||||
IS_WEB: "true",
|
|
||||||
IS_EXTENSION: "false",
|
|
||||||
IS_STANDALONE: "true",
|
|
||||||
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(
|
|
||||||
[
|
|
||||||
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({
|
|
||||||
...commonOptions,
|
|
||||||
outfile: "dist/browser.js",
|
|
||||||
footer: { js: "//# sourceURL=VencordWeb" },
|
|
||||||
}),
|
|
||||||
esbuild.build({
|
|
||||||
...commonOptions,
|
|
||||||
outfile: "dist/extension.js",
|
|
||||||
define: {
|
|
||||||
...commonOptions?.define,
|
|
||||||
IS_EXTENSION: "true",
|
|
||||||
},
|
|
||||||
footer: { js: "//# sourceURL=VencordWeb" },
|
|
||||||
}),
|
|
||||||
esbuild.build({
|
|
||||||
...commonOptions,
|
|
||||||
inject: ["browser/GMPolyfill.js", ...(commonOptions?.inject || [])],
|
|
||||||
define: {
|
|
||||||
...(commonOptions?.define),
|
|
||||||
window: "unsafeWindow",
|
|
||||||
},
|
|
||||||
outfile: "dist/Vencord.user.js",
|
|
||||||
banner: {
|
|
||||||
js: readFileSync("browser/userscript.meta.js", "utf-8").replace("%version%", `${VERSION}.${new Date().getTime()}`)
|
|
||||||
},
|
|
||||||
footer: {
|
|
||||||
// UserScripts get wrapped in an iife, so define Vencord prop on window that returns our local
|
|
||||||
js: "Object.defineProperty(unsafeWindow,'Vencord',{get:()=>Vencord});"
|
|
||||||
},
|
|
||||||
})
|
|
||||||
]
|
|
||||||
);
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @type {(dir: string) => Promise<string[]>}
|
|
||||||
*/
|
|
||||||
async function globDir(dir) {
|
|
||||||
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 = {
|
|
||||||
"dist/Vencord.js": await readFile("dist/extension.js"),
|
|
||||||
"dist/Vencord.css": await readFile("dist/extension.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 => {
|
|
||||||
let content = await readFile(join("browser", f));
|
|
||||||
if (f.startsWith("manifest")) {
|
|
||||||
const json = JSON.parse(content.toString("utf-8"));
|
|
||||||
json.version = VERSION;
|
|
||||||
content = new TextEncoder().encode(JSON.stringify(json));
|
|
||||||
}
|
|
||||||
|
|
||||||
return [
|
|
||||||
f.startsWith("manifest") ? "manifest.json" : f,
|
|
||||||
content
|
|
||||||
];
|
|
||||||
}))),
|
|
||||||
};
|
|
||||||
|
|
||||||
await rm(target, { recursive: true, force: true });
|
|
||||||
await Promise.all(Object.entries(entries).map(async ([file, content]) => {
|
|
||||||
const dest = join("dist", target, file);
|
|
||||||
const parentDirectory = join(dest, "..");
|
|
||||||
await mkdir(parentDirectory, { recursive: true });
|
|
||||||
await writeFile(dest, content);
|
|
||||||
}));
|
|
||||||
|
|
||||||
console.info("Unpacked Extension written to dist/" + target);
|
|
||||||
}
|
|
||||||
|
|
||||||
const appendCssRuntime = readFile("dist/Vencord.user.css", "utf-8").then(content => {
|
|
||||||
const cssRuntime = `
|
|
||||||
;document.addEventListener("DOMContentLoaded", () => document.documentElement.appendChild(
|
|
||||||
Object.assign(document.createElement("style"), {
|
|
||||||
textContent: \`${content.replaceAll("`", "\\`")}\`,
|
|
||||||
id: "vencord-css-core"
|
|
||||||
})
|
|
||||||
), { once: true });
|
|
||||||
`;
|
|
||||||
|
|
||||||
return appendFile("dist/Vencord.user.js", cssRuntime);
|
|
||||||
});
|
|
||||||
|
|
||||||
await Promise.all([
|
|
||||||
appendCssRuntime,
|
|
||||||
buildExtension("chromium-unpacked", ["modifyResponseHeaders.json", "content.js", "manifest.json", "icon.png"]),
|
|
||||||
buildExtension("firefox-unpacked", ["background.js", "content.js", "manifestv2.json", "icon.png"]),
|
|
||||||
]);
|
|
||||||
|
|
||||||
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");
|
|
||||||
@ -1,225 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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 "../suppressExperimentalWarnings.js";
|
|
||||||
import "../checkNodeVersion.js";
|
|
||||||
|
|
||||||
import { exec, execSync } from "child_process";
|
|
||||||
import { constants as FsConstants, readFileSync } from "fs";
|
|
||||||
import { access, readdir, readFile } from "fs/promises";
|
|
||||||
import { join, relative } from "path";
|
|
||||||
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 isStandalone = JSON.stringify(process.argv.includes("--standalone"));
|
|
||||||
export const updaterDisabled = JSON.stringify(process.argv.includes("--disable-updater"));
|
|
||||||
export const gitHash = process.env.VENCORD_HASH || execSync("git rev-parse --short HEAD", { encoding: "utf-8" }).trim();
|
|
||||||
export const banner = {
|
|
||||||
js: `
|
|
||||||
// Vencord ${gitHash}
|
|
||||||
// Standalone: ${isStandalone}
|
|
||||||
// Platform: ${isStandalone === "false" ? process.platform : "Universal"}
|
|
||||||
// Updater disabled: ${updaterDisabled}
|
|
||||||
`.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
|
|
||||||
/**
|
|
||||||
* @type {import("esbuild").Plugin}
|
|
||||||
*/
|
|
||||||
export const makeAllPackagesExternalPlugin = {
|
|
||||||
name: "make-all-packages-external",
|
|
||||||
setup(build) {
|
|
||||||
const filter = /^[^./]|^\.[^./]|^\.\.[^/]/; // Must not start with "/" or "./" or "../"
|
|
||||||
build.onResolve({ filter }, args => ({ path: args.path, external: true }));
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @type {(kind: "web" | "discordDesktop" | "vencordDesktop") => import("esbuild").Plugin}
|
|
||||||
*/
|
|
||||||
export const globPlugins = kind => ({
|
|
||||||
name: "glob-plugins",
|
|
||||||
setup: build => {
|
|
||||||
const filter = /^~plugins$/;
|
|
||||||
build.onResolve({ filter }, args => {
|
|
||||||
return {
|
|
||||||
namespace: "import-plugins",
|
|
||||||
path: args.path
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
build.onLoad({ filter, namespace: "import-plugins" }, async () => {
|
|
||||||
const pluginDirs = ["plugins/_api", "plugins/_core", "plugins", "userplugins"];
|
|
||||||
let code = "";
|
|
||||||
let plugins = "\n";
|
|
||||||
let i = 0;
|
|
||||||
for (const dir of pluginDirs) {
|
|
||||||
if (!await existsAsync(`./src/${dir}`)) continue;
|
|
||||||
const files = await readdir(`./src/${dir}`);
|
|
||||||
for (const file of files) {
|
|
||||||
if (file.startsWith("_") || file.startsWith(".")) 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}`;
|
|
||||||
code += `import ${mod} from "./${dir}/${file.replace(/\.tsx?$/, "")}";\n`;
|
|
||||||
plugins += `[${mod}.name]:${mod},\n`;
|
|
||||||
i++;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
code += `export default {${plugins}};`;
|
|
||||||
return {
|
|
||||||
contents: code,
|
|
||||||
resolveDir: "./src"
|
|
||||||
};
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @type {import("esbuild").Plugin}
|
|
||||||
*/
|
|
||||||
export const gitHashPlugin = {
|
|
||||||
name: "git-hash-plugin",
|
|
||||||
setup: build => {
|
|
||||||
const filter = /^~git-hash$/;
|
|
||||||
build.onResolve({ filter }, args => ({
|
|
||||||
namespace: "git-hash", path: args.path
|
|
||||||
}));
|
|
||||||
build.onLoad({ filter, namespace: "git-hash" }, () => ({
|
|
||||||
contents: `export default "${gitHash}"`
|
|
||||||
}));
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @type {import("esbuild").Plugin}
|
|
||||||
*/
|
|
||||||
export const gitRemotePlugin = {
|
|
||||||
name: "git-remote-plugin",
|
|
||||||
setup: build => {
|
|
||||||
const filter = /^~git-remote$/;
|
|
||||||
build.onResolve({ filter }, args => ({
|
|
||||||
namespace: "git-remote", path: args.path
|
|
||||||
}));
|
|
||||||
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" });
|
|
||||||
remote = res.stdout.trim()
|
|
||||||
.replace("https://github.com/", "")
|
|
||||||
.replace("git@github.com:", "")
|
|
||||||
.replace(/.git$/, "");
|
|
||||||
}
|
|
||||||
|
|
||||||
return { contents: `export default "${remote}"` };
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @type {import("esbuild").Plugin}
|
|
||||||
*/
|
|
||||||
export const fileIncludePlugin = {
|
|
||||||
name: "file-include-plugin",
|
|
||||||
setup: build => {
|
|
||||||
const filter = /^~fileContent\/.+$/;
|
|
||||||
build.onResolve({ filter }, args => ({
|
|
||||||
namespace: "include-file",
|
|
||||||
path: args.path,
|
|
||||||
pluginData: {
|
|
||||||
path: join(args.resolveDir, args.path.slice("include-file/".length))
|
|
||||||
}
|
|
||||||
}));
|
|
||||||
build.onLoad({ filter, namespace: "include-file" }, async ({ pluginData: { path } }) => {
|
|
||||||
const [name, format] = path.split(";");
|
|
||||||
return {
|
|
||||||
contents: `export default ${JSON.stringify(await readFile(name, format ?? "utf-8"))}`
|
|
||||||
};
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const styleModule = readFileSync("./scripts/build/module/style.js", "utf-8");
|
|
||||||
/**
|
|
||||||
* @type {import("esbuild").Plugin}
|
|
||||||
*/
|
|
||||||
export const stylePlugin = {
|
|
||||||
name: "style-plugin",
|
|
||||||
setup: ({ onResolve, onLoad }) => {
|
|
||||||
onResolve({ filter: /\.css\?managed$/, namespace: "file" }, ({ path, resolveDir }) => ({
|
|
||||||
path: relative(process.cwd(), join(resolveDir, path.replace("?managed", ""))),
|
|
||||||
namespace: "managed-style",
|
|
||||||
}));
|
|
||||||
onLoad({ filter: /\.css$/, namespace: "managed-style" }, async ({ path }) => {
|
|
||||||
const css = await readFile(path, "utf-8");
|
|
||||||
const name = relative(process.cwd(), path).replaceAll("\\", "/");
|
|
||||||
|
|
||||||
return {
|
|
||||||
loader: "js",
|
|
||||||
contents: styleModule
|
|
||||||
.replaceAll("STYLE_SOURCE", JSON.stringify(css))
|
|
||||||
.replaceAll("STYLE_NAME", JSON.stringify(name))
|
|
||||||
};
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @type {import("esbuild").BuildOptions}
|
|
||||||
*/
|
|
||||||
export const commonOpts = {
|
|
||||||
logLevel: "info",
|
|
||||||
bundle: true,
|
|
||||||
watch,
|
|
||||||
minify: !watch,
|
|
||||||
sourcemap: watch ? "inline" : "",
|
|
||||||
legalComments: "linked",
|
|
||||||
banner,
|
|
||||||
plugins: [fileIncludePlugin, gitHashPlugin, gitRemotePlugin, stylePlugin],
|
|
||||||
external: ["~plugins", "~git-hash", "~git-remote", "/assets/*"],
|
|
||||||
inject: ["./scripts/build/inject/react.mjs"],
|
|
||||||
jsxFactory: "VencordCreateElement",
|
|
||||||
jsxFragment: "VencordFragment",
|
|
||||||
// Work around https://github.com/evanw/esbuild/issues/2460
|
|
||||||
tsconfig: "./scripts/build/tsconfig.esbuild.json"
|
|
||||||
};
|
|
||||||
@ -1,21 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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/>.
|
|
||||||
*/
|
|
||||||
|
|
||||||
export const VencordFragment = /* #__PURE__*/ Symbol.for("react.fragment");
|
|
||||||
export let VencordCreateElement =
|
|
||||||
(...args) => (VencordCreateElement = Vencord.Webpack.Common.React.createElement)(...args);
|
|
||||||
@ -1,26 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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/>.
|
|
||||||
*/
|
|
||||||
|
|
||||||
(window.VencordStyles ??= new Map()).set(STYLE_NAME, {
|
|
||||||
name: STYLE_NAME,
|
|
||||||
source: STYLE_SOURCE,
|
|
||||||
classNames: {},
|
|
||||||
dom: null,
|
|
||||||
});
|
|
||||||
|
|
||||||
export default STYLE_NAME;
|
|
||||||
@ -1,7 +0,0 @@
|
|||||||
// Work around https://github.com/evanw/esbuild/issues/2460
|
|
||||||
{
|
|
||||||
"extends": "../../tsconfig.json",
|
|
||||||
"compilerOptions": {
|
|
||||||
"jsx": "react"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,20 +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/>.
|
|
||||||
*/
|
|
||||||
|
|
||||||
if (Number(process.versions.node.split(".")[0]) < 18)
|
|
||||||
throw `Your node version (${process.version}) is too old, please update to v18 or higher https://nodejs.org/en/download/`;
|
|
||||||
@ -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,304 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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/>.
|
|
||||||
*/
|
|
||||||
|
|
||||||
// eslint-disable-next-line spaced-comment
|
|
||||||
/// <reference types="../src/globals" />
|
|
||||||
// eslint-disable-next-line spaced-comment
|
|
||||||
/// <reference types="../src/modules" />
|
|
||||||
|
|
||||||
import { readFileSync } from "fs";
|
|
||||||
import pup, { JSHandle } from "puppeteer-core";
|
|
||||||
|
|
||||||
for (const variable of ["DISCORD_TOKEN", "CHROMIUM_BIN"]) {
|
|
||||||
if (!process.env[variable]) {
|
|
||||||
console.error(`Missing environment variable ${variable}`);
|
|
||||||
process.exit(1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const CANARY = process.env.USE_CANARY === "true";
|
|
||||||
|
|
||||||
const browser = await pup.launch({
|
|
||||||
headless: true,
|
|
||||||
executablePath: process.env.CHROMIUM_BIN
|
|
||||||
});
|
|
||||||
|
|
||||||
const page = await browser.newPage();
|
|
||||||
await page.setUserAgent("Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36");
|
|
||||||
|
|
||||||
function maybeGetError(handle: JSHandle) {
|
|
||||||
return (handle as JSHandle<Error>)?.getProperty("message")
|
|
||||||
.then(m => m.jsonValue());
|
|
||||||
}
|
|
||||||
|
|
||||||
const report = {
|
|
||||||
badPatches: [] as {
|
|
||||||
plugin: string;
|
|
||||||
type: string;
|
|
||||||
id: string;
|
|
||||||
match: string;
|
|
||||||
error?: string;
|
|
||||||
}[],
|
|
||||||
badStarts: [] as {
|
|
||||||
plugin: string;
|
|
||||||
error: string;
|
|
||||||
}[],
|
|
||||||
otherErrors: [] as string[]
|
|
||||||
};
|
|
||||||
|
|
||||||
const IGNORED_DISCORD_ERRORS = [
|
|
||||||
"KeybindStore: Looking for callback action",
|
|
||||||
"Unable to process domain list delta: Client revision number is null",
|
|
||||||
"Downloading the full bad domains file",
|
|
||||||
/\[GatewaySocket\].{0,110}Cannot access '/
|
|
||||||
] as Array<string | RegExp>;
|
|
||||||
|
|
||||||
function toCodeBlock(s: string) {
|
|
||||||
s = s.replace(/```/g, "`\u200B`\u200B`");
|
|
||||||
return "```" + s + " ```";
|
|
||||||
}
|
|
||||||
|
|
||||||
async function printReport() {
|
|
||||||
console.log("# Vencord Report" + (CANARY ? " (Canary)" : ""));
|
|
||||||
console.log();
|
|
||||||
|
|
||||||
console.log("## Bad Patches");
|
|
||||||
report.badPatches.forEach(p => {
|
|
||||||
console.log(`- ${p.plugin} (${p.type})`);
|
|
||||||
console.log(` - ID: \`${p.id}\``);
|
|
||||||
console.log(` - Match: ${toCodeBlock(p.match)}`);
|
|
||||||
if (p.error) console.log(` - Error: ${toCodeBlock(p.error)}`);
|
|
||||||
});
|
|
||||||
|
|
||||||
console.log();
|
|
||||||
|
|
||||||
console.log("## Bad Starts");
|
|
||||||
report.badStarts.forEach(p => {
|
|
||||||
console.log(`- ${p.plugin}`);
|
|
||||||
console.log(` - Error: ${toCodeBlock(p.error)}`);
|
|
||||||
});
|
|
||||||
|
|
||||||
report.otherErrors = report.otherErrors.filter(e => !IGNORED_DISCORD_ERRORS.some(regex => e.match(regex)));
|
|
||||||
|
|
||||||
console.log("## Discord Errors");
|
|
||||||
report.otherErrors.forEach(e => {
|
|
||||||
console.log(`- ${toCodeBlock(e)}`);
|
|
||||||
});
|
|
||||||
|
|
||||||
if (process.env.DISCORD_WEBHOOK) {
|
|
||||||
// this code was written almost entirely by Copilot xD
|
|
||||||
await fetch(process.env.DISCORD_WEBHOOK, {
|
|
||||||
method: "POST",
|
|
||||||
headers: {
|
|
||||||
"Content-Type": "application/json"
|
|
||||||
},
|
|
||||||
body: JSON.stringify({
|
|
||||||
description: "Here's the latest Vencord Report!",
|
|
||||||
username: "Vencord Reporter" + (CANARY ? " (Canary)" : ""),
|
|
||||||
avatar_url: "https://cdn.discordapp.com/icons/1015060230222131221/f0204a918c6c9c9a43195997e97d8adf.webp",
|
|
||||||
embeds: [
|
|
||||||
{
|
|
||||||
title: "Bad Patches",
|
|
||||||
description: report.badPatches.map(p => {
|
|
||||||
const lines = [
|
|
||||||
`**__${p.plugin} (${p.type}):__**`,
|
|
||||||
`ID: \`${p.id}\``,
|
|
||||||
`Match: ${toCodeBlock(p.match)}`
|
|
||||||
];
|
|
||||||
if (p.error) lines.push(`Error: ${toCodeBlock(p.error)}`);
|
|
||||||
return lines.join("\n");
|
|
||||||
}).join("\n\n") || "None",
|
|
||||||
color: report.badPatches.length ? 0xff0000 : 0x00ff00
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Bad Starts",
|
|
||||||
description: report.badStarts.map(p => {
|
|
||||||
const lines = [
|
|
||||||
`**__${p.plugin}:__**`,
|
|
||||||
toCodeBlock(p.error)
|
|
||||||
];
|
|
||||||
return lines.join("\n");
|
|
||||||
}
|
|
||||||
).join("\n\n") || "None",
|
|
||||||
color: report.badStarts.length ? 0xff0000 : 0x00ff00
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Discord Errors",
|
|
||||||
description: report.otherErrors.length ? toCodeBlock(report.otherErrors.join("\n")) : "None",
|
|
||||||
color: report.otherErrors.length ? 0xff0000 : 0x00ff00
|
|
||||||
}
|
|
||||||
]
|
|
||||||
})
|
|
||||||
}).then(res => {
|
|
||||||
if (!res.ok) console.error(`Webhook failed with status ${res.status}`);
|
|
||||||
else console.error("Posted to Discord Webhook successfully");
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
page.on("console", async e => {
|
|
||||||
const level = e.type();
|
|
||||||
const args = e.args();
|
|
||||||
|
|
||||||
const firstArg = (await args[0]?.jsonValue());
|
|
||||||
if (firstArg === "PUPPETEER_TEST_DONE_SIGNAL") {
|
|
||||||
await browser.close();
|
|
||||||
await printReport();
|
|
||||||
process.exit();
|
|
||||||
}
|
|
||||||
|
|
||||||
const isVencord = (await args[0]?.jsonValue()) === "[Vencord]";
|
|
||||||
const isDebug = (await args[0]?.jsonValue()) === "[PUP_DEBUG]";
|
|
||||||
|
|
||||||
if (isVencord) {
|
|
||||||
// make ci fail
|
|
||||||
process.exitCode = 1;
|
|
||||||
|
|
||||||
const jsonArgs = await Promise.all(args.map(a => a.jsonValue()));
|
|
||||||
const [, tag, message] = jsonArgs;
|
|
||||||
const cause = await maybeGetError(args[3]);
|
|
||||||
|
|
||||||
switch (tag) {
|
|
||||||
case "WebpackInterceptor:":
|
|
||||||
const [, plugin, type, id, regex] = (message as string).match(/Patch by (.+?) (had no effect|errored|found no module) \(Module id is (.+?)\): (.+)/)!;
|
|
||||||
report.badPatches.push({
|
|
||||||
plugin,
|
|
||||||
type,
|
|
||||||
id,
|
|
||||||
match: regex.replace(/\[A-Za-z_\$\]\[\\w\$\]\*/g, "\\i"),
|
|
||||||
error: cause
|
|
||||||
});
|
|
||||||
break;
|
|
||||||
case "PluginManager:":
|
|
||||||
const [, name] = (message as string).match(/Failed to start (.+)/)!;
|
|
||||||
report.badStarts.push({
|
|
||||||
plugin: name,
|
|
||||||
error: cause
|
|
||||||
});
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
} else if (isDebug) {
|
|
||||||
console.error(e.text());
|
|
||||||
} else if (level === "error") {
|
|
||||||
const text = await Promise.all(
|
|
||||||
e.args().map(async a => {
|
|
||||||
try {
|
|
||||||
return await maybeGetError(a) || await a.jsonValue();
|
|
||||||
} catch (e) {
|
|
||||||
return a.toString();
|
|
||||||
}
|
|
||||||
})
|
|
||||||
).then(a => a.join(" ").trim());
|
|
||||||
|
|
||||||
|
|
||||||
if (text.length && !text.startsWith("Failed to load resource: the server responded with a status of")) {
|
|
||||||
console.error("Got unexpected error", text);
|
|
||||||
report.otherErrors.push(text);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
page.on("error", e => console.error("[Error]", e));
|
|
||||||
page.on("pageerror", e => console.error("[Page Error]", e));
|
|
||||||
|
|
||||||
await page.setBypassCSP(true);
|
|
||||||
|
|
||||||
function runTime(token: string) {
|
|
||||||
console.error("[PUP_DEBUG]", "Starting test...");
|
|
||||||
|
|
||||||
try {
|
|
||||||
// spoof languages to not be suspicious
|
|
||||||
Object.defineProperty(navigator, "languages", {
|
|
||||||
get: function () {
|
|
||||||
return ["en-US", "en"];
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
// Monkey patch Logger to not log with custom css
|
|
||||||
// @ts-ignore
|
|
||||||
Vencord.Util.Logger.prototype._log = function (level, levelColor, args) {
|
|
||||||
if (level === "warn" || level === "error")
|
|
||||||
console[level]("[Vencord]", this.name + ":", ...args);
|
|
||||||
};
|
|
||||||
|
|
||||||
// force enable all plugins and patches
|
|
||||||
Vencord.Plugins.patches.length = 0;
|
|
||||||
Object.values(Vencord.Plugins.plugins).forEach(p => {
|
|
||||||
// Needs native server to run
|
|
||||||
if (p.name === "WebRichPresence (arRPC)") return;
|
|
||||||
|
|
||||||
Vencord.Settings.plugins[p.name].enabled = true;
|
|
||||||
p.patches?.forEach(patch => {
|
|
||||||
patch.plugin = p.name;
|
|
||||||
delete patch.predicate;
|
|
||||||
if (!Array.isArray(patch.replacement))
|
|
||||||
patch.replacement = [patch.replacement];
|
|
||||||
Vencord.Plugins.patches.push(patch);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
Vencord.Webpack.waitFor(
|
|
||||||
"loginToken",
|
|
||||||
m => {
|
|
||||||
console.error("[PUP_DEBUG]", "Logging in with token...");
|
|
||||||
m.loginToken(token);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
// force load all chunks
|
|
||||||
Vencord.Webpack.onceReady.then(() => setTimeout(async () => {
|
|
||||||
console.error("[PUP_DEBUG]", "Webpack is ready!");
|
|
||||||
|
|
||||||
const { wreq } = Vencord.Webpack;
|
|
||||||
|
|
||||||
console.error("[PUP_DEBUG]", "Loading all chunks...");
|
|
||||||
const ids = Function("return" + wreq.u.toString().match(/(?<=\()\{.+?\}/s)![0])();
|
|
||||||
for (const id in ids) {
|
|
||||||
const isWasm = await fetch(wreq.p + wreq.u(id))
|
|
||||||
.then(r => r.text())
|
|
||||||
.then(t => t.includes(".module.wasm") || !t.includes("(this.webpackChunkdiscord_app=this.webpackChunkdiscord_app||[]).push"));
|
|
||||||
|
|
||||||
if (!isWasm)
|
|
||||||
await wreq.e(id as any);
|
|
||||||
|
|
||||||
await new Promise(r => setTimeout(r, 150));
|
|
||||||
}
|
|
||||||
console.error("[PUP_DEBUG]", "Finished loading chunks!");
|
|
||||||
|
|
||||||
for (const patch of Vencord.Plugins.patches) {
|
|
||||||
if (!patch.all) {
|
|
||||||
new Vencord.Util.Logger("WebpackInterceptor").warn(`Patch by ${patch.plugin} found no module (Module id is -): ${patch.find}`);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
setTimeout(() => console.log("PUPPETEER_TEST_DONE_SIGNAL"), 1000);
|
|
||||||
}, 1000));
|
|
||||||
} catch (e) {
|
|
||||||
console.error("[PUP_DEBUG]", "A fatal error occurred");
|
|
||||||
console.error("[PUP_DEBUG]", e);
|
|
||||||
process.exit(1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
await page.evaluateOnNewDocument(`
|
|
||||||
${readFileSync("./dist/browser.js", "utf-8")}
|
|
||||||
|
|
||||||
;(${runTime.toString()})(${JSON.stringify(process.env.DISCORD_TOKEN)});
|
|
||||||
`);
|
|
||||||
|
|
||||||
await page.goto(CANARY ? "https://canary.discord.com/login" : "https://discord.com/login");
|
|
||||||
@ -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,128 +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 "./checkNodeVersion.js";
|
|
||||||
|
|
||||||
import { execFileSync, execSync } from "child_process";
|
|
||||||
import { createWriteStream, existsSync, mkdirSync, readFileSync, writeFileSync } from "fs";
|
|
||||||
import { dirname, join } from "path";
|
|
||||||
import { Readable } from "stream";
|
|
||||||
import { finished } from "stream/promises";
|
|
||||||
import { fileURLToPath } from "url";
|
|
||||||
|
|
||||||
const BASE_URL = "https://github.com/Vencord/Installer/releases/latest/download/";
|
|
||||||
const INSTALLER_PATH_DARWIN = "VencordInstaller.app/Contents/MacOS/VencordInstaller";
|
|
||||||
|
|
||||||
const BASE_DIR = join(dirname(fileURLToPath(import.meta.url)), "..");
|
|
||||||
const FILE_DIR = join(BASE_DIR, "dist", "Installer");
|
|
||||||
const ETAG_FILE = join(FILE_DIR, "etag.txt");
|
|
||||||
|
|
||||||
function getFilename() {
|
|
||||||
switch (process.platform) {
|
|
||||||
case "win32":
|
|
||||||
return "VencordInstaller.exe";
|
|
||||||
case "darwin":
|
|
||||||
return "VencordInstaller.MacOS.zip";
|
|
||||||
case "linux":
|
|
||||||
return "VencordInstaller-" + (process.env.WAYLAND_DISPLAY ? "wayland" : "x11");
|
|
||||||
default:
|
|
||||||
throw new Error("Unsupported platform: " + process.platform);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async function ensureBinary() {
|
|
||||||
const filename = getFilename();
|
|
||||||
console.log("Downloading " + filename);
|
|
||||||
|
|
||||||
mkdirSync(FILE_DIR, { recursive: true });
|
|
||||||
|
|
||||||
const downloadName = join(FILE_DIR, filename);
|
|
||||||
const outputFile = process.platform === "darwin"
|
|
||||||
? join(FILE_DIR, "VencordInstaller")
|
|
||||||
: downloadName;
|
|
||||||
|
|
||||||
const etag = existsSync(outputFile) && existsSync(ETAG_FILE)
|
|
||||||
? readFileSync(ETAG_FILE, "utf-8")
|
|
||||||
: null;
|
|
||||||
|
|
||||||
const res = await fetch(BASE_URL + filename, {
|
|
||||||
headers: {
|
|
||||||
"User-Agent": "Vencord (https://github.com/Vendicated/Vencord)",
|
|
||||||
"If-None-Match": etag
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
if (res.status === 304) {
|
|
||||||
console.log("Up to date, not redownloading!");
|
|
||||||
return outputFile;
|
|
||||||
}
|
|
||||||
if (!res.ok)
|
|
||||||
throw new Error(`Failed to download installer: ${res.status} ${res.statusText}`);
|
|
||||||
|
|
||||||
writeFileSync(ETAG_FILE, res.headers.get("etag"));
|
|
||||||
|
|
||||||
if (process.platform === "darwin") {
|
|
||||||
console.log("Unzipping...");
|
|
||||||
const zip = new Uint8Array(await res.arrayBuffer());
|
|
||||||
|
|
||||||
const ff = await import("fflate");
|
|
||||||
const bytes = ff.unzipSync(zip, {
|
|
||||||
filter: f => f.name === INSTALLER_PATH_DARWIN
|
|
||||||
})[INSTALLER_PATH_DARWIN];
|
|
||||||
|
|
||||||
writeFileSync(outputFile, bytes, { mode: 0o755 });
|
|
||||||
|
|
||||||
console.log("Overriding security policy for installer binary (this is required to run it)");
|
|
||||||
console.log("xattr might error, that's okay");
|
|
||||||
|
|
||||||
const logAndRun = cmd => {
|
|
||||||
console.log("Running", cmd);
|
|
||||||
try {
|
|
||||||
execSync(cmd);
|
|
||||||
} catch { }
|
|
||||||
};
|
|
||||||
logAndRun(`sudo spctl --add '${outputFile}' --label "Vencord Installer"`);
|
|
||||||
logAndRun(`sudo xattr -d com.apple.quarantine '${outputFile}'`);
|
|
||||||
} else {
|
|
||||||
// WHY DOES NODE FETCH RETURN A WEB STREAM OH MY GOD
|
|
||||||
const body = Readable.fromWeb(res.body);
|
|
||||||
await finished(body.pipe(createWriteStream(outputFile, {
|
|
||||||
mode: 0o755,
|
|
||||||
autoClose: true
|
|
||||||
})));
|
|
||||||
}
|
|
||||||
|
|
||||||
console.log("Finished downloading!");
|
|
||||||
|
|
||||||
return outputFile;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const installerBin = await ensureBinary();
|
|
||||||
|
|
||||||
console.log("Now running Installer...");
|
|
||||||
|
|
||||||
execFileSync(installerBin, {
|
|
||||||
stdio: "inherit",
|
|
||||||
env: {
|
|
||||||
...process.env,
|
|
||||||
VENCORD_USER_DATA_DIR: BASE_DIR,
|
|
||||||
VENCORD_DEV_INSTALL: "1"
|
|
||||||
}
|
|
||||||
});
|
|
||||||
@ -1,24 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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/>.
|
|
||||||
*/
|
|
||||||
|
|
||||||
process.emit = (originalEmit => function (name, data) {
|
|
||||||
if (name === "warning" && data?.name === "ExperimentalWarning")
|
|
||||||
return false;
|
|
||||||
|
|
||||||
return originalEmit.apply(process, arguments);
|
|
||||||
})(process.emit);
|
|
||||||
@ -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);
|
|
||||||
}
|
|
||||||
158
src/Vencord.ts
158
src/Vencord.ts
@ -1,142 +1,48 @@
|
|||||||
/*!
|
|
||||||
* 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/>.
|
|
||||||
*/
|
|
||||||
|
|
||||||
export * as Api from "./api";
|
|
||||||
export * as Plugins from "./plugins";
|
export * as Plugins from "./plugins";
|
||||||
export * as Util from "./utils";
|
|
||||||
export * as QuickCss from "./utils/quickCss";
|
|
||||||
export * as Updater from "./utils/updater";
|
|
||||||
export * as Webpack from "./webpack";
|
export * as Webpack from "./webpack";
|
||||||
export { PlainSettings, Settings };
|
export * as Api from "./api";
|
||||||
|
export * as Updater from "./utils/updater";
|
||||||
|
export * as QuickCss from "./utils/quickCss";
|
||||||
|
export * as Swc from "@swc/wasm-web";
|
||||||
|
import initSwc from "@swc/wasm-web";
|
||||||
|
|
||||||
|
import { popNotice, showNotice } from "./api/Notices";
|
||||||
|
import { Settings } from "./api/settings";
|
||||||
|
import { startAllPlugins } from "./plugins";
|
||||||
|
|
||||||
|
export { Settings };
|
||||||
|
|
||||||
import "./utils/quickCss";
|
|
||||||
import "./webpack/patchWebpack";
|
import "./webpack/patchWebpack";
|
||||||
|
import "./utils/quickCss";
|
||||||
import { get as dsGet } from "./api/DataStore";
|
import { checkForUpdates, UpdateLogger } from './utils/updater';
|
||||||
import { showNotification } from "./api/Notifications";
|
|
||||||
import { PlainSettings, Settings } from "./api/Settings";
|
|
||||||
import { patches, PMLogger, startAllPlugins } from "./plugins";
|
|
||||||
import { localStorage } from "./utils/localStorage";
|
|
||||||
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 { Router } from "./webpack/common";
|
||||||
|
import IpcEvents from "./utils/IpcEvents";
|
||||||
|
|
||||||
async function syncSettings() {
|
export let Components;
|
||||||
// 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 initSwc(await VencordNative.ipc.invoke(IpcEvents.GET_SWC_WASM));
|
||||||
await onceReady;
|
await onceReady;
|
||||||
startAllPlugins();
|
startAllPlugins();
|
||||||
|
Components = await import("./components");
|
||||||
|
|
||||||
syncSettings();
|
try {
|
||||||
|
const isOutdated = await checkForUpdates();
|
||||||
if (!IS_WEB) {
|
if (isOutdated && Settings.notifyAboutUpdates)
|
||||||
try {
|
setTimeout(() => {
|
||||||
const isOutdated = await checkForUpdates();
|
showNotice(
|
||||||
if (!isOutdated) return;
|
"A Vencord update is available!",
|
||||||
|
"View Update",
|
||||||
if (Settings.autoUpdate) {
|
() => {
|
||||||
await update();
|
popNotice();
|
||||||
if (Settings.autoUpdateNotification)
|
Router.open("VencordUpdater");
|
||||||
setTimeout(() => showNotification({
|
|
||||||
title: "Vencord has been updated!",
|
|
||||||
body: "Click here to restart",
|
|
||||||
permanent: true,
|
|
||||||
noPersist: true,
|
|
||||||
onClick: relaunch
|
|
||||||
}), 10_000);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (Settings.notifyAboutUpdates)
|
|
||||||
setTimeout(() => showNotification({
|
|
||||||
title: "A Vencord update is available!",
|
|
||||||
body: "Click here to view the update",
|
|
||||||
permanent: true,
|
|
||||||
noPersist: true,
|
|
||||||
onClick() {
|
|
||||||
SettingsRouter.open("VencordUpdater");
|
|
||||||
}
|
}
|
||||||
}), 10_000);
|
);
|
||||||
} catch (err) {
|
}, 10000);
|
||||||
UpdateLogger.error("Failed to check for updates", err);
|
} catch (err) {
|
||||||
}
|
UpdateLogger.error("Failed to check for updates", err);
|
||||||
}
|
|
||||||
|
|
||||||
if (IS_DEV) {
|
|
||||||
const pendingPatches = patches.filter(p => !p.all && p.predicate?.() !== false);
|
|
||||||
if (pendingPatches.length)
|
|
||||||
PMLogger.warn(
|
|
||||||
"Webpack has finished initialising, but some patches haven't been applied yet.",
|
|
||||||
"This might be expected since some Modules are lazy loaded, but please verify",
|
|
||||||
"that all plugins are working as intended.",
|
|
||||||
"You are seeing this warning because this is a Development build of Vencord.",
|
|
||||||
"\nThe following patches have not been applied:",
|
|
||||||
"\n\n" + pendingPatches.map(p => `${p.plugin}: ${p.find}`).join("\n")
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
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,40 @@
|
|||||||
/*
|
import IPC_EVENTS from './utils/IpcEvents';
|
||||||
* Vencord, a Discord client mod
|
import { IpcRenderer, ipcRenderer } from 'electron';
|
||||||
* Copyright (c) 2023 Vendicated and contributors
|
|
||||||
* SPDX-License-Identifier: GPL-3.0-or-later
|
|
||||||
*/
|
|
||||||
|
|
||||||
import { IpcEvents } from "@utils/IpcEvents";
|
function assertEventAllowed(event: string) {
|
||||||
import { IpcRes } from "@utils/types";
|
if (!(event in IPC_EVENTS)) throw new Error(`Event ${event} not allowed.`);
|
||||||
import { ipcRenderer } from "electron";
|
|
||||||
import { PluginIpcMappings } from "main/ipcPlugins";
|
|
||||||
import type { UserThemeHeader } from "main/themes";
|
|
||||||
|
|
||||||
function invoke<T = any>(event: IpcEvents, ...args: any[]) {
|
|
||||||
return ipcRenderer.invoke(event, ...args) as Promise<T>;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
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),
|
|
||||||
},
|
|
||||||
|
|
||||||
updater: {
|
|
||||||
getUpdates: () => invoke<IpcRes<Record<"hash" | "author" | "message", string>[]>>(IpcEvents.GET_UPDATES),
|
|
||||||
update: () => invoke<IpcRes<boolean>>(IpcEvents.UPDATE),
|
|
||||||
rebuild: () => invoke<IpcRes<boolean>>(IpcEvents.BUILD),
|
|
||||||
getRepo: () => invoke<IpcRes<string>>(IpcEvents.GET_REPO),
|
|
||||||
},
|
|
||||||
|
|
||||||
settings: {
|
|
||||||
get: () => sendSync<string>(IpcEvents.GET_SETTINGS),
|
|
||||||
set: (settings: string) => invoke<void>(IpcEvents.SET_SETTINGS, settings),
|
|
||||||
getSettingsDir: () => invoke<string>(IpcEvents.GET_SETTINGS_DIR),
|
|
||||||
},
|
|
||||||
|
|
||||||
quickCss: {
|
|
||||||
get: () => invoke<string>(IpcEvents.GET_QUICK_CSS),
|
|
||||||
set: (css: string) => invoke<void>(IpcEvents.SET_QUICK_CSS, css),
|
|
||||||
|
|
||||||
addChangeListener(cb: (newCss: string) => void) {
|
|
||||||
ipcRenderer.on(IpcEvents.QUICK_CSS_UPDATE, (_, css) => cb(css));
|
|
||||||
},
|
},
|
||||||
|
sendSync<T = any>(event: string, ...args: any[]): T {
|
||||||
addThemeChangeListener(cb: () => void) {
|
assertEventAllowed(event);
|
||||||
ipcRenderer.on(IpcEvents.THEME_UPDATE, () => cb());
|
return ipcRenderer.sendSync(event, ...args);
|
||||||
},
|
},
|
||||||
|
on(event: string, listener: Parameters<IpcRenderer["on"]>[1]) {
|
||||||
openFile: () => invoke<void>(IpcEvents.OPEN_QUICKCSS),
|
assertEventAllowed(event);
|
||||||
openEditor: () => invoke<void>(IpcEvents.OPEN_MONACO_EDITOR),
|
ipcRenderer.on(event, listener);
|
||||||
|
},
|
||||||
|
off(event: string, listener: Parameters<IpcRenderer["off"]>[1]) {
|
||||||
|
assertEventAllowed(event);
|
||||||
|
ipcRenderer.off(event, listener);
|
||||||
|
},
|
||||||
|
invoke<T = any>(event: string, ...args: any[]): Promise<T> {
|
||||||
|
assertEventAllowed(event);
|
||||||
|
return ipcRenderer.invoke(event, ...args);
|
||||||
|
}
|
||||||
},
|
},
|
||||||
|
require(mod: string) {
|
||||||
native: {
|
const settings = ipcRenderer.sendSync(IPC_EVENTS.GET_SETTINGS);
|
||||||
getVersions: () => process.versions as Partial<NodeJS.ProcessVersions>,
|
try {
|
||||||
openExternal: (url: string) => invoke<void>(IpcEvents.OPEN_EXTERNAL, url)
|
if (!JSON.parse(settings).unsafeRequire) throw "no";
|
||||||
},
|
} catch {
|
||||||
|
throw new Error("Unsafe require is not allowed. Enable it in settings and try again.");
|
||||||
pluginHelpers: PluginHelpers
|
}
|
||||||
|
return require(mod);
|
||||||
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
@ -1,110 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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 ErrorBoundary from "@components/ErrorBoundary";
|
|
||||||
import { User } from "discord-types/general";
|
|
||||||
import { ComponentType, HTMLProps } from "react";
|
|
||||||
|
|
||||||
import Plugins from "~plugins";
|
|
||||||
|
|
||||||
export const enum BadgePosition {
|
|
||||||
START,
|
|
||||||
END
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ProfileBadge {
|
|
||||||
/** The tooltip to show on hover. Required for image badges */
|
|
||||||
description?: string;
|
|
||||||
/** Custom component for the badge (tooltip not included) */
|
|
||||||
component?: ComponentType<ProfileBadge & BadgeUserArgs>;
|
|
||||||
/** The custom image to use */
|
|
||||||
image?: string;
|
|
||||||
link?: string;
|
|
||||||
/** Action to perform when you click the badge */
|
|
||||||
onClick?(): void;
|
|
||||||
/** Should the user display this badge? */
|
|
||||||
shouldShow?(userInfo: BadgeUserArgs): boolean;
|
|
||||||
/** Optional props (e.g. style) for the badge, ignored for component badges */
|
|
||||||
props?: HTMLProps<HTMLImageElement>;
|
|
||||||
/** Insert at start or end? */
|
|
||||||
position?: BadgePosition;
|
|
||||||
/** The badge name to display, Discord uses this. Required for component badges */
|
|
||||||
key?: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
const Badges = new Set<ProfileBadge>();
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Register a new badge with the Badges API
|
|
||||||
* @param badge The badge to register
|
|
||||||
*/
|
|
||||||
export function addBadge(badge: ProfileBadge) {
|
|
||||||
badge.component &&= ErrorBoundary.wrap(badge.component, { noop: true });
|
|
||||||
Badges.add(badge);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Unregister a badge from the Badges API
|
|
||||||
* @param badge The badge to remove
|
|
||||||
*/
|
|
||||||
export function removeBadge(badge: ProfileBadge) {
|
|
||||||
return Badges.delete(badge);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Inject badges into the profile badges array.
|
|
||||||
* You probably don't need to use this.
|
|
||||||
*/
|
|
||||||
export function _getBadges(args: BadgeUserArgs) {
|
|
||||||
const badges = [] as ProfileBadge[];
|
|
||||||
for (const badge of Badges) {
|
|
||||||
if (!badge.shouldShow || badge.shouldShow(args)) {
|
|
||||||
badge.position === BadgePosition.START
|
|
||||||
? badges.unshift({ ...badge, ...args })
|
|
||||||
: badges.push({ ...badge, ...args });
|
|
||||||
}
|
|
||||||
}
|
|
||||||
const donorBadges = (Plugins.BadgeAPI as unknown as typeof import("../plugins/_api/badges").default).getDonorBadges(args.user.id);
|
|
||||||
if (donorBadges) badges.unshift(...donorBadges);
|
|
||||||
|
|
||||||
return badges;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface BadgeUserArgs {
|
|
||||||
user: User;
|
|
||||||
profile: Profile;
|
|
||||||
premiumSince: Date;
|
|
||||||
premiumGuildSince?: Date;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface ConnectedAccount {
|
|
||||||
type: string;
|
|
||||||
id: string;
|
|
||||||
name: string;
|
|
||||||
verified: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface Profile {
|
|
||||||
connectedAccounts: ConnectedAccount[];
|
|
||||||
premiumType: number;
|
|
||||||
premiumSince: string;
|
|
||||||
premiumGuildSince?: any;
|
|
||||||
lastFetched: number;
|
|
||||||
profileFetchFailed: boolean;
|
|
||||||
application?: any;
|
|
||||||
}
|
|
||||||
@ -1,59 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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 { mergeDefaults } from "@utils/misc";
|
|
||||||
import { findByPropsLazy } from "@webpack";
|
|
||||||
import { SnowflakeUtils } from "@webpack/common";
|
|
||||||
import { Message } from "discord-types/general";
|
|
||||||
import type { PartialDeep } from "type-fest";
|
|
||||||
|
|
||||||
import { Argument } from "./types";
|
|
||||||
|
|
||||||
const MessageCreator = findByPropsLazy("createBotMessage");
|
|
||||||
const MessageSender = findByPropsLazy("receiveMessage");
|
|
||||||
|
|
||||||
export function generateId() {
|
|
||||||
return `-${SnowflakeUtils.fromTimestamp(Date.now())}`;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Send a message as Clyde
|
|
||||||
* @param {string} channelId ID of channel to send message to
|
|
||||||
* @param {Message} message Message to send
|
|
||||||
* @returns {Message}
|
|
||||||
*/
|
|
||||||
export function sendBotMessage(channelId: string, message: PartialDeep<Message>): Message {
|
|
||||||
const botMessage = MessageCreator.createBotMessage({ channelId, content: "", embeds: [] });
|
|
||||||
|
|
||||||
MessageSender.receiveMessage(channelId, mergeDefaults(message, botMessage));
|
|
||||||
|
|
||||||
return message as Message;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Get the value of an option by name
|
|
||||||
* @param args Arguments array (first argument passed to execute)
|
|
||||||
* @param name Name of the argument
|
|
||||||
* @param fallbackValue Fallback value in case this option wasn't passed
|
|
||||||
* @returns Value
|
|
||||||
*/
|
|
||||||
export function findOption<T>(args: Argument[], name: string): T & {} | undefined;
|
|
||||||
export function findOption<T>(args: Argument[], name: string, fallbackValue: T): T & {};
|
|
||||||
export function findOption(args: Argument[], name: string, fallbackValue?: any) {
|
|
||||||
return (args.find(a => a.name === name)?.value || fallbackValue) as any;
|
|
||||||
}
|
|
||||||
@ -1,167 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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 { makeCodeblock } from "@utils/text";
|
|
||||||
|
|
||||||
import { sendBotMessage } from "./commandHelpers";
|
|
||||||
import { ApplicationCommandInputType, ApplicationCommandOptionType, ApplicationCommandType, Argument, Command, CommandContext, Option } from "./types";
|
|
||||||
|
|
||||||
export * from "./commandHelpers";
|
|
||||||
export * from "./types";
|
|
||||||
|
|
||||||
export let BUILT_IN: Command[];
|
|
||||||
export const commands = {} as Record<string, Command>;
|
|
||||||
|
|
||||||
// hack for plugins being evaluated before we can grab these from webpack
|
|
||||||
const OptPlaceholder = Symbol("OptionalMessageOption") as any as Option;
|
|
||||||
const ReqPlaceholder = Symbol("RequiredMessageOption") as any as Option;
|
|
||||||
/**
|
|
||||||
* Optional message option named "message" you can use in commands.
|
|
||||||
* Used in "tableflip" or "shrug"
|
|
||||||
* @see {@link RequiredMessageOption}
|
|
||||||
*/
|
|
||||||
export let OptionalMessageOption: Option = OptPlaceholder;
|
|
||||||
/**
|
|
||||||
* Required message option named "message" you can use in commands.
|
|
||||||
* Used in "me"
|
|
||||||
* @see {@link OptionalMessageOption}
|
|
||||||
*/
|
|
||||||
export let RequiredMessageOption: Option = ReqPlaceholder;
|
|
||||||
|
|
||||||
export const _init = function (cmds: Command[]) {
|
|
||||||
try {
|
|
||||||
BUILT_IN = cmds;
|
|
||||||
OptionalMessageOption = cmds.find(c => c.name === "shrug")!.options![0];
|
|
||||||
RequiredMessageOption = cmds.find(c => c.name === "me")!.options![0];
|
|
||||||
} catch (e) {
|
|
||||||
console.error("Failed to load CommandsApi");
|
|
||||||
}
|
|
||||||
return cmds;
|
|
||||||
} as never;
|
|
||||||
|
|
||||||
export const _handleCommand = function (cmd: Command, args: Argument[], ctx: CommandContext) {
|
|
||||||
if (!cmd.isVencordCommand)
|
|
||||||
return cmd.execute(args, ctx);
|
|
||||||
|
|
||||||
const handleError = (err: any) => {
|
|
||||||
// TODO: cancel send if cmd.inputType === BUILT_IN_TEXT
|
|
||||||
const msg = `An Error occurred while executing command "${cmd.name}"`;
|
|
||||||
const reason = err instanceof Error ? err.stack || err.message : String(err);
|
|
||||||
|
|
||||||
console.error(msg, err);
|
|
||||||
sendBotMessage(ctx.channel.id, {
|
|
||||||
content: `${msg}:\n${makeCodeblock(reason)}`,
|
|
||||||
author: {
|
|
||||||
username: "Vencord"
|
|
||||||
}
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
try {
|
|
||||||
const res = cmd.execute(args, ctx);
|
|
||||||
return res instanceof Promise ? res.catch(handleError) : res;
|
|
||||||
} catch (err) {
|
|
||||||
return handleError(err);
|
|
||||||
}
|
|
||||||
} as never;
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Prepare a Command Option for Discord by filling missing fields
|
|
||||||
* @param opt
|
|
||||||
*/
|
|
||||||
export function prepareOption<O extends Option | Command>(opt: O): O {
|
|
||||||
opt.displayName ||= opt.name;
|
|
||||||
opt.displayDescription ||= opt.description;
|
|
||||||
opt.options?.forEach((opt, i, opts) => {
|
|
||||||
// See comment above Placeholders
|
|
||||||
if (opt === OptPlaceholder) opts[i] = OptionalMessageOption;
|
|
||||||
else if (opt === ReqPlaceholder) opts[i] = RequiredMessageOption;
|
|
||||||
opt.choices?.forEach(x => x.displayName ||= x.name);
|
|
||||||
|
|
||||||
prepareOption(opts[i]);
|
|
||||||
});
|
|
||||||
return opt;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Yes, Discord registers individual commands for each subcommand
|
|
||||||
// TODO: This probably doesn't support nested subcommands. If that is ever needed,
|
|
||||||
// investigate
|
|
||||||
function registerSubCommands(cmd: Command, plugin: string) {
|
|
||||||
cmd.options?.forEach(o => {
|
|
||||||
if (o.type !== ApplicationCommandOptionType.SUB_COMMAND)
|
|
||||||
throw new Error("When specifying sub-command options, all options must be sub-commands.");
|
|
||||||
const subCmd = {
|
|
||||||
...cmd,
|
|
||||||
...o,
|
|
||||||
type: ApplicationCommandType.CHAT_INPUT,
|
|
||||||
name: `${cmd.name} ${o.name}`,
|
|
||||||
id: `${o.name}-${cmd.id}`,
|
|
||||||
displayName: `${cmd.name} ${o.name}`,
|
|
||||||
subCommandPath: [{
|
|
||||||
name: o.name,
|
|
||||||
type: o.type,
|
|
||||||
displayName: o.name
|
|
||||||
}],
|
|
||||||
rootCommand: cmd
|
|
||||||
};
|
|
||||||
registerCommand(subCmd as any, plugin);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export function registerCommand<C extends Command>(command: C, plugin: string) {
|
|
||||||
if (!BUILT_IN) {
|
|
||||||
console.warn(
|
|
||||||
"[CommandsAPI]",
|
|
||||||
`Not registering ${command.name} as the CommandsAPI hasn't been initialised.`,
|
|
||||||
"Please restart to use commands"
|
|
||||||
);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (BUILT_IN.some(c => c.name === command.name))
|
|
||||||
throw new Error(`Command '${command.name}' already exists.`);
|
|
||||||
|
|
||||||
command.isVencordCommand = true;
|
|
||||||
command.id ??= `-${BUILT_IN.length + 1}`;
|
|
||||||
command.applicationId ??= "-1"; // BUILT_IN;
|
|
||||||
command.type ??= ApplicationCommandType.CHAT_INPUT;
|
|
||||||
command.inputType ??= ApplicationCommandInputType.BUILT_IN_TEXT;
|
|
||||||
command.plugin ||= plugin;
|
|
||||||
|
|
||||||
prepareOption(command);
|
|
||||||
|
|
||||||
if (command.options?.[0]?.type === ApplicationCommandOptionType.SUB_COMMAND) {
|
|
||||||
registerSubCommands(command, plugin);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
commands[command.name] = command;
|
|
||||||
BUILT_IN.push(command);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function unregisterCommand(name: string) {
|
|
||||||
const idx = BUILT_IN.findIndex(c => c.name === name);
|
|
||||||
if (idx === -1)
|
|
||||||
return false;
|
|
||||||
|
|
||||||
BUILT_IN.splice(idx, 1);
|
|
||||||
delete commands[name];
|
|
||||||
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
@ -1,104 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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 { Channel, Guild } from "discord-types/general";
|
|
||||||
import { Promisable } from "type-fest";
|
|
||||||
|
|
||||||
export interface CommandContext {
|
|
||||||
channel: Channel;
|
|
||||||
guild?: Guild;
|
|
||||||
}
|
|
||||||
|
|
||||||
export const enum ApplicationCommandOptionType {
|
|
||||||
SUB_COMMAND = 1,
|
|
||||||
SUB_COMMAND_GROUP = 2,
|
|
||||||
STRING = 3,
|
|
||||||
INTEGER = 4,
|
|
||||||
BOOLEAN = 5,
|
|
||||||
USER = 6,
|
|
||||||
CHANNEL = 7,
|
|
||||||
ROLE = 8,
|
|
||||||
MENTIONABLE = 9,
|
|
||||||
NUMBER = 10,
|
|
||||||
ATTACHMENT = 11,
|
|
||||||
}
|
|
||||||
|
|
||||||
export const enum ApplicationCommandInputType {
|
|
||||||
BUILT_IN = 0,
|
|
||||||
BUILT_IN_TEXT = 1,
|
|
||||||
BUILT_IN_INTEGRATION = 2,
|
|
||||||
BOT = 3,
|
|
||||||
PLACEHOLDER = 4,
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface Option {
|
|
||||||
name: string;
|
|
||||||
displayName?: string;
|
|
||||||
type: ApplicationCommandOptionType;
|
|
||||||
description: string;
|
|
||||||
displayDescription?: string;
|
|
||||||
required?: boolean;
|
|
||||||
options?: Option[];
|
|
||||||
choices?: Array<ChoicesOption>;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface ChoicesOption {
|
|
||||||
label: string;
|
|
||||||
value: string;
|
|
||||||
name: string;
|
|
||||||
displayName?: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
export const enum ApplicationCommandType {
|
|
||||||
CHAT_INPUT = 1,
|
|
||||||
USER = 2,
|
|
||||||
MESSAGE = 3,
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface CommandReturnValue {
|
|
||||||
content: string;
|
|
||||||
/** TODO: implement */
|
|
||||||
cancel?: boolean;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface Argument {
|
|
||||||
type: ApplicationCommandOptionType;
|
|
||||||
name: string;
|
|
||||||
value: string;
|
|
||||||
focused: undefined;
|
|
||||||
options: Argument[];
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface Command {
|
|
||||||
id?: string;
|
|
||||||
applicationId?: string;
|
|
||||||
type?: ApplicationCommandType;
|
|
||||||
inputType?: ApplicationCommandInputType;
|
|
||||||
plugin?: string;
|
|
||||||
isVencordCommand?: boolean;
|
|
||||||
|
|
||||||
name: string;
|
|
||||||
displayName?: string;
|
|
||||||
description: string;
|
|
||||||
displayDescription?: string;
|
|
||||||
|
|
||||||
options?: Option[];
|
|
||||||
predicate?(ctx: CommandContext): boolean;
|
|
||||||
|
|
||||||
execute(args: Argument[], ctx: CommandContext): Promisable<void | CommandReturnValue>;
|
|
||||||
}
|
|
||||||
@ -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,202 +0,0 @@
|
|||||||
|
|
||||||
Apache License
|
|
||||||
Version 2.0, January 2004
|
|
||||||
http://www.apache.org/licenses/
|
|
||||||
|
|
||||||
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
|
|
||||||
|
|
||||||
1. Definitions.
|
|
||||||
|
|
||||||
"License" shall mean the terms and conditions for use, reproduction,
|
|
||||||
and distribution as defined by Sections 1 through 9 of this document.
|
|
||||||
|
|
||||||
"Licensor" shall mean the copyright owner or entity authorized by
|
|
||||||
the copyright owner that is granting the License.
|
|
||||||
|
|
||||||
"Legal Entity" shall mean the union of the acting entity and all
|
|
||||||
other entities that control, are controlled by, or are under common
|
|
||||||
control with that entity. For the purposes of this definition,
|
|
||||||
"control" means (i) the power, direct or indirect, to cause the
|
|
||||||
direction or management of such entity, whether by contract or
|
|
||||||
otherwise, or (ii) ownership of fifty percent (50%) or more of the
|
|
||||||
outstanding shares, or (iii) beneficial ownership of such entity.
|
|
||||||
|
|
||||||
"You" (or "Your") shall mean an individual or Legal Entity
|
|
||||||
exercising permissions granted by this License.
|
|
||||||
|
|
||||||
"Source" form shall mean the preferred form for making modifications,
|
|
||||||
including but not limited to software source code, documentation
|
|
||||||
source, and configuration files.
|
|
||||||
|
|
||||||
"Object" form shall mean any form resulting from mechanical
|
|
||||||
transformation or translation of a Source form, including but
|
|
||||||
not limited to compiled object code, generated documentation,
|
|
||||||
and conversions to other media types.
|
|
||||||
|
|
||||||
"Work" shall mean the work of authorship, whether in Source or
|
|
||||||
Object form, made available under the License, as indicated by a
|
|
||||||
copyright notice that is included in or attached to the work
|
|
||||||
(an example is provided in the Appendix below).
|
|
||||||
|
|
||||||
"Derivative Works" shall mean any work, whether in Source or Object
|
|
||||||
form, that is based on (or derived from) the Work and for which the
|
|
||||||
editorial revisions, annotations, elaborations, or other modifications
|
|
||||||
represent, as a whole, an original work of authorship. For the purposes
|
|
||||||
of this License, Derivative Works shall not include works that remain
|
|
||||||
separable from, or merely link (or bind by name) to the interfaces of,
|
|
||||||
the Work and Derivative Works thereof.
|
|
||||||
|
|
||||||
"Contribution" shall mean any work of authorship, including
|
|
||||||
the original version of the Work and any modifications or additions
|
|
||||||
to that Work or Derivative Works thereof, that is intentionally
|
|
||||||
submitted to Licensor for inclusion in the Work by the copyright owner
|
|
||||||
or by an individual or Legal Entity authorized to submit on behalf of
|
|
||||||
the copyright owner. For the purposes of this definition, "submitted"
|
|
||||||
means any form of electronic, verbal, or written communication sent
|
|
||||||
to the Licensor or its representatives, including but not limited to
|
|
||||||
communication on electronic mailing lists, source code control systems,
|
|
||||||
and issue tracking systems that are managed by, or on behalf of, the
|
|
||||||
Licensor for the purpose of discussing and improving the Work, but
|
|
||||||
excluding communication that is conspicuously marked or otherwise
|
|
||||||
designated in writing by the copyright owner as "Not a Contribution."
|
|
||||||
|
|
||||||
"Contributor" shall mean Licensor and any individual or Legal Entity
|
|
||||||
on behalf of whom a Contribution has been received by Licensor and
|
|
||||||
subsequently incorporated within the Work.
|
|
||||||
|
|
||||||
2. Grant of Copyright License. Subject to the terms and conditions of
|
|
||||||
this License, each Contributor hereby grants to You a perpetual,
|
|
||||||
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
|
||||||
copyright license to reproduce, prepare Derivative Works of,
|
|
||||||
publicly display, publicly perform, sublicense, and distribute the
|
|
||||||
Work and such Derivative Works in Source or Object form.
|
|
||||||
|
|
||||||
3. Grant of Patent License. Subject to the terms and conditions of
|
|
||||||
this License, each Contributor hereby grants to You a perpetual,
|
|
||||||
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
|
||||||
(except as stated in this section) patent license to make, have made,
|
|
||||||
use, offer to sell, sell, import, and otherwise transfer the Work,
|
|
||||||
where such license applies only to those patent claims licensable
|
|
||||||
by such Contributor that are necessarily infringed by their
|
|
||||||
Contribution(s) alone or by combination of their Contribution(s)
|
|
||||||
with the Work to which such Contribution(s) was submitted. If You
|
|
||||||
institute patent litigation against any entity (including a
|
|
||||||
cross-claim or counterclaim in a lawsuit) alleging that the Work
|
|
||||||
or a Contribution incorporated within the Work constitutes direct
|
|
||||||
or contributory patent infringement, then any patent licenses
|
|
||||||
granted to You under this License for that Work shall terminate
|
|
||||||
as of the date such litigation is filed.
|
|
||||||
|
|
||||||
4. Redistribution. You may reproduce and distribute copies of the
|
|
||||||
Work or Derivative Works thereof in any medium, with or without
|
|
||||||
modifications, and in Source or Object form, provided that You
|
|
||||||
meet the following conditions:
|
|
||||||
|
|
||||||
(a) You must give any other recipients of the Work or
|
|
||||||
Derivative Works a copy of this License; and
|
|
||||||
|
|
||||||
(b) You must cause any modified files to carry prominent notices
|
|
||||||
stating that You changed the files; and
|
|
||||||
|
|
||||||
(c) You must retain, in the Source form of any Derivative Works
|
|
||||||
that You distribute, all copyright, patent, trademark, and
|
|
||||||
attribution notices from the Source form of the Work,
|
|
||||||
excluding those notices that do not pertain to any part of
|
|
||||||
the Derivative Works; and
|
|
||||||
|
|
||||||
(d) If the Work includes a "NOTICE" text file as part of its
|
|
||||||
distribution, then any Derivative Works that You distribute must
|
|
||||||
include a readable copy of the attribution notices contained
|
|
||||||
within such NOTICE file, excluding those notices that do not
|
|
||||||
pertain to any part of the Derivative Works, in at least one
|
|
||||||
of the following places: within a NOTICE text file distributed
|
|
||||||
as part of the Derivative Works; within the Source form or
|
|
||||||
documentation, if provided along with the Derivative Works; or,
|
|
||||||
within a display generated by the Derivative Works, if and
|
|
||||||
wherever such third-party notices normally appear. The contents
|
|
||||||
of the NOTICE file are for informational purposes only and
|
|
||||||
do not modify the License. You may add Your own attribution
|
|
||||||
notices within Derivative Works that You distribute, alongside
|
|
||||||
or as an addendum to the NOTICE text from the Work, provided
|
|
||||||
that such additional attribution notices cannot be construed
|
|
||||||
as modifying the License.
|
|
||||||
|
|
||||||
You may add Your own copyright statement to Your modifications and
|
|
||||||
may provide additional or different license terms and conditions
|
|
||||||
for use, reproduction, or distribution of Your modifications, or
|
|
||||||
for any such Derivative Works as a whole, provided Your use,
|
|
||||||
reproduction, and distribution of the Work otherwise complies with
|
|
||||||
the conditions stated in this License.
|
|
||||||
|
|
||||||
5. Submission of Contributions. Unless You explicitly state otherwise,
|
|
||||||
any Contribution intentionally submitted for inclusion in the Work
|
|
||||||
by You to the Licensor shall be under the terms and conditions of
|
|
||||||
this License, without any additional terms or conditions.
|
|
||||||
Notwithstanding the above, nothing herein shall supersede or modify
|
|
||||||
the terms of any separate license agreement you may have executed
|
|
||||||
with Licensor regarding such Contributions.
|
|
||||||
|
|
||||||
6. Trademarks. This License does not grant permission to use the trade
|
|
||||||
names, trademarks, service marks, or product names of the Licensor,
|
|
||||||
except as required for reasonable and customary use in describing the
|
|
||||||
origin of the Work and reproducing the content of the NOTICE file.
|
|
||||||
|
|
||||||
7. Disclaimer of Warranty. Unless required by applicable law or
|
|
||||||
agreed to in writing, Licensor provides the Work (and each
|
|
||||||
Contributor provides its Contributions) on an "AS IS" BASIS,
|
|
||||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
|
||||||
implied, including, without limitation, any warranties or conditions
|
|
||||||
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
|
|
||||||
PARTICULAR PURPOSE. You are solely responsible for determining the
|
|
||||||
appropriateness of using or redistributing the Work and assume any
|
|
||||||
risks associated with Your exercise of permissions under this License.
|
|
||||||
|
|
||||||
8. Limitation of Liability. In no event and under no legal theory,
|
|
||||||
whether in tort (including negligence), contract, or otherwise,
|
|
||||||
unless required by applicable law (such as deliberate and grossly
|
|
||||||
negligent acts) or agreed to in writing, shall any Contributor be
|
|
||||||
liable to You for damages, including any direct, indirect, special,
|
|
||||||
incidental, or consequential damages of any character arising as a
|
|
||||||
result of this License or out of the use or inability to use the
|
|
||||||
Work (including but not limited to damages for loss of goodwill,
|
|
||||||
work stoppage, computer failure or malfunction, or any and all
|
|
||||||
other commercial damages or losses), even if such Contributor
|
|
||||||
has been advised of the possibility of such damages.
|
|
||||||
|
|
||||||
9. Accepting Warranty or Additional Liability. While redistributing
|
|
||||||
the Work or Derivative Works thereof, You may choose to offer,
|
|
||||||
and charge a fee for, acceptance of support, warranty, indemnity,
|
|
||||||
or other liability obligations and/or rights consistent with this
|
|
||||||
License. However, in accepting such obligations, You may act only
|
|
||||||
on Your own behalf and on Your sole responsibility, not on behalf
|
|
||||||
of any other Contributor, and only if You agree to indemnify,
|
|
||||||
defend, and hold each Contributor harmless for any liability
|
|
||||||
incurred by, or claims asserted against, such Contributor by reason
|
|
||||||
of your accepting any such warranty or additional liability.
|
|
||||||
|
|
||||||
END OF TERMS AND CONDITIONS
|
|
||||||
|
|
||||||
APPENDIX: How to apply the Apache License to your work.
|
|
||||||
|
|
||||||
To apply the Apache License to your work, attach the following
|
|
||||||
boilerplate notice, with the fields enclosed by brackets "[]"
|
|
||||||
replaced with your own identifying information. (Don't include
|
|
||||||
the brackets!) The text should be enclosed in the appropriate
|
|
||||||
comment syntax for the file format. We also recommend that a
|
|
||||||
file or class name and description of purpose be included on the
|
|
||||||
same "printed page" as the copyright notice for easier
|
|
||||||
identification within third-party archives.
|
|
||||||
|
|
||||||
Copyright [yyyy] [name of copyright owner]
|
|
||||||
|
|
||||||
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.
|
|
||||||
@ -1,279 +0,0 @@
|
|||||||
/* eslint-disable simple-header/header */
|
|
||||||
|
|
||||||
/*!
|
|
||||||
* idb-keyval v6.2.0
|
|
||||||
* Copyright 2016, Jake Archibald
|
|
||||||
* Copyright 2022, Vendicated
|
|
||||||
*
|
|
||||||
* 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.
|
|
||||||
*/
|
|
||||||
|
|
||||||
export function promisifyRequest<T = undefined>(
|
|
||||||
request: IDBRequest<T> | IDBTransaction,
|
|
||||||
): Promise<T> {
|
|
||||||
return new Promise<T>((resolve, reject) => {
|
|
||||||
// @ts-ignore - file size hacks
|
|
||||||
request.oncomplete = request.onsuccess = () => resolve(request.result);
|
|
||||||
// @ts-ignore - file size hacks
|
|
||||||
request.onabort = request.onerror = () => reject(request.error);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export function createStore(dbName: string, storeName: string): UseStore {
|
|
||||||
const request = indexedDB.open(dbName);
|
|
||||||
request.onupgradeneeded = () => request.result.createObjectStore(storeName);
|
|
||||||
const dbp = promisifyRequest(request);
|
|
||||||
|
|
||||||
return (txMode, callback) =>
|
|
||||||
dbp.then(db =>
|
|
||||||
callback(db.transaction(storeName, txMode).objectStore(storeName)),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export type UseStore = <T>(
|
|
||||||
txMode: IDBTransactionMode,
|
|
||||||
callback: (store: IDBObjectStore) => T | PromiseLike<T>,
|
|
||||||
) => Promise<T>;
|
|
||||||
|
|
||||||
let defaultGetStoreFunc: UseStore | undefined;
|
|
||||||
|
|
||||||
function defaultGetStore() {
|
|
||||||
if (!defaultGetStoreFunc) {
|
|
||||||
defaultGetStoreFunc = createStore("VencordData", "VencordStore");
|
|
||||||
}
|
|
||||||
return defaultGetStoreFunc;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Get a value by its key.
|
|
||||||
*
|
|
||||||
* @param key
|
|
||||||
* @param customStore Method to get a custom store. Use with caution (see the docs).
|
|
||||||
*/
|
|
||||||
export function get<T = any>(
|
|
||||||
key: IDBValidKey,
|
|
||||||
customStore = defaultGetStore(),
|
|
||||||
): Promise<T | undefined> {
|
|
||||||
return customStore("readonly", store => promisifyRequest(store.get(key)));
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Set a value with a key.
|
|
||||||
*
|
|
||||||
* @param key
|
|
||||||
* @param value
|
|
||||||
* @param customStore Method to get a custom store. Use with caution (see the docs).
|
|
||||||
*/
|
|
||||||
export function set(
|
|
||||||
key: IDBValidKey,
|
|
||||||
value: any,
|
|
||||||
customStore = defaultGetStore(),
|
|
||||||
): Promise<void> {
|
|
||||||
return customStore("readwrite", store => {
|
|
||||||
store.put(value, key);
|
|
||||||
return promisifyRequest(store.transaction);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Set multiple values at once. This is faster than calling set() multiple times.
|
|
||||||
* It's also atomic – if one of the pairs can't be added, none will be added.
|
|
||||||
*
|
|
||||||
* @param entries Array of entries, where each entry is an array of `[key, value]`.
|
|
||||||
* @param customStore Method to get a custom store. Use with caution (see the docs).
|
|
||||||
*/
|
|
||||||
export function setMany(
|
|
||||||
entries: [IDBValidKey, any][],
|
|
||||||
customStore = defaultGetStore(),
|
|
||||||
): Promise<void> {
|
|
||||||
return customStore("readwrite", store => {
|
|
||||||
entries.forEach(entry => store.put(entry[1], entry[0]));
|
|
||||||
return promisifyRequest(store.transaction);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Get multiple values by their keys
|
|
||||||
*
|
|
||||||
* @param keys
|
|
||||||
* @param customStore Method to get a custom store. Use with caution (see the docs).
|
|
||||||
*/
|
|
||||||
export function getMany<T = any>(
|
|
||||||
keys: IDBValidKey[],
|
|
||||||
customStore = defaultGetStore(),
|
|
||||||
): Promise<T[]> {
|
|
||||||
return customStore("readonly", store =>
|
|
||||||
Promise.all(keys.map(key => promisifyRequest(store.get(key)))),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Update a value. This lets you see the old value and update it as an atomic operation.
|
|
||||||
*
|
|
||||||
* @param key
|
|
||||||
* @param updater A callback that takes the old value and returns a new value.
|
|
||||||
* @param customStore Method to get a custom store. Use with caution (see the docs).
|
|
||||||
*/
|
|
||||||
export function update<T = any>(
|
|
||||||
key: IDBValidKey,
|
|
||||||
updater: (oldValue: T | undefined) => T,
|
|
||||||
customStore = defaultGetStore(),
|
|
||||||
): Promise<void> {
|
|
||||||
return customStore(
|
|
||||||
"readwrite",
|
|
||||||
store =>
|
|
||||||
// Need to create the promise manually.
|
|
||||||
// If I try to chain promises, the transaction closes in browsers
|
|
||||||
// that use a promise polyfill (IE10/11).
|
|
||||||
new Promise((resolve, reject) => {
|
|
||||||
store.get(key).onsuccess = function () {
|
|
||||||
try {
|
|
||||||
store.put(updater(this.result), key);
|
|
||||||
resolve(promisifyRequest(store.transaction));
|
|
||||||
} catch (err) {
|
|
||||||
reject(err);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Delete a particular key from the store.
|
|
||||||
*
|
|
||||||
* @param key
|
|
||||||
* @param customStore Method to get a custom store. Use with caution (see the docs).
|
|
||||||
*/
|
|
||||||
export function del(
|
|
||||||
key: IDBValidKey,
|
|
||||||
customStore = defaultGetStore(),
|
|
||||||
): Promise<void> {
|
|
||||||
return customStore("readwrite", store => {
|
|
||||||
store.delete(key);
|
|
||||||
return promisifyRequest(store.transaction);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Delete multiple keys at once.
|
|
||||||
*
|
|
||||||
* @param keys List of keys to delete.
|
|
||||||
* @param customStore Method to get a custom store. Use with caution (see the docs).
|
|
||||||
*/
|
|
||||||
export function delMany(
|
|
||||||
keys: IDBValidKey[],
|
|
||||||
customStore = defaultGetStore(),
|
|
||||||
): Promise<void> {
|
|
||||||
return customStore("readwrite", (store: IDBObjectStore) => {
|
|
||||||
keys.forEach((key: IDBValidKey) => store.delete(key));
|
|
||||||
return promisifyRequest(store.transaction);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Clear all values in the store.
|
|
||||||
*
|
|
||||||
* @param customStore Method to get a custom store. Use with caution (see the docs).
|
|
||||||
*/
|
|
||||||
export function clear(customStore = defaultGetStore()): Promise<void> {
|
|
||||||
return customStore("readwrite", store => {
|
|
||||||
store.clear();
|
|
||||||
return promisifyRequest(store.transaction);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function eachCursor(
|
|
||||||
store: IDBObjectStore,
|
|
||||||
callback: (cursor: IDBCursorWithValue) => void,
|
|
||||||
): Promise<void> {
|
|
||||||
store.openCursor().onsuccess = function () {
|
|
||||||
if (!this.result) return;
|
|
||||||
callback(this.result);
|
|
||||||
this.result.continue();
|
|
||||||
};
|
|
||||||
return promisifyRequest(store.transaction);
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Get all keys in the store.
|
|
||||||
*
|
|
||||||
* @param customStore Method to get a custom store. Use with caution (see the docs).
|
|
||||||
*/
|
|
||||||
export function keys<KeyType extends IDBValidKey>(
|
|
||||||
customStore = defaultGetStore(),
|
|
||||||
): Promise<KeyType[]> {
|
|
||||||
return customStore("readonly", store => {
|
|
||||||
// Fast path for modern browsers
|
|
||||||
if (store.getAllKeys) {
|
|
||||||
return promisifyRequest(
|
|
||||||
store.getAllKeys() as unknown as IDBRequest<KeyType[]>,
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
const items: KeyType[] = [];
|
|
||||||
|
|
||||||
return eachCursor(store, cursor =>
|
|
||||||
items.push(cursor.key as KeyType),
|
|
||||||
).then(() => items);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Get all values in the store.
|
|
||||||
*
|
|
||||||
* @param customStore Method to get a custom store. Use with caution (see the docs).
|
|
||||||
*/
|
|
||||||
export function values<T = any>(customStore = defaultGetStore()): Promise<T[]> {
|
|
||||||
return customStore("readonly", store => {
|
|
||||||
// Fast path for modern browsers
|
|
||||||
if (store.getAll) {
|
|
||||||
return promisifyRequest(store.getAll() as IDBRequest<T[]>);
|
|
||||||
}
|
|
||||||
|
|
||||||
const items: T[] = [];
|
|
||||||
|
|
||||||
return eachCursor(store, cursor => items.push(cursor.value as T)).then(
|
|
||||||
() => items,
|
|
||||||
);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Get all entries in the store. Each entry is an array of `[key, value]`.
|
|
||||||
*
|
|
||||||
* @param customStore Method to get a custom store. Use with caution (see the docs).
|
|
||||||
*/
|
|
||||||
export function entries<KeyType extends IDBValidKey, ValueType = any>(
|
|
||||||
customStore = defaultGetStore(),
|
|
||||||
): Promise<[KeyType, ValueType][]> {
|
|
||||||
return customStore("readonly", store => {
|
|
||||||
// Fast path for modern browsers
|
|
||||||
// (although, hopefully we'll get a simpler path some day)
|
|
||||||
if (store.getAll && store.getAllKeys) {
|
|
||||||
return Promise.all([
|
|
||||||
promisifyRequest(
|
|
||||||
store.getAllKeys() as unknown as IDBRequest<KeyType[]>,
|
|
||||||
),
|
|
||||||
promisifyRequest(store.getAll() as IDBRequest<ValueType[]>),
|
|
||||||
]).then(([keys, values]) => keys.map((key, i) => [key, values[i]]));
|
|
||||||
}
|
|
||||||
|
|
||||||
const items: [KeyType, ValueType][] = [];
|
|
||||||
|
|
||||||
return customStore("readonly", store =>
|
|
||||||
eachCursor(store, cursor =>
|
|
||||||
items.push([cursor.key as KeyType, cursor.value]),
|
|
||||||
).then(() => items),
|
|
||||||
);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@ -1,64 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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 { Channel, User } from "discord-types/general/index.js";
|
|
||||||
|
|
||||||
interface DecoratorProps {
|
|
||||||
activities: any[];
|
|
||||||
channel: Channel;
|
|
||||||
/**
|
|
||||||
* Only for DM members
|
|
||||||
*/
|
|
||||||
channelName?: string;
|
|
||||||
/**
|
|
||||||
* Only for server members
|
|
||||||
*/
|
|
||||||
currentUser?: User;
|
|
||||||
guildId?: string;
|
|
||||||
isMobile: boolean;
|
|
||||||
isOwner?: boolean;
|
|
||||||
isTyping: boolean;
|
|
||||||
selected: boolean;
|
|
||||||
status: string;
|
|
||||||
user: User;
|
|
||||||
[key: string]: any;
|
|
||||||
}
|
|
||||||
export type Decorator = (props: DecoratorProps) => JSX.Element | null;
|
|
||||||
type OnlyIn = "guilds" | "dms";
|
|
||||||
|
|
||||||
export const decorators = new Map<string, { decorator: Decorator, onlyIn?: OnlyIn; }>();
|
|
||||||
|
|
||||||
export function addDecorator(identifier: string, decorator: Decorator, onlyIn?: OnlyIn) {
|
|
||||||
decorators.set(identifier, { decorator, onlyIn });
|
|
||||||
}
|
|
||||||
|
|
||||||
export function removeDecorator(identifier: string) {
|
|
||||||
decorators.delete(identifier);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function __getDecorators(props: DecoratorProps): (JSX.Element | null)[] {
|
|
||||||
const isInGuild = !!(props.guildId);
|
|
||||||
return Array.from(decorators.values(), decoratorObj => {
|
|
||||||
const { decorator, onlyIn } = decoratorObj;
|
|
||||||
// this can most likely be done cleaner
|
|
||||||
if (!onlyIn || (onlyIn === "guilds" && isInGuild) || (onlyIn === "dms" && !isInGuild)) {
|
|
||||||
return decorator(props);
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@ -1,68 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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/>.
|
|
||||||
*/
|
|
||||||
|
|
||||||
export type AccessoryCallback = (props: Record<string, any>) => JSX.Element | null | Array<JSX.Element | null>;
|
|
||||||
export type Accessory = {
|
|
||||||
callback: AccessoryCallback;
|
|
||||||
position?: number;
|
|
||||||
};
|
|
||||||
|
|
||||||
export const accessories = new Map<String, Accessory>();
|
|
||||||
|
|
||||||
export function addAccessory(
|
|
||||||
identifier: string,
|
|
||||||
callback: AccessoryCallback,
|
|
||||||
position?: number
|
|
||||||
) {
|
|
||||||
accessories.set(identifier, {
|
|
||||||
callback,
|
|
||||||
position,
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export function removeAccessory(identifier: string) {
|
|
||||||
accessories.delete(identifier);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function _modifyAccessories(
|
|
||||||
elements: JSX.Element[],
|
|
||||||
props: Record<string, any>
|
|
||||||
) {
|
|
||||||
for (const accessory of accessories.values()) {
|
|
||||||
let accessories = accessory.callback(props);
|
|
||||||
if (accessories == null)
|
|
||||||
continue;
|
|
||||||
|
|
||||||
if (!Array.isArray(accessories))
|
|
||||||
accessories = [accessories];
|
|
||||||
else if (accessories.length === 0)
|
|
||||||
continue;
|
|
||||||
|
|
||||||
elements.splice(
|
|
||||||
accessory.position != null
|
|
||||||
? accessory.position < 0
|
|
||||||
? elements.length + accessory.position
|
|
||||||
: accessory.position
|
|
||||||
: elements.length,
|
|
||||||
0,
|
|
||||||
...accessories.filter(e => e != null) as JSX.Element[]
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
return elements;
|
|
||||||
}
|
|
||||||
@ -1,63 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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 { Channel, Message } from "discord-types/general/index.js";
|
|
||||||
|
|
||||||
interface DecorationProps {
|
|
||||||
author: {
|
|
||||||
/**
|
|
||||||
* Will be username if the user has no nickname
|
|
||||||
*/
|
|
||||||
nick: string;
|
|
||||||
iconRoleId: string;
|
|
||||||
guildMemberAvatar: string;
|
|
||||||
colorRoleName: string;
|
|
||||||
colorString: string;
|
|
||||||
};
|
|
||||||
channel: Channel;
|
|
||||||
compact: boolean;
|
|
||||||
decorations: {
|
|
||||||
/**
|
|
||||||
* Element for the [BOT] tag if there is one
|
|
||||||
*/
|
|
||||||
0: JSX.Element | null;
|
|
||||||
/**
|
|
||||||
* Other decorations (including ones added with this api)
|
|
||||||
*/
|
|
||||||
1: JSX.Element[];
|
|
||||||
};
|
|
||||||
message: Message;
|
|
||||||
[key: string]: any;
|
|
||||||
}
|
|
||||||
export type Decoration = (props: DecorationProps) => JSX.Element | null;
|
|
||||||
|
|
||||||
export const decorations = new Map<string, Decoration>();
|
|
||||||
|
|
||||||
export function addDecoration(identifier: string, decoration: Decoration) {
|
|
||||||
decorations.set(identifier, decoration);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function removeDecoration(identifier: string) {
|
|
||||||
decorations.delete(identifier);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function __addDecorationsToMessage(props: DecorationProps): (JSX.Element | null)[] {
|
|
||||||
return [...decorations.values()].map(decoration => {
|
|
||||||
return decoration(props);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@ -1,106 +1,42 @@
|
|||||||
/*
|
import type { Message, Channel } from 'discord-types/general';
|
||||||
* Vencord, a modification for Discord's desktop app
|
import Logger from '../utils/logger';
|
||||||
* 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 { Logger } from "@utils/Logger";
|
|
||||||
import { MessageStore } from "@webpack/common";
|
|
||||||
import { CustomEmoji } from "@webpack/types";
|
|
||||||
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 {
|
export type SendListener = (channelId: string, messageObj: MessageObject, extra: any) => void;
|
||||||
classification: string;
|
export type EditListener = (channelId: string, messageId: string, messageObj: MessageObject) => void;
|
||||||
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 {
|
|
||||||
stickers?: 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 EditListener = (channelId: string, messageId: string, messageObj: MessageObject) => Promisable<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: any) {
|
||||||
extra.replyOptions = replyOptions;
|
|
||||||
for (const listener of sendListeners) {
|
for (const listener of sendListeners) {
|
||||||
try {
|
try {
|
||||||
const result = await listener(channelId, messageObj, extra);
|
listener(channelId, messageObj, extra);
|
||||||
if (result && result.cancel === true) {
|
} catch (e) { MessageEventsLogger.error(`MessageSendHandler: Listener encoutered an unknown error. (${e})`); }
|
||||||
return true;
|
|
||||||
}
|
|
||||||
} catch (e) {
|
|
||||||
MessageEventsLogger.error("MessageSendHandler: Listener encountered an unknown error\n", e);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
return false;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function _handlePreEdit(channelId: string, messageId: string, messageObj: MessageObject) {
|
export function _handlePreEdit(channeld: string, messageId: string, messageObj: MessageObject) {
|
||||||
for (const listener of editListeners) {
|
for (const listener of editListeners) {
|
||||||
try {
|
try {
|
||||||
await listener(channelId, messageId, messageObj);
|
listener(channeld, messageId, messageObj);
|
||||||
} catch (e) {
|
} catch (e) { MessageEventsLogger.error(`MessageEditHandler: Listener encoutered an unknown error. (${e})`); }
|
||||||
MessageEventsLogger.error("MessageEditHandler: Listener encountered an unknown error\n", e);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -131,15 +67,11 @@ type ClickListener = (message: Message, channel: Channel, event: MouseEvent) =>
|
|||||||
|
|
||||||
const listeners = new Set<ClickListener>();
|
const listeners = new Set<ClickListener>();
|
||||||
|
|
||||||
export function _handleClick(message: Message, channel: Channel, event: MouseEvent) {
|
export function _handleClick(message, channel, event) {
|
||||||
// message object may be outdated, so (try to) fetch latest one
|
|
||||||
message = MessageStore.getMessage(channel.id, message.id) ?? message;
|
|
||||||
for (const listener of listeners) {
|
for (const listener of listeners) {
|
||||||
try {
|
try {
|
||||||
listener(message, channel, event);
|
listener(message, channel, event);
|
||||||
} catch (e) {
|
} catch (e) { MessageEventsLogger.error(`MessageClickHandler: Listener encoutered an unknown error. (${e})`); }
|
||||||
MessageEventsLogger.error("MessageClickHandler: Listener encountered an unknown error\n", e);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,69 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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 { Logger } from "@utils/Logger";
|
|
||||||
import { Channel, Message } from "discord-types/general";
|
|
||||||
import type { MouseEventHandler } from "react";
|
|
||||||
|
|
||||||
const logger = new Logger("MessagePopover");
|
|
||||||
|
|
||||||
export interface ButtonItem {
|
|
||||||
key?: string,
|
|
||||||
label: string,
|
|
||||||
icon: React.ComponentType<any>,
|
|
||||||
message: Message,
|
|
||||||
channel: Channel,
|
|
||||||
onClick?: MouseEventHandler<HTMLButtonElement>,
|
|
||||||
onContextMenu?: MouseEventHandler<HTMLButtonElement>;
|
|
||||||
}
|
|
||||||
|
|
||||||
export type getButtonItem = (message: Message) => ButtonItem | null;
|
|
||||||
|
|
||||||
export const buttons = new Map<string, getButtonItem>();
|
|
||||||
|
|
||||||
export function addButton(
|
|
||||||
identifier: string,
|
|
||||||
item: getButtonItem,
|
|
||||||
) {
|
|
||||||
buttons.set(identifier, item);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function removeButton(identifier: string) {
|
|
||||||
buttons.delete(identifier);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function _buildPopoverElements(
|
|
||||||
msg: Message,
|
|
||||||
makeButton: (item: ButtonItem) => React.ComponentType
|
|
||||||
) {
|
|
||||||
const items = [] as React.ComponentType[];
|
|
||||||
|
|
||||||
for (const [identifier, getItem] of buttons.entries()) {
|
|
||||||
try {
|
|
||||||
const item = getItem(msg);
|
|
||||||
if (item) {
|
|
||||||
item.key ??= identifier;
|
|
||||||
items.push(makeButton(item));
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
logger.error(`[${identifier}]`, err);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return items;
|
|
||||||
}
|
|
||||||
@ -1,22 +1,4 @@
|
|||||||
/*
|
import { waitFor } from "../webpack";
|
||||||
* 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 { waitFor } from "@webpack";
|
|
||||||
|
|
||||||
let NoticesModule: any;
|
let NoticesModule: any;
|
||||||
waitFor(m => m.show && m.dismiss && !m.suppressAll, m => NoticesModule = m);
|
waitFor(m => m.show && m.dismiss && !m.suppressAll, m => NoticesModule = m);
|
||||||
|
|||||||
@ -1,123 +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 "./styles.css";
|
|
||||||
|
|
||||||
import { useSettings } from "@api/Settings";
|
|
||||||
import ErrorBoundary from "@components/ErrorBoundary";
|
|
||||||
import { classes } from "@utils/misc";
|
|
||||||
import { React, useEffect, useMemo, useState, useStateFromStores, WindowStore } from "@webpack/common";
|
|
||||||
|
|
||||||
import { NotificationData } from "./Notifications";
|
|
||||||
|
|
||||||
export default ErrorBoundary.wrap(function NotificationComponent({
|
|
||||||
title,
|
|
||||||
body,
|
|
||||||
richBody,
|
|
||||||
color,
|
|
||||||
icon,
|
|
||||||
onClick,
|
|
||||||
onClose,
|
|
||||||
image,
|
|
||||||
permanent,
|
|
||||||
className,
|
|
||||||
dismissOnClick
|
|
||||||
}: NotificationData & { className?: string; }) {
|
|
||||||
const { timeout, position } = useSettings(["notifications.timeout", "notifications.position"]).notifications;
|
|
||||||
const hasFocus = useStateFromStores([WindowStore], () => WindowStore.isFocused());
|
|
||||||
|
|
||||||
const [isHover, setIsHover] = useState(false);
|
|
||||||
const [elapsed, setElapsed] = useState(0);
|
|
||||||
|
|
||||||
const start = useMemo(() => Date.now(), [timeout, isHover, hasFocus]);
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
if (isHover || !hasFocus || timeout === 0 || permanent) return void setElapsed(0);
|
|
||||||
|
|
||||||
const intervalId = setInterval(() => {
|
|
||||||
const elapsed = Date.now() - start;
|
|
||||||
if (elapsed >= timeout)
|
|
||||||
onClose!();
|
|
||||||
else
|
|
||||||
setElapsed(elapsed);
|
|
||||||
}, 10);
|
|
||||||
|
|
||||||
return () => clearInterval(intervalId);
|
|
||||||
}, [timeout, isHover, hasFocus]);
|
|
||||||
|
|
||||||
const timeoutProgress = elapsed / timeout;
|
|
||||||
|
|
||||||
return (
|
|
||||||
<button
|
|
||||||
className={classes("vc-notification-root", className)}
|
|
||||||
style={position === "bottom-right" ? { bottom: "1rem" } : { top: "3rem" }}
|
|
||||||
onClick={() => {
|
|
||||||
onClick?.();
|
|
||||||
if (dismissOnClick !== false)
|
|
||||||
onClose!();
|
|
||||||
}}
|
|
||||||
onContextMenu={e => {
|
|
||||||
e.preventDefault();
|
|
||||||
e.stopPropagation();
|
|
||||||
onClose!();
|
|
||||||
}}
|
|
||||||
onMouseEnter={() => setIsHover(true)}
|
|
||||||
onMouseLeave={() => setIsHover(false)}
|
|
||||||
>
|
|
||||||
<div className="vc-notification">
|
|
||||||
{icon && <img className="vc-notification-icon" src={icon} alt="" />}
|
|
||||||
<div className="vc-notification-content">
|
|
||||||
<div className="vc-notification-header">
|
|
||||||
<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>
|
|
||||||
{richBody ?? <p className="vc-notification-p">{body}</p>}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{image && <img className="vc-notification-img" src={image} alt="" />}
|
|
||||||
{timeout !== 0 && !permanent && (
|
|
||||||
<div
|
|
||||||
className="vc-notification-progressbar"
|
|
||||||
style={{ width: `${(1 - timeoutProgress) * 100}%`, backgroundColor: color || "var(--brand-experiment)" }}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</button>
|
|
||||||
);
|
|
||||||
}, {
|
|
||||||
onError: ({ props }) => props.onClose!()
|
|
||||||
});
|
|
||||||
@ -1,110 +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 { Settings } from "@api/Settings";
|
|
||||||
import { Queue } from "@utils/Queue";
|
|
||||||
import { ReactDOM } from "@webpack/common";
|
|
||||||
import type { ReactNode } from "react";
|
|
||||||
import type { Root } from "react-dom/client";
|
|
||||||
|
|
||||||
import NotificationComponent from "./NotificationComponent";
|
|
||||||
import { persistNotification } from "./notificationLog";
|
|
||||||
|
|
||||||
const NotificationQueue = new Queue();
|
|
||||||
|
|
||||||
let reactRoot: Root;
|
|
||||||
let id = 42;
|
|
||||||
|
|
||||||
function getRoot() {
|
|
||||||
if (!reactRoot) {
|
|
||||||
const container = document.createElement("div");
|
|
||||||
container.id = "vc-notification-container";
|
|
||||||
document.body.append(container);
|
|
||||||
reactRoot = ReactDOM.createRoot(container);
|
|
||||||
}
|
|
||||||
return reactRoot;
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface NotificationData {
|
|
||||||
title: string;
|
|
||||||
body: string;
|
|
||||||
/**
|
|
||||||
* Same as body but can be a custom component.
|
|
||||||
* Will be used over body if present.
|
|
||||||
* Not supported on desktop notifications, those will fall back to body */
|
|
||||||
richBody?: ReactNode;
|
|
||||||
/** Small icon. This is for things like profile pictures and should be square */
|
|
||||||
icon?: string;
|
|
||||||
/** Large image. Optimally, this should be around 16x9 but it doesn't matter much. Desktop Notifications might not support this */
|
|
||||||
image?: string;
|
|
||||||
onClick?(): void;
|
|
||||||
onClose?(): void;
|
|
||||||
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) {
|
|
||||||
const root = getRoot();
|
|
||||||
return new Promise<void>(resolve => {
|
|
||||||
root.render(
|
|
||||||
<NotificationComponent key={id} {...notification} onClose={() => {
|
|
||||||
notification.onClose?.();
|
|
||||||
root.render(null);
|
|
||||||
resolve();
|
|
||||||
}} />,
|
|
||||||
);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function shouldBeNative() {
|
|
||||||
if (typeof Notification === "undefined") return false;
|
|
||||||
|
|
||||||
const { useNative } = Settings.notifications;
|
|
||||||
if (useNative === "always") return true;
|
|
||||||
if (useNative === "not-focused") return !document.hasFocus();
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function requestPermission() {
|
|
||||||
return (
|
|
||||||
Notification.permission === "granted" ||
|
|
||||||
(Notification.permission !== "denied" && (await Notification.requestPermission()) === "granted")
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function showNotification(data: NotificationData) {
|
|
||||||
persistNotification(data);
|
|
||||||
|
|
||||||
if (shouldBeNative() && await requestPermission()) {
|
|
||||||
const { title, body, icon, image, onClick = null, onClose = null } = data;
|
|
||||||
const n = new Notification(title, {
|
|
||||||
body,
|
|
||||||
icon,
|
|
||||||
image
|
|
||||||
});
|
|
||||||
n.onclick = onClick;
|
|
||||||
n.onclose = onClose;
|
|
||||||
} else {
|
|
||||||
NotificationQueue.push(() => _showNotification(data, id++));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,19 +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/>.
|
|
||||||
*/
|
|
||||||
|
|
||||||
export * from "./Notifications";
|
|
||||||
@ -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)}
|
|
||||||
/>
|
|
||||||
));
|
|
||||||
}
|
|
||||||
@ -1,122 +0,0 @@
|
|||||||
.vc-notification-root {
|
|
||||||
/* clear default button styles */
|
|
||||||
all: unset;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
color: var(--text-normal);
|
|
||||||
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;
|
|
||||||
z-index: 2147483647;
|
|
||||||
right: 1rem;
|
|
||||||
width: 25vw;
|
|
||||||
min-height: 10vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-notification {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
padding: 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 {
|
|
||||||
height: 4rem;
|
|
||||||
width: 4rem;
|
|
||||||
border-radius: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-notification-progressbar {
|
|
||||||
height: 0.25rem;
|
|
||||||
border-radius: 5px;
|
|
||||||
margin-top: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-notification-p {
|
|
||||||
margin: 0.5rem 0 0;
|
|
||||||
line-height: 140%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.vc-notification-img {
|
|
||||||
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);
|
|
||||||
}
|
|
||||||
@ -1,55 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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 { Logger } from "@utils/Logger";
|
|
||||||
|
|
||||||
const logger = new Logger("ServerListAPI");
|
|
||||||
|
|
||||||
export const enum ServerListRenderPosition {
|
|
||||||
Above,
|
|
||||||
In,
|
|
||||||
}
|
|
||||||
|
|
||||||
const renderFunctionsAbove = new Set<Function>();
|
|
||||||
const renderFunctionsIn = new Set<Function>();
|
|
||||||
|
|
||||||
function getRenderFunctions(position: ServerListRenderPosition) {
|
|
||||||
return position === ServerListRenderPosition.Above ? renderFunctionsAbove : renderFunctionsIn;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function addServerListElement(position: ServerListRenderPosition, renderFunction: Function) {
|
|
||||||
getRenderFunctions(position).add(renderFunction);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function removeServerListElement(position: ServerListRenderPosition, renderFunction: Function) {
|
|
||||||
getRenderFunctions(position).delete(renderFunction);
|
|
||||||
}
|
|
||||||
|
|
||||||
export const renderAll = (position: ServerListRenderPosition) => {
|
|
||||||
const ret: Array<JSX.Element> = [];
|
|
||||||
|
|
||||||
for (const renderFunction of getRenderFunctions(position)) {
|
|
||||||
try {
|
|
||||||
ret.unshift(renderFunction());
|
|
||||||
} catch (e) {
|
|
||||||
logger.error("Failed to render server list element:", e);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return ret;
|
|
||||||
};
|
|
||||||
@ -1,295 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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 { localStorage } from "@utils/localStorage";
|
|
||||||
import { Logger } from "@utils/Logger";
|
|
||||||
import { mergeDefaults } from "@utils/misc";
|
|
||||||
import { putCloudSettings } from "@utils/settingsSync";
|
|
||||||
import { DefinedSettings, OptionType, SettingsChecks, SettingsDefinition } from "@utils/types";
|
|
||||||
import { React } from "@webpack/common";
|
|
||||||
|
|
||||||
import plugins from "~plugins";
|
|
||||||
|
|
||||||
const logger = new Logger("Settings");
|
|
||||||
export interface Settings {
|
|
||||||
notifyAboutUpdates: boolean;
|
|
||||||
autoUpdate: boolean;
|
|
||||||
autoUpdateNotification: boolean,
|
|
||||||
useQuickCss: boolean;
|
|
||||||
enableReactDevtools: boolean;
|
|
||||||
themeLinks: string[];
|
|
||||||
enabledThemes: string[];
|
|
||||||
frameless: boolean;
|
|
||||||
transparent: boolean;
|
|
||||||
winCtrlQ: boolean;
|
|
||||||
macosTranslucency: boolean;
|
|
||||||
disableMinSize: boolean;
|
|
||||||
winNativeTitleBar: boolean;
|
|
||||||
plugins: {
|
|
||||||
[plugin: string]: {
|
|
||||||
enabled: boolean;
|
|
||||||
[setting: string]: any;
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
notifications: {
|
|
||||||
timeout: number;
|
|
||||||
position: "top-right" | "bottom-right";
|
|
||||||
useNative: "always" | "never" | "not-focused";
|
|
||||||
logLimit: number;
|
|
||||||
};
|
|
||||||
|
|
||||||
cloud: {
|
|
||||||
authenticated: boolean;
|
|
||||||
url: string;
|
|
||||||
settingsSync: boolean;
|
|
||||||
settingsSyncVersion: number;
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
const DefaultSettings: Settings = {
|
|
||||||
notifyAboutUpdates: true,
|
|
||||||
autoUpdate: false,
|
|
||||||
autoUpdateNotification: true,
|
|
||||||
useQuickCss: true,
|
|
||||||
themeLinks: [],
|
|
||||||
enabledThemes: [],
|
|
||||||
enableReactDevtools: false,
|
|
||||||
frameless: false,
|
|
||||||
transparent: false,
|
|
||||||
winCtrlQ: false,
|
|
||||||
macosTranslucency: false,
|
|
||||||
disableMinSize: false,
|
|
||||||
winNativeTitleBar: false,
|
|
||||||
plugins: {},
|
|
||||||
|
|
||||||
notifications: {
|
|
||||||
timeout: 5000,
|
|
||||||
position: "bottom-right",
|
|
||||||
useNative: "not-focused",
|
|
||||||
logLimit: 50
|
|
||||||
},
|
|
||||||
|
|
||||||
cloud: {
|
|
||||||
authenticated: false,
|
|
||||||
url: "https://api.vencord.dev/",
|
|
||||||
settingsSync: false,
|
|
||||||
settingsSyncVersion: 0
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
try {
|
|
||||||
var settings = JSON.parse(VencordNative.settings.get()) as Settings;
|
|
||||||
mergeDefaults(settings, DefaultSettings);
|
|
||||||
} catch (err) {
|
|
||||||
var settings = mergeDefaults({} as Settings, DefaultSettings);
|
|
||||||
logger.error("An error occurred while loading the settings. Corrupt settings file?\n", err);
|
|
||||||
}
|
|
||||||
|
|
||||||
const saveSettingsOnFrequentAction = debounce(async () => {
|
|
||||||
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 proxyCache = {} as Record<string, any>;
|
|
||||||
|
|
||||||
// Wraps the passed settings object in a Proxy to nicely handle change listeners and default values
|
|
||||||
function makeProxy(settings: any, root = settings, path = ""): Settings {
|
|
||||||
return proxyCache[path] ??= new Proxy(settings, {
|
|
||||||
get(target, p: string) {
|
|
||||||
const v = target[p];
|
|
||||||
|
|
||||||
// using "in" is important in the following cases to properly handle falsy or nullish values
|
|
||||||
if (!(p in target)) {
|
|
||||||
// Return empty for plugins with no settings
|
|
||||||
if (path === "plugins" && p in plugins)
|
|
||||||
return target[p] = makeProxy({
|
|
||||||
enabled: plugins[p].required ?? plugins[p].enabledByDefault ?? false
|
|
||||||
}, root, `plugins.${p}`);
|
|
||||||
|
|
||||||
// Since the property is not set, check if this is a plugin's setting and if so, try to resolve
|
|
||||||
// the default value.
|
|
||||||
if (path.startsWith("plugins.")) {
|
|
||||||
const plugin = path.slice("plugins.".length);
|
|
||||||
if (plugin in plugins) {
|
|
||||||
const setting = plugins[plugin].options?.[p];
|
|
||||||
if (!setting) return v;
|
|
||||||
if ("default" in setting)
|
|
||||||
// normal setting with a default value
|
|
||||||
return (target[p] = setting.default);
|
|
||||||
if (setting.type === OptionType.SELECT) {
|
|
||||||
const def = setting.options.find(o => o.default);
|
|
||||||
if (def)
|
|
||||||
target[p] = def.value;
|
|
||||||
return def?.value;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return v;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Recursively proxy Objects with the updated property path
|
|
||||||
if (typeof v === "object" && !Array.isArray(v) && v !== null)
|
|
||||||
return makeProxy(v, root, `${path}${path && "."}${p}`);
|
|
||||||
|
|
||||||
// primitive or similar, no need to proxy further
|
|
||||||
return v;
|
|
||||||
},
|
|
||||||
|
|
||||||
set(target, p: string, v) {
|
|
||||||
// avoid unnecessary updates to React Components and other listeners
|
|
||||||
if (target[p] === v) return true;
|
|
||||||
|
|
||||||
target[p] = v;
|
|
||||||
// Call any listeners that are listening to a setting of this path
|
|
||||||
const setPath = `${path}${path && "."}${p}`;
|
|
||||||
delete proxyCache[setPath];
|
|
||||||
for (const subscription of subscriptions) {
|
|
||||||
if (!subscription._paths || subscription._paths.includes(setPath)) {
|
|
||||||
subscription(v, setPath);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// And don't forget to persist the settings!
|
|
||||||
PlainSettings.cloud.settingsSyncVersion = Date.now();
|
|
||||||
localStorage.Vencord_settingsDirty = true;
|
|
||||||
saveSettingsOnFrequentAction();
|
|
||||||
VencordNative.settings.set(JSON.stringify(root, null, 4));
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Same as {@link Settings} but unproxied. You should treat this as readonly,
|
|
||||||
* as modifying properties on this will not save to disk or call settings
|
|
||||||
* listeners.
|
|
||||||
* WARNING: default values specified in plugin.options will not be ensured here. In other words,
|
|
||||||
* settings for which you specified a default value may be uninitialised. If you need proper
|
|
||||||
* handling for default values, use {@link Settings}
|
|
||||||
*/
|
|
||||||
export const PlainSettings = settings;
|
|
||||||
/**
|
|
||||||
* A smart settings object. Altering props automagically saves
|
|
||||||
* the updated settings to disk.
|
|
||||||
* This recursively proxies objects. If you need the object non proxied, use {@link PlainSettings}
|
|
||||||
*/
|
|
||||||
export const Settings = makeProxy(settings);
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Settings hook for React components. Returns a smart settings
|
|
||||||
* object that automagically triggers a rerender if any properties
|
|
||||||
* are altered
|
|
||||||
* @param paths An optional list of paths to whitelist for rerenders
|
|
||||||
* @returns Settings
|
|
||||||
*/
|
|
||||||
// TODO: Representing paths as essentially "string[].join('.')" wont allow dots in paths, change to "paths?: string[][]" later
|
|
||||||
export function useSettings(paths?: UseSettings<Settings>[]) {
|
|
||||||
const [, forceUpdate] = React.useReducer(() => ({}), {});
|
|
||||||
|
|
||||||
const onUpdate: SubscriptionCallback = paths
|
|
||||||
? (value, path) => paths.includes(path as UseSettings<Settings>) && forceUpdate()
|
|
||||||
: forceUpdate;
|
|
||||||
|
|
||||||
React.useEffect(() => {
|
|
||||||
subscriptions.add(onUpdate);
|
|
||||||
return () => void subscriptions.delete(onUpdate);
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
return Settings;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Resolves a possibly nested prop in the form of "some.nested.prop" to type of T.some.nested.prop
|
|
||||||
type ResolvePropDeep<T, P> = P extends "" ? T :
|
|
||||||
P extends `${infer Pre}.${infer Suf}` ?
|
|
||||||
Pre extends keyof T ? ResolvePropDeep<T[Pre], Suf> : never : P extends keyof T ? T[P] : never;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Add a settings listener that will be invoked whenever the desired setting is updated
|
|
||||||
* @param path Path to the setting that you want to watch, for example "plugins.Unindent.enabled" will fire your callback
|
|
||||||
* whenever Unindent is toggled. Pass an empty string to get notified for all changes
|
|
||||||
* @param onUpdate Callback function whenever a setting matching path is updated. It gets passed the new value and the path
|
|
||||||
* to the updated setting. This path will be the same as your path argument, unless it was an empty string.
|
|
||||||
*
|
|
||||||
* @example addSettingsListener("", (newValue, path) => console.log(`${path} is now ${newValue}`))
|
|
||||||
* addSettingsListener("plugins.Unindent.enabled", v => console.log("Unindent is now", v ? "enabled" : "disabled"))
|
|
||||||
*/
|
|
||||||
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: string, onUpdate: (newValue: any, path: string) => void) {
|
|
||||||
if (path)
|
|
||||||
((onUpdate as SubscriptionCallback)._paths ??= []).push(path);
|
|
||||||
subscriptions.add(onUpdate);
|
|
||||||
}
|
|
||||||
|
|
||||||
export function migratePluginSettings(name: string, ...oldNames: string[]) {
|
|
||||||
const { plugins } = settings;
|
|
||||||
if (name in plugins) return;
|
|
||||||
|
|
||||||
for (const oldName of oldNames) {
|
|
||||||
if (oldName in plugins) {
|
|
||||||
logger.info(`Migrating settings from old name ${oldName} to ${name}`);
|
|
||||||
plugins[name] = plugins[oldName];
|
|
||||||
delete plugins[oldName];
|
|
||||||
VencordNative.settings.set(JSON.stringify(settings, null, 4));
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export function definePluginSettings<
|
|
||||||
Def extends SettingsDefinition,
|
|
||||||
Checks extends SettingsChecks<Def>,
|
|
||||||
PrivateSettings extends object = {}
|
|
||||||
>(def: Def, checks?: Checks) {
|
|
||||||
const definedSettings: DefinedSettings<Def, Checks, PrivateSettings> = {
|
|
||||||
get store() {
|
|
||||||
if (!definedSettings.pluginName) throw new Error("Cannot access settings before plugin is initialized");
|
|
||||||
return Settings.plugins[definedSettings.pluginName] as any;
|
|
||||||
},
|
|
||||||
use: settings => useSettings(
|
|
||||||
settings?.map(name => `plugins.${definedSettings.pluginName}.${name}`) as UseSettings<Settings>[]
|
|
||||||
).plugins[definedSettings.pluginName] as any,
|
|
||||||
def,
|
|
||||||
checks: checks ?? {} as any,
|
|
||||||
pluginName: "",
|
|
||||||
|
|
||||||
withPrivateSettings<T extends object>() {
|
|
||||||
return this as DefinedSettings<Def, Checks, T>;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
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,162 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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 type { MapValue } from "type-fest/source/entry";
|
|
||||||
|
|
||||||
export type Style = MapValue<typeof VencordStyles>;
|
|
||||||
|
|
||||||
export const styleMap = window.VencordStyles ??= new Map();
|
|
||||||
|
|
||||||
export function requireStyle(name: string) {
|
|
||||||
const style = styleMap.get(name);
|
|
||||||
if (!style) throw new Error(`Style "${name}" does not exist`);
|
|
||||||
return style;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* A style's name can be obtained from importing a stylesheet with `?managed` at the end of the import
|
|
||||||
* @param name The name of the style
|
|
||||||
* @returns `false` if the style was already enabled, `true` otherwise
|
|
||||||
* @example
|
|
||||||
* import pluginStyle from "./plugin.css?managed";
|
|
||||||
*
|
|
||||||
* // Inside some plugin method like "start()" or "[option].onChange()"
|
|
||||||
* enableStyle(pluginStyle);
|
|
||||||
*/
|
|
||||||
export function enableStyle(name: string) {
|
|
||||||
const style = requireStyle(name);
|
|
||||||
|
|
||||||
if (style.dom?.isConnected)
|
|
||||||
return false;
|
|
||||||
|
|
||||||
if (!style.dom) {
|
|
||||||
style.dom = document.createElement("style");
|
|
||||||
style.dom.dataset.vencordName = style.name;
|
|
||||||
}
|
|
||||||
compileStyle(style);
|
|
||||||
|
|
||||||
document.head.appendChild(style.dom);
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @param name The name of the style
|
|
||||||
* @returns `false` if the style was already disabled, `true` otherwise
|
|
||||||
* @see {@link enableStyle} for info on getting the name of an imported style
|
|
||||||
*/
|
|
||||||
export function disableStyle(name: string) {
|
|
||||||
const style = requireStyle(name);
|
|
||||||
if (!style.dom?.isConnected)
|
|
||||||
return false;
|
|
||||||
|
|
||||||
style.dom.remove();
|
|
||||||
style.dom = null;
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @param name The name of the style
|
|
||||||
* @returns `true` in most cases, may return `false` in some edge cases
|
|
||||||
* @see {@link enableStyle} for info on getting the name of an imported style
|
|
||||||
*/
|
|
||||||
export const toggleStyle = (name: string) => isStyleEnabled(name) ? disableStyle(name) : enableStyle(name);
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @param name The name of the style
|
|
||||||
* @returns Whether the style is enabled
|
|
||||||
* @see {@link enableStyle} for info on getting the name of an imported style
|
|
||||||
*/
|
|
||||||
export const isStyleEnabled = (name: string) => requireStyle(name).dom?.isConnected ?? false;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Sets the variables of a style
|
|
||||||
* ```ts
|
|
||||||
* // -- plugin.ts --
|
|
||||||
* import pluginStyle from "./plugin.css?managed";
|
|
||||||
* import { setStyleVars } from "@api/Styles";
|
|
||||||
* import { findByPropsLazy } from "@webpack";
|
|
||||||
* const classNames = findByPropsLazy("thin", "scrollerBase"); // { thin: "thin-31rlnD scrollerBase-_bVAAt", ... }
|
|
||||||
*
|
|
||||||
* // Inside some plugin method like "start()"
|
|
||||||
* setStyleClassNames(pluginStyle, classNames);
|
|
||||||
* enableStyle(pluginStyle);
|
|
||||||
* ```
|
|
||||||
* ```scss
|
|
||||||
* // -- plugin.css --
|
|
||||||
* .plugin-root [--thin]::-webkit-scrollbar { ... }
|
|
||||||
* ```
|
|
||||||
* ```scss
|
|
||||||
* // -- final stylesheet --
|
|
||||||
* .plugin-root .thin-31rlnD.scrollerBase-_bVAAt::-webkit-scrollbar { ... }
|
|
||||||
* ```
|
|
||||||
* @param name The name of the style
|
|
||||||
* @param classNames An object where the keys are the variable names and the values are the variable values
|
|
||||||
* @param recompile Whether to recompile the style after setting the variables, defaults to `true`
|
|
||||||
* @see {@link enableStyle} for info on getting the name of an imported style
|
|
||||||
*/
|
|
||||||
export const setStyleClassNames = (name: string, classNames: Record<string, string>, recompile = true) => {
|
|
||||||
const style = requireStyle(name);
|
|
||||||
style.classNames = classNames;
|
|
||||||
if (recompile && isStyleEnabled(style.name))
|
|
||||||
compileStyle(style);
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Updates the stylesheet after doing the following to the sourcecode:
|
|
||||||
* - Interpolate style classnames
|
|
||||||
* @param style **_Must_ be a style with a DOM element**
|
|
||||||
* @see {@link setStyleClassNames} for more info on style classnames
|
|
||||||
*/
|
|
||||||
export const compileStyle = (style: Style) => {
|
|
||||||
if (!style.dom) throw new Error("Style has no DOM element");
|
|
||||||
|
|
||||||
style.dom.textContent = style.source
|
|
||||||
.replace(/\[--(\w+)\]/g, (match, name) => {
|
|
||||||
const className = style.classNames[name];
|
|
||||||
return className ? classNameToSelector(className) : match;
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @param name The classname
|
|
||||||
* @param prefix A prefix to add each class, defaults to `""`
|
|
||||||
* @return A css selector for the classname
|
|
||||||
* @example
|
|
||||||
* classNameToSelector("foo bar") // => ".foo.bar"
|
|
||||||
*/
|
|
||||||
export const classNameToSelector = (name: string, prefix = "") => name.split(" ").map(n => `.${prefix}${n}`).join("");
|
|
||||||
|
|
||||||
type ClassNameFactoryArg = string | string[] | Record<string, unknown> | false | null | undefined | 0 | "";
|
|
||||||
/**
|
|
||||||
* @param prefix The prefix to add to each class, defaults to `""`
|
|
||||||
* @returns A classname generator function
|
|
||||||
* @example
|
|
||||||
* const cl = classNameFactory("plugin-");
|
|
||||||
*
|
|
||||||
* cl("base", ["item", "editable"], { selected: null, disabled: true })
|
|
||||||
* // => "plugin-base plugin-item plugin-editable plugin-disabled"
|
|
||||||
*/
|
|
||||||
export const classNameFactory = (prefix: string = "") => (...args: ClassNameFactoryArg[]) => {
|
|
||||||
const classNames = new Set<string>();
|
|
||||||
for (const arg of args) {
|
|
||||||
if (arg && typeof arg === "string") classNames.add(arg);
|
|
||||||
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));
|
|
||||||
}
|
|
||||||
return Array.from(classNames, name => prefix + name).join(" ");
|
|
||||||
};
|
|
||||||
108
src/api/index.ts
108
src/api/index.ts
@ -1,106 +1,2 @@
|
|||||||
/*
|
export * as MessageEvents from "./MessageEvents";
|
||||||
* Vencord, a modification for Discord's desktop app
|
export * as Notices from "./Notices";
|
||||||
* 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 * as $Badges from "./Badges";
|
|
||||||
import * as $Commands from "./Commands";
|
|
||||||
import * as $ContextMenu from "./ContextMenu";
|
|
||||||
import * as $DataStore from "./DataStore";
|
|
||||||
import * as $MemberListDecorators from "./MemberListDecorators";
|
|
||||||
import * as $MessageAccessories from "./MessageAccessories";
|
|
||||||
import * as $MessageDecorations from "./MessageDecorations";
|
|
||||||
import * as $MessageEventsAPI from "./MessageEvents";
|
|
||||||
import * as $MessagePopover from "./MessagePopover";
|
|
||||||
import * as $Notices from "./Notices";
|
|
||||||
import * as $Notifications from "./Notifications";
|
|
||||||
import * as $ServerList from "./ServerList";
|
|
||||||
import * as $Settings from "./Settings";
|
|
||||||
import * as $Styles from "./Styles";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* An API allowing you to listen to Message Clicks or run your own logic
|
|
||||||
* before a message is sent
|
|
||||||
*
|
|
||||||
* If your plugin uses this, you must add MessageEventsAPI to its dependencies
|
|
||||||
*/
|
|
||||||
export const MessageEvents = $MessageEventsAPI;
|
|
||||||
/**
|
|
||||||
* An API allowing you to create custom notices
|
|
||||||
* (snackbars on the top, like the Update prompt)
|
|
||||||
*/
|
|
||||||
export const Notices = $Notices;
|
|
||||||
/**
|
|
||||||
* An API allowing you to register custom commands
|
|
||||||
*/
|
|
||||||
export const Commands = $Commands;
|
|
||||||
/**
|
|
||||||
* A wrapper around IndexedDB. This can store arbitrarily
|
|
||||||
* large data and supports a lot of datatypes (Blob, Map, ...).
|
|
||||||
* For a full list, see the mdn link below
|
|
||||||
*
|
|
||||||
* This should always be preferred over the Settings API if possible, as
|
|
||||||
* localstorage has very strict size restrictions and blocks the event loop
|
|
||||||
*
|
|
||||||
* Make sure your keys are unique (tip: prefix them with ur plugin name)
|
|
||||||
* and please clean up no longer needed entries.
|
|
||||||
*
|
|
||||||
* This is actually just idb-keyval, so if you're familiar with that, you're golden!
|
|
||||||
* @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Structured_clone_algorithm#supported_types}
|
|
||||||
*/
|
|
||||||
export const DataStore = $DataStore;
|
|
||||||
/**
|
|
||||||
* An API allowing you to add custom components as message accessories
|
|
||||||
*/
|
|
||||||
export const MessageAccessories = $MessageAccessories;
|
|
||||||
/**
|
|
||||||
* An API allowing you to add custom buttons in the message popover
|
|
||||||
*/
|
|
||||||
export const MessagePopover = $MessagePopover;
|
|
||||||
/**
|
|
||||||
* An API allowing you to add badges to user profiles
|
|
||||||
*/
|
|
||||||
export const Badges = $Badges;
|
|
||||||
/**
|
|
||||||
* An API allowing you to add custom elements to the server list
|
|
||||||
*/
|
|
||||||
export const ServerList = $ServerList;
|
|
||||||
/**
|
|
||||||
* An API allowing you to add components as message accessories
|
|
||||||
*/
|
|
||||||
export const MessageDecorations = $MessageDecorations;
|
|
||||||
/**
|
|
||||||
* An API allowing you to add components to member list users, in both DM's and servers
|
|
||||||
*/
|
|
||||||
export const MemberListDecorators = $MemberListDecorators;
|
|
||||||
/**
|
|
||||||
* An API allowing you to persist data
|
|
||||||
*/
|
|
||||||
export const Settings = $Settings;
|
|
||||||
/**
|
|
||||||
* An API allowing you to dynamically load styles
|
|
||||||
* a
|
|
||||||
*/
|
|
||||||
export const Styles = $Styles;
|
|
||||||
/**
|
|
||||||
* An API allowing you to display notifications
|
|
||||||
*/
|
|
||||||
export const Notifications = $Notifications;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* An api allowing you to patch and add/remove items to/from context menus
|
|
||||||
*/
|
|
||||||
export const ContextMenu = $ContextMenu;
|
|
||||||
|
|||||||
112
src/api/settings.ts
Normal file
112
src/api/settings.ts
Normal file
@ -0,0 +1,112 @@
|
|||||||
|
import plugins from "plugins";
|
||||||
|
import IpcEvents from "../utils/IpcEvents";
|
||||||
|
import { React } from "../webpack/common";
|
||||||
|
import { mergeDefaults } from '../utils/misc';
|
||||||
|
|
||||||
|
interface Settings {
|
||||||
|
notifyAboutUpdates: boolean;
|
||||||
|
unsafeRequire: boolean;
|
||||||
|
useQuickCss: boolean;
|
||||||
|
plugins: {
|
||||||
|
[plugin: string]: {
|
||||||
|
enabled: boolean;
|
||||||
|
[setting: string]: any;
|
||||||
|
};
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
const DefaultSettings: Settings = {
|
||||||
|
notifyAboutUpdates: true,
|
||||||
|
unsafeRequire: false,
|
||||||
|
useQuickCss: true,
|
||||||
|
plugins: {}
|
||||||
|
};
|
||||||
|
|
||||||
|
for (const plugin in plugins) {
|
||||||
|
DefaultSettings.plugins[plugin] = {
|
||||||
|
enabled: plugins[plugin].required ?? false
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
var settings = JSON.parse(VencordNative.ipc.sendSync(IpcEvents.GET_SETTINGS)) as Settings;
|
||||||
|
for (const key in DefaultSettings) {
|
||||||
|
settings[key] ??= DefaultSettings[key];
|
||||||
|
}
|
||||||
|
mergeDefaults(settings, DefaultSettings);
|
||||||
|
} catch (err) {
|
||||||
|
console.error("Corrupt settings file. ", err);
|
||||||
|
var settings = mergeDefaults({} as Settings, DefaultSettings);
|
||||||
|
}
|
||||||
|
|
||||||
|
type SubscriptionCallback = ((newValue: any, path: string) => void) & { _path?: string; };
|
||||||
|
const subscriptions = new Set<SubscriptionCallback>();
|
||||||
|
|
||||||
|
function makeProxy(settings: Settings, root = settings, path = ""): Settings {
|
||||||
|
return new Proxy(settings, {
|
||||||
|
get(target, p: string) {
|
||||||
|
const v = target[p];
|
||||||
|
if (typeof v === "object" && !Array.isArray(v))
|
||||||
|
return makeProxy(v, root, `${path}${path && "."}${p}`);
|
||||||
|
return v;
|
||||||
|
},
|
||||||
|
set(target, p: string, v) {
|
||||||
|
if (target[p] === v) return true;
|
||||||
|
|
||||||
|
target[p] = v;
|
||||||
|
const setPath = `${path}${path && "."}${p}`;
|
||||||
|
for (const subscription of subscriptions) {
|
||||||
|
if (!subscription._path || subscription._path === setPath) {
|
||||||
|
subscription(v, setPath);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
VencordNative.ipc.invoke(IpcEvents.SET_SETTINGS, JSON.stringify(root, null, 4));
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* A smart settings object. Altering props automagically saves
|
||||||
|
* the updated settings to disk.
|
||||||
|
*/
|
||||||
|
export const Settings = makeProxy(settings);
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Settings hook for React components. Returns a smart settings
|
||||||
|
* object that automagically triggers a rerender if any properties
|
||||||
|
* are altered
|
||||||
|
* @returns Settings
|
||||||
|
*/
|
||||||
|
export function useSettings() {
|
||||||
|
const [, forceUpdate] = React.useReducer(() => ({}), {});
|
||||||
|
|
||||||
|
React.useEffect(() => {
|
||||||
|
subscriptions.add(forceUpdate);
|
||||||
|
return () => void subscriptions.delete(forceUpdate);
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
return Settings;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Resolves a possibly nested prop in the form of "some.nested.prop" to type of T.some.nested.prop
|
||||||
|
type ResolvePropDeep<T, P> = P extends "" ? T :
|
||||||
|
P extends `${infer Pre}.${infer Suf}` ?
|
||||||
|
Pre extends keyof T ? ResolvePropDeep<T[Pre], Suf> : never : P extends keyof T ? T[P] : never;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Add a settings listener that will be invoked whenever the desired setting is updated
|
||||||
|
* @param path Path to the setting that you want to watch, for example "plugins.Unindent.enabled" will fire your callback
|
||||||
|
* whenever Unindent is toggled. Pass an empty string to get notified for all changes
|
||||||
|
* @param onUpdate Callback function whenever a setting matching path is updated. It gets passed the new value and the path
|
||||||
|
* to the updated setting. This path will be the same as your path argument, unless it was an empty string.
|
||||||
|
*
|
||||||
|
* @example addSettingsListener("", (newValue, path) => console.log(`${path} is now ${newValue}`))
|
||||||
|
* addSettingsListener("plugins.Unindent.enabled", v => console.log("Unindent is now", v ? "enabled" : "disabled"))
|
||||||
|
*/
|
||||||
|
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: string, onUpdate: (newValue: any, path: string) => void) {
|
||||||
|
(onUpdate as SubscriptionCallback)._path = path;
|
||||||
|
subscriptions.add(onUpdate);
|
||||||
|
}
|
||||||
@ -1,29 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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/>.
|
|
||||||
*/
|
|
||||||
|
|
||||||
export function Badge({ text, color }): JSX.Element {
|
|
||||||
return (
|
|
||||||
<div className="vc-plugins-badge" style={{
|
|
||||||
backgroundColor: color,
|
|
||||||
justifySelf: "flex-end",
|
|
||||||
marginLeft: "auto"
|
|
||||||
}}>
|
|
||||||
{text}
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -1,68 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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 { React, TextInput } from "@webpack/common";
|
|
||||||
|
|
||||||
// TODO: Refactor settings to use this as well
|
|
||||||
interface TextInputProps {
|
|
||||||
/**
|
|
||||||
* WARNING: Changing this between renders will have no effect!
|
|
||||||
*/
|
|
||||||
value: string;
|
|
||||||
/**
|
|
||||||
* This will only be called if the new value passed validate()
|
|
||||||
*/
|
|
||||||
onChange(newValue: string): void;
|
|
||||||
/**
|
|
||||||
* Optionally validate the user input
|
|
||||||
* Return true if the input is valid
|
|
||||||
* Otherwise, return a string containing the reason for this input being invalid
|
|
||||||
*/
|
|
||||||
validate(v: string): true | string;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* A very simple wrapper around Discord's TextInput that validates input and shows
|
|
||||||
* the user an error message and only calls your onChange when the input is valid
|
|
||||||
*/
|
|
||||||
export function CheckedTextInput({ value: initialValue, onChange, validate }: TextInputProps) {
|
|
||||||
const [value, setValue] = React.useState(initialValue);
|
|
||||||
const [error, setError] = React.useState<string>();
|
|
||||||
|
|
||||||
function handleChange(v: string) {
|
|
||||||
setValue(v);
|
|
||||||
const res = validate(v);
|
|
||||||
if (res === true) {
|
|
||||||
setError(void 0);
|
|
||||||
onChange(v);
|
|
||||||
} else {
|
|
||||||
setError(res);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<TextInput
|
|
||||||
type="text"
|
|
||||||
value={value}
|
|
||||||
onChange={handleChange}
|
|
||||||
error={error}
|
|
||||||
/>
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -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>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -1,35 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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 { Button } from "@webpack/common";
|
|
||||||
|
|
||||||
import { Heart } from "./Heart";
|
|
||||||
|
|
||||||
export default function DonateButton(props: any) {
|
|
||||||
return (
|
|
||||||
<Button
|
|
||||||
{...props}
|
|
||||||
look={Button.Looks.LINK}
|
|
||||||
color={Button.Colors.TRANSPARENT}
|
|
||||||
onClick={() => VencordNative.native.openExternal("https://github.com/sponsors/Vendicated")}
|
|
||||||
>
|
|
||||||
<Heart />
|
|
||||||
Donate
|
|
||||||
</Button>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -1,40 +1,10 @@
|
|||||||
/*
|
import Logger from "../utils/logger";
|
||||||
* Vencord, a modification for Discord's desktop app
|
import { Card, React } from "../webpack/common";
|
||||||
* 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 { Logger } from "@utils/Logger";
|
|
||||||
import { Margins } from "@utils/margins";
|
|
||||||
import { LazyComponent } from "@utils/react";
|
|
||||||
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 */
|
fallback?: React.ComponentType<React.PropsWithChildren<{ error: any; }>>;
|
||||||
noop?: boolean;
|
onError?(error: Error, errorInfo: React.ErrorInfo): void;
|
||||||
/** Fallback component to render if an error occurs */
|
|
||||||
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 */
|
|
||||||
onError?(data: { error: Error, errorInfo: React.ErrorInfo, props: T; }): void;
|
|
||||||
/** Custom error message */
|
|
||||||
message?: string;
|
|
||||||
|
|
||||||
/** The props passed to the wrapped component. Only used by wrap */
|
|
||||||
wrappedProps?: T;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const color = "#e78284";
|
const color = "#e78284";
|
||||||
@ -43,75 +13,57 @@ const logger = new Logger("React ErrorBoundary", color);
|
|||||||
|
|
||||||
const NO_ERROR = {};
|
const NO_ERROR = {};
|
||||||
|
|
||||||
// We might want to import this in a place where React isn't ready yet.
|
export default class ErrorBoundary extends React.Component<React.PropsWithChildren<Props>> {
|
||||||
// Thus, wrap in a LazyComponent
|
static wrap<T = any>(Component: React.ComponentType<T>): (props: T) => React.ReactElement {
|
||||||
const ErrorBoundary = LazyComponent(() => {
|
return (props) => (
|
||||||
return class ErrorBoundary extends React.PureComponent<React.PropsWithChildren<Props>> {
|
<ErrorBoundary>
|
||||||
state = {
|
<Component {...props as any/* I hate react typings ??? */} />
|
||||||
error: NO_ERROR as any,
|
</ErrorBoundary>
|
||||||
stack: "",
|
);
|
||||||
message: ""
|
}
|
||||||
|
|
||||||
|
state = {
|
||||||
|
error: NO_ERROR as any,
|
||||||
|
message: ""
|
||||||
|
};
|
||||||
|
|
||||||
|
static getDerivedStateFromError(error: any) {
|
||||||
|
|
||||||
|
return {
|
||||||
|
error: error?.stack?.replace(/https:\/\/\S+\/assets\//g, "") || error?.message || String(error)
|
||||||
};
|
};
|
||||||
|
}
|
||||||
|
|
||||||
static getDerivedStateFromError(error: any) {
|
componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {
|
||||||
let stack = error?.stack ?? "";
|
this.props.onError?.(error, errorInfo);
|
||||||
let message = error?.message || String(error);
|
logger.error("A component threw an Error\n", error);
|
||||||
|
logger.error("Component Stack", errorInfo.componentStack);
|
||||||
|
}
|
||||||
|
|
||||||
if (error instanceof Error && stack) {
|
render() {
|
||||||
const eolIdx = stack.indexOf("\n");
|
if (this.state.error === NO_ERROR) return this.props.children;
|
||||||
if (eolIdx !== -1) {
|
|
||||||
message = stack.slice(0, eolIdx);
|
|
||||||
stack = stack.slice(eolIdx + 1).replace(/https:\/\/\S+\/assets\//g, "");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return { error, stack, message };
|
if (this.props.fallback)
|
||||||
}
|
return <this.props.fallback
|
||||||
|
children={this.props.children}
|
||||||
|
error={this.state.error}
|
||||||
|
/>;
|
||||||
|
|
||||||
componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {
|
return (
|
||||||
this.props.onError?.({ error, errorInfo, props: this.props.wrappedProps });
|
<ErrorCard style={{
|
||||||
logger.error("A component threw an Error\n", error);
|
overflow: "hidden",
|
||||||
logger.error("Component Stack", errorInfo.componentStack);
|
}}>
|
||||||
}
|
<h1>Oh no!</h1>
|
||||||
|
<p>
|
||||||
render() {
|
An error occurred while rendering this Component. More info can be found below
|
||||||
if (this.state.error === NO_ERROR) return this.props.children;
|
and in your console.
|
||||||
|
</p>
|
||||||
if (this.props.noop) return null;
|
<code>
|
||||||
|
<pre>
|
||||||
if (this.props.fallback)
|
{this.state.error}
|
||||||
return <this.props.fallback
|
</pre>
|
||||||
children={this.props.children}
|
</code>
|
||||||
{...this.state}
|
</ErrorCard>
|
||||||
/>;
|
);
|
||||||
|
}
|
||||||
const msg = this.props.message || "An error occurred while rendering this Component. More info can be found below and in your console.";
|
}
|
||||||
|
|
||||||
return (
|
|
||||||
<ErrorCard style={{ overflow: "hidden" }}>
|
|
||||||
<h1>Oh no!</h1>
|
|
||||||
<p>{msg}</p>
|
|
||||||
<code>
|
|
||||||
{this.state.message}
|
|
||||||
{!!this.state.stack && (
|
|
||||||
<pre className={Margins.top8}>
|
|
||||||
{this.state.stack}
|
|
||||||
</pre>
|
|
||||||
)}
|
|
||||||
</code>
|
|
||||||
</ErrorCard>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
}) as
|
|
||||||
React.ComponentType<React.PropsWithChildren<Props>> & {
|
|
||||||
wrap<T extends object = any>(Component: React.ComponentType<T>, errorBoundaryProps?: Omit<Props<T>, "wrappedProps">): React.FunctionComponent<T>;
|
|
||||||
};
|
|
||||||
|
|
||||||
ErrorBoundary.wrap = (Component, errorBoundaryProps) => props => (
|
|
||||||
<ErrorBoundary {...errorBoundaryProps} wrappedProps={props}>
|
|
||||||
<Component {...props} />
|
|
||||||
</ErrorBoundary>
|
|
||||||
);
|
|
||||||
|
|
||||||
export default 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);
|
|
||||||
}
|
|
||||||
@ -1,30 +1,21 @@
|
|||||||
/*
|
import { Card } from "../webpack/common";
|
||||||
* 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 "./ErrorCard.css";
|
interface Props {
|
||||||
|
style?: React.CSSProperties;
|
||||||
import { classes } from "@utils/misc";
|
className?: string;
|
||||||
import type { HTMLProps } from "react";
|
}
|
||||||
|
export function ErrorCard(props: React.PropsWithChildren<Props>) {
|
||||||
export function ErrorCard(props: React.PropsWithChildren<HTMLProps<HTMLDivElement>>) {
|
|
||||||
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,34 +1,15 @@
|
|||||||
/*
|
import { PropsWithChildren } from "react";
|
||||||
* Vencord, a modification for Discord's desktop app
|
import type { React } from '../webpack/common';
|
||||||
* 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 type { React } from "@webpack/common";
|
|
||||||
|
|
||||||
export function Flex(props: React.PropsWithChildren<{
|
export function Flex(props: React.PropsWithChildren<{
|
||||||
flexDirection?: React.CSSProperties["flexDirection"];
|
flexDirection?: React.CSSProperties["flexDirection"];
|
||||||
style?: React.CSSProperties;
|
style?: React.CSSProperties;
|
||||||
className?: string;
|
className?: string;
|
||||||
} & React.HTMLProps<HTMLDivElement>>) {
|
}>) {
|
||||||
props.style ??= {};
|
props.style ??= {};
|
||||||
props.style.display = "flex";
|
|
||||||
// TODO(ven): Remove me, what was I thinking??
|
|
||||||
props.style.gap ??= "1em";
|
|
||||||
props.style.flexDirection ||= props.flexDirection;
|
props.style.flexDirection ||= props.flexDirection;
|
||||||
delete props.flexDirection;
|
props.style.gap ??= "1em";
|
||||||
|
props.style.display = "flex";
|
||||||
return (
|
return (
|
||||||
<div {...props}>
|
<div {...props}>
|
||||||
{props.children}
|
{props.children}
|
||||||
|
|||||||
@ -1,35 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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/>.
|
|
||||||
*/
|
|
||||||
|
|
||||||
export function Heart() {
|
|
||||||
return (
|
|
||||||
<svg
|
|
||||||
aria-hidden="true"
|
|
||||||
height="16"
|
|
||||||
viewBox="0 0 16 16"
|
|
||||||
width="16"
|
|
||||||
style={{ marginRight: "0.5em", transform: "translateY(2px)" }}
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
fill="#db61a2"
|
|
||||||
fill-rule="evenodd"
|
|
||||||
d="M4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.565 20.565 0 008 13.393a20.561 20.561 0 003.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.75.75 0 01-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5zM8 14.25l-.345.666-.002-.001-.006-.003-.018-.01a7.643 7.643 0 01-.31-.17 22.075 22.075 0 01-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.08 22.08 0 01-3.744 2.584l-.018.01-.006.003h-.002L8 14.25zm0 0l.345.666a.752.752 0 01-.69 0L8 14.25z"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -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>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -1,35 +1,18 @@
|
|||||||
/*
|
import { React } from "../webpack/common";
|
||||||
* 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 { React } from "@webpack/common";
|
interface Props {
|
||||||
|
href: string;
|
||||||
interface Props extends React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> {
|
|
||||||
disabled?: boolean;
|
disabled?: boolean;
|
||||||
|
style?: React.CSSProperties;
|
||||||
}
|
}
|
||||||
|
|
||||||
export function Link(props: React.PropsWithChildren<Props>) {
|
export function Link(props: React.PropsWithChildren<Props>) {
|
||||||
if (props.disabled) {
|
if (props.disabled) {
|
||||||
props.style ??= {};
|
props.style ??= {};
|
||||||
props.style.pointerEvents = "none";
|
props.style.pointerEvents = "none";
|
||||||
props["aria-disabled"] = true;
|
|
||||||
}
|
}
|
||||||
return (
|
return (
|
||||||
<a role="link" target="_blank" {...props}>
|
<a href={props.href} target="_blank" style={props.style}>
|
||||||
{props.children}
|
{props.children}
|
||||||
</a>
|
</a>
|
||||||
);
|
);
|
||||||
|
|||||||
@ -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>
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -1,266 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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 { generateId } from "@api/Commands";
|
|
||||||
import { useSettings } from "@api/Settings";
|
|
||||||
import ErrorBoundary from "@components/ErrorBoundary";
|
|
||||||
import { Flex } from "@components/Flex";
|
|
||||||
import { proxyLazy } from "@utils/lazy";
|
|
||||||
import { Margins } from "@utils/margins";
|
|
||||||
import { classes, isObjectEmpty } from "@utils/misc";
|
|
||||||
import { ModalCloseButton, ModalContent, ModalFooter, ModalHeader, ModalProps, ModalRoot, ModalSize } from "@utils/modal";
|
|
||||||
import { LazyComponent } from "@utils/react";
|
|
||||||
import { OptionType, Plugin } from "@utils/types";
|
|
||||||
import { findByCode, findByPropsLazy } from "@webpack";
|
|
||||||
import { Button, Clickable, FluxDispatcher, Forms, React, Text, Tooltip, UserStore, UserUtils } from "@webpack/common";
|
|
||||||
import { User } from "discord-types/general";
|
|
||||||
import { Constructor } from "type-fest";
|
|
||||||
|
|
||||||
import {
|
|
||||||
ISettingElementProps,
|
|
||||||
SettingBooleanComponent,
|
|
||||||
SettingCustomComponent,
|
|
||||||
SettingNumericComponent,
|
|
||||||
SettingSelectComponent,
|
|
||||||
SettingSliderComponent,
|
|
||||||
SettingTextComponent
|
|
||||||
} from "./components";
|
|
||||||
import { openContributorModal } from "./ContributorModal";
|
|
||||||
|
|
||||||
const UserSummaryItem = LazyComponent(() => findByCode("defaultRenderUser", "showDefaultAvatarsForNullUsers"));
|
|
||||||
const AvatarStyles = findByPropsLazy("moreUsers", "emptyUser", "avatarContainer", "clickableAvatar");
|
|
||||||
const UserRecord: Constructor<Partial<User>> = proxyLazy(() => UserStore.getCurrentUser().constructor) as any;
|
|
||||||
|
|
||||||
interface PluginModalProps extends ModalProps {
|
|
||||||
plugin: Plugin;
|
|
||||||
onRestartNeeded(): void;
|
|
||||||
}
|
|
||||||
|
|
||||||
function makeDummyUser(user: { username: string; id?: string; avatar?: string; }) {
|
|
||||||
const newUser = new UserRecord({
|
|
||||||
username: user.username,
|
|
||||||
id: user.id ?? generateId(),
|
|
||||||
avatar: user.avatar,
|
|
||||||
/** To stop discord making unwanted requests... */
|
|
||||||
bot: true,
|
|
||||||
});
|
|
||||||
FluxDispatcher.dispatch({
|
|
||||||
type: "USER_UPDATE",
|
|
||||||
user: newUser,
|
|
||||||
});
|
|
||||||
return newUser;
|
|
||||||
}
|
|
||||||
|
|
||||||
const Components: Record<OptionType, React.ComponentType<ISettingElementProps<any>>> = {
|
|
||||||
[OptionType.STRING]: SettingTextComponent,
|
|
||||||
[OptionType.NUMBER]: SettingNumericComponent,
|
|
||||||
[OptionType.BIGINT]: SettingNumericComponent,
|
|
||||||
[OptionType.BOOLEAN]: SettingBooleanComponent,
|
|
||||||
[OptionType.SELECT]: SettingSelectComponent,
|
|
||||||
[OptionType.SLIDER]: SettingSliderComponent,
|
|
||||||
[OptionType.COMPONENT]: SettingCustomComponent
|
|
||||||
};
|
|
||||||
|
|
||||||
export default function PluginModal({ plugin, onRestartNeeded, onClose, transitionState }: PluginModalProps) {
|
|
||||||
const [authors, setAuthors] = React.useState<Partial<User>[]>([]);
|
|
||||||
|
|
||||||
const pluginSettings = useSettings().plugins[plugin.name];
|
|
||||||
|
|
||||||
const [tempSettings, setTempSettings] = React.useState<Record<string, any>>({});
|
|
||||||
|
|
||||||
const [errors, setErrors] = React.useState<Record<string, boolean>>({});
|
|
||||||
const [saveError, setSaveError] = React.useState<string | null>(null);
|
|
||||||
|
|
||||||
const canSubmit = () => Object.values(errors).every(e => !e);
|
|
||||||
|
|
||||||
const hasSettings = Boolean(pluginSettings && plugin.options && !isObjectEmpty(plugin.options));
|
|
||||||
|
|
||||||
React.useEffect(() => {
|
|
||||||
(async () => {
|
|
||||||
for (const user of plugin.authors.slice(0, 6)) {
|
|
||||||
const author = user.id
|
|
||||||
? await UserUtils.getUser(`${user.id}`)
|
|
||||||
.catch(() => makeDummyUser({ username: user.name }))
|
|
||||||
: makeDummyUser({ username: user.name });
|
|
||||||
|
|
||||||
setAuthors(a => [...a, author]);
|
|
||||||
}
|
|
||||||
})();
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
async function saveAndClose() {
|
|
||||||
if (!plugin.options) {
|
|
||||||
onClose();
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (plugin.beforeSave) {
|
|
||||||
const result = await Promise.resolve(plugin.beforeSave(tempSettings));
|
|
||||||
if (result !== true) {
|
|
||||||
setSaveError(result);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
let restartNeeded = false;
|
|
||||||
for (const [key, value] of Object.entries(tempSettings)) {
|
|
||||||
const option = plugin.options[key];
|
|
||||||
pluginSettings[key] = value;
|
|
||||||
option?.onChange?.(value);
|
|
||||||
if (option?.restartNeeded) restartNeeded = true;
|
|
||||||
}
|
|
||||||
if (restartNeeded) onRestartNeeded();
|
|
||||||
onClose();
|
|
||||||
}
|
|
||||||
|
|
||||||
function renderSettings() {
|
|
||||||
if (!hasSettings || !plugin.options) {
|
|
||||||
return <Forms.FormText>There are no settings for this plugin.</Forms.FormText>;
|
|
||||||
} else {
|
|
||||||
const options = Object.entries(plugin.options).map(([key, setting]) => {
|
|
||||||
if (setting.hidden) return null;
|
|
||||||
|
|
||||||
function onChange(newValue: any) {
|
|
||||||
setTempSettings(s => ({ ...s, [key]: newValue }));
|
|
||||||
}
|
|
||||||
|
|
||||||
function onError(hasError: boolean) {
|
|
||||||
setErrors(e => ({ ...e, [key]: hasError }));
|
|
||||||
}
|
|
||||||
|
|
||||||
const Component = Components[setting.type];
|
|
||||||
return (
|
|
||||||
<Component
|
|
||||||
id={key}
|
|
||||||
key={key}
|
|
||||||
option={setting}
|
|
||||||
onChange={onChange}
|
|
||||||
onError={onError}
|
|
||||||
pluginSettings={pluginSettings}
|
|
||||||
definedSettings={plugin.settings}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
});
|
|
||||||
|
|
||||||
return <Flex flexDirection="column" style={{ gap: 12, marginBottom: 16 }}>{options}</Flex>;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function renderMoreUsers(_label: string, count: number) {
|
|
||||||
const sliceCount = plugin.authors.length - count;
|
|
||||||
const sliceStart = plugin.authors.length - sliceCount;
|
|
||||||
const sliceEnd = sliceStart + plugin.authors.length - count;
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Tooltip text={plugin.authors.slice(sliceStart, sliceEnd).map(u => u.name).join(", ")}>
|
|
||||||
{({ onMouseEnter, onMouseLeave }) => (
|
|
||||||
<div
|
|
||||||
className={AvatarStyles.moreUsers}
|
|
||||||
onMouseEnter={onMouseEnter}
|
|
||||||
onMouseLeave={onMouseLeave}
|
|
||||||
>
|
|
||||||
+{sliceCount}
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</Tooltip>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<ModalRoot transitionState={transitionState} size={ModalSize.MEDIUM} className="vc-text-selectable">
|
|
||||||
<ModalHeader separator={false}>
|
|
||||||
<Text variant="heading-lg/semibold" style={{ flexGrow: 1 }}>{plugin.name}</Text>
|
|
||||||
<ModalCloseButton onClick={onClose} />
|
|
||||||
</ModalHeader>
|
|
||||||
<ModalContent>
|
|
||||||
<Forms.FormSection>
|
|
||||||
<Forms.FormTitle tag="h3">About {plugin.name}</Forms.FormTitle>
|
|
||||||
<Forms.FormText>{plugin.description}</Forms.FormText>
|
|
||||||
<Forms.FormTitle tag="h3" style={{ marginTop: 8, marginBottom: 0 }}>Authors</Forms.FormTitle>
|
|
||||||
<div style={{ width: "fit-content", marginBottom: 8 }}>
|
|
||||||
<UserSummaryItem
|
|
||||||
users={authors}
|
|
||||||
count={plugin.authors.length}
|
|
||||||
guildId={undefined}
|
|
||||||
renderIcon={false}
|
|
||||||
max={6}
|
|
||||||
showDefaultAvatarsForNullUsers
|
|
||||||
showUserPopout
|
|
||||||
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>
|
|
||||||
</Forms.FormSection>
|
|
||||||
{!!plugin.settingsAboutComponent && (
|
|
||||||
<div className={classes(Margins.bottom8, "vc-text-selectable")}>
|
|
||||||
<Forms.FormSection>
|
|
||||||
<ErrorBoundary message="An error occurred while rendering this plugin's custom InfoComponent">
|
|
||||||
<plugin.settingsAboutComponent tempSettings={tempSettings} />
|
|
||||||
</ErrorBoundary>
|
|
||||||
</Forms.FormSection>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
<Forms.FormSection className={Margins.bottom16}>
|
|
||||||
<Forms.FormTitle tag="h3">Settings</Forms.FormTitle>
|
|
||||||
{renderSettings()}
|
|
||||||
</Forms.FormSection>
|
|
||||||
</ModalContent>
|
|
||||||
{hasSettings && <ModalFooter>
|
|
||||||
<Flex flexDirection="column" style={{ width: "100%" }}>
|
|
||||||
<Flex style={{ marginLeft: "auto" }}>
|
|
||||||
<Button
|
|
||||||
onClick={onClose}
|
|
||||||
size={Button.Sizes.SMALL}
|
|
||||||
color={Button.Colors.PRIMARY}
|
|
||||||
look={Button.Looks.LINK}
|
|
||||||
>
|
|
||||||
Cancel
|
|
||||||
</Button>
|
|
||||||
<Tooltip text="You must fix all errors before saving" shouldShow={!canSubmit()}>
|
|
||||||
{({ onMouseEnter, onMouseLeave }) => (
|
|
||||||
<Button
|
|
||||||
size={Button.Sizes.SMALL}
|
|
||||||
color={Button.Colors.BRAND}
|
|
||||||
onClick={saveAndClose}
|
|
||||||
onMouseEnter={onMouseEnter}
|
|
||||||
onMouseLeave={onMouseLeave}
|
|
||||||
disabled={!canSubmit()}
|
|
||||||
>
|
|
||||||
Save & Close
|
|
||||||
</Button>
|
|
||||||
)}
|
|
||||||
</Tooltip>
|
|
||||||
</Flex>
|
|
||||||
{saveError && <Text variant="text-md/semibold" style={{ color: "var(--text-danger)" }}>Error while saving: {saveError}</Text>}
|
|
||||||
</Flex>
|
|
||||||
</ModalFooter>}
|
|
||||||
</ModalRoot>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -1,63 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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 { wordsFromCamel, wordsToTitle } from "@utils/text";
|
|
||||||
import { PluginOptionBoolean } from "@utils/types";
|
|
||||||
import { Forms, React, Switch } from "@webpack/common";
|
|
||||||
|
|
||||||
import { ISettingElementProps } from ".";
|
|
||||||
|
|
||||||
export function SettingBooleanComponent({ option, pluginSettings, definedSettings, id, onChange, onError }: ISettingElementProps<PluginOptionBoolean>) {
|
|
||||||
const def = pluginSettings[id] ?? option.default;
|
|
||||||
|
|
||||||
const [state, setState] = React.useState(def ?? false);
|
|
||||||
const [error, setError] = React.useState<string | null>(null);
|
|
||||||
|
|
||||||
React.useEffect(() => {
|
|
||||||
onError(error !== null);
|
|
||||||
}, [error]);
|
|
||||||
|
|
||||||
function handleChange(newValue: boolean): void {
|
|
||||||
const isValid = option.isValid?.call(definedSettings, newValue) ?? true;
|
|
||||||
if (typeof isValid === "string") setError(isValid);
|
|
||||||
else if (!isValid) setError("Invalid input provided.");
|
|
||||||
else {
|
|
||||||
setError(null);
|
|
||||||
setState(newValue);
|
|
||||||
onChange(newValue);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Forms.FormSection>
|
|
||||||
<Switch
|
|
||||||
value={state}
|
|
||||||
onChange={handleChange}
|
|
||||||
note={option.description}
|
|
||||||
disabled={option.disabled?.call(definedSettings) ?? false}
|
|
||||||
{...option.componentProps}
|
|
||||||
hideBorder
|
|
||||||
style={{ marginBottom: "0.5em" }}
|
|
||||||
>
|
|
||||||
{wordsToTitle(wordsFromCamel(id))}
|
|
||||||
</Switch>
|
|
||||||
{error && <Forms.FormText style={{ color: "var(--text-danger)" }}>{error}</Forms.FormText>}
|
|
||||||
</Forms.FormSection>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
@ -1,25 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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 { PluginOptionComponent } from "@utils/types";
|
|
||||||
|
|
||||||
import { ISettingElementProps } from ".";
|
|
||||||
|
|
||||||
export function SettingCustomComponent({ option, onChange, onError }: ISettingElementProps<PluginOptionComponent>) {
|
|
||||||
return option.component({ setValue: onChange, setError: onError, option });
|
|
||||||
}
|
|
||||||
@ -1,70 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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 { OptionType, PluginOptionNumber } from "@utils/types";
|
|
||||||
import { Forms, React, TextInput } from "@webpack/common";
|
|
||||||
|
|
||||||
import { ISettingElementProps } from ".";
|
|
||||||
|
|
||||||
const MAX_SAFE_NUMBER = BigInt(Number.MAX_SAFE_INTEGER);
|
|
||||||
|
|
||||||
export function SettingNumericComponent({ option, pluginSettings, definedSettings, id, onChange, onError }: ISettingElementProps<PluginOptionNumber>) {
|
|
||||||
function serialize(value: any) {
|
|
||||||
if (option.type === OptionType.BIGINT) return BigInt(value);
|
|
||||||
return Number(value);
|
|
||||||
}
|
|
||||||
|
|
||||||
const [state, setState] = React.useState<any>(`${pluginSettings[id] ?? option.default ?? 0}`);
|
|
||||||
const [error, setError] = React.useState<string | null>(null);
|
|
||||||
|
|
||||||
React.useEffect(() => {
|
|
||||||
onError(error !== null);
|
|
||||||
}, [error]);
|
|
||||||
|
|
||||||
function handleChange(newValue) {
|
|
||||||
const isValid = option.isValid?.call(definedSettings, newValue) ?? true;
|
|
||||||
|
|
||||||
setError(null);
|
|
||||||
if (typeof isValid === "string") setError(isValid);
|
|
||||||
else if (!isValid) setError("Invalid input provided.");
|
|
||||||
|
|
||||||
if (option.type === OptionType.NUMBER && BigInt(newValue) >= MAX_SAFE_NUMBER) {
|
|
||||||
setState(`${Number.MAX_SAFE_INTEGER}`);
|
|
||||||
onChange(serialize(newValue));
|
|
||||||
} else {
|
|
||||||
setState(newValue);
|
|
||||||
onChange(serialize(newValue));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Forms.FormSection>
|
|
||||||
<Forms.FormTitle>{option.description}</Forms.FormTitle>
|
|
||||||
<TextInput
|
|
||||||
type="number"
|
|
||||||
pattern="-?[0-9]+"
|
|
||||||
value={state}
|
|
||||||
onChange={handleChange}
|
|
||||||
placeholder={option.placeholder ?? "Enter a number"}
|
|
||||||
disabled={option.disabled?.call(definedSettings) ?? false}
|
|
||||||
{...option.componentProps}
|
|
||||||
/>
|
|
||||||
{error && <Forms.FormText style={{ color: "var(--text-danger)" }}>{error}</Forms.FormText>}
|
|
||||||
</Forms.FormSection>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -1,62 +0,0 @@
|
|||||||
/*
|
|
||||||
* 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 { PluginOptionSelect } from "@utils/types";
|
|
||||||
import { Forms, React, Select } from "@webpack/common";
|
|
||||||
|
|
||||||
import { ISettingElementProps } from ".";
|
|
||||||
|
|
||||||
export function SettingSelectComponent({ option, pluginSettings, definedSettings, onChange, onError, id }: ISettingElementProps<PluginOptionSelect>) {
|
|
||||||
const def = pluginSettings[id] ?? option.options?.find(o => o.default)?.value;
|
|
||||||
|
|
||||||
const [state, setState] = React.useState<any>(def ?? null);
|
|
||||||
const [error, setError] = React.useState<string | null>(null);
|
|
||||||
|
|
||||||
React.useEffect(() => {
|
|
||||||
onError(error !== null);
|
|
||||||
}, [error]);
|
|
||||||
|
|
||||||
function handleChange(newValue) {
|
|
||||||
const isValid = option.isValid?.call(definedSettings, newValue) ?? true;
|
|
||||||
if (typeof isValid === "string") setError(isValid);
|
|
||||||
else if (!isValid) setError("Invalid input provided.");
|
|
||||||
else {
|
|
||||||
setError(null);
|
|
||||||
setState(newValue);
|
|
||||||
onChange(newValue);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Forms.FormSection>
|
|
||||||
<Forms.FormTitle>{option.description}</Forms.FormTitle>
|
|
||||||
<Select
|
|
||||||
isDisabled={option.disabled?.call(definedSettings) ?? false}
|
|
||||||
options={option.options}
|
|
||||||
placeholder={option.placeholder ?? "Select an option"}
|
|
||||||
maxVisibleItems={5}
|
|
||||||
closeOnSelect={true}
|
|
||||||
select={handleChange}
|
|
||||||
isSelected={v => v === state}
|
|
||||||
serialize={v => String(v)}
|
|
||||||
{...option.componentProps}
|
|
||||||
/>
|
|
||||||
{error && <Forms.FormText style={{ color: "var(--text-danger)" }}>{error}</Forms.FormText>}
|
|
||||||
</Forms.FormSection>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user