JetEngine CCTS

Intégration avec le plugin JetEngine de Crocoblock.

Le schéma GraphQL est fourni avec des champs pour interroger les données de Custom Content Type (CCT).

Champs racine

Champ	Description
`jetengineCCTEntries`	Retourne une liste d'entrées CCT (type `JetEngineCCTEntry`).
`jetengineCCTEntryCount`	Retourne le nombre d'entrées CCT.
`jetengineCCTEntry`	Retourne une seule entrée CCT (type `JetEngineCCTEntry`).

Le slug du CCT doit être fourni via l'argument slug (le CCT doit être défini comme interrogeable dans les Réglages du plugin, voir ci-dessous).

Type JetEngineCCTEntry

Sur le type JetEngineCCTEntry, nous pouvons interroger les valeurs de champs via :

Champ	Description
`id`	L'ID de base de données de l'entrée.
`uniqueID`	Un identifiant unique pour l'entrée, composé du slug du CCT et de l'ID de l'entrée.
`cctSlug`	Le slug du CCT auquel appartient cette entrée.
`status`	Le statut de l'entrée (ex. `publish`, `draft`).
`createdDate`	Date de création de l'entrée.
`createdDateStr`	La date de création de l'entrée, formatée sous forme de chaîne.
`modifiedDate`	Date de dernière modification de l'entrée.
`modifiedDateStr`	La date de dernière modification de l'entrée, formatée sous forme de chaîne.
`authorID`	L'ID de l'auteur de l'entrée.
`author`	L'objet de connexion de l'utilisateur auteur.
`singleCustomPostID`	L'ID du custom post unique lié, le cas échéant.
`singleCustomPost`	L'objet de connexion du custom post unique lié.
`fieldValues`	Un objet JSON avec tous les champs CCT pour cette entrée.
`fieldValue(slug)`	Pour interroger un seul champ par slug.

Valeurs de champs CCT

Les valeurs de fieldValue(slug) et de chaque clé dans fieldValues sont castées selon le type de champ défini dans le CCT.

