chatgpt_api_client 0.0.1

chatgpt_api_client: ^0.0.1 copied to clipboard

example/lib/main.dart

import 'package:example/api_key.dart';
import 'package:flutter/material.dart';
import 'package:chatgpt_api_client/chatgpt_api_client.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  List<String> chatList = [];
  bool sendBtnDisabled = false;

  /// init client
  ChatGptApiClient client =
      ChatGptApiClient(api_key, ChatGptModelOption(stream: false));

  TextEditingController textController = TextEditingController();

  void _incrementCounter() {
    // api_key.dart is ignore to commit , just a string for the openai apikey
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisSize: MainAxisSize.max,
          children: <Widget>[
            Expanded(
              child: Container(
                color: Colors.grey.shade100,
                child: ListView.builder(
                  reverse: true,
                  itemCount: chatList.length,
                  itemBuilder: (context, index) {
                    return Container(
                      decoration: BoxDecoration(
                          border: Border.all(color: Colors.black)),
                      child: Text(chatList[chatList.length - index - 1]),
                    );
                  },
                ),
              ),
            ),
            Container(
              padding: const EdgeInsets.all(5),
              alignment: Alignment.bottomLeft,
              height: 60,
              color: Colors.green,
              child: Row(children: [
                SizedBox(
                    width: 300,
                    child: TextField(
                      style: const TextStyle(fontSize: 20),
                      controller: textController,
                    )),
                IconButton(
                  icon: const Icon(Icons.send),
                  onPressed: sendBtnDisabled
                      ? null
                      : () {
                          String text = textController.text;
                          textController.clear();
                          setState(() {
                            chatList.add('Me:\n $text');
                            sendBtnDisabled = true;
                          });
                          // send message
                          client.sendMessage(text,
                              onData: (ChatGptApiResponse response) {
                            print(response);
                            setState(() {
                              chatList.add(
                                  'ChatGpt: \n ${response.choices[0].text}');
                              sendBtnDisabled = false;
                            });
                          }, onStreamData: (ChatGptApiResponse response) {
                            // print(response);
                          }, onStreamEnd: () {
                            // print('end');
                          });
                          // print(textController.text);
                        },
                )
              ]),
            ),
            // Positioned(
            //   child: Row(children: [Text('23'), Text('444')]),
            //   bottom: 0,
            //   left: 0,
            // )
          ],
        ),
      ),
    );
  }
}