[Feature]: Switch to TS 7.

package.json

@@ -16,6 +16,7 @@
 		"dist": "electron-builder",
 		"preview": "vite preview",
 		"test": "vitest run",
+		"typecheck": "tsc --noEmit",
 		"check": "biome check .",
 		"check:fix": "biome check . --write",
 		"postinstall": "node scripts/install-gstreamer.js"
@@ -66,7 +67,7 @@
 		"postcss": "^8.5.6",
 		"tailwindcss": "^4.2.4",
 		"tsx": "^4.19.0",
-		"typescript": "^5.7.2",
+		"typescript": "^7.0.2",
 		"vite": "^8.0.10",
 		"vite-tsconfig-paths": "^6.0.2",
 		"vitest": "^3.0.5",

src/components/Trackpad/ScreenShareConsent.tsx

@@ -0,0 +1,62 @@
+"use client"
+
+import { useState } from "react"
+import { ScreenShare, ShieldAlert } from "lucide-react"
+import { t } from "../../utils/i18n"
+
+interface ScreenShareConsentProps {
+	onAllow: () => void
+}
+
+export const ScreenShareConsent = ({ onAllow }: ScreenShareConsentProps) => {
+	const [denied, setDenied] = useState(false)
+
+	return (
+		<div className="absolute inset-0 flex items-center justify-center bg-black overflow-hidden select-none touch-none">
+			<div className="w-full h-full place-content-center p-6 bg-base-300 shadow-2xl flex flex-col items-center text-center gap-6 duration-300">
+				<div className="relative flex items-center justify-center w-16 h-16 rounded-full bg-primary/10 text-primary">
+					{denied ? (
+						<ShieldAlert className="w-8 h-8" />
+					) : (
+						<ScreenShare className="w-8 h-8" />
+					)}
+				</div>
+
+				<div className="space-y-2">
+					<h3 className="text-xl font-bold text-base-content">
+						{denied
+							? t("screenShareConsent", "deniedTitle")
+							: t("screenShareConsent", "title")}
+					</h3>
+					<p className="text-sm text-base-content/70 max-w-sm px-2">
+						{denied
+							? t("screenShareConsent", "deniedDescription")
+							: t("screenShareConsent", "description")}
+					</p>
+				</div>
+				<div className="divider my-0 opacity-40" />
+				<div className="space-y-3 w-full max-w-xs">
+					<button
+						type="button"
+						onClick={onAllow}
+						className="btn btn-block btn-primary gap-2 shadow-lg shadow-primary/20 hover:scale-[1.02] active:scale-[0.98] transition-all duration-200"
+					>
+						<ScreenShare className="w-4 h-4" />
+						{denied
+							? t("screenShareConsent", "tryAgain")
+							: t("screenShareConsent", "allow")}
+					</button>
+					{!denied && (
+						<button
+							type="button"
+							onClick={() => setDenied(true)}
+							className="btn btn-block btn-ghost"
+						>
+							{t("screenShareConsent", "deny")}
+						</button>
+					)}
+				</div>
+			</div>
+		</div>
+	)
+}

src/routes/trackpad.tsx

@@ -9,6 +9,7 @@ import { useRemoteConnection } from "../hooks/useRemoteConnection"
 import { useTrackpadGesture } from "../hooks/useTrackpadGesture"
 import { ScreenMirror } from "../components/Trackpad/ScreenMirror"
 import { ErrorComponent } from "../components/Trackpad/ErrorComponent"
+import { ScreenShareConsent } from "../components/Trackpad/ScreenShareConsent"
 import { useWebRtcStream } from "../hooks/useWebRtcStream"
 
 export const Route = createFileRoute("/trackpad")({
@@ -42,7 +43,12 @@ function TrackpadPage() {
 	const isComposingRef = useRef(false)
 	const [keyboardOpen, setKeyboardOpen] = useState(false)
 	const [extraKeysVisible, setExtraKeysVisible] = useState(true)
+	const [screenShareConsented, setScreenShareConsented] = useState(false)
 	const { status, send, sendCombo } = useRemoteConnection()
+	const { trackActive, videoStream, error, errorHandle, reconnect } =
+		useWebRtcStream({
+			token: screenShareConsented ? token : null,
+		})
 	const {
 		trackActive,
 		videoStream,
@@ -217,7 +223,9 @@ function TrackpadPage() {
 					scrollMode={scrollMode}
 					handlers={handlers}
 				/>
-				{error && errorHandle ? (
+				{!screenShareConsented ? (
+					<ScreenShareConsent onAllow={() => setScreenShareConsented(true)} />
+				) : error && errorHandle ? (
 					<ErrorComponent
 						error={error}
 						errorHandle={errorHandle}

src/server/drivers/linux/structs.ts

@@ -53,7 +53,6 @@ function ensureLibc() {
 			"int64 write(int fd, const input_event *buf, size_t count)",
 		)
 		_ioctl = _libc.func("int ioctl(int fd, unsigned long request, ...)")
-		_dummyBuffer = Buffer.alloc(1)
 	}
 }
 

src/server/drivers/mac/structs.ts

@@ -47,19 +47,6 @@ function ensureFunctions() {
 
 		// void CFRelease(CFTypeRef cf)
 		_CFRelease = lib.func("void CFRelease(void *)")
-
-		// void CGEventSetIntegerValueField(CGEventRef, CGEventField, int64)
-		_CGEventSetIntegerValueField = lib.func(
-			"void CGEventSetIntegerValueField(void *, uint32, int64)",
-		)
-
-		// void CGEventSetDoubleValueField(CGEventRef, CGEventField, double)
-		_CGEventSetDoubleValueField = lib.func(
-			"void CGEventSetDoubleValueField(void *, uint32, double)",
-		)
-
-		// CGPoint CGEventGetLocation(CGEventRef)
-		_CGEventGetLocation = lib.func("CGPoint CGEventGetLocation(void *)")
 	}
 }
 

src/server/drivers/windows/structs.ts

@@ -42,6 +42,7 @@ const POINTER_TOUCH_INFO = koffi.struct("POINTER_TOUCH_INFO", {
 	pressure: "uint32",
 })
 
+koffi.struct("POINTER_TYPE_INFO", {
 export const _POINTER_TYPE_INFO = koffi.struct("POINTER_TYPE_INFO", {
 	type: "uint32",
 	touchInfo: POINTER_TOUCH_INFO,

src/utils/i18n.ts

@@ -82,6 +82,17 @@ export const i18n = {
 			minutesAgo: "{m}m ago",
 			hoursAgo: "{h}h ago",
 		},
+		screenShareConsent: {
+			title: "Allow Screen Sharing?",
+			description:
+				"This device wants to view and control the host's screen. Only allow this if you trust the source.",
+			allow: "Allow",
+			deny: "Deny",
+			deniedTitle: "Screen Sharing Denied",
+			deniedDescription:
+				"You denied the screen sharing request. You can allow it below to continue.",
+			tryAgain: "Try Again",
+		},
 	},
 } as const
 

src/utils/logger.ts

@@ -58,16 +58,8 @@ if (verboseLogs) {
 }
 
 // Optional: Intercept standard console.log and redirect to winston
-
-const serialize = (a: unknown): string => {
-	if (typeof a === "string") return a
-	if (a instanceof Error) return a.stack || a.message
-	try {
-		return JSON.stringify(a)
-	} catch {
-		return String(a)
-	}
-}
+const serialize = (a: unknown): string =>
+	typeof a === "string" ? a : JSON.stringify(a)
 
 console.log = (...args: unknown[]) => {
 	logger.info(args.map(serialize).join(" "))