faetalize / zodiac Goto Github PK

Markup:

• Add a button in the bottom right or left of the message with a refresh icon

Code:

• Pop the messages starting from the message to regenerate, and call the "run()" function with the last message as a parameter
• add an event listener

Considerations

• a refactoring of the run function will be required, so it can be used on any input

  async function run(input){
  //..
  }
  //..
  //changes to the event handler
  sendMessageButton.addEventListener("click", () => {
      run(...);
  });

Personalities dont save after refresh like api key and token do

The features of this UI could be used to interact with other LLMs, such as GPT, and self hosted ones.
Is that a feature you'd like to see?

https://abhaykoul-webscout1.hf.space/search this API URL will search 10 results from web if limit is not set, if you want you can you this API in your code

const https = require('https');
const readline = require('readline').createInterface({
    input: process.stdin,
    output: process.stdout
});

readline.question('Enter your search query: ', (query) => {
    const url = "https://abhaykoul-webscout1.hf.space/search";
    const payload = JSON.stringify({ query: query, limit:  5 }); // Set limit to  5

    const options = {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
            'Content-Length': Buffer.byteLength(payload)
        }
    };

    const req = https.request(url, options, (res) => {
        let data = '';

        res.on('data', (chunk) => {
            data += chunk;
        });

        res.on('end', () => {
            try {
                const parsedData = JSON.parse(data);
                console.log(parsedData);
                // Process the data here
            } catch (e) {
                console.error('Error parsing JSON:', e);
            }
        });
    });

    req.on('error', (e) => {
        console.error('There was a problem with the request:', e.message);
    });

    req.write(payload);
    req.end();

    readline.close();
});

Currently, it's hacky and hardcoded. It doesnt increase in height when the text wraps. Setting the height to scrollheight leads to uneven uncentered text.

currently, if you send html tags, they will be rendered and not escaped. that is a problem. one could include <script> tags or other harmful inputs and they will be added to the document

Approach to fix:

• Add media query or
• Change the hardcoded values

Uncaught (in promise) Error: [400 ] Please ensure that multiturn requests ends with a user role or a function response.
at E (index.mjs:66:1)
at async A (index.mjs:99:1)

Allow the user to start anew without refreshing the page.

Implement a check for empty textarea value and trigger an alert, early return

This project might benefit from decoupling the markup from the js, it grew too big and is somewhat unreadable.
a one file bundle can still be provided