todoist REST APIで、javascriptからfetchしたい

Question

難しい話ではなく、javascriptでの書き方がわからないだけなのかもしれません。
数時間悩み続けているので相談させてください。

前提・実現したいこと

Thunderbird v78で　アドオンを作るために調べています。
todoist rest apiにあるGet active tasksを使って、メールのとある文字列をキーに、タスクを取り出したいと考えています。

Thunderbird上のjavascriptで特定のタスクだけを抽出できないので、教えてほしいです。

Get active tasksのページにあるpythonの例を実行（project_idを自分のものに変更）すると、タスクの情報が取得できます。
paramsのproject_idをfilterに書き換え、「123」の部分を「"検索: KEYWORD"」とすると、KEYWORDという文字列が含まれるタスク「だけ」が取り出せました。

Thunderbirdの開発ツールのコンソール上で実行すると、エラーはでませんが、全タスクが取得できてしまいます。
特定のタスクだけを抽出するために、paramsのfilterがfetchでうまく指定できていないと考え、いろいろ試しましたが、わかりませんでした。
どなたかお助けください。

発生している問題・エラーメッセージ

エラーは出ていません。
特定タスクのみ抽出したいが、全件取得されてしまう問題です

該当のソースコード

問題ないコード（特定のタスクだけ抽出できた）

import requests
requests.get(
    "https://api.todoist.com/rest/v1/tasks",
    params={
        "filter": "検索: KEYWORD"
    },
    headers={
        "Authorization": "Bearer %s" % your_token
    }).json()

Thunderbird　開発ツールのコンソール上で実行すると、全タスクが取り出せてしまう（特定タスクだけ抽出にならない）コード

async function getTaskInfo() {
  fetch("https://api.todoist.com/rest/v1/tasks", {
  
    method: 'GET',
    headers: {
      'Content-Type': 'application/json',  //この行必要？
      "Authorization": "Bearer APITOKENAPITOKENAPITOKENAPITOKEN",
    },
    params : {"filter": "%E6%A4%9C%E7%B4%A2%3A+KEYWORD"},　　//検索: KEYWORD　のエンコード文字列
  }).then(response => {
    var aa = "";
	if (!response.ok) {
	  console.log("HTTP-Error: " + response.status);
	  console.log("HTTP-ErrorMsg: " + response.message);
	} else {
      aa = response.json();
      console.log(aa);
    }
    return aa;
  })
  .then(resJson => {
    console.log(resJson);
    return JSON.stringify(resJson);
  });
}

試したこと

こうするとThunderbird　開発ツールのコンソール上で実行しても、特定タスクだけになるが、paramパラメータを使いたい（urlに直接埋め込まない方法を知りたい）

async function getTaskInfo() {
fetch("https://api.todoist.com/rest/v1/tasks?filter=%E6%A4%9C%E7%B4%A2%3A+KEYWORD", {  // [検索: ]が　%E6%A4%9C%E7%B4%A2%3A+
  
    method: 'GET',
    headers: {
      'Content-Type': 'application/json',  //この行必要？
      "Authorization": "Bearer APITOKENAPITOKENAPITOKEN",
    },
//    params : {"filter": "%E6%A4%9C%E7%B4%A2%3A+KEYWORD"},  //この行はコメントアウトした
  }).then(response => {
    var aa = "";
	if (!response.ok) {
	  console.log("HTTP-Error: " + response.status);
	  console.log("HTTP-ErrorMsg: " + response.message);
	} else {
      aa = response.json();
      console.log(aa);
    }
    return aa;
  })
  .then(resJson => {
    console.log(resJson);
    return JSON.stringify(resJson);
  });
}

・paramsのfilterをKEYWORDのみにしてもNGだった
・paramsのfilterを"検索: KEYWORD"にしてもNGだった

補足情報（FW/ツールのバージョンなど）

Thunderbird 78.12.0 (64 ビット)を使用
Windows10

Answer 1

実現したいこと違うかもしれませんが
私はURLSearchParamsを使用して以下のように書くのが良いとおもいました。

async function getTaskInfo() {
  const params ={"filter": "検索: KEYWORD"}
  const query = new URLSearchParams(params);
  fetch("https://api.todoist.com/rest/v1/tasks${query}", {

    method: 'GET',
    headers: {
      'Content-Type': 'application/json',  //この行必要？
      "Authorization": "Bearer APITOKENAPITOKENAPITOKENAPITOKEN",
    },
    
  }).then(response => {
    var aa = "";
    if (!response.ok) {
      console.log("HTTP-Error: " + response.status);
      console.log("HTTP-ErrorMsg: " + response.message);
    } else {
      aa = response.json();
      console.log(aa);
    }
    return aa;
  })
  .then(resJson => {
    console.log(resJson);
    return JSON.stringify(resJson);
  });
}

Comments

[tobby]

ありがとうございます。タスクが１つだけ抽出できました。

ご提示いただいたコードをそのまま実施しましたが、下記のエラーになりました。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
HTTP-Error: 404
HTTP-ErrorMsg: undefined
Error: Network response was not ok.
getTaskInfo debugger eval code:22
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

fetch("https://api.todoist.com/rest/v1/tasks${query}", {

の部分を

fetch(`https://api.todoist.com/rest/v1/tasks?${query}`, {

このようにしたらうまくいきました。

ひとまず、この方法で考えていきます。