chateverywhere.app

/*
    base    : https://chateverywhere.app/
    fungsi  : chat ai
    note    : model nya gpt 3.5 turbo,
              struktur kode single function
              support text doang
    node    : v24.2.0
    by      : wolep

*/

const chat = async (messages, systemInstruction = "respond dengan singkat. stay cool") => {
    if (!messages?.length) throw Error(`mana pesan nya.`)
    const body = JSON.stringify(
        {
            "model": {
                "id": "gpt-3.5-turbo",
                "name": "GPT-3.5",
                "maxLength": 12000,
                "tokenLimit": 4000,
                "completionTokenLimit": 2500,
                "deploymentName": "gpt-35"
            },
            messages,
            "prompt": systemInstruction,
            "temperature": 0.5,
            "enableConversationPrompt": false // gw gak tau ini apa :v
        }
    )

    const r = await fetch("https://chateverywhere.app/api/chat", {
        body,
        "method": "POST",
    })

    let data = await r.text() || null

    if (!r.ok) throw Error(`woops.. ${r.status} ${r.statusText}\n${data}`)

    //minor string manipulation **hai** menjadi *hai*
    data = data.replace(/\*\*(.*?)\*\*/g, "*$1*")

    return data
}

// cara pakai

// system instruksi untuk ai (opsional)
const systemInstruction = "jawab santai saja, balas dengan kata sayang"

// array pesan percakapn
const messages = []

messages.push({
    "content": "halo",
    "role": "user"
})
messages.push({
    "role": "assistant",
    "content": "hai juga (´▽`ʃ♡ƪ)",
})
messages.push({
    "content": "apa bedanya async await dan .then pada js?", // <- your new question
    "role": "user"
})
// you got the pattern.. make your own array conversation

chat(messages, systemInstruction)
    .then(console.log)
    .catch(err => console.log(err.message))

/* hasil

Sayang, perbedaan utama antara `async/await` dan `.then()` di JavaScript adalah cara penanganan promise.

1. *.then()*: Ini adalah cara tradisional untuk menangani promise. Kamu menggunakan `.then()` untuk menangani hasil dari promise yang berhasil dan `.catch()` untuk menangani error.

   ```javascript
   fetch('url')
     .then(response => response.json())
     .then(data => {
       console.log(data);
     })
     .catch(error => {
       console.error(error);
     });
   ```

2. *async/await*: Ini adalah cara yang lebih modern dan lebih bersih untuk menangani promise. Kamu menandai fungsi dengan `async`, dan di dalamnya, kamu bisa menggunakan `await` untuk menunggu promise diselesaikan. Ini membuat kode lebih mudah dibaca dan ditulis seperti kode sinkron.

   ```javascript
   async function getData() {
     try {
       const response = await fetch('url');
       const data = await response.json();
       console.log(data);
     } catch (error) {
       console.error(error);
     }
   }
   ```

Jadi, sayang, intinya `async/await` memberikan cara yang lebih bersih dan mudah dibaca untuk menangani asynchronous code dibandingkan dengan `.then()`. 🥰

*/