Fix formatting

sdk/index.html

@@ -76,8 +76,8 @@
       style="position: absolute; top: 0; right: 0; background-color: #ffffff10"
     >
       <div id="connect_status"></div>
-      <button onclick="window.matrixRTCSdk.leave();">Leave</button>
+      <button onclick="window.matrixRTCSdk.leave()">Leave</button>
-      <button onclick="window.matrixRTCSdk.sendData({prop: 'Hello, world!'});">
+      <button onclick="window.matrixRTCSdk.sendData({ prop: 'Hello, world!' })">
         Send Text
       </button>
       <div id="members"></div>

src/UrlParams.ts

@@ -261,7 +261,8 @@ interface IntentAndPlatformDerivedConfiguration {
 // clearer what each flag means, and helps us avoid coupling Element Call's
 // behavior to the needs of specific consumers.
 export interface UrlParams
-  extends UrlProperties,
+  extends
+    UrlProperties,
     UrlConfiguration,
     IntentAndPlatformDerivedConfiguration {}
 

src/grid/Grid.tsx

@@ -200,8 +200,11 @@ interface Drag {
 
 export type DragCallback = (drag: Drag) => void;
 
-interface LayoutMemoProps<LayoutModel, TileModel, R extends HTMLElement>
+interface LayoutMemoProps<
-  extends LayoutProps<LayoutModel, TileModel, R> {
+  LayoutModel,
+  TileModel,
+  R extends HTMLElement,
+> extends LayoutProps<LayoutModel, TileModel, R> {
   Layout: ComponentType<LayoutProps<LayoutModel, TileModel, R>>;
 }
 

src/room/InCallView.tsx

@@ -113,8 +113,10 @@ const logger = rootLogger.getChild("[InCallView]");
 
 const maxTapDurationMs = 400;
 
-export interface ActiveCallProps
+export interface ActiveCallProps extends Omit<
-  extends Omit<InCallViewProps, "vm" | "livekitRoom" | "connState"> {
+  InCallViewProps,
+  "vm" | "livekitRoom" | "connState"
+> {
   e2eeSystem: EncryptionSystem;
   // TODO refactor those reasons into an enum
   onLeft: (

src/state/MediaDevices.ts

@@ -212,9 +212,10 @@ class AudioInput implements MediaDevice<DeviceLabel, SelectedAudioInputDevice> {
   }
 }
 
-class AudioOutput
+class AudioOutput implements MediaDevice<
-  implements MediaDevice<AudioOutputDeviceLabel, SelectedAudioOutputDevice>
+  AudioOutputDeviceLabel,
-{
+  SelectedAudioOutputDevice
+> {
   private logger = rootLogger.getChild("[MediaDevices AudioOutput]");
   public readonly available$ = this.scope.behavior(
     availableRawDevices$(
@@ -274,9 +275,10 @@ class AudioOutput
   }
 }
 
-class ControlledAudioOutput
+class ControlledAudioOutput implements MediaDevice<
-  implements MediaDevice<AudioOutputDeviceLabel, SelectedAudioOutputDevice>
+  AudioOutputDeviceLabel,
-{
+  SelectedAudioOutputDevice
+> {
   private logger = rootLogger.getChild("[MediaDevices ControlledAudioOutput]");
   // We need to subscribe to the raw devices so that the OS does update the input
   // back to what it was before. otherwise we will switch back to the default

src/tile/SpotlightTile.tsx

@@ -70,8 +70,7 @@ interface SpotlightUserMediaItemBaseProps extends SpotlightItemBaseProps {
   videoFit: "contain" | "cover";
 }
 
-interface SpotlightLocalUserMediaItemProps
+interface SpotlightLocalUserMediaItemProps extends SpotlightUserMediaItemBaseProps {
-  extends SpotlightUserMediaItemBaseProps {
   vm: LocalUserMediaViewModel;
 }
 
@@ -85,8 +84,7 @@ const SpotlightLocalUserMediaItem: FC<SpotlightLocalUserMediaItemProps> = ({
 
 SpotlightLocalUserMediaItem.displayName = "SpotlightLocalUserMediaItem";
 
-interface SpotlightRemoteUserMediaItemProps
+interface SpotlightRemoteUserMediaItemProps extends SpotlightUserMediaItemBaseProps {
-  extends SpotlightUserMediaItemBaseProps {
   vm: RemoteUserMediaViewModel;
 }