Image attachments

import OpenAI from 'openai';
import fs from 'node:fs';

const openai = new OpenAI({
  apiKey: process.env.SUPA_API_KEY,
  baseURL: 'https://api.supa.works/openai',
});

const imagePath = './photo.png';
const base64 = fs.readFileSync(imagePath).toString('base64');
const dataUrl = `data:image/png;base64,${base64}`;

const response = await openai.chat.completions.create({
  model: 'google/gemma-3-27b-it',
  messages: [
    {
      role: 'user',
      content: [
        {
          type: 'text',
          text: 'Describe this image in one sentence.',
        },
        {
          type: 'image_url',
          image_url: { url: dataUrl },
        },
      ],
    },
  ],
});

console.log(response.choices[0]?.message?.content);

{
  type: 'image_url',
  image_url: { url: 'https://example.com/photo.png' },
}

import { createOpenAI } from '@ai-sdk/openai';
import { generateText } from 'ai';

const supa = createOpenAI({
  apiKey: process.env.SUPA_API_KEY,
  baseURL: 'https://api.supa.works/openai/v1',
});

const { text } = await generateText({
  model: supa('google/gemma-3-27b-it'),
  messages: [
    {
      role: 'user',
      content: [
        { type: 'text', text: 'What is in this image?' },
        {
          type: 'image',
          image: 'https://example.com/photo.png',
        },
      ],
    },
  ],
});

console.log(text);

import { chat } from '@tanstack/ai';
import { createOpenaiChat } from '@tanstack/ai-openai';
import type { OpenAIChatModel } from '@tanstack/ai-openai';

const adapter = createOpenaiChat(
  'google/gemma-3-27b-it' as OpenAIChatModel,
  process.env.SUPA_API_KEY!,
  { baseURL: 'https://api.supa.works/openai/v1' },
);

const text = await chat({
  adapter,
  stream: false,
  messages: [
    {
      role: 'user',
      content: [
        { type: 'text', content: 'What is in this image?' },
        {
          type: 'image',
          source: { type: 'url', value: 'https://example.com/photo.png' },
        },
      ],
    },
  ],
});

console.log(text);

{
  type: 'image',
  source: {
    type: 'data',
    value: base64String,
    mimeType: 'image/png',
  },
}