Champs ID implicites (toujours castés en int lorsqu'ils sont présents et non vides) : id, singleCustomPostID, authorID.

Comment chaque type de champ CCT est casté dans la réponse GraphQL :

Text (par défaut) : Inchangé (chaîne ou tel que stocké).

Number : float si virgule décimale ; sinon int.

Switcher : Booléen ; true pour 1, true, yes, on (insensible à la casse).

Media : "ID" → int ; "Both" → objet { id, url } ; sinon inchangé.

Gallery : IDs séparés par des virgules ou tableau d'IDs → int[].

Checkbox : Tableau ; si le champ est de "type tableau" → liste de valeurs ; sinon objet à clés.

Posts : Unique → int ; multiple → int[].

Repeater : Tableau de lignes ; les sous-champs sont castés récursivement par type.

L'exemple ci-dessous utilise un CCT avec le slug "sample_cct" et des champs de différents types (text, number, gallery, etc).

Exécution de la requête suivante :

query JetEngineCCTEntries {
  jetengineCCTEntry(cctSlug: "sample_cct", by: { id: 1 }) {
    label_text: fieldValue(slug: "label_text")
    textarea: fieldValue(slug: "textarea")
    date: fieldValue(slug: "date")
    time: fieldValue(slug: "time")
    datetime: fieldValue(slug: "datetime")
    wysisyg: fieldValue(slug: "wysisyg")
    switcher: fieldValue(slug: "switcher")
    checkbox: fieldValue(slug: "checkbox")
    checkbox_array: fieldValue(slug: "checkbox_array")
    iconpicker: fieldValue(slug: "iconpicker")
    media_id: fieldValue(slug: "media_id")
    media_url: fieldValue(slug: "media_url")
    media_array: fieldValue(slug: "media_array")
    gallery: fieldValue(slug: "gallery")
    radio: fieldValue(slug: "radio")
    repeater: fieldValue(slug: "repeater")
    options_select: fieldValue(slug: "options_select")
    options_multiple_select: fieldValue(slug: "options_multiple_select")
    number: fieldValue(slug: "number")
    colorpicker: fieldValue(slug: "colorpicker")
    post: fieldValue(slug: "post")
    posts: fieldValue(slug: "posts")
  }
}

...chaque champ de la réponse est casté vers son type CCT :

{
  "data": {
    "jetengineCCTEntry": {
      "label_text": "Some label",
      "textarea": "Some description here\r\n\r\nSome description there",
      "date": "2026-01-24",
      "time": "09:13",
      "datetime": "2026-03-07T08:00",
      "wysisyg": "<p>Some <strong>description</strong> here</p>\n<p><em>Some description</em> there</p>\n<p>Some <a href=\"https://gatoplugins.com\">link</a></p>\n",
      "switcher": true,
      "checkbox": {
        "one": true,
        "two": false,
        "three": true
      },
      "checkbox_array": [
        "one",
        "two"
      ],
      "iconpicker": "fa fa-road",
      "media_id": 1362,
      "media_url": "https://gatographql.com/wp-content/uploads/GatoGraphQL-logo.webp",
      "media_array": {
        "id": 1380,
        "url": "https://gatographql.com/wp-content/uploads/Funny-Dog.jpg"
      },
      "gallery": [
        1361,
        1362,
        1363
      ],
      "radio": "1",
      "repeater": [
        {
          "label_(text)": "First item in repeater",
          "date": "2026-01-17",
          "time": "11:00",
          "datetime": "2026-01-16T11:16",
          "textarea": "Gato GraphQL provides a multitude of interactive clients,",
          "wysiwyg": "<p>Gato GraphQL provides a <strong>multitude of interactive clients</strong>, and a user interface based on the <a href=\"https://wordpress.org\">WordPress editor</a>, so that anybody can operate it, whether a developer or not.</p>\n",
          "switcher": true,
          "iconpicker": "fa fa-inbox",
          "media_id": 1361,
          "media_url": "https://gatographql.com/wp-content/uploads/Funny-Dog.jpg",
          "media_array": {
            "id": 1380,
            "url": "https://gatographql.com/wp-content/uploads/Funny-Dog.jpg"
          },
          "gallery": [
            1363,
            1361
          ],
          "radio": "two",
          "options_select": "three",
          "options_multiple_select": [
            "two",
            "four"
          ],
          "number": 22,
          "colorpicker": "#757575",
          "post": 1140,
          "posts": [
            1,
            2
          ]
        },
        {
          "label_(text)": "Second item in repeater",
          "date": "2026-01-15",
          "time": "00:18",
          "datetime": "2026-01-18T00:00",
          "textarea": "These clients make it very easy to interact with Gato GraphQL",
          "wysiwyg": "<p>These clients <strong>make it very easy to interact with Gato GraphQL</strong>, directly within the <em>wp-admin</em> (and without the need of any PHP code), reducing friction and removing barriers so that anyone (developers and non-developers alike) can use it.</p>\n",
          "switcher": false,
          "iconpicker": "fa fa-search-plus",
          "media_id": 1362,
          "media_url": "https://gatographql.com/wp-content/uploads/LICENSE.txt",
          "media_array": {
            "id": 1363,
            "url": "https://gatographql.com/wp-content/uploads/LICENSE.txt"
          },
          "gallery": [
            1380,
            1361,
            1362
          ],
          "radio": "three",
          "options_select": "three",
          "options_multiple_select": [
            "three"
          ],
          "number": 4469,
          "colorpicker": "#2d2270",
          "post": 2,
          "posts": [
            1688,
            1682
          ]
        }
      ],
      "options_select": "1",
      "options_multiple_select": [
        "one",
        "two",
        "five"
      ],
      "number": 66778899,
      "colorpicker": "#721abf",
      "post": 1,
      "posts": [
        1140,
        1113
      ]
    }
  }
}

Le même transtypage s'applique à chaque champ dans le JSON retourné par fieldValues :

query JetEngineCCTEntries {
  jetengineCCTEntry(cctSlug: "sample_cct", by: { id: 1 }) {
    fieldValues
  }
}

...qui retourne :

{
  "data": {
    "jetengineCCTEntry": {
      "fieldValues": {
        "label_text": "Some label",
        "textarea": "Some description here\r\n\r\nSome description there",
        "date": "2026-01-24",
        "time": "09:13",
        "datetime": "2026-03-07T08:00",
        "wysisyg": "<p>Some <strong>description</strong> here</p>\n<p><em>Some description</em> there</p>\n<p>Some <a href=\"https://gatoplugins.com\">link</a></p>\n",
        "switcher": true,
        "checkbox": {
          "one": true,
          "two": false,
          "three": true
        },
        "checkbox_array": [
          "one",
          "two"
        ],
        "iconpicker": "fa fa-road",
        "media_id": 1362,
        "media_url": "https://gatographql.com/wp-content/uploads/GatoGraphQL-logo.webp",
        "media_array": {
          "id": 1380,
          "url": "https://gatographql.com/wp-content/uploads/Funny-Dog.jpg"
        },
        "gallery": [
          1361,
          1362,
          1363
        ],
        "radio": "1",
        "repeater": [
          {
            "label_(text)": "First item in repeater",
            "date": "2026-01-17",
            "time": "11:00",
            "datetime": "2026-01-16T11:16",
            "textarea": "Gato GraphQL provides a multitude of interactive clients,",
            "wysiwyg": "<p>Gato GraphQL provides a <strong>multitude of interactive clients</strong>, and a user interface based on the <a href=\"https://wordpress.org\">WordPress editor</a>, so that anybody can operate it, whether a developer or not.</p>\n",
            "switcher": true,
            "iconpicker": "fa fa-inbox",
            "media_id": 1361,
            "media_url": "https://gatographql.com/wp-content/uploads/Funny-Dog.jpg",
            "media_array": {
              "id": 1380,
              "url": "https://gatographql.com/wp-content/uploads/Funny-Dog.jpg"
            },
            "gallery": [
              1363,
              1361
            ],
            "radio": "two",
            "options_select": "three",
            "options_multiple_select": [
              "two",
              "four"
            ],
            "number": 22,
            "colorpicker": "#757575",
            "post": 1140,
            "posts": [
              1,
              2
            ]
          },
          {
            "label_(text)": "Second item in repeater",
            "date": "2026-01-15",
            "time": "00:18",
            "datetime": "2026-01-18T00:00",
            "textarea": "These clients make it very easy to interact with Gato GraphQL",
            "wysiwyg": "<p>These clients <strong>make it very easy to interact with Gato GraphQL</strong>, directly within the <em>wp-admin</em> (and without the need of any PHP code), reducing friction and removing barriers so that anyone (developers and non-developers alike) can use it.</p>\n",
            "switcher": false,
            "iconpicker": "fa fa-search-plus",
            "media_id": 1362,
            "media_url": "https://gatographql.com/wp-content/uploads/LICENSE.txt",
            "media_array": {
              "id": 1363,
              "url": "https://gatographql.com/wp-content/uploads/LICENSE.txt"
            },
            "gallery": [
              1380,
              1361,
              1362
            ],
            "radio": "three",
            "options_select": "three",
            "options_multiple_select": [
              "three"
            ],
            "number": 4469,
            "colorpicker": "#2d2270",
            "post": 2,
            "posts": [
              1688,
              1682
            ]
          }
        ],
        "options_select": "1",
        "options_multiple_select": [
          "one",
          "two",
          "five"
        ],
        "number": 66778899,
        "colorpicker": "#721abf",
        "post": 1,
        "posts": [
          1140,
          1113
        ]
      }
    }
  }
}

Attribution de l'accès aux CCTs

Par défaut, aucun CCT n'est interrogeable.

Pour accorder l'accès à un CCT, celui-ci doit être défini comme interrogeable dans les Réglages du plugin.

Il y a 2 endroits où cette configuration peut avoir lieu, par ordre de priorité :

Personnalisée : Dans la Configuration du schéma correspondante
Générale : Dans la page des Réglages

Dans la Configuration du schéma appliquée à l'endpoint, sélectionnez l'option Utiliser une configuration personnalisée et saisissez ensuite les entrées souhaitées :

Définition des CCTs interrogeables dans la Configuration du schéma

Sinon, les entrées définies dans l'option Queryable JetEngine CCTS sous la section JetEngine CCTS des Réglages seront utilisées :

Définition des CCTs interrogeables dans les Réglages

Requêtes d'exemple

Lister les entrées d'un CCT :

query {
  jetengineCCTEntries(cctSlug: "sample_cct") {
    id
    uniqueID
    cctSlug
    status
    createdDate
    modifiedDate
    authorID
    author {
      id
      name
    }
    singleCustomPostID
    singleCustomPost {
      id
      title
    }
    fieldValues
    someField: fieldValue(slug: "some_field_slug")
  }
}

Entrée CCT unique par slug et ID :

query {
  jetengineCCTEntry(cctSlug: "sample_cct", by: { id: 1 }) {
    id
    uniqueID
    cctSlug
    status
    createdDate
    modifiedDate
    author {
      id
      name
    }
    singleCustomPost {
      id
      title
    }
    fieldValues
    someField: fieldValue(slug: "some_field_slug")
  }
}

Lister et compter les entrées CCT avec filtre, pagination et tri :

query {
  jetengineCCTEntryCount(
    cctSlug: "sample_cct"
    filter: { search: [{ field: "cct_author_id", value: 1, operator: EQUALS }] }
  )
  jetengineCCTEntries(
    cctSlug: "sample_cct"
    filter: { search: [{ field: "cct_author_id", value: 1, operator: EQUALS }] }
    pagination: { limit: 10, offset: 0 }
    sort: { by: "cct_created", order: DESC }
  ) {
    id
    authorID
  }
}

​Champs racine

​Type JetEngineCCTEntry

​Valeurs de champs CCT

​Attribution de l'accès aux CCTs

​Requêtes d'exemple

Champs racine

Type JetEngineCCTEntry

Valeurs de champs CCT

Attribution de l'accès aux CCTs

Requêtes d'exemple