Upgrade to TypeScript 7 (#34208)

* Upgrade to TypeScript 7

for massive tsc speed gains

Those on WebStorm will want to upgrade to EAP to reap the benefits of the new TSGo compiler

Some things (module-api & shared-components) which utilise unplugin-dts (and api-extractor) need to hold a copy of ts6 for its conventional lib format and API. TS7 ships with no API until TS7.1.

Other things which use eslint also need ts6 for typescript-eslint.

Some type changes were necessary as TS7 caught some issues.

* Add knip exception

* Fix bad merge

apps/web/src/accessibility/context_menu/ContextMenuButton.tsx

@@ -12,15 +12,15 @@ import React, { type Ref, type JSX } from "react";
 
 import AccessibleButton, { type ButtonProps } from "../../components/views/elements/AccessibleButton";
 
-type Props<T extends keyof HTMLElementTagNameMap> = ButtonProps<T> & {
+type Props = Omit<ButtonProps<"div">, "element" | "ref"> & {
     label?: string;
     // whether the context menu is currently open
     isExpanded: boolean;
-    ref?: Ref<HTMLElementTagNameMap[T]>;
+    ref?: Ref<HTMLElement>;
 };
 
 // Semantic component for representing the AccessibleButton which launches a <ContextMenu />
-export const ContextMenuButton = function <T extends keyof HTMLElementTagNameMap>({
+export const ContextMenuButton = function ({
     label,
     isExpanded,
     children,
@@ -28,7 +28,7 @@ export const ContextMenuButton = function <T extends keyof HTMLElementTagNameMap
     onContextMenu,
     ref,
     ...props
-}: Props<T>): JSX.Element {
+}: Props): JSX.Element {
     return (
         <AccessibleButton
             {...props}

apps/web/src/accessibility/context_menu/ContextMenuTooltipButton.tsx

@@ -8,24 +8,25 @@ SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Com
 Please see LICENSE files in the repository root for full details.
 */
 
-import React, { type JSX } from "react";
+import React, { type JSX, type Ref } from "react";
 
 import AccessibleButton, { type ButtonProps } from "../../components/views/elements/AccessibleButton";
 
-type Props<T extends keyof HTMLElementTagNameMap> = ButtonProps<T> & {
+type Props = Omit<ButtonProps<"div">, "element" | "ref"> & {
     // whether the context menu is currently open
     isExpanded: boolean;
+    ref?: Ref<HTMLElement>;
 };
 
 // Semantic component for representing the AccessibleButton which launches a <ContextMenu />
-export const ContextMenuTooltipButton = function <T extends keyof HTMLElementTagNameMap>({
+export const ContextMenuTooltipButton = function ({
     isExpanded,
     children,
     onClick,
     onContextMenu,
     ref,
     ...props
-}: Props<T>): JSX.Element {
+}: Props): JSX.Element {
     return (
         <AccessibleButton
             {...props}

apps/web/src/components/views/elements/SettingsFlag.tsx

@@ -15,17 +15,17 @@ import { logger } from "matrix-js-sdk/src/logger";
 import SettingsStore from "../../../settings/SettingsStore";
 import { _t } from "../../../languageHandler";
 import { type SettingLevel } from "../../../settings/SettingLevel";
-import { type BooleanSettingKey, defaultWatchManager } from "../../../settings/Settings";
+import { type NullableBooleanSettingKey, defaultWatchManager } from "../../../settings/Settings";
 
 interface IProps {
     // The setting must be a boolean
-    name: BooleanSettingKey;
+    name: NullableBooleanSettingKey;
     level: SettingLevel;
     roomId?: string; // for per-room settings
     label?: string;
     isExplicit?: boolean;
     hideIfCannotSet?: boolean;
-    requires?: BooleanSettingKey[];
+    requires?: NullableBooleanSettingKey[];
     onChange?(checked: boolean): void;
 }
 

apps/web/src/settings/Settings.tsx

@@ -372,9 +372,16 @@ export interface Settings {
 export type SettingKey = keyof Settings;
 export type FeatureSettingKey = Assignable<Settings, IFeature>;
 export type BooleanSettingKey = Assignable<Settings, IBaseSetting<boolean>> | FeatureSettingKey;
+export type NullableBooleanSettingKey = Assignable<Settings, IBaseSetting<boolean | null>> | FeatureSettingKey;
 export type StringSettingKey = Assignable<Settings, IBaseSetting<string>>;
 
 export const SETTINGS: Settings = {
+    // Used in tests only
+    "test_setting": {
+        supportedLevels: [],
+        default: "",
+    },
+
     "feature_video_rooms": {
         isFeature: true,
         labsGroup: LabGroup.VoiceAndVideo,

apps/web/src/settings/controllers/IncompatibleController.ts

@@ -8,7 +8,7 @@ Please see LICENSE files in the repository root for full details.
 
 import SettingController from "./SettingController";
 import { type SettingLevel } from "../SettingLevel";
-import { type BooleanSettingKey } from "../Settings.tsx";
+import { type SettingKey, type Settings } from "../Settings.tsx";
 import PlatformPeg from "../../PlatformPeg.ts";
 
 /**
@@ -16,11 +16,16 @@ import PlatformPeg from "../../PlatformPeg.ts";
  * is also enabled, to prevent cascading undefined behaviour between conflicting
  * labs flags.
  */
-export default class IncompatibleController extends SettingController {
+export default class IncompatibleController<
+    ControlledSetting extends SettingKey,
+    WatchedSetting extends SettingKey,
+> extends SettingController {
     public constructor(
-        private settingName: BooleanSettingKey,
-        private forcedValue: any = false,
-        private incompatibleValue: any | ((v: any) => boolean) = true,
+        private settingName: WatchedSetting,
+        private forcedValue: Settings[ControlledSetting]["default"] = false,
+        private incompatibleValue:
+            | Settings[WatchedSetting]["default"]
+            | ((v: Settings[WatchedSetting]["default"]) => boolean) = true,
         private readonly disabledMessage?: string,
         private readonly forceReload = false,
     ) {