Lint: run

Author: yuki-uchida

.vscode/settings.json

@@ -3,6 +3,12 @@
   "[javascript]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
+  "[typescript]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},
+  "[typescriptreact]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},
+  "[javascriptreact]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},
+  "[json]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},
+  "[css]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},
+  "[markdown]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},
   "[rust]": {
     "editor.defaultFormatter": "rust-lang.rust-analyzer",
     "editor.inlayHints.enabled": "on"

js/examples/call/README.md

@@ -24,16 +24,13 @@ MoQT (Media over QUIC Transport) を使用したビデオ通話アプリケー
 ### メッセージシーケンス
 
 1. **接続とセットアップ**
-
    - `SETUP` メッセージでサーバーと接続を確立
 
 2. **ルーム参加**
-
    - `SUBSCRIBE_ANNOUNCES` で `/{RoomName}/` のANNOUNCEを購読
    - 既存参加者と新規参加者のANNOUNCEを受信
 
 3. **メディア配信**
-
    - カメラ/マイクを選択
    - `ANNOUNCE` メッセージで `/{RoomName}/{UserName}` を通知
    - 他の参加者から `SUBSCRIBE` メッセージを受信
@@ -105,7 +102,6 @@ src/
    ```
 
 2. `useLocalSession.ts` 内のコメントアウトされたコードを有効化
-
    - `import init, { MOQTClient }` のインポート
    - `init()` の呼び出し
    - `MOQTClient` インスタンスの作成

js/examples/call/src/components/MediaStreamElements.tsx

@@ -25,13 +25,7 @@ export function MediaStreamVideo({
 
   return (
     <div className={`relative w-full aspect-video overflow-hidden rounded-lg bg-black ${className}`}>
-      <video
-        ref={ref}
-        className="w-full h-full object-contain"
-        autoPlay
-        playsInline
-        muted={muted}
-      />
+      <video ref={ref} className="w-full h-full object-contain" autoPlay playsInline muted={muted} />
       {overlay && (
         <div className="pointer-events-none absolute right-2 top-2 rounded bg-black/70 px-2 py-1 text-xs font-medium text-white">
           {overlay}

js/examples/call/src/components/MemberGrid.tsx

@@ -93,7 +93,15 @@ interface MemberCardProps {
   details: ReactNode
 }
 
-function MemberCard({ title, videoStream, videoOverlay, audioStream, placeholder, muted = false, details }: MemberCardProps) {
+function MemberCard({
+  title,
+  videoStream,
+  videoOverlay,
+  audioStream,
+  placeholder,
+  muted = false,
+  details
+}: MemberCardProps) {
   return (
     <div className="rounded-2xl border border-white/10 bg-white/10 p-6 shadow-xl backdrop-blur">
       <h3 className="mb-3 text-xl font-semibold text-white">{title}</h3>