Get an image tag

import app from '@adonisjs/core/services/app'
import { SiteClient } from '@fetchski/attract-cms-sdk'

const site = await app.container.make(SiteClient)
const imageTag = await site.media().getImageTag({ id: 'ckitdo5oq004pu69kr6oxo6fr:en:published' })

{
  "_id": "clx1234567890abcdef",
  "title": "Hero Images",
  "slug": "hero-images",
  "type": "@apostrophecms/image-tag",
  "archived": false,
  "createdAt": "2026-10-24T09:30:00.000Z",
  "updatedAt": "2026-10-24T09:30:00.000Z",
  "copyOfId": "ckhdscx5900054z9k88uqs16w:en:published",
  "aposShareKey": "k3v9x2m7q1z8w4p6"
}

import app from '@adonisjs/core/services/app'
import { SiteClient } from '@fetchski/attract-cms-sdk'

const site = await app.container.make(SiteClient)
const imageTag = await site.media().getImageTag({ id: 'ckitdo5oq004pu69kr6oxo6fr:en:published' })

{
  "_id": "clx1234567890abcdef",
  "title": "Hero Images",
  "slug": "hero-images",
  "type": "@apostrophecms/image-tag",
  "archived": false,
  "createdAt": "2026-10-24T09:30:00.000Z",
  "updatedAt": "2026-10-24T09:30:00.000Z",
  "copyOfId": "ckhdscx5900054z9k88uqs16w:en:published",
  "aposShareKey": "k3v9x2m7q1z8w4p6"
}

In your app

A controller answers a route on your app: it calls getImageTag() and returns the answer.

Add the controller

app/controllers/get_image_tag_controller.ts

import { inject } from '@adonisjs/core'
import type { HttpContext } from '@adonisjs/core/http'
import { SiteClient } from '@fetchski/attract-cms-sdk'

@inject()
export default class GetImageTagController {
  constructor(protected site: SiteClient) {}

  async handle({ params }: HttpContext) {
    return this.site.media().getImageTag({ id: params.id })
  }
}

Add the route

start/routes.ts

import router from '@adonisjs/core/services/router'

const GetImageTagController = () => import('#controllers/get_image_tag_controller')

router.get('/image-tag/:id', [GetImageTagController])

Call it

Terminal

curl http://localhost:3333/image-tag/ckitdo5oq004pu69kr6oxo6fr:en:published

With node ace serve running, it prints its answer as JSON.

Find the id

id is the document’s _id, from a list. Ask the list for only the fields you need: each row is a document’s id and those fields.

AdonisJS

import app from '@adonisjs/core/services/app'
import { SiteClient } from '@fetchski/attract-cms-sdk'

const site = await app.container.make(SiteClient)
const row = (await site.media().listImageTagsPick(['title', 'slug'])).find((each) => each.slug === 'getting-started') // { id, title, slug }, or undefined

Pass row.id as id. Drafts: list with { aposMode: 'draft' } to get the draft’s id (Find an id).

Required parameters

One object, e.g. getImageTag({ id }); leave out the optional fields.

string

required

Required. Computed document ID (can optionally include mode and locale, e.g., id:en:published) Matches ^\S+$.

Optional parameters

AposMode | null | undefined

Optional. Leave it out and the site uses "published". published (the default) or draft. Drafts need a credential that may see them: an API key with the type’s write scope (content:<type>:write), or a signed-in editor. The public and a key with only the read scope get 403. One of draft, published.

string | null | undefined

Optional. Leave it out (or pass null) and it isn’t sent: the site’s default applies. The locale to read or write, e.g. en (default: the site’s default locale).

boolean | null | undefined

Optional. Leave it out and the site uses false. true: each area’s widgets come back rendered as HTML (_rendered), beside their data.

Returns

An ImageTag. Built-in image tag piece type for organizing images. Read its properties (imageTag.id): each says whether the site always sends it. The example answer is the site’s wire JSON: one key differs from the property names (_id → id).

string

Always sent.

string

Always sent. Tag name.

string

Always sent. URL-friendly tag name.

string

Always sent.

Date

Always sent. Format: an ISO 8601 date and time.

Date

Always sent. Format: an ISO 8601 date and time.

boolean | null

Sometimes sent: undefined when the site leaves it out, and it can be null. In the archive: kept, but out of every list and off the site until it is restored. false (or null) for a live document.

string | null

Sometimes sent: undefined when the site leaves it out, and it can be null. The _id of the piece/page that was copied to create this document (only present if created via _copyingId)

Sometimes sent: undefined when the site leaves it out, and it can be null. The draft’s preview share key, while its share link is on: the link is the draft’s _url with aposShareKey and aposShareId (the draft’s _id) in its query. Absent otherwise, and on published documents.

Errors

Nothing to catch: the SDK retries what is safe, and throws the rest as the classes below. Your exception handler turns them into your app’s own answers, once for every call (see Map SDK errors to responses); catch only what you want to react to here.

400

The site refused what was sent: errors lists each field’s problem, siteMessage the first.Retried first: No. Read: errors (field → messages), siteMessage.

401

The API key is missing or refused (malformed, revoked, expired), or a signature its signing mode needs is missing or stale.Retried first: No. Read: siteMessage, errorName, data.

403

The key may not do this: a scope it lacks, or an address outside its allowlist. siteMessage names it.Retried first: No. Read: siteMessage, errorName, data.

404

