End CMS Asset Chaos

import { transformCmsAssetUrls } from '@synchronized-studio/response-transformer'

const spaceId = 'exampleSpaceId'
const contentfulToken = process.env.CONTENTFUL_DELIVERY_TOKEN

const contentfulResponse = await fetch(
  `https://cdn.contentful.com/spaces/${spaceId}/environments/master/entries`,
  {
    headers: {
      Authorization: `Bearer ${contentfulToken}`,
    },
  }
)
const cmsData = await contentfulResponse.json()

const transformed = transformCmsAssetUrls(cmsData, {
  cms: 'contentful',
  spaceId,
  cmsAssetsUrl: 'https://example.cmsassets.com',
})

import { transformCmsAssetUrls } from '@synchronized-studio/response-transformer'

const repository = 'example-repo'

const repoResponse = await fetch(`https://${repository}.cdn.prismic.io/api/v2`)
const repoData = await repoResponse.json()
const masterRef = repoData.refs.find((ref) => ref.isMasterRef)?.ref

const prismicResponse = await fetch(
  `https://${repository}.cdn.prismic.io/api/v2/documents/search?pageSize=20&ref=${encodeURIComponent(masterRef)}`
)
const cmsData = await prismicResponse.json()

const transformed = transformCmsAssetUrls(cmsData, {
  cms: 'prismic',
  repository,
  cmsAssetsUrl: 'https://example.cmsassets.com',
})

import { transformCmsAssetUrls } from '@synchronized-studio/response-transformer'

const projectId = 'z5k7abcd'
const dataset = 'production'
const query = encodeURIComponent('*[_type == "page"]{ title, mainImage }')

const sanityResponse = await fetch(
  `https://${projectId}.api.sanity.io/v2024-01-01/data/query/${dataset}?query=${query}`
)
const cmsData = await sanityResponse.json()

const transformed = transformCmsAssetUrls(cmsData, {
  cms: 'sanity',
  projectId,
  dataset,
  cmsAssetsUrl: 'https://example.cmsassets.com',
})

import { transformCmsAssetUrls } from '@synchronized-studio/response-transformer'

const storeDomain = 'your-store.myshopify.com'
const storefrontToken = process.env.SHOPIFY_STOREFRONT_TOKEN

const shopifyResponse = await fetch(
  `https://${storeDomain}/api/2024-01/graphql.json`,
  {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
      'X-Shopify-Storefront-Access-Token': storefrontToken,
    },
    body: JSON.stringify({
      query: '{ products(first: 10) { edges { node { title featuredImage { url } } } } }',
    }),
  }
)
const cmsData = await shopifyResponse.json()

const transformed = transformCmsAssetUrls(cmsData, {
  cms: 'shopify',
  storeDomain,
  cmsAssetsUrl: 'https://example.cmsassets.com',
})

import { transformCmsAssetUrls } from '@synchronized-studio/response-transformer'

const cloudName = 'my-cloud'
const apiKey = process.env.CLOUDINARY_API_KEY
const apiSecret = process.env.CLOUDINARY_API_SECRET

const cloudinaryResponse = await fetch(
  `https://api.cloudinary.com/v1_1/${cloudName}/resources/image`,
  {
    headers: {
      Authorization: `Basic ${btoa(apiKey + ':' + apiSecret)}`,
    },
  }
)
const cmsData = await cloudinaryResponse.json()

const transformed = transformCmsAssetUrls(cmsData, {
  cms: 'cloudinary',
  cloudName,
  cmsAssetsUrl: 'https://example.cmsassets.com',
})

import { transformCmsAssetUrls } from '@synchronized-studio/response-transformer'

const imgixDomain = 'my-source.imgix.net'

const response = await fetch('https://your-api.com/content')
const cmsData = await response.json()

const transformed = transformCmsAssetUrls(cmsData, {
  cms: 'imgix',
  imgixDomain,
  cmsAssetsUrl: 'https://example.cmsassets.com',
})

import { transformCmsAssetUrls } from '@synchronized-studio/response-transformer'

const originUrl = 'https://my-bucket.s3.amazonaws.com'

const response = await fetch('https://your-api.com/content')
const cmsData = await response.json()

const transformed = transformCmsAssetUrls(cmsData, {
  cms: 'generic',
  originUrl,
  cmsAssetsUrl: 'https://example.cmsassets.com',
})