Merge branch 'release/2023.2.0'

.github/renovate.json

@@ -13,23 +13,28 @@
   "dependencyDashboard": false,
   "packageRules": [
     {
-      "matchUpdateTypes": ["minor", "patch", "pin", "digest"],
+      "matchUpdateTypes": [
+        "minor",
+        "patch",
+        "pin",
+        "digest"
+      ],
       "platformAutomerge": true,
       "automerge": true
     },
     {
-      "matchUpdateTypes": ["minor", "patch", "pin", "digest"],
-      "matchPackagePatterns": ["eslint"],
-      "groupName": "eslint",
-      "platformAutomerge": true,
-      "automerge": true
-    },
-    {
-      "matchUpdateTypes": ["minor", "patch", "pin", "digest"],
-      "matchPackagePatterns": ["next"],
+      "matchUpdateTypes": [
+        "minor",
+        "patch",
+        "pin",
+        "digest"
+      ],
+      "matchPackagePatterns": [
+        "next"
+      ],
       "groupName": "next",
       "platformAutomerge": true,
       "automerge": true
     }
   ]
-}
+}

.github/workflows/main.yml → .github/workflows/ci.yml

@@ -1,4 +1,4 @@
-name: main
+name: ci
 
 on:
   push:
@@ -8,35 +8,27 @@ on:
       - "feature/*"
     paths-ignore:
       - "**.md"
-      - "THANKS"
       - "LICENSE"
       - "releases/*"
 jobs:
-  build:
+  ci:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [16, 18, 20]
+        node-version: [18, 20]
     steps:
-      - uses: actions/checkout@v3
-      - name: Cache next.js
-        uses: actions/cache@v3
-        with:
-          path: ${{ github.workspace }}/.next/cache
-          # Generate a new cache whenever packages or source files change.
-          key: ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json') }}-${{ hashFiles('**.[jt]s', '**.[jt]sx') }}
-          # If source files changed but packages didn't, rebuild from a prior cache.
-          restore-keys: |
-            ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json') }}-
+      - uses: actions/checkout@v4
       - name: Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: ${{ matrix.node-version }}
       - uses: pnpm/action-setup@v2
         with:
           version: 8
       - run: pnpm install
+      - run: pnpm biome --version
       - run: pnpm run lint
+      - run: pnpm run test
       - run: pnpm run build
       - name: Slack Notification
         if: failure()

.github/workflows/dependency-review.yml

@@ -15,6 +15,6 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: 'Checkout Repository'
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
       - name: 'Dependency Review'
         uses: actions/dependency-review-action@v3

.gitignore

@@ -6,6 +6,7 @@ wasm.wasm
 next-env.d.ts
 *.tsbuildinfo
 .DS_Store
+.pnpm-store/
 
 # next dev は distDir に dev を利用する
 dev/

.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["biomejs.biome"]
+}

.vscode/settings.json

@@ -0,0 +1,20 @@
+{
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "[javascript]": {
+    "editor.defaultFormatter": "biomejs.biome"
+  },
+  "[javascriptreact]": {
+    "editor.defaultFormatter": "biomejs.biome"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "biomejs.biome"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "biomejs.biome"
+  },
+  "editor.codeActionsOnSave": {
+    "quickfix.biome": "explicit",
+    "source.organizeImports.biome": "explicit"
+  }
+}

CHANGES.md

@@ -11,6 +11,69 @@
 
 ## develop
 
