feat: add website extension metadata

Author: TroyKomodo

src/views/OAuth2.vue

@@ -28,7 +28,7 @@ function handleRoute() {
 	const params = new URLSearchParams(route.hash.slice(1));
 	const token = params.get("token");
 
-	let is7TV;
+	let is7TV: boolean;
 	try {
 		is7TV = opener.location.origin === window.origin;
 	} catch (e) {

src/worker/worker.events.ts

@@ -28,10 +28,16 @@ export class EventAPI {
 	connect(transport: EventAPITransport): void {
 		if (this.eventSource || this.socket || !this.url) return;
 
+		const url = new URL(this.url);
+
+		// Add query param giving the version of the website / src
+		url.searchParams.append("app", "7tv-website-old");
+		url.searchParams.append("version", import.meta.env.VITE_APP_VERSION);
+
 		this.transport = transport;
 
 		if (this.transport === "WebSocket") {
-			this.socket = new WebSocket(this.url);
+			this.socket = new WebSocket(url);
 			this.socket.onopen = () => this.onOpen();
 			this.socket.onclose = () => this.onClose();
 			this.socket.onmessage = (ev) => {
@@ -44,7 +50,7 @@ export class EventAPI {
 			};
 		}
 
-		log.debug("<EventAPI>", "Connecting...", `url=${this.url}`);
+		log.debug("<EventAPI>", "Connecting...", `url=${url}`);
 	}
 
 	getSocket(): WebSocket | null {

src/worker/worker.ts

@@ -11,7 +11,6 @@ export function handleMessage<N extends WorkerMessageName>(evt: WorkerMessage<N>
 	switch (evt.name) {
 		case "EventCommandSubscribe": {
 			const d = evt.data as WorkerMessageData<"EventCommandSubscribe">;
-
 			eventAPI.subscribe(d.type, d.condition);
 			break;
 		}

tsconfig.node.json

@@ -2,7 +2,8 @@
 	"compilerOptions": {
 		"composite": true,
 		"module": "esnext",
-		"moduleResolution": "node"
+		"moduleResolution": "node",
+		"resolveJsonModule": true
 	},
 	"include": ["vite.config.ts"]
 }

vite.config.ts

@@ -1,11 +1,16 @@
+import { version } from "./package.json";
 import vue from "@vitejs/plugin-vue";
 import { resolve } from "path";
 import { visualizer } from "rollup-plugin-visualizer";
 import { defineConfig, loadEnv } from "vite";
 
 // https://vitejs.dev/config/
 export default ({ mode }) => {
-	process.env = { ...process.env, ...loadEnv(mode, process.cwd()) };
+	process.env = {
+		...process.env,
+		...loadEnv(mode, process.cwd()),
+		VITE_APP_VERSION: version,
+	};
 
 	return defineConfig({
 		build: {