UGC Studio examples

const response = await fetch('https://api.hooked.so/v1/project/create/ugc-studio/product-in-hand', {
  method: 'POST',
  headers: {
    'x-api-key': process.env.HOOKED_API_KEY,
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    name: 'Serum Review',
    script: "I've been using this serum for two weeks and my skin has never looked better. [product]This is the one.[/product]",
    avatarId: '2',
    productImageKey: 'https://yoursite.com/images/serum.png',
    videoStyle: {
      cameras: ['static-shot', 'slow-zoom-to-the-face'],
      naturalGestures: true
    },
    language: 'en',
    webhook: 'https://yoursite.com/webhook?token=YOUR_SECRET',
    metadata: { campaignId: 'q1-campaign' }
  })
});

const { data } = await response.json();
console.log('Project ID:', data.projectId);

const response = await fetch('https://api.hooked.so/v1/project/create/ugc-studio/app-demo', {
  method: 'POST',
  headers: {
    'x-api-key': process.env.HOOKED_API_KEY,
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    script: 'This app plans my whole week in two minutes. Watch how it works.',
    avatarId: '2',
    appUrl: 'https://yourapp.com',
    scrollMode: 'once',
    showcaseAfterSeconds: 3,
    adSettings: {
      bRollType: 'rounded-right',
      avatarPresentation: 'pip',
      removeAvatarBackground: true
    },
    webhook: 'https://yoursite.com/webhook?token=YOUR_SECRET'
  })
});

const response = await fetch('https://api.hooked.so/v1/project/create/ugc-studio/app-demo', {
  method: 'POST',
  headers: {
    'x-api-key': process.env.HOOKED_API_KEY,
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    script: 'I stopped using spreadsheets the day I found this app. [app]Look how simple this is.[/app]',
    avatarId: '2',
    media: ['cm8w1r7d20001l708x9y8z7w6']
  })
});

const response = await fetch('https://api.hooked.so/v1/project/create/ugc-studio/fashion', {
  method: 'POST',
  headers: {
    'x-api-key': process.env.HOOKED_API_KEY,
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    script: "Three looks from the new drop. [look 1]This one is for weekend coffee runs.[/look] [look 2]And this is what I wear to the office.[/look]",
    avatarId: '2',
    outfitImageKeys: [
      'https://yoursite.com/images/look-casual.jpg',
      'https://yoursite.com/images/look-office.jpg'
    ],
    adSettings: { bRollType: 'down' },
    webhook: 'https://yoursite.com/webhook?token=YOUR_SECRET'
  })
});

const response = await fetch('https://api.hooked.so/v1/project/create/ugc-studio/before-after', {
  method: 'POST',
  headers: {
    'x-api-key': process.env.HOOKED_API_KEY,
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    script: "[before]This was my living room in January.[/before] [after]And this is it now, after one weekend with this kit.[/after]",
    avatarId: '2',
    beforeImageKey: 'https://yoursite.com/images/room-before.jpg',
    afterImageKey: 'https://yoursite.com/images/room-after.jpg',
    webhook: 'https://yoursite.com/webhook?token=YOUR_SECRET'
  })
});

const response = await fetch('https://api.hooked.so/v1/project/create/ugc-studio/voiceover', {
  method: 'POST',
  headers: {
    'x-api-key': process.env.HOOKED_API_KEY,
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    script: 'Mornings used to be chaos. Then I found a coffee maker that has my cup ready before I am out of bed.',
    avatarId: '2',
    voiceId: '1000',
    audio: { speed: 1, stability: 0.5, similarityBoost: 0.75 },
    productImageKey: 'https://yoursite.com/images/coffee-maker.png',
    webhook: 'https://yoursite.com/webhook?token=YOUR_SECRET'
  })
});

// Express.js webhook handler
app.post('/webhook', (req, res) => {
  if (req.query.token !== process.env.HOOKED_WEBHOOK_TOKEN) return res.sendStatus(401);

  const { status, message, data } = req.body;
  const { videoId, projectId, url, metadata } = data;

  if (status === 'COMPLETED') {
    console.log('Ad completed:', projectId, videoId);
    console.log('Download URL:', url);
    console.log('Campaign:', metadata?.campaignId);
  } else if (status === 'FAILED') {
    // videoId is null when the project failed before it rendered
    console.error(videoId === null ? 'Project failed:' : 'Render failed:', message);
  }

  res.status(200).send('OK');
});