Nothing matches, or the caller may not see it.Retried first: No. Read: siteMessage, errorName, data.

500

The site failed. Its logs say why.Retried first: No (only a 502, 503 or 504 is retried). Read: siteMessage, errorName, data.

no answer

No answer: DNS, a refused connection, TLS, or the timeout (15 s per attempt by default).Retried first: Yes, after 0.5 s then 1 s. Read: reason, neverConnected.

not sent

The client refused to send it (e.g. a path segment of ..); the site never saw it.Retried first: No. Read: reason (what to change).

any other

Any other status, or a success whose JSON doesn’t match this SDK version’s types (update the SDK).Retried first: No. Read: reason, status.

setup

sites.forSite('acme') named a slug config/attract.ts doesn’t list (with the keys in the database: no row in attract_api_keys).Retried first: No: nothing was sent. Read: message, slug.

setup

The site’s entry is wrong: a malformed baseUrl or key, a key filed under another slug, or no default site. node ace attract:check names the fix.Retried first: No: nothing was sent. Read: message (what to fix).

Behavior

Access: an API key with content:images:read (or a master above it: content:images:all, content:all, admin:all) reads the published documents; drafts (aposMode=draft, or a draft _id) need content:images:write (or a master above it). A signed-in person may call it as far as their own permissions allow; anyone else gets 404.
Rate limit: the key’s own reads-per-minute limit, set when the key is created (default 600); over it, 429 with Retry-After. The client waits and retries for you; you see RateLimited only if that runs out.
Retries: a read is safe to repeat: the client retries it on no answer, a 502/503/504 and a 429.
Timeout: 15 s per attempt by default; raise timeout (milliseconds) in config/attract.ts for longer.

More examples

import app from '@adonisjs/core/services/app'
import { SiteClient } from '@fetchski/attract-cms-sdk'

const site = await app.container.make(SiteClient)
const imageTag = await site.media().findImageTag({ id: 'ckitdo5oq004pu69kr6oxo6fr:en:published' }) // ImageTag | null: null when the site answers 404

Test it

It calls the controller above with the SDK faked: fakeAttract() puts the fake in the container for this one test, and it answers every call with a valid example, so nothing leaves your machine and no key is read. Save it as tests/unit/media_get_image_tag.spec.ts, then run your tests:

tests/unit/media_get_image_tag.spec.ts

import { test } from '@japa/runner'
import app from '@adonisjs/core/services/app'
import testUtils from '@adonisjs/core/services/test_utils'
import { fakeAttract } from '@fetchski/attract-cms-adonis/testing'
import GetImageTagController from '#controllers/get_image_tag_controller'

test('media.getImageTag', async () => {
  const site = fakeAttract()

  const ctx = await testUtils.createHttpContext()
  ctx.params = { id: 'ckitdo5oq004pu69kr6oxo6fr:en:published' }
  const controller = await app.container.make(GetImageTagController)
  await controller.handle(ctx)

  site.assertCalled('media.getImageTag', (args) => args.id === 'ckitdo5oq004pu69kr6oxo6fr:en:published')
})

Terminal

node ace test

Answer with your own values: fake media.getImageTag with factories.ImageTag({...}), the fields you give over a valid example.

tests/unit/media_get_image_tag_answers.spec.ts

import { test } from '@japa/runner'
import { factories, fakeAttract } from '@fetchski/attract-cms-adonis/testing'

test('media.getImageTag answers your values', async ({ assert }) => {
  const site = fakeAttract({
    'media.getImageTag': factories.ImageTag({ id: 'Your value' }),
  })

  const imageTag = await site.media().getImageTag({ id: 'ckitdo5oq004pu69kr6oxo6fr:en:published' })
  assert.containSubset(imageTag, { id: 'Your value' })
})

List images

site.media().listImages()

Create an image

site.media().createImage()

Archive images

site.media().archiveImages()

Crop images to a widget’s aspect ratio

site.media().autocropImages()

Copy images to another locale

site.media().localizeImages()

Publish images

site.media().publishImages()

GET /@apostrophecms/image-tag/{_id}

The endpoint this calls, in the API reference: the HTTP request and answer, and every rule the site checks.

import app from '@adonisjs/core/services/app'
import { SiteClient } from '@fetchski/attract-cms-sdk'

const site = await app.container.make(SiteClient)
const imageTag = await site.media().getImageTag({ id: 'ckitdo5oq004pu69kr6oxo6fr:en:published' })

{
  "_id": "clx1234567890abcdef",
  "title": "Hero Images",
  "slug": "hero-images",
  "type": "@apostrophecms/image-tag",
  "archived": false,
  "createdAt": "2026-10-24T09:30:00.000Z",
  "updatedAt": "2026-10-24T09:30:00.000Z",
  "copyOfId": "ckhdscx5900054z9k88uqs16w:en:published",
  "aposShareKey": "k3v9x2m7q1z8w4p6"
}

Get started

Using the SDK

Going further

Pages & Site

Content

Media

Forms

Ads & Conversions

Analytics

In your app

Find the id

Behavior

More examples

Test it

List images

Create an image

Archive images

Crop images to a widget’s aspect ratio

Copy images to another locale

Publish images

GET /@apostrophecms/image-tag/{_id}

In your app

Find the id

Behavior

More examples

Test it

Related

List images

Create an image

Archive images

Crop images to a widget’s aspect ratio

Copy images to another locale

Publish images

GET /@apostrophecms/image-tag/{_id}