Here's my environment.prod.ts

export const OPENAI_API_KEY = "sk-XXXXXXXXXXXX"

Here's my service.ts file

import { Injectable } from '@angular/core'; import { Configuration, OpenAIApi } from 'openai'; import { filter, from, map } from 'rxjs'; import { environment, OPENAI_API_KEY } from 'src/environments/environment';

@Injectable({ providedIn: 'root' })

export class OpenAiService {

constructor(){}

readonly configuration = new Configuration({

apiKey: OPENAI_API_KEY });

readonly openai = new OpenAIApi(this.configuration);

async getDataFromOpenAPI(text: string) { const completion = await this.openai.createCompletion({ model: "text-davinci-002", prompt: text, }); console.log(completion.data.choices[0].text); } getDataFromOpenAI(text: string) { from(this.openai.createCompletion({ model: "text-davinci-003", prompt: text, max_tokens: 256 })).pipe( filter((resp: { data: any; }) => !!resp && !!resp.data), map(resp => resp.data), filter((data: any) => data.choices && data.choices.length > 0 && data.choices[0].text), map(data => data.choices[0].text) ).subscribe(data => { console.log(data); }); }

}