#!/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 . */ 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, buildOrWatchAll, commonOpts, addBuild, globPlugins, IS_DEV, IS_REPORTER, VERSION } from "./common.mjs"; /** * @type {esbuild.BuildOptions} */ const commonOptions: esbuild.BuildOptions = { ...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: String(IS_DEV), IS_REPORTER: String(IS_REPORTER), IS_DISCORD_DESKTOP: "false", IS_VESKTOP: "false", IS_UPDATER_DISABLED: "true", VERSION: JSON.stringify(VERSION), BUILD_TIMESTAMP: String(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( [ addBuild({ entryPoints: MonacoWorkerEntryPoints.map(entry => `node_modules/monaco-editor/esm/${entry}`), bundle: true, minify: true, format: "iife", outbase: "node_modules/monaco-editor/esm/", outdir: "dist/browser/monaco" }), addBuild({ entryPoints: ["browser/monaco.ts"], bundle: true, minify: true, format: "iife", outfile: "dist/browser/monaco/index.js", loader: { ".ttf": "file" } }), addBuild({ ...commonOptions, outfile: "dist/browser/browser.js", footer: { js: "//# sourceURL=VencordWeb" } }), addBuild({ ...commonOptions, outfile: "dist/browser/extension.js", define: { ...commonOptions?.define, IS_EXTENSION: "true", }, footer: { js: "//# sourceURL=VencordWeb" } }), addBuild({ ...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});" } }) ] ); await buildOrWatchAll(); async function globDir(dir: string): Promise { const files = [] as string[]; 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; } async function loadDir(dir: string, basePath = "") { const files = await globDir(dir); return Object.fromEntries(await Promise.all(files.map(async f => [f.slice(basePath.length), await readFile(f)] as const ))); } async function buildExtension(target: string, files: string[]): Promise { const entries: Record = { "dist/Vencord.js": await readFile("dist/browser/extension.js"), "dist/Vencord.css": await readFile("dist/browser/extension.css"), ...await loadDir("dist/browser/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}`)] as const ))), ...Object.fromEntries(await Promise.all(files.map(async f => { let content: Uint8Array | Buffer = 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 ] as const; }))) }; await rm(target, { recursive: true, force: true }); await Promise.all(Object.entries(entries).map(async ([file, content]) => { const dest = join("dist/browser", target, file); const parentDirectory = join(dest, ".."); await mkdir(parentDirectory, { recursive: true }); await writeFile(dest, content); })); console.info("Unpacked Extension written to dist/browser/" + 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); }); if (!process.argv.includes("--skip-extension")) { 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.zip("dist/browser/chromium-unpacked", (_err, zip) => { zip.compress().save("dist/extension-chrome.zip"); console.info("Packed Chromium Extension written to dist/extension-chrome.zip"); }); Zip.zip("dist/browser/firefox-unpacked", (_err, zip) => { zip.compress().save("dist/extension-firefox.zip"); console.info("Packed Firefox Extension written to dist/extension-firefox.zip"); }); } else { await appendCssRuntime; }