+- [FIX] `audioStreamingLanguageCode` のトグルを有効に設定した時に `Advanced signaling options` が強調されない問題を修正する
+  - @tnamao
+- [ADD] `h265_params` のフォームを追加する
+  - @tnamao
+- [ADD] コネクション ID とクライアント ID の表示にラベルを追加する
+  - @tnamao
+- [ADD] Sora 接続後にセッション ID の表示を追加する
+  - Sora 2023.2.0 以降は sora-js-sdk が `type: offer` から取得したセッション ID を表示に使用する
+  - それ以外の場合は notify の `connection.created` イベントで取得したセッション ID を表示に使用する
+  - @tnamao
+- [FIX] `audio` `video` がともに無効な状態で Sora への接続時に getUserMedia を呼び出してしまう問題を修正する
+  - @tnamao
+- [ADD] `dataChannels` のフォームにテンプレート読み込みボタンを追加する
+  - テキストエリアに挿入されるテンプレートは placeholder の内容と同じ
+  - @tnamao
+- [UPDATE] `signalingUrlCandidates` の placeholder に設定例を追加する
+  - @tnamao
+- [CHANGE] fmt / lint を biome に変更する
+  - @voluntas
+- [CHANGE] 録画 API のバージョンを `20231220` に変更する
+  - @voluntas
+- [ADD] Debug Pane に `Codec` のタブを追加する
+  - RTCRtpSender と RTCRtpReceiver の RTCRtpCapabilities の codec 一覧を表示する
+  - @tnamao
+- [CHANGE] mic / camera の gUM 呼び出しを 1 回で済むように処理を変更する
+  - Chrome のみ gUM の呼び出しが連続すると許可ダイアログの表示に時間がかかるため、まとめて許可を取るようにポリシーを変更する
+  - @tnamao
+- [CHANGE] videoAV1Params の表示位置をを変更し、`videoVP9Params` の下に表示する
+  - @tnamao
+- [CHANGE] videoCodecType の `AV1` の表示順を変更し、`VP9` の下に表示する
+  - @tnamao
+- [FIX] `request media` `connect` を実行した後に、`Enable mic device` `Enable camera device` のトグルでデバイスを無効化した時に Media Processor が保持している Track の停止漏れを修正する
+  - トグル切替でマイクやカメラのデバイスを無効化してもカメラ等のデバイスが使用中の状態のままになってしまっていた
+  - @tnamao
+- [ADD] Sora とは接続せず Audio / Video デバイスの表示確認と停止を行う `request media` `dispose media` 機能を追加する
+  - 現状の設定項目を利用するため、`request media` の実行中は `role` や `mediaType` を disabled にする
+  - @tnamao
+- [CHANGE] `request media` 機能で取得した MediaStream をそのまま Sora の接続に利用できるようにしたため、新たに `preparing` の状態を追加する
+  - `connecting` の状態は MediaStream を取得後、実際に Sora との接続処理を行う時の状態として意味を変更する
+  - @tnamao
+- [CHANGE] mediaType が getUserMedia 以外の場合は audioInput / videoInput のフォームを表示しないように修正する
+  - @tnamao
+- [CHANGE] mediaType が getUserMedia 以外の場合は、copy URL をクリックした時にクリップボードにコピーする URL のパラメータに audioInput / videoInput を含めないように修正する
+  - @tnamao
+- [CHANGE] Node.js 16 系を落とす
+  - @voluntas
+- [CHANGE] GA の main.yml を ci.yml に変更する
+  - @voluntas
+- [CHANGE] 一時的に ; ありにする
+  - @voluntas
+- [UPDATE] sora-js-sdk のバージョンを 2023.2.0-canary.15 に上げる
+  - @voluntas
+- [UPDATE] @shiguredo/virtual-background のバージョンを 2023.2.0 に上げる
+  - @sile
+- [CHANGE] vitest へ切り替える
+  - jest をやめる
+  - @voluntas
+- [FIX] テストを実行できるようにする
+  - @voluntas
+- [FIX] index ページの受信のみのリンクから、ビデオコーデック関連のパラメータを削除する
+  - 受信時に `videoCodecType` `videoBitRate` は不要なため
+  - @tnamao
+
 ## 2023.1.0
 
 - [UPDATE] sora-js-sdk を 2023.1.0 に更新する

DEV.md

@@ -0,0 +1,53 @@
+# 開発
+
+**この資料は sora-devtools 開発者向けです**
+
+## corepack
+
+```
+$ brew uninstall pnpm npm yarn
+$ brew install corepack
+$ corepack enable pnpm npm yarn
+$ corepack prepare pnpm@latest-8 --activate
+```
+
+## 開発環境
+
+- nodejs
+  - 18.17.1 以降
+  - package.json でバージョンを確認すること
+- pnpm
+  - 8.7.0 以降
+  - package.json でバージョンを確認すること
+- pnpm install
+  - これで事前に利用するライブラリをインストールする
+
+## 開発準備
+
+- `pnpm install` を実行
+
+## .env ファイルのコピー
+
+ローカル開発時に仮想背景処理を利用する時に .env ファイルをコピーする手順が必要になります
+
+- `cp .env.example .env` を実行
+  - 内容の変更は不要です
+
+## 開発
+
+- `pnpm run dev` でローカルサーバを起動する
+
+## パッケージ更新
+
+sora-devtools の package 更新
+
+- `pnpm up` を実行する
+
+## sora-js-sdk の動作確認を行いたい場合
+
+- ローカルに sora-js-sdk を clone しておく
+  - sora-js-sdk のトップディレクトリで `pnpm i` と `pnpm run build` を実行しておく
+- sora-js-sdk のトップディレクトリで `pnpm link --dir <devtools path>` を実行する
+  - `<devtools path>` は sora-devtools を clone したディレクトリパスを指定する
+- sora-devtools の package.json ファイル内で `"sora-js-sdk": "link:<sora-js-sdk path>"` と置き換えられていたら成功
+  - sora-devtools のトップディレクトリで `pnpm i` `pnpm run dev` を実行するとローカルの sora-js-sdk が利用される