feat: Handle queries that fetch Konnectors by channel

`fetchJSON()` calls are not compatible with offline mode unless we wrap
them in the `.query()` dsl

Recently we added a `fetchJSON()` call inside of cozy-home in order to
display the new grouped-by-category folders in the home's konnectors
section

So we want to move this call inside of the AppsRegistryCollection in
order to make it compatible with offline mode

Related PR: cozy/cozy-home#2186

packages/cozy-client/src/CozyClient.js

@@ -1126,7 +1126,7 @@ client.query(Q('io.cozy.bills'))`)
  return await this.persistVirtualDocument(
  {
  _type: 'io.cozy.apps_registry',
- _id: 'maintenance',
+ _id: definition.id,
  // @ts-ignore
  cozyPouchData: data
  },

packages/cozy-stack-client/src/AppsRegistryCollection.js

@@ -27,6 +27,16 @@ export const normalizeAppFromRegistry = (data, doctype) => {
  }
 }
 
+const fetchKonnectorsByChannel = async (channel, doctype, stackClient) => {
+ const resp = await stackClient.fetchJSON(
+ 'GET',
+ `/registry?versionsChannel=${channel}&filter[type]=konnector&limit=500`
+ )
+ return {
+ data: resp.data.map(data => normalizeAppFromRegistry(data, doctype))
+ }
+}
+
 /**
  * Extends `DocumentCollection` API along with specific methods for `io.cozy.apps_registry`.
  */
@@ -44,6 +54,12 @@ class AppsRegistryCollection extends DocumentCollection {
  * @throws {FetchError}
  */
  async get(slug) {
+ if (slug.startsWith('konnectors/')) {
+ const channel = slug.split('/')[1]
+
+ return fetchKonnectorsByChannel(channel, this.doctype, this.stackClient)
+ }
+
  const resp = await this.stackClient.fetchJSON(
  'GET',
  `${this.endpoint}${slug}`