feat(package): @vencord/discord-types

.github/workflows/build.yml

@@ -20,13 +20,13 @@ jobs:
         steps:
             - uses: actions/checkout@v4
 
-            - uses: pnpm/action-setup@v3 # Install pnpm using packageManager key in package.json
+            - uses: pnpm/action-setup@v4 # Install pnpm using packageManager key in package.json
 
             - name: Use Node.js 20
               uses: actions/setup-node@v4
               with:
                   node-version: 20
-                  cache: "pnpm"
+                  cache: pnpm
 
             - name: Install dependencies
               run: pnpm install --frozen-lockfile

.github/workflows/change-reporter.yml

@@ -0,0 +1,68 @@
+name: Change Reporter
+on:
+    workflow_dispatch:
+    schedule:
+        # Every day at midnight
+        - cron: 0 0 * * *
+
+jobs:
+    change-reporter:
+        if: github.repository == 'Vendicated/Vencord'
+        runs-on: ubuntu-latest
+
+        steps:
+            - uses: actions/checkout@v4
+              if: ${{ github.event_name == 'schedule' }}
+              with:
+                  ref: dev
+
+            - uses: actions/checkout@v4
+              if: ${{ github.event_name == 'workflow_dispatch' }}
+
+            - uses: pnpm/action-setup@v4 # Install pnpm using packageManager key in package.json
+
+            - name: Use Node.js 20
+              uses: actions/setup-node@v4
+              with:
+                  node-version: ^20.11.0
+                  cache: pnpm
+
+            - name: Install dependencies
+              run: pnpm install --frozen-lockfile
+
+            - name: Install Google Chrome
+              id: setup-chrome
+              uses: browser-actions/setup-chrome@v1
+              with:
+                  chrome-version: stable
+                  install-dependencies: true
+
+            - name: Build Vencord web standalone
+              run: pnpm buildWebStandalone --skip-extension
+
+            - name: Create Report (Stable)
+              timeout-minutes: 10
+              run: |
+                  cd packages/discord-types
+                  pnpm change-reporter
+              env:
+                  CHANNEL: stable
+                  CHROMIUM_BIN: ${{ steps.setup-chrome.outputs.chrome-path }}
+                  CHROMIUM_VERSION: ${{ steps.setup-chrome.outputs.chrome-version }}
+                  DISCORD_TOKEN: ${{ secrets.DISCORD_TOKEN }}
+                  DISCORD_WEBHOOK: ${{ secrets.DISCORD_WEBHOOK }}
+                  VENCORD_DIST: ../../dist/browser.js
+
+            - name: Create Report (Canary)
+              timeout-minutes: 10
+              if: ${{ !cancelled() }} # run even if previous one failed
+              run: |
+                  cd packages/discord-types
+                  pnpm change-reporter
+              env:
+                  CHANNEL: canary
+                  CHROMIUM_BIN: ${{ steps.setup-chrome.outputs.chrome-path }}
+                  CHROMIUM_VERSION: ${{ steps.setup-chrome.outputs.chrome-version }}
+                  DISCORD_TOKEN: ${{ secrets.DISCORD_TOKEN }}
+                  DISCORD_WEBHOOK: ${{ secrets.DISCORD_WEBHOOK }}
+                  VENCORD_DIST: ../../dist/browser.js

.github/workflows/publish.yml

@@ -20,13 +20,13 @@ jobs:
                       exit 1
                   fi
 
-            - uses: pnpm/action-setup@v3 # Install pnpm using packageManager key in package.json
+            - uses: pnpm/action-setup@v4 # Install pnpm using packageManager key in package.json
 
-            - name: Use Node.js 19
+            - name: Use Node.js 20
               uses: actions/setup-node@v4
               with:
                   node-version: 20
-                  cache: "pnpm"
+                  cache: pnpm
 
             - name: Install dependencies
               run: pnpm install --frozen-lockfile

.github/workflows/reportBrokenPlugins.yml

@@ -19,13 +19,13 @@ jobs:
             - uses: actions/checkout@v4
               if: ${{ github.event_name == 'workflow_dispatch' }}
 
-            - uses: pnpm/action-setup@v3 # Install pnpm using packageManager key in package.json
+            - uses: pnpm/action-setup@v4 # Install pnpm using packageManager key in package.json
 
             - name: Use Node.js 20
               uses: actions/setup-node@v4
               with:
                   node-version: 20
-                  cache: "pnpm"
+                  cache: pnpm
 
             - name: Install dependencies
               run: |

.github/workflows/test-packages-discord-types.yml

