Skip to content

Latest commit

 

History

History
66 lines (49 loc) · 2.21 KB

README.md

File metadata and controls

66 lines (49 loc) · 2.21 KB

OpenAI AsyncImage SwiftUI

SwiftUI view that asynchronously loads and displays an OpenAI image from open API

Features

  • Multiplatform
  • Customizable in term of SwiftUI Image specs [renderingMode, resizable, antialiased...]
  • Customizable in term of the transport layer [Loader]
  • Based on interfaces not implementations

OpenAI AsyncImage SwiftUI

How to use

1. Get your API key from OpenAI

Where do I find my Secret API Key?

2. Override default loader at Environment with you apiKey

    @Environment(\.openAIDefaultLoader) var loader : OpenAIDefaultLoader
    
        let apiKey = "*******************"
        let endpoint = OpenAIImageEndpoint.get(with: apiKey)
        let loader = OpenAIDefaultLoader(endpoint: endpoint)
        
         ContentView()
                .environment(\.openAIDefaultLoader, loader)

3. Add OpenAIAsyncImage to your code

        OpenAIAsyncImage(prompt: .constant("sun"))
                       .frame(width: 125, height: 125)

or with custom ViewBuilder

        OpenAIAsyncImage(prompt: $imageText, size: .dpi1024){ state in
            switch state{
                case .loaded(let image) :
                image
                    .resizable()
                    .scaledToFill()
                case .loadError(let error) : Text(error.localizedDescription)
                case .loading : ProgressView()
            }
        }
Param Description
prompt A text description of the desired image(s). The maximum length is 1000 characters
size The size of the generated images. Must be one of 256x256, 512x512, or 1024x1024
tpl Custom view builder tpl
loader Custom loader if you need something specific

Documentation(API)

  • You need to have Xcode 13 installed in order to have access to Documentation Compiler (DocC)
  • Go to Product > Build Documentation or ⌃⇧⌘ D

SwiftUI example for the package

OpenAI AsyncImage SwiftUI example