Update an image

import { createSiteClient } from '@fetchski/attract-cms-sdk';

const site = createSiteClient();
const image = await site.media().updateImage({ id: 'ckitdo5oq004pu69kr6oxo6fr:en:published' });

{
  "_id": "clx1234567890abcdef",
  "title": "Hero banner image",
  "slug": "hero-banner-image",
  "type": "@apostrophecms/image",
  "archived": false,
  "visibility": "public",
  "attachment": {
    "_id": "ckj0akbxa003vp39kfbxgb8zg",
    "_url": "https://example.net/uploads/attachments/ckj0akbxa003vp39kfbxgb8zg-blue-box.png",
    "_urls": {
      "key": "Example value"
    },
    "name": "blue-box",
    "title": "blue box",
    "extension": "png",
    "type": "attachment",
    "group": "images",
    "length": 10497,
    "md5": "630eeaaecd0bdc07c4a82eeca4c07588",
    "width": 600,
    "height": 106,
    "landscape": true,
    "portrait": true,
    "docIds": [
      "clx8m2k4p0000a1b2c3d4e5f6"
    ],
    "archivedDocIds": [
      "clx8m2k4p0000a1b2c3d4e5f6"
    ],
    "createdAt": "2026-10-24T09:30:00.000Z",
    "updatedAt": "2026-10-24T09:30:00.000Z",
    "_isCroppable": true,
    "crop": {},
    "used": true,
    "folderId": "clx8m2k4p0000a1b2c3d4e5f6",
    "folderPath": "Example folder path"
  },
  "credit": "Example credit",
  "createdAt": "2026-10-24T09:30:00.000Z",
  "updatedAt": "2026-10-24T09:30:00.000Z",
  "copyOfId": "ckhdscx5900054z9k88uqs16w:en:published",
  "alt": "Example alt",
  "_tags": [
    {}
  ],
  "creditUrl": "https://acme.example/example",
  "_folder": [
    {}
  ],
  "feedId": "clx8m2k4p0000a1b2c3d4e5f6",
  "feedGeneration": "Example feed generation",
  "feedOrder": 1,
  "feedSourceKey": "Example feed source key",
  "aposShareKey": "k3v9x2m7q1z8w4p6"
}

import { createSiteClient } from '@fetchski/attract-cms-sdk';

const site = createSiteClient();
const image = await site.media().updateImage({ id: 'ckitdo5oq004pu69kr6oxo6fr:en:published' });

{
  "_id": "clx1234567890abcdef",
  "title": "Hero banner image",
  "slug": "hero-banner-image",
  "type": "@apostrophecms/image",
  "archived": false,
  "visibility": "public",
  "attachment": {
    "_id": "ckj0akbxa003vp39kfbxgb8zg",
    "_url": "https://example.net/uploads/attachments/ckj0akbxa003vp39kfbxgb8zg-blue-box.png",
    "_urls": {
      "key": "Example value"
    },
    "name": "blue-box",
    "title": "blue box",
    "extension": "png",
    "type": "attachment",
    "group": "images",
    "length": 10497,
    "md5": "630eeaaecd0bdc07c4a82eeca4c07588",
    "width": 600,
    "height": 106,
    "landscape": true,
    "portrait": true,
    "docIds": [
      "clx8m2k4p0000a1b2c3d4e5f6"
    ],
    "archivedDocIds": [
      "clx8m2k4p0000a1b2c3d4e5f6"
    ],
    "createdAt": "2026-10-24T09:30:00.000Z",
    "updatedAt": "2026-10-24T09:30:00.000Z",
    "_isCroppable": true,
    "crop": {},
    "used": true,
    "folderId": "clx8m2k4p0000a1b2c3d4e5f6",
    "folderPath": "Example folder path"
  },
  "credit": "Example credit",
  "createdAt": "2026-10-24T09:30:00.000Z",
  "updatedAt": "2026-10-24T09:30:00.000Z",
  "copyOfId": "ckhdscx5900054z9k88uqs16w:en:published",
  "alt": "Example alt",
  "_tags": [
    {}
  ],
  "creditUrl": "https://acme.example/example",
  "_folder": [
    {}
  ],
  "feedId": "clx8m2k4p0000a1b2c3d4e5f6",
  "feedGeneration": "Example feed generation",
  "feedOrder": 1,
  "feedSourceKey": "Example feed source key",
  "aposShareKey": "k3v9x2m7q1z8w4p6"
}