@@ -0,0 +1,34 @@
+name: Test packages/discord-types
+on:
+    pull_request:
+        paths:
+            - packages/discord-types/**
+    push:
+        paths:
+            - packages/discord-types/**
+jobs:
+    test:
+        runs-on: ubuntu-latest
+
+        steps:
+            - uses: actions/checkout@v4
+
+            - uses: pnpm/action-setup@v4 # Install pnpm using packageManager key in package.json
+
+            - name: Use Node.js 20
+              uses: actions/setup-node@v4
+              with:
+                  node-version: ^20.9.0
+                  cache: pnpm
+
+            - name: Install dependencies
+              run: pnpm install --frozen-lockfile
+
+            - name: Check packages/discord-types for TypeScript errors and lint
+              run: | # https://github.com/microsoft/TypeScript/issues/40431
+                  pnpm tspc --emitDeclarationOnly
+                  cd packages/discord-types
+                  pnpm test
+
+            - name: Check if packages/discord-types is compatible with Vencord
+              run: pnpm testTsc && pnpm lint

.github/workflows/test-scripts.yml

@@ -0,0 +1,33 @@
+name: Test scripts
+on:
+    pull_request:
+        paths:
+            - scripts/**
+            - eslint.config.mjs
+    push:
+        paths:
+            - scripts/**
+            - eslint.config.mjs
+jobs:
+    test:
+        runs-on: ubuntu-latest
+
+        steps:
+            - uses: actions/checkout@v4
+
+            - uses: pnpm/action-setup@v4 # Install pnpm using packageManager key in package.json
+
+            - name: Use Node.js 20
+              uses: actions/setup-node@v4
+              with:
+                  node-version: ^20.9.0
+                  cache: pnpm
+
+            - name: Install dependencies
+              run: pnpm install --frozen-lockfile
+
+            - name: Check scripts for TypeScript errors
+              run: | # https://github.com/microsoft/TypeScript/issues/40431
+                  pnpm tspc --emitDeclarationOnly
+                  cd scripts
+                  pnpm tsc --noEmit

.github/workflows/test.yml

@@ -1,23 +1,27 @@
 name: test
 on:
     push:
+        paths-ignore:
+            - packages/discord-types
     pull_request:
         branches:
             - main
             - dev
+        paths-ignore:
+            - packages/discord-types
 jobs:
     test:
         runs-on: ubuntu-latest
 
         steps:
             - uses: actions/checkout@v4
-            - uses: pnpm/action-setup@v3 # Install pnpm using packageManager key in package.json
+            - uses: pnpm/action-setup@v4 # Install pnpm using packageManager key in package.json
 
             - name: Use Node.js 20
               uses: actions/setup-node@v4
               with:
-                  node-version: 20
-                  cache: "pnpm"
+                  node-version: ^20.9.0
+                  cache: pnpm
 
             - name: Install dependencies
               run: pnpm install --frozen-lockfile

.stylelintrc.json

@@ -1,6 +1,13 @@
 {
-    "extends": "stylelint-config-standard",
+    "extends": [
+        "stylelint-config-standard",
+        "@stylistic/stylelint-config"
+    ],
+    "plugins": [
+        "@stylistic/stylelint-plugin"
+    ],
     "rules": {
+        "@stylistic/indentation": 4,
         "selector-class-pattern": [
             "^[a-z][a-zA-Z0-9]*(-[a-z0-9][a-zA-Z0-9]*)*$",
             {

.vscode/settings.json

@@ -1,5 +1,4 @@
 {
-    "editor.formatOnSave": true,
     "editor.codeActionsOnSave": {
         "source.fixAll.eslint": "explicit"
     },
@@ -9,6 +8,8 @@
     "[typescriptreact]": {
         "editor.defaultFormatter": "vscode.typescript-language-features"
     },
+    "files.eol": "\n",
+    "files.insertFinalNewline": true,
     "javascript.format.semicolons": "insert",
     "typescript.format.semicolons": "insert",
     "typescript.preferences.quoteStyle": "double",
@@ -19,5 +20,8 @@
             "domain": "codeberg.org",
             "type": "Gitea"
         }
-    ]
+    ],
+
+    "typescript.tsdk": "./node_modules/typescript/lib",
+    "typescript.enablePromptUseWorkspaceTsdk": true
 }

browser/VencordNativeStub.ts

@@ -36,7 +36,7 @@ const cssListeners = new Set<(css: string) => void>();
 const NOOP = () => { };
 const NOOP_ASYNC = async () => { };
 
-const setCssDebounced = debounce((css: string) => VencordNative.quickCss.set(css));
+const setCssDebounced = debounce((css: string) => { VencordNative.quickCss.set(css); });
 
 const themeStore = DataStore.createStore("VencordThemes", "VencordThemeData");
 
@@ -46,9 +46,8 @@ window.VencordNative = {
         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()))
-        ),
+        getThemesList: async () => (await DataStore.entries(themeStore))
+            .map(([name, css]) => getThemeInfo(css, name.toString())),
         getThemeData: (fileName: string) => DataStore.get(fileName, themeStore),
         getSystemValues: async () => ({}),
     },
@@ -66,10 +65,10 @@ window.VencordNative = {
     },
 
     quickCss: {
-        get: () => DataStore.get("VencordQuickCss").then(s => s ?? ""),
+        get: async () => await DataStore.get("VencordQuickCss") ?? "",
         set: async (css: string) => {
             await DataStore.set("VencordQuickCss", css);
-            cssListeners.forEach(l => l(css));
+            cssListeners.forEach(l => { l(css); });
         },
         addChangeListener(cb) {
             cssListeners.add(cb);
@@ -109,5 +108,5 @@ window.VencordNative = {
         getSettingsDir: async () => "LocalStorage"
     },
 
-    pluginHelpers: {} as any,
+    pluginHelpers: {},
 };

browser/monaco.ts

@@ -6,7 +6,9 @@
 
 import "./patch-worker";
 
+// @ts-expect-error
 import * as monaco from "monaco-editor/esm/vs/editor/editor.main.js";
+declare const monaco: typeof import("monaco-editor");
 
 declare global {
     const baseUrl: string;