bolt-cepを使用して作成したプロジェクトのデバッグ

設定

launch.json

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "attach",
      "name": "[Attach] CEP JavaScript",
      "port": 8868,
      "webRoot": "${workspaceRoot}",
      "pathMapping": {
        "/": "${workspaceRoot}"
      }
    },
    {
      "type": "extendscript-debug",
      "request": "attach",
      "name": "[Attach] Premiere Pro",
      "hostAppSpecifier": "premierepro-24.0",
      "engineName": "NewWorld",
      "aliasPath": "/Users/ユーザー名/Library/Application Support/Adobe/CEP/extensions/ExtensionのID"
    },
    {
      "type": "extendscript-debug",
      "request": "launch",
      "name": "Launch Script in ExtendScript Engine"
    }
  ],
  "compounds": [
    {
      "name": "[Compound] Debug CEP",
      "configurations": [
        "[Attach] CEP JavaScript",
        "[Attach] Premiere Pro"
      ]
    }
  ]
}

ポイント

• "port"はcep.config.tsで設定したstartingDebugPortとは異なる場合がある。dist/cep/.debugを見て実際のポートを確認する。
• "engineName"はアプリケーションやそのバージョンによって異なるので、ExtendScript Debuggerのマニュアルを見て確認する。
• bolt-cepがdist/cepへのシンボリックリンクを貼る形でExtensionのインストールを行うため、"aliasPath"を指定しないとExtendScriptのデバッグができない。
• ExtendScriptにブレークポイントを設定する場合、dist/cep/jsx以下のファイルに設定しないと効果がない。CEPの方は普通にtsファイルにブレークポイントを設定できる。