In your app

A function makes the call on the client it is given, so your code passes the real one and a test passes a fake.

Add the function

src/attract/update-image.ts

import type { SiteClient } from '@fetchski/attract-cms-sdk';

export async function updateImage(site: SiteClient, id: string) {
  return site.media().updateImage({ id });
}

Call it

A script makes the client once and calls the function:

scripts/update-image.ts

import { createSiteClient } from '@fetchski/attract-cms-sdk';
import { updateImage } from '../src/attract/update-image.ts';

const site = createSiteClient();
console.log(await updateImage(site, 'ckitdo5oq004pu69kr6oxo6fr:en:published'));

Terminal

node --env-file=.env scripts/update-image.ts

A route handler, a job or a queue worker calls it the same way.

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.

TypeScript

import { createSiteClient } from '@fetchski/attract-cms-sdk';

const site = createSiteClient();
const row = (await site.media().listImagesPick(['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. updateImage({ 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).

string | null | undefined

Optional. Leave it out (or pass null) and it isn’t sent: the site’s default applies. Image title/alt text.

string | null | undefined

Optional. Leave it out (or pass null) and it isn’t sent: the site’s default applies. Its URL name: lowercase words joined by hyphens.

boolean | null | undefined

Optional. Leave it out and the site uses false. In the archive: kept, but out of every list and off the site until it is restored. false (or null) for a live document.

Visibility | null | undefined

Optional. Leave it out and the site uses "public". Who may see it on the site: public (everyone) or loginRequired (signed-in people only). One of public, loginRequired.

Attachment | null | undefined

Optional. Leave it out (or pass null) and it isn’t sent: the site’s default applies. File attachment information from upload endpoint.

Show Attachment

string

required

Required. Unique attachment identifier.

string

required

Required. Slugified filename.

string

required

Required. Sortified filename.

string

required

Required. File extension.

string

required

Required. Always attachment.

string

required

Required. File group type.

number

required

Required. File size in bytes.

string

required

Required. MD5 checksum.

readonly string[]

required

Required. IDs of documents using this attachment.

readonly string[]

required

Required. IDs of archived documents using this attachment.

Date

required

Required. When it was uploaded (ISO 8601). Format: an ISO 8601 date and time.

string

The file’s URL: set for a file that is not an image. An image’s URLs are in _urls, by size (original is the file as uploaded).

Readonly<Record<string, string>>

An image’s URLs by size (original, max, full, two-thirds, one-half, one-third, one-sixth); unset for other files.

number

Image width in pixels (images only)

number

Image height in pixels (images only)

boolean

Whether image is landscape orientation (images only)

boolean

Whether image is portrait orientation (images only)

Date

When it last changed (ISO 8601). Format: an ISO 8601 date and time.

boolean

Whether the image can be cropped.

Readonly<Record<string, unknown>> | null

The crop applied, if any (top, left, width, height).

boolean

Whether any document uses the file.

string | null

The media folder holding the file, by its aposDocId.

string

That folder’s path, e.g. events/summer.

string | null | undefined

Optional. Leave it out (or pass null) and it isn’t sent: the site’s default applies. Image credit or attribution.

string | null | undefined

Optional. Leave it out (or pass null) and it isn’t sent: the site’s default applies. The _id of the piece/page that was copied to create this document (only present if created via _copyingId)

string | null | undefined

Optional. Leave it out and the site uses "". Image description used for accessibility.

readonly Readonly<Record<string, unknown>>[] | null | undefined

Optional. Leave it out (or pass null) and it isn’t sent: the site’s default applies. Its tags, as documents.

string | null | undefined

Optional. Leave it out (or pass null) and it isn’t sent: the site’s default applies. When set, a URL; empty or null when not.

readonly Readonly<Record<string, unknown>>[] | null | undefined

Optional. Leave it out (or pass null) and it isn’t sent: the site’s default applies. The media folder holding it (one at most; empty at the library’s root).

Returns

An Image. Built-in image/media piece type for managing photos and graphics. Read its properties (image.id): each says whether the site always sends it. The example answer is the site’s wire JSON: some keys differ from the property names (_id → id, _tags → tags, _folder → folder …).

string

Always sent. Unique identifier.

string

Always sent. Image title/alt text.

string

Always sent. Its URL name: lowercase words joined by hyphens.

string

Always sent.

Visibility

Always sent. Who may see it on the site: public (everyone) or loginRequired (signed-in people only). One of public, loginRequired; a newer site may send others, so keep a fallback.

Attachment

Always sent. An Attachment. File attachment information from upload endpoint.

Show Attachment

string

Always sent. Unique attachment identifier.

string

Always sent. Slugified filename.

string

Always sent. Sortified filename.

string

Always sent. File extension.

string

Always sent. Always attachment.

string

Always sent. File group type.

number

Always sent. File size in bytes.

string

Always sent. MD5 checksum.

readonly string[]

Always sent. IDs of documents using this attachment.

readonly string[]

Always sent. IDs of archived documents using this attachment.

Date

Always sent. When it was uploaded (ISO 8601). Format: an ISO 8601 date and time.

string

Sometimes sent: undefined when the site leaves it out. The file’s URL: set for a file that is not an image. An image’s URLs are in _urls, by size (original is the file as uploaded).

Readonly<Record<string, string>>

Sometimes sent: undefined when the site leaves it out. An image’s URLs by size (original, max, full, two-thirds, one-half, one-third, one-sixth); unset for other files.

number

Sometimes sent: undefined when the site leaves it out. Image width in pixels (images only)

number

Sometimes sent: undefined when the site leaves it out. Image height in pixels (images only)

boolean

Sometimes sent: undefined when the site leaves it out. Whether image is landscape orientation (images only)

boolean

Sometimes sent: undefined when the site leaves it out. Whether image is portrait orientation (images only)

Date

Sometimes sent: undefined when the site leaves it out. When it last changed (ISO 8601). Format: an ISO 8601 date and time.

boolean

Sometimes sent: undefined when the site leaves it out. Whether the image can be cropped.

Readonly<Record<string, unknown>> | null

Sometimes sent: undefined when the site leaves it out, and it can be null. The crop applied, if any (top, left, width, height).

boolean

Sometimes sent: undefined when the site leaves it out. Whether any document uses the file.

string | null

Sometimes sent: undefined when the site leaves it out, and it can be null. The media folder holding the file, by its aposDocId.

string

Sometimes sent: undefined when the site leaves it out. That folder’s path, e.g. events/summer.

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. Image credit or attribution.

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)

string | null

Sometimes sent: undefined when the site leaves it out, and it can be null. Image description used for accessibility.

readonly Readonly<Record<string, unknown>>[] | null

Sometimes sent: undefined when the site leaves it out, and it can be null. Its tags, as documents.

string | null

Sometimes sent: undefined when the site leaves it out, and it can be null. When set, a URL; empty or null when not.

readonly Readonly<Record<string, unknown>>[] | null

Sometimes sent: undefined when the site leaves it out, and it can be null. The media folder holding it (one at most; empty at the library’s root).

string | null

Sometimes sent: undefined when the site leaves it out, and it can be null.

string | null

Sometimes sent: undefined when the site leaves it out, and it can be null.

number | null

Sometimes sent: undefined when the site leaves it out, and it can be null.

string | null

Sometimes sent: undefined when the site leaves it out, and it can be null.

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; catch only what you want to react to (see Errors and testing).

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: a write may have landed. Read: siteMessage, errorName, data.

no answer

No answer: DNS, a refused connection, TLS, or the timeout (15 s per attempt by default).Retried first: Only when nothing reached the site (neverConnected()); never after a timeout, when it may have landed. 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 your sites (createSiteClients()) don’t have.Retried first: No: nothing was sent. Read: message, slug.

setup

The client’s settings are wrong: no FETCHSKI_ATTRACT_URL (or baseUrl), or a malformed API key.Retried first: No: nothing was sent. Read: message (what to fix).

Behavior

Access: an API key with content:images:write (or a master above it: content:images:all, content:all, admin:all). A signed-in person may call it as far as their own permissions allow; anyone else gets 403.
Rate limit: the key’s own writes-per-minute limit, set when the key is created (default 120); over it, 429 with Retry-After. The client waits and retries for you; you see RateLimited only if that runs out.
Retries: a write is sent again only after a 429 (refused before it acted) or when it never reached the site. After a timeout or a 5xx it may have landed: check before you send it again.
Timeout: 15 s per attempt by default; raise timeout (milliseconds) on the client for longer.

Test it

It calls the function above with a fake client: the fake answers every call with a valid example, so nothing leaves your machine and no settings or key are needed. Run it with node --test.

tests/media-updateImage.test.ts

import { test } from 'node:test';
import { fakeSite } from '@fetchski/attract-cms-sdk/testing';
import { updateImage } from '../src/attract/update-image.ts';

test('media.updateImage', async () => {
  const site = fakeSite();
  await updateImage(site, 'ckitdo5oq004pu69kr6oxo6fr:en:published');
  site.assertCalled('media.updateImage', (args) => args.id === 'ckitdo5oq004pu69kr6oxo6fr:en:published');
});

Answer with your own values: fake media.updateImage with factories.Image({...}), the fields you give over a valid example (nested ones too).

tests/media-updateImage-answer.test.ts

import assert from 'node:assert/strict';
import { test } from 'node:test';
import { factories, fakeSite } from '@fetchski/attract-cms-sdk/testing';

test('media.updateImage answers your values', async () => {
  const site = fakeSite({
    'media.updateImage': factories.Image({ attachment: { id: 'Your value' } })
  });
  const image = await site.media().updateImage({ id: 'ckitdo5oq004pu69kr6oxo6fr:en:published' });
  assert.equal(image.attachment.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()

PATCH /@apostrophecms/image/{_id}

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

import { createSiteClient } from '@fetchski/attract-cms-sdk';

const site = createSiteClient();
const image = await site.media().updateImage({ id: 'ckitdo5oq004pu69kr6oxo6fr:en:published' });

{
  "_id": "clx1234567890abcdef",
  "title": "Hero banner image",
  "slug": "hero-banner-image",
  "type": "@apostrophecms/image",
  "archived": false,
  "visibility": "public",
  "attachment": {
    "_id": "ckj0akbxa003vp39kfbxgb8zg",
    "_url": "https://example.net/uploads/attachments/ckj0akbxa003vp39kfbxgb8zg-blue-box.png",
    "_urls": {
      "key": "Example value"
    },
    "name": "blue-box",
    "title": "blue box",
    "extension": "png",
    "type": "attachment",
    "group": "images",
    "length": 10497,
    "md5": "630eeaaecd0bdc07c4a82eeca4c07588",
    "width": 600,
    "height": 106,
    "landscape": true,
    "portrait": true,
    "docIds": [
      "clx8m2k4p0000a1b2c3d4e5f6"
    ],
    "archivedDocIds": [
      "clx8m2k4p0000a1b2c3d4e5f6"
    ],
    "createdAt": "2026-10-24T09:30:00.000Z",
    "updatedAt": "2026-10-24T09:30:00.000Z",
    "_isCroppable": true,
    "crop": {},
    "used": true,
    "folderId": "clx8m2k4p0000a1b2c3d4e5f6",
    "folderPath": "Example folder path"
  },
  "credit": "Example credit",
  "createdAt": "2026-10-24T09:30:00.000Z",
  "updatedAt": "2026-10-24T09:30:00.000Z",
  "copyOfId": "ckhdscx5900054z9k88uqs16w:en:published",
  "alt": "Example alt",
  "_tags": [
    {}
  ],
  "creditUrl": "https://acme.example/example",
  "_folder": [
    {}
  ],
  "feedId": "clx8m2k4p0000a1b2c3d4e5f6",
  "feedGeneration": "Example feed generation",
  "feedOrder": 1,
  "feedSourceKey": "Example feed source key",
  "aposShareKey": "k3v9x2m7q1z8w4p6"
}

Get started

Using the SDK

Going further

Pages & Site

Content

Media

Forms

Ads & Conversions

Analytics

In your app

Find the id

Behavior

Test it

List images

Create an image

Archive images

Crop images to a widget’s aspect ratio

Copy images to another locale

Publish images

PATCH /@apostrophecms/image/{_id}

In your app

Find the id

Behavior

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

PATCH /@apostrophecms/image/